FCC/Framework/Edge.WebHost/wwwroot/WebConsole/css/tankDetail.css


.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;
}