@import '_content/WMBlazorSlickCarousel/WMBlazorSlickCarousel.bundle.scp.css';

/* /Pages/CheckAllDialog.razor.rz.scp.css */
.mainLabel[b-u2ovhmyls5] {
    width: 180px;
    text-align: right;
}

textarea[b-u2ovhmyls5] {
    vertical-align: middle;
}

.cancel-button[b-u2ovhmyls5] {
    background-image: none;
    background-color: #eff0f2;
    color: #4e4e4e;

}

.modal-footer[b-u2ovhmyls5] {
    border-top: none;
}
/* /Pages/CheckDeleteDialog.razor.rz.scp.css */
.mainLabel[b-h0v0lkbkyc] {
    width: 180px;
    text-align: right;
}

textarea[b-h0v0lkbkyc] {
    vertical-align: middle;
}

.cancel-button[b-h0v0lkbkyc] {
    background-image: none;
    background-color: #eff0f2;
    color: #4e4e4e;
    margin: auto;
    margin-right: 10px;
}

.submit-button[b-h0v0lkbkyc] {
    margin: auto;
    margin-left: 10px;
}

.modal-footer[b-h0v0lkbkyc] {
    border-top: none;
}
/* /Pages/EmaiConfirm.razor.rz.scp.css */

.btn-send[b-pc1v2effl3] {
    width: 180px;
    font-size: 13px;
    margin-left: unset;
    height: 40px;
    margin-bottom: 20px;
}


.text-area[b-pc1v2effl3] {
    height: 70px;
    font-size: 30px;
    color: #999999;
}

.text-size[b-pc1v2effl3] {
    width: 100%;
    font-size: 100%;
    margin-bottom: 10px;
}

.header-text-size[b-pc1v2effl3] {
    width: 100%;
    font-size: 150%;
}

.back-gray[b-pc1v2effl3] {
    height: auto;
    width: auto;
}

.input-position[b-pc1v2effl3] {
    display: block;
    text-align: right;
}

@media(min-width:1560px) {
    .back-gray[b-pc1v2effl3] {
        width: 720px;
    }
}

@media(max-width:860px) {

    .text-size[b-pc1v2effl3] {
        font-size: 13px;
    }
}

@media(max-width:640px) {
    .err-msg-size[b-pc1v2effl3] {
        font-size: 15px;
    }

    .submit-button[b-pc1v2effl3] {
        text-align: center;
    }

    .input-position[b-pc1v2effl3] {
        text-align: center;
    }
}

@media(min-width:641px) {
    .reset-main-label[b-pc1v2effl3] {
        width: 150px;
        padding-bottom: 15px;
    }

    .input-position[b-pc1v2effl3] {
        margin-right: 30px;
    }

    .mail-textbox[b-pc1v2effl3] {
        margin-right: 15px;
        width: 80%
    }

    .pass-reset-header-img[b-pc1v2effl3] {
        padding-bottom: 50px;
        width: 230px;
    }

    .pass-reset-line-img[b-pc1v2effl3] {
        padding-bottom: 40px;
    }

    .text-area[b-pc1v2effl3] {
        margin-bottom: 20px;
    }

    .reset-pass-input-group[b-pc1v2effl3] {
        width: auto;
    }
}

@media(min-width:1160px) {
    .back-gray[b-pc1v2effl3] {
        height: auto;
        width: 720px;
    }
}



@media(max-width:640px) {
    .pass-reset-line-img[b-pc1v2effl3] {
        padding-bottom: 30px;
        width: 90px;
        height: 32px;
    }

    .text-size[b-pc1v2effl3] {
        width: 100%;
        font-size: 130%;
        padding-bottom: 10px;
    }
}
/* /Pages/EmailSendConfirm.razor.rz.scp.css */

.btn-send[b-mygx6z11co] {
    width: 180px;
    font-size: 13px;
    margin-left: unset;
    height:40px;
    margin-bottom: 20px;
}


.text-area[b-mygx6z11co] {
    height: 70px;
    font-size: 30px;
    color: #999999;
}

.text-size[b-mygx6z11co] {
    width: 100%;
    font-size: 100%;
    margin-bottom: 10px;
}

.header-text-size[b-mygx6z11co] {
    width: 100%;
    font-size: 150%;
}

.back-gray[b-mygx6z11co] {
    height: auto;
    width: auto;
}

.input-position[b-mygx6z11co] {
    display: block;
    text-align: right;
}

@media(min-width:1560px){
    .back-gray[b-mygx6z11co] {
        width: 720px;
    }
}

@media(max-width:860px) {

    .text-size[b-mygx6z11co] {
        font-size: 13px;
    }
}

@media(max-width:640px) {
    .err-msg-size[b-mygx6z11co] {
        font-size: 15px;
    }

    .submit-button[b-mygx6z11co] {
        text-align: center;
    }
    .input-position[b-mygx6z11co] {
        text-align: center;
    }
}

@media(min-width:641px) {
    .reset-main-label[b-mygx6z11co] {
        width: 150px;
        padding-bottom: 15px;
    }

    .input-position[b-mygx6z11co] {
        margin-right:30px;
    }

    .mail-textbox[b-mygx6z11co] {
        margin-right: 15px;
        width: 80%
    }

    .pass-reset-header-img[b-mygx6z11co] {
        padding-bottom: 50px;
        width: 230px;
    }

    .pass-reset-line-img[b-mygx6z11co] {
        padding-bottom: 40px;
    }

    .text-area[b-mygx6z11co] {
        margin-bottom: 20px;
    }

    .reset-pass-input-group[b-mygx6z11co] {
        width: auto;
    }
    
}

@media(min-width:1160px) {
    .back-gray[b-mygx6z11co] {
        height: auto;
        width: 720px;
    }
}



    @media(max-width:640px) {
        .pass-reset-line-img[b-mygx6z11co] {
            padding-bottom: 30px;
            width: 90px;
            height: 32px;
        }

        .text-size[b-mygx6z11co] {
            width: 100%;
            font-size: 130%;
            padding-bottom: 10px;
        }
    }
/* /Pages/ErrorDialog.razor.rz.scp.css */

.modal-content[b-68mv7seyi3] {
    height: auto;
    max-height: 90vh;
    overflow-y: auto;
    padding: 20px;
}

.terms-position[b-68mv7seyi3] {
    text-align: center;
    margin-bottom: 3%;
}

.text-position[b-68mv7seyi3] {
    padding: 8%;
}

.cancel-button[b-68mv7seyi3] {
    width: 150px;
}

.btn-main[b-68mv7seyi3] {
    margin: 3%;
}

.trems-link:hover[b-68mv7seyi3] {
    color: red;
    cursor: pointer;
}

.top[b-68mv7seyi3]{
    z-index:2000;
}
.topback[b-68mv7seyi3] {
    z-index: 1900;
}

@media(max-width: 576px) {
    .modal-dialog-centered[b-68mv7seyi3] {
        min-height: calc(100% - 3.5rem);
    }

    .modal-dialog-scrollable[b-68mv7seyi3] {
        height: calc(100% - 3.5rem);
    }

    .modal-dialog[b-68mv7seyi3] {
        max-width: 500px;
        margin: 1.75rem auto;
    }
}

@media(max-width:450px) {
    .header-title[b-68mv7seyi3] {
        font-size: 20px;
    }
}
/* /Pages/ImgNameChange.razor.rz.scp.css */
.modal-dialog[b-rtlsjay563] {
    max-width: 620px;
}

.gray-textbox[b-rtlsjay563]{
    width: 85%;
    margin-right: 5px;
}

.modal-footer[b-rtlsjay563] {
    border: none;
    justify-content:end;
}

.old-name[b-rtlsjay563] {
    display: inline-block;
    color: #999999;
    font-size: 14px;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin:0;
}

.cancel-button[b-rtlsjay563] {
    background-image: none;
    background-color: #fff;
    color: #4e4e4e;
    /*margin: auto;
    margin-right: 10px;*/
    padding: 0;
    width: 100px;
    border: 1px solid transparent !important;
}

.submit-button[b-rtlsjay563] {
    /*margin: auto;*/
    margin-left: 10px;
    background-image: none;
    background-color: #fff;
    color: red;
    padding: 0;
    width: auto;
    margin-right: 20px;
    border: 1px solid transparent !important;
}

#ImgNameChangeSort[b-rtlsjay563] {
    list-style: none;
}

.oi-menu[b-rtlsjay563] {
    margin-right: 10px;
}

.namechange[b-rtlsjay563]{
    margin-top:5px;
}

td[b-rtlsjay563]{
    border-bottom:none;
}

@media screen and (max-width: 600px) {
    /*    .gray-textbox{
        width:180px;
    }*/

    ul[b-rtlsjay563]{
        padding-left: 0rem !important;
    }
}
/* /Pages/Infos.razor.rz.scp.css */
input[b-al87ud4185] {
    border-bottom: none;
    width: 100%;
}

.btn-info[b-al87ud4185] {
    background-image: none;
    width: auto;
    padding: 0.2em 0.5em;
    color: #fff;
    border-radius: 1em;
}

article[b-al87ud4185] {
    margin: 20px auto;
    background-color: #fff;
    border: solid 2px #d9d9d9;
    border-radius: 5px;
}

.mainLabel[b-al87ud4185] {
    color: #a1a1a1;
    font-size: 90%;
}
ul[b-al87ud4185]{
    list-style-type:none;
}

.noticedata[b-al87ud4185] {
    margin:1rem 0;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom:0.2rem;
}

.page-item[b-al87ud4185]{
    cursor: pointer;
}

.name-label[b-al87ud4185] {
    width: 150px;
}

.InfoBody[b-al87ud4185] {
    display:block;
    width:inherit;
    box-sizing:border-box;
    margin-left:10%;
    margin-right:10%;
}

.scroll_content[b-al87ud4185] { /* リスト全体のスタイル */
    display: flex;
    margin: auto;
    overflow-x: auto;
    overflow-y: hidden;
}

    .scroll_content li[b-al87ud4185] { /* 各リストのスタイル */
        width: 90%;
        padding: 8px;
        margin: 3px;
        /* flex-shrink: 0; */
        list-style: none;
    }

    .scroll_content img[b-al87ud4185] { /* 画像のスタイル */
        width: 100%;
        max-height: 200px;
        object-fit: cover;
    }

    .scroll_content[b-al87ud4185]::-webkit-scrollbar {
        height: 6px; /* スクロールバーの高さ */
    }

    .scroll_content[b-al87ud4185]::-webkit-scrollbar-thumb {
        background: #aaa; /* ツマミの色 */
    }

    .scroll_content[b-al87ud4185]::-webkit-scrollbar-track {
        background: #ddd; /* トラックの色 */
    }

.tab-label[b-al87ud4185] {
    color: Gray;
    cursor: pointer;
    flex: 1;
    font-weight: bold;
    order: -1;
    padding: 12px 24px;
    position: relative;
    text-align: center;
    user-select: none;
    white-space: nowrap;
    -webkit-tap-highlight-color: transparent;
}
.data-input[b-al87ud4185] {
    width: 70%;
}

.tab-switch[b-al87ud4185] {
    display: none;
}

.tab-switch:checked + .tab-label[b-al87ud4185] {
    color:red;
}

.NavLabel[b-al87ud4185] {
    width: 20px;
}

ul[b-al87ud4185]{
    padding-inline-start:0px;
}

.page-link[b-al87ud4185] {
    color: #ff1744;
}

.page-item.active .page-link[b-al87ud4185] {
    background-color: #ff1744;
    border-color: #ff1744;
}

.spot-button[b-al87ud4185] {
    background-color: #2f547e;
    border: 1px solid;
    border-color: #2f547e;
}

.area-button[b-al87ud4185] {
    background-color: #26b9af;
    border: 1px solid;
    border-color: #26b9af;
}


.report-button[b-al87ud4185] {
    background-color: #f15a69;
    border: 1px solid;
    border-color: #f15a69;
}

.mainnav[b-al87ud4185] {
    display: flex;
}

.mobilenav[b-al87ud4185]{
    display:none;
}

@media screen and (min-width: 450px) {
    .scroll_content li[b-al87ud4185] {
        width: 45%;
    }
}
@media screen and (max-width: 850px) {
    .name-label[b-al87ud4185] {
        width: 100%;
    }

    .data-input[b-al87ud4185] {
        width: 90%;
    }
}

@media screen and (max-width: 650px) {
    .InfoBody[b-al87ud4185] {
        margin-left: 5%;
        margin-right: 5%;
        width: 90%;
    }

    .NavLabel[b-al87ud4185] {
        width: 25px;
    }

    .mainnav[b-al87ud4185]{
        display:none;
    }

    .mobilenav[b-al87ud4185]{
        display:flex;
        flex-wrap:wrap;
    }
}

/* /Pages/Login.razor.rz.scp.css */
.text-align[b-v1ceyvx46u] {
    text-align: center;
}
.err-msg-size[b-v1ceyvx46u] {
    color: #F73228;
}

.mainLabel[b-v1ceyvx46u] {
    margin-bottom: 15px;
}

.btn[b-v1ceyvx46u] {
    margin: 0%
}

.btn-main[b-v1ceyvx46u] {
    border: 1px solid #D71345;
}

    .btn-main:hover[b-v1ceyvx46u] {
        border: 1px solid #ff1744 !important;
        background-image: none !important;
        color: #ff1744 !important;
        background-color: white !important;
    }

.pass-reset-img[b-v1ceyvx46u] {
    width: 38px;
}

.form-check-input[b-v1ceyvx46u] {
    margin-right: 2%;
}

label[b-v1ceyvx46u]{
    width:100%;
}

.check-box-space[b-v1ceyvx46u]{
    margin:5% 0%;
    text-align:center;
}


@media(max-width:660px) {
    .err-msg-size[b-v1ceyvx46u] {
        font-size: 13px;
    }
}
@media(max-width: 540px) {
    .pass-reset-img[b-v1ceyvx46u] {
        width: 29px;
    }
}
@media(min-width: 600px){
    .box-size[b-v1ceyvx46u] {
        padding: 25px 50px 50px 50px;
    }
}

@media(max-width: 600px) {
    .box-size[b-v1ceyvx46u] {
        padding: 50px 10px;
    }
    .validation-message[b-v1ceyvx46u]{
        font-size: 13px;
    }
}

@media(max-width: 480px) {
    .pass-reset-img[b-v1ceyvx46u] {
        width: 19px;
    }
}

@media(max-width: 430px) {
    .text-align[b-v1ceyvx46u] {
        font-size:13px;
    }
}
/* /Pages/Map.razor.rz.scp.css */
.labelZone[b-d3u8x29pbx] {
    height: 280px;
    width: 500px;
    border: 2px solid black;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.search-text-box[b-d3u8x29pbx] {
    display: flex;
    position: absolute;
    z-index: 10;
    margin-left: 5px;
}
.map-list-group-position[b-d3u8x29pbx] {
    z-index: 10;
    display: flex;
    flex-direction: row;
    margin-top: 5px;
    margin-left: 5px;
}

.filter[b-d3u8x29pbx] {
    position: absolute;
    z-index: 20;
    flex-direction: row;
    margin-left: 5px;
    border-radius: 5px;
    width: 390px;
    background-color: #fff;
    box-shadow: 0 5px 5px rgb(0 0 0 / 21%);
    top: 50px;
}

.form-control[b-d3u8x29pbx] {
    width: 350px;
    margin-top: 5px;
    height: 40px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-main[b-d3u8x29pbx] {
    padding: 7px 30px;
    border-radius: 25px;
    background-image: linear-gradient(1deg, #ff2280 0%, #fe030d 100%);
    outline: none;
    color: #fff;
    width: 150px;
}
.clearButton[b-d3u8x29pbx] {
    margin-top: 5px;
    width: 40px;
    height: 40px;
    /*padding-top: 5px;*/
    background-color: #EFF0F2;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border: 1px solid #ced4da;
    border-left: none;
    text-align: center;
}

#map-menu[b-d3u8x29pbx] {
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 10;
    vertical-align: middle;
    text-align: center;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #EFF0F2;
    display: flex;
    height: 110px;
}

#map-menu-mobile[b-d3u8x29pbx] {
    position: absolute;
    right: 0;
    bottom: 125px;
    z-index:10;    
}

.toggle-mobile[b-d3u8x29pbx] {
    background-color: #EFF0F2;
}

.menu-content-mobile[b-d3u8x29pbx] {
    display:flex;
    align-items:center;
    height:35px;
    justify-content:center;
}

.acd-check1-mobile[b-d3u8x29pbx] {
    display: none;
}

#map-menu-mobile[b-d3u8x29pbx] {
    display: none;
}

.toggle-mobile[b-d3u8x29pbx] {
    border: 1px solid #333;
    width: 0;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    /* visibility: collapse; */
    transform: translate(-135px,-135px);
    display: none;
    border: none;
}

#map-menu-contents-mobile[b-d3u8x29pbx] {
    background-color: white;
    /* padding: 5px; */
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    height: auto;
    margin: 5px;
}

.acd-check1-mobile:checked + .acd-label1-mobile + .toggle-mobile[b-d3u8x29pbx] {
    width: 180px;
    opacity: 1;
    padding: 0 0 0 0;
    /* visibility: visible; */
    display: block;
    border: none;
    height: 86px;
    transition: .5s;
    background-color: #EFF0F2;
    transform: translate(-135px,-135px);
    position: absolute;
}

.menu[b-d3u8x29pbx] {
    writing-mode: vertical-rl;
}

#menu-button[b-d3u8x29pbx] {
    width: 30px;
    height: 100px;
}

#map-menu-contents[b-d3u8x29pbx] {
    /*position: absolute;
    z-index: 100;*/
    background-color: white;
    /*padding: 5px;*/
    padding: 0 1px 0 1px;
    border: 1.5px solid #D9D9D9;
    border-right:none;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    height:auto;
    margin: 3px 0 3px 3px;
}

.menu-content[b-d3u8x29pbx] {
    padding: 10px 0 5px 10px;
    border-bottom: 1px solid #D9D9D9;
    cursor: pointer;
    text-align: left;
    height: 50px;
    /*
        background-color: white;
        width: 250px;
        height: auto;
        position: relative;
        padding: 10px 12px 8px;

    */
}

    /*.menu-content:nth-child(n + 2):before {
        content: '';
        position: absolute;
        left: 50%;
        top: -2px;*/ /*下線の上下位置調整*/
        /*display: inline-block;
        width: 80%;*/ /*下線の幅*/
        /*height: 2px;*/ /*下線の太さ*/
        /*-moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%);*/ /*位置調整*/
        /*background-color: #EAEAEA;*/
        /*下線の色*/
    /*}*/

.map-style-change-btn[b-d3u8x29pbx] {
    position: absolute;
    z-index: 9;
    bottom: 85px;
    right: 14px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background-color: white;
    border-radius: 50px;
    box-shadow: 0 1px 2px rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    text-align:center;

}
.close[b-d3u8x29pbx]{
    display:none;
}

.open[b-d3u8x29pbx]{
    display:block;
}

.material-symbols-outlined[b-d3u8x29pbx] {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48
}

.layer-color[b-d3u8x29pbx] {
    color: #888888;
}

#draw-start-end[b-d3u8x29pbx] {
    position: absolute;
    top: 0px;
    z-index: 1001;
}
.draw-button-back[b-d3u8x29pbx] {
    height: 7vh;
    width: calc(100vw - 40px);
    background-color: #00000066;
    display: flex;
    align-items: center;
    z-index: 101;
}

.draw-map-area-title[b-d3u8x29pbx] {
    margin-left: 20px;
    font-weight: bold;
    font-size: larger;
    z-index:102;
}

.draw-map-area-attr[b-d3u8x29pbx] {
    margin-left: auto;
    margin-right: auto;
    z-index: 102;
}

.draw-map-area-attr .attr-label[b-d3u8x29pbx]{
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 20px;
    color      : white;
    font-weight: bold;
}

.draw-map-area-attr .name-input[b-d3u8x29pbx]{
    border-radius: 8px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: bold;
}
.draw-map-area-attr .category-select[b-d3u8x29pbx] {
    font-weight: bold;
    margin-left: 5px;
    min-width: 250px;
    height: 4vh;
    grid-column: 1;
    grid-row: 1;
    border-radius: 8px;
    padding-left: 20px;
    padding-right: 20px;
}


.draw-button-wrapper[b-d3u8x29pbx]{
    margin-left: 0;
    margin-right: 1.3vw;
    z-index:102;
}

    .draw-button-wrapper .area-menu-btn[b-d3u8x29pbx] {
        width: 150px;
        height: 38px;
        padding: unset;
        font-size: unset;
        margin:auto;
    }

.draw-button-wrapper .btn-square[b-d3u8x29pbx]{
    border-radius: 20px;
}

.draw-button-back .draw-button-wrapper .cancel-button[b-d3u8x29pbx] {
    padding-top: 7px;
    padding-bottom: 7px;
}

/*#map-left-contents-wrpper {
    position:absolute; 
    left:45px; 
    top:100px; 
    background-color:white;
    width:350px; 
    padding:8px;
    
}*/
.map-left-contents[b-d3u8x29pbx] {
    /*display: flex;*/
    font-size: 12px;
    justify-content: space-between;
    border-bottom: 2px solid #D9D9D9;
    padding: 15px 20px;
}

/*.gm-ui-hover-effect {
    display: none !important;
}*/

.content-left > div[b-d3u8x29pbx] {
    margin-bottom: 2px;
}

.left-main-img[b-d3u8x29pbx] {
    width: 84px;
    /*max-width: 100%;*/
    height: 84px;
    /*max-height: 100%;*/
    margin: auto;
    margin-right: 0;
    object-fit: cover;
}

.left-main-img-wrapper[b-d3u8x29pbx] {
    max-width: 35%;
    min-width: 35%;
    max-height: 100px;
    min-height: 100px;
    display: flex;
    position: relative;
}

.content-left-sub[b-d3u8x29pbx]{
    color: #999999;
    width:100%;
}

.content-left[b-d3u8x29pbx]{
    width:67%;
}

.spot-menu-title[b-d3u8x29pbx] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 3px;
    line-height: 20px;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0;
    margin-left: 5px;
}

/*details summary {
    color: transparent;
}*/
.acd-check[b-d3u8x29pbx] {
    display: none;
}

.acd-check-mobile[b-d3u8x29pbx] {
    display: none;
}

.acd-label[b-d3u8x29pbx] {
    background: #fff;
    color: red;
    display: block;
    margin-bottom: 1px;
    width: auto;
    text-align: center;
    vertical-align: middle;
    width: 390px;
    border-radius: 5px;
    visibility: visible;
}

.acd-label-mobile[b-d3u8x29pbx] {
    cursor: pointer;
}

.acd-content[b-d3u8x29pbx] {
    border: 1px solid #333;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    /*transition: .5s;*/
    visibility: hidden;
    border: none;
}

.acd-check:checked + .acd-label + .acd-content[b-d3u8x29pbx] {
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
    border: none;
    box-shadow: 0 5px 5px rgb(0 0 0 / 21%);
}

.acd-check:checked + .acd-label[b-d3u8x29pbx] {
    background-color: #EFF0F2;
}

.acd-content-mobile[b-d3u8x29pbx] {
    /*border: 1px solid #333;*/
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
    border: none;
    display:none;
}

.acd-check-mobile:checked + .acd-label-mobile + .acd-content-mobile[b-d3u8x29pbx] {
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
    border: none;
    background-color: #fff;
    transform: translate(-20px,-50px);
    /*overflow-y: auto;*/
    display: block;
    max-height: 80vh;
    border-radius: 5px;
    box-shadow: 0 5px 5px rgb(0 0 0 / 21%);
}

/*.acd-check:checked + .acd-label-mobile {
    background-color: #EFF0F2;
}*/

/*.area {
    position: absolute;
    z-index: 20;
    top:10px;
    left:50%;
}*/

.ex-check-box[b-d3u8x29pbx] {
    display: none;
}

.ex-content[b-d3u8x29pbx] {
    border: 1px solid #333;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
    border: none;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    max-height: 53vh;
}

.ex-content-box[b-d3u8x29pbx] {
    color: red;
    padding-top:10px;
    cursor: pointer;
}
.ex-content-box:hover[b-d3u8x29pbx] {
    font-weight: bold;
}

.ex-check-box:checked + .export-button + .ex-content[b-d3u8x29pbx] {
    height: auto;
    opacity: 1;
    /*padding: 10px;*/
    padding-bottom: 10px;
    visibility: visible;
    border: none;
    background-color: #EFF0F2;
}

.ex-check-box:checked + .export-button .minus2[b-d3u8x29pbx] {
    transition: .5s;
    transform: rotate(0deg);
}

.area-button[b-d3u8x29pbx] {
    background-image: none;
    background-color: #fff;
    color: #fe030d;
    margin: auto;
    font-size: 14px;
    padding: 5px 10px 5px 5px;
    width: 160px;
    margin-top: 7px;
    box-shadow: 0 3px 5px rgb(0 0 0 / 21%);
}

.mainLabel[b-d3u8x29pbx] {
    width: auto;
}

.form-group[b-d3u8x29pbx] {
    margin: 5px 10px 10px 10px;
    text-align: left;
}

.form-group-mobile[b-d3u8x29pbx] {
    margin: 5px 10px;
    text-align: left;
}

.form-group-icon[b-d3u8x29pbx] {
    margin: 5px 10px;
    display: flex;
    text-align: left;
}

.gray-textbox[b-d3u8x29pbx] {
    width: 210px;
}

.textbox-year[b-d3u8x29pbx] {
    width:70%;
}

.textbox-m-d[b-d3u8x29pbx]{
    width: 45px;
}

.icon-select[b-d3u8x29pbx] {
    background-image: none;
    background-color: #eff0f2;
    color: #4e4e4e;
    margin: auto;
    width: 210px;
    font-size: 13px;
}

.search-button[b-d3u8x29pbx] {
    background-image: none;
    background-color: #fff;
    color: #4e4e4e;
    margin: auto;
    width: 180px;
    font-size: 13px;
    border: 1px solid #000000;
}

.cancel-button[b-d3u8x29pbx] {
    background-image: none;
    background-color: #fff;
    color: #4e4e4e;
    margin: auto;
    margin-right: 5px;
    font-size: 14px;
    padding: 10px 15px;
    width: 120px;
    color: #999999;
    border: 1px solid #BFBFBF;
}

.submit-button[b-d3u8x29pbx] {
    margin: auto;
    margin-left: 5px;
    font-size: 14px;
    padding: 10px 10px;
}

.modal-footer[b-d3u8x29pbx] {
    border: none;
    flex-wrap:nowrap;
    padding-top:20px;
}

.export-button[b-d3u8x29pbx] {
    width: 205px;
    padding: 3px 10px;
    border-radius: 4px;
    text-align: left;
    background-image: linear-gradient(1deg, #ff2280 0%, #fe030d 100%);
    color: #fff;
    cursor: pointer;
}

.acd-label span[b-d3u8x29pbx] {
    font-size: initial;
}

/*label {
    font-size: 13px;
}*/

.minus1[b-d3u8x29pbx] {
    width: 15px;
    margin-right: 4px;
    position: absolute;
    right: 20px;
    top: 280px;
}
.minus2[b-d3u8x29pbx] {
    width: 15px;
    margin-right: 4px;
    position: absolute;
    right: 20px;
    top: 280px;
    transform: rotate(-90deg);
    transition: .5s;
}

input[b-d3u8x29pbx] {
    font-size: 13px;
}
.toggle[b-d3u8x29pbx] {
    border: 1px solid #333;
    width: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    /*visibility: collapse;*/
    display: none;
    border: none;
}

.acd-check1:checked + .acd-label1 + .toggle[b-d3u8x29pbx] {
    width: 220px;
    opacity: 1;
    padding: 0 0 0 0;
    /*visibility: visible;*/
    display: block;
    border: none;
    height: fit-content;
    background-color: #FFFFFF;
    border-bottom-left-radius: 2px;
    box-shadow: 0 5px 5px rgb(0 0 0 / 21%);
}

.acd-check1[b-d3u8x29pbx] {
    display: none;
}

.acd-label1[b-d3u8x29pbx] {
    width: 30px;
    background-color: #FFFFFF;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 0 5px 5px rgb(0 0 0 / 21%);
}

*[b-d3u8x29pbx], [b-d3u8x29pbx]::after, [b-d3u8x29pbx]::before {
    vertical-align: middle;
}

.left-menu[b-d3u8x29pbx] {
    position: absolute;
    z-index: 9;
    flex-direction: row;
    margin-left: 5px;
    border-radius: 5px;
    width: 390px;
    top: 100px;
    background-color: white;
}

.acd-check2[b-d3u8x29pbx] {
    display: none;
}

.acd-label2[b-d3u8x29pbx] {
    display: none;
}

#map-left-contents-wrpper[b-d3u8x29pbx] {
    height: 0;
    opacity: 0;
    padding: 0 10px;
    /*transition: .5s;*/
    visibility: collapse;
    border: none;
    overflow-y: hidden; /*画面下にスクロール内の要素があふれて白背景が表示されるとき*/
}

.acd-check2:checked + .acd-label2 + #map-left-contents-wrpper[b-d3u8x29pbx] {
    opacity: 1;
    padding: 0px;
    visibility: visible;
    border: none;
    height:auto;
    max-height:65vh;
    width:100%; 
    overflow-y:auto;
}

.acd-check2:checked + .acd-label2[b-d3u8x29pbx] {
    display: none;
}

.acd-label3[b-d3u8x29pbx] {
    background: #fff;
    display: block;
    margin-bottom: 1px;
    width: auto;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 5px 5px rgb(0 0 0 / 21%);
    cursor:pointer;
}

    .acd-label3 .back-arrow[b-d3u8x29pbx] {
        transform: rotate(180deg);
        /*transition: .5s;*/
    }

.acd-check2:checked + .acd-label2 + #map-left-contents-wrpper + .acd-label3 .back-arrow[b-d3u8x29pbx] {
    transform: none;
    /*transition: .5s;*/
}

.acd-label2 .back-arrow[b-d3u8x29pbx] {
    transform: none;
}

.acd-check2:checked + .acd-label2 .back-arrow[b-d3u8x29pbx] {
    transform: rotate(180deg);
}

.acd-label1 .menu-back-arrow[b-d3u8x29pbx] {
    /*transition: .5s;*/
    transform: rotate(180deg);
}

.acd-check1:checked + .acd-label1 .menu-back-arrow[b-d3u8x29pbx] {
    transform: none;
    /*transition: .5s;*/
}

.filter-mobile[b-d3u8x29pbx] {
    display:none;
}

.icon-img[b-d3u8x29pbx] {
    max-height: 20px;
    max-width: 20px;
}

.icon-search[b-d3u8x29pbx] {
    position: absolute;
    z-index: 9;
    left: 435px;
}

.area[b-d3u8x29pbx] {
    position: absolute;
    z-index: 10;
    left: 490px;
}

.marker-count-wrapper[b-d3u8x29pbx] {
    text-align: center;
    z-index: 50;
    position: absolute;
    z-index: 10;
    bottom: 5px;
    right: 10px;
}

.marker-count[b-d3u8x29pbx] {    
    padding: 0 10px;
    border-radius: 25px;
    height:32px;
    background-image: linear-gradient(1deg, #ff2280 0%, #fe030d 100%);
    border: none;
    outline: none;
    color: #fff;     
}

.icon-img[b-d3u8x29pbx] {
    width: auto !important;
    height: auto !important;
    max-height: 20px !important;
    max-width: 20px !important;
    margin-right: 8px !important;
}

.current-location-btn[b-d3u8x29pbx] {
    position: absolute;
    z-index: 9;
    bottom: 35px;
    right: 9px;
    cursor: pointer;
}

@media screen and (max-width: 600px) {
    .search-area[b-d3u8x29pbx] {
        position: absolute;
        z-index: 11;
        display: block;
        flex-direction: row;
        width: 100%;
    }

    .search-text-box[b-d3u8x29pbx] {
        width: 97%;
        height: 50px;
        display: flex;
        position: absolute;
        z-index: 10;
        margin-left: 5px;
    }

    .form-search[b-d3u8x29pbx] {
        width: 100%;
    }

    .map-list-group-position[b-d3u8x29pbx] {
        z-index: 10;
        display: block;
        flex-direction: row;
        margin: 5px;
        width: 95%;
        text-align: right;
        box-sizing: border-box;
    }
    .form-control[b-d3u8x29pbx] {
        width: 100%;
    }

    .filter[b-d3u8x29pbx] {
        display: none;
    }

    .filter-mobile[b-d3u8x29pbx] {
        display: block;
        height:50px;
    }

    #map-menu-mobile[b-d3u8x29pbx] {
        display: block;
        height: 50px;
        right: 9px;
    }

    .acd-label-mobile[b-d3u8x29pbx] {
        visibility: visible;
    }

    #map-menu[b-d3u8x29pbx] {
        bottom: 150px;
        top: auto;
        display: none;
    }

    .left-menu[b-d3u8x29pbx] {
        bottom: 0;
        top: auto;
        width: 15%;
        background-color: transparent;
        z-index: 10;
        box-sizing: border-box;
    }
    .acd-check2:checked + .acd-label2 + #map-left-contents-wrpper[b-d3u8x29pbx] {
        height: auto;
        width: 650%;
        background: #fff;
        max-height: 68vh;
    }

    .acd-check2:checked + .acd-label2[b-d3u8x29pbx] {
        visibility: visible;
        background: #fff;
        display: block;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        background-image: linear-gradient(1deg, #ff2280 0%, #fe030d 100%);
    }

    .acd-label2[b-d3u8x29pbx] {
        background: #fff;
        display: block;
        width: auto;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        height: 30px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        background-image: linear-gradient(1deg, #ff2280 0%, #fe030d 100%);
    }

    .acd-label3[b-d3u8x29pbx] {
        display: none;
    }

    .area[b-d3u8x29pbx] {
        position: absolute;
        z-index: 9;
        top: 50px;
        left: auto;
        margin-left: 5px;
    }

    .icon-search[b-d3u8x29pbx] {
        left: auto;
        right:0;
        top: 100px;
    }

    .cancel-button[b-d3u8x29pbx] {
        font-size: 10px;
    }

    .submit-button[b-d3u8x29pbx] {
        font-size: 10px;
    }

    _:lang(x) + _:-webkit-full-screen-document[b-d3u8x29pbx], .left-menu[b-d3u8x29pbx] {
        bottom: 1px;
    }
}
/*左メニューステータス*/
.status-new[b-d3u8x29pbx] {
    border: 1px solid red;
    color: red;
    padding: 0 10px;
}
.status-old[b-d3u8x29pbx] {
    background-color: #F0F0F0;
    padding: 0 10px;
}

.contextmenu[b-d3u8x29pbx] {
    /*display: flex;*/
    width: 160px;
    height: 112px;
    border: 1px solid #D9D9D9;
    box-shadow: 0px 0px 5px #00000033;
    background-color: #fff;
    position: absolute;
    border-radius: 3px;
    padding: 5px 10px;
}

.right-menu[b-d3u8x29pbx] {
    padding: 5px 0px 5px 0px;
    cursor: pointer;
    text-align: left;
    height: auto;
}

    .right-menu:hover[b-d3u8x29pbx] {
        background-color: #EFF0F2;
    }

.right-menu-item:hover .right-hover-menu[b-d3u8x29pbx]{
    display:block;
}

.right-hover-menu[b-d3u8x29pbx] {
    /*display: none;*/
    position: fixed;
    width: 170px;
    height: auto;
    border: 1px solid #D9D9D9;
    box-shadow: 0px 0px 5px #00000033;
    background-color: #fff;
    padding: 10px 0px;
    border-radius: 3px;
    transform: translate(145px,-42px);
}

.icon-img[b-d3u8x29pbx] {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

@media screen and (max-width: 1310px) {
    .area-menu-btn[b-d3u8x29pbx]{
        width: 105px !important;
        height: 30px !important;
        font-size: 10px;
        margin-right: 5px;
    }

    .attr-label[b-d3u8x29pbx]{
        font-size: 12px;
    }

    .draw-map-area-title[b-d3u8x29pbx]{
        font-size:12px;
    }

    .name-input[b-d3u8x29pbx] {
        width: 150px;
        font-size: 12px;
    }

    .draw-map-area-attr .category-select[b-d3u8x29pbx]{
        min-width:150px !important;
        font-size: 12px;
    }

    .draw-button-wrapper[b-d3u8x29pbx]{
        text-align: right;
    }
}

@media screen and (max-width: 837px) {
    .area-menu-btn[b-d3u8x29pbx] {
        width: 105px !important;
        height: 20px !important;
        font-size: 10px;
    }

    .area-menu-btn[b-d3u8x29pbx]{
        padding:0;
    }

    .draw-button-back .draw-button-wrapper .cancel-button[b-d3u8x29pbx]{
        padding:0;
    }

    .draw-map-area-title[b-d3u8x29pbx]{
        font-size: 10px;
    }
}
/* /Pages/MapAreaList.razor.rz.scp.css */
#map-area-list[b-tqn2u4jj1m] {
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 10;
    vertical-align: middle;
    text-align: center;
    border-radius: 10px;
    /*    max-height: 1000px;*/
    margin-right: 20px;
}

.area-header[b-tqn2u4jj1m] {
    position: relative;
    height: 30px;
}

.area-label[b-tqn2u4jj1m] {
    background: #EFF0F2;
    color: black;
    display: block;
    width: auto;
    text-align: center;
    vertical-align: middle;
    width: 390px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding-top: 10px;
    padding-bottom: 7px;
}

.dialog-close[b-tqn2u4jj1m] {
    position: absolute;
    right: 5px;
    top: 0;
    color: #333333;
    font-family: monospace;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    vertical-align: central;
    height: 20px;
}
.dialog-close:focus[b-tqn2u4jj1m] {
    box-shadow: none;
}

.area-content[b-tqn2u4jj1m] {
    background-color: white;
    padding: 5px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: auto;
    width: 390px;
}

/**
 * list-style: none; ←デフォルト三角削除（Chrome非対応）
 * cursor: pointer; ←カーソルをポインターに
**/
details summary[b-tqn2u4jj1m] {
    list-style: none;
    cursor: pointer;
    padding: 10px;
    margin-top: 3px;
    margin-bottom: 3px;
    border-radius: 8px;
    border-width: 2px;
    border-style: solid;
}
details summary:hover[b-tqn2u4jj1m] {
    border-width: 3px;
    font-weight: bold;
}
/**
 * Chrome用のデフォルト三角削除
**/
details summary[b-tqn2u4jj1m]::-webkit-details-marker {
    display: none;
}
/**
 * Font Awesomeのプラスアイコン使用
**/
details summary[b-tqn2u4jj1m]::before {
    font-family: monospace;
    content: '＋';
    margin-right: 10px;
}

/**
 * アコーディオンがオープン時はマイナスアイコンに変更
**/
details[open] summary[b-tqn2u4jj1m]::before {
    content: '－';
}

.area-list[b-tqn2u4jj1m] {
  padding: 0 1px 0 1px;
  border: 1.5px solid #888888;
  margin: 3px;
  width: 380px;
}

.category-name[b-tqn2u4jj1m] {
  color: #000000ff;
  opacity: unset;
}

.area-item[b-tqn2u4jj1m] {
    padding-left: 2.2em;
    cursor: pointer;
}

.area-item:hover[b-tqn2u4jj1m] {
    font-weight: bold;
}

.pickup-footer[b-tqn2u4jj1m] {
    text-align: right;
    border: none;
    flex-wrap: nowrap;
    padding-top: 10px;
}


.cancel-button[b-tqn2u4jj1m] {
    background-image: none;
    background-color: #fff;
    color: #4e4e4e;
    margin: auto;
    margin-right: 5px;
    font-size: 14px;
    padding: 10px 15px;
    width: 120px;
    color: #999999;
    border: 1px solid #BFBFBF;
}

/* /Pages/MapCategoryDialog.razor.rz.scp.css */
.cancel-button[b-a934lv6ma9] {
    background-image: none;
    background-color: #eff0f2;
    color: #4e4e4e;
    margin: auto;
    margin-right: 10px;
    margin-left: 150px;
    width:100%;
}

.submit-button[b-a934lv6ma9] {
    margin: auto;
    margin-left: 10px;
}

input[b-a934lv6ma9]{
    width: 26px;
}

.modal-dialog-centered[b-a934lv6ma9] {
    max-width: 320px;
    min-width: 300px;
}

.modal-content[b-a934lv6ma9] {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}


.border[b-a934lv6ma9] {
    border: 3px solid #D9D9D9;
    border-radius: 3px 3px 0px 0px;
    margin: 5px;
}

.title[b-a934lv6ma9] {
    background: #EFF0F2 0% 0% no-repeat padding-box;
    border-radius: 3px 3px 0px 0px;
    opacity: 1;
}

.modal-footer[b-a934lv6ma9]{
    border:none;
}

.modal-footer-dialog[b-a934lv6ma9] {
    display: flex;
}

.category-ul[b-a934lv6ma9] {
    list-style: none;
    margin: 0;
    padding: 4px 0 8px;
}
.category-item[b-a934lv6ma9] {
    align-items: center;
}

.category-item-row[b-a934lv6ma9] {
    display: flex;
}

.category-item-redio[b-a934lv6ma9] {
    display: inherit;
}

.category-item-radio:hover[b-a934lv6ma9] {
    cursor: pointer;
}

.category-item-view[b-a934lv6ma9] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}

.category-item-sample-base[b-a934lv6ma9] {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 1;
    margin-left: 3px;
    padding: 3px;
    width: 220px;
    max-width: 220px;
    border-radius: 8px;
}
.category-item-sample-base:hover[b-a934lv6ma9] {
    cursor: pointer;
}

.category-item-sample[b-a934lv6ma9] {
    opacity: 0.4;
    z-index: 102;
}

.category-item-sample-title[b-a934lv6ma9] {
    color: white;
    border-style: solid;
    border-width: thin;
    border-color: #ff0000;
    word-wrap: anywhere;
    z-index: 103;
}

.category-item-edit[b-a934lv6ma9] {
    margin-left: 3px;
    border: none; 
}

.category-newreg-frame[b-a934lv6ma9] {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.category-footer-frame[b-a934lv6ma9] {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.category-select-btn[b-a934lv6ma9] {
    border: 1px solid #D71345;
}

.category-footer-btn[b-a934lv6ma9] {
    width: 100%;
    margin-left: auto;
    margin-right: 6px;
    margin-bottom: 6px;
}

    .category-footer-btn:hover[b-a934lv6ma9] {
        border: 1px solid #ff1744 !important;
        background-image: none !important;
        color: #ff1744 !important;
        background-color: white !important;
    }

.icon-search[b-a934lv6ma9] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    vertical-align: top;
    max-height: 48px;
    max-width: 144px;
    text-overflow: ellipsis;
    overflow: hidden;
    float: right;
}

.category-font[b-a934lv6ma9] {
    color: #000;
    text-shadow: 1px 1px 1px #aaa;
}

.color-sample-input[b-a934lv6ma9] {
    z-index: 105;
    padding-left: 1em;
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 1;
    grid-column-end: 1;
    background-color: transparent !important;
    /* mix-blend-mode: exclusion; */
    border: none;
}

.color-sample-title[b-a934lv6ma9] {
    color: var(--ds-text-subtle, #5e6c84);
    margin-top: 12px;
}

.color-sample-frame[b-a934lv6ma9] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.color-sample-back[b-a934lv6ma9] {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 1;
    width : 3em; 
    height: 3em; 
    margin: 4px;
    border-style: solid;
    border-width: thin;
    border-radius: 8px;
}

.color-sample-front[b-a934lv6ma9] {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 1;
    width : 3em; 
    height: 3em; 
    margin: 4px;
    border-style: solid;
    border-width: thin;
    border-color: transparent;
    border-radius: 8px;
}

.color-sample-back:hover[b-a934lv6ma9] {
    cursor: pointer;
    border-width: 4px;
}

.color-sample-new-btn[b-a934lv6ma9] {
    width: 140px;
    margin-left: auto;
    margin-right: 6px;
    margin-bottom: 6px;
    border: 1px solid #ff1744 !important;
}

    .color-sample-new-btn:hover[b-a934lv6ma9] {
        border: 1px solid #ff1744 !important;
        background-image: none !important;
        color: #ff1744 !important;
        background-color: white !important;
    }

.color-sample-btn[b-a934lv6ma9] {
    width: 140px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6px;
    border: 1px solid #ff1744 !important;
}

    .color-sample-btn:hover[b-a934lv6ma9] {
        border: 1px solid #ff1744 !important;
        background-image: none !important;
        color: #ff1744 !important;
        background-color: white !important;
    }

.color-sample-outline[b-a934lv6ma9] {
    background-image: none;
    background-color: #eff0f2;
    color: #4e4e4e;
    margin-right: 5px;
}
    .color-sample-outline:hover[b-a934lv6ma9] {
        border: 1px solid #000000 !important;
        color: #000000 !important;
        background-color: white !important;
    }

.color-sample-header[b-a934lv6ma9] {
    position: relative;
    height: 30px;
}
.color-sample-title[b-a934lv6ma9] {
    position: center;
}
.color-sample-close[b-a934lv6ma9] {
    position: absolute;
    right: 5px;
    top: -10px;
    color: #333333;
    font-family: monospace;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    vertical-align: central;
    height: 20px;
}

.mg-top[b-a934lv6ma9] {
    margin-top: 12px;
}

.mg-left-0[b-a934lv6ma9] {
    margin-left: 0;
}

.color-custom[b-a934lv6ma9] {
    margin-top: 12px;
}

@media screen and (max-width: 600px) {
    .icon-list-item[b-a934lv6ma9] {
        width: 100%;
        /*height: calc(33.3% - 10px);*/
        margin-left: 20px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .modal-footer-dialog[b-a934lv6ma9] {
        display: block;
    }

    .modal-footer[b-a934lv6ma9] {
        border: none;
        justify-content:normal;
        padding: 3px;
    }

    .cancel-button[b-a934lv6ma9] {
        background-image: none;
        background-color: #eff0f2;
        color: #4e4e4e;
        margin: auto;
        margin-right: 5px;
        margin-left: auto;
    }

    .submit-button[b-a934lv6ma9] {
        margin: auto;
        margin-left: 5px;
    }

    .icon-search[b-a934lv6ma9] {
        display: inline-block;
        vertical-align: top;
        max-height: 48px;
        max-width: 240px;
        text-overflow: ellipsis;
    }
}
/* /Pages/MapDialog.razor.rz.scp.css */
.labelZone[b-21xl9xasbd] {
    height: 280px;
    width: 500px;
    border: 2px solid black;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.cancel-button[b-21xl9xasbd] {
    background-image: none;
    background-color: #eff0f2;
    color: #4e4e4e;
    margin: auto;
    margin-right: 10px;
}

.submit-button[b-21xl9xasbd] {
    margin: auto;
    margin-left: 10px;
    
}

td[b-21xl9xasbd] {
    width: 100px;
    border-bottom-width: 0
}

input[b-21xl9xasbd]{
    width:1em;
}

.modal-dialog-centered[b-21xl9xasbd] {
    max-width: 670px;
}

.modal-content[b-21xl9xasbd] {
    padding: 10px;
}

.icon-list[b-21xl9xasbd] {
    display:flex;
    flex-wrap:wrap;
}

.icon-list-item[b-21xl9xasbd]{
    width: calc(33.3% - 20px);
    height: 50px;
    margin-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.border[b-21xl9xasbd] {
    border: 3px solid #D9D9D9;
    border-radius: 3px 3px 0px 0px;
    margin: 5px;
    height: 206px;
}

.title[b-21xl9xasbd] {
    background: #EFF0F2 0% 0% no-repeat padding-box;
    border-radius: 3px 3px 0px 0px;
    opacity: 1;
}

.modal-footer[b-21xl9xasbd]{
    border:none;
}

.modal-footer-dialog[b-21xl9xasbd] {
    display: flex;
}

.icon-search[b-21xl9xasbd] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    vertical-align: top;
    max-height: 48px;
    max-width: 144px;
    text-overflow: ellipsis;
    overflow: hidden;
    float: right;
}

.form-check-input[b-21xl9xasbd]{
    margin-right: 7px;
}

@media screen and (max-width: 600px) {
    .icon-list-item[b-21xl9xasbd] {
        width: 100%;
        /*height: calc(33.3% - 10px);*/
        margin-left: 20px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .modal-footer-dialog[b-21xl9xasbd] {
        display: block;
    }

    .modal-footer[b-21xl9xasbd] {
        border: none;
        justify-content:normal;
        padding: 3px;
    }

    .cancel-button[b-21xl9xasbd] {
        width: 86px;
        font-size: 12px;
        padding: 7px 5px;
        margin-left: auto;
    }

    .submit-button[b-21xl9xasbd] {
        width: 86px;
        font-size: 12px;
        padding: 7px 5px;
    }

/*    .icon-search {
        display: inline-block;
        vertical-align: top;
        max-height: 48px;
        max-width: 240px;
        text-overflow: ellipsis;
    }*/

    .warning[b-21xl9xasbd] {
        background-color: #F7E1DE;
        border: 1px solid #FC7563;
        border-radius: 3px;
        width: 100%;
        height: 100%;
    }
}
/* /Pages/MapImgDialog.razor.rz.scp.css */
.labelZone[b-uck3h06yc2] {
    height: 280px;
    width: 500px;
    border: 2px dashed #999999;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #999999;
}

.cancel-button[b-uck3h06yc2] {
    background-image: none;
    background-color: #eff0f2;
    color: #4e4e4e;
    margin: auto;
    margin-right: 10px;
    border: 1px solid transparent;
    width: auto;
    font-size: inherit;
    padding: 7px 30px;
}

.submit-button[b-uck3h06yc2] {
    margin: auto;
    margin-left: 10px;
    border: 1px solid transparent;
}

.position-lat-lng[b-uck3h06yc2] {
    color: #999999;
    font-size: 13px;
    display: flex;
    margin-left: 30px;
}

.btn-selectfile[b-uck3h06yc2] {
    margin: auto;
    background-image: none;
    background-color: #eff0f2;
    color: #4e4e4e;
    border: none;
    width: auto;
    font-size: inherit;
    padding: 7px 30px;
}

@media screen and (max-width: 600px) {
    .btn-selectfile[b-uck3h06yc2] {
        margin: auto;
        background-image: none;
        background-color: #eff0f2;
        color: #4e4e4e;
        border: none;
        width: auto;
        font-size: 14px;
        padding: 7px 30px;
    }
    
    .cancel-button[b-uck3h06yc2] {
        width: 86px;
        font-size: 12px;
        padding: 7px 5px;
    }
    .submit-button[b-uck3h06yc2] {
        width: 86px;
        font-size: 12px;
        padding: 7px 5px;
    }
}
/* /Pages/MapPhotoDialog.razor.rz.scp.css */
.photo-body[b-rxdb45q1g9] {
    background: #fff;
    margin: 20px;
    padding: 0;
}

.close-b[b-rxdb45q1g9] {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    top: 5px;
}

.image-number[b-rxdb45q1g9] {
    white-space: nowrap;
    padding-right: 1.5em;
}


.slick[b-rxdb45q1g9] {
/*        height: 350px;*/
    height: 50vh;
    /*background-color: #00ff0033;*/
    
}

    .slick img[b-rxdb45q1g9] {
        margin: auto;
        /*        height: 350px;*/
        /*        height: 40vh;*/
        object-fit: contain;
        width: 100%;
        height: 100%;
    }

    .slick .frame[b-rxdb45q1g9] {
        /*        max-height: 350px;*/
        /*        max-height: 40vh;*/
        height: 50vh;
    }

.load_overlay[b-rxdb45q1g9] {
    position: absolute;
    top: 16px;
    left: -1em;
    width: calc(100% + 1em);
    height: calc(100% - 20px);
    background: #fff;
    z-index: 10;
}

[b-rxdb45q1g9] .slick-list {
    outline: #000 1px solid;
}

[b-rxdb45q1g9] .slick-dots {
    overflow-x: auto;
    white-space: nowrap;
    /*    height: 200px;*/
    /*height: 10vh;*/
    height: auto;
    width: 100% !important;
    overflow-x: auto;
    padding-bottom: 10px !important;
    text-align: left !important;
}

[b-rxdb45q1g9]::-webkit-scrollbar {
    height: 12px;
}

    [b-rxdb45q1g9] .slick-dots li {
        width: 70px !important;
/*        height: 180px !important;*/
        height: 70px !important;
        margin: 6px 31px !important;
        box-sizing: border-box;
    }

        [b-rxdb45q1g9] .slick-dots li button {
            height: 100% !important;
            width: 100% !important;
            border-radius: 0 !important;
            background-position: center !important;
        }

        [b-rxdb45q1g9] .slick-dots li.slick-active button {
            outline: 4px solid #f00 !important;
            opacity: unset !important;
        }

        [b-rxdb45q1g9] .slick-dots li.slick-active::before {
            content: '';
            background-color: none;
            position: absolute;
            top: 0px;
            left: 0px;
            width: calc(100% - 3px - 3px);
            height: calc(100% - 3px - 3px);
            display: block;
            margin-left: 3px;
            margin-top: 3px;
        }

[b-rxdb45q1g9] .slick-prev,
[b-rxdb45q1g9] .slick-next {
    /*top: calc(50% - 20px - 200px - 5%) !important;*/
    top: calc(50vh * 0.5 + 1rem) !important;
    box-shadow: none !important;
    background-color: #333 !important;
    height: 100px !important;
}

[b-rxdb45q1g9] .slick-prev {
    left: 0 !important;
}

[b-rxdb45q1g9] .slick-next {
    right: 0 !important;
}

[b-rxdb45q1g9] .slick-prev:before,
[b-rxdb45q1g9] .slick-next:before {
    content: '' !important;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: -1.625em;
    background-size: 1.75rem 1.5rem;
}

[b-rxdb45q1g9] .slick-prev:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23fff" class="bi bi-chevron-left" viewBox="0 0 16 16"> <path stroke="%23fff" stroke-width="1" fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" /> </svg>');
}

[b-rxdb45q1g9] .slick-next:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23fff" class="bi bi-chevron-right" viewBox="0 0 16 16"> <path stroke="%23fff" stroke-width="1" fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" /> </svg>');
}

/*::deep .slick-slider {
    touch-action: pinch-zoom !important;
}*/



[b-rxdb45q1g9] .slick-dots li button {
    background-color: transparent !important;
}

@media screen and (max-width: 600px) {
    [b-rxdb45q1g9] .slick-dots {
        height: auto;
    }
    [b-rxdb45q1g9] .slick-dots li {
        width: 70px !important;
    }
    [b-rxdb45q1g9] .slick-dots {
        overflow-x: scroll !important;
        display: -webkit-box !important;
    }
}
/* /Pages/MapPickupEdit.razor.rz.scp.css */
#map-pickup-edit[b-kas34pllmw] {
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 10;
    vertical-align: middle;    
    border-radius: 5px;    
    margin-right: 20px;
    width:390px;    
}

.pickup-info[b-kas34pllmw]{
    margin-bottom:12px;
}

.pickup-label[b-kas34pllmw] {
    background: #EFF0F2;
    color: black;
    /*display: block;*/
    width: auto;
    text-align: center;
    vertical-align: middle;    
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding-top: 10px;
    padding-bottom: 7px;
    box-shadow: 0 -3px 5px rgb(0 0 0 / 21%);
}

.pickup-content[b-kas34pllmw] {
    background-color: white;
    padding: 10px;
    padding-bottom: 45px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: auto;
    box-shadow: 0 5px 5px rgb(0 0 0 / 21%);
    overflow-y: auto;
    margin-bottom: 8px;
    max-height: 70vh;
}

.pickup-footer[b-kas34pllmw] {
    text-align: right;
    border: none;
    flex-wrap: nowrap;
    padding-top: 10px;
}

.pickup-item[b-kas34pllmw] {
    display: flex;
    margin-top: 10px;
}

.item-input[b-kas34pllmw] {
    width: 100%;
}

.pickup-spot-list[b-kas34pllmw] {
    margin-top: 10px;
    text-align: left;
}

.mainLabel[b-kas34pllmw] {
    text-align: left;
    width: 120px;
    color: #999999;
}

.spot-item[b-kas34pllmw] {
    display: flex;
    justify-content: space-around;
}

.delete-icon[b-kas34pllmw]{
    cursor: pointer;
}


.cancel-button[b-kas34pllmw] {
    background-image: none;
    background-color: #fff;
    color: #4e4e4e;
    margin: auto;
    margin-right: 5px;
    font-size: 14px;
    padding: 10px 15px;
    width: 120px;
    color: #999999;
    border: 1px solid #BFBFBF;
    box-shadow: 0 5px 5px rgb(0 0 0 / 21%);
}

.submit-button[b-kas34pllmw] {
    margin: auto;
    margin-left: 5px;
    font-size: 14px;
    padding: 10px 12px;
    box-shadow: 0 5px 5px rgb(0 0 0 / 21%);
}


.spot-item[b-kas34pllmw]{
    width:auto;
}

.pickup-spot[b-kas34pllmw] {
    background-color: #f0f0f0;
    width:8%;
}

#pickup-spot-table[b-kas34pllmw] {
    margin-top:8px;
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    overflow-y:scroll;
}

tr:first-child[b-kas34pllmw] {
    border-top: solid 1px #d9d9d9;
}

tr[b-kas34pllmw] {
    border-bottom: solid 1px #d9d9d9;
    height: 32px;
}

.spot-name[b-kas34pllmw] {
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top;
    width: 100%;
}

.pickup-sort[b-kas34pllmw]{
    width:19%;
}

.delete-btn[b-kas34pllmw] {
    /*user-select: none;*/
    cursor: pointer;
    width:8%;
}

.p8[b-kas34pllmw] {
    padding-left: 8px;
    padding-right: 8px;
}


.mobile-pickup-edit[b-kas34pllmw] {
    position: absolute;
    left:8px;
    bottom: 30px;
}

.bottom-link-mobile[b-kas34pllmw] {
    display: none;
}

.pickup-footer-mobile[b-kas34pllmw] {
    display:none;
}

/* ベース: スマホ用のスタイル */
@media (max-width: 640px) {
    #map-pickup-edit[b-kas34pllmw] {
        vertical-align: middle;
        border-radius: 10px;
        width: 96vw;
        margin: 8px;
        min-width: 300px;
        max-width: 390px;
        position:fixed;
        top:50px;
    }

    .mobile-wrapper[b-kas34pllmw] {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        z-index: 50;
    }

    .pickup-label[b-kas34pllmw] {
        background: #EFF0F2;
        color: black;
        /*display: block;*/
        width: auto;
        text-align: center;
        vertical-align: middle;
        width: auto;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        padding-top: 10px;
        padding-bottom: 7px;
        box-shadow: 0 -5px 10px rgb(0 0 0 / 21%);
        font-weight: bold;
    }

    .bottom-link-mobile[b-kas34pllmw] {
        text-align: right;
        color: #999;
        display:block;
    }

    .btn-pickup-edit-back[b-kas34pllmw] {
        width: 131px;
    }

    .pickup-footer-mobile[b-kas34pllmw] {
        display: block;
        position: absolute;
        bottom:58px;
        left:5px;
    }

}
/* /Pages/MapPickupList.razor.rz.scp.css */
#map-pickup-list[b-rvgavcpzoy] {
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 10;
    vertical-align: middle;
    border-radius: 5px;    
    margin: 8px;
    width: 390px;
}

#pickup-table[b-rvgavcpzoy] {

    table-layout: fixed;
    width: 100%;
}

table#pickup-table > tr[b-rvgavcpzoy] {
    vertical-align: middle;
}

.pickup-label[b-rvgavcpzoy] {
    background: #EFF0F2;
    color: black;
    display: block;
    width: auto;
    text-align: center;
    vertical-align: middle;
    width: auto;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding-top: 10px;
    padding-bottom: 7px;
    box-shadow: 0 -5px 10px rgb(0 0 0 / 21%);
    font-weight: bold;
}

.pickup-content[b-rvgavcpzoy] {
    background-color: white;   
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 220px;
    overflow-y: auto;
    box-shadow: 0 5px 10px rgb(0 0 0 / 30%);
}

.pickup-footer[b-rvgavcpzoy] {
    text-align: right;
    border: none;
    flex-wrap: nowrap;
    padding-top: 10px;
}

.bottom-link[b-rvgavcpzoy] {
    text-align: right;
    color: #999;
}

    .bottom-link a[b-rvgavcpzoy] {
        color: #999;
    }

    .bottom-link a span.oi[b-rvgavcpzoy] {
        font-size: 0.8em;
    }


.edit-link[b-rvgavcpzoy] {
    cursor: pointer;
}

.edit-icon[b-rvgavcpzoy] {
    width: 35px;
    height: 35px;
}

tr:not(:hover) .hide[b-rvgavcpzoy] {
    display: none;
}

tr:hover .pickup-front[b-rvgavcpzoy] {
    display: none;

}

tr:hover[b-rvgavcpzoy] {
    background-color: #e9ecef;
}

.pickup-front[b-rvgavcpzoy] {
    border-radius: 25px;
    padding: 2px 16px;
}


span.end-color[b-rvgavcpzoy] {
    background-color: #19CC95;
    color: #FFFFFF;
    padding: 2px 24px;
}

span.not-end-color[b-rvgavcpzoy] {
    background-color: #FFD8D6;
    color: #F73228;
    font-weight:normal;
}  

tr:hover .pickup-front[b-rvgavcpzoy] {
    background-color: #FFFFFF;
}

.cancel-button[b-rvgavcpzoy] {
    background-image: none;
    background-color: #fff;
    color: #4e4e4e;
    font-size: 14px;
    padding: 10px 15px;
    width: 120px;
    color: #999999;
    border: 1px solid #BFBFBF;
    box-shadow: 0 5px 5px rgb(0 0 0 / 21%);
}

.submit-button[b-rvgavcpzoy] {
    margin: auto;
    margin-left: 5px;
    font-size: 14px;
    padding: 10px 10px;
    box-shadow: 0 5px 5px rgb(0 0 0 / 21%);
}

.tr-pickup[b-rvgavcpzoy]{
    cursor:pointer;
}

label.staff-name[b-rvgavcpzoy] {
    font-size: 0.8rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

p.pickup-title[b-rvgavcpzoy] {
    font-size: 1.1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    margin-bottom: 0;
}

.vertical-center[b-rvgavcpzoy]{
    vertical-align:central;
}

.vertical-bottom[b-rvgavcpzoy] {
    vertical-align: bottom;
}
.title-staff[b-rvgavcpzoy] {
    line-height: 1;
    padding-left: 8px;    
    width: 100%;    
}

.close[b-rvgavcpzoy] {
    display: none;
}

.open[b-rvgavcpzoy] {
    display: block;
}


.btn-pickup-mobile-back[b-rvgavcpzoy] {

    display:none;
}

.end-color[b-rvgavcpzoy] {
    background: #19CC95;
}

.not-end-color[b-rvgavcpzoy] {
    background: #FFD8D6;
}

.pickup-front-mobile[b-rvgavcpzoy]{
    display:none;
}

.mobile-background-not-end[b-rvgavcpzoy] {
    display:block;
}

.pl-10px[b-rvgavcpzoy] {
    padding-left: 10px;
}
/* ベース: スマホ用のスタイル */
@media (max-width: 640px) {
    #map-pickup-list[b-rvgavcpzoy] {
        vertical-align: middle;
        border-radius: 10px;
        width: 96vw;
        min-width: 300px;
        max-width: 390px;
        position: fixed;
        top: 50px;
    }

    .pickup-content[b-rvgavcpzoy] {
        height: auto;
        max-height:70vh;
    }

    .pickup-label[b-rvgavcpzoy] {
        background: #EFF0F2;
        color: black;
        display: block;
        width: auto;
        text-align: center;
        vertical-align: middle;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        padding-top: 10px;
        padding-bottom: 7px;
        box-shadow: 0 -5px 10px rgb(0 0 0 / 21%);
        font-weight: bold;
    }

    .btn-pickup-mobile-back[b-rvgavcpzoy] {
        width: 200px;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 10;
    }

    .btn-pickup-mobile-back[b-rvgavcpzoy] {
        display: block;
    }

    .pickup-front-mobile[b-rvgavcpzoy] {
        border-radius: 50px;        
        display:inline;
    }
    .pickup-front[b-rvgavcpzoy]{
        display:none;
    }


    tr:not(:hover) .hide[b-rvgavcpzoy] {
        display: inline;
    }

    .mobile-background-not-end[b-rvgavcpzoy] {
        display: inline-flex;
        background-color: #FFD8D6;
        border-radius: 25px;
        padding: 0px 8px;
        margin-right: 2px;
    }

    .mobile-background-end[b-rvgavcpzoy] {
        display: inline-flex;
        background-color: #19CC95;
        border-radius: 25px;
        padding: 0px 8px;
        margin-right: 2px;
    }

    .white-overlay[b-rvgavcpzoy] {
        filter: brightness(1) invert(0);
        -webkit-filter: brightness(0) invert(1);
    }
}


/* /Pages/MapReportData.razor.rz.scp.css */

.report-detail[b-l4pmmzazaj] {
    border-bottom: 4px solid #999;
    padding: 20px;
    background: #fff;
}

.editing[b-l4pmmzazaj] {
    /*TODO*/
    background: #ddddff;
}

.report-category[b-l4pmmzazaj] {
    background: #000;
    color: #fff;
    padding: 3px 10px;
}

.report-name[b-l4pmmzazaj] {
    padding: 3px 10px;
    margin-left: 10px;
}

.report-icon[b-l4pmmzazaj] {
    height: 30px;
    margin-right: 20px;
    display: flex;
}

.report-status[b-l4pmmzazaj] {
    height: 30px;
    margin-right: 20px;
    display: flex;
}

[b-l4pmmzazaj].report-icon img {
    width: 30px;
    max-height: 25px;
    object-fit: contain;
}

[b-l4pmmzazaj].report-status img {
    width: 30px;
    max-height: 25px;
    object-fit: contain;
}

.report-form[b-l4pmmzazaj] {
    min-height: 200px;
}

[b-l4pmmzazaj] .temp-select {
    width: 64%;
}

.report-item[b-l4pmmzazaj] {
    margin-top: 10px;
}

    .report-item > div[b-l4pmmzazaj] {
        display: flex;
        flex-wrap: wrap;
        margin-top: 0em;
        margin-bottom: .5em;
    }

.mt-1[b-l4pmmzazaj] {
    margin-top: 1.15em!important;
}

.report-view[b-l4pmmzazaj] {
    margin-top: 10px;
    display: flex;
    /*height: 30px;*/
}

.report-file[b-l4pmmzazaj] {
    height: 50px;
}

    .report-file .report-label[b-l4pmmzazaj] {
        padding-top: 0.75em;
    }

.report-file-cont[b-l4pmmzazaj] {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.5em;
}

.report-label[b-l4pmmzazaj] {
    min-width: 16.66666667%;
    width: 180px;
}


.req.report-label[b-l4pmmzazaj]::before {
    content: '*';
    margin-right: .25em;
    color: red;
}

.report-label[b-l4pmmzazaj]::before {
    content: '';
    margin-right: .5em;
}

.no-data[b-l4pmmzazaj] {
    color: #999;
}

[b-l4pmmzazaj] .item-input {
    width: 80%;
}

    [b-l4pmmzazaj] .item-input input,
    [b-l4pmmzazaj] .item-input select
    {
        height: 1.9em;
    }
    [b-l4pmmzazaj] .item-input input[type="checkbox"] {
        height: 1em;
    }

.item-input-cb[b-l4pmmzazaj] {
    margin-right: 1em;
}

[b-l4pmmzazaj] .validation-message {
    margin-bottom: .5em;
}

[b-l4pmmzazaj] .text-input {
    width: 80%;
}

.validation-message + .report-item input[type="datetime-local"][b-l4pmmzazaj] {
    outline: 1px solid red;
}


.item-view[b-l4pmmzazaj] {
    width: 60%;
}
.item-view-cb[b-l4pmmzazaj]:before {
    content: ',';
}

.item-view .item-view-cb:first-child[b-l4pmmzazaj]:before {
    content: '';
}

.report-image[b-l4pmmzazaj] {
    height: 120px;
}

.report-image-cont[b-l4pmmzazaj] {
/*    margin-top: 10px;*/
/*    padding: 5px;*/
}

.report-images-thumb[b-l4pmmzazaj] {
    width: 100px;
    height: 100px;
    cursor: pointer;
    border: 4px solid #ff1744;
}

[b-l4pmmzazaj].report-images-thumb img {
    width: 100%;
    height: 100%;
}

.file-link[b-l4pmmzazaj] {
    display: flex;
}

.edit-link[b-l4pmmzazaj] {
    color: #999;
    text-align: right;
}

    .edit-link span[b-l4pmmzazaj] {
        cursor: pointer;
        text-decoration: underline;
    }

.report-footer[b-l4pmmzazaj] {
    display: flex;
    justify-content: flex-end;
}

.report-footer > *[b-l4pmmzazaj] {
    margin: .25rem;
}

.error-validation[b-l4pmmzazaj] {
    text-align: center;
    background-color: red;
    color: white;
    margin: 10px 10px 10px 10px;
}



@media screen and (max-width: 600px) {

    [b-l4pmmzazaj] .temp-select {
        width: 100%;
    }

    .report-view[b-l4pmmzazaj] {
        margin-top: 10px;
        display: flex;
    }

    .report-label[b-l4pmmzazaj] {
        min-width: 25%;
        width: 200px;
    }

    .report-view .report-label[b-l4pmmzazaj] {
        margin-right: 20px;
    }

    .report-item .report-label[b-l4pmmzazaj] {
        width: 100%;
    }

    [b-l4pmmzazaj] .item-input {
        width: 100%;
    }

    [b-l4pmmzazaj] .text-input {
        width: 100%;
    }

    .item-cb[b-l4pmmzazaj] {
        display: block !important;
    }

    .item-input-cb[b-l4pmmzazaj] {
        display: block;
    }

    .report-file[b-l4pmmzazaj] {
        display: inline;
    }

    .cancel-button[b-l4pmmzazaj] {
        width: 86px;
        font-size: 12px;
        padding: 7px 5px;
    }

    .submit-button[b-l4pmmzazaj] {
        width: 86px;
        font-size: 12px;
        padding: 7px 5px;
    }

}
/* /Pages/MapSpotDetailData.razor.rz.scp.css */
.right-postion[b-37jz5lbnef] {
    position: absolute;
    right: 20px;
}

.left-postion[b-37jz5lbnef] {
    float: left;
    clear: right;    
}

.clear-both[b-37jz5lbnef] {
    clear: both;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn)[b-37jz5lbnef] {
    width: 99% !important;
}

.bootstrap-select > .dropdown-toggle[b-37jz5lbnef], .dropdown-toggle:hover[b-37jz5lbnef], dropdown-toggle:active[b-37jz5lbnef] {
    background-color: #EFF0F2;
    width: 99% !important;
    border-color: #BFBFBF;
}

.dropdown-toggle:hover[b-37jz5lbnef] {
    background-color: #EFF0F2;
    width: 99%;
    border-color: #BFBFBF;
}

.bootstrap-select .dropdown-menu[b-37jz5lbnef] {
    min-width: 99% !important;
}


.spot-data-edit[b-37jz5lbnef] {
    background-color: #ffdddd;
}

.spot-data-list[b-37jz5lbnef] {
    width: 100%;
    width: 70%;
    word-break: break-all;
}

.spot-edit-form[b-37jz5lbnef] {
    min-height: 400px;
    padding-top: 10px;
}

.spot-title[b-37jz5lbnef] {
    min-height: 45px;
    align-items: center;
    display: flex;
    font-size: 1.25em;
    margin-top: 15px;
}

.spot-title-cont[b-37jz5lbnef] {
    margin-left: 10px;
}

.spot-status[b-37jz5lbnef] {
    height: 45px;
    align-items: center;
    display: flex;
    margin-bottom: 1em;
    margin-top: 0.5em;
}

.spot-status-cont[b-37jz5lbnef] {
    /*    margin-left: 20px;*/
    padding-left: var(--bs-gutter-x,.75rem);
    width: 100%;
}

    .spot-status-cont span[b-37jz5lbnef] {
/*        color: #888;*/
        padding-left: .5em;
    }


[b-37jz5lbnef].spot-title img {
    width: 30px;
    max-height: 30px;
    height: auto;
    object-fit: contain;
}

[b-37jz5lbnef].spot-status img {
    width: 30px;
    max-height: 30px;
    height: auto;
    object-fit: contain;
}

/* dropdown */
.dropdown[b-37jz5lbnef] {
    align-items: center;
    display: flex;
    height: 1.9em;
}

.dropdown-toggle[b-37jz5lbnef] {
    width: 80%;
    background-color: white;
    color: #999999;
    border-color: #BFBFBF;
    text-align: left;
    padding: 0;
}

.btn:focus[b-37jz5lbnef] {
    box-shadow: none;
}

.show > .btn-primary.dropdown-toggle:focus[b-37jz5lbnef] {
    box-shadow: none;
}

.show > .btn-primary.dropdown-toggle[b-37jz5lbnef] {
    color: black;
    background-color: #fff;
    border-color: #BFBFBF;
}

.dropdown-item:active[b-37jz5lbnef] {
    background-color: #BFBFBF;
}

.dropdown-item-title[b-37jz5lbnef] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    width: 95%;
    height: 1.9em;
    padding: 0.125em 0.5em;
}

.show > .btn-primary.dropdown-toggle:focus[b-37jz5lbnef] {
    box-shadow: none;
}

.show > .btn-primary.dropdown-toggle[b-37jz5lbnef] {
    color: black;
    background-color: #fff;
    border-color: #BFBFBF;
}

.dropdown-item:active[b-37jz5lbnef] {
    background-color: #BFBFBF;
}

.dropdown-toggle[b-37jz5lbnef]::after {
    vertical-align: .125em;
}

[b-37jz5lbnef] .dropdown-img {
    /*    width: auto;*/
    /*    height: 1em;*/
    width: 30px;
    height: auto;
    object-fit: contain;
    max-height: 1.25em;
}

/* dropdown */

.spot-items[b-37jz5lbnef] {
    min-height: 300px;
}

    .spot-items .row[b-37jz5lbnef] {
        align-items: flex-start;
        min-height: 40px;
        padding-left: 10px;
        margin-bottom: 1em;
        margin-top: 0.5em;
    }

.cont-label[b-37jz5lbnef] {
    min-width: 25%;
    width: 200px;
}

.cont-input[b-37jz5lbnef] {
    width: 75%;
}

.view-label[b-37jz5lbnef] {
/*    min-width: 25%;*/
/*    width: 200px;*/
}

.view-input[b-37jz5lbnef] {
/*    width: 75%;*/
}

.req.spot-label[b-37jz5lbnef]::before {
    content: '*';
    margin-right: .25em;
    color: red;
}

.spot-label[b-37jz5lbnef]::before {
    content: '';
    margin-right: .5em;
}

.no-data[b-37jz5lbnef] {
    color: #999;
}

[b-37jz5lbnef] .item-input {
    width: 80%;
    height: 1.9em;
}

.item-input-cb[b-37jz5lbnef] {
    margin-right: 1em;
}

[b-37jz5lbnef] .cont-input select {
    height: 1.9em;
}

[b-37jz5lbnef] .validation-message {
    margin-bottom: .5em;
}

.validation-message + .spot-items input[type="datetime-local"][b-37jz5lbnef] {
    outline: 1px solid red;
}


.item-view[b-37jz5lbnef] {
    width: 60%;
}

.item-view-cb[b-37jz5lbnef]:before {
    content: ',';
}

.item-view .item-view-cb:first-child[b-37jz5lbnef]:before {
    content: '';
}


.spot-edit-footer[b-37jz5lbnef] {
    display: flex;
    justify-content: flex-end;
    padding-right: 1em;
    padding-bottom: 1em;
}

    .spot-edit-footer > *[b-37jz5lbnef] {
        margin: .25rem;
    }

.error-validation[b-37jz5lbnef] {
    text-align: center;
    background-color: red;
    color: white;
    margin: 10px 20px 10px 20px;
}

.active[b-37jz5lbnef] {
    background-color: #FADBDA;
}

.dropdown-item.active[b-37jz5lbnef], .dropdown-item:active[b-37jz5lbnef] {
    background-color: #FADBDA !important;
    color: #212529 !important;
}

a.active[b-37jz5lbnef] {
    background-color: #FADBDA;
    color: #212529;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn)[b-37jz5lbnef] {
    width: 100% !important;
}

.bootstrap-select > .dropdown-toggle[b-37jz5lbnef], .dropdown-toggle:hover[b-37jz5lbnef], dropdown-toggle:active[b-37jz5lbnef] {
    background-color: #EFF0F2;
    width: 80% !important;
    border-color: #BFBFBF;
}
.select-user[b-37jz5lbnef] {
    width: 80%;
}


@media screen and (max-width: 600px) {
    .right-postion[b-37jz5lbnef] {
        position: unset;
        right: 0;
        float: unset;
    }

    .left-postion[b-37jz5lbnef] {
        float: unset;
    }

    .spot-status-cont[b-37jz5lbnef] {
/*        margin-left: 20px;*/
    }

    [b-37jz5lbnef] .item-input {
        width: 100%;
    }

    .item-input-cb[b-37jz5lbnef] {
        display: block;
    }
    .bootstrap-select > .dropdown-toggle[b-37jz5lbnef], .dropdown-toggle:hover[b-37jz5lbnef], dropdown-toggle:active[b-37jz5lbnef] {
        width: 100% !important;
    }

    /* dropdown */
    .dropdown[b-37jz5lbnef] {
        width: 100%;
    }
    .dropdown-item[b-37jz5lbnef] {
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .dropdown-menu[b-37jz5lbnef] {
        width: 50%;
    }
    .dropdown-toggle[b-37jz5lbnef] {
        width: 100% !important;
    }
    /* dropdown */

    .cont-label[b-37jz5lbnef] {
        width: 100%;
    }

    .cont-input[b-37jz5lbnef] {
        width: 100%;
    }

    .view-label[b-37jz5lbnef] {
        width: 100%;
    }

    .view-input[b-37jz5lbnef] {
        width: 100%;
    }

    .cancel-button[b-37jz5lbnef] {
        width: 86px;
        font-size: 12px;
        padding: 7px 5px;
    }

    .submit-button[b-37jz5lbnef] {
        width: 86px;
        font-size: 12px;
        padding: 7px 5px;
    }
    .select-user[b-37jz5lbnef] {
        width: 100%;
    }
}
/* /Pages/MapSpotDetailDialog.razor.rz.scp.css */
.detail-body[b-5zsuf8gpn9] {
    background: #fff;
    margin: 20px;
    padding: 0;
}

.close-b[b-5zsuf8gpn9] {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    top: 5px;
    right: -5px;
}

.spot-area[b-5zsuf8gpn9] {
    padding: 20px;
    font-size: 1.1em;
}

map-near-view[b-5zsuf8gpn9] {
    background-color: aquamarine;
    width: 100%;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
}

.position-set[b-5zsuf8gpn9] {
    position: absolute;
    right: 5%;
    top: 40px;
}

.position-button[b-5zsuf8gpn9] {
    background-image: none;
    background-color: #fff;
    color: black;
    border: 1px solid #BFBFBF;
    border-radius: 10px;
    font-size: 14px;
    padding: 3px 5px;
}

.position-lat-lng[b-5zsuf8gpn9] {
    color: #999999;
    font-size: 13px;
    display: flex;
    justify-content: flex-end;
}

.direction-stview[b-5zsuf8gpn9] {
    position: absolute;
    right: 5%;
    top: calc(200px - 85px);
}
.streetview-button[b-5zsuf8gpn9] {
    font-size: 13px;
}

.direction-route[b-5zsuf8gpn9] {
    position: absolute;
    right: 5%;
    top: calc(200px - 40px);
}

.position-button > div[b-5zsuf8gpn9] {
    height: 30px;
    line-height: 30px;
}


.right-postion[b-5zsuf8gpn9] {
    position: absolute;
    right: 20px;
    float: right;
}

.left-postion[b-5zsuf8gpn9] {
    float: left;
    clear: right;
}

.clear-both[b-5zsuf8gpn9] {
    clear: both;
}



.spot-photo[b-5zsuf8gpn9] {
    cursor: pointer;
    background: white;
    margin-top: 10px;
    padding: 5px;
    /*padding-left: 30px;*/
}

.spot-photo-thumb[b-5zsuf8gpn9] {
    width: 200px;
    height: 200px;
}

[b-5zsuf8gpn9].spot-photo-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.spot-photo-button[b-5zsuf8gpn9] {
    background: white;
    border-radius: 10px;
    margin-top: 4px;
    color: #999;
    width: 100%;
}

.file-label[b-5zsuf8gpn9] {
    padding-top: .5em;
    padding-left: .5em;
}

.file-table[b-5zsuf8gpn9] {
    margin: 0;
}

.file-table tr:last-child[b-5zsuf8gpn9] {
    border-bottom-color: transparent;
}

.file-table .dl-cell[b-5zsuf8gpn9] {
    color: #999;
    width: 60px;
}

.spot-images[b-5zsuf8gpn9] {
    padding-left: 10px;
    margin-bottom: 1em;
    margin-top: 0.5em;
}

.spot-images-label[b-5zsuf8gpn9] {
    padding: 10px;
}

.spot-images-cont[b-5zsuf8gpn9] {
    background: white;
    /*    margin-top: 10px;*/
    padding: 5px;
}

.spot-images-thumb[b-5zsuf8gpn9] {
    width: 100px;
    height: 100px;
    cursor: pointer;
    border: 4px solid #ff1744;
}

[b-5zsuf8gpn9].spot-images-thumb img {
    width: 100%;
    height: 100%;
}

.report-area[b-5zsuf8gpn9] {
    background: #ddd;
}

.report-add-btn[b-5zsuf8gpn9] {
    width: 100%;
    background: #333;
    color: #fff;
}


.report-detail[b-5zsuf8gpn9] {
    border-bottom: 4px solid #999;
    min-height: 200px;
    padding: 20px;
}

.report-area:has(.report-detail)[b-5zsuf8gpn9] {
    min-height: 800px;
}

.report-image[b-5zsuf8gpn9] {
    float: right;
    margin-top: 10px;
    padding: 5px;
}

.report-image-thumb[b-5zsuf8gpn9] {
    width: 100px;
    height: 100px;
    background: #333;
}

.report-category[b-5zsuf8gpn9] {
    background: #000;
    color: #fff;
    padding: 3px 10px;
}

.report-name[b-5zsuf8gpn9] {
    padding: 3px 10px;
    margin-left: 10px;
}

.report-item[b-5zsuf8gpn9] {
    margin-top: 10px;
}

.report-item .row[b-5zsuf8gpn9] {
    align-items: center;
    min-height: 40px;
}

.report-area .report-detail:last-child[b-5zsuf8gpn9] {
    border-bottom-color: transparent !important;
}

.edit-link[b-5zsuf8gpn9] {
    text-align: right;
}
    .edit-link span[b-5zsuf8gpn9] {
        color: #999;
        cursor: pointer;
        text-decoration: underline;
        margin-left: 1em;
    }
.active[b-5zsuf8gpn9] {
    background-color: #FADBDA;
}

.dropdown-item.active[b-5zsuf8gpn9], .dropdown-item:active[b-5zsuf8gpn9] {
    background-color: #FADBDA !important;
    color: #212529 !important;
}

a.active[b-5zsuf8gpn9] {
    background-color: #FADBDA;
    color: #212529;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn)[b-5zsuf8gpn9] {
    width: 100% !important;
}

.bootstrap-select > .dropdown-toggle[b-5zsuf8gpn9], .dropdown-toggle:hover[b-5zsuf8gpn9], dropdown-toggle:active[b-5zsuf8gpn9] {
    background-color: #EFF0F2;
    width: 80% !important;
    border-color: #BFBFBF;
}

@media screen and (max-width: 600px) {
    .detail-body[b-5zsuf8gpn9] {
        margin-left: 10px;
        margin-right: 10px;
    }

    .spot-area[b-5zsuf8gpn9] {
        padding: 10px;
        font-size: 1em;
    }

    .position-set[b-5zsuf8gpn9] {
        top: 20px;
    }

    .position-lat-lng[b-5zsuf8gpn9] {
        font-size: 0.75em;
    }

    .position-button > div[b-5zsuf8gpn9] {
        height: 30px;
        line-height: 30px;
    }

    .direction-route[b-5zsuf8gpn9] {
    }

    .right-postion[b-5zsuf8gpn9] {
        position: unset;
        right: 0;
        float: unset;
    }

    .left-postion[b-5zsuf8gpn9] {
        float: unset;
    }

    .spot-photo[b-5zsuf8gpn9] {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }

    .spot-photo-thumb[b-5zsuf8gpn9] {
        margin-left: auto;
        margin-right: auto;
    }

    .file-head[b-5zsuf8gpn9] {
        width: 25%;
    }

    .file-list[b-5zsuf8gpn9] {
        width: 75%;
    }


}
/* /Pages/MapSpotDialog.razor.rz.scp.css */
.item-file[b-f38x198eo6] {
    width: 74%;
}

.item-file-ul[b-f38x198eo6] {
    list-style: none;
    padding: 0;
    margin-bottom: 0.5rem;
}

.item-file-li[b-f38x198eo6] {
    margin-bottom: 0.2rem;
}

.item-file-icon[b-f38x198eo6] {
    width: auto;
    height: auto;
    max-width: 1.2rem;
    max-height: 1.2rem;
    margin: 0 0.3rem;
}

.item-file-delete-icon[b-f38x198eo6] {
    width: auto;
    height: auto;
    max-width: 1.2rem;
    max-height: 1.2rem;
    margin: 0 0.3rem;
}

.item-file-delete-icon:hover[b-f38x198eo6] {
    cursor: pointer;
}

.file-select[b-f38x198eo6] {
    width: 100%;
    text-align: center;
    background-color: #EFF0F2;
    border-radius: 30px;
}

.file-select:hover[b-f38x198eo6]{
    cursor: pointer;
}

.file-select-icon[b-f38x198eo6] {
    width: auto;
    height: auto;
    max-width: 30px;
    max-height: 30px;
}

.error-validation[b-f38x198eo6] {
    text-align: center;
    background-color: red;
    color: white;
    margin-top: 1.5rem;
    margin-bottom: 0;
}

.error-validation-input[b-f38x198eo6] {
    background-color: pink !important;
    border: 2px solid indianred !important;
}

.mainLabel[b-f38x198eo6] {
    min-width: 23%;
    margin-right: 2%;
}

.req[b-f38x198eo6]::before {
    content: '*';
    margin-right: .25em;
    color: red;
}

.modal-content[b-f38x198eo6] {
    /*height: auto;*/
    /*max-height: 90vh;*/
    /*overflow-y: auto;*/
    padding: 40px;
}

.dropdown[b-f38x198eo6] {
    align-items: center;
    display: flex;
}

/*.modal-dialog{
    max-width:600px;
}*/

.spot-dialog[b-f38x198eo6] {
    margin: 15px;
    margin-bottom: 0;
}

.warning[b-f38x198eo6] {
    background-color: #F7E1DE;
    border: 1px solid #FC7563;
    border-radius: 3px;
    width: 100%;
    height: 100%;
}

/*ボタン初期の青色消す*/
.btn:focus[b-f38x198eo6] {
    box-shadow: none;
}

.show>.btn-primary.dropdown-toggle:focus[b-f38x198eo6] {
    box-shadow:none;
}

.show > .btn-primary.dropdown-toggle[b-f38x198eo6] {
    color: black;
    background-color: #fff;
    border-color: #BFBFBF;
}

.dropdown-item:active[b-f38x198eo6]{
    background-color:#BFBFBF;
}
/*ボタン初期の青色消すend*/

.position-set[b-f38x198eo6] {
    position: absolute;
    right: 5%;
    top: 5px;
}

.position-button[b-f38x198eo6] {
    background-image: none;
    background-color: #fff;
    color: black;
    border: 1px solid #BFBFBF;
    border-radius: 10px;
    font-size: 14px;
    padding: 3px 5px;
}

    .position-button:hover[b-f38x198eo6] {
        border: 1px solid #000000 ;
    }

.copy-button[b-f38x198eo6] {
    border-radius: 10px;
    font-size: 14px;
    padding: 3px 5px;
    width: 100px;
    border: 1px solid #D71345;
}

    .copy-button:hover[b-f38x198eo6] {
        border: 1px solid #ff1744 ;
        background-image: none ;
        color: #ff1744 ;
        background-color: white ;
    }

.cancel-button[b-f38x198eo6] {
    background-image: none;
    background-color: #eff0f2;
    color: #4e4e4e;
    /*    margin: auto;*/
    margin-right: 10px;
    width: 150px;
    /*border: 1px solid transparent;*/
}

.submit-button[b-f38x198eo6] {
/*    margin: auto;*/
    margin-left: 10px;
    width:150px;
}

.labelZone[b-f38x198eo6] {
    border: 1px dashed gray;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    margin: 10px 10px;
    border-radius: 10px;
    height: 100%;
    width:100vw;
}

.img-select[b-f38x198eo6] {
    max-width: 75px;
    max-height: 75px;
    min-width: 75px;
    min-height: 75px;
    margin: 10px 0;
    vertical-align: middle;
    border: 1px solid #999999;
    display: inline-block;
}

.delete-img[b-f38x198eo6] {
    transform: translate(-5px,-39px);
}

.gray-textbox[b-f38x198eo6] {
    width: 60%;
}

.image[b-f38x198eo6] {
    width: 100%;
}

.modal-footer[b-f38x198eo6] {
    border: none;
    margin: 20px 0px;
}

.check-box[b-f38x198eo6]{
    width:auto;
}

select[name="example"][b-f38x198eo6] {
    width: 60%;
}

.file[b-f38x198eo6] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

.upload-botton[b-f38x198eo6] {
    position: relative;
    background-color: #F0F0F0;
    padding: 0px 134px;
    margin-left: 150px;
    /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.21);*/
    border: solid 1px #F0F0F0;
    border-radius: 100px;
    /*    font-weight: bold;
    font-size: 18px;*/
    /*color: #fff;*/
    /*transition: all ease-in-out 0.1s;*/
    cursor: pointer;
}

.dropdown-toggle[b-f38x198eo6] {
    width: 100%;
    background-color: #EFF0F2;
    color: #999999;
    border-color: #BFBFBF;
    height: 35px;
    padding: 0;
    text-align:left;
    padding: 0 10px;
}

.dropdown-item-title[b-f38x198eo6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    width: 95%;
    padding:0;
}

.position-map[b-f38x198eo6] {
    width: 100%;
    /*display:block;*/
}
/*.position-map-mobile {
    display: none;
}*/
/*.trash-icon{
    margin-left:415px;
}*/

.position-lat-lng[b-f38x198eo6] {
    color: #999999;
    font-size: 13px;
    /*position:absolute;
    right:10px;*/
    /*text-align: right;*/
    display:flex;
    justify-content: flex-end;
    /*margin-left: 68%;*/
    margin: 0 15px;
}

#fileName[b-f38x198eo6] {
    margin: 10px auto;
    margin-left: 150px;
}

.DropArea[b-f38x198eo6]{
    border: 1px solid gray;
}

.trash-icon[b-f38x198eo6] {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.item-input[b-f38x198eo6]{
    display:flex;
}

.checkbox[b-f38x198eo6]{
    margin-bottom: 10px;
}

.dropdown[b-f38x198eo6] {
    width: 74%;
}



/*.active {
    background-color: #FADBDA;
}*/

.dropdown-item.active[b-f38x198eo6], .dropdown-item:active[b-f38x198eo6] {
    background-color: #FADBDA !important;
    color: #212529 !important;
}

a.active[b-f38x198eo6] {
    background-color: #FADBDA;
    color: #212529;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn)[b-f38x198eo6] {
    width: 100% !important;
}

.bootstrap-select > .dropdown-toggle[b-f38x198eo6], .dropdown-toggle:hover[b-f38x198eo6], dropdown-toggle:active[b-f38x198eo6] {
    background-color: #EFF0F2;
    width: 100% !important;
    border-color: #BFBFBF;
}

@media (min-width: 576px) {
/*    .trash-icon {
        margin-left: 300px;
    }*/

/*    .position-lat-lng {
        margin-left: 110px;
    }*/

    /*.dropdown-toggle{
        width: 255px;
    }*/
    
    .upload-botton[b-f38x198eo6]{
        margin-left:35%;
        padding: 0 60px;
    }

    .modal-content[b-f38x198eo6] {
        height: auto;
        max-height: 90svh;
        overflow-y: auto;
        padding: 20px;
    }

    .copy-button[b-f38x198eo6] {
        border-radius: 10px;
        font-size: 11px;
        padding: 3px 5px;
        width: 80px;
        margin-left:5px;
    }

    .time[b-f38x198eo6] {
        width: 60%;
    }

    .textbox-year[b-f38x198eo6] {
        width: 100%;
    }
    /*.bootstrap-select > .dropdown-toggle, .dropdown-toggle:hover, dropdown-toggle:active {
        width: 60% !important;
    }*/
}

@media (min-width: 992px) {
/*    .trash-icon {
        margin-left: 600px;
    }*/

/*    .position-lat-lng {
        margin-left: 410px;
    }*/

    /*.dropdown-toggle {
        width: 42vh;
    }*/

    .upload-botton[b-f38x198eo6] {
        margin-left: 25%;
        padding: 0 134px;
    }
    .modal-content[b-f38x198eo6] {
        height: auto;
        max-height: 90svh;
        overflow-y: auto;
        padding: 40px;
    }

    .copy-button[b-f38x198eo6] {
        border-radius: 10px;
        font-size: 14px;
        padding: 3px 5px;
        width: 100px;
    }

    .gray-textbox[b-f38x198eo6] {
        width: 74%;
    }

    .image[b-f38x198eo6] {
        width: 74%;
    }

    .textbox-year[b-f38x198eo6]{
        width:100%;
    }

    .time[b-f38x198eo6]{
        width:74%;
    }

    
}

@media (min-width: 1200px){
/*    .trash-icon {
        margin-left: 815px;
    }*/

/*    .position-lat-lng {
        margin-left: 750px;
    }*/

    /*.dropdown-toggle {
        width: 63vh;
    }*/

    .upload-botton[b-f38x198eo6] {
        margin-left: 25%;
        padding: 0 134px;
    }
}

@media screen and (max-width: 600px) {
    .mainLabel[b-f38x198eo6]{
        max-width:100%;
        width:auto;
    }

    .spot-dialog[b-f38x198eo6] {
        display: flex;
    }

    .dropdown[b-f38x198eo6] {
        width: 100%;
    }

    .modal-content[b-f38x198eo6] {
        padding: 20px 0 0 0;
    }

    .dropdown-item[b-f38x198eo6] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        vertical-align: middle;
        width: 250px;
    }

    .dropdown-toggle[b-f38x198eo6] {
        width: 100%;
    }

    .mobile[b-f38x198eo6] {
        display: none;
    }

    /*    .position-map {
        display: none;
    }

    .position-map-mobile {
        width: 400px;
        display: block;
    }*/

    .position-set[b-f38x198eo6] {
        right: 2%;
    }

    .position-lat-lng[b-f38x198eo6] {
        margin-left: 10px;
    }

    .dropdown-item-title[b-f38x198eo6] {
        width: 90%;
        padding: 0;
    }

    .mobile-br[b-f38x198eo6] {
        display: block !important;
    }

    .trash-icon[b-f38x198eo6] {
        margin-left: 200px;
        width: 30px;
        height: 30px;
        /*display: flex;
        justify-content: flex-end;*/
    }

    .upload-botton[b-f38x198eo6] {
        padding: 0 83px;
        margin-left: 10px;
        margin-top: 10px;
    }

    .cancel-button[b-f38x198eo6] {
        width: 86px;
        font-size: 10px;
        padding: 7px 5px;
    }

    .submit-button[b-f38x198eo6] {
        width: 86px;
        font-size: 10px;
        padding: 7px 5px;
    }

    .gray-text-area[b-f38x198eo6] {
        width: 100%;
    }

    .gray-textbox[b-f38x198eo6]{
        width: 100%;
    }

    .copy-button[b-f38x198eo6] {
        margin-top: 3px;
    }

    .item-input[b-f38x198eo6] {
        display: block;
    }

    .item-file[b-f38x198eo6]{
        width:100%;
    }

    .time[b-f38x198eo6] {
        width: 100%;
    }

    .bootstrap-select > .dropdown-toggle[b-f38x198eo6], .dropdown-toggle:hover[b-f38x198eo6], dropdown-toggle:active[b-f38x198eo6] {
        width: 100% !important;
    }
}
/* /Pages/MapSpotImportDialog.razor.rz.scp.css */
#map-area-list[b-pu3iqhfwym] {
    /* position: absolute; */
    /* right: 0;           */
    /* top: 10px;          */
    z-index: 10;
    vertical-align: middle;
    text-align: center;
    border-radius: 10px;
    /*    max-height: 1000px;*/
    margin: auto;
}

.area-header[b-pu3iqhfwym] {
    position: relative;
    height: 3rem;
}

.area-label[b-pu3iqhfwym] {
    background: #EFF0F2;
    color: black;
    display: block;
    width: auto;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding-top: 10px;
    padding-bottom: 7px;
}

.dialog-file[b-pu3iqhfwym] {
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
}

.dialog-close[b-pu3iqhfwym] {
    position: absolute;
    right: 5px;
    top: 0;
    color: #333333;
    font-family: monospace;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    vertical-align: central;
    height: 40px;
}
.dialog-close:focus[b-pu3iqhfwym] {
    box-shadow: none;
}

.area-content[b-pu3iqhfwym] {
    background-color: white;
    padding: 5px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: auto;
    width: 490px;
}


.cancel-button[b-pu3iqhfwym] {
    background-image: none;
    background-color: #fff;
    color: #4e4e4e;
    margin: auto;
    margin-right: 5px;
    font-size: 14px;
    padding: 10px 15px;
    width: 120px;
    color: #999999;
    border: 1px solid #BFBFBF;
}

/* /Pages/MasIconDialog.razor.rz.scp.css */
/*.mainLabel {
    width: 180px;
    text-align: right;
}

textarea {
    vertical-align: middle;
}*/

.labelZone[b-i9eno7m6bz] {
    height: 280px;
    width: 500px;
    border: 2px dashed #999999;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #999999;
}

.cancel-button[b-i9eno7m6bz] {
    background-image: none;
    background-color: #eff0f2;
    color: #4e4e4e;
    margin-right: 5px;
}

.submit-button[b-i9eno7m6bz] {
    margin-left: 5px;
}
/* /Pages/MasIconList.razor.rz.scp.css */
/*span.header-title {
    width: 300px;
    height: 37px;
    margin: 0 0 13px 0;
    font-family: NotoSansCJKJP;
    font-size: 26px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}*/

.btn-trash[b-ujfbd1w5ei] {
    border: none;
    outline: none;
    background: transparent;
}

th[b-ujfbd1w5ei], td[b-ujfbd1w5ei] {
    vertical-align: middle;
}

.tbl-header[b-ujfbd1w5ei] {
    background-color: gray;
    position: sticky;
    top: 0;
}

button.MasSpot[b-ujfbd1w5ei] {
    width: auto;
    min-width: 110px;
    margin: 0;
}

textarea[b-ujfbd1w5ei] {
    resize: none;
    width: 300px;
    height: 50px;
}

.imgtd[b-ujfbd1w5ei]{
    object-fit: contain;
    width: 98px;
    height: 98px;
    text-align: center;
    display:flex;
    align-items: center;
    justify-content: center;
}
/* /Pages/MasIconStatusDialog.razor.rz.scp.css */
.labelZone[b-e1mwhs9jy8] {
    height: 280px;
    width: 500px;
    border: 2px dashed #999999;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #999999;
}

.cancel-button[b-e1mwhs9jy8] {
    background-image: none;
    background-color: #eff0f2;
    color: #4e4e4e;
    margin: auto;
    margin-right: 10px;
}

.submit-button[b-e1mwhs9jy8] {
    margin: auto;
    margin-left: 10px;
}
/* /Pages/MasIconStatusList.razor.rz.scp.css */
/*span.header-title {
    width: 300px;
    height: 37px;
    margin: 0 0 13px 0;
    font-family: NotoSansCJKJP;
    font-size: 26px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}*/

.btn-trash[b-iv91d5ez8s] {
    border: none;
    outline: none;
    background: transparent;
}

th[b-iv91d5ez8s], td[b-iv91d5ez8s] {
    vertical-align: middle;
}

.tbl-header[b-iv91d5ez8s] {
    background-color: gray;
    position: sticky;
    top: 0;
}

button.MasSpot[b-iv91d5ez8s] {
    width: auto;
    min-width: 110px;
    margin: 0;
}

textarea[b-iv91d5ez8s] {
    resize: none;
    width: 300px;
    height: 50px;
}

.imgtd[b-iv91d5ez8s] {
    object-fit: contain;
    width: 98px;
    height: 98px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* /Pages/MasNoteEditDialog.razor.rz.scp.css */
.mainLabel[b-hcp0rnfoza] {
    width: 180px;
    text-align: right;
}

textarea[b-hcp0rnfoza] {
    vertical-align: middle;
}

.modal-footer[b-hcp0rnfoza] {
    border-top: none;
}

.notearea[b-hcp0rnfoza] {
    height: 90%;
    width: 90%;
    padding: 10px;
    resize: none;
    margin: 5%;
}

.notebody[b-hcp0rnfoza] {
    height:200px;
    vertical-align:middle;
    padding:10px;
}
/* /Pages/MasPickUpList.razor.rz.scp.css */
button.MasSpot[b-6jvue6oo8h]{
    width: auto;
    min-width: 110px;
    margin: 0;
}

td.TempName[b-6jvue6oo8h] {
    min-width: 130px;
    min-height: 57px;
}

td.IconStatus[b-6jvue6oo8h] {
    min-width: 135px;
    min-height: 57px;
}

/*span.header-title {
    width: 300px;
    height: 37px;
    margin: 0 0 13px 0;
    font-family: NotoSansCJKJP;
    font-size: 26px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}*/

button.btn-user[b-6jvue6oo8h] {
    width: 10em;
}

div.footer[b-6jvue6oo8h] {
    background-color: #3E3A39;
    opacity: 0.6;
    position: fixed;
    bottom: 0;
    width:100%;
    height:38px;
    left: 0px;
    display:flex;
}

.btn-trash[b-6jvue6oo8h] {
    border: none;
    outline: none;
    background: transparent;
}

.footer-button[b-6jvue6oo8h] {
    position: fixed;
    right: 10px;
    bottom: 0;
}

p[b-6jvue6oo8h] {
    margin-top: 0;
    margin-bottom: 1rem;
}

th[b-6jvue6oo8h], td[b-6jvue6oo8h] {
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
}


.table[b-6jvue6oo8h] {
    table-layout: fixed;
    width: 100%;
}
.td-content[b-6jvue6oo8h] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
}

.form-check-input:disabled[b-6jvue6oo8h]{
    opacity : 1;
}


.round-background[b-6jvue6oo8h] {
    width: 70px;
    border-radius: 25px;
    padding: 0px 8px;
    margin: auto;
}

.end-color[b-6jvue6oo8h] {
    background-color: #BFBFBF;
    color: #ffffff;
}

.not-end-color[b-6jvue6oo8h] {
    background-color: #FFD8D6;
    color: #F73228;
}

.labelstyle[b-6jvue6oo8h] {
    text-align: left;

}

.external-size[b-6jvue6oo8h] {
    width: 22px;
}
.external-div-padding[b-6jvue6oo8h] {
    padding:12px;
}
.td-btns[b-6jvue6oo8h]{
    display:flex;
}
/* /Pages/MasProjectList.razor.rz.scp.css */
button.MasSpot[b-5gbb25j2oz]{
    width: auto;
    min-width: 110px;
    margin: 0;
}

td.TempName[b-5gbb25j2oz] {
    min-width: 130px;
    min-height: 57px;
}

td.IconStatus[b-5gbb25j2oz] {
    min-width: 135px;
    min-height: 57px;
}

/*span.header-title {
    width: 300px;
    height: 37px;
    margin: 0 0 13px 0;
    font-family: NotoSansCJKJP;
    font-size: 26px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}*/

.btn-trash[b-5gbb25j2oz] {
    border: none;
    outline: none;
    background: transparent;
}

p[b-5gbb25j2oz] {
    margin-top: 0;
    margin-bottom: 1rem;
}

th[b-5gbb25j2oz], td[b-5gbb25j2oz] {
    vertical-align: middle;
    text-align: center;
}
.form-check-input:disabled[b-5gbb25j2oz] {
    opacity: 1;
}

.labelstyle[b-5gbb25j2oz] {
    text-align: left;
}
/* /Pages/MasProjectUser.razor.rz.scp.css */
.btn-trash[b-e45nfhgd21] {
    border: none;
    outline: none;
    background: transparent;
    width:50px;
}

.mainLabel[b-e45nfhgd21] {
    /*width:180px;*/
    width: 25%;
    text-align: right;
}

textarea[b-e45nfhgd21] {
    vertical-align: top;
    width: 70%;
}

th[b-e45nfhgd21], td[b-e45nfhgd21] {
    vertical-align: middle;
}

.btn-add[b-e45nfhgd21] {
    border: none;
    outline: none;
    background: transparent;
    color: black;
}

.invalid[b-e45nfhgd21] {
    /*outline: 1px solid #fff;*/
    background-color: #F7E1DE;
    border: 1px solid #FC7563;
}

.labelstyle[b-e45nfhgd21] {
    text-align: left;
}
/* /Pages/MasProjectUserDialog.razor.rz.scp.css */
th[b-1syzyjlzj9], td[b-1syzyjlzj9] {
    vertical-align: middle;
    text-align: center;
}

.mainLabel[b-1syzyjlzj9] {
    /*width:180px;*/
    width: 25%;
    text-align: right;
}

textarea[b-1syzyjlzj9] {
    vertical-align: top;
    width: 70%;
}

.btn-add[b-1syzyjlzj9] {
    border: none;
    outline: none;
    background: transparent;
    color: black;
}

.btn-trash[b-1syzyjlzj9] {
    border: none;
    outline: none;
    background: transparent;
    width: 50px;
}

.labelstyle[b-1syzyjlzj9] {
    text-align: left;
}
/* /Pages/MasProjSpotTemp.razor.rz.scp.css */
.btn-trash[b-ri3cyo8jt1] {
    border: none;
    outline: none;
    background: transparent;
    width:50px;
}

.mainLabel[b-ri3cyo8jt1] {
    /*width:180px;*/
    width: 25%;
    text-align: right;
}

textarea[b-ri3cyo8jt1] {
    vertical-align: top;
    width: 70%;
}

th[b-ri3cyo8jt1], td[b-ri3cyo8jt1] {
    vertical-align: middle;
}


.btn-add[b-ri3cyo8jt1] {
    border: none;
    outline: none;
    background: transparent;
    color: black;
}


.invalid[b-ri3cyo8jt1] {
    /*outline: 1px solid #fff;*/
    background-color: #F7E1DE;
    border: 1px solid #FC7563;
}

.labelstyle[b-ri3cyo8jt1] {
    text-align: left;
}
/* /Pages/MasProjSpotTempDialog.razor.rz.scp.css */
th[b-egrpfcp7uq], td[b-egrpfcp7uq] {
    vertical-align: middle;
    text-align: center;
}

.mainLabel[b-egrpfcp7uq] {
    /*width:180px;*/
    width: 25%;
    text-align: right;
}

textarea[b-egrpfcp7uq] {
    vertical-align: top;
    width: 70%;
}

.btn-add[b-egrpfcp7uq] {
    border: none;
    outline: none;
    background: transparent;
    color: black;
}

.btn-trash[b-egrpfcp7uq] {
    border: none;
    outline: none;
    background: transparent;
    width: 50px;
}

.labelstyle[b-egrpfcp7uq] {
    text-align: left;
}
/* /Pages/MasReportDialog.razor.rz.scp.css */
.btn-trash[b-pi5ihmu0pr] {
    border: none;
    outline: none;
    background: transparent;
    width:50px;
}

.mainLabel[b-pi5ihmu0pr] {
    /*width:180px;*/
    width: 25%;
    text-align: right;
}

textarea[b-pi5ihmu0pr] {
    vertical-align: top;
    width: 70%;
}

th[b-pi5ihmu0pr], td[b-pi5ihmu0pr] {
    vertical-align: middle;
}

.cancel-button[b-pi5ihmu0pr] {
    background-image: none;
    background-color: #eff0f2;
    color: #4e4e4e;
    margin: auto;
    margin-right: 10px;
}

.submit-button[b-pi5ihmu0pr] {
    margin: auto;
    margin-left: 10px;
}

.btn-add[b-pi5ihmu0pr] {
    border: none;
    outline: none;
    background: transparent;
    color: black;
}

.modal-footer[b-pi5ihmu0pr] {
    border-top: none;
}

.invalid[b-pi5ihmu0pr] {
    /*outline: 1px solid #fff;*/
    background-color: #F7E1DE;
    border: 1px solid #FC7563;
}

.labelstyle[b-pi5ihmu0pr] {
    text-align: left;
}

.NotSort tr:last-child[b-pi5ihmu0pr] {
    border-color: #D9D9D9 !important;
    border-bottom: 1.5px solid;
}

.form-group[b-pi5ihmu0pr]{
    overflow-x: auto;
}
/* /Pages/MasReportItemDialog.razor.rz.scp.css */
th[b-cyq9rqj3rl], td[b-cyq9rqj3rl] {
    vertical-align: middle;
    text-align: center;
}

.mainLabel[b-cyq9rqj3rl] {
    /*width:180px;*/
    width: 25%;
    text-align: right;
}

textarea[b-cyq9rqj3rl] {
    vertical-align: top;
    width: 70%;
}

.cancel-button[b-cyq9rqj3rl] {
    background-image: none;
    background-color: #eff0f2;
    color: #4e4e4e;
    margin: auto;
    margin-right: 10px;
}

.submit-button[b-cyq9rqj3rl] {
    margin: auto;
    margin-left: 10px;
}

.btn-add[b-cyq9rqj3rl] {
    border: none;
    outline: none;
    background: transparent;
    color: black;
}

.modal-footer[b-cyq9rqj3rl] {
    border-top: none;
}

.btn-trash[b-cyq9rqj3rl] {
    border: none;
    outline: none;
    background: transparent;
    width: 50px;
}

.labelstyle[b-cyq9rqj3rl] {
    text-align: left;
}
/* /Pages/MasReportNoteEditDialog.razor.rz.scp.css */
.mainLabel[b-yem4bk7spu] {
    width: 180px;
    text-align: right;
}

textarea[b-yem4bk7spu] {
    vertical-align: middle;
}

.modal-footer[b-yem4bk7spu] {
    border-top: none;
}

.notearea[b-yem4bk7spu]{
    height:90%;
    width:90%;
    resize:none;
    margin:5%;
    padding:10px;
}

.notebody[b-yem4bk7spu] {
    height: 200px;
    vertical-align: middle;
    padding: 10px;
}
/* /Pages/MasReportTemplate.razor.rz.scp.css */
button.MasSpot[b-fgllxfq5id]{
    width: auto;
    min-width: 110px;
    margin: 0;
}

td.TempName[b-fgllxfq5id] {
    min-width: 130px;
    min-height: 57px;
}

td.IconStatus[b-fgllxfq5id] {
    min-width: 135px;
    min-height: 57px;
}

.btn-trash[b-fgllxfq5id] {
    border: none;
    outline: none;
    background: transparent;
}

p[b-fgllxfq5id] {
    margin-top: 0;
    margin-bottom: 1rem;
}

th[b-fgllxfq5id], td[b-fgllxfq5id] {
    vertical-align: middle;
    text-align: center;
}

.labelstyle[b-fgllxfq5id] {
    text-align: left;
}
/* /Pages/MasSelectionDialog.razor.rz.scp.css */
.mainLabel[b-qmk89we3q4] {
    /*width:180px;*/
    text-align: right;
}

textarea[b-qmk89we3q4] {
    vertical-align: top;
    width: 70%;
}

.btn-trash[b-qmk89we3q4] {
    border: none;
    outline: none;
    background: transparent;
    width: 50px;
}

th[b-qmk89we3q4], td[b-qmk89we3q4] {
    vertical-align: middle;
    text-align: center;
}

.cancel-button[b-qmk89we3q4] {
    background-image: none;
    background-color: #eff0f2;
    color: #4e4e4e;
    margin: auto;
    margin-right: 10px;
}

.submit-button[b-qmk89we3q4] {
    margin: auto;
    margin-left: 10px;
}

.btn-add[b-qmk89we3q4] {
    border: none;
    outline: none;
    background: transparent;
    color: black;
}

.modal-footer[b-qmk89we3q4] {
    border-top: none;
}

.gray-textbox-title[b-qmk89we3q4] {
    width: 70%;
}
/* /Pages/MasSpotIconDialog.razor.rz.scp.css */

.labelZone[b-gxq0b6zun0] {
    border: 2px dashed #999999;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #999999;
    height:100%;
}

textarea[b-gxq0b6zun0] {
    resize: none;
    width: 300px;
    height: 50px;
}

th[b-gxq0b6zun0], td[b-gxq0b6zun0] {
    vertical-align: middle;
    text-align: center;
}

.btn-add[b-gxq0b6zun0] {
    border: none;
    outline: none;
    background: transparent;
    color: black;
}

.modal-footer[b-gxq0b6zun0] {
    border-top: none;
}

.cancel-button[b-gxq0b6zun0] {
    background-image: none;
    background-color: #eff0f2;
    color: #4e4e4e;
    margin: auto;
    margin-right: 10px;
}

.submit-button[b-gxq0b6zun0] {
    margin: auto;
    margin-left: 10px;
}

.modal-content[b-gxq0b6zun0] {
    border: none;
    
}

.labelstyle[b-gxq0b6zun0] {
    text-align: left;
}

.icontd[b-gxq0b6zun0] {
    object-fit: contain;
    width: 50px;
    height: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* /Pages/MasSpotIconStatusDialog.razor.rz.scp.css */

.labelZone[b-99wdpajbe8] {
    border: 2px dashed #999999;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #999999;
    height:100%;
}

textarea[b-99wdpajbe8] {
    resize: none;
    width: 300px;
    height: 50px;
}

th[b-99wdpajbe8], td[b-99wdpajbe8] {
    vertical-align: middle;
    text-align: center;
}

.btn-add[b-99wdpajbe8] {
    border: none;
    outline: none;
    background: transparent;
    color: black;
}

.modal-footer[b-99wdpajbe8] {
    border-top: none;
}

.cancel-button[b-99wdpajbe8] {
    background-image: none;
    background-color: #eff0f2;
    color: #4e4e4e;
    margin: auto;
    margin-right: 10px;
}

.submit-button[b-99wdpajbe8] {
    margin: auto;
    margin-left: 10px;
}

.modal-content[b-99wdpajbe8] {
    border: none;
}

.labelstyle[b-99wdpajbe8] {
    text-align: left;
}

.imgth[b-99wdpajbe8] {
    text-align: left;
}

.icontd[b-99wdpajbe8] {
    object-fit: contain;
    width: 50px;
    height: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* /Pages/MasSpotReportTemp.razor.rz.scp.css */
.btn-trash[b-d5kcd53xho] {
    border: none;
    outline: none;
    background: transparent;
    width:50px;
}

.mainLabel[b-d5kcd53xho] {
    /*width:180px;*/
    width: 25%;
    text-align: right;
}

textarea[b-d5kcd53xho] {
    vertical-align: top;
    width: 70%;
}

th[b-d5kcd53xho], td[b-d5kcd53xho] {
    vertical-align: middle;
}

.cancel-button[b-d5kcd53xho] {
    background-image: none;
    background-color: #eff0f2;
    color: #4e4e4e;
    margin: auto;
    margin-right: 10px;
}

.submit-button[b-d5kcd53xho] {
    margin: auto;
    margin-left: 10px;
}

.btn-add[b-d5kcd53xho] {
    border: none;
    outline: none;
    background: transparent;
    color: black;
}

.modal-footer[b-d5kcd53xho] {
    border-top: none;
}

.invalid[b-d5kcd53xho] {
    /*outline: 1px solid #fff;*/
    background-color: #F7E1DE;
    border: 1px solid #FC7563;
}

.labelstyle[b-d5kcd53xho] {
    text-align: left;
}

/* /Pages/MasSpotReportTempDialog.razor.rz.scp.css */
th[b-miqzzdsv4d], td[b-miqzzdsv4d] {
    vertical-align: middle;
}

.mainLabel[b-miqzzdsv4d] {
    /*width:180px;*/
    width: 25%;
    text-align: right;
}

textarea[b-miqzzdsv4d] {
    vertical-align: top;
    width: 70%;
}

.cancel-button[b-miqzzdsv4d] {
    background-image: none;
    background-color: #eff0f2;
    color: #4e4e4e;
    margin: auto;
    margin-right: 10px;
}

.submit-button[b-miqzzdsv4d] {
    margin: auto;
    margin-left: 10px;
}

.btn-add[b-miqzzdsv4d] {
    border: none;
    outline: none;
    background: transparent;
    color: black;
}

.modal-footer[b-miqzzdsv4d] {
    border-top: none;
}

.btn-trash[b-miqzzdsv4d] {
    border: none;
    outline: none;
    background: transparent;
    width: 50px;
}

.labelstyle[b-miqzzdsv4d] {
    text-align: left;
}
/* /Pages/MasSpotTempIcon.razor.rz.scp.css */
.btn-trash[b-dyj3djsme3] {
    border: none;
    outline: none;
    background: transparent;
    width: 50px;
}

.mainLabel[b-dyj3djsme3] {
    /*width:180px;*/
    width: 25%;
    text-align: right;
}

textarea[b-dyj3djsme3] {
    vertical-align: top;
    width: 70%;
}

th[b-dyj3djsme3], td[b-dyj3djsme3] {
    vertical-align: middle;
}

.cancel-button[b-dyj3djsme3] {
    background-image: none;
    background-color: #eff0f2;
    color: #4e4e4e;
    margin: auto;
    margin-right: 10px;
}

.submit-button[b-dyj3djsme3] {
    margin: auto;
    margin-left: 10px;
}

.btn-add[b-dyj3djsme3] {
    border: none;
    outline: none;
    background: transparent;
    color: black;
}

.modal-footer[b-dyj3djsme3] {
    border-top: none;
}

.gray-textbox-title[b-dyj3djsme3] {
    width: 70%;
}

.labelstyle[b-dyj3djsme3] {
    text-align: left;
}

.icontd[b-dyj3djsme3] {
    object-fit: contain;
    width: 50px;
    height: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-group[b-dyj3djsme3]{
    overflow-x: auto;
}
/* /Pages/MasSpotTempIconStatus.razor.rz.scp.css */
.btn-trash[b-xm494assxv] {
    border: none;
    outline: none;
    background: transparent;
    width: 50px;
}

.mainLabel[b-xm494assxv] {
    /*width:180px;*/
    width: 25%;
    text-align: right;
}

textarea[b-xm494assxv] {
    vertical-align: top;
    width: 70%;
}

th[b-xm494assxv], td[b-xm494assxv] {
    vertical-align: middle;
}

.cancel-button[b-xm494assxv] {
    background-image: none;
    background-color: #eff0f2;
    color: #4e4e4e;
    margin: auto;
    margin-right: 10px;
}

.submit-button[b-xm494assxv] {
    margin: auto;
    margin-left: 10px;
}

.btn-add[b-xm494assxv] {
    border: none;
    outline: none;
    background: transparent;
    color: black;
}

.modal-footer[b-xm494assxv] {
    border-top: none;
}

.labelstyle[b-xm494assxv] {
    text-align: left;
}

.icontd[b-xm494assxv] {
    object-fit: contain;
    width: 50px;
    height: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-group[b-xm494assxv]{
    overflow-x:auto;
}
/* /Pages/MasSpotTempItem.razor.rz.scp.css */
.btn-trash[b-f4ybpfc869] {
    border: none;
    outline: none;
    background: transparent;
    width:50px;
}

.mainLabel[b-f4ybpfc869] {
    /*width:180px;*/
    width: 25%;
    text-align: right;
}

textarea[b-f4ybpfc869] {
    vertical-align: top;
    width: 70%;
}

th[b-f4ybpfc869], td[b-f4ybpfc869] {
    vertical-align: middle;
    text-align: center;
}

.cancel-button[b-f4ybpfc869] {
    background-image: none;
    background-color: #eff0f2;
    color: #4e4e4e;
    margin: auto;
    margin-right: 10px;
}

.submit-button[b-f4ybpfc869] {
    margin: auto;
    margin-left: 10px;
}

.btn-add[b-f4ybpfc869] {
    border: none;
    outline: none;
    background: transparent;
    color: black;
}

.modal-footer[b-f4ybpfc869] {
    border-top: none;
}

.invalid[b-f4ybpfc869] {
    /*outline: 1px solid #fff;*/
    background-color: #F7E1DE;
    border: 1px solid #FC7563;
}

.labelstyle[b-f4ybpfc869]{
    text-align:left;
}

.NotSort tr:last-child[b-f4ybpfc869]{
    border-color:#D9D9D9 !important;
    border-bottom:1.5px solid;
}
/* /Pages/MasSpotTempItemDialog.razor.rz.scp.css */
th[b-k4n8ya9flt], td[b-k4n8ya9flt] {
    vertical-align: middle;
}

.mainLabel[b-k4n8ya9flt] {
    /*width:180px;*/
    width: 25%;
    text-align: right;
}

textarea[b-k4n8ya9flt] {
    vertical-align: top;
    width: 70%;
}

.cancel-button[b-k4n8ya9flt] {
    background-image: none;
    background-color: #eff0f2;
    color: #4e4e4e;
    margin: auto;
    margin-right: 10px;
}

.submit-button[b-k4n8ya9flt] {
    margin: auto;
    margin-left: 10px;
}

.btn-add[b-k4n8ya9flt] {
    border: none;
    outline: none;
    background: transparent;
    color: black;
}

.modal-footer[b-k4n8ya9flt] {
    border-top: none;
}

.btn-trash[b-k4n8ya9flt] {
    border: none;
    outline: none;
    background: transparent;
    width: 50px;
}

.labelstyle[b-k4n8ya9flt] {
    text-align: left;
}
/* /Pages/MasSpotTemplate.razor.rz.scp.css */
button.MasSpot[b-770yh5uycq]{
    width: auto;
    min-width: 110px;
    margin: 0;
}

table[b-770yh5uycq] {
    word-break: break-all;
}

td.TempName[b-770yh5uycq] {
    min-width: 130px;
    min-height: 57px;
}

td.IconStatus[b-770yh5uycq] {
    min-width: 135px;
    min-height: 57px;
}

.btn-trash[b-770yh5uycq] {
    border: none;
    outline: none;
    background: transparent;
}

p[b-770yh5uycq] {
    margin-top: 0;
    margin-bottom: 1rem;
}

th[b-770yh5uycq], td[b-770yh5uycq] {
    vertical-align: middle;
    text-align: center;
}
/* /Pages/MasUserList.razor.rz.scp.css */
button.MasSpot[b-7xrcb1l4ae]{
    width: auto;
    min-width: 110px;
    margin: 0;
}

table[b-7xrcb1l4ae] {
    word-break: break-all;
}

.userdata[b-7xrcb1l4ae] {
    text-align: left;
    width: 20%;
}

.btn-trash[b-7xrcb1l4ae] {
    border: none;
    outline: none;
    background: transparent;
}

.btn-import[b-7xrcb1l4ae] {
    width: 12em;
    margin-bottom: 3px;
    margin-right: 5px;
    border: 1px solid #D71345;
}

    .btn-import:hover[b-7xrcb1l4ae] {
        border: 1px solid #ff1744 !important;
        background-image: none !important;
        color: #ff1744 !important;
        background-color: white !important;
    }

.btn-export[b-7xrcb1l4ae] {
    width: 12em;
    margin-bottom: 3px;
    margin-left: 5px;
    border: 1px solid #D71345;
}

    .btn-export:hover[b-7xrcb1l4ae] {
        border: 1px solid #ff1744 !important;
        background-image: none !important;
        color: #ff1744 !important;
        background-color: white !important;
    }

p[b-7xrcb1l4ae] {
    margin-top: 0;
    margin-bottom: 1rem;
}

th[b-7xrcb1l4ae], td[b-7xrcb1l4ae] {
    vertical-align: middle;
    text-align: center;
}

.form-check-input:disabled[b-7xrcb1l4ae]{
    opacity : 1;
}
.oi[b-7xrcb1l4ae]{
    position:unset;
}
.tbl-header[b-7xrcb1l4ae] {
    background-color: gray;
    position: unset;
    top: 0;
}
/* /Pages/MasUserUploadDialog.razor.rz.scp.css */
.btn-trash[b-gam6kcdnj8] {
    border: none;
    outline: none;
    background: transparent;
    width:50px;
}

.mainLabel[b-gam6kcdnj8] {
    /*width:180px;*/
    width: 25%;
    text-align: right;
}

textarea[b-gam6kcdnj8] {
    vertical-align: top;
    width: 70%;
}

th[b-gam6kcdnj8], td[b-gam6kcdnj8] {
    vertical-align: middle;
    text-align: center;
}

.cancel-button[b-gam6kcdnj8] {
    background-image: none;
    background-color: #eff0f2;
    color: #4e4e4e;
    margin: auto;
    margin-right: 10px;
}

.submit-button[b-gam6kcdnj8] {
    margin: auto;
    margin-left: 10px;
}

.btn-add[b-gam6kcdnj8] {
    border: none;
    outline: none;
    background: transparent;
    color: black;
}

.modal-footer[b-gam6kcdnj8] {
    border-top: none;
}

.invalid[b-gam6kcdnj8] {
    /*outline: 1px solid #fff;*/
    background-color: #F7E1DE;
    border: 1px solid #FC7563;
}
/* /Pages/Mypage.razor.rz.scp.css */
.mypage[b-10wd7q4m6r] {
    display: block;
    margin: 50px auto 50px auto;
}

/*.paragraph {
    margin-left: 26px
}*/

.mainLabel[b-10wd7q4m6r] {
    width: 150px;
    height: 24px;
}

.subLabel[b-10wd7q4m6r] {
    width: 90px;
}

input[b-10wd7q4m6r] {
    width: 100%;
    border:2px solid;
}

.avatardiv[b-10wd7q4m6r] {
    text-align: center;
    vertical-align: middle;
    width: 100vh;
    height: 120px;
    display: table-cell;
}
.trim-image-to-circle[b-10wd7q4m6r] {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    object-fit: cover;
    background-color: lightgray;
}

.inputFileButton[b-10wd7q4m6r] {
    width: 125px;
    height: 30px;
    margin-top: 20px;
    margin-left: 0;
    padding: 0 0;
    border-radius: 15px;
    border: solid 1px #707070;
    background-color: #fff;
    color: #4e4e4e;
}

    .inputFileButton:hover[b-10wd7q4m6r] {
        border: 1px solid #000;
        color: #000;
        background-color: white;
    }

.table[b-10wd7q4m6r] {
    white-space: nowrap;
}

input[type="checkbox" i][b-10wd7q4m6r] {
    transform: scale(1.3);
    margin-right:10px;
    margin-left:10px;
}

.param[b-10wd7q4m6r] {
    width: calc(100% - 150px);
}

.avatar[b-10wd7q4m6r] {
    width: 150px;
    margin-right: 1em;
    text-align: center;
    padding-left: 15px;
}

input.btn-change[b-10wd7q4m6r] {
    background-color: #ffffff;
    width: 50px;
    height: 24px;
}

.name-label[b-10wd7q4m6r] {
    width: 150px;
}

.data-input[b-10wd7q4m6r] {
    width: calc(100% - 480px);
}

.botton-input[b-10wd7q4m6r] {
    width: 50px;
}

span[b-10wd7q4m6r] {
    width: 300px;
    height: 37px;
    margin: 0 0 13px 0;
    /*font-family: NotoSansCJKJP;*/
    font-size: 26px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}

.title[b-10wd7q4m6r] {
    width: 200px;
    height: 31px;
    margin: 10px 30px 15px 0;
    padding: 0 0 1px;
}

.list[b-10wd7q4m6r] {
    width: 5px;
    height: 20px;
    margin: 1px 15px 4px 0;
    background-color: #d9d9d9;
}

.checkboxmargin[b-10wd7q4m6r] {
    margin: 0 90px 0 5px;
}

.sortth[b-10wd7q4m6r]{
    color:red;
    cursor:pointer;
}

.form-check-input[b-10wd7q4m6r]{
    border:1px solid;
    border-color:lightgray;
    width:1em;
}

.form-check-input:checked[b-10wd7q4m6r]{
    border-color: #ff1744;
}

.btn-change[b-10wd7q4m6r] {
    color: gray;
    text-decoration: none;
    width:32px;
}

.mydata[b-10wd7q4m6r]{
    display:flex;
}

/*.mydatalabel {
    width: 20%;
}*/
/*.mydatainput{
    width:50%;
}*/

.mydatabutton[b-10wd7q4m6r]{
    width:2em;
}

/*.maillabel{
    width:20%
}*/

.table-mydata[b-10wd7q4m6r]{
    width:100%;
    table-layout:fixed;
}

.flags[b-10wd7q4m6r]{
    width:33%;
}
.loginid[b-10wd7q4m6r] {
    color: #ffffff;
    background-color: #BFBFBF;
    font-size: 50%;
    padding: 4px;
    margin-right: 4%;
    width: 58px;
}
.projectname[b-10wd7q4m6r]{
    width:auto;
}

.user-info1[b-10wd7q4m6r]{
    display:flex;
    width:30%;
}
.user-info2[b-10wd7q4m6r] {
    display: flex;
    width:70%;
}
.user-info3[b-10wd7q4m6r] {
    cursor: pointer;
}
.user-info[b-10wd7q4m6r]{
    display:flex;
}

.form-check[b-10wd7q4m6r]{
    display:flex;
}

.padding[b-10wd7q4m6r] {
    padding-left: 20px;
}

.calllabel[b-10wd7q4m6r]{
    display:flex;
}

/*.mydatainput {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:80%;
}*/

@media screen and (max-width:650px) {
    /*�@��ʃT�C�Y��650px�ȉ��̏ꍇ�����̋L�q���K�p�����@*/
    .mydata[b-10wd7q4m6r]{
        display:block;
    }
    .paragraph[b-10wd7q4m6r]{
        margin-left:0;
    }
    .projectname[b-10wd7q4m6r]{
        width:30%;
        padding-right: 0;
    }
    .avatar[b-10wd7q4m6r] {
        width:auto;
        margin-right:0;
        margin-bottom:1rem;
        padding-left: 0;
    }
    .footer-button[b-10wd7q4m6r] {
        position: fixed;
        right: 0;
        bottom: 8px;
        width:100%;
        text-align:center;
    }
    /*.list {
        margin: 1px 10px 4px -5px;
    }*/
    .user-info[b-10wd7q4m6r] {
        display: block;
    }
    .user-info1[b-10wd7q4m6r] {
        width: 100%;
        display:flex !important;
    }

    .user-info2[b-10wd7q4m6r] {
        width: 100%;
    }
    .maillabel[b-10wd7q4m6r]{
        width:20%;
    }
    .user-info3[b-10wd7q4m6r] {
        display: flex;
        align-items: center;
    }

    .form-check[b-10wd7q4m6r]{
        display:block;
    }

    .checkbox[b-10wd7q4m6r]{
        margin-bottom:10px;
    }

    .padding[b-10wd7q4m6r]{
        padding-left: 0.5rem;
    }

    .calllabel[b-10wd7q4m6r] {
        display: block;
    }
}



@media screen and (max-width:850px) {

    /*�@��ʃT�C�Y��850px�ȉ��̏ꍇ�����̋L�q���K�p�����@*/
    .table[b-10wd7q4m6r] {
        white-space: normal;
        word-break: break-all;
    }

    .flags[b-10wd7q4m6r], .mydatalabel[b-10wd7q4m6r], .mydatabutton[b-10wd7q4m6r], .maillabel[b-10wd7q4m6r], .mydatainput[b-10wd7q4m6r] {
        width: auto;
        min-width: 6.5em;
    }

    .mydatalabel[b-10wd7q4m6r], .mydatainput[b-10wd7q4m6r], .mydatabutton[b-10wd7q4m6r] {
        display: block;
    }

    .mydatalabel[b-10wd7q4m6r], .maillabel[b-10wd7q4m6r], {
        margin: 0.5em 0;
        font-weight: bold;
    }

    .mydatainput[b-10wd7q4m6r] {
        margin-bottom: 0.5em;
        margin-top: 0.5em;
        width: 100%;
    }

    .table-mydata[b-10wd7q4m6r] {
        width: 100%;
    }

    .mydatabutton[b-10wd7q4m6r] {
        text-align: right;
    }

    .param[b-10wd7q4m6r] {
        width: calc(100% - 1em);
    }

    .form-check[b-10wd7q4m6r] {
        padding-left: 0;
    }

    .flags[b-10wd7q4m6r] {
        margin-bottom: 5px;
    }

    .loginid[b-10wd7q4m6r] {
        margin-left: 1em;
        width: auto;
        font-weight: bold;
    }
}

@media screen and (min-width:1100px) {
    .loginid[b-10wd7q4m6r] {
        width: 58px;
    }
}
/*@media screen and (max-width:1200px) {
    .user-info1 {
        display: block;
    }
}*/
/* /Pages/MypageDialog.razor.rz.scp.css */


.labelZone[b-ym9od9h7xz] {
    height: 280px;
    width: 500px;
    border: 2px dashed #999999;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #999999;
}

.trim-image-to-circle[b-ym9od9h7xz] {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    object-fit: cover;
    background-color: lightgray;
}

.avatardiv[b-ym9od9h7xz] {
    text-align: center;
    vertical-align: middle;
}
/* /Pages/PassResetReq.razor.rz.scp.css */
.text-align[b-j9bqa8ob35] {
    text-align: center;
}
.err-msg-size[b-j9bqa8ob35] {
    color: #F73228;
    font-size: 15px;
}

.mainLabel[b-j9bqa8ob35] {
    margin-bottom: 15px;
    width:180px;
}

.btn[b-j9bqa8ob35] {
    margin: 0%
}
.pass-reset-img[b-j9bqa8ob35] {
    width: 38px;
}
.text-position[b-j9bqa8ob35]{
    height:80px;
}
.header-position[b-j9bqa8ob35]{
    margin-bottom:30px;
}

@media(max-width:660px) {
    .err-msg-size[b-j9bqa8ob35] {
        font-size: 13px;
    }
}
@media(max-width: 540px) {
    .pass-reset-img[b-j9bqa8ob35] {
        width: 29px;
    }
}
@media(min-width: 600px){
    .box-size[b-j9bqa8ob35] {
        padding: 50px;
    }
}

@media(max-width: 600px) {
    .box-size[b-j9bqa8ob35] {
        padding: 50px 10px;
    }
}

@media(max-width: 480px) {
    .pass-reset-img[b-j9bqa8ob35] {
        width: 19px;
    }
}

@media(max-width: 430px) {
    .text-align[b-j9bqa8ob35] {
        font-size:13px;
    }
}
/* /Pages/PickUpList.razor.rz.scp.css */
button.MasSpot[b-46q6jcbjya]{
    width: auto;
    min-width: 110px;
    margin: 0;
}

td.TempName[b-46q6jcbjya] {
    min-width: 130px;
    min-height: 57px;
}

td.IconStatus[b-46q6jcbjya] {
    min-width: 135px;
    min-height: 57px;
}

div.footer[b-46q6jcbjya] {
    background-color: #3E3A39;
    opacity: 0.6;
    position: fixed;
    bottom: 0;
    width:100%;
    height:38px;
    left: 0px;
    display:flex;
}

.btn-trash[b-46q6jcbjya] {
    border: none;
    outline: none;
    background: transparent;
}

.footer-button[b-46q6jcbjya] {
    position: fixed;
    right: 10px;
    bottom: 0;
}

p[b-46q6jcbjya] {
    margin-top: 0;
    margin-bottom: 1rem;
}

th[b-46q6jcbjya], td[b-46q6jcbjya] {
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
}

.table[b-46q6jcbjya] {
    table-layout: fixed;
    width: 100%;
}
.td-content[b-46q6jcbjya] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
}

.form-check-input:disabled[b-46q6jcbjya]{
    opacity : 1;
}

.round-background[b-46q6jcbjya] {
    width: 70px;
    border-radius: 25px;
    padding: 0px 8px;    
    margin: auto;
}

.end-color[b-46q6jcbjya] {
    background-color: #BFBFBF;
    color: #ffffff;
}
.not-end-color[b-46q6jcbjya] {
    background-color: #FFD8D6;
    color: #F73228;
}

.labelstyle[b-46q6jcbjya] {
    text-align: left;
}
.external-size[b-46q6jcbjya] {
    width: 26px;
}

.external-div-padding[b-46q6jcbjya] {
    padding: 12px;
}
.td-btns[b-46q6jcbjya] {
    display: flex;
}
/* /Pages/PositionSetDialog.razor.rz.scp.css */
.cancel-button[b-a4jwjhbx07] {
    background-image: none;
    background-color: #fff;
    color: #4e4e4e;
    padding: 0;
    width: 100px;
    border: 1px solid transparent !important;
}

.submit-button[b-a4jwjhbx07] {
    margin-left: 10px;
    background-image: none;
    background-color: #fff;
    color: red;
    padding: 0;
    width: auto;
    margin-right: 20px;
    border: 1px solid transparent !important;
}

.modal-dialog[b-a4jwjhbx07] {
    max-width: 500px;
}

.modal-footer[b-a4jwjhbx07] {
    border: none;
    justify-content:end;
}
/* /Pages/ReportItemSelectionSort.razor.rz.scp.css */
.mainLabel[b-w7v703pz2t] {
    /*width:180px;*/
    text-align: right;
}

textarea[b-w7v703pz2t] {
    vertical-align: top;
    width: 70%;
}

.btn-trash[b-w7v703pz2t] {
    border: none;
    outline: none;
    background: transparent;
    width: 50px;
}

th[b-w7v703pz2t], td[b-w7v703pz2t] {
    vertical-align: middle;
    text-align: center;
}

.cancel-button[b-w7v703pz2t] {
    background-image: none;
    background-color: #eff0f2;
    color: #4e4e4e;
    margin: auto;
    margin-right: 10px;
}

.submit-button[b-w7v703pz2t] {
    margin: auto;
    margin-left: 10px;
}

.btn-add[b-w7v703pz2t] {
    border: none;
    outline: none;
    background: transparent;
    color: black;
}

.modal-footer[b-w7v703pz2t] {
    border-top: none;
}

.gray-textbox-title[b-w7v703pz2t] {
    width: 70%;
}
/* /Pages/ReportSelectionSort.razor.rz.scp.css */
.mainLabel[b-azsoyd0ysj] {
    /*width:180px;*/
    text-align: right;
}

textarea[b-azsoyd0ysj] {
    vertical-align: top;
    width: 70%;
}

.btn-trash[b-azsoyd0ysj] {
    border: none;
    outline: none;
    background: transparent;
    width: 50px;
}

th[b-azsoyd0ysj], td[b-azsoyd0ysj] {
    vertical-align: middle;
    text-align: center;
}

.cancel-button[b-azsoyd0ysj] {
    background-image: none;
    background-color: #eff0f2;
    color: #4e4e4e;
    margin: auto;
    margin-right: 10px;
}

.submit-button[b-azsoyd0ysj] {
    margin: auto;
    margin-left: 10px;
}

.btn-add[b-azsoyd0ysj] {
    border: none;
    outline: none;
    background: transparent;
    color: black;
}

.modal-footer[b-azsoyd0ysj] {
    border-top: none;
}

.gray-textbox-title[b-azsoyd0ysj] {
    width: 70%;
}
/* /Pages/ResetPassword.razor.rz.scp.css */

.btn-send[b-8y2129ekne] {
    width: 190px;
    font-size: 13px;
    margin-left: unset;
    margin-right: 40px;
}
.text-size[b-8y2129ekne] {
    width: 100%;
    margin-bottom:10px;
}
.header-text-size[b-8y2129ekne] {
    width: 100%;
    font-size: 150%;
}

span[b-8y2129ekne]{
    margin-bottom:10px;
}

@media(max-width:860px) {
    .btn-send[b-8y2129ekne] {
        width: 165px;
        font-size: 10px;
        margin-right: 40px;
    }
    .text-size[b-8y2129ekne]{
        font-size:13px;
    }
}

@media(max-width:640px) {
    .header-text-size[b-8y2129ekne] {
        width: 100%;
        font-size: 150%;
        padding-bottom: 5%;
    }
    .btn-send[b-8y2129ekne] {
        width: 182px;
        font-size: 12px;
        margin-right: unset;
    }

    .submit-button[b-8y2129ekne]{
        text-align:center;
    }
    .text-size[b-8y2129ekne] {
        font-size: 16px;
        padding-bottom: 10px;
    }
    .pass-reset-line-img[b-8y2129ekne] {
        padding-bottom: 30px;
        width: 90px;
        height: 32px;
    }
    .reset-pass-input-group[b-8y2129ekne] {
        margin-right: 5%;
        padding-top:8%;
    }
    .main-style[b-8y2129ekne]{
        padding:unset;
    }
    .text-area[b-8y2129ekne] {
        margin: 25px 20px;
    }
    .white-textbox[b-8y2129ekne] {
        margin: 3% 0%;
    }
    .text-size[b-8y2129ekne] {
        width: 100%;
        padding-bottom: 10px;
    }
    .mail-textbox[b-8y2129ekne] {
        margin-top: 5%;
    }
}
.text-align[b-8y2129ekne]{
    
}
@media(min-width:641px) {
    .reset-main-label[b-8y2129ekne] {
        width: 150px;
        padding-bottom: 15px;
    }
    .input-position[b-8y2129ekne] {
        display: flex;
    }
    .mail-textbox[b-8y2129ekne] {
        margin-right: 15px;
        width: 80%
    }
    .pass-reset-header-img[b-8y2129ekne] {
        padding-bottom: 50px;
        width: 230px;
    }
    .pass-reset-line-img[b-8y2129ekne] {
        padding-bottom: 40px;
    }
    .text-area[b-8y2129ekne] {
        margin-bottom: 20px;
    }

}

/* /Pages/SelectionDaialogSort.razor.rz.scp.css */
.mainLabel[b-92lfv0n4b1] {
    /*width:180px;*/
    text-align: right;
}

textarea[b-92lfv0n4b1] {
    vertical-align: top;
    width: 70%;
}

.btn-trash[b-92lfv0n4b1] {
    border: none;
    outline: none;
    background: transparent;
    width: 50px;
}

th[b-92lfv0n4b1], td[b-92lfv0n4b1] {
    vertical-align: middle;
    text-align: center;
}

.cancel-button[b-92lfv0n4b1] {
    background-image: none;
    background-color: #eff0f2;
    color: #4e4e4e;
    margin: auto;
    margin-right: 10px;
}

.submit-button[b-92lfv0n4b1] {
    margin: auto;
    margin-left: 10px;
}

.btn-add[b-92lfv0n4b1] {
    border: none;
    outline: none;
    background: transparent;
    color: black;
}

.modal-footer[b-92lfv0n4b1] {
    border-top: none;
}

.gray-textbox-title[b-92lfv0n4b1] {
    width: 70%;
}
/* /Pages/TermsOfUseDaialog.razor.rz.scp.css */

.modal-content[b-qx3fexfff5] {
    height: auto;
    max-height: 90vh;
    overflow-y: auto;
    padding: 20px;
}

.terms-position[b-qx3fexfff5] {
    text-align: center;
    margin-bottom:3%;
}

.text-position[b-qx3fexfff5] {
    padding: 8%;
}

.cancel-button[b-qx3fexfff5] {
    width: 150px;
}
.btn-main[b-qx3fexfff5]{
    margin: 3%;
}

.trems-link:hover[b-qx3fexfff5] {
    color: red;
    cursor: pointer;
}

@media(max-width: 576px) {
    .modal-dialog-centered[b-qx3fexfff5] {
        min-height: calc(100% - 3.5rem);
    }

    .modal-dialog-scrollable[b-qx3fexfff5] {
        height: calc(100% - 3.5rem);
    }

    .modal-dialog[b-qx3fexfff5] {
        max-width: 500px;
        margin: 1.75rem auto;
    }
}

@media(max-width:450px) {
    .header-title[b-qx3fexfff5] {
        font-size: 20px;
    }
}
/* /Pages/TutorialDaialog.razor.rz.scp.css */
html[b-nlgyvdthju],
body[b-nlgyvdthju] {
    position: relative;
    height: 100%;
}

body[b-nlgyvdthju] {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
}

.swiper[b-nlgyvdthju] {
    width: 100%;
    /* height: 85%*/
    height: 480px;
}

.swiper-wrapper[b-nlgyvdthju] {
    position: relative;
    width: 100%;
    height:90%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-slide[b-nlgyvdthju] {
    font-size: 16px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

    .swiper-slide img[b-nlgyvdthju] {

        object-fit: cover;
    }

.detail-body[b-nlgyvdthju] {
    background: #fff;
    padding: 1rem 2rem 0.5rem 2rem;
}
.position-button[b-nlgyvdthju] {
    background-image: none;
    background-color: #fff;
    color: black;
    border: 1px solid #BFBFBF;
    border-radius: 10px;
    font-size: 14px;
    padding: 3px 5px;
}

.position-lat-lng[b-nlgyvdthju] {
    color: #999999;
    font-size: 13px;
    display: flex;
    justify-content: flex-end;
}

.btn-main[b-nlgyvdthju] {
    width: auto;
    padding: 7px 20px;
    margin:0;
}
.btn-primary[b-nlgyvdthju]{
    background-color: transparent;
}

.swiper-horizontal > .swiper-pagination-bullets[b-nlgyvdthju], .swiper-pagination-bullets.swiper-pagination-horizontal[b-nlgyvdthju] {
    bottom: 20px;
    left: 0;
    width: 100%;
}
.swiper-pagination-bullet-active[b-nlgyvdthju] {
    color: #fff;
    background: #E59A0A;
    background-color: red !important;
}
    /**********************前へ次へボタン**************************/
    .swiper-button-prev[b-nlgyvdthju] {
    top: unset;
    width: 17%;
    height: unset;
    /* width: calc(var(--swiper-navigation-size)/ 44 * 27); */
    /* height: var(--swiper-navigation-size); */
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 30;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.swiper-button-next[b-nlgyvdthju] {
    top: unset;
    width: 17%;
    height: unset;
    /* width: calc(var(--swiper-navigation-size)/ 44 * 27); */
    /* height: var(--swiper-navigation-size); */
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 30;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}

#swiper .swiper-pagination-bullet-active[b-nlgyvdthju]{
    background-color:red;
}

.swiper-pagination-bullet[b-nlgyvdthju]{
    background-color: red;
}

/****************Swiper矢印ボタン削除****************/
.swiper-button-next[b-nlgyvdthju]:after, .swiper-rtl .swiper-button-prev[b-nlgyvdthju]:after {
    content: none;
}
.swiper-button-prev[b-nlgyvdthju]:after, .swiper-rtl .swiper-button-next[b-nlgyvdthju]:after {
    content: none;
}
.font-size[b-nlgyvdthju]{
    font-size:14px;
}
.imgtutorial[b-nlgyvdthju] {
    width: 100%;
    height: 100%;
}
.tutorial-position-prev[b-nlgyvdthju] {
    display: flex;
    justify-content: flex-start;
    width:50%;
}

.tutorial-position-end[b-nlgyvdthju] {
    display: flex;
    justify-content: flex-end;
    width: 50%;
}
.btn-position[b-nlgyvdthju] {
    text-align: center;
}
.text-space[b-nlgyvdthju]{
    margin-bottom:3%;
}
.title-space[b-nlgyvdthju] {
    margin: 3% 0px;

}

.link-hover:hover[b-nlgyvdthju] {
    color: red;
    cursor: pointer;
}
.form-check-input[b-nlgyvdthju] {
    cursor: pointer;
}
.cursor[b-nlgyvdthju] {
    cursor: pointer;
}
.tutorial-header-position[b-nlgyvdthju] {
    align-items: center;
    text-align: end;
    margin-top: 1%;
}
.tutorial-header[b-nlgyvdthju]{
    font-size:13px;
    color:#999999;
}

.tutorial-btn-close[b-nlgyvdthju] {
    opacity: unset;
    margin-right: 1%;
    border: 0;
    background-color: white;
}
.tutorial-btn-position[b-nlgyvdthju] {
    display: flex;
    margin: 0 2%;
    margin-bottom: 3%;
    padding-left: 1%;
}
.img-position[b-nlgyvdthju] {
    text-align: center;
    margin:6% 0px;
}
.none-final[b-nlgyvdthju] {
    display: block;
}
.skip-check[b-nlgyvdthju] {
    margin-top: 6%;
    margin-left: 2%;
}

.tutorial-check-img[b-nlgyvdthju] {
    margin-bottom: 20px;
}
.fainal-img[b-nlgyvdthju] {
    align-items: flex-start;
    top: 3%;
    display: block;
}
.lastpage-check[b-nlgyvdthju] {
    text-align: center;
    margin-top: 5px;
}
.link[b-nlgyvdthju] {
    margin-top: 5px;
    padding-left: 2%;
}
.modal-content[b-nlgyvdthju] {
    height: 635px;
}

.image-fast[b-nlgyvdthju] {
    background-image: url('img/no-image.png');
    background-size: cover;
    background-position: 50%;
    width: 428px;
    height: 315px;
}

.image-last[b-nlgyvdthju] {
    background-image: url('img/no-image.png');
    background-size: cover;
    background-position: 50%;
    width: 428px;
    height: 253px;
}
.btn-position[b-nlgyvdthju] {
    margin-top: 6%;
}

.link-hover[b-nlgyvdthju] {
    color: gray;
    text-decoration: none;
}

@media(max-width: 576px) {
    .modal-dialog-centered[b-nlgyvdthju] {
        min-height: calc(100% - 3.5rem);
    }
    .modal-dialog-scrollable[b-nlgyvdthju] {
        height: calc(100% - 3.5rem);
    }
    .modal-dialog[b-nlgyvdthju] {
        max-width: 500px;
        margin: 1.75rem auto;
    }
}

@media(max-width: 500px) {
    .swiper[b-nlgyvdthju] {
        height: auto;
        padding-bottom: 10%;
    }
    .modal-content[b-nlgyvdthju] {
        height: 735px;
    }
    .modal-dialog[b-nlgyvdthju] {
        max-width: 500px;
        margin: 1.75rem auto;
    }
    .swiper-slide[b-nlgyvdthju] {
        font-size: 15px;

    }

    .modal-dialog-scrollable[b-nlgyvdthju]{
         height: calc(100% - 3.5rem); 
    }

    .text-space[b-nlgyvdthju] {
        height: 70px;
        /*height: 18%;*/
    }
    .swiper-button-next[b-nlgyvdthju] {
        width:25%;
    }
    .swiper-button-prev[b-nlgyvdthju] {
        width: 25%;
    }
    .swiper-pagination-bullets.swiper-pagination-horizontal[b-nlgyvdthju] {
        bottom: 0px;
    }
    .text-space[b-nlgyvdthju] {
        align-items: center;
        display: flex;
    }
    .modal-dialog-scrollable .modal-body[b-nlgyvdthju] {
         overflow-y: unset; 
    }
    .tutorial-btn-position[b-nlgyvdthju] {
        margin: 8% 0px;
    }
    .skip-check[b-nlgyvdthju] {
        margin-top: 9%;
    }
    .btn-position[b-nlgyvdthju] {
        margin-top: 10%;
    }

    .image-fast[b-nlgyvdthju] {
        width: 100%;
        height: 246px;
    }

    .image-last[b-nlgyvdthju] {
        width: 100%;
        height: 197px;
    }
}
/* /Pages/UpdateRegisteationDialog.razor.rz.scp.css */

.modal-content[b-exsoa735td] {
    height: auto;
    max-height: 90vh;
    overflow-y: auto;
    padding: 20px;
}

.content-position[b-exsoa735td] {
    text-align: center;
    margin-bottom: 3%;
    padding:10px 10px 10px 3px;
}

span[b-exsoa735td] {
    line-height: 35px;
}

.text-position[b-exsoa735td] {
    padding: 4%;
    font-size: 17px;
}

.btn-main[b-exsoa735td] {
    margin: 3%;
}

.trems-link:hover[b-exsoa735td] {
    color: red;
    cursor: pointer;
}

@media(max-width: 576px) {
    .modal-dialog-centered[b-exsoa735td] {
        min-height: calc(100% - 3.5rem);
    }

    .modal-dialog-scrollable[b-exsoa735td] {
        height: calc(100% - 3.5rem);
    }

    .modal-dialog[b-exsoa735td] {
        max-width: 500px;
        margin: 1.75rem auto;
    }
}

@media(max-width:450px) {
    .header-title[b-exsoa735td] {
        font-size: 20px;
    }
    .text-position[b-exsoa735td] {
        font-size:15px;
    }
}
/* /Shared/FileNameChange.razor.rz.scp.css */
.modal-dialog[b-ojrmv0ib75] {
    max-width: 620px;
}

.gray-textbox[b-ojrmv0ib75] {
    width: 85%;
    margin-right: 5px;
}

.modal-footer[b-ojrmv0ib75] {
    border: none;
    justify-content: end;
}

.old-name[b-ojrmv0ib75] {
    display: inline-block;
    color: #999999;
    font-size: 14px;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
}

.cancel-button[b-ojrmv0ib75] {
    background-image: none;
    background-color: #fff;
    color: #4e4e4e;
    /*margin: auto;
    margin-right: 10px;*/
    padding: 0;
    width: 100px;
    border: 1px solid transparent !important;
}

.submit-button[b-ojrmv0ib75] {
    /*margin: auto;*/
    margin-left: 10px;
    background-image: none;
    background-color: #fff;
    color: red;
    padding: 0;
    width: auto;
    margin-right: 20px;
    border: 1px solid transparent !important;
}

#ImgNameChangeSort[b-ojrmv0ib75] {
    list-style: none;
}

.oi-menu[b-ojrmv0ib75] {
    margin-right: 10px;
}

.namechange[b-ojrmv0ib75] {
    margin-top: 5px;
}

td[b-ojrmv0ib75] {
    border-bottom: none;
}

@media screen and (max-width: 600px) {
    /*    .gray-textbox{
        width:180px;
    }*/

    ul[b-ojrmv0ib75] {
        padding-left: 0rem !important;
    }
}
/* /Shared/LoginLayout.razor.rz.scp.css */
.page[b-i2kw9oi96l] {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #eff0f2;
}

main[b-i2kw9oi96l] {
    flex: 1;
}

article[b-i2kw9oi96l] {
    margin: 10px auto 25px auto;
    max-width: 90%;
    min-height: 500px;
    background-color: #fff;
    padding: 0.5rem 1rem 0rem 1rem;
    border: solid 2px #d9d9d9;
    border-radius: 5px;
    top: 500px;
    left: 450px;
    width: 550px;
    height: auto;
}

.floating-update-button[b-i2kw9oi96l]{
    margin-left:unset !important;
}


.top-row[b-i2kw9oi96l] {
    background-color: #ffffff;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-i2kw9oi96l]  a, .top-row[b-i2kw9oi96l]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-i2kw9oi96l]  a:hover, .top-row[b-i2kw9oi96l]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-i2kw9oi96l]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

#title-logo[b-i2kw9oi96l] {
    margin: 5px 10px 0 min(3vw, 20px);
}

/*�w�b�_�[���m�点��*/
#notice-wrapper[b-i2kw9oi96l] {
    height: 300px;
    position: fixed;
    right: 12px;
    top: 44px;
    z-index: 99;
    box-shadow: 0 0 8px gray;
    border-radius: 3px;
    overflow-x: hidden;
    overflow-y: auto;
}

.notice-content[b-i2kw9oi96l] {
    background-color: white;
    width: 250px;
    height: auto;
    position: relative;
    padding: 10px 12px 8px;
}

    .notice-content:nth-child(n + 2)[b-i2kw9oi96l]:before {
        content: '';
        position: absolute;
        left: 50%;
        top: -2px; /*�����̏㉺�ʒu����*/
        display: inline-block;
        width: 80%; /*�����̕�*/
        height: 2px; /*�����̑���*/
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%); /*�ʒu����*/
        background-color: #EAEAEA;
    }

/*���m�点*/
.notice-element-wrapper[b-i2kw9oi96l] {
    display: flex;
    position: relative;
    margin-bottom: 12px;
}

.notice-project-name[b-i2kw9oi96l] {
    width: auto;
    height: auto;
    background-color: #EDF1F7;
    border-radius: 30px;
}

    .notice-project-name span[b-i2kw9oi96l] {
        font-size: 8px;
        color: #6684CD;
        vertical-align: middle;
        margin: 4px;
    }

.days-ago[b-i2kw9oi96l] {
    position: absolute;
    right: 10px;
    font-size: 12px;
    color: #BABABA;
}

.message[b-i2kw9oi96l] {
    font-size: 12px;
}

.read-status[b-i2kw9oi96l] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #F7342A; /*�w�i�F*/
    position: absolute;
    right: 2px;
}

.main-content[b-i2kw9oi96l] {
    background-color: #EFF0F2;
    height: calc(100svh - 51px);
    width: 100%;
    padding-top: 140px;

}

/*@media (min-width: 500px){
    .header-img {
        width: 220px;
    }
}*/

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-i2kw9oi96l] {
        display: none;
    }

    .top-row.auth[b-i2kw9oi96l] {
        justify-content: space-between;
    }

    .top-row[b-i2kw9oi96l]  a, .top-row[b-i2kw9oi96l]  .btn-link {
        margin-left: 0;
    }
    .main-content[b-i2kw9oi96l] {
        padding-top: 8%;
    }
}

@media (min-width: 641px) {
    .page[b-i2kw9oi96l] {
        flex-direction: row;
    }

    .sidebar[b-i2kw9oi96l] {
        width: 40px;
        z-index:99;
    }

    .top-row[b-i2kw9oi96l] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-i2kw9oi96l]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-i2kw9oi96l], article[b-i2kw9oi96l] {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-xyduv0uls4] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-xyduv0uls4] {
    flex: 1;
}
#mobile-wrapper[b-xyduv0uls4] {
    display: none;
}

article[b-xyduv0uls4]{
    margin: 20px auto 20px auto;
    max-width: 80%;
    background-color: #fff;
    padding: 0.5rem 1rem 0rem 1rem;
    margin-bottom: 8.8%;
    border: solid 2px #d9d9d9;
    border-radius: 5px;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn)[b-xyduv0uls4] {
    width: 220px !important;
}

.bootstrap-select > .dropdown-toggle[b-xyduv0uls4], .dropdown-toggle:hover[b-xyduv0uls4], dropdown-toggle:active[b-xyduv0uls4] {
    background-color: #EFF0F2;
    width: 220px !important;
    border-color: #BFBFBF;
}

    .bootstrap-select .dropdown-menu[b-xyduv0uls4] {
    min-width: 220px !important;
}


.top-row[b-xyduv0uls4] {
    background-color: #ffffff;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-xyduv0uls4]  a, .top-row[b-xyduv0uls4]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-xyduv0uls4]  a:hover, .top-row[b-xyduv0uls4]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-xyduv0uls4]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

#title-logo[b-xyduv0uls4] {
    margin: 5px 10px 0 min(3vw, 20px);
}

/*�w�b�_�[���m�点��*/
/*#notice-wrapper {
    max-height: 300px;
    position: fixed;
    right: 12px;
    top: 44px;
    z-index: 1051;
    box-shadow: 0 0 8px gray;
    border-radius: 3px;
    overflow-x: hidden;
    overflow-y: auto;
}*/
#notice-wrapper[b-xyduv0uls4] {
    max-height: 300px;
    /*position: fixed;*/
    /*right: 12px;
    top: 77px;*/
    border-radius: 0px 0px 3px 3px;
    overflow-x: hidden;
    overflow-y: auto;
}

.noticelist-content[b-xyduv0uls4] {
    max-height: 350px;
    position: fixed;
    right: 12px;
    top: 44px;
    z-index: 1051;
    box-shadow: 0 0 8px grey;
    border-radius: 3px 3px 0px 0px;
    overflow-x: hidden;
    overflow-y: auto;
}
.notice-header[b-xyduv0uls4] {
    height: 25px;
    background-color: white;
}

.notice-content[b-xyduv0uls4] {
    background-color: white;
    width: 250px;
    height: auto;
    position: relative;
    padding: 10px 12px 8px;
}

    .notice-content:nth-child(n + 2)[b-xyduv0uls4]:before {
        content: '';
        position: absolute;
        left: 50%;
        top: -2px; /*�����̏㉺�ʒu����*/
        display: inline-block;
        width: 80%; /*�����̕�*/
        height: 2px; /*�����̑���*/
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%); /*�ʒu����*/
        background-color: #EAEAEA;
        ; /*�����̐F*/
    }

/*���m�点*/
.notice-element-wrapper[b-xyduv0uls4] {
    display: flex;
    position: relative;
    margin-bottom: 12px;
}

.notice-project-name[b-xyduv0uls4] {
    width: auto;
    height: auto;
    background-color: #EDF1F7;
    border-radius: 30px;
}

    .notice-project-name span[b-xyduv0uls4] {
        font-size: 8px;
        color: #6684CD;
        vertical-align: middle;
        margin: 4px;
    }

.days-ago[b-xyduv0uls4] {
    position: absolute;
    right: 10px;
    font-size: 12px;
    color: #BABABA;
}

.message[b-xyduv0uls4] {
    font-size: 12px;
}

.read-status[b-xyduv0uls4] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #F7342A; /*�w�i�F*/
    position: absolute;
    right: 2px;
}

.sidebar[b-xyduv0uls4] {
    width: 40px;
    z-index: 99;
}

.transparent[b-xyduv0uls4] {
    display:none !important;
}
@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-xyduv0uls4] {
        display: none;
    }

    .top-row.auth[b-xyduv0uls4] {
        justify-content: space-between;
    }

    .top-row[b-xyduv0uls4]  a, .top-row[b-xyduv0uls4]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-xyduv0uls4] {
        flex-direction: row;
    }

    

    .top-row[b-xyduv0uls4] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-xyduv0uls4]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-xyduv0uls4], article[b-xyduv0uls4] {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

}
.header-menu-icon-wrapper[b-xyduv0uls4] {
        display: none;
    }

    .v_line_fix-menu[b-xyduv0uls4] {
        display: none;
    }

@media screen and (max-width: 600px) {
    .pc-header[b-xyduv0uls4]{
        display: none;
    }

    #select-map-project[b-xyduv0uls4] {
        display: none;
    }
    #select-comp[b-xyduv0uls4]{
        display: none;
    }

    .header-menu-icon-wrapper[b-xyduv0uls4] {
        width: 25px;
        height: 25px;
        display: block;
    }

    .v_line_fix-menu[b-xyduv0uls4] {
        margin: 0 12px;
        width: 1px;
        height: 28px;
        background-color: gray;
        opacity: 50%;
        display: block;
    }

    .mobile-sidebar[b-xyduv0uls4] {
        width: 40px;
        z-index: 99;
    }
    #map-project[b-xyduv0uls4] {
        display: flex;
        align-items: center;
        padding-left: 27px;
        border-bottom: 1px solid #D9D9D9;
        margin: 4px;
        height: 60px;
    }
    #map-comp[b-xyduv0uls4] {
        display: flex;
        align-items: center;
        padding-left: 27px;
        border-bottom: 1px solid #D9D9D9;
        margin: 4px;
        height: 60px;
    }
    .comp-proj-change[b-xyduv0uls4]{
        width:85%;
        margin-left:2%;
    }
}

/*.header-menu-icon-wrapper {
    width: 25px;
    height: 25px;
    display: block;
}

.v_line_fix-menu {
    margin: 0 12px;
    width: 1px;
    height: 28px;
    background-color: gray;
    opacity: 50%;
    display: block;
}*/

.test[b-xyduv0uls4] {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 51px;
    z-index: 99;
    box-shadow: 0 0 8px grey;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: white;
}
@media(max-width:600px){
    #mobile-wrapper[b-xyduv0uls4] {
        display: flex;
        position: absolute;
    }

    #mobilesidebarMenu[b-xyduv0uls4] {
        height: 100vh;
        width: 100%;
        position: fixed;
        background-color: #FFFFFF;
        box-shadow: 1px 3px 3px rgb(0 0 0 / 50%);
    }
    .mobileSidebarMenuInner[b-xyduv0uls4] {
        margin: 0;
        padding: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.10);
    }

    .mobileSidebarMenuInner li[b-xyduv0uls4] {
        list-style: none;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        padding: 3px;
        cursor: pointer;
    }

    .mobileSidebarMenuInner li img[b-xyduv0uls4] {
        width: 40px;
        margin-right: 4px;
    }

    .mobileSidebarMenuInner li span[b-xyduv0uls4] {
        font-size: 14px;
        color: #3E3A39;
    }

    .mobileSidebarMenuInner li a[b-xyduv0uls4] {
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        cursor: pointer;
        text-decoration: none;
    }
    /*#notice-wrapper {
        max-height: 85%;
        position: absolute;
        text-align: center;
        right: 2%;
        left: 2%;
        width: auto;
        top: 10%;
        box-shadow: 0 0 8px grey;
        border-radius: 3px;
        overflow-x: hidden;
        overflow-y: auto;
    }*/
    #notice-wrapper[b-xyduv0uls4] {
        max-height: 85%;
        text-align: center;
        width: auto;
        border-radius: 0px 0px 3px 3px;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .noticelist-content[b-xyduv0uls4] {
        max-height: 85%;
        position: absolute;
        text-align: center;
        right: 2%;
        left: 2%;
        width: auto;
        top: 10%;
        box-shadow: 0 0 8px grey;
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 1051;
        border-radius: 3px;
    }

    .notice-content[b-xyduv0uls4] {
        background-color: white;
        width: 100%;
        height: auto;
        position: relative;
        padding: 10px 12px 8px;
    }
    .message[b-xyduv0uls4]{
        font-size:unset;
    }
}
_:lang(x) + _:-webkit-full-screen-document[b-xyduv0uls4], .no-reload[b-xyduv0uls4] {
    height: calc(100svh - 50px);
}
/* /Shared/NavMenu.razor.rz.scp.css */

#hamburger-icon[b-xppsxl5coa] {
    width: 40px;
    height: 40px;
    margin-bottom:30px;
}


.top-row[b-xppsxl5coa] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-xppsxl5coa] {
    font-size: 1.1rem;
}

.open-icon[b-xppsxl5coa]{
    float:right;
}

.oi[b-xppsxl5coa] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-xppsxl5coa] {
    font-size: 0.9rem;
}

    .nav-item a[b-xppsxl5coa] {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

    nav-icon[b-xppsxl5coa]{
        height:inherit;
    }

/*.nav-item ::deep a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item ::deep a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}*/

@media (max-width: 600px) {

    #sidebar-wrapper[b-xppsxl5coa]{
        display:none;
    }

    
}


/* /Shared/OSFileUpload.razor.rz.scp.css */
.upload-input[b-mqlc9g350t] {
    width: 80%;
}

@media screen and (max-width: 600px) {
    .upload-input[b-mqlc9g350t] {
        width: 100%;
    }
}

.upload-zone[b-mqlc9g350t] {
    height: 140px;
    overflow-y: auto;
    border: 1px solid gray;
    padding: 10px;
    border-radius: 10px;
    background-color: #fff;
}

.file-zone[b-mqlc9g350t] {
    border: 1px dashed gray;
    min-height: 100px;
    height: 120px;
    width: 100%;
}

    .file-zone.name-zone[b-mqlc9g350t] {
        white-space: pre;
        width: 100%;
    }

    .file-zone.image-zone[b-mqlc9g350t] {
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        width: 100vw;
    }

[b-mqlc9g350t] .thumb-image {
    width: 75px;
    height: 75px;
    object-fit: cover;
    margin: 10px 0
}


.drop-zone[b-mqlc9g350t] {
    border: black 1px solid;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    margin: 10px 10px;
    border-radius: 10px;
    height: 100%;
    width: 100vw;
    background-color: #fff;
}

.delete-icon[b-mqlc9g350t] {
    cursor: pointer;
}

.image-zone .delete-icon[b-mqlc9g350t] {
    transform: translate(-5px,-39px);
}
/* /Shared/OSImageUpload.razor.rz.scp.css */
.upload-input[b-al2txpo7yi] {
    width: 80%;
}

@media screen and (max-width: 600px) {
    .upload-input[b-al2txpo7yi] {
        width: 100%;
    }
}

.upload-zone[b-al2txpo7yi] {
    height: 140px;
    overflow-y: auto;
    border: 1px solid gray;
    padding: 10px;
    border-radius: 10px;
    background-color: #fff;
}

.file-zone[b-al2txpo7yi] {
    border: 1px dashed gray;
    min-height: 100px;
    height: 120px;
    width: 100%;
}

    .file-zone.name-zone[b-al2txpo7yi] {
        white-space: pre;
        width: 100%;
    }

    .file-zone.image-zone[b-al2txpo7yi] {
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        width: 100vw;
    }

[b-al2txpo7yi] .thumb-image {
    width: 75px;
    height: 75px;
    object-fit: cover;
    margin: 10px 0
}


.drop-zone[b-al2txpo7yi] {
    border: black 1px solid;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    margin: 10px 10px;
    border-radius: 10px;
    height: 100%;
    width: 100vw;
    background-color: #fff;
}

.delete-icon[b-al2txpo7yi] {
    cursor: pointer;
}

.image-zone .delete-icon[b-al2txpo7yi] {
    transform: translate(-5px,-39px);
}
/* /Shared/OSImgAvatar.razor.rz.scp.css */
.icon-img[b-07g6b4egyr] {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

.icon-filter-img[b-07g6b4egyr] {
    width: 30px;
    height: auto;
}


.old[b-07g6b4egyr] {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}
/* /Shared/OSImgIcon.razor.rz.scp.css */
.icon-img[b-kubn5ezr9l] {
    width: auto !important;
    height: auto !important;
    max-height: 20px !important;
    max-width: 20px !important;
    margin-right: 8px !important;
}

.icon-filter-img[b-kubn5ezr9l] {
    width: auto !important;
    height: auto !important;
    max-height: 1.2rem !important;
    max-width: 1.2rem !important;
}

.icon[b-kubn5ezr9l] {
    width: auto ;
    height: auto ;
}

.icon-list[b-kubn5ezr9l]{
    max-width: 70px;
    max-height: 70px;
}

.icon-temp[b-kubn5ezr9l] {
    max-width: 50px;
    max-height: 50px;
}

.old[b-kubn5ezr9l] {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}
/* /Shared/OSImgPhoto.razor.rz.scp.css */
.left-main-img[b-ygam6x2dh1] {
    width: 84px;
    /*max-width: 100%;*/
    height: 84px;
    /*max-height: 100%;*/
    margin: auto;
    margin-right: 0;
    object-fit: cover;
}
/* /Shared/OSImgStatus.razor.rz.scp.css */
.icon-filter-img[b-zf300mp8iz] {
    width: auto !important;
    height: auto !important;
    max-height: 1.2rem !important;
    max-width: 1.2rem !important;
}

.icon[b-zf300mp8iz] {
    width: auto !important;
    height: auto !important;
    max-height: 1.2rem !important;
    max-width: 1.2rem !important;
}

.icon-list[b-zf300mp8iz] {
    max-width: 70px;
    max-height: 70px;
}

.icon-temp[b-zf300mp8iz] {
    max-width: 50px;
    max-height: 50px;
}
/* /Shared/UpdateAvailableDetector.razor.rz.scp.css */
.floating-update-button[b-18cqv0ush8] {
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    padding: 1rem 1.5rem;
    animation: fadein-b-18cqv0ush8 2s ease-out;
}

@keyframes fadein-b-18cqv0ush8 {
    from {
        right: -100%;
    }

    to {
        right: 2rem;
    }
}