/*
3+93b4d -> 4+38EB9
7+a8893 -> B+AD5ED 
5+b6a76 -> 0+56AA4
F+FFFFE -> 4+38EB8 
0+00007 -> F+FFFF1
*/



@font-face {
    font-family: 'icomoon';
    src: url('fonts/new/fonts/IcoMoon-Free.ttf');
}

@font-face {
    font-family: 'icomoonNew';
    /*src: url('fonts/icomoon.eot');*/
    src: url('fonts/icomoonNew.ttf');
}

/*@font-face {
    font-family: 'icomoon';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
    font-weight: normal;
    font-style: normal;
}*/
/*


@font-face {
    font-family: "Aller";
    src: url("fonts/Aller_Rg.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
*/
* {
    margin: 0;
    padding: 0;
}

#form1, #Table_Row, #Map_Row, #PanelMap {
    height: 100%;
    overflow: hidden;
}

.blackText div {
    color: black !important;
}

html, body, #divPanelAlertActive, div[id*="PanelSilverLightAlert"], #divPanelStatus, div[id*="PanelSilverlightAio690"], .fullheight,
#divElectricity, #divDeltaDc, #TabPanelContractDiv, body > form {
    height: 100%;
}

#divPanelPower, #divElectric, #divHybridChart, #divPanelFuel, #divEfficiency, #divPanelBattery {
    height: calc(100% - 60px);
    padding-top: 20px;
}

/*New Design*/
body {
    border: none;
    color: #000;
    font-family: "Aller", Arial, Sans-Serif;
    font-size: 0;
    min-width: 1100px;
    background-color: #f6f8fa;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    /*body {
    border: none;
    color: #000;
    font-family: "Aller", Arial, Sans-Serif;
    font-size: 0;
    min-width: 1100px;
    background-color: #7a8893;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/

    body#Body1 {
        background-color: #7a8893 !important;
    }

iframe {
    border: none;
    width: 100%;
    height: 100%;
}

    iframe[id*="_Frame"] {
        height: calc(100% - 40px);
    }

fieldset {
    border: none;
}

legend {
    font-size: 21px;
    padding-bottom: 15px;
    color: #FFFFFE;
}

input::-webkit-input-placeholder {
    color: #393b4d !important;
}

input:-moz-placeholder { /* Firefox 18- */
    color: #393b4d !important;
}

input::-moz-placeholder { /* Firefox 19+ */
    color: #393b4d !important;
}

input:-ms-input-placeholder {
    color: #393b4d !important;
}

.staticCharts .c3-axis-y text {
    font-size: 13px;
    fill: white;
}

.staticChartsROI .c3-target-data4, .staticChartsTaarif .c3-target-data3 {
    opacity: 0.25 !important;
}


.staticCharts .c3-axis-y text {
    font-size: 13px;
    fill: white;
}

.staticCharts .c3-axis-y2 text {
    font-size: 13px;
    fill: white;
}

.staticCharts .c3-axis-x text {
    font-size: 13px;
    fill: white;
}

.staticCharts .c3-legend-item {
    font-size: 13px;
    fill: white;
}

.staticCharts .c3-text {
    fill: white !important;
    font-size: 13px;
}

.staticCharts .c3-line {
    stroke-width: 4px !important;
}


.staticCharts .c3 svg {
    font: 16px sans-serif;
}

.staticCharts .c3-ygrid-line line {
    stroke: black;
    stroke-width: 2px !important;
}

.staticCharts .c3-axis-x .tick {
    stroke-opacity: 0;
}

.staticCharts .c3-shapes-data2 .c3-shape {
    r: 9;
}

.staticCharts .c3-shapes-data3 .c3-shape {
    r: 9;
}

.reportChart .c3-axis-x .tick {
    stroke-opacity: 0;
}

.performanceChart {
    height: calc(45vh - 70px);
    min-height: calc(45vh - 70px);
}

    .performanceChart .c3-axis-y text {
        font-size: 12px;
        fill: black;
    }

    .performanceChart .c3-axis-x text {
        font-size: 0px;
        fill: black;
    }

.performanceChart {
    background-color: white;
}

    .performanceChart .c3-line {
        stroke-width: 2px !important;
    }

    .performanceChart .c3-ygrid-line line {
        stroke: black;
        stroke-width: 2px !important;
    }

    .performanceChart .c3-xgrid {
        stroke: black;
    }

    .performanceChart .c3-ygrid {
        stroke: black;
    }

    .performanceChart .c3-axis-x .tick {
        stroke-opacity: 0;
    }

.performanceChartTitle {
    font-size: 14px;
    text-align: center;
    color: white;
    margin-top: 6px;
    margin-bottom: 2px;
}

.performanceChartBoxOn {
    margin-left: 0.5vw;
    width: 24vw;
    border: solid;
    border-width: thin;
    border-color: #a9cf38;
    background-color: #a9cf38;
}

.performanceChartBoxOff {
    margin-left: 0.5vw;
    width: 24vw;
    border: solid;
    border-width: thin;
    border-color: #ff7630;
    background-color: #ff7630;
}

.performanceChartBoxNone {
    margin-left: 0.5vw;
    width: 24vw;
    border: solid;
    border-width: thin;
    border-color: #bfc2c4;
    background-color: #bfc2c4;
}

.performanceChartFotter {
    height: 50px;
}

    .performanceChartFotter span {
        margin-top: 5px;
        margin-left: 5px;
        font-size: 13px;
        font-weight: bold;
        color: black;
        display: grid;
    }

.c3 {
    max-height: none !important;
}


.c3ChartTitle {
    font-size: 20px;
    text-align: center;
    color: white;
    margin-top: 6px;
}

.c3ChartDashboardTitle {
    font-size: 10px;
    text-align: center;
    color: black;
    margin-top: 6px;
}


.projecrManagment .c3-line {
    stroke-width: 5px !important;
}


caption {
    font-size: 21px;
    text-align: left;
    color: #fff;
}

textarea {
    display: block;
    outline: none;
    border: none;
    resize: none;
    background-color: #000;
    padding: 5px;
    width: 600px;
    color: #00C000;
    font-family: Courier;
    font-size: 14px;
    margin-top: 15px;
}

td > textarea, .whiteTextarea {
    margin: 0;
    background-color: #fff;
    color: #000;
    width: 154px;
    font-family: Arial;
}

span, input, label, a {
    display: inline-block;
    vertical-align: top;
}

.thspan {
    line-height: normal;
    margin-top: 14px;
}

input, select {
    font-family: "Aller", Arial, Sans-Serif;
    outline: none;
}

label {
    font-size: 14px;
}

input[type="submit"], input[type="button"] {
    font-family: "Aller", Arial, Sans-Serif;
    background: #5b6a76;
    border: none;
    padding: 5px 10px;
    color: #FFFFFE;
    cursor: pointer;
}



    input[type="submit"]:hover, input[type="button"]:hover {
        background-color: #393b4d;
    }

fieldset > input[type="submit"], fieldset td.NoPadding > input[type="submit"], .buttonBar > input {
    margin: 10px 5px 0 0;
}

input[type="text"], input[type="number"], input[type="date"], input[type="password"], select {
    padding: 5px;
    border: none;
    width: 154px;
    line-height: 20px;
    min-height: 20px;
    background-color: #FFFFFE;
    color: #000007;
}

    select + input[type="submit"] {
        margin: 2px 0 0 5px;
    }

input[type="checkbox"], .cb_lb_gv th > input[type="checkbox"], input[type="radio"] {
    margin: 2px 3px 2px 0;
}

    input[type="checkbox"] + label, input[type="radio"] + label {
        line-height: 17px;
    }

select {
    width: 164px;
    min-height: 30px;
}

ul {
    list-style: none;
}

table {
    border: none;
    border-collapse: collapse;
}

    table td {
        font-size: 14px;
        padding: 5px 10px;
        white-space: nowrap;
    }

td > div {
    margin-bottom: 5px;
}

    td > div > label {
        width: 80px;
    }

tr.Empty > td {
    padding: 5px 10px !important;
}

th > input[type="checkbox"] {
    margin: 16px 10px;
}

.styledTable td > input[type="checkbox"] {
    margin: 8px 0;
}

    .styledTable td > input[type="checkbox"] + label {
        line-height: 29px;
        margin-left: 3px;
    }

.transitional {
    transition: all .25s;
    -o-transition: all .25s;
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
}

.transitional50 {
    transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.rtl {
    direction: rtl;
}

form#formHomeWebForm {
    width: 100%;
    overflow: auto;
    position: relative;
    z-index: 999;
}

#TabContainerSite_header > span:first-child:before {
    content: attr(site-name);
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    padding-right: 10px;
    font-size: 14px;
    color: #393b4d;
    cursor: default !important;
}

#ctl00_AIOMainMenu ul:before {
    content: attr(site-name);
    float: left;
    line-height: 39px;
    padding: 0 10px 0 30px;
    font-size: 14px;
    color: #393b4d;
    cursor: default !important;
}

.rowHeader {
    background-color: #393b4d;
    height: 80px;
    font-size: 0;
}

#ContentView {
    font-size: 0;
    height: calc(100% - 81px);
    overflow: hidden;
}

    .rowHeader > div, #ContentView > div, #UserIdentityContainer, #LogoutCheckinContainer, #LogoutContainer {
        display: inline-block;
        vertical-align: top;
        font-size: 14px;
    }

#logoContainer a {
    display: block;
    border: none;
    height: 80px;
    width: 170px;
    margin-right: 40px;
    text-decoration: none;
    background: url(images/home/logo.png) no-repeat center;
}

#mainMenuContainer {
    margin-left: 30px;
}



.menubt {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    margin: 30px 7px 0;
    padding: 10px 8px 10px;
    cursor: pointer;
}

.bt_icon {
    font-family: 'icomoonNew';
    font-size: 27px;
    display: inline-block;
    vertical-align: bottom;
    color: #fff;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
}

    .bt_icon.admin:before {
        content: "\e601";
    }

    .bt_icon.report:before {
        content: "\e602";
    }

    .bt_icon.maintenance:before {
        content: "\e603";
    }

    .bt_icon.alert:before {
        content: "\e604";
    }

    .bt_icon.finance:before {
        content: "\e605";
    }

    .bt_icon.edit:before, .bt_icon.view:before {
        content: "\e606";
    }

    .bt_icon.home:before {
        content: "\e607";
    }

    .bt_icon.sercurity:before {
        content: "\e608";
    }

.bt_label {
    display: inline-block;
    vertical-align: bottom;
    color: #fff;
    font-size: 12px;
    margin-left: 3px;
    line-height: 6px;
    cursor: pointer;
}

    .bt_label.alert, .bt_label.edit, .bt_label.view, .bt_label.maintenance {
        margin-left: -4px;
    }

    .bt_label.report, .bt_label.finance {
        margin-left: 8px;
    }

.menubt.active {
    background-color: #7a8893;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

    .menubt.active .bt_icon, .menubt.active .bt_label {
        color: #393b4d;
    }

#loginStatusContainer {
    float: right;
    height: 80px;
    border-right: 1px solid #A2B0BB;
    border-left: 1px solid #A2B0BB;
    margin-right: 50px;
}

    #loginStatusContainer > div {
        padding: 0 20px;
        color: #A2B0BB;
        font-size: 12px;
        height: 30px;
    }

#ChangePasswordContainer {
    text-align: right;
}

    #ChangePasswordContainer input {
        vertical-align: top;
        padding: 7px 0;
    }

        #ChangePasswordContainer input[type="submit"] {
            background: none;
            border: none;
            color: #A2B0BB;
            line-height: 18px;
            font-size: 12px;
            cursor: pointer;
            padding: 8px 0 4px 5px;
        }

#chgpswd, #vwprfl, #dsplyrls, #viewMYA {
    font-family: 'icomoon';
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    margin-top: 6px;
}

    #chgpswd:before {
        content: "\e600";
        padding: 5px;
    }

    #viewMYA:before {
        content: "\e972";
        padding: 5px;
    }

    #vwprfl:before {
        content: "\e971";
        padding: 5px;
    }

    #dsplyrls + sup,
    #dsplyrls + sup + sup {
        font-family: 'icomoon';
        font-weight: bold;
    }

    #dsplyrls + sup {
        font-size: 0.5em;
    }

        #dsplyrls + sup + sup {
            top: -0.2em;
            font-size: 0.7em;
            padding: 5px 7.5px;
        }

        #dsplyrls + sup:after {
            content: "\ea0a";
            font-weight: 100;
        }


#loginStatusContainer > div#LoginStateContainer {
    height: 20px;
}

#LoginStateContainer > span {
    font-size: 0;
}

#loginStatusContainer > div#UserIdentityContainer {
    padding-right: 50px;
}

#loginStatusContainer > div#LogoutCheckinContainer, #loginStatusContainer > div#UserIdentityContainer, #loginStatusContainer > div#LogoutContainer {
    line-height: 18px;
}

#loginStatusContainer > div#UserIdentityContainer {
    max-width: 125px;
}

#LogoutCheckinContainer a, #LogoutContainer a {
    text-decoration: none;
    color: #A2B0BB;
}

    #LogoutCheckinContainer a:first-child {
        border-right: 1px solid #A2B0BB;
        margin-right: 10px;
        padding-right: 10px;
    }

#loaderNew {
    font-size: 10px;
    margin: 50px auto;
    text-indent: -9999em;
    width: 11em;
    height: 11em;
    border-radius: 50%;
    background: #30353a;
    background: -moz-linear-gradient(left, #30353a 10%, rgba(48,53,58, 0) 42%);
    background: -webkit-linear-gradient(left, #30353a 10%, rgba(48,53,58, 0) 42%);
    background: -o-linear-gradient(left, #30353a 10%, rgba(48,53,58, 0) 42%);
    background: -ms-linear-gradient(left, #30353a 10%, rgba(48,53,58, 0) 42%);
    background: linear-gradient(to right, #30353a 10%, rgba(48,53,58, 0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

    #loaderNew:before {
        width: 50%;
        height: 50%;
        background: #dbdfe1;
        border-radius: 100% 0 0 0;
        position: absolute;
        top: 0;
        left: 0;
        content: '';
    }

    #loaderNew:after {
        background: #dbdfe1;
        width: 75%;
        height: 75%;
        border-radius: 50%;
        content: '';
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

#loaderNew_dark {
    font-size: 10px;
    margin: 50px auto;
    text-indent: -9999em;
    width: 11em;
    height: 11em;
    border-radius: 50%;
    background: #30353a;
    background: -moz-linear-gradient(left, #30353a 10%, rgba(48,53,58, 0) 42%);
    background: -webkit-linear-gradient(left, #30353a 10%, rgba(48,53,58, 0) 42%);
    background: -o-linear-gradient(left, #30353a 10%, rgba(48,53,58, 0) 42%);
    background: -ms-linear-gradient(left, #30353a 10%, rgba(48,53,58, 0) 42%);
    background: linear-gradient(to right, #30353a 10%, rgba(48,53,58, 0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

    #loaderNew_dark:before {
        width: 50%;
        height: 50%;
        background: #7a8893;
        border-radius: 100% 0 0 0;
        position: absolute;
        top: 0;
        left: 0;
        content: '';
    }

    #loaderNew_dark:after {
        background: #7a8893;
        width: 75%;
        height: 75%;
        border-radius: 50%;
        content: '';
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }


#loaderNewImage_dark {
    font-size: 10px;
    margin: 50px auto;
    text-indent: -9999em;
    width: 11em;
    height: 11em;
    border-radius: 50%;
    background: #30353a;
    background: -moz-linear-gradient(left, #30353a 10%, rgba(48,53,58, 0) 42%);
    background: -webkit-linear-gradient(left, #30353a 10%, rgba(48,53,58, 0) 42%);
    background: -o-linear-gradient(left, #30353a 10%, rgba(48,53,58, 0) 42%);
    background: -ms-linear-gradient(left, #30353a 10%, rgba(48,53,58, 0) 42%);
    background: linear-gradient(to right, #30353a 10%, rgba(48,53,58, 0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

    #loaderNewImage_dark:before {
        width: 50%;
        height: 50%;
        background: #7a8893;
        border-radius: 100% 0 0 0;
        position: absolute;
        top: 0;
        left: 0;
        content: '';
    }

    #loaderNewImage_dark:after {
        background: #7a8893;
        width: 75%;
        height: 75%;
        border-radius: 50%;
        content: '';
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }




@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


#treeview {
    position: relative;
    width: 220px;
    height: 100%;
    margin-left: 0;
}

    #treeview.hidden {
        margin-left: -184px;
    }

#treeViewHandle {
    position: absolute;
    width: 220px;
    height: 30px;
    background: #dbdfe1 url(images/moreInfo_clp.png) no-repeat right;
    right: 0;
    top: -30px;
    cursor: pointer;
    z-index: 120;
}

#treeview.hidden #treeViewHandle {
    background: #dbdfe1 url(images/moreInfo_exp.png) no-repeat right;
}

/*#SearchViewModeContainer {
    background-color: #7a8893;
    height: 40px;
    font-size: 0;
}*/

.searchIcon, input[type="submit"].searchIcon {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 40px;
    background: url(images/menu/menu_search.png) no-repeat center;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

    .ajax, .searchIcon.ajax {
        background: url(images/menu/menu_loading.gif) no-repeat center;
    }

.ajax_right {
    background: url(images/menu/menu_loading.gif) no-repeat right;
}

.ajax_left {
    background: url(images/menu/menu_loading.gif) no-repeat left;
}

#ajax_overlay {
    display: none;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #7a8893 url(images/menu/menu_loading.gif) no-repeat center;
    opacity: 0.75;
}

.popup_overlay {
    display: none;
    position: absolute;
    z-index: 900;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #7a8893;
    opacity: 0.75;
}







.popup {
    display: none;
    position: absolute;
    z-index: 909;
    background: #fff;
    top: 50%;
    left: 50%;
    color: #7a8894;
    box-shadow: 5px 5px 10px #393b4d;
}

    .popup .title {
        line-height: 28px;
        font-size: 14px;
        padding: 5px 10px;
        color: #393b4d;
        border-bottom: 1px solid #7a8893;
        background: url(images/triangleCorner.png) no-repeat 2px 2px;
    }

    .popup select, .popup textarea, .popup input[type="text"], .popup input[type="password"] {
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .popup .buttons {
        border-top: 1px solid #7a8893;
        height: 48px;
        text-align: center;
    }

        .popup .buttons span {
            width: calc(50% - 1px);
            border-left: 1px solid #7a8893;
            text-align: center;
        }

            .popup .buttons span:first-child {
                border: none;
            }

        .popup .buttons input.bt {
            padding: 12px 0 12px 30px;
            /* background-color: #fff; */
            line-height: 22px;
            font-size: 14px;
            color: #7a8894;
        }

    .popup input.save {
        background: url(images/popup_save.png) no-repeat left;
    }

    .popup input.cancel {
        background: url(images/popup_cancel.png) no-repeat left;
    }

    .popup input.restore {
        background: url(images/popup_restore.png) no-repeat left;
        margin-left: 10px;
    }

    .popup input.load {
        background: url(images/popup_load.png) no-repeat left;
        margin-left: 10px;
        margin-right: 10px;
    }

    .popup input.remove {
        background: url(images/icon_remove.png) no-repeat left;
        margin-left: 10px;
    }

    .popup input.template {
        background: url(images/popup_load.png) no-repeat left;
    }

/*#SearchViewModeContainer input[type="text"] {
    width: 133px;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    outline: none;
    border: none;
    background: #7a8893;
    color: #fff;
    font-family: "Aller", Arial, Sans-Serif;
    font-size: 12px;
    line-height: 30px;
    height: 40px;
}*/

::-webkit-input-placeholder {
    color: #A2B0BB;
}

:-moz-placeholder { /* Firefox 18- */
    color: #A2B0BB;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #A2B0BB;
}

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

#searchBoxType {
    display: inline-block;
    vertical-align: top;
    width: 27px;
    height: 40px;
    overflow: hidden;
    background: url(images/menu/menu_search_ddl.png) no-repeat center;
}

    #searchBoxType.clicked {
        background-image: url(images/menu/menu_search_ddl_active.png);
    }

#searchBy {
    position: absolute;
    z-index: 100;
    top: 40px;
    left: 0;
    background: #5b6a76;
    width: 220px;
    padding: 10px 0;
    font-size: 13px;
    outline: none;
    list-style: none;
}

    #searchBy li {
        color: #dbdfe1;
        padding: 0 15px;
        line-height: 34px;
        cursor: pointer;
    }

        #searchBy li:hover {
            background-color: #393b4d;
        }

#viewmode_up {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}

input[type="submit"].viewmode_bt {
    width: 30px;
    height: 40px;
    padding: 0;
}

    input[type="submit"].viewmode_bt.map, input[type="submit"].viewmode_bt.map:hover {
        background: url(images/menu/menu_map.png) no-repeat left;
    }

    input[type="submit"].viewmode_bt.table, input[type="submit"].viewmode_bt.table:hover {
        background: url(images/menu/menu_table.png) no-repeat left;
    }

#Tree_UpdatePanel {
    background-color: #dbdfe1;
    Event_UpdatePanel .cozyMod position: relative;
    z-index: 90;
    overflow: auto;
    margin-bottom: 30px;
}

    #Tree_UpdatePanel.cozyMode {
        height: calc(100% - 430px);
    }

    #Tree_UpdatePanel.normalMode {
        height: calc(100% - 333px);
    }

    #Tree_UpdatePanel.minimalMode {
        height: calc(100% - 213px);
    }

#Event_UpdatePanel {
    background-color: #393b4d;
    position: relative;
    z-index: 90;
    color: #A2B0BB;
}

    #Event_UpdatePanel.cozyMode {
        height: 360px;
    }

#eventEntry_header {
    font-size: 0;
    height: 30px;
    border-bottom: 1px solid #A2B0BB;
    display: flex;
}

#eventEntry_header_label {
    line-height: 30px;
    width: 188px;
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #A2B0BB;
    font-size: 14px;
    text-indent: 14px;
}

#eventEntry_alarmswitch {
    border: none;
    outline: none;
    display: inline-block;
    vertical-align: top;
    width: 35px;
    height: 30px;
    border-right: 1px solid #A2B0BB;
    background: url(images/Entry_Alarm_ON.png) no-repeat center;
}

    #eventEntry_alarmswitch:hover {
        background: url(images/Entry_Alarm_ON_hover.png) no-repeat center;
    }

    #eventEntry_alarmswitch.switchedOff {
        background: url(images/Entry_Alarm_OFF.png) no-repeat center;
    }

        #eventEntry_alarmswitch.switchedOff:hover {
            background: url(images/Entry_Alarm_OFF_hover.png) no-repeat center;
        }

#eventEntry_menu {
    border: none;
    outline: none;
    display: inline-block;
    vertical-align: top;
    width: 35px;
    height: 30px;
    background: url(images/menu.png) no-repeat center;
}

    #eventEntry_menu:hover {
        background: url(images/menu_hover.png) no-repeat center;
    }

#eventEntry_modeSelector {
    display: none;
    position: absolute;
    top: 30px;
    right: -65px;
    width: 100px;
    line-height: 30px;
    border: 1px solid #A2B0BB;
    background-color: #393b4d;
    box-shadow: -2px 2px 0 0 #000;
    z-index: 100;
}

.Chart_Group_color {
    background-color: #393b4d;
    color: #fff;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    display: block;
    line-height: 30px;
    padding: 0 10px;
    font-size: 16px;
    width: 230px;
}

#eventEntry_modeSelector label {
    display: block;
    font-size: 14px;
    text-indent: 14px;
    border-bottom: 1px solid #A2B0BB;
    cursor: pointer;
}

#eventEntry_summary {
    padding: 0 0 14px 6px;
    border-bottom: 1px solid #A2B0BB;
}

    #eventEntry_summary label {
        width: 89px;
        display: inline-block;
        vertical-align: top;
        font-size: 26px;
        font-weight: bold;
        margin: 8px 0 0 8px;
        cursor: pointer;
    }

#lblCritical {
    /*color: #ff5b00;*/
    color: #FF3B29;
    text-align: right;
    border-bottom: 10px solid #FF3B29;
}

#lblMajor {
    /*color: #ffd700;*/
    color: #FF7630;
    border-bottom: 10px solid #FF7630;
}

#lblMinor {
    /*color: #0072f6;*/
    color: #FFEA81;
    text-align: right;
    border-bottom: 10px solid #FFEA81;
}

#lblWarning {
    /*color: #0072f6;*/
    color: #368FFF;
    border-bottom: 10px solid #368FFF;
}

#lblNormal {
    color: #fff;
    border-bottom: 10px solid #fff;
}

#Event_UpdatePanel.minimalMode #eventEntry_summary {
    border: none;
}

#eventEntry_secondary {
    padding: 6px 0 14px 6px;
    /*border-bottom: 1px solid #A2B0BB*/;
}

#Event_UpdatePanel.minimalMode #sectext_wrapper {
    position: absolute;
    top: 113px;
    left: 220px;
    background-color: #393b4d;
    font-size: 0;
    white-space: nowrap;
    z-index: 90;
}

#Event_UpdatePanel.minimalMode #eventEntry_secondary {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    font-size: 0;
    background-color: #393b4d;
}

    #Event_UpdatePanel.minimalMode #eventEntry_secondary.hide {
        width: 0;
        overflow: hidden;
    }

#eventEntry_secondary label {
    width: 88px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 0;
    text-align: center;
    border: 1px solid #A2B0BB;
    border-radius: 4px;
    margin: 8px 0 0 8px;
    cursor: pointer;
}

#Event_UpdatePanel.minimalMode #eventEntry_secondary label {
    margin: 2px 8px 2px 0;
}





#eventEntry_ticket_minimal {
    padding: 6px 0 14px 6px;
    border-bottom: 1px solid #A2B0BB;
}



#Event_UpdatePanel.minimalMode #eventEntry_ticket_minimal {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    font-size: 0;
    background-color: #393b4d;
}

    #Event_UpdatePanel.minimalMode #eventEntry_ticket_minimal.hide {
        width: 0;
        overflow: hidden;
    }

#eventEntry_ticket_minimal label {
    width: 88px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 0;
    text-align: center;
    border: 1px solid #A2B0BB;
    border-radius: 4px;
    margin: 8px 0 0 8px;
    cursor: pointer;
}

#Event_UpdatePanel.minimalMode #eventEntry_ticket_minimal label {
    margin: 2px 8px 2px 0;
}





#lblGray {
    color: #A2B0BB;
}

#lblOrange {
    color: #ffd700;
}

#lblGreen, .lblGreen {
    color: #a8cf37;
}

#lblRed, .lblRed {
    color: #ff5b00;
}

#eventEntry_textual {
    padding-left: 14px;
    position: relative;
}

#eventEntry_normalCloseFloat, #regionsTree > a:first-child {
    display: none;
}

#Event_UpdatePanel.normalMode #eventEntry_textual {
    position: absolute;
    bottom: 0;
    left: 300px;
    width: 220px;
    background-color: #393b4d;
    padding: 8px 0 0 0;
    display: none;
}

    #Event_UpdatePanel.normalMode #eventEntry_textual.show, .dbk, .PanelsGridWrapper > div.dbk, .pageTitleWrapper > span.dbk {
        display: block;
    }

.dataTables_coll0Critical {
    background-color: #FF3B29 !important;
}

.dataTables_coll0Major {
    background-color: #FF7630 !important;
}

.dataTables_coll0Minor {
    background-color: #FFEA81 !important;
}

.dataTables_coll0Warning {
    background-color: #368FFF !important;
}

.dataTables_wrapper.no-footer div.dataTables_scrollBody table tr.DataTableRowCritical {
    /*background-color: #FF3B29 !important;*/
    /*color: red !important;*/
    color: #393b4d;
}

.dataTables_wrapper.no-footer div.dataTables_scrollBody table tr.DataTableRowMajor {
    /*background-color: #FF7630 !important;*/
    /*color: orange !important;*/
    color: #393b4d;
}

.dataTables_wrapper.no-footer div.dataTables_scrollBody table tr.DataTableRowMinor {
    /*background-color: #FFEA81 !important;*/
    /*color: yellow !important;*/
    color: #393b4d;
}

.dataTables_wrapper.no-footer div.dataTables_scrollBody table tr.DataTableRowWarning {
    /*background-color: #368FFF !important;*/
    /*color: blue !important;*/
    color: #393b4d;
}

div.listAlerts select {
    height: 110px;
    width: 250px;
}

td > div.listAlerts.on {
    margin-bottom: 10px;
}

td > div.listAlerts.off {
    margin-bottom: 0;
}

div.arrows.on {
    margin: 33px 0 79px;
}

span.blockLabel {
    display: block;
    line-height: 30px;
    font-size: 19px;
    background-color: #5b6a76;
}

#Event_UpdatePanel.normalMode #eventEntry_textual > div {
    padding-left: 14px;
}

#Event_UpdatePanel.normalMode #lblTotalWrapper {
    height: 30px;
    border-top: 1px solid #A2B0BB;
}

    #Event_UpdatePanel.normalMode #lblTotalWrapper label {
        line-height: 30px;
    }

    #Event_UpdatePanel.normalMode #lblTotalWrapper > div {
        width: 170px;
    }

#Event_UpdatePanel.normalMode #eventEntry_normalCloseFloat {
    border: none;
    outline: none;
    display: inline-block;
    vertical-align: top;
    width: 35px;
    height: 30px;
    border-left: 1px solid #A2B0BB;
    background: url(images/float_close.png) no-repeat center;
}

    #Event_UpdatePanel.normalMode #eventEntry_normalCloseFloat:hover {
        background: url(images/float_close_hover.png) no-repeat center;
    }

#Event_UpdatePanel.minimalMode #eventEntry_textual {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    font-size: 0;
    background-color: #393b4d;
    white-space: nowrap;
}

    #Event_UpdatePanel.minimalMode #eventEntry_textual.hide {
        width: 0;
        overflow: hidden;
    }

    #eventEntry_textual > div div, #Event_UpdatePanel.minimalMode #eventEntry_textual > div {
        display: inline-block;
        vertical-align: top;
    }

    #Event_UpdatePanel.minimalMode #eventEntry_textual > div {
        margin-right: 30px;
    }

#eventEntry_textual label {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
}

#Event_UpdatePanel.minimalMode #eventEntry_textual label {
    margin: 4px 0;
}

#eventEntry_textual label#lblCell {
    height: 44px;
}

#Event_UpdatePanel.minimalMode #eventEntry_textual label#lblCell {
    height: 22px;
}

#eventEntry_textual label#lblLastReceivedTime {
    display: block;
    padding-left: 20px;
    background: url(images/Celluler_In.png) no-repeat left;
}

#Event_UpdatePanel.minimalMode #eventEntry_textual label#lblLastReceivedTime {
    display: inline-block;
    margin-right: 5px;
}

#eventEntry_textual label#lblLastSentTime {
    padding-left: 20px;
    background: url(images/Celluler_Out.png) no-repeat left;
}

#lblStat {
    padding-left: 16px;
    background: url(images/status_active.png) no-repeat left;
}

    #lblStat.clicked {
        background: url(images/status.png) no-repeat left;
    }

#lblStat_ct {
    position: relative;
    z-index: 125;
}

#lblTotal {
    padding-left: 16px;
    background: url(images/status_active.png) no-repeat left;
}

    #lblTotal.clicked {
        background: url(images/status.png) no-repeat left;
    }

#lblGeneral {
    position: relative;
    z-index: 125;
}

#eventEntry_textual > div#lblStatExt {
    display: none;
    border: 1px solid #A2B0BB;
    background-color: #5b6a76;
    width: 198px;
    padding: 10px 0 30px;
    left: 10px;
    bottom: 21px;
    position: absolute;
    z-index: 121;
}

#Event_UpdatePanel.normalMode #eventEntry_textual > div#lblStatExt {
    bottom: 30px;
    padding: 10px 0 30px;
}

#Event_UpdatePanel.minimalMode #eventEntry_textual > div#lblStatExt {
    display: none;
    bottom: 4px;
    left: auto;
    right: 45px;
    margin: 0;
}

#eventEntry_textual > div#lblStatExt > div {
    display: block;
    margin-left: 14px;
    line-height: 25px;
    font-size: 14px;
}

#eventEntry_textual > div#lblStatExt > span {
    display: block;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #A2B0BB;
}

#eventEntry_textual > div#lblStatExt > div > span:first-child {
    width: 100px;
    cursor: pointer;
}


#eventEntry_textual > div#lblProjectExt {
    display: none;
    border: 1px solid #A2B0BB;
    background-color: #5b6a76;
    width: 198px;
    padding: 10px 0 30px;
    left: 208px;
    bottom: 21px;
    position: absolute;
    z-index: 121;
}

#Event_UpdatePanel.normalMode #eventEntry_textual > div#lblProjectExt {
    bottom: 30px;
    padding: 10px 0 30px;
}

#Event_UpdatePanel.minimalMode #eventEntry_textual > div#lblProjectExt {
    display: none;
    bottom: 4px;
    left: auto;
    right: 45px;
    margin: 0;
}

#eventEntry_textual > div#lblProjectExt > div {
    display: block;
    margin-left: 14px;
    line-height: 25px;
    font-size: 14px;
}

#eventEntry_textual > div#lblProjectExt > span {
    display: block;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #A2B0BB;
}

#eventEntry_textual > div#lblProjectExt > div > span:first-child {
    width: 100px;
    cursor: pointer;
}




#lblTotal, #lblTotalQuant {
    color: #a8cf37;
}

#eventEntry_minimalMoreInfo, #eventEntry_textualNormal, .typeFilter, .severityFilter, .isenableFilter, .codeFilter, .hide {
    display: none;
}

#Event_UpdatePanel.minimalMode #eventEntry_minimalMoreInfo {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding-right: 35px;
    padding-left: 10px;
    cursor: pointer;
    background: url(images/moreInfo_exp.png) no-repeat right;
}

    #Event_UpdatePanel.minimalMode #eventEntry_minimalMoreInfo:hover {
        background: url(images/moreInfo_exp_hover.png) no-repeat right;
    }

    #Event_UpdatePanel.minimalMode #eventEntry_minimalMoreInfo.clicked {
        background: url(images/moreInfo_clp.png) no-repeat right;
        padding-left: 0;
        font-size: 0;
        margin-right: 1000px;
    }

        #Event_UpdatePanel.minimalMode #eventEntry_minimalMoreInfo.clicked:hover {
            background: url(images/moreInfo_clp_hover.png) no-repeat right;
        }

#Event_UpdatePanel.normalMode #eventEntry_textualNormal {
    display: block;
    font-size: 0;
    height: 30px;
    border-top: 1px solid #A2B0BB;
}

#eventEntry_textualNormal label {
    line-height: 30px;
    width: 184px;
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #A2B0BB;
    font-size: 14px;
    text-indent: 14px;
}

#eventEntry_normalFloat {
    border: none;
    outline: none;
    display: inline-block;
    vertical-align: top;
    width: 35px;
    height: 30px;
    background: url(images/float_open.png) no-repeat center;
}

    #eventEntry_normalFloat:hover {
        background: url(images/float_open_hover.png) no-repeat center;
    }

@media all and (max-width: 1590px) {
    #Event_UpdatePanel.minimalMode #eventEntry_secondary label {
        width: 53px;
    }

    #Event_UpdatePanel.minimalMode #eventEntry_textual > div {
        margin-right: 15px;
    }

    #Event_UpdatePanel.minimalMode #eventEntry_textual label {
        font-size: 12px;
    }

    #Event_UpdatePanel.minimalMode #eventEntry_textual > div#lblStatExt {
        right: 0;
    }
}

#mainView {
    width: calc(100% - 220px);
    height: calc(100% - 30px);
}

    #mainView.expanded {
        width: calc(100% - 36px);
    }

. ul {
    /*padding:0 0 0 24px;*/
}

.Severity-Warning {
}

    .Severity-Warning:before {
        position: absolute;
        content: '';
        background-color: #FFFFFF;
        margin-top: 5.5px;
        margin-left: 3.2px;
        width: 3px;
        height: 14px;
        pointer-events: none;
    }

.Severity-Minor {
}

    .Severity-Minor:before {
        position: absolute;
        content: '';
        background-color: #368FFF;
        margin-top: 5.5px;
        margin-left: 3.2px;
        width: 3px;
        height: 14px;
        pointer-events: none;
    }

.Severity-Major {
    /*background-color: orange !important;
            width: 0px;
                */
}

    .Severity-Major:before {
        position: absolute;
        content: '';
        background-color: #FFD700;
        margin-top: 5.5px;
        margin-left: 3.2px;
        width: 3px;
        height: 14px;
        pointer-events: none;
    }

.Severity-Critical {
    /*
            background-color: red !important;
            width: 0px;
                */
}

    .Severity-Critical:before {
        position: absolute;
        content: '';
        background-color: #FF5B00;
        margin-top: 5.5px;
        margin-left: 3.2px;
        width: 3px;
        height: 14px;
        pointer-events: none;
    }


.jstree-default .jstree-anchor .jstree-search {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    color: #000;
    font-size: 12px !important;
    line-height: 22px;
}

.jstree-default .jstree-clicked {
    background: #A2B0BB;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #A2B0BB;
    font-size: 12px !important;
}

.jstree-default .jstree-search {
    font-style: normal;
    color: #000;
    font-weight: inherit;
    font-size: 12px !important;
}

.jstree-anchor, .jstree-anchor:link, .jstree-anchor:visited, .jstree-anchor:hover, .jstree-anchor:active {
    text-decoration: none;
    color: inherit;
    font-size: 12px;
}

.jstree-icon:empty {
    display: inline-block;
    text-decoration: none;
    margin: 0;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 3px;
    padding: 0;
    vertical-align: top;
    text-align: center;
}

.siteJSTree a {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    color: #000;
    font-size: 12px;
    line-height: 22px;
}

.siteJSTree > ul {
    padding: 10px 0 0 12px;
}

.siteJSTree a {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    color: #000;
    font-size: 12px;
    line-height: 22px;
}

.siteJSTree li.severity_1 .border {
    width: 4px;
    height: 22px;
    background-color: #ff5b00;
}

.siteJSTree li.severity_2 .border {
    width: 4px;
    height: 22px;
    background-color: #ffd700;
}

.siteJSTree li.severity_3 .border {
    width: 4px;
    height: 22px;
    background-color: #368fff;
}

.siteJSTree li.severity_4 .border {
    width: 4px;
    height: 22px;
    background-color: #ffffff;
}

.siteJSTree li.severity_100 .border {
    width: 4px;
    height: 22px;
    background-color: #dbdfe1;
}

.siteJSTree li {
    white-space: nowrap;
    margin: 1px 0;
}

.siteJSTree ul.level2 > li .separator {
    margin-left: 24px;
}

.siteJSTree ul.level3 > li .separator {
    margin-left: 46px;
}

.siteJSTree ul.level4 > li .separator {
    margin-left: 68px;
}

.siteJSTree ul.level5 > li .separator {
    margin-left: 90px;
}

.siteJSTree ul.level6 > li .separator {
    margin-left: 112px;
}

.siteJSTree li span.separator {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 18px;
    margin: 2px 2px 2px 0;
}

.siteJSTree li span.exp {
    background: url(images/exp.png) no-repeat left;
    cursor: pointer;
}

.siteJSTree li span.clp {
    background: url(images/clp.png) no-repeat left;
    margin: 0 2px 4px 0;
    cursor: pointer;
}

.siteJSTree a + ul {
    height: 0;
    overflow: hidden;
}


.ajax__tab_AIO .ajax__tab_header {
    background: #7a8893;
    height: 39px;
    border-bottom: 1px solid #5b6a76;
    font-size: 14px;
}



.ajax__tab_header span {
    cursor: pointer;
    font-size: 14px;
}

.ajax__tab_header > span:first-child {
    padding-left: 30px;
}

.ajax__tab_header > span:last-child {
    padding-right: 30px;
}

.ajax__tab_AIO .ajax__tab_outer, .ajax__tab_AIO .ajax__tab_inner {
    padding: 0;
    background: none;
}

.ajax__tab_AIO .ajax__tab_tab {
    padding: 0 20px;
}

    .ajax__tab_AIO .ajax__tab_tab, .ajax__tab_AIO .ajax__tab_tab a {
        line-height: 40px;
        background: none;
        color: #FFFFFE;
        font-size: 14px;
        text-decoration: none;
    }

.ajax__tab_header .ajax__tab_active .ajax__tab_tab, #TabContainerAio690_header > span {
    background: #5b6a76;
    font-size: 14px;
}

#TabContainerAio690_header .ajax__tab_active .ajax__tab_tab {
    background: #393b4d;
    font-size: 14px;
}

.ajax__tab_AIO.ajax__tab_container, #TabContainerSite {
    border: none;
    height: 100%;
    overflow: hidden;
}

.ajax__tab_AIO .ajax__tab_body, .pnl_uct {
    border: none;
    background-color: #7a8893;
    height: calc(100% - 40px);
    overflow: auto;
}

form[action*="UC=Status"] .pnl_uct {
    position: relative;
    border: none;
    background-color: #7a8893;
    padding: 20px 50px;
    height: calc(100% - 80px);
    overflow: auto;
}

.UserPanelEdit .ajax__tab_AIO .ajax__tab_body {
    overflow: inherit;
}

.ajax__tab_panel {
    display: inline-block;
    height: 100%;
    min-width: 100%;
}

    .ajax__tab_panel table, .styledTable {
        width: auto;
        margin: 15px 50px;
        border: none;
        font-size: 14px;
        position: relative;
    }

        .ajax__tab_panel table.ChartTable {
            margin: 0;
        }

            .ajax__tab_panel table.ChartTable th {
                padding: 0 10px;
            }

.gvHeader {
    text-shadow: 2px 2px 4px #393b4d;
    font-size: 18px;
    color: #FFF;
    margin: 20px 0 15px;
}

.styledTable {
    color: #5b6a76;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.NoMargin, table.NoMargin, .ajax__tab_panel .treeViewWrapper table {
    margin: 0 !important;
}

    .NoPadding, .ajax__tab_panel table td.NoPadding, .styledTable td.NoPadding, #ctl00_ContentPlaceHolder1_FormViewSites > tbody > tr > td, .ajax__tab_panel .treeViewWrapper table td, .ajax__tab_panel .treeViewWrapper table a {
        padding: 0;
    }

.NoBorder, .NoBorder td, .settingsTopHeader.NoBorder {
    border: none;
}

.NoLeftMargin {
    margin-left: 0 !important;
}

.styledTable input[type="text"] {
    border: 1px solid #5b6a76;
    width: 58px;
}

.ajax__tab_panel td > table {
    margin: 0;
}

.ajax__tab_panel table a, .styledTable a {
    text-decoration: none;
    font-family: "Aller", Arial, Sans-Serif;
    white-space: nowrap;
    padding: 0 10px;
    color: #00C;
}

.summer, .spring {
    background: #5b6a76;
    text-align: center;
}

.winter {
    background: #393b4d;
    text-align: center;
}

.styledTable tr:nth-child(odd) {
    background-color: #E0E0E0;
}

.styledTable tr:nth-child(even) {
    background-color: #FFF;
}

.ajax__tab_panel table th, .styledTable th, .styledTR td {
    background-color: #dbdfe1;
    color: #393b4d;
    line-height: 46px;
    border: 1px solid #7a8893;
    border-bottom: 4px solid #7a8893;
    white-space: nowrap;
    font-weight: bold;
    text-align: center;
}

.styledTR td {
    border: none;
    line-height: 36px;
}

    .styledTR td span, th span, .lrp10 {
        padding: 0 10px;
    }

.ajax__tab_panel table td, .styledTable td {
    white-space: nowrap;
    border-color: #7a8893;
    line-height: 30px;
    padding: 5px 10px;
}

.ajax__tab_panel table.SitesTable td, .ajax__tab_panel table.userRolesTable td {
    line-height: normal;
}

.GridViewSubscription.styledTable td {
    white-space: normal;
}

.GridViewLogs.styledTable td {
    white-space: normal;
    font-family: Courier;
    font-size: 12px;
    font-weight: bold;
}

    .GridViewLogs.styledTable td:first-child {
        min-width: 250px;
    }

    .GridViewLogs.styledTable td:last-child {
        min-width: 150px;
    }

.styledTable td {
    border-left: 1px solid #7a8893;
    border-right: 1px solid #7a8893;
}

.styledTable .Pager td {
    border: none;
    line-height: normal;
}

.styledTable .Pager a {
    font-weight: bold;
    padding: 0;
}

.styledTable th.ext_menu_header {
    width: 0;
    border-left: none;
    border-right: none;
    font-size: 0;
}

.styledTable td.ext_menu {
    padding: 0;
    width: 0;
    height: 0;
    position: absolute;
    margin-top: 15px;
    background-color: #fff;
    overflow: hidden;
}

.ElectricityTarif100hPanel .styledTable td.ext_menu {
    margin-top: 5px;
}

.styledTable td.ext_menu.active {
    width: auto;
    height: auto;
    border: 1px solid #5b6a76;
    box-shadow: 2px 2px 4px #393b4d;
}

.styledTable td.ext_menu + td, .styledTable th.ext_menu_header + th {
    border-left: none;
}

.styledTable td.ext_menu input.bt {
    display: block;
    background-color: #fff;
    color: #333;
    padding: 8px 20px 8px 54px;
    width: 100%;
    min-width: 145px;
    font-size: 14px;
    text-align: left;
    line-height: 24px;
    border: 1px solid #fff;
}

.styledTable td.ext_menu input.edit {
    background: url(images/icon_edit.png) no-repeat left;
}

.styledTable td.ext_menu input:first-child.edit {
    background: url(images/icon_edit.png) no-repeat left, url(images/triangleCorner.png) no-repeat top left;
}

.styledTable td.ext_menu input.wizard {
    background: url(images/icon_wizard.png) no-repeat left;
}

.styledTable td.ext_menu input.locked {
    background: url(images/icon_locked.png) no-repeat left;
}

.styledTable td.ext_menu input.delete {
    background: url(images/icon_delete.png) no-repeat left;
}

.styledTable td.ext_menu input:first-child.delete {
    background: url(images/icon_delete.png) no-repeat left, url(images/triangleCorner.png) no-repeat top left;
}

.styledTable td.ext_menu input.save {
    background: url(images/icon_save.png) no-repeat left;
}

.styledTable td.ext_menu input.cancel {
    background: url(images/icon_cancel.png) no-repeat left;
}

.styledTable td.ext_menu input.accept {
    background: url(images/icon_accept.png) no-repeat left;
}

.styledTable td.ext_menu input.refresh {
    background: url(images/icon_refresh.png) no-repeat left;
}

.styledTable td.ext_menu input.document {
    background: url(images/icon_document.png) no-repeat left;
}

.styledTable td.ext_menu input.alert {
    background: url(images/icon_alert.png) no-repeat left;
}

.styledTable td.ext_menu input.closealert {
    background: url(images/icon_closealert.png) no-repeat left;
}

.styledTable td.ext_menu input.blockalert {
    background: url(images/icon_blockalert.png) no-repeat left;
}

.styledTable td.ext_menu input.alerthistory {
    background: url(images/icon_alerthistory.png) no-repeat left;
}

.styledTable td.ext_menu input.site {
    background: url(images/icon_site.png) no-repeat left;
}

.styledTable td.ext_menu input.upload {
    background: url(images/icon_upload.png) no-repeat left;
}

.styledTable td.ext_menu input.download {
    background: url(images/icon_download.png) no-repeat left;
}

.styledTable td.ext_menu input.bt:hover {
    background-color: #ececec;
}

input.btn36 {
    height: 36px;
    width: 36px;
    margin: 5px 5px 0 0;
    font-size: 0;
    padding: 0;
}

    input.btn36.save {
        background: url(images/icon_tables.png) no-repeat 0 -36px;
    }

        input.btn36.save:hover {
            background: url(images/icon_tables.png) no-repeat 0 0;
        }

    input.btn36.cancel {
        background: url(images/icon_tables.png) no-repeat -36px -36px;
    }

        input.btn36.cancel:hover {
            background: url(images/icon_tables.png) no-repeat -36px 0;
        }

    input.btn36.people {
        background: url(images/icon_tables.png) no-repeat -72px -36px;
    }

        input.btn36.people:hover {
            background: url(images/icon_tables.png) no-repeat -72px 0;
        }

    input.btn36.lock {
        background: url(images/icon_tables.png) no-repeat -108px -36px;
    }

        input.btn36.locked, input.btn36.lock:hover {
            background: url(images/icon_tables.png) no-repeat -108px 0;
        }

    input.btn36.expire {
        background: url(images/icon_tables.png) no-repeat -144px -36px;
    }

        input.btn36.expire:hover {
            background: url(images/icon_tables.png) no-repeat -144px 0;
        }

.lm50 {
    margin: 0 0 0 50px;
}

.m5 {
    margin: 5px;
}

.m15 {
    margin: 15px;
}

.tbm15 {
    margin: 15px 0 !important;
}

.tm15 {
    margin: 15px 0 0 !important;
}

.IconType {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 0 0;
    padding-right: 5px;
    border-right: 1px solid #ccc;
    line-height: normal;
    text-align: center;
}

    .IconType:last-child {
        border: none;
        margin: 0;
        padding: 0;
    }

    .IconType span {
        font-size: 10px;
        font-family: Tahoma;
        display: block;
        line-height: 15px;
        height: 15px;
    }

.Pager {
    border-top: 4px solid #7a8893;
}

#TabPanelContractDiv > div, .PanelAccess {
    padding: 15px 50px;
}


#PanelBMS > table {
    margin: 10px 20px 15px 10px;
}

    #PanelBMS > table > tbody > tr > td {
        box-shadow: 4px 4px 8px 0 #393b4d;
        background-color: #ccc;
        border-radius: 10px;
        border: 2px solid #ccc;
        display: inline-block;
        vertical-align: top;
        padding: 0;
        margin: 0 20px 20px 0;
    }

#PanelBMS td > table {
    width: 100%;
    background-color: #fff;
    color: #000;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

    #PanelBMS td > table td {
        padding: 3px 10px;
        line-height: 25px;
        white-space: nowrap;
    }

#PanelBMS td > span.header {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    display: block;
    background-color: #393b4d;
    color: #fff;
    line-height: 30px;
    padding: 0 10px;
    font-size: 16px;
}







#PanelParameters > table {
    margin: 15px 20px 15px 50px;
}

    #PanelParameters > table > tbody > tr > td {
        box-shadow: 4px 4px 8px 0 #393b4d;
        background-color: #ccc;
        border-radius: 10px;
        border: 2px solid #ccc;
        display: inline-block;
        vertical-align: top;
        padding: 0;
        margin: 0 20px 20px 0;
    }

#PanelParameters td > table {
    width: 100%;
    font-weight: bold;
    background-color: #fff;
    color: #000;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

    #PanelParameters td > table td {
        padding: 3px 10px;
        line-height: 30px;
        white-space: nowrap;
    }

#PanelParameters td > span.header {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    display: block;
    background-color: #393b4d;
    color: #fff;
    line-height: 50px;
    padding: 0 10px;
    font-size: 16px;
}

#PanelParamsSelector {
    padding: 15px 0 0 50px;
}

    #PanelParamsSelector > label {
        display: inline-block;
        vertical-align: top;
        color: #FFF;
        line-height: 30px;
        margin-right: 10px;
    }

input[type="submit"].btnRefresh {
    background: url(images/refresh_white.png) no-repeat left;
    padding-left: 30px;
    color: #FFFFFE;
}

div[id*="PanelConfig"] > input[type="submit"] {
    margin: 15px 0 0 50px;
}

.PanelFilter, #divCommands, #UpdatePanelAio60Status > div, .PanelSites, #BarcodeWrapper, .pnl_Commands {
    margin: 15px 50px;
}

    div[id*="PanelSeverity"] .PanelFilter, .PanelFilter.panelReportList, .DVwrapper .ajax__tab_panel {
        margin: 15px 0;
        display: block;
    }

div[id*="PanelSeverity"] .PanelFilter {
    opacity: 0.5;
}

#siteDetails {
    margin: 15px 50px 40px;
    font-size: 14px;
}

input[type="submit"].filterButton {
    height: 32px;
    width: 80px;
    padding: 0;
    background: #A8CF37 url(images/icon_filter.png) no-repeat center;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.GridViewLogs {
    height: calc(100% - 62px);
    overflow: auto;
}

.PanelFilter > span {
    border: 1px solid #a2b0bb;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

div[id*="PanelSeverity"] .PanelFilter > span, .PanelFilter.panelReportList > span {
    border-radius: 6px;
}

.PanelFilter > span > div {
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid #a2b0bb;
}

    .PanelFilter > span > div > input, .PanelFilter > span > div > select {
        background: #7a8893;
        color: #fff;
        margin: 5px;
        height: 20px;
        min-height: 20px;
        padding: 0 5px;
        width: 120px;
    }

.styledSelect {
    background: none;
    border-bottom: 1px solid #fff;
    color: #fff;
}

    .styledSelect option {
        background: #7a8893;
    }

input[type="text"].styledTextbox {
    background: none;
    border-bottom: 1px solid #FFFFFE;
    color: #FFFFFE;
}

.PanelFilter.panelReportList > span > div > select, .autowidth {
    width: auto;
}

div[id*="PanelSeverity"] .PanelFilter > span > div > select {
    width: 130px;
}

.PanelFilter > span > div:first-child {
    border: none;
}

.panelReportList > span > div:first-child {
    padding: 0 5px;
    line-height: 30px;
}

#PanelBarcode > div {
    padding: 5px;
}

#UpdatePanelAio60Status, #BarcodeWrapper {
    height: 100%;
    overflow: auto;
}

    #UpdatePanelAio60Status > div {
        padding-bottom: 15px;
        border-bottom: 1px solid #5b6a76;
    }

        #UpdatePanelAio60Status > div.siteContainerStatus {
            border: none;
        }

.controllerDetails > div, #TabContainerActions {
    display: inline-block;
    vertical-align: top;
}

.Controllers div.Region a {
    color: #FFF;
    font-size: 64px;
    text-decoration: none;
    text-shadow: 2px 2px 4px #393b4d;
}

.pageTitleWrapper {
    display: block;
    margin-bottom: 15px;
}

.dbk1550 .pageTitleWrapper {
    margin: 0;
}

.pageTitleWrapper > span, .pageTitleWrapper > a {
    display: inline-block;
    vertical-align: top;
    color: #FFFFFE;
    text-shadow: 2px 2px 4px #393b4d;
    text-decoration: none;
    cursor: default;
    line-height: 36px;
}

.parentPageTitle {
    font-size: 19px;
    margin-right: 5px;
}

.pageTitle {
    font-size: 29px;
}

.pageSecTitle {
    display: block;
    color: #FFF;
    font-size: 21px;
    margin-bottom: 15px;
}

.Controllers div.Site a {
    color: #FFF;
    font-size: 25px;
    text-decoration: none;
    text-shadow: 2px 2px 4px #393b4d;
}

.Controllers table, div.Commands_DDL, .TabAssetWrapper, #btnSubmit, .BatteryInfo {
    margin-top: 15px;
}

.Contactdetails {
    float: right;
    margin-top: 15px;
}

    .Contactdetails table td {
        color: #393b4d;
    }

.A60statusPanel {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding-left: 20px;
    border-left: 1px solid #5b6a76;
}

#UpdatePanelAio60Status table td:first-child .A60statusPanel {
    border: none;
    margin-left: 0;
    padding-left: 0;
}

#divCommands > div, .pnl_Commands > div {
    margin: 15px 0;
}

    #divCommands > div > span, .PanelRegionHeader > label, .pnl_Commands > div > label {
        line-height: 28px;
        margin: 0 15px;
        color: #FFFFFE;
        font-size: 14px;
    }

.ptb15 {
    padding: 15px 0;
}

#TabPannelContainerAio60 .ajax__tab_panel table.SyncronazationBoard, .mt15 {
    margin-top: 15px;
}

.SyncronazationBoard td span {
    max-width: 150px;
    white-space: normal;
    height: 36px;
    line-height: 18px;
}

.A60statusPanel > span {
    display: block;
    margin-bottom: 5px;
}

.icon {
    width: 20px;
    height: 20px;
    border-radius: 16px;
    display: inline-block;
    vertical-align: top;
    box-shadow: 2px 2px 4px #393b4d;
}

    .icon.gray {
        background-color: #CCC;
        border: 1px solid #999;
    }

    .icon.red_light {
        background-color: #F00;
        border: 1px solid #C00;
    }

    .icon.green_light {
        background-color: #0f0;
        border: 1px solid #090;
    }

    .icon.Normal {
        background-color: #FFF;
        border: 1px solid #CCC;
    }

    .icon.Critical {
        background-color: #FF3B29;
        border: 1px solid #FF3B29;
    }

    .icon.Minor {
        background-color: #FFEA81;
        border: 1px solid #FFEA81;
    }

    .icon.Warning {
        background-color: #368FFF;
        border: 1px solid #368FFF;
    }

    .icon.Major {
        background-color: #FF7630;
        border: 1px solid #FF7630;
    }

#regionsTree .icon {
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin-right: 5px;
}

.siteStatus {
}

.siteStatusTable, table[id*="FormViewSites"], .inlineTable {
    display: inline-table;
    vertical-align: top;
}

    .siteStatusTable td {
        vertical-align: top;
    }

.SiteStatusLabel {
    color: #393b4d;
}

.SiteStatusLabelValues {
    color: #000;
    min-width: 20px;
}

    .Error, .SiteStatusLabelValues.Error {
        color: #ffd700 !important;
    }

.SiteStatusLabelHighlighted {
    color: #393b4d;
    font-weight: bold;
}

.SiteStatusLabelHighlightedValues {
    color: #000;
    font-weight: bold;
}

#TabPannelContainerAio60 {
    display: inline-block;
    vertical-align: top;
    margin-left: 50px;
}

    #TabPannelContainerAio60 .ajax__tab_header > span:first-child, #TabPannelContainerAio60 .ajax__tab_header > span:last-child,
    #TabContainerActions .ajax__tab_header > span:first-child, #TabContainerActions .ajax__tab_header > span:last-child,
    .TabAssetWrapper .ajax__tab_header > span:first-child, .TabAssetWrapper .ajax__tab_header > span:last-child,
    .UserPanelEdit .ajax__tab_header > span:first-child, .UserPanelEdit .ajax__tab_header > span:last-child,
    .DVwrapper .ajax__tab_header > span:first-child, .DVwrapper .ajax__tab_header > span:last-child {
        padding: 0;
    }

    #TabPannelContainerAio60 .ajax__tab_panel table {
        margin: 0;
    }

        #TabPannelContainerAio60 .ajax__tab_panel table td {
            line-height: normal;
        }

        #TabPannelContainerAio60 .ajax__tab_panel table.DashboardTable {
            border-bottom: 1px solid #5b6a76;
            margin-bottom: 15px;
        }

.ajax__tab_panel table.DashboardTable td {
    text-align: center;
    padding: 15px;
}

.LabelDashboardHeader {
    display: block;
    color: #393b4d;
    padding-bottom: 5px;
}

.LabelDashboardData {
    display: block;
    font-size: 26px;
}

.loading {
    display: block;
    height: 36px;
}

span[id*="LabelAlarms"] {
    display: block;
    margin: 15px 0 0 10px;
}

.Commands_DDL input[type="submit"] {
    margin-left: 10px;
}

.flometerDes {
    background: url(images/FlowMeter/fuelBG.png) no-repeat center;
    width: 320px;
    height: 189px;
    text-align: center;
    margin: 15px auto;
}

    .flometerDes div {
        padding: 60px 0 0 55px;
    }

    .flometerDes .flowmeterlabel {
        display: block;
        padding: 30px 0 0 55px;
    }

div.MenuEdit {
    width: 100%;
    font-size: 14px;
}



    div.MenuEdit ul.level1 {
        width: 100% !important;
        background: #7a8893;
        border-bottom: 1px solid #5b6a76;
    }

    div.MenuEdit li {
        padding: 5px 20px 4px;
        line-height: 30px;
    }

    div.MenuEdit.AIO690 li {
        background: #5b6a76;
    }

    div.MenuEdit li:hover, div.MenuEdit li.activeTab {
        background: #5b6a76;
    }

    div.MenuEdit.AIO690 li.activeTab {
        background: #393b4d;
    }

    /*New Design*/
    div.MenuEdit a {
        background: none !important;
        padding: 0 !important;
        color: #7F899B;
        outline: 0;
        outline-style: none;
    }

    /*div.MenuEdit a {
        background: none !important;
        padding: 0 !important;
        color: #FFFFFE;
        outline: 0;
        outline-style: none;
    }*/

    div.MenuEdit ul.level2 {
        background: #7a8893;
        border: 1px solid #5b6a76;
        box-shadow: 2px 2px 4px #393b4d;
    }

form.editForm {
    height: 100%;
}

input[type="submit"].btnAddNew {
    background: url(images/icon_add.png) no-repeat left;
    padding-left: 25px;
    margin-bottom: 10px;
}

input[type="submit"].btnDeleteNewGrey {
    background: url(images/icon_delete_gray.png) no-repeat left;
    /*padding-left: 25px;*/
    margin-bottom: 10px;
}

#ChangePasswordContainer input[type="submit"].btnAddNewGrey {
    background: url(images/icon_add_grey.png) no-repeat left;
    padding-left: 25px;
    margin-bottom: 10px;
}

input[type="submit"].btnAddNewGrey {
    background: url(images/icon_add_grey.png) no-repeat left;
    padding-left: 25px;
    margin-bottom: 10px;
    color: #444;
}

input[type="button"].btnAddNewTask {
    background: url(images/icon_add.png) no-repeat center;
    width: 20px;
    line-height: 30px;
    font-size: 16px;
    margin: 0 10px;
}

input[type="button"].btnAddNewTag {
    background: url(images/icon_add.png) no-repeat center;
    width: 20px;
    font-size: 16px;
    margin: 0 10px;
}

input[type="button"].RemoveFilter {
    background: #C00 url(images/icon_removefilter.png) no-repeat left;
    padding-left: 26px;
    line-height: 16px;
    border-radius: 15px;
    color: #fff;
    margin: 7px;
}

.PanelsWrapper, .OuterPanelsWrapper {
    font-size: 0;
    height: calc(100% - 40px);
    overflow: auto;
}

.PanelsWrapper10, .OuterPanelsWrapper {
    font-size: 0;
    height: calc(100% - 10px);
    overflow: auto;
}

.maxWrapper {
    font-size: 0;
    height: 100%;
    overflow: auto;
}

.OuterPanelsWrapper .PanelsWrapper {
    overflow: visible;
}

.PanelsGridWrapper, .PanelsGridWrapper > div, .PanelsNewWrapper, .PanelsNewWrapper > div, #PanelBarcode > div,
div[id*="PanelFormViewSites"] > div, .PanelHeight > div, .PanelDocument > div, .PanelView > div {
    display: inline-block;
    vertical-align: top;
}

.PanelsGridWrapper, .PanelsNewWrapper, .PanelRegionsSites, #BarcodeWrapper, .PanelHeight, .PanelDocument, .PanelRegionsSites > table td, .nsm, .gsm, .hybridWrapper {
    font-size: 14px;
    color: #FFFFFE;
}

.PanelRegionsSites {
    margin: 15px 50px 0;
    border-bottom: 1px solid #5b6a76;
    padding-bottom: 15px;
}

.PanelsGridWrapper fieldset > span, .lh30 {
    line-height: 30px;
}

.lh25 {
    line-height: 25px;
    margin-left: 5px;
}

.lh30 {
    margin-right: 5px;
}

.w100p {
    width: 100%;
}

.w100 {
    width: 100px;
}

.w75 {
    width: 75px;
}

.PanelsGridWrapper > div, .GlobalNominal, .gsm {
    margin: 15px 30px 100px 50px;
}

#ctl00_ContentPlaceHolder1_AssetControl1_TabAsset_TabPanel2_EquipmentsControl1_PanelGridMaintenanceEquipments {
    margin: 15px 30px 100px 0;
}

.PanelsNewWrapper.limited {
    width: calc(100% - 400px);
}

.PanelsNewWrapper > div, .nsm {
    margin: 15px 0 40px 15px;
}

    .PanelsNewWrapper > div.TabAssetWrapper {
        width: 725px;
    }

.PanelHeight > div, .PanelDocument > div {
    margin: 15px 0 40px 50px;
}

.ajax__tab_panel .PanelsGridWrapper > div {
    margin: 15px 0 40px;
}

.PanelsNewWrapper fieldset {
    display: inline-block;
    vertical-align: top;
}

.PanelsNewWrapper input[type="image"] {
    margin: 3px;
}

.PanelsNewWrapper input[type="file"] {
    padding: 4px 0;
    width: 175px;
}

.TreeViewRegionsWrapper {
    width: 220px;
}

    .TreeViewRegionsWrapper > div, .PanelTreeViewProcessDetail > div {
        padding: 10px;
        background-color: #dbdfe1;
    }

.treeViewWrapper {
    display: inline-block;
    vertical-align: top;
    max-height: 550px;
    overflow: auto;
    background-color: #dbdfe1;
    font-size: 0;
    padding: 15px 25px 10px 15px;
}

.PanelTreeViewProcessDetail > div {
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
}

.TreeViewMib {
    background-color: #dbdfe1;
    padding: 15px 15px 15px 7px;
    display: inline-block;
    vertical-align: top;
}

    .TreeViewRegionsWrapper table td, .PanelTreeViewProcessDetail table td, .TreeViewMib table td {
        padding: 0;
    }

.treeNode, .ajax__tab_panel .treeViewWrapper table a {
    color: #000;
    font-size: 12px;
    line-height: 22px;
}

    .treeNode a span, .lblTaskName span {
        padding-right: 5px;
        line-height: 22px;
    }

.TreeViewRegionsWrapper table td a, .PanelTreeViewProcessDetail table td a, .ajax__tab_panel .treeViewWrapper table a {
    display: inline-block;
    vertical-align: top;
    min-width: 20px;
    line-height: 22px;
}

.accordionHeader {
    background-color: #5b6a76;
    color: #fff;
    padding: 10px;
    margin-top: 5px;
    cursor: pointer;
}

    .accordionHeader:hover {
        background-color: #393b4d;
    }

.accordionHeaderSelected {
    background-color: #393b4d;
    color: #fff;
    padding: 10px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent {
    background-color: #fff;
    padding: 10px;
}

.accordionMainDivs > div {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}

div[id*="PanelPictures"] {
    width: 400px;
    height: 340px;
}

div[id*="PanelSiteMap"] {
    width: calc(100% - 420px);
    height: 365px;
}

.ajax__tab_panel table.accordionMainTable, table.accordionMainTable {
    width: 100%;
    margin: 0 0 10px 0;
}

    .ajax__tab_panel table.accordionMainTable a, table.accordionMainTable a {
        padding: 0;
        text-decoration: none;
    }

    .ajax__tab_panel table.accordionMainTable p, table.accordionMainTable p {
        display: inline-block;
        vertical-align: top;
        margin-left: 5px;
        color: blue;
        cursor: pointer;
    }

    .ajax__tab_panel table.accordionMainTable td, table.accordionMainTable td {
        line-height: 20px;
    }

.accordionContent table.accordionTable {
    margin: 15px;
    border: 1px solid #a2b0bb;
}

    .accordionContent table.accordionTable tr:first-child td, .accordionContent table.accordionTable tr.tr_2nd td {
        background-color: #dbdfe1;
        color: #393b4d;
        line-height: 46px;
        border-bottom: 4px solid #7a8893;
        white-space: nowrap;
        padding: 0 10px;
    }

    .accordionContent table.accordionTable td {
        border-left: 1px solid #a2b0bb;
    }

.accordionContent table.ContactTable td {
    border: 1px solid #a2b0bb;
}

.accordionContent table.accordionTable td:first-child {
    border-left: none;
}

.accordionContent table.accordionTable#tabledivDocuments tbody tr td img {
    max-width: 20px;
    max-height: 20px;
}

.Create_aioUserWizard, .PanelRegionHeader, .bottom15, input[type="submit"].bottom15, .PanelsGridWrapper > div.bottom15 {
    margin-bottom: 15px;
}

    .Create_aioUserWizard .Error, .Create_aioUserWizard td[colspan="2"] {
        padding: 0;
        line-height: 30px;
        width: auto;
    }

    .Create_aioUserWizard li {
        margin-bottom: 10px;
    }

        .Create_aioUserWizard li span {
            width: 100px;
            line-height: 30px;
        }

    .Create_aioUserWizard td {
        text-align: left !important;
    }

        .Create_aioUserWizard td input[type="submit"] {
            margin-right: 10px;
        }

    .Create_aioUserWizard > tbody > tr td[align="right"] {
        padding: 0;
    }

.PanelLeftBorder {
    display: inline-block;
    vertical-align: top;
    padding-left: 25px;
    border-left: 1px solid #5b6a76;
}

    .PanelLeftBorder fieldset {
        margin: 0;
    }

#ctl00_ContentPlaceHolder1_ManufacturersControl1_PanelContacts,
#ctl00_ContentPlaceHolder1_AssetControl1_TabAsset_TabPanel2_EquipmentsControl1_PanelSupplier {
    margin-left: 15px;
}

.radioTable, .ajax__tab_panel .radioTable {
    background-color: #5b6a76;
    margin-bottom: 15px;
    border-radius: 15px;
}

td .radioTable {
    margin: 0;
}

.radioTable td, .ajax__tab_panel .radioTable td {
    padding: 0;
    line-height: normal;
}

.radioTable label, .ajax__tab_panel .radioTable label {
    padding: 5px 10px;
    color: #fff;
    cursor: pointer;
}

.radioTable input[type="radio"], .ajax__tab_panel .radioTable input[type="radio"] {
    position: absolute;
    opacity: 0;
}

    .radioTable input[type="radio"]:disabled + label, .ajax__tab_panel .radioTable input[type="radio"]:disabled + label {
        color: #ccc;
    }

    .radioTable input[type="radio"]:checked + label, .ajax__tab_panel .radioTable input[type="radio"]:checked + label {
        background-color: #393b4d;
        border-radius: 15px;
    }

.PanelAlert .radioTable {
    margin: 15px 0 0;
}

.userProperties span {
    width: 120px;
}

.PanelEditUsers input[type="submit"] {
    margin: 10px 5px 0 0;
}

.PanelTopBorder {
    display: block;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #5b6a76;
}

.floating .PanelsGridWrapper > div,
.floating .PanelsNewWrapper > div,
.floating .gsm,
.floating .nsm {
    margin: 0;
}

#ctl00_ContentPlaceHolder1_EquipmentTypesControl1_ManufacturersControl1_ContactsControl1_PanelDetailsContacts {
    margin: 0 0 0 15px;
}

#ctl00_ContentPlaceHolder1_EquipmentTypesControl1_ManufacturersControl1_PanelContacts, #sitesMapWrapper, .FormViewSiteDocumentForm, .imgBigFile, .pib {
    display: inline-block;
    vertical-align: top;
}

.imgBigFile {
    max-height: 300px;
    max-width: 600px;
}

#sitesMapWrapper {
    max-height: 500px;
    width: 1000px;
    overflow: hidden;
}

#ctl00_ContentPlaceHolder1_PanelBatteryInfo td table th, .GlobalNominal th {
    padding: 0 10px;
}

.PanelProcessComment {
    margin: 10px 0;
}

.whiteTextarea {
    margin: 5px 0;
}

.PaddingRight {
    padding: 10px 20px 0 0;
}

    .PaddingRight > span {
        margin-bottom: 5px;
        font-size: 16px;
    }

/*
    @@ Nir 21/12/2023

    This is old, and really annoying.
    Since I am using Bootstrap.
    Seems like no one is using this.
*/
/*.row > div {
    display: inline-block;
    vertical-align: top;
    margin: 20px 0 0 20px;
    padding: 20px;
    border-radius: 8px;
    background: #5b6a76;
}

    .row > div > span {
        display: block;
        background: #7a8893;
        padding: 5px 10px;
        color: #FFFFFE;
        font-size: 18px;
        font-weight: bold;
        width: 158px;
    }

    .row > div > img {
        height: 80px;
        display: block;
        margin: 30px auto;
    }

    .row > div#PanelOthers > img {
        margin: 15px auto;
    }

    .row > div > select {
        width: 140px;
        min-height: 20px;
    }*/

#ddlOthersCategory {
    display: block;
    margin-bottom: 2px;
}

.PanelsGridWrapper > div.ElectricityTarif100hPanel {
    margin: 15px 0 40px 50px;
}

.tamritzTaozTable > tbody > tr > td {
    padding: 0 80px 0 0;
}

.ElectricityTarif100hPanel td table td {
    min-width: 70px;
}

.ElectricityTarif100hPanel td > div {
    margin-bottom: 20px;
}

.tamritzTaozTable > tbody > tr > td > span {
    margin: 0 1px 0 0;
    font-size: 16px;
    background-color: #393b4d;
    border-bottom: 4px solid #7a8893;
    padding: 5px 10px;
    display: block;
}

.ajax__tab_panel div.ajax__calendar table td, .ajax__calendar {
    padding: 0;
    line-height: normal;
}

div[id$="TabPanelElectricity"].ajax__tab_panel {
    padding-bottom: 150px;
}

.ajax__tab_panel div.ajax__calendar table td > div {
    margin: 0;
}

.LockedUser {
    color: #999 !important;
    text-decoration: line-through !important;
}

.circle {
    height: 20px;
    width: 20px;
    border: 2px solid #000;
    border-radius: 15px;
    text-align: left;
}

.line_c {
    height: 2px;
    width: 20px;
    margin: 9px 0;
}

.genstatus.green .line_c, .genstatus.red .line_c, .genstatus.orange .line_c {
    animation: rotateh 2s linear infinite;
    -moz-animation: rotateh 2s linear infinite;
    -webkit-animation: rotateh 2s linear infinite;
    -o-animation: rotateh 2s linear infinite;
}

.line {
    height: 2px;
    width: 10px;
    background-color: #000;
}

.genstatus.gray .circle, .genstatus.grey .circle {
    border-color: #666;
}

.genstatus.gray .line, .genstatus.grey .line {
    background-color: #666;
}

.genstatus.green .circle {
    border-color: #0C0;
}

.genstatus.green .line {
    background-color: #0C0;
}

.genstatus.red .circle {
    border-color: #C00;
}

.genstatus.red .line {
    background-color: #C00;
}

.genstatus.orange .circle {
    border-color: #666;
}

.genstatus.orange .line {
    background-color: #666;
}

@keyframes rotateh {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotateh {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-moz-keyframes rotateh {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes rotateh {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.userAccessWrapper > span {
    padding-left: 15px;
    font-size: 21px;
}

.scrollableTableWrapper {
    max-height: 540px;
    overflow: auto;
}

table.scrollableTable {
    margin: 0 20px 0 0;
}

.PanelSearchFilter {
    margin-bottom: 5px;
    height: 30px;
    line-height: 30px;
}

#panelFile {
    padding: 10px;
}

.divLine {
    color: #fff;
    margin-bottom: 5px;
    line-height: 30px;
}

    .divLine select {
        vertical-align: top;
        height: 30px;
    }

    .divLine label, .w100 {
        width: 100px;
    }

    .divLine textarea {
        display: inline-block;
        vertical-align: top;
        margin: 0;
    }

    .divLine input[type="file"] {
        width: 200px;
        margin-top: 5px;
    }

.PanelHeader {
    margin-bottom: 5px;
    height: 30px;
    line-height: 30px;
    font-size: 21px;
    display: block;
}

.PanelSearchFilter span {
    font-size: 21px;
}

.PanelSearchFilter .searchIcon {
    float: right;
    height: 30px;
}

.PanelSearchFilter input[type="text"] {
    float: right;
    background: #5b6a76;
    color: #fff;
}

.PanelUserList .PanelSearchFilter {
    margin: 0;
    height: 35px;
}

.listAlerts {
    max-height: 550px;
    width: 470px;
    overflow: auto;
}

    .listAlerts a {
        color: #fff;
        line-height: 20px;
    }

.PanelsGridWrapper > div.panelAddRole {
    display: block;
    margin: 15px 0 0 50px;
}

.dbk1550 {
    display: block !important;
    margin: 15px 0 0 50px !important;
}

.GridViewParameter td, .GridViewParameter th {
    border: none;
}

.GridViewParameter th {
    text-align: left;
    padding: 0 10px;
    font-weight: normal;
}

    .GridViewParameter th a {
        text-decoration: none;
    }

#reportsTopBar {
    height: 39px;
    font-size: 14px;
    border-bottom: 1px solid #5b6a76;
}

#reportsBar {
    height: 40px;
    font-size: 14px;
    border-bottom: 1px solid #5b6a76;
}

    #reportsBar span {
        line-height: 40px;
        margin: 0 5px;
        color: #fff;
    }

    #reportsBar #ddlOthersCategory, #reportsBar select {
        display: inline-block;
        vertical-align: top;
        margin: 5px;
        height: 30px;
        width: auto;
    }

#reportsContents {
    height: calc(100% - 41px);
    overflow: auto;
}

    #reportsContents span {
        display: block;
        color: #fff;
    }

    #reportsContents a[id*="ButtonLink"] span, .RadioPanel {
        display: inline-block;
    }

    #reportsContents div[id*="divDropDown"] table {
        margin-right: 20px;
    }

    #reportsContents div[id*="divDropDown"] span, #reportsContents div[id*="divDropDown"] > span > div {
        color: #000;
        min-width: 132px;
    }

    #reportsContents div[id*="divDropDown"] td > span {
        padding: 5px;
        font-size: 16px;
    }

.ReportingServicesViewer {
    width: 100% !important;
    height: 100% !important;
}

#ReportingServicesViewer_fixedTable {
    width: 100%;
    table-layout: fixed;
}

#ParametersRowReportingServicesViewer select {
    height: 30px;
}

#ParametersRowReportingServicesViewer > td:first-child, .pd15 {
    padding: 15px;
}

#ParametersRowReportingServicesViewer + tr td {
    background-color: #5b6a76 !important;
    font-size: 0;
}

#ParametersRowReportingServicesViewer + tr + tr > td {
    padding: 0;
}

    #ParametersRowReportingServicesViewer + tr + tr > td > div, #ReportingServicesViewer_Toolbar > div {
        background: #dbdfe1 !important;
        border: none !important;
        margin: 0;
    }

#ParametersRowReportingServicesViewer + tr + tr td > div[id*="Menu"] {
    background: #dbdfe1 !important;
}

#ParametersRowReportingServicesViewer table, #ReportingServicesViewer_ctl05 table, #ReportingServicesViewer_Toolbar table {
    width: auto;
    background: none !important;
    padding: 0 !important;
    border: none !important;
    color: #fff;
}

    #ParametersRowReportingServicesViewer table td, #ReportingServicesViewer_ctl05 table td, #ReportingServicesViewer_Toolbar table td {
        border: none !important;
        padding: 4px !important;
    }

        #ReportingServicesViewer_ctl05 table td > div, #ReportingServicesViewer_ctl04, #ReportingServicesViewer_ToggleParam, #ReportingServicesViewer_Toolbar table td > div {
            margin: 0;
        }

tr[isparameterrow="true"] > td div, .relative {
    position: relative;
}

#reportsContents tr[isparameterrow="true"] > td > div > span {
    position: absolute;
    top: 6px;
    right: 5px;
    color: #000;
}

tr[isparameterrow="true"] div[onactivate] input[type="text"] {
    padding-right: 35px;
    width: 124px;
}

tr[isparameterrow="true"] input[type="image"] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 6px;
}

.settingsTopHeader, .RadioPanel {
    border-bottom: 1px solid #5b6a76;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

    .settingsTopHeader span {
        line-height: 30px;
        margin-right: 5px;
    }

    .settingsTopHeader select {
        height: 30px;
    }

.timeSelect select {
    width: 50px;
}

.timeSelect span {
    line-height: 30px;
}

.RepeaterSMS {
    min-width: 300px;
    max-height: 450px;
    overflow: auto;
    background-color: #dbdfe1;
    padding: 10px 15px;
    margin: 10px 0;
    color: #444;
}

    .RepeaterSMS div {
        margin: 5px 0;
    }

    .RepeaterSMS span {
        margin-bottom: 5px;
        font-weight: bold;
    }

#bt_max {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 30px;
    height: 30px;
    border: none;
    cursor: pointer;
    z-index: 1000;
}

form.maximized .rowHeader {
    margin-top: -80px;
}

form.maximized #ContentView {
    height: 100%;
}

form.maximized #treeview {
    margin-left: -220px;
}

form.maximized #mainView {
    width: 100%;
}

.PanelRelative, .PanelsNewWrapper {
    position: relative;
}

    .PanelRelative .PanelsNewWrapper > div {
        margin: 0;
    }

.floating {
    position: absolute;
    z-index: 100;
    top: 30px;
    left: 30px;
    padding: 15px;
    background: #7a8893;
    box-shadow: 0 0 20px 5px #393b4d;
}

    .floating .PanelsWrapper {
        overflow: visible;
    }

.PanelsNewWrapper > div.bm100 {
    margin-bottom: 100px;
}

div[id*=PanelDetailsAssets] {
    margin-left: 50px;
}

.bt_MyUpload, input[type="file"].bt_MyUpload {
    opacity: 0;
    width: 141px;
    height: 39px;
    cursor: pointer;
}

div.StyledUpload {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    font-family: "Aller", Arial, Sans-Serif;
    background: #5b6a76;
    font-size: 16px;
    padding: 10px 20px;
    margin-bottom: 5px;
    color: #FFF;
    cursor: pointer;
}

input[type="file"].bt_MyUpload:hover + div.StyledUpload {
    background-color: #393b4d;
}

.bt_Template {
    text-decoration: none;
    margin-bottom: 10px;
}

a.bt_Template {
    font-size: 1em;
    text-align: left;
    color: blue;
    background: none;
    margin: 0 0 10px auto;
    padding: 0;
    border: none;
    cursor: pointer;
    -moz-user-select: text;
}

a.bt_Template {
    text-decoration: none;
}

    a.bt_Template:hover,
    a.bt_Template:focus {
        color: black;
    }

.bt_Refresh {
    margin-top: 3px;
}

#uploadedFileName {
    line-height: 40px;
    margin-left: 5px;
}

#NewTaskPanel {
    overflow: hidden;
    max-height: 0;
    box-shadow: 0 40px 40px -40px #393b4d;
}

    #NewTaskPanel.Show {
        max-height: 200px;
    }

    #NewTaskPanel > div {
        padding: 15px 50px;
    }

    #NewTaskPanel select {
        width: auto;
        height: 40px;
        font-size: 16px;
        margin-right: 10px;
        color: #393b4d;
    }

    #NewTaskPanel input[type="text"] {
        padding: 5px 10px;
        line-height: 30px;
        font-size: 16px;
        margin-right: 10px;
        color: #393b4d;
    }

    #NewTaskPanel .pageTitleWrapper {
        margin-bottom: 10px;
    }

    #NewTaskPanel .buttonBar {
        margin-top: 5px;
    }

form[action="Tasks.aspx"] #mainView {
    height: 100%;
}

#GridTaskPanel {
    overflow: auto;
    height: calc(100% - 40px);
}

    #GridTaskPanel.newTaskOpen {
        height: calc(100% - 196px);
    }

.Severity.Urgent {
    color: #ff5b00;
}

tr.Completed {
    text-decoration: line-through;
}

.TestPanel {
    display: inline-block;
    padding: 15px;
    margin-top: 15px;
    background-color: #dbdfe1;
    color: #444;
}

#divHybridChart > div.hybridWrapper {
    height: auto;
}

.chartSidebar {
    display: inline-block;
    vertical-align: top;
    padding: 0 50px;
}

    .chartSidebar > div {
        margin-bottom: 15px;
    }

.displayType li {
    margin-bottom: 5px;
}

#myChart, #myChartbyday {
    display: inline-block;
    vertical-align: top;
    background: none;
}

.PanelScheduleDetails li, .radiolistType, .MonthRadioButtonList, .monthRepeatSelectorUP > div {
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}

.scheduleDetailsUP > div {
    display: inline-block;
    vertical-align: top;
    padding: 15px;
    border: 1px solid #fff;
}

.PanelScheduleDetails .radiolistType li, .MonthRadioButtonList li {
    display: block;
    line-height: 30px;
}

.MonthRadioButtonList li {
    padding-top: 25px;
}

    .MonthRadioButtonList li label {
        font-size: 0;
    }

.CheckBoxListMonthName {
    width: 400px;
    font-size: 0;
    white-space: normal;
}

    .CheckBoxListMonthName li {
        width: 90px;
        padding: 5px;
        font-size: 14px;
    }

.CheckBoxListMonth {
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
}

.serverErrorMessage {
    max-width: 800px;
    white-space: normal;
    word-wrap: break-word;
}

message, productname {
    display: block;
    margin-bottom: 5px;
}

errorcode, httpstatus, helplink, productversion, productlocaleid, operatingsystem, countrylocaleid, moreinformation, warnings {
    display: none;
}

#ctl00_ContentPlaceHolder1_dvup {
    min-width: 1520px;
}

.Gauge {
    position: relative;
    margin-left: 20px;
    width: 400px;
    height: 400px;
}

.GaugeBack, .GaugeNeedle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    transition: all 1.5s;
}

.GaugeName {
    position: absolute;
    bottom: 100px;
    text-align: center;
    left: 0;
    right: 0;
    font-size: 16px;
    color: #fff;
}

.GaugeLight {
    height: 36px;
    width: 36px;
    border-radius: 20px;
    position: absolute;
    bottom: 35px;
    left: 50%;
    margin-left: -18px;
}

.lbRed {
    color: #bf0323;
}

.lbGreen {
    color: #00b214;
}

.GaugeLight.lbRed {
    background: #bf0323;
    background: -moz-radial-gradient(center, ellipse cover, #bf0323 0%, #6d0019 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#bf0323), color-stop(100%,#6d0019));
    background: -webkit-radial-gradient(center, ellipse cover, #bf0323 0%,#6d0019 100%);
    background: -o-radial-gradient(center, ellipse cover, #bf0323 0%,#6d0019 100%);
    background: -ms-radial-gradient(center, ellipse cover, #bf0323 0%,#6d0019 100%);
    background: radial-gradient(ellipse at center, #bf0323 0%,#6d0019 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf0323', endColorstr='#6d0019',GradientType=1 );
}

.GaugeLight.lbGreen {
    background: #00b214;
    background: -moz-radial-gradient(center, ellipse cover, #00b214 0%, #006e2e 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#00b214), color-stop(100%,#006e2e));
    background: -webkit-radial-gradient(center, ellipse cover, #00b214 0%,#006e2e 100%);
    background: -o-radial-gradient(center, ellipse cover, #00b214 0%,#006e2e 100%);
    background: -ms-radial-gradient(center, ellipse cover, #00b214 0%,#006e2e 100%);
    background: radial-gradient(ellipse at center, #00b214 0%,#006e2e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b214', endColorstr='#006e2e',GradientType=1 );
}

#divEfficiency .chartSidebar {
    padding: 0 0 0 20px;
}

#divEfficiency table.styledTable {
    display: inline-table;
    vertical-align: top;
    margin: 0 0 0 20px;
}

    #divEfficiency table.styledTable td {
        border: 1px solid #7a8893;
        line-height: 26px;
        text-align: center;
        min-width: 75px;
    }

        #divEfficiency table.styledTable td.tdhead {
            background: #dbdfe1;
        }

        #divEfficiency table.styledTable td > input[type="checkbox"] {
            margin: 7px 0 6px;
        }

#divPanelBattery canvas {
    margin: 0 0 0 20px;
}

#divMain {
    height: calc(100% - 40px);
    position: relative;
}

.mainSidebar {
    padding: 20px;
    display: inline-block;
    position: relative;
    z-index: 10;
}

/*.filterSidebar {
    padding: 20px;
    display: inline-block;
    position: relative;
    z-index: 10;
    padding-left: 250px !important;
}*/

input[type="button"].bt_Main {
    background: #fff url("images/ddl.png") no-repeat right;
    color: #4d4d4d;
    padding: 10px 30px 10px 20px;
}

#ChartsList {
    height: 440px;
    width: 300px;
    margin-top: 5px;
}

#pnl_Charts {
    width: 290px;
    height: 389px;
    padding: 5px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
}

    #pnl_Charts div {
        padding: 5px;
    }

        #pnl_Charts div input[type="checkbox"] {
            margin: 3px 6px 3px 0;
        }

            #pnl_Charts div input[type="checkbox"] + label {
                line-height: normal;
                font-size: 16px;
                color: #4d4d4d;
            }

/*@@ Nir: 16.07.2020 Dynamic charts*/
/*input[type="submit"].bt_SaveCharts {
{
    display: block;
    background: #fff;
    border-top: 1px solid #ccc;
    width: 100%;
    line-height: 30px;
    color: #4d4d4d;
}*/
input[type="button"].bt_SaveCharts {
    display: block;
    border-top: 1px solid #ccc;
    width: 100%;
    line-height: 30px;
    margin-top: 40px;
    width: 312px;
    padding: 10px;
    z-index: 11;
    border: 5px solid white;
}

.mainWorkspace {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.chart {
    position: absolute;
    z-index: 5;
    background: #fff;
    border-radius: 10px;
    padding: 3px;
    box-shadow: 0 0 10px #000;
}

.C3chart .C3title {
    position: relative;
    height: 20px;
    background: #393b4d;
    /*margin-bottom: 10px;*/
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    color: white;
    font-size: 14px;
}

.C3chart_Group_color {
    background-color: #393b4d;
    color: #fff;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    display: block;
    line-height: 30px;
    padding: 0 10px;
    font-size: 16px;
    width: 230px;
}

.C3chartSidebar {
    display: inline-block;
    vertical-align: top;
    padding: 0 50px;
}

    .C3chartSidebar > div {
        margin-bottom: 15px;
    }

.C3chart {
    position: absolute;
    z-index: 5;
    background: #fff;
    border-radius: 10px;
    padding: 3px;
    box-shadow: inset 0 0 3px #000;
}


    .C3chart .WrapperDiv {
        margin: 15px;
        height: calc(100% - 20px);
        overflow: auto;
    }

    .C3chart .c3-axis-y text {
        font-size: 12px;
        fill: #393b4d;
    }

    .C3chart .c3-axis-y2 text {
        font-size: 12px;
        fill: #393b4d;
    }

    .C3chart .c3-axis-x text {
        font-size: 12px;
        fill: #393b4d;
    }

    .C3chart .c3-legend-item {
        font-size: 12px;
        fill: #393b4d;
    }

    .C3chart .c3-text {
        fill: #393b4d !important;
        font-size: 12px;
    }

    .C3chart .c3-line {
        stroke-width: 4px !important;
    }

    .C3chart .div_more_C3chart {
        display: none;
        position: absolute;
        top: 25px;
        right: 0;
        margin: 0 13px;
        max-height: 350px;
        background-color: #fff;
        overflow: auto;
        box-shadow: 0 0 5px #000;
        color: black;
        z-index: 10;
    }


.div_more_C3chart > div {
    margin: 15px;
}

    .div_more_C3chart > div > div {
        padding: 5px 10px;
    }

    .div_more_C3chart > div > span {
        display: block;
        font-size: 14px;
        padding: 5px 0;
    }

.bt_more_C3chart {
    float: right;
    margin-right: 10px;
    margin-top: 0px;
    height: 20px;
    width: 24px;
    background: url(images/more.png) no-repeat center !important;
    cursor: pointer;
    background-size: contain !important
}

.bt_zoom_C3chart {
    float: right;
    margin-right: 10px;
    margin-top: 2px;
    height: 15px;
    width: 22px;
    background: url(images/chart_expend.png) no-repeat center !important;
    cursor: pointer;
    background-size: contain !important;
}


.bt_zoom_C3chart_collapse {
    float: right;
    margin-right: 10px;
    margin-top: 2px;
    height: 15px;
    width: 22px;
    background: url(images/chart_collapse.png) no-repeat center !important;
    cursor: pointer;
    background-size: contain !important;
}


.bt_close_C3chart {
    float: right;
    margin-right: 10px;
    margin-top: 3px;
    height: 15px;
    width: 24px;
    background: url(images/float_close_hover.png) no-repeat center !important;
    cursor: pointer;
}

.bt_dock_C3chart {
    float: right;
    margin-right: 10px;
    margin-top: 3px;
    height: 15px;
    width: 24px;
    background: url(images/dock.png) no-repeat center !important;
    cursor: pointer;
}

.bt_undock_C3chart {
    float: right;
    margin-right: 10px;
    margin-top: 3px;
    height: 15px;
    width: 24px;
    background: url(images/dockFloat.png) no-repeat center !important;
    cursor: pointer;
}


.bt_plus_C3chart {
    float: right;
    margin-right: 10px;
    margin-top: 3px;
    height: 15px;
    width: 24px;
    background: url(images/001-zoom-in.png) no-repeat center !important;
    background-size: 66% !important;
    background-position: 0% 0% !important;
    cursor: pointer;
}

.bt_minus_C3chart {
    float: right;
    margin-right: 10px;
    margin-top: 3px;
    height: 15px;
    width: 24px;
    background: url(images/002-zoom-out.png) no-repeat center !important;
    background-size: 66% !important;
    background-position: 0% 0% !important;
    cursor: pointer;
}

.bt_collapse_C3chart {
    margin-right: 10px;
    margin-top: 3px;
    height: 15px;
    width: 24px;
    background: url(images/ManagementScreen/Up_White.png) no-repeat center !important;
    background-size: 66% !important;
    background-position: 0% 0% !important;
    cursor: pointer;
}

.bt_expand_C3chart {
    margin-right: 10px;
    margin-top: 3px;
    height: 15px;
    width: 24px;
    background: url(images/ManagementScreen/Down_White.png) no-repeat center !important;
    background-size: 66% !important;
    background-position: 0% 0% !important;
    cursor: pointer;
}

.chartTitle {
    font-size: x-large;
    width: 100%;
    text-align: center;
    height: 30px;
}

#dashboardItems {
    height: 100%;
    background: rgba(122,136,130, 0.2);
}


/*.WrapperDiv {
    width: 98vw;
    margin: 15px;
    height: calc(100% - 20px);
    overflow: auto;
}*/
#MapWrapper {
    height: calc(100% - 66px);
}

.financeSidebar {
    width: 180px;
    padding: 20px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

    .financeSidebar table td {
        padding: 5px 0;
    }

.financeWorkspace {
    width: calc(100% - 260px);
    height: calc(100% - 40px);
    padding: 20px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

    .financeWorkspace .chart {
        width: 100%;
        height: 100%;
        background: none;
        border-radius: 0;
        box-shadow: none;
        padding: 0;
        position: static;
    }

        .financeWorkspace .chart .title {
            display: none;
        }

#Chart_Logo.chart, #Chart_StatusBar.chart {
    background: none;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
}

    #Chart_Logo.chart:hover, #Chart_StatusBar.chart:hover {
        box-shadow: 0 0 10px #000;
    }

.chart .title {
    position: relative;
    height: 50px;
    background: #C00;
    margin-bottom: 10px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
}

    .chart .title > span {
        padding: 0 15px;
        line-height: 50px;
        font-size: 18px;
        color: #fff;
    }

.C3chart .C3title > span {
    padding: 0 15px;
    line-height: 50px;
    font-size: 14px;
    color: #fff;
}

.chart .bt_more, .chart .bt_more:hover, .chart .bt_color, .chart .bt_color:hover {
    float: right;
    margin: 13px;
    height: 24px;
    width: 24px;
    background: url(images/more.png) no-repeat center;
    cursor: pointer;
}

    .chart .bt_color, .chart .bt_color:hover {
        background: url(images/color.png) no-repeat center;
    }

    .chart .bt_more[disabled] {
        opacity: 0.5;
    }

.chart .div_more {
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    margin: 0 13px;
    max-height: 350px;
    background-color: #fff;
    overflow: auto;
    box-shadow: 0 0 5px #000;
}

.chart .div_color {
    display: none;
    position: absolute;
    top: 40px;
    width: 20px;
    height: 110px;
    background-color: #fff;
    box-shadow: 0 0 5px #000;
}

    .chart .div_color .tc {
        margin: 2px;
        height: 16px;
        width: 16px;
    }

.chart .WrapperDiv {
    margin: 15px;
    height: calc(100% - 80px);
    overflow: auto;
}

.chart .styledTable th, .chart .styledTable td {
    max-width: 200px;
    overflow: hidden;
    padding: 0 5px;
    font-size: 12px;
    line-height: 30px;
}

.tc.orange {
    background: #ff5b00;
}

.tc.green {
    background: #005b00;
}

.tc.blue {
    background: #005bff;
}

.tc.purple {
    background: #ff5bff;
}

.tc.red {
    background: #ff0000;
}

.tc.magenta {
    background: #ff005b;
}

.innerChart {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 3);
    height: calc(100% - 60px);
}

.div_more > div {
    margin: 15px;
}

    .div_more > div > div {
        padding: 5px 10px;
    }

    .div_more > div > span {
        display: block;
        font-size: 14px;
        padding: 5px 0;
    }

.ajax__tab_panel .div_more table {
    margin: 15px 30px 15px 20px;
}

    .ajax__tab_panel .div_more table tr {
        border-top: 1px solid #dfdfdf;
    }

        .ajax__tab_panel .div_more table tr:first-child {
            border: none;
        }

    .ajax__tab_panel .div_more table a {
        padding: 0;
    }

#form1.TW {
    overflow: auto;
}

.TWwrapper {
    padding: 20px;
}

#Chart_RegionSelect .WrapperDiv > label {
    line-height: 30px;
    padding: 0 10px;
}

.statusTypeDiv {
    Display: inline-block;
    vertical-align: top;
}

.DDL_Regions {
    font-size: 14px;
    color: #4d4d4d;
    border: 1px solid #ccc;
    background: url("images/ddl.png") no-repeat right;
}

.DemiDDL, .DisabledDDL {
    min-width: 154px;
    padding: 5px;
    line-height: 18px;
    border: 1px solid #ccc;
    font-size: 14px;
    color: #4d4d4d;
    background: url("images/ddl.png") no-repeat right;
}

.DemiDDLC3, .DisabledDDL {
    min-width: 154px;
    padding: 5px;
    line-height: 18px;
    font-size: 14px;
    background: url("images/menu.png") no-repeat left;
    min-height: 20px;
}


.DemiDDL_ListProjectStatus, .DisabledDDL {
    min-width: 154px;
    padding: 5px;
    line-height: 18px;
    font-size: 14px;
    min-height: 20px;
}


.DemiDDL_ListSiteStatusType, .DisabledDDL {
    min-width: 154px;
    padding: 5px;
    line-height: 18px;
    font-size: 14px;
    min-height: 20px;
}



.CBL_SiteStatus, .DemiDDL_List {
    height: 300px;
    overflow: auto;
    display: none;
    position: absolute;
    z-index: 100;
    background: #fff;
    width: 152px;
    padding: 5px;
    border: 1px solid #ccc;
    resize: both;
}

    .CBL_SiteStatus li, .DemiDDL_List li {
        padding: 5px;
    }

input[type="submit"].BT_SiteStatus {
    line-height: 20px;
    margin-left: 10px;
}

.lb_NoData {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 50px;
    margin-top: -25px;
    z-index: 10;
    font-size: 48px;
    text-align: center;
    opacity: 0.3;
    color: #4d4d4d;
}

.marquee {
    font-size: 24px;
    color: #fff;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

    .marquee span {
        display: inline-block;
        padding-left: 100%; /* show the marquee just outside the paragraph */
        animation: marquee 50s linear infinite;
    }

        .marquee span:hover {
            animation-play-state: paused;
        }

#basicMap {
    width: 100%;
    height: calc(100% - 60px);
    overflow: hidden;
}

.GridViewAlerts.styledTable a {
    padding: 0 5px;
}

.GridViewAlerts.styledTable {
    font-size: 12px;
}

table.GridViewAlerts.styledTable td {
    font-size: 12px;
}


.GridViewStatistic.styledTable a {
    padding: 0 5px;
}

.GridViewStatistic.styledTable {
    font-size: 12px;
}

table.GridViewStatistic.styledTable td {
    font-size: 12px;
}



.GridViewStatisticAlertCode.styledTable a {
    padding: 0 5px;
}

.GridViewStatisticAlertCode.styledTable {
    font-size: 12px;
}

table.GridViewStatisticAlertCode.styledTable td {
    font-size: 12px;
}

.Alerts.PanelsWrapper {
    display: inline-block;
}

.ajax__tab_panel .Alerts.PanelsWrapper {
    height: 100%;
}

.Alerts.PanelsWrapper > div {
    margin: 15px 15px 0 15px;
}

#EntriesNum {
    position: absolute;
    : 150px;
    left: 50%;
    margin-left: -75px;
    line-height: 27px;
    text-align: center;
    color: #393b4d;
}

.Alerts_PanelGridView {
    overflow: auto;
    height: calc(100% - 200px);
}

.Tickets_PanelGridView {
    overflow: auto;
    height: calc(100% - 270px);
}

.Alerts_PanelFilter input[type="text"].styledTextbox {
    width: 75px;
}

.Alerts_PanelFilter .DDL_Regions {
    border: none;
    background-color: #fff;
    width: 100%;
}

.DemiDDL_Wrapper {
    margin: 0;
    position: relative;
}


.DemiDDLC3_Wrapper {
    margin: 0;
    position: relative;
}

.Dashboard_PanelFilter .DemiDDL, .Dashboard_PanelFilter .DisabledDDL {
    border: none;
    background-color: #fff;
    line-height: 20px;
}

.Alerts_PanelFilter .DemiDDL, .Alerts_PanelFilter .DisabledDDL {
    border: none;
    background-color: #fff;
    line-height: 20px;
}

.spFrom {
    margin-right: 5px;
}

input[type="text"].TB_ID, .DemiDDL_List, td[colspan="3"] input[type="text"], #txt_Action {
    width: calc(100% - 10px);
}

tr.AlertActionID, tr.Site, tr.AlertCode, tr.Severity, tr.Acknowledge, tr.Type,
tr.TicketUser, tr.SiteStatus, tr.ProjectStatus, tr.TB_ID, tr.txt_Journal, tr.txt_Action,
tr.CBL_Status, tr.CBL_SiteStatus, tr.Category, tr.Assign, tr.CTI_Type, tr.Item, tr.DDL_CreateTicketBy, tr.DDL_AlertCode, tr.ctl00_ContentPlaceHolder1_ctl00_DDL_Regions, tr.DDL_MaintenanceCompany, tr.DDL_Action {
    display: none;
}

.lb_AlertActionID {
    display: block;
    padding: 0 10px;
    background-color: #ececec;
    color: #5b6a76 !important;
}

.styledTable td.lhn {
    line-height: normal;
}

.Alerts_PanelActions > table, .ajax__tab_panel .Alerts_PanelActions > table.radioTable {
    display: inline-table;
    margin: 0 20px;
}

input[type="button"].bt_exportToExcel {
    width: 24px;
    height: 24px;
    background: url("images/bt_exportToExcelNew.png") no-repeat center;
}

input[type="submit"].bt_exportToExcel {
    width: 24px;
    height: 24px;
    background: url("images/bt_exportToExcelNew.png") no-repeat center;
}

input[type="button"].bt_chart {
    width: 27px;
    height: 22px;
    background: url("images/bt_chart.png") no-repeat center;
}

input[type="submit"].bt_chart {
    width: 27px;
    height: 22px;
    background: url("images/bt_chart.png") no-repeat center;
}

input[type="button"].bt_treeExportToExcel {
    width: 24px;
    height: 24px;
    background: url("images/bt_exportToExcelGray.png") no-repeat center;
}

input[type="button"].bt_blockedAlerts {
    width: 24px;
    height: 24px;
    background: url("images/btn_blockedAlert.png") no-repeat center;
}

input[type="button"].bt_MapSites {
    width: 24px;
    height: 24px;
    margin-left: 5px;
    background: url("images/menu/menu_map.png") no-repeat center;
}
/*MAP Sides Panel */

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    margin: 0 !important;
    font-family: "Aller", Arial, Sans-Serif;
    background-color: #7a8893;
    overflow-x: hidden;
    padding-top: 60px;
    -webkit-box-shadow: 8px 20px 20px 8px #333;
    -moz-box-shadow: 8px 20px 20px 8px #333;
    box-shadow: 8px 20px 20px 8px #333;
}

    .sidenav a {
        padding: 6px 6px 6px 24px;
        text-align: right;
        text-decoration: none;
        font-size: 14px;
        color: #f1f1f1;
        display: block;
    }


    .sidenav .closebtn {
        position: absolute;
        top: 0;
        font-size: 35px;
        padding: 0px;
        margin-left: 20px;
        margin-top: 5px;
    }

    .sidenav .toggelbtn {
        position: absolute;
        top: 0;
        font-size: 23px;
        margin-left: 40px;
        margin-top: 5px;
    }

    .sidenav .goToSitebtn {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 20px;
        margin-right: 20px;
        margin-top: 5px;
    }

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }
}


.downnav {
    height: 0;
    z-index: 100;
    font-family: "Aller", Arial, Sans-Serif;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 0 !important;
    background-color: #7a8893;
    overflow-x: hidden;
    padding-top: 0px;
    -webkit-box-shadow: 20px 8px 20px 8px #333;
    -moz-box-shadow: 20px 8px 20px 8px #333;
    box-shadow: 20px 8px 20px 8px #333;
}

    .downnav a {
        padding: 6px 6px 6px 24px;
        text-align: right;
        text-decoration: none;
        font-size: 14px;
        color: #f1f1f1;
        display: block;
    }



    .downnav .closebtn {
        position: absolute;
        top: 0;
        font-size: 35px;
        padding: 0px;
        margin-left: 20px;
        margin-top: 5px;
    }

    .downnav .toggelbtn {
        position: absolute;
        top: 0;
        font-size: 23px;
        margin-left: 40px;
        margin-top: 5px;
    }


    .downnav .goToSitebtn {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 20px;
        margin-right: 20px;
        margin-top: 5px;
    }



.dropdown {
    position: relative;
    display: inline-block;
    z-index: 100;
}

    .dropdown .dropdown-menu {
        z-index: 100;
        position: absolute;
        top: 100%;
        left: -150px;
        width: 200px;
        display: none;
        margin: 0;
        list-style: none; /** Remove list bullets */
        /** width: 100%; /** Set the width to 100% of it's parent */
        padding: 0;
        -webkit-box-shadow: -2px 5px 8px 2px #333;
        -moz-box-shadow: -2px 5px 8px 2px #333;
        box-shadow: -2px 5px 8px 2px #333;
    }

    .dropdown:hover .dropdown-menu {
        display: block;
    }

    /** Button Styles **/
    .dropdown button {
        background: #393b4d;
        color: #FFFFFF;
        border: none;
        margin: 0;
        padding: 0.4em 0.8em;
        font-size: 1.8em;
        background: url('/App_Themes/Base/images/menu.png') no-repeat left;
    }

    /** List Item Styles **/
    .dropdown a {
        padding: 6px 6px 6px 24px;
        text-align: right;
        text-decoration: none;
        font-size: 14px;
        color: #f1f1f1;
        display: block;
        background: #7a8893;
    }

        /** List Item Hover Styles **/
        .dropdown a:hover {
            background: #5b6a76 !important;
        }
/*END MAP Sides Panel */

input[type="button"].bt_templateFilter {
    width: 24px;
    height: 24px;
    margin-left: 5px;
    background: url("images/icon_filter.png") no-repeat center;
}



input[type="button"].bt_removeFilter {
    width: 24px;
    height: 24px;
    background: url("images/icon_removefilter.png") no-repeat center;
}

input[type="button"].bt_reorder {
    width: 24px;
    height: 24px;
    margin-left: 5px;
    background: url("images/btn_reorder.png") no-repeat center;
}

input[type="button"].bt_more {
    width: 24px;
    height: 24px;
    margin-left: 5px;
    background: url("images/more.png") no-repeat center;
}

input[type="submit"].bt_refresh {
    width: 24px;
    height: 24px;
    background: url("images/bt_refresh.png") no-repeat center;
}

input[type="submit"].bt_removeFilter {
    width: 24px;
    height: 24px;
    background: url("images/icon_removefilter.png") no-repeat center;
}

input[type="button"].bt_expcol {
    width: 24px;
    height: 24px;
    background: url("images/bt_expcol.png") no-repeat center;
}

input[type="button"].bt_playalert {
    width: 24px;
    height: 24px;
    background: url("images/bt_playalert.png") no-repeat center;
}

    input[type="button"].bt_playalert.pause {
        background: url("images/bt_pausealert.png") no-repeat center;
    }

input[type="button"].bt_addalert, input[type="submit"].bt_addalert {
    width: 24px;
    height: 24px;
    background: url("images/bt_addalert.png") no-repeat center;
    filter: brightness(100);
}



input[type="button"].bt_addalertBlack, input[type="submit"].bt_addalertBlack {
    width: 32px;
    height: 32px;
    background: url("images/bt_addalert.png") no-repeat center;
    background-size: auto;
    color: #7A8893;
    mix-blend-mode: difference;
}

input[type="button"].bt_refreshChart, input[type="submit"].bt_refreshChart {
    width: 24px;
    height: 24px;
    //float: right;
    margin-top: 0px;
    background: url("images/bt_refresh.png") no-repeat center !important;
    //cursor: pointer;
    color: #7A8893;
    mix-blend-mode: difference;
}

.MaskBlack {
    color: #7A8893;
    mix-blend-mode: difference;
}

.MaskWhite {
    filter: brightness(100%);
    -webkit-filter: brightness(100%);
    -webkit-filter: invert(1);
    filter: invert(1);
}

.XLIcon {
    width: 32px;
    height: 32px;
    background-size: 3200%;
}

input[type="button"].bt_addProcess, input[type="submit"].bt_addProcess {
    width: 24px;
    height: 24px;
    background: url(images/oded_icon_pack.png) no-repeat center;
    background-size: 2600%;
    background-position: 93% 39%;
}

input[type="button"].SelectTool, input[type="submit"].SelectTool {
    width: 32px;
    height: 32px;
    background: url("images/bt_select.png") no-repeat center;
    background-size: 80%;
    //background-size: auto;
    color: #7A8893;
    mix-blend-mode: difference;
}

input[type="button"].bt_selectall, input[type="submit"].bt_selectall {
    width: 32px;
    height: 32px;
    background: url("images/bt_select-all.png") no-repeat center;
    background-size: 80%;
    //background-size: auto;
    color: #7A8893;
    mix-blend-mode: difference;
}

input[type="button"].bt_undo, input[type="submit"].bt_undo {
    width: 32px;
    height: 32px;
    background: url("images/oded_icon_pack.png") no-repeat center;
    background-size: 2600%;
    background-position: -95px -110px;
    color: #7A8893;
    mix-blend-mode: difference;
}



input[type="button"].bt_clearall, input[type="submit"].bt_clearall {
    width: 32px;
    height: 32px;
    background: url("images/oded_icon_pack.png") no-repeat center;
    background-size: 2600%;
    background-position: -5px -573px;
    color: #7A8893;
    mix-blend-mode: difference;
}

input[type="button"].bt_add-selection-cursor, input[type="submit"].bt_add-selection-cursor {
    width: 24px;
    height: 24px;
    background: url("images/oded_icon_pack.png") no-repeat center;
    background-size: 2600%;
    background-position: 1% 98%;
}

/* @@ Nir: 14.09.2020 Removed locked / unlocked buttons */
/*input[type="button"].bt_unlock, input[type="submit"].bt_unlock {
    width: 24px;
    height: 24px;
    background: url("images/oded_icon_pack.png") no-repeat center;
    background-size: 2600%;
    background-position: -560px -223px;
    //color: white;
    filter: brightness(100);
    //mix-blend-mode: difference;
}

input[type="button"].bt_lock, input[type="submit"].bt_lock {
    width: 24px;
    height: 24px;
    background: url("images/oded_icon_pack.png") no-repeat center;
    background-size: 2600%;
    background-position: -525px -223px;
    //color: white;
    filter: brightness(100);
    //mix-blend-mode: difference;
}*/

.white {
    filter: brightness(100) !important;
}


.black {
    filter: brightness(0) !important;
    color: #7A8893;
    mix-blend-mode: difference;
}

input[type="button"].bt_smsNotification, input[type="submit"].bt_smsNotification {
    width: 24px;
    height: 24px;
    background: url("images/bt_SMS.png") no-repeat center;
}

input[type="button"].bt_addcsralert {
    width: 24px;
    height: 24px;
    background: url("images/bt_addcsralert.png") no-repeat center;
}

input[type="button"].bt_expcol.collapsed {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#AddNewAlert.popup {
    width: 300px;
    margin-top: -170px;
    margin-left: -250px;
}

.popup table {
    margin: 10px auto;
}

    .popup table.GridViewTicketsTree {
        border-bottom: 1px solid #7a8893;
        overflow: auto;
        width: calc(100% - 240px);
    }

#AlertDetails td span {
    font-weight: bold;
    color: #4d4d4d;
    line-height: 32px;
}

#TicketDetails td span {
    font-weight: bold;
    color: #4d4d4d;
    line-height: 32px;
}

#AddNewCSRAlert.popup {
    width: 670px;
    margin-top: -240px;
    margin-left: -435px;
}

#AddNewCSRAlert input[type="text"].Date, #AlertDetails input[type="text"].Date {
    width: 78px;
    color: #7a8893;
}

#AddNewCSRAlert input[type="text"].Time, #AlertDetails input[type="text"].Time {
    width: 60px;
    color: #7a8893;
}

#AddNewCSRAlert .bt_MyUpload {
    height: 30px;
    width: 115px;
}

#AddNewCSRAlert .StyledUpload {
    line-height: 30px;
    font-size: 14px;
    padding: 0 20px;
    margin: 0;
}

#AddNewCSRAlert #uploadedFileName {
    line-height: 30px;
    color: #7a8893;
}

#AddNewCSRAlert input.tb_fulllength, #AlertDetails input.tb_fulllength {
    width: calc(100% - 12px);
}

.bt_AlertUploadFile {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 46px;
    cursor: pointer;
}

    .bt_AlertUploadFile input {
        height: 46px;
        cursor: pointer;
    }

    .bt_AlertUploadFile:hover + input {
        background-color: #ececec !important;
    }

.content {
    min-height: 200px;
    max-height: 500px;
    padding: 20px;
    overflow: auto;
}

    .content table.styledTable tr:last-child {
        border-bottom: 1px solid #7a8893;
    }

    .content table.styledTable th {
        font-size: 12px;
        padding: 0 5px;
    }

    .content table.styledTable:not(.NoContext) th:first-child {
        padding: 0;
    }

    .content table.styledTable td.ext_menu + td, .content table.styledTable th.ext_menu_header + th {
        border-left: 1px solid #7a8893;
    }

.dragMenu {
    width: 200px;
    height: 300px;
    overflow: auto;
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.5);
}

#PanelWaizardAllUpdate {
    position: absolute;
    z-index: 100;
    opacity: 0.5;
    width: 1020px;
    height: 670px;
    background: #7a8893 url(images/menu/menu_loading.gif) no-repeat center;
}

#PanelWaizardAll {
    width: 1020px;
    height: 660px;
    position: relative;
}

#PanelFinanceWaizardAll {
    width: 1020px;
    height: 550px;
    position: relative;
}


.WizardHeader {
    position: absolute;
    height: 65px;
    width: 1020px;
    background-color: #393b4d;
}

    .WizardHeader a {
        display: inline-block;
        border: none;
        height: 65px;
        width: 170px;
        margin-right: 30px;
        text-decoration: none;
        background: url(images/home/logo.png) no-repeat center;
    }

    .WizardHeader span {
        display: inline-block;
        border: none;
        margin-left: 0px;
        margin-top: 30px;
        text-decoration: none;
        font-size: 20px;
        color: White;
    }

.WizardMenu {
    position: absolute;
    background-color: #dbdfe1;
    top: 75px;
    left: 10px;
    height: 540px;
    width: 140px;
}

.WizardFinanceMenu {
    position: absolute;
    background-color: #dbdfe1;
    top: 10px;
    left: 10px;
    height: 500px;
    width: 160px;
}

.WizardMenuInside {
    position: absolute;
    top: 15px;
}

.WizardFinanceMenuInside {
    position: absolute;
    top: -10px;
}

.WizardMenuInside a {
    text-decoration: none;
    color: Black;
    width: 150px;
    margin-left: 8px;
    margin-top: 30px;
    font-size: 14px;
    padding-left: 30px;
}

    .WizardMenuInside a:hover {
        color: #605d6f;
        font-weight: bold;
    }

    .WizardMenuInside a:active, a.visited {
        color: #ffffff;
    }

.WizardFinanceMenuInside a {
    text-decoration: none;
    color: Black;
    width: 150px;
    margin-left: 8px;
    margin-top: 30px;
    font-size: 14px;
    padding-left: 30px;
}

    .WizardFinanceMenuInside a:hover {
        color: #605d6f;
        font-weight: bold;
    }

    .WizardFinanceMenuInside a:active, a.visited {
        color: #ffffff;
    }



.WizardMenuInside a[id*="LinkComponent"], a[id*="LinkIO"], a[id*="LinkAlerts"], a[id*="LinkProperties"], a[id*="LinkERegion"], a[id*="LinkESite"], a[id*="LinkDetails"] {
    margin-left: 35px;
    background: url(images/Wizard/dot.png) no-repeat center left;
    background-size: 14px 14px;
    padding-left: 18px;
}

.WizardMenuInside a[id*="LinkSite"] {
    background: url(images/Wizard/Icon_Site.png) no-repeat center left;
    background-size: 20px 20px;
}

.WizardMenuInside a[id*="LinkController"] {
    background: url(images/Wizard/Icon_Controller.png) no-repeat center left;
    background-size: 20px 20px;
}

.WizardMenuInside a[id*="LinkCustomer"] {
    background: url(images/Wizard/Icon_Customer.png) no-repeat center left;
    background-size: 20px 20px;
}

.WizardMenuInside a[id*="LinkAsset"] {
    background: url(images/Wizard/Icon_Asset.png) no-repeat center left;
    background-size: 20px 20px;
}

.WizardMenuInside a[id*="LinkEquipment"] {
    background: url(images/Wizard/Icon_Eqipment.png) no-repeat center left;
    background-size: 20px 20px;
}

.WizardMenuInside a[id*="LinkDocuments"] {
    background: url(images/Wizard/Icon_Document.png) no-repeat center left;
    background-size: 20px 20px;
}

.WizardMenuInside a[id*="LinkBlockAlerts"] {
    background: url(images/Wizard/BlockAlert.png) no-repeat center left;
    background-size: 20px 20px;
}


/*Finance*/
.WizardFinanceMenuInside a[id*="LinkCurrency"] {
    background: url(images/WizardFinance/currency.png) no-repeat center left;
    background-size: 20px 20px;
}

.WizardFinanceMenuInside a[id*="LinkExpense"] {
    background: url(images/WizardFinance/expense.png) no-repeat center left;
    background-size: 20px 20px;
}

.WizardFinanceMenuInside a[id*="LinkFuel"] {
    background: url(images/WizardFinance/fuel.png) no-repeat center left;
    background-size: 20px 20px;
}

.WizardFinanceMenuInside a[id*="LinkPower"] {
    background: url(images/WizardFinance/electricity.png) no-repeat center left;
    background-size: 20px 20px;
}

.WizardFinanceMenuInside a[id*="LinkInvestment"] {
    background: url(images/WizardFinance/expense.png) no-repeat center left;
    background-size: 20px 20px;
}

.WizardFinanceMenuInside a[id*="LinkCContract"] {
    background: url(images/WizardFinance/contract.png) no-repeat center left;
    background-size: 20px 20px;
}

.WizardFinanceMenuInside a[id*="LinkMContract"] {
    background: url(images/WizardFinance/document.png) no-repeat center left;
    background-size: 20px 20px;
}

.WizardMenuHeader {
    height: 25px;
    width: 140px;
    background-color: #7a8893;
    color: White;
}

.WizardFinanceMenuHeader {
    height: 0px;
    width: 140px;
    background-color: transparent;
    color: White;
}

.WizardMain {
    position: absolute;
    background-color: #dbdfe1;
    top: 75px;
    left: 160px;
    height: 540px;
    width: 850px;
}

.WizardFinanceMain {
    position: absolute;
    background-color: #dbdfe1;
    top: 10px;
    left: 180px;
    height: 500px;
    width: 850px;
}

.WizardFinanceMainHeader {
    height: 25px;
    width: 850px;
    background-color: transparent;
    color: White;
}

.WizardMainHeader {
    height: 25px;
    width: 850px;
    background-color: #7a8893;
    color: White;
}

.WizardMainInside {
    padding-left: 10px;
    padding-top: 10px;
    overflow: auto;
    height: calc(100% - 35px);
}

.WizardFooter {
    position: absolute;
    margin-top: 635px;
    right: 13px;
}

.WizardFooterApply {
    position: absolute;
    margin-top: 635px;
    margin-left: 161px;
}

.WizardFinanceFooter {
    position: absolute;
    margin-top: 520px;
    right: 13px;
}

.WizardFinanceFooterApply {
    position: absolute;
    margin-top: 520px;
    margin-left: 161px;
}



.WizardFooter input {
    margin-left: 10px;
}

.WizardTable {
    display: table;
    border-spacing: 10px;
}

.WizardTableSite {
    margin-left: 30px;
}

.WizardTable .styledTable td.ext_menu + td, .WizardTable .styledTable th.ext_menu_header + th {
    border-left: 1px solid #7a8893;
}

.WizardTable table.styledTable tr:last-child {
    border-bottom: 1px solid #7a8893;
}

.WizardTable .PanelsGridWrapper > div {
    margin: 15px 0;
}

.WizardTable td {
    display: table-cell;
    padding-left: 30px;
    font-size: 12px;
}

.WizardTableSite td {
    padding-left: 0px;
}

.WizardTable input[type=text] {
    border: 1px solid gray;
    font-size: 12px;
    padding: 2px 0 0 4px;
    width: 174px;
}

.WizardTable select {
    height: 15px;
    border: 1px solid gray;
    font-size: 12px;
    padding: 0px 0 0 0;
    width: 180px;
    min-height: 20px;
}

.WizardCCTVTable {
    display: table;
    border-spacing: 10px;
}

    .WizardCCTVTable .styledTable td.ext_menu + td, .WizardCCTVTable .styledTable th.ext_menu_header + th {
        border-left: 1px solid #7a8893;
    }

    .WizardCCTVTable table.styledTable tr:last-child {
        border-bottom: 1px solid #7a8893;
    }

    .WizardCCTVTable .PanelsGridWrapper > div {
        margin: 15px 0;
    }

    .WizardCCTVTable td {
        display: table-cell;
        padding-left: 10px;
        font-size: 12px;
    }

    .WizardCCTVTable input[type=text] {
        border: 1px solid gray;
        font-size: 12px;
        padding: 2px 0 0 4px;
        width: 130px;
    }

.WizardIOTable {
    display: table;
    border-spacing: 10px;
}

    .WizardIOTable .styledTable td.ext_menu + td, .WizardIOTable .styledTable th.ext_menu_header + th {
        border-left: 1px solid #7a8893;
    }

    .WizardIOTable table.styledTable tr:last-child {
        border-bottom: 1px solid #7a8893;
    }

    .WizardIOTable .PanelsGridWrapper > div {
        margin: 15px 0;
    }

    .WizardIOTable td {
        display: table-cell;
        padding-left: 10px;
        font-size: 12px;
    }

    .WizardIOTable input[type=text] {
        border: 1px solid gray;
        font-size: 12px;
        padding: 2px 0 0 4px;
        width: 100px;
    }

    .WizardIOTable select {
        height: 15px;
        border: 1px solid gray;
        font-size: 12px;
        padding: 0px 0 0 0;
        width: 110px;
        min-height: 24px;
    }

.WizardComponentTable {
    display: table;
    border-spacing: 10px;
}

    .WizardComponentTable td {
        display: table-cell;
        padding-left: 10px;
        font-size: 12px;
    }

    .WizardComponentTable input[type=text] {
        border: 1px solid gray;
        font-size: 12px;
        padding: 2px 0 0 4px;
        width: 120px;
    }

    .WizardComponentTable input[type=submit] {
        width: 120px;
    }

    .WizardComponentTable select {
        height: 15px;
        border: 1px solid gray;
        font-size: 12px;
        padding: 0px 0 0 0;
        width: 126px;
    }

.WizardPropertiesTable {
    display: table;
    border-spacing: 0px;
}

    .WizardPropertiesTable td {
        display: table-cell;
        padding-left: 3px;
        font-size: 12px;
    }

    .WizardPropertiesTable input[type=text] {
        border: 1px solid gray;
        font-size: 12px;
        padding: 2px 0 0 4px;
        width: 150px;
    }

    .WizardPropertiesTable select {
        height: 15px;
        border: 1px solid gray;
        font-size: 12px;
        padding: 0px 0 0 0;
        width: 155px;
        min-height: 24px;
    }

    .WizardPropertiesTable span {
        width: 170px;
    }

.WizardCurrencyfloating {
    position: absolute;
    z-index: 100;
    top: 20px;
    left: 40px;
    padding: 5px;
    background: #ffffff;
    box-shadow: 0 0 20px 5px #393b4d;
}

.WizardCContractRegionFloating {
    position: absolute;
    z-index: 100;
    top: 5px;
    left: 400px;
    height: 400px;
    overflow: auto;
    padding: 5px;
    background: #ffffff;
    box-shadow: 0 0 20px 5px #393b4d;
}

.WizardMapfloating {
    position: absolute;
    z-index: 100;
    top: 170px;
    left: 100px;
    width: 650px;
    height: 350px;
    padding: 5px;
    background: #ffffff;
    box-shadow: 0 0 20px 5px #393b4d;
}

.Wizardfloating {
    position: absolute;
    z-index: 100;
    top: 5px;
    left: 40px;
    padding: 5px;
    background: #ffffff;
    box-shadow: 0 0 20px 5px #393b4d;
}


.WizardEquipmentfloating {
    height: 480px;
    overflow-y: auto;
}

.Wizardfloating .floating {
    position: absolute;
    z-index: 100;
    top: 15px;
    left: 15px;
    padding: 15px;
    background: #ffffff;
    box-shadow: 0 0 20px 5px #393b4d;
}

.WizardSubfloating {
    position: absolute;
    z-index: 100;
    top: 0px;
    left: 15px;
    background: #ffffff;
    box-shadow: 0 0 20px 5px #393b4d;
}

    .WizardSubfloating .floating {
        position: absolute;
        z-index: 100;
        top: 0px;
        left: 15px;
        padding: 15px;
        background: #ffffff;
        box-shadow: 0 0 20px 5px #393b4d;
    }

    .WizardSubfloating .PanelsWrapper {
        overflow: visible;
        min-height: 0;
    }

    .WizardSubfloating .floating .PanelsWrapper, .Wizardfloating .floating .PanelsWrapper {
        min-height: 0;
    }

.WizardCCTVfloating {
    position: absolute;
    z-index: 100;
    top: 81px;
    left: 60px;
    padding: 15px;
    background: #ffffff;
    box-shadow: 0 0 20px 5px #393b4d;
    overflow: visible;
}

.WizardAssetfloating {
    position: absolute;
    z-index: 100;
    top: 0px;
    left: 40px;
    padding: 15px;
    background: #ffffff;
    box-shadow: 0 0 20px 5px #393b4d;
}

.WizardAlertfloating {
    position: absolute;
    z-index: 100;
    top: 150px;
    left: 130px;
    padding: 15px;
    background: #ffffff;
    box-shadow: 0 0 20px 5px #393b4d;
}

.WizardAssetfloating .PanelsWrapper {
    overflow: visible;
    min-height: 0;
}

.WizardOvverideDiv input[type="submit"].btnAddNew {
    background: url(images/icon_add_grey.png) no-repeat left !important;
    padding-left: 25px !important;
    margin-bottom: 10px !important;
    color: #444 !important;
}

.WizardOvverideDiv legend, .WizardOvverideDiv span, .WizardOvverideDiv .PanelsNewWrapper {
    color: Black;
}

.WizardMainInside .styledTable td.ext_menu + td, .WizardMainInside .styledTable th.ext_menu_header + th {
    border-left: 1px solid #7a8893;
}

.WizardMainInside table.styledTable tr:last-child {
    border-bottom: 1px solid #7a8893;
}

    .WizardMainInside table.styledTable tr:last-child.Pager, .WizardMainInside table.styledTable .Pager tr:last-child {
        border-bottom: none;
    }


.WizardFinanceMainInside .styledTable td.ext_menu + td, .WizardMainInside .styledTable th.ext_menu_header + th {
    border-left: 1px solid #7a8893;
}

.WizardFinanceMainInside table.styledTable tr:last-child {
    border-bottom: 1px solid #7a8893;
}

    .WizardFinanceMainInside table.styledTable tr:last-child.Pager, .WizardMainInside table.styledTable .Pager tr:last-child {
        border-bottom: none;
    }



.WizardTable .PanelsWrapper {
    min-height: 450px;
    overflow: visible;
}

.WizardOvverideDiv .PanelsWrapper {
    min-height: 450px;
    margin: 5px 10px;
}

.WizardOvverideDiv .PanelsGridWrapper > div {
    margin: 0;
}

.WizardOvverideDiv .PanelsNewWrapper {
    position: static;
}

.WizardOvverideDiv {
    position: relative;
}

input[type="text"].WizardTemplate {
    margin-left: 5px;
    border: 1px solid gray;
    font-size: 12px;
    padding: 3px 0 0 4px;
    width: 174px;
}


.Aio690HTML {
    height: 95%;
    width: 200vh;
}



span.validator {
    color: Red !important;
}

input[type="submit"].btnWithImage, input[type="button"].btnWithImage {
    height: 15px;
    width: 17px;
    background: url(images/Wizard/New17_15.png) no-repeat center;
}

.Site_Ground {
    position: relative;
    width: 1280px;
    height: 573px;
    background: url(images/SiteStatus/Site_Gray.png) no-repeat center;
    background-size: contain;
    border: 1px solid #7a8893;
}

    .Site_Ground.Red {
        background-image: url(images/SiteStatus/Site_Red.png);
    }

    .Site_Ground.Blue {
        background-image: url(images/SiteStatus/Site_Blue.png);
    }

    .Site_Ground .ui-resizable-handle {
        display: none !important;
    }

    .Site_Ground > div, .Component > div {
        position: absolute;
    }

.Site_Gate {
    background: url(images/SiteStatus/Gate_Close_Gray.png) no-repeat center;
    background-size: contain;
    width: 10.7%;
    height: 33%;
    margin-top: 10%;
    margin-left: 7.3%;
}

    .Site_Gate.Blue {
        background-image: url(images/SiteStatus/Gate_Close.png);
    }

    .Site_Gate.Open {
        background-image: url(images/SiteStatus/Gate_Open.png);
        height: 34.5%;
    }

.Site_Gate_Keypad {
    background: url(images/SiteStatus/Keypad.png) no-repeat center;
    background-size: contain;
    width: 2%;
    height: 7%;
    margin-top: 19%;
    margin-left: 5%;
}

.Site_Gate_Info {
    background: url(images/SiteStatus/Info.png) no-repeat center;
    background-size: contain;
    width: 1.7%;
    height: 4%;
    margin-top: 14.5%;
    margin-left: 5%;
}

.Site_Gate_Security {
    background: url(images/SiteStatus/Site_Alarm_Gray.png) no-repeat center;
    background-size: contain;
    width: 1.7%;
    height: 4%;
    margin-top: 20%;
    margin-left: 3%;
}

    .Site_Gate_Security.On {
        background-image: url(images/SiteStatus/Site_Alarm_Blue.png);
    }

.Site_Tower {
    background: url(images/SiteStatus/Tower.png) no-repeat center;
    background-size: contain;
    width: 10%;
    height: 42%;
    top: 22.5%;
    left: 86.7%;
}

.Site_Shelter {
    background: url(images/SiteStatus/Shelter.png) no-repeat center;
    background-size: contain;
    width: 9%;
    height: 25%;
    top: 10%;
    left: 50%;
}

.Shelter_Door {
    background: url(images/SiteStatus/Sheltter_Door_Close.png) no-repeat center;
    background-size: contain;
    width: 15%;
    height: 30%;
    top: 56.4%;
    left: 73.1%;
}

    .Shelter_Door.Flat {
        background-image: url(images/SiteStatus/Sheltter_Door_Close_Flat.png);
    }

    .Shelter_Door.CloseGreen {
        background-image: url(images/SiteStatus/Sheltter_Door_Close_Green.png);
        height: 31%;
        left: 74.3%;
    }

    .Shelter_Door.Open {
        background-image: url(images/SiteStatus/Sheltter_Door_Open.png);
        height: 31%;
        left: 74.3%;
    }

.DataPanel {
    position: absolute;
    z-index: 100;
    top: 5px;
    left: 5px;
    text-align: center;
}

.Communication {
    padding: 4px;
    background: #393b4d;
    border-radius: 3px;
    text-align: left;
}

    .Communication input[type="button"].bt_refresh {
        display: inline-block;
        vertical-align: top;
        height: 15px;
        width: 16px;
        margin-right: 5px;
        padding: 0;
        border: none;
        background: url(images/SiteStatus/Refresh.png) no-repeat center;
    }

    .Communication .CommunicationTime {
        display: inline-block;
        vertical-align: top;
        line-height: 16px;
        font-size: 14px;
        color: #fff;
        margin-right: 40px;
    }

.DataPanelTable {
    margin: 20px 0;
}

    .DataPanelTable.MoreInfo {
        display: inline-table;
        margin: 0;
    }

    .DataPanelTable td {
        min-width: 80px;
        border: 1px solid #5b6a76;
    }

    .DataPanelTable.MoreInfo td {
        color: #fff;
        font-family: Sans-Serif;
        font-size: 18px;
        line-height: 24px;
    }

    .DataPanelTable td:first-child {
        border-left: none;
    }

    .DataPanelTable td:last-child {
        border-right: none;
    }

    .DataPanelTable td input[type="button"] {
        font-family: Sans-Serif;
        background: none;
        display: block;
        text-align: center;
        width: 100%;
        font-size: 16px;
        padding: 3px;
    }

#SL_Socket {
    display: none;
}


.WrapperDiv .GVWrapper {
    height: calc(100% / 3 - 30px);
    overflow: auto;
}

.WrapperDiv .GVTitle {
    font-size: 30px;
    line-height: 30px;
    color: Red;
    display: block;
    text-align: center;
}




.bt_refresh_C3chart {
    float: right;
    margin-top: 0px;
    height: 20px;
    width: 24px;
    background: url("images/bt_refresh.png") no-repeat center !important;
    cursor: pointer;
}



.GVWrapper table {
    width: 100%;
    font-size: 20px;
}
/* Make it move */
@keyframes marquee {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(-100%, 0);
    }
}

@media all and (max-width: 1500px) {
    div.MenuEdit li {
        padding: 5px 15px 4px;
    }
}

@media all and (max-width: 1390px) {
    div[id*="ReportDiv"] {
        min-width: 1110px;
    }

    .ajax__tab_AIO .ajax__tab_tab {
        padding: 0 12px;
    }

    .PanelAssets table td,
    .PanelAssets .ajax__tab_panel table td {
        padding: 5px 5px 5px 0;
    }

    .PanelAssets table.styledTable td {
        padding: 5px 10px;
    }

        .PanelAssets table.styledTable td.ext_menu {
            padding: 0;
        }

    #TabPanelControllersDiv table td {
        padding: 2px 5px;
        font-size: 12px;
    }

    #sitesMapWrapper {
        width: 700px;
    }

    /*
        @@ Nir 21/12/2023

        This is old, and really annoying.
        Since I am using Bootstrap.
        Seems like no one is using this.
    */
    /*.row > div {
        margin: 15px 0 0 15px;
        padding: 15px;
    }

        .row > div > span {
            font-size: 14px;
            width: 118px;
        }

        .row > div > img {
            height: 60px;
            margin: 16px auto;
        }

        .row > div#PanelOthers > img {
            margin: 3px auto;
        }

        .row > div > select {
            width: 122px;
            font-size: 12px;
            padding: 3px 5px;
        }*/

    #ddlOthersCategory {
        margin-bottom: 4px;
    }

    .styledTable.GridViewEquipment td {
        max-width: 135px;
        font-size: 12px;
        white-space: normal;
    }

    .treeViewWrapper {
        height: 300px;
    }

    .scrollableTableWrapper {
        height: 335px;
    }

    .listAlerts {
        max-height: 350px;
    }

    .RepeaterSMS {
        max-height: 180px;
    }

    .Gauge {
        margin-left: 10px;
        width: 250px;
        height: 250px;
    }

    .GaugeName {
        font-size: 12px;
        bottom: 60px;
    }

    .GaugeLight {
        height: 24px;
        width: 24px;
        bottom: 25px;
        margin-left: -12px;
    }

    /*
    #divEfficiency table.styledTable td {
        min-width: 50px;
    } 
    #divEfficiency table.styledTable th {
        line-height: 26px;
    }

    #divEfficiency table.styledTable td {
        line-height: 11px;
        font-size: 12px;
        min-width: 50px;
    }

        #divEfficiency table.styledTable td > input[type="checkbox"] {
            margin: 0;
        }


    #divEfficiency .chartSidebar {
        display: block;
        padding: 0 0 10px 20px;
    }
        */


    .displayType li {
        display: inline-block;
        vertical-align: top;
        margin: 0 10px 0 0;
    }

    .DemiDDL, .DisabledDDL {
        min-width: 110px;
    }

    .DemiDDL_List input[type="checkbox"] + label {
        font-size: 12px;
    }

    .Alerts_PanelFilter input[type="text"].styledTextbox {
        width: 66px;
        font-size: 12px;
    }

        .Alerts_PanelFilter input[type="text"].styledTextbox.time {
            width: 50px;
        }

    .div.msrs-printdialog-main {
        display: none;
    }
}


.iframeCharts {
    background: white;
    min-width: 0px;
}





/*================Bi Edit Charts (oded)===========================*/
.bi_chartBox {
    position: absolute;
    background: #dbdfe1;
    color: #000;
    font-size: 12px !important;
    box-shadow: 5px 5px 10px #393b4d;
    border-radius: 10px;
}

    .bi_chartBox input[type="text"], .bi_chartBox select, #txtSQLQuery {
        background: #fff;
        display: inline-block;
        vertical-align: top;
        font-size: 12px;
        padding: 2px 0;
        text-align: left;
        border: 1px solid #7a8893;
        border-radius: 4px;
        margin: 1px 0 0 8px;
        min-height: 22px;
        width: 140px;
        height: 22px;
    }

    .bi_chartBox table td {
        font-size: 12px;
        width: 110px;
        height: 35px;
    }

    .bi_chartBox label {
        font-size: 14px;
        font-weight: 100;
        padding-left: 5px;
    }

#bi_divChartDetails {
    color: #000;
    height: 180px;
    width: calc(100vw - 370px);
    top: 10px;
    left: 20px;
}

    #bi_divChartDetails input[type="text"], #bi_divChartDetails select {
        min-height: 28px;
        height: 28px;
        width: 200px;
    }

#bi_divChartFrame {
    position: absolute;
    height: calc(100vh - 220px);
    width: calc(100vw - 360px);
    top: 210px;
    left: 20px;
}

#bi_divChartProperties {
    color: #A2B0BB;
    background: #393b4d;
    height: calc(100vh - 30px);
    width: 310px;
    right: 20px;
    top: 10px;
}

#bi_divInnerChartProperties {
    height: calc(100vh - 100px);
    width: 305px;
    margin-top: 10px;
}

#bi_divChartProperties input[type="text"], #bi_divChartProperties select {
    background: #7a8893;
    color: white;
}

#colorPickerDefault, #colorPickerDS1, #colorPickerDS2, #colorPickerDS3, #colorPickerDS4, #colorPickerDS5, #colorPickerDS6, #colorPickerDS7, #colorPickerDS8 {
    width: 15px;
    font-size: 0px;
    margin-left: 0px;
    border: 0px;
    min-height: 17px;
    height: 17px;
    float: right;
}

.bi_chartPicker {
    float: right;
    position: relative;
}

.bi_divInnerChartProperties table {
    width: 95%;
}

#bi_divChartProperties table td input[type="checkbox"] {
    float: right;
}

.bi_speratorDiv {
    border-bottom: ridge;
    border-bottom-color: #dbdfe1;
    border-bottom-width: 2px;
    width: 90%;
    background-color: transparent;
    height: 20px;
    cursor: pointer;
    margin-top: 8px;
    margin-left: 10px;
    margin-bottom: 18px;
}

.bi_speratorTableDiv {
    margin-left: 0px;
}

.bi_speratorDiv input[type="checkbox"] {
    float: right;
}

#btnSaveProperties {
    margin-top: 18px;
    height: 24px;
    margin-left: 10px;
    float: left;
}

#btnSaveChart {
    margin-top: 1px;
    height: 28px;
    border: 1px solid #7a8893;
    border-radius: 4px;
}

#multiComboRoles {
    background-color: white;
    margin: 1px 0 0 8px;
}

.evo-pop {
    margin-top: -225px;
    margin-left: -195px !important;
    width: 214px !important;
    height: 225px !important;
    position: relative !important;
}

    .evo-pop table td {
        font-size: 0px !important;
        height: 0px;
        width: 0px;
    }

    .evo-pop span {
        margin-top: 0px !important;
    }

    .evo-pop span {
        margin-left: 0px;
        margin-top: 0px;
    }

.evo-cp-wrap {
    margin-left: 10px;
    float: right;
}

.balaIconPicker-icon-displayer {
    margin-left: 0px;
}

balaIconPicker-icon-container-displayer {
    left: -110px !important;
}

.bi_chartBox option {
    min-height: 0.6em;
}

.popupSQLTable {
    display: none;
    position: absolute;
    z-index: 909;
    background: #fff;
    top: 35%;
    left: 30%;
    color: #7a8894;
    box-shadow: 5px 5px 10px #393b4d;
}
/*==================End Bi Edit Charts (oded)=========================*/

/*==================Gallery (oded)=========================*/

#gallery_imgMain {
    width: 133vh !important;
    height: 75vh !important;
    object-fit: scale-down;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

#gallery_divImages {
    position: absolute;
    width: 133vh !important;
    height: 92vh !important;
    top: 5vh;
    left: 15vw;
    border: solid 4px black;
    background-color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
}

#gallery_divTumb {
    margin-top: 2px;
}

.gallery_imgTumb {
    min-width: 13.4vh !important;
    height: 7.6vh !important;
    margin-left: 1.2vh;
}

#gallery_leftArrow {
    height: 28px;
    width: 35px;
    position: absolute;
    top: 38vh;
    background: #000 url(images/gallleryLeft.png) 5px no-repeat;
    background-size: 12px 18px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

#gallery_rightArrow {
    height: 28px;
    width: 35px;
    position: absolute;
    top: 38vh;
    left: calc(133vh - 35px);
    background: #000 url(images/gallleryRight.png) 14px no-repeat;
    background-size: 12px 18px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

/*==================End Gallery (oded)=========================*/

/*==================Ticket Comment (oded)=========================*/
div.ticketTab {
    overflow: hidden;
    margin-left: 12px;
    background-color: #fff;
    border-bottom: 1px solid #7a8893;
}

    div.ticketTab button {
        border: none;
        line-height: 26px;
        background: #e6e6e6;
        margin-top: 5px;
        border-top: 1px solid lightgray;
        border-left: 1px solid lightgray;
        border-bottom: 1px solid lightgray;
        padding: 3px 12px 3px 12px;
        outline: 0 !important;
    }

#ticketTabComment, #ticketTabHistory, #ticketTabChild {
    border-right: 1px solid lightgray;
}



div.ticketTab button:hover {
    background-color: #ddd;
}

div.ticketTab button.active {
    background-color: white;
    padding: 5px;
    font-weight: bold;
    border-bottom: none;
    outline: 0 !important;
}

.ticketTabContent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.popupTab {
    top: 250px;
    left: 50%;
    z-index: 2;
}

    .popupTab .title {
        border-bottom: none;
    }

    .popupTab table {
        margin: 10px !important;
    }

.ticket_div_comment {
    border-top: solid;
    border-top-color: lightgray;
    border-top-width: 1px;
    margin-bottom: 5px;
}

    .ticket_div_comment img {
        cursor: pointer;
    }

.ticket_div_seprator {
    width: 90%;
    background-color: transparent;
    height: 20px;
    cursor: pointer;
    margin-top: 8px;
    margin-left: 10px;
    margin-bottom: 18px;
}

    .ticket_div_seprator collapsed {
    }

.ticket_sperator_name {
    font-weight: bold;
    color: black;
    margin-right: 5px;
}

.ticket_sperator_text {
}

.ticket_div_content {
    margin-left: 10px;
    width: 80%;
}


.ticket_comment_area {
    background-color: white !important;
    border: solid !important;
    border-width: 1px !important;
    border-color: lightgray !important;
}

.ticket_img_file, .ticket_img_file:after, .ticket_img_file:before {
    content: url(images/attachment.png);
    margin-left: 15px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ticket_img_file, .ticket_img_file:after, .ticket_img_file:before {
        background: url("images/attachment.png") no-repeat;
    }
}


.ticket_img_empty {
    width: 26px;
}

.popupComment {
    height: 250px !important;
    padding: 20px;
    box-shadow: inset 0 0px 5px 1px #393b4d;
    position: fixed;
}

    .popupComment .buttons {
        border-top: 0px !important;
    }

    .popupComment .title {
        border-bottom: 0px !important;
    }

.ticket_comment_btn_update {
    float: left;
    position: absolute;
    left: 0px;
    width: 70px;
    margin-top: 5px;
}

.ticket_comment_btn_upload {
    float: left;
    position: absolute;
    left: 80px;
    width: 100px;
    margin-top: 5px;
}

.ticket_comment_btn_file {
    float: left;
    position: absolute;
    left: 80px;
    width: 100px;
    opacity: 0;
    z-index: 1;
    margin-top: 5px;
}

.ticket_comment_filename {
    float: left;
    position: absolute;
    left: 185px;
    width: 400px;
    margin-top: 8px;
}

.divEditButtons {
    padding-bottom: 10px;
}

    .divEditButtons input {
        margin-left: 20px;
    }

.div_comment_back {
    background: #dbdfe1;
}


.ticket_img_tumb {
    width: 150px;
    height: 80px;
    margin-bottom: 10px;
    margin-top: 10px;
}

/*==================END Ticket Comment (oded)=========================*/



/*==================New AIO Home (oded)=========================*/
#divMenuSite li, #divMenuMain li {
    position: relative;
    float: left;
    cursor: pointer;
}


    #divMenuSite li ul li, #divMenuMain li ul li {
        width: calc(100% - 40px);
    }

#li_statusMenu {
    width: 5px;
    min-width: 5px;
    background: url(images/menu.png) no-repeat left;
}

/*New Design*/
.li_background_selected {
    color: #ffffff !important;
}

/*.li_background_selected {
    background-color: #5b6a76 !important;
    color: #ffffff !important;
}*/

.message_img {
    background-image: url(images/notification.png) !important;
    background-repeat: no-repeat !important;
    background-size: 12px 12px !important;
    background-position: 65px 10px !important;
    width: 180px;
}


/*==================END New AIO Home (oded)=========================*/

.LinkText {
    padding-top: 4px;
    padding-left: 4px;
    color: #FFFFFE;
}

#gridTableFooter tr th {
    background-color: white !important;
    line-height: 0px !important;
    padding: unset !important;
    border-bottom-width: 1px !important;
}



.SystemPreformancefloating {
    position: absolute;
    z-index: 100;
    top: 35vh;
    left: 40vw;
    padding: 15px;
    background: #ffffff;
    box-shadow: 0 0 20px 5px #393b4d;
    overflow: visible;
}

    .SystemPreformancefloating input[type="text"] {
        padding: 5px;
        border: 1px solid;
        width: 215px;
        line-height: 10px;
        min-height: 10px;
        background-color: #FFFFFE;
        color: #000007;
    }





/*==================Users=========================*/


#divUserEdit {
    width: 1000px;
    height: 96vh;
    top: 50%;
    left: 50%;
    margin-top: -48vh;
    margin-left: -500px;
    border-radius: 10px;
    border: 1px solid black;
}

#divUserEditMenu {
    color: #000000;
    background: #dbdfe1;
    padding-top: 20px;
    width: calc(100% - 15px);
    padding-left: 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /*margin-top:20px;
    margin-left:15px;*/
    padding-bottom: 10px;
    display: inline-block;
    /*width: calc(100% - 30px);*/
    font-size: 14px;
}

    #divUserEditMenu div {
        float: left;
        margin-left: auto;
        margin-left: 50px;
        padding-left: 10px;
        padding-right: 10px;
        border-bottom: 0px solid #000000;
        padding-bottom: 10px;
        cursor: pointer;
    }

.divUserEditMenuSelected {
    border-bottom: 2px solid #000000 !important;
}


.checkBoxClass input {
    margin-left: 10px !important;
    vertical-align: middle !important;
}

.checkBoxClass span {
    margin-left: 5px !important;
}


.messageBox {
    display: none;
    height: 120px;
    width: 300px;
    z-index: 9999;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -60px;
    background-color: white;
    border: 1px solid rgb(211, 211, 211);
    font-size: 13px;
    border-radius: 10px;
    border: 1px solid black;
    box-shadow: rgb(136, 136, 136) 1px 7px 10px;
    text-shadow: 0 0px;
    color: #7a8894;
    text-align: center;
    cursor: pointer;
}

.divMessageBox {
    height: 50px;
    margin: 5% 5% 0 5%;
    overflow-y: hidden;
}

#divMessageBoxClose {
    width: 240px;
    height: 30px;
    margin-left: 30px;
    background-color: #5b6a76;
    border: 0;
    color: white;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    text-shadow: 0 0px;
    margin-top: 5%;
}

#divMessageBoxOK, #divMessageBoxYes {
    width: 120px;
    height: 30px;
    margin-left: 20px;
    background-color: #5b6a76;
    border: 0;
    color: white;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    text-shadow: 0 0px;
    margin-top: 5%;
    float: left;
}

#divMessageBoxCancel, #divMessageBoxNo {
    width: 120px;
    height: 30px;
    margin-left: 20px;
    background-color: #5b6a76;
    border: 0;
    color: white;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    text-shadow: 0 0px;
    margin-top: 5%;
    float: left;
}




.tree-leaf {
    position: relative;
}

    .tree-leaf .tree-child-leaves {
        display: block;
        margin-left: 28px;
    }

    .tree-leaf .hidden {
        display: none;
    }

    .tree-leaf .tree-expando {
        background-color: transparent; /*background: #ddd;*/
        border-radius: 3px;
        cursor: pointer;
        float: left;
        height: 30px;
        line-height: 20px;
        position: relative;
        text-align: center;
        top: 5px;
        width: 10px;
    }

    .tree-leaf .hidden {
        visibility: hidden;
    }

    .tree-leaf .tree-leaf-text {
        cursor: pointer;
        float: left;
        margin-left: 5px;
        width: 75%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .tree-leaf .tree-leaf-text:hover {
            font-weight: bold;
        }

    .tree-leaf .tree-leaf-content:before, .tree-leaf .tree-leaf-content:after {
        content: " ";
        display: table;
    }

    .tree-leaf .tree-leaf-content:after {
        clear: both;
    }



.tree-text-image {
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    float: left;
    margin: auto;
    top: 5px;
    bottom: 0;
    position: relative;
}



.tree-text-image-mobile-on {
    background: url(images/mobileOn.png);
    margin-left: 10px;
}

.tree-text-image-email-on {
    background: url(images/emailOn.png);
    margin-left: 10px;
}

.tree-text-image-whats-on {
    background: url(images/camera.png);
    margin-left: 10px;
}


.tree-text-image-mobile-off {
    background: url(images/mobileOff.png);
    margin-left: 10px;
}

.tree-text-image-email-off {
    background: url(images/emailOff.png);
    margin-left: 10px;
}

.tree-text-image-whats-off {
    background: url(images/Close_Map.png);
    margin-left: 10px;
}



@-moz-document url-prefix() {

    .tree-text-image-mobile-on:after, .tree-text-image-mobile-on:before {
        background: url(images/mobileOn.png);
        margin-left: 0px;
        top: -22px;
    }

    .tree-text-image-email-on:after, .tree-text-image-email-on:before {
        background: url(images/emailOn.png);
        margin-left: 0px;
        top: -22px
    }


    .tree-text-image-mobile-off:after, .tree-text-image-mobile-off:before {
        background: url(images/mobileOff.png);
        margin-left: 0px;
        top: -22px
    }


    .tree-text-image-email-off:after, .tree-text-image-email-off:before {
        background: url(images/emailOff.png);
        margin-left: 0px;
        top: -22px
    }
}


#divNewUser {
    width: 300px;
    height: 400px;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -150px;
    border-radius: 10px;
    border: 1px solid black;
}

#divEditTagID {
    width: 350px;
    height: 250px;
    top: 50%;
    left: 50%;
    margin-top: -110px;
    margin-left: -175px;
    border-radius: 10px;
    border: 1px solid black;
}


.tree-text {
    margin-left: 8px;
}


.loader,
.loader:before,
.loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}

.loader {
    color: #000000;
    font-size: 10px;
    margin: 80px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

    .loader:before,
    .loader:after {
        content: '';
        position: absolute;
        top: 0;
    }

    .loader:before {
        left: -3.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .loader:after {
        left: 3.5em;
    }

@-webkit-keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

.divLoader {
    display: none;
    height: calc(98% - 60px);
    background-color: #FFFFFF;
    width: 100%;
    margin: 0px;
    margin-top: 60px;
    z-index: 9999;
    position: absolute;
    opacity: 0.8;
}

/*==================End Users=========================*/



/*==================Battery Status=========================*/

.batteryStatusCell {
    /*@@ Nir TTID #117826 8th BMS PACK ADDITION ON INFO PAGE */
    /*margin-left: 15px;*/
    margin-left: 5px;
    float: left;
    width: 100px;
    height: 200px;
    display: grid;
    text-align: center;
    border: 1px solid lightgray;
}

.batteryStatusCellTitle {
    background-color: lightgray;
    font-weight: bold;
}

.batteryStatusCellValues {
    background-color: lightgray;
}

.batteryStatusCellImg {
    margin-left: 10px;
    width: 64px;
    height: 125px;
    margin: 0 auto;
    margin-top: 10px;
}

#batteryStatusAlert td {
    border: solid 1px lightgray;
}


#batteryStatusVoltage {
    border-radius: 15px;
    margin-top: 10px;
    background-color: black;
    color: #8cc63e;
    font-size: 50px;
    width: 100%;
    text-align: center;
}

#batteryStatusCurrent {
    border-radius: 15px;
    margin-top: 20px;
    background-color: black;
    color: #8cc63e;
    font-size: 50px;
    width: 100%;
    text-align: center;
}


/*==================End Battery Status=========================*/





/*==================IOT Chart=========================*/


.IOTChartBox {
    border-radius: 7px;
    box-shadow: 4px 4px 8px 0 #393b4d;
    background-color: #FFFFFF;
    height: 310px;
    width: 31vw;
    margin-left: 1.5vw;
    float: left;
}

    .IOTChartBox span {
        color: white;
        font-size: 16px;
        width: 100%;
        text-align: center;
        margin-top: 12px;
    }

.IOTChartBoxHeader {
    height: 50px;
    margin-bottom: 10px;
    background-color: #393b4d;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

/*==================IOT Chart=========================*/


/*==================AIO Accordion=========================*/

.aioAccordionHeader {
    height: 30px;
    background: #393b4d !important;
    color: #fff !important;
    padding-top: 10px;
    padding-left: 10px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    font-weight: bold;
    font-size: 14px;
    font-family: segoe ui,Arial,sans-serif;
}

.aioAccordionHeaderClosed {
    background: #5b6a76 !important;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.aioAccordionContent {
    background: white;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 10px;
}

/*================== END AIO Accordion=========================*/


.gridBatteryRate {
    font-size: 14px;
    border: 1px solid lightgray;
    overflow-y: scroll;
}


    .gridBatteryRate td {
        font-size: 14px;
        border: 1px solid lightgray;
        padding-left: 12px;
        padding-right: 12px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .gridBatteryRate input {
        background: transparent;
        width: 40px;
        font-size: 14px;
    }

    .gridBatteryRate span {
        font-size: 16px;
        font-weight: bold;
    }

    .gridBatteryRate tr:nth-child(odd) td {
        background-color: #ffffff;
    }

    .gridBatteryRate tr:nth-child(even) td {
        background-color: #ffffff;
    }


.javaGridView th {
    padding-left: 10px;
    padding-right: 10px;
}

.select2 {
    width: 170px;
}


.select2-selection__rendered {
    font-size: 12px;
    color: black;
}

.select2-search__field {
    width: 150px;
}

.select2-results__option {
    font-size: 12px;
}

.selection {
    width: 170px;
}

.select2-container .select2-selection {
    height: 30px;
    overflow-y: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    /*border: none !important;*/
    border-radius: unset !important;
    outline: 0;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    /*border: none !important;*/
    border-radius: unset !important;
    cursor: text;
    min-height: 30px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border-radius: unset !important;
}



.select2-container--default .select2-selection--multiple:before {
    content: ' ';
    display: block;
    position: absolute;
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    right: 6px;
    margin-left: -4px;
    margin-top: -2px;
    top: 50%;
    width: 0;
    cursor: pointer
}

.select2-container--open .select2-selection--multiple:before {
    content: ' ';
    display: block;
    position: absolute;
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
    height: 0;
    right: 6px;
    margin-left: -4px;
    margin-top: -2px;
    top: 50%;
    width: 0;
    cursor: pointer
}

/*Accordion*/
#siteDetails .ui-state-default {
    border: 1px solid #5b6a76 !important;
    background: #5b6a76 !important;
    color: #fff !important;
}

#siteDetails .ui-state-active {
    background: #393b4d !important;
    color: #fff !important;
}

#siteDetails .ui-state-hover {
    background: #393b4d !important;
    color: #fff !important;
}

#accordion .ui-accordion-content {
    max-height: 450px;
}

.tableSiteDetails span {
    font-weight: bold;
    padding-left: 3px;
}

.ui-accordion-header {
    font-weight: normal;
    font-size: 14px !important;
    cursor: default !important;
}

.ui-accordion .ui-accordion-icons {
    padding-left: 1em !important;
}

#accordion h3 img {
    margin-right: 10px;
    margin-top: 2px;
    cursor: pointer;
}

.accordionEmpty {
    color: red;
}

.accordionContent table.accordionTable td {
    border: 1px solid #7a8893;
}




#sortable1, #sortable2 {
    /*border: 1px solid #000000;*/
    width: 130px;
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px;
    height: 300px;
}

    #sortable1 li {
        /* margin: 0 5px 5px 5px;  
    font-size: 1.2em;
    width: 120px;*/
        height: 20px;
        padding: 2px;
        color: black;
        cursor: move;
    }

    #sortable2 li {
        height: 20px;
        padding: 2px;
        color: lightgray;
        cursor: move;
    }




.common {
    position: absolute;
    z-index: 909;
    background: #fff;
    color: #7a8894;
}

    .common .title {
        line-height: 28px;
        font-size: 14px;
        padding: 5px 10px;
        color: #393b4d;
        border-bottom: 1px solid #7a8893;
        background: url(images/triangleCorner.png) no-repeat 2px 2px;
    }

    .common select, .common textarea, .common input[type="text"], .common input[type="password"] {
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .common .buttons {
        border-top: 1px solid #7a8893;
        height: 48px;
        text-align: center;
    }

        .common .buttons span {
            width: calc(50% - 1px);
            border-left: 1px solid #7a8893;
            text-align: center;
        }

            .common .buttons span:first-child {
                border: none;
            }

        .common .buttons input.bt {
            padding: 12px 0 12px 30px;
            /* background-color: #fff; */
            line-height: 22px;
            font-size: 14px;
            color: #7a8894;
        }

    .common input.save {
        background: url(images/popup_save.png) no-repeat left;
    }

    .common input.cancel {
        background: url(images/popup_cancel.png) no-repeat left;
    }

    .common input.restore {
        background: url(images/popup_restore.png) no-repeat left;
        margin-left: 10px;
    }

    .common input.load {
        background: url(images/popup_load.png) no-repeat left;
        margin-left: 10px;
        margin-right: 10px;
    }

    .common input.remove {
        background: url(images/icon_remove.png) no-repeat left;
        margin-left: 10px;
    }

    .common input.template {
        background: url(images/popup_load.png) no-repeat left;
    }

















.example {
    font-size: 12px;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.example-month {
    border-right: 1px solid #dee2e6;
    background-color: #343a40;
    color: #fff;
    padding: 0 10px;
}

    .example-month:last-child {
        border-right: 0;
    }

.example-week {
    border-right: 1px solid #dee2e6;
    background-color: #343a40;
    color: #6c757d;
    padding: 0 5px;
}

    .example-week:last-child {
        border-right: 0;
    }

.example-date {
    border-right: 1px solid #dee2e6;
    background-color: #343a40;
    color: #fff;
    text-align: center;
}

    .example-date:last-child {
        border-right: 0;
    }

    .example-date.today {
        background-color: #ffc107;
    }

.example-day {
    border-right: 1px solid #dee2e6;
    background-color: #343a40;
    color: #6c757d;
    text-align: center;
}

    .example-day:last-child {
        border-right: 0;
    }

    .example-day.today {
        background-color: #ffc107;
    }

.example-col {
    border-right: 1px solid #eef1f2;
}

    .example-col:last-child {
        border-right: 0;
    }

    .example-col.today {
        background-color: #ffc107;
    }

    .example-col.nwd {
        background-color: #f5f5f5;
    }

.example-row {
    border-bottom: 1px solid #dee2e6;
}

.example-event {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #17a2b8;
    color: #fff;
    padding: 0 10px;
}

    .example-event a {
        display: block;
        color: #fff;
        text-decoration: none;
    }



.Gantt-container { /*overflow-x:scroll;*/
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .Gantt-container * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

.Gantt-month, .Gantt-week {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: top
}

.Gantt-date, .Gantt-day {
    display: inline-block
}

.Gantt-events {
    position: relative
}

.Gantt-col {
    display: inline-block
}

.Gantt-rows {
    position: absolute;
    top: 0
}

.Gantt-row {
    width: 100%
}

.Gantt-event {
    position: absolute;
    z-index: 1;
    color: black; /*overflow:hidden;*/
    white-space: nowrap; /*-o-text-overflow:ellipsis;text-overflow:ellipsis;*/
    vertical-align: top
}


.AioFormBox {
    background-color: white;
    min-width: 400px;
    max-width: 650px;
    margin: 20px auto 0px;
    border: 1px solid lightgray;
    border-radius: 7px;
    font-size: 16px;
}

.AioFormBoxHeader {
    background-color: #a8cf37;
}


.AioFormBox input[type="text"] {
    margin: 0px 10px 20px 25px;
    font-size: 16px;
    border: 0;
    outline: 0;
    background: transparent;
    border-bottom: 1px solid lightgray;
    border-radius: 0px;
    width: calc(100% - 60px);
    color: #202124;
}

.AioFormBox input[type="checkbox"] {
    margin: 21px 10px 20px 5px;
    font-size: 16px;
}

.AioFormBox input[type="button"] {
    margin: 0px 10px 20px 25px;
}

.AioFormBox select {
    margin: 7px 10px 20px 25px !important;
    font-size: 16px;
    width: calc(100% - 60px);
}

.AioFormBox textarea {
    margin: 21px 10px 20px 25px;
    font-size: 16px;
    background-color: transparent;
    color: black;
    width: calc(100% - 60px);
    height: 100px;
    font-family: "Aller", Arial, Sans-Serif;
}

input::-webkit-input-placeholder {
    color: lightgray !important;
}

input:-moz-placeholder { /* Firefox 18- */
    color: lightgray !important;
}

input::-moz-placeholder { /* Firefox 19+ */
    color: lightgray !important;
}

input:-ms-input-placeholder {
    color: lightgray !important;
}

input::-webkit-input-placeholder {
    color: lightgray !important;
}

.AioFormEditor input:-moz-placeholder { /* Firefox 18- */
    color: lightgray !important;
}

.AioFormEditor input::-moz-placeholder { /* Firefox 19+ */
    color: lightgray !important;
}

.AioFormEditor input:-ms-input-placeholder {
    color: lightgray !important;
}

.AioFormSelected {
    border-bottom: 4px solid #a8cf37;
    color: #a8cf37;
}


.AioFormSubmit {
    background-color: #a8cf37 !important;
    font-size: 16px;
    border-radius: 5px;
}

/* FlexMonster */
.fm-grid-view * {
    font-family: "Aller", Arial, Sans-Serif !important;
    font-size: 12px !important;
}


.waiting {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #3498db;
    width: 14px !important;
    height: 14px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 1s linear infinite;
}



/*GEO Map*/

.geoMapMenu .select2-container--default .select2-selection--multiple:before {
    display: none;
}


.geoMapMenu .select2-container--default .select2-selection--single:before {
    display: none;
}

.geoMapMenu .select2-container {
    height: 24px;
    width: 165px !important;
}

.geoMapMenu .select2-selection__arrow {
    display: none;
}

.geoMapMenu .select2-selection--single .select2-selection__rendered {
    line-height: 21px;
    width: 140px;
}

.geoMapMenu .select2-selection--multiple {
    height: 24px;
    width: 165px;
    border: 1px solid lightgray;
    margin-top: -6px;
    min-height: 24px;
    border-radius: 4px !important;
}


.geoMapMenu .select2-selection--single {
    height: 24px;
    width: 165px;
    border: 1px solid lightgray;
    margin-top: -6px;
    min-height: 24px;
    border-radius: 4px !important;
    padding-top: 2px;
}

.geoMapMenu select2-container .select2-search--inline .select2-search__field {
    margin-top: 0px;
}

.geoMapMenu_span {
    padding: 3px;
    margin-right: 10px;
    width: 60px;
    margin-top: -4px;
}

.geoMapMenu div {
    width: 260px;
    margin-left: 20px;
    margin-bottom: 10px;
}

.geoMapMenu li {
    margin-bottom: 5px;
    line-height: 22px;
}

    .geoMapMenu li input {
        margin-right: 10px;
    }

.geoMapMenu label {
    font-weight: normal;
    font-size: 12px;
}

.geoMapMenu {
    font-size: 12px;
}

#btnMenu {
    background: #393b4d;
    color: #FFFFFF;
    border: none;
    margin: 0;
    font-size: 1.8em;
    background: url('images/menu_black.png');
    background-repeat: no-repeat;
    background-size: auto;
    width: 36px;
    height: 23px;
    margin: 10px 0px 0px 20px
}

#btnSearch {
    background: #393b4d;
    color: #FFFFFF;
    border: none;
    margin: 0;
    font-size: 1.8em;
    background: url('images/search_map.png');
    background-repeat: no-repeat;
    background-size: auto;
    width: 36px;
    height: 23px;
    margin: 10px 0px 0px 20px
}

#divMainFilters::-webkit-scrollbar-track {
    background-color: rgb(219,223,225);
    border-radius: 10px;
}

#divMainFilters::-webkit-scrollbar {
    width: 10px;
    /*background-color: #F5F5F5;*/
}

#divMainFilters::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #dbdfe1), color-stop(0.1, #747474), color-stop(1, #393b4d));
    border: solid 1px black;
}

#tableGeoSiteInfo {
    border-collapse: collapse;
    border: 1px solid #000;
    margin: 30px;
    width: 420px;
}

    #tableGeoSiteInfo td {
        border: 1px solid #000;
    }

.scrollThin::-webkit-scrollbar-track {
    background-color: rgb(219,223,225);
    border-radius: 10px;
}

.scrollThin::-webkit-scrollbar {
    width: 10px;
    /*background-color: #F5F5F5;*/
}

.scrollThin::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #dbdfe1), color-stop(0.1, #747474), color-stop(1, #393b4d));
    border: solid 1px black;
}


.geoMapButtons {
    width: 60px;
    margin-right: 15px;
    cursor: pointer;
}

    .geoMapButtons div {
        width: 34px;
        height: 34px;
        border-radius: 34px;
        border: 1px solid;
        color: #1a73e8;
        margin: 0 auto;
    }

    .geoMapButtons img {
        margin-left: 7px;
        margin-top: 7px;
    }

    .geoMapButtons span {
        color: #1a73e8;
        margin: 0 auto;
        margin-top: 5px;
        text-align: center;
    }




#divWizardHTMLMain .select2-selection__arrow {
    height: 24px;
}


#divWizardHTMLMain .select2-selection__rendered {
    line-height: 24px;
}

#divWizardHTMLMain .select2-selection--single {
    height: 24px;
    border: 1px solid lightgray;
    overflow-y: hidden;
}

#divWizardHTMLMain .select2-container {
    height: 24px;
}




.vppBox {
    height: 100%;
    margin-left: 12px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 3px 1px 8px 0px #a5a6a6;
}

    .vppBox span {
        font-size: 13px;
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }

.vpp_Info_title {
    text-decoration: underline;
    text-decoration-color: #12b4ab;
    text-decoration-thickness: 3px;
}

.vppPacks {
    max-height: 180px;
    margin-top: 20px;
    display: block;
    overflow: auto;
    width: 1115px;
}

.vppScroll::-webkit-scrollbar-track {
    border-radius: 9px;
}

.vppScroll::-webkit-scrollbar {
    width: 7px;
}

.vppScroll::-webkit-scrollbar-thumb {
    border-radius: 9px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #4a7d93), color-stop(0.1, #4a7d93), color-stop(1, #4a7d93));
}


.vppChart .c3-gauge-value {
    font-size: 18px !important;
    font-weight: 600;
}

.vppChart .domain {
    stroke: #FFF !important;
}

.vppChart .c3-line {
    stroke-width: 3px !important;
}

.vppChartPlavView .c3-line {
    stroke-width: 1px !important;
}

.vppChart .c3-axis .tick line {
    display: none !important;
}


.styledWhiteTable {
    width: 100%;
}

    .styledWhiteTable th {
        color: #393b4d;
        line-height: 32px;
        border: 1px solid #7a8893;
        white-space: nowrap;
        font-weight: bold;
        text-align: center;
        font-size: 14px;
    }

    .styledWhiteTable td {
        color: #393b4d;
        line-height: 16px;
        border: 1px solid #7a8893;
        white-space: nowrap;
        font-weight: bold;
        text-align: center;
        font-size: 14px;
        padding: 1px;
    }

    .styledWhiteTable input[type="text"] {
        width: 40px;
        height: 16px;
        padding: 0px;
    }

.tariffFields {
    margin-left: 10px;
    display: block;
    margin-top: 10px;
}

    .tariffFields select, .tariffFields input[type="text"] {
        width: 90px;
    }

    .tariffFields span {
        padding-top: 7px;
        margin-right: 5px;
        margin-left: 15px;
        font-weight: bold;
    }


.userScreen {
    background-color: #F4F6F9;
    font-family: Arial, Sans-Serif;
    font-size: 15px;
}

.userScreenHeader span {
    float: right;
    margin-right: 20px;
    margin-top: 15px;
    font-size: 20px;
    font-family: cursive;
    cursor: pointer;
}

.userScreenHeader {
    position: absolute;
    height: 50px;
    left: 0px;
    right: 0px;
    top: 0px;
    background: #FFFFFF;
    border-radius: 14px 14px 0px 0px
}

#divUserDetailsMain {
    background: #4852F5;
    /*position: absolute;
    width: 317px;
    height: 45%;
    left: 0px;
    top: 0px;*/
    border-radius: 10px 10px 0px 0px;
    color: #FFFFFF
}

    #divUserDetailsMain img {
        margin: 0 auto;
        display: flex;
        /*margin-top: 12%;*/
        width: 130px;
        height: 130px;
        border-radius: 130px;
        border: 4px solid white;
        object-fit: cover;
    }

.userScreenBox {
    /*position: absolute;*/
    background: #FFFFFF;
    border-radius: 10px;
    overflow: auto;
    /*white-space: nowrap;*/
}

    .userScreenBox::-webkit-scrollbar-track {
        border-radius: 6px;
    }

    .userScreenBox::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    .userScreenBox::-webkit-scrollbar-thumb {
        border-radius: 6px;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #9e9e9e), color-stop(0.1, #9e9e9e), color-stop(1, #9e9e9e));
    }




    .userScreenBox span {
        white-space: nowrap;
    }

.userScreenBoxTitle {
    margin-bottom: 10px;
    color: black;
    font-size: 16px;
    font-weight: 600;
}

.userScreenBoxTitleRight {
    margin-bottom: 10px;
    color: black;
    font-size: 16px;
    float: right;
}

.userScreenBoxData {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}

.userScreen table {
    width: 95%;
    margin-left: 10px;
    text-align: left;
    margin-top: 0px;
}

    .userScreen table th {
        padding: 5px 10px;
        font-weight: 600;
        font-size: 12px;
        line-height: 20px;
        color: #132443;
    }


    .userScreen table td {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        color: #57647C;
    }

.userScreenVisitON {
    color: #4852F5 !important;
    background: rgba(72, 82, 245, 0.1);
    border-radius: 6px;
    padding: 0px 15px 0px 15px;
}

.userScreenVisitOFF {
    color: #F25F4B !important;
    background: rgba(242, 95, 75, 0.1);
    border-radius: 6px;
    padding: 0px 15px 0px 15px;
}

.userScreenLink {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    font-weight: 600;
    width: 270px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.userScreenFuel {
    background: #ABD83A;
    border-radius: 10px;
    float: left;
    height: 10px;
}

.userScreenFuelLow {
    background: #F2874B;
    float: left;
    height: 10px;
}

.userScreenFuelEmpty {
    background-color: lightgray;
    border-radius: 10px;
    height: 10px;
    opacity: 0.2;
}

.userScreenFuelText {
    margin-top: -5px;
    margin-left: 10px;
    font-weight: 600;
    float: right;
    height: 10px;
}


.userScreenInsights {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    height: 30px;
    border-radius: 6px;
}

.userScreenInsightsAlert {
    background-color: rgba(242, 95, 75, 0.06);
}

.userScreenInsightsInfo {
    background-color: rgba(72, 82, 245, 0.06);
}

.userScreenInsightsOK {
    background-color: rgba(171, 216, 58, 0.06);
}


#txtuserSceenInsights {
    float: left;
    color: black;
    margin-top: 8px;
    width: calc(100% - 50px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#txtuserSceenMessages {
    float: left;
    color: black;
    font-weight: 600;
    cursor: pointer;
    width: calc(100% - 140px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}






/*Json Viewer operation > Log page @SHAI 2022-11-02*/
.contentjson {
    display: none;
    position: absolute;
    z-index: 909;
    background: #1c2833;
    top: 50%;
    width: 800px;
    height: calc(83vh - 250px);
    left: calc(50vw - 400px);
    top: 83px;
    box-shadow: 5px 5px 10px #393b4d;
    overflow: auto;
}

.json-editor-blackbord {
    /*background: #dbdfe1;*/
}

ul.json-dict, ol.json-array {
    border: none !important;
}

.close-btn {
    /*    position: absolute;
    right: 20px;
    top: 15px;
    background: url(images/popup_cancel.png) no-repeat left;
    color: white;
    border-radius: 50%;
    padding: 13px;
    cursor: pointer;*/
    position: absolute;
    right: 9px;
    top: -14px;
    border-radius: 50%;
    color: black;
    padding: 13px;
    cursor: pointer;
    font-size: 56px;
}

#items {
    list-style: none;
    margin: 0px;
    margin-top: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
    font-size: 17px;
    color: #333333;
}


#cntnr {
    display: none;
    position: fixed;
    border: 1px solid #B2B2B2;
    width: 150px;
    background: #F9F9F9;
    box-shadow: 3px 3px 2px #E9E9E9;
    border-radius: 4px;
    transform: translate(-50%, -50%);
    z-index: 100;
    cursor: pointer;
}

#items :hover {
    color: white;
    background: #284570;
    border-radius: 2px;
}

#copyToClipboard {
    /*background: url(copy.svg) no-repeat;*/
    background: url(images/copy.svg) no-repeat;
    position: absolute;
    right: 73px;
    top: 17px;
    /* background-color: black; */
    /* background: url(images/popup_cancel.png) no-repeat left; */
    /* color: white; */
    /* border-radius: 50%; */
    padding: 13px;
    cursor: pointer;
}

    #copyToClipboard:active {
        transform: translateY(4px);
    }

#MessagePopup, #MessageDetailsPopup {
    width: 40vw;
    height: 40vh;
    top: 38vh;
    left: 27vw;
    border-radius: 14px;
    background-color: rgb(244, 246, 249);
    z-index: 99999;
    display: block;
    border: 2px solid grey;
}



/*New Design*/
input[type="submit"], input[type="button"] {
    background: #4852F5;
}


div.MenuEdit ul.level1 {
    width: calc(100% - 14px) !important;
    background: #fff !important;
    border-radius: 0px 0px 14px 14px;
    padding-left: 12px !important;
    border: 1px solid lightgray;
}



.homeMenuButton {
    cursor: pointer;
    color: #000;
    filter: invert(60%) sepia(9%) saturate(584%) hue-rotate(180deg) brightness(87%) contrast(96%);
}

.homeMenuButtonActive {
    cursor: pointer;
    color: #000;
    filter: invert(28%) sepia(59%) saturate(4805%) hue-rotate(233deg) brightness(99%) contrast(94%);
}

.homeMenuButton:hover {
    filter: invert(28%) sepia(59%) saturate(4805%) hue-rotate(233deg) brightness(99%) contrast(94%);
}

.homeMenuButton span {
    font-size: 16px;
    font-weight: 600;
    vertical-align: baseline !important;
}

.homeMenuButton img {
    margin-right: 10px;
    margin-left: 30px;
}


.customScroll::-webkit-scrollbar-track {
    border-radius: 4px;
}

.customScroll::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.customScroll::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #9e9e9e), color-stop(0.1, #3f51b5), color-stop(1, #3f51b5));
}

.jstree-ocl {
    filter: invert(68%) sepia(59%) saturate(0%) hue-rotate(283deg) brightness(99%) contrast(94%) !important;
    float: right;
    margin-right: 35px;
}

.jstree-default .jstree-icon:empty {
    margin-left: 20px;
}

.Severity-Critical:before {
    width: 2px !important;
}

#divCMSMainMenu {
    width: 234px;
    position: absolute;
    width: 234px;
    height: calc(100vh - 40px);
    left: 20px;
    top: 20px;
    background: #1A2C4C;
    border-radius: 14px;
}

#divCMSMainMenuTree {
    height: calc(100vh - 460px);
    overflow: auto;
    color: white;
    position: absolute;
    width: 100%;
    margin: 10px 0px 10px 0px;
    transition: all 1s ease;
    /*border-bottom: 1px solid #6A7EA1;*/
}

#SearchViewModeContainer {
    height: 40px !important;
    border: 1px solid #6A7EA1 !important;
    background-color: #213355 !important;
}

#divCMSMainDataHeader {
    position: absolute;
    width: calc(100vw - 294px);
    height: 73px;
    left: 274px;
    top: 20px;
    border-radius: 14px 14px 0px 0px;
    background-color: #FFFFFF;
    border: 1px solid lightgray;
}

#divCMSMainMenuStatus {
    color: #6A7EA1;
    height: 295px;
    overflow: auto;
    position: absolute;
    width: 100%;
    top: calc(100vh - 335px);
    background-color: #132443;
    border-radius: 0px 0px 14px 14px;
    transition: all 1s ease;
}

.CMSMainMenuStatus {
    color: #FFFFFF;
    padding: 2px 10px 2px 10px;
    border-radius: 100px;
    float: right;
    cursor: pointer
}

.CMSMainMenuTreeCollapsed {
    height: calc(100vh - 580px) !important;
    transition: all 1s ease;
}

.CMSMainMenuStatusExpand {
    top: calc(100vh - 442px) !important;
    height: 402px !important;
    transition: all 1s ease;
}

#loginStatusContainer {
    border-right: none !important;
    border-left: none !important;
    margin-right: 0px !important;
}


#CMSMainMenuBtn {
    float: right;
    margin: -5px 5px 0px 0px;
    filter: invert(28%) sepia(73%) saturate(5690%) hue-rotate(236deg) brightness(103%) contrast(92%);
    cursor: pointer;
}


#divCMSMainMenu #searchBoxType {
    background: url(images/NewDesignIcons/chevron-down.svg) no-repeat center;
    filter: invert(68%) sepia(59%) saturate(0%) hue-rotate(283deg) brightness(99%) contrast(94%) !important;
    background-size: 18px 18px;
}

#divCMSMainMenu #searchIcon {
    background: url(images/NewDesignIcons/search.svg) no-repeat center;
    filter: invert(68%) sepia(59%) saturate(0%) hue-rotate(283deg) brightness(99%) contrast(94%) !important;
    background-size: 18px 18px;
}

#searchBy {
    top: 115px;
    left: 180px;
    background-color: #1A2C4C;
    width: 150px;
    border: 1px solid #6A7EA1;
}

    #searchBy li {
        border-bottom: 1px solid #6A7EA1;
    }

#divCMSMainDataFrame {
    height: calc(100vh - 120px);
    top: 97px;
    width: calc(100vw - 292px);
    left: 274px;
    background-color: white;
    position: absolute;
    transition: all 0.3s ease;
}

.divCMSMainDataFrameResize {
    height: calc(100vh - 30px) !important;
    top: 20px !important;
    left: 20px !important;
    width: calc(100vw - 38px) !important;
    transition: all 0.3s ease;
}

#imgCMSMainResize {
    position: absolute;
    width: 20px;
    left: calc(100vw - 50px);
    top: 30px;
    z-index: 999;
}

div.MenuEdit ul.level2 {
    background-color: white !important;
}



div.MenuEdit li:hover, div.MenuEdit li.activeTab {
    background: #F4F6F9 !important;
    /*border-bottom: 1px solid #4852F5;*/
}

.li_background_selected {
    background: #F4F6F9 !important;
}


.radioTable, .ajax__tab_panel .radioTable {
    background-color: white;
}

    .radioTable input[type="radio"]:checked + label, .ajax__tab_panel .radioTable input[type="radio"]:checked + label {
        background-color: #4852F5;
        color: white;
    }

    .radioTable label, .ajax__tab_panel .radioTable label {
        color: black;
    }

.radioTable {
    margin-top: 10px !important;
    border: 1px solid lightgray;
    border-radius: 14px;
    border-collapse: unset;
}

.Alerts_PanelActions {
    height: 50px;
    /*background-color: white;*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100vw !important;
    margin-left: 0px !important;
}

input[type="button"].bt_expcol {
    background: url("images/NewDesignIcons/chevrons-up.svg") no-repeat center;
    background-color: #F4F6F9;
    border-radius: 6px;
    width: 30px;
    height: 30px;
    margin: 10px 5px 0px 5px;
}


input[type="submit"].bt_refresh {
    background: url("images/NewDesignIcons/rotate-ccw.svg") no-repeat center;
    background-size: 18px 18px;
    background-color: #F4F6F9;
    border-radius: 6px;
    width: 30px;
    height: 30px;
    margin: 10px 5px 0px 5px;
}

input[type="button"].bt_addalert, input[type="submit"].bt_addalert {
    background: url("images/NewDesignIcons/plus.svg") no-repeat center;
    background-size: 18px 18px;
    background-color: #F4F6F9 !important;
    border-radius: 6px;
    width: 30px;
    height: 30px;
    margin: 10px 5px 0px 5px;
    filter: none;
}

input[type="button"].bt_addalertMulti, input[type="submit"].bt_addalertMulti {
    background: url("images/NewDesignIcons/plus-circle.svg") no-repeat center;
    background-size: 18px 18px;
    background-color: #F4F6F9 !important;
    border-radius: 6px;
    width: 30px;
    height: 30px;
    margin: 10px 5px 0px 5px;
    filter: none;
}

input[type="button"].bt_editalertMulti, input[type="submit"].bt_addalertMulti {
    background: url("images/NewDesignIcons/edit.svg") no-repeat center;
    background-size: 18px 18px;
    background-color: #F4F6F9 !important;
    border-radius: 6px;
    width: 30px;
    height: 30px;
    margin: 10px 5px 0px 5px;
    filter: none;
}


input[type="button"].bt_reorder {
    background: url("images/NewDesignIcons/git-pull-request.svg") no-repeat center;
    background-size: 18px 18px;
    background-color: #F4F6F9 !important;
    border-radius: 6px;
    width: 30px;
    height: 30px;
    margin: 10px 5px 0px 5px
}

input[type="button"].bt_templateFilter {
    background: url("images/NewDesignIcons/filter.svg") no-repeat center;
    background-size: 18px 18px;
    background-color: #F4F6F9 !important;
    border-radius: 6px;
    width: 30px;
    height: 30px;
    margin: 10px 5px 0px 5px
}

input[type="button"].bt_MapSites {
    background: url("images/NewDesignIcons/map.svg") no-repeat center;
    background-size: 18px 18px;
    background-color: #F4F6F9 !important;
    border-radius: 6px;
    width: 30px;
    height: 30px;
    margin: 10px 5px 0px 5px
}

input[type="button"].bt_Edit {
    background: url("images/NewDesignIcons/edit.svg") no-repeat center;
    background-size: 18px 18px;
    background-color: #F4F6F9 !important;
    border-radius: 6px;
    width: 30px;
    height: 30px;
    margin: 10px 5px 0px 5px
}


input[type="button"].bt_exportToExcel, input[type="submit"].bt_exportToExcel {
    background: url("images/NewDesignIcons/folder.svg") no-repeat center;
    background-size: 18px 18px;
    background-color: #F4F6F9 !important;
    border-radius: 6px;
    width: 30px;
    height: 30px;
    margin: 10px 5px 0px 5px
}

input[type="button"].bt_smsNotification, input[type="submit"].bt_smsNotification {
    background: url("images/NewDesignIcons/mail.svg") no-repeat center;
    background-size: 18px 18px;
    background-color: #F4F6F9 !important;
    border-radius: 6px;
    width: 30px;
    height: 30px;
    margin: 10px 5px 0px 5px
}

input[type="button"].bt_blockedAlerts {
    background: url("images/NewDesignIcons/bar-chart.svg") no-repeat center;
    background-size: 18px 18px;
    background-color: #F4F6F9 !important;
    border-radius: 6px;
    width: 30px;
    height: 30px;
    margin: 10px 5px 0px 5px
}

input[type="button"].bt_blockedAlerts {
    background: url("images/NewDesignIcons/alert-circle.svg") no-repeat center;
    background-size: 18px 18px;
    background-color: #F4F6F9 !important;
    border-radius: 6px;
    width: 30px;
    height: 30px;
    margin: 10px 5px 0px 5px
}

input[type="button"].bt_chart {
    background: url("images/NewDesignIcons/bar-chart.svg") no-repeat center;
    background-size: 18px 18px;
    background-color: #F4F6F9 !important;
    border-radius: 6px;
    width: 30px;
    height: 30px;
    margin: 10px 5px 0px 5px
}

input[type="button"].bt_addProcess, input[type="submit"].bt_addProcess {
    background: url("images/NewDesignIcons/monitor.svg") no-repeat center;
    background-size: 18px 18px;
    background-color: #F4F6F9 !important;
    border-radius: 6px;
    width: 30px;
    height: 30px;
    margin: 10px 5px 0px 5px
}

input[type="button"].bt_more {
    background: url("images/NewDesignIcons/plus-square.svg") no-repeat center;
    background-size: 18px 18px;
    background-color: #F4F6F9 !important;
    border-radius: 6px;
    width: 30px;
    height: 30px;
    margin: 10px 5px 0px 5px
}

input[type="submit"].btnRefresh {
    background: url("images/NewDesignIcons/refresh-cw.svg") no-repeat left;
    padding-left: 30px;
    color: #000;
}

input[type="button"].bt_equipment {
    background: url("images/NewDesignIcons/cpuNew.svg") no-repeat center;
    border-radius: 6px;
    width: 30px;
    height: 30px;
    filter: grayscale(1);
    background-size: contain
}
input[type="button"].bt_sensor {
    background: url("images/NewDesignIcons/sensor.svg") no-repeat center;
    border-radius: 6px;
    width: 30px;
    height: 30px;
    filter: grayscale(1);
    background-size: contain
}

input[type="button"].bt_customer {
    background: url("images/NewDesignIcons/customers.svg") no-repeat center;
    border-radius: 6px;
    width: 25px;
    height: 30px;
    filter: grayscale(1);
    background-size: contain
}

.dataTables_wrapper {
    margin: 0px !important;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}

.fullDataTable .dataTables_wrapper {
    width: 100vw !important;
}


#divAlertsTicket .dataTables_wrapper {
    width: 78vw !important;
}

#divAlertsExtraData .dataTables_wrapper {
    width: 1000px !important;
}

.LinkText {
    color: #000;
}

.global_filter {
    margin-top: 10px;
    border: 1px solid lightgray !important;
    border-radius: 14px;
}

.Alerts_PanelFilter {
    width: 100vw !important;
    /*background-color: white;*/
    border-radius: 14px;
}



.Alerts.PanelsWrapper > div {
    margin: 20px 0px 0px 0px;
}

.ajax__tab_panel table th, .styledTable th, .styledTR td {
    background-color: #F0F3F7 !important;
    border: 0px !important;
    border-left: 1px solid #ddd !important;
}

.styledTable tr:nth-child(odd) {
    background-color: #fff !important;
}

.styledTable tr:nth-child(even) {
    background-color: #fff !important;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom-width: 0px !important;
    border-left: 1px solid #ddd !important;
}


.styledTable td {
    border-right: 0px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

table.dataTable thead .sorting {
    background-image: unset !important;
}

.gsm {
    color: black !important;
}

.styledTable {
    border-bottom: unset;
}

table.dataTable tbody td {
    border-bottom: 1px solid #ddd;
}

table.dataTable thead .sorting {
    border-left: 1px solid #ddd !important;
}



.PanelsNewWrapper, .PanelsGridWrapper {
    color: #000;
}

input[type="submit"], input[type="button"] {
    color: #000;
}


    input[type="submit"].btnAddNew {
        background: url(images/NewDesignIcons//plus.svg) no-repeat left;
    }

.pageTitleWrapper > span, .pageTitleWrapper > a {
    color: #000;
    text-shadow: 2px 2px 4px #b6b6bb;
}


.PanelsGridWrapper, .PanelsNewWrapper, .PanelRegionsSites, #BarcodeWrapper, .PanelHeight, .PanelDocument, .PanelRegionsSites > table td, .nsm, .gsm, .hybridWrapper {
    color: #000;
}

.ajax__tab_panel table a, .styledTable a {
    color: #000;
}

input[type="submit"].btnAddNew {
    color: #000;
}

input[type="submit"], input[type="button"] {
    color: #fff;
}


legend {
    color: #000;
}

.SitesTable {
    overflow: auto;
    max-height: calc(100vh - 30px);
    margin: 0px;
}

.rowHeader {
    background-color: #1A2C4C;
}

.login_wrapper {
    color: #000;
}

#Login2_PasswordRecoveryLink {
    color: #000;
}

#Login2_UserName, #Login2_Password {
    border: 1px solid gray;
    border-radius: 14px;
}


label[for="Login2_RememberMe"] {
    line-height: 18px;
    margin-top: -5px;
    margin-left: 5px;
}

.login_wrapper input[type="submit"] {
    background: #4852F5 !important;
}


html, body, #divPanelAlertActive, div[id*="PanelSilverLightAlert"], #divPanelStatus, div[id*="PanelSilverlightAio690"], .fullheight, #divElectricity, #divDeltaDc, #TabPanelContractDiv, body > form {
    height: calc(100% - 1px);
}


div.MenuEdit li {
    line-height: 27px;
}


svg:not(:root) {
    background-color: transparent !important;
}

.floating {
    background: white;
}

    .floating input[type="text"], .floating input[type="number"], .floating input[type="date"], .floating input[type="password"], .floating select {
        border: 1px solid lightgray;
    }


.PanelsWrapper10, .OuterPanelsWrapper {
    /*height: unset;*/
}

.PanelSearchFilter input[type="text"] {
    background: #fff;
    color: #000;
    width: 180px;
    border-radius: 14px;
}

html {
    overflow: hidden;
}

#dashboardItems {
    background-color: transparent !important;
}

#divTariffForm input[type="text"], #divTariffForm input[type="number"], #divTariffForm input[type="date"], #divTariffForm input[type="password"], #divTariffForm select {
    background-color: transparent;
}

#divContainerTariffPlanEdit input[type="text"], #divContainerTariffPlanEdit input[type="number"], #divContainerTariffPlanEdit input[type="date"], #divContainerTariffPlanEdit input[type="password"], #divContainerTariffPlanEdit select {
    background-color: transparent;
}

.staticCharts .c3-axis-y text {
    fill: #000;
}

.staticCharts .c3-axis-y2 text {
    fill: #000;
}

.staticCharts .c3-axis-x text {
    fill: #000;
}

.staticCharts .c3-legend-item {
    fill: #000;
}

.staticCharts .c3-text {
    fill: #000 !important;
}



#siteDetails {
    margin: 20px 5px 0px 5px;
}

    #siteDetails .ui-state-default {
        border: 1px solid #1A2C4C !important;
        background: #1A2C4C !important;
    }

    #siteDetails .ui-state-active {
        background: #4852F5 !important;
    }

    #siteDetails .ui-widget-content {
        background: transparent !important;
    }

    #siteDetails .ui-state-hover #siteDetails .ui-icon, #siteDetails .ui-state-focus #siteDetails .ui-icon, #siteDetails .ui-button:hover #siteDetails .ui-icon, #siteDetails .ui-button:focus #siteDetails .ui-icon {
        background-image: none !important;
    }

    #siteDetails .ui-icon, #siteDetails #siteDetails .ui-widget-content #siteDetails .ui-icon {
        background-image: none;
    }

    #siteDetails .ui-state-active #siteDetails .ui-icon, #siteDetails .ui-button:active #siteDetails .ui-icon {
        background-image: none;
    }



div.StyledUpload {
    background: #4852F5;
}

/*
    @@ Nir 21/12/2023

    This is old, and really annoying.
    Since I am using Bootstrap.
    Seems like no one is using this.
*/
/*.row > div {
    padding: 10px 20px 10px 20px;
    background: #1A2C4C;
}

    .row > div > span {
        background: unset;
    }*/

#reportsTopBar {
    border-bottom: none;
}


.securityWraper .dataTables_wrapper {
    width: unset !important;
}


#divUserEditAlert .dataTables_wrapper {
    width: unset !important;
}

#reportsBar {
    margin-top: 10px;
}

    #reportsBar span {
        color: #000;
    }

    #reportsBar #ddlOthersCategory, #reportsBar select {
        border: 1px solid lightgray;
    }

text-white {
    color: unset !important;
}



.jstree-clicked, .jstree-hovered {
    background: #4544a7 !important;
}



table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: unset !important;
}


table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 {
    background-color: unset !important;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: unset !important;
}

.waitingGrid {
    width: 250px !important;
    height: 250px !important;
    display: none;
    margin: 0 auto !important;
    margin-top: 15px !important;
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    background-image: none !important;
    padding: 7px 10px 7px 10px !important;
    border-bottom: 0.1px solid #efeaea;
    margin-bottom: 0px !important;
    height: 26px;
    width: unset;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ui-menu {
    font-size: 12px !important;
}

.ui-menu-item {
    margin-bottom: 0px !important;
}

.ui-menu-itemHeader {
    font-weight: 700;
    font-size: 14px;
}

.ui-state-active {
    background-color: #4852F5 !important;
    border: unset !important;
    margin: 0px !important;
}

.ui-widget.ui-widget-content {
    box-shadow: 10px 10px 30px 0px #13244333;
    border-radius: 8px;
}

.login_wrapper input[type="text"], .login_wrapper input[type="password"] {
    border: 1px solid gray;
    border-radius: 14px;
}



#divCommands > div > span, .PanelRegionHeader > label, .pnl_Commands > div > label {
    color: #000;
}


#divCMSMainDataHeader #divUserEdit {
    margin-top: 0vh;
    height: 90vh;
    top: 0vh;
}


.Error, .SiteStatusLabelValues.Error {
    color: #4852F5 !important;
}




.waitingTree {
    position: absolute;
    width: 100px !important;
    height: 100px;
    top: 80px;
    left: 65px;
}




#divCloseOrShowAlert span {
    font-weight: bold;
}








.galleryBox {
    margin-top: 20px;
}

.galleryHeaderName {
    margin-left: 10px;
    font-weight: bold;
}

.galleryHeaderDate {
    font-size: 11px;
    margin-left: 10px;
    margin-top: 7px;
}

.galleryImg {
    object-fit: cover;
    width: 100vw;
    height: calc(100vw * 0.6);
}

.galleryFooter {
    display: inline-block;
    /*width: 100vw;*/
    margin-top: 7px;
}

    .galleryFooter span {
        float: left;
        margin-left: 10px;
        font-size: 11px;
    }

.gallerySeperator {
    border-bottom: 1px solid lightgray;
    margin-top: 15px;
    margin-bottom: 15px;
}

.galleryCounter {
    float: left;
    margin-right: 0px;
    border: 1px solid gray;
    height: 20px;
    min-width: 25px;
    text-align: center;
    border-radius: 6px;
    padding: 2px;
}

    .galleryCounter span {
        font-size: 14px;
        line-height: 20px;
        padding: 0px;
    }

.EquipmentScreeMargin {
    margin-left: 20px !important;
}





.ai_queryOld {
    width: 500px !important;
    border: 1px solid lightgray !important;
    border-radius: 50px;
    margin: 0 auto;
    display: block;
    position: absolute;
    left: calc(50vw - 250px);
    height: 45px;
    padding: 0px 0px 0px 45px !important;
}

.ai_query {
    border: 1px solid lightgray !important;
    border-radius: 50px;
    display: block;
    left: calc(50vw - 250px);
    height: 45px;
    display: inline-flex;
    width: 99% !important;
    padding: 0px !important;
    background-color: white;
}

.ai_commandOld {
    visibility: hidden;
    font-size: 12px;
    max-height: calc(100vh - 200px);
    overflow: auto;
    display: grid;
    width: 545px !important;
    background: white;
    position: absolute;
    top: 29px;
    border-right: 1px solid lightgray !important;
    border-bottom: 1px solid lightgray !important;
    border-left: 1px solid lightgray !important;
    border-image: initial;
    border-radius: 0px 0px 15px 15px;
    left: calc(50vw - 250px);
    border-top: none;
    z-index: 10;
    padding-top: 20px;
    margin-top: 19px;
}

.ai_command {
    visibility: hidden;
    font-size: 12px;
    max-height: calc(100vh - 200px);
    overflow: auto;
    display: grid;
    background: white;
    position: absolute;
    top: 29px;
    border-right: 1px solid lightgray !important;
    border-bottom: 1px solid lightgray !important;
    border-left: 1px solid lightgray !important;
    border-image: initial;
    border-radius: 0px 0px 15px 15px;
    border-top: none;
    padding-top: 20px;
    margin-top: 19px;
    left: 0px;
    z-index: 7;
    width: calc(100% - 36px) !important;
}



    .ai_command span {
        padding: 5px 0px 0px 10px;
        cursor: pointer;
        height: 30px;
    }

        .ai_command span:hover {
            background-color: #a7e5e2;
        }







#chartFailedAssets .c3-chart-arc text {
    display: none;
}



#divDashboardPortfolioTable table {
    width: 90%;
    text-align: left;
    font-size: 14px;
    margin: 7px;
}

#DashboardPortfolioTable th {
    padding: 10px 5px 10px 5px;
    color: gray;
    font-weight: unset;
    font-size: 15px;
}

#DashboardPortfolioTable td {
    padding: 5px 5px 10px 5px;
    font-weight: 600;
}



#divDashboardPortfolio .c3-axis-y .tick {
    display: none;
}

#divDashboardPortfolioRight .c3-axis-x .tick {
    display: none;
}

#divDashboardPortfolio .domain {
    display: none;
}

#divDashboardPortfolioRight .c3-axis-x text {
    font-size: 3em;
}

#divDashboardPortfolio .c3-line {
    stroke-width: 2.5px;
}

#chartPerformance .c3-line {
    stroke-width: 3.5px;
}

#divDashboardPortfolio .c3-chart-texts {
    font-size: 3em !important;
}

#chartFailedAssets .c3-chart-arcs-title {
    font-size: 45px;
}


#divDashboardPortfolioUpdate::-webkit-scrollbar-track, #divContainerData::-webkit-scrollbar-track {
    background-color: rgb(18, 180, 171);
    border-radius: 10px;
}

#divDashboardPortfolioUpdate::-webkit-scrollbar, #divContainerData::-webkit-scrollbar {
    width: 9px;
}

#divDashboardPortfolioUpdate::-webkit-scrollbar-thumb, #divContainerData::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #dbdfe1), color-stop(0.1, #747474), color-stop(1, #393b4d));
    border: solid 1px black;
}


/*
    Nir: 
    Bootstrap-Vue modal
    (initialy for BI Search Component)
*/
.modal + .modal-backdrop {
    opacity: .5;
}
/*
.modal .modal-body input[type="text"], input[type="number"], input[type="date"], input[type="password"], select {
    padding-right: calc(1.5em + .75rem);
    border: 1px solid;
    border-radius: .25rem;
    width: 100%;
    line-height: 1.5;
    min-height: 0;
    background-color: #fff;
    color: #212529;
}
*/

.modal .modal-body input[type="text"], .modal .modal-body input[type="number"], .modal .modal-body input[type="date"], .modal .modal-body input[type="password"], .modal .modal-body select {
    padding-right: calc(1.5em + .75rem);
    border: 1px solid;
    border-radius: .25rem;
    width: 100%;
    line-height: 1.5;
    min-height: 0;
    background-color: #fff;
    color: #212529;
}

.modal .modal-body .form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

.modal .modal-body .table thead {
    background: #5b6a76;
}

.modal .modal-body .table tbody tr td button.btn-secondary {
    color: #fff;
    background-color: #1a2c4c;
    border-color: #1a2c4c;
}

.modal .modal-body .table > :not(:last-child) > :last-child > * {
    border-bottom-color: #212529;
}

.modal .modal-body .table.b-table > tfoot > tr > [aria-sort].b-table-sort-icon-left, .table.b-table > thead > tr > [aria-sort].b-table-sort-icon-left {
    background-position: left calc(.75rem / 2) center;
    padding-left: calc(.75rem + .65em);
}

.modal .modal-body .table.b-table > tfoot > tr > [aria-sort], .table.b-table > thead > tr > [aria-sort] {
    cursor: pointer;
    background-image: none;
    background-repeat: no-repeat;
    background-size: .65em 1em;
}

.modal .modal-body .table.b-table > tfoot > tr > [aria-sort=none], .table.b-table > thead > tr > [aria-sort=none] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}

.table.b-table > tfoot > tr > [aria-sort=descending], .table.b-table > thead > tr > [aria-sort=descending] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='black' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}

.modal .modal-body .table.b-table > tfoot > tr > [aria-sort=ascending], .table.b-table > thead > tr > [aria-sort=ascending] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='black' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}

.modal .modal-footer a {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* Bootstrap-Vue modal */

#divInternalForm .txtClass {
    border: 1px solid lightgray;
    border-radius: 7px;
    height: 25px;
}

#divInternalForm .ddClass {
    border: 1px solid lightgray;
    border-radius: 7px;
    min-height: 29px !important;
}

#divInternalForm span {
    font-weight: bold;
}

#divInternalForm .select2-selection--single {
    height: 29px;
    border-radius: 7px !important;
}






.drawing-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 200px;
}

.drawing-area {
    box-shadow: 0 0 6px 0 #999;
}




.selectDropDown .select2-container--default .select2-selection--multiple:before {
    display: none;
}


.selectDropDown .select2-container--default .select2-selection--single:before {
    display: none;
}

.selectDropDown .select2-container {
    height: 24px;
    width: 255px !important;
}

.selectDropDown .select2-selection__arrow {
    display: none;
}

.selectDropDown .select2-selection--single .select2-selection__rendered {
    line-height: 21px;
    width: 270px !important;
}

.selectDropDown .select2-selection--multiple {
    height: 24px;
    width: 255px !important;
    border: 1px solid lightgray;
    margin-top: -6px;
    min-height: 24px;
    border-radius: 4px !important;
}


.selectDropDown .select2-selection--single {
    height: 24px;
    width: 255px !important;
    border: 1px solid lightgray;
    margin-top: -6px;
    min-height: 24px;
    border-radius: 10px !important;
    padding-top: 2px;
}

.selectDropDown select2-container .selectDropDow .select2-search--inline .select2-search__field {
    margin-top: 0px;
}


.AccessRequestEdit input[type="button"] {
    margin-right: 0.7vw;
    /*background-color: #12b4ab !important;*/
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    border: 1px solid #12b4ab;
    border-radius: 10px;
    width: 110px;
    color: black;
    text-align: right;
    background-position-x: 10px !important;
    height: 30px;
    padding-right: 13px;
    margin-top: 5px;
    float: right;
}

.AccessRequestEdit {
    display: none;
}


.aioDropDown {
    font-size: 14px;
    position: relative;
    height: 30px;
    width: 300px;
}

.aioDropDownOptionSelected {
    background-color: #192c4c;
    color: white;
}

.aioDropDownOption:hover {
    background-color: #192c4c !important;
    color: white !important;
}


/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.insightContainer {
    height: 200px
}

.insightInner {
    margin-right: 10px;
    background-color: #fff;
    border-radius: 10px;
    height: 100%
}

.insightTitle {
    padding: 10px 0 0 10px
}