.setDvrLabel {
    padding: 0px 0px 0px 5px;
}

.dvrCustom {
    margin-right: 10px;
}

input[type="radio"].form-control {
    width: inherit;
    height: inherit;
}

.customAhuLabel {
    padding: 0px 0px 0px 30px !important;
}

.batteryCustom5 {
    padding: 0px !important
}

.setLabelClass {
    display: default !important;
}

.setBattryLabel {
    float: left;
    margin-bottom: 10px;
    padding: 0px 0px 0px 30px;
}

.setBattryLabelBottom {
    margin-bottom: 10px;
    float: left;
    margin-right: 20px;
}

.setBattryLabel1 {
    float: left;
    margin-bottom: 10px;
    padding-left: 20px;
}

.setLabelpaddind {}

.batteryCustom {
    padding-bottom: 10px !important;
    padding-right: 8px !important;
}

.graphlab {
    margin-right: 10px
}

.radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    float: left;
}

input[type="radio"] {
    margin: 2px 0 0;
    margin-left: 0px;
    margin-top: 1px\9;
    line-height: normal;
}

label[for="branche-status-1"] {
    margin-right: 10px !important;
}

label[for="is-secured-1"] {
    margin-right: 10px !important;
}

.customlabel {
    margin-right: 15px;
}

.setdisabled {
    pointer-events: none;
    background-color: #dddddd
}

.reonlydata {
    pointer-events: none;
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background: #47EBC3 !important;
}

.topheadinglabel {
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 10px !important;
}

.error-message {
    float: left;
    color: red;
    font-size: 12px;
}

.slider-value {
    padding-top: 8px;
}

.display-box {
    background-color: #f7fcff;
    border-radius: 5px;
    font-size: 0.8em;
    height: 20px;
    right: -140px;
    padding-top: 2px;
    /*position: absolute;*/
    text-align: center;
    top: -10px;
    width: 50px;
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);
    display: inline-block;
}

.forgot-password {
    background: #d9e0e7;
    text-align: center;
}

.btn-sm {
    margin: 5px;
}

.forgot-password a {
    color: #999;
    margin-left: -272px;
}

.padding-top {
    padding-top: 0;
}

#cboxClose {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    background: url('../img/controls.png') no-repeat top center;
    width: 38px;
    height: 19px;
    text-indent: -9999px;
}

.navbar-brand {
    background: url('../img/company_logo.png') no-repeat;
    background-size: contain;
    text-align: right;
    height: 70px !important;
    padding: 0px 0px;
    background-position: center center;
}

@media (max-width: 400px) {
    .navbar-brand {
        width: 265px;
    }
}

.navbar-brand .navbar-logo,
.login .login-header .brand .logo {
    border: 0;
}

.login .login-header .brand {
    background: url('../img/agile.png') no-repeat;
    background-size: contain;
    text-align: right;
    width: 300px;
    margin-top: 10px;
}

.sidebar .nav .sub-menu li.has-sub.active a.active {
    color: #ffffff;
}

.default_layout_height {
    height: 75px !important;
}

@media (min-width: 1200px) {
    .sidebar,
    .page-header-fixed {
        padding-top: 60px;
    }
    #header .container-fluid {
        padding-top: 5px;
    }
    .navbar-header p {
        font-size: 28px;
        font-weight: 800;
    }
}

.navbar-header p {
    color: #333;
}

#footer {
    border: none;
    float: right;
}

.date-filter {
    position: relative;
}

.date-filter .filter-link {
    position: absolute;
    top: -42px;
    right: 0;
    border: 3px solid #F92E29;
    padding: 10px 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
    width: 16%;
    background: #F92E29;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
}

.date-filter .filter-link.active {
    border-color: #ff5b57;
    background: #ff5b57;
}

.date-filter .filter-link i {
    margin-right: 10px;
}

.date-filter .filter-link i.fa-minus {
    display: none;
}

.date-filter .date-container {
    display: none;
    padding: 15px 15px 0px;
    border: 1px solid #ff5b57;
    border-top-left-radius: 5px;
    background: #ff5b57;
}

#graphs-nav li a {
    color: #ffffff;
}

#graphs-nav li.active a {
    color: #000000;
}

@media screen and (max-width: 1900px) and (min-width: 1450px) {
    #graphs-nav li a {
        height: 80px;
    }
}

@media screen and (max-width: 1449px) and (min-width: 1200px) {
    #graphs-nav li a {
        height: 95px;
    }
}

#meter-consumption-chart-2 .flot-y-axis,
#meter-consumption-chart-3 .flot-y-axis,
#meter-consumption-chart-4 .flot-y-axis,
#meter-consumption-chart-5 .flot-y-axis,
#meter-consumption-chart-6 .flot-y-axis {
    /*left: -90px !important;*/
}

#meter-consumption-chart-5 .flot-y2-axis,
#meter-consumption-chart-2 .flot-y-axis.custom-reload,
#meter-consumption-chart-3 .flot-y-axis.custom-reload,
#meter-consumption-chart-4 .flot-y-axis.custom-reload {
    left: 0 !important;
}

.motion-beyond-table.table {
    table-layout: fixed;
    background-color: #BEBEBE;
}

.motion-beyond-table.table>tbody>tr>td,
.motion-beyond-table.table>tbody>tr>th {
    border-color: #242a30;
}

.motion-beyond-table.table>tbody>tr>td.active {
    background-color: #D66363;
    cursor: pointer;
}

.motion-beyond-table.table>tbody>tr>td {
    padding: 0;
    width: 10px;
}

.motion-beyond-table.table>tbody>tr:first-child>td {
    max-height: 40px;
}

.motion-beyond-table.table>tbody>tr>td:first-child {
    width: 40px;
    cursor: pointer;
}

.motion-beyond-table.table>tbody>tr:first-child>td {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    height: 75px;
    white-space: nowrap;
}

.motion-beyond-table.table>tbody>tr>td.less-than-5 {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

.motion-beyond-table.table>tbody>tr>td.less-than-12 {
    transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
}

.motion-beyond-table.table>tbody>tr:first-child>td>div {
    transform: translate(-15px, 30px) rotate(0deg);
    -webkit-transform: translate(-15px, 30px) rotate(0deg);
    -moz-transform: translate(-15px, 30px) rotate(0deg);
}

.motion-beyond-table.table>tbody>tr:first-child>td.less-than-5>div {
    transform: translate(20px, 30px) rotate(0deg);
    -webkit-transform: translate(20px, 30px) rotate(0deg);
    -moz-transform: translate(20px, 30px) rotate(0deg);
}

.motion-beyond-table.table>tbody>tr:first-child>td.less-than-12>div {
    transform: translate(0, 30px) rotate(0deg);
    -webkit-transform: translate(0, 30px) rotate(0deg);
    -moz-transform: translate(0, 30px) rotate(0deg);
}

.motion-beyond-table.table>tbody>tr:first-child>td.less-than-15>div {
    transform: translate(-5px, 30px) rotate(0deg);
    -webkit-transform: translate(-5px, 30px) rotate(0deg);
    -moz-transform: translate(-5px, 30px) rotate(0deg);
}

.page-selection {
    float: right;
}

#meter-consumption4 .back-button {
    float: right;
    margin-top: -40px;
    display: none;
}


/* 5.17 Plugins - Flot Chart */

.legendColorBox>div {
    margin-right: 5px !important;
    border-radius: 5px !important;
    margin-top: 1px !important;
    border: none !important;
}

.legend>table tr td.legendColorBox {
    padding-left: 5px !important;
}

.legend>table tr td {
    padding: 4px 0 5px 0 !important;
}

.legend>div {
    border-radius: 4px !important;
    background: #ffffff !important;
    color: #000000;
}

.legend>table tr td.legendLabel {
    padding-right: 10px !important;
    color: #000000;
}

.legend>table tr+tr td {
    padding-top: 0px !important;
}

.legendColorBox>div>div {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    border-width: 4px !important;
}

.tickLabel,
.legendLabel {
    font-size: 11px !important;
    color: #000000;
}

.tickLabel {
    color: #707478 !important;
}

.flot-tooltip {
    position: absolute;
    display: none;
    border: 0;
    padding: 6px 10px 7px;
    color: #fff;
    font-size: 11px;
    background: url(../img/transparent/black-0.8.png);
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 5px;
    opacity: 1.0;
    filter: alpha(opacity=100);
    z-index: 10000 !important;
}

#temperature-sensors {
    min-height: 20px;
    margin: 0 auto;
}

.data-error {
    text-align: center;
}

#graph-selector {
    float: left;
    margin-left: 0;
    margin-top: 25px;
    width: 100%;
    display: flex;
    justify-content: center;
}

#legend-selector {
    list-style: none;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

#legend-selector li {
    margin-right: 15px;
}

#legend-selector li>div {
    display: inline-block;
    margin-right: 4px;
}

#legend-selector li label {
    margin-left: 3px;
}

#temperature-graph-daily .flot-x-axis {
    left: 11px !important;
}

.legend-selector {
    list-style: none;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

#legend-selector li {
    margin-right: 15px;
}


/* node */

.Treant>.node {
    width: 200px;
    background-color: #fff;
    padding: 0px;
    /* border: 2px solid #484848; */
    border-radius: 10px;
    text-align: center;
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.node-title {
    font-weight: bold;
    font-size: 18px;
}

.Treant>.node img {
    width: 100%;
    height: 100%;
}

.Treant .collapse-switch {
    width: 100% !important;
    height: 70% !important;
    border: none !important;
}

.Treant .node.collapsed {
    background-color: #d9e0e7;
}

.Treant .node.collapsed .collapse-switch {
    background: none;
    border: none;
}

#all-branch-consumption .flot-x-axis {
    left: 0px !important;
}

#all-branch-consumption .flot-y-axis {
    left: 0px !important;
}

.Treant>.node>.node-contact {
    display: block;
    margin-bottom: 15px !important;
}

.height-sm {
    height: 300px !important;
}

.height-xs {
    height: 300px !important;
}

.dashboard-floor-plan {
    width: 100% !important;
}

.org-link {
    color: #000000;
    text-decoration: none;
    display: inline-block;
    width: 100%;
}

.org-link:hover,
.org-link:active,
.org-link:focus,
.org-link:visited {
    color: #000000;
    text-decoration: none;
}

.dataTables_filter input {
    border-color: #ccd0d4;
    height: 20px;
    margin-left: 10px;
}

.org-title>td {
    background-color: #f65b57 !important;
    color: #fff;
}

table.SimpleCalendar {
    width: 100%;
    margin: 0;
}

table.SimpleCalendar tbody td {
    height: 50px;
    width: 50px;
    max-height: 50px;
    max-width: 50px;
    overflow: hidden;
}

#weekends table td input[type="checkbox"] {
    zoom: 3;
}

#weekends table th {
    padding: 0 15px;
}

#weekends table td,
#weekends table th {
    text-align: center;
}

td.weekend {
    background: #f10303 !important;
    color: #000000 !important;
}

.modal-button {
    display: inline;
    float: right;
}

td.weekend {
    background: #f10303 !important;
    color: #000000 !important;
}

td.halfday {
    background: #f9efde !important;
    color: #000000 !important;
}

td.offday {
    background: #ffcabc !important;
    color: #000000 !important;
}

td.weekend {
    background: #ea8181 !important;
    color: #000000 !important;
}

td div.event-transparent {
    background: transparent !important;
    color: #707478 !important;
    border-bottom: none !important;
}

td div.specialday {
    background: #a1f3b8;
    color: #707478 !important;
}

td div.hover-detail {
    position: absolute;
    margin-top: -105px;
    width: 175px;
    min-height: 65px;
    background: #B8B4FF;
    z-index: 99;
    padding: 5px;
    border-radius: 5px;
}

td div.hover-detail span {
    display: block;
}

td span.arrow {
    position: absolute;
    bottom: -5px;
    left: 5px;
    width: 0;
    height: 0;
    border-top: solid 5px #B8B4FF;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
}

.jstree-default .jstree-icon:empty {
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.bootstrap-timepicker-hour,
.bootstrap-timepicker-minute,
.bootstrap-timepicker-meridian {
    width: 50px !important;
    margin-left: 15px !important;
}

.input-group-addon {
    cursor: pointer;
}

table.dataTable.no-footer {
    border-bottom: none !important;
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 5px 5px !important;
    border-bottom: none !important;
}

.data-table-right-align {
    text-align: right;
}

#temperature-graph-daily .flot-text {
    left: -5px !important;
}

iframe div {
    width: 370px !important;
}

iframe .rc-anchor-normal {
    width: 370px !important;
}

.rc-anchor-normal {
    width: 370px !important;
}

.rc-anchor-normal {
    width: 100%;
    transform: scale(1.9);
    -webkit-transform: scale(1.9);
}

.g-recaptcha iframe {
    width: 300px !important;
    background-color: #F9F9F9;
    height: 76px !important;
}

.g-recaptcha>.rc-anchor-light.rc-anchor-normal {
    border: none;
}

.g-recaptcha>#rc-anchor-container {
    border: none;
}

.table-widget>tbody>tr>td,
.table-widget>tbody>tr>th,
.table-widget>tfoot>tr>td,
.table-widget>tfoot>tr>th,
.table-widget>thead>tr>td,
.table-widget>thead>tr>th {
    border-color: none;
    border-top: None;
    color: #000000;
    /*padding: 10px 15px;*/
}


/*agile bones*/

.ab-override-section {
    text-align: center;
    padding: 10px 8px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    border: 2px solid #fff;
    height: 47px;
}

.ab-status-card {
    padding: 15px 10px;
    box-shadow: 2px 2px 2px 2px #cfcfcf;
    height: 210px;
}

.ab-status-cardMiddle {
    padding: 33px 10px;
    box-shadow: 2px 2px 2px 2px #cfcfcf;
    height: 285px
}

.ab-br-white {
    border-right: 6px solid #fff;
}

.ab-text-center {
    text-align: center;
}

.ab-pt-3 {
    padding-top: 15px;
}

.ab-pb-3 {
    padding-bottom: 15px;
}

.ab-bg-danger {
    background-color: #c40000;
}

.ab-bg-gray,
.ab-bg-grey {
    background-color: #858585;
}

.ab-bg-blue,
.ab-bg-sky {
    background-color: #61a0d7;
}

.ab-text-white {
    color: #ffffff;
}

.ab-p-0 {
    padding: 0px;
}

.ab-p-1 {
    padding: 5px;
}

.ab-p-2 {
    padding: 10px;
    margin-top: 5px
}

.ab-text-right {
    text-align: right;
}

.ab-mt-0 {
    margin-top: 0px;
}

.ab-mt-2 {
    margin-top: 10px;
}

.ab-mb-2 {
    margin-bottom: 10px;
}

.ab-font-weight-bold {
    font-weight: bold;
}

.ab-pointer {
    cursor: pointer;
}

.agile-bone-interface-sensor-tbl th {
    border: 1px solid #f9d6a3;
}

.agile-bone-interface-sensor-tbl td {
    border: 1px solid #dddd;
}

.ab-d-flex {
    display: flex;
}

.ab-content-justify-center {
    justify-content: center;
}

.ab-align-items-center {
    align-items: center;
}

.ab-bg-green {
    background-color: #4e9450;
}

.ab-border-white {
    border-color: #ffffff;
}

.ab-pl-2 {
    padding-left: 10px;
}


/*AgileDVR*/

.cctv-pendent-box-h {
    height: 78px;
}

.agiledvr-pendent-label {
    color: #fff;
    font-size: 14px !important;
}

.agiledvr-error-status {
    font-size: 18px !important;
    color: #fff;
}

.dvr-mt-2 {
    margin-top: 6px;
}

.dvr-last-updated {
    font-weight: 600;
    font-size: 14px;
    text-align: right;
}

.switchHeading {
    font-size: 15px;
    color: #383838;
    padding: 6px;
    border: 1px solid #cfcfcf;
}


/*Atm Css start*/


/*.acon{width:95px;padding:2px 2px;  text-align:center;color: #fff; background-color:green;cursor:pointer;}
.acoff{width:95px;padding:2px 2px; text-align:center;color: #fff; background-color:red;cursor:pointer;}*/

.online_div {
    width: 80px;
    padding: 10px;
    text-align: center;
    color: #fff;
}

.offline_div {
    width: 80px;
    padding: 10px;
    text-align: center;
    color: #fff;
}

.dvr_off_div {
    width: 80px;
    padding: 10px;
    text-align: center;
    color: #fff;
    background-color: red;
    cursor: pointer;
}

.dvr_on_div {
    width: 80px;
    padding: 10px;
    text-align: center;
    color: #fff;
    background-color: green;
    cursor: pointer;
}

.atm_reset {
    width: 80px;
    padding: 10px;
    text-align: center;
    color: #fff;
    background-color: #696969;
    cursor: pointer;
    cursor: pointer;
}

.signage_off_div {
    width: 80px;
    padding: 10px;
    text-align: center;
    color: #fff;
    background-color: red;
    cursor: pointer;
}

.signage_on_div {
    width: 80px;
    padding: 10px;
    text-align: center;
    color: #fff;
    background-color: green;
    cursor: pointer;
}

.setstatus {
    width: 85px;
    text-align: center;
}

.acdivbox {
    width: 95px !important;
    padding-bottom: 10px !important;
}

#data-table-atm.DTTT_selectable tbody tr {
    cursor: auto !important;
}

#data-table-atm.table.DTTT_selectable tbody tr {
    cursor: auto !important;
}

.battry_width1 {
    width: 140px
}

.battry_srno {
    width: 50px;
}


/*Atm Css End*/


/*Switch Graph and pendent*/

.setposition {
    padding-top: 15px !important;
}

.ic2 {
    display: none;
}

.designated_rat {
    display: none;
}

.error_des_switch {
    padding: 10px 2px !important;
    height: 64px
}

.switchHeading {
    font-size: 15px;
    color: #383838;
    padding: 6px;
    border: 1px solid #cfcfcf;
}

.atm_inner1 {
    box-shadow: 2px 2px 2px 2px #cfcfcf;
    height: 170px !important;
    padding: 10px;
}

.atm_inner2 {
    box-shadow: 2px 2px 2px 2px #cfcfcf;
    height: 170px !important;
    padding: 12px 10px;
}

.switche_label {
    text-align: center;
    font-size: 13px;
    background-color: #858585;
    color: #fff;
    padding: 10px 2px;
    font-weight: bold;
}

.switche_label_first {
    height: 66px;
    text-align: center;
    font-size: 13px;
    background-color: #858585;
    color: #fff;
    padding: 23px 2px;
    font-weight: bold;
}

.setDefHeightSwitche {
    padding: 21px 5px;
    color: #fff;
    font-size: 16px;
}

.setDefHeight_default {
    padding: 24px 5px;
    color: #fff;
    font-size: 16px;
    height: 68px
}

.switchpendentlabel {
    font-size: 11px;
}

.switchpendentresult {
    font-size: 14px;
}


/*.switch-override-section1{border-right:3px solid #fff !important;}
.switch-override-section2{border-left:3px solid #fff !important;}
.switch-override-section{text-align: center;padding: 10px 8px;color: #fff;font-weight: bold;font-size: 13px;border-left: 1px solid #fff;border-top: 6px solid #fff;height: 37px;}*/

.i2cfname {
    padding: 8px 2px !important;
}

.topborder {
    border-top: 6px solid #fff;
}

.dgfname {
    padding: 10px 2px;
    height: 66px;
    overflow: hidden;
}

.switche_outer {
    padding: 0px 5px;
}

.switche_button_off {
    height: 66px;
    text-align: center;
    font-size: 13px;
    background-color: #858585;
    color: #fff;
    padding: 12px 2px;
    font-weight: bold;
    cursor: pointer;
}

.switche_button_on {
    text-align: center;
    font-size: 13px;
    background-color: #61a0d7;
    color: #fff;
    padding: 12px 2px;
    font-weight: bold;
    cursor: pointer;
}

.iconsizeset {
    font-size: 22px;
}

.modal-dialog {
    width: 90%
}

.error_status {
    background-color: #c40000 !important;
    padding: 22px 5px !important;
    height: 68px;
}

.setDefaultColor {
    background-color: #858585;
}

.errorBaseAtm {
    padding: 0px !important;
    margin-top: 10px;
}

.dashboardwidth {
    width: 420px;
    float: left;
}

.dashboardwidthLast {
    width: 300px;
    float: left;
}

.atmStatusBoard {
    width: 1700px;
}

.topheading {
    border-bottom: 1px solid #cfcfcf
}

.atm_custom_header {
    margin-top: 30px;
}

.timeDiv {
    padding: 10px;
    text-align: center;
    color: #fff;
    background-color: red;
    min-width: 75px
}

.myac {
    padding: 10px;
    min-width: 80px;
    color: #fff;
    background-color: green;
    margin-bottom: 15px;
    text-align: center;
}


/*Switch Graph and pendent*/

.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1 !important;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    bottom: 100%;
    left: 50%;
    margin-left: -150px;
    /* Use half of the width (120/2 = 60), to center the tooltip */
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}


/*.customtable > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{padding:5px 5px;}
.customtable > thead > tr > th{padding:10px 5px;}*/


/*//.customtable{width: 100% !important;background-color: #fff;box-shadow: 2px 2px 2px 2px #cfcfcf;}*/


/*.a1{background-color: #f75160 !important; color: #fff}
.a2{background-color: #4750e8  !important; color: #fff}
.a3{background-color:  #057e11   !important; color: #fff}
.a4{background-color:  #ee13a5   !important; color: #fff}

.customtable > tbody > tr:hover > td, .customtable > tbody > tr:hover > th {
    background: #000 !important;
}*/

.mycustomTable>tbody>tr>td,
.mycustomTable>tbody>tr>th,
.mycustomTable>tfoot>tr>td,
.mycustomTable>tfoot>tr>th,
.mycustomTable>thead>tr>td,
.mycustomTable>thead>tr>th {
    padding: 10px 5px !important;
}

.num {
    width: 20px !important
}


/*
.atm_id{width: 1%}
.bank_name{width: 1%}
.atm_city{width: 1%}
.atm_duration{width: 1%}
.bat_voltage{width: 1%}*/

.battry_width {
    float: right !important;
    margin-left: 20px;
}


/*.acOn{text-align: center;padding: 5px; background-color: green; color: #fff}
.acOff{text-align: center;padding: 5px; background-color: red; color: #fff}*/

.hidethistext {
    display: none !important;
}

.dontShow {
    display: none
}

.tooltip {
    z-index: 4 !important;
}


/*############################# DG css*/

.dgTopOne {
    padding: 5px 3px;
    text-align: center;
    color: #fff;
    border-right: 1px solid#fff
}

.dgTopOneLast {
    padding: 5px 3px;
    text-align: center;
    color: #fff;
}

.tableOuerDiv {
    padding-right: 0px;
    padding-left: 0px;
}

.runHeading {
    background-color: #c40000;
    color: #fff;
    padding: 5px 8px;
}

.runValue {
    background-color: #858585;
    color: #fff;
    padding: 5px 8px;
}

.commanRun {
    padding-right: 0px;
    padding-left: 0px;
    margin-bottom: 1px;
    font-weight: bold;
}

.customDiv {
    width: 11.1%;
    float: left;
    border: 1px solid #cfcfcf;
    text-align: center;
    font-weight: bold;
}

.dg_top_heading {
    background-color: #c40000;
    color: #fff;
    padding: 5px 2px;
    height: 46px;
}

.dg_top_text {
    background-color: #858585;
    color: #fff;
    padding: 5px 8px;
}

.firstDiv {
    border-left: 1px solid red !important
}

.lastDiv {
    border-right: 1px solid red !important
}

.todayDiv {
    margin-top: 0px;
}

.totalHeading {
    background-color: #c40000;
    color: #fff !important;
    font-weight: bold;
}

.rollUp {
    padding: 0px
}

.totalHeadingGray {
    background-color: #858585;
    color: #fff !important;
    padding: 15px 8px;
}

.fuelFillDiv {
    padding-left: 0px;
}

.fuelLossDiv {
    padding-right: 0px;
}

.graph_fuel_level {
    border: 1px solid #cfcfcf;
    padding-right: 0px !important;
    padding-left: 5px !important;
}

.topOneHeading {
    font-size: 18px !important;
}

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

label[for="is-device-disabled-0"] {
    float: left;
    margin-right: 10px;
}

label[for="is-dual-source-meter-1"] {
    float: left;
    margin-right: 10px;
}

.todayDivFirst {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.todayDivMiddel {
    padding: 0px !important
}

.todayDivLast {
    padding: 0px !important
}

.dgNoPadding {
    padding: 0px;
}

.dgCustomLast {
    padding-right: 0px !important;
    padding-left: 5px !important
}

.alertMsg {
    color: #c40000
}

.tableCustom>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 4px !important;
}

.switcheCustom {
    padding-right: 15px;
}

.save {
    display: inline-block;
}

.submit {
    display: inline-block;
}

.sidebar .nav>li.nav-profile .image {
    border-radius: 0px !important;
}

.energyGraphHeading {
    margin-top: 15px !important;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #383838;
}

.energyGraphHeadingFirst {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #383838;
}

.wiredCustom {
    margin-right: 20px
}

.wiredLabel {
    margin-top: -2px !important;
    float: right;
}

.padding_bottom {
    padding-bottom: 10px;
}

#branch_id_chosen {
    text-align: left;
}

.customUl {
    list-style: none;
    padding: 0px;
}

.customLi {
    padding: 3px 0px;
}

.assocList {
    list-style: none;
    padding: 0px;
}

.assocLi {
    padding: 3px 0px;
}

.assocCross {
    margin-top: -20px !important;
}

.assocHeadind {
    font-size: 15px;
}

.assocModel {
    width: 60% !important;
}

.custom_ul_label {
    list-style: none;
    padding: 0px;
}

.custom_ul_label li {
    float: left;
    padding-right: 25px;
}

.dayColor {
    color: #000 !important;
}

.thheading {
    padding-top: 10px !important;
    width: 370px;
}

.thand {
    width: 50px !important;
    text-align: center !important;
}

.excelDaily {
    float: left;
}

.excelMonthly {
    float: left;
}

.setErrorColor {
    color: #ff5b57;
    margin-top: 5px;
}

#branchid_chosen {
    text-align: left !important;
}

.backBtn {
    width: 125px;
    float: right !important;
    position: relative;
    margin-top: -26px;
    margin-right: 10px;
    padding: 6px;
    border: 1px solid;
    text-align: center;
    background-color: #FF5B57;
    color: #fff;
    margin-top: 15px;
}

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

.areaTopOne {
    margin-top: 10px;
    ;
}

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

.danger_back {
    background-color: #FFDEDD !important;
}

.checkbox_outer {
    background-color: red !important;
    padding: 40px;
    position: relative;
}

#DTE_Field_boot_time_2_chosen {
    width: 200px !important;
}

#DTE_Field_boot_time_1_chosen {
    width: 200px !important;
}

.clientLabel {
    margin-top: 20px;
    text-align: center;
}

.customAlert {
    display: block;
    width: 500px;
    margin-left: 38%;
    margin-top: 20%;
}

.ctitle {
    font-size: 18px;
}

.alert_msg {
    font-size: 14px;
}

.yearLabel {
    font-size: 12px;
}

.month_tag {
    width: 7%;
}

.allInOneCustom {
    margin-right: 30px;
}

.allInOneLabel {
    padding-left: 30px;
}

.prefix-input span {
    background-color: #e2e7eb;
    display: inline-block;
    padding: 9px;
    padding-bottom: 9px;
    padding-bottom: 8.2px;
    position: absolute;
    width: 10.5%;
    text-align: center;
    border-radius: 3px;
    height: 34px;
    z-index: 1;
}

.prefix-input div.input {
    width: 89.5%;
    margin-left: 10.5%;
}

#name ul {
    margin-left: -16.5% !important;
}

.subHeading {
    font-size: 9px !important;
}

.deviceHeading {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0px;
    margin-bottom: 20px;
}

.headinhWidth {
    width: 60% !important;
}

.textWidth {
    width: 40% !important;
}

.batStatusHeading {
    font-weight: 600;
    font-size: 14px;
    text-align: right;
}

.setPadding {
    padding-bottom: 15px;
    ;
}

.displayNone {
    display: none !important;
}

.cam_imag {
    padding: 3px;
    float: left;
    margin-left: 10px;
    border: 0px solid #cfcfcf;
    margin-bottom: 10px;
    text-align: center;
    cursor: pointer;
    width: 200px;
}

.cam_imag_port {
    padding: 3px;
    margin-left: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #242a30;
    font-weight: 600;
}

.cam_imag_layout {
    width: 65px;
    height: 50px;
}

.cam_imag_layout_dvr {
    width: 100%
}

.bigImgOut {
    text-align: center;
}

.batWithoutCheck {
    margin-top: -4px !important;
    padding: 2px;
}

.setDvrCam {
    border: 1px solid #cfcfcf;
    padding: 15px 0px 0px 0px;
}

.portOuter {
    overflow: hidden;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.cam_imag_index {
    padding: 3px;
    float: left;
    margin-left: 10px;
    border: 0px solid #cfcfcf;
    margin-bottom: 10px;
    text-align: center;
    cursor: pointer;
    width: 100px;
}

.panel-expand .height-full,
.panel-expand .height-lg,
.panel-expand .height-md,
.panel-expand .height-sm,
.panel-expand .height-xs {
    height: 75% !important;
}

.slotAssos {
    border: 1px solid #cfcfcf;
    padding: 10px;
}

.setSchedule {
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
}

.btn-secondary {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}

.pushBtn {
    height: 30px;
    margin-top: -42px !important;
}

.tog_in {
    width: 135px !important;
    float: left !important;
    padding: 6px !important;
    height: 46px !important;
}

.tw-toggle {
    background: #FFFFFF;
    display: inline-block;
    padding: 6px 6px;
    border-radius: 20px;
    position: relative;
    border: 1px solid #dfdfdf;
}

.tw-toggle label {
    text-align: center;
    font-family: sans-serif;
    display: inline-block;
    color: #95A5A6;
    position: relative;
    z-index: 2;
    margin: 0;
    text-align: center;
    padding: 2px 10px;
    font-size: 19px;
    /* cursor: pointer; */
}

.tw-toggle input {
    /* display: none; */
    position: absolute;
    z-index: 3;
    opacity: 0;
    cursor: pointer;
    margin-left: 12px;
    margin-top: 8px;
}

.tw-toggle span {
    height: 34px;
    width: 34px;
    line-height: 34px;
    border-radius: 50%;
    background: #fff;
    display: block;
    position: absolute;
    left: 22px;
    top: 2px;
    transition: all 0.3s ease-in-out;
}

.tw-toggle input[value="0"]:checked~span {
    background: #64BD63;
    left: 9px;
    color: #fff;
    margin-top: 3px;
}

.tw-toggle input[value="2"]:checked~span {
    background: #64BD63;
    left: 89px;
    margin-top: 3px;
}

.tw-toggle input[value="1"]:checked~span {
    background: #64BD63;
    left: 48px;
    margin-top: 3px;
}

.tw-toggle input[value="0"]:checked+label,
.tw-toggle input[value="2"]:checked+label {
    color: #fff;
}

.tw-toggle input[value="1"]:checked+label {
    color: #fff;
}

.displayMode {
    margin-top: 10px;
}

.newFormClass {
    width: 48%;
    margin-right: 5px !important;
    float: left;
}

.newFormClassDefault {
    clear: both;
}

.privButton {
    float: right;
    margin-top: -30px;
}

.hideExpand {
    display: none !important;
}

.displayExpand {
    display: block !important;
}

.divExpand {
    background-color: #FFFFFF;
}

.height-sm-set {
    height: 500px !important;
}

.thisFloat {
    float: left;
}

.ifmModel {
    width: 50%;
    margin: auto;
}

.swiIsActiv {
    margin-left: 0px !important;
}

.setCenterAlign {
    text-align: center !important;
}


/* //// Switch pendent css */

@media screen and (max-width: 1900px) and (min-width: 1450px) {
    .setDefHeightSwitche {
        padding: 21px 5px;
        color: #fff;
        font-size: 16px;
    }
    .switchpendentlabel {
        font-size: 14px;
    }
    .switch-override-section {
        text-align: center;
        padding: 10px 8px;
        color: #fff;
        font-weight: bold;
        font-size: 14px;
        height: 31px;
    }
}

@media screen and (max-width: 2900px) and (min-width: 1901px) {
    .setDefHeightSwitche {
        padding: 21px 5px;
        color: #fff;
        font-size: 16px;
    }
    .switchpendentlabel {
        font-size: 14px;
    }
    .switch-override-section {
        text-align: center;
        padding: 10px 8px;
        color: #fff;
        font-weight: bold;
        font-size: 14px;
        height: 31px;
    }
}

@media screen and (max-width: 1900px) and (min-width: 1800px) {
    .setDefHeightSwitche {
        padding: 21px 5px;
        color: #fff;
        font-size: 16px;
    }
    .switchpendentlabel {
        font-size: 14px;
    }
    .switch-override-section {
        text-align: center;
        padding: 10px 8px;
        color: #fff;
        font-weight: bold;
        font-size: 14px;
        height: 31px;
    }
}

@media screen and (max-width: 1799px) and (min-width: 1750px) {
    .setDefHeightSwitche {
        padding: 21px 5px;
        color: #fff;
        font-size: 16px;
    }
    .switchpendentlabel {
        font-size: 14px;
    }
    .switch-override-section {
        text-align: center;
        padding: 10px 8px;
        color: #fff;
        font-weight: bold;
        font-size: 14px;
        height: 31px;
    }
}

@media screen and (max-width: 1749px) and (min-width: 1500px) {
    .setDefHeightSwitche {
        padding: 21px 5px;
        color: #fff;
        font-size: 16px;
    }
    .switchpendentlabel {
        font-size: 14px;
    }
}

@media screen and (max-width: 1499px) and (min-width: 1300px) {
    .setDefHeightSwitche {
        padding: 21px 5px;
        color: #fff;
        font-size: 14px;
    }
    .switchpendentlabel {
        font-size: 14px;
    }
    .switch-override-section {
        text-align: center;
        padding: 10px 8px;
        color: #fff;
        font-weight: bold;
        font-size: 14px;
        height: 31px;
    }
}

@media screen and (max-width: 1299px) and (min-width: 1200px) {
    .setDefHeightSwitche {
        padding: 21px 5px;
        color: #fff;
        font-size: 14px;
    }
    .switchpendentlabel {
        font-size: 14px;
    }
    .switch-override-section {
        text-align: center;
        padding: 10px 8px;
        color: #fff;
        font-weight: bold;
        font-size: 14px;
        height: 31px;
    }
}

@media screen and (max-width: 1199px) and (min-width: 900px) {
    .setDefHeightSwitche {
        padding: 21px 5px;
        color: #fff;
        font-size: 14px;
    }
    .switchpendentlabel {
        font-size: 11px;
    }
    .switch-override-section {
        text-align: center;
        padding: 10px 8px;
        color: #fff;
        font-weight: bold;
        font-size: 14px;
        height: 29px;
    }
}

@media screen and (max-width: 899px) and (min-width: 800px) {
    .switchpendentresult {
        font-size: 14px !important
    }
    .switche_label_first {
        font-size: 11px !important
    }
    .setDefHeightSwitche {
        padding: 21px 5px;
        color: #fff;
        font-size: 11px;
    }
    .switchpendentlabel {
        font-size: 8px;
    }
    .switch-override-section {
        text-align: center;
        padding: 10px 8px;
        color: #fff;
        font-weight: bold;
        font-size: 14px;
        height: 29px;
    }
}

.setposition {
    padding-top: 15px !important;
}

.ic2 {
    display: none;
}

.designated_rat {
    display: none;
}

.error_des_switch {
    padding: 10px 5px !important;
    height: 70px
}

.switchHeading {
    font-size: 15px;
    color: #383838;
    padding: 6px;
    border: 1px solid #cfcfcf;
}

.switche_inner {
    box-shadow: 2px 2px 2px 2px #cfcfcf;
    height: 160px !important;
    padding: 10px;
}

.switche_label {
    text-align: center;
    font-size: 13px;
    background-color: #858585;
    color: #fff;
    padding: 10px 2px;
    font-weight: bold;
}

.switche_label_first {
    height: 67px;
    text-align: center;
    font-size: 14px;
    background-color: #858585;
    color: #fff;
    padding: 14px 2px;
    font-weight: bold;
}

.error_status_switche {
    padding: 25px 5px !important;
    text-align: center;
    height: 70px;
}

.setDefHeightSwitche_default {
    padding: 25px 5px;
    color: #fff;
    font-size: 16px;
    height: 70px;
}

.switchpendentresult {
    font-size: 14px;
}

.i2cfname {
    padding: 8px 2px !important;
}

.SwitchBox {
    padding: 0px !important
}

.topborder {
    border-top: 6px solid #fff;
}

.dgfname {
    padding: 10px 2px;
    height: 66px;
    overflow: hidden;
}

.switche_outer {
    padding: 0px 5px;
}

.switche_button_off {
    height: 67px;
    text-align: center;
    font-size: 13px;
    background-color: #858585;
    color: #fff;
    padding: 12px 2px;
    font-weight: bold;
    cursor: pointer;
}

.switche_button_on {
    height: 67px;
    text-align: center;
    font-size: 13px;
    background-color: #61a0d7;
    color: #fff;
    padding: 12px 2px;
    font-weight: bold;
    cursor: pointer;
}

.iconsizeset {
    font-size: 22px;
}

.SwlastOne {
    padding-right: 3px !important;
    padding-bottom: 6px !important;
    padding-left: 3px !important;
}

.SwfirstOne {
    padding-left: 3px !important;
    padding-bottom: 6px !important;
    padding-right: 3px !important;
}

.errorBaseSwitche {
    margin-top: 6px;
}

.switch-ab-br-white {
    border-right: 3px solid #fff;
}

.switch-ab-br-white-middle {
    border-right: 3px solid #fff;
    border-left: 3px solid #fff;
}

.sw-desc {
    margin-top: 6px;
    height: 65px;
    border: 1px solid #cfcfcf;
    overflow: hidden;
    color: #383838;
    padding: 5px !important;
    font-weight: 300;
}

.sw-desc-2 {
    margin-top: 6px;
    height: 130px;
    border: 1px solid #cfcfcf;
    overflow: hidden;
    color: #383838;
    padding: 5px !important;
    font-weight: 300;
}

.SwlastLastBox {
    border-right: 1px solid #858585;
    border-left: 3px solid #fff;
}

.SwlastOneLoadType {
    border-left: 3px solid #fff;
}

.last_payload_switch {
    margin-top: 15px;
    padding: 0px;
}

.last_payload_switch_text {
    text-align: right;
    font-size: 13px;
    color: #383838;
    font-weight: bold;
    padding: 0px
}

.displayNone {
    display: none;
}

.displayBlock {
    display: block;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
}

.modal-dialog_ifm {
    height: 90%;
    width: 100%;
    display: flex;
    align-items: center;
}

.modal-content_ifm {
    margin: 0 auto;
    width: 100%;
}

label[for="exist-user-1"] {
    margin-right: 10px !important;
}

.user_checkbox {
    width: 15px;
    margin-left: 0px !important;
    margin-top: -6px !important;
}

@media screen and (max-width: 1900px) and (min-width: 1800px) {
    .dvrFname {
        display: inline-block;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: normal;
        line-break: strict;
        hyphens: none;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        width: 230px;
        overflow: hidden;
    }
    .on_off_dvr {
        font-size: 18px !important;
        font-weight: bold;
    }
    .dvrPendentFont {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 1799px) and (min-width: 1750px) {
    .dvrFname {
        display: inline-block;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: normal;
        line-break: strict;
        hyphens: none;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        width: 230px;
        overflow: hidden;
    }
    .on_off_dvr {
        font-size: 18px !important;
        font-weight: bold;
    }
    .dvrPendentFont {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 1749px) and (min-width: 1500px) {
    .dvrFname {
        display: inline-block;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: normal;
        line-break: strict;
        hyphens: none;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        width: 200px;
        overflow: hidden;
    }
    .on_off_dvr {
        font-size: 16px !important;
        font-weight: bold;
    }
    .dvrPendentFont {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 1499px) and (min-width: 1300px) {
    .dvrFname {
        display: inline-block;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: normal;
        line-break: strict;
        hyphens: none;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        width: 190px;
        overflow: hidden;
    }
    .on_off_dvr {
        font-size: 16px !important;
        font-weight: bold;
    }
    .dvrPendentFont {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 1299px) and (min-width: 1200px) {
    .dvrFname {
        display: inline-block;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: normal;
        line-break: strict;
        hyphens: none;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        width: 190px;
        overflow: hidden;
    }
    .on_off_dvr {
        font-size: 16px !important;
        font-weight: bold;
    }
    .dvrPendentFont {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 900px) {
    .dvrFname {
        display: inline-block;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: normal;
        line-break: strict;
        hyphens: none;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        width: 190px;
        overflow: hidden;
    }
    .on_off_dvr {
        font-size: 16px !important;
        font-weight: bold;
    }
    .dvrPendentFont {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 899px) and (min-width: 800px) {
    .dvrFname {
        display: inline-block;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: normal;
        line-break: strict;
        hyphens: none;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        width: 190px;
        overflow: hidden;
    }
    .on_off_dvr {
        font-size: 16px !important;
        font-weight: bold;
    }
    .dvrPendentFont {
        font-size: 16px !important;
    }
}

.wordBreak {
    word-break: break-all;
}

hr.dashed {
    border-top: 3px dashed #bbb;
}

.co2Label {
    margin-top: 20px;
}

.export_rbtn {
    float: right;
}

.export_stitch_btn {
    float: right;
}

#meter_report {
    margin-left: 10% !important;
}

.display_branch_name {
    margin-top: 8px;
    color: #242a30;
}

#device_list_chosen {
    width: 100% !important;
}

.dv_outer {
    clear: both;
    width: 100%;
}

.report_checkbox_set {
    margin-right: 10px;
    float: left;
}

.report_label {
    margin-left: 18px;
    color: #000;
    margin-top: 3px;
    word-wrap: break-word;
}

.report_outer_checkbox {
    float: left;
    padding-right: 10px;
}


/* .report_outer_checkbox:nth-child(5n+1) {
    clear: left
} */

.div_label_span {
    color: #383838;
    font-weight: 600;
    margin-top: -5px !important;
    word-wrap: break-word;
}

.append_params {
    padding-bottom: 10px !important;
}

.alert_msg {
    color: #ff5b57 !important;
}

.internal_user {
    width: 15px;
    margin-left: 0px !important;
    margin-top: -6px !important;
}

.comman_rep,
.comman_relay_rep,
.btu_comman_rep {
    display: none;
}

.zifh_info {
    padding: 5px 0px 5px 0px;
    font-weight: 600;
    font-size: 16px;
}

.ahu_tog_in {
    width: 140px !important;
    float: left !important;
    padding: 6px !important;
    height: 46px !important;
}

.ahu-toggle {
    background: #FFFFFF;
    display: inline-block;
    padding: 6px 6px;
    border-radius: 20px;
    position: relative;
    border: 1px solid #dfdfdf;
}

.ahu-toggle label {
    text-align: center;
    font-family: sans-serif;
    display: inline-block;
    color: #95A5A6;
    position: relative;
    z-index: 2;
    margin: 0;
    text-align: center;
    padding: 2px 10px;
    font-size: 19px;
    /* cursor: pointer; */
}

.ahu-toggle input {
    /* display: none; */
    position: absolute;
    z-index: 3;
    opacity: 0;
    cursor: pointer;
    margin-left: 12px;
    margin-top: 8px;
}

.ahu-toggle span {
    height: 34px;
    width: 34px;
    line-height: 34px;
    border-radius: 50%;
    background: #fff;
    display: block;
    position: absolute;
    left: 22px;
    top: 2px;
    transition: all 0.3s ease-in-out;
}

.ahu-toggle input[value="0"]:checked~span {
    background: #64BD63;
    left: 9px;
    color: #fff;
    margin-top: 3px;
}

.ahu-toggle input[value="1"]:checked~span {
    background: #64BD63;
    left: 50px;
    margin-top: 3px;
}

.ahu-toggle input[value="2"]:checked~span {
    background: #db3209;
    left: 90px;
    margin-top: 3px;
}

.ahu-toggle input[value="0"]:checked+label,
.ahu-toggle input[value="2"]:checked+label {
    color: #fff;
}

.ahu-toggle input[value="1"]:checked+label {
    color: #fff;
}

.report_heading {
    background-color: #242a30;
    color: #fff !important;
}

.r_heading {
    color: #fff !important;
}

.energyBtuHeading {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #383838;
}

.hide_alert {
    display: none;
}

.display_alert {
    display: inline-block;
}

.alert_bell {
    color: #ff5b57;
    margin-right: 5px;
    float: right !important;
}

.tonn_align {
    text-align: right;
}

.no_padding {
    padding: 0px !important;
}

.alert_icon {
    color: red;
    font-size: 23px;
}

.groupLabel {
    font-weight: 600 !important;
    padding: 10px 0px 0px 0px !important;
    color: #383838;
    font-size: 14px;
}

.meter_param_div {
    width: 20%;
    float: left;
}

#cons_device_list_chosen {
    width: 100% !important;
}

.meter_list_display {
    display: none;
}

.from_time_error,
.from_month_error {
    color: #ff5b57 !important;
}

mkwh_alert .btu_kwh_btn {
    margin-right: 20px !important;
}

.byTime {
    display: none;
}

.fromTimeToTime {
    display: none;
}

.by_time_check {
    width: 15px;
    float: left;
    margin-top: -8px !important;
    margin-left: 0px !important;
}

.error_table {
    padding: 10px;
    background-color: #f8b2b2 !important;
}

.push_success {
    text-emphasis: center;
    padding: 10px;
    margin: 10px 0px 10px 0px;
    background-color: #7cdda7;
}

.set_success {
    display: none;
}

.crs_btn {
    margin-top: -20px !important;
    font-size: 30px !important;
}

.add_cborder {
    border: 1px solid #cfcfcf !important;
}

.btn_float_right {
    float: right !important;
    margin-top: -35px;
    margin-right: 15px;
}

.sendLink {
    width: 16px;
    margin-left: 1px !important;
    margin-top: -7px !important;
}

.compliance_outerdiv {
    width: 30%;
    float: right;
}

.com_back_color {
    background-color: #61a0d7 !important;
    color: #fff;
}

.on_center {
    text-align: center !important;
}

.th_graph div.flot-text div.flot-x-axis.flot-x1-axis.xAxis.x1Axis {
    margin-left: 0px !important;
}

.th_graph .meter_reding_graph {
    height: 300px !important;
}

.hide_this {
    display: none !important;
}

.add_seting_cs1 {
    margin-top: -19px !important;
    margin-right: 10px;
}

.no_border_left {
    border-left: none !important;
}

.break_word {
    word-break: break-all !important;
}

.setNewreadonly[readonly],
.date[readonly],
.reportMonth[readonly],
.reportDate[readonly],
.reportDump[readonly],
.reportDateHvac[readonly],
.reportDateKfc[readonly],
#startDate[readonly],
#endDate[readonly],
.reportDateReliance[readonly],
.reportDateIcici[readonly],
.filter_report_date[readonly],
#search-date[readonly],
.filter_report_date[readonly],
.from_to_date[readonly],
.search_month[readonly],
.search_date[readonly],
.filter_report_month[readonly],
.month-year[readonly],
.from_date_schedule[readonly],
.to_date_schedule[readonly],
.filter_from_date[readonly],
.reportDatePizzaHut[readonly],
.reportDateTataAig[readonly],
.energr_meter_month[readonly],
.from_date[readonly],
.to_date[readonly] {
    background-color: #fff !important;
    opacity: 1 !important;
}

.filter_to_date[readonly] {
    background-color: #fff;
    opacity: 1 !important;
}

.mkwh_alert {
    color: #ff5b57 !important;
}

.btu_kwh_btn {
    margin-right: 20px !important;
}

.move_this_sch {
    margin-left: -5% !important;
}

select#deviceTypeFilter {
    display: inline;
    width: 200px;
    margin-left: 22%;
    position: absolute;
}

.device_type_label {
    display: inline;
    width: 200px;
    margin-left: 15%;
    position: absolute;
    margin-top: 8px;
    color: #242a30;
}

.by-3 {
    width: 25% !important;
}

.by-9 {
    width: 75% !important;
}

.tooltip .tooltiptextsch {
    visibility: hidden;
    width: 155px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 0px;
    padding: 5px 0;
    position: absolute;
    z-index: 1000000;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    /* Use half of the width (120/2 = 60), to center the tooltip */
}

.tooltip:hover .tooltiptextsch {
    visibility: visible;
}

.outer_serch_div {
    margin-bottom: 20px;
    border: 1px solid #cfcfcf;
    padding: 10px 10px 30px 10px;
}

select.block_select {
    display: inline;
    width: 100% !important;
    margin-left: 0px !important;
    position: relative !important;
}

.ajax_alert {
    color: #FF5B57;
}

.bump_icon {
    float: right !important;
    font-size: 23px;
    color: #009933;
    margin-right: 10px !important;
}

.overlay_fade {
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(255, 255, 255, 0.8) url("../img/loading.gif") center no-repeat;
    position: absolute;
}

.append_overlay .loading {
    overflow: hidden;
}

.append_overlay,
.loading .overlay_fade {
    display: block;
}

.zero_padding {
    padding: 0px !important;
    margin-top: 4px;
}

.report_alert {
    color: #FF5B57;
}

.report_model_width {
    width: 60% !important;
}

.meter_type_check,
.meter_type_check_all {
    margin-left: 10px !important;
}

.en_meter_param {
    /* float: right; */
}

.clearSet {
    clear: both !important;
}

.temp_motion_graph {
    width: 100% !important;
    height: 100% !important;
    clear: both;
}

.setPhaseLabel {
    text-align: center;
    padding: 90px;
    font-weight: bold;
    font-size: 20px;
}

.run_hour_table {
    margin-top: 30px;
}

.margin_right_sw_label {
    margin-right: 5px !important;
}

.set_alert_month {
    color: #FF5B57;
}

.set_ahu_graph_height,
.set_vav_graph_height,
.set_fcu_graph_height,
.set_split_graph_height,
.set_hvac_graph_height,
.set_ahu_switch_graph_height,
.temp_graph_hgeight {
    min-height: 450px !important;
}

.co2_graph {
    min-height: 450px !important;
    width: 100% !important;
}

.vavCustom {
    margin-right: 20px;
}

.atm_nav_header {
    margin-top: 15px;
}

.fa_btn_float_right {
    float: right !important;
}

.append_fname_error {
    color: #e5603b;
    margin-left: 15px;
}

.clear_both {
    clear: both;
}

.float-right {
    float: right;
}

.color_container {
    background-color: #fff !important;
}

.color_label_name {
    width: 40%;
}

.color_label_code {
    width: 40%;
}

.color_label {
    width: 20%;
}

.no_padding_right {
    padding-right: 0px !important;
}

td.extendedworkdays {
    background: hsl(202, 45%, 66%) !important;
    color: #000000 !important;
}

td div.extendedworkdays {
    color: #000000 !important;
}

td div.halfday {
    color: #000000 !important;
}

td div.specialday {
    color: #000000 !important;
}

td.specialday {
    background: hsl(66, 94%, 43%) !important;
    color: #000000 !important;
}

.current_icon {
    color: #2a6ee5;
    font-size: 18px;
}

.fa-bolt::before {
    content: "\f0e7" !important;
}

.margin_right_5 {
    margin-right: 5px !important;
}

.current_load_box {
    float: right;
    width: 30%;
}

.div_astro_box {
    margin-bottom: 25px !important;
}

.load_box {
    float: right;
}

.current_sens_tab {
    min-height: 80px !important;
}

.current_load_box_transmitter {
    float: left;
    width: 30%;
    clear: both !important;
    margin-top: 10px;
}

.margin_top_20 {
    margin-top: 20px;
}

.dropdown-menu>li>a {
    padding: 5px 10px !important;
}

.dropdown-menu {
    min-width: 170px !important;
}

.ahu_custom_label {
    margin-right: 20px;
    margin-bottom: 10px !important;
}

.switch_ahu_label {
    margin-right: 20px;
    margin-bottom: 10px !important;
}

.meter_list_tab {
    margin-top: 30px !important;
}

.resend_div {
    padding: 0px;
}

.login_div {
    text-align: right !important;
    padding: 0px;
}

.modal-body_inner {
    position: fixed;
    top: 50;
    z-index: 100;
    width: 100%;
    height: -webkit-calc(100% - 50px);
    height: -moz-calc(100% - 50px);
    height: calc(100% - 50px);
    display: none;
    background: rgba(255, 255, 255, 1);
    margin-left: -15px;
}

.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

.tooltip_pendent .tooltip_pendent_text {
    visibility: hidden;
    width: 90px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    padding: 3px;
    border-radius: 2px;
    position: absolute;
    z-index: 1;
    font-size: 11px !important;
    font-weight: normal !important;
}

.tooltip_top_pendent {
    bottom: 100%;
    left: 100%;
    margin-left: -60px;
}

.ahu_pop_label {
    margin-right: 20px;
    margin-bottom: 10px !important;
}

.hvac_graph_pendent {
    width: 100% !important;
    height: 100% !important;
    clear: both;
}

.temp_graph_pendent {
    width: 100% !important;
    height: 100% !important;
    clear: both;
}

.split_graph_pendent {
    width: 100% !important;
    height: 100% !important;
    clear: both;
}

.splitMotionLabel {
    float: left;
    margin-left: 10px !important;
}

.splitGraphLabel {
    float: left;
    margin-left: 15px !important;
}

.hvacCustomLabelMotion {
    float: left;
    margin-left: 10px !important;
}

.tempCustomLabel {
    float: left;
    margin-left: 10px !important;
}

.tempMotionLabel {
    float: left;
    margin-left: 10px !important;
}

.margin_add_more {
    margin-top: 5px;
}

.facility_doc_list {
    padding: 10px;
    border-bottom: 1px solid #cfcfcf;
}

.doc_error {
    padding-left: 15px;
    color: #e5603b;
}

.disabled_doc_branche_list {
    pointer-events: none;
}

.doc_icon_size {
    font-size: 17px !important;
    margin-right: 5px !important;
}

.doc_upload {
    background: #e5e9ed;
}

#org-branch-list thead>tr>td {
    padding-right: 25px !important;
}

.set_search_margin {
    margin-left: 28px !important;
}

.no_list {
    text-align: center;
    padding: 20px;
    font-size: 18px;
}

.settop_padding {
    padding-top: 10px !important;
}

.set_ahu_box_layout {
    margin-bottom: 10px !important;
}

.ahu_exp_btn {
    margin-top: -10px !important;
}

.branchTreeModel {
    width: 60% !important;
}

.close_branch_list {
    margin-top: -25px !important;
}

label[for="association-type-0"] {
    margin-left: 10px !important;
}

.tree_model_body {
    height: 600px !important;
    overflow-y: scroll !important;
    position: relative !important;
}

.tree_loder {
    top: 50;
    z-index: 100;
    width: 100%;
    height: -webkit-calc(100% - 40px);
    height: -moz-calc(100% - 40px);
    height: calc(100% - 40px);
    display: none;
    background: rgba(255, 255, 255, 1);
    position: absolute;
}

.tree_spinner {
    margin-top: -45px !important;
}

.tree_error_css {
    padding-left: 15px;
    color: #e5603b;
}

.set_alert_background {
    background-color: #ffdedd !important
}

.set_tree_height {
    height: 500px;
    overflow-y: scroll;
}

.hint_role_css {
    padding-top: 5px;
    color: #e5603b;
}

.role_hint {
    display: none;
}

.existing_field {
    margin-top: 7px !important;
}

.node_user_info {
    margin-top: 5px !important;
}

.node_custom_label {
    padding: 9px 15px 15px !important;
}

.node_custom_div {
    padding: 5px !important;
}

.scb_branch_check_box {
    width: 15px;
    margin-left: 0px !important;
    margin-top: -7px !important;
}

.breadcrumb_custom {
    display: inline-block;
    overflow: hidden;
    counter-reset: flag;
    margin-left: -20px;
}

.breadcrumb_custom a {
    text-decoration: none;
    outline: none;
    display: block;
    float: left;
    font-size: 11px;
    line-height: 15px;
    padding: 0 10px 0 20px;
    position: relative;
    cursor: default;
}

.breadcrumb_custom a:after {
    content: '';
    position: absolute;
    top: 0;
    right: -5px;
    width: 6px;
    height: 6px;
    transform: scale(0.707) rotate(45deg);
    z-index: 1;
    background: #666;
    background: linear-gradient(135deg, #666, #333);
    box-shadow: 2px -2px 0 2px rgba(0, 0, 0, 0.4), 3px -3px 0 2px rgba(255, 255, 255, 0.1);
    border-radius: 0 5px 0 50px;
    margin-top: 6px;
}

.breadcrumb_custom a:last-child:after {
    content: none;
}

.flat a,
.flat a:after {
    background: transparent;
    color: black;
    transition: all 0.5s;
}

.back_btn_boot {
    float: right;
}

.left-position {
    margin-left: -60px;
    /* Adjust as needed */
}

.right-position {
    margin-left: 60px;
    /* Adjust as needed */
}

.br_disconnect {
    color: #ff5b57 !important;
}

.breax_word_schedule {
    word-wrap: break-word !important;
    word-break: break-all;
}

.alert_box_hide {
    display: none !important;
}

.alert_box_show {
    display: block !important;
}

.readonly-select {
    pointer-events: none;
    background-color: #f0f0f0;
    /* Optional: to make it look "read-only" */
}

.firm_error {
    color: #e5603b;
    font-size: 12px !important;
    line-height: inherit !important;
}

.next_row {
    margin-top: 10px !important;
}

.custom_field_search {
    width: 14% !important;
    padding: 0px 8px;
}

.custom_field_search_multi {
    width: 35% !important;
    padding: 0px 8px;
}

.temp_expand_icon {
    margin-left: 8px !important;
    margin-top: 3px !important;
}

.panel-title .accordion-toggle.accordion-temp.collapsed .fa::before {
    content: '\f067' !important;
}

.panel-title .accordion-toggle.accordion-temp .fa::before {
    content: '\f068' !important;
}

.temp_open_icon {
    line-height: 15px !important;
    margin-top: 3px !important;
}

.firmware_status_table.current {
    color: #fff !important
}

.alert_msg_date {
    color: #ff5b57 !important;
    font-size: 12px !important;
}

.move_upword {
    margin-top: -4px !important;
    /* margin: -4px -25px 3px -25px !important; */
    /* z-index: 1021; */
    /* position: relative; */
}

.otp_flash_msg {
    margin-top: 60px
}

#deviceListAssociation_processing {
    margin-top: 0px;
    padding: 10px;
    height: auto;
    text-align: center;
}

.topPadding {
    padding-top: 5px;
}

.margin-left {
    margin-left: 10px !important;
}

.tr_word_break {
    word-break: break-all;
}

.navbar-brand {
    width: 150px !important
}

.default_nav_header {
    margin-top: 20px;
    margin-left: 5px !important;
}

.sidebar .nav>li.nav-profile {
    padding: 25px 10px 0px 10px !important;
}