@charset "UTF-8";

input[type='text']:read-only, textarea:read-only {
    border: 1px solid var(--Gray-6);
    color: var(--Gray-7);
    background-color: var(--Gray-3);
}

.e-btn-link-add {
    background: url(../img/bi_linkAdd.svg) no-repeat center center;
    background-color: var(--White);
    background-size: 25px 19px;
}

.e-btn-big-up {
    background: url(../img/bi_big_up.svg) no-repeat center center;

    background-size: 19px 16px;
}
.e-btn-big-down {
    background: url(../img/bi_big_down.svg) no-repeat center center;

    background-size: 19px 16.3px;
}

.m1-common-relace3 {
    min-width: 1400px;
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    gap: 20px;
}

.m1-common-relace3 .tab-content-area {
    width: 50%;
}

.m1-common-relace3 .tab-content-area .tab-content{
    height: 75vh;
    min-height: 680px;
}

.m1-common-relace3 .tab-content-img {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.m1-common-relace3 .tab-content-img .tab-content-map ul li {
    font-size: 12px;
}

.m1-common-relace3 .tab-content-img .tab-content-map ul .nav-link {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.m1-common-relace3 .tab-content-img .map-info{
    width: 100%;
    max-width: 70%;
    cursor: pointer;
}

.m1-common-relace3 .tab-content-img .map-image {
    height: 360px;
}

.m1-common-relace3 .tab-content-img .tab-upload .tab-content {
    min-height: 265px;
    height: calc(75vh - 415px);
}

.m1-common-relace3 .tab-content-img .tab-upload .tab-pane {
    height: 261px;
    padding-top: 0;
}

.m1-common-relace3 #tabPhotoBtn {
    font-size: 12px;
}

.relace3-page-container {
    display: flex;
    justify-content: space-between;
}

.relace3-pic-text {
    color: var(--Gray-7, #666);
    font-size: 13px;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: 0.52px;
}

.relace3-page-container .relace3-page-div {
    display: flex;
    gap: 10px;
    margin-right: 16px;
}
/*タイムライン計画マスタ入力画面 start*/
.time-mst-input .table-1, .time-mst-input .table-2{
    font-size: inherit;
}
.time-mst-input .table-1 th:nth-child(1) {
    width: 50%;
}
.time-mst-input .table-1 th:nth-child(2) {
    width: 200px;
}
.time-mst-input .table-1 th:nth-child(3) {
    width: 200px;
}
.time-mst-input .table-1 th:nth-child(4) {
    width: auto;
}

.time-mst-input .table-1 td,
.time-mst-input .table-2 td{
    vertical-align: top;
}

.time-mst-input .c-message.sub {
    padding: 0;
    margin: 0;
}

.time-mst-input .table-2 td:nth-child(1){
    width: 160px;
}

.time-mst-input .table-2 td:nth-child(2){
    width: 24px;
}

.time-mst-input .c-list-table{
    padding-left: 22px;
    padding-right: 22px;
}

.time-mst-input .c-form{
    min-width: 1200px;
}
.time-mst-input .e-btn-row{
    min-width: 1200px;
}

.time-mst-input .table-3 th:nth-child(1),
.time-mst-input .table-3 th:nth-child(2){
    width: 130px;
    min-width: 100px;
}
.time-mst-input .table-3 td:nth-child(1),
.time-mst-input .table-3 td:nth-child(2){
    width: 130px;
    min-width: 100px;
}
.time-mst-input .plantimeFrom{
    width: 100%;
    text-align: right;
}
.time-mst-input .plantimeTo{
    width: 100%;
    text-align: right;
}

.time-mst-input .table-3 th:nth-child(3){
    width: 250px;
    min-width: 150px;
}
.time-mst-input .table-3 td:nth-child(3){
    width: 250px;
    min-width: 150px;
    white-space: normal;
    word-break: break-all;
    text-align: left;
}
.time-mst-input .planStatus{
    width: 100%;
}

.time-mst-input .table-3 th:nth-child(4){
    width: 200px;
    min-width: 150px;
}
.time-mst-input .table-3 td:nth-child(4){
    width: 150px;
    white-space: normal;
    word-break: break-all;
    text-align: left;
}
.time-mst-input .table-3 th:nth-child(5){
    width: 200px;
    min-width: 180px;
}
.time-mst-input .table-3 td:nth-child(5){
    width: 200px;
    min-width: 180px;
    white-space: normal;
    word-break: break-all;
    text-align: left;
}
.planCityId:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.time-mst-input .table-3 th:nth-child(6){
    width: 250px;
    min-width: 150px;
}
.time-mst-input .table-3 td:nth-child(6){
    width: 250px;
    min-width: 150px;
    white-space: normal;
    word-break: break-all;
    text-align: left;
}
.time-mst-input .table-3 th:nth-child(7){
    width: 250px;
    min-width: 150px;
}
.time-mst-input .table-3 td:nth-child(7){
    width: 250px;
    min-width: 150px;
    white-space: normal;
    word-break: break-all;
    text-align: left;
}
.time-mst-input .planNote{
    width: 100%;
}
.time-mst-input .url{
    width: 100%;
}

.time-mst-input .table-3 th:nth-child(8){
    width: 150px;
    min-width: 120px;
}
.time-mst-input .table-3 td:nth-child(8){
    width: 150px;
    min-width: 120px;
    white-space: normal;
    word-break: break-all;
    text-align: left;
}
.targetLink:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.time-mst-input .table-3 th:nth-child(9){
    width: 50px;
    min-width: 50px !important;
    max-width: 50px !important;
}
.time-mst-input .table-3 td:nth-child(9){
    width: 50px;
    min-width: 50px !important;
    max-width: 50px !important;
}

.time-mst-input .table-3 .btn-td>div{
    display: flex;
    justify-content: center;
}
.time-mst-input .table-3 .btn-td>div>div{
    width: 30px;
}
.mst0100 .list-message{
    margin-left: 20px;
    margin-top: 20px;
}
/*タイムライン計画マスタ入力画面 end*/
/*体制表マスタ一覧 start*/
.schemeMasterList td{
    word-break: break-all;
}
.schemeMasterList td:nth-child(2),
.schemeMasterList td:nth-child(3),
.schemeMasterList td:nth-child(4),
.schemeMasterList td:nth-child(6),
.schemeMasterList td:nth-child(7),
.schemeMasterList td:nth-child(8){
    text-align: left;
}
.schemeMasterList td:nth-child(1),
.schemeMasterList td:nth-child(5){
    text-align: right;
}
.schemeMasterList .bousaiShirei-th{
    width: 150px;
}
.mstv0240 .dataTable th:nth-child(1){  width: 100px; }
.mstv0240 .dataTable th:nth-child(2){  width: 150px; }
.mstv0240 .dataTable th:nth-child(3){  width: 150px; }
.mstv0240 .dataTable th:nth-child(5){  width: 120px; }
/*体制表マスタ一覧 end*/
/*タイムライン計画マスタ一覧 start*/
.mst0090 .mst0090Table td:nth-child(1){
    text-align: left;
}

.mst0090 .mst0090Table td:nth-child(2),
.mst0090 .mst0090Table td:nth-child(3){
    text-align: right;
}

.mst0090 .mst0090-list {
    min-width: 1290px;
}

.mst0090 .mst0090-search-checkbox {
    align-items: center;
}

.mst0090 .mst0090Table th:nth-child(1) {
    width: 210px;
    min-width: 430px;
}
.mst0090 .mst0090Table th:nth-child(2) {
    width: 30%;
}
.mst0090 .mst0090Table th:nth-child(3) {
    width: 30%;
}
/*タイムライン計画マスタ一覧 end*/
/*クロノロジー道路 start*/
.cngv0010Form .read-only-item{
    height: 62%;
    display: flex;
    align-items: center;
}

.cngv0010Form .width-65{
    width: 65%;
}

.cngv0010Form .road-traffic-item .col{
    max-width: fit-content !important;
    padding-right: calc(var(--bs-gutter-x)* 0.2) !important;
}

.cngv0010Form .road-traffic-item .col.max-width-col{
    max-width: 100% !important;
    padding-right: calc(var(--bs-gutter-x)* 0.2) !important;
}

.cngv0010Form .road-traffic-item .chronology-text-nolb {
    margin-top: 20px !important;
}

.cngv0010Form .road-traffic-item .itemRrequiredRaido {
    width: 200px !important;
}

#cngv0020Form .chronology-btn-group .center-btn{
    border-radius: 0;
}

#cngv0020Form .chronology-list-content #selectModalForRoadTrafficList .modal-body {
    height: 75vh;
    overflow: auto;
}

#cngv0020Form .chronology-list-content #selectModalForRoadTrafficList .modal-body .chk-group{
    padding-top: unset;
    align-content: center;
}

#cngv0020Form .chronology-list-content #selectModalForRoadTrafficList .modal-body .modal-item-title {
    min-width: 135px;
}

#cngv0020Form .chronology-list-content .chronology-road-traffic-list .flex-items {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

#cngv0020Form .chronology-list-content .chronology-road-traffic-list .flex-items div{
    min-height:21px;
    text-align: left;
    word-break: break-word;
}

#cngv0020Form .chronology-list-content .chronology-road-traffic-list td{
    word-break: break-word;
}

#cngv0020Form .c-list-table #chronologyRoadTrafficTable th {
    padding: 10px 6px;
}

#cngv0020Form .chronology-list-content .chronology-road-traffic-list td:nth-child(6),
#cngv0020Form .chronology-list-content .chronology-road-traffic-list td:nth-child(7),
#cngv0020Form .chronology-list-content .chronology-road-traffic-list td:nth-child(8),
#cngv0020Form .chronology-list-content .chronology-road-traffic-list td:nth-child(9),
#cngv0020Form .chronology-list-content .chronology-road-traffic-list td:nth-child(11){
    text-align: left;
}

#cngv0020Form .chronology-list-content .chronology-road-traffic-list td:nth-child(1),
#cngv0020Form .chronology-list-content .chronology-road-traffic-list th:nth-child(1){
    width: 3%;
}

#cngv0020Form .chronology-list-content .chronology-road-traffic-list td:nth-child(12),
#cngv0020Form .chronology-list-content .chronology-road-traffic-list th:nth-child(12){
    width: 4%;
}

#cngv0020Form .chronology-list-content .chronology-road-traffic-list td:nth-child(2),
#cngv0020Form .chronology-list-content .chronology-road-traffic-list th:nth-child(2),
#cngv0020Form .chronology-list-content .chronology-road-traffic-list td:nth-child(10),
#cngv0020Form .chronology-list-content .chronology-road-traffic-list th:nth-child(10){
    width: 5%;
}

#cngv0020Form .chronology-list-content .chronology-road-traffic-list td:nth-child(5),
#cngv0020Form .chronology-list-content .chronology-road-traffic-list th:nth-child(5){
    width: 6%;
}

#cngv0020Form .chronology-list-content .chronology-road-traffic-list td:nth-child(8),
#cngv0020Form .chronology-list-content .chronology-road-traffic-list th:nth-child(8),
#cngv0020Form .chronology-list-content .chronology-road-traffic-list td:nth-child(9),
#cngv0020Form .chronology-list-content .chronology-road-traffic-list th:nth-child(9){
    width: 10%;
}

#cngv0020Form .chronology-list-content .chronology-road-traffic-list td:nth-child(3),
#cngv0020Form .chronology-list-content .chronology-road-traffic-list th:nth-child(3),
#cngv0020Form .chronology-list-content .chronology-road-traffic-list td:nth-child(4),
#cngv0020Form .chronology-list-content .chronology-road-traffic-list th:nth-child(4),
#cngv0020Form .chronology-list-content .chronology-road-traffic-list td:nth-child(6),
#cngv0020Form .chronology-list-content .chronology-road-traffic-list th:nth-child(6),
#cngv0020Form .chronology-list-content .chronology-road-traffic-list td:nth-child(7),
#cngv0020Form .chronology-list-content .chronology-road-traffic-list th:nth-child(7),
#cngv0020Form .chronology-list-content .chronology-road-traffic-list td:nth-child(11),
#cngv0020Form .chronology-list-content .chronology-road-traffic-list th:nth-child(11){
    width: 11.4%;
}

.cngv0010Form .road-traffic-item .max-width-100{
    max-width: 100% !important;
}

.cngv0010Form .road-traffic-item .width-200{
    width: 200px !important;
}

.chronology-list.fixedHeader-floating th{
    border-top: unset !important;
}

.chronology-road-traffic-list.fixedHeader-floating th {
    padding: 10px 6px;
}

.chronology-list.fixedHeader-floating{
    visibility: hidden;
}

.chronology-road-traffic-list.fixedHeader-floating{
    visibility: hidden;
}

.chronology-list-content .e-btn-samari-close{
    top: 95px;
}

.chronology-list-content .has-btn-item{
    display: flex;
    align-items: center;
    gap: 5px;
}

#cngv0020Form{
    margin-bottom: 0;
}

#cngv0020Form .e-btn:hover, a:hover, .e-btn:focus, a:focus, .page-link:focus {
    z-index: 2;
}
/*クロノロジー道路 end*/
/*要支援者安否登録 start*/
.SPTV0010 .content form {
    margin-bottom: 0;
}
.SPTV0010 .container .col {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-bottom: 16px;
    letter-spacing: 0.56px;
    flex-wrap: wrap;
}

.SPTV0010 .container .col label{
    font-weight: var(--font-weight-bold);
}

.SPTV0010 .col-none {
    flex: 0;
}

.SPTV0010 .de-ip {
    width: 260px;
}

.SPTV0010 .de-ip-2 {
    width: 100%;
}

.SPTV0010 .de-ip-3 {
    width: 545px;
}

.SPTV0010 .de-ip-4 {
    width: 97%;
}

.SPTV0010 .line-address {
    line-height: 28px;
}

.SPTV0010 .flex-items {
    gap: 5px;
}

.SPTV0010 .flex-items label {
    white-space: nowrap;
}

.SPTV0010 .r2-template-input42 .tabPanel-title .tabPanel-content {
    height: 50px;
}

.SPTV0010 .r2-template-input42 .tabPanel-form {
    overflow-x: hidden;
}

.SPTV0010 .pre-next {
    margin-top: -35px;
    margin-left: auto;
    margin-right: 5px;
    display: flex;
    justify-content: end;
}

.SPTV0010 .contentsErrors {
    margin-top: 0;
    margin-bottom: 0;
}

.SPTV0010 .btm-btn {
    display: flex;
    justify-content: center;
    margin-top: 15px;
    gap: 8px;
}

.SPTV0010 .c-form-body {
    padding-top: 0px;
}

.SPTV0010 .chk-group div input[type="checkbox"] ~ label {
    white-space: nowrap;
}

.SPTV0010 .table1 .map-th{
    width: 50%;
    background-color: #ccc;
    padding: 0;
}

.SPTV0010 .table1 .map-th img{
    width: 100%;
    height: 700px;
    vertical-align: top;
}

.SPTV0010 .table1 input[type="text"],.table2 input[type="text"],
.table2 select ,.table4 textarea{
    width: 95%;
}

.SPTV0010 table,.SPTV0010 td{
    font-size: var(--font-size-middle);
}

.SPTV0010 .c-form-table.table2 table{
    padding-bottom: 15px;
    vertical-align: top;
}

.SPTV0010 .c-form-table th {
    vertical-align: top;
    white-space: nowrap;
}

.SPTV0010 .c-form-table.table2>tbody>tr>th:nth-child(1) {
    font-size: var(--font-size-2);
    width: 90px;
}

.SPTV0010 .table2-1 td{
    width: calc(100% / 6);
}

.SPTV0010 .chk-cell{
    width: 60px;
}

.SPTV0010 .chk-group-250{
    width: 100%;
    display: block;
    margin-top: 7px;
}

.SPTV0010 .chk-group-250>div{
    display: inline-block;
    min-width: 240px;
    height: 35px;
    line-height: 23px;
    margin-right: 10px;
}

.SPTV0010 .table2-10 td{
    height: 35px;
}

.SPTV0010 .table2-10 td:nth-child(1){
    width: 205px;
}

.SPTV0010 .cell-width-1{
    width: 205px;
}

.SPTV0010 .cell-width-2{
    width: 100px;
}

.SPTV0010 .table3 th:nth-child(1){  width: 50%; }
.SPTV0010 .table3 th:nth-child(2){  width: calc( ( 50% - 100px ) / 3 ); }
.SPTV0010 .table3 th:nth-child(3){  width: calc( ( 50% - 100px ) / 3 ); }
.SPTV0010 .table3 th:nth-child(4){  width: calc( ( 50% - 100px ) / 3 ); }
.SPTV0010 .table3 th:nth-child(5){  width: 100px; }
.SPTV0010 .container .col .chk-group label{
    font-weight: var(--font-weight-normal);
}

.SPTV0010 .row-c {
    flex-direction: row;
    align-items: center;
    display: flex;
    gap: 5px;
}

.SPTV0010 .col-au {
    flex: 1 0 auto
}

.SPTV0010 #search-dialog table tr {
    cursor: pointer;
}

.SPTV0010 #search-dialog table tr:hover {
    background-color: var(--Orange-light) !important
}

.SPTV0010 #search-dialog table td:nth-child(2) {
    width: 150px;
    text-align: left;
}

.SPTV0010 #search-dialog table td:nth-child(3) {
    width: 250px;
    text-align: left;
}

.SPTV0010 #search-dialog table td:nth-child(4) {
    width: 95px;
    text-align: left;
}

.SPTV0010 #search-dialog table td:nth-child(7),
.SPTV0010 #search-dialog table td:nth-child(8) {
    width: 115px;
    text-align: right;
}
.SPTV0010 .width-200 {
    width: 200px;
}
.SPTV0010 .resizeable-textarea {
    width: 85%;
}
/*品目マスタ入力画面 start*/
.mstv0110 .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 500px;
}
.mstv0110 .shelter-body input[type="text"], .shelter-body select, .shelter-body textarea {
    width: 500px;
}
.mstv0110 textarea {
    resize: both;
}
.mstv0110 .error-message {
    margin-top: -8px;
}
/*品目マスタ入力画面 end*/

.SPTV0010 #search-dialog table td:nth-child(9) {
    width: 70px;
    text-align: right;
}

.m-SPTV0010-select .modal-body {
    max-height: 75vh;
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
}

.m-SPTV0010-select .modal-item.col2 {
    display: flex;
}

.m-SPTV0010-select .control-group {
    display: flex;
    align-items: center;
    width: 50%;
}

.m-SPTV0010-select .gr2 .control-group {
    display: flex;
    align-items: center;
    width: 40%;
}

.m-SPTV0010-select .lg-modal-item-title {
    width: 110px;
}

.m-SPTV0010-select .lg-modal-item-control {
    width: calc(100% - 120px);
    padding: 3px 0;
    width: calc(100% - 120px);
    padding: 3px 0;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 15px;
}

.SPTV0010 #searchName-dialog table td:nth-child(1) {
    width: 200px;
    text-align: left;
}

.SPTV0010 #searchName-dialog table td:nth-child(2),
.SPTV0010 #searchName-dialog table td:nth-child(3) {
    width: 200px;
    text-align: left;
}

.SPTV0010 #searchName-dialog table td:nth-child(4) {
    width: 75px;
    text-align: left;
}

.SPTV0010 #searchName-dialog table td:nth-child(5) {
    width: 50px;
    text-align: left;
}

.SPTV0010 .modal-item-title {
    padding-right: 10px;
    min-width: 50px;
}

.SPTV0010 .ipr-1 {
    width: 70px;
}

.SPTV0010 .ipr-2 {
    width: 50px;
}

.SPTV0010 #searchModalForMst .chk-group {
    gap: 8px 10px !important;
    padding-top: 0;
}

.SPTV0010 .shelter-mst-table td,
.SPTV0010 .mst-table td{
    word-break: break-all;
}

.SPTV0010 .mst-table td:nth-child(1),
.SPTV0010 .mst-table td:nth-child(2),
.SPTV0010 .mst-table td:nth-child(3){
    text-align: left;
}

.SPTV0010 .mst-table td:nth-child(1),
.SPTV0010 .mst-table th:nth-child(1),
.SPTV0010 .mst-table td:nth-child(2),
.SPTV0010 .mst-table th:nth-child(2),
.SPTV0010 .mst-table td:nth-child(4),
.SPTV0010 .mst-table th:nth-child(4){
    width: 20% !important;
}

.SPTV0010 .mst-table td:nth-child(3),
.SPTV0010 .mst-table th:nth-child(3){
    width: 30% !important;
}

.SPTV0010 .mst-table td:nth-child(5),
.SPTV0010 .mst-table th:nth-child(5){
    width: 10% !important;
}

.SPTV0010 .shelter-mst-table td{
    padding: 8px 5px;
}

.SPTV0010 .shelter-mst-table td:nth-child(2),
.SPTV0010 .shelter-mst-table td:nth-child(3),
.SPTV0010 .shelter-mst-table td:nth-child(4),
.SPTV0010 .shelter-mst-table td:nth-child(5){
    text-align: left;
}

.SPTV0010 .shelter-mst-table td:nth-child(7),
.SPTV0010 .shelter-mst-table td:nth-child(8),
.SPTV0010 .shelter-mst-table td:nth-child(9){
    text-align: right;
}

.SPTV0010 .shelter-mst-table td:nth-child(1),
.SPTV0010 .shelter-mst-table th:nth-child(1),
.SPTV0010 .shelter-mst-table td:nth-child(9),
.SPTV0010 .shelter-mst-table th:nth-child(9){
    width: 5% !important;
}

.SPTV0010 .shelter-mst-table td:nth-child(4),
.SPTV0010 .shelter-mst-table th:nth-child(4),
.SPTV0010 .shelter-mst-table td:nth-child(6),
.SPTV0010 .shelter-mst-table th:nth-child(6){
    width: 7% !important;
}

.SPTV0010 .shelter-mst-table td:nth-child(5),
.SPTV0010 .shelter-mst-table th:nth-child(5),
.SPTV0010 .shelter-mst-table td:nth-child(7),
.SPTV0010 .shelter-mst-table th:nth-child(7),
.SPTV0010 .shelter-mst-table td:nth-child(8),
.SPTV0010 .shelter-mst-table th:nth-child(8){
    width: 10% !important;
}

.SPTV0010 .shelter-mst-table td:nth-child(2),
.SPTV0010 .shelter-mst-table th:nth-child(2){
    width: 15% !important;
}

.SPTV0010 .shelter-mst-table td:nth-child(3),
.SPTV0010 .shelter-mst-table th:nth-child(3){
    width: 21% !important;
}
.SPTV0010 .btn-close:focus {
    color: var(--bs-btn-close-color);
    opacity: var(--bs-btn-close-opacity) !important;
    outline: 0;
    box-shadow: unset;
    opacity: unset;
}
.SPTV0010 .btn-close:hover {
    color: var(--bs-btn-close-color);
    text-decoration: none;
    opacity: var(--bs-btn-close-opacity);
}
.SPTV0010 .shelter-mst-table tr:hover{
    background-color: var(--Gray-3) !important;
}
/*要支援者安否一覧 start*/
.SPTV0020 .SPTV0020Table .b-buttom{
    border-bottom: 1px solid var(--Gray-6);
}
.SPTV0020 .SPTV0020Table .b-left{
    border-left: 1px solid var(--Gray-6);
    border-top-left-radius: 0px;
}

.SPTV0020 .SPTV0020Table .b-right{
    border-top-right-radius: 0px;
}

.SPTV0020 .SPTV0020Table td{word-break: break-all;}
.SPTV0020 .SPTV0020Table td:nth-child(1){  width: 150px; text-align: left;}/*宛名番号*/
.SPTV0020 .SPTV0020Table td:nth-child(2){  width: 150px; text-align: left; }/*氏名*/
.SPTV0020 .SPTV0020Table td:nth-child(3){  width: 75px; text-align: left; }/*性別*/
.SPTV0020 .SPTV0020Table td:nth-child(4){  width: 130px; text-align: center; }/*生年月日*/
.SPTV0020 .SPTV0020Table td:nth-child(5){  width: 75px; text-align: right;  }/*年齢*/
.SPTV0020 .SPTV0020Table td:nth-child(6){  width: 160px; text-align: left; }/*電話*/
.SPTV0020 .SPTV0020Table td:nth-child(7){  width: auto; text-align: left;  }/*住所*/
.SPTV0020 .SPTV0020Table td:nth-child(8){  width: 75px; text-align: left; }/*同意*/
.SPTV0020 .SPTV0020Table td:nth-child(11),.SPTV0020 .SPTV0020Table td:nth-child(12),
.SPTV0020 .SPTV0020Table td:nth-child(13),.SPTV0020 .SPTV0020Table td:nth-child(14),
.SPTV0020 .SPTV0020Table td:nth-child(15){  width: 65px; }
.SPTV0020 .SPTV0020Table td:nth-child(9){width: 150px;}
.SPTV0020 .SPTV0020Table td:nth-child(10){width: 200px;}
.SPTV0020 .dt-button-collection [role="menu"]{
    width: 170px;
}

.SPTV0020 .dt-buttons{
    text-align: end;
}

.m-SPTV0020-select .modal-body {
    height: 610px;
    max-height: 75vh;
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
}

.m-SPTV0020-select .modal-item.col2{
    display: flex;
}

.m-SPTV0020-select .control-group{
    display: flex;
    align-items: center;
    width: 50%;
}

.m-SPTV0020-select .col3 .control-group{
    width: 100%;
}

.m-SPTV0020-select .col3 {
    gap: 0;
}

.m-SPTV0020-select .lg-modal-item-title{
    width: 125px;
    display: flex;
    align-items: center;
}

.m-SPTV0020-select .lg-modal-item-control{
    width: calc(100% - 120px);
    padding: 3px 0;
}

.m-SPTV0020-select .lg-modal-item-control input[type="text"]{
    width: 90%;
}

.m-SPTV0020-select .col3 .lg-modal-item-control input[type="text"]{
    width: 96%;
}

.m-SPTV0020-select .lg-modal-item-control input[type="text"].w260-1{
    width: 75px;
}



.m-SPTV0020-file .c-form-title{
    font-size:  var(--font-size-2);;
}

.m-SPTV0020-file .c-form{
    margin-bottom: 18px;
}

.m-SPTV0020-file .c-form-table td{
    font-size: var(--font-size-middle);

}

.m-SPTV0020-file .chk-group{
    padding-top: 0;
}

.m-SPTV0020-file .chk-group div{
    align-items: center;
}

.m-SPTV0020-file .c-form-table th{
    width: 180px;
}

/*要支援者安否一覧 end*/
/*要支援者安否登録 end*/
/*要支援者管理マスタ登録画面 start*/
.mst0250 .chk-group div input[type="checkbox"] ~ label {
    white-space: nowrap;
}

.mst0250 .table1 .map-th{
    width: 50%;
    background-color: #ccc;
    padding: 0;
}

.mst0250 .table1 .map-th img{
    width: 100%;
    height: 700px;
    vertical-align: top;
}
.mst0250 .table1 input[type="text"],.table2 input[type="text"],
.table2 select ,.table4 textarea{
    width: 95%;
}
.mst0250 table,.mst0250 td{
    font-size: var(--font-size-middle);
}
.mst0250 .c-form-table.table2 table{
    padding-bottom: 15px;
    vertical-align: top;
}
.mst0250 .c-form-table th {
    vertical-align: top;
    white-space: nowrap;
}
.mst0250 .c-form-table.table2>tbody>tr>th:nth-child(1) {
    font-size: var(--font-size-2);
    width: 90px;
}
.mst0250 .table2-1 td{
    width: calc(100% / 6);
}
.mst0250 .chk-cell{
    width: 60px;
}
.mst0250 .chk-group-250{
    width: 100%;
    display: block;
    margin-top: 7px;
}
.mst0250 .chk-group-250>div{
    display: inline-block;
    min-width: 240px;
    height: 35px;
    line-height: 23px;
    margin-right: 10px;
}
.mst0250 .chk-group-250>div>label{
    margin-left: 5px;
}
.mst0250 .table2-10 td{
    height: 35px;
}
.mst0250 .table2-10 td:nth-child(1){
    width: 205px;
}
.mst0250 .cell-width-1{
    width: 205px;
}
.mst0250 .cell-width-2{
    width: 100px;
}
.mst0250 .table3 th:nth-child(1){  width: 50%; }
.mst0250 .table3 th:nth-child(2){  width: calc( ( 50% - 100px ) / 3 ); }
.mst0250 .table3 th:nth-child(3){  width: calc( ( 50% - 100px ) / 3 ); }
.mst0250 .table3 th:nth-child(4){  width: calc( ( 50% - 100px ) / 3 ); }
.mst0250 .table3 th:nth-child(5){  width: 100px; }
.mst0250 .container .col {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-bottom: 16px;
    letter-spacing: 0.56px;
    flex-wrap: wrap;
}
.mst0250 .container .col label{
    font-weight: var(--font-weight-bold);
}
.mst0250 .col-none {
    flex: 0;
}
.mst0250 .de-ip {
    width: 260px;
}
.mst0250 .de-ip-2 {
    width: 100%;
}
.mst0250 .de-ip-3 {
    width: 545px;
}
.mst0250 .de-ip-4 {
    width: 97%;
}
.mst0250 .line-address{
    line-height: 28px;
}
.mst0250 .flex-items {
    gap: 5px;
}
.mst0250 .flex-items label {
    white-space: nowrap;
}
.mst0250 .r2-template-input42 .tabPanel-title .tabPanel-content {
    height: 50px;
}
.mst0250 .r2-template-input42 .tabPanel-form {
    overflow-x: hidden;
}
.mst0250 .pre-next {
    margin-top: -35px;
    margin-left: auto;
    margin-right: 5px;
    display: flex;
    justify-content: end;
}
.mst0250 .contentsErrors {
    margin-top: 5px;
}
.mst0250 .btm-btn {
    display: flex;
    justify-content: center;
    margin-top: 15px;
    gap: 8px;
}
.mst0250 .c-form-body {
    padding-top: 0px;
}
.mst0250 .title-icon {
    background: var(--staffportal-4);
    font-size: 10px;
    padding: 0px 5px;
    border-radius: 5px;
    line-height: 20px;
    display: block;
    color: var(--header-button-green);
}
.mst0250 .font-size-16 {
    font-size: var(--font-size-2);
}
.mst0250 span.error-message {
    margin-top: 10px;
    display: block;
}
/*要支援者管理マスタ登録画面 end*/
/*防災情報システムチャット start*/
@font-face {
    font-family: 'Noto Color Emoji';
    src: url('../fonts/NotoColorEmoji-Regular.woff2') format('woff2');
    font-display: swap;
}
.chat-common .chat-select{
    padding: 10px 20px;

    border-bottom: 1px solid var(--Gray-6);
    display: flex;
    justify-content: space-between;
}
.chat-common .drop-down-list{
    width: 500px;
    padding: 0 10px;
    background: var(--White);
    position: absolute;
    top: 164px;
    border-radius: 7px;
    box-shadow: rgb(195 188 184) 4px 4px 15px 0px;
    z-index: 1;
}
.chat-common .chat-filter-type{
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 10px 20px 10px 8px;
    border-bottom: 1px solid var(--Gray-6);
    flex-wrap: nowrap;
}
.chat-common .chat-filter-icon{
    padding: 7px 13px;
    border-radius: 20px;
    background: #e8ebfa;
    color: var(--Black);
    cursor: pointer;
}
.hide-check-with-label{
    display:none;
}
.hide-check-with-label:checked + .chat-filter-icon {
    color: var(--White);;
    background: var(--Blue-2);
}
.chat-common .chat-notice-temp{
    padding: 0 10px 5px 10px;
    color: var(--Gray-8);
    max-height: 45vh;
    overflow: auto;
}
.chat-common .chat-select-result-get-more {
    padding: 10px;
    color: var(--Gray-8);
    text-align: center;
    cursor: pointer;
}
.chat-notice-nokeyword-text{
    margin: 15px;
}
.chat-common .chat-notice-temp .chatMenuName {
    width: 380px;
}
.chat-common .chat-notice-temp .chatMenuText {
    width: 380px;
}
.chat-common .chat-tab{
    display: flex;
    height: 100%;
    width: 100%;
}
.chat-common .tab-content>.tab-pane{
    padding: 0;
}
.chat-common .chat-tab>div:nth-child(1){
    width: 330px;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: inset -5px 0px 10px -5px rgba(0, 0, 0, 0.1)
}
.chat-common .chat-tab>div:nth-child(2){
    flex: 1;
    height: 100%;
    width: calc(100% - 330px);
}
.chat-common .c-form-body{
    height: 75vh;
    padding: 0;
}
.chat-common .chat-enter{
    display: flex;
    align-items: center;
    gap: 5px;
    margin-right: 5px;
    font-size: 12px;
    color: var(--Gray-7);
}
.chat-common .chatLastTime{
    color: var(--Gray-8);
    white-space: nowrap;
    text-align: end;
}
.chat-common .c-form-body>div:nth-child(1){
    width:75px;
    height: 100%;
    border-right: 1px solid var(--Gray-3);
    min-width:50px;
    box-shadow: inset -5px 0px 10px -5px rgba(0, 0, 0, 0.1);
    padding-top: 10px;
}
.chat-common .c-form-body>div:nth-child(2){
    height: 100%;
    overflow-y: auto;
    border-bottom-right-radius: 8px;
    min-width: 100px;
    flex: 1;
    overflow-y: hidden;
    width: calc(100% - 75px);
}
.chat-common .function-menu>div{
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 5px;
}
.chat-common .chat-menu{
    width: calc(100% - 5px);
    margin-top: 10px;
}
.chat-common .chat-common-menu{
    overflow-y: auto;
}
.chat-common .chat-menu-title{
    display: block;
    margin: 10px;
    color: var(--Gray-8);
}
.chat-common .chat-menu .nav-link:hover{
    background-color: var(--Gray-1);
}
.chat-common .chat-title{
    padding: 10px;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-2);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--Gray-6);
    height: 60px;
}
.chat-common .chat-menu>div{
    cursor: pointer;
    width:100%;
    display: flex;
    justify-content: start;
    gap: 10px;
    align-items: center;
    padding: 13px 10px;
    border-bottom: 1px solid var(--Gray-1);
    height: 60px;
}
.chat-common .chat-menu-text{
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: calc(100% - 40px);
}
.chat-common .chat-header .chat-menu-text{
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: calc(100% - 50px);
}
.chat-common .chat-menu-search{
    overflow-y: auto;
    width: calc(100% - 5px);
    margin-top: 10px;
}
.chat-common .chat-menu-search .nav-link:hover{
    background-color: var(--Gray-1);
}
.chat-common .chat-title{
    padding: 10px;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-2);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--Gray-6);
    height: 60px;
}
.chat-common .chat-menu-search>div{
    cursor: pointer;
    width:100%;
    display: flex;
    justify-content: start;
    gap: 10px;
    align-items: center;
    padding: 13px 10px;
    border-bottom: 1px solid var(--Gray-1);
    height: 60px;
}
.chat-common #chat-title .chatMenuName{
    font-size: var(--font-size-3);
    font-weight: 700;
}
.chat-common .chatMenuName{
    font-weight: 700;
    font-size: 14px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.chat-common .chatMenuName>div:nth-child(1){
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: default;
}
.chat-common .chatMenuName>div:nth-child(2){
    font-size: 10px;
}
.chat-common .chatMenuTextArea{
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--Gray-8);
    flex: 1;
    margin-right: 8px;
}
.chat-common .chatMenuText{
    display: flex;
    align-items: center;
    width: 260px;
}
.chat-common .circle {
    width: 22px;
    height: 22px;
}
.chat-common .circleColor {
    background-color: red;
    color: white;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
}
.chat-common .chat-header{
    padding: 10px 15px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--Gray-6);
    justify-content: space-between;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-2);
    height: 60px;
}
.chat-common .chat-header>div:nth-child(1){
    display: flex;
    align-items: center;
    gap: 10px;
    width: 90%;
}
.chat-common .chat-body{
    flex: 1;
    overflow-y: auto;
    padding: 10px 40px 20px 40px;
    width: 100%;
}
.chat-common .chat-body-left{
    display: flex;
    gap: 15px;
    width: 100%;
    margin-top: 10px;
}
.chat-common .chat-body-right{
    display: flex;
    justify-content: end;
    gap: 15px;
    width: 100%;
    margin-top: 10px;
}
.chat-common .chat-content-header{
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    max-width: 100%;
}
.chat-common .chat-content-header-right{
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
    max-width: 100%;
}
.chat-reload-btn{
    border: 2px solid var(--White);
    padding: 9px 24px;
    border-radius: 24px;
    background-color: #ff6b00;
    font-weight: 700;
    color: white;
    cursor: pointer;
    font-size: 16px;
}
.chat-common .chat-content-body{
    background-color: #eeeeee;
    padding: 10px 15px;
    border-radius: 5px;
    line-height: 20px;
    letter-spacing: 1.5px;
}
.chat-common .chat-content-body-right{
    background-color: #e5efff;
    padding: 10px 15px;
    border-radius: 5px;
    line-height: 20px;
    letter-spacing: 1.5px;
}
.chat-common .chat-content-name{
    font-weight: var(--font-weight-bold);
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.chat-common .chat-content-time{
    color: var(--Gray-8);
    font-size: var(--font-size-small);
    white-space: nowrap;
}
.chat-common .chat-content-edit{
    color: var(--Gray-8);
    font-size: var(--font-size-small);
    white-space: nowrap;
}
.chat-common .chat-footer{
    border-top: 1px solid var(--Gray-6);
    height: 250px;
}
.chat-common .chat-content-file{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.chat-common .chat-content-img{
    border-radius: 4px;
    width: 200px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--Gray-6);
}
.chat-common .chat-tooltip-emoticon{
    display: flex;
    justify-content: space-around;
}
.chat-common .chat-content-img img{
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}
.chat-common #editor-container{
    width: calc(100vw - 527px);
    overflow: hidden;
    resize: none;
    max-height: 280px;
}
.chat-common #toolbar-container-edit{
    border: 1px solid var(--Gray-6);
    border-radius: 5px 5px 0 0;
}
.chat-common #toolbar-container-edit .w-e-bar.w-e-bar-show.w-e-toolbar{
    border-radius: 5px 5px 0 0;
}
.chat-common #editor-container-edit{
    width: 100%;
    overflow: hidden;
    resize: none;
    max-height: 280px;
    border-left: 1px solid var(--Gray-6);
    border-right: 1px solid var(--Gray-6);
}
.chat-common .editor-btn{
    border: 1px solid var(--Gray-6);
    border-top: unset;
    border-radius: 0 0 5px 5px;
    display: flex;
    justify-content: end;
    gap: 10px;
    padding: 5px;
}
.chat-common .w-e-bar-item button .title {
    font-size: 14px;
}
.chat-common .w-e-bar-item {
    display: flex;
    justify-content: flex-start;
}
.chat-common .w-e-text-container {
    height: 160px;
}
.chat-common #toolbar-container{
    border-bottom: 1px solid var(--Gray-6);
}
.chat-common .chat-footer>div:nth-child(2){
    display: flex;
    justify-content: end;
    gap: 5px;
    padding-top: 10px;
}
.chat-common .chat-room{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
.chat-common .chat-textarea{
    margin: 0.2rem;
    max-width: 100%;
    overflow-y: auto;
    height: 104px;
    max-height: 240px;
    font-size: 14px;
    font-family: var(--font-family);
    font-weight: 500;
    color: var(--Black);
    line-height: 1.5;
    padding: 4px 12px;
    border-radius: 4px;
    border: 1px solid var(--Gray-6);
    -webkit-user-modify: read-write-plaintext-only;
    display: flex;
    flex-wrap: wrap;
}
.chat-common .chat-textarea:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--Gray-6);
}
.chat-common .chat-textarea-img{
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}
.chat-common .item-wrapper{
    height: 100px;
    width: 150px;
    display: inline-block;
    align-content: center;
    text-align: center;
    background-color: var(--Gray-3);
    background-image: url("../img/chat-loading.gif");
    background-position: center;
    background-size: 50px;
    background-repeat: no-repeat;
    margin: 5px;
}
.chat-common .item-wrapper a:hover,
.chat-common .item-wrapper a:focus{
    box-shadow: unset;
}
.chat-common .chat-reading{
    height: 40px;
    width: 30px;
    background-image: url(../img/chat-loading-white.gif);
    background-position: center;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position-x: right;
}
.loading-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.loading {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1.5s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.chat-common .chat-send-fail{
    height: 40px;
    width: 30px;
    background-image: url(../img/chat-send-fail.svg);
    background-position: center;
    background-size: 22px;
    background-repeat: no-repeat;
}
.chat-common .text-wrapper {
    white-space: normal;
    word-break: break-all;
    width: 100%
}
.chat-common .text-wrapper .inputing{
    height: 21px
}
.chat-common .chat-textarea-video{
    max-height: 100px;
    max-width: 150px;
    object-fit: contain;
    margin-right: 10px;
}
.chat-play-icon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url("../img/chat-play-icon-white.svg");
    background-size: contain;
    width: 30px;
    height: 30px;
    cursor: pointer
}
.e-btn-send-icon-white {
    padding-left: 35px;
    background: url("../img/send-icon-white.svg") no-repeat center center;
    background-position-x: 12px;
    background-color: var(--Blue-2);
    margin-right: 10px;
}
.e-btn-paperClip-icon-blue {
    padding-left: 35px;
    background: url("../img/paperClip-icon-blue.svg") no-repeat center center;
    background-position-x: 12px;
}

.chat-common .chat-font{
    color: var(--Black);
    font-size: var(--font-size-small);
}
.chat-common .chat-menu .nav-link{
    color: var(--Black);
}
.chat-common .chat-menu-search .nav-link{
    color: var(--Black);
}
.chat-common .nav-link.active .chat-font{
    color: var(--Blue-2)
}
.chat-common .chat-content-text{
    width: 100%;
    white-space: normal;
    word-break: break-all;
}
.chat-common span.search-key-word{
    background:#C6EFCE;
    color:#006100;
    font-weight: 700;
}
.chat-common span.message-hint{
    color:#FF7171;
    font-weight: 700;
    font-size:12px;
}
.chat-add-read{
    display: flex;
    max-width: 100%;
    align-items: end;
    gap: 8px;
}
.chat-read{
    color: var(--Gray-8);
    min-width: 50px;
    white-space: nowrap;
    text-align: end;
}
.chat-common .chat-menu .nav-link.active{
    background-color: var(--blue-1-light);
}
.chat-common .chat-menu-search .nav-link.active{
    background-color: var(--blue-1-light);
}
.chat-icon-white {
    height: 25px;
    width: 25px;
    background-image: url(../img/chat-icon-white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px;
    cursor: pointer;
    margin-bottom: 5px;
}
.chat-common .nav-link.active .chat-icon-white {
    height: 25px;
    width: 25px;
    background-image: url(../img/chat-icon-blue.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px;
    cursor: pointer;
    margin-bottom: 5px;
}

.group-icon-white {
    height: 25px;
    width: 25px;
    background-image: url(../img/group-icon-white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px;
    cursor: pointer;
    margin-bottom: 5px;
}
.group-icon-white-small {
    min-height: 30px;
    min-width: 30px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: var(--Gray-3);
    background-image: url(../img/group-icon-white-small.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
    color: var(--Gray-8);
    position: relative;
}
.online-status {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 11px;
    height: 11px;
    background-color: white;
    border-radius: 50%;
    border: 2px solid var(--Gray-6);
}
.chat-common .w-e-image-container{
    height: 100px;
    width: 150px;
    display: inline-block;
    align-content: center;
    text-align: center;
    background-color: var(--Gray-3);
    background-image: url("../img/chat-loading.gif");
    background-position: center;
    background-size: 50px;
    background-repeat: no-repeat;
    margin: 5px;
}
.chat-common .w-e-text-container [data-slate-editor] img{
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}
.chat-common .w-e-text-container [data-slate-editor] .w-e-selected-image-container{
    overflow: unset;
}
.chat-smile-icon {
    height: 25px;
    width: 25px;
    background-image: url(../img/chat-smile-icon.svg);
    font-family: 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
#createChatCheckBox{
    display: flex;
    padding: 0;
}
.allCheckBoxDiv{
    margin-bottom: 10px;
}
.emoji-tooltip {
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 255px
}
.emoji-tooltip .emoji-div{
    padding-right: 5px;
    border-right: 1px solid var(--Gray-8);
}
.emoji-user-tooltip {
    position: absolute;
    display: none;
    background-color:  #fff;
    color:rgba(0, 0, 0, 0.7);
    padding: 10px 15px 2px 10px;
    border-radius: 5px;
    min-width: 150px;
    word-wrap: break-word;
    font-weight: 700;
    border: 1px solid #ccc;
    min-height: 35px;
}
.emoji-user-tooltip.chat-reading {
    height: 40px;
    width: 30px;
    background-image: url(../img/chat-loading-white.gif);
    background-position: center;
    background-size: 30px;
    background-repeat: no-repeat;
}
.emoji-user-tooltip .emoji-user {
  display: block;
  font-size: 13px;
}
.emoji-user-tooltip .group-icon-white-small{
    min-height: 25px;
    min-width: 25px;
    height: 25px;
    width: 25px;
}
.msg-read-tooltip {
    position: absolute;
    display: none;
    background-color:  #fff;
    color:rgba(0, 0, 0, 0.7);
    padding: 10px 15px 2px 10px;
    border-radius: 5px;
    min-width: 150px;
    word-wrap: break-word;
    font-weight: 700;
    border: 1px solid #ccc;
    min-height: 35px;
  }
.msg-read-tooltip .emoji-user {
  display: block;
  font-size: 13px;
}
.msg-read-tooltip.chat-reading {
    height: 40px;
    width: 30px;
    background-image: url(../img/chat-loading-white.gif);
    background-position: center;
    background-size: 30px;
    background-repeat: no-repeat;
}
.msg-read-tooltip .group-icon-white-small{
    min-height: 25px;
    min-width: 25px;
    height: 25px;
    width: 25px;
}
.emoji-user-div{
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
  margin-bottom: 6px;
}


.emoji {
    cursor: pointer;
    margin: 5px;
    font-size: 20px;
    font-family: 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
}
.chat-common .nav-link.active .group-icon-white {
    height: 25px;
    width: 25px;
    background-image: url(../img/group-icon-blue.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px;
    cursor: pointer;
    margin-bottom: 5px;
}
.chat-memberBtn{
    color: gray;
    pointer-events: none;
}
.chat-common .changeMemberMsg{
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--Gray-8);
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 20px;
    white-space: normal;
    word-break: break-all;
}
.chat-common .chat-room-temp {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: var(--Gray-8);
    text-align: center;
    letter-spacing: 1.5px;
    line-height: 20px;
    font-size: 18px;
    flex-direction: column;
    gap: 5px;
}
.chat-common .chat-room-temp>div:nth-child(1) {
    font-size: 18px;
    color: var(--Black);
    font-weight: 700;
}
.chat-common .chat-room-temp>div:nth-child(2) {
    font-size: 14px;
    color: var(--Black);
}
.chat-common .chat-room-temp1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: var(--Gray-8);
    text-align: center;
    letter-spacing: 1.5px;
    line-height: 20px;
    font-size: 18px;
}
.filter-tooltip {
    position: absolute;
    display: none;
    background-color: #fff;
    color: rgba(0, 0, 0, 0.7);
    padding: 0px 3px 3px 3px;
    border-radius: 3px;
    min-width: 140px;
    word-wrap: break-word;
    font-weight: 700;
    border: 1px solid #ccc;
}
.filter-tooltip .filter-tooltip-list{
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    padding: 8px;
    margin-top: 2px;
    border-radius: 3px;
    cursor: pointer;
}
.filter-tooltip-list:hover {
    background-color: var(--Gray-1);
}
.filter-tooltip-list.active{
    background-color: var(--blue-1-light);
}
.file-icon-white {
    height: 25px;
    width: 25px;
    background-image: url(../img/file-icon-white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px;
    cursor: pointer;
    margin-bottom: 5px;
}
.chat-common .nav-link.active .file-icon-white {
    height: 25px;
    width: 25px;
    background-image: url(../img/file-icon-blue.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px;
    cursor: pointer;
    margin-bottom: 5px;
}

.address-book-icon-white{
    height: 25px;
    width: 25px;
    background-image: url(../img/address-book-icon-white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px;
    cursor: pointer;
    margin-bottom: 5px;
}
.chat-common .nav-link.active .address-book-icon-white{
    height: 25px;
    width: 25px;
    background-image: url(../img/address-book-icon-blue.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px;
    cursor: pointer;
    margin-bottom: 5px;
}
.chat-common .add-person-icon{
    height: 28px;
    background: url("../img/add-person-icon.svg") no-repeat center center;
    background-position-x: 8px;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 5px 5px 5px 35px;
    border-radius: 5px;
    border: 1px solid var(--Gray-6);
    font-size: var(--font-size-small);
    cursor: pointer;
    color: var(--Gray-7)
}
.chat-common .filter-icon{
    height: 25px;
    width: 25px;
    background-image: url(../img/chat-filter-icon-black.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 25px;
    cursor: pointer;
}
.chat-common .add-icon{
    height: 25px;
    width: 25px;
    background-image: url(../img/add-icon-black.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    cursor: pointer;
}
.chat-edit-icon{
    height: 25px;
    width: 25px;
    background-image: url(../img/chat-edit-icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    cursor: pointer;
}
.chat-body-common .tooltip-inner {
    padding: 8px 12px 8px 12px;
    line-height: 23px;
    max-width: 230px;
    width: 230px;
}
.chat-body-common p {
    margin: 0
}
.chat-common .chat-refresh-icon{
    height: 25px;
    width: 25px;
    background-image: url(../img/chat-refresh-icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    cursor: pointer;
}
/* .down-arrow-icon{
    height: 25px;
    width: 25px;
    background-image: url(../img/down-arrow-icon-black.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    cursor: pointer;
} */
.chat-select-icon{
    height: 22px;
    width: 35px;
    background-image: url(../img/bi_query_Gray_7.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 27px;
    cursor: pointer;
}
.chat-add-user-icon:hover {
    background-color: var(--Gray-3);
    /* border: 1px solid var(--Gray-8); */
  }
.chat-add-user-icon {
    background: url("../img/chat-add-user-icon.svg") no-repeat center center;
    background-position-x: 10px;
    background-size: 15px;
}
.chat-delete-user-icon:hover {
    background-color: var(--Gray-3);
    /* border: 1px solid var(--Gray-8); */
  }
.chat-delete-user-icon {
    background: url("../img/chat-delete-user-icon.svg") no-repeat center center;
    background-position-x: 10px;
    background-size: 15px;
}
.chat-delete-icon{
    background: url(../img/bi_del_Gray_6.svg) no-repeat center center;
    background-position-x: 2px;
    background-size: 20px;
}
.chat-delete-icon:focus,
.chat-delete-icon:hover{
    background-color: var(--Gray-1);
    box-shadow: unset
}
.chat-lock-icon{
    background: url(../img/chat-lock-icon.svg) no-repeat center center;
    background-position-x: 2px;
    background-size: 17px;
}
.chat-lock-icon:focus,
.chat-lock-icon:hover{
    background-color: var(--Gray-1);
    box-shadow: unset
}
.chat-cancel-lock-icon{
    background: url(../img/chat-cancel-lock-icon.svg) no-repeat center center;
    background-position-x: 2px;
    background-size: 17px;
}
.chat-cancel-lock-icon:focus,
.chat-cancel-lock-icon:hover{
    background-color: var(--Gray-1);
    box-shadow: unset
}
.chat-common .chat-menu .nav-link:hover {
    background-color: var(--Gray-1);
}
.chat-common .chat-menu-search .nav-link:hover {
    background-color: var(--Gray-1);
}
.chat-common .chat-content{
    display: flex;
    gap: 5px;
    flex-direction: column;
    align-items: flex-start;
    width: 70%;
}
.chat-common .chat-content-right{
    display: flex;
    gap: 8px;
    flex-direction: column;
    align-items: flex-end;
    width: 70%;
}
.chat-common .chat-create-title{
    min-width: 80px;
    font-weight: 500;
}

.chat-common .input-icon {
    position: relative;
}
.box-hidden{
    visibility: hidden
}

.chat-common .input-icon-addon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    color: #656d77;
    pointer-events: none;
    font-size: 1.2em;
}
.chat-common .input-icon-addon:last-child {
    right: 0;
    left: auto;
}
.chat-common .chat-select-textbox {
    width: 500px;
    padding-right: 30px;
    padding-left: 10px;
    background: url(../img/bi_query_Gray_7.svg) no-repeat right center;
    background-position: calc(100% - 8px) center;
}
.chat-common .chat-title-tool {
    display: flex;
    gap: 10px
}

.chat-common .chat-placeholder{
    font-size: 14px;
    font-family: var(--font-family);
    font-weight: 500;
    color: var(--Gray-7);
    pointer-events: none;
}
.chat-common .chat-dropdown{
    font-size: 12px;
    width: 220px;
    padding: 5px;
    border-radius: 5px;
}
.chat-common .chat-dropdown-body{
    height: 180px;
    overflow-y: auto;
    padding-right: 10px;
}
#noResultsDropMessage{
    font-size: var(--font-size-mark);
}
.chat-dropdown input::placeholder {
    font-size: 12px;
  }
.chat-dropdown-footer{
    padding: 5px 0;
    border-top: 1px solid var(--Gray-6);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8px;
}
.chat-dropdown-footer div{
    width: 100%;
    font-size: 10px;
    height: 30px;
    text-align: start;
    padding-left: 35px;
    color: var(--Gray-7);
    align-content: center;
    border: 1px solid white;
    border-radius: 5px;
    cursor: pointer;
}
.chat-dropdown{
    max-height: 300px !important;
    height: 300px;
}

.chat-common .chat-dropdown-select{
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--Gray-6);
    padding: 2px;
    /* margin-top: 5px; */
    margin-bottom: 10px;
}

.chat-group-list-body,
.chat-group-list-body input{
    cursor: pointer;
}
.chat-dropdown-list-body{
    cursor: default;
}

.chat-dropdown-list-body .chat-list-img{
    width: 30px;
}

.chat-dropdown-icon{
    height: 22px;
    width: 35px;
    background-image: url(../img/bi_query_Gray_7.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    cursor: pointer;
}
.chat-dropdown .group-icon-white-small{
    min-height: 25px;
    min-width: 25px;
    height: 25px;
    width: 25px;
}

.chat-dropdown .form-check-input{
    height: 15px;
    width: 15px;
}
.chat-common .chat-dropdown-select.active{
    border-bottom: 1px solid var(--Blue-2);
}
.chat-common .chat-dropdown-select-title{
    width: 110px;
    font-size: 16px;
}
.chat-common .chat-dropdown-select input{
    width: 100%;
    height: 100%;
    border: unset;
}
.chat-common .chat-dropdown-select input:focus{
    box-shadow: unset;
}
.chat-common .chat-content-footer{
    display: flex;
    justify-content: space-around;
    gap: 3px;
    align-items: center;
}
.chat-common .chat-group-list-title{
    font-size: 18px;
    font-weight: 700;
}
.chat-common .chat-content-emoticon {
    border: 1px solid var(--Blue-2);
    border-radius: 15px;
    font-size: var(--font-size-small);
    height: 25px;
    padding: 2px 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 2px 15px;
}

.chat-common .chat-content-emoticon > div:nth-child(1) {
    font-family: 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
    font-size: var(--font-size-2);
}
.chat-common .chat-content-emoticon .count {
    color: var(--Blue-2);
    font-size: var(--font-size-middle);
    font-weight: var(--font-weight-bold);
}

.chat-list{
    display: flex;
    align-items: center;
    justify-content: start;
}
.address-list-body{
    cursor: pointer;
    padding: 10px 0px 0px 10px
}
.address-list-body:hover{
    background-color: var(--Gray-1);
}
.address-list{
    display: flex;
    align-items: center;
    justify-content: start;
}
.chat-list-checkbox{
    width: 35px;
    text-align: center;
}
.chat-list-header-checkbox{
    width: 35px;
    text-align: center;
}
.chat-group-header{
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    padding-right: 20px;
}
.chat-modal{
    padding-left: 8px;
    padding-right: 8px;
    min-width: 746px;
    height: calc(100vh - 350px);
    min-height: 300px;
}
.chat-list-img{
    width: 40px;
    text-align: center;
}
.chat-list-other{
    border-bottom: 1px solid var(--Gray-6);
    padding: 10px;
    flex: 1;
    letter-spacing: 1.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 35px
}
.chat-group-select{
    display: flex;
    align-items: center;
    border-bottom: 2px solid var(--Gray-6);
    padding: 5px;
    margin-top: 30px;
    margin-bottom: 20px;
}
.chat-group-select.active{
    border-bottom: 2px solid var(--Blue-2);
}
.chat-group-select-title{
    width: 110px;
    font-size: 16px;
}
.chat-group-select input{
    width: 100%;
    height: 100%;
    border: unset;
}
.chat-group-select input:focus{
    box-shadow: unset;
}
.chat-group-body{
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: calc(100vh - 500px);
    min-height: 150px;
    overflow-y: auto;
}
.chat-member-body{
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: calc(100vh - 500px);
    min-height: 150px;
    overflow-y: auto;
}
.chat-group-name{
    display: flex;
    align-items: center;
    border-bottom: 2px solid var(--Gray-6);
    padding: 5px;
    margin-bottom: 30px;
}
.chat-group-name.active{
    border-bottom: 2px solid var(--Blue-2);
}
.editor-common-edit{
    width: 50%;
    max-width: 50%
}
.chat-group-name-title{
    width: 110px;
    font-size: 16px;
}
.chat-group-name input{
    width: 100%;
    height: 100%;
    border: unset;
}
.chat-group-name input:focus{
    box-shadow: unset;
}
.chat-member-name{
    display: flex;
    align-items: center;
    border-bottom: 2px solid var(--Gray-6);
    padding: 5px;
    margin-bottom: 30px;
}
.chat-member-name input{
    width: 100%;
    height: 100%;
    border: unset;
}

.chat-group-list-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.chat-content-menu{
    display: block;
    width: 100%;
    color: var(--Black);
    padding: 8px 8px 8px 30px;
}

.chat-common #progress-bar-container {
    width: 100%;
    height: 20px;
    background-color: var(--Gray-4);
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    align-items: center;
    font-weight: 700;
    justify-content: start;
    gap: 5px;
    cursor: default;
}
.chat-common #little-bar{
    color: var(--Gray-8);
    font-size: 12px;
}
.chat-common #progress-bar {
    height: 100%;
    width: 0;
    text-align: center;
    line-height: 20px;
    color: white;
    font-weight: bold;
    border-radius: 15px;
    font-size: 12px;
    transition: width 0.5s ease-in-out;
}

.chat-common .container {
    width: 50%;
    text-align: center;
    position: relative;
}
.chat-common .fileMemory {
    width: 400px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: end;
}

.chat-common #progress-text {
    margin-top: 10px;
    font-size: 16px;
}
.chat-common .chat-content-text ol,
.chat-common .chat-content-text ul,
.chat-common .chat-content-text dl{
    margin-bottom: 0;
}
/* チャット　ファイル　タブ start */
.chat-common .file-list {
    margin: 20px auto;
    width: 98%;
}
.chat-common .file-list .dataTables_wrapper>div:nth-child(2){
    height: 55vh;
    overflow: auto;
}
.chat-common .file-list-header{
    margin: 20px 17px;
    display: flex;
    justify-content: flex-start;
    gap: 20px;
}
.chat-common .file-list #chatFileTable td{
    word-break: break-all;
}
.chat-common .file-list #chatFileTable td:nth-child(1){
    text-align: left;
}
.chat-common .file-list #chatFileTable td:nth-child(3){
    text-align: right;
}
.chat-common .file-list #chatFileTable td:nth-child(7),
.chat-common .file-list #chatFileTable th:nth-child(7){
    width: 5%;
}
.chat-common .file-list #chatFileTable td:nth-child(2),
.chat-common .file-list #chatFileTable th:nth-child(2),
.chat-common .file-list #chatFileTable td:nth-child(3),
.chat-common .file-list #chatFileTable th:nth-child(3){
    width: 10%;
}
.chat-common .file-list #chatFileTable td:nth-child(4),
.chat-common .file-list #chatFileTable th:nth-child(4),
.chat-common .file-list #chatFileTable td:nth-child(5),
.chat-common .file-list #chatFileTable th:nth-child(5),
.chat-common .file-list #chatFileTable td:nth-child(6),
.chat-common .file-list #chatFileTable th:nth-child(6){
    width: 15%;
}
.chat-common .file-list{
    margin: 20px auto;
    width: 98%;
}
.chat-common .file-delete-icon {
     background: url(../img/chat_delete_file_icon.svg) no-repeat center center;
     background-size: 22px;
     color: var(--Black);
     padding: 16px;
     background-position-y: 12.5px;
 }
.chat-common .file-delete-icon:hover,
.chat-common .file-delete-icon:focus {
    border: none;
    box-shadow: none;
}
.chat-common .file-download-icon {
    background: url(../img/chat-download-file-icon.svg) no-repeat center center;
    background-position-x: 2px;
    background-size: 20px;
    color: var(--Black);
    padding: 16px;
}
.chat-common .file-download-icon:hover,
.chat-common .file-download-icon:focus{
    border: none;
    box-shadow: none;
}
.chat-common #file-tab #selectModalForFileList .not-in-checkbox{
    display: flex;
    align-items: center;
}
.chat-common #file-tab #selectModalForFileList .date-time{
    display: flex;
    align-items: center;
}
/* チャット　ファイル　タブ end */
/* チャット　メンション関連 start */
#mentioningOthersModal{
    border: 1px solid var(--Gray-3);
    border-radius: var(--bs-border-radius);
    background-color: var(--White);
    padding: 10px;
}
#mentioningOthersModal .modal-content {
    padding: 0;
}
#mentioningOthersModal .chat-dropdown {
    height: 150px;
}
#mentioningOthersModal .mention-dropdown-body .chat-list-other.dataName:hover {
    background-color: var(--Gray-3);
}
#mentioningOthersModal .mention-dropdown-list-body{
    cursor: pointer;
    padding: 2px;
}
#mentioningOthersModal .mention-dropdown-body{
    max-height: 130px;
    overflow: auto;
}
.chat-body .chat-body-left span.mention{
    margin-left: 3px;
    margin-right: 3px;
    background-color: var(--White);
    border: 2px solid transparent;
    border-radius: 3px;
    padding: 0px 3px;
}
.chat-body .chat-body-right span.mention{
    margin-left: 3px;
    margin-right: 3px;
    background-color: var(--w-e-textarea-slight-bg-color);
    border: 2px solid transparent;
    border-radius: 3px;
    padding: 0px 3px;
}
.chat-common .chat-menu-action {
    border-bottom: 1px solid var(--Gray-6);
}
.chat-common .chat-menu-action .action-btn{
    display: flex;
    margin: 10px;
    height: 35px;
    align-items: center;
}
.chat-common .e-btn-mention {
    padding-left: 35px;
    background: url(../img/chat_icon_mention.svg) no-repeat left center;
    background-size: 17px 17px;
    background-position-x: 12px;
    background-color: var(--White);
}
#mentionMeDialog .modal-body{
    max-height: 50vh;
    overflow: auto;
    margin: 20px 10px;
}
.mention-list .mention-message{
    display: flex;
    margin: 10px;
    flex-direction: row;
    border: 1px solid var(--Gray-6);
    border-radius: var(--bs-border-radius);
    max-height: 120px;
    cursor: pointer;
}
.mention-list .mention-message span.mention-me{
    padding: 0px 3px;
    color: var(--Alert);
    font-weight: 700;
}
.mention-list .mention-message:hover{
    background-color: var(--Gray-1);
}
.mention-list .mention-message .img{
    display: flex;
    width: 8%;
    align-items: flex-start;
    padding: 8px 0px 10px 12px;
}
.mention-list .mention-message .header{
    display: flex;
    margin: 5px;
}
.mention-list .mention-message .header .before{
    max-width: 72%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 15px;
    font-weight:700;
}
.mention-list .mention-message .header .after{
    white-space: nowrap;
    margin-right: 10px;
    font-size: 12px;
}
.mention-list .mention-message .content{
    display: flex;
    flex-direction: column;
    padding: 10px;
    width: 92%;
}
.mention-list .mention-message .content .body{
    overflow: auto;
    max-height: 80px;
    margin: 5px;
}
.chat-common .circle.mention-me {
    color: var(--Alert);
    font-weight: 700;
    font-size: 16px;
    display: flex;
    align-items: center;
}
#mentionMeDialog #mentionListEmptyMessage{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: var(--Gray-8);
    text-align: center;
    letter-spacing: 1.5px;
    line-height: 20px;
    font-size: 18px;
    flex-direction: column;
    gap: 5px;
}
.chat-common .e-btn-mention.has-new-mention::before {
    content: '';
    position: relative;
    bottom: 12px;
    left: 80px;
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50%;
}
/* チャット　メンション関連 end */
/* チャット　連絡先リスト関連 start */
.chat-common .chat-user-list-table{
    width: 98%;
    margin: 0 10px 10px 10px;
    font-size: 14px;
}
.chat-common .chat-user-list-table.sub-table{
    margin: 0;
    width: calc(100% + 5px);
}
.chat-common .chat-user-list-table.sub-table tr:last-child td{
    border-bottom: unset;
    padding: 5px 5px 0 5px;
}
.chat-common .chat-user-list-table-block{
    height: 98%;
    overflow: auto;
    padding-top: 0;
}
.chat-common .c-list-table #userListTable{
    width: 98%;
    margin: 10px 10px 0 10px;
    padding: 0;
}
.chat-common .c-list-table .chat-user-list-table .user-list-row.org-row.even td {
    background-color: var(--Gray-1);
}
.chat-common .chat-user-list-table th:nth-child(1),
.chat-common .chat-user-list-table td:nth-child(1){
    width: 30px;
    border-right: unset;
    padding-left: 5px;
}
.chat-common .chat-user-list-table th:nth-child(2),
.chat-common .chat-user-list-table td:nth-child(2){
    width: 20%;
    border-left: unset;
}
.chat-common .chat-user-list-table th:nth-child(3),
.chat-common .chat-user-list-table td:nth-child(3){
    width: 20%;
}
.chat-common .chat-user-list-table td:nth-child(3){
    text-align: left;
}
.chat-common .chat-user-list-table .user-list-row.user-row .sub-table{
    display: flex;
    flex-wrap: wrap;
}
.chat-common .chat-user-list-table .user-list-row.user-row .user-card{
    display: flex;
    flex-direction: column;
    width: 280px;
    margin: 10px;
    padding: 10px;
    border: 1px solid var(--Gray-6);
    border-radius: 10px;
    background-color: var(--White);
    flex-direction: column;
    align-items: flex-start;
}
.chat-common .chat-user-list-table .user-list-row.user-row .user-card:hover{
    background-color: var(--Gray-1);
}
.chat-common .chat-user-list-table .user-list-row.user-row .user-card .user-name{
    display: flex;
    align-items: center;
    gap: 5px;
}
.chat-common .chat-user-list-table .user-list-row.user-row .user-card .user-name-img{
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 230px;
}
.chat-common .chat-user-list-table .user-list-row.user-row .user-card .user-name-img .data-name{
    text-align: left;
    word-break: break-all
}
.chat-common .chat-user-list-table .user-list-row.user-row .user-card .user-content{
    padding: 5px 10px;
}
.chat-common .chat-user-list-table .user-list-row.user-row .user-card .user-name-img .chat-user-list-chat-icon{
    cursor: pointer;
}
.chat-common .chat-user-list-table th:nth-child(4),
.chat-common .chat-user-list-table td:nth-child(4){
    width: auto;
}
.chat-common .chat-user-list-table tr.user-list-row.user-row{
    background-color: var(--Gray-3);
    border-top: 1px solid var(--Gray-1);
    border-bottom: 1px solid var(--Gray-1);
}
.chat-common .chat-user-list .user-list-row .user-list-column.name-and-img{
    display: flex;
    align-items: center;
    gap: 10px;
}
.chat-user-list-expand-icon{
    height: 20px;
    width: 20px;
    background-image: url(../img/chat_user_list_expand_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    cursor: pointer;
}
.chat-user-list-retract-icon{
    height: 20px;
    width: 20px;
    background-image: url(../img/chat_user_list_retract_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    cursor: pointer;
}
.chat-user-list-chat-icon{
    height: 25px;
    width: 25px;
    background-image: url(../img/chat_user_list_chat_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    cursor: pointer;
}
/* チャット　連絡先リスト関連 end */
/* チャット　検索機能関連 start */
.chat-common .chat-search-result-block{
    margin-top: 10px;
    width: 98%;
}
.chat-common .chat-search-result-block .chat-menu-search {
    width: calc(100% - 5px);
    margin-top: 10px;
}
.chat-common .chat-notice-temp .chat-menu-search .chatMenuName {
    width: 360px;
}
.chat-common .chat-notice-temp .chat-menu-search .chatMenuText {
    width: 360px;
}
.chat-common .chat-search-file-icon.img{
    height: 25px;
    width: 25px;
    background-image: url(../img/file_icon_img.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    cursor: pointer;
}
.chat-common .chat-search-file-icon.video{
    height: 25px;
    width: 25px;
    background-image: url(../img/file_icon_video.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    cursor: pointer;
}
.chat-common .chat-search-file-icon.document{
    height: 25px;
    width: 25px;
    background-image: url(../img/file_icon_document.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    cursor: pointer;
}
.chat-common .chat-search-file-icon.other{
    height: 25px;
    width: 25px;
    background-image: url(../img/file_icon_other.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    cursor: pointer;
}
.chat-common .chat-search-file-icon.unknow{
    height: 25px;
    width: 25px;
    background-image: url(../img/file_icon_unknow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    cursor: pointer;
}

.chat-common .chat-body blockquote {
    background-color: var(--w-e-textarea-slight-bg-color);
    border-left: 8px solid var(--w-e-textarea-selected-border-color);
    display: block;
    font-size: 100%;
    line-height: 1.5;
    margin: 10px 0;
    padding: 10px
}

.chat-common .chat-body pre>code {
    background-color: var(--w-e-textarea-slight-bg-color);
    border: 1px solid var(--w-e-textarea-slight-border-color);
    border-radius: 4px 4px;
    display: block;
    font-size: 14px;
    padding: 10px;
    text-indent: 0
}

.chat-common .chat-body .w-e-image-container {
    display: inline-block;
    margin: 0 3px
}

.chat-common .chat-body .w-e-image-container:hover {
    box-shadow: 0 0 0 2px var(--w-e-textarea-selected-border-color)
}

.chat-common .chat-body .w-e-selected-image-container {
    overflow: hidden;
    position: relative
}

.chat-common .chat-body .w-e-selected-image-container .w-e-image-dragger {
    background-color: var(--w-e-textarea-handler-bg-color);
    height: 7px;
    position: absolute;
    width: 7px
}

.chat-common .chat-body .w-e-selected-image-container .left-top {
    cursor: nwse-resize;
    left: 0;
    top: 0
}

.chat-common .chat-body .w-e-selected-image-container .right-top {
    cursor: nesw-resize;
    right: 0;
    top: 0
}

.chat-common .chat-body .w-e-selected-image-container .left-bottom {
    bottom: 0;
    cursor: nesw-resize;
    left: 0
}

.chat-common .chat-body .w-e-selected-image-container .right-bottom {
    bottom: 0;
    cursor: nwse-resize;
    right: 0
}

.chat-common .chat-body .w-e-selected-image-container:hover {
    box-shadow: none
}

.w-e-text-container [contenteditable=false] .w-e-image-container:hover {
    box-shadow: none
}

.chat-common .chat-body .table-container {
    border: 1px dashed var(--w-e-textarea-border-color);
    border-radius: 5px;
    margin-top: 10px;
    overflow-x: auto;
    padding: 10px;
    width: 100%
}

.chat-common .chat-body table {
    border-collapse: collapse
}

.chat-common .chat-body table td,.chat-common .chat-body table th {
    border: 1px solid var(--w-e-textarea-border-color);
    line-height: 1.5;
    min-width: 30px;
    padding: 3px 5px;
    text-align: left
}

.chat-common .chat-body table th {
    background-color: var(--w-e-textarea-slight-bg-color);
    font-weight: 700;
    text-align: center
}

.chat-common .chat-body pre>code {
    word-wrap: normal;
    font-family: Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
    -webkit-hyphens: none;
    hyphens: none;
    line-height: 1.5;
    margin: .5em 0;
    overflow: auto;
    padding: 1em;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    text-align: left;
    text-shadow: 0 1px #fff;
    white-space: pre;
    word-break: normal;
    word-spacing: normal
}

.chat-common .chat-body pre>code .token.cdata,.chat-common .chat-body pre>code .token.comment,.chat-common .chat-body pre>code .token.doctype,.chat-common .chat-body pre>code .token.prolog {
    color: #708090
}

.chat-common .chat-body pre>code .token.punctuation {
    color: #999
}

.chat-common .chat-body pre>code .token.namespace {
    opacity: .7
}

.chat-common .chat-body pre>code .token.boolean,.chat-common .chat-body pre>code .token.constant,.chat-common .chat-body pre>code .token.deleted,.chat-common .chat-body pre>code .token.number,.chat-common .chat-body pre>code .token.property,.chat-common .chat-body pre>code .token.symbol,.chat-common .chat-body pre>code .token.tag {
    color: #905
}

.chat-common .chat-body pre>code .token.attr-name,.chat-common .chat-body pre>code .token.builtin,.chat-common .chat-body pre>code .token.char,.chat-common .chat-body pre>code .token.inserted,.chat-common .chat-body pre>code .token.selector,.chat-common .chat-body pre>code .token.string {
    color: #690
}

.chat-common .chat-body pre>code .language-css .token.string,.chat-common .chat-body pre>code .style .token.string,.chat-common .chat-body pre>code .token.entity,.chat-common .chat-body pre>code .token.operator,.chat-common .chat-body pre>code .token.url {
    color: #9a6e3a
}

.chat-common .chat-body pre>code .token.atrule,.chat-common .chat-body pre>code .token.attr-value,.chat-common .chat-body pre>code .token.keyword {
    color: #07a
}

.chat-common .chat-body pre>code .token.class-name,.chat-common .chat-body pre>code .token.function {
    color: #dd4a68
}

.chat-common .chat-body pre>code .token.important,.chat-common .chat-body pre>code .token.regex,.chat-common .chat-body pre>code .token.variable {
    color: #e90
}

.chat-common .chat-body pre>code .token.bold,.chat-common .chat-body pre>code .token.important {
    font-weight: 700
}

.chat-common u.token.italic {
    font-style: unset
}
.chat-common u.token.bold {
    font-weight: unset
}

.chat-common .chat-body pre>code .token.italic {
    font-style: italic
}

.chat-common .chat-body pre>code .token.entity {
    cursor: help
}
.chat-common .w-e-text-container [data-slate-editor] p{
    margin:0
}
.chat-common .w-e-text-container [data-slate-editor]{
    padding-top: 5px
}
.chat-common .w-e-text-placeholder{
    top: 9px;
}
/* チャット　検索機能関連 end */
/*防災情報システムチャット end*/
/* 品目マスタ一覧画面 start */
.mstv0120 .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 500px;
}
.mstv0120 .shelter-body input[type="text"], .shelter-body select, .shelter-body textarea {
    width: 500px;
}
.mstv0120 textarea {
    resize: both;
}
.mstv0120 .error-message {
    margin-top: -8px;
}
.mstv0120 .c-list-table td {
    text-align: left;
    word-break: break-all;
}

.mstv0120 .modal-item-title {
    min-width: 140px;
}
.mstv0120 .c-list-table th:nth-child(1),
.mstv0120 .c-list-table th:nth-child(2) {
    min-width: 150px;
}
.mstv0120 .c-list-table th:nth-child(3) {
    min-width: 300px;
}
.mstv0120 .c-list-table th:nth-child(4) {
    min-width: 60px;
}
.mstv0120 .c-list-table th:nth-child(5) {
    min-width: 115px;
}
.mstv0120 .shelter-body {
    width: 100%;
}
.mstv0120 th{
    white-space: nowrap;
}
.mstv0120 .center-line {
    align-items: center;
}
.dropdown.bootstrap-select.disabled.error-item{
    border: 1px solid var(--Alert) !important;
}

/* 品目マスタ一覧画面 end */

/*要支援者管理マスタ一覧 start*/
.mst0260 .mst0260Table .b-buttom{
    border-bottom: 1px solid var(--Gray-6);
}
.mst0260 .mst0260Table .b-left{
    border-left: 1px solid var(--Gray-6);
    border-top-left-radius: 0px;
}

.mst0260 .mst0260Table .b-right{
    border-top-right-radius: 0px;
}

.mst0260 .mst0260Table td{word-break: break-all;}
.mst0260 .mst0260Table td:nth-child(1){  width: 170px; text-align: left;}/*宛名番号*/
.mst0260 .mst0260Table td:nth-child(2){  width: 170px; text-align: left; }/*氏名*/
.mst0260 .mst0260Table td:nth-child(3){  width: 75px; text-align: center; }/*性別*/
.mst0260 .mst0260Table td:nth-child(4){  width: 130px; text-align: center; }/*生年月日*/
.mst0260 .mst0260Table td:nth-child(5){  width: 75px; text-align: right;  }/*年齢*/
.mst0260 .mst0260Table td:nth-child(6){  width: 180px; text-align: left; }/*電話*/
.mst0260 .mst0260Table td:nth-child(7){  width: auto; text-align: left;  }/*住所*/
.mst0260 .mst0260Table td:nth-child(8){  width: 75px; text-align: left; }/*同意*/

.mst0260 .mst0260Table td:nth-child(9),.mst0260 .mst0260Table td:nth-child(10),
.mst0260 .mst0260Table td:nth-child(11),.mst0260 .mst0260Table td:nth-child(12),
.mst0260 .mst0260Table td:nth-child(13),.mst0260 .mst0260Table td:nth-child(14),
.mst0260 .mst0260Table td:nth-child(15){  width: 65px; }

.mst0260 .dt-button-collection [role="menu"]{
    width: 170px;
}

.mst0260 .dt-buttons{
    text-align: end;
}

.m-mst0260-select .modal-item.col2{
    display: flex;
}

.m-mst0260-select .control-group{
    display: flex;
    align-items: center;
    width: 50%;
}

.m-mst0260-select .lg-modal-item-title{
    width: 110px;
}

.m-mst0260-select .lg-modal-item-control{
    width: calc(100% - 120px);
    padding: 3px 0;
}

.m-mst0260-file .c-form-title{
    font-size:  var(--font-size-2);;
}

.m-mst0260-file .c-form{
    margin-bottom: 18px;
}

.m-mst0260-file .c-form-table td{
    font-size: var(--font-size-middle);

}

.m-mst0260-file .chk-group{
    padding-top: 0;
}

.m-mst0260-file .chk-group div{
    align-items: center;
}

.m-mst0260-file .c-form-table th{
    width: 180px;
}

.m-mst0260-select .modal-item.col2 {
    display: flex;
}

.m-mst0260-select .control-group {
    display: flex;
    align-items: center;
    width: 100%;
}

.m-mst0260-select .lg-modal-item-title {
    width: 110px;
}

.m-mst0260-select .lg-modal-item-control{
    width: calc(100% - 120px);
    padding: 3px 0;
    width: calc(100% - 120px);
    padding: 3px 0;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 15px;
}

.mst0260 .mst0260Table thread tr:nth-child(1) th:nth-child(1) {
    width: 170px;
}

.mst0260 .mst0260Table thead tr:nth-child(1) th:nth-child(2) {
    width: 170px;
    min-width: 100px;
}

.mst0260 .mst0260Table  thead tr:nth-child(1) th:nth-child(3),
.mst0260 .mst0260Table  thead tr:nth-child(1) th:nth-child(5){
    width: 75px;
    min-width: 50px;
}

.mst0260 .mst0260Table  thead tr:nth-child(1) th:nth-child(4){
    width: 130px;
}

.mst0260 .mst0260Table thead tr:nth-child(1) th:nth-child(6){
    width: 180px;
    min-width: 180px;
}

.mst0260 .mst0260Table thead tr:nth-child(1) th:nth-child(7){
    width: auto;
    min-width: 180px;
}
.mst0260 .mst0260Table thead tr:nth-child(1) th:nth-child(8)
.mst0260 .mst0260Table thead tr:nth-child(1) th:nth-child(9) {
    width: 6%;
}

.mst0260 .mst0260Table td:nth-child(1),
.mst0260 .mst0260Table td:nth-child(2),
.mst0260 .mst0260Table td:nth-child(3),
.mst0260 .mst0260Table td:nth-child(4),
.mst0260 .mst0260Table td:nth-child(6),
.mst0260 .mst0260Table td:nth-child(7),
.mst0260 .mst0260Table td:nth-child(8) {
    text-align: left;
}

.mst0260 .mst0260Table td:nth-child(5) {
    text-align: right;
}

.mst0260 .mst0260Table td:nth-child(9),
.mst0260 .mst0260Table td:nth-child(10),
.mst0260 .mst0260Table td:nth-child(11),
.mst0260 .mst0260Table td:nth-child(12),
.mst0260 .mst0260Table td:nth-child(13),
.mst0260 .mst0260Table td:nth-child(14),
.mst0260 .mst0260Table td:nth-child(15) {
    text-align: center;
}

.mst0260 .m-mst0260-select.s2 input {
    width: 100%;
}

.mst0260 .upload-table th:nth-child(1),
.mst0260 .upload-table th:nth-child(2){
    width: 20%;
}

.mst0260 .upload-table td:nth-child(1),
.mst0260 .upload-table td:nth-child(2){
    width: 30%;
}

.mst0260 .mst0260Table-1 th:nth-child(1),
.mst0260 .mst0260Table-1 th:nth-child(2){
    width: 200px;
}

.mst0260 .mst0260Table-1 th:nth-child(3),
.mst0260 .mst0260Table-1 th:nth-child(5){
    width: 480px;
}

.mst0260 .mst0260Table-1 th:nth-child(4),
.mst0260 .mst0260Table-1 th:nth-child(6) {
    width: 6%;
}

.mst0260 .mst0260Table-1 td:nth-child(1),
.mst0260 .mst0260Table-1 td:nth-child(2),
.mst0260 .mst0260Table-1 td:nth-child(3),
.mst0260 .mst0260Table-1 td:nth-child(5) {
    text-align: left;
}

.mst0260 .title-icon {
    background: var(--staffportal-4);
    font-size: 10px;
    padding: 0px 5px;
    border-radius: 5px;
    line-height: 20px;
    display: block;
    color: var(--header-button-green);
}
/*要支援者管理マスタ一覧 end*/

/* 避難者管理一覧画面 start */
.evcv0010 .c-list-table th:nth-child(2),
.evcv0010 .c-list-table th:nth-child(3),
.evcv0010 .c-list-table th:nth-child(5),
.evcv0010 .c-list-table th:nth-child(6),
.evcv0010 .c-list-table th:nth-child(10),
.evcv0010 .c-list-table th:nth-child(11),
.evcv0010 .c-list-table th:nth-child(7) {
    width: 5%;
}
.evcv0010 .c-list-table th:nth-child(1){
    width: 15%;
}
.evcv0010 .c-list-table th:nth-child(8),
.evcv0010 .c-list-table th:nth-child(9){
    width: 15%;
}
.evcv0010 .modal-item-title {
    min-width: 140px;
}
.evcv0010 .shelter-body {
    width: 100%;
}
.evcv0010 th{
    white-space: nowrap;
}
.evcv0010 .center-line{
    align-items: center;
}
.evcv0010 .modal-item {
    padding-top: 10px;
    padding-bottom: 10px;
}
.evcv0010 .dt-button-collection [role="menu"]{
    width: 170px;
}

.evcv0010 .dt-buttons{
    text-align: end;
}

.evcv0010 #bs-select-1 {
    overflow: auto !important;
}
.evc0010 .evc0010Table .b-buttom{
    border-bottom: 1px solid var(--Gray-6);
}
.evc0010 .evc0010Table .b-left{
    border-left: 1px solid var(--Gray-6);
    border-top-left-radius: 0px;
}

.evc0010 .evc0010Table .b-right{
    border-top-right-radius: 0px;
}

.evc0010 .evc0010Table tr.has-rowspan-column td:nth-child(1){
    width: 200px;
    text-align: left;
    background-color:white;
    border-top: 1px solid var(--Gray-6);
}
.evc0010 .evc0010Table tr.has-rowspan-column td{
     border-top: 1px solid var(--Gray-6);
}
.evc0010 .evc0010Table tr:nth-child(0) td{
     border-top: 0;
}
.evc0010 .evc0010Table tr:not(.has-rowspan-column) td:nth-child(0){
    width: 200px;
    text-align: left;
}

.evc0010 .evc0010Table tr.has-rowspan-column td:nth-child(2),
.evc0010 .evc0010Table tr.has-rowspan-column td:nth-child(3),
.evc0010 .evc0010Table tr.has-rowspan-column td:nth-child(4),
.evc0010 .evc0010Table tr.has-rowspan-column td:nth-child(5){
    width: 100px;
    text-align: left;
}

.evc0010 .evc0010Table tr:not(.has-rowspan-column) td:nth-child(1),
.evc0010 .evc0010Table tr:not(.has-rowspan-column) td:nth-child(2),
.evc0010 .evc0010Table tr:not(.has-rowspan-column) td:nth-child(3),
.evc0010 .evc0010Table tr:not(.has-rowspan-column) td:nth-child(4){
    width: 100px;
    text-align: left;
}

.evc0010 .evc0010Table tr.has-rowspan-column td:nth-child(6){
    width: 100px;
    text-align: center;
}

.evc0010 .evc0010Table tr:not(.has-rowspan-column) td:nth-child(5){
    width: 100px;
    text-align: center;
}

.evc0010 .evc0010Table tr.has-rowspan-column td:nth-child(4){
    width: auto;
    text-align: left;
}

.evc0010 .evc0010Table tr:not(.has-rowspan-column) td:nth-child(3){
    width: auto;
    text-align: left;
}

.evc0010 .evc0010Table tr.has-rowspan-column td:nth-child(7){
    width: 100px;
    text-align: right;
}

.evc0010 .evc0010Table tr:not(.has-rowspan-column) td:nth-child(6){
    width: 100px;
    text-align: right;
}

.evc0010 .evc0010Table tr.has-rowspan-column td:nth-child(8),
.evc0010 .evc0010Table tr.has-rowspan-column td:nth-child(9){
    width: 200px;
}

.evc0010 .evc0010Table tr:not(.has-rowspan-column) td:nth-child(7),
.evc0010 .evc0010Table tr:not(.has-rowspan-column) td:nth-child(8){
    width: 200px;
}

.evc0010 .evc0010Table tr.has-rowspan-column td:nth-child(10),
.evc0010 .evc0010Table tr.has-rowspan-column td:nth-child(11){
    width: 100px;
}

.evc0010 .evc0010Table tr:not(.has-rowspan-column) td:nth-child(9),
.evc0010 .evc0010Table tr:not(.has-rowspan-column) td:nth-child(10){
    width: 100px;
}

.evc0010 .dt-button-collection [role="menu"]{
    width: 170px;
}

.evc0010 .dt-buttons{
    text-align: end;
}

.m-evc0010-select .modal-body {
    height: 610px;
    max-height: 75vh;
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
}

.m-evc0010-select .modal-item.col2{
    display: flex;
}

.m-evc0010-select .control-group{
    display: flex;
    align-items: center;
    width: 50%;
}

.m-evc0010-select .lg-modal-item-title{
    width: 110px;
}

.m-evc0010-select .lg-modal-item-control{
    width: calc(100% - 120px);
    padding: 3px 0;
}

.m-evc0010-select .lg-modal-item-control input[type="text"]{
    width: 90%;
}

.m-evc0010-select .lg-modal-item-control input[type="text"].w260-1{
    width: 75px;
}



.m-evc0010-file .c-form-title{
    font-size:  var(--font-size-2);;
}

.m-evc0010-file .c-form{
    margin-bottom: 18px;
}

.m-evc0010-file .c-form-table td{
    font-size: var(--font-size-middle);

}

.m-evc0010-file .chk-group{
    padding-top: 0;
}

.m-evc0010-file .chk-group div{
    align-items: center;
}

.m-evc0010-file .c-form-table th{
    width: 180px;
}

.evc0010 tr.rowspan-child-row td:nth-child(1){
    border-left: 1px solid var(--Gray-6);
}

/* 避難者管理一覧画面 end */
/*避難者管理 start*/
.evc0020 .m1-common-relace3 .tab-content-img .map-image {
    height: 645px;
}
.evc0020 .width-200 {
   width: 200px;
}
.evc0020 .f-s-z16 {
    font-size: var(--font-size-4);
}

.evc0020 .container .col {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-bottom: 16px;
    letter-spacing: 0.56px;
    flex-wrap: wrap;
}

.evc0020 .container .col label{
    font-weight: var(--font-weight-bold);
}

.evc0020 .col-none {
    flex: 0;
}

.evc0020 .de-ip {
    width: 260px;
}

.evc0020 .de-ip-2 {
    width: 100%;
}

.evc0020 .de-ip-3 {
    width: 545px;
}

.evc0020 .de-ip-4 {
    width: 97%;
}

.evc0020 .line-address{
    line-height: 28px;
}

.evc0020 .flex-items {
    gap: 5px;
}

.evc0020 .flex-items label {
    white-space: nowrap;
}

.evc0020 .r2-template-input42 .tabPanel-title .tabPanel-content {
    height: 50px;
}

.evc0020 .r2-template-input42 .tabPanel-form {
    overflow-x: hidden;
}

.evc0020 .pre-next {
    margin-top: -35px;
    margin-left: auto;
    margin-right: 5px;
    display: flex;
    justify-content: end;
}

.evc0020 .contentsErrors {
    margin-top: 5px;
}

.evc0020 .btm-btn {
    display: flex;
    justify-content: center;
    margin-top: 15px;
    gap: 8px;
}

.evc0020 .c-form-body {
    padding-top: 0px;
}

.evc0020 .chk-group div input[type="checkbox"] ~ label {
    white-space: nowrap;
}

.evc0020 .table1 .map-th{
    width: 50%;
    background-color: #ccc;
    padding: 0;
}

.evc0020 .table1 .map-th img{
    width: 100%;
    height: 700px;
    vertical-align: top;
}

.evc0020 .table1 input[type="text"],.table2 input[type="text"],
.table2 select ,.table4 textarea{
    width: 95%;
}

.evc0020 table,.evc0020 td{
    font-size: var(--font-size-middle);
}

.evc0020 .c-form-table.table2 table{
    padding-bottom: 15px;
    vertical-align: top;
}

.evc0020 .c-form-table th {
    vertical-align: top;
    white-space: nowrap;
}

.evc0020 .c-form-table.table2>tbody>tr>th:nth-child(1) {
    font-size: var(--font-size-2);
    width: 90px;
}

.evc0020 .table2-1 td{
    width: calc(100% / 6);
}

.evc0020 .chk-cell{
    width: 60px;
}

.evc0020 .chk-group-250{
    width: 100%;
    display: block;
    margin-top: 7px;
}

.evc0020 .chk-group-250>div{
    display: inline-block;
    min-width: 240px;
    height: 35px;
    line-height: 23px;
    margin-right: 10px;
}

.evc0020 .table2-10 td{
    height: 35px;
}

.evc0020 .table2-10 td:nth-child(1){
    width: 205px;
}

.evc0020 .cell-width-1{
    width: 205px;
}

.evc0020 .cell-width-2{
    width: 100px;
}

.evc0020 .table3 th:nth-child(1){  width: 50%; }
.evc0020 .table3 th:nth-child(2){  width: calc( ( 50% - 100px ) / 3 ); }
.evc0020 .table3 th:nth-child(3){  width: calc( ( 50% - 100px ) / 3 ); }
.evc0020 .table3 th:nth-child(4){  width: calc( ( 50% - 100px ) / 3 ); }
.evc0020 .table3 th:nth-child(5){  width: 100px; }


.evc0020 .m1-common-relace3 .tab-content-area .tab-content {
    height: 473px;
}

.evc0020 table.dataTable tbody tr:nth-child(odd) td {
    background-color: var(--White);
}

.evc0020 .col-none-33 {
    flex: 0 0 33%;
}

.evc0020 .chk-group {
    flex-wrap: nowrap;
}

.evc0020 .container {
    padding-bottom: 25px;
}

.evc0020 .mt-0 {
    padding-top: 0;
}

.evc0020 .jus-space-between {
    width: 100%;
}

.btm-1 {
    border-bottom: 1px solid var(--Gray-6);
}

.m-evc0020-select .modal-body {
    max-height: 75vh;
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
}

.m-evc0020-select .modal-item.col2 {
    display: flex;
}

.m-evc0020-select .control-group {
    display: flex;
    align-items: center;
    width: 33%;
}

.m-evc0020-select .lg-modal-item-title {
    width: 90px;
}

.m-evc0020-select .lg-modal-item-control{
    padding: 3px 0;
    width: 200px;
    padding: 3px 0;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 15px;
}

.m-evc0020-select  table td{
    text-align: left;
}

.evc0020Table {
    min-width: 1400px;
}

.evc0020Table td:nth-child(1),
.evc0020Table td:nth-child(4),
.evc0020Table td:nth-child(6),
.evc0020Table td:nth-child(7),
.evc0020Table td:nth-child(8),
.evc0020Table td:nth-child(9) {
    text-align: left;
}

.evc0020Table td:nth-child(2),
.evc0020Table td:nth-child(3),
.evc0020Table td:nth-child(5),
.evc0020Table td:nth-child(10) {
    text-align: center;
}

.evc0020Table td:nth-child(3),
.evc0020Table th:nth-child(3),
.evc0020Table td:nth-child(5),
.evc0020Table th:nth-child(5),
.evc0020Table td:nth-child(10),
.evc0020Table th:nth-child(10){
    width: 80px;
}

.evc0020Table td:nth-child(2),
.evc0020Table th:nth-child(2),
.evc0020Table td:nth-child(4),
.evc0020Table th:nth-child(4){
    width: 100px;
}

.evc0020Table td:nth-child(6),
.evc0020Table th:nth-child(6),
.evc0020Table td:nth-child(7),
.evc0020Table th:nth-child(7),
.evc0020Table td:nth-child(8),
.evc0020Table th:nth-child(8){
    width: 180px;
}

.evc0020Table td:nth-child(1),
.evc0020Table th:nth-child(1){
    width: 200px;
}

.evc0020Table td:nth-child(9),
.evc0020Table th:nth-child(9){
    width: auto;
}

.evc0020 .m-evc0020-select .lg-modal-item-control {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
}

.evc0020 .m-evc0020-select .lg-modal-item-control .chk-group {
    padding-top:0px;
}
.evc0020 .btn-close:focus {
    color: var(--bs-btn-close-color);
    opacity: var(--bs-btn-close-opacity) !important;
    outline: 0;
    box-shadow: unset;
    opacity: unset;
}
.evc0020 .btn-close:hover {
    color: var(--bs-btn-close-color);
    text-decoration: none;
    opacity: var(--bs-btn-close-opacity);
}
/*避難者管理 end*/
#main10 {
    width: 100%;
    height: 100px;
}
.top-page .pie3-main {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px;
    overflow-x: auto;
    overflow-y: hidden;
}
.top-page .pie3-main::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: var(--white);
}
.top-page .pie3-main::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: var(--white);
}
.top-page .pie3-main::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--Gray-6);
}
.top-page .pie3-r1{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap:2px;
}
.top-page .pie3-r1>div:nth-child(1) {
    width: 100%;
    border-radius: 4px;
    background: var(--Success_light)
}
.top-page .pie3-r1>div,.pie1-r1-2>div{
    height: 40px;
    border-radius: 4px;
}
.top-page .pie3-r1-2{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap:2px;
}
.top-page .pie3-r1-2>div:nth-child(1) {
    width: 50%;
    background: var(--Alert-light)
}
.top-page .pie3-r1-2>div:nth-child(2) {
    width: 50%;
    background: var(--Success_light);
}
.top-page .pie3-r2{
    height: 80px;
    min-width: 400px;
    width: 100%;
}
.top-page .t-r2-c3-r1.r1-4 {
    height: 100%;
}
.top-page .pie3-main .js-st-f1 {
    display: flex;
    justify-content: start;
    align-items: center;
    height: 100%;
    padding: 12px 16px;
}
.top-page .pie3-main .js-st-f1>div {
    flex: 1;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-mark);
    display: flex;
    align-items: center;
}
.top-page .pie3-main .js-st-f1 span {
    margin-right: 5px;
    font-size: var(--font-size-mark);
    font-size: var(--font-size-2);
}
.top-page .pie3-main .js-st-f1 b {
    font-size: var(--font-size-2);
}
/* 備蓄倉庫マスタ一覧 start */
.mstv0140 .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 500px;
}
.mstv0140 .shelter-body input[type="text"], .shelter-body select, .shelter-body textarea {
    width: 500px;
}
.mstv0140 textarea {
    resize: both;
}
.mstv0140 .error-message {
    margin-top: -8px;
}
.mstv0140 .c-list-table td {
    text-align: left;
}
.mstv0140 .modal-item-title {
    min-width: 140px;
}
.mstv0140 .shelter-body {
    width: 100%;
}
.mstv0140 th{
    white-space: nowrap;
}
.mstv0140 .center-line {
    align-items: center;
}
.mstv0140 .c-list-table table td {
    white-space: normal;
    word-break: break-all;
}
.mstv0140 .c-list-table th:nth-child(1) {
    width: 200px;
}
.mstv0140 .c-list-table td:nth-child(1) {
    width: 200px;
}
.mstv0140 .c-list-table th:nth-child(2) {
    width: 250px;
}
.mstv0140 .c-list-table td:nth-child(2) {
    width: 250px;
}
.mstv0140 .c-list-table th:nth-child(3) {
    width: 150px;
}
.mstv0140 .c-list-table td:nth-child(3) {
    width: 150px;
}
.mstv0140 .c-list-table th:nth-child(4) {
    width: 400px;
}
.mstv0140 .c-list-table td:nth-child(4) {
    width: 400px;
}
.mstv0140 .c-list-table th:nth-child(5) {
    width: 150px;
}
.mstv0140 .c-list-table td:nth-child(5) {
    width: 150px;
}
.mstv0140 .c-list-table th:nth-child(6) {
    width: 400px;
    main-width: 200px
}
.mstv0140 .c-list-table td:nth-child(6) {
    width: 400px;
    main-width: 200px
}
/* 備蓄倉庫マスタ一覧 end */
/* 備蓄倉庫マスタ入力 start */
.mstv0130 .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 500px;
}
.mstv0130 .shelter-body input[type="text"], .shelter-body select, .shelter-body textarea {
    width: 500px;
}
.mstv0130 textarea {
    resize: both;
}
.mstv0130 .error-message {
    margin-top: -8px;
}
/* 備蓄倉庫マスタ入力 end */
/*タイムライン実績画面 start*/
.time-mst-input .table-record-1 td{
    vertical-align: middle;
}
.time-mst-input .table-record-1 th:nth-child(1),
.time-mst-input .table-record-1 td:nth-child(1){
    width: 10% !important;
}

.time-mst-input .timeline-name-style {
    background-color: transparent !important;
    border: none !important;
}

.tml0010 .tml0010Table td{word-break: break-all;}
.tml0010 .tml0010Table td:nth-child(1){  width: 70px; }
.tml0010 .tml0010Table td:nth-child(2){  width: 175px; text-align: left; }
.tml0010 .tml0010Table td:nth-child(3){  width: 300px; text-align: left; }
.tml0010 .tml0010Table td:nth-child(4){  width: 230px; text-align: left; }
.tml0010 .tml0010Table td:nth-child(5){  width: 220px; text-align: right; }
.tml0010 .tml0010Table td:nth-child(6){  width: 230px; text-align: left; }
.tml0010 .tml0010Table td:nth-child(7){  width: auto; text-align: left; }
.tml0010 .tml0010Table td:nth-child(8){  width: 75px; text-align: left; }
.tml0010 .tml0010Table td:nth-child(9){  width: 75px; }

.tml0010 .tml0010Table .text-width {
    width: 100% !important;
}

.tml0010-modal {
    --bs-modal-width: 1200px !important;
}

.tml0010-modal .tml-modal-table td{word-break: break-all;}
.tml0010-modal .tml-modal-table td:nth-child(1){  width: 135px; text-align: left; }
.tml0010-modal .tml-modal-table td:nth-child(2){  width: 135px; text-align: left; }
.tml0010-modal .tml-modal-table td:nth-child(3){  width: 230px; text-align: left; }
.tml0010-modal .tml-modal-table td:nth-child(4){  width: 150px; text-align: left; }
.tml0010-modal .tml-modal-table td:nth-child(5){  width: 150px; text-align: left; }
.tml0010-modal .tml-modal-table td:nth-child(6){  width: auto; text-align: left; }

.tml0010-modal .modal-time {
    width: 135px;
}

.tml0010-modal .modal-org {
    width: 150px;
}

.tml0010-modal .bootstrap-select {
    width: 150px !important;
}

.tml0010-modal .modal-text {
    width: 100%;
}

.tml0010Table .e-btn-collection-button-pencil{
    background-color: unset;
    border: unset !important;
}

.tml-autocomplete {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.mst0100 .required {
    white-space: nowrap;
}

.tml0010 .required {
    white-space: nowrap;
}

.tml0010 .list-message{
    margin-left: 20px;
    margin-top: 20px;
}

/*タイムライン実績画面 end*/
/*備蓄物資管理一覧 start*/
.spl0050 .c-list-table td ul {
    white-space: nowrap;
}

.spl0050 .c-list-table td ul li {
    padding: 7px 27px 7px 16px;
    cursor: pointer;
}

.spl0050 .c-list-table td ul li:hover {
    box-shadow: 0px 0px 5px 0px var(--Gray-6);
}

.spl0050 .c-list-table td ul li .ico-info{
    padding-left: 25px;
    font-size: 14px;
}

.spl0050 .add-plus {
    background: url(../img/bi_plus.svg) no-repeat center center;
    background-position-x: -3px;
    background-color: var(--White);
}

.spl0050 .out-done {
    background: url(../img/outbound.svg) no-repeat center center;
    background-position-x: 0px;
    background-position-y: 5px;
    background-color: var(--White);
    background-size: 15px 15px;
}

.spl0050 .abandoned {
    background: url(../img/abandoned.svg) no-repeat center center;
    background-position-x: 0px;
    background-position-y: 5px;
    background-color: var(--White);
    background-size: 15px 15px;
}

.spl0050 .warehouse_relocation {
    background: url(../img/warehouse_relocation.svg) no-repeat center center;
    background-position-x: 0px;
    background-position-y: 4px;
    background-color: var(--White);
    background-size: 18px 18px;
}

.spl0050 .management {
    background: url(../img/management.svg) no-repeat center center;
    background-position-x: 0px;
    background-position-y: 5px;
    background-color: var(--White);
    background-size: 15px 15px;
}

.spl0050 .history {
    background: url(../img/history.svg) no-repeat center center;
    background-position-x: 0px;
    background-position-y: 5px;
    background-color: var(--White);
    background-size: 15px 15px;
}

.spl0050 .cal_num {
    background: url(../img/cal_num.svg) no-repeat center center;
    background-position-x: 10px;
    background-position-y: 5px;
    background-color: var(--Blue-2);
    background-size: 15px 15px;
    padding-left: 35PX;
}

.spl0050 table.dataTable tr .backcup-red {
    background-color: var(--Alert) !important;
}

.spl0050 table.dataTable tr:has(td:nth-child(1) .form-check-input:checked[type="checkbox"])>.backcup-red {
    background-color: var(--Alert) !important;
}

.m-spl0050-select .modal-body {
    max-height: 75vh;
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
}

.m-spl0050-select .modal-item.col2 {
    display: flex;
}

.m-spl0050-select .control-group {
    display: flex;
    align-items: center;
    width: 100%;
}

.m-spl0050-select .lg-modal-item-title {
    width: 125px;
}

.m-spl0050-select .lg-modal-item-control{
    width: calc(100% - 120px);
    padding: 3px 0;
    width: calc(100% - 120px);
    padding: 3px 0;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 15px;
}

.spl0050 .spl0050Table th:nth-child(1) {
    width: 45px;
}

.spl0050 .spl0050Table th:nth-child(2) {
    width: 165px;
}

.spl0050 .spl0050Table th:nth-child(3) {
    width: 80px;
}

.spl0050 .spl0050Table th:nth-child(4),
.spl0050 .spl0050Table th:nth-child(5),
.spl0050 .spl0050Table th:nth-child(6),
.spl0050 .spl0050Table th:nth-child(7),
.spl0050 .spl0050Table th:nth-child(8),
.spl0050 .spl0050Table th:nth-child(9) {
    width: 6%;
}

.spl0050 .spl0050Table td:nth-child(4),
.spl0050 .spl0050Table td:nth-child(5),
.spl0050 .spl0050Table td:nth-child(6),
.spl0050 .spl0050Table td:nth-child(7),
.spl0050 .spl0050Table td:nth-child(8),
.spl0050 .spl0050Table td:nth-child(9),
.spl0050 .spl0050Table td:nth-child(10),
.spl0050 .spl0050Table td:nth-child(11),
.spl0050 .spl0050Table td:nth-child(12) {
    text-align: left;
}

.spl0050 .spl0050Table td:nth-child(4),
.spl0050 .spl0050Table td:nth-child(5) {
    text-align: center;
}

.spl0050 .spl0050Table th:nth-child(10) {
    width: 220px;
}

.spl0050 .spl0050Table th:nth-child(11) {
    width: 150px;
}

.spl0050 .spl0050Table th:nth-child(12) {
    width: 115px;
    white-space: nowrap;
}

.spl0050 .spl0050Table th:nth-child(13) {
    width: 70px;
}

.spl0050 .nums-wrap{
    display: flex;
    flex-wrap: wrap;
}

.spl0050 .c-list-table .dropdown-toggle {
    padding: 10px;
}

.spl0050 .plv01-ul {
    padding: 10px 27px 10px 16px;
    margin: 0;
    font-size: var(--font-size-middle);
    overflow-y: auto;
    width: 150px;
    border-radius: 4px;
}

.spl0050 .left-center-text {
    display: grid;
    justify-content: center;
    display: flex;
    align-items: center;
    /* gap: 15px; */
    justify-content: space-between;
    margin-right: 15px;
}

.spl0050 .plv01-ul .flex-items{
    gap: 5px;
}

.dtfh-floatingparenthead .type-red,
.spl0050 .type-red {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: var(--Alert);
}

.spl0050 .dt-button-collection [role="menu"]{
    margin-left: auto;
}
.spl0050 #infoList td {
    white-space: normal;
    word-break: break-all;
}
.spl0050 #infoList td:nth-child(1) {
    width: 40px;
}
.spl0050 #infoList td:nth-child(2) {
    width: 235px;
}
.spl0050 #infoList td:nth-child(3) {
    width: 70px;
}
.spl0050 #infoList td:nth-child(13) {
    width: 40px;
}
.spl0050 .no-auth a {
    color: var(--Gray-6);
}
.spl0050 .form-check-input[type=radio]:focus {
    border: 1px solid var(--Blue-2);
}
.spl0050 .form-check-input[type=radio]:focus-visible {
    outline: 1px solid var(--Gray-6);
    box-shadow: 0 0 0 3px var(--Gray-6);
}
/*備蓄物資管理一覧 end*/
/*備蓄物資管理入力 start*/
.spl0060 .ipt-200 {
    width: 200px !important;
}
.m-spl0060-select .modal-body {
    max-height: 75vh;
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
}

.m-spl0060-select .modal-item.col2{
    display: flex;
}

.m-spl0060-select .control-group{
    display: flex;
    align-items: center;
    width: 100%;
}

.m-spl0060-select .lg-modal-item-title{
    width: 110px;
}

.m-spl0060-select .lg-modal-item-control{
    width: calc(100% - 120px);
    padding: 3px 0;
    width: calc(100% - 120px);
    padding: 3px 0;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 15px;
}

.spl0060 .c-list-table .tile {
    color:var(--Blue-7);
    width: 150px;
    font-weight: var(--font-weight-bold);
}

.spl0060 .c-list-table td {
    text-align: left;
    white-space: normal;
    word-break: break-all;
}

.spl0060 .c-list-table  td:nth-child(1) {
    text-align: center;
}

.spl0060 #history-dialog .c-list-table {
    width: 38%;
}

.spl0060 #history-dialog .c-list-table td:nth-child(1) {
    width: 160px;
    text-align: left;
}

.spl0060 #history-dialog .c-list-table td:nth-child(2) {
    width: 75px;
    text-align: left;
}


.spl0060 #history-dialog .history-table tr:hover {
    background-color: var(--Orange-light) !important;
    cursor: pointer;
}

.spl0060 #history-dialog .c-list-table {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.spl0060 #history-dialog .history-table tr:nth-child(even) {
    background-color: var(--Gray-1);
}

.spl0060 #history-dialog .detail-info .c-list-table {
    width: 100%;
}

.spl0060 #history-dialog .detail-info {
    padding: 0px;
    background: var(--Gray-1);
    width: 62%;
    overflow-y: auto;
    margin-left: 3px;
}

.spl0060 #history-dialog .detail-info .c-list-table td:nth-child(1) {
    width: 55px;
    text-align: left;
}

.spl0060 #history-dialog .detail-info .c-list-table td:nth-child(2) {
    text-align: left;
    white-space: normal;
    word-break: break-word;
}

.spl0060 #history-dialog .detail-info .detail-info-message {
    padding: 12px;
    height: 100%;
    min-height: 435px;
}

.spl0060 .row-c {
    flex-direction: row;
    align-items: center;
    display: flex;
    gap: 5px;
}

.spl0060 .row-c label{
    font-weight: var(--font-weight-bold);
}

.spl0060 #search-dialog .c-list-table td {
    text-align: center;
}

.spl0060 .changeName {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.spl0060 .changeName>div {
    display: flex;
    align-items: center;
    gap: 5px;
    border: 1px solid var(--Gray-6);
    padding: 6px 12px;
    border-radius: 25px;
    white-space: nowrap;
}

.spl0060 .changeName .btn-close {
    font-size: 10px;
}

.spl0060 .tooltip-style {
    left: 0px;
}

.spl0060 .col-none {
    flex: 0;
}

.spl0060 .col-none-column1 {
    flex: 0 0 315px;
}
.spl0060 textarea {
    resize: both;
    min-width: 100%;
    max-width: 140%;
}
.spl0060 .mst1  td:nth-child(1) {
    width: 200px;
}
.spl0060 .mst1  td:nth-child(3) {
    width: 150px;
}
.spl0060 .mst1  td:nth-child(4) {
    width: 500px;
}
.spl0060 .mst2  td:nth-child(1) {
    width: 70px;
}
.spl0060 .mst2  td:nth-child(2) {
    width: 200px;
}
.spl0060 .mst2  td:nth-child(4) {
    width: 150px;
}
.spl0060 .mst2  td:nth-child(5) {
    width: 500px;
}
.spl0060 .line-height {
    line-height: 20px;
}
.spl0060 .flex-items {
    align-items: start;
}
.spl0060 .select_tr {
    color: var(--Blue-8);
}
/*備蓄物資管理入力 end*/
/*物資支援要請入力 start*/
#SMTV0020Form .shelter-body {
    width: 100%;
}
#SMTV0020Form .col-none {
    flex: 0;
}
#SMTV0020Form .col-the {
    flex: 0 0 570px;
}
#SMTV0020Form .col-one {
    flex: 0 0 400px;
}
#SMTV0020Form .col-two {
    flex: 0 0 235px;
}
#SMTV0020Form .col-size1 {
    flex: 0 0 150px;
}
#SMTV0020Form .col-size2 {
    flex: 0 0 220px;
}
#SMTV0020Form .col-size3 {
    flex: 0 0 260px;
}
#SMTV0020Form .col-size3 .button-div {
    display: flex;
    gap: 20px;
}
#SMTV0020Form .right-icon {
    width: 20px;
    height: 25px;
    background: var(--Gray-6);
}
#SMTV0020Form .right-icon:before {
    content: "";
    display: block;
    border-style: solid;
    position: relative;
    left: 20px;
    bottom: 10px;
    border-width: 20px 0 25px 25px;
    border-color: transparent transparent transparent var(--Gray-6);
}
#SMTV0020Form .w-500 {
    width: 500px;
}
#SMTV0020Form .con-70 {
    width: 70%;
}

#SMTV0020Form .bottom-border {
    border-bottom: 1px solid var(--Gray-6);
}

#SMTV0020Form textarea {
    width: 70%;
}
.schemeMasterList td:nth-child(2),
.schemeMasterList td:nth-child(3),
.schemeMasterList td:nth-child(4),
.schemeMasterList td:nth-child(6),
.schemeMasterList td:nth-child(7){
    min-width: 200px;
}
.schemeMasterList td:nth-child(1),
.schemeMasterList td:nth-child(5){
    min-width: 100px;
}
#SMTV0020Form #ttShienBusshiDetailList td:nth-child(1),
#SMTV0020Form #ttShienBusshiDetailList td:nth-child(2),
#SMTV0020Form #ttShienBusshiDetailList td:nth-child(3) {
    width: 200px;
}

#SMTV0020Form #ttShienBusshiDetailList td:nth-child(4) input {
    width: 100%;
}

#SMTV0020Form #ttShienBusshiDetailList td:nth-child(5),
#SMTV0020Form #ttShienBusshiDetailList td:nth-child(6),
#SMTV0020Form #ttShienBusshiDetailList td:nth-child(7) {
    width: 100px;
}

#SMTV0020Form #ttShienBusshiDetailList td:nth-child(5) input,
#SMTV0020Form #ttShienBusshiDetailList td:nth-child(6) input {
    width: 120px;
}

#SMTV0020Form .error-message {
    display: block;
}
.c-message.no-left-message {
    padding: 0 0;
}
/*物資支援要請入力 end*/
/*物資支援要請一覧 start*/
#SMTV0010Form .bottom-border {
    border-bottom: 1px solid var(--Gray-6);
}
#SMTV0010Form .border-left {
    border-left: 1px solid var(--Gray-6);
    border-top-left-radius: 0px;
}
#SMTV0010Form td.child-row::before {
    content: '';
    position: relative;
    background-image: url(../img/bi_child_row.svg);
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    background-size: 15px 15px;
    background-position-y: -1px;
    width: 20px;
    height: 20px;
    margin-left: 92%;
}

#SMTV0010Form #infoList td {
    text-align: left;
    white-space: normal;
    word-break: break-all;
}

#SMTV0010Form #infoList td:nth-child(1) {
    width: 300px;
    text-align: left;
}

#SMTV0010Form #infoList td:nth-child(4) {
    width: 420px;
    text-align: left;
}

#SMTV0010Form #infoList td:nth-child(5) div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}


#SMTV0010Form #infoList td:nth-child(6) {
    width: 100px;
    text-align: center;
}

#SMTV0010Form #infoList td:nth-child(7) {
    width: 100px;
    text-align: right;
}
#SMTV0010Form #infoList .cw-140 {
    width: 140px;
}
#SMTV0010Form #infoList .cw-200 {
    width: 200px;
}
#SMTV0010Form .child-table td:nth-child(4) {
    width: 40%;
}
#SMTV0010Form .c-list-table {
    height: 100% !important;
}
#SMTV0010Form .master1 {
    padding: 4px 7px;
    background: var(--Alert);
    border-radius: 7px;
    font-size: 12px;
    color: var(--White);
    line-height: 10px;
    padding-bottom: 5px;
    white-space: nowrap;
}
#SMTV0010Form .master2 {
    padding: 4px 7px;
    background: var(--header-button-yellow);
    border-radius: 7px;
    font-size: 12px;
    color: var(--White);
    line-height: 10px;
    padding-bottom: 5px;
    white-space: nowrap;
}
#SMTV0010Form .master3 {
    padding: 4px 7px;
    background: var(--Success);
    border-radius: 7px;
    font-size: 12px;
    color: var(--White);
    line-height: 10px;
    padding-bottom: 5px;
    white-space: nowrap;
}
#SMTV0010Form .master4 {
    padding: 4px 7px;
    background: var(--Blue-2);
    border-radius: 7px;
    font-size: 12px;
    color: var(--White);
    line-height: 10px;
    padding-bottom: 5px;
    white-space: nowrap;
}
#SMTV0010Form .mr-10 {
    margin-right: 10px;
}
#SMTV0010Form .modal-body {
    max-height: 75vh;
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
}

#SMTV0010Form .modal-item.col2 {
    display: flex;
}

#SMTV0010Form .control-group {
    display: flex;
    align-items: center;
    width: 100%;
}

#SMTV0010Form .lg-modal-item-title {
    width: 200px;
}

#SMTV0010Form .lg-modal-item-control{
    width: calc(100% - 120px);
    padding: 3px 0;
    width: calc(100% - 120px);
    padding: 3px 0;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 15px;
}

#SMTV0010Form .chk-group>span {
    display: flex;
    align-items: center;
}

#SMTV0010Form .chk-group label {
    margin-left: 7px;
}
#SMTV0010Form .modal .calendar {
    background-image: url(../img/calendar.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-position-x: 175px;
    cursor: pointer;
    width: 201px !important;
}
#SMTV0010Form .dt-button-collection [role="menu"] {
    width: 135px;
}
#SMTV0010Form .fl-w200 input {
    width: 201px;
}
/*物資支援要請入力 end*/
/* 体制表マスタ入力画面 start */
.tsh-mst-input .ts1 .input1{
    width: 50%;
}
.tsh-mst-input .ts1 .but1{
    margin-left: 20px;
}
.tsh-mst-input .ts2 .modal-item-input1{
    width: 100%;
}
.tsh-mst-input .ts3 .modal-item-input1{
    width: 100%;
}
.mstv0230 .c-form {
    min-width: 1490px;
}
.mstv0230 .th-basic-info {
    width: 8%;
    min-width: 150px;
}
.mstv0230 .btn-show {
    margin-left: 20px;
}
.mstv0230 .td-elapsed-time {
    width: 124px;
    height: 60px;
    min-height 60px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-around;
}
.mstv0230 .tr-elapsed-time {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}
.mstv0230 .td-elapsed-time-last{
    width: 110px;
    height: 60px;
    min-height 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}
.mstv0230 .table-2 td {
    border: 1px solid var(--Gray-6);
}
.mstv0230 .select-elapsed-time{
    min-width: 120px;
    max-width: 120px;
    left: auto !important;
}
.mstv0230 .displayOrder{
    text-align: right;
}
.mstv0230 .requiredNumber{
    text-align: right;
}

.mstv0230 .mst0230Table {
  width: 100%;
}
.mstv0230 .mst0230Table td {
  word-wrap: break-word;
}

.mstv0230 .mst0230Table input {
  box-sizing: border-box;
}

.mstv0230 .mst0230Table td{word-break: break-all;}
.mstv0230 .mst0230Table td:nth-child(1){  width: 150px; text-align: right; }
.mstv0230 .mst0230Table td:nth-child(2){  width: 175px; text-align: left; }
.mstv0230 .mst0230Table td:nth-child(3){  width: 150px; text-align: left; }
.mstv0230 .mst0230Table td:nth-child(4){  width: 250px; text-align: left; }
.mstv0230 .mst0230Table td:nth-child(5){  width: 175px; text-align: right; }
.mstv0230 .mst0230Table td:nth-child(6){  width: 200px; text-align: left; }
.mstv0230 .mst0230Table td:nth-child(7){  width: 200px; text-align: left; }
.mstv0230 .mst0230Table td:nth-child(8){  width: auto; text-align: left; }
.mstv0230 .mst0230Table td:nth-child(9){  width: 75px; }

.mstv0230 .mst0230Table tr{word-break: break-all;}
.mstv0230 .mst0230Table tr:nth-child(1){  width: 150px; text-align: right; }
.mstv0230 .mst0230Table tr:nth-child(2){  width: 175px; text-align: left; }
.mstv0230 .mst0230Table tr:nth-child(3){  width: 150px; text-align: left; }
.mstv0230 .mst0230Table tr:nth-child(4){  width: 250px; text-align: left; }
.mstv0230 .mst0230Table tr:nth-child(5){  width: 175px; text-align: right; }
.mstv0230 .mst0230Table tr:nth-child(6){  width: 200px; text-align: left; }
.mstv0230 .mst0230Table tr:nth-child(7){  width: 200px; text-align: left; }
.mstv0230 .mst0230Table tr:nth-child(8){  width: auto; text-align: left; }
.mstv0230 .mst0230Table tr:nth-child(9){  width: 75px; }

.mstv0230 .mst0230Table .text-width {
    width: 100% !important;
}

.mstv0230 .list-message{
    margin-left: 20px;
    margin-top: 20px;
}

.mstv0230 .check-div{
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 220px;
}

.mstv0230 .td-err{
    width : 260px;
    min-width : 260px;
}
/* 体制表マスタ入力画面 end*/
/* 体制表画面 start */
.scmv0030 .e-btn-collection-button-save {
    padding-left: 27px !important;
    background: url("../img/bi_collection_button_save.svg") no-repeat center center;
    background-position-x: 12px;
}

.scmv0030 .table-1 {
    width: 100%;
    border-spacing: 10px;
}
.scmv0030 .table-1 tr{word-break: break-all;}
.scmv0030 .table-1 th:nth-child(1){
    width: 150px;
}
.scmv0030 .table-1 .th-comment{
    width: 150px;
}
.scmv0030 .table-1 .td-bousaiShirei{
    width: 300px;
}
.scmv0030 .table-1 .td-bousaiShirei{
    width: 300px;
}
.scmv0030 .table-1 .td-announceDateTime{
    width: 300px;
}
.scmv0030 .table-1 .select-announceDateTime{
    font-size: 14px;
}
.scmv0030 .table-1 .select-announceDateTime{
    font-size: 14px;
}

.scmv0030 .table-2 {
    width: 100%;
    border-spacing: 10px;
}
.scmv0030 .table-2 tr{word-break: break-all;}
.scmv0030 .table-2 th:nth-child(1){
    width: 150px;
}
.scmv0030 .table-2 .th-basic-info{
    width: 150px;
}

.scmv0030 .table-3 th {
    height: 58px;
}
.scmv0030 .comment {
    width: 100%;
}

.scmv0030 .ttable-3 th{word-break: break-all;}
.scmv0030 .table-width-1 th:nth-child(1){  width: 50px; text-align: center; }
.scmv0030 .table-width-1 th:nth-child(2){  width: 90px; text-align: center; }
.scmv0030 .table-width-1 th:nth-child(3){  width: 90px; text-align: center; }
.scmv0030 .table-width-1 th:nth-child(4){  width: 200px; text-align: center; }
.scmv0030 .table-width-1 th:nth-child(5){  width: 250px; text-align: center; }
.scmv0030 .table-width-1 th:nth-child(6){  width: 250px; text-align: center; }
.scmv0030 .table-width-1 th:nth-child(7){  width: 200px; text-align: center; }
.scmv0030 .table-width-1 th:nth-child(8){  width: 100px; text-align: center; }
.scmv0030 .table-width-1 th:nth-child(9){  width: 100px; text-align: center; }
.scmv0030 .table-width-1 th:nth-child(10){  width: auto; text-align: center; }

.scmv0030 .ttable-3 td{word-break: break-all;}
.scmv0030 .table-width-1 td:nth-child(1){  width: 50px; text-align: center; }
.scmv0030 .table-width-1 td:nth-child(2){  width: 90px; text-align: left; }
.scmv0030 .table-width-1 td:nth-child(3){  width: 90px; text-align: left; }
.scmv0030 .table-width-1 td:nth-child(4){  width: 200px; text-align: left; }
.scmv0030 .table-width-1 td:nth-child(5){  width: 250px; text-align: left; }
.scmv0030 .table-width-1 td:nth-child(6){  width: 250px; text-align: left; }
.scmv0030 .table-width-1 td:nth-child(7){  width: 200px; text-align: left; }
.scmv0030 .table-width-1 td:nth-child(8){  width: 100px; text-align: right; }
.scmv0030 .table-width-1 td:nth-child(9){  width: 100px; text-align: right; }
.scmv0030 .table-width-1 td:nth-child(10){  width: auto; text-align: left; }


.scmv0030 .table-width-2 th:nth-child(1){  width: 90px; text-align: center; }
.scmv0030 .table-width-2 th:nth-child(2){  width: 90px; text-align: center; }
.scmv0030 .table-width-2 th:nth-child(3){  width: 200px; text-align: center; }
.scmv0030 .table-width-2 th:nth-child(4){  width: 250px; text-align: center; }
.scmv0030 .table-width-2 th:nth-child(5){  width: 250px; text-align: center; }
.scmv0030 .table-width-2 th:nth-child(6){  width: 200px; text-align: center; }
.scmv0030 .table-width-2 th:nth-child(7){  width: 100px; text-align: center; }
.scmv0030 .table-width-2 th:nth-child(8){  width: 100px; text-align: center; }
.scmv0030 .table-width-2 th:nth-child(9){  width: auto; text-align: center; }
.scmv0030 .table-width-2 th:nth-child(10){  width: 50px; text-align: center; }


.scmv0030 .table-width-2 td:nth-child(1){  width: 90px; text-align: left; }
.scmv0030 .table-width-2 td:nth-child(2){  width: 90px; text-align: left; }
.scmv0030 .table-width-2 td:nth-child(3){  width: 200px; text-align: left; }
.scmv0030 .table-width-2 td:nth-child(4){  width: 250px; text-align: left; }
.scmv0030 .table-width-2 td:nth-child(5){  width: 250px; text-align: left; }
.scmv0030 .table-width-2 td:nth-child(6){  width: 200px; text-align: left; }
.scmv0030 .table-width-2 td:nth-child(7){  width: 100px; text-align: right; }
.scmv0030 .table-width-2 td:nth-child(8){  width: 100px; text-align: right; }
.scmv0030 .table-width-2 td:nth-child(9){  width: auto; text-align: left; }
.scmv0030 .table-width-2 td:nth-child(10){  width: 50px; text-align: center; }

.scmv0030 .table-3 input[type="text"] {
    width: 100%;
}

.scmv0030 .attendanceCount{
    text-align: right;
}
.scmv0030 .requiredNumber{
    text-align: right;
}

.scmv0030 .tab-content{
    height: auto;
}

.scmv0030 .tab-content.rd-u8{
    border-radius: 8px;
}

.scmv0030 .check-div{
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 220px;
}

/* 体制表画面 end*/
/* 一括公開プレビュー画面 start*/
.divideCheckbox{
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.divideCheckbox>div:nth-child(2){
    justify-content: center;
    align-items: center;
    display: flex;
    gap: 5px
}
/* 一括公開プレビュー画面 end*/