/*
    edit inside message css
    - for edit_inside.asp
*/
.edit_label {
    font-size:   12px;
    font-weight: bold;
}

#char_check {
    display:     none;
    font-weight: bold;
    color:       #E00;
}

#cp_div {
    display: flex;
    gap: 15px;
    align-items: center;
}

#cp_hex_input {
    width:   70px;
    display: none;
}
#cp_hex_btn_div {
    display: none;
}
#cp_icon {
    border: 1px solid #000000;
    width:  20px;
    height: 16px;
}

/* color palette color picker styles
   /js/shopping/color_picker.js
*/

#cpp_table {
    border: 1px solid #000;
    border-spacing: 1px;
    background: #FFF;
    position: absolute;
    z-index: 1;
}
tr.cppd_row > td {
    width: 10px;
    height: 20px;
}
#cp_td_hex {
    text-align: center;
}
#cp_header_div {
    display: flex;
    justify-content: space-between;
}
#cp_td_title {
    color: #000;
    background: #EEE;
    font-weight: bold;
}
#cp_title_div {
    padding: 0px 0px 0px 5px;
}
#cp_close_div {
    margin: 2px 1px 0px 0px;
    padding: 0px 4px;
    width: fit-content;
    height: fit-content;
    border: 1px ridge #888;
    background: #AAA;
    color: #FFF;
    font: bold 10pt arial;
}
#cp_close_div:hover {
    cursor: default;
}

/* GCU mobile */
.char_check_mobile {
    color:          #A00;
    font-weight:    700;
    font-size:      14px;
    border:         1px solid #A00;
    padding:        3px;
    display:        none;
    width:          277px;
}

#text_properties {
    display: flex;
    flex-direction: column;
    margin: 5px 0px 0px 0px;
}

.tp_ui_row {
    display: flex;
    gap: 15px;
}
#tp_ui_row1 {
    border-bottom: 2px solid #999;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.textp_label {
    font-size:      12px;
    font-weight:    700;
}

.textp_ui {
    padding:        3px 0px;
}