﻿
/*Dark Mode */

:root {
    --mud-palette-primary: #43a83a !important;
    --mud-palette-primary-darken: #29804a !important;
    --bs-body-color: #102B4B !important;
    --bs-side-color: #08182a !important;
    --bs-lightBlue-color: #A7DDE0 !important;
    --login-btn-primary: #4fa0ed !important;
    --login-img-color: #3674ae;
    --header-bg-color: #0a213c;
    --header-menuBtn-color: #fff;
    --primary-color: #73ccd0;
    /**/
    --dash-card-bg: #1B3D65;
    --dash-box-bg: #102B4B;
    --dash-card-line: #0A213C;
    --dash-tit-color: #efefef;
    --dash-navy-text: #fff;
    --dash-gauge-bg: #4D78A0;
    --dash-gauge-point: #9DD7FF;
    --data-time-color: #4C779F;
    --dash-luna-icon-bg: #4C779F;
    --txt-color: #ffffffb3;
    --txt-bk-color: #ffffff;
    --txt-iv-color: #424242;
    --txt-li7-gray: #777;
    --txt-red-error: #ff6454;
    --form-bg-color: #cfdae7;
    --ict-btn-solid: #adbac85c;
    /**/
    --dash-bg-icon: #9DD7FF;
    --dash-temp-icon: #4D78A0;
    --dash-wind-icon: #9DD7FF;
    --dash-rain-icon: #9DD7FF;
    --dash-press-icon: #9DD7FF;
    --dash-water-icon: #4D78A0;
    --dash-uv-icon: #9DD7FF;
    --dash-wave-icon: #4D78A0;
    --dash-tide-icon: #4C779F;
    --leisure-icon-bg: #102B4B;
    --ict-leisure: #1B3D65;
    /**/
    --state-bg-left: #102B4B;
    --state-bg-btm: #1B3D65;
    /*state color*/
    --ict-error: #FE4653;
    --ict-danger: #FB8F3D;
    --ict-warning: #FFBE00;
    --ict-normal: #73B373;
    --ict-well: #76B7DE;
    /*table color*/
    --ict-input-outline: #0000006e;
    --ict-pagination-bg: #08182a;
    --ict-table-border: #0a213c;
    --ict-table-header: #415a6f;
    --ict-table-header: #041a33;
    --ict-switchOn-color: #8bc3c6;
    /*Dark Mode ==*/
}
.k-arcgauge-label {
    text-shadow: 0 0 6px #1B3D6580;
}
.inner-card-style.inner-sm-card .inner-tit h3{
    color: var(--txt-color);
}
.graph-date {
    background: var(--dash-gauge-bg);
}
.header .header-left .logo .logo-img {
    background: url(../../img/logo_w.png) no-repeat;
    background-size: contain;
    background-position: left;
    min-height: 60px;
}

.themeprofile .k-switch-off .k-switch-thumb:after {
    content: '';
    background: url(../../img/dark-theme.svg) no-repeat;
    background-size: contain;
    background-position: center;
    width: 18px;
    height: 18px;
    position: absolute;
    margin: 5px;
    border-radius: 50%;
    transition: 0.2s;
}

span.wind-icon {
    background: url(../../img/wind-icon.svg) no-repeat;
    background-size: cover;
    background-position: center;
}

span.water-icon {
    background: url(../../img/water-icon.svg) no-repeat;
    background-size: contain;
    background-position: left;
}

span.hpa-icon {
    background: url(../../img/hpa-icon.svg) no-repeat;
    background-size: contain;
    background-position: left;
}

span.salt-icon {
    background: url(../../img/salt-icon.svg) no-repeat;
    background-size: contain;
    background-position: left;
}

span.wTemp-icon {
    background: url(../../img/water-temp-icon.svg) no-repeat;
    background-size: contain;
    background-position: left;
}

span.lowTide-icon {
    background: url(../../img/lowTide-icon.svg) no-repeat;
    background-size: contain;
    background-position: left;
}

span.highTide-icon {
    background: url(../../img/highTide-icon.svg) no-repeat;
    background-size: contain;
    background-position: left;
}

.visitTopGroup span.visitCout-icon {
    background-image: url(../../img/visitcount_d.svg);
    background-size: contain;
    background-position: center;
    height: 40px;
    width: 40px;
}

span.leisure-bettery-img.leisure-bettery-full {
    background: url(../img/Eqpmnt/full-btr-d.png) no-repeat;
    background-size: contain;
}
span.leisure-bettery-img.leisure-bettery-high {
    background: url(../img/Eqpmnt/high-btr-d.png) no-repeat;
    background-size: contain;
    background-position: left;
}
span.leisure-bettery-img.leisure-bettery-half {
    background: url(../img/Eqpmnt/half-btr-d.png) no-repeat;
    background-size: contain;
    background-position: left;
}
span.leisure-bettery-img.leisure-bettery-low {
    background: url(../img/Eqpmnt/low-btr-d.png) no-repeat;
    background-size: contain;
    background-position: left;
}
span.leisure-bettery-img.leisure-bettery-non {
    background: url(../img/Eqpmnt/non-btr-d.png) no-repeat;
    background-size: contain;
    background-position: left;
}

span.signal-img.signal-100 {
    background: url(../img/Eqpmnt/signal-100-d.png) no-repeat;
    background-size: contain;
    background-position: left;
}
span.signal-img.signal-75 {
    background: url(../img/Eqpmnt/signal-75-d.png) no-repeat;
    background-size: contain;
    background-position: left;
}
span.signal-img.signal-50 {
    background: url(../img/Eqpmnt/signal-50-d.png) no-repeat;
    background-size: contain;
    background-position: left;
}
span.signal-img.signal-25 {
    background: url(../img/Eqpmnt/signal-25-d.png) no-repeat;
    background-size: contain;
    background-position: left;
}

.k-grid .k-table-row.k-grid-norecords {
    background-color: #a7c4e614 !important;
}

.k-button-md {
    font-weight: 500;
}