.k-widget, .k-button {
    font-size: inherit;
}

.k-button, .k-button-group.k-state-disabled .k-button:not(.k-state-active), .k-button-group .k-button.k-state-disabled:not(.k-state-active), .k-list-container .k-nodata .k-button, .k-dropdown .k-dropdown-wrap, .k-grouping-header .k-group-indicator, .k-spreadsheet-filter, .k-pivot-toolbar .k-button, .k-fieldselector .k-list li.k-item, .k-colorpicker .k-picker-wrap, .k-combobox .k-select, .k-datepicker .k-select, .k-timepicker .k-select, .k-datetimepicker .k-select, .k-dateinput .k-select, .k-dropdowntree .k-dropdown-wrap, .k-editor-toolbar a.k-tool, .k-numerictextbox .k-select, .k-handle, .k-map .k-navigator, .k-gantt-views li, .k-task-single, .k-scheduler-navigation .k-nav-today, .k-scheduler-navigation .k-nav-prev, .k-scheduler-navigation .k-nav-next, .k-scheduler-views li, .k-scheduler-footer li {
    background-color: #494b54;
    border: none;
}

.k-numerictextbox .k-numeric-wrap {
    background-color: #494b54;
    border: none;
    height: calc(2.25rem + 2px);
}

.form-control, .form-control:focus, .form-control:read-only {
    color: #efefef;
    background-color: #494b54;
}

.form-control::-webkit-calendar-picker-indicator {
    background-image: url("/images/lock_blue.png");
}

.validation-summary-errors {
    padding: 0px;
}

.unactive-node {
    text-decoration: line-through;
}

.validation-summary-errors ul {
    margin-top: 1rem;
    list-style-type: none;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background: inherit;
    border-bottom: #10a2e7 solid 2px;
    border-radius: inherit;
    color: #efefef;
}

svg text {
    fill: #efefef;
}

.container-fluid{
    padding-left: 0px;
    padding-right: 0px;
}

.bullet-serie1{
    background-color: white;
    border:1px solid black;
}


.view-header {
    margin: 0px 0;
    padding: 0px 10px;
    min-height: 0px;
}

.view-header .header-icon {
    font-size: 40px;
}

.content{
    /*padding-left: 5px;
    padding-top: 12px;
    padding-right: 10px;*/
    padding-left: 5px;
    padding-bottom: 0px;
    padding-right : 0px;
    padding-top : 0px;
    margin-left: 50px;
}

.content:before {
    background-image: none;
}

.navigation {
    width: 50px;
    background-color: #3e414c;
}

.navigation::before {
    width: 50px;
    background-color: inherit;
}
.navigation nav{
    background-color: inherit;
}

.navbar-default .navbar-brand, .navbar-default .navbar-brand:focus{
    width: 30px;
}

.navbar-default{
    background-color: #3e414c;
    box-shadow: none;
}

nav{
    padding-top: 10px;
}

nav .nav-icon{
    font-size: 30px;
    padding: 11px;
}

nav .btn{
    padding: inherit;
    border: inherit;
}

nav .btn:focus, .btn.focus {
    box-shadow: none;
}

nav hr{
    border-top: 1px solid #2f323b;
}

nav .dropdown-menu{
    background-color: #3e414c;
}

nav .dropdown-item{
    color: #10a2e7;
    font-size: 0.77rem;
}

nav .dropdown-header{
    padding:  0rem 1.5rem;
    margin-top: 0px;
    font-size: 0.77rem;
    color: #bbbbbb;
}

nav .dropdown-item:hover, nav .dropdown-item:active{
    background-color: #2f323b;
    color: #bbbbbb;
}

nav .dropright .dropdown-menu {
    margin-left: 0.5rem;
}

#dashboard{
    font-size: 0.77rem;
    
}


#dashboard a.nav-link{
    color: #949ba2;
}

#dashboard a.nav-link:hover {
    color: #efefef;
}

#dashboard a.nav-link.active {
    color: #efefef;
}

#dashboard h4, #dashboard h3 {
    color: #efefef;
}

#dashboard h4 {
    font-size: 0.8rem;
    
}

hr {
    margin-top: 1px;
    margin-bottom: 4px;
}

#dashboard .view-header{
    padding: 0px;
    min-height: 40px;
}

a:hover, a:focus {
    color: white;
}

.btn-default:hover {
    border-color: #10a2e7;

}

label{
    color: #efefef;
}

.tooltip > .tooltip-inner {
    background-color: #3e414c;
    opacity: 1;
    color: #bbbbbb;
}

.k-menu .k-item > .k-link {
    color: #bbbbbb;
}

.navbar-header {
    margin-bottom: -5px;
}

.dropdown-divider {
    border-top: 1px solid #2F323B;
}

#foot-menu {
    bottom: 10px;
    z-index: 1;
    position: fixed;
    width: 0%;
}

/*.k-autocomplete, .k-dateinput-wrap, .k-dropdown-wrap, .k-picker-wrap, .k-multiselect-wrap, .k-numeric-wrap,
.k-textbox, .k-input.k-textbox, .k-textarea,
.k-widget {
    border-style: none !important;
}*/

#navbar {
    position: absolute;
    left: auto;
    right: 10px;
}

#nav-site {
    padding-top: 15px;
}

#nav-i18n {
    padding-top: 10px;
    padding-right: 10px;
}

button[type=submit] {
    border-color: #4dabf6;
    color: #E8F0FE;
}

button[type=submit]:hover,
a.k-button:hover,
.btn-accent:hover {
    border-color: #E8F0FE !important;
    color: #7f838a !important;
}

.btn-accent:hover {
    background-color: transparent !important;
}

a.k-button:hover {
    background-color: #464950 !important;
}


button[type=submit]:active,
a.k-button:active {
    border-color: #7f838a !important;
    color: #E8F0FE !important;
}

.button-general {
    border: 1px solid #4dabf6 !important;
    color: #E8F0FE !important;
    background-color: #3E414C !important;
}

button-general:hover {
    background-color: #464950 !important;
}

.order-numeric {
    width: 5em;
}

#tarif-table, 
#charge-table {
    margin-left: 10px;
}

a.k-grid-Modifier,
a.k-button {
    border: 1px solid #4dabf6 !important;
    color: #E8F0FE !important;
    background-color: #3E414C !important;
}

#foot-menu i, .btn-group i {
    line-height: 1.5 !important;
}

nav .o-database-1 {
    padding: 13px !important;
}

nav .o-survey-1 {
    padding: 14px !important;
}

nav .o-pin-1 {
    padding: 16px !important;
}

nav .o-numbers-1 {
    padding: 15px !important;
}

#bleu_logo {
    width: 55px;
    position: absolute;
    left: -4px;
    right: 0px;
    top: 7px;
}

ul .k-menu {
    margin-left: 15px;
    padding: 0px 20px;
    color: #bbbbbb;
}

#energy_solution_logo {
    width: 415px;
}

.vl {
    border-left: 2px solid #3d404c;
    height: 98%;
    position: absolute;
    left: 50%;
    margin-left: 0px;
    top: 52px;
}

.vl_dashbordSite {
    border-left: 2px solid #3d404c;
    height: 100%;
    position: absolute;
    left: 25% !important;
    margin-left: 0px;
    top: -4px;
}

.backCol {
    background-color: #3d404c;
}

.noBorder {
    border-color: transparent;
    
}

.graph_on_bottom {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
}

nav hr {
    margin-top : 10px
}

.row_cos_phi,
.row_frequence {
    margin-left: 8px;
    margin-right: 8px;
}

.bottom_zero {
    margin-bottom: 0px
}

.solar-border-right {
    border-right: 2px solid #3d404c;
}



.arrow-up {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #10a2e7;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #10a2e7;
    margin-left: 117px;
    margin-top: -10px;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 40px solid #10a2e7;
    float: left;
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-right: 40px solid #10a2e7;
    float: right;
}

.solar-border-top {
    border-top: 2px solid #3d404c;
}

.padding_batterie {
    padding: 20px 0px 20px 0px;
}

.triangle-right {
    width: 0;
    height: 0;
    padding-top: 45%;
    padding-bottom: 45%;
    padding-left: 30%;
    margin-left: -8px;
    overflow: hidden;
}

.triangle-right:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: -100px;
    margin-left: -100px;
    border-top: 100px solid transparent;
    border-bottom: 100px solid transparent;
    border-left: 100px solid /* #10a2e7*/;
}

.triangle-left {
    width: 0;
    height: 0;
    padding-top: 45%;
    padding-bottom: 45%;
    padding-right: 30%;
    padding-left: 80%;
    overflow: hidden;
}

.triangle-left:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: -100px;
    margin-right: -100px;
    border-top: 100px solid transparent;
    border-bottom: 100px solid transparent;
    border-right: 100px solid #10a2e7;
}

.carousel-solar {
    margin-top: -35px;
}

#next_gen_logo {
    width: 400px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 7px;
}

.triangle-right.panneau-conso:after,
.triangle-right.conso-reseau:after {
    border-left: 100px solid #43a047 !important;
}

.triangle-right.batterie-conso:after {
    border-left: 100px solid #43a047 !important;
}

.triangle-left.reseau-conso:after {
    border-right: 100px solid #f4b100 !important;
}

.triangle-left.conso-batterie:after {
    border-right: 100px solid #43a047 !important;
}

.row-ids {
    transform: translateY(105px);
}

.row-ids-eau {
    position: absolute;
    z-index: 1;
    width: 97%;
}

.carousel-solar-tab {
    margin-top: -50px;
    margin-right: 400px;
}

.triangle-down {
    width: 0;
    height: 0;
    padding-left: 12%;
    padding-top: 12%;
    padding-right: 12%;
    margin-top: 5px;
    overflow: hidden;
}

.triangle-down:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left: -100px;
    margin-top: -100px;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-top: 100px solid #43a047;
}

.margin-top-30 {
    margin-top: -30px;
}

.margin-top-40 {
    margin-top: -40px;
}


.margin-top-17 {
    margin-top: -17px;
}

.margin-top-20 {
    margin-top: -20px;
}

.top-space {
    margin-top: 30px;
}

.connexion-panel {
    background-image: url("/images/logoBig.png");
    background-repeat: no-repeat;
    background-size : contain;
}

.version {
    color: #efefef;
}

.frame-power, .frame-energy{
    padding-top: 35px;
}

#site-left td{
    padding : 2px;
}

#site-left h4 {
    margin-top: 2px;
    margin-bottom: 0px;
}

#solar-home-img {
    width: 100%;
    max-width: 1000px;
}

.k-filter-menu-container .k-textbox, .k-filter-menu-container .k-numeric-wrap > .k-input {
    border: 1px solid #4dabf6;
}

.k-dropdown .k-select, .k-numeric-wrap .k-select, .k-combobox .k-select, .k-colorpicker .k-select {
    background: #4dabf6;
}

.k-pager-wrap .k-state-selected, .k-pager-numbers .k-state-selected, .k-pager-wrap .k-link {
    z-index: initial;
}