/*
 *
 * Copyright (c) 2016 LG Electronics, Inc.
 *
 * Confidential computer software. Valid license from LG required for
 * possession, use or copying.
 *
 */

/* --------- property window ------------------------------- */

.property_window {
  width: 280px;
  min-height: 50px;
  border: solid 2px #999999;
  z-index: 500001;
  color: #000000;
  position: absolute;
  font-size: 12px;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.property_window:focus-within {
  outline: none;
}

.property_window.theme_selector_window {
  width: 450px;
  min-height: 50px;
  background: #686868;
  z-index: 1000000;
  color: #cccccc;
  padding: 25px 20px 15px;
  margin: 0;
  position: absolute;
  font-size: 12px;
}

.property_window.page_property_window {
  width: 280px;
}

.property_window .accordian_block {
  height: auto !important;
  overflow: hidden !important;
  padding: 12px 12px 12px 12px !important;
}

.property_window .ui-accordion-content-active {
  display: block !important;
}

.property_window .accordian_block textarea {
  display: block;
  width: 96%;
  font-size: 11px;
  border: solid 1px #aaa;
  height: auto;
  line-height: auto;
}

.property_window .clear_button_bigger {
  margin-left: 6px;
  display: inline-block;
}

.property_window .slider_opacity {
  border: solid 1px #ffffff;
  margin-top: 3px;
  background: #61A8B1;
  border-radius: 0;
  height: 2px;
}

.property_window .slider_opacity div {
  background: #cccccc;
  border-color: #cccccc;
  border-radius: 0;
}

.property_window .slider_opacity span {
  border-radius: 10px;
  background: #ffffff;
  border-color: #999;
  cursor: pointer;
  width: 20px;
  height: 20px;
  top: -8px;
}

.property_window .slider_opacity span:focus {
  background: #cccccc;
}

.property_window .slider_opacity span:hover:not(:focus) {
  background: #61A8B1;
}

.property_window .slider_opacity_page_property {
  width: 57%;
  float: right;
  border: solid 1px #aaa;
  margin-top: 3px;
  margin-right: 10px;
  margin-bottom: 4px;
}

/* --------- button_container start ------------------------------- */

.button_container label {
  margin: 5px;
  font-weight: normal;
  float: left;
  width: 100%;
  text-transform: capitalize;
}

.button_container label input {
  width: 60%;
  float: right;
  border: solid 1px #aaa;
}

.button_container label input.with_clear {
  width: 47%;
  float: right;
  border: solid 1px #aaa;
}

.button_container label input.with_bigger_clear {
  width: 44%;
  float: right;
  border: solid 1px #aaa;
}

.button_container label .clear_button {
  width: 8%;
  float: right;
  border: solid 1px #aaa;
  margin-left: 5px;
  padding-top: 3px;
  padding-bottom: 2px;
}

.button_container .clear_button {
  float: right;
  border: solid 1px #aaa;
  margin-left: 5px;
}

.button_container label button {
  width: 44%;
  float: right;
  border: solid 1px #aaa;
  margin-left: 2px;
}

.button_container label button.property_attribute {
  width: 56%;
  float: right;
  border: solid 1px #aaa;
}

.button_container label button.with_bigger_clear {
  width: 41%;
  float: right;
  border: solid 1px #aaa;
}

.button_container label button.selected_custom {
  background-color: lightgreen !important;
}

.button_container .ui-corner-all {
  border-radius: 0px !important;
}

.button_container label select {
  width: 61%;
  float: right;
}

/* --------- button_container end ------------------------------- */

/* [PCD 2.0] Attribute Popup GUI changes */
#update_widget_properties {
  margin-right: 10px;
  float: left;
}

#cut_widget_properties {
  float: left;
}

#copy_widget_properties {
  margin-left: 4px;
  float: left;
}

/* [PCD 2.0] Attribute Popup GUI changes */
#cancel_widget_properties {
  margin-right: 10px;
  float: left;
}

/* [PCD 2.0] Attribute Popup GUI changes */
#delete_widget_properties {
  margin-left: 4px;
  float: left;
}

/* [PCD 2.0] Attribute Popup GUI changes */
#zindex_send_to_back {
  margin-left: 14px;
  float: left;
}

#save_copy_to_page {
  float: left;
}

/* [PCD 2.0] Attribute Popup GUI changes */
#cancel_copy_to_page {
  float: left;
}

.copy_to_page .submenu_header {
  padding: 5px 10px;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #999;
  background: #4d4d4d;
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
}

.copy_to_page .page_list {
  padding: 0px;
  margin: 0px 10px 10px 10px;
  overflow: auto;
  height: 90px;
}

.copy_to_page .page_list.no_page {
  margin-top: 30px;
  padding-left: 55px;
}

.submenu_page_list {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  background-color: #eee;
}

.submenu_page_list li {
  margin: 0;
  padding: 0;
  height: 30px;
  font-size: 14px;
  background-color: #686868;
  /*border: solid 2px #fff;*/
  cursor: pointer;
  /* WEBCOMM17-5460 ui is broken when page name is too long */
  word-break: break-all;
}

.submenu_page_list input[type='checkbox'] {
  border: solid 1px #f00;
  width: 20px;
  height: 20px;
}

#property_tabs #tabs_right {
  display: inline-block;
  position: relative;
  background: #686868;
}

#property_tabs .property_tab_content,
.property_area.page_property_area .property_tab_content {
  padding: 5px 10px;
  margin: 0;
}

#property_tabs .property_tab_content {
  width: 220px;
  min-height: 275px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 40px;
  box-sizing: content-box !important;
}

.property_area.page_property_area .property_tab_content {
  width: 260px;
  padding-bottom: 10px;
  background: #686868;
  box-sizing: content-box !important;
}


#property_tabs, #widget_style_property_tabs {
  width: 280px;
  border: none;
  border-radius: 0;
  display: flex;
  background: transparent;
}

.position_buttons_container {
  display: inline;
  margin: 0px 0px 0px 20px;
  padding: 5px 0px 0px 0px;
}

.position_button {
  display: inline;
  margin: 0px 10px 0px 0px;
  font-size: 20px;
}

#tabs_ul, #widget_style_tabs_ul {
  width: 40px;
  padding: 0;
  border: 0;
  background-color: #434343;
  background: #434343;
  border-radius: 0;
}

.smartapps_container {
font-size: 13px;
}
.no_padding {
  padding: 0px !important;
}

/* --------- property_area start ------------------------------- */

.property_area {
  font-size: 16px;
  color: #333;
  line-height: 22.4px;
  width: min-content;
  max-height: 700px;
  overflow-x: hidden;
}

.property_area img, .property_area input, .property_area button, .property_area select, .property_area textarea {
  vertical-align: middle;
}

.property_area, .property_area div, .property_area input, .property_area label, .property_area span, .property_area a, .property_area p, .property_area img {
  padding: 0;
  margin: 0;
}

.property_area.page_property_area {
  width: 280px;
}

/* --------- property_area end ------------------------------- */

/* --------- property_title_area start ------------------------------- */

#property_title_area {
  padding: 5px 10px;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #999;
  background: #4d4d4d;
  box-sizing: content-box !important;
}

#property_title_area.no_tab {
  margin: 0;
}

#property_title_area .title {
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 230px;
}

#property_title_area span {
  display: inline-block;
  margin-left: 5px;
  font-size: 12px;
  color: #fff;
}

#property_title_area button {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_widget_custom_save_n.svg') 0 0 no-repeat;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  float: right;
  margin-top: 5px;
}

#property_title_area button:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Contents/Editor/btn_widget_custom_save_f.svg') 0 0 no-repeat;
}

#property_title_area button:active {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_widget_custom_save_p.svg') 0 0 no-repeat;
}

/* --------- property_title_area end ------------------------------- */
/* [PCD 2.0] Attribute Popup GUI changes */
#property_toolbox {
  position: relative;
  padding: 5px 10px;
  height: 30px;
  border-bottom: 1px solid #999;
  background: #4d4d4d;
  box-sizing: content-box !important;
}

/* --------- property_tabs area start ------------------------------- */

#property_tabs .option_container, #widget_style_property_tabs .option_container {
  position: relative;
}

#property_tabs .option_tab, #widget_style_property_tabs .option_tab {
  display: block;
  position: absolute;
  padding: 5px;
  width: 30px;
  height: 30px;
  background: #666;
  text-align: center;
}

.ui-tabs.ui-tabs-vertical {
  padding: 0;
  width: 40px;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-nav {
  display: inline-block;
}

.property_window .ui-tabs .ui-tabs-nav li.attribute_group_icon {
  width: 40px;
  margin: 0;
  padding: 0;
}


.property_window .ui-tabs .ui-tabs-nav li.attribute_group_icon a {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
}

.property_window .ui-tabs .ui-tabs-nav li.attribute_group_icon a {
  background-color: #434343;
}


.property_window .ui-tabs .ui-tabs-nav li.attribute_group_icon a:hover > div {
  cursor: pointer;
  border-radius: 50%;
  background-color: #ffffff;
}

.property_window .ui-tabs .ui-tabs-nav li.attribute_group_icon a:active {
  border-radius: 50%;
  /* border: 1px, solid, #ffffff; */
}

.property_window .ui-tabs .ui-tabs-nav li.attribute_group_icon a > div {
  border: solid 1px transparent;
  margin: 5px;
  width: 30px;
  height: 30px;
  box-sizing: content-box !important;
}

.attribute_group_icon a div.settings {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_advancedsettings_n.svg') 0 0 no-repeat;
}

.attribute_group_icon a:hover div.settings {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_advancedsettings_f.svg') 0 0 no-repeat;
}

.attribute_group_icon a div.size_position {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_size_n.svg') 0 0 no-repeat;
}

.attribute_group_icon a:hover div.size_position {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_size_f.svg') 0 0 no-repeat;
}

.attribute_group_icon a div.text_style {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_text_n.svg') 0 0 no-repeat;
}

.attribute_group_icon a:hover div.text_style {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_text_f.svg') 0 0 no-repeat;
}

.attribute_group_icon a div.background_style {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_background_n.svg') 0 0 no-repeat;
}

.attribute_group_icon a:hover div.background_style {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_background_f.svg') 0 0 no-repeat;
}

.attribute_group_icon a div.border_style {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_border_n.svg') 0 0 no-repeat;
}

.attribute_group_icon a:hover div.border_style {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_border_f.svg') 0 0 no-repeat;
}

.attribute_group_icon a div.text_field {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_multilanguage_n.svg') 0 0 no-repeat;
}

.attribute_group_icon a:hover div.text_field {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_multilanguage_f.svg') 0 0 no-repeat;
}

.attribute_group_icon a div.interaction {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_innerfocus_n.svg') 0 0 no-repeat;
}

.attribute_group_icon a:hover div.interaction {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_innerfocus_f.svg') 0 0 no-repeat;
}

.attribute_group_icon a div.navigation {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_navigation_n.svg') 0 0 no-repeat;
}

.attribute_group_icon a:hover div.navigation {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_navigation_f.svg') 0 0 no-repeat;
}

.attribute_group_icon a div.image {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_image_n.svg') 0 0 no-repeat;
}

.attribute_group_icon a:hover div.image {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_image_f.svg') 0 0 no-repeat;
}

.attribute_group_icon a div.filter {
  background: url('images/phoenix/new/icon_widget_filter_n.svg') 0 0 no-repeat;
}

.attribute_group_icon a:hover div.filter {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_filter_f.svg') 0 0 no-repeat;
}

.attribute_group_icon a div.focus {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_outerfocus_n.svg') 0 0 no-repeat;
}

.attribute_group_icon a:hover div.focus {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_outerfocus_f.svg') 0 0 no-repeat;
}

.attribute_group_icon a div.animation {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_animation_n.svg') 0 0 no-repeat;
}

.attribute_group_icon a:hover div.animation {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_animation_f.svg') 0 0 no-repeat;
}

.attribute_group_icon a div.filter {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_filter_n.svg') 0 0 no-repeat;
}

.attribute_group_icon a:hover div.filter {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_filter_f.svg') 0 0 no-repeat;
}

.attribute_group_icon a div.action {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_interaction_n.svg') 0 0 no-repeat;
}

.attribute_group_icon a:hover div.action {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_interaction_f.svg') 0 0 no-repeat;
}

.attribute_group_icon.ui-state-hover a:hover div {
  background-color: #ffffff;
  border-radius: 50%;
}

.attribute_group_icon.ui-tabs-active a:not(:hover) > div {
  /*
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_animation_s.svg') 0 0 no-repeat;
  */
  border-radius: 50%;
  border: 1px solid #ffffff !important;
}

.attribute_group_icon a div.style {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/style.svg') 0 0 no-repeat;
}

.attribute_group_icon.ui-state-hover a:hover div.style {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/style.svg') 0 0 no-repeat;
}

/* --------- property_tabs area end ------------------------------- */

/* --------- tab contents area start ------------------------------- */

.property_area .property_attribute_full {
  width: 100%;
  margin-bottom: 10px;
}

.property_area .property_attribute_half {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  margin-bottom: 10px;
}

.property_area label {
  display: block;
  font-size: 13px;
  color: #fff;
  font-weight: normal;
  text-transform: capitalize;
  line-height: 16px;
  /* padding-top: 3px;
  padding-bottom: 3px; */
}

.property_area .property_attribute_full > span {
  display: block;
  font-size: 13px;
  color: #fff;
  font-weight: normal;
  text-transform: capitalize;
  line-height: 16px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.property_area .property_attribute {
  display: inline-table;
  padding-left: 10px;
  padding-right: 10px;
  height: 20px;
  line-height: 20px;
  border: 0;
  background: #fff;
  text-align: left;
  font-size: 12px;
  color: #666;
}

.property_area input[type="number"][class*="icon_"] {
  padding-left: 20px;
}

.property_area input[type="number"].icon_class {
  padding-left: 6px;
}

.property_area .property_attribute.left {
  float: unset !important;
}

.property_area div.input_with_icon_unit_container {
  float: left;
  position: relative;
}

.property_attribute_half div.input_with_icon_unit_container {
  height: 20px;
  width: 75px;
}

.property_area .property_attribute_half label {
  padding-right: 12px;
}

.property_area input.property_attribute {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  border: 1px solid #e6e6e6;
  line-height: 26px;
  color: #666666;
  font-size: 14px;
  height: 20px;
  box-sizing: content-box;
}

.property_attribute_half input.property_attribute {
  width: 75px;
  box-sizing: border-box !important;
}

.property_area input.property_attribute:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.property_area input.property_attribute:hover, .property_area input.property_attribute:focus {
  border: 1px solid #b0d3d8;
  color: #333;
}

.property_area span.input_pixel_unit {
  position: absolute;
  display: block;
  top: 3px;
  right: 2px;
  float: right;
  pointer-events: none;
  color: #666666;
  font-size: 14px;
}

.property_area input.property_attribute.pixel {
  text-align: right;
  width: 50px;
  padding-right: 21px;
}

.property_area input.property_attribute.time {
  text-align: right;
  padding-right: 38px;
  width: 110px;
}

.property_attribute_half input.property_attribute.icon_borderwidth,
.property_attribute_half input.property_attribute.icon_x,
.property_attribute_half input.property_attribute.left,
.property_attribute_half input.property_attribute.icon_y,
.property_attribute_half input.property_attribute.top,
.property_attribute_half input.property_attribute.icon_width,
.property_attribute_half input.property_attribute.width,
.property_attribute_half input.property_attribute.icon_height,
.property_attribute_half input.property_attribute.height,
.property_attribute_half input.property_attribute.icon_fontsize,
.property_attribute_half input.property_attribute.icon_lineheight,
.property_attribute_half input.property_attribute.pixel {
  /*.property_attribute_half input {*/
  width: 79px;
  padding: 0;
  text-align: center;
  box-sizing: border-box;
}

.property_attribute_half input[type="number"]::-webkit-inner-spin-button,
.property_attribute_half input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}


.property_attribute_half input.property_attribute.time {
  width: 95px;
  box-sizing: border-box;
}

.property_area input.property_attribute.icon_width,
.property_area input.property_attribute.width {
  background: #fff url('../../../static/images/editor/wcag/img/Contents/Editor/icon_option_width.svg') 3px 50% no-repeat;
}

.property_area input.property_attribute.icon_width:hover, .property_area input.property_attribute.icon_width:focus,
.property_area input.property_attribute.width:hover, .property_area input.property_attribute.width:focus {
  background: #fff url('../../../static/images/editor/wcag/img/Contents/Editor/icon_option_width.svg') 3px 50% no-repeat;
}

.property_area input.property_attribute.icon_height,
.property_area input.property_attribute.height {
  background: #fff url('../../../static/images/editor/wcag/img/Contents/Editor/icon_option_height.svg') 3px 50% no-repeat;
}

.property_area input.property_attribute.icon_height:hover, .property_area input.property_attribute.icon_height:focus,
.property_area input.property_attribute.height:hover, .property_area input.property_attribute.height:focus {
  background: #fff url('../../../static/images/editor/wcag/img/Contents/Editor/icon_option_height.svg') 3px 50% no-repeat;
}


.property_area input.property_attribute.icon_x,
.property_area input.property_attribute.left {
  background: #fff url('../../../static/images/editor/wcag/img/Contents/Editor/icon_option_x.svg') 3px 50% no-repeat;
}

.property_area input.property_attribute.icon_x:hover, .property_area input.property_attribute.icon_x:focus,
.property_area input.property_attribute.left:hover, .property_area input.property_attribute.left:focus {
  background: #fff url('../../../static/images/editor/wcag/img/Contents/Editor/icon_option_x.svg') 3px 50% no-repeat;
}

.property_area input.property_attribute.icon_y,
.property_area input.property_attribute.top {
  background: #fff url('../../../static/images/editor/wcag/img/Contents/Editor/icon_option_y.svg') 3px 50% no-repeat;
}

.property_area input.property_attribute.icon_y:hover, .property_area input.property_attribute.icon_y:focus,
.property_area input.property_attribute.top:hover, .property_area input.property_attribute.top:focus {
  background: #fff url('../../../static/images/editor/wcag/img/Contents/Editor/icon_option_y.svg') 3px 50% no-repeat;
}

.property_area input.property_attribute.icon_padding {
  background: #fff url('../../../static/images/editor/wcag/img/Contents/Editor/icon_option_padding.png') 3px 50% no-repeat;
}

.property_area input.property_attribute.icon_padding:hover, .property_area input.property_attribute.icon_padding:focus {
  background: #fff url('../../../static/images/editor/wcag/img/Contents/Editor/icon_option_padding.png') 3px 50% no-repeat;
}

.property_area input.property_attribute.icon_padding {
  background: #fff url('../../../static/images/editor/wcag/img/Contents/Editor/icon_option_padding.png') 3px 50% no-repeat;
}

.property_area input.property_attribute.icon_padding:hover, .property_area input.property_attribute.icon_padding:focus {
  background: #fff url('../../../static/images/editor/wcag/img/Contents/Editor/icon_option_padding.png') 3px 50% no-repeat;
}

.property_area input.property_attribute.icon_fontsize {
  background: #fff url('../../../static/images/editor/wcag/img/Contents/Editor/icon_option_fontsize.png') 3px 50% no-repeat;
}

.property_area input.property_attribute.icon_fontsize:hover, .property_area input.property_attribute.icon_fontsize:focus {
  background: #fff url('../../../static/images/editor/wcag/img/Contents/Editor/icon_option_fontsize.png') 3px 50% no-repeat;
}

.property_area input.property_attribute.icon_fontsize {
  background: #fff url('../../../static/images/editor/wcag/img/Contents/Editor/icon_option_fontsize.png') 3px 50% no-repeat;
}

.property_area input.property_attribute.icon_fontsize:hover, .property_area input.property_attribute.icon_fontsize:focus {
  background: #fff url('../../../static/images/editor/wcag/img/Contents/Editor/icon_option_fontsize.png') 3px 50% no-repeat;
}

.property_area input.property_attribute.icon_borderwidth {
  background: #fff url('../../../static/images/editor/wcag/img/Contents/Editor/icon_option_borderwidth.png') 3px 50% no-repeat;
}

.property_area input.property_attribute.icon_borderwidth:hover, .property_area input.property_attribute.icon_borderwidth:focus {
  background: #fff url('../../../static/images/editor/wcag/img/Contents/Editor/icon_option_borderwidth.png') 3px 50% no-repeat;
}

.property_area input.property_attribute.icon_borderwidth {
  background: #fff url('../../../static/images/editor/wcag/img/Contents/Editor/icon_option_borderwidth.png') 3px 50% no-repeat;
  height: 20px;
}

.property_area input.property_attribute.icon_borderwidth:hover, .property_area input.property_attribute.icon_borderwidth:focus {
  background: #fff url('../../../static/images/editor/wcag/img/Contents/Editor/icon_option_borderwidth.png') 3px 50% no-repeat;
}

.property_area input.property_attribute.icon_lineheight {
  background: #fff url('../../../static/images/editor/wcag/img/Contents/Editor/icon_option_lineheight.png') 3px 50% no-repeat;
}

.property_area input.property_attribute.icon_lineheight:hover, .property_area input.property_attribute.icon_lineheight:focus {
  background: #fff url('../../../static/images/editor/wcag/img/Contents/Editor/icon_option_lineheight.png') 3px 50% no-repeat;
}

.property_area input.property_attribute.icon_lineheight {
  background: #fff url('../../../static/images/editor/wcag/img/Contents/Editor/icon_option_lineheight.png') 3px 50% no-repeat;
}

.property_area input.property_attribute.icon_lineheight:hover, .property_area input.property_attribute.icon_lineheight:focus {
  background: #fff url('../../../static/images/editor/wcag/img/Contents/Editor/icon_option_lineheight.png') 3px 50% no-repeat;
}

.property_area a.property_attribute {
  display: inline-block;
  border: 1px solid #e6e6e6;
  color: #333;
  font-size: 14px;
  vertical-align: middle;
  margin-right: 4px;
}

.property_area a.property_attribute.color {
  width: 193px !important;
}

.property_area a.color_picker_button:hover {
  border: 1px solid #b0d3d8;
}

.property_area button.color_picker_button.color {
  width: 193px !important;
  margin-right: 5px;
}

.property_area button.color_picker_button.color:active {
  background: #fff;
}

.property_area button.property_attribute.color_picker_button:hover {
  border: 1px solid #b0d3d8;
}

.property_area select.property_attribute {
  height: 22px;
  line-height: 22px;
  display: inline-block;
  min-width: 80px;
  position: relative;
  vertical-align: middle;
  margin: 0;
  font-size: 14px;
  background-image: url('../../../static/images/editor/wcag/img/Contents/Editor/select_slice01.svg'), url('../../../static/images/editor/wcag/img/Contents/Editor/select_slice01.svg'), url('../../../static/images/editor/wcag/img/Contents/Editor/select_slice01.svg'), url('../../../static/images/editor/wcag/img/Contents/Editor/select_slice01.svg');
  background-position: 0 -100px, right -200px, 50% 0px, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;
  cursor: pointer;
  width: 146px;
}

.property_area select.property_attribute:hover, .property_area select.property_attribute.expanded {
  background-position: 0 -132px, right -232px, 50% -32px, 0 -32px;
}

.property_area select.property_attribute {
  /*for firefox*/
  -moz-appearance: none;
  /*for chrome*/
  -webkit-appearance: none;
}

/*for IE10*/
.property_area select::-ms-expand {
  display: none;
}

.property_area select:focus {
}

.property_area #accordion {
  font-size: 13.2px;
}

.property_area .color_box {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 14px;
}

.property_area .color_text {
  /*font-family: segoe UI;*/
  color: #666;
  pointer-events: none;
  text-transform: lowercase;
}

.property_area button.property_attribute {
  background: #ffffff;
  height: 23px;
  margin: 0;
  border: 1px solid #949494;
  padding: 2px;
  color: #61A8B1;
  font-size: 14px;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}

.property_area input[type=radio].remote_button_color + label:before {
  content: none;
}

.short {
  width: 170px !important;
}

.property_area button.property_attribute:hover {
  text-decoration: underline;
  border: 3px solid #61A8B1;
  padding: 0;
}

.property_area button.property_attribute:active {
  background: #781312;
}

.property_area button.property_attribute[data-attribute_type="custom_style"] {
  width: 345px !important;
  padding: 0 !important;
  border: 0;
  height: 20px;
  line-height: 20px;
}

.property_area .option_image_select {
  position: relative;
  padding: 5px 0 0 55px;
  height: 38px;
  margin-top: 3px;
  border: 1px solid #d9d9d9;
  background: #f2f2f2;
  font-size: 12px;
  color: #999;
  box-sizing: content-box !important;
}

.property_area .option_image_select > span {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
}

.property_area .option_image_select img {
  width: 43px;
  height: 43px;
}

.property_area .option_image_select p {
  color: #333;
  min-height: 40px;
}

.property_area .option_image_select p span {
  display: block;
  font-size: 14px;
  color: inherit;
  line-height: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: calc(100% - 20px);
}

.property_area .clear_button_smaller {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 15px;
  height: 15px;
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_delete_n.svg') 0 0 no-repeat;
  text-indent: -2000px;
  margin: 0;
  padding: 0;
  border: 0;
}

.property_area .clear_button_smaller:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_delete_f.svg') 0 0 no-repeat;
}

.property_area .clear_button_smaller:active {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_delete_p.svg') 0 0 no-repeat;
}

.property_area .f_style, .property_area .f_align {
  display: inline-block !important;
  margin-right: 6px;
  width: 42px !important;
  height: 32px;
  border: 0 !important;
  padding: 0 !important;
  cursor: pointer;
}

.property_window .property_common_tool .btn {
  border-radius: 50%;
}

.property_area .f_style:hover {
  background-color: #ffffff !important;
}

.property_area .f_style.active {
  border: 1px solid #ffffff !important;
}

.property_area .f_style.pressed {
  border: 1px solid #ffffff !important;
}

.property_area .f_style.f_style_bold {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_style_bold_n.svg') 0 0 no-repeat;
}

.property_area .f_style.f_style_bold:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_style_bold_f.svg') 0 0 no-repeat;
}

.property_area .f_style.f_style_italic {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_style_italic_n.svg') 0 0 no-repeat;
}

.property_area .f_style.f_style_italic:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_style_italic_f.svg') 0 0 no-repeat;
}

.property_area .f_style.f_style_underline {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_style_underline_n.svg') 0 0 no-repeat;
}

.property_area .f_style.f_style_underline:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_style_underline_f.svg') 0 0 no-repeat;
}

.property_area .f_style.f_style_strikethrough {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_style_strikeout_n.svg') 0 0 no-repeat;
}

.property_area .f_style.f_style_strikethrough:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_style_strikeout_f.svg') 0 0 no-repeat;
}

.property_area .f_align.f_align_left {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_align_l_n.svg') 0 0 no-repeat;
}

.property_area .f_align.f_align_left:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_align_l_f.svg') 0 0 no-repeat;
}

.property_area .f_align.f_align_center {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_align_c_n.svg') 0 0 no-repeat;
}

.property_area .f_align.f_align_center:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_align_c_f.svg') 0 0 no-repeat;
}

.property_area .f_align.f_align_right {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_align_r_n.svg') 0 0 no-repeat;
}

.property_area .f_align.f_align_right:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_align_r_f.svg') 0 0 no-repeat;
}


.property_area .f_align.f_align_justify {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_align_bs_n.svg') 0 0 no-repeat;
}

.property_area .f_align.f_align_justify:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_align_bs_f.svg') 0 0 no-repeat;
}


/* border line */
.property_area .borderline {
  display: inline-block !important;
  margin-right: 15px;
  width: 30px !important;
  height: 30px;
  border: 0 !important;
  padding: 0 !important;
  cursor: pointer;
}

.property_area .borderline.borderline_none {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_border_none_n.svg') 0 0 no-repeat;
}

.property_area .borderline.borderline_none:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_border_none_f.svg') 0 0 no-repeat;
}

.property_area .borderline.borderline_none.pressed {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_border_none_f.svg') 0 0 no-repeat;
}

.property_area .borderline.borderline_none:active {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_border_none_f.svg') 0 0 no-repeat;
}

.property_area .borderline.borderline_solid {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_border_solid_n.svg') 0 0 no-repeat;
}

.property_area .borderline.borderline_solid:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_border_solid_f.svg') 0 0 no-repeat;
}

.property_area .borderline.borderline_solid.pressed {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_border_solid_f.svg') 0 0 no-repeat;
}

.property_area .borderline.borderline_solid:active {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_border_solid_f.svg') 0 0 no-repeat;
}

.property_area .borderline.borderline_dashed {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_border_dash_n.svg') 0 0 no-repeat;
}

.property_area .borderline.borderline_dashed:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_border_dash_f.svg') 0 0 no-repeat;
}

.property_area .borderline.borderline_dashed.pressed {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_border_dash_f.svg') 0 0 no-repeat;
}

.property_area .borderline.borderline_dashed:active {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_border_dash_f.svg') 0 0 no-repeat;
}

.property_area .borderline.borderline_dotted {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_border_dot_n.svg') 0 0 no-repeat;
}

.property_area .borderline.borderline_dotted:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_border_dot_f.svg') 0 0 no-repeat;
}

.property_area .borderline.borderline_dotted.pressed {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_border_dot_f.svg') 0 0 no-repeat;
}

.property_area .borderline.borderline_dotted:active {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_option_border_dot_f.svg') 0 0 no-repeat;
}

.property_area .property_attribute[data-attribute_type=text_align], .property_area .property_attribute[data-attribute_type=hl_text_align],
.property_area .property_attribute[data-attribute_type=image_align] {
  display: none;
}

.property_area .property_attribute[data-attribute_type=border_type], .property_area .property_attribute[data-attribute_type=hl_border_type], .property_area .property_attribute[data-attribute_type=flag_border_type], .property_area .property_attribute[data-attribute_type=overlay_filter_border_type], .property_area .property_attribute[data-attribute_type=img_border_type], .property_area .property_attribute[data-attribute_type=inner_border_type], .property_area .property_attribute[data-attribute_type=container_border_type], .property_area .property_attribute[data-attribute_type=container_border_type] + .selectBox-dropdown, .property_area .property_attribute[data-attribute_type=outer_border_type] {
  display: none !important;
}

.property_area .property_arrow_button_area {
  position: relative;
  float: right;
  width: 15px;
  height: 30px;
  vertical-align: middle;
  right: 14px;
  top: -3px;
}

.property_area.page_property_area .property_arrow_button_area {
  right: 33px !important;
}

.property_area a.property_arrow_button {
  position: absolute;
  display: inline-block;
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.property_area a.property_up_button {
  top: 0;
  left: 0;
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_arrow_up_n.svg') no-repeat;
}

.property_area a.property_up_button:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_arrow_up_f.svg') no-repeat;
}

.property_area a.property_up_button:active {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_arrow_up_f.svg') no-repeat;
}

.property_area a.property_down_button {
  top: 17px;
  left: 0;
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_arrow_down_n.svg') no-repeat;
}

.property_area a.property_down_button:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_arrow_down_f.svg') no-repeat;
}

.property_area a.property_down_button:active {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_arrow_down_f.svg') no-repeat;
}

.property_area .property_radio {
  display: block;
  padding-left: 0;
  height: 0;
  line-height: 22.4px;
  background: transparent;
  display: inline-table;
  font-size: 12px;
}

.property_area .property_style {
  padding: 5px 10px;
  margin: 5px 15px 0 10px;
  border: solid 1px #ccc;
  background: transparent;
  width: 345px;
  display: inline-table;
  font-size: 12px;
}

.property_area .property_check_box {
  float: left;
  width: 215px;
  height: 30px;
  line-height: 30px;
}

.property_area input[type=checkbox] + label {
  cursor: pointer;
  height: 20px;
  width: 150px;
  display: inline-block;
  margin: 0;
  line-height: 30px;
  vertical-align: middle;
  /* WEBCOMM17-5512 normal/selected icon is changed */
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/popup_btn_checkbox_n.svg') no-repeat;
}

.property_area input[type=checkbox] + label > span {
  height: 100%;
  display: flex;
  align-items: center;
  font-weight: 400;
  padding-left: 0.5rem;
}

/* WEBCOMM17-5512 normal/selected icon is changed */
.property_area input[type=checkbox]:checked + label {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/popup_btn_checkbox_s.svg') no-repeat;
}

.property_area .property_radio_box {
  width: auto;
  height: 23px;
  margin-left: 2px;
  display: inline-block;
  padding: 2px;
}

.property_area .property_radio .property_radio_box:first-of-type {
  width: auto;
  height: 23px;
  margin: 0;
  display: inline-block;
}

.property_area .property_style_selected {
  margin: 5px 0;
  margin-left: 25px;
  color: #ccc;
}

.property_area .property_style_selected .property_image_button,
#widget_style_selector .style_image_button {
  float: right;
  width: 20px;
  height: 20px;
  border: 0;
  padding: 0;
  margin-left: 10px;
}

.property_style_selected .property_image_button.property_edit_button,
#widget_style_selector .style_image_button.edit_button {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/popup_btn_edit_n.svg') 0 0 no-repeat;
}

.property_style_selected .property_image_button.property_edit_button:hover,
.property_style_selected .property_image_button.property_edit_button.pressed,
#widget_style_selector .style_image_button.edit_button:hover,
#widget_style_selector .style_image_button.edit_button.pressed {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/popup_btn_edit_s.svg') 0 0 no-repeat;
}

.property_style_selected .property_image_button.property_edit_button:active,
#widget_style_selector .style_image_button.edit_button:active {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/popup_btn_edit_p.svg') 0 0 no-repeat;
}

.property_style_selected .property_image_button.property_delete_button,
#widget_style_selector .style_image_button.delete_button {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/popup_btn_delete_n.svg') 0 0 no-repeat;
}

.property_style_selected .property_image_button.property_delete_button:hover,
.property_style_selected .property_image_button.property_delete_button.pressed,
#widget_style_selector .style_image_button.delete_button:hover,
#widget_style_selector .style_image_button.delete_button.pressed {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/popup_btn_delete_s.svg') 0 0 no-repeat;
}

.property_style_selected .property_image_button.property_delete_button:active,
#widget_style_selector .style_image_button.delete_button:active {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/popup_btn_delete_p.svg') 0 0 no-repeat;
}

#widget_style_selector .style_image_button.rename_button {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/popup_btn_rename_n.svg') 0 0 no-repeat;
}

#widget_style_selector .style_image_button.rename_button:hover,
#widget_style_selector .style_image_button.rename_button.pressed {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/popup_btn_rename_s.svg') 0 0 no-repeat;
}

#widget_style_selector .style_image_button.rename_button:active {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/popup_btn_rename_p.svg') 0 0 no-repeat;
}

.property_area .property_style_select {
  margin: 5px 0;
}

.property_area input[type='radio'] {
  cursor: pointer;
  position: absolute;
  width: 0;
  height: 0;
  font-size: 0;
  margin: 0;
}

.property_area input[type='radio'] + label {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: normal;
}

.property_area input[type='radio'],
.property_area input[type='checkbox'] {
  padding-left: 2px;
  -webkit-appearance: radio;
  box-sizing: border-box;
}

.property_area input[type='radio'] + label:before {
  content: '';
  cursor: pointer;
  height: 15px;
  width: 15px;
  display: inline-block;
  margin: 0;
  line-height: 22.4px;
  vertical-align: middle;
  background-color: #ffffff !important;
  border-radius: 50%;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-right: 8px;
}

.property_area input[type='radio']:checked + label:before {
  background-color: #61A8B1 !important;
  border-radius: 50%;
  border: 2px solid #ffffff;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 11px;
  width: 11px;
  margin-right: 8px;
  box-sizing: content-box;
}

.property_area input[type=radio] + label + span,
.property_area input[type=checkbox] + label + span {
  padding-left: 10px;
  color: #fff;
  text-transform: capitalize;
}

.property_area input[type=radio].remote_button_color + label > div {
  border-radius: 0;
  border: solid 1px transparent;
}

.property_area input[type=radio].remote_button_color:checked + label > div {
  border-radius: 0;
  border: solid 1px #ffffff;
}

.property_area input[type=radio].remote_button_color:hover + label > div {
  border-radius: 0;
  border: solid 1px #cccccc;
}

.property_area input[type=radio].remote_button_color:active + label {
  border-radius: 0;
  border: solid 1px #ffffff;
}

.property_area input[type=radio].remote_button_color + label {
  width: auto;
  height: auto;
  border: solid 1px transparent;
  background: initial;
}

.property_area input[type=radio].remote_button_color + label > div {
  width: 20px;
  height: 20px;
  display: inline-block;
}

.property_area input[type=radio].remote_button_color.green + label > div {
  background: green;
}

.property_area input[type=radio].remote_button_color.yellow + label > div {
  background: yellow;
}

.property_area input[type=radio].remote_button_color.blue + label > div {
  background: blue;
}

/* *** selectBox *** */
.property_area a.selectBox-dropdown, a.selectBox-dropdown.popupSelectBox {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  min-width: 80px;
  position: relative;
  vertical-align: middle;
  margin: 0;
  font-size: 14px;
  background-image: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_list_down_n.svg');
  background-position: right 9px top 4px;
  background-repeat: no-repeat;
  background-color: #ffffff;
  cursor: pointer;

  border: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;

  padding: 0;
  border: 0;
}

.property {
  width: 100% !important;
}

.property_attribute_full a.selectBox-dropdown {
  width: calc(100% - 2px) !important;
}

.property_attribute_half a.selectBox-dropdown {
  width: 95px !important;
}

.selectBox-options.selectBox-options-bottom.popupSelectBox-selectBox-dropdown-menu {
  padding: 0;
  margin-top: 0;
}

.property_area a.selectBox-dropdown:hover, .property_area a.selectBox-dropdown:active, .property_area a.selectBox-dropdown:focus, .property_area a.selectBox-dropdown.expanded {
  /*
  outline: 1px solid #b0d3d8;
  outline-offset: -1px;
  */
}

.property_area a.selectBox-dropdown:hover {
  background-image: url('../../../static/images/editor/wcag/img/Contents/Editor/select_slice01.svg'), url('../../../static/images/editor/wcag/img/Contents/Editor/btn_list_down_f.svg'), url('../../../static/images/editor/wcag/img/Contents/Editor/select_slice01.svg'), url('../../../static/images/editor/wcag/img/Contents/Editor/select_slice01.svg');
}

.property_area a.selectBox-dropdown:active {
  background-image: url('../../../static/images/editor/wcag/img/Contents/Editor/select_slice01.svg'), url('../../../static/images/editor/wcag/img/Contents/Editor/btn_list_down_p.svg'), url('../../../static/images/editor/wcag/img/Contents/Editor/select_slice01.svg'), url('../../../static/images/editor/wcag/img/Contents/Editor/select_slice01.svg');
}

.property_area a.selectBox-dropdown.selectBox-menuShowing {
  background-image: url('../../../static/images/editor/wcag/img/Contents/Editor/select_slice01.svg'), url('../../../static/images/editor/wcag/img/Contents/Editor/btn_list_up_n.svg'), url('../../../static/images/editor/wcag/img/Contents/Editor/select_slice01.svg'), url('../../../static/images/editor/wcag/img/Contents/Editor/select_slice01.svg');
}

.property_area a.selectBox-dropdown.selectBox-menuShowing:hover {
  background-image: url('../../../static/images/editor/wcag/img/Contents/Editor/select_slice01.svg'), url('../../../static/images/editor/wcag/img/Contents/Editor/btn_list_up_f.svg'), url('../../../static/images/editor/wcag/img/Contents/Editor/select_slice01.svg'), url('../../../static/images/editor/wcag/img/Contents/Editor/select_slice01.svg');
}

.property_area a.selectBox-dropdown.selectBox-menuShowing:active {
  background-image: url('../../../static/images/editor/wcag/img/Contents/Editor/select_slice01.svg'), url('../../../static/images/editor/wcag/img/Contents/Editor/new/btn_list_up_p.svg'), url('../../../static/images/editor/wcag/img/Contents/Editor/select_slice01.svg'), url('../../../static/images/editor/wcag/img/Contents/Editor/select_slice01.svg');
}

.property_area .selectBox-dropdown .selectBox-label {
  padding: 0 0 0 10px;
  text-align: left;
  color: #666666;
  font-size: 14px;
  width: 70% !important;
}

.property_area .selectBox-dropdown .selectBox-arrow {
  background: none;
  border: 0;
}

/*.property_area a.selectBox-dropdown:hover .selectBox-arrow, .property_area a.selectBox-dropdown:active .selectBox-arrow
, .property_area a.selectBox-dropdown:focus .selectBox-arrow {
  top: -1px;
  right: -1px;
}*/

.selectBox-dropdown-menu.selectBox-options,
.selectBox-dropdown-menu.selectBox-options.selectBox-options-bottom {
  border: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  z-index: 9999999;
}

.selectBox-dropdown-menu.selectBox-options li a {
  color: #333333;
  font-size: 14px;
  padding-left: 10px;
  height: 20px;
  line-height: 20px;
  margin: 0;
  cursor: pointer;
  background: #f2f2f2;
}

.selectBox-dropdown-menu.selectBox-options li a:active {
  border: solid 3px #61A8B1 !important;
}

.selectBox-dropdown-menu.selectBox-options li.selectBox-selected a {
  border: solid 3px #61A8B1 !important;
  background: #cccccc;
}

.selectBox-dropdown-menu.selectBox-options li.selectBox-hover a {
  text-decoration: underline;
}

/* *** popupSelectBox *** */
a.selectBox-dropdown.popupSelectBox {
  height: 32px;
  line-height: 32px;
  display: inline-block;
  min-width: 80px;
  position: relative;
  vertical-align: middle;
  margin: 0;
  font-size: 14px;
  /*background-image: url('../images/phoenix/new/select_slice01.svg'),url('../images/phoenix/new/select_slice01.svg'),url('../images/phoenix/new/select_slice01.svg'),url('../images/phoenix/new/select_slice01.svg');
  background-position: 0 -100px, right -200px, 50% 0px, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;*/
  cursor: pointer;

  border: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;

  background: #ffffff;
}

a.selectBox-dropdown.popupSelectBox:hover, a.selectBox-dropdown.popupSelectBox:active,
a.selectBox-dropdown.popupSelectBox:focus, a.selectBox-dropdown.popupSelectBox.expanded,
a.selectBox-dropdown.popupSelectBox.selectBox-menuShowing:hover {
  outline: 3px solid #b0d3d8;
  outline-offset: -3px;
}

a.selectBox-dropdown.popupSelectBox.selectBox-menuShowing {
  outline: 1px solid #999999;
  outline-offset: -1px;
}

a.selectBox-dropdown.popupSelectBox.selectBox-disabled {
  outline-offset: 0;
}

a.selectBox-dropdown.popupSelectBox .selectBox-label {
  padding: 0 0 0 10px !important;
  text-align: left !important;
  color: #666666 !important;
  font-size: 16px;
}

a.selectBox-dropdown.popupSelectBox .selectBox-arrow {
  border: 0;
  background-image: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_list_down_n.svg');
  background-repeat: no-repeat;
  width: 42px;
}

a.selectBox-dropdown.popupSelectBox:hover .selectBox-arrow {
  background-image: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_list_down_f.svg');
}

a.selectBox-dropdown.popupSelectBox:active .selectBox-arrow {
  background-image: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_list_down_p.svg');
}

a.selectBox-dropdown.popupSelectBox.selectBox-menuShowing .selectBox-arrow {
  background-image: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_list_up_n.svg');
}

a.selectBox-dropdown.popupSelectBox.selectBox-menuShowing:hover .selectBox-arrow {
  background-image: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_list_up_f.svg');
}

a.selectBox-dropdown.popupSelectBox.selectBox-menuShowing:active .selectBox-arrow {
  background-image: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_list_up_p.svg');
}

a.selectBox-dropdown.popupSelectBox.selectBox-disabled .selectBox-arrow {
  display: none;
}

a.selectBox-dropdown.popupSelectBox input[type=text] {
  width: 280px !important;
}

.selectBox-dropdown-menu.selectBox-options.popupSelectBox-selectBox-dropdown-menu li a {
  padding-left: 20px;
  height: 30px;
  line-height: 30px;
  margin: 0;
  font-size: 16px;
}

.colorpicker {
  z-index: 9999999;
}

/* --------- tab contents area end ------------------------------- */

/* --------- property button container area start ------------------------------- */



.property_window .button_container {
  width: 240px;
  height: 40px;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  left: 0;
  float: right;
}

.property_window.page_property_window .button_container {
  width: 280px;
  background: #686868;
  position: initial;
}

.property_window .property_common_button {
  /*background: url('../../../static/images/editor/wcag/img/Contents/Editor/widget_btn_n_m.svg');*/
  border: 1px solid #949494;
  background-color: #f2f2f2;
  width: 60px;
  height: 20px;
  line-height: 20px;
  padding: 0;
  font-size: 14px;
  text-align: center;
}

.property_window .property_common_button:hover {
  /*background: url('../../../static/images/editor/wcag/img/Contents/Editor/widget_btn_f_m.svg');*/
}

.property_window .property_common_button:active {
  /*background: url('../../../static/images/editor/wcag/img/Contents/Editor/widget_btn_p_m.svg');*/
}

.property_window .property_common_button .button_border_left {
  /*background: url('../../../static/images/editor/wcag/img/Contents/Editor/widget_btn_n_l.svg') no-repeat;*/
  width: 2px;
  height: 20px;
  padding: 0;
  float: left;
}

.property_window .property_common_button:hover .button_border_left {
  /*background: url('../../../static/images/editor/wcag/img/Contents/Editor/widget_btn_f_l.svg') no-repeat;*/
}

.property_window .property_common_button:active .button_border_left {
  /*background: url('../../../static/images/editor/wcag/img/Contents/Editor/widget_btn_p_l.svg') no-repeat;*/
}

.property_window .property_common_button .button_text {
  margin: auto;
  color: #333333;
  font-size: 12px;
  font-weight: bold;
  /*font-family: Segoe UI;*/
}

.property_window .property_common_button .button_border_right {
  /*background: url('../../../static/images/editor/wcag/img/Contents/Editor/widget_btn_n_r.svg') no-repeat;*/
  width: 2px;
  height: 20px;
  padding: 0;
  float: right;
}

.property_window .property_common_button:hover .button_border_right {
  /*background: url('../../../static/images/editor/wcag/img/Contents/Editor/widget_btn_f_r.svg') no-repeat;*/
}

.property_window .property_common_button:active .button_border_right {
  /*background: url('../../../static/images/editor/wcag/img/Contents/Editor/widget_btn_p_r.svg') no-repeat;*/
}

.property_window .property_common_tool {
  border: none;
  padding: 0;
  margin: 0;
  background: transparent;
}

.property_window .property_common_tool .btn {
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  box-sizing: content-box !important;
}

.property_window .property_common_tool .btn, .property_area .borderline {
  border: solid 1px transparent !important;
}

.property_area .f_style, .property_area .f_align {
  border: solid 1px transparent !important;
  background-position: 5px !important
}

.property_window .property_common_tool .btn:hover, .property_area .f_align:hover, .property_area .borderline:hover {
  background-color: #ffffff !important;
}

.property_window .property_common_tool .btn.active, .property_area .f_align.pressed, .property_area .borderline.pressed {
  border: 1px solid #ffffff !important;
}

.property_window .property_common_tool .btn.cutpaste {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_widget_cutpaste_n.svg') no-repeat;
}

.property_window .property_common_tool .btn.cutpaste:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_widget_cutpaste_f.svg') no-repeat;
}

.property_window .property_common_tool .btn.cutpaste:active {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_widget_cutpaste_p.svg') no-repeat;
}

.property_window .property_common_tool .btn.copypaste {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_widget_copypaste_n.svg') no-repeat;
}

.property_window .property_common_tool .btn.copypaste:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_widget_copypaste_f.svg') no-repeat;
}

.property_window .property_common_tool .btn.copypaste:active {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_widget_copypaste_p.svg') no-repeat;
}

.property_window .property_common_tool .btn.reset {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_widget_delete_n.svg') no-repeat;
}

.property_window .property_common_tool .btn.reset:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_widget_delete_f.svg') no-repeat;
}

.property_window .property_common_tool .btn.reset:active {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_widget_delete_p.svg') no-repeat;
}

.property_window .property_common_tool .btn.delete {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_widget_delete_n.svg') no-repeat;
}

.property_window .property_common_tool .btn.delete:after {
  border-right: 1px solid #cccccc;
  border-radius: unset;
  padding-right: 4px;
}

.property_window .property_common_tool .btn.delete:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_widget_delete_f.svg') no-repeat;
}

.property_window .property_common_tool .btn.delete:active {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_widget_delete_p.svg') no-repeat;
}

.property_window .property_common_tool .btn.bringtofront {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_popup_widget_bringtofront_n.svg') no-repeat;
}

.property_window .property_common_tool .btn.bringtofront:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_popup_widget_bringtofront_f.svg') no-repeat;
}

.property_window .property_common_tool .btn.bringtofront:active {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_popup_widget_bringtofront_p.svg') no-repeat;
}

.property_window .property_common_tool .btn.sendtoback {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_popup_widget_sendtoback_n.svg') no-repeat;
}

.property_window .property_common_tool .btn.sendtoback:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_popup_widget_sendtoback_f.svg') no-repeat;
}

.property_window .property_common_tool .btn.sendtoback:active {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_popup_widget_sendtoback_p.svg') no-repeat;
}

.property_window .property_common_tool .btn.moveforwards {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_popup_widget_moveforwards_n.svg') no-repeat;
}

.property_window .property_common_tool .btn.moveforwards:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_popup_widget_moveforwards_f.svg') no-repeat;
}

.property_window .property_common_tool .btn.moveforwards:active {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_popup_widget_moveforwards_p.svg') no-repeat;
}

.property_window .property_common_tool .btn.movebackwards {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_popup_widget_movebackwards_n.svg') no-repeat;
}

.property_window .property_common_tool .btn.movebackwards:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_popup_widget_movebackwards_f.svg') no-repeat;
}

.property_window .property_common_tool .btn.movebackwards:active {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_popup_widget_movebackwards_p.svg') no-repeat;
}

.property_window .property_common_tool .clear {
  width: 20px;
  height: 20px;
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_none_n.svg');
}

.property_window .property_common_tool .clear:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_none_f.svg');
}

.property_window .property_common_tool .clear:active {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_none_p.svg');
}

/* [PCD 2.0] Attribute Popup GUI changes */
.property_window .with_icon_button {
  float: left;
  width: 20px;
  margin-left: 4px;
}

.property_window .with_icon_button .button_text {
  width: 18px;
  height: 20px;
  display: inline-block;
  margin-left: -2px;
}

.property_window #zindex_send_to_back .button_text {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/widget_btn_icon_stb.svg') no-repeat;
}

.property_window #zindex_move_down .button_text {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/widget_btn_icon_mb.svg') no-repeat;
}

.property_window #zindex_move_up .button_text {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/widget_btn_icon_mf.svg') no-repeat;
}

.property_window #zindex_send_to_front .button_text {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/widget_btn_icon_btf.svg') no-repeat;
}

.property_window #delete_widget_properties .button_text {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/widget_btn_icon_delete.svg') no-repeat;
}

/* [PCD 2.0] Attribute Popup GUI changes */
.property_window .button_container #cancel_widget_properties, .property_window .button_container #cut_widget_properties, .property_window .button_container #copy_widget_properties {
  margin-left: 94px;
}

/* --------- property button container area end ------------------------------- */

.property_window label input.with_calculate {
  width: 54%;
  float: right;
  border: solid 1px #aaa;
}

.property_window .clear_button {
  float: right;
  border: solid 1px #aaa;
  margin-left: 5px;
}

/* --------- portal map  ------------------------------- */
#portal_map_toggle_icon {
  cursor: pointer;
}

.site_bar_link {
  font-weight: normal;
  font-size: 15px;
  text-decoration: underline;
}

/* --------- attribute types ---------------------------- */
.color_picker_button {
  height: 18px !important;
  line-height: 18px !important;
  text-align: center;
  cursor: pointer;
  width: 320px !important;
  padding: 0 !important;
  position: relative;
  text-align: center !important;
  text-decoration: none !important;
}

.theme_selector_window .color_picker_button {
  height: 20px;
  line-height: 20px;
  padding: 0;
  box-sizing: content-box;
}

.theme_selector_window .color_picker_button:hover {
  padding: 0 !important;
}

.resizable {
  background-color: unset;
}

.text_center {
  text-align: center;
}

/* [PCD 2.0 Feature] Easy Cut/Copy & Paste */
.copy_to_page {
  width: 280px;
  min-height: 201px;
  background-color: #686868;
  z-index: 9999999;
  color: #cccccc;
  margin: 0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  position: absolute;
  font-size: 14px;
}

/* [PCD 2.0 Feature] Easy Cut/Copy & Paste */
.copy_to_page input[type=checkbox] {
  display: none;
}

.copy_to_page input[type=checkbox] + label {
  cursor: pointer;
  height: 20px;
  width: 20px;
  display: inline-block;
  margin: 5px 0 0;
  /*line-height: 22.4px;*/
  vertical-align: top;
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_checkbox_n.svg') no-repeat;
}

.copy_to_page input[type=checkbox]:checked + label {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_checkbox_s.svg') no-repeat;
}

.copy_to_page input[type=checkbox] + label + span {
  margin-left: 10px;
  margin-top: 5px;
  display: inline-block;
}

.copy_to_page .select_all_area {
  padding: 0 10px;
  height: 30px;
  cursor: pointer;
}

.copy_to_page .page_button_area button {
  float: right;
  background-color: #f2f2f2;
  border: 1px solid #949494;
  width: 60px;
  height: 20px;
  line-height: 20px;
  padding: 0;
  font-size: 12px;
  margin: auto;
  color: #333333;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 10px;
}

.copy_to_page .page_button_area button:hover {
  outline: 1px solid #b0d3d8;
  outline-offset: -1px;
}

.copy_to_page .page_button_area button:active {
  outline: 1px solid #b0d3d8;
  outline-offset: -1px;
}

.highlight_dropable {
  border: dashed 2px #0f0 !important;
}

/* --------- image selector window ---------------------------- */

#save_select_media {
  float: right;
  margin-right: 0;
  margin-top: 10px;
}

#cancel_select_media {
  float: left;
  margin-left: 155px;
  margin-right: 10px;
  margin-top: 10px;
}

.image_selector_window {
  background: white;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  border: solid 1px #cccccc;
  padding: 25px;
  /* overflow-y:scroll; */
  z-index: 99999999;
}

.selector_thumbnail {
  margin: 25px;
  float: left;
  cursor: pointer;
}

.spinner {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.ui-dialog {
  z-index: 999999 !important;
}

.ui-widget-overlay {
  z-index: 999998 !important;
}


#widget_style_editor [widget_style].ui-resizable {
  border: 1px solid green;
}

#widget_style_editor [widget_style].ui-resizable .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
  background-position: -64px -224px;
}

.ui-dialog.ui-widget #widget_style_editor [widget_style] .ui-wrapper {
  border: 1px solid #f35;
}

.ui-dialog.ui-widget #widget_style_editor .ui-wrapper [element_style].ui-resizable:hover,
.ui-dialog.ui-widget #widget_style_editor .ui-wrapper [element_style].ui-resizable {
  border: 0;
}

.ui-dialog.ui-widget #widget_style_editor [element_style]:hover,
.ui-dialog.ui-widget #widget_style_editor [element_style].ui-resizable {
  border: 1px solid #f35;
}

.ui-dialog.ui-widget #widget_style_editor .element_style_parent[element_style]:hover {
  border: 1px solid transparent;
}

#widget_style_editor .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
  background-position: -64px -224px;
}

.property_window.widget_style_window {
  z-index: 100010;
  text-align: left;
}

.property_area.widget_style_property_area input.property_attribute {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

#widget_style_selector.overlay_contents {
  position: absolute;
  top: 50px;
  left: 50px;
  width: 600px;
  background: #686868;
  z-index: 1000002;
}

#widget_style_selector .container_heading {
  background-color: #686868;
  padding: 14px 5px 14px 20px;
  font-size: 16px;
  color: #ffffff;
  border-bottom: 1px solid #999;
}

#widget_style_selector .container_heading button {
  width: 38px;
  height: 38px;
  float: right;
  background-color: #fff;
  background-image: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_icon_plus_n.svg');
  border: solid 1px #cccccc;
  padding: 0;
  margin: -9px 0;
}

#widget_style_selector .container_heading button:hover {
  background-color: #b0d3d8;
  border: solid 1px #b0d3d8;
  background-image: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_icon_plus_f.svg');
}

#widget_style_selector .container_heading button:active {
  background-color: #1d828f;
  border: solid 1px #1d828f;
  background-image: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_icon_plus_p.svg');
}

#widget_style_selector .container_body {
  height: 449px;
}

#widget_style_selector .container_pillow {
  padding: 15px 0 0 25px;
  overflow-y: auto;
  height: 419px;
}

#widget_style_selector .container_buttons {
  height: 40px;
  padding: 0 20px;
}

#widget_style_selector .container_buttons button {
  display: inline-block;
  margin-left: 10px;
  min-width: 70px;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  border: 0px;
  background: #999;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  float: right;
}

#widget_style_selector .container_buttons button:not([disabled]):hover {
  background: #b0d3d8;
  text-decoration: none;
}

#widget_style_selector .container_buttons button:active {
  background-color: #1d828f;
  text-decoration: none;
}

#widget_style_selector .widget_style {
  border: solid 1px transparent;
  padding: 10px 20px;
  float: left;
  width: 200px;
  height: 180px;
}

#widget_style_selector .widget_style:hover,
#widget_style_selector .widget_style.selected {
  border: solid 1px yellow;
}

#widget_style_selector .widget_style .widget_style_buttons {
  height: 20px;
}

#widget_style_selector .widget_style img {
  width: 200px;
  height: 118px;
  display: block;
  margin: 5px 0 0;
}

#widget_style_selector .widget_style span {
  color: #ffffff;
  font-size: 14px;
  text-align: left;
  display: block;
}

#widget_style_selector .widget_style span.widget_style_date {
  color: #cccccc;
  font-size: 12px;
}

.ui-dialog.ui-widget .widget_style_dialog > div {
  width: 170px;
  text-align: left;
  float: left;
  line-height: 34px;
}

.ui-dialog.ui-widget .widget_style_dialog > input {
  width: 190px;
  margin: 0;
}


/*
* [PCD 2.0 Feature] Multi Selection
*/
#ui-lasso-area {
  background-color: rgba(255, 255, 255, 0.1);
  outline: 1px solid blue;
  outline-offset: 15px;
  z-index: 9999;
  cursor: move;
  position: absolute;
}

.popupBtn.dim {
  background: #f2f2f2;
  color: #d9d9d9;
}

.ui-dialog.ui-widget .ui-dialog-buttonpane .ui-button.dim {
  background: #f2f2f2;
  color: #d9d9d9;
}


.property_tab_content > .group {
  border: solid 1px #b2b2b2;
  padding: 6px;
  margin: 4px 0px;
}

.outline {
  outline: solid 1px green !important;
  outline-offset: -2px !important;
}

button.btn-rtl {
  width: 16px;
  height: 16px;
  border: none;
  padding: 0;
}

textarea[data-rtl-lang="1"] {
  direction: rtl !important;
  text-align: right !important;
}

.property_area label.guide_label {
  text-align: center;
  font-size: 14px;
  color: white;
  padding-bottom: 10px;
}

.property_area label.guide_label strong {
  color: black;
}

.property_area .calculate_button {
  filter: brightness(0) invert(1);
  -webkit-filter: invert(70%);
  padding-left: 5px !important;
}

.html2canvas-container {
  width: 3000px !important;
  height: 3000px !important;
}

.custom_delete_button, .custom_delete_folder:not([name=default]) {
  width: 24px;
  height: 24px;
  background-image: url(../../../static/images/editor/wcag/img/Contents/Editor/menu_icon_delete_n.svg) !important;
  float: right;
}

.custom_delete_button:hover, .custom_delete_folder:hover {
  background-image: url(../../../static/images/editor/wcag/img/Contents/Editor/menu_icon_delete_f.svg) !important;
}

.custom_delete_button:active {
  background-image: url(../../../static/images/editor/wcag/img/Contents/Editor/menu_icon_delete_p.svg) !important;
}

.deployed {
  position: relative;
  left: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
  background: url(../../../static/images/editor/wcag/img/Contents/Editor/btn_popup_deploy_n.svg) 0 0 no-repeat;
}

.deployed_focused {
  background: url(../../../static/images/editor/wcag/img/Contents/Editor/btn_popup_deploy_s.svg) 0 0 no-repeat;
}

.emptyLanguage {
  display: inline-block;
  position: relative;
  width: 15px !important;
  height: 15px !important;
  background: url(../../../static/images/editor/wcag/img/Contents/Editor/icon_widget_empty.svg) 0 0 no-repeat;
  left: 10px;
  top: 2px;
}

.property_window .ui-tabs .ui-tabs-nav li.attribute_group_icon:focus-visible {
  z-index: 99999;
}

.emptyLanguage.tabs {
  left: 13px;
  top: 13px;
}

#update_widget_properties:active, #cancel_widget_properties:active {
  outline: 3px solid #61A8B1;
  /* outline-offset: -3px; */
}

#update_widget_properties:hover, #cancel_widget_properties:hover {
  text-decoration: underline;
}

#custom_new_folder_root button {
  width: 215px;
  height: 23px;
  background: #f2f2f2;
  font-size: 14px;
  border: 1px solid #949494;
  margin: 2px 0;
}

#custom_new_folder_root button:active {
  width: 215px;
  height: 23px;
  background: #cccccc;
  font-size: 14px;
  border: 3px solid #61A8B1;
  margin: 2px 0;
}

.btn-duplicate, .btn-delete, .btn-3circle {
  width: 24px;
  height: 24px;
}

/*
 alignment-dialog START
*/

.alignment-dialog {
  width: 305px;
  top: 56px;
  left: 260px;
}

.m_top_icon_set1 .alignment-dialog {
  top: 103px;
  left: 270px;
}

/*
 alignment-dialog DONE
*/

/*
 colorpicker-dialog START
*/
.popup-wrapper .property_common_button {
  width: auto;
  padding-left: 7px;
  padding-right: 7px;
}

.popup-wrapper .property_common_button.clear_button_bigger {
  background: url('../phoenix/new/btn_none_n.png');
  width: 20px;
  height: 20px;
  float: right;
  padding: 0;
  margin-top: 3px;
}

.popup-wrapper .property_common_button.clear_button_bigger:hover {
  background: url('../phoenix/new/btn_none_f.png');
}

.popup-wrapper .property_common_button.clear_button_bigger:active {
  background: url('../phoenix/new/btn_none_p.png');
}

.row_div {
  width: 100%;
  padding: 5px;
}

.theme_title {
  font-size: 16px;
  width: 100%;
  text-align: left;
  background-color: #4d4d4d;
  color: #fff;
  margin-top: -25px;
  margin-left: -20px;
  padding: 5px 20px;
  height: 30px;
  line-height: 30px;
  border-bottom: solid 1px #999999;
  text-transform: uppercase;
  font-weight: bold;
}

.popup-wrapper a.color span:not(.popup_menu_in) {
  width: 17px;
  height: 17px;
  position: relative;
  display: block;
  float: left;
  padding: 0;
  margin: 0;
  border-top: solid 1px #aaaaaa;
  border-bottom: solid 1px #aaaaaa;
}

/*
 colorpicker-dialog DONE
*/

/*
 mini popup START
*/
[id^='.bottom_popup1'] {
  z-index: 50001;
}

/*
 mini popup DONE
*/

/*
 editor outline START
*/

.selected_element {
  outline: solid 1px green;
  outline-offset: 15px;
  z-index: 500;
  cursor: move;
  overflow: visible;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: none !important;
  -ms-touch-action: none;
  touch-action: none;
  height: 7px;
}

.selected_element:not(.ui-selected) .ui-resizable-handle {
  width: 9px !important;
  height: 9px !important;
  background: url(../phoenix/new/widget_selection_point.png) no-repeat;
  display: block !important;
}

.ui-resizable-n, .ui-resizable-s {
  left: 48%;
}

.ui-resizable-e, .ui-resizable-w {
  top: 48%;
}

.ui-resizable-se {
  right: -21px;
  bottom: -21px;
}

/*
 editor outline DONE
*/

/*
 merge start
*/
.padding {
  display: inline;
}

#editor_app {
  line-height: normal;
}

.mini_popup {
  display: inline;
}

.widget_box_wrap, .property_window *, .selectBox-dropdown-menu.selectBox-options *, .selectBox-dropdown-menu.selectBox-options.selectBox-options-bottom *, #m_top, #m_con1 * {
  box-sizing: content-box !important;
}

.property_window *:not(#page_edit_area):not(#page_edit_area *):not(#page_preview_area):not(#page_preview_area *) {
box-sizing: content-box !important;
}


.property_window * {
  color: #fff;
}

input[type=radio] + label:before {
  display: none;
}

#page_edit_area_cover {
  top: 96%;
  left: 0%;
}

/*#page_edit_area, #widget_edit_area, #page_preview_area {
  background: url(../phoenix/grid.png) repeat #ffffff;
  position: fixed;
  border: 0;
  border-bottom: solid 1px #d9d9d9;
  border-right: solid 1px #d9d9d9;
  margin: 0;
  padding: 0;
  width: 1280px;
  height: 720px;
  display: none;
}*/

.ruler2 {
  z-index: 0;
}

.ruler-x {
  background: url(../phoenix/new/ruler-x.png) no-repeat;
  height: 23px;
  left: 23px;
}

.ruler-y {
  background: url(../phoenix/new/ruler-y.png) no-repeat;
  top: 22px;
  position: absolute;
  height: 720px;
}

.ruler-fhd-x {
  background: url(../phoenix/new/ruler-fhd-x.png) no-repeat;
  height: 23px;
  left: 23px;
}

.ruler-fhd-y {
  background: url(../phoenix/new/ruler-fhd-y.png) no-repeat;
  top: 22px;
  position: absolute;
  height: 1080px;
}

.jpicker_floating_div * {
  vertical-align: middle;
}

.right_bottom_main_screen_img {
  padding: 0 !important;
}

#right_bottom_right_box {
  z-index: 1000000;
}

.widget_flex {
  height: 105px;
}



@media screen and (max-width: 1199px) {
  #m_con1 .widget_box {
      height: auto;
      box-sizing: border-box;
  }

  .ruler {
      height: 730px;
  }

  #right_bottom_right, #right_bottom_right * {
    box-sizing: border-box !important;
  }
}

.hidden {
  visibility: hidden !important;
}

#notification_message_block {
  background-color: #ffffff;
  width: 800px;
  z-index: 9999;
  left: 0px;
  top: 0px;
  position: absolute;
  text-align: center;
  padding: 8px;
  box-shadow: 10px 10px 15px #999999;
}

.status_error {
  background-color: #ffd6cc !important;
  color: #cc2900 !important;
  border: solid 1px #cc2900;
}

.status_success {
  background-color: #ddffcc !important;
  color: #2a8000 !important;
  border: solid 1px #2a8000;
}

.status_notice {
  background-color: #efefef !important;
  color: #333 !important;
  border: solid 1px #f00;
}

.common_arrow {
  border-top: none;
  border-left: none;
}

.list *, .flightData * {
  vertical-align: middle;
}

.listUp, .listDown {
  border: none;
}

.m_right_bottom_main_screen {
  z-index: 7;
}

.billboard_block div {
  max-width: 25ch;
  overflow: hidden;
  text-overflow: ellipsis;
}

.selectBox-dropdown-menu li a, .selectBox-label {
  text-overflow: ellipsis;
}

.multi_lang_dialog div.btn-rtl {
  float: right;
}

button.btn-rtl[data-id="ltr"] {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_widget_direction_l_n.svg') no-repeat;
  outline: none;
}

button.btn-rtl[data-id="ltr"]:hover,
div.btn-rtl[data-rtl-lang="0"] button.btn-rtl[data-id="ltr"]:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_widget_direction_l_f.svg') no-repeat;
}

button.btn-rtl[data-id="ltr"].active,
div.btn-rtl[data-rtl-lang="0"] button.btn-rtl[data-id="ltr"].active {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_widget_direction_l_f.svg') no-repeat;
}

/* button.btn-rtl[data-id="ltr"]:active {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_widget_direction_l_p.svg') no-repeat;
} */

div.btn-rtl[data-rtl-lang="0"] button.btn-rtl[data-id="ltr"] {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_widget_direction_l_p.svg') no-repeat;
}

button.btn-rtl[data-id="rtl"] {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_widget_direction_r_n.svg') no-repeat;
  margin-left: 3px;
  outline: none;
}

button.btn-rtl[data-id="rtl"]:hover,
div.btn-rtl[data-rtl-lang="1"] button.btn-rtl[data-id="rtl"]:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_widget_direction_r_f.svg') no-repeat;
}

button.btn-rtl[data-id="rtl"].active,
div.btn-rtl[data-rtl-lang="1"] button.btn-rtl[data-id="rtl"].active {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_widget_direction_r_f.svg') no-repeat;
}


/* button.btn-rtl[data-id="rtl"].active {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_widget_direction_r_f.svg') no-repeat;
} */

div.btn-rtl[data-rtl-lang="1"] button.btn-rtl[data-id="rtl"] {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_widget_direction_r_p.svg') no-repeat;
}

.qrcode img {
  width: 100%;
  height: auto;
}

.ui-helper {
  width: 116px !important;
  height: auto;
  z-index: 9999999;
}

:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}

/*
  merge done
*/

/*
  editor header missing icon start
*/
#top_icon_delete_project {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_popup_widget_delete_p.svg') 0 0 no-repeat;
}

/*
  editor header missing icon end
*/

#widget_selector.popup-wrapper .popup-header h1 {
  text-transform: initial;
}

.popup-wrapper .popup-content .widget_management_container_pillow {
  padding: 0;
  min-height: initial;
}

.popup-wrapper .popup-content .widget_management_container_pillow.property_area {
  width : 100%;
}

.popup-wrapper .popup-content .widget_management_container_pillow.property_area .option_image_select {
  height: initial;
  margin-bottom: 10px;
}

.popup-wrapper .popup-content .widget_management_container_pillow.property_area .option_image_select > span {
  margin: 1px;
}

.popup-wrapper .popup-content .widget_management_container_pillow.property_area .option_image_select span {
  line-height: 18px;
}

.popup-wrapper .popup-content .widget_management_container_pillow.property_area .attribute_block.field-flex .field-label {
  width : 60px;
}

.popup-wrapper .popup-content .widget_management_container_pillow.property_area .attribute_block.field-flex input {
  width : calc(100% - 60px);
  padding: 0 10px;
}

@media screen and (max-width: 1280px) {
  .popup-wrapper .popup-content .widget_management_container_pillow.property_area .attribute_block.field-flex input {
      width : 100%;
  }
}

/*
  scroll box widget
*/
#widget_selector {
  z-index: 1000000;
  position: absolute;
}

#widget_selector .container_heading {
  background-color: #eeeeee;
  padding: 15px 25px;
  font-size: 20px;
  color: #696969;
}

.custom_widget_toolbar_btn {
  float: right;
  font-size: 15px !important;
  padding: 4px 8px;
  border: solid 1px #aaa;
  cursor: pointer;
  background-color: #dedede;
  margin-left: 4px;
}

.overlay_contents {
  position: absolute;
  top: 50px;
  left: 50px;
  width: 600px;
  background: #686868;
  z-index: 99999;
}

.widget_management_container_pillow {
  padding: 15px 25px;
  min-height: 300px;
}

/*
  scroll box widget
*/

/*
  skip contents
*/
#skipToContent {
  position: relative;
  z-index: 9999;
}

#skipToContent a {
  position: absolute;
  top: -200px;
  left: 0;
  width: 100%;
  line-height: 30px;
  background-color: #313238;
  text-align: center;
  color: #fff
}

#skipToContent a:active, #skipToContent a:focus {
  top: 0
}

/*
  skip contents end
*/

/*
  scroll bar
*/
.popup-wrapper div::-webkit-scrollbar-thumb, .popup-wrapper ul::-webkit-scrollbar-thumb, .popup-wrapper textarea::-webkit-scrollbar-thumb {
  background-color: #cccccc
}

div.property_area::-webkit-scrollbar {
  background-color: #fff;
}

div.property_window div.property_area::-webkit-scrollbar {
  background-color: #686868;
}

div.property_window div.property_area::-webkit-scrollbar-thumb {
  background-color: #cccccc;
}

/*
  scroll bar end
*/

/* .right_btn_in2_text, .right_btn_in2_img {
  top: 0;
} */

.popup-wrapper input[type=radio] + label:before {
  width: 36px;
}

@media only screen and (max-width: 1280px) {
  #cancel_select_media, #save_select_media {
      margin-top: 0px;
  }
}

@media only screen and (max-width: 475px) {
  #cancel_select_media {
      margin-left: 120px;
  }

  #cancel_select_media, #save_select_media {
      margin-top: -2px;
  }
}

.color_box:hover, .color_box:active {
  text-decoration: none;
}

.btn_top8 {
  display: inline-block;
  margin-left: 8px;
  width: 32px;
  height: 32px;
  background-color: transparent;
  /* background-image: url('../../../static/images/editor/wcag/img/Contents/Contents/Editor/btn_header_del_n.svg'); */
  background-position: left 0px bottom 2px;
  background-repeat: no-repeat;
}

.outline-status {
  width: 110px !important;
  height: 28px !important;
  line-height: 28px;
  background-color: #686868;
  position: absolute;
  right: -134px;
  bottom: 0px;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
}

.outline-status.horizontal-positioning {
  right: 9px;
  bottom: 9px;
}

.outline-status.vertical-positioning {
  bottom: -52px;
}

.no-capitalize {
  text-transform: none;
}

.m_right_bottom_main_screen {
  z-index: 7;
}


/*
  color picker start
*/

/*
/* ----------------------------------------------
button - mapping
------------------------------------------------*/

#colorPicker button.btnInsert {
  width: 30px;
  height: 30px;
  background: #4d4d4d;
}

#colorPicker button.btnInsert:before {
  width: 30px;
  height: 30px;
  background: url(../../../static/images/editor/wcag/img/btnInsert.svg) no-repeat;
  background-size: cover;
}

#colorPicker button.btnMinus {
  width: 30px;
  height: 30px;
  background: #4d4d4d;
}

#colorPicker button.btnMinus:before {
  width: 30px;
  height: 30px;
  background: url(../../../static/images/editor/wcag/img/btnMinus.svg) no-repeat;
  background-size: cover;
}

/* color_picker */
#colorPicker .color_picker {
  width: auto !important;
}

#colorPicker .color_picker .popup_box {
  width: 286px;
  position: relative;
  padding: 10px;
}

#colorPicker .color_picker .popup_box_content {
  width: auto !important;
  margin-top: 0px !important;
}

#colorPicker .color_picker .popup_box_content h3 {
  font-size: 14px;
  font-weight: bold;
  color: #464646;
  border-bottom: 0px;
  padding: 10px 0 10px 0;
}

#colorPicker .color_picker .popup_box_content .color_point {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  margin-bottom: 2px;
}

#colorPicker .color_picker .popup_box_content .color_point button {
  display: inline-block;
  font-size: 20px;
  width: calc(10% - 6px);
  height: 20px;
  border: 1px solid #fff;
  box-sizing: border-box;
  cursor: pointer;
  letter-spacing: 0px;
  word-spacing: 0px;
  margin-left: 6px;
  padding: 0px;
  box-shadow: inset 0 0 0 1px #979797;
}

/* advanced_color_picker */
#colorPicker .advanced_color_picker {
  width: 286px !important;
}

#colorPicker .advanced_color_picker .popup_box {
  width: auto !important;
  position: relative;
  padding: 0 0 10px;
}

#colorPicker .advanced_color_picker .popup_box_content {
  width: auto !important;
  margin-top: 0px !important;
}

#colorPicker .advanced_color_picker .popup_box_content .bg_color {
  height: 96px;
}

#colorPicker .advanced_color_picker .popup_box_content .slide_box_wrap {
  margin: 0 10px;
}

#colorPicker .advanced_color_picker .popup_box_content .slide_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  padding: 14px 0 0 0;
  position: relative;
}

#colorPicker .advanced_color_picker .popup_box_content .slide_box .progress {
  position: absolute;
  top: 32px;
  left: 57px;
  width: 160px;
  height: 3px;
  background: #a7a7a7;
}

#colorPicker .advanced_color_picker .popup_box_content .slide_box .progress .progress_bar {
  position: absolute;
  top: -1px;
  left: -1px;
  height: 3px;
  background: #ffffff;
}

#colorPicker .advanced_color_picker .popup_box_content .slide_box .progress .progress_bar span {
  position: absolute;
  top: -10px;
  right: -11px;
  display: block;
  width: 23px;
  height: 23px;
  /* background: url(/ssw/images/editor/editor_slider.png) no-repeat; */
  cursor: col-resize;
  text-indent: -999em;
}

#colorPicker .advanced_color_picker .popup_box_content .slide_box .slider {
  width: calc(100% - 130px) !important;
  margin: 0 8px;
  order: 3;
}

#colorPicker .advanced_color_picker .popup_box_content .slide_box .slider.ui-slider .ui-widget-header {
}

#colorPicker .advanced_color_picker .popup_box_content .slide_box .slider.ui-slider.ui-widget-content {
  background: #a7a7a7 !important;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  background-image: none;
}

#colorPicker .advanced_color_picker .popup_box_content .slide_box .btnMinus {
  order: 2;
  margin-right: 10px;
}

#colorPicker .advanced_color_picker .popup_box_content .slide_box .btnInsert {
  order: 4;
  margin-left: 10px;
}

#colorPicker .advanced_color_picker .popup_box_content .slide_box span.fl {
  display: block;
  width: 50px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  color: #464646;
  padding: 0px;
  font-size: 14px;
  background: none;
}

#colorPicker .advanced_color_picker .popup_box_content .slide_box span.fr {
  width: 50px;
  order: 6;
}

#colorPicker .advanced_color_picker .popup_box_content .slide_box span.fr input {
  padding: 0;
  text-align: center;
}

#colorPicker .advanced_color_picker .popup_box_content input[type='text'] {
  width: 100%;
}

#colorPicker .advanced_color_picker .button_white {
  margin: 20px 10px 0 0;
}

/* pop_color_picker */
#colorPicker .pop_color_picker {
  position: relative;
}

#colorPicker .pop_color_picker .color_picker {
  margin: 4px;
}

#colorPicker .pop_color_picker .color_picker .popup_box_content {
}

#colorPicker .pop_color_picker .color_picker .popup_box_content .button_white {
  font-size: 0;
}

#colorPicker .pop_color_picker .color_picker .popup_box_content .button_white button {
  margin: 2px;
}

#colorPicker .pop_color_picker .advanced_color_picker {
  margin: 4px;
  z-index: 3;
}

#colorPicker .pop_color_picker .advanced_color_picker .popup_box_content .bg_color {
  border-bottom: 1px solid #979797;
  box-sizing: border-box;
}

#colorPicker .pop_color_picker .advanced_color_picker .popup_box {
  box-shadow: none;
}

/*

/* color - gray */
#colorPicker button.btn.gray {
  background: #747474;
  color: #fff;
}

#colorPicker button.btn.gray:focus {
  outline-offset: 3px;
}

#colorPicker button.btn.gray:hover {
  background: #cf0652;
  color: #fff;
}

#colorPicker button.btn.gray:active {
  background: #4d4d4d;
  color: #fff;
  border: 2px solid #cf0652;
}

/* button.btn.gray:disabled {background:#747474 !important; color:rgba(255,255,255,0.3) !important;} */
#colorPicker button.btn.gray.active {
  background: #4d4d4d;
  color: #fff;
  border: 2px solid #cf0652;
}

#colorPicker .sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0, 0, 0, 0);
}

/*popup_wrap*/
#colorPicker .popup_wrap {
  width: 380px;
  animation: showPop 0.6s;
  position: relative;
  z-index: 2;
}

#colorPicker .popup_wrap.hide {
  animation: hidePop 0.3s;
  -webkit-animation: hidePop 0.3s;
}

#colorPicker .popup_box {
  width: 380px;
  padding: 20px;
  box-sizing: border-box;
  background: #fff;
  text-align: left;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

#colorPicker .popup_box h2 {
  display: block;
  width: 100%;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #5c5c5c;
  color: #464646;
  font-size: 24px;
  font-weight: normal;
}

/* flexBox__align */
#colorPicker .fb_x {
  display: flex;
  justify-content: center; /* */
  display: -webkit-flex;
  -webkit-justify-content: center; /* */
  display: -ms-flexbox;
  -ms-flex-pack: center;
}

#colorPicker .fb_y {
  display: flex;
  align-items: center; /* */
  display: -webkit-flex;
  -webkit-align-items: center; /* */
  display: -ms-flexbox;
  -ms-flex-align: center;
}

#colorPicker .fb_xy {
  display: flex;
  justify-content: center;
  align-items: center; /* */
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center; /* */
  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align: center;
}

#colorPicker .fb_e {
  display: flex;
  justify-content: flex-start; /* */
  display: -webkit-flex;
  -webkit-justify-content: flex-start; /* */
  display: -ms-flexbox;
  -ms-flex-pack: start;
}

#colorPicker .fb_w {
  display: flex;
  justify-content: flex-end; /* */
  display: -webkit-flex;
  -webkit-justify-content: flex-end; /* */
  display: -ms-flexbox;
  -ms-flex-pack: end;
}

#colorPicker .fb_ey {
  display: flex;
  justify-content: flex-start;
  align-items: center; /* */
  display: -webkit-flex;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center; /* */
  display: -ms-flexbox;
  -ms-flex-pack: start;
  -ms-flex-align: center;
}

#colorPicker .fb_wy {
  display: flex;
  justify-content: flex-end;
  align-items: center; /* */
  display: -webkit-flex;
  -webkit-justify-content: flex-end;
  -webkit-align-items: center; /* */
  display: -ms-flexbox;
  -ms-flex-pack: end;
  -ms-flex-align: center;
}

#colorPicker .fb_ew {
  display: flex;
  justify-content: space-between; /* */
  display: -webkit-flex;
  -webkit-justify-content: space-between; /* */
  display: -ms-flexbox;
  -ms-flex-pack: justify;
}

#colorPicker .fb_ewy {
  display: flex;
  justify-content: space-between;
  align-items: center; /* */
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  -webkit-align-items: center; /* */
  display: -ms-flexbox;
  -ms-flex-pack: justify;
  -ms-flex-align: center;
}

#colorPicker .fb_se {
  display: flex;
  justify-content: space-between;
  display: -ms-flexbox;
  -ms-flex-pack: justify;
}

/* box_item */
#colorPicker .fi_start {
  align-self: flex-start;
}

#colorPicker .fi_end {
  align-self: flex-end;
}

#colorPicker .fi_xy {
  align-self: center;
}

/* ----------------------------------------------
slider
------------------------------------------------*/
#colorPicker .ui-slider.ui-widget-content {
  border: 0px !important;
  background: #262626 !important;
  color: #222222 !important;
  height: 3px !important;
  margin: 15px 15px 0 15px;
}

#colorPicker .ui-slider .ui-widget-header {
  border: 0px !important;
  background: #cf0652 !important;
  color: #222222 !important;
  font-weight: bold !important;
}

#colorPicker .ui-slider .ui-slider-handle {
  top: -10px !important;
}

#colorPicker .ui-slider .ui-state-default,
#colorPicker .ui-slider .ui-widget-content .ui-state-default,
#colorPicker .ui-slider .ui-widget-header .ui-state-default {
  border: 0px !important;
  background: #4d4d4d !important;
  font-weight: normal !important;
  color: #555555 !important;
  width: 23px !important;
  height: 23px !important;
  border-radius: 50% !important;
  margin-left: -11px !important;
  cursor: pointer !important;
  outline-offset: 2px;
}

#colorPicker .ui-slider .ui-state-active,
#colorPicker .ui-slider .ui-widget-content .ui-state-active,
#colorPicker .ui-slider .ui-widget-header .ui-state-active {
  border: 0px !important;
  background: #4d4d4d !important;
  font-weight: normal !important;
  color: #555555 !important;
  width: 23px !important;
  height: 23px !important;
  border-radius: 50% !important;
  margin-left: -11px !important;
}

/* hu edit */
#colorPicker .hu .button a#_rp_addAll {
  padding: 0 10px;
}

#colorPicker .button a#_d_btnMessageEdit {
  padding: 0 10px;
}

/* button_white */
#colorPicker .button_white a {
  background: #fff !important;
  border-radius: 18px;
  color: #696969 !important;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 26px;
  padding: 0 20px;
  border: 2px solid #fff !important; /* font-weight:bold; */
  box-sizing: border-box;
}

#colorPicker .button_white a:hover {
  background: #cf0652 !important;
  border: 2px solid #cf0652 !important;
  color: #fff !important; /* font-weight:bold; */
}

#colorPicker .button_white a:active {
  color: #fff;
  background: #4d4d4d !important;
  border: 2px solid #cf0652 !important; /* font-weight:bold; */
}

#colorPicker .button_white a.active {
  color: #fff;
  background: #4d4d4d !important;
  border: 2px solid #cf0652 !important; /* font-weight:bold; */
}

#colorPicker .button_white a.ccr,
#colorPicker .button_white a:hover.ccr {
  background: #cf0652 !important;
  color: #fff !important;
  border: 2px solid #cf0652 !important;
  border-radius: 18px; /* font-weight:bold; */
}

#colorPicker .button_white a:active.ccr {
  background: #4d4d4d;
  color: #fff;
  border: 2px solid #cf0652;
}

#colorPicker .button_white a.disable {
  background: #ededed !important;
  border-radius: 18px;
  color: #cccccc !important;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  border: 2px solid transparent !important;
  font-weight: normal;
  box-sizing: border-box;
  cursor: default;
}

#colorPicker .button_white a.fnClose {
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#colorPicker .button_gray a {
  background: #292929;
  border-radius: 18px;
  color: #cccccc;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  height: 30px;
  line-height: 26px;
  padding: 0 20px;
  border: 2px solid #292929;
  font-weight: normal;
  box-sizing: border-box;
}

#colorPicker .button_gray a:hover {
  background: #cf0652;
  border: 2px solid #cf0652;
  color: #fff; /* font-weight:bold; */
}

#colorPicker .button_gray a:active {
  color: #b5b5b5;
  background: #4d4d4d;
  border: 2px solid #cf0652; /* font-weight:bold; */
}

#colorPicker .button_gray a.active {
  color: #b5b5b5;
  background: #4d4d4d;
  border: 2px solid #cf0652; /* font-weight:bold; */
}

#colorPicker .button_gray a.ccr,
#colorPicker .button_gray a:hover.ccr {
  background: #cf0652;
  color: #fff;
  border: 2px solid #cf0652;
  border-radius: 18px;
  font-weight: bold;
}

#colorPicker .button_gray a:active.ccr {
  background: #4d4d4d;
  color: #fff;
  border: 2px solid #cf0652;
}

#colorPicker .button_gray a.disable {
  background: #ededed;
  border-radius: 18px;
  color: #cccccc;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  border: 2px solid transparent;
  font-weight: normal;
  box-sizing: border-box;
  cursor: default;
}

/* button_gray2 */
#colorPicker .button_gray2 a {
  background: #4d4d4d;
  border-radius: 18px;
  color: #b5b5b5;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  height: 30px;
  line-height: 26px;
  padding: 0 20px;
  border: 2px solid #4d4d4d; /* font-weight:bold; */
  box-sizing: border-box;
}

#colorPicker .button_gray2 a:hover {
  background: #cf0652;
  border: 2px solid #cf0652;
  color: #fff; /* font-weight:bold; */
}

#colorPicker .button_gray2 a:active {
  color: #b5b5b5;
  background: #4d4d4d;
  border: 2px solid #cf0652; /* font-weight:bold; */
}

#colorPicker .button_gray2 a.active {
  color: #b5b5b5;
  background: #4d4d4d;
  border: 2px solid #cf0652; /* font-weight:bold; */
}

#colorPicker .button_gray2 a.disable {
  background: #4d4d4d !important;
  color: #b5b5b5 !important;
  border: 2px solid transparent !important;
  cursor: default;
  opacity: 0.4;
}

/* --------------------------------------------------------
BUTTON
----------------------------------------------------------*/
/* fnSvg */
#colorPicker button.fnSprite {
  padding: 0;
  border: 0;
  border-radius: 50% !important;
  font-size: 0;
  color: #fff;
  outline-offset: 2px;
}

#colorPicker button.fnSprite:before {
  content: '';
  display: block;
}

#colorPicker button.fnSprite:hover {
  background: #cf0652;
}

#colorPickerbutton.fnSprite:active {
  background: #4d4d4d;
  box-shadow: inset 0 0 0px 3px #cf0652;
}

#colorPicker button.fnSprite.active {
  background: #4d4d4d;
  box-shadow: inset 0 0 0px 3px #cf0652;
}

#colorPicker button.fnSprite.active::before {
  filter: brightness(10);
}

#colorPicker button.fnSprite:hover::before {
  filter: brightness(10);
}

#colorPicker button.fnSprite[aria-pressed='true'] {
  background: #4d4d4d;
  box-shadow: inset 0 0 0px 3px #cf0652;
}

#colorPicker button.fnSprite:disabled {
}

#colorPicker button.fnSprite:disabled:hover {
  background: #4d4d4d;
}

/* fnSpriteImg */
#colorPicker button.fnSpriteImg {
  padding: 0;
  border: 0;
  font-size: 0;
}

#colorPicker button.fnSpriteImg:hover {
  background-position: center;
}

#colorPicker button.fnSpriteImg:active {
  background-position: center bottom;
}

#colorPicker button.fnSpriteImg.active {
  background-position: center bottom;
}

#colorPicker button.fnSpriteImg[aria-pressed='true'] {
  background-position: center bottom;
}

#colorPicker button.fnSpriteImg:disabled {
  cursor: default;
}

#colorPicker button.fnSpriteImg:disabled:hover {
}

.input_pixel_unit {
  text-transform: none;
}

.radio.property_radio_box label {
  font-size: 14px;
}

/*
  color picker done
*/

.missing_image {
  color: #000000;
}

/* *** selectBox *** */
.property_area .ui-selectmenu-button {
  /* height: 20px; */
  height: max-content;
  line-height: 20px;
  display: inline-block;
  min-width: 80px;
  position: relative;
  vertical-align: middle;
  margin: 0;
  font-size: 14px;
  background-image: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_list_down_n.svg');
  background-position: right 9px top 4px;
  background-repeat: no-repeat;
  background-color: #ffffff;
  cursor: pointer;

  border: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;

  padding: 0;
  border: 0;
}

.property {
  width: 100% !important;
}

.property_attribute_full .ui-selectmenu-button {
  width: calc(100% - 2px) !important;
  box-sizing: border-box;
}

.property_attribute_half .ui-selectmenu-button {
  width: 95px !important;
}

.selectBox-options.selectBox-options-bottom.popupSelectBox-selectBox-dropdown-menu {
  padding: 0;
  margin-top: 0;
}

.property_area span.selectBox-dropdown:hover,
.property_area span.selectBox-dropdown:active,
.property_area span.selectBox-dropdown:focus,
.property_area span.selectBox-dropdown.expanded {
  /*
  outline: 1px solid #b0d3d8;
  outline-offset: -1px;
  */
}

.property_area .ui-selectmenu-button:hover {
  background-image: url('../../themes/phoenix/css/images/wcag/img/editor/select_slice01.svg'),
  url('../../../static/images/editor/wcag/img/Contents/Editor/btn_list_down_f.svg'),
  url('../../themes/phoenix/css/images/wcag/img/editor/select_slice01.svg'),
  url('../../themes/phoenix/css/images/wcag/img/editor/select_slice01.svg');
}

.property_area .ui-selectmenu-button:active {
  background-image: url('../../themes/phoenix/css/images/wcag/img/editor/select_slice01.svg'),
  url('../../../static/images/editor/wcag/img/Contents/Editor/btn_list_down_p.svg'),
  url('../../themes/phoenix/css/images/wcag/img/editor/select_slice01.svg'),
  url('../../themes/phoenix/css/images/wcag/img/editor/select_slice01.svg');
}

.property_area .selectBox-dropdown.selectBox-menuShowing {
  background-image: url('../../themes/phoenix/css/images/wcag/img/editor/select_slice01.svg'),
  url('../../../static/images/editor/wcag/img/Contents/Editor/btn_list_up_n.svg'),
  url('../../themes/phoenix/css/images/wcag/img/editor/select_slice01.svg'),
  url('../../themes/phoenix/css/images/wcag/img/editor/select_slice01.svg');
}

.property_area .selectBox-dropdown.selectBox-menuShowing:hover {
  background-image: url('../../themes/phoenix/css/images/wcag/img/editor/select_slice01.svg'),
  url('../../../static/images/editor/wcag/img/Contents/Editor/btn_list_up_f.svg'),
  url('../../themes/phoenix/css/images/wcag/img/editor/select_slice01.svg'),
  url('../../themes/phoenix/css/images/wcag/img/editor/select_slice01.svg');
}

.property_area .selectBox-dropdown.selectBox-menuShowing:active {
  background-image: url('../../themes/phoenix/css/images/wcag/img/editor/select_slice01.svg'),
  url('../../../static/images/editor/wcag/img/Contents/Editor/btn_list_up_p.svg'),
  url('../../themes/phoenix/css/images/wcag/img/editor/select_slice01.svg'),
  url('../../themes/phoenix/css/images/wcag/img/editor/select_slice01.svg');
}

.property_area .selectBox-dropdown .ui-selectmenu-text,
.property_area .ui-selectmenu-button .ui-selectmenu-text {
  margin: 0 20px 0 5px;
  padding: 0;
  text-align: left;
  color: #666666;
  font-size: 14px;
  height: max-content;
  word-break: break-all;
  overflow: auto;
  white-space: normal;
  text-transform: none;
}

.property_area .selectBox-dropdown .selectBox-arrow {
  background: none;
  border: 0;
}

/*.property_area span.selectBox-dropdown:hover .selectBox-arrow, .property_area span.selectBox-dropdown:active .selectBox-arrow
, .property_area span.selectBox-dropdown:focus .selectBox-arrow {
  top: -1px;
  right: -1px;
}*/

.selectBox-dropdown-menu.selectBox-options,
.selectBox-dropdown-menu.selectBox-options.selectBox-options-bottom {
  border: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  z-index: 9999999;
}

.ui-menu-item .ui-menu-item-wrapper {
  color: #333333;
  font-size: 14px;
  padding-left: 5px;
  height: 20px;
  line-height: 20px;
  margin: 0 !important;
  cursor: pointer;
  background: #f2f2f2;
}

#property-videoclip_number-menu, #property-videoclip_number-menu *, #property-videoclip_number-button * {
  text-transform: none;
}

#property-channel_number-menu, #property-channel_number-menu *, #property-channel_number-button * {
  text-transform: none;
  box-sizing: border-box;
}

.ui-menu-item .ui-menu-item-wrapper {
  border: solid 3px #f2f2f2;
  word-break: break-all;
  height: max-content;
  text-transform: none;
}

.ui-menu-item .ui-menu-item-wrapper:hover {
  text-decoration: underline;
}

.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  border: solid 3px #61A8B1;
}

.selectBox-dropdown-menu.selectBox-options li.selectBox-selected a {
  border: solid 3px #61A8B1;
  background: #cccccc;
}

.selectBox-dropdown-menu.selectBox-options li.selectBox-hover a {
  text-decoration: underline;
}

.langTitle {
  display: inline;
  vertical-align: middle;
}


#page_edit_area .airplay-container {
box-sizing: border-box !important;
}

#page_edit_area svg {
  max-width: none;
  max-height: none;
}