body {
    min-width: 100% !important;
    min-height: 100% !important;
}

.school-detail {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
    margin-top: 0.5rem !important;
}

#leftnavMobile svg {
    width: 60% !important;
}

.navigation-bar {
    padding: "0";
    background-color: "rgb(239, 248, 254)";
    width: "120px";
}

.nav {
    align-items: center;
}

.time {
    padding-top: 4px !important;
}

.guage-small {
    display: none !important;
}

.guage-large {
    display: none !important;
}

.guage-vlarge {
    display: block !important;
}

/* .konvajs-content canvas,
.konvajs-content {
    height: auto !important;
    width: auto !important;
} */

.graphCircleBox .graphCircle {
    border: 8px solid #08b023 !important;
    width: 215px !important;
    height: 215px !important;
    margin-left: 148px !important;
    margin-top: 40px !important;
}

.graphCircleBox .graphCircleconsump {
    border: 8px solid #084bb0 !important;
    width: 215px !important;
    height: 215px !important;
    margin-left: 148px !important;
    margin-top: 40px !important;
}

.circle-arrow,
.circle-arrow-consump {
    margin-left: 162px !important;
}

.gauge-img,
.gauge-img-consump {
    font-size: 36px !important;
    font-weight: 400 !important;
}

.gauge-img-unit,
.gauge-img-unit-Consump {
    font-size: 18px !important;
    font-weight: normal !important;
    margin-top: 70px !important;
}


/* Mobile nav */
#topnavMobile {
    top: 0;
    height: 3.3rem;
    background-color: #eff8fe;
    border-bottom: #223c6a 3px solid;
    z-index: 1;
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    font-family: 'Inter';
}

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

/* .notification span {
    margin-top: 20% !important;
} */

#topnavMobile .notification span {
    font-size: 0.75rem !important;
    margin-top: -27%;
}

#topnavMobile ul {
    display: table;
}

#topnavMobile li {
    display: table-cell;
}

#topnavMobile .nav-item svg {
    width: 20px !important;
}

#topnavMobile .notification {
    height: 17px;
    width: 16px;
    margin-top: -37px !important;
    margin-left: 15px;
}

#topnavMobile .logo {
    height: auto !important;
    margin-bottom: 8px;
    width: 40%;
}

#topnavMobile,
#leftnavMobile {
    display: none !important;
}

.home-border {
    border-radius: 5px;
}

.home-margin {
    margin: 0 10px !important;
}

.text__large {
    font-size: 1.5rem !important;
}

.box-margin {
    margin: 1rem 1.2rem 0rem 0rem !important;
}

/* .second-box {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
} */

.boxes-margin {
    padding: 5px 15px !important;
}


.text-margin {
    margin-bottom: 0rem !important;
}

svg#weathergraph {
    height: 80px !important;
}

.graphBox1 {
    display: flex !important;
}

.graphBox2 {
    display: none !important;
}

.margin-graphBox {
    margin-top: 0.7rem !important;
}

.graphConsump1 {
    display: flex !important;
}

.graphConsump2 {
    display: none !important;
}

.outerPageNav #topnav ul.date-nav {
    margin-left: -40px;
    margin-right: 30px;
}

.outerPageNav #topnav ul.time-nav {
    margin-left: 30px;
    margin-right: 100px;
}


.innerPageNav .time {
    position: absolute;
    background: #eff8fe;
}

.innerPageNav .location-nav {
    z-index: 3;
    margin-right: 38rem;
}

.innerPageNav .date-nav {
    z-index: 2;
    margin-right: 5rem;
}

.innerPageNav .time-nav {
    z-index: 1;
    margin-left: 28rem;
}

/* .innerPageNav .time-nav svg {
    margin-right: 50px !important;
} */

.graphPage {
    margin-top: 0.6rem !important;
}

.dot {
    height: auto !important;
    /* width: auto !important; */
}

.datediv {
    display: block;
    text-align: center;
}

.datedivMobile {
    display: none;
}

.marginT1 {
    margin-top: 0.25rem !important;
}

.marginT2 {
    margin-top: 0.5rem !important;
}

.marginT5 {
    margin-top: 2.4rem !important;
}

.marginT3 {
    margin-top: 0.3rem !important;
}

.purchaseGraph1 {
    display: flex !important;
}

.purchaseGraph2 {
    display: none !important;
}

.soldGraph1 {
    display: flex !important;
}

.soldGraph2 {
    display: none !important;
}

.paddingT5 {
    padding-top: 3rem !important;
}

.lower-box svg {
    width: 20px !important;
    margin-top: 1px !important;
}

/* .numberVal1 {
    letter-spacing: 3px !important;
    font-size: 1.5rem !important;
} */

.text__large {
    /* font-size: 1.1rem !important; */

    /* font-size: 1.2875rem !important; */
    font-size: 16px !important;
}

.lower-box .text__large {
    /* font-size: 1.1rem !important; */
    padding-top: 5px;
}

.text__larger {
    font-size: 1.2rem !important;
}

.marginLeft3 {
    margin-left: 0.9rem !important;
}

/* .dot {
    margin-right: 9% !important;
} */

.next {
    margin-right: 0 !important;
}

.time_graph {
    width: 220px !important;
}

.arrows {
    margin-top: 5% !important;
    margin-left: 10% !important;
}

.dropDown {
    max-width: 16.67% !important;
    width: 16.67% !important;
    min-width: 16.67% !important;
}

.individual-battery {
    padding-left: 26px !important;
}

#topnavMobile .logo {
    width: 40%;
}

.iconErrorDiv {
    max-width: 65px !important;
    width: 65px !important;
    min-width: 65px !important;
}

.navitem-padding {
    padding: 0.5rem !important;
}

.marginDateR {
    margin-right: 1.5rem !important;
}

.table_setting td:nth-child(3) svg {
    margin-left: 30px;
}

.table_setting td:nth-child(3) .trash-icon {
    margin-right: 45px;

}

.desktopIcons {
    display: block;
}

.mobileIcons svg {
    display: none;
}

/* 20th Nov 2023 */
.side-menubar {
    width: 220px !important;
    max-width: 220px !important;
    min-width: 220px;
    padding: 0px 25px;
}

.mode-list {
    justify-content: space-between;
}

.mode-list .modeSelect {
    margin-right: 16px;
}

.main-section {
    margin: 0 !important;
}

/* font-size */
.remote_groupData td,
.remote_head,
.remote_groupData th,
.remote_time,
.css-1aww88c-ValueContainer div,
.css-16vjmc9-ValueContainer div,
.css-lqeeeg-placeholder {
    font-size: 14px !important;
}

.remote_req {
    margin-top: 5px;
}

.remote__select {
    height: 24px !important;
}

.css-1hkijpq-control .css-1hb7zxy-IndicatorsContainer,
.css-o8uni9-control .css-1hb7zxy-IndicatorsContainer {
    height: 33px;
}

.css-nnp2pq-indicatorContainer,
.css-j21be0-indicatorContainer,
.css-122uzie-indicatorContainer {
    padding: 6px 1px !important;
}

.css-j21be0-indicatorContainer:hover,
.css-nnp2pq-indicatorContainer:hover,
.css-122uzie-indicatorContainer:hover {
    color: hsl(0deg 0% 99.61%) !important;
}

.btn__remoteSetting,
.btn__remoteSetting:hover,
.btn__remoteSetting:focus {
    font-size: 16px !important;
}

.mode-list .modeSelect {
    width: 20px !important;
    height: 20px !important;
}

.mode-list .checkboxScale {
    transform: scale(1.6);
}

.remote_title,
.remote_text {
    font-size: 18px !important;
}

.css-n0lowg-control,
.css-1gonjfy-control,
.css-xqa4ju-control {
    height: 40px !important;
}

.content-bar .action-buttons {
    height: 33px;
    min-height: 33px;
}

.content-bar .action-buttons button {
    font-size: 14px;
    padding: 0 1.5rem;
    height: 30px;
    width: 75px;
}

.content-bar .action-buttons button.btn__danger,
.content-bar .action-buttons button.btn__danger:hover,
.content-bar .action-buttons button.btn__danger:focus {
    background: #FF0000;
}

.css-n0lowg-control {
    border-radius: 7px;
}

.remote_target::placeholder,
.remote_rate::placeholder,
.newAddedRow td:nth-child(3) input::placeholder,
.newAddedRow td:nth-child(4) input::placeholder,
.remote_dataEdit td:nth-child(3) input::placeholder,
.remote_dataEdit td:nth-child(4) input::placeholder {
    color: #dcdcdc !important;
}

.remote_dataEdit td:nth-child(3) input:disabled::placeholder,
.remote_dataEdit td:nth-child(4) input:disabled::placeholder {
    color: #000000 !important;
}

.remote_dataEdit td:nth-child(3) input:disabled,
.remote_dataEdit td:nth-child(4) input:disabled {
    background-color: #D9D9D9;
}

.empty::placeholder,
.empty__rate::placeholder,
.editModal .text-danger,
.dropdown.empty span {
    color: #FF0000 !important;
}

/* font-size */
.remote__div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22%;
    margin: 1.5%;
    min-width: 70px;
    padding: 2px 0.1rem 2px 0.1rem !important;
}

.remote__div .checkboxScale {
    transform: scale(1.5);
}

.remote_dataEdit td:nth-child(3) input,
.remote_dataEdit td:nth-child(4) input {
    border: 1px solid #233C6B !important;
    margin-bottom: 3px;
}

.remote_dataEdit .form-control {
    height: calc(1em + 0.3rem + 1px);
}

.remote_dataEdit td {
    padding: 2px !important;
}

input.remoteEdit_time {
    border: 1px solid #233c6b !important;
}

.css-b62m3t-container {
    width: 80px;
}

.css-4q3c76-indicatorContainer,
.css-1fdsijx-ValueContainer,
.css-uoqnm3-indicatorContainer,
.css-7twe8q-indicatorContainer,
.css-1m4p9w3-indicatorContainer {
    padding: 0px !important;
    width: 20px !important;
    /* margin: 1px 2px !important; */
}

/* .css-1m4p9w3-indicatorContainer {
    margin: 0px 2px !important;
} */

.css-d13oyh-control,
.css-uactt2-control {
    min-height: 20px !important;
    height: 20px !important;
}

.remoteEdit_time.text-dark {
    color: #000000 !important;
}

.remote_modal,
.remote_id {
    margin-bottom: 10px;
}

.remoteModal_msg {
    margin-bottom: 6px;
}

.remoteMsg {
    margin-bottom: 10px;
}

.tableModal .remoteMsg {
    margin-top: 10px;
}

.remote_data th {
    font-weight: 500 !important;
}

.modal-footer {
    border-top: 1px solid #c4cbd8 !important;
}

.tableModal .modal-footer {
    border-top: 1px solid #233C6B;
}

.css-i2ki3s-MenuList input[type=checkbox],
.css-1xzhx1 input[type=checkbox] {
    transform: scale(1.8);
}

.css-i2ki3s-MenuList div label,
.css-1xzhx1 div label {
    margin-left: 20px !important;
    font-size: 18px !important;
}

.css-i2ki3s-MenuList .css-18b7crk-option label,
.css-1xzhx1 .css-18b7crk-option label,
.css-1xzhx1 .css-4pduo6-option label,
.css-i2ki3s-MenuList .css-4pduo6-option label {
    font-size: 14px !important;
    margin-left: 25px !important;
}

.btn__remotePrimary {
    width: 120px !important;
    font-size: 12px !important;
    padding: 4px !important;
}

/* .css-s4i6ez-menu .btn__remotePrimary {
    font-size: 14px !important;
    padding: 5px !important;
} */


.css-18b7crk-option,
.css-4pduo6-option {
    display: flex !important;
    padding: 5px 11px !important;
}

.css-idlaae-ValueContainer div,
.css-1vs3t9z div {
    font-size: 1.1rem !important;
}

.remote_dataEdit .remoteEdit_rate.empty,
.remoteEdit_rate.empty:hover {
    border: 2px solid #ff0000 !important;
}

.remoteEdit_rate.empty::placeholder,
.remote_dataEdit .remoteEdit_rate.empty::placeholder {
    color: #ff0000 !important;
}

.empty {
    box-shadow: 0 0 0 1px #ff0000 !important;
}

/* .message-box {
    margin-top: 20px;
} */



.newAddedRow td:nth-child(3) input,
.newAddedRow td:nth-child(4) input {
    margin-bottom: 4px;
}

.css-120d1ne-indicatorContainer {
    padding: 4px !important;
    margin-bottom: 4px !important;
}

.remote_dataEdit .deviceid {
    margin-bottom: 4px;
}

.chargeItem {
    padding: 0 1rem 0 1.5rem !important;
}

/* .remote_dataEdit thead tr th svg {
    margin-left: 5px;
} */

.remote_dataEdit thead tr th svg {
    margin-right: 6px;
    margin-top: -2px;
}

.remote_dataEdit td:nth-child(1) svg {
    margin-left: 4px;
    margin-top: 2px !important;
}

.css-1jqq78o-placeholder {
    display: none;
}

/* .css-4q3c76-indicatorContainer,
.css-uoqnm3-indicatorContainer {
    width: 25px !important;
    margin-bottom: 5px !important;
    height: 17px !important;
} */

.css-4q3c76-indicatorContainer svg,
.css-uoqnm3-indicatorContainer svg,
.css-1m4p9w3-indicatorContainer svg,
.css-7twe8q-indicatorContainer svg {
    width: 22px !important;
    margin-right: 3px !important;
    height: 14px !important;
    color: #ffffff;
}



/* 20th Nov 2023 */

.remote__input.empty {
    border: 2px solid #ff0000 !important;
}

.remote_data td {
    padding-left: 10px !important;
    text-align: left;
}

.remote_data td:nth-child(1) {
    padding-left: 47px !important;
}

.remote_data td:nth-child(3),
.remote_data td:nth-child(4) {
    padding-left: 10px !important;
}

input[type="time"]::-webkit-calendar-picker-indicator {
    background: none;
    background: url('/img/clock.png') no-repeat center right;
    padding-right: 20px;
    width: 20px;
    cursor: pointer;
}

.editModal input[type="time"]::-webkit-calendar-picker-indicator {
    background: url('/img/clock.png') no-repeat center right;
}

/* input[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
} */

.timerIcon {
    position: absolute;
    width: 25px;
    top: 6.7pc;
    right: 8px;
}

.timerIconModal {
    width: 23px;
    position: absolute;
    top: 2px;
    left: 9pc;
}

/* .remote_time {
    padding-left: 25% !important;
} */

.remote_time.form-control-sm {
    padding-left: 50px;
}

.editModal .react-datepicker__input-container input {
    text-align: center;
    padding-right: 16px !important;
}

.remoteEdit_time.empty {
    border: 2px solid #ff0000 !important;
}

.newAddedRow .css-b62m3t-container input {
    height: 10px !important;
}

.css-1hkijpq-control,
.css-o8uni9-control {
    height: 38px !important;
    min-height: 38px !important;
}

.css-lqeeeg-placeholder {
    height: 30px !important;
}

.headingSpace {
    padding: 0.4rem 0px;
}

.remote_time {
    height: calc(1.8em + 0.5rem + 2px) !important;
}

.remote_dataEdit th:nth-child(1),
.errorDate {
    text-align: left;
}

.remote_dataEdit .addIcon {
    padding-left: 31px;
}

.content-mobile-error .form-control-sm {
    border: 2px solid rgba(35, 60, 107, 0.4392156863) !important;
    border-radius: 5px !important;
}

.tableModal .modal-content {
    width: 35pc;
}

.tableModal .remote_data {
    display: table !important;
    width: 100% !important;
}

.remote_data td:nth-child(2) {
    width: 15% !important;
}

.remote_data th:nth-child(2),
.remote_data th:nth-child(3),
.remote_data th:last-child {
    text-align: left !important;
    padding-left: 10px !important;
}

.deviceSection .react-datepicker-wrapper {
    width: 100%;
}

.remote_target,
.remote_rate,
.empty__rate {
    height: calc(1em + 1rem + 2px) !important;
}

.selectBoxLabel {
    font-size: 14px !important;
    margin-left: 18px !important;
}

.selectBoxOptions {
    font-size: 14px !important;
    margin-left: 18px !important;
}

.dropdown-content input[type=checkbox] {
    transform: scale(1.5);
}

.remote_target.empty,
.empty__rate.is-invalid {
    border: 2px solid #ff0000 !important;
}

span.remoteEdit_time {
    color: #000000 !important;
}

.content-mobile-error input.empty:hover,
.content-mobile-error input.empty,
.remoteEdit_time.empty:active,
.remoteEdit_time.empty:hover,
.remoteEdit_time.empty,
.remoteEdit_time.empty:focus-visible {
    border: 2px solid rgb(255 0 0) !important;
    box-shadow: 0 0 0 1px #ff0000 !important;
    outline-color: #ff0000;
    outline-width: 0px !important;
}

#login-form .form-group input {
    margin-top: 10px;
    margin-bottom: 20px;
    border: 2px solid #233C6B !important;
}

#login-form .col button {
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 20px;
}


#login-form .form-group label,
#login-form span {
    margin-left: 10px;
    font-weight: 500;
}

#login-form {
    width: 300px;
}

.heading__text {
    font-size: 14px !important;
}


@-moz-document url-prefix() {

    .remote_time.form-control-sm,
    .timeWrapper .remoteEdit_time {
        padding: 0px 2px !important;
    }
}