.tank-body { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: transparent; } .tank-container { position: absolute; top: 0; bottom: 9%; left: 0; right: 0; background-color: transparent; } .tank-footer { position: absolute; top: 91%; bottom: 0; left: 1.9%; right: 0%; background-color: transparent; display: flex; align-items: center; } .tank-content { position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; background-color: transparent; } ::-webkit-scrollbar { width: 0px; height: 0px; } .tank-subcontent { position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; background-color: transparent; } .tank-footer-fnav { margin: 0 0.8%; width: 10%; height: 60%; font-size: 1.6rem; display: flex; align-items: center; justify-content: center; background-color: transparent; } .tank-footer-fnav-image { margin: 0 0.8%; width: 10%; height: 60%; color: white; background-size: 100% 100%; background-repeat: no-repeat; background-image: url(/WebConsole/images/config/ConfigSelected.png); } .tank_form_div { position: absolute; top: 0.6%; bottom: 9%; left: 0.8%; right: 6%; overflow: auto; background-color: transparent; text-align: center; } .tank_filter_div { position: absolute; top: 0.6%; bottom: 86%; left: 94%; right: 0.1%; background-color: transparent; background-size: 85% 75%; background-repeat: no-repeat; background-image: url(/WebConsole/images/device/filter.png); } .tank_form_head { margin: 2.8% 0 2.1% 0; width: 100%; font-size: 1.5rem; } .tank_form_body { margin: 1.8% 0 1.8% 0; width: 100%; font-size: 1.3rem; } .tank_form_label { margin: 0; display: inline-block; background-color: transparent; } .delivery_button { margin-bottom: 6%; width: 60.5%; outline: none; font-size: 1.2rem; text-align: center; border: none; color: white; background-color: transparent; background-size: contain; background-repeat: no-repeat; } .tank_form_delivery { margin: 0; text-align: left; background-color: transparent; } .tank_color_transparent { margin: 0; display: inline-block; color: transparent; background-color: transparent; } ::-webkit-scrollbar { width: 0px; height: 0px; } .config-right-navigation { position: absolute; top: 0%; bottom: 15%; left: 88%; right: 0%; background-color: transparent; } .config-topright-tab { font-size: 1.8rem; background-color: transparent; } .config-topright-settingselect { margin: 8% 0; font-size: 1.3rem; } .config-topright-rnav { margin: 8% 0; padding-left: 18%; display: block; font-size: 1.5rem; } .config-topright-rnav-image { margin: 8% 0; padding-left: 18%; display: block; font-size: 1.5rem; background-color: rgb(44, 125, 190); } input[type=datetime-local]::-webkit-datetime-edit { visibility: hidden; } input[type=datetime-local]::-webkit-clear-button { display: none; } input[type=datetime-local]::-webkit-inner-spin-button { display: none; } input[type="datetime-local"]::-webkit-calendar-picker-indicator { width: 100%; /* background-color: rgb(255, 0, 0); */ } input[type="datetime-local"]:hover::-webkit-calendar-picker-indicator { color: red; } .config-form-input { width: 78%; border: 0; font-size: 1.3rem; font-weight: normal; background-color: transparent; } .config-form-date { width: 13%; border: 1px solid #ccc; font-size: 1.3rem; background-color: transparent; } .config-form-select { width: 90%; border: 0; font-size: 1.3rem; -webkit-appearance: none; background-color: transparent; } .tank_table_div { position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; background-color: transparent; } .tank_meter_div { position: absolute; width: 28.66%; height: 80.41%; /*border: 1px solid red;*/ background-color: transparent; background-size: 100% 100%; background-repeat: no-repeat; } .tank_pointer_div { position: absolute; top: 6.6%; left: 5.1%; width: 75.2%; height: 41.95%; background-color: transparent; background-size: 100% 100%; background-repeat: no-repeat; } .live_data_text { position: absolute; top: 68.6%; left: 51.1%; color: white; font-size: 1.6rem; background-color: transparent; } .live_unit_text { position: absolute; top: 10.6%; font-size: 0.9rem; } .btn-default { font-size: 2.3rem; color: transparent; width: 100%; height: 100%; border: 0; background-size: 98% 98%; background-repeat: no-repeat; background-image: url(/WebConsole/images/shared/excel_download_icon.png); background-color: transparent; } .download_excel_div { position: absolute; top: 90%; bottom: 0%; left: 0%; right: 68%; background-color: transparent; } .search_chart_div { position: absolute; top: 90%; bottom: 0%; left: 0%; right: 68%; background-color: transparent; background-size: 85% 98%; background-repeat: no-repeat; background-image: url(/WebConsole/images/device/sensor/searchChart.png); } .search_list_div { position: absolute; top: 90%; bottom: 0%; left: 50%; right: 18%; background-color: transparent; background-size: 85% 98%; background-repeat: no-repeat; background-image: url(/WebConsole/images/device/sensor/searchAlarm.png); } .scroll_chart_div { position: absolute; top: 120%; bottom: -30%; left: 0%; right: 68%; background-color: transparent; background-size: 85% 98%; background-repeat: no-repeat; background-image: url(/WebConsole/images/device/sensor/searchChart.png); } .scroll_list_div { position: absolute; top: 120%; bottom: -30%; left: 50%; right: 18%; background-color: transparent; background-size: 85% 98%; background-repeat: no-repeat; background-image: url(/WebConsole/images/device/sensor/searchAlarm.png); } .chart_form_div { position: absolute; top: 0.8%; bottom: -8%; left: 0.8%; right: 6.0%; background-color: transparent; text-align: center; } .config-search-navigation { position: absolute; top: 0%; bottom: 0%; left: 88%; right: 0%; overflow-y: auto; background-color: transparent; } .config-search-tab { font-size: 1.8rem; background-color: transparent; } .config-search-lable { margin: 8% 0; font-size: 1.3rem; } .config-search-input { width: 78%; border: 0; font-size: 1.2rem; font-weight: normal; background-color: transparent; } .config-search-date { margin-top: -0.8%; margin-left: -16.2%; width: 36%; border: 0; outline: none; font-size: 1.3rem; background-color: transparent; }