@media(min-width: 1400px) and (max-width:1735px) {
    .text-sun {
        font-size: 17px !important;
    }
    .text-weather {
        font-size: 14px !important
    }

}

.login-box-custom {
    margin: 0 auto;
}
@media(min-width: 767px) {
    .login-box-custom {
        width: 600px;
    }
}
.has-error .help-block, .has-error .control-label, .has-error .input-group-addon, .has-error .checkbox, .has-error .checkbox-inline, .has-error .radio, .has-error .radio-inline {
    color: #e74c3c;
    border-bottom-color: red;
}

.form-bordered .help-block {
    margin-bottom: 0;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .form-control-feedback, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #a94442;
}

.has-error .form-control {
    border-bottom: 2px solid #a94442;
}

.help-block {
    color: #777777;
    font-weight: 200;
}

.help-block {
    display: block;
    margin-bottom: 10px;
    color: #737373;
}

.btn-refresh {
    border: 1px solid #ffffff;
    color: #ffffff;
}

.btn-refresh-enable {
    background-color: #30ab7f;
}

.btn-refresh-disable {
    background-color: #9E9E9E;
}

.ceter-tooltip {
    text-align: center;
}

.wi-temp {
    color: gray;
    font-size: 20px;
}

.alert-close-custom {
    font-size: 13.4px;
    padding: 0.75rem !important;
}

.last-updated {
    font-size: 13px;
    color: #b4b6b8;
    float: right;
}

.text-sun {
    font-size: 24px;
    color: #ffb22b !important;
}

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

.moreDetail {
    display: none;
}

.lessDetail {
    display: block;
}

.text-carbon {
    color: var(--theme-main-color)!important;
}

.text-weather1 {
    color: #FFAB03 !important;
}

.text-weather2{    
    color: #267ed4 !important;
}
.text-weather {
    font-size: 16px;
    font-weight:500;
    color: var(--theme-main-color) !important;
}

.text-weather3 {
    color: #30ab7f !important;
}

.sidebar-nav > ul > li.active > a.single {
    font-weight: 500;
    border-left: 3px solid #ffffff;
    color: #ffffff !important;
}

    .sidebar-nav > ul > li.active > a.single:hover {
        color: #1976d2 !important;
    }

.sidebar-nav > ul > li.active > a i.single {
    color: #ffffff;
}

    .sidebar-nav > ul > li.active > a i.single:hover {
        color: #1976d2 !important;
    }

.sidebar-nav > ul > li.active > a {
    color: #30ab7f;
    font-weight: 500;
    border-left: 3px solid #ffffff;
}

.top-border {
    border-top: 2px solid #30ab7f !important;
    background-color: #ffffff !important;
}

.card-title {
    color: #019862 !important;
    padding-left: 3px;
    border-bottom: 1px solid #30ab7f !important;
    padding-bottom: 10px;
}

.btn-megna {
    background: #30ab7f;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.gEnergyLogoDiv {
    text-align: center;
    margin-bottom: 10px;
}

.gEnergyLogo {
    width: 200px;
}

.weatherError {
    display: none;
    height: 110px;
}

#weatherIcon {
    height: 50px;
    width: 50px;
}

.text-megna {
    color: #30ab7f !important;
}

.displayNames {
    font-size: 16px !important;
}

#message-center {
    padding: 10px;
}

.popoverBoxStyle {
    padding: 5px;
    font-weight: 400;
}

.panel-disabled {
    opacity: 0.65;
    cursor: not-allowed !important;
    pointer-events: none;
}

.install_show {
    display: block;
}

.install {
    display: none;
}

.select-node_hide {
    display: none;
}

.select-node_show {
    display: block;
}

.startProgress {
    margin-top: 25px;
}

.firmware_status_text {
    font-size: 16px;
}

.firmware_not_started .firmware_status_text {
    color: #d8e0e7 !important;
}

.firmware_not_started .card-title {
    color: #d8e0e7 !important;
    border-bottom: 1px solid #ffffff !important;
}

.firmware_in_progress .card-title {
    color: #1976d2 !important;
    border-bottom: 1px solid #ffffff !important;
}

.firmware_in_progress .firmware_status_text {
    color: var(--theme-main-color) !important;
}

.firmware_completed .card-title {
    color: #30ab7f !important;
    border-bottom: 1px solid #ffffff !important;
}

.firmware_completed .firmware_status_text {
    color: var(--theme-main-color) !important;
}

.firmware_error .card-title {
    color: #e74c3c !important;
    border-bottom: 1px solid #ffffff !important;
}

.firmware_error .firmware_status_text {
    color: #e74c3c !important;
}

.gatewayPropertyDiv {
    display: none;
}

.RFNetwork {
    display: none;
}

.nodePropertyDiv {
    display: none;
}

.hostGatewayPropertyDiv {
    display: none;
}


.firmware-message {
    height: 350px;
    overflow-y: scroll;
}

.esp, .gateway, .espWindmill {
    padding: 5px;
}

.node {
    padding: 5px;
}

.dignostic-commands {
    display: none !important;
}

.dignostic-commands-active {
    display: block !important;
}

.dignostic-button {
    width: 100%;
    text-align: left !important;
}


.dignostic-success {
    color: #30ab7f;
    font-size: 25px !important;
    vertical-align: -webkit-baseline-middle;
}

.dignostic-error {
    color: red;
    font-size: 25px !important;
    vertical-align: -webkit-baseline-middle;
}

.dignostic-warning {
    color: #ffc107;
    font-size: 25px !important;
    vertical-align: -webkit-baseline-middle;
}

#exportOptions {
    display: none;
}

#mixedTable, #windmillTable {
    display: none;
}

.ForBadges {
    background: red;
    position: relative;
    top: -15px;
    left: -12px;
    border-radius: 50% !important;
    color: white;
}

.popover {
    max-width: 300px !important;
}

.node circle {
    fill: #fff;
    stroke-width: 1.5px;
}

.node text {
    font-size: 16px;
    font-family: sans-serif;
}

.link {
    fill: none;
    stroke: #ccc;
    stroke-width: 2.5px;
}

.templink {
    fill: none;
    stroke: red;
    stroke-width: 3px;
}

/*add this for Site Image feature by Seema Korat*/
#siteImage {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

    #siteImage:hover {
        opacity: 0.7;
    }

@media only screen and (max-width: 700px) {
    .modal-content {
        width: 100%;
    }
}
/*End*/

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
    opacity: 1 !important;
}

@media (min-width: 768px) {
    .mini-sidebar .sidebar-nav #sidebarnav > li > a {
        padding: 9px 14px !important;
        width: 50px;
    }
}

.irs-slider {
    top: 27px !important;
    width: 22px !important;
    height: 22px !important;
    border: none !important;
    background: #1976d2 !important;
    border-radius: 27px;
    -moz-border-radius: 27px;
    box-shadow: none !important;
    cursor: pointer;
}

.irs-bar {
    height: 10px;
    top: 33px;
    border-top: none !important;
    border-bottom: none !important;
    background: #94e3ff !important;
}

irs-from, .irs-to, .irs-single {
    background: #1976d2 !important;
}

.card {
    margin-bottom: 15px !important;
}

.card-group {
    margin-bottom: 0px !important;
}

.page-titles {
    margin-bottom: 15px !important;
}

.container-fluid {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-bottom: 0px !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    top: 14px !important;
    background-color: #1976d2 !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    background-color: #d33333 !important;
}

.lableWindmillparameter {
    font-size: 13px;
}

.btn-inverse, .btn-inverse.disabled {
    background: #30ab7f !important;
    border: 1px solid #30ab7f !important;
    color: #ffffff;
}

.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.focus, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .open > .dropdown-toggle.btn-inverse {
    background-color: #30ab7f !important;
    border: 1px solid #30ab7f !important;
}

@-webkit-keyframes blinker {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.0;
    }
}

.linkBlink {
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}


.led-red {
    margin: 7px auto;
    float: left;
    margin-right: 10px;
    width: 15px;
    height: 15px;
    background-color: #F00;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 3px 1px, inset #6b2f2f 0 -1px 5px, rgba(255, 0, 0, 0.5) 0 0px 0px;
    -webkit-animation: blinkRed 0.5s infinite;
    -moz-animation: blinkRed 0.5s infinite;
    -ms-animation: blinkRed 0.5s infinite;
    -o-animation: blinkRed 0.5s infinite;
    animation: blinkRed 0.5s infinite;
    display: none;
}

@-webkit-keyframes blinkRed {
    from {
        background-color: #F00;
    }

    50% {
        background-color: #A00;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 3px 1px, inset #6b2f2f 0 -1px 5px, rgba(255, 0, 0, 0.5) 0 0px 0px;
    }

    to {
        background-color: #F00;
    }
}

@-moz-keyframes blinkRed {
    from {
        background-color: #F00;
    }

    50% {
        background-color: #A00;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 3px 1px, inset #6b2f2f 0 -1px 5px, rgba(255, 0, 0, 0.5) 0 0px 0px;
    }

    to {
        background-color: #F00;
    }
}

@-ms-keyframes blinkRed {
    from {
        background-color: #F00;
    }

    50% {
        background-color: #A00;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 3px 1px, inset #6b2f2f 0 -1px 5px, rgba(255, 0, 0, 0.5) 0 0px 0px;
    }

    to {
        background-color: #F00;
    }
}

@-o-keyframes blinkRed {
    from {
        background-color: #F00;
    }

    50% {
        background-color: #A00;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 3px 1px, inset #6b2f2f 0 -1px 5px, rgba(255, 0, 0, 0.5) 0 0px 0px;
    }

    to {
        background-color: #F00;
    }
}

@keyframes blinkRed {
    from {
        background-color: #F00;
    }

    50% {
        background-color: #A00;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 3px 1px, inset #6b2f2f 0 -1px 5px, rgba(255, 0, 0, 0.5) 0 0px 0px;
    }

    to {
        background-color: #F00;
    }
}


.led-green {
    margin: 7px auto;
    float: left;
    margin-right: 10px;
    width: 15px;
    height: 15px;
    background-color: #93ba2d;
    border-radius: 50%;
    box-shadow: rgba(0,0,0,.2) 0 -1px 3px 1px, inset #304701 0 -1px 5px, #93ba2d 0 0px 0px;
    -webkit-animation: blinkGreen 0.5s infinite;
    -moz-animation: blinkGreen 0.5s infinite;
    -ms-animation: blinkGreen 0.5s infinite;
    -o-animation: blinkGreen 0.5s infinite;
    animation: blinkGreen 0.5s infinite;
    display: none;
}
@-webkit-keyframes blinkGreen {
    from {
        background-color: #b4e82a;
    }

    50% {
        background-color: #93ba2d;
        box-shadow: rgba(0,0,0,.2) 0 -1px 3px 1px, inset #304701 0 -1px 5px, #93ba2d 0 0px 0;
    }

    to {
        background-color: #b4e82a;
    }
}

@-moz-keyframes blinkGreen {
    from {
        background-color: #b4e82a;
    }

    50% {
        background-color: #93ba2d;
        box-shadow: rgba(0,0,0,.2) 0 -1px 3px 1px, inset #304701 0 -1px 5px, #93ba2d 0 0px 0;
    }

    to {
        background-color: #b4e82a;
    }
}

@-ms-keyframes blinkGreen {
    from {
        background-color: #b4e82a;
    }

    50% {
        background-color: #93ba2d;
        box-shadow: rgba(0,0,0,.2) 0 -1px 3px 1px, inset #304701 0 -1px 5px, #93ba2d 0 0px 0;
    }

    to {
        background-color: #b4e82a;
    }
}

@-o-keyframes blinkGreen {
    from {
        background-color: #b4e82a;
    }

    50% {
        background-color: #93ba2d;
        box-shadow: rgba(0,0,0,.2) 0 -1px 3px 1px, inset #304701 0 -1px 5px, #93ba2d 0 0px 0;
    }

    to {
        background-color: #b4e82a;
    }
}

@keyframes blinkGreen {
    from {
        background-color: #b4e82a;
    }

    50% {
        background-color: #93ba2d;
        box-shadow: rgba(0,0,0,.2) 0 -1px 3px 1px, inset #304701 0 -1px 5px, #93ba2d 0 0px 0;
    }

    to {
        background-color: #b4e82a;
    }
}

.energyChartDiv {
    padding-bottom: 3px;
}
.customTabList {
    margin-top: -30px;
    margin-bottom: 20px;
}
.tabYearlyEnergy, tabAllEnergy {
    padding: 20px;
}
.powerDiv {
    padding-bottom: 0px;
    padding-top: 0px;
}
.text-energy {
    color: var(--theme-main-color)!important;
}