@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../fonts/MyriadPro-Regular_gdi.eot');
    src: url('../fonts/MyriadPro-Regular_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/MyriadPro-Regular_gdi.woff') format('woff'), url('../fonts/MyriadPro-Regular_gdi.ttf') format('truetype'), url('../fonts/MyriadPro-Regular_gdi.svg#MyriadPro-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-25CA;
}

.searchbox {
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
}


/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    color: #414042;
    -webkit-text-size-adjust: 100%;
    background: #f3f2ee;
    -webkit-text-size-adjust: 100%;
    font-family: 'MyriadPro-Regular';
    background: url(../images/bodybg.png) no-repeat bottom;
    background-size: 100%;
    background-attachment: fixed;
    background-size: cover;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

h3 {
    padding-bottom: 10px;
}

h4 {
    font-size: 18px;
}

img {
    border: 0px;
}

p {
    padding: 0px;
    margin: 0px 0 15px 0;
    font-size: 14px;
    line-height: 20px;
}

a {
    text-decoration: none;
    color: #414042;
    outline: none;
}

    a:hover {
        color: #d0112b;
    }

ul, li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

input, textarea, select {
    padding: 0px;
    margin: 0px;
    font-family: 'MyriadPro-Regular';
    font-size: 13px;
    padding: 5px;
    border-radius: 0px;
    border: 1px solid #8b8c8f;
    outline: none;
}


.clearfix:before, .clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.fld {
    float: left !important;
}

.frd {
    float: right !important;
}

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

.align-left {
    text-align: left;
}

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

html, body {
    height: 100%;
}

.wrapper {
    width: 100%;
    height: 100%;
}

.footer, .push {
    height: 117px;
}

.footer, .push {
    clear: both;
}

.header {
    background: #fff;
    min-height: 76px;
    box-shadow: 0 0 20px #b0b0b0;
    padding: 0px 40px;
    position: relative;
    z-index: 99999;
}

.logo {
    background: url(../images/logo.png) no-repeat;
    width: 210px;
    height: 55px;
    display: block;
    font-size: 0px;
    float: left;
    margin-top: 10px;
}

.header-right {
    float: right;
    padding-top: 22px;
}

.searchbox {
    float: left;
    margin-right: 11px;
    width: 350px;
    position: relative;
    padding-right: 33px;
}

.search-textbox {
    width: 100%;
    border-right: 0px;
    transition-duration: 0.3s;
    background: none !important;
}

    .search-textbox:focus {
        border-color: #d0112b;
        transition-duration: 0.3s;
    }

.searchbtn {
    background: #8b8c8f url(../images/allicon.png) no-repeat -139px 0px;
    width: 33px;
    border: 0px;
    height: 30px;
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    transition-duration: 0.3s;
}

    .searchbtn:hover {
        opacity: 0.8;
        transition-duration: 0.3s;
    }

.refresh {
    background: url(../images/allicon.png) no-repeat -177px -1px;
    width: 20px;
    height: 20px;
    display: block;
    float: right;
    margin-top: 5px;
}
/*.refresh{
-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;transition-duration: 0.4s;
-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;
transition-property: transform;overflow:hidden;}
.refresh:hover{-webkit-transform:rotate(100deg);-moz-transform:rotate(100deg);-o-transform:rotate(100deg);}*/
.mapwrapper {
    width: 100%;
}

    .mapwrapper .iframe {
        width: 100%;
    }

.middle-section {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
    margin: auto;
    background: #f3f2ee;
}

.middle-section-inner {
    position: relative;
    width: 100%;
    height: calc(100% - 76px) !important;
    overflow: hidden;
    margin: auto;
    background: #f3f2ee;
}

.footer {
    width: 100%;
    text-align: center;
    min-height: 117px;
    padding-top: 30px;
    color: #585858;
    margin: auto;
}

.copyright {
    color: #1d1b1c;
    font-size: 13px;
}

.footer p {
    padding-top: 10px;
}

.left-nav {
    /*width: 240px;
    background: #e31937;*/
    height: calc(100% - 49px);
    position: absolute;
    top: 0px;
    z-index: 99999;
    left: -240px;
    transition-duration: 0.2s;
}

    .left-nav.multiorg-nav {
    }


.left-click {
    background: url(../images/allicon.png) no-repeat 0px 0px;
    width: 31px;
    height: 68px;
    position: absolute;
    right: -31px;
    top: 80px;
}

    .left-click.multiorg-click {
        top: 0;
    }

    .left-click.layer-click {
        top: 160px;
    }

.aside-hide {
    left: 0px;
    transition-duration: 0.2s;
    z-index: 999999;
}

.left-click span {
    font-size: 0px;
    background: url(../images/setting-icon.png) no-repeat 0px 0px;
    width: 18px;
    height: 18px;
    display: block;
    margin: auto;
    margin-top: 26px;
    margin-right: 10px;
}

    .left-click span.span2 {
        font-size: 0px;
        background: url(../images/management-512.png) no-repeat 0px 0px;
        width: 18px;
        height: 18px;
        display: block;
        margin: auto;
        margin-top: 26px;
        margin-right: 10px;
    }

    .left-click span.layericon {
        font-size: 0px;
        background: url(../images/layers.png) no-repeat 0px 0px;
        width: 18px;
        height: 18px;
        display: block;
        margin: auto;
        margin-top: 26px;
        margin-right: 10px;
    }

.cagegory {
    width: 100%;
    padding: 10px 25px 0px 45px;
}

    .cagegory li {
        position: relative;
    }

        .cagegory li a {
            border-bottom: 1px #ec6579 solid;
            width: 100%;
            display: block;
            font-size: 15px;
            font-weight: bold;
            color: #fbc8cf;
            padding: 15px 0px;
        }

            .cagegory li a.disabled {
                color: #cecbcbab;
                font-weight: normal;
                cursor: default;
            }

            .cagegory li a:hover {
                color: #fff;
                padding-left: 0px;
            }

            .cagegory li a.disabled:hover {
                color: #cecbcbab;
                font-weight: normal;
                padding-left: 0px;
            }

        .cagegory li:last-child a {
            border-bottom: 0px;
        }

        .cagegory li a i {
            position: absolute;
            left: -34px;
            width: 26px;
            height: 26px;
            top: 14px;
            background-image: url(../images/allicon.png);
            background-repeat: no-repeat;
        }

        .cagegory li a.disabled i {
            opacity: 0.5;
        }

        .cagegory li a i.navicon1 {
            background-position: -2px -73px;
        }

        .cagegory li a i.navicon2 {
            background-position: -33px -75px;
        }

        .cagegory li a i.navicon3 {
            background-position: -68px -74px;
        }

        .cagegory li a i.navicon4 {
            background-position: -103px -73px;
        }

        .cagegory li a i.navicon5 {
            background-position: -142px -74px;
        }

        .cagegory li a i.navicon6 {
            background-position: -180px -74px;
        }
/*************** report items******************/
.category-report {
    width: 100%;
}

    .category-report li {
        position: relative;
    }

        .category-report li a {
            border-bottom: 1px #000 solid;
            width: 100%;
            display: block;
            font-size: 15px;
            color: #000;
            padding: 5px 0px;
        }

            .category-report li a:hover {
                color: #000;
                padding-left: 0px;
            }

        .category-report li:last-child a {
            border-bottom: 0px;
        }

        .category-report li a i {
            position: absolute;
            left: -34px;
            width: 26px;
            height: 26px;
            top: 14px;
            background-image: url(../images/allicon.png);
            background-repeat: no-repeat;
        }

            .category-report li a i.navicon1 {
                background-position: -2px -73px;
            }

            .category-report li a i.navicon2 {
                background-position: -33px -75px;
            }

            .category-report li a i.navicon3 {
                background-position: -68px -74px;
            }

            .category-report li a i.navicon4 {
                background-position: -103px -73px;
            }

            .category-report li a i.navicon5 {
                background-position: -142px -74px;
            }

            .category-report li a i.navicon6 {
                background-position: -180px -74px;
            }
/*************** kendo css******************/
.map-menu .k-item > .k-link {
    border: 0px;
    background: #fff;
    padding: 9px 7px 7px 7px !important;
    color: #333;
    min-width: 100px;
    font-size: 16px;
}

.map-menu {
    border: 1px #fff solid !important;
    box-shadow: inherit !important;
}

    .map-menu .k-item > .k-link:hover {
        background-color: #e31937 !important;
        color: #fff !important;
    }

    .map-menu li.k-state-default {
        border-bottom: 1px #eaeaea solid;
    }

    .map-menu li.k-item:last-child {
        border-bottom: 0px;
    }

/*************** kendo css******************/
.profile-section {
    float: right;
    position: relative;
    height: 54px;
    z-index: 999;
}

.profile {
    background: url(../images/user-icon.png) no-repeat 0px 0px;
    width: 23px;
    height: 23px;
    float: right;
    margin: 3px 0px 0px 20px;
    font-size: 0px;
}

    .profile:hover {
        background: url(../images/user-icon.png) no-repeat 0px -31px;
    }

.profile-section .profilemenu {
    display: none;
    position: absolute;
    background: #fff none repeat scroll 0 0;
    border-radius: 0 0 15px 15px;
    box-shadow: 0 8px 9px #d4d4d4;
    font-size: 15px;
    right: 0;
    top: 53px;
    padding-bottom: 8px;
    width: 185px;
    z-index: 999999;
    right: -15px;
}

.profile-section:hover .profile {
    background: url(../images/user-icon.png) no-repeat 0px -31px;
}

.profile-section:hover .profilemenu {
    display: block !important;
}

.profile-section .profilemenu li {
    padding: 0 12px 0px 12px;
}

    .profile-section .profilemenu li a {
        color: #8b8c8f;
        display: block;
        font-size: 14px;
        line-height: 17px;
        padding: 8px 6px;
        position: relative;
        text-align: left;
        transition-duration: 0.3s;
        border-bottom: 1px solid #d6d6d7;
    }

        .profile-section .profilemenu li a:hover {
            color: #e31937;
        }

        .profile-section .profilemenu li a.active {
            color: #e31937;
        }

    .profile-section .profilemenu li:last-child a {
        border-bottom: 0px;
    }

img.flags {
    padding: 0 5px 2px 0;
}

.prfile-sub {
    display: none;
    position: absolute;
    right: 0px;
    width: 160px;
    background: #fff;
    left: -155px;
    top: 0px;
    border-radius: 10px;
    box-shadow: 0 8px 9px #d4d4d4;
    font-size: 15px;
    padding: 0px;
    top: 3px;
    padding: 5px 0px;
    max-height: 250px;
    overflow: auto;
}

.profilemenu .profile-lable1 {
    position: relative;
}

    .profilemenu .profile-lable1:hover > a {
        color: #e31937;
    }

    .profilemenu .profile-lable1:hover > .prfile-sub {
        display: block;
    }

    .profilemenu .profile-lable1 a.arrow-left {
        position: relative;
    }

        .profilemenu .profile-lable1 a.arrow-left:after {
            background: url(../images/arrow-gray-left.png) no-repeat 0px 0px;
            content: "";
            width: 4px;
            height: 8px;
            position: absolute;
            left: -4px;
            top: 12px;
        }

    .profilemenu .profile-lable1:hover a.arrow-left:after {
        background: url(../images/arrow-gray-left-ho.png) no-repeat 0px 0px;
    }

.profilemenu .profile-lable2 {
    position: relative;
}

    .profilemenu .profile-lable2 .prfile-sub {
        display: none;
    }

    .profilemenu .profile-lable2:hover > ul.prfile-sub {
        display: block;
    }
/***********Login css **************/
body.login {
    background-position: top center;
    background-size: cover;
}

    body.login .footer-login {
        position: absolute;
        width: 100%;
        bottom: 0px;
        border-top: 1px rgba(110, 111, 112, 0.5) solid;
        height: 80px;
        min-height: 80px;
        padding-top: 20px;
        padding-bottom: 5px;
    }

.login-warpper {
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.08);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.08);
    box-shadow: 0 0 20px rgba(0,0,0,.08);
    width: 480px;
    height: fit-content;
    background: #fff;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    top: 0px;
    bottom: 0px;
}


.login-warpper-auth {
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.08);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.08);
    box-shadow: 0 0 20px rgba(0,0,0,.08);
    width: 480px;
    height: fit-content;
    background: #fff;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    top: 0px;
    bottom: 0px;
}

.admin-logo {
    width: 100%;
    text-align: center;
    padding: 20px 0px;
}

.login-inner {
    padding: 0px 40px 0px 40px;
}

.form-group {
    padding: 0px 0px 15px 0px;
    width: 100%;
    position: relative;
    float: left;
}

.textbox {
    width: 100%;
    border: 1px #8b8c8f solid;
    transition-duration: 0.3s;
    font-size: 14px;
    max-width: inherit;
}

    .textbox:focus {
        border: 1px #d0112b solid;
        transition-duration: 0.3s;
    }

.button-froup {
    width: 100%;
}

    .button-froup .login-button, .button-froup .reset-button {
        text-transform: uppercase;
        font-size: 18px;
        width: 49%;
        text-align: center;
        padding: 7px 0px;
        cursor: pointer;
        transition-duration: 0.3s;
        border-radius: 2px;
    }

.login-button {
    float: left;
    background: #d0112b;
    color: #fff;
    border: 0px;
}

    .login-button:hover {
        background: #b71027;
        transition-duration: 0.3s;
    }

.reset-button {
    float: right;
    border: 1px #d0112b solid;
    color: #d0112b;
    background: #fff;
}

    .reset-button:hover {
        background: #d0112b;
        color: #fff;
        transition-duration: 0.3s;
    }

.forgotpass {
    float: right;
}

    .forgotpass:hover {
        color: #d0112b;
    }

.rember-me {
    float: left;
}

    .rember-me input {
        position: relative;
        top: 1px;
        margin-right: 5px;
    }
/***********Login css **************/
.footer2 {
    width: 100%;
    padding: 0px 20px 0px 20px;
    clear: both;
    background: #fff url(../images/footer-bg.jpg) repeat-x bottom;
    position: fixed;
    bottom: 49px;
    z-index: 500;
    display: none;
}

    .footer2 .copyright {
        width: 100%;
        clear: both;
        display: block;
        text-align: center;
        padding-top: 0;
        padding-bottom: 15px;
        display: none;
    }

.orgcontainer {
    float: left;
    position: absolute;
}

.org-menu {
    background: #e31937;
}

.org-section {
    padding: 0px 0px;
    width: 100%;
    position: relative;
}

.org-menu {
    position: relative;
    box-shadow: 0 0 6px #fff;
    margin: 20px 0;
    border-radius: 4px;
}

.footer-right {
    width: 100%;
    /*float: left;*/
    /*padding-left: 250px;*/
    min-height: 70px;
}

.gauge-parent {
    width: 100%;
    position: relative;
    display: inline-block;
    /*  float: left;*/
    height: 250px;
}

    .gauge-parent .loadingoverlay, .ccu .loadingoverlay {
        width: 100% !important;
        height: 100% !important;
        background-color: transparent !important;
    }

.org-menu .org-title {
    padding: 10px 10px;
    color: #fff;
    cursor: pointer;
}

.org-menu .org-dropdown {
    display: none;
}

.org-menu .fa-caret-down {
    display: none;
}

.block-nav .fa-caret-down {
    display: block;
}

.block-nav .fa-caret-right {
    display: none;
}

.block-nav .org-dropdown {
    display: block;
    border-top: 1px #c9001d solid;
}

    .block-nav .org-dropdown li a {
        color: #fff;
        padding: 8px 10px;
        display: block;
    }

        .block-nav .org-dropdown li a:hover {
            background: #d30927;
        }

.org-title i.fa {
    float: right;
    margin-top: 2px;
}


.per-value {
    display: inline-block;
    padding-right: 10px;
}

.signal1 {
    width: 18px;
    height: 18px;
    background: #9cb753;
    border-radius: 50px;
    display: inline-block;
    margin: 0px 5px 0px 0px;
    position: relative;
    top: 3px;
}

.signal2 {
    width: 18px;
    height: 18px;
    background: #ffff00;
    border-radius: 50px;
    display: inline-block;
    margin: 0px 5px 0px 0px;
    position: relative;
    top: 3px;
}

.signal3 {
    width: 18px;
    height: 18px;
    background: #e31937;
    border-radius: 50px;
    display: inline-block;
    margin: 0px 5px 0px 0px;
    position: relative;
    top: 3px;
}

.clock-list {
    float: left;
    padding-top: 15px;
    width: 90%;
}

.clock-item {
    width: 25%;
    text-align: center;
    float: left;
}

.clock-notifaction {
    padding: 10px 0px 0px 0px;
    min-height: 48px;
    margin-top: -77px;
}

.clock-name {
    text-transform: uppercase;
    font-size: 13px;
}

.clock-name {
    color: #000;
}

.clock-img {
    /*padding-left: 26px;*/
    width: 100%;
}

    .clock-img > div {
        width: 100%;
        margin: 0 auto;
    }

        .clock-img > div > div {
            margin: 0 auto;
        }

.intrusion-list {
    width: 10%;
    text-align: center;
    float: left;
    padding-top: 25px;
}

.intrusion-item {
    padding-top: 30px;
}

.intrusion-title {
    text-transform: uppercase;
    color: #000;
    font-size: 13px;
    position: relative;
    top: 10px;
}

.intrusion-img img {
    -webkit-filter: drop-shadow(0px 0px 6px black);
    filter: drop-shadow(0px 0px 6px black);
    -moz-filter: drop-shadow(0px 0px 6px black);
    -ms-filter: drop-shadow(0px 0px 6px black);
    -o-filter: drop-shadow(0px 0px 6px black);
}

.ccu {
    /* float: left;*/
    text-align: center;
    padding-top: 5px;
    position: relative;
    width: 100%;
    height: 135px;
    margin-bottom: 5px;
}

    .ccu:before {
        width: 2px;
        height: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
        content: "";
        background: rgba(110, 111, 112, 0.9);
        height: 256px;
    }

.ccu-title {
    color: #000;
    font-size: 13px;
}

.contact-bg {
    background: #f4f4f4 url(../images/bodybg.png) no-repeat bottom;
    height: 100%;
    width: 100%;
    background-size: 100%;
    position: absolute;
    z-index: 99;
}

.manual-content {
    width: calc(100% - 35px);
    height: calc(100% - 53px);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    position: absolute;
    z-index: 9999;
    padding: 4px 0 0 4px;
}

.content-box {
    background: #fff;
    border: 1px #ccc solid;
    box-shadow: 2px 2px 3px #c1c1c1;
    padding: 15px 20px;
    /*margin-bottom: 15px;
    float: left;*/
    width: 100%;
    height: 100% !important;
}

    .content-box h2 {
        font-size: 15px;
        color: #000;
        text-transform: uppercase;
        font-weight: bold;
        text-align: center;
        padding-bottom: 10px;
    }

#ManualActivaeRTUBox.content-box {
    height: 200px !important;
    overflow: auto;
}

#LastActivityBox.content-box {
    height: calc(100% - 200px) !important;
    overflow: auto;
}

.form-group2 {
    width: 100%;
    display: inline-block;
}

.active-textbox {
    width: 33%;
    float: left;
}

.function-textbox {
    width: 33%;
    float: left;
    padding: 0 12px 0 12px;
}

.selectbox {
    width: 100%;
    transition-duration: 0.3s;
    font-size: 14px;
    max-width: inherit;
}
/*.selectbox:focus{ border:1px #d0112b solid; transition-duration:0.3s; }*/
.form-button {
    width: 100%;
    text-align: center;
}

.button {
    border-radius: 4px;
    background: #e31937;
    color: #fff;
    padding: 7px 20px;
    border: 0px;
    font-size: 14px;
    font-family: ""MyriadPro-Regular"";
    cursor: pointer;
    vertical-align: middle;
}

    .button:hover:enabled {
        background: #b61128;
        color: #ffffff;
    }

    .button:hover:disabled {
        cursor: no-drop;
    }

.activity-norti {
    width: 100%;
    text-align: center;
}

.status {
    display: inline-block;
    font-size: 13px;
    color: #969799;
    padding: 0px 20px 0px 15px;
    position: relative;
}

    .status:after {
        position: absolute;
        left: 0px;
        content: "";
        background: #d1d1d1;
        width: 8px;
        height: 8px;
        top: 3px;
    }

.pass:after {
    background: #9cb753;
}

.pending:after {
    background: #4e81e9;
}

.fail:after {
    background: #d0112b;
}

.activity-graph-section {
    position: relative;
}

.activity-graph {
    width: 100%;
}

    .activity-graph .k-chart {
        width: 65%;
    }

    .activity-graph img {
        width: 100%;
        height: auto;
    }

.activity-content {
    width: 40%;
    margin-top: 0;
    margin-left: 5%;
    position: absolute;
    z-index: 0;
    right: 16px;
    top: 110px;
}

.activity-inner {
    background: #ebebeb;
    border-left: 30px #9cb753 solid;
    padding: 10px 15px 10px 10px;
    margin-bottom: 25px;
    box-shadow: 0 2px 8px #888;
}

    .activity-inner h4 {
        color: #000;
        font-size: 15px;
        padding: 0px 0px 5px 0px;
    }

.no-background {
    background-color: #c1c1c3;
    background-image: none;
}

.wrapper-inner {
    margin-bottom: -289px;
    min-height: inherit;
}

.inner-push {
    height: 289px;
}

/*******************poll *******************/
.poll-content {
    width: 100%;
    z-index: 9999;
    padding: 0 0 10px 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    bottom: 0;
    height: calc(100% - 50px) !important;
}



.poll-listing {
    padding: 40px 30px;
    text-align: center;
    position: relative;
    background: rgba(255,255,255,0.8);
    margin: 20px;
    margin-top: 50px;
    border-radius: 10px;
    height: calc(100% - 50px);
}


    .poll-listing #hotkeys li, .poll-listing #macros li {
        width: 164px;
        height: 160px;
        display: inline-block;
        margin-left: 7px;
        position: relative;
        margin-bottom: 7px;
        transition-duration: 0.1s;
        background: #F00;
        border: solid 5px #fff;
        border-radius: 12px;
        box-shadow: 0 0 6px #888888;
    }

        .poll-listing #hotkeys li a, .poll-listing #macros li a {
            position: absolute;
            left: 0px;
            right: 0px;
            top: 0px;
            bottom: 0;
        }

.number-group {
    position: absolute;
    height: 45px;
    width: 45px;
    top: 10px;
    left: 10px;
    right: 0px;
    overflow: hidden;
    background: #ffffff;
    border-radius: 50%;
}

.hex-number {
    position: absolute;
    font-size: 17px;
    width: 100%;
    color: #4f4f4f;
    top: 11px;
    text-align: center;
    font-weight: bold;
    transition-duration: 0.3s;
    opacity: 1;
    display: block;
}

.hover-no {
    color: #000;
    transition-duration: 0.3s;
    top: -50px;
    opacity: 0;
    display: block;
}

/*.poll-listing #hotkeys li:hover .hex-number,.poll-listing #macros li:hover .hex-number {
    top: 70px;
    transition-duration: 0.3s;
    opacity: 0;
}

.poll-listing #hotkeys li:hover .hover-no,.poll-listing #macros li:hover .hover-no {
    top: 11px;
    transition-duration: 0.3s;
    opacity: 1;
}*/

.hex-img {
    width: 40px;
    height: 40px;
    margin: auto;
    left: 0px;
    right: 0px;
    text-align: center;
    top: 55px;
    position: absolute;
}

    .hex-img img {
        margin: auto;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        position: absolute;
    }

.hex-title {
    position: absolute;
    width: 100%;
    text-align: center;
    /*top: 97px;*/
    top: 75px;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    display: block;
}

.darkblock .hex-title {
    color: #595959;
}

.poll-listing #hotkeys li:hover {
    opacity: 0.9;
    transition-duration: 0.1s;
}

.poll-listing #hotkeys li a .hex-img {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}

.poll-listing #hotkeys li:hover a .hex-img {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}



ul.map-control {
    position: absolute;
    z-index: 999;
    top: 20px;
    right: 20px;
    display: none !important;
}

    ul.map-control li {
        width: 100%;
        margin-bottom: 15px;
    }

        ul.map-control li a {
            width: 36px;
            height: 36px;
            display: block;
            background-repeat: no-repeat;
        }

            ul.map-control li a.nav-icon {
                background-image: url(../images/icons.png);
            }

            ul.map-control li a.zoom-out {
                background-image: url(../images/zoom-in.png);
            }

            ul.map-control li a.zoom-in {
                background-image: url(../images/zoom-out.png);
            }

/*************** kendo css******************/
.loader-wrapper {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.image-loader {
    position: absolute;
    width: 25px;
    height: 25px;
    margin: auto;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 9999;
}

#multiselectrtu_taglist .k-button {
    background: none;
    background-color: #E31937;
    color: white;
    border-radius: 15px;
    border: 0;
}

    #multiselectrtu_taglist .k-button .k-i-close {
        background: none;
    }

        #multiselectrtu_taglist .k-button .k-i-close::after {
            content: "\F00D";
            color: #fff;
            font-size: 12px;
            display: inline-block;
            margin-top: 7px;
            font-family: 'FontAwesome';
        }

.k-multiselect.k-header, input.k-textbox, textarea.k-textbox {
    border-color: #D7D7D7;
}

    .k-multiselect.k-header.k-state-hover {
        border-color: #8B8C8F;
    }

.active-textbox .k-multiselect-wrap .k-input {
    margin-top: 5px;
}

.function-textbox .k-dropdown-wrap.k-state-default {
    background: #fff;
    border-color: #D7D7D7;
    padding: 5px;
}

    .function-textbox .k-dropdown-wrap.k-state-default.k-state-hover {
        border-color: #8B8C8F;
    }

#multiselectrtu-list {
    border-color: #FFFFFF;
    background: #ffffff;
}

    #multiselectrtu-list .k-list-scroller .k-item {
        background: #fff;
        border-color: #FFFFFF;
    }

        #multiselectrtu-list .k-list-scroller .k-item.k-state-focused {
            background: #fff;
            box-shadow: none;
            border-color: #FFFFFF;
        }

        #multiselectrtu-list .k-list-scroller .k-item.k-state-hover, #multiselectrtu-list .k-list-scroller .k-item.k-state-selected {
            background: #b61128;
            color: #fff;
            border-color: #FFFFFF;
        }


#dropdownfunction-list {
    border-color: #FFFFFF;
    background: #ffffff;
}

    #dropdownfunction-list .k-list-scroller .k-item {
        background: #fff;
        border-color: #FFFFFF;
        color: #2e2e2e;
    }

        #dropdownfunction-list .k-list-scroller .k-item.k-state-focused {
            background: #fff;
            box-shadow: none;
            border-color: #FFFFFF;
        }

        #dropdownfunction-list .k-list-scroller .k-item.k-state-hover, #dropdownfunction-list .k-list-scroller .k-item.k-state-selected {
            background: #b61128;
            color: #fff;
            border-color: #FFFFFF;
        }



#txtSearch-list {
    border-color: #FFFFFF;
    background: #ffffff;
}

    #txtSearch-list .k-list-scroller .k-item,
    #txtSearch-list .k-list-scroller .k-list-item {
        background: #fff;
        border-color: #FFFFFF;
        color: #2e2e2e;
    }

        #txtSearch-list .k-list-scroller .k-item.k-state-focused,
        #txtSearch-list .k-list-scroller .k-list-item.k-state-focused {
            background: #fff;
            box-shadow: none;
            border-color: #FFFFFF;
        }

        #txtSearch-list .k-list-scroller .k-item.k-state-hover,
        #txtSearch-list .k-list-scroller .k-item.k-state-selected,
        #txtSearch-list .k-list-scroller .k-list-item.k-hover,
        #txtSearch-list .k-list-scroller .k-list-item.k-selected {
            background: #b61128;
            color: #fff;
            border-color: #FFFFFF;
        }

#win_function .k-dropdown-wrap.k-state-default {
    background: #fff;
    border-color: #D7D7D7;
}

    #win_function .k-dropdown-wrap.k-state-default.k-state-hover {
        border-color: #8B8C8F;
    }
/*
#MAdropdownfunction-list {
    border-color: #FFFFFF;
    background: #ffffff;
}

    #MAdropdownfunction-list .k-list-scroller .k-item {
        background: #fff;
        border-color: #FFFFFF;
        color: #2e2e2e;
    }

        #MAdropdownfunction-list .k-list-scroller .k-item.k-state-focused {
            background: #fff;
            box-shadow: none;
            border-color: #FFFFFF;
        }

        #MAdropdownfunction-list .k-list-scroller .k-item.k-state-hover, #MAdropdownfunction-list .k-list-scroller .k-item.k-state-selected {
            background: #b61128;
            color: #fff;
            border-color: #FFFFFF;
        }*/

.midde-content {
    padding: 0 0;
    width: 100%;
    margin: 0;
    overflow: auto;
    height: 100%;
}

.reportmenu {
    float: left;
    width: 15%;
}

.report_content {
    float: right;
    width: 85%;
    height: 100%;
}

#divReport {
    height: calc(100% - 45px);
}

.report_content #reportViewer1 {
    width: 100%;
    height: 100%;
}

.midde-content .content-box {
    margin-bottom: 0;
}

#content-1, #content-2, #content-3 {
    height: 100%;
    float: left;
    width: 240px;
    background-color: #e31937;
    overflow: hidden;
}

#content-3 {
    overflow: inherit;
}

.multiorg-nav.aside-hide #content-1,
.multiorg-nav.aside-hide #content-2,
.multiorg-nav.aside-hide #content-3 {
    width: 350px;
}

.cagegory li.chcekbolist {
    border-bottom: 1px solid #ec6579;
    padding: 8px 0px;
}

    .cagegory li.chcekbolist:last-child {
        border-bottom: 0px;
    }

    .cagegory li.chcekbolist .checkbox-custom-label {
        color: #fbc8cf;
        font-weight: bold;
        margin-left: -38px;
    }

    .cagegory li.chcekbolist:hover .checkbox-custom-label {
        color: #fff;
    }

    .cagegory li.chcekbolist .checkbox-custom + .checkbox-custom-label:before {
        background: url(../images/checkbox-bg.png) no-repeat 0px 0px;
    }

    .cagegory li.chcekbolist .checkbox-custom:checked + .checkbox-custom-label:before {
        color: #fff;
        background: url(../images/checkbox.png) no-repeat 0px 0px;
    }



/*************Form*********/
::-webkit-input-placeholder {
    color: #000;
}

:-moz-placeholder { /* Firefox 18- */
    color: #000;
    opacity: 1;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #000;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #000;
}

.form-row {
    margin-bottom: 15px;
}

select:focus {
    border: 1px #d0112b solid;
    transition-duration: 0.3s;
}

/*********chcekbox*************/
.checkbox-custom {
    opacity: 0;
    position: absolute;
}

.checkbox-custom, .checkbox-custom-label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.checkbox-custom-label {
    position: relative;
    color: #000;
    font-size: 15px;
    margin-right: 10px;
    line-height: 20px;
}

.checkbox-custom + .checkbox-custom-label:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 23px;
    margin-right: 10px;
    background: url(../images/checkbox-bg2.png) no-repeat 0px 0px;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    color: #fff;
    width: 27px;
    height: 23px;
    background: url(../images/checkbox2.png) no-repeat 0px 0px;
}
/****************************/

/*********radiobox*************/
.radio-custom {
    opacity: 0;
    position: absolute;
}

.radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.radio-custom-label {
    position: relative;
    color: #000;
    font-size: 15px;
    margin-right: 10px;
    line-height: 20px;
}

.radio-custom + .radio-custom-label:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 23px;
    margin-right: 10px;
    background: url(../images/radiobox-bg.png) no-repeat 0px 0px;
}

.radio-custom:checked + .radio-custom-label:before {
    color: #fff;
    width: 27px;
    height: 23px;
    background: url(../images/radiobox.png) no-repeat 0px 0px;
}
/*********************************/
/******************Uplod Image Button********************/
.file {
    background: #E31937;
    border-radius: 4px;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    padding: 0;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    height: 30px;
    vertical-align: middle;
}

    .file:hover {
        background: #b61128;
    }

        .file:hover .label {
            color: #ffffff;
        }

    .file input {
        opacity: 0;
        position: relative;
        z-index: 2;
        cursor: pointer;
    }

    .file .label {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        line-height: 32px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        z-index: 1;
    }




/*****************tab css ***************/
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    border-left: 1px solid #ccc;
    width: 100%;
    position: relative;
    z-index: 2;
}

    ul.tabs li {
        float: left;
        margin: 0;
        padding: 0;
        height: 33px;
        line-height: 32px;
        border: 1px solid #ccc;
        border-left: none;
        margin-bottom: -1px;
        background: #E31937;
        overflow: hidden;
        position: relative;
        margin-right: 10px;
    }

        ul.tabs li a {
            text-decoration: none;
            color: #ffffff;
            display: block;
            font-size: 14px;
            padding: 0 20px;
            border: 1px solid #fff;
            outline: none;
        }

            ul.tabs li a:hover {
                background: #b61128;
            }

        ul.tabs li.active, ul.tabs li.active a:hover {
            background: #fff;
            border-bottom: 1px solid #fff;
            color: #000;
        }

            ul.tabs li.active a {
                color: #000;
            }

.tab_content {
    padding: 0px;
}

/*************************/

/************Model Popup css****************/

.modal-box {
    display: none;
    position: absolute;
    z-index: 1000;
    width: 70%;
    background: white;
    border-bottom: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-clip: padding-box;
}

    .modal-box header,
    .modal-box .modal-header {
        padding: 15px;
        border-bottom: 1px solid #ddd;
    }

        .modal-box header h3,
        .modal-box header h4,
        .modal-box .modal-header h3,
        .modal-box .modal-header h4 {
            margin: 0;
            padding: 0;
        }

    .modal-box .modal-body {
        padding: 2em 1.5em;
    }

    .modal-box footer,
    .modal-box .modal-footer {
        padding: 15px;
        border-top: 1px solid #ddd;
        background: rgba(0, 0, 0, 0.02);
        text-align: right;
    }

.modal-overlay {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3) !important;
}

a.close {
    line-height: 1;
    font-size: 1.5em;
    position: absolute;
    top: 5%;
    right: 2%;
    text-decoration: none;
    color: #bbb;
}

    a.close:hover {
        color: #222;
        -webkit-transition: color 1s ease;
        -moz-transition: color 1s ease;
        transition: color 1s ease;
    }

/***********************************************/
/**********************Grid Css**************/
.main_table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 0;
    empty-cells: show;
    margin: 0;
    max-width: none;
    outline: 0 none;
    width: 100%;
}

    .main_table th {
        background: #E31937;
        color: #fff;
        vertical-align: bottom;
        overflow: hidden;
        border-style: solid;
        border-width: 0 0 1px 1px;
        padding: .5em .6em .4em .6em;
        font-weight: normal;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: left;
        font-weight: bold;
    }

    .main_table td {
        border-style: solid;
        border-width: 0;
        font-size: 13px;
        line-height: 1.6em;
        overflow: hidden;
        padding: 3px 0.6em;
        text-overflow: ellipsis;
        vertical-align: middle;
    }

    .main_table tr.alt {
        background: #f5f5f5;
    }



@media (min-width:1400px) {
    .org-section {
        width: 100%;
        margin: auto;
    }
}

@media (max-width:1150px) {
    .header {
        padding: 0 20px;
    }

    .searchbox {
        width: 180px;
    }

    header nav ul li > a {
        font-weight: normal;
        letter-spacing: inherit;
        font-size: 13px;
    }

    header nav ul li {
        margin-left: 1px;
    }
}



@media (max-width: 1023px) {
    .header-right {
        padding-top: 24px;
    }

    .searchbox {
        width: 250px;
        transition-duration: 0.4s;
    }

    .left-nav {
        top: 48px;
    }

    .padding-left {
        left: 0px;
    }

    ul.map-control {
        top: 60px;
    }
}


@media (max-width:767px) {
    .left-nav {
        position: fixed;
        top: 0px;
        z-index: 999999999;
        left: -240px;
    }

    .aside-hide {
        left: 0px;
    }

    .left-click {
        top: 120px;
    }

    .searchbox {
        width: 225px;
    }
}

@media (max-width:550px) {
    .logo {
        float: none;
        margin: auto;
        margin-top: 10px;
    }

    .header {
        padding-bottom: 15px;
    }

    .searchbox {
        width: 75%;
    }

    .header-right {
        padding-top: 10px;
        width: 100%;
    }

    .left-click {
        top: 7px;
    }

    .latiude {
        height: 40px;
        line-height: 40px;
    }

    .middle-section {
        overflow: auto;
    }

    .profile {
        margin-left: 15px;
    }

    .login-warpper, login-warpper-auth {
        width: 100%;
    }

    .footer-login p {
        padding: 0px 10px;
        padding-top: 5px;
        font-size: 13px;
    }

    .login-warpper, login-warpper-auth {
        margin-top: 50px;
    }
}


/*gauge value display under gauges*/
.gaugeVal {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    left: 0;
    right: 0;
    top: -100px;
    text-align: center;
    color: #555;
    height: 50px;
}

.gaugeValother {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    left: 0;
    right: 0;
    top: -80px;
    text-align: center;
    color: #555;
    height: 50px;
}

#communicationsummarygauge, #batterysummarygauge, #powersummarygauge, #chargersummarygauge, #ccuheartbeatgauge {
    -webkit-filter: drop-shadow(0px 0px 6px black);
    filter: drop-shadow(0px 0px 6px black);
    -moz-filter: drop-shadow(0px 0px 6px black);
    -ms-filter: drop-shadow(0px 0px 6px black);
    -o-filter: drop-shadow(0px 0px 6px black);
}

    #ccuheartbeatgauge > div {
        margin: 0 auto;
    }

.bottom-border {
    border-bottom: 3px solid #555;
}

.bottom-gauge {
    text-align: center;
    position: relative;
    top: 25px;
    font-size: larger;
    font-weight: 700;
    width: 100%;
    clear: both;
}

/*****New Css 18-4-2016 **************/
.infobox {
    z-index: 99;
    margin-left: -40px;
    padding: 12px;
    border: 1px solid #FFF;
}

    .infobox li {
        color: #ffffff;
        font-size: 12px;
    }

        .infobox li:first-child {
            margin-top: 0;
        }

        .infobox li span {
            border-radius: 10px;
            display: inline-block;
            height: 17px;
            vertical-align: middle;
            width: 17px;
            margin-right: 10px;
        }

            .infobox li span.blue {
                background: #0000ff;
            }

            .infobox li span.green {
                background: #00ff00;
            }

            .infobox li span.orange {
                background: #ff5a5a;
            }

            .infobox li span.yellow {
                background: #ffff00;
            }

            .infobox li span.pink {
                background: #ff00ff;
            }

            .infobox li span.black {
                background: #000000;
            }

            .infobox li span.grey {
                background: #d3d3d3;
            }

            .infobox li span.blink {
                transition: all ease 0.45s;
                animation: blinker 1s linear infinite;
                -moz-animation: blinker 1s linear infinite;
                -webkit-animation: blinker 1s linear infinite;
                -o-animation: blinker 1s linear infinite;
                -ms-animation: blinker 1s linear infinite;
            }

@keyframes blinker {
    50% {
        opacity: 0.0;
    }
}

@-webkit-keyframes blinker {
    50% {
        opacity: 0.0;
    }
}

.close-activation {
    background: url(../images/allicon.png) no-repeat 0px 0px;
    width: 31px;
    height: 68px;
    position: absolute;
    right: -31px;
    top: 26px;
}

    .close-activation i {
        font-size: 18px;
        color: #ffffff;
        width: 18px;
        height: 18px;
        display: block;
        margin: auto;
        margin-top: 26px;
        margin-right: 5px;
        outline: 0;
    }

.hotkey_close {
    width: 80px;
    height: 40px;
    display: inline-block;
    margin: 0 auto;
    position: absolute;
    background: rgba(255,255,255,0.8);
    border-radius: 10px 10px 0 0;
    top: -40px;
    right: 30px;
}

    .hotkey_close i {
        font-size: 22px;
        color: #E31937;
        width: 18px;
        height: 18px;
        display: block;
        margin: 0;
        margin-top: 9px;
        margin-right: 0;
        outline: 0;
        margin-left: 11px;
    }

.rtutooltip {
    background: rgba(0,0,0,0.6) !important;
    color: white !important;
    font-size: small;
}

/***********Menu Css****************/

.mean-container {
    display: inline-block;
    float: left;
}

@media (max-width: 1023px) {
    .mean-container {
        left: 0;
        position: absolute;
        right: 0;
        top: 100%;
        float: none;
        z-index: 99;
    }
}

.Notification .k-notification-wrap {
    text-align: left;
    vertical-align: middle;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.LongNotification .k-notification-wrap {
    text-align: left;
    vertical-align: middle;
    /*word-break: break-all;*/
    word-wrap: break-word;
    white-space: pre-wrap;
}

.legend_close {
    float: right;
    color: white;
    font-size: large;
}


.report-view {
    /*width: 86%;*/
}

    .report-view .close-activation {
        right: -28px;
        top: 67px;
    }



/*------------- RTU multi select grid  ---------------*/


#RTUGrid .k-draghandle.k-state-selected:hover, #RTUGrid .k-ghost-splitbar-horizontal, #RTUGrid .k-ghost-splitbar-vertical, #RTUGrid .k-list > .k-state-highlight, #RTUGrid .k-list > .k-state-selected, #RTUGrid .k-marquee-color, #RTUGrid .k-panel > .k-state-selected, #RTUGrid .k-scheduler .k-scheduler-toolbar .k-state-selected, #RTUGrid .k-scheduler .k-today.k-state-selected, #RTUGrid .k-state-selected, #RTUGrid .k-state-selected:link, #RTUGrid .k-state-selected:visited, #RTUGrid tr:hover {
    background-color: #b61128;
    border-color: #b61128;
    background-image: none;
    color: #fff;
}

#RTUGrid tbody tr td {
    border-bottom: 1px solid #d5d5d5;
}

#RTUGrid label {
    margin-bottom: 18px;
}

#RTUGrid .k-grid-toolbar {
    height: 40px;
}

#account_grid .k-draghandle.k-state-selected:hover, #account_grid .k-ghost-splitbar-horizontal, #account_grid .k-ghost-splitbar-vertical, #account_grid .k-list > .k-state-highlight, #account_grid .k-list > .k-state-selected, #account_grid .k-marquee-color, #account_grid .k-panel > .k-state-selected, #account_grid .k-scheduler .k-scheduler-toolbar .k-state-selected, #account_grid .k-scheduler .k-today.k-state-selected, #account_grid .k-state-selected, #account_grid .k-state-selected:link, #account_grid .k-state-selected:visited, #account_grid tr:hover {
    background-color: #b61128;
    border-color: #b61128;
    background-image: none;
    color: #fff;
}

#account_grid tbody tr td {
    border-bottom: 1px solid #d5d5d5;
}

#account_grid label {
    margin-bottom: 18px;
}

#account_grid .k-grid-toolbar {
    height: 28px;
}

#CCU_grid .k-draghandle.k-state-selected:hover, #CCU_grid .k-ghost-splitbar-horizontal, #CCU_grid .k-ghost-splitbar-vertical, #CCU_grid .k-list > .k-state-highlight, #CCU_grid .k-list > .k-state-selected, #CCU_grid .k-marquee-color, #CCU_grid .k-panel > .k-state-selected, #CCU_grid .k-scheduler .k-scheduler-toolbar .k-state-selected, #CCU_grid .k-scheduler .k-today.k-state-selected, #CCU_grid .k-state-selected, #CCU_grid .k-state-selected:link, #CCU_grid .k-state-selected:visited, #CCU_grid tr:hover {
    background-color: #b61128;
    border-color: #b61128;
    background-image: none;
    color: #fff;
}

#CCU_grid tbody tr td {
    border-bottom: 1px solid #d5d5d5;
}

#CCU_grid label {
    margin-bottom: 18px;
}

#CCU_grid .k-grid-toolbar {
    height: 28px;
}

#Configuration_grid .k-draghandle.k-state-selected:hover, #Configuration_grid .k-ghost-splitbar-horizontal, #Configuration_grid .k-ghost-splitbar-vertical, #Configuration_grid .k-list > .k-state-highlight, #Configuration_grid .k-list > .k-state-selected, #Configuration_grid .k-marquee-color, #Configuration_grid .k-panel > .k-state-selected, #Configuration_grid .k-scheduler .k-scheduler-toolbar .k-state-selected, #Configuration_grid .k-scheduler .k-today.k-state-selected, #Configuration_grid .k-state-selected, #Configuration_grid .k-state-selected:link, #Configuration_grid .k-state-selected:visited, #Configuration_grid tr:hover {
    background-color: #b61128;
    border-color: #b61128;
    background-image: none;
    color: #fff;
}

#Configuration_grid tbody tr td {
    border-bottom: 1px solid #d5d5d5;
}

#Configuration_grid label {
    margin-bottom: 18px;
}

#Configuration_grid .k-grid-toolbar {
    height: 28px;
}

#FSAPISite_grid .k-draghandle.k-state-selected:hover, #FSAPISite_grid .k-ghost-splitbar-horizontal, #FSAPISite_grid .k-ghost-splitbar-vertical, #FSAPISite_grid .k-list > .k-state-highlight, #FSAPISite_grid .k-list > .k-state-selected, #FSAPISite_grid .k-marquee-color, #FSAPISite_grid .k-panel > .k-state-selected, #FSAPISite_grid .k-scheduler .k-scheduler-toolbar .k-state-selected, #FSAPISite_grid .k-scheduler .k-today.k-state-selected, #FSAPISite_grid .k-state-selected, #FSAPISite_grid .k-state-selected:link, #FSAPISite_grid .k-state-selected:visited, #FSAPISite_grid tr:hover {
    background-color: #b61128;
    border-color: #b61128;
    background-image: none;
    color: #fff;
}

#FSAPISite_grid tbody tr td {
    border-bottom: 1px solid #d5d5d5;
}

#FSAPISite_grid label {
    margin-bottom: 18px;
}

#FSAPISite_grid .k-grid-toolbar {
    height: 28px;
}

#Organization_grid .k-draghandle.k-state-selected:hover, #Organization_grid .k-ghost-splitbar-horizontal, #Organization_grid .k-ghost-splitbar-vertical, #Organization_grid .k-list > .k-state-highlight, #Organization_grid .k-list > .k-state-selected, #Organization_grid .k-marquee-color, #Organization_grid .k-panel > .k-state-selected, #Organization_grid .k-scheduler .k-scheduler-toolbar .k-state-selected, #Organization_grid .k-scheduler .k-today.k-state-selected, #Organization_grid .k-state-selected, #Organization_grid .k-state-selected:link, #Organization_grid .k-state-selected:visited, #Organization_grid tr:hover {
    background-color: #b61128;
    border-color: #b61128;
    background-image: none;
    color: #fff;
}

#Organization_grid tbody tr td {
    border-bottom: 1px solid #d5d5d5;
}

#Organization_grid label {
    margin-bottom: 18px;
}

#Organization_grid .k-grid-toolbar {
    height: 28px;
}

#ProviderOrg_grid .k-draghandle.k-state-selected:hover, #ProviderOrg_grid .k-ghost-splitbar-horizontal, #ProviderOrg_grid .k-ghost-splitbar-vertical, #ProviderOrg_grid .k-list > .k-state-highlight, #ProviderOrg_grid .k-list > .k-state-selected, #ProviderOrg_grid .k-marquee-color, #ProviderOrg_grid .k-panel > .k-state-selected, #ProviderOrg_grid .k-scheduler .k-scheduler-toolbar .k-state-selected, #ProviderOrg_grid .k-scheduler .k-today.k-state-selected, #ProviderOrg_grid .k-state-selected, #ProviderOrg_grid .k-state-selected:link, #ProviderOrg_grid .k-state-selected:visited, #ProviderOrg_grid tr:hover {
    background-color: #b61128;
    border-color: #b61128;
    background-image: none;
    color: #fff;
}

#ProviderOrg_grid tbody tr td {
    border-bottom: 1px solid #d5d5d5;
}

#ProviderOrg_grid label {
    margin-bottom: 18px;
}

#ProviderOrg_grid .k-grid-toolbar {
    height: 28px;
}



#user_grid .k-draghandle.k-state-selected:hover, #user_grid .k-ghost-splitbar-horizontal, #user_grid .k-ghost-splitbar-vertical, #user_grid .k-list > .k-state-highlight, #user_grid .k-list > .k-state-selected, #user_grid .k-marquee-color, #user_grid .k-panel > .k-state-selected, #user_grid .k-scheduler .k-scheduler-toolbar .k-state-selected, #user_grid .k-scheduler .k-today.k-state-selected, #user_grid .k-state-selected, #user_grid .k-state-selected:link, #user_grid .k-state-selected:visited, #user_grid tr:hover {
    background-color: #b61128;
    border-color: #b61128;
    background-image: none;
    color: #fff;
}

#user_grid tbody tr td {
    border-bottom: 1px solid #d5d5d5;
}

#user_grid label {
    margin-bottom: 18px;
}

#user_grid .k-grid-toolbar {
    height: 28px;
}



#userorg_grid .k-draghandle.k-state-selected:hover, #userorg_grid .k-ghost-splitbar-horizontal, #userorg_grid .k-ghost-splitbar-vertical, #userorg_grid .k-list > .k-state-highlight, #userorg_grid .k-list > .k-state-selected, #userorg_grid .k-marquee-color, #userorg_grid .k-panel > .k-state-selected, #userorg_grid .k-scheduler .k-scheduler-toolbar .k-state-selected, #userorg_grid .k-scheduler .k-today.k-state-selected, #userorg_grid .k-state-selected, #userorg_grid .k-state-selected:link, #userorg_grid .k-state-selected:visited, #userorg_grid tr:hover {
    background-color: #b61128;
    border-color: #b61128;
    background-image: none;
    color: #fff;
}

#userorg_grid tbody tr td {
    border-bottom: 1px solid #d5d5d5;
}

#userorg_grid label {
    margin-bottom: 18px;
}

#userorg_grid .k-grid-toolbar {
    height: 28px;
}

#ddorganization > li.activate {
    background-color: #AD0018;
    font-weight: bold;
}

#ddorganization > li {
    border-top: solid 1px #ec6579;
}

.view-name {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.user-details {
    padding: 20px;
    text-align: center;
    font-size: 14px;
    color: #000;
    border-bottom: solid 1px #d6d6d7;
}

    .user-details .user_name {
        font-size: 16px;
        font-weight: bold;
        color: #b61128;
        word-wrap: break-word;
    }

.question {
    background: #ffffff;
    padding: 20px;
    /*width: 500px;*/
}

    .question .row {
        display: block;
        padding: 10px 20px;
    }

    .question h2 {
        font-size: 14px;
        color: #2a2a2a;
        font-weight: bold;
        margin-bottom: 10px;
        text-align: left;
    }

    .question .col1 {
        display: inline-block;
        width: 140px;
    }

    .question .col2 {
        display: inline-block;
        width: 317px;
    }

.block_repet {
    margin-bottom: 20px;
}

.question_bt {
    /*margin-bottom: 20px;*/
    /*text-align: right;*/
}

.accDetail_Profile,.organization {
    font-size: 12px;
    font-weight: bold;
    color: #b61128;
}

.rtutooltip .k-icon.k-i-close {
    position: fixed;
    margin-left: -22px;
    background-color: #fff;
    border-radius: 4px;
    margin-top: 5px;
}

.rtutooltip table {
    margin-left: 10px;
}

.loadingoverlay {
    z-index: 999999999;
}

/*About use Page*/

.manual-content_big {
    max-width: 1200px;
    bottom: 0;
    height: 600px;
    left: 0;
    margin: 0 auto;
    padding: 30px 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
}

.about_boxes {
    margin: 0 -10px;
    padding: 20px 0 0 0;
    display: inline-block;
}

    .about_boxes p {
        text-align: center;
    }

.aboutcol {
    float: left;
    width: 25%;
    margin: 0px;
    padding: 0 10px;
}

.aboutcolinside {
    background: #f5f5f5 none repeat scroll 0 0;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 5px;
    min-height: 430px;
}

.about_img {
    margin: 0;
    padding: 0;
    min-height: 100px;
    text-align: center;
}

    .about_img img {
        height: 100px;
        width: 100px;
    }

.about_Accuweather_img img {
    height: 150px;
    width: 150px;
    text-align: center;
}

.communicationtooltip {
    background: rgba(0,0,0,0.6) !important;
    color: white !important;
    font-size: large;
}

    .communicationtooltip .k-icon.k-i-close {
        position: fixed;
        margin-left: -22px;
        background-color: #fff;
        border-radius: 4px;
        margin-top: 5px;
    }

    .communicationtooltip table {
        margin-left: 10px;
    }

/*help Page*/

#only-one {
    margin-top: 20px;
}

.acc_head_list {
    border-top: 1px solid #cccccc;
    font-size: 16px;
    padding: 10px 0 12px;
}

.show_hide {
    background: url(../images/show_icon.png) no-repeat;
    width: 13px;
    height: 13px;
    display: inline-block;
    margin-right: 15px;
}

.open > .acc_head_list > .show_hide {
    background: url(../images/minus_icon.png) no-repeat;
}

.sub_content {
    padding-left: 32px;
}

.lastlavel {
    max-height: 200px;
    margin-bottom: 10px;
}

    .lastlavel p {
        margin: 0;
        padding: 10px 0;
    }

    .lastlavel .bullet_list {
        margin: 0;
        max-width: 500px;
        padding: 0 60px 0 0;
        float: left;
    }

        .lastlavel .bullet_list li {
            margin: 5px 0 0 0;
            padding: 0 0 0 15px;
            list-style: none;
            background: url(../images/arrow-right.png) no-repeat 0 6px;
        }

    .lastlavel .image_left {
        float: left;
        margin-right: 15px;
        margin-bottom: 10px;
        margin-top: 15px;
    }


/*------------- Alerts multi select grid  ---------------*/

#SubscribeRTUBox {
    max-height: 600px;
    overflow: auto;
}

#RTUsPanelBar {
    background: none;
    border: none;
}

    #RTUsPanelBar > li {
        margin-bottom: 7px;
        border: 1px solid #c5c5c5;
    }

        #RTUsPanelBar > li.k-item.k-state-highlight.k-active,
        #RTUsPanelBar > li.k-item.k-state-hover {
            background: #b61128;
            color: #ffffff;
        }

            #RTUsPanelBar > li.k-item.k-state-highlight.k-active span.k-link.k-header,
            #RTUsPanelBar > li.k-item span.k-link.k-header.k-state-hover,
            #RTUsPanelBar > li.k-item span.k-link.k-header.k-state-selected {
                background: #b61128;
                color: #ffffff;
                font-weight: bold;
            }


.dvalertgrid .k-grid-content {
    min-height: 100px;
}

.dvalertgrid .k-draghandle.k-state-selected:hover,
.dvalertgrid .k-ghost-splitbar-horizontal,
.dvalertgrid .k-ghost-splitbar-vertical,
.dvalertgrid .k-list > .k-state-highlight,
.dvalertgrid .k-list > .k-state-selected,
.dvalertgrid .k-marquee-color,
.dvalertgrid .k-panel > .k-state-selected,
.dvalertgrid .k-scheduler .k-scheduler-toolbar .k-state-selected,
.dvalertgrid .k-scheduler .k-today.k-state-selected,
.dvalertgrid .k-state-selected,
.dvalertgrid .k-state-selected:link,
.dvalertgrid .k-state-selected:visited,
.dvalertgrid tr.k-master-row:hover {
    background-color: #b61128;
    border-color: #b61128;
    background-image: none;
    color: #fff;
}

.dvalertgrid tr.k-master-row {
    cursor: pointer;
}

.dvalertgrid .k-hierarchy-cell,
.dvalertgrid .k-hierarchy-col {
    display: none !important;
}

.dvalertgrid tbody tr td {
    border-bottom: 1px solid #d5d5d5;
}

.dvalertgrid tr > td > label {
    margin-bottom: 18px;
}

    .dvalertgrid tr > td > label:before {
        color: #b61128 !important;
        background-color: transparent !important;
        border: none !important;
        font-size: 1.5em;
        margin-left: -6px;
        top: -3px;
    }

.dvalertgrid td > .k-checkbox:disabled + .k-checkbox-label:before {
    content: "\2717";
    color: #E31937 !important;
}

.dvalertgrid td > .k-checkbox:checked:disabled + .k-checkbox-label:before {
    content: "\2713";
    color: green !important;
}

#alertContainer, .k-detail-cell {
    position: relative;
}

.dvalertgrid .k-grid-toolbar {
    height: 28px;
}

.dvalertgrid tr.k-detail-row:hover {
    background: none;
}

.dvtoolbar {
    width: 90%;
    border-top: 1px solid #d3d3d3;
    margin: 0 auto;
    padding: 8px;
    text-align: right;
}

    .dvtoolbar a {
        background: #b61128;
        color: #fff;
        height: 40px;
        padding-top: 7px;
        font-weight: bold;
    }

        .dvtoolbar a.k-button:hover {
            background-color: #fff;
        }

        .dvtoolbar a.k-button:active {
            background-color: #fff;
            color: #000;
        }

.ulSchdl {
    display: inline-block;
    width: 100%;
}

    .ulSchdl > div {
        float: left;
        width: 33%;
        text-align: center;
    }

        .ulSchdl > div > .k-radio-label,
        .dvtmcontainer > label {
            line-height: 1.2em;
        }

    .ulSchdl .k-radio:checked + .k-radio-label:after {
        top: 3px;
        left: 3px;
        background-color: #E31937;
    }

.ulDays,
.ulWeekNos {
    display: inline-block;
    margin-top: 20px;
    vertical-align: top;
}

    .ulDays li,
    .ulWeekNos li {
        float: left;
    }

    .ulDays .k-checkbox-label,
    .ulWeekNos .k-checkbox-label {
        padding-left: 4px;
        width: 25px;
    }

        .ulDays .k-checkbox-label:before,
        .ulWeekNos .k-checkbox-label:before {
            top: inherit;
            bottom: 18px;
            left: 9px;
        }

    .ulDays .k-checkbox:checked + .k-checkbox-label:before,
    .ulWeekNos .k-checkbox:checked + .k-checkbox-label:before {
        color: #E31937;
    }

.dvchildscdl {
    margin: 20px auto 20px auto;
    border: 1px solid #6e6f70;
    width: 90%;
    background: #fff;
}

    .dvchildscdl > h5 {
        font-weight: bold;
        font-size: 16px;
        padding-bottom: 8px;
        background: #6e6f70;
        color: #fff;
        text-align: center;
        padding-top: 8px;
    }


#fsMap .MicrosoftMap .Infobox {
    background-color: #000;
    opacity: 0.8;
}

    #fsMap .MicrosoftMap .Infobox .infobox-body {
        max-width: none !important;
        max-height: none !important;
        width: auto !important;
        padding: 0 7px 0 7px !important;
    }

    #fsMap .MicrosoftMap .Infobox .infobox-title {
        color: #FFF;
        padding: 6px 0 0 0;
        text-align: center;
        font-size: 14px;
        font-family: 'MyriadPro-Regular';
    }

    #fsMap .MicrosoftMap .Infobox .infobox-info {
        font-size: 14px;
        font-family: 'MyriadPro-Regular';
        color: #FFF;
        text-align: center;
        padding: 2px 0 0 0;
    }

    #fsMap .MicrosoftMap .Infobox.no-close .infobox-info {
        max-width: 300px;
        max-height: 200px;
    }

#fsMap .MicrosoftMap .infobox-close {
    height: 22px;
    width: 20px;
    background-color: white;
}

.dvrtuinfobx {
    width: 600px;
    height: 400px;
    position: relative;
    color: #000;
}

    .dvrtuinfobx img {
        width: 100px;
        position: absolute;
        top: 30%;
        left: 45%;
    }

    .dvrtuinfobx.dvccuinfobox {
        height: 260px;
        /* width: 330px; */
    }

#dvtreecontainer {
    padding: 0 0 0 30px;
    background: #e31937;
    min-width: 350px;
    min-height: 350px;
    display: none;
    float: left;
    max-height: calc(100% - 49px);
    overflow: scroll;
}

    #dvtreecontainer.treeopen {
        display: block;
    }

#dvtreeview.k-treeview .k-item {
    padding: 10px 0 0 16px;
}

#dvtreeview.k-treeview span.k-in {
    color: #fbc8cf;
    font-weight: bold;
}

    #dvtreeview.k-treeview span.k-in.k-state-hover,
    #dvtreeview.k-treeview span.k-in.k-state-hover:hover,
    #dvtreeview.k-treeview span.k-in.k-state-selected {
        cursor: default;
        background: none;
    }

.k-checkbox-label:before {
    font-weight: bold;
}

.k-checkbox:checked + .k-checkbox-label:before {
    color: #e31937 !important;
}

.k-checkbox:indeterminate + .k-checkbox-label:after {
    background-color: #e31937 !important;
    border-color: #e31937 !important;
}

.k-checkbox:checked + .k-checkbox-label:before,
.k-checkbox:checked:active + .k-checkbox-label:before {
    border-color: #e31937 !important;
    box-shadow: 0 0 3px 0 #e31937 !important;
}

#ccuheartbeatgauge {
    height: 220px;
}

    #ccuheartbeatgauge .loadingoverlay {
        background-color: transparent !important;
    }

#cculineargauges {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    /*height: 227px;*/
}

    #cculineargauges .inner {
        height: 100%;
        white-space: nowrap;
        padding-left: 20px;
    }

        #cculineargauges .inner .orgdv {
            display: inline-block;
            height: 100%;
            border: 1px solid #b61128;
        }

            #cculineargauges .inner .orgdv > div {
                border-bottom: 1px solid #b61128;
            }

                #cculineargauges .inner .orgdv > div.name {
                    font-size: 15px;
                    font-weight: bold;
                    color: #b61128;
                    border: none;
                }

            #cculineargauges .inner .orgdv .sitedv {
                display: inline-block;
                padding-left: 5px;
                padding-right: 5px;
                padding-bottom: 5px;
                border-right: 1px solid #b61128;
            }

                #cculineargauges .inner .orgdv .sitedv:last-child {
                    border-right: none;
                }

    #cculineargauges .floatLeft {
        width: 140px;
        display: inline-block;
        height: 65px;
        margin-right: 5px;
        cursor: pointer;
        position: relative;
        padding-left: 5px;
    }

        #cculineargauges .floatLeft.selectedCCU {
            /*background-color: #b61128;*/
            /*color: white*/
        }

        #cculineargauges .floatLeft span {
            display: block;
            /*width: 160px;*/
            /*float: left;*/
            text-overflow: ellipsis;
            overflow: hidden;
            text-align: center;
            /*transform: rotate(-90deg);*/
            /*transform-origin: left top;*/
            margin: 5px;
        }

        #cculineargauges .floatLeft button {
            margin-top: 155px;
            position: absolute;
            display: inline-block;
        }

        #cculineargauges .floatLeft > div > div {
            /*float: right;*/
            height: 40px;
            width: 140px;
            margin: 0;
            position: relative;
            background-size: 100%;
            background-repeat: no-repeat;
            background-position: top left;
            text-align: right;
            /* background-position: 10px 2px;*/
        }

            #cculineargauges .floatLeft > div > div.Online {
                background-image: url('../images/online_ccu.png');
            }

            #cculineargauges .floatLeft > div > div.Offline {
                background-image: url('../images/offline_ccu.png');
            }

            #cculineargauges .floatLeft > div > div.CommFail {
                background-image: url('../images/commFail_ccu.png');
            }

            #cculineargauges .floatLeft > div > div.onlinedownstream {
                background-image: url('../images/Online_No_Comm.png');
            }

            #cculineargauges .floatLeft > div > div .k-checkbox {
                right: 7px;
                top: 5px;
                width: 20px;
                height: 20px;
                background-color: transparent;
            }

    #cculineargauges .k-checkbox:checked, .k-checkbox.k-checked {
        background-color: transparent;
    }

#intrtltp {
    width: 300px;
}

.resp-tabs-list {
    position: absolute;
    right: 34px;
    top: 10px;
}

    .resp-tabs-list li {
        font-weight: 600;
        font-size: 16px;
        display: inline-block;
        padding: 6px 10px;
        list-style: none;
        cursor: pointer;
        float: left;
        color: #a3a3a3;
        background: #fff !important;
    }

        .resp-tabs-list li.resp-tab-active {
            background: #e11837 !important;
            color: #fff !important;
        }


.footer2 .org-section {
    margin: 0 -20px;
    overflow: auto;
    overflow-y: hidden;
    width: auto;
}

    .footer2 .org-section .footer-right {
        min-width: 1050px;
    }

@-webkit-keyframes myfirst {
    0% {
        margin-right: -40px;
    }

    25% {
        margin-right: -60px;
    }

    50% {
        margin-right: -40px;
    }

    75% {
        margin-right: -60px;
    }

    100% {
        margin-right: -40px;
    }
}

@keyframes myfirst {
    0% {
        margin-right: -40px;
    }

    25% {
        margin-right: -60px;
    }

    50% {
        margin-right: -40px;
    }

    75% {
        margin-right: -60px;
    }

    100% {
        margin-right: -40px;
    }
}




.k-window .k-window-titlebar {
    background-color: #000000;
    color: #fff;
    padding: 10px;
    background-image: none;
    text-transform: uppercase;
    text-align: center;
}

    .k-window .k-window-titlebar .k-window-title {
        font-size: 18px;
    }

div.k-window {
    border: none;
}

.k-window .k-window-titlebar .k-i-close,
.k-window .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-close {
    background-image: url(../images/popup-close-icon.png);
    background-repeat: no-repeat;
    background-position: inherit;
    display: inline-block;
    opacity: 1;
}

    .k-window .k-window-titlebar .k-i-close:before,
    .k-window .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-close:before {
        content: none !important;
    }

.k-window .k-window-titlebar .k-window-actions {
    /*right: .8em;
    padding-top: .5em;
    opacity: 1;*/
}

.k-window-titlebar .k-window-action {
    opacity: 1;
    padding: 3px;
}

.k-window-actions .k-state-hover, .k-window-actions .k-state-hover:hover {
    background-image: none;
    background-color: inherit;
    border: none;
}

.k-window .k-window-titlebar .k-state-hover {
    padding: 3px;
}


.dvacccontainer {
    max-width: 680px;
    max-height: 400px;
    overflow: auto
}

    .dvacccontainer button {
        width: 90px;
        height: 38px;
        background-color: #D80027;
        color: #FFF;
        /*position: absolute;
        left: calc(50% - 60px);
        display: none;*/
        font-size: 17px;
        float: left;
    }

    /*.dvacccontainer .btnact {
        top: 20px
    }

    .dvacccontainer .btnign {
        bottom: 20px
    }*/

    .dvacccontainer > div {
        width: 210px;
        position: relative;
        display: inline-block;
        /*height: 150px;*/
        border: 1px solid #c6c6c6;
        padding: 9px;
        margin: 4px;
        float: left
    }

        /*.dvacccontainer > div:hover > button {
            display: block
        }

        .dvacccontainer > div:hover > div {
            opacity: .3;
            background-color: #FFF;
            color: #000
        }*/

        .dvacccontainer > div > div {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: auto
        }

    .dvacccontainer span {
        font-weight: 700
    }

    .dvacccontainer h4 {
        height: 40px
    }

    .dvacccontainer li {
        padding: 2px 0
    }

    .dvacccontainer .ulPromptDevices li::before {
        display: inline-block;
        content: '';
        height: 5px;
        width: 5px;
        border-radius: 5px;
        margin-bottom: 2px;
        margin-right: 2px;
        background-color: #000000;
    }

.ulPromptDevices {
    max-height: 100px;
    overflow: scroll;
}


.fsWindow.k-window .k-window-titlebar {
    text-align: left;
}

/*new css common by paresh start*/
/*.k-list>.k-state-hover{background: #cf112d !important;}*/
.k-popup .k-list .k-state-hover,
.k-popup .k-list .k-hover {
    background: #cf112d !important;
}

.k-popup .k-list .k-state-selected,
.k-popup .k-list .k-selected {
    background: #cf112d !important;
    color: #fff !important;
    font-weight: normal;
    border: none;
}

.k-popup .k-list li.k-state-hover,
.k-popup .k-list li.k-hover {
    border-width: inherit;
    background: #cf112d !important;
    color: #fff;
}
/*background-red*/
.k-popup .k-list li.k-state-selected,
.k-popup .k-list li.k-selected {
    border-width: inherit;
    background: #cf112d !important;
    color: #fff;
}
/*background-red*/
.k-popup .k-list li.k-state-focused,
.k-popup .k-list li.k-focused {
    background: #cf112d !important;
    color: #fff;
}

.k-list-container.k-popup .k-list li.k-item.k-state-disabled,
.k-list-container.k-popup .k-list li.k-item.k-disabled {
    background-color: #FFFFFF !important;
}

    .k-list-container.k-popup .k-list li.k-item.k-state-disabled span,
    .k-list-container.k-popup .k-list li.k-item.k-disabled span {
        color: #000000 !important;
    }

.k-list-optionlabel.k-state-hover,
.k-list-optionlabel.k-hover {
    background: #cf112d !important;
    color: #fff !important;
}

.k-list-optionlabel.k-state-selected.k-state-focused,
.k-list > .k-state-selected.k-state-focused,
.k-list-optionlabel.k-selected.k-focused,
.k-list > .k-selected.k-focused,
.k-list-optionlabel.k-selected.k-focused,
.k-list > .k-selected.k-focused {
    border-width: inherit;
    background: #cf112d;
}
/*new css common by paresh end*/

/*organization.css*/
.contentpart {
    margin: 0 0 0 200px;
}
/*.titlesection{padding:15px 0; border-bottom:solid 1px #d4d3d1; margin-bottom:20px;}*/
.titlesection h2 {
    display: none;
    line-height: 42px;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #ce142c;
    text-transform: uppercase;
}

.buttonsection {
    float: right;
}

    .buttonsection button {
        display: inline-block;
        background: #fff;
        border-radius: 50px;
        border: none;
        padding: 8px 25px;
        outline: none;
        font-size: 14px;
        font-weight: 600;
        color: #6a6a6a;
        font-family: 'Open Sans', sans-serif;
        margin-left: 7px;
    }

        .buttonsection button span {
            background-image: url(../images/button-icon.png);
            background-repeat: no-repeat;
            display: inline-block;
            overflow: hidden;
            width: 18px;
            height: 18px;
            background-position: 0 0;
            position: relative;
            top: 3px;
            margin-right: 0.5em;
        }

button span.editicon, button span.deleteicon {
    margin: 0;
}

button.addnewBtn .active {
    background-color: #24b415;
    color: #fff;
}

button.addnewBtn:hover, button.addnewBtn:active:hover, button.addnewBtn:focus {
    background-color: #24b415;
    color: #fff;
    background-image: none;
    box-shadow: none !important;
}

    button.addnewBtn:hover span, button.addnewBtn:active:hover span, button.addnewBtn:focus span {
        background-position: 0 -26px;
    }

button span.editicon {
    background-position: -24px 0;
}

button.editBtn:hover, button.editBtn:active:hover, button.editBtn:focus {
    background-color: #0067be;
    color: #fff;
    background-image: none;
    box-shadow: none !important;
}

    button.editBtn:hover span, button.editBtn:active:hover span, button.editBtn:focus span {
        background-position: -24px -26px;
    }

button span.deleteicon {
    background-position: -51px 0;
}

button.deleteBtn:hover, button.deleteBtn:active:hover, button.deleteBtn:focus {
    background-color: #ce142c;
    color: #fff;
    background-image: none;
    box-shadow: none !important;
}

    button.deleteBtn:hover span, button.deleteBtn:active:hover span, button.deleteBtn:focus span {
        background-position: -51px -26px;
    }

button.editBtn, button.deleteBtn {
    padding: 8px 13px;
}

.orgdata {
    width: 50%;
}

    .orgdata > ul > li {
        display: inline-block;
        width: 100%;
        padding: 0 0 15px;
        line-height: 35px;
    }

    .orgdata fieldset > ul > li {
        display: inline-block;
        width: 100%;
        padding: 0 0 0;
    }

        .orgdata > ul > li p, .orgdata fieldset > ul > li p {
            font-size: 14px;
            font-weight: 600
        }

    .orgdata .txtsection {
        width: 30%;
        display: inline-block;
        float: left;
    }

    .orgdata .fieldsection {
        width: 70%;
        float: right;
    }

.dvCtrl {
    display: none;
}

    .dvCtrl.editsection {
        display: block;
    }

.orgdata .editsection input {
    font-size: 14px;
    font-weight: 600;
    height: 35px;
    padding-left: 10px;
    margin-right: 10px;
    width: 92%;
}

    .orgdata .editsection input[type='checkbox'] {
        width: 16px;
        height: 16px;
    }

.orgdata .filterbtn {
    background: #fff;
    width: 35px;
    height: 35px;
    opacity: 0.4;
    border: none;
    display: none;
}

    .orgdata .filterbtn:focus {
        box-shadow: none !important;
    }

        .orgdata .filterbtn:focus:active {
            box-shadow: none !important;
        }

    .orgdata .filterbtn:active:hover {
        background-color: #fff;
        border-color: inherit;
        opacity: 0.4;
    }

    .orgdata .filterbtn span.filtericon {
        background-image: url(../images/filter-icon.png);
        background-repeat: no-repeat;
        width: 15px;
        height: 15px;
        display: inline-block;
        position: relative;
        top: 3px;
    }

.graytxt {
    color: #6a6a6a;
    padding-left: 15px;
}

.blackdropdown {
    border-bottom: solid 1px #d4d3d1;
    padding-bottom: 20px;
}

    .blackdropdown .k-header {
        border-color: #5e6466;
        background-color: #5e6466;
    }

    .blackdropdown .k-dropdown.k-widget.k-picker,
    .blackdropdown .k-dropdown.k-widget.k-picker.k-hover
    .blackdropdown .k-dropdown.k-widget.k-picker:hover,
    .blackdropdown .k-dropdown.k-widget.k-picker.k-focus
    .blackdropdown .k-dropdown.k-widget.k-picker:focus,
    .blackdropdown .k-dropdown-wrap.k-state-default {
        border-color: #5e6466;
        background-color: #5e6466;
        background-image: none;
        padding: 0;
    }

    .blackdropdown .k-input-inner {
        padding: 0;
    }

    .blackdropdown .k-dropdown .k-input-button,
    .blackdropdown .k-dropdown .k-button:active {
        background-color: #5e6466;
        padding: 16px 10px 16px 0;
        border: none;
    }

    .blackdropdown .k-dropdown .k-input,
    .blackdropdown .k-dropdown .k-input-value-text {
        color: #fff;
        padding: 10px 0 10px 16px;
        font-size: 14px;
        font-weight: 600;
    }

    .blackdropdown .k-dropdown .k-state-disabled .k-input {
        color: rgba(0, 0, 0, 0.73);
    }

    .blackdropdown .k-state-default > .k-select {
        border-color: transparent;
        width: 3em;
    }

    .blackdropdown .k-list-container {
        border-color: #5e6466;
        background-color: #5e6466;
        box-shadow: none;
        color: #fff;
    }

    .blackdropdown .k-icon {
        background-image: url(../images/dropdown-arrow.png);
        display: inline-block;
        background-position: 0px 5px;
        margin-top: 10px;
        width: 18px;
        height: 18px;
        background-repeat: no-repeat;
    }

        .blackdropdown .k-icon:before {
            content: none !important;
        }

        .blackdropdown .k-icon.k-i-loading {
            background-image: url(../../kendo/2024.2.514/Default/loading.gif);
            background-position: 50%;
        }

li.k-state-selected {
    border-color: #5e6466 !important;
    background-color: #5e6466 !important;
}

.k-list > li.k-state-selected {
    border-color: #505658 !important;
    background-color: #505658 !important;
    box-shadow: none !important;
    border-radius: none !important;
    background-image: none !important;
}

.k-popup {
    box-shadow: none !important;
}

    .k-popup.k-list-container,
    .k-popup .k-list {
        background: #5e6466;
        padding: 0;
        border: none;
        box-shadow: none;
        color: #c9cbcc;
        border-top: solid 1px #3f4547;
    }

.k-list > li.k-state-hover {
    border-color: #505658;
    background-color: #505658;
    box-shadow: none;
    border-radius: none;
    background-image: none;
    color: #fff;
}

.k-popup .k-list li.k-item,
.k-popup .k-list li.k-list-item {
    padding: 14px;
    line-height: none;
    min-height: inherit;
}

.k-draghandle.k-state-selected:hover,
.k-ghost-splitbar-horizontal,
.k-ghost-splitbar-vertical,
.k-list > .k-state-highlight,
.k-list > .k-state-selected,
.k-marquee-color,
.k-panel > .k-state-selected,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited {
    color: #fff !important;
    background-color: #cf112d !important;
    border-color: #cf112d !important;
}
/*new css common by paresh start*/
/*.k-list>.k-state-hover{background: #cf112d !important;}*/ /*remove this line*/
/*.k-popup .k-list .k-state-hover{background: #cf112d !important;}
.k-popup .k-list .k-state-selected{background: #cf112d !important;}
.k-popup .k-list li.k-state-hover{border-width:inherit; background: #cf112d !important;}*/ /*background-red*/
/*.k-popup .k-list li.k-state-selected{border-width:inherit; background: #cf112d !important;}*/ /*background-red*/
/*.k-popup .k-list li.k-state-focused { background: #cf112d !important; }
.k-list-optionlabel.k-state-hover{background: #cf112d !important;}
.k-list-optionlabel.k-state-selected.k-state-focused, .k-list>.k-state-selected.k-state-focused { background: #cf112d; }*/
/*new css common by paresh end*/
.k-primary {
    color: #fff !important;
    cursor: pointer;
}

.k-button.k-primary, .k-button.k-primary:hover,
.k-button.k-button-solid-primary, .k-button.k-button-solid-primary:hover {
    background: #cf112d !important;
}

.k-button:active {
    background: #cf112d !important;
    border-width: inherit;
    color: #fff;
}

.k-popup .k-list li.k-state-focused {
    border-width: inherit;
}

.graybtn {
    background-color: #818586;
    background-image: inherit;
    border: none;
    min-width: 125px;
    padding: 5px 10px 5px;
    margin-right: 10px;
}

    .graybtn:hover, .graybtn:focus, .graybtn:active:hover {
        background-color: #cf112d;
        background-image: inherit;
        border: none;
        box-shadow: none !important;
    }

.addrecordpopup.contentpart {
    margin: 0 0 0 0;
}

.addrecordpopup .orgdata {
    width: auto;
    padding: 40px 50px;
}

    .addrecordpopup .orgdata li:last-child {
        /*padding: 0;*/
    }

.addrecordpopup p {
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    width: 25%;
    color: #949494;
}

.addrecordpopup input {
    font-size: 14px;
    font-weight: 600;
    height: 35px;
    color: #6a6a6a;
}

    .addrecordpopup input[type=checkbox],
    .addrecordpopup input[type=radio] {
        height: 17px;
    }

.addrecordpopup button {
    /*margin-top: 10px;*/
}


.orgdata .editsection .k-numerictextbox .k-link {
    height: 1.4em;
    line-height: 1.4em;
}

.contentwraper {
    position: relative;
    min-height: 300px;
    height: 100%;
    padding-top: 50px; /*border: 1px solid #818586;*/
    border-top: none;
}

.sidebar {
    background: #818586;
    width: 100%;
}

    .sidebar .nav-side-menu {
        width: 100%;
        height: 60px;
    }

        .sidebar .nav-side-menu ul {
            width: 100%;
            display: inline-block;
        }

            .sidebar .nav-side-menu ul li {
                float: left;
            }

                .sidebar .nav-side-menu ul li a {
                    border: 1px solid #818586;
                    font-size: 14px;
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 600;
                    color: #d1d0d0;
                    text-decoration: none;
                    padding: 18px 20px 20px 20px;
                    display: block;
                }

                    .sidebar .nav-side-menu ul li a:hover, .sidebar .nav-side-menu ul li a.active {
                        background: #cf112d;
                        color: #fff;
                        border-bottom-color: #cf112d;
                    }

.subsidebar {
    background: #818586;
    width: 170px;
    float: left;
    height: 65%;
    position: fixed;
    top: 160px;
}

    .subsidebar .nav-side-menu ul li {
        border-bottom: solid 1px #5e6466;
    }

        .subsidebar .nav-side-menu ul li:last-child {
            border-bottom: none;
        }

        .subsidebar .nav-side-menu ul li a {
            font-size: 14px;
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            color: #d1d0d0;
            text-decoration: none;
            padding: 14px 10px 14px 20px;
            display: block;
        }

            .subsidebar .nav-side-menu ul li a:hover, .subsidebar .nav-side-menu ul li a.active {
                background: #5e6466;
                color: #fff;
            }


.dvDisplay > div > div {
    padding: 10px;
}

.dvlbl {
    float: left;
    display: inline-block;
    width: 30%;
}

.dvdisabledrd {
    margin-top: -8px;
}

    .dvdisabledrd .k-widget.k-dropdown {
        background: none;
    }

        .dvdisabledrd .k-widget.k-dropdown .k-dropdown-wrap.k-state-disabled {
            background: none;
            border: none;
            opacity: 1;
        }

            .dvdisabledrd .k-widget.k-dropdown .k-dropdown-wrap.k-state-disabled .k-input {
                color: #6a6a6a;
                text-indent: 0;
                font-size: 14px;
                font-weight: 600;
                padding-left: 10px;
                width: 200px;
            }

            .dvdisabledrd .k-widget.k-dropdown .k-dropdown-wrap.k-state-disabled .k-select {
                display: none;
            }

span.k-icon.k-i-calendar {
    /*margin-left: -8px !important;*/
}

.dvdisabledrd .k-widget.k-multiselect {
    border: none;
    opacity: 1;
    background: transparent;
}

    .dvdisabledrd .k-widget.k-multiselect .k-multiselect-wrap {
        background: transparent;
    }

    .dvdisabledrd .k-widget.k-multiselect .k-button {
        padding: .1em .6em .1em .4em;
        border: none;
        background: transparent;
    }

        .dvdisabledrd .k-widget.k-multiselect .k-button:after {
            content: ",";
        }

        .dvdisabledrd .k-widget.k-multiselect .k-button span {
            color: #6a6a6a;
            text-indent: 0;
            font-size: 14px;
            font-weight: 600;
        }

        .dvdisabledrd .k-widget.k-multiselect .k-button .k-select {
            display: none;
        }

.dvCtrl .k-widget.k-tooltip-validation {
    position: absolute;
}

#dvProvisionACCModel fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver;
}

#dvProvisionACCModel legend {
    width: auto;
    border: none;
}

div.dvacwinfo {
    padding-top: 10px;
}

    div.dvacwinfo > div {
        width: 100%;
        display: inline-block;
        text-align: left;
        padding: 3px 0 0 0;
    }

        div.dvacwinfo > div > div {
            width: 50%;
            float: left;
        }

/* Timeout Dialog Styles */
.timeout-dialog {
    padding: 15px;
    /*position: absolute;*/
    background: #eeeeee url("../images/timeout-icon.png") no-repeat 15px 25px;
    border: 1px solid #ffffff;
    -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .timeout-dialog p {
        margin: 0 0 5px 80px;
    }

#timeout-countdown {
    font-weight: bold;
}

.clsweatherNotification {
    width: calc(100% - 1105px);
    display: inline-block;
    color: white;
    margin-top: 10px;
    margin-left: 15px;
    position: relative;
}

    .clsweatherNotification > div {
        display: inline-block;
        width: 100%;
    }

    .clsweatherNotification > span {
        font-size: 12px;
        font-weight: bold;
        opacity: 0.8;
        position: absolute;
        bottom: 0;
        left: 5px;
    }

.menulstdata {
    color: #ffffff;
}

.latlongdata {
    width: calc((100% - 15%)/2);
}

.clsweatherNotification .spnwarn {
    font-size: 40px;
    float: left;
    margin: 7px;
}

.clsweatherNotification .dvacwmsg {
    float: left;
    width: calc(100% - 150px);
    cursor: pointer;
}

    .clsweatherNotification .dvacwmsg p {
        margin: 4px 0 0 8px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.clsweatherNotification .spnnext {
    font-size: 40px;
    float: right;
    margin: 7px;
    cursor: pointer;
}

.clsweatherNotification .spnback {
    /*  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cpolygon fill='%23cc3f47' points='957 450 539 900 1396 900'/%3E%3Cpolygon fill='%23b3373e' points='957 450 872.9 900 1396 900'/%3E%3Cpolygon fill='%23c8364e' points='-60 900 398 662 816 900'/%3E%3Cpolygon fill='%23b02f44' points='337 900 398 662 816 900'/%3E%3Cpolygon fill='%23c22f55' points='1203 546 1552 900 876 900'/%3E%3Cpolygon fill='%23ab294b' points='1203 546 1552 900 1162 900'/%3E%3Cpolygon fill='%23bb285c' points='641 695 886 900 367 900'/%3E%3Cpolygon fill='%23a52351' points='587 900 641 695 886 900'/%3E%3Cpolygon fill='%23b32362' points='1710 900 1401 632 1096 900'/%3E%3Cpolygon fill='%239f1f57' points='1710 900 1401 632 1365 900'/%3E%3Cpolygon fill='%23aa2068' points='1210 900 971 687 725 900'/%3E%3Cpolygon fill='%23971c5d' points='943 900 1210 900 971 687'/%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox=''0 0 512 512'%3E%3Cpath d='m353.941 382.059-126.06-126.06 126.06-126.061L320 96 160 255.999 320 416l33.941-33.941z'/%3E%3C/svg%3E");
    font-size: 40px;
    float: left;
    margin: 7px 0px 7px 0px;
    cursor: pointer;
}

.dvacwinfo .spninfo {
    font-size: 20px;
    margin: 0 5px 5px 5px;
    cursor: pointer;
}

.clsSliderContainer {
    width: 100%;
    margin: 14px 0 0 -30px;
}

    .clsSliderContainer .k-slider-selection {
        background-color: #FFFFFF;
    }

    .clsSliderContainer .k-slider-track {
        background-color: #C6C6C6;
    }

    .clsSliderContainer span.k-label {
        color: #FFFFFF;
    }

    .clsSliderContainer .k-slider-horizontal .k-slider-selection,
    .clsSliderContainer .k-slider-horizontal .k-slider-track {
        height: 4px;
        margin-top: -2px;
    }

.cagegory li a.k-draghandle {
    padding: 0;
    background-color: #801712;
    background-image: none;
    top: -8px;
    border: none;
    width: 6px;
    height: 19px;
}

    .cagegory li a.k-draghandle.k-state-selected,
    .cagegory li a.k-draghandle.k-state-selected:link,
    .cagegory li a.k-draghandle.k-state-selected:hover {
        background-color: #801712 !important;
    }

    .cagegory li a.k-draghandle.k-state-focused.k-state-selected {
        box-shadow: inset 0 0 3px 1px #801712;
    }

.slot .birdseye {
    display: none !important;
}

.slot .streetside {
    display: none !important;
}

.switchSlot .labelToggle {
    display: none !important;
}

.NavBar_MapTypeButtonContainer {
    margin-top: 17px !important;
    background: darkgrey !important;
}



.latiude {
    height: 49px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 10001;
    background: rgba(110, 111, 112, 0.9);
    width: 100%;
    text-align: right;
    padding: 0px 10px;
    line-height: 49px;
    color: #FFFFFF;
    font-size: 17px;
    /*display: flex;*/
}

.status-toggle {
    float: left;
    width: 22px;
}

    .status-toggle a {
        color: white;
        font-size: x-large;
    }

        .status-toggle a:hover {
            font-size: xx-large;
        }

.communication {
    float: left;
    width: 555px;
    text-align: left;
    margin-left: 8px;
}

.setactivemode {
    text-align: center;
    margin-left: auto;
    width: calc(100% - 1120px);
    position: absolute;
    left: 590px;
    bottom: 0;
    height: 49px;
}

    .setactivemode a {
        color: white;
        font-size: x-large;
    }

    .setactivemode p a {
        font-size: 13px;
        padding-left: 13px;
        text-decoration: underline;
    }

#latlongdetail {
    float: right;
    width: 522px;
    text-align: left;
}

    #latlongdetail > div {
        float: left;
        padding-left: 15px;
    }

#broadCastWindow {
    height: 100%;
    width: 100%;
    color: #FFFFFF;
    background-color: #000000;
    border: 1px solid #D80027;
    overflow: hidden;
    text-align: left;
    display: flex;
    flex-direction: column-reverse;
}

    #broadCastWindow p {
        width: 96%;
        padding: 15px 0 15px 15px;
        margin: 0;
        line-height: 16px;
    }

    #broadCastWindow .message {
        color: #00FF00;
    }

    #broadCastWindow .warning {
        color: #FFFF00;
    }

    #broadCastWindow .warning {
        color: #FF0000;
    }

.k-icon.k-i-information.spninfo {
    margin-top: -3px;
}

.k-customtitlebar.k-window-titlebar.k-header {
    /*margin-top: -48px;*/
}

.addrecordpopup .k-form-error,
.addrecordpopup .k-form-hint {
    display: inherit;
    padding: 4px 10px 0;
}


.right-nav {
    /*width: 240px;
    background: #e31937;*/
    height: calc(100% - 49px);
    position: absolute;
    top: 0px;
    z-index: 99999;
    right: -300px;
    transition-duration: 0.2s;
}

#content-4 {
    height: 100%;
    float: right;
    width: 300px;
    background-color: #f4f4f4;
    overflow: hidden;
}

    #content-4 iframe {
        width: 100%;
        height: 100%;
        border: none;
    }

.aside-right-hide {
    right: 0px;
    transition-duration: 0.2s;
    z-index: 999999;
}

.help-back {
}

    .help-back i {
        font-size: 22px;
        color: #E31937;
        width: 18px;
        height: 18px;
        display: block;
        margin: 0;
        margin-top: 9px;
        margin-right: 0;
        outline: 0;
        margin-left: 11px;
    }

.k-widget.k-combobox.drdMain input.k-input.drdMain {
    width: 98%;
    height: 40px;
}

.blackcombobox {
    border-bottom: solid 1px #d4d3d1;
    padding-bottom: 20px;
}

    .blackcombobox .k-header {
        border-color: #5e6466;
        background-color: #5e6466;
    }

    .blackcombobox .k-dropdown-wrap.k-state-default {
        border-color: #5e6466;
        background-color: #5e6466;
        background-image: none;
    }

    .blackcombobox .k-dropdown .k-input {
        color: #fff;
        padding: 10px 0 10px 10px;
        font-size: 14px;
        font-weight: 600;
    }

    .blackcombobox .k-dropdown .k-state-disabled .k-input {
        color: rgba(0, 0, 0, 0.73);
    }

    .blackcombobox .k-state-default > .k-select {
        border-color: transparent;
        width: 3em;
    }

    .blackcombobox .k-list-container {
        border-color: #5e6466;
        background-color: #5e6466;
        box-shadow: none;
        color: #fff;
    }

    .blackcombobox .k-icon.k-i-arrow-60-down {
        background-image: url(../images/dropdown-arrow.png);
        display: inline-block;
        background-position: 0px 5px;
        margin-top: 10px;
        width: 18px;
        height: 18px;
        background-repeat: no-repeat;
    }

        .blackcombobox .k-icon.k-i-arrow-60-down:before {
            content: none !important;
        }

    .blackcombobox .k-icon.k-i-loading {
        background-image: url(../../kendo/2024.2.514/Default/loading.gif);
        background-position: 50%;
    }

    .blackcombobox .k-dropdown-wrap > .k-clear-value {
        right: calc(3em + 4px);
    }

    .blackcombobox .k-icon.k-i-x {
        font-size: 20px;
    }


div.k-window.cmnActAuth {
    padding-top: 49px;
    width: 400px;
    min-height: 50px;
    top: 150px !important;
    left: calc(50% - 195px) !important;
    z-index: 10018;
    opacity: 1;
    transform: scale(1);
}

.cmnActAuth .col1 {
    float: left;
    display: inline-block;
    width: 50px;
}

.cmnActAuth .col2 {
    float: left;
    display: inline-block;
    width: calc(100% - 50px);
    padding-top: 2px;
}

.cmnActAuth .row {
    width: 94%;
    padding: 10px;
    margin: 0 auto;
    cursor: pointer;
    border: 1px solid #c6c6c6;
}

    .cmnActAuth .row.disabled {
        opacity: 0.5;
    }

    .cmnActAuth .row:hover {
        background-color: #D80027;
        color: #FFF;
    }

    .cmnActAuth .row.disabled:hover {
        background-color: inherit;
        color: inherit;
    }

    .cmnActAuth .i2,
    .cmnActAuth .row:hover .i1 {
        display: none;
    }


    .cmnActAuth .row:hover .i2 {
        display: block;
    }

.cmnActAuth .block_repet {
    display: inline-block;
    margin: 0;
    width: 100%;
}

.cmnActAuth h2 {
    font-size: 20px;
}

.cmnActAuth .form-group {
    padding: 0;
    margin: 0;
    width: 96%;
    position: relative;
}

.inlinShow {
    display: inline-block;
}

.spnred {
    color: red;
}

.spngreen {
    color: green;
}

.demomodeli {
    color: #8b8c8f;
    padding: 6px 0px 6px 0px;
    margin-left: 5px !important;
}

.latitudedemo {
    background-color: #0000ff;
}

.headerdemo {
    background-color: #0000ff;
}

#demomodechk {
    float: right;
    margin-right: 35%;
    margin-top: 5px;
}

.hkAuthWindow_wnd_demotitle {
    background-color: #0000ff !important;
}

.disabled {
    pointer-events: none;
}

.defaultLanding .hotkey_close {
    width: 40px;
}

    .defaultLanding .hotkey_close > .pull-right {
        display: none;
    }

.defaultLanding .hotkey_close {
    width: 40px;
}

    .defaultLanding .hotkey_close > .pull-right {
        display: none;
    }

#fsMap .MicrosoftMap .Infobox.no-title.infobox-rtuprops {
    background-color: #FFF;
}

.dv-props-sm-1,
.dv-props-sm-2 {
    width: 98%;
    color: #000;
}

.dv-props-sm-2 {
    overflow: auto;
    height: 350px;
}

.dvrtuinfobx .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.2);
}

.dv-props-sm-1 .table-sm,
.dv-props-sm-2 .table-sm {
    width: 100%;
    text-align: left;
}

    .dv-props-sm-1 .table-sm th,
    .dv-props-sm-2 .table-sm td {
        width: 30%;
        vertical-align: text-top;
    }

.k-menu-vertical > .k-menu-item + .k-menu-item {
    margin-top: 2px !important;
}

.k-picker, .k-widget.k-picker,
.k-picker.k-focus, .k-picker:focus, .k-widget.k-picker.k-focus, .k-widget.k-picker:focus {
    /*background-color: #fff;
    background-image: none;
    border-color: #d5d5d5;*/
}

drdAdminList-list .k-list-scroller {
    padding: 0;
}

.addrecordpopup.contentpart .k-widget, .addrecordpopup.contentpart .k-input, .addrecordpopup.contentpart .k-textbox {
    width: 50%;
}

.k-dropdown .k-button-solid-base.k-button,
.k-dropdown .k-button-solid-base.k-button.k-hover,
.k-dropdown .k-button-solid-base.k-button:hover,
.k-dropdown .k-button-solid-base.k-button:active {
    background-color: transparent !important;
    border: none;
}


.k-picker.k-focus, .k-picker:focus, .k-widget.k-picker.k-focus, .k-widget.k-picker:focus {
    border-color: #bbb !important;
    box-shadow: none !important;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper {
    border-color: transparent;
}

.k-tabstrip-items .k-state-hover {
    border-color: #cf112d;
}

.gm-style button, .gm-style button:hover, .gm-style button:focus {
    outline: none;
}
/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-height: thin;
    scrollbar-color: #6c757d;
}

    /* Works on Chrome, Edge, and Safari */
    *::-webkit-scrollbar {
        width: 7px;
        height: 7px;
    }

    *::-webkit-scrollbar-thumb {
        background-color: #6c757d;
        border-radius: 10px;
    }


.k-list *::-webkit-scrollbar-thumb {
    background-color: #EAEBED;
    border-radius: 10px;
}

.content-box scroll_content {
    overflow: auto;
}

/*.middle-section-inner .left-nav #content-1 {
    overflow: hidden;
}*/

/*.middle-section-inner .left-nav #content-1 #dvtreecontainer {
    overflow: auto;
}*/

.content-box.scroll_content {
    overflow: auto;
}

#acwSubReportMap .gm-style img[alt='Google'],
#acwSubReportMap .gm-style-cc {
    display: none !important;
}

#LPTSubReportMap .gm-style img[alt='Google'],
#LPTSubReportMap .gm-style-cc {
    display: none !important;
}

.gm-style-mtc {
    right: -20px !important;
}

    .gm-style-mtc > button {
        background: none padding-box padding-box rgba(255, 255, 255, 0.5) !important;
    }

.gm-bundled-control {
    top: 52px !important;
}

    .gm-bundled-control > div > div {
        background-color: rgba(255, 255, 255, 0.6) !important;
    }

.k-list-container li, .k-popup .k-list-content li {
    position: relative;
}

.k-list-container .chklist, .k-popup .k-list-content .chklist {
    float: right;
    width: 16px;
    height: 16px;
    top: 16px;
    right: 14px;
    position: absolute;
    z-index: 10;
}

.k-list-container .chklistlabel, .k-popup .k-list-content .chklistlabel {
    float: right;
    top: 6px;
    cursor: pointer;
}

.k-multiselect.k-input > .k-icon.k-i-loading {
    top: 4px;
}

.k-tooltip-content:has(#dvacwTooltip) {
    overflow: unset !important;
}

.k-radio {
    width: 16px;
    height: 16px;
    border-color: rgba(0, 0, 0, 0.5);
}

.k-button {
    padding: 4px 8px;
}

.k-dialog-buttongroup {
    padding: 6px;
}

.k-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 0.25rem;
    border-color: rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    line-height: initial;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    flex: none;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
}

.k-window .k-window-titlebar .k-window-titlebar-actions .k-window-titlebar-action .k-svg-icon svg {
    width: 26px;
    height: 26px;
}

.k-window .k-window-titlebar .k-window-titlebar-actions .k-window-titlebar-action .k-svg-icon path {
    color: #cf112d;
}

.k-window .k-window-titlebar .k-window-titlebar-actions .k-window-titlebar-action {
    opacity: 1;
}

.k-toolbar.k-toolbar-resizable {
    flex-wrap: wrap;
}
/*.k-button-icon {
    color: #D80027;
}*/
/*.k-icon .k-svg-icon .k-svg-i-x .k-button-icon {
    color: #D80027;
}*/

.k-list-optionlabel {
    color: unset !important;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fs-blinking {
    animation: blink 1s infinite;
}

.poll-content-multi-report {
    width: 100%;
    z-index: 9999;
    padding: 0 0 10px 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    bottom: 0;
    height: calc(100% - 50px) !important;
}