#option_content div{
    display: block;
}

#map_btn_tool,.leaflet-control-container{
    display:none !important;
}

#xmap,#map_wrapper{
    z-index: 1;
    font-family: "Arial", "Verdana", "微軟正黑體" !important;
}

.modal-dialog{
    width: 800px !important;
}

.filter_block{
    box-shadow: 0 0 3px black;
    margin-bottom: 10px;
}

#option_content div:not(.custom,.stationId){
    border-bottom: 1px solid #e8e8e8;
}

.last_24_hours,.last_72_hours {
    padding: 3px 0px 3px 0px;
}

.realtime,.custom,.last_24_hours,.last_72_hours,.stationId{
    width: 100%;
}

.stationId label{
    padding-left: 5px;
}

.stationId #station_list{
    width: 40rem;
}

#page_tabs .tab_item {
    padding: 0 !important;
}

.item_list{
    font-family: 微軟正黑體;
    overflow: auto;
}

.item_list input[type="radio"],.item_list input[type="checkbox"],.refresh_row{
    display:none;
}

.typhoon_station{
    color: #337ab7;
    cursor: pointer;
}

.item_list .radio{
    margin-top: 0px !important;
    display: block;
    padding: 3px 10px 3px 32px;
    margin-bottom: 0;
    vertical-align: middle;
    line-height: 23px;
    cursor: pointer;
    color: #333;
    float: left;
}

.item_list .input{
    padding: 3px 10px 3px 32px;
    margin-bottom: 0;
}

.item_list .radio span.checked_icon{
    position: absolute;
    left: 10px;
    top: 7px;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    border: 2px solid #000000;
    border-radius: 50%;
    background: #ffffff;
}

.item_list .radio input:checked ~ span.checked_icon{
    border: 2px solid #2A88C4;
    padding: 5px !important;
    background: #55b7ff;
}

.select_control{
    padding: 0px 8px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 0px 5px;
}

.select_control[disabled]{
    background: #ececec;
    color: #b1b1b1;
}

#width {
    display: block;
    width: 85%;
}

.chunk {
    height: 100px;
    width: 80px;
}

.hide_tide_table th,.hide_tide_table td{
    padding: 5px;
}

#search_hide_tide,#search_pdf,#search_wind_speed{
    float: right;
    margin-right: 1em;
    margin-top: 3px;
    padding: 2px 30px;
    border-radius: 5px;
    background: #6b9ed1;
    color: white;
    cursor: pointer;
    border: none;
}

#search_hide_tide:hover,#search_wind_speed:hover{
    background: #6393c4;
}

.hide_tide_table{
    font-size: 18px;
    width: 100%;
    text-align: center;
}

#canvas{
    background: white;
    padding: 10px;
    height: calc(100vh - 6em);
}

.tab-content {
    margin-top: 10px;
}

.tab-pane{
    height: calc(100vh - 16em);
    overflow: auto;
}

span.disabled{
    cursor: no-drop;
    background-color: #ececec !important;
    border: 1px solid #ccc !important;
}

.tide_buoy_chart{
    height: 400px;
    /* width: 1300px; */
    border: 1px black solid;
    margin: 5px auto 5px auto;
}

.orange_color {
    color: #ff7e00;
}

.yellow_color {
    color: #fbd959;
}