.center {
    text-align: center;
}
/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.row-centered{
    display: table;
    table-layout: fixed;
}

.col-centered{
    display: table-cell;
    vertical-align: middle;
    float: none;
}
form.ng-invalid-autocomplete-required input {
    border-color: red;
}

.autocomplete-box{
    background-color: white;
}
.left-space{
    margin-left: 10px !important;
}
.button {
    -moz-appearance: button;
    /* Firefox */
    -webkit-appearance: button;
    /* Safari and Chrome */
    padding: 10px;
    margin: 10px;
    width: 70px;
}
/*Flow Image Styles*/
.drop-box {
    background: #F8F8F8;
    border: 5px dashed #DDD;
    text-align: center;
    padding-top: 25px;
    margin: 10px;
}
.preview {
    padding-top: 30px;
    clear: both;
}

.preview img, .preview audio, .preview video {
    max-width: 400px;
    max-height: 200px;
}

.number-field{
    width : 200px;
}

.plant-detail-select{
    padding: 7px 12px;
    border: 1px solid #CCC;
}


.carousel-control{
                     width : 0% !important;
}

.popeye-modal-container .popeye-modal a.popeye-close-modal {
    bottom: 92% !important;
    right: 10px !important;
    font-size: 3em !important;
    color: #fff !important;
    top: -3% !important;
}

.carousel-inner {
    width: 90%;
    left: 5%;
}

.popeye-modal-container {
    z-index: 99000 !important;
    background-color: rgba(119, 119, 119, 0.15) !important;
}

.popeye-modal-container .popeye-modal {
    width: 70%;
    background: #525659 !important;
}


.text-white {
    color: #fff !important;
}

.powerLabel{
    background-color: #eeede3;
}

.powerLabel .label1{
    color: #67707a;
}

.powerLabel .label2{
    color: #67707a;
    font-weight: normal;
    font-size: 17px;
    font-family: Arial;
}

.container {
    overflow: hidden !important;
}

/**/
#monthGenerationExport > div > div > div:nth-child(1),
#monthGenerationExport > div > div > div:nth-child(1) > div > svg,
#yearGenerationExport > div > div > div:nth-child(1),
#yearGenerationExport > div > div > div:nth-child(1) > div > svg,
#GenerationExport > div.row.margs > div > div:nth-child(3) > div.ng-scope > div > div:nth-child(1),
#GenerationExport > div.row.margs > div > div:nth-child(3) > div.ng-scope > div > div:nth-child(1) > div > svg {
    height: 200px !important;
}

#totalPerformanceExport > div.row.margs > div > div > div > div:nth-child(1),
#totalPerformanceExport > div.row.margs > div > div > div > div:nth-child(1) > div > svg {
    height: 280px !important;
}

#totalConsumptionExport > div.row.margs > div > div > div > div:nth-child(1),
#totalConsumptionExport > div.row.margs > div > div > div > div:nth-child(1) > div > svg {
    height: 240px !important;
}

#totalFacturationExport > div.row.margs > div > div > div > div > div:nth-child(1),
#totalFacturationExport > div.row.margs > div > div > div > div > div:nth-child(1) > div > svg {
    height: 230px !important;
}

#chartCGen > div.col-md-12 > div > div > div:nth-child(1),
#chartCGen > div.col-md-12 > div > div > div:nth-child(1) > div > svg {
    height: 270px !important;
}

#chartCGPaid > div.col-md-12 > div > div > div:nth-child(1) {
    height: 120px !important;
}

#chartCGen rect[fill=#08ffdc][height="0.5"],
#chartCGen rect[fill=#ffc000] {
    display: none !important;
}
/**/