#energy-consumption .user-page-title{text-decoration:none;font-family:Helvetica-Neue;color:#0fc0ff;text-transform:capitalize;margin-bottom:46px}#energy-consumption #energy-chart{margin-top:10px}#energy-consumption #energy-chart .main-content #group-select .v-select .v-input__control .v-input__slot{min-height:40px}#energy-consumption #energy-chart .main-content #group-select .v-select .v-input__control .v-input__slot .v-select__slot .v-select__selections input{font-size:15px;display:none}#energy-consumption #energy-chart .main-content #group-select .v-select .v-input__control .v-input__slot .v-select__slot .v-input__append-inner{margin-top:10px}#energy-consumption #energy-chart .main-content #group-select .v-select .v-input__control .v-input__slot .v-select__slot .v-input__append-inner .v-input__icon{height:20px;min-width:20px;width:20px}#energy-consumption .v-menu__content.menuable__content__active{min-width:209px}.month-picker-table .v-btn:not(.v-btn--round).v-size--default{font-size:20px;height:50px}.v-picker--date .v-picker__body .v-date-picker-table{height:240px!important}.select-month.v-text-field{padding-top:0;margin-top:0;font-size:15px;border-radius:4px 4px 0 0}.select-month .v-input__prepend-outer{margin-right:5px;margin-top:8px}.select-month .v-input__control .v-input__slot{height:40px;background:#2c2c2c}.select-month.v-text-field .v-input__control .v-input__slot .v-text-field__slot input{font-size:15px}.apexcharts-canvas .apexcharts-title{text-align:center;font-size:24px;margin-bottom:20px}@media only screen and (min-width:2500px){#energy-consumption .user-page-title{font-size:32px;line-height:32px;height:31px;margin-bottom:46px}#energy-consumption .energy-chart .main-content{padding-left:37px;padding-top:17px}#energy-consumption .energy-chart .main-content p{margin-bottom:7px}}@media only screen and (min-width:1610px)and (max-width:2490px){#energy-consumption .user-page-title{font-size:32px;line-height:32px;height:31px;margin-bottom:46px}#energy-consumption .energy-chart .main-content{padding-left:37px}#energy-consumption .energy-chart .main-content p{margin-bottom:7px}}@media only screen and (max-width:1600px){#energy-consumption .table-section{margin-top:0}}@media only screen and (min-width:1000px)and (max-width:1430px){#energy-consumption{margin-left:5px}#energy-consumption .table-section{margin-top:10px}}@media only screen and (max-width:1200px){#energy-consumption{margin-left:0;padding-top:0;padding-bottom:0}}@media only screen and (max-width:1180px){.user-page-title span{font-size:14px}}.v-picker--date .v-picker__body .v-date-picker-header :first-child .v-btn__content{width:25px;height:25px}.v-picker--date .v-picker__body .v-date-picker-header :first-child .v-btn__content i{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff}.v-picker--date .v-picker__body .v-date-picker-header :first-child.v-btn--disabled .v-btn__content{width:25px;height:25px}.v-picker--date .v-picker__body .v-date-picker-header :first-child.v-btn--disabled .v-btn__content i{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #838181}.v-picker--date .v-picker__body .v-date-picker-header :last-child .v-btn__content{width:25px;height:25px}.v-picker--date .v-picker__body .v-date-picker-header :last-child .v-btn__content i{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #fff}.v-picker--date .v-picker__body .v-date-picker-header :last-child.v-btn--disabled .v-btn__content{width:25px;height:25px}.v-picker--date .v-picker__body .v-date-picker-header :last-child.v-btn--disabled .v-btn__content i{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #838181}.v-picker--date .v-picker__body .v-date-picker-table{height:265px}#group-select .v-text-field.select-month .v-input__control .v-input__slot .v-input__append-inner{margin-top:8px;margin-right:12px}.current-month{position:absolute;left:50%;transform:translateX(-50%);bottom:-10px}.current-month>span{font-size:16px;font-weight:700;color:grey}.btn-yard.btn-yard-height{height:70px!important}.select-month .v-input__control .v-input__slot{position:relative}.select-month .v-input__control .v-input__slot .v-text-field__slot{z-index:1}.select-month .v-input__control .v-input__slot .v-input__append-inner{position:absolute;right:0}.chart-title-top{display:none}.main-content.usage-trend-controller{padding-right:50px!important}@media only screen and (max-width:1400px){.main-content.usage-trend-controller{padding-right:25px!important}.usage-trend-page .btn-yard{min-width:60px;max-height:70px}}@media only screen and (max-width:1348px){.usage-trend-page.session-ktc-inside{padding:10px}.usage-trend-page .btn-yard{min-width:54px;max-height:64px}}@media only screen and (max-width:1200px){.usage-trend-page .btn-yard{min-width:51px;max-height:61px}.usage-trend-page.session-ktc-inside{padding:10px}}@media only screen and (max-width:1123px){.main-content.usage-trend-controller{padding-right:10px!important}.usage-trend-page .btn-yard{font-size:18px}.usage-trend-page .btn-yard.btn-yard-height{font-size:14px!important}.usage-trend-page .btn-yard{min-width:44px;max-height:54px}}@media only screen and (max-width:951px){.usage-trend-page.session-ktc-inside{padding:5px}.main-content.usage-trend-controller{padding-right:0!important}.usage-trend-page .btn-yard{min-width:43px!important;max-height:53px}.usage-trend-page .mgl-8{margin-left:4px}}@media only screen and (max-width:810px){#energy-consumption{padding:20px 30px}#energy-consumption .user-page-title{font-size:32px;line-height:32px;height:31px;margin-bottom:46px}#energy-consumption #energy-chart{margin-top:0}#energy-consumption #energy-chart .main-content{flex:0 0 100%;max-width:100%}#energy-consumption #energy-chart .main-content .wp-user-page-title{display:none}#energy-consumption #energy-chart .main-content #responsive_Court .row.pt-1>.col-12{padding:10px}#energy-consumption #energy-chart .main-content #responsive_Court .row.pt-1>.col-12>div{display:flex;justify-content:space-between}#energy-consumption #energy-chart .main-content #responsive_Court .row.pt-1 .col-12>.row.m-0.mt-2{margin-top:12px!important}#energy-consumption #energy-chart .main-content #responsive_Court .btn-yard{max-width:120px;font-size:30px}#energy-consumption #energy-chart .main-content #responsive_Court .btn-yard.btn-yard-height{width:100%!important;max-width:100%!important}#energy-consumption #energy-chart .main-content #responsive_Court.usage-trend-menu-none{padding:0;margin-bottom:0;max-height:0;overflow:hidden;border:none}#energy-consumption #energy-chart .main-content #responsive_Court.usage-trend-menu-none.open-menu{padding:20px 40px;margin-bottom:10px;max-height:900px;overflow:unset;border:1px solid #b3b3b3;transition:max-height .4s ease-out}#energy-consumption #energy-chart .main-content.col-3{padding-right:0!important}#energy-consumption #energy-chart .main-content.col-9{margin-top:10px}#energy-consumption #energy-chart #group-select .text-left.col-1{display:none}#energy-consumption #energy-chart #group-select .wp-select-month.col-4{flex:0 0 100%;max-width:100%}#energy-consumption #energy-chart #group-select .select-month .v-input__control .v-input__slot{height:50px;background:transparent;border-radius:3px!important}#energy-consumption #energy-chart #group-select .select-month .v-input__control .v-input__slot .v-text-field__slot{height:100%}#energy-consumption #energy-chart #group-select .select-month .v-input__control .v-input__slot .v-text-field__slot input{max-height:100%;font-size:22px;text-align:center;margin-left:0}#energy-consumption #energy-chart #group-select .select-month .v-input__control .v-input__slot .v-input__append-inner{margin:0;padding:12px 17px}#energy-consumption #energy-chart #group-select .select-month .v-input__control .v-input__slot .v-input__append-inner .v-input__icon .v-icon{font-size:32px}#energy-consumption #energy-chart #group-chart{margin-top:20px}#energy-consumption #energy-chart #group-chart #apexchartsline-chart .apexcharts-yaxis .apexcharts-yaxis-title,#energy-consumption #energy-chart #group-chart #apexchartsline-chart .apexcharts-yaxis .apexcharts-yaxis-title .apexcharts-yaxis-title-text{display:none}#energy-consumption #energy-chart #group-chart .current-month span{font-size:16px}#energy-consumption #energy-chart #group-chart .chart-title-top{display:block;padding:0 80px}#energy-consumption #energy-chart #group-chart .chart-title-top h1{font-size:20px;margin-bottom:0}#energy-consumption .v-text-field__details{display:none}#energy-consumption .wp-select-court-menu .select-court-menu .v-input__prepend-outer{right:20px;top:8px}}@media only screen and (max-width:767px){#energy-consumption{padding:20px}}@media only screen and (max-width:500px){.chart-horizontal-scroll{overflow-x:scroll}}@media only screen and (max-width:480px){#energy-consumption #energy-chart .main-content #responsive_Court.usage-trend-menu-none.open-menu{padding:10px}#energy-consumption #energy-chart .main-content #responsive_Court .btn-yard.btn-yard-height{max-height:50px}#energy-consumption #energy-chart .main-content #responsive_Court .btn-yard{min-width:68px;max-height:68px;width:68px!important;font-size:24px}#energy-consumption #energy-chart #group-select .select-month .v-input__control .v-input__slot{height:40px}#energy-consumption #energy-chart #group-select .select-month .v-input__control .v-input__slot .v-text-field__slot input{font-size:16px}#energy-consumption #energy-chart #group-select .select-month .v-input__control .v-input__slot .v-input__append-inner{padding:7px 14px}#energy-consumption #energy-chart #group-select .select-month .v-input__control .v-input__slot .v-input__append-inner .v-input__icon .v-icon{font-size:22px}#energy-consumption #energy-chart #group-chart .chart-title-top{padding:0;text-align:center}#energy-consumption #energy-chart #group-chart .chart-title-top h1{font-size:16px}#energy-consumption #energy-chart #group-chart .current-month span{font-size:14px}}