/* Стили контрола управления деревом проектов */

/* * {
	font-family: 'Tahoma';
} */

.research-container {
    width: 1200px;
    height: 800px;
    outline: 3px solid gray;
    padding: 10;
}

.projects-container {
    /* outline: 2px solid gray; */
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin: 0;
    padding: 0;
}
.projects-panel-locations {
    flex-basis: 100px;
    padding: 10px; 
    overflow-x: hidden;
    overflow-y: auto;

    outline: thin solid gray;
}
.projects-panel-locations > ul {
    padding-left: 10px;
}

.projects-panel-list {
    -webkit-flex: auto;
    flex: auto;
    overflow: auto;
    outline: thin solid gray;
}

.projects-panel-info {
    flex-basis: 400px;
    overflow: auto;

    outline: thin solid gray;
}

.projects-label {
    padding: 10px;
    border-bottom: 1px solid gray;
    font-size: medium;
}

/* ---- Дерево каталогов и проектов ---- */

/* .projects-catalog, .projects-catalog-opened, .projects-item  { */
.projects-element-ul {
    margin-top:5px;
    margin-bottom:5px;
    padding-left:22px;
}

.projects-element-ul > li {
    user-select:none;
    margin-bottom:2px;
    padding-left:0px;
}

.projects-catalog > div, .projects-catalog-opened  > div, .projects-item  > div, .projects-item-shared  > div {
    white-space: nowrap;
    display: inline-block;
    padding-left: 4px;
    width: calc( 99% - 1rem );
    font-size:smaller;
}

.projects-catalog:hover, .projects-catalog-opened:hover, .projects-item:hover, .projects-item-shared:hover  > div  {
    border-radius: 2px;
    outline: 1px dotted grey;
    outline-offset: 4px  4px;
}

/* shared */
/* .projects-item-shared  > div {
    background-color: orange;
}

.projects-item-shared:hover  {
    border-radius: 2px;
    outline: 1px dotted rgb(90, 154, 186);
    outline-offset: 4px 4px;
} */

/* Иконки на узлах каталогов / элементов */
.projects-catalog {
    list-style-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M238.23%2C342.43l89.09-74.13a16%2C16%2C0%2C0%2C0%2C0-24.6l-89.09-74.13A16%2C16%2C0%2C0%2C0%2C212%2C181.86V330.14A16%2C16%2C0%2C0%2C0%2C238.23%2C342.43Z%22%2F%3E%3Cpath%20d%3D%22M448%2C256c0-106-86-192-192-192S64%2C150%2C64%2C256s86%2C192%2C192%2C192S448%2C362%2C448%2C256Z%22%20style%3D%22fill%3Anone%3Bstroke%3A%23000%3Bstroke-miterlimit%3A10%3Bstroke-width%3A32px%22%2F%3E%3C%2Fsvg%3E");
}

.projects-catalog-opened {
    list-style-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M342.43%2C238.23%2C268.3%2C327.32a16%2C16%2C0%2C0%2C1-24.6%2C0l-74.13-89.09A16%2C16%2C0%2C0%2C1%2C181.86%2C212H330.14A16%2C16%2C0%2C0%2C1%2C342.43%2C238.23Z%22%2F%3E%3Cpath%20d%3D%22M448%2C256c0-106-86-192-192-192S64%2C150%2C64%2C256s86%2C192%2C192%2C192S448%2C362%2C448%2C256Z%22%20style%3D%22fill%3Anone%3Bstroke%3A%23000%3Bstroke-miterlimit%3A10%3Bstroke-width%3A32px%22%2F%3E%3C%2Fsvg%3E");
}

.projects-item {
    list-style-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M416%2C221.25V416a48%2C48%2C0%2C0%2C1-48%2C48H144a48%2C48%2C0%2C0%2C1-48-48V96a48%2C48%2C0%2C0%2C1%2C48-48h98.75a32%2C32%2C0%2C0%2C1%2C22.62%2C9.37L406.63%2C198.63A32%2C32%2C0%2C0%2C1%2C416%2C221.25Z%22%20style%3D%22fill%3Anone%3Bstroke%3A%23000%3Bstroke-linejoin%3Around%3Bstroke-width%3A32px%22%2F%3E%3Cpath%20d%3D%22M256%2C56V176a32%2C32%2C0%2C0%2C0%2C32%2C32H408%22%20style%3D%22fill%3Anone%3Bstroke%3A%23000%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A32px%22%2F%3E%3Cline%20x1%3D%22176%22%20y1%3D%22288%22%20x2%3D%22336%22%20y2%3D%22288%22%20style%3D%22fill%3Anone%3Bstroke%3A%23000%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A32px%22%2F%3E%3Cline%20x1%3D%22176%22%20y1%3D%22368%22%20x2%3D%22336%22%20y2%3D%22368%22%20style%3D%22fill%3Anone%3Bstroke%3A%23000%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A32px%22%2F%3E%3C%2Fsvg%3E");
}

.projects-item-shared {
    list-style-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M336%2C264.13V436c0%2C24.3-19.05%2C44-42.95%2C44H107C83.05%2C480%2C64%2C460.3%2C64%2C436V172a44.26%2C44.26%2C0%2C0%2C1%2C44-44h94.12a24.55%2C24.55%2C0%2C0%2C1%2C17.49%2C7.36l109.15%2C111A25.4%2C25.4%2C0%2C0%2C1%2C336%2C264.13Z%22%20style%3D%22fill%3Anone%3Bstroke%3A%23000%3Bstroke-linejoin%3Around%3Bstroke-width%3A32px%22%2F%3E%3Cpath%20d%3D%22M200%2C128V236a28.34%2C28.34%2C0%2C0%2C0%2C28%2C28H336%22%20style%3D%22fill%3Anone%3Bstroke%3A%23000%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A32px%22%2F%3E%3Cpath%20d%3D%22M176%2C128V76a44.26%2C44.26%2C0%2C0%2C1%2C44-44h94a24.83%2C24.83%2C0%2C0%2C1%2C17.61%2C7.36l109.15%2C111A25.09%2C25.09%2C0%2C0%2C1%2C448%2C168V340c0%2C24.3-19.05%2C44-42.95%2C44H344%22%20style%3D%22fill%3Anone%3Bstroke%3A%23000%3Bstroke-linejoin%3Around%3Bstroke-width%3A32px%22%2F%3E%3Cpath%20d%3D%22M312%2C32V140a28.34%2C28.34%2C0%2C0%2C0%2C28%2C28H448%22%20style%3D%22fill%3Anone%3Bstroke%3A%23000%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A32px%22%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E");
}


/* --- d'n'd ----- */

.projects-item-dnd-target {
    background: rgba(188, 14, 14, 0%);

    -webkit-box-shadow: -10px 10px 10px 2px rgba(57, 95, 124, 0.67);
    -moz-box-shadow: -10px 10px 10px 2px rgba(57, 95, 124, 0.67);
    box-shadow: -10px 10px 10px 2px rgba(57, 95, 124, 0.67);
}

.projects-item-dnd-moving-original {
    color: white;
    opacity: 20%; 
    outline: 1pt dashed gray;
    border-radius: 3px;
}

.projects-item-dnd-moving {
    background-color: white;
    width: 240px;
    white-space: nowrap;
}

.projects-item-dnd-forbidden {
    /* background-color: gray; */
    opacity: 20%;
}

/* .projects-element-ul-dnd-over {
    background-color: red;
} */

/* --- Контролы выбора хранилища ------- */

.projects-storage-item {
    /* background-color: red; */
    cursor: pointer;
    border: 1px dotted grey;
    border-radius: 10px;
    padding: 4px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: small;
}

.projects-storage-item:hover {
    text-decoration: underline;
}

.projects-storage-item-selected {
    background-color: lightblue;
    /* border: 1px dotted grey; */
}


/* --- Верстка DIV для заполнения заголовок / весь остаток / футер --------------- */

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

.box .row.header {
    flex: 0 1 auto;
    /* The above is shorthand for: flex-grow: 0, flex-shrink: 1, flex-basis: auto */
}

.box .row.content {
    flex: 1 1 auto;
    overflow-y: auto;
}

.box .row.footer {
    flex: 0 1 40px;
}

.margin-5 {
    /* margin: 5px; */
    padding: 15px;
    /* background-color: red; */
}

/* --- Импорт проекта из файла --- */

.project-import-form {
    display: none;
}

.project-item-info {
    font-size: small;
}

/* --- Подсветка проекта, открытого в текущий момент --- */

.opened-project {
    background-color: lightblue;
}