a {
  color: inherit;
  text-decoration: none;
}

input {
  width: 95%;
  height: 1.75em;
  border-radius: 3px;
  border-width: 1px;
  margin: 2px 0px 0px 2px;
  padding: 0px 0px 0px 2px;
  box-sizing: border-box;  
  font-size: calc(0.4em + 7px);
}

select {
  width: 95%;
  background-color: white;
  border-radius: 3px;
  height: 1.75em;
  border-width: 1px;
  margin: 2px 0px 0px 2px;
  padding: 0px;
  box-sizing: border-box;  
  font-size: calc(0.4em + 7px);
}

/*
select:active:focus:selected {
  outline: auto;
}
*/

select:focus {
  outline: auto;
}

.border_s_1_b {
  border: solid 1px black;
}

.border_r_5 {
  border-radius: 5px;
}

.c_pointer {
  cursor: pointer;
}

.c_text {
  cursor: text;
}

.d_flex {
  display: flex;
}

.d_flex_wrap {
  display: flex;
  flex-wrap: wrap;
}

.d_inline {
  display: inline;
}

.d_inline_flex {
  display: inline-flex;
}

.d_none {
  display: none;
}

.f_no_wrap {
  flex-wrap: nowrap;
}

.f_wrap {
  flex-wrap: wrap;
}

.f_1 {
  flex: 1;
}

.float_left {
  float: left;
}

.float_right {
  float: right;
}

.fog_blue {
  background-color: rgba(200,200,255,1)
}

.fog_body {
  background-color: #eee;
}

.fog_gold {
  background-color: rgba(255,215,100,1)
}

.fog_green {
  background-color: rgba(200,255,200,1)
}

.fog_hard_gold {
  background-color: rgba(255,215,100,0.6)
}

.fog_hard_red {
  background-color: rgba(255,200,200,0.6)
}

.fog_hard_white {
  background-color: rgba(255,255,255,0.6)
}

.fog_soft_gold {
  background-color: rgba(255,215,100,0.3)
}

.fog_soft_gray {
  background-color: rgba(200,200,200,0.3)
}

.fog_soft_green {
  background-color: rgba(200,255,200,0.3)
}

.fog_soft_white {
  background-color: rgba(255,255,255,0.3)
}

.fog_red {
  background-color: rgba(255,100,100,1)
}

.fog_white {
  background-color: rgba(255,255,255,1)
}

.font_s_90_pr {
  font-size: 90%;
}

.font_style_italic {
  font-style: italic;
}

.font_style_normal {
  font-style: normal;
}

.font_weight_bold {
  font-weight: bold;
}

.h_1_em {
  height: 1em;
}

.h_10_px {
  height: 10px;
}

.h_100_pr {
  height: 100%;
}

.justify_c_center {
  justify-content: center;
}

.margin_r_05_em {
  margin-right: 0.5em;
}

.nowrap {
  white-space: nowrap;
}

.opacity_0 {
  opacity: 0;
}

.outline_for_move {
  border-top: 2px solid blue;
}

.outline_when_focused:focus {
  outline: auto;
}

.overflow_h {
  overflow: hidden;
}

.overflow_h_y {
  overflow-y: hidden;
}

.overflow_h_x {
  overflow-x: hidden;
}

.overflow_s_y {
  overflow-y: scroll;
}

.p_absolute {
  position: absolute;
}

.p_fixed {
  position: fixed;
}

.p_relative {
  position: relative;
}

.padding_5 {
  padding: 5px;
}

.padding_t_1_em {
  padding-top: 1em;
}

.padding_l_10 {
  padding-left: 10px;
}

.padding_l_5 {
  padding-left: 5px;
}

.padding_lr_2 {
  padding-left: 2px;
  padding-right: 2px;
}

.padding_lr_10 {
  padding-left: 10px;
  padding-right: 10px;
}

.padding_tb_1_em {
  padding-top: 1em;
  padding-bottom: 1em;
}

.padding_tb_10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pointer_e_none {
  pointer-events: none;
}

.separate_5 {
  margin-bottom: 5px;
}

.separate_10 {
  margin-bottom: 10px;
}

.separate_v_visual {
  padding-left: 5px; 
  background-color: rgba(220,150,220,0.3)
}

.separate_visual {
  padding-top: 5px; 
  background-color: rgba(220,150,220,0.3)
}

.t_align_l {
  text-align: left;
}

.t_align_c {
  text-align: center;
}

.us_none {
  user-select: none;
}

.vertical_a_t {
  vertical-align: top;
}

.w_1_5_em {
  width: 1.5em;
}

.w_100_pr {
  width: 100%;
}

.w_25_pr {
  width: 25%;
}

.w_40_pr {
  width: 40%;
}

.w_50_pr {
  width: 50%;
}

.wrap {
  white-space: break-spaces;
}

.z_index_1 {
  z-index: 1;
}

.z_index_4 {
  z-index: 4;
}

html {
  width: 100%;
  height: 100%;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    margin: 0;
    text-align: center;
    background-color: #eee;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.body_frame {
  display: flex;
  flex-flow:column;
  height: 100%;  
}

.shadow_element {
  position: absolute;
  z-index: 10;
  opacity: 0.5;
}

#top_menu_frame {
  flex: 0 1 auto;
}

.top_sub_menu {
  display: flex;
  flex-wrap: nowrap;
  user-select: none;
  z-index: 5;
}

#main_frame {
  overflow: hidden;
  flex: 1 1 auto;
}

#public_project_header {
  font-size: 1.3em;
  font-style: normal;
}


#company_frame {
  display: inline-flex;
  margin-bottom: 5px;
}

.company_box {
  display: inline-flex;
  background-color: white;
  padding:  5px;
  border-radius: 0px 0px 10px 10px;
}

#public_header_separator {
  width: 100%;
  background-color: gold;
  height: 4px;
  margin-left: -5px;
  padding: 0px 5px;
  border-radius: 2px;
}

.dialog_box {
  position: absolute;
  display: flex;
  //top: -2em;
  //left: -1.5em;
  padding: 1em;
  background-color: #FFC9C9;
  border-radius: 5px;
}

#login_frame, #password_frame {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 15em;
  width: fit-content;  
  height: fit-content;
  border: solid 2px black;
  background-color: #c9c9c9;
  padding: 1em 0.3em 1em 1em;
  z-index:15;
}

.login_box, .password_box {
  padding: 1em;
  background-color: #eee;
}

.bar_for_move_up_down {
  font-style: normal;
  font-weight: bold;
  font-size: 200%;
  margin: 0px 2px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  
}

#full_string_box {
  display: none;
  position_ absolute;
  cursor: pointer;
  user-select: none;
  color: #000000;
  background-color: #FFFFFF;
  padding: 0.2em 0.5em;
  border: solid 1px #000000;
}

#messages_box {
  width: 20em;
  white-space: normal;
  top: -10px;
  z-index: 50;  
}

.message_item {
  display: none;
  padding: 10px 10px;
  border-radius: 5px;
  line-height: 1em;
  cursor: pointer;
}

.link_box {
  display: flex;
  line-height: 32px;
  justify-content: center;
}

.link_box img {
  margin-right: 10px;
}

#top_menu {
  background-color: #c9c9c9;
  display: flex;
  justify-content: space-between;
  padding: 0.2em 1em;
  border: solid 0px black;
  border-bottom-width: 2px;
}

#company_logo {
  cursor: pointer;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  background-color: gold;
  border-radius: 5px;
  position: relative; 
}

#company_logo:hover {
  background-color: blue;
  color: white;
}

#company_logo:active {
  background-color: green;
  color: white;
}

#company_logo img {
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.qam_item {
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-right: 10px;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
}

.qam_item:hover {
  background-color: blue;
  color: white;
}

.qam_item:active {
  background-color: green;
  color: white;
}

.qam_timer {
  width: 100%;
  height: 0%;
  background: gold;
  position: absolute;
  color: black;
  overflow: hidden;
  border-radius: 5px;
}

.qam_timer_off {
  width: 100%;
  height: 0%;
  background: rgba(255,215,100,0.6);
  position: absolute;
  color: black;
  overflow: hidden;
  border-radius: 5px;
}

#user_box {
  height: 40px;
  line-height: 40px;
  margin-right: 10px;
  border-radius: 5px 5px 0px 0px;
  background-color: gold;
  cursor: pointer;
  padding: 0px 5px;
  min-width: 100px;
}

#user_box:hover {
  background-color: blue;
  color: white;
}

#user_box:active {
  background-color: green;
  color: white;
}

#user_menu_frame {
  position: absolute;
  width: 100%;
  left: 0;
  display: none;
}

#user_menu_frame ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  line-height: 20px;
}

#main {
  /*height: calc(100vh - (42px + 0.4em)); */
}

#sidebar_menu {
  background-color: #eee;
  border: solid 0px black;
  border-right-width: 1px;
  list-style-type: none;
  min-width: 5em;
  margin: 0px;
  padding: 10px 0px 10px 10px;
  overflow-x: hidden;
}

#sidebar_administration_menu > li {
  cursor: pointer;
  padding: 0.5em 1em;
  text-align: left;
}

.main_button {
  user-select: none;
  background-image: linear-gradient(#ffffff, #b7b7b7);
  cursor: pointer;
  padding: 0.8em 1em;
  text-align: left;
  white-space: nowrap;
  border: solid 0px black;
  border-bottom-width: 1px;
  color: black;
}

.main_button_selected {
  user-select: none;
  background-image: linear-gradient(#ffffff, gold);
  cursor: pointer;
  padding: 0.5em 1em;
  text-align: left;
  white-space: nowrap;
  border: solid 0px black;
  border-bottom-width: 1px;
  color: black;
}

#main_button_copy {
  position: absolute;
  left: -10px;
  user-select: none;
  padding: 0.8em 1em;
  white-space: nowrap;
  opacity: 0;
  color: transparent;
  z-index: -10;
}

.standalone_button {
  user-select: none;
  background-image: linear-gradient(#ffffff, #b7b7b7);
  cursor: pointer;
  padding: 0.5em 1em;
  text-align: left;
  white-space: nowrap;
  border-radius: 5px;
  color: black;
  margin-right: 10px;
  margin-bottom: 5px;
}

.standalone_button_selected {
  user-select: none;
  background-image: linear-gradient(#ffffff, gold);
  cursor: pointer;
  padding: 0.5em 1em;
  text-align: left;
  white-space: nowrap;
  border-radius: 5px;
  color: black;
  margin-right: 10px;
  margin-bottom: 5px;
}

#standalone_button_copy {
  position: absolute;
  left: -10px;
  user-select: none;
  padding: 0.5em 1em;
  white-space: nowrap;
  opacity: 0;
  color: transparent;
  z-index: -10;
}

.standalone_button_disabled {
  user-select: none;
  background-image: linear-gradient(#eeeeee, #ffffff);
  cursor: auto;
  padding: 0.5em 1em;
  text-align: left;
  white-space: nowrap;
  border-radius: 5px;
  color: #bbbbbb;
  margin-right: 10px;
  margin-bottom: 5px;
}

.box_button {
  user-select: none;
  background-image: linear-gradient(#ffffff, #b7b7b7);
  cursor: pointer;
  padding: 0.1em 0.2em;
  text-align: center;
  white-space: nowrap;
  border-radius: 5px;
  color: black;
  margin: 5px 10px;
}

.box_button_selected {
  user-select: none;
  background-image: linear-gradient(#ffffff, gold);
  cursor: pointer;
  padding: 0.1em 0.2em;
  text-align: center;
  white-space: nowrap;
  border-radius: 5px;
  color: black;
  margin: 5px 10px;
}

.box_button2 {
  user-select: none;
  background-image: linear-gradient(#ffffff, #b7b7b7);
  cursor: pointer;
  padding: 0.15em 0.5em;
  text-align: center;
  white-space: nowrap;
  border-radius: 5px;
  color: black;
  margin: 0px 10px;
}

.cell_button {
  user-select: none;
  background-image: linear-gradient(#ffffff, #b7b7b7);
  cursor: pointer;
  padding: 0.25em 0.5em;
  text-align: left;
  white-space: nowrap;
  border-radius: 5px;
  color: black;
  position: absolute;
  top: 10px;
  left: -5px;
  display: none;
  z-index: 1;
}

.cell_button2 {
  user-select: none;
  background-image: linear-gradient(#ffffff, #b7b7b7);
  cursor: pointer;
  padding: 0.1em;
  white-space: nowrap;
  border-radius: 5px;
  color: black;
}

.main_button:hover, .standalone_button:hover, .box_button:hover, box_button2:hover, .cell_button:hover, .cell_button2:hover {
  color: white;
  background-image: linear-gradient(#ffffff, blue);
}

.main_button:active, .standalone_button:active, .box_button:active, box_button2:active, .cell_button:active, .cell_button2:active {
  color: white;
  background-image: linear-gradient(#ffffff, green);
}

[showSwitch="0"] .color_aqua, [showSwitch="0"] .color_coral {
  display:none;
}

[showSwitch="2"] .color_coral {
  display:none;
}

.color_switch_box {
  display: flex;
  flex-wrap: wrap;
  width: 1em;
}

.color_switch {
  width: 1em;
  height: 45%;
  margin-left: 5px;
  border: solid 1px;
  margin-top: auto;
  margin-bottom: auto;
}

.info_switch {
  width: auto;
  height: auto;
  margin: 2px 0px 0px 5px;
}

.page_input {
  width: 5em;
  height: auto;
  padding: 0.2em 0.5em;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 5px;
}

#main_content {
  padding: 1em 0em 0em 1em;
  width: 100%;
  overflow: hidden;
  display: flex;
  text-align: left;
}

.main_content_box, .sub_content_box {
  display: flex;
  flex-flow: column;
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  overflow-x: auto;
  padding-left: 2px;
}

.main_content_sub_box {
  overflow: hidden;
  display: flex;
  flex-flow: column;
  min-height: 15em;
  padding: 3px 0px 5px 2px;
  margin: -3px 0px 0px -2px;
}

.content_form_box {
  overflow-y: scroll;
  min-height: 7em;
  width: 100%;
}

.main_content_table_frame table {
  border-collapse: collapse;
  white-space: nowrap;
  width: 100%;
}

#main_content .table_row:active {
  background-color: greenyellow;
}

.main_content_table_frame {
  overflow-y: scroll;
  overflow-x: auto;
  width: 100%;
  min-height: 7em;
  padding-bottom: 5px;
}

#main_content table .row_basic_color {
  background-color: #eee;
}

#main_content table .row_deepskyblue_color {
  background-color: deepskyblue;
}

#main_content table .row_aquamarine_color {
  background-color: aquamarine;
}

#main_content table .row_lightcoral_color {
  background-color: lightcoral;
}

#main_content table .row_basic_color:hover {
  background-color: #c9c9c9;
  color: black;
}

#main_content table .row_deepskyblue_color:hover {
  background-color: lightblue;
  color: black;
}

#main_content table .row_aquamarine_color:hover {
  background-color: lightgreen;
  color: black;
}

#main_content table .row_lightcoral_color:hover {
  background-color: lightsalmon;
  color: black;
}

#main_content table thead {
  position: sticky;
  top: 0px;
  background-color: #eee;
  z-index: 4;
}

#main_content th {
  position: relative;
  border: solid 0px black;
  border-width: 0px 1px 2px 0px;
  padding: 0.2em 0.5em;
}

#main_content .cell_sticky_th {
  position: sticky;
  top: 0;
  left: -10px;
  background-color: #eee;
  z-index: 2;
}

.column_sort {
  white-space: nowrap;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 0.2em;
  left: 0;
}

.column_filter {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0px 2px 2px 0px;
}

.filtered_color {
  color: rgba(0,0,150,1);
}

#main_content .cell_sticky_td {
  position: sticky;
  left: -10px;
  background-color: inherit;
  z-index: 2;
}

#main_content .cell_inner_th {
  border: solid 0px black;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  border-width: 0px 1px 2px 0px;
}

#main_content .cell_inner_th .th_button_box
{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto 3px;
  height: 1.1em;
  padding: 2px;
}

#main_content .cell_inner_td {
  border: solid 0px black;
  border-width: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

#main_content .cell_inner_cell {
  height: 100%;
}

#main_content .cell_inner_cell div {
  padding: 0.2em 0.5em;
}

.main_content_table_frame td {
  /*position: relative;*/
  border: solid 0px black;
  padding: 0.2em 0.5em;
  border-width: 0px 1px 1px 0px;
  text-align: left;
  font-style: normal;
}

.cell_label {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 1;
  padding-top: 0.2em;
}

.cell_label input {
  height: 75%;
}

.cell_input_frame {
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 0;
  left: 0;
}

.project_list_frame {
  cursor: pointer;
}

.cell_project_list {
  position: absolute;
  background-color: #c9c9c9;
  padding: 5px;
  max-height: 8em;
  overflow-y: scroll;
  z-index: 1;
  border-radius: 5px;
  cursor: pointer;
}

.cell_project_title {
  margin-bottom: 2px;
  background-color: wheat;
  padding: 2px 10px 5px 5px;
}

.cell_name_box {
  border-collapse: collapse;
  white-space: nowrap;
  width: 100%;
  max-width: 12em;
  table-layout: fixed;
}

.cell_name_box td {
  border: none;
  padding: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cell_name_box .cell_name_box_name {
  flex-grow: 1;
  cursor: pointer;
}

.cell_name_box .cell_name_box_sign {
  min-width: max-content;
  margin-bottom: -1em;
}

#main_content td input, #main_content td select {
  width: 100%;
  margin: 0em 0.1em;
}

#main_content .date {
  min-width: 5em;
}

#main_content tr .active {
  cursor: pointer;
}

.user_form_separator {
  width: calc(12em + 10px);
}

.user_form_separator_end {
  width: 12em;
  margin-right: 10px;
}

.description_separator {
  width: calc(100% - 10px);
}

.input_cell {
  margin-bottom: 0.3em;
  margin-right: 10px;
  white-space: nowrap;
  width: 12em;
  overflow: hidden;
}

.description_cell {
  margin-bottom: 0.3em;
  margin-right: 10px;
  white-space: nowrap;
  min-width: 10em;
  max-width: 100%;
  flex-grow: 1;
}

.ac_input_frame, .ec_input_frame {
  margin: 5px;
}

.description_box {
  background-color: #FFFFFF;
  padding: 2px 5px;
  margin: 2px 5px;
  border-radius: 2px;
}

.user_project_join1, .privileges_link_add1 {
  background-color: #AAFFAA;
}

.user_project_join2, .privileges_link_add2 {
  background-color: #77DD77;
}

.user_project_join3, .privileges_link_add3 {
  background-color: #44BB44;
}

.user_project_join1:hover, .user_project_join2:hover, .user_project_join3:hover {
  background-color: lawngreen;
  color: black;
}

.user_project_leave, .privileges_link_remove {
  background-color: coral;
}

.user_project_leave:hover {
  background-color: hotpink;
  color: black;
}

#administration_list_edit_box {
  display: flex;
  flex-flow: column;
  min-height: 7em;
  user-select: none;
}

#registration_info {
  text-align: left;
  background-color: rgba(200,200,200,0.6);
  padding: 0.5em;
  margin: 0.5em;  
}


/* ============== EDITOR ============== */

/* ============== General ============== */

.editor-disp-none { display: none; }
.editor-opacity-zero { opacity: 0; }
.editor-clear { clear: both; }
.editor-floatleft { float: left; }
.editor-floatright { float: right; }
.editor-w100procent { width: 100%; }

/* ============== Colors Name ============== */
.editor-black { color: black; }
.editor-blue { color: blue; }
.editor-brown { color: brown; }
.editor-gold { color: gold; }
.editor-gray { color: gray; }
.editor-grey { color: grey; }
.editor-green { color: green; }
.editor-orange { color: orange; }
.editor-pink { color: pink; }
.editor-purple { color: purple; }
.editor-red { color: red; }
.editor-silver { color: silver; }
.editor-violet { color: violet; }
.editor-white { color: white; }
.editor-yellow { color: yellow; }


/* ============== Colors Numbers ============== */
.editor-000000 { color: #000000; }
.editor-000033 { color: #000033; }
.editor-000066 { color: #000066; }
.editor-000099 { color: #000099; }
.editor-0000CC { color: #0000CC; }
.editor-0000FF { color: #0000FF; }
.editor-003300 { color: #003300; }
.editor-003333 { color: #003333; }
.editor-003366 { color: #003366; }
.editor-003399 { color: #003399; }
.editor-0033CC { color: #0033CC; }
.editor-0033FF { color: #0033FF; }
.editor-006600 { color: #006600; }
.editor-006633 { color: #006633; }
.editor-006666 { color: #006666; }
.editor-006699 { color: #006699; }
.editor-0066CC { color: #0066CC; }
.editor-0066FF { color: #0066FF; }
.editor-009900 { color: #009900; }
.editor-009933 { color: #009933; }
.editor-009966 { color: #009966; }
.editor-009999 { color: #009999; }
.editor-0099CC { color: #0099CC; }
.editor-0099FF { color: #0099FF; }
.editor-00CC00 { color: #00CC00; }
.editor-00CC33 { color: #00CC33; }
.editor-00CC66 { color: #00CC66; }
.editor-00CC99 { color: #00CC99; }
.editor-00CCCC { color: #00CCCC; }
.editor-00CCFF { color: #00CCFF; }
.editor-00FF00 { color: #00FF00; }
.editor-00FF33 { color: #00FF33; }
.editor-00FF66 { color: #00FF66; }
.editor-00FF99 { color: #00FF99; }
.editor-00FFCC { color: #00FFCC; }
.editor-00FFFF { color: #00FFFF; }
.editor-330000 { color: #330000; }
.editor-330033 { color: #330033; }
.editor-330066 { color: #330066; }
.editor-330099 { color: #330099; }
.editor-3300CC { color: #3300CC; }
.editor-3300FF { color: #3300FF; }
.editor-333300 { color: #333300; }
.editor-333333 { color: #333333; }
.editor-333366 { color: #333366; }
.editor-333399 { color: #333399; }
.editor-3333CC { color: #3333CC; }
.editor-3333FF { color: #3333FF; }
.editor-336600 { color: #336600; }
.editor-336633 { color: #336633; }
.editor-336666 { color: #336666; }
.editor-336699 { color: #336699; }
.editor-3366CC { color: #3366CC; }
.editor-3366FF { color: #3366FF; }
.editor-339900 { color: #339900; }
.editor-339933 { color: #339933; }
.editor-339966 { color: #339966; }
.editor-339999 { color: #339999; }
.editor-3399CC { color: #3399CC; }
.editor-3399FF { color: #3399FF; }
.editor-33CC00 { color: #33CC00; }
.editor-33CC33 { color: #33CC33; }
.editor-33CC66 { color: #33CC66; }
.editor-33CC99 { color: #33CC99; }
.editor-33CCCC { color: #33CCCC; }
.editor-33CCFF { color: #33CCFF; }
.editor-33FF00 { color: #33FF00; }
.editor-33FF33 { color: #33FF33; }
.editor-33FF66 { color: #33FF66; }
.editor-33FF99 { color: #33FF99; }
.editor-33FFCC { color: #33FFCC; }
.editor-33FFFF { color: #33FFFF; }
.editor-660000 { color: #660000; }
.editor-660033 { color: #660033; }
.editor-660066 { color: #660066; }
.editor-660099 { color: #660099; }
.editor-6600CC { color: #6600CC; }
.editor-6600FF { color: #6600FF; }
.editor-663300 { color: #663300; }
.editor-663333 { color: #663333; }
.editor-663366 { color: #663366; }
.editor-663399 { color: #663399; }
.editor-6633CC { color: #6633CC; }
.editor-6633FF { color: #6633FF; }
.editor-666600 { color: #666600; }
.editor-666633 { color: #666633; }
.editor-666666 { color: #666666; }
.editor-666699 { color: #666699; }
.editor-6666CC { color: #6666CC; }
.editor-6666FF { color: #6666FF; }
.editor-669900 { color: #669900; }
.editor-669933 { color: #669933; }
.editor-669966 { color: #669966; }
.editor-669999 { color: #669999; }
.editor-6699CC { color: #6699CC; }
.editor-6699FF { color: #6699FF; }
.editor-66CC00 { color: #66CC00; }
.editor-66CC33 { color: #66CC33; }
.editor-66CC66 { color: #66CC66; }
.editor-66CC99 { color: #66CC99; }
.editor-66CCCC { color: #66CCCC; }
.editor-66CCFF { color: #66CCFF; }
.editor-66FF00 { color: #66FF00; }
.editor-66FF33 { color: #66FF33; }
.editor-66FF66 { color: #66FF66; }
.editor-66FF99 { color: #66FF99; }
.editor-66FFCC { color: #66FFCC; }
.editor-66FFFF { color: #66FFFF; }
.editor-990000 { color: #990000; }
.editor-990033 { color: #990033; }
.editor-990066 { color: #990066; }
.editor-990099 { color: #990099; }
.editor-9900CC { color: #9900CC; }
.editor-9900FF { color: #9900FF; }
.editor-993300 { color: #993300; }
.editor-993333 { color: #993333; }
.editor-993366 { color: #993366; }
.editor-993399 { color: #993399; }
.editor-9933CC { color: #9933CC; }
.editor-9933FF { color: #9933FF; }
.editor-996600 { color: #996600; }
.editor-996633 { color: #996633; }
.editor-996666 { color: #996666; }
.editor-996699 { color: #996699; }
.editor-9966CC { color: #9966CC; }
.editor-9966FF { color: #9966FF; }
.editor-999900 { color: #999900; }
.editor-999933 { color: #999933; }
.editor-999966 { color: #999966; }
.editor-999999 { color: #999999; }
.editor-9999CC { color: #9999CC; }
.editor-9999FF { color: #9999FF; }
.editor-99CC00 { color: #99CC00; }
.editor-99CC33 { color: #99CC33; }
.editor-99CC66 { color: #99CC66; }
.editor-99CC99 { color: #99CC99; }
.editor-99CCCC { color: #99CCCC; }
.editor-99CCFF { color: #99CCFF; }
.editor-99FF00 { color: #99FF00; }
.editor-99FF33 { color: #99FF33; }
.editor-99FF66 { color: #99FF66; }
.editor-99FF99 { color: #99FF99; }
.editor-99FFCC { color: #99FFCC; }
.editor-99FFFF { color: #99FFFF; }
.editor-CC0000 { color: #CC0000; }
.editor-CC0033 { color: #CC0033; }
.editor-CC0066 { color: #CC0066; }
.editor-CC0099 { color: #CC0099; }
.editor-CC00CC { color: #CC00CC; }
.editor-CC00FF { color: #CC00FF; }
.editor-CC3300 { color: #CC3300; }
.editor-CC3333 { color: #CC3333; }
.editor-CC3366 { color: #CC3366; }
.editor-CC3399 { color: #CC3399; }
.editor-CC33CC { color: #CC33CC; }
.editor-CC33FF { color: #CC33FF; }
.editor-CC6600 { color: #CC6600; }
.editor-CC6633 { color: #CC6633; }
.editor-CC6666 { color: #CC6666; }
.editor-CC6699 { color: #CC6699; }
.editor-CC66CC { color: #CC66CC; }
.editor-CC66FF { color: #CC66FF; }
.editor-CC9900 { color: #CC9900; }
.editor-CC9933 { color: #CC9933; }
.editor-CC9966 { color: #CC9966; }
.editor-CC9999 { color: #CC9999; }
.editor-CC99CC { color: #CC99CC; }
.editor-CC99FF { color: #CC99FF; }
.editor-CCCC00 { color: #CCCC00; }
.editor-CCCC33 { color: #CCCC33; }
.editor-CCCC66 { color: #CCCC66; }
.editor-CCCC99 { color: #CCCC99; }
.editor-CCCCCC { color: #CCCCCC; }
.editor-CCCCFF { color: #CCCCFF; }
.editor-CCFF00 { color: #CCFF00; }
.editor-CCFF33 { color: #CCFF33; }
.editor-CCFF66 { color: #CCFF66; }
.editor-CCFF99 { color: #CCFF99; }
.editor-CCFFCC { color: #CCFFCC; }
.editor-CCFFFF { color: #CCFFFF; }
.editor-FF0000 { color: #FF0000; }
.editor-FF0033 { color: #FF0033; }
.editor-FF0066 { color: #FF0066; }
.editor-FF0099 { color: #FF0099; }
.editor-FF00CC { color: #FF00CC; }
.editor-FF00FF { color: #FF00FF; }
.editor-FF3300 { color: #FF3300; }
.editor-FF3333 { color: #FF3333; }
.editor-FF3366 { color: #FF3366; }
.editor-FF3399 { color: #FF3399; }
.editor-FF33CC { color: #FF33CC; }
.editor-FF33FF { color: #FF33FF; }
.editor-FF6600 { color: #FF6600; }
.editor-FF6633 { color: #FF6633; }
.editor-FF6666 { color: #FF6666; }
.editor-FF6699 { color: #FF6699; }
.editor-FF66CC { color: #FF66CC; }
.editor-FF66FF { color: #FF66FF; }
.editor-FF9900 { color: #FF9900; }
.editor-FF9933 { color: #FF9933; }
.editor-FF9966 { color: #FF9966; }
.editor-FF9999 { color: #FF9999; }
.editor-FF99CC { color: #FF99CC; }
.editor-FF99FF { color: #FF99FF; }
.editor-FFCC00 { color: #FFCC00; }
.editor-FFCC33 { color: #FFCC33; }
.editor-FFCC66 { color: #FFCC66; }
.editor-FFCC99 { color: #FFCC99; }
.editor-FFCCCC { color: #FFCCCC; }
.editor-FFCCFF { color: #FFCCFF; }
.editor-FFFF00 { color: #FFFF00; }
.editor-FFFF33 { color: #FFFF33; }
.editor-FFFF66 { color: #FFFF66; }
.editor-FFFF99 { color: #FFFF99; }
.editor-FFFFCC { color: #FFFFCC; }
.editor-FFFFFF { color: #FFFFFF; }

/* ============== Font Size ============== */
.editor-fsize10 { font-size: 10px; }
.editor-fsize11 { font-size: 11px; }
.editor-fsize12 { font-size: 12px; }
.editor-fsize13 { font-size: 13px; }
.editor-fsize14 { font-size: 14px; }
.editor-fsize15 { font-size: 15px; }
.editor-fsize16 { font-size: 16px; }
.editor-fsize17 { font-size: 17px; }
.editor-fsize18 { font-size: 18px; }
.editor-fsize19 { font-size: 19px; }

.editor-fsize20 { font-size: 20px; }
.editor-fsize21 { font-size: 21px; }
.editor-fsize22 { font-size: 22px; }
.editor-fsize23 { font-size: 23px; }
.editor-fsize24 { font-size: 24px; }
.editor-fsize25 { font-size: 25px; }
.editor-fsize26 { font-size: 26px; }
.editor-fsize27 { font-size: 27px; }
.editor-fsize28 { font-size: 28px; }
.editor-fsize29 { font-size: 29px; }

/* ============== Text decoration ============== */
.editor-underline { text-decoration:underline; }
.editor-line-through { text-decoration:line-through; }


/* ============== Text position ============== */
.editor-tx-ali-center { text-align:center; }
.editor-tx-ali-left { text-align:left; }
.editor-tx-ali-right { text-align:right; }
.editor-tx-ali-justify { text-align:justify; }

/* ============== Vertical position ============== */
.editor-vert-ali-super { vertical-align:super; }
.editor-vert-ali-initial { vertical-align:initial; }
.editor-vert-ali-middle { vertical-align:middle; }
.editor-vert-ali-bottm { vertical-align:bottom; }

/* ============== Spoiler Clases ============== */

.editor-spoiler-frame { margin: 4px 0px 4px 0px; }
.editor-spoiler-frame-fl { float: left; margin: 4px 0px 4px 0px; }
.editor-spoiler { padding:8px; margin:8px; border:1px dashed #CCCCCC; background-color:#DBE5E9; display:none; }
.editor-spoiler-inside { width:600px; display:none; }
.editor-spoiler-innertext { color: #F8F8F8 ; text-decoration: underline; font-style: italic; cursor: pointer;}  
.editor-spoiler-innertext2 { padding-left: 5px; color: #E8E8E8  ; text-decoration: underline; font-style: italic; cursor: pointer;}

/* ============== Quotes ============== */

.editor-quote-frame { background-color:#444044; }

/* ============== Image center ============== */

.editor-image-center { display: block; margin-left: auto; margin-right: auto; }