/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

body.semi-dark-layout .main-menu {background:#2C2C2C;

}
*{outline:none;}	
body{color:#000;}
.main-menu .main-menu-content{}
body.semi-dark-layout .main-menu-content .navigation-main{background-color: transparent;}
body.semi-dark-layout .main-menu-content .navigation-main .nav-item.open a {
    background-color: #6CB33F;
}
body.semi-dark-layout .main-menu-content .navigation-main .nav-item a:after, body.semi-dark-layout .main-menu-content .navigation-main .nav-item a{
	color: #fff;
}
body.semi-dark-layout .main-menu-content .navigation-main .nav-item i{color: #fff;}
.main-menu .navbar-header .navbar-brand .brand-logo{background:url("../../assets/images/small-logo.png") no-repeat;background-position: -65px -54px;}


body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded{width:240px;}
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu{width:240px;background: url("../../assets/images/charge-img.png") no-repeat;background-position: 100% 100%;  }
html body .content{margin-left:0;}
.header-navbar.floating-nav{width: calc(100vw - (100vw - 100%) - calc(1.2rem * 2));    margin: 1.3rem 1.2rem 0;}
body.vertical-layout .main-menu .main-menu-content}
.primary {
    color: #6CB33F !important;
}
.text-primary {
    color: #6CB33F !important;
}
.bg-rgba-primary{background:#fff !important;}
.avatar.user-img-av .avatar-content {width: 120px;height: 120px;margin-left:auto;margin-right:auto;}
.user-img-av{left:52px;margin-top: 0 !important;margin-bottom: 1.75rem !important;}
.user-img-av .font-medium-5 {
    font-size: 6.5rem !important;
    font-weight: normal;
}
.about-menu{display:block;}
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navbar-header .brand-text, body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .modern-nav-toggle {
    display: block;
}
.small-logo{width: 100%;height: 50px;}
.small-logo img {height: 100%;}
.title-office {
    font-weight: normal;
    font-size: 18px;
    color: #2c2c2c;
    margin: 0;
    padding-top: 0px;
}
.header-navbar{min-height: 5.5rem;}
.sum-title {
    font-weight: normal;
    font-size: 1.8rem;
    color: rgba(108,179,63,1);
	padding: 10px;
}
.h-text {
    padding-top: 25px;
}
.zero {
    font-weight: 500;
    font-size: 74px;
    color: #2c2c2c;
	line-height: 68px;
}
.health-check td span, .privacy-setting td span {
    display: inline-block;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}
.health-check td span, .privacy-setting td span {
    display: inline-block;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}
.charege-inline{padding:0;margin:0;justify-content: space-between;width: 80%;}
.charege-inline li{list-style:none;color:#2c2c2c;font-size: 18px;text-align: left;}
.circle-chrg{background: #EFF9E8;
    border-radius: 50%;
    width: 60px;
    height: 60px;
	display: flex;
    justify-content: center;
    align-items: center;
	float:left;
}
.grey-enrgy-cost{background: #F4F4F4;}
.blue-wallet{background: #E6F8FF;}
.circle-chrg .feather{color: #6CB33F;font-size:3rem;}
.total-chrg{padding-left:0;}
.fault-btn{background:#ff0000;}
.availabe-btn{background:#00adee;}
.charging-btn{background:#6cb33f;}
.green-font{color:#6cb33f;font-size:28px;margin-bottom:0;font-weight:500 !important;}
.blue-font{color:#00ADEE;font-size: 28px;margin-bottom:0;font-weight:500 !important;}
.red-font{color:#ff0000;font-size: 28px;margin-bottom:0;font-weight:500 !important;}
.green-font b{font-weight:500 !important;}
.blue-font b{font-weight:500 !important;}
.red-font b{font-weight:500 !important;}
.chrge-top{vertical-align:top;}
.chrge-left{padding-left:10px;display: inline-block;padding-top: 9px;}
.m-20{margin-top:-15px;}
.session-colr{color:#6cb33f;}
.pad-30{padding-bottom:20px;padding-top:0;}
.table .thead-dark th {
    color: #000;
    border-color: #eff9e8;
    background: #eff9e8;
}
.table {
    color: #000;
}
table.dataTable th, table.dataTable td {font-weight: bold;}
table.dataTable thead tr {background-color: #eff9e8;}
.edit-btn{color:#fff;padding:5px;border-radius:5px;min-width:120px;text-align:center;margin-bottom: 10px;}
.add-btn{color: #fff;
    font-size: :18px;
    border-radius: 5px;
    border: none;
    width: 210px;
    padding: 5px;position:absolute;right:0;margin-right:1.5rem;}
.tb-edit a{color:#6cb33f;font-weight:bold;}	

html body.bg-full-screen-image{background:url(../../assets/images/login_bg.png) no-repeat center center ;
    background-size: cover;-webkit-background-size: cover;position:relative;
}
.host-profile .add-btn{width: 120px;}
.m-address h5{font-weight:bold;font-size:25px;}	
.m-address p{font-weight:bold;font-size:20px;}	
.nologin-menu{position: fixed;bottom: 0;left: 0;}
.nologin-menu li{list-style:none;color:#fff;font-size:15px;padding:5px 0;}
.nologin-menu li a{color:#fff;padding-left:10px;}
.nologin-menu li.v2{font-size:13px;color: rgba(44,44,44,1);padding-left: 26px;}
.f-menu-about{padding-left:25px;}
.f-menu-about li{color:#999999;}
.f-menu-about li a{color:#999999;}
.tippy-content{display:none;}
body.bg-full-screen-image::before{
  background-color: rgba(108, 179, 63, 0.7);
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
/*body.vertical-layout .main-menu .main-menu-content::before{background-color: rgba(44, 44, 44, 0.7);content: '';display: block;height: 100%;position: absolute;width: 100%;}*/
.avatar .chart-icon img{border-radius:0;height:25px;}
.dropdown.chart-dropdown {text-align: right;}
.apexcharts-canvas{width:100%;height:100%;}
.user-img-av img {border-radius:0;}
.main-menu .main-menu-content {
    height: calc(100% - 10rem) !important;
    position: relative;
}
.avatar img {
   border-radius:0%;
}
a.dashboard-icon{background:url(../../assets/images/white-dashboard-icon.png) no-repeat 6% 50%;background-size: 10%; }
a.site-icon{background:url(../../assets/images/white-site-icon.png) no-repeat 6% 50%; }
a.charge-point-icon{background:url(../../assets/images/white-chargepoint-icon.png) no-repeat 6% 50%; }
a.drivers-icon{background:url(../../assets/images/white-driver-icon.png) no-repeat 6% 50%;background-size: 9%; }
a.fleet-icon{background:url(../../assets/images/white-fleet-icon.png) no-repeat 6% 50%;background-size: 10%; }
a.trafics-icon{background:url(../../assets/images/white-wallet-icon.png) no-repeat 6% 50%;background-size: 10%; }
a.myaccount-icon{background:url(../../assets/images/white-user-icon.png) no-repeat 6% 50%; }
a.revenue-icon{background:url(../../assets/images/white-revenue-icon.png) no-repeat 6% 50%; }
a.host-profile-icon{background:url(../../assets/images/white-user-icon.png) no-repeat 6% 50%; }
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > span{padding-left: 30px;}
.main-menu.menu-light .navigation > li.active > a.dashboard-icon, a.dashboard-icon:hover{background:url(../../assets/images/green-dashborad-icon.png) no-repeat 6% 50%;background-size: 10%;}
.main-menu.menu-light .navigation > li.active > a.site-icon, a.site-icon:hover{background:url(../../assets/images/green-site-icon.png) no-repeat 6% 50%; }
.main-menu.menu-light .navigation > li.active > a.charge-point-icon, a.charge-point-icon:hover{background:url(../../assets/images/green-chargepoint-icon.png) no-repeat 6% 50%; }
.main-menu.menu-light .navigation > li.active > a.drivers-icon, a.drivers-icon:hover{background:url(../../assets/images/green-driver-icon.png) no-repeat 6% 50%;background-size: 9%; }
.main-menu.menu-light .navigation > li.active > a.fleet-icon, a.fleet-icon:hover{background:url(../../assets/images/green-fleet-icon.png) no-repeat 6% 50%;background-size: 10%; }
.main-menu.menu-light .navigation > li.active > a.trafics-icon, a.trafics-icon:hover{background:url(../../assets/images/green-wallet-icon.png) no-repeat 6% 50%;background-size: 10%; }
.main-menu.menu-light .navigation > li.active > a.myaccount-icon, a.myaccount-icon:hover{background:url(../../assets/images/green-user-icon.png) no-repeat 6% 50%; }
.main-menu.menu-light .navigation > li.active > a.revenue-icon, a.revenue-icon:hover{background:url(../../assets/images/green-revenue-icon.png) no-repeat 6% 50%; }
.main-menu.menu-light .navigation > li.active > a.host-profile-icon, a.host-profile-icon:hover{background:url(../../assets/images/green-user-icon.png) no-repeat 6% 50%; }
 body.semi-dark-layout .main-menu-content .navigation-main .nav-item a:hover, body.semi-dark-layout .main-menu-content .navigation-main .active .menu-title {color:#6cb33f;}
.load-bg .table td{text-align:center;border-top:none;}
.load-bg {
    background: url(../../assets/images/load-management-bg.png) no-repeat left top;
    width: 100%;
	position:relative;
}
.load-bg table{padding-left: 8rem;}
.pos-rel {
    position: relative;
}
.title-d {
    text-align: center;
    padding-top: 10px;
}
.vertcal-brdr-green, .vertcal-brdr-green2, .vertcal-brdr-green3 {
    width: 12px;
    position: absolute;
    right: 50%;
    color: #fff;
    font-size: 16px;
    top: 0;
    vertical-align: bottom;
    display: table-cell;
}
.first-charge {
    padding-bottom: 10px;
    margin-top: 52px;
}
.load-content{padding:2rem;}
.vertcal-brdr-green {
    background: #754c24;
    height: 60px;
    margin-right: 11px;
    margin-top: 0px;
    line-height: 100px;
}
.vertcal-brdr-green2 {
    background: #000;
    height: 38px;
    margin-right:-1px;
    margin-top: 22px;
    line-height: 55px;
}
.vertcal-brdr-green3 {
    background: #636363;
    height: 26px;
    margin-right: -13px;
    margin-top: 34px;
    line-height: 31px;
}
.load-value{font-size:18px;position:absolute;bottom:0;    margin-bottom: 104px;}
.brown-circle{background: #754c24;}
.black-circle{background: #000;}
.dark-grey-circle{background: #636363;}
.load-point{text-align:right;padding: 20px;}
.load-point table{display: initial;}
.load-point td{padding:0 30px;}
html body .content .content-wrapper {padding: calc(2.2rem - 0.4rem) 1.2rem 0;}
.btn-primary {border-color: #6cb33f !important;background-color: #6cb33f !important;color: #fff;}
.mr-top{margin-top:-75px;}
.card {margin-bottom: 1.2rem;}
.card .card-header{padding: 0.5rem 0.5rem 0;}
.a-title .info-icon {color:#2c2c2c;padding-left:10px;}
div.dataTables_wrapper div.dataTables_filter label, div.dataTables_wrapper div.dataTables_length label{margin-top:0;}
.ui-widget.ui-widget-content {
    border: 0;
    background: #ededed !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 5px !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 5px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 5px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 5px !important;
}
.ui-slider-horizontal {
    height: .6em !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border: 1px solid #6cb33f !important;}
.ui-slider .ui-slider-handle:after{background: #fff !important;box-shadow: none !important;}
.ui-slider .ui-slider-handle:after{}
.ui-slider .ui-slider-handle{box-shadow: none !important;}
.ui-widget.ui-widget-content {
    border: none !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{background:#fff !important;}
.ui-slider .ui-slider-handle{border-radius:50% !important;}
.time-range{}
.slider-time2{float:right;}
.navigation{}
.main-menu.menu-light .navigation > li {
    padding: 0 10px;
}
.pagination .page-item.active .page-link{background-color: #6cb33f !important;}
.close-icon{position:absolute;right:0;margin-right:10px;font-size:18px;cursor:pointer;}
.search-id-icon{font-size:18px;}
.chrgpoint-table-up{border-top:1px solid #ebebeb;border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;width:100%;}
.fleet-table{border:1px solid #ebebeb;}
.charge-id input{background:none;}
.fleet-data{margin-top:50px;}
.fleet-data table.data-list-view.dataTable, table.data-thumb-view.dataTable{padding: 0;border-spacing: 0;margin:0 !important;border:none !important;}
.fleet-data table.data-list-view.dataTable thead th:first-child{padding: 1.2rem 1.5rem;}
.fleet-data table.data-list-view.dataTable thead th{padding: 1.2rem 1.5rem;font-size:1rem;}
.fleet-data table.data-list-view.dataTable tbody tr td:last-child{border-radius:0 !important;}
.fleet-data table.data-list-view.dataTable tbody tr td:first-child{border-radius:0 !important;}
.fleet-data table.data-list-view.dataTable tbody tr td:first-child{padding: 1.2rem 1.5rem;}
.fleet-data table.data-list-view.dataTable tbody td{border-top:1px solid #ebebeb;padding: 1.2rem 1.5rem;}
.fleet-data .group label{font-size:1rem;}
.fleet-data .chrgpoint-table-up th {padding: 10px 17px;}
.fleet-data table.data-list-view.dataTable tbody tr:hover{transform: none;}
.nologin-menu li.menuv2 {
    font-size: 12px;
    padding-left: 26px;
}
.page-loader{position:fixed;top:0;left:0;right:0;z-index:999;text-align:center;padding-top:10px;}
/*.chargeplug-img .apexcharts-canvas{background:url(../../assets/images/grey-plug-graph.png) no-repeat 0% 0%;    background-size: 100%; }*/
.apexcharts-canvas{height:190px !important;overflow: inherit !important;}
.apexcharts-svg{height:190px !important;overflow: inherit !important;}
.full-chargin {
    width: 236px;
    margin-left: auto;
    margin-right: auto;
}
.main-menu-content .green-fill, .main-menu-content .register {
    padding: 3px 10px;
    width: 180px;    margin-left: auto;
    margin-right: auto;display: block;
}
::-webkit-input-placeholder {color: #2c2c2c;}
::-moz-placeholder{color: #2c2c2c;}
::-ms-input-placeholder {color: #2c2c2c;}
.form-control:focus{border-color: #6cb33f;}
.input-box select:not([multiple="multiple"]) {
    background-image: url(../../app-assets/images/pages/arrow-down.png);
    background-position: calc(100% - 12px) 13px, calc(100% - 20px) 13px, 100% 0;
    background-size: 12px 12px, 10px 10px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 1.5rem;
	outline:none;
}
.input-box select:focus{border-color: #6cb33f;}
.input-box input.input-a:focus{border-color: #6cb33f;outline:none;}
.service-info img{height:19px;}
.chrg-box-first .a-title, .chrg-box-second .a-title, .chrg-box-third .a-title{padding-bottom: 0;}
.chrg-box-first{height:250px}
.chrg-box-second{height: 322px;position:relative;}
.chrg-box-third{height: 322px;}
.chrg-box-second .current-session-btn{position: absolute;bottom:0;margin-bottom:10px;left: 0;right: 0;margin-left: 10px;margin-right: 10px;}
.chrg-box-third .input-box .input-addres{height: 112px;}
.chrg-box-third .input-box .input-addres:focus {border-color: #6cb33f;}
textarea {resize: none;}
.apexcharts-datalabels-group{font-weight: 500 !important;font-size: 74px !important;color: #2c2c2c !important;}
.clickable{cursor:pointer;}
.dropdown .dropdown-menu .dropdown-item:hover{color: #6cb33f;}
table.dataTable thead tr th{background-color: #EFF9E8;}
table.dataTable td{border-bottom: 1px solid #EBEBEB;}
table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td{font-size: 14px;font-weight: 500 !important;}
table.data-list-view.dataTable tbody td, table.data-thumb-view.dataTable tbody td{padding:0.33rem 0.714rem !important;font-size: 14px !important;font-weight: 500 !important;border-top: 1px solid #EBEBEB !important;}
table.data-list-view.dataTable, table.data-thumb-view.dataTable{border-spacing: 0 !important;margin-top: 0 !important;}
table.data-list-view.dataTable, table.data-thumb-view.dataTable{padding: 0 !important;}
table.dataTable{border-spacing: 0 !important;}
table.dataTable {border: 1px solid #EBEBEB !important;}
table.data-list-view.dataTable tbody tr, table.data-thumb-view.dataTable tbody tr{box-shadow: none !important;border-radius: 0 !important;}
table.data-list-view.dataTable thead th, table.data-thumb-view.dataTable thead th{}
table.dataTable thead tr th{padding-left: 0.714rem !important;}
table.data-list-view.dataTable tbody tr td:first-child, table.data-thumb-view.dataTable tbody tr td:first-child{border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;}
table.data-list-view.dataTable tbody tr td:last-child, table.data-thumb-view.dataTable tbody tr td:last-child{border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important;}
.main-menu .navbar-header{height: 3.2rem;}
.header-navbar.floating-nav{position: absolute;}
.pagination .page-item .page-link:hover{color: #6cb33f;}
.form-control:focus{background-color: transparent;border-color: #fff;}
.table-icons{padding:0;margin:0;}
.table-icons li{display:inline-block;list-style:none;padding-left: 15px;}
.table-search{border-top: 1px solid #EBEBEB;border-left: 1px solid #EBEBEB;border-right: 1px solid #EBEBEB;padding: 0.714rem;}
.upload-img{position: fixed;top: 0;left: 0;z-index: 9999;    width: 120px;height: 120px; margin-left: 50px;margin-top: 44px;    opacity: 0;}
.upload-img input{width: 136px;height: 136px;border-radius: 50%;}
.upload-img-file{position:relative;}
.upload-img-file input[type="file"] {position: absolute;top: 0;left: 0;width:216px;height: 40px;opacity: 0;cursor: pointer;border-radius: 50%;margin-top:10px;}
.edit-profile-img{padding-left:15px;padding-right:15px;}
.a-btn .submit{width:100%;}
.form-group {
    margin-bottom: 0;
}
.height-table{height:800px;position:relative;padding-bottom:60px;}
.fix-btn{position:absolute;bottom:0;left:0;right:0;}