/* бордюр семьи - rect */

:root {
    --color-link-default-stroke: #666;
    --color-link-default-fill: #666; 

    --color-actor-stroke: #cccccc;
    --color-actor-fill: gray; 

    --color-link-group-stroke: rgb(235, 96, 21);
    --color-link-group-fill: rgb(235, 96, 21); 

    --color-link-change-stroke: rgb(21, 110, 235);
    --color-link-change-fill: none; 
     /* rgb(164, 198, 236); */

    --color-link-type-b: rgb(80, 99, 220);
    /* --stroke-dasharray-link-type-b: 20 10; */

    --color-link-type-d: rgb(91, 223, 115);
    /* --stroke-dasharray-link-type-d: 10 25 2 25; */

    --color-link-type-r: rgb(233, 80, 72);
}
/* Связь обычная */

.actor-line {
    stroke: var(--color-actor-stroke);
    fill: var(--color-actor-fill);
    stroke-width: 5px;
    stroke-dasharray: 20 10 ; 
}

/* Связь обычная */

.sequence-link {
    stroke: var(--color-link-default-stroke);
    fill: none; 
    /* var(--color-link-default-fill); */
    stroke-width: 2px;
    /* stroke-dasharray: 10 2 ;  */
}

.sequence-link-style-back {
    stroke-dasharray: 15 10 ;
}

/* Треугольник стрелки на конце связи  */

.sequence-link-end-arrow {
    stroke: var(--color-link-default-stroke);
    fill: var(--color-link-default-fill);
    stroke-width: 1px;
}

/* Маршрут новой возможной view link */

.sequence-link-temp {
    stroke: var(--color-link-change-stroke);
    fill: none;
    /* var(--color-link-change-fill); */
    stroke-width: 2px;
    /* stroke-dasharray: 10; */
    /* rgb(235, 32, 21); */
}

.sequence-link-end-arrow-temp {
    stroke: var(--color-link-change-stroke);
    fill: var(--color-link-change-stroke);
    /* rgb(235, 32, 21); */
}

.sequence-new-link-target {
    border-color: red;
}

.sequence-new-link-target > .note-text > div > .note-real-text{
    /* -webkit-box-shadow: -9px 9px 30px 35px rgba(57, 95, 124, 0.67);
    -moz-box-shadow: -9px 9px 30px 35px rgba(57, 95, 124, 0.67);
    box-shadow: -9px 9px 30px 35px rgba(57, 95, 124, 0.67); */
    -webkit-box-shadow: 0px 0px 20px 25px rgba(57, 95, 124, 0.67);
    -moz-box-shadow: 0px 0px 20px 25px rgba(57, 95, 124, 0.67);
    box-shadow: 0px 0px 20px 25px rgba(57, 95, 124, 0.67);
}

.sequence-view-link-part {
    opacity: 20%;
}

.sequence-changeing-view-link {
    opacity: 20%;
    /* stroke: red; */
}

/* ==== Отедльные стили связей =========== */

.sequence-flow-link-type-b {
    stroke: var(--color-link-type-b);
    fill: var(--color-link-type-b);
    /* stroke-dasharray: var(--stroke-dasharray-link-type-b); */
    /* fill: none; */
    /* stroke-opacity: 0.8; */
}

.sequence-flow-link-type-d {
    stroke: var(--color-link-type-d);
    fill: var(--color-link-type-d);
    /* stroke-dasharray: var(--stroke-dasharray-link-type-d); */
    /* stroke-opacity: 0.8; */
    /* fill-opacity: 0.1; */
}

.sequence-flow-link-type-r {
    stroke: var(--color-link-type-r);
    fill: var(--color-link-type-r);
    /* stroke-dasharray: var(--stroke-dasharray-link-type-d); */
    /* stroke-opacity: 0.8; */
    /* fill-opacity: 0.1; */
}

/* === Подсветка связей */

.link:hover {
    stroke: black;
}