#loading{
    position: fixed;
    top: 25%;
    left: 38%;
    display: block;
    z-index: 999;
}
.loader {
    border: 80px solid #f3f3f3; /* Light grey */
    border-top: 80px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 500px;
    height: 500px;
    animation: spin 2s linear infinite;
}
.infoitem{
    border-radius: 5px;
    padding: 3px 5px;
    background-color: #436e8b;
    color:white;
    width:95%;
}
.mainframe{
    width: 90%;
    background-color: #b4d5f8;
    padding:5px 10px;
}
.maintabl,.maintabl>th,.maintabl>tr,.maintabl>tr>td{
    border: 1px solid white;
}
#ili_taskdata_form > input,#ili_taskdata_form > textarea,#ili_taskdata_form > select{
    border-radius: 1px;
}
.inputform01{
    border-radius: 1px !important;
}
.button{
    margin: 5px;
}
.select002{
    background-color: #cad46e !important;
    color:white !important;
}
.dt-button-collection > div{
    height: 453px;
    overflow-y: auto;
}

#accordionx > li > div.head > p{
    margin: inherit;
}
.ultable,.ultable th,.ultable td{
    width: fit-content;
    border:3px solid white;
}
.sectiontitle{
    margin:0px;
}
.baseinfo{
    background-color: #3498db !important;
}
.inputform02{
    background-color: #f1c40f !important;
    color: black !important;
    border-radius: 1px;
    padding: 5px;
    height:50px;
}
.baseinfo01{
    background-color: #8fc5fb !important;
}
.rawdata{
    background-color: #f39c12 !important;
    color: black !important;
}
.rawdata:hover{
    background-color: #804e05 !important;
    color: #ffffff !important;
}
.warning{
    background-color: #e74c3c !important;
    color: white !important;
}
.warning:hover{
    background-color: #7c1007 !important;
    color: white !important;
}
.group{
    background-color: #3466a3 !important;
    color:white;
}
#geomap{
    width: 100vw;
    height: 100vh;
    position: relative;
    z-index:11;
}
.reportresetbutton{
    width: 80px;
    height: 38px;
    background-color: #e53860; /* 綠色 */
    color: white; /* 白色文字 */
    border: none; /* 無邊框 */
    border-radius: 5px; /* 圓角 */
    cursor: pointer; /* 鼠標變為手形 */
    font-size: 12px; /* 字體大小 */
    margin:auto;
}
.reportresetbutton:hover{
    background-color: #83031f; /* 綠色 */
    color: white; /* 白色文字 */
}
.reportbutton{
    width: 100%;
    height: 100px;
    background-color: #4CAF50; /* 綠色 */
    color: white; /* 白色文字 */
    border: none; /* 無邊框 */
    border-radius: 5px; /* 圓角 */
    cursor: pointer; /* 鼠標變為手形 */
    font-size: 4em; /* 字體大小 */
}
.reported{
    width: 100%;
    height: 150px;
    background-color: #1e1e1e; /* 綠色 */
    color: white; /* 白色文字 */
    border: none; /* 無邊框 */
    border-radius: 5px; /* 圓角 */
    cursor: pointer; /* 鼠標變為手形 */
    font-size: 4em; /* 字體大小 */
}
.posinfo{
    margin:10px 0px;
    bottom: 10px;
    left: -4px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 5px;
    border-radius: 5px;
    z-index: 1000;
    font-size: 14px;
}
.iconbutton{
    background-color: white;
    padding: 5px;
    border-radius: 4px;
    font-size: x-large;
    margin:auto;
}
.iconbutton:hover{
    background-color: #85f3eb;
}
#backendmodeselectdiv{display:flex;border-radius: 2px;background-color: white;}
td{
    padding:1px !important;
}
.agmpopupinfo{display: flex;}
#tidselect{background-color: white;border-radius:2px;}
.resetinfo{background-color: #7c1007;color:white;margin:2px 0px;}
.starttimeinfo{background-color: #4773e2;color:white;margin:2px 0px;}

.popupset{border-style: hidden !important;}
.historyinfoframe{min-height:100px;max-height: 150px;overflow-y: auto;}
#velocityinfo{background-color: white;border-radius:3px;}
.starttimepicker01{background-color: white;border-radius:3px;}
#velocitydiv,#starttimepicker02{display:flex;}
#velocitydiv > label{width:100px;margin:auto;padding:0px 10px;}
#starttimepicker02 > label{width:100px;margin:auto;padding:0px 10px;}
#velocitydiv > input{width:110px;border-radius:3px;}
#starttimepicker02 > div{width:110px;border-radius:3px;}
#tidselectdiv{width:120px;}
.cssbutton{
    font-size: small;
    margin:1px !important;
    padding:0px 3px !important;
}
#starttimepickerinput,#endtimepickerinput {margin:auto;text-align: center;}