.gas_price textarea {
    height: 100px;
}

.gas_prices_section:first-of-type {
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
}

.gas_prices_section .header {
    display: flex;
    justify-content: space-between;
    text-align: right;
    margin: 5px 0 10px 0;
}

.gas_prices_section .header h3 {
    margin: 0;
    font-size: 16px;
}

.gas_price_section button {
    cursor: pointer;
}

.gas_price .header {
    position: absolute;
    top: 5px;
    right: 5px;
}

.gas_prices_section .pastmonth {
    margin: 5px 0 10px 0;
}

.gas_price_placeholder {
    border: 1px solid #ccc;
    border-radius: 2px;
    height: 157px;
    background-color: #f5f5f5;
}

.gas_price {
    position: relative;
    border: 1px solid #ccc;
    padding: 5px;
    margin: 5px 0;
    border-radius: 2px;
    cursor: move;
}

.gas_price .input_container {
    margin: 5px 0 5px 5px;
    display: flex;
}

.gas_price .label {
    align-items: flex-start;
    line-height: 30px;
    width: 150px;
}
/* Gas Price Past months */

.gas_price_months textarea {
    height: 100px;
}


.gas_price_months .header {
    position: absolute;
    top: 5px;
    right: 5px;
}

.gas_price_months_placeholder {
    border: 1px solid #ccc;
    border-radius: 2px;
    height: 157px;
    background-color: #f5f5f5;
}

.gas_price_months {
    position: relative;
    border: 1px solid #ccc;
    padding: 5px;
    margin: 5px 0;
    border-radius: 2px;
    cursor: move;
}

.gas_price_months .input_container {
    margin: 5px 0 5px 5px;
    display: flex;
}

.gas_price_months .label {
    align-items: flex-start;
    line-height: 30px;
    width: 150px;
}

/* GAS Price Latest Change Information */

.gas_price_latest
{
    border: 1px solid #ccc;
    border-radius: 2px;
}
.latest_input {
    margin: 5px 0 5px 5px;
    display: flex;
}

.latest_input .label {
    width: 20%;
    min-width: 200px;
}

.latest_input textarea {
    height: 100px;
    width: 300px;
}

/* START: Custom Content CSS to display latest GAS PRICE info - from WP Custom content ID=1 */
.float-box{color: #000; font-size: 1.2em; padding: 20px; margin: 20px; background: #f5f5f5; width: auto;}
.data-box-change{float: left; height: auto; width: 100%; background: none; clear: right; font-size: 2em; line-height: 50px; margin-bottom: 30px;}
.page-table-title{margin:2.5%;margin-top:40px;font-size:1.5em;}
.page-table-body  {border-collapse:collapse;border-spacing:0;border-color:#bbb;width:95%;margin:2.5%;}
.page-table-body td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#bbb;color:#594F4F;background-color:#f5f5f5;}
.page-table-body th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#bbb;color:#fff;background-color:#012B45;font-weight:bold;}
.page-table-body .page-table-column{text-align:left;vertical-align:top}
/* END : Custom Content CSS to display latest GAS PRICE info - from WP Custom content ID=1 */
/* Display UP ARROW & DOWN ARROW */
.up-arrow{display:none;width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #AB2016; float: left; margin: 15px;}
.down-arrow{display:none;width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #17AB55; float: left; margin: 15px;}