@charset "utf-8";

#message{
    position: absolute;
    top : 80px;
    left: 0px;
    width: 100%;
    text-align: center;
    padding-top: 60px;
    font-size: 2em;
    border-top: #1b6d85 1px solid;
}

.default #map{
    position: absolute;
/*     top : 70px; */
    left: 400px;
    width: calc(100vw - 400px);
    height: calc(100vh - 70px);
}
.default #left{
    position: absolute;
    top : 70px;
    left: 0px;
    width: 400px;
    height: calc(100vh - 70px);
}
.default #left{
    font-size: 0.8em;
}
.default #left table th,
.default #left table td{
    white-space: nowrap;
}
.default #left .dataTables_filter{
    margin-top: 5px;
    margin-bottom: 5px;
}
.default #left .dataTables_filter input{
    background-color: #fff;
}
/* statistics */
.statistics #map{
    position: absolute;
    top : 70px;
    left: 400px;
    width: calc(100vw - 900px);
    height: calc(100vh - 370px);
}
.statistics #left{
    position: absolute;
    top : 70px;
    left: 0px;
    width: 400px;
    height: calc(100vh - 370px);
}
.statistics #result{
    position: absolute;
    top : 70px;
    right: 0px;
    width: 500px;
    height: calc(100vh - 370px);
    padding: 15px;
    font-size: 0.8em;
    box-shadow: 5px 0 5px rgb(0 0 0 / 10%);
}
.statistics #result h3{
    padding-bottom: 15px;
    border-bottom: #0f1e2f 2px dashed;
    margin-bottom: 10px;
}

.statistics #result table th,
.statistics #result table td{
    white-space: nowrap;
}
.statistics #result .dataTables_filter{
    margin-top: 5px;
    margin-bottom: 5px;
}
.statistics #result .dataTables_filter input{
    background-color: #fff;
}
.statistics #chart{
    position: absolute;
    border-top: #1b6d85 1px solid;
    bottom : 0px;
    left: 0px;
    width: 100%;
    height: 300px;
    padding: 15px;
}
.statistics #chart #data-chart{
    height: 270px;
}
/* dashboard */
.dashboard #body{
    position: absolute;
    top : 70px;
    left: 0px;
    width: 100%;
    height: calc(100vh - 70px);
    background-color: #efefef;
    padding: 20px;
}

.dashboard #body h3 {
    padding-bottom: 15px;
    border-bottom: #0f1e2f 2px dashed;
    margin-bottom: 10px;
}
.dashboard .dashboard-inner{
    background-color: white;
    border-radius: 0 0 15px 15px;
    padding: 15px;
}
.dashboard .gisInner-tab{
    width: fit-content;
    background-color: white;
}
.dashboard .gisInner-tab ul li {
    float:left;
    width: auto;
}
.dashboard .gisInner-tab ul li button{
    padding-right: 10px;
    padding-left: 10px;
}
.dashboard .label{
    position: absolute;
    right: 30px;
    top: 20px;
    font-size: 1.5em;
}
.dashboard .left{
    width: 50%;
    float: left;
    padding-right: 10px;
}
.dashboard .right{
    width: 50%;
    float: right;
    padding-left: 10px;;
}
.dashboard .right #map{
    height: calc(100vh - 270px);
}
.dashboard .gisMap-nav {
    position: absolute;
    right: 40px;
    top: 160px;
    font-size: 0;
}
.dashboard .inputWrap:first-child{
    float: left;
    width: 250px;
}
.dashboard .gisInner-info-search{
    box-shadow : none;
    padding-bottom:5px;
    border-bottom: #008db3 1px solid;
    margin-bottom: 5px;
}
.dashboard .form-gis .inputWrap button{
    width: 80px;
}
.dashboard .form-gis{
    padding: 0;
}
.dashboard .form-gis .inputWrap+.inputWrap{
    margin-top: 0;
}
.dashboard .dataTables_info{
    float: right;
    padding-top: 0;
}
.text-right{
    text-align: right;
}

.ol-attribution{
    display: none !important;
}
.dataTables_wrapper{

}
.dashboard .dashboard-tables th, .dashboard .dashboard-tables td{
    padding: 5px 6px;
    border: #a7a1a1 1px solid;
    font-size: 0.9em;
}
.dashboard .dashboard-tables.small th, .dashboard .dashboard-tables.small td{
    padding: 3px 6px;
}
.dashboard .dashboard-tables thead th{
    color: white;
    font-weight: normal;
    background-color: #808080;
}
.dashboard .dashboard-tables thead .bline th{
    border-bottom: #000000 1px solid;
}
.dashboard .dashboard-tables tbody th{
    background-color: #d9d9d9;
    color: black;
}
.dashboard .dashboard-tables tbody td{
    text-align: right;
    color: black;
}
.dashboard .dashboard-tables thead tr:last-child th, .dashboard .dashboard-tables thead tr:last-child td,
.dashboard .dashboard-tables tbody tr:last-child th, .dashboard .dashboard-tables tbody tr:last-child td,
.dashboard .dashboard-tables tbody tr:last-child th, .dashboard .dashboard-tables tbody th:last-child td{
    border-bottom: #000000 1px solid;
}
.dashboard .dashboard-tables tbody th:first-child,
.dashboard .dashboard-tables .footer th:first-child{
    border-right: #000000 1px solid;
}


.dashboard .dashboard-tables .footer th{
    background-color: #000000;
    color: white;
}
.dashboard .dashboard-tables .footer td{
    text-align: right;
    color: black;
}

.dashboard .dashboard-tables .t757171{
    background-color: #757171;
    border-bottom: #000000 1px solid;
    border-right: #000000 1px solid;
}
.dashboard .dashboard-tables .c000000{
    background-color: #000000;
}
.dashboard .dashboard-tables .t5b9bd5{
    background-color: #5b9bd5;
    color: #000000;
}
.dashboard .dashboard-tables .t5b9bd5-2{
    background-color: #5b9bd5;
    color: #000000;
    border-bottom: #000000 1px solid;
}
.dashboard .dashboard-tables .t70ad47{
    background-color: #70ad47;
    color: #000000;
}
.dashboard .dashboard-tables .tffc000{
    background-color: #ffc000;
    color: #000000;
}
.dashboard .dashboard-tables .cddebf7{
    background-color: #ddebf7;
}
.dashboard .dashboard-tables .ce2efda{
    background-color: #e2efda;
}
.dashboard .dashboard-tables .cfff2cc{
    background-color: #fff2cc;
}
.dashboard .dashboard-tables .ted7d31{
    background-color: #ed7d31;
    color: #000000;
}
.dashboard .dashboard-tables .tfce4d7{
    background-color: #fce4d7;
    color: #000000;
}
.dashboard .dashboard-tables .cf4af85{
    background-color: #f4af85;
}
.dashboard .dashboard-tables .cfff2cd{
    background-color: #fff2cd;
}


.dashboard .dashboard-tables .footer .cddebf7{
    background-color: #bdcbd7;
}
.dashboard .dashboard-tables .footer .ce2efda{
    background-color: #c2cfba;
}
.dashboard .dashboard-tables .footer .cfff2cc{
    background-color: #dfd2ac;
}

.default .gisInner-tab ul li button {
    font-size: 16px;
}