/*シグナル機能*/
/*新規構築*/
/*2022 by 渋谷*/
#signal-dialog {
    display: none;
    position:relative;
}

    #signal-dialog input {
        margin: 0;
    }

#signal-tab-signalStart-contents {
    display: none;
}

.signal-sentence1, .signal-sentence2 {
    color: #ffffff;
}

#signal-tab-signalStart-contents .signal-sentence1,
#signal-tab-signalStart-contents .signal-sentence2 {
    color: #ffa500;
}

/*hoverで色が変わるclass一括指定*/
.hover-change-border:hover {
    border: 1px #ff8c00 solid !important;
}

.signal-dialog-titleWrap {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 5px 0;
    border-bottom: solid 1px dimgray;
}

.signal-dialog-title {
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.signal-sentenceWrap {
    padding: 0 10px;
}

.signal-brand-labelClass {
    text-align: center;
}

#signal-help {
    position: absolute;
    right: 7px;
    text-decoration: underline;
    cursor: pointer;
}

    #signal-help.active {
        display: none;
    }

.signal-flexBox-Jcenter {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.signal-userchoice-area {
    position: relative;
    margin: 0;
}

    .signal-userchoice-area::after {
        display: none;
        position: absolute;
        z-index: 15;
        width: 100%;
        height: 100%;
        background: none;
        content: "";
        top: 0;
        left: 0;
    }

    .signal-userchoice-area.active::after {
        display: block;
    }

    .signal-userchoice-area.active select,
    .signal-userchoice-area.active .signal-name-register,
    .signal-userchoice-area.active .signal-userchoice-area-title,
    .signal-userchoice-area.active button,
    .signal-userchoice-area.active input {
        color: #aaa !important;
    }

.signal-userchoice-area-titleWrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3px 10px;
    background: #242424;
    line-height: 13px;
    min-height: 28px;
}

.signal-userchoice-area-title {
    padding: 6px 10px 6px 5px;
    cursor: pointer;
    user-select: none;
}

.signal-Name-settingUl {
    position: absolute;
    top: 100%;
    z-index: 10;
    transform: translate(0, 0);
    padding: 3px;
    background: #111111;
    border: solid 1px #626262;
    width: 440px;
    margin: 0 0 0 110px;
}

.signal-name-txt {
    padding: 0 5px 0 0;
}

.signal-name-selectBox {
    border: 1px #626262 solid;
    border-radius: 3px;
    user-select: none;
    cursor: pointer;
}

.signal-name-register {
    height: 100%;
    line-height: 26px;
    cursor: pointer;
    align-items: center;
    padding: 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 260px;
}

.signal-name-img {
    display: flex;
    align-items: center;
}

.signal-Mark-settingBtn {
    display: flex;
    align-items: center;
    border: 1px #626262 solid;
    border-radius: 3px;
    cursor: pointer;
}

    .signal-Mark-settingBtn button {
        border: none !important;
        display: flex;
        align-items: center;
        margin: 0;
        background: none !important;
        outline: none;
    }

        .signal-Mark-settingBtn button:hover {
            border: none;
            background: none;
            font-weight: normal;
        }

.signal-Tech-Selector-bg {
    background: #3f4140;
    padding: 15px 25px;
}

.signal-surveillance-tech {
    min-width: 185px;
    margin-right: 20px;
}

    .signal-surveillance-tech select {
        cursor: pointer;
    }

.signal-tech-selector{
    background: url("../images/arrow-down-black.png") #222222 right center / 20px 14px no-repeat;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    color: #ffffff;
    outline: none;
    min-width: 155px;
    padding: 4px 25px 4px 5px;
    cursor: pointer;
    /*firefox UserAgent回避*/
    border: 1px solid rgb(118, 118, 118);
    border-radius: 0;
}

.sigval-selector-width {
    min-width: 130px;
}

.sigcon-selector-width {
    width: 251px;
}

.signal-input-area {
    width: 60px;
    text-align: right;
    background: #000000;
    outline: none;
    border: none;
    color: #ffffff;
}

.signal-Tech-Selector-flexBox {
    display: flex;
}

.alcenter {
    align-items: center;
}

.adjust {
    padding: 0 0 5px 0;
}

.width-left-area {
    padding: 0;
}

.techAndProperty {
    padding: 0 0 5px;
}

.just-between {
    justify-content: space-between;
}

.just-end{
    justify-content: flex-end;
}

.tech-value-margin{
    margin-right: 17px;
}

.tech-detail-num {
    display: inline-block;
    padding: 0 0 0 10px;
    min-width: 25px;
    text-align: right;
}

.tech-img-wrap {
    max-width: 140px;
    margin-left: 5px;
    display: none;
}

.tech-img-wrap.active {
    display: flex;
}

#signal-dialog .btbox {
    float: initial;
}

.tech-selector-detail-items {
    display: none;
}

.tech-selector-detail-items.active {
    display: flex;
    align-items: flex-end;
}

.tech-propertys-left {
    float: left;
    margin-right: 40px;
}

.tech-propertys-right {
    float: right;
}

.tech-comb-margin{
    margin-right: 5px;
}

.propertys {
    display: none;
    position: relative;
}

    .propertys.active {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.tech-selector-detail-item-color {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #3f4140;
    left: -15px;
    border-radius: 100%;
    top: 50%;
    transform: translate(0px, -50%);
}

.signal-name-list-regist {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 0;
}

.signal-btns-area {
    height: 36px;
    padding: 15px 0;
    justify-content: space-around;
    width: 80%;
    margin: 0 auto;
}

#btn-sigend {
    background: #eb7413;
}

.signal-btns-area button:hover, .signal-btns-area button:focus-visible {
    background: #222222;
    outline: none;
    border: 1px solid #ffffff;
}

/*signal名前登録部分CSS*/
.selected-signal-name-label {
    height: 21px;
    padding: 0 3px 0 3px;
    width: 438px;
}

.signal-name-delBtn {
    width: 40px;
    height: 19px;
    background: #696969;
    border: solid 1px #696969;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

    .signal-name-delBtn:hover {
        border: solid 1px #ffffff;
    }

.signal-name-list-item {
    display: flex;
    justify-content: space-between;
    background-color: #242424;
    position: relative;
    margin: 1px;
    list-style-type: none;
    height: 21px;
    line-height: 21px;
    white-space: nowrap;
}

.selected-signal-name-label:hover {
    background-color: rgb(62,110,211);
    cursor: pointer;
}

.signal-name-list-item-bgcolor .selected-signal-name-label {
    background-color: rgb(62,110,211);
}

#signal-name1-line-0 {
    width: 100%;
    text-align: center;
    background-color: #242424;
    position: relative;
    pointer-events: none;
}

    #signal-name1-line-0:hover {
        background-color: #242424;
        cursor: initial;
    }

#signal-name1-linediv-0.signal-name-list-item-bgcolor {
    background-color: #242424;
}

#signal-dialog .signal-name-list-input {
    margin: 0 5px;
    height: 19px;
    width: 300px;
    outline: none;
    border: none;
}

.signal-name-list-inputside-text {
    font-size: 11px;
}

.signal-name-list-inputside-btn {
    width: 40px;
    justify-content: center;
    display: flex;
    align-items: center;
    background: #ff0000;
    height: 19px;
    border-radius: 3px;
    border: solid #111 1px;
    cursor: pointer;
}

/*signalhelp関連CSS*/
#signal-help-dialog p {
    margin: 7px 0;
    font-size: 12px;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
}

#signal-help-title {
    text-align: center;
}

.signal-helpttl-color {
    color: #ff8c00;
    font-size: 14px;
    padding: 0 0 0 16px;
    position: relative;
}

    .signal-helpttl-color:before {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0,-54%);
        content: "\25a0";
        padding-right: 0.5em;
        color: #ffffff;
    }

#signal-help-content {
    margin: 0px 15px;
}

#signal-help-ok {
    position: absolute;
    right: 5px;
    bottom: 10px;
    width: 80px;
}

#signal-marks {
    margin: 10px;
}

.signal-mark-img:hover {
    background-color: #626f73;
}

#signal-marks img {
    padding: 2px;
}

#signal-mark-dialog {
    display: none;
}

.signal-brand-iconClass {
    width: 60px;
    height: 20px;
}

.signal-brand-iconClass, .signal-brand-labelClass {
    pointer-events: none;
}

.signalOrderTxt {
    width: 155px;
    margin: 5px 0 0 0;
}

.signal-valuelabel-valuecombo-display{
    display: none;
}