/* Стили контрола редактирования / выбора тега */

.tagPanel {
    /* order: 10; */
    background-color: white; 
    /* aqua; */
    border-radius: 3px;
    width: calc(100% - 6px);
}

.tagPanel > input {
    outline: none;
    border: none;
    border-bottom: 1pt dotted gray;
    font-size: x-small;
    /* padding-left: 0px;  */
    /* 12px; */
    /* padding-right: 0px;  */
    /* 12px; */
    width: calc(100% - 6px);
}

.tagPanel > input:focus {
    outline: none;
}

.tag-new-control {
    display: inline-block;
    /* margin-right: 3px;
    margin: 1px; */
    margin-top: 3px;
    padding: 1px;
    font-size: x-small;
    /* background-color: orange; 
    cursor: pointer; */
    /* border: 1pt gray dashed; */
}

.tag-new-control-passive {
    padding-left: 6px;
    padding-right: 6px;
    border-radius: 10px;
    background-color: orange; 
    cursor: pointer;
    margin: 1px;
    margin-right: 4px;
    border: none;

    /* тень */
    -webkit-box-shadow: 0px 1px 2px 1px rgba(34, 60, 80, 0.4);
    -moz-box-shadow: 0px 1px 2px 1px rgba(34, 60, 80, 0.4);
    box-shadow: 0px 1px 2px 1px rgba(34, 60, 80, 0.4);
}

.option-tag {
    display: inline-block;
    white-space: nowrap;
    /* margin: 1px; */
    margin-top: 3px;
    margin-right: 3px;
    padding: 1px;
    padding-left: 6px;
    padding-right: 6px;
    background-color: lightpink; 
    border-radius: 10px;
    font-size: x-small;
    cursor: pointer;
}

.attr-tag-to-delete {
    background-color: red;
    cursor: not-allowed;
}

.option-tag-selected {
    /* тень */
    -webkit-box-shadow: 0px 1px 2px 1px rgba(201, 106, 16, 0.817);
    -moz-box-shadow: 0px 1px 2px 1px rgba(201, 106, 16, 0.817);
    box-shadow: 0px 1px 2px 1px rgba(201, 106, 16, 0.817);
}


.tagEditor {
    width: 100%;
}