.bg-darkred{
    background-color: #403434
}

.bg-darkblue{
    background-color: #354034
}

.bg-darkgreen{
    background-color: #343540
}

.table .thead-coler th {
    color: #fff;
    background-color: #ff9900;
  }

.button_center{
    text-align:center !important;
    display: inline;
}

.info_center{
    text-align:center !important;
    margin: 0 auto;
}

.div-border {
    border: 1px solid #ff9900;
}

.default-color {
    color: #ff9900;
}

.readonly-color {
	background-color: #E2E8E7;
	cursor: not-allowed;
}

.font-small {
    font-size: small; 
}

select::-ms-expand {
    display: none;
}

.middleposition {
	vertical-align: middle ;
}

/* テーブル縦スクロール対応用 */
.scrollTable tbody {
    display: block;
    overflow-y: auto;
    /* width: 325px; */
    width: 540px;
    height: 45vh;
}
.scrollTable thead {
    display: block;
}
.scrollTable2 tbody {
    display: block;
    overflow-y: auto;
    width: 395px;
    height: 35vh;
}
.scrollTable2 thead {
    display: block;
}
.scrollTable3 tbody {
    display: block;
    overflow-y: auto;
    width: 1790px;
    height: 55vh;
}
.scrollTable3 thead {
    display: block;
}

@media screen and (max-height:1024px) { 
    .scrollTable4 tbody {
        display: block;
        overflow-x: hidden;
        overflow-y: auto;
        width: 520px;
        height: 20vh;
    }
}
@media screen and (min-height:1025px) {
    .scrollTable4 tbody {
        display: block;
        overflow-x: hidden;
        overflow-y: auto;
        width: 520px;
        height: 25vh;
    }
}

.scrollTable4 thead {
    display: block;
}
.scrollTable5 tbody {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    width: 500px;
    height: 25vh;
}
.scrollTable5 thead {
    display: block;
}
.scrollTable6 tbody {
    display: block;
    overflow-y: auto;
    /* width: 325px; */
    width: 795px;
    height: 20vh;
}
.scrollTable6 thead {
    display: block;
}
.scrollTable7 tbody {
    display: block;
    overflow-y: auto;
    /* width: 325px; */
    min-width: 475px;
    height: 20vh;
    border: none;
}
.scrollTable7 thead {
    display: block;
}

.scrollTable8 tbody {
    display: block;
    overflow-y: auto;
    /* width: 325px; */
    min-width: 475px;
    height: 45vh;
    border: none;
}
.scrollTable8 thead {
    display: block;
}

.scrollTable9 tbody {
    display: block;
    overflow-y: auto;
    /* width: 325px; */
    width: 538px;
    height: 45vh;
}
.scrollTable9 thead {
    display: block;
}

@media screen and (max-height:667px) { 
    .chart_container {
        height: 350px !important;
        margin: auto !important;
    }
}
@media screen and (min-height:668px) {
    .chart_container {
        height: 40% !important;
        max-width: 1000px;
        margin: auto !important;
    }
}

@media screen and (max-height:667px) { 
    .map_container {
        height: 65% !important;
        width: 100% !important;
        margin: auto !important;
    }
}
@media screen and (min-height:668px) {
    .map_container {
        height: 75% !important;
        width: 100% !important;
        margin: auto !important;
    }
}

.footer {
    height: 50px;
}

.footerposition{
    width: 100%;
    background-color: #fff;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    position: absolute;
    bottom: 0;
}

@media screen and (max-height:736px) { 
    .footerposition2{
        width: 100%;
        background-color: #fff;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        bottom: 0;
    }
}
@media screen and (min-height:737px) {
    .footerposition2{
        width: 100%;
        background-color: #fff;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        position: absolute;
        bottom: 0;
    }
}

@media screen and (max-height:666px) { 
    .footerposition3{
        width: 100%;
        background-color: #fff;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        bottom: 0;
    }
}

@media screen and (min-height:667px) {
    .footerposition3{
        width: 100%;
        background-color: #fff;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        position: absolute;
        bottom: 0;
    }
}

@media screen and (max-height:945px) { 
    .footerposition4{
        width: 100%;
        background-color: #fff;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        bottom: 0;
    }
}
@media screen and (min-height:946px) {
    .footerposition4{
        width: 100%;
        background-color: #fff;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        position: absolute;
        bottom: 0;
    }
}

.footerposition5{
    width: 100%;
    background-color: #fff;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    bottom: 0;
}

img{
    object-fit: contain;
  }

.interval{
    letter-spacing: 2px;
}

@media screen and (max-width:442px) { 
    .autofont{
        font-size: 3.1vw;
        height:17px !important;
    }
}

@media screen and (min-width: 1200px) and (max-width:1271px) { 
    .autofont{
        font-size: 1vw;
        height:17px !important;
    }
}

@media screen and (min-width:530px) { 
    .center{
        justify-content: center;
    }
}

@media screen and (min-width:767px) { 
    .center2{
        justify-content: center;
    }
}

.clear-decoration {
    border: none;  /* 枠線を消す */
    outline: none !important; /* クリックしたときに表示される枠線を消す */
    background: transparent; /* 背景の灰色を消す */
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    cursor:pointer;
}

.wrap{position:relative;width: max-content;}
.wrap .clearButton{position:absolute;bottom:3px;right:3px;}

/* デバイス一覧 */
.deviceid_deviceList{
    line-height:25px;
    min-width: 110px;
    max-width: 110px;
}
.gyomukey_deviceList{
    line-height:25px;
    min-width: 110px;
}
.receive_deviceList{
    line-height:25px;
    min-width: 85px;
}
.lastupdated_deviceList{
    line-height:25px;
    min-width: 155px;
}
.heisen_deviceList{
    line-height:25px;
    min-width: 60px;
}

/* 受信一覧 */
.devicedate_receiveDataList{
    line-height:25px;
    min-width: 200px;
}

.devicevalue_receiveDataList{
    line-height:25px;
    min-width: 80px;
}

.sabun_receiveDataList{
    line-height:25px;
    min-width: 90px;
}

/* デバイス管理一覧 */
.groupId_deviceManagementList{
    line-height:25px;
    min-width: 140px;
}
.deviceId_deviceManagementList{
    line-height:25px;
    min-width: 140px;
}
.gyomuKey_deviceManagementList{
    line-height:25px;
    min-width: 140px;
}

.heisen_name_deviceManagementList{
    line-height:25px;
    min-width: 100px;
}

/* 利用者管理 */
.userId_userManagementList{
    line-height:25px;
    min-width: 100px;
}
.userName_userManagementList{
    line-height:25px;
    min-width: 400px;
}

/* 見守り一覧 */
.gyomu_key_watchList{
    line-height:25px;
    min-width: 110px;
    max-width: 110px;
}
.device_id_watchList{
    line-height:25px;
    max-width: 0px;
}
.tsuuch_kbn_watchList{
    line-height:25px;
    min-width: 110px;
}
.jyoukyou_kbn_watchList{
    line-height:25px;
    min-width: 80px;
}
.check_datetime_watchList{
    line-height:25px;
    min-width: 155px;
}

/* 見守り記録一覧 */
.check_datetime_mimamoriLogList{
    line-height:25px;
    min-width: 150px;
}
.tsuuch_kbn_mimamoriLogList{
    line-height:25px;
    min-width: 110px;
}
.jyoukyou_kbn_mimamoriLogList{
    line-height:25px;
    min-width: 110px;
}
.kakunin_kbn_mimamoriLogList{
    line-height:25px;
    min-width: 185px;
}
.tsuuch_genin_mimamoriLogList{
    line-height:25px;
    min-width: 220px;
}

/* 見守り通知先 */
.renban_tsuuchi_kanriList{
    line-height:25px;
    min-width: 60px;
}
.tsuuchi_name_tsuuchi_kanriList{
    line-height:25px;
    min-width: 120px;
}
.tsuuchi_mail_tsuuchi_kanriList{
    line-height:25px;
    min-width: 230px;
}
.delete_tsuuchi_kanriList{
    line-height:25px;
    min-width: 60px;
}

/* 指示数一覧 */
.group_id_shijisuList{
    line-height:25px;
    min-width: 90px;
}
.gyomukey_shijisuList{
    line-height:25px;
    min-width: 100px;
    max-width: 100px;
}
.device_id_shijisuList{
    line-height:25px;
    min-width: 90px;
}
.received_date_shijisuList{
    line-height:25px;
    min-width: 155px;
}
.received_value_shijisuList{
    line-height:25px;
    min-width: 85px;
}

/* テーブルソートのアイコン用 */
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 8px;
    right: 8px;
    display: block;
    font-family: "Glyphicons Halflings";
    opacity: 0.5;
}
table.dataTable thead .sorting:after {
    content: "-";
}
table.dataTable thead .sorting_asc:after {
    content: "↓";
}
table.dataTable thead .sorting_desc:after {
    content: "↑";
}
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    color: #eee;
}