/*#accordion_navigation h3.ui-state-default { background: url(../images/tab_menue/header_bg.png); background-position: 85% 85%; background-repeat: repeat-x; }*/

#ajax-notifydata {
    margin: 2px;
    padding: 0;
}

#awm-fillable-state-error .box_error, #awm-roules-state-error .box_error, #awm-blok-bake-error .box_error {
    margin: 0;
    padding: 1px;
}

#awm-fillable-state-error, #awm-roules-state-error, #awm-blok-bake-error {
    clear: left;
    vertical-align: bottom;
}

#calculatet_way, #calculatet_speed {
    font-size: 1.2em;
    font-weight: 700;
}

#last-known-distance span {
    font-weight: 700;
    margin-left: 5px;
}

#lst_tab_content {
    background-color: #FFF;
    height: 550px;
    overflow: auto;
    padding: 10px 5px 5px;
}

#lst_tab_header {
    background-color: #f2f9ff;
    border-top: 1px solid #657c91;
    height: 44px;
}

#lst_tab_navstrip {
    background-image: url('data:image/gif;base64,R0lGODlhAQAgAMQAAKm/1gdJdQ9PehRTfUJ7oUh/pGCQsLDI2AIoQQRIdQRIdAVIdAhLdgtMdxpYgSBdhSlmjDl1nD14nk2DplSIqlqMrWaVs2uYtXGcuHagu3ujvX+mvzRylT+Bn0qQqpPAziwAAAAAAQAgAAAFGiBwbFqGXZZRUVNBSFGiLAHTCIPzQFznfYgQADs=') /*../images/tab_menue/back.gif*/;
    background-repeat: repeat-x;
    height: 7px;
}

#lst_tab_wrapper {
    border-bottom: 1px solid #657c91;
    border-left: 1px solid #657c91;
    border-right: 1px solid #657c91;
    margin-top: 10px;
    width: 99%;
}

#main_navigation {
    height: 400px;
    margin: 0;
    padding: 15px 0;
}

#main_navigation ul li.tree_item span.file {
    padding-left: 5px;
}

#mpk-info {
    font-size: 1em;
    height: 130px;
    padding: 10px;
    text-align: left;
}

#mpk-points-start li.start-item div.last-start-point {
    border: 2px solid #C6D880;
}

#server-timeout-timer {
    color: #999;
    font-size: .8em;
}

#signaltype label.ui-state-active {
    background: #F39814;
    color: #fff;
}

#st-so-select {
    cursor: pointer;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#st-so-select .ui-selected {
    background: #F39814;
    color: #FFF;
}

#st-so-select .ui-selecting {
    background: #FECA40;
}

#st-so-select li {
    float: left;
    font-size: .8em;
    height: 80px;
    margin: 3px;
    padding: 2px;
    text-align: center;
    width: 70px;
}


.AWMResultContainer, .MPContainer {
    margin-top: 10px;
    min-height: 350px;
}

.Direction-Highlight {
    border: 1px solid #8a1f11;
}

.Direction-Placeholder {
    background: #fbec88 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAYAAAGDY0LsAAAAnElEQVRoge3XMQqDQBQA0ZjTe1hvYJHUEQthfgrxTbl8x9kVFJd9Wz+vA+/jwoMWFwfyy+mBXL7a4J0GPWuDBh88ePkFMH5nQkJCQkJCwr8LfegJCQkJCQkJCQkJCQkJCe8oHP+jn2Z8x9MIrAisCKwIrAisCKwIrAisCKwIrAisCKwIrAisCKwIrAisCKwIrAisCKwIrAisCKx8AdpoGXRScDwIAAAAAElFTkSuQmCC') /*images/ui-bg_flat_55_fbec88_40x100.png*/ 50% 50% repeat-x;
    border: 1px solid #fad42e;
    color: #363636;
    height: 20px;
}

.Highlight {
    color: #dc143c;
    font-weight: 700;
}

.ItemFound {
    color: #dc143c !important;
}

.NodesContainer {
    height: 500px;
    overflow: scroll;
}

.NodesContainer, .DirectionContainer {
    border: 1px solid #4B4B4D;
    margin: 10px;
    min-height: 30px;
    padding: 5px;
}

.action-image {
    border: solid 1px #D0DBBC;
    cursor: pointer;
    margin: 2px;
    padding: 2px;
}

.action-image-white {
    border: solid 1px #657C91;
    cursor: pointer;
    margin-top: 5px;
    padding: 2px;
}

.action-image-white-active {
    border: solid 1px #F2F9FF;
    margin-top: 5px;
    padding: 2px;
}

.action-image-white:hover {
    border: solid 1px #F2F9FF;
    cursor: pointer;
    padding: 2px;
}

.action-image:hover {
    background-color: #ffefd5;
    border: solid 1px #007300;
    cursor: pointer;
    padding: 2px;
}

.ajax-info {
    font-weight: 700;
    padding: 0 2px;
}

.ajax-wait-moment {
    color: #C71712;
    font-size: .8em;
    font-weight: 700;
    margin-left: 5px;
}

.application-content {
    background-color: #fff;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.application-footer {
    color: #666;
    font-style: normal;
    margin: 10px;
    padding:8px 20px;
    border-top: 1px solid var(--secondary-color);
    display: flex;
    justify-content: space-between;
}

.application-login {
    margin: 10% 0 0 30%;
}

.application-login-info {
    margin: 0 5px 0 10px;
}

.application-login-info a {
    color: #F18103;
    font-weight: 700;
    padding: 0 5px;
    text-decoration: underline;
}

.application-slogan {
    float: left;
    margin-left: 120px;
}

/*.application-view-content, .map-toolbar { margin-bottom: 10px; }*/
.application_header {
    background-color: #4B4B4D;
    border: 1px solid #4B4B4D;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 24px;
}

/*
.application_header { background-image: url(../images/tab_menue/header_bg.png); background-position: 15% 75%; background-repeat: repeat-x; border: 1px solid #657C91; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px; vertical-align: middle; }

*/
.application_header .header-search {
    background: transparent;
    border: 1px solid #FCFDFD;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #FCFDFD;
    float: right;
    margin-right: 5px;
    padding: 7px;
}

.application_header img.application-logo {
    left: 35px;
    position: absolute;
    vertical-align: middle;
}

.awm-change {
    background: url(../images/replace2.gif) no-repeat;
    color: #8a1f11;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 20px;
}

.awm-in-change {
    background-image: url(../images/lsa_states/awm_state_change.png);
}

.awm-in-order {
    background-image: url(../images/lsa_states/awm_state_order.png);
}

.awm-in-hidden {
    background-image: url(../images/lsa_states/Storage-In.png);
}

.awm-large-in-new {
    background-image: url(../images/main_nav/DocumentNew.png);
}

.awm-large-in-change {
    background-image: url(../images/main_nav/Hour-Glass.png);
}

.awm-large-in-order {
    background-image: url(../images/main_nav/Tools.png);
}

.awm-large-in-hidden {
    background-image: url(../images/main_nav/Storage-In.png);
}

.awm-large-in-exist {
    background-image: url(../images/main_nav/Check.png);
}

.awm-manage-button span.ui-button-text {
    padding: .1em;
}

.awm-state-container {
    background-color: #FFEDBF;
    border: 1px solid #DDD;
    color: #4B4B4D;
    float: left;
    font-weight: 700;
    height: 65px;
    margin: 5px 5px 5px 0;
    padding-left: 1px;
    text-align: left;
}

.awm-state-container .awm-state-block {
    margin-left: 5px;
}

.awm-state-error {
    background-color: #FBE3E4;
    border: 1px solid #8a1f11;
    font-weight: 700;
}

.awm-state-filled {
    background-color: #c6d880;
    border: 1px solid #C6D880;
    font-weight: 700;
}

.awm-state-open {
    background-color: #fff;
    border: 1px solid #ddd;
}

.awm-state-tab {
    float: left;
    font-size: .8em;
    margin-left: 1px;
    text-align: center;
    width: 22%;
}

.badge {
    border-radius: 9px;
    color: #fff;
    padding: 1px 9px 2px;
}

.badged-header h3 span.badge {
    display: block;
    float: right;
}

.badged-header h3 span.percent-value {
    width: 25px;
    text-align: center;
}

.badge-normal {
    background-color: #81878D;
}

.badge-error {
    background-color: #8a1f11;
}

.background-colored-grey {
    background-color: #dcdcdc;
}

.background-colored-white, table.form_table {
    background-color: #fff;
}

.backlink_header {
    border-bottom: #DCDCDC 1px dashed; /*width: 100%;*/
}

.bordered {
    border: solid 1px #657C91;
}

.bottom-border {
    border-bottom: solid 1px #666;
}

.bottom-dashed-border {
    border-bottom: #DCDCDC 1px dashed;
}

.border-grey-light-dotted {
    border: 1px dotted #ccc
}

.bottom-position, .application-login-info-user, .application-login-info a, .dsb-info-desc img, .module-inner div.seperate-content div.header img {
    vertical-align: bottom;
}

.box_error a, .selected, .cellmarkerError {
    color: #8a1f11;
}

.box_error, .input_error, .cellmarkerError {
    background: #bf111b !important;
    border-color: #4B4B4D !important;
    color: #fff !important;
}

.box_error, .notice, .box_success, .information, .p_error, .box_information {
    margin-bottom: 1em;
    padding: .6em;
    width: 100%;
}

.box_error a, .box_error a:visited {
    color: #fff !important
}

.box_information {
    background: #FFEDBF;
    border: none;
    color: #696969;
}

.box_information a {
    color: #000;
}

.box_success {
    background: #E6EFC2;
    border-color: #C6D880;
    color: #264409;
}

.box_success a {
    color: #264409;
}

.button-container {
    margin-top: 15px;
}

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

.chart-switch {
    cursor: pointer;
    font-size: .9em;
    margin-bottom: 5px;
    text-align: right;
    text-decoration: underline;
}

.colored {
    background-color: #FFCE00;
}

.content-area-description {
    color: #999;
    font-size: 1em;
    font-weight: 700;
    vertical-align: super;
}

.context-menue {
    display: none;
    z-index: 1000;
    position: absolute;
    border: 1px solid #888;
    overflow: hidden;
    width: 200px;
    white-space: nowrap;
    border-radius: 3px;
}

.context-menue div:hover {
    background-color: #A6C9E2;
}

.context-menue div {
    margin: 5px;
    padding: 5px;
}

.context-menue div.icon {
    background-repeat: no-repeat;
    padding-left: 20px;
    background-size: 16px;
    background-position: 0% 50%
}

.context-menue div.icon-add {
    background-image: url(../images/main_nav/Folder-Add.png);
}

.context-menue div.icon-upload {
    background-image: url(../images/main_nav/DocumentNew.png);
}

.context-menue div.icon-download {
    background-image: url(../images/main_nav/DocumentDownload.png);
}

.context-menue div.icon-delete {
    background-image: url(../images/main_nav/Delete.png);
}

.count-red {
    color: #D60202;
}

.count-yellow {
    color: #EAD900;
}

/* info karte */
.card-widget {
    border: 1px solid #ccc;
    margin: 7px 0;
}

.card-widget:hover {
    border: 1px solid #428bca
}

.card-widget h3 {
    margin-left: 14px;
}

.card-widget .widget-icon {
}

.card-widget .widget-body {
    padding: 0 14px;
    min-height: 20px;
}

.card-widget .widget-body .meta-data {
    font-size: 0.8em
}

.card-widget .widget-foot {
    padding: 7px
}

.damagefrom {
    color: #4169e1;
}

.damagewith {
    color: #dc143c;
}

.detail-header {
    cursor: pointer;
    font-size: .8em;
    text-align: right;
}

.dim-10 {
    height: 10px;
    width: 10px;
}

.dim-12 {
    height: 12px;
    width: 12px;
}

.dim-16, .small-icon {
    height: 16px;
    width: 16px;
}

.dim-24 {
    height: 24px;
    width: 24px;
}

.draggable span._remove {
    cursor: pointer;
    margin: 0 2px;
    padding: 3px;
}

.draggable span._remove_hover {
    background-image: url(../images/delete.gif);
    background-repeat: no-repeat;
}

.draggable input.analysesendq {
    cursor: default;
}

.ds_box {
    background-color: #FFF;
    border: 1px solid #000;
    height: 220px;
    position: absolute;
    width: 220px;
    z-index: 801;
}

.ds_cell {
    background-color: #FAF0E6;
    border: solid 1px #FAF0E6;
    color: #000;
    cursor: pointer;
    font-family: Tahoma;
    font-size: 11px;
    padding: 3px;
    text-align: center;
}

.ds_cell:hover {
    background-color: #F3F3F3;
    border: solid 1px #4682b4;
}

.ds_cell_actual {
    background-color: #EEE;
    color: red;
    cursor: pointer;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: 700;
    padding: 3px;
    text-align: center;
}

.ds_head {
    background-color: teal;
    color: #FFF;
    font-family: Tahoma;
    font-size: .8em;
    font-weight: 700;
    letter-spacing: 2px;
    text-align: center;
}

.ds_subhead {
    background-color: #EBD587;
    color: #000;
    font-family: Tahoma;
    font-size: .8em;
    font-weight: 700;
    text-align: center;
    width: 25px;
}

.ds_tbl {
    background-color: #FFF;
    margin: 0;
    padding: 0;
}

.dsb-header {
    background-image: url(../images/tab_menue/back.gif);
    color: #fff;
    font-size: .9em;
    padding-left: 1px;
}

.dsb-header-321 {
    background-color: #D60202;
    border: 1px solid #DDD;
    color: #fff;
    font-weight: 700;
    padding: 0 2px;
}

.dsb-header-323 {
    background-color: #FFEC02;
    border: 1px solid #DDD;
    color: #000;
    font-weight: 700;
    padding: 0 2px;
}

.dsb-header-default {
    font-weight: 700;
    padding: 0 2px;
}

.dsb-header-image {
    margin-left: 2px;
    vertical-align: bottom;
}

.dsb-header-right-menue {
    color: #657C91;
    font-size: .9em;
    font-weight: 600;
    padding: 5px 0;
    text-decoration: underline;
    vertical-align: bottom;
}

.dsb-highlight-number-more-info {
    color: #00F;
    text-decoration: underline;
}

.dsb-info-count {
    font-size: .9em;
    font-weight: 600;
}

.dsb-info-desc {
    font-size: .9em;
    margin-right: 20px;
}

.dsb-legend-splitter {
    border-bottom: 2px solid #000;
    border-bottom-color: silver;
    border-bottom-style: solid;
    height: 20px;
    margin-bottom: 5px;
}

.dsb-mgs-item-more-item {
    font-size: .9em;
    padding-left: 10px;
}

.dsb-msg-item-info {
    border-bottom: 1px solid #DDD;
    margin-top: 2px;
    padding: 1px;
}

.dsb-msg-item-msg {
    border-bottom: 1px solid #C5DBEC;
    font-size: .9em;
    margin-top: 2px;
    padding: 1px;
}

.dsb-msg-item-msg-more {
    border-bottom: 1px solid #C5DBEC;
    cursor: pointer;
    font-size: .9em;
    margin-top: 2px;
    padding: 1px;
}

.dsb-splitter-helper {
    height: 4px;
    width: 100%;
}

.even {
    background-color: #f6f6f6;
}

.filterinput {
    height: 15px;
    margin: 5px;
    width: 150px;
}

.fl-clear, .awm-modification-container, .clear-fix {
    clear: both;
}

.fl-clear-tab {
    clear: both;
    content: "";
    display: table;
}

.fl-clearing:after {
    content: "";
    clear: both;
    display: block;
}

.fl-left, .module {
    float: left;
}

.fl-right, .dsb-header-chart {
    float: right;
}

.fl-right-important {
    float: right !important
}

.font-size-08, .small-text, .font-size-small-8, #signaltype label span.ui-button-text, .map-opacy-slider-info {
    font-size: .8em;
}

.font-size-1 {
    font-size: 1em;
}

.font-size-1_2 {
    font-size: 1.2em;
}

.font-weight-normal {
    font-weight: normal !important;
}

.formElementError {
    background: url(../images/warning.gif) no-repeat 0;
    color: #C30;
    font-size: .8em;
    font-weight: 700;
    padding-left: 18px;
}

.gis-no-location {
    background: url(../images/main_nav/LocationMarkerRed.png) no-repeat right bottom;
    background-size: contain;
}

.graph-container {
    overflow: visible;
    padding: 10px;
    text-align: center;
}

.graph-description {
    color: #8a1f11;
    font-size: .8em;
    margin-bottom: 10px;
    margin-top: 10px;
}

.graph-image {
    border: solid 1px #ddd;
    margin-top: 10px;
    padding: 5px;
}

.grid {
    border: solid 1px #D0D0D0;
    margin-top: 0;
    overflow: scroll;
}

.grid .gridheader {
    background-color: #657C91;
    border: 1px solid #D0D0D0;
    border-left: 1px solid #EEE;
    border-right: 1px solid #D0D0D0;
    font-size: 1em;
    font-weight: 400;
    line-height: 15px;
    text-align: center;
    vertical-align: middle;
}

.grid .tablegrid {
    font-size: 1em;
    margin: 0 5px 0 0;
    padding: 0;
    width: 98%;
}

.grid .tablegrid tbody tr td {
    background: #FFF;
    border-color: #FFF #EDEDED #EDEDED;
    border-style: solid;
    border-width: 1px;
    cursor: default;
    font-size: .9em;
    -moz-outline-style: none;
    outline-style: none;
    outline-width: medium;
    padding: 0 5px 0 2px;
    vertical-align: top;
}

.grid .tablegrid thead tr {
    font-size: 1em;
    margin: 0;
    padding: 0;
}

.has-error label {
    color: #a94442;
}

.has-error .databind {
    border: 1px solid;
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.header-link {
    color: #FFF;
    text-decoration: underline;
}

.height-10 {
    height: 10px;
}

.height-100 {
    height: 100px;
}

.height-150 {
    height: 150px;
}

.height-16 {
    height: 16px !important;
}

.height-200, .height-250 {
    height: 200px;
}

.height-25 {
    height: 24px;
}

.height-300 {
    height: 300px;
}

.height-350 {
    height: 350px;
}

.height-40 {
    height: 40px;
}

.height-400 {
    height: 400px;
}

.height-5 {
    height: 5px;
}

.height-50 {
    height: 50px;
}

.height-450 {
    height: 450px;
}

.height-500, #lst_tab_content.lst_great_content {
    height: 500px;
}

.height-600 {
    height: 600px;
}

.height-650 {
    height: 650px;
}

.height-700 {
    height: 700px;
}

.height-full {
    height: 100%;
}

.icon-add {
    background-image: url(../images/add.gif);
}

.icon-calendar {
    background-image: url(../images/calendar.gif);
}

.icon-factory {
    background-image: url(../images/home.gif);
}

.icon-location {
    background-image: url(../images/main_nav/LocationMarker.png);
}

.icon-mail {
    background-image: url(../images/mail.gif);
}

.icon-node {
    background-image: url(../images/node.gif);
}

.icon-order {
    background-image: url(../images/document_text.png);
}

.icon-order-change {
    background-image: url(../images/main_nav/DataEdit.png);
}

.icon-order-delete {
    background-image: url(../images/main_nav/Delete.png);
}

.icon-order-new {
    background-image: url(../images/main_nav/DocumentAdd.png);
}

.icon-order-hide {
    background-image: url(../images/main_nav/Storage-In.png);
}

.icon-order-show {
    background-image: url(../images/main_nav/Storage-Out.png);
}

.icon-snapshot-saved {
    background-image: url(../images/data_lock.png);
}

.icon-snapshot-saved-open {
    background-image: url(../images/data_time.png);
}

.icon-type {
    background-image: url(../images/main_nav/DeviceType.png);
}

.icon-line {
    background-image: url(../images/main_nav/Tram.png);
}

.icon-user {
    background-image: url(../images/user.gif);
}

.input-error {
    border: 1px solid #e2001a !important
}

.input-success {
    border: 1px solid #4b9b3e !important
}

.image_navigation {
    margin: 0;
    padding: 0;
}

.image_navigation div.navigation_item {
    padding-bottom: 5px;
    padding-top: 5px;
    vertical-align: middle;
    border: 1px solid #fff
}

.image_navigation div.navigation_item a {
    text-decoration: none;
    color: #4B4B4D !important; /*position:absolute;*/
}

.image_navigation div.navigation_item img {
    height: 18px;
    padding: 5px;
    vertical-align: middle;
    width: 18px;
}

.image_navigation div.navigation_item span, .current-link, .txt_bold, .dsb-more-open-state, .dsb-highlight-number, .warp-info-txt-container, #dynamic-time-change-container span, div.mp-number, .order-open, .map-info-content-header span:first-child, .map-info-content span:first-child {
    font-weight: 700;
}

.image_navigation div.navigation_item.disabled a {
    color: #999;
}

.image_navigation div.navigation_item.disabled img {
    -moz-opacity: 0.5;
    cursor: default;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.image_navigation div.navigation_item.hidden, div#lst_tab_content div.tab_page_content_hide, div.mpk-item td.move-left span, div.mpk-item td.move-right span, div.mpk-item td.delete span, .module-inner div.collapsed {
    display: none;
}

.image_navigation div.navigation_item:hover a, table caption a {
    color: #222;
}

.seperator {
    border-bottom: 1px solid silver;
    color: silver;
    font-size: .9em;
    margin: 0 5px;
}

.info-bar p, .static-info-bar p {
    background-position: 0 0;
    background-repeat: no-repeat;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    margin: 0;
    padding: 10px 15px;
}

.info-bar, .static-info-bar {
    color: #FFF;
    padding: 1px;
}

.item {

    margin: 2px;
    padding: 2px;
}

.item-changed {
    background-color: #FFDD82 !important;
}

.item-counter-display {
    font-size: .8em;
    font-weight: 400;
}

.item-removed {
    background-color: #EDB59C !important;
}

.item_added {
    background-color: #C9DB80 !important;
}

.item_draggable {
    cursor: move;
}

.item_selectable, .dsb-info-clear, .collapsable {
    cursor: pointer;
}

.left-align, div.mpk-item td.move-left {
    text-align: left;
}

.left-border {
    border-left: solid 1px #666;
}

.left-margin-10, .ml-10 {
    margin-left: 10px !Important;
}

.left-margin-20, .ml-20 {
    margin-left: 20px !Important;
}

.left-margin-30, .ml-30 {
    margin-left: 30px !Important;
}

.left-margin-40, .ml-40 {
    margin-left: 40px !Important;
}

.left-margin-5, .ml-5 {
    margin-left: 5px;
}

.left-margin-20-pc {
    margin-left: 20%;
}

.left-margin-33-pc {
    margin-left: 33%;
}

.legend {
    color: gray;
    font-size: .9em;
    margin-top: 5px;
    vertical-align: middle;
}

.legend img {
    vertical-align: baseline;
}

.legende {
    background: #f5f5dc;
    border: 1px solid #ddd;
    color: #556b2f;
    margin-bottom: 1em;
    padding: .3em;
}

.language-link {
    margin: 0 2px 0 2px
}

.link {
    color: #0000CC !important;
}

.link:visited {
    color: #800080 !important;
}

.light-bordered {
    border-bottom: #dcdcdc 1px solid;
    border-left: #dcdcdc 1px solid;
    border-right: #dcdcdc 1px solid;
    border-top: #dcdcdc 1px solid;
}

.line-height-15 {
    line-height: 1.5em;
}

.little-text {
    font-size: .6em;
}

.log-icon, .middle-icon {
    height: 24px;
    vertical-align: middle;
    width: 24px;
}

.login-screen {
    background: url(../images/main_nav/Login1.png) no-repeat 100% 0 !important;
}

.logo-name {
    color: #fff;
    font-size: 2.5em;
    margin: 0 0 0 205px;
    font-family: 'NettoWeb-Light', Helvetica, Arial;
}

.lsa-state-icon, .awm-state-icon, .status-icon {
    background-position: 98% 50%;
    background-repeat: no-repeat;
}

.lsa-state-icon-left {
    background-position: 0% 50%;
    background-repeat: no-repeat;
    padding-left: 18px;
    width: 50%
}

.lsa-state-ocit-0 {
    background-image: url(../images/lsa_states/lsa_state_ocit_off_16.png);
}

.lsa-state-ocit-1 {
    background-image: url(../images/lsa_states/lsa_state_off_16.png);
}

.lsa-state-ocit-2 {
    background-image: url(../images/lsa_states/lsa_state_bau_16.png);
}

.lsa-state-ocit-3 {
    background-image: url(../images/lsa_states/lsa_state_ocit_on_16.png);
}

/* LSA STATE */
.lsa-source-state {
    height: 130px;
    min-width: 130px;
    background-position: 40% 50%;
    background-repeat: no-repeat;
}

.lsa-source-state-00 {
    background-image: url(../images/lsa_states/lsa_state_ocit-off_128.png);
}

.lsa-source-state-01 {
    background-image: url(../images/lsa_states/lsa_state_off_128.png);
}

.lsa-source-state-06, .lsa-source-state-36, .lsa-source-state-46, .lsa-source-state-56 {
    background-image: url(../images/lsa_states/lsa_state_pseudo_128.png);
}

.lsa-source-state-30 {
    background-image: url(../images/lsa_states/lsa_ocit_on_128.png);
}

.lsa-source-state-40 {
    background-image: url(../images/lsa_states/lsa_dss_on_128.png);
}

.lsa-source-state-50 {
    background-image: url(../images/lsa_states/lsa_board_on_128.png);
}

.lsa-source-state-31 {
    background-image: url(../images/lsa_states/lsa_ocit_off_128.png);
}

.lsa-source-state-41 {
    background-image: url(../images/lsa_states/lsa_dss_off_128.png);
}

.lsa-source-state-51 {
    background-image: url(../images/lsa_states/lsa_board_off_128.png);
}

.lsa-source-state-02 {
    background-image: url(../images/lsa_states/lsa_state_bau_128.png);
}

.lsa-source-state-32, .lsa-source-state-42, .lsa-source-state-52 {
    background-image: url(../images/lsa_states/lsa_state_bau_data_128.png);
}

/* small icons */
.lsa-source-state-small-00 {
    background-image: url(../images/lsa_states/lsa_state_ocit_off_16.png);
}

.lsa-source-state-small-01 {
    background-image: url(../images/lsa_states/lsa_state_off_16.png);
}

.lsa-source-state-small-06, .lsa-source-state-small-36, .lsa-source-state-small-46, .lsa-source-state-small-56 {
    background-image: url(../images/lsa_states/lsa_state_pseudo_16.png);
}

.lsa-source-state-small-30 {
    background-image: url(../images/lsa_states/lsa_ocit_on_16.png);
}

.lsa-source-state-small-40 {
    background-image: url(../images/lsa_states/lsa_dss_on_16.png);
}

.lsa-source-state-small-50 {
    background-image: url(../images/lsa_states/lsa_board_on_16.png);
}

.lsa-source-state-small-31 {
    background-image: url(../images/lsa_states/lsa_ocit_off_16.png);
}

.lsa-source-state-small-41 {
    background-image: url(../images/lsa_states/lsa_dss_off_16.png);
}

.lsa-source-state-small-51 {
    background-image: url(../images/lsa_states/lsa_board_off_16.png);
}

.lsa-source-state-small-02 {
    background-image: url(../images/lsa_states/lsa_state_bau_16.png);
}

.lsa-source-state-small-32, .lsa-source-state-small-42, .lsa-source-state-small-52 {
    background-image: url(../images/lsa_states/lsa_state_bau_data_16.png);
}

/* End States */
.map-container {
    border: 1px solid #ccc;
    height: 750px;
}

.map-container-300 {
    border: 1px solid #ccc;
    height: 300px;
}

.map-container-400 {
    border: 1px solid #ccc;
    height: 400px;
}

.map-container-500 {
    border: 1px solid #ccc;
    height: 500px;
}

.map-container-600 {
    border: 1px solid #ccc;
    height: 600px;
}

.map-container-700 {
    border: 1px solid #ccc;
    height: 700px;
}

.map-container-dialogs {
    border: 1px solid #ccc;
    height: 200px;
    width: 350px;
}

.map-container-little {
    border: 1px solid #ccc;
    height: 400px;
    width: 400px;
}

.map-container-middle {
    border: 1px solid #ccc;
    height: 450px;
}

.map-container-small, .map-container-650 {
    border: 1px solid #ccc;
    height: 650px;
}

.map-feature-information {
    font-size: .9em;
    overflow: auto;
}

.map-info-content {
    font-size: .9em;
    width: 150px;
}

.map-info-content-header {
    font-size: .9em;
    font-weight: 700;
    width: 150px;
}

.map-info-window {
    font-size: .9em;
    width: 200px;
}

.map-info-window div {
    margin: 10px 0;
}

.map-toolbar .ui-buttonset-margin {
    margin: 0 .5px 0 0;
}

.map-toolbar img {
    margin: 0 5px;
    vertical-align: middle;
}

.margin-10, .ma-10 {
    margin: 10px !important;
}

.margin-15, .ma-15 {
    margin: 15px;
}

.margin-5, .map-info-content-header span, .map-info-content span, .map-feature-information div, .ma-5 {
    margin: 5px;
}

.medium-text, .warp-info, .order-item-list {
    font-size: .9em;
}

.middle-position {
    vertical-align: middle;
}

.min-height-50 {
    min-height: 50px;
}

.min-height-100 {
    min-height: 100px;
}

.min-height-150 {
    min-height: 150px;
}

.min-height-400 {
    min-height: 400px;
}

.min-height-500 {
    min-height: 500px;
}

.min-height-550 {
    min-height: 550px;
}

.min-height-600 {
    min-height: 600px;
}

.min-height-650 {
    min-height: 650px;
}

.min-height-700 {
    min-height: 700px !important;
}

.module-content {
    background: #FFF;
    border-bottom: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border-right: 1px solid #E5E5E5;
    border-top: medium none currentColor;
    padding: 22px;
}

.module-form-label {
    color: #4B4B4D;
    font-size: 1em;
    font-weight: normal;
    display: block;
    margin: 0.4em;
}

.module-inner div.header {
    border-bottom: 1px solid #CDD3D7;
}

.module-inner div.header-silent {
    border-bottom: 1px solid #CDD3D7;
    margin-bottom: 10px;
}

.module-inner div.seperate-content, div.seperate-content {
    border: 1px solid #CDD3D7;
    padding: 2px;
}

.module-inner h3.collapsible {
    background-image: url(images/sort_white.png);
    background-position: 98% 0;
    background-repeat: no-repeat;
    cursor: pointer;
}

.module-inner h3.collapsible-closed {
    background-position: 98% -66px;
}

.module-inner h3.collapsible-open {
    background-position: 98% -33px;
}

.module-inner ul li {
    border-bottom: dotted 1px #ccc;
    border-bottom-style: dashed;
    list-style: none;
    margin: 5px;
    padding-bottom: 5px;
}

.module-inner ul li:last-child {
    border-bottom: none;
}

.module-inner ul.description-list {
    margin: 5px 0 5px 15px;
    padding: 5px;
}

.module-inner ul.description-list li.description-list-item, ul.description-list li.description-list-item ul li {
    list-style: square;
    margin-left: 15px;
    padding: 5px;
    border-bottom: none;
    border-bottom-style: none;
}

.module-inner, .info-bar, .static-info-bar {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 5px;
}


.mp-point-list {
    font-size: 1em;
    list-style-type: none;
    margin: 0;
    padding: 5px;
}

.mp-point-list li {
    font-size: 1em;
    margin: 5px;
    padding: 5px;
    width: 95%;
}

.mp-point-list li h5, .mp-point-list li div {
    display: inline;
    font-size: 1em;
}

.mpk-history-view {
    background-image: url(../images/main_nav/History.png);
    background-position: 98% 50%;
    background-repeat: no-repeat;
    background-size: 16px;
}

.mpk-mulitple-item-list {
    margin: 0 5px;
    min-height: 40px;
    overflow-x: auto;
    overflow-y: hidden;
}

.mpk-mulitple-item-list ul li.mpk-list-item div.mpk-item, .mpk-one-item-list ul li.mpk-list-item div.mpk-item {
    background: #dfeffc;
    margin: 5px;
}

.mpk-mulitple-item-list ul li.mpk-list-item div.mpk-item-content, .mpk-one-item-list ul li.mpk-list-item div.mpk-item-content {
    margin: 0;
    padding-left: 5px;
}

.mpk-mulitple-item-list ul li.mpk-list-item h5.mpk-item-header, .mpk-one-item-list ul li.mpk-list-item h5.mpk-item-header {
    background: #5c9ccc;
    color: #fff;
    font-size: .8em;
    margin: 0;
    padding: 2px;
}

.mpk-one-item-list {
    margin: 0 5px;
    min-height: 40px;
}

.mpk-one-item-list ul, .mpk-mulitple-item-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.msg-error {
    background: #B41A1E;
}

.msg-error a {
    color: #fff;
}

.msg-success {
    background: #9fbb35;
}

.msg-warning {
    background: #E8A346;
}

.no-bgcolor-cells {
    background: none !important;
    color: #666 !important;
}

.noborder {
    border: none !important;
    border-spacing: 0;
}

.nomargin {
    margin: 0 !important;
}

.nopadding {
    padding: 0 !important;
}

.notice {
    background: #E5E5E5;
    border-color: #4B4B4D;
    color: #4B4B4D;
    font-size: .9em;
}

.notice a {
    color: #514721;
}

.order-item-selected, .list-item-selected {
    background-color: #FBEC88;
    border: 1px solid #FAD42E;
}

.overflow {
    overflow: scroll;
}

.overflow_auto {
    overflow: auto;
}

.p_error {
    background: #FBE3E4;
    border-color: #FBC2C4;
    color: #8a1f11;
    font-size: .8em;
}

.p_error span, .search-form .action-image, .dsb-lsa-supply-info {
    margin: 2px;
}

.padded-2, .pa-2 {
    padding: 2px !important;
}

.padded-5, .pa-5 {
    padding: 5px !important;
}

.padded-10, .pa-10 {
    padding: 10px !important;
}

.padded-15, .pa-15 {
    padding: 15px !important;
}

.padded-20, .pa-20 {
    padding: 20px !important;
}

.padded-3 {
    padding: 3px;
}

.padded-5 {
    padding: 5px !important;
}

.percent-10 {
    width: 10%;
}

.percent-100 {
    width: 98%;
}

.percent-15 {
    width: 15%;
}

.percent-20 {
    width: 20%;
}

.percent-23 {
    width: 23%;
}

.percent-25 {
    width: 25%;
}

.percent-30 {
    width: 30%;
}

.percent-33 {
    width: 33%;
}

.percent-35 {
    width: 35%;
}

.percent-40 {
    width: 40%;
}

.percent-45 {
    width: 45%;
}

.percent-5 {
    width: 5%;
}

.percent-50 {
    width: 50%;
}

.percent-60 {
    width: 60%;
}

.percent-70 {
    width: 70%;
}

.percent-75 {
    width: 75%;
}

.percent-80 {
    width: 80%;
}

.percent-85 {
    width: 85%;
}

.percent-90 {
    width: 90%;
}

.percent-95, .width-full, table {
    width: 95%;
}

.physical-joined-nodes {
    background-image: url(../images/main_nav/Link.png);
    background-position: 5%;
    background-repeat: no-repeat;
    font-style: italic;
    background-size: 16px;
}

.physical-joined-nodes a {
    margin-left: 15px;
}

.pseudo-link {
    font-weight: 600;
    text-decoration: underline;
}

.right-align, .submit {
    text-align: right !important;
}

.right-border {
    border-right: solid 1px #666;
}

.right-margin-5, .ui-accordion .ui-accordion-header a img, .rm-5, .mr-5 {
    margin-right: 5px;
}

.right-margin-10, .rm-10, .mr-10 {
    margin-right: 10px !important
}

.row-header-line td {
    border-top: 2px double #666 !important;
}

.ruled {
    background-color: #fdf5e6;
}

.search-button-cell {
    color: #000;
    font-size: .8em;
}

.search-button-headline {
    font-size: 1em;
    margin: 0 5px;
    vertical-align: middle;
}

.search-form {
    background-color: #f5f5f5;
    border: solid 1px #000;
    margin: 0;
    padding: 1px;
}

.search-form label {
    font-weight: 400;
}

.select-helper {
    border-bottom: 1px solid #ccc;
    color: #666;
    margin-bottom: 5px;
}

.selectable-damage-tg {
    cursor: pointer;
}

.si-bg-large-st1so23 {
    background-image: url(../images/signal/st1so23_large.png);
}

.si-bg-large-st1so23a {
    background-image: url(../images/signal/st1so23a_large.png);
}

.si-bg-large-st1so23b {
    background-image: url(../images/signal/st1so23b_large.png);
}

.si-bg-large-st1so23c {
    background-image: url(../images/signal/st1so23c_large.png);
}

.si-bg-large-st1so23d {
    background-image: url(../images/signal/st1so23d_large.png);
}

.si-bg-large-st1so23e {
    background-image: url(../images/signal/st1so23e_large.png);
}

.si-bg-large-st1so23f {
    background-image: url(../images/signal/st1so23f_large.png);
}

.si-bg-st1so23 {
    background-image: url(../images/signal/st1so23_small.png);
}

.si-bg-st1so23a {
    background-image: url(../images/signal/st1so23a_small.png);
}

.si-bg-st1so23b {
    background-image: url(../images/signal/st1so23b_small.png);
}

.si-bg-st1so23c {
    background-image: url(../images/signal/st1so23c_small.png);
}

.si-bg-st1so23d {
    background-image: url(../images/signal/st1so23d_small.png);
}

.si-bg-st1so23e {
    background-image: url(../images/signal/st1so23e_small.png);
}

.si-bg-st1so23f {
    background-image: url(../images/signal/st1so23f_small.png);
}

.si-large-image {
    min-height: 100px;
}

.signal-image-background {
    background-position: 95%;
    background-repeat: no-repeat;
}

.signal-image-large {
    height: 80px;
    width: 67px;
}

.signal-image-medium {
    height: 47px;
    width: 39px;
}

.signal-image-small {
    height: 23px;
    width: 19px;
}

.signalpoint-is-joined-readview {
    background-image: url(../images/link.png);
    background-position: 95%;
    background-repeat: no-repeat;
}

.single-icon-closed {
    background: url(images/ui-icons_217bc0_256x240.png) 100% -5px no-repeat transparent;
    background-position: -32px -16px;
}

.single-icon-open {
    background: url(images/ui-icons_f9bd01_256x240.png) 100% -5px no-repeat transparent;
    background-position: -64px -16px;
}

.single-open-close-icon {
    cursor: pointer;
    float: right;
    height: 16px;
    width: 16px;
}

.splitter-line {
    height: 1px;
    margin: 0;
    padding: 0;
    width: 100%;
}

.status-active {
    background-image: url(../images/stopwatch_run.gif);
}

.status-not-active {
    background-image: url(../images/stopwatch_stop.gif);
}

.sub-fieldset {
    margin: 0 0 1.5em;
}

.sub-fieldset legend {
    background-color: #FFF;
    border: none;
    color: #657C91;
    font-weight: 700;
    margin-left: 10px;
    padding: .4em;
    text-align: left;
}

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

.top-margin-20, table.tabbed_menue, .mt-20 {
    margin-top: 20px !important;
}

.top-margin-50 {
    margin-top: 50px !important;
}

.top-margin-5, #main_navigation ul li, .mpk-placeholder, .mt-5 {
    margin-top: 5px;
}

.top-position {
    vertical-align: top;
}

.txt_error {
    color: #8a1f11 !important;
    font-weight: 700 !important;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 1em 1em 0.5em;
}

.ui-datepicker {
    z-index: 1500 !important;
}

.ui-input-field {
    border: 0;
    color: #4297D7;
    font-weight: 700;
}

.ui-input-text-field {
    border: 1px solid #c5dbec;
    padding: .3em 1em !important;
    margin: -0.3em !important;
    display: inline-block;
    position: relative;
    top: 1px;
}

.ui-input-text-field:focus {
    border-color: #FABA00
}

.ui-autocomplete {
    z-index: 9999 !important;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

.underlined-black {
    border-bottom: #000 1px solid;
}

.user-state-info {
    padding-right: 7px;
    color: #fff;
    font-size: .9em;
    text-align: right;
    vertical-align: bottom;
    float: right;
}

.user-state-info img.user-login-state {
    height: 16px;
    vertical-align: top;
    width: 16px;
}

.warp-container, .button-container {
    margin: 10px;
    padding: 10px;
}

.warp-content-container {
    margin: 5px;
    padding: 2px;
}

.warp-content-container-info-text {
    font-weight: 700;
    margin: 5px 0;
}

.warp-info-txt {
    margin: 0 5px;
}

.warp-info-txt-date {
    background: url(../images/date-time.gif) no-repeat;
    padding-left: 20px;
}

.warp-point-is-end {
    background: #FBE3E4;
    border-bottom: solid 1px;
    border-color: #FBC2C4;
    color: #8a1f11;
}

.warp-point-is-start {
    background: #E6EFC2;
    border-color: #C6D880;
    border-top: solid 1px;
    color: #264409;
}

.warp-points-after-end-container, #mpk-points-start li.end-item div.mpk-item {
    border: 2px dotted #FBC2C4;
}

.warp-points-before-start-container, #mpk-points-start li.start-item div.mpk-item {
    border: 2px dotted #C6D880;
}

.warp-points-container {
    border: 1px solid #ddd;
}

.warp-points-end-container {
    background: #FBC2C4;
    border: 2px solid #F45E62;
}

.warp-points-start-container {
    background: #C6D880;
    border: 2px solid #B0C950;
}

.width-100 {
    width: 100px;
}

.width-1000 {
    width: 1000px;
}

.width-125 {
    width: 125px;
}

.width-150, .search-form-select, .btn_finder, .si-tip-content {
    width: 150px;
}

.width-16 {
    width: 16px;
}

.width-200 {
    width: 200px;
}

.width-25 {
    width: 25px;
}

.width-250 {
    width: 250px;
}

.width-300 {
    width: 300px;
}

.width-35 {
    width: 35px;
}

.width-350, .map-opacy-slider {
    width: 350px;
}

.width-400 {
    width: 400px;
}

.width-50 {
    width: 50px;
}

.width-500 {
    width: 500px;
}

.width-600 {
    width: 600px;
}

.width-700 {
    width: 700px;
}

.width-75 {
    width: 75px;
}

.width-800 {
    width: 800px;
}

.width-fullsize, #accordion_navigation, .report-choise-table {
    width: 100%;
}

.wqlines-percent-row {
    background-Color: #B41A1E;
    padding: 0 !important;
}

.wqlines-percent-animation {
    margin-right: 5px;
    text-align: right;
    display: block;
    height: 100%;
    width: 0px;
    background-Color: #999999;
    margin-Bottom: 0px;
    padding: 4px 0px 4px 0px !important;
    color: #fff;
    border-right: solid 1px #fff;
}

a i {
    padding: 0 2px;
    color: #4B4B4D;
}

a:hover i {
    color: #bf111b;
}

a:active i {
    color: #4b9b3e;
}

body {
    background-color: #FFF;
    font-size: .9em;
    margin: 0;
    padding: 0;
}

button {
    font-size: 1em;
    margin: 1px;
    padding: 1px;
}

button img {
    margin: 0 5px;
    text-align: right;
    vertical-align: bottom;
}

div#lst_tab_content div.tab_page_content_show {
    display: block;
}

div#lst_tab_notice {
    background: #FFEDBF;
    border-bottom: 1px solid #596D80;
    border-bottom-color: #C90;
    color: #696969;
    font-size: .8em;
    margin-bottom: 5px;
    padding: 3px;
}

div.damagefrom {
    color: #4169e1;
    padding: 5px;
}

div.damagewith {
    color: #dc143c;
    font-size: .9em;
    padding: 5px;
}

div.mpk-item td.delete {
    padding-left: 30%;
    text-align: center;
}

div.mpk-item td.move-right {
    padding-left: 15%;
    text-align: right;
}

div.selctValues {
    margin: 0;
}

div.selctValues input {
    margin: 0;
    width: 10%;
}

div.selctValues input label {
    margin: .2em;
    vertical-align: middle;
}

div.tab_content {
    background-color: #fff;
    display: none;
    margin: 10px;
    padding: 5px;
}

fieldset {
    border: 1px solid #ccc;
    margin: 0 0 1.5em;
}

html, .application_header-submenue {
    background-color: #FFF;
}

html, input, textarea, a, button {
    font-family: Helvetica, Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

img {
    border: none;
}

input.element-error {
    background: #FBE3E4 !important;
}

input[readonly] {
    background-color: #F0F0F0;
    border: 1px solid #999999;
    border-spacing: 2px;
}

label, .label {
    color: #4B4B4D;
    font-size: 1em;
    font-weight: normal;
    margin: 0.4em;
}


label.required::before {
    content: '*';
    position: relative;
    left: -3px;

}

label.required {
    position: relative;
    left: -6px;
    color: #4B4B4D;
    font-weight: 500
}


li.list-icon {
    background-repeat: no-repeat;
    padding-left: 20px;
    background-size: 16px 16px;
}

ol {
    list-style-type: decimal;
    margin: 0 1.5em 1.5em;
}

ol.formlist {
    list-style-type: none;
    margin-top: 2em;
}

ol.formlist input, textarea, ol.formlist select {
    margin: 2px;
    width: 98%;
}

ol.formlist li {
    margin-top: .5em;
    padding: 0;
}

p.information, .information {
    background-color: #FFF;
    border-color: #000;
    color: #000;
    padding: .3em;
}

table caption, .caption {
    color: silver;
    font-size: .9em;
    margin: 1px;
    padding: 1px;
    text-align: right;
}

table.content-table tbody td, .content-tab tbody td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #DDD;
    border-top: 1px solid #DDD;
    color: #343;
    padding: 5px 5px 5px 7px;
}

table.content-table tbody tr:nth-child(2n) {
    background: #F8F8F8;
}

table.content-table tfoot td, .content-tab tfoot td {
    border-top: 1px solid #CDD3D7;
    padding: 8px;
    text-align: right
}

table.content-table tfoot, .content-tab tfoot {
    padding-top: 8px;
}

table.content-table th, .content-tab th, .header, .header-silent {
    border-left: 1px solid #F1F1F1;
    border-right: 1px solid #CCC;
    color: #444;
    padding: 6px 7px;
}

table.content-table thead th.checkbox, .module-content table.content-table tbody td.checkbox {
    width: 1px;
}

table.content-table thead th.headerSortDown {
    background-position: 100% -66px;
}

table.content-table thead th.headerSortUp {
    background-position: 100% -33px;
}

/*table.content-table thead th.sortable { background: url(images/sort.png) 98% -2px no-repeat transparent; cursor: pointer; }*/
table.content-table thead tr th.novalue-first {
    background: #fff;
    border-left: none;
    border-top: none;
}

table.content-table thead, .content-tab thead, .header-silent {
    background: #efefef;
    color: #4B4B4D;
    font-size: .9em;
    text-align: left;
}

.header {
    background: #efefef;
    color: #4B4B4D;
    text-align: left;
}

table.content-table tr th:first-child, table.content-table tr td:first-child, .content-tab tr th:first-child, .content-tab tr td:first-child {
    border-left: medium none currentColor;
}

table.content-table tr th:last-child, table.content-table tr td:last-child, .content-tab tr th:last-child, .content-tab tr td:last-child {
    border-right: medium none currentColor;
}

table.content-table, .content-tab {
    border: 1px solid #CDD3D7;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}

table.dashboard-table {
    width: 99%;
}

table.inner_nondynamic {
    border-bottom: #a9a9a9 1px solid;
    border-left: #a9a9a9 1px solid;
    border-right: #a9a9a9 1px solid;
    border-top: #a9a9a9 1px solid;
    width: 95%;
}

table.inner_nondynamic tbody td {
    font-size: 1em;
    padding: 2px 5px;
}

table.inner_nondynamic th {
    background: #efefef 0 0;
    color: #FFF;
    font-size: 1em;
    font-weight: 400;
    padding: 2px 10px 2px 5px;
}

table.info-table caption, .info-caption {
    border-bottom: 1px solid #CCC;
    color: #999;
    font-size: .8em;
    margin: 5px 8px;
    text-align: right;
}

table.info-table thead tr th {
    border-bottom: 1px solid #CCC;
    padding: 4px 6px;
    font-weight: bold;
    text-align: left;
}

table.info-table tbody tr td {
    border-bottom: 1px dotted #CCC;
    padding: 4px 6px;
}

table.info-table tfoot tr td {
    margin-top: 10px;
    text-align: right;
    padding: 5px;
    color: #a9a9a9;
}

table.info-table td.desc {
    color: #4B4B4D;
    font-size: 1em;
}

table.info-table td.value {
    color: #4B4B4D;
    font-size: 1.2em;
}

table.info-table tr.odd {
    background-color: #F8F8F8;
}

table.info-table tbody tr:nth-child(2n+1) {
    background-color: #F8F8F8;
}

table.info-table tr:last-child td {
    border-bottom: none;
}

table.no-border tbody tr td {
    border: 0;
}

table.nondynamic {
    border: #a9a9a9 1px solid;
}

table.nondynamic tbody td, table.scrolltablestyle tbody td {
    padding: 2px 5px;
}

table.nondynamic tfoot, table.inner_nondynamic tfoot {
    background-color: #dcdcdc;
    color: #000;
    font-size: 1em;
    margin-top: 10px;
}

table.nondynamic th {
    background: #efefef;
    color: #FFF;
    font-weight: 400;
    padding: 2px 10px 2px 5px;
}

table.scrolltablestyle {
    border-bottom: #a9a9a9 1px solid;
    border-left: #a9a9a9 1px solid;
    border-right: #a9a9a9 1px solid;
    border-top: #a9a9a9 1px solid;
    width: 100%;
}

table.scrolltablestyle tfoot {
    background-color: #dcdcdc;
    color: #000;
    font-size: .8em;
    margin-top: 10px;
}

table.scrolltablestyle thead th, table.scrolltablestyle tbody th {
    background: #efefef;
    color: #263849;
    font-weight: 400;
    padding: 3px;
}

.selected-row {
    background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;
    border: 1px solid #fad42e;
    color: #363636;
}

/*
table.tablesorter { border-bottom: #657C91 1px solid; font-size: .9em; font-weight: 400; padding: 3px; text-align: left; width: 100%; }
    table.tablesorter tbody td { background-color: #FFF; border-bottom: 1px solid #A6C9E2; border-bottom-color: #F9F9F9; color: #3D3D3D; padding: 3px; vertical-align: top; }
    table.tablesorter tbody tr.odd td { background-color: #fafafa; }
    table.tablesorter tbody tr.selected-row td, table.info-table tbody tr.selected-row td, 
    table.tablesorter thead tr .header { background-position: center right; background-repeat: no-repeat; cursor: pointer; text-decoration: underline; }
    table.tablesorter thead tr .headerSortDown { background-image: url(../images/desc.gif); }
    table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #F2F9FF; color: #000; }
    */
/**new header sort image */
.tablesorter-header:not(.sorter-false) {
    cursor: pointer;
}

.tablesorter-headerAsc {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABjCAYAAACSRYAOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxMS0xMi0yNlQyMToyMTo0MS0wNTowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTEtMTItMjdUMDI6MzE6NTYtMTk6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTEtMTItMjdUMDI6MzE6NTYtMTk6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQzNkI0NDI0Mjg1MDExRTFBNDQwOUVFNkI1NzlCM0JCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQzNkI0NDI1Mjg1MDExRTFBNDQwOUVFNkI1NzlCM0JCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDM2QjQ0MjIyODUwMTFFMUE0NDA5RUU2QjU3OUIzQkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDM2QjQ0MjMyODUwMTFFMUE0NDA5RUU2QjU3OUIzQkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz531qcpAAABAklEQVR42uyXywrCMBBFW1HwtRHBulGr4EL0S/wKv1kUQQQfOxcqIj6g0HgHplBKaQPdiNyBs2pyMkmmIXGNMU6RKDkFgwIKJMrD+SLrewe0wR58UgUZmfXBALigCbbgbjOFKpgCXztLNMAMeHkZtMAY1FPEFTABNXAEJi6QkXo6at7C+irZgaCs5hHoaoPQYvE97bd1i54Hso3JDIxl/VwlA5lCoFv0tlwDiXN8DaJRT+CRsQtRHOK7kBztBpbgktJRMt2owGQVkpTsOtHwCVaaulUphyp45f0LLo91CiiggALekXhH+rE7EkuZAgoooICCP7yh8PnP5z8FFPyJ4CvAANFkafFLvnsQAAAAAElFTkSuQmCC') /*images/sort.png*/ 95% 50% no-repeat
}

.tablesorter-headerUnSorted {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABjCAYAAACSRYAOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxMS0xMi0yNlQyMToyMTo0MS0wNTowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTEtMTItMjdUMDI6MzE6NTYtMTk6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTEtMTItMjdUMDI6MzE6NTYtMTk6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQzNkI0NDI0Mjg1MDExRTFBNDQwOUVFNkI1NzlCM0JCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQzNkI0NDI1Mjg1MDExRTFBNDQwOUVFNkI1NzlCM0JCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDM2QjQ0MjIyODUwMTFFMUE0NDA5RUU2QjU3OUIzQkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDM2QjQ0MjMyODUwMTFFMUE0NDA5RUU2QjU3OUIzQkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz531qcpAAABAklEQVR42uyXywrCMBBFW1HwtRHBulGr4EL0S/wKv1kUQQQfOxcqIj6g0HgHplBKaQPdiNyBs2pyMkmmIXGNMU6RKDkFgwIKJMrD+SLrewe0wR58UgUZmfXBALigCbbgbjOFKpgCXztLNMAMeHkZtMAY1FPEFTABNXAEJi6QkXo6at7C+irZgaCs5hHoaoPQYvE97bd1i54Hso3JDIxl/VwlA5lCoFv0tlwDiXN8DaJRT+CRsQtRHOK7kBztBpbgktJRMt2owGQVkpTsOtHwCVaaulUphyp45f0LLo91CiiggALekXhH+rE7EkuZAgoooICCP7yh8PnP5z8FFPyJ4CvAANFkafFLvnsQAAAAAElFTkSuQmCC') /*images/sort.png*/ 95% 0 no-repeat
}

.tablesorter-headerDesc {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABjCAYAAACSRYAOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxMS0xMi0yNlQyMToyMTo0MS0wNTowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTEtMTItMjdUMDI6MzE6NTYtMTk6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTEtMTItMjdUMDI6MzE6NTYtMTk6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQzNkI0NDI0Mjg1MDExRTFBNDQwOUVFNkI1NzlCM0JCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQzNkI0NDI1Mjg1MDExRTFBNDQwOUVFNkI1NzlCM0JCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDM2QjQ0MjIyODUwMTFFMUE0NDA5RUU2QjU3OUIzQkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDM2QjQ0MjMyODUwMTFFMUE0NDA5RUU2QjU3OUIzQkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz531qcpAAABAklEQVR42uyXywrCMBBFW1HwtRHBulGr4EL0S/wKv1kUQQQfOxcqIj6g0HgHplBKaQPdiNyBs2pyMkmmIXGNMU6RKDkFgwIKJMrD+SLrewe0wR58UgUZmfXBALigCbbgbjOFKpgCXztLNMAMeHkZtMAY1FPEFTABNXAEJi6QkXo6at7C+irZgaCs5hHoaoPQYvE97bd1i54Hso3JDIxl/VwlA5lCoFv0tlwDiXN8DaJRT+CRsQtRHOK7kBztBpbgktJRMt2owGQVkpTsOtHwCVaaulUphyp45f0LLo91CiiggALekXhH+rE7EkuZAgoooICCP7yh8PnP5z8FFPyJ4CvAANFkafFLvnsQAAAAAElFTkSuQmCC') /*images/sort.png*/ 95% 100% no-repeat
}

.sorter-false {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABjCAYAAACSRYAOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxMS0xMi0yNlQyMToyMTo0MS0wNTowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTEtMTItMjdUMDI6MzE6NTYtMTk6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTEtMTItMjdUMDI6MzE6NTYtMTk6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQzNkI0NDI0Mjg1MDExRTFBNDQwOUVFNkI1NzlCM0JCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQzNkI0NDI1Mjg1MDExRTFBNDQwOUVFNkI1NzlCM0JCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDM2QjQ0MjIyODUwMTFFMUE0NDA5RUU2QjU3OUIzQkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDM2QjQ0MjMyODUwMTFFMUE0NDA5RUU2QjU3OUIzQkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz531qcpAAABAklEQVR42uyXywrCMBBFW1HwtRHBulGr4EL0S/wKv1kUQQQfOxcqIj6g0HgHplBKaQPdiNyBs2pyMkmmIXGNMU6RKDkFgwIKJMrD+SLrewe0wR58UgUZmfXBALigCbbgbjOFKpgCXztLNMAMeHkZtMAY1FPEFTABNXAEJi6QkXo6at7C+irZgaCs5hHoaoPQYvE97bd1i54Hso3JDIxl/VwlA5lCoFv0tlwDiXN8DaJRT+CRsQtRHOK7kBztBpbgktJRMt2owGQVkpTsOtHwCVaaulUphyp45f0LLo91CiiggALekXhH+rE7EkuZAgoooICCP7yh8PnP5z8FFPyJ4CvAANFkafFLvnsQAAAAAElFTkSuQmCC') /*images/sort.png*/ -100% 0 no-repeat
}

/*table.tablesorter thead tr th, table.tablesorter tfoot tr th { background: #657C91 0 0; border: 1px solid #a9a9a9; color: #FFF; padding: 5px; }*/
th.activeTab {
    background-color: #657C91;
    border-bottom: #596D80 2px solid;
    border-bottom-style: solid;
    border-left: #596D80 1px solid;
    border-right: #596D80 1px solid;
    border-right-style: solid;
    border-top: #596D80 1px solid;
    border-top-style: solid;
    color: #FFF;
    cursor: pointer;
    text-align: left;
    vertical-align: middle;
}

th.passivTab {
    background-color: #F2F9FF;
    border-bottom: #596D80 2px solid;
    border-bottom-style: solid;
    border-left: #596D80 2px solid;
    border-right: #596D80 2px solid;
    border-right-style: solid;
    border-top: #596D80 1px solid;
    border-top-style: solid;
    color: #000;
    cursor: pointer;
    text-align: left;
    vertical-align: middle;
}

tr.item-changed td:last-child, td.item-changed, div.item-changed {
    background: #FFDD82 url(../images/replace2.png) no-repeat !important;
    background-position: right center !important;
}

tr.item-removed td:last-child {
    background: #EDB59C url(../images/delete.png) no-repeat !important;
    background-position: right center !important;
}

tr.item_added td:last-child {
    background: #C9DB80 url(../images/add2.png) no-repeat !important;
    background-position: right center !important;
}

ul#lst_tab_navigation {
    list-style: none;
    margin: 21px 0 0;
    padding: 0;
}

ul#lst_tab_navigation li {
    background: url(../images/tab_menue/right_240.png) no-repeat right top;
    float: left;
    font-size: .9em;
    margin: 0 0 0 4px;
    padding: 0;
}

ul#lst_tab_navigation li span {
    background: url(../images/tab_menue/left.png) no-repeat left top;
    color: #FCFCFC;
    display: block;
    height: 22px;
    padding: 3px 10px 0;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

ul#lst_tab_navigation li span.active {
    color: #FC6;
}

ul#lst_tab_navigation li span:hover {
    color: #fdf5e6;
    cursor: pointer;
}

ul, .module-inner ul {
    margin: 0;
    padding: 0;
}

ul.data-carusell {
    margin: 0;
    padding: 0;
    width: 100%;
}

ul.data-carusell li {
    display: none;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    border: none;
}

ul.data-carusell li div.next {
    color: #4297D7;
    font-size: .8em;
    font-weight: 700;
    text-align: right;
}

ul.data-carusell li div.prev, ul.data-carusell li div.first-site {
    color: #4297D7;
    font-size: .8em;
    font-weight: 700;
}

ul.warp-info-container {
    list-style-type: none;
    margin: 2px 0 2px 2px;
}

ul.warp-point-info-container {
    list-style-image: none;
    list-style-type: none;
    margin: 2px 0 2px 2px;
    padding: 2px 0 2px 25px;
}

/* plugin styles*/
.chart {
    font-size: .8em;
    margin-left: 15%;
    margin-right: 15%;
}

.easyPieChart {
    position: relative;
    text-align: center;
}

.easyPieChart canvas {
    left: 0;
    position: absolute;
    top: 0;
}

.easyPieChart span {
    font-weight: 400;
    font-size: 0.9em
}

/* ui notify 
.ui-notify { font-size: .9em; position: fixed; right: 10px; top: 10px; width: 250px; z-index:15000 }
.ui-notify-click, .collapsible { cursor: pointer; }
.ui-notify-close { color: #fff; text-decoration: underline; }
.ui-notify-cross { cursor: pointer; float: right; font-size: 12px; font-weight: 700; margin-top: -4px; padding: 2px; text-decoration: none; text-shadow: 0 1px 1px #fff; }
    .ui-notify-cross:active { position: relative; top: 1px; }
    .ui-notify-cross:hover { color: #ffffab; }
.ui-notify-message { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin-bottom: 15px; padding: 10px; }
    .ui-notify-message h1 { font-size: .9em; margin: 0; padding: 0; }
    .ui-notify-message p { line-height: 18px; margin: 10px 10px 10px 20px; padding: 0 0  0 15px; }
.ui-notify-message-style { -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; background: rgba(0,0,0,0.9); box-shadow: 0 0 6px #000; }
    .ui-notify-message-style h1 { color: #fff; font-weight: 700; }
    .ui-notify-message-style p { color: #fff; }
.ui-notify-message:last-child { margin-bottom: 0; }

*/
.ui-notify {
    position: fixed;
    right: 20px;
    top: 20px;
    width: 250px;
    z-index: 15000
}

.ui-notify-message {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 8px;
    padding: 10px;
}

.ui-notify-message .notify-header {
    color: #fff;
    font-size: 1.2em;
}

.ui-notify-message .notify-header i {
    margin-right: 8px;
}

.ui-notify-message .notify-message {
    margin: 7px;
    color: #fff;
}

.ui-notify-message-style {
    -moz-box-shadow: 0 0 6px #4B4B4D;
    -webkit-box-shadow: 0 0 6px #4B4B4D;
    background: #4B4B4D;
    box-shadow: 0 0 6px #4B4B4D;
    border: 1px solid #FABA00;
}

.ui-notify-click, .collapsible {
    cursor: pointer;
}

.ui-notify-close i {
    color: #fff;
}

.ui-notify-close {
    cursor: pointer;
    float: right;
    font-size: 12px;
    font-weight: 700;
    margin-top: -4px;
    padding: 2px;
    text-decoration: none;
    text-shadow: 0 1px 1px #fff;
}

.ui-notify-close:hover i {
    color: #FABA00;
}

.ui-notify-message:last-child {
    margin-bottom: 0;
}


/* end ui-notify */
.ui-slider label {
    position: absolute;
    width: 20px;
    margin-left: -10px;
    text-align: center;
    margin-top: 20px;
    font-size: 0.8em
}

.ui-slider-values {
    color: #f6931f
}

/* File Upload Plugin*/
.ajax-file-upload-statusbar {
    border: 1px solid #0ba1b5;
    margin-top: 10px;
    width: 420px;
    margin-right: 10px;
    margin: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 5px 5px 5px;
}

.ajax-file-upload-filename {
    width: 100%;
    height: auto;
    margin: 0 5px 5px 10px;
    color: #807579;
}

.ajax-file-upload-progress {
    margin: 0 10px 5px 10px;
    position: relative;
    width: 250px;
    border: 1px solid #ddd;
    padding: 1px;
    border-radius: 3px;
    display: inline-block;
}

.ajax-file-upload-bar {
    background-color: #0ba1b5;
    width: 0;
    height: 20px;
    border-radius: 3px;
    color: #FFFFFF;
}

.ajax-file-upload-percent {
    position: absolute;
    display: inline-block;
    top: 3px;
    left: 48%;
}

.ajax-file-upload-red {
    -moz-box-shadow: inset 0 39px 0 -24px #e67a73;
    -webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
    box-shadow: inset 0 39px 0 -24px #e67a73;
    background-color: #e4685d;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    color: #fff;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    padding: 4px 15px;
    text-decoration: none;
    text-shadow: 0 1px 0 #b23e35;
    cursor: pointer;
    vertical-align: top;
    margin-right: 5px;
}

.ajax-file-upload-green {
    background-color: #77b55a;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    padding: 0;
    display: inline-block;
    color: #fff;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    padding: 4px 15px;
    text-decoration: none;
    cursor: pointer;
    text-shadow: 0 1px 0 #5b8a3c;
    vertical-align: top;
    margin-right: 5px;
}

.ajax-file-upload {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 20px;
    cursor: pointer;
    line-height: 20px;
    height: 25px;
    margin: 0 10px 10px 0;
    display: inline-block;
    background: #fff;
    border: 1px solid #e8e8e8;
    color: #888;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -moz-box-shadow: 0 2px 0 0 #e8e8e8;
    -webkit-box-shadow: 0 2px 0 0 #e8e8e8;
    box-shadow: 0 2px 0 0 #e8e8e8;
    padding: 6px 10px 4px 10px;
    color: #fff;
    background: #2f8ab9;
    border: none;
    -moz-box-shadow: 0 2px 0 0 #13648d;
    -webkit-box-shadow: 0 2px 0 0 #13648d;
    box-shadow: 0 2px 0 0 #13648d;
    vertical-align: middle;
}

.ajax-file-upload:hover {
    background: #3396c9;
    -moz-box-shadow: 0 2px 0 0 #15719f;
    -webkit-box-shadow: 0 2px 0 0 #15719f;
    box-shadow: 0 2px 0 0 #15719f;
}

.ajax-upload-dragdrop {
    border: 2px dotted #A5A5C7;
    width: 420px;
    color: #DADCE3;
    text-align: left;
    vertical-align: middle;
    padding: 10px 10px 0px 10px;
}

/* end File Upload Plugin */
/* flot styles*/

.plotted-pie .legend {
    margin-left: 10px;
    width: 100%;
}

.plotted-pie .legend div {
}

.plotted-pie .legend table {
    width: 200px !important;
    position: absolute;
    right: 0px !important;
    font-size: 1.1em !important;
}

.plotted-pie .legend table .legendColorBox {
    width: 15px;
}

.plotted-pie .legend table .legendLabel {
    width: 185px;
}

/* time line widget */
.timeline {
}

.timeline h3 {
    display: inline-block;
    background-color: #4B4B4D;
    margin: 0;
    border-radius: 5px;
    padding: 7px 13px;
    color: #fff;
    border: 1px solid #000;
}

.time-line > li:after {
    content: "";
    position: absolute;
    width: 0;
    z-index: 1;
    border: 6px solid transparent;
    clear: both;
    float: none;
    width: 100%;
    padding-left: 45px;
    margin-bottom: 25px;
}

.time-line > li > .tl-content {
    background-color: #fff;
    margin: 20px;
    width: 80%;
}

.time-line > li > .tl-content > .content {
    text-align: left;
    padding: 5px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08); /*background-color: #dfeffc;*/
    border-radius: 5px;
    border: 1px solid #4B4B4D;
}

.time-line {
    padding: 10px 1px 5px 1px;
    margin: 0;
    overflow: hidden;
    list-style-type: none !important;
    position: relative;
}

.time-line:after {
    background-color: rgba(120, 120, 120, 0.1);
    content: "";
    left: 20px;
    margin-left: -3px;
    min-height: 100%;
    position: absolute;
    top: 0;
    width: 6px;
    z-index: 2;
}

.time-line .tl-pointer {
    border-radius: 50%;
    height: 36px;
    width: 36px;
    z-index: 3;
    text-align: center;
    line-height: 35px;
    background-color: #4B4B4D;
    color: #fff;
    left: 6px;
    right: auto;
    top: 5px;
    margin: 7px 0 0 0;
    float: left;
    font-weight: bold;
    border: 1px solid #000;
    font-size: 1.2em;
}

.time-line .tl-pointer-arrow {
    margin-top: 12px;
    width: 24px;
    height: 24px;
    float: left;
    background: url(../images/main_nav/Arrowhead-Left.png) 0 100% no-repeat transparent;
}

.time-line .tl-content {
    margin: 0;
    display: table;
    border-radius: 4px;
    overflow: hidden;
}

.time-line .tl-content h2 {
    margin: 2px 0 0 0;
}

.sendq_0 {
    color: red
}

.tl-date {
    vertical-align: baseline;
    font-size: 0.8em;
}

.tl-date img {
    vertical-align: baseline;
    padding: 0 5px;
}

.tl-plot {
    height: 500px;
    margin-top: 10px;
}

/* jquery tree view */

UL.jqueryFileTree {
    font-size: 1em;
    line-height: 18px;
    padding: 0px;
    margin: 0px;
}

UL.jqueryFileTree LI {
    list-style: none !important;
    padding: 0px !important;
    padding-left: 20px !important;
    margin: 0px !important;
    white-space: nowrap;
    border: none !important;
}

UL.jqueryFileTree A {
    color: #333;
    text-decoration: none;
    display: block;
    padding: 0px 2px;
}

UL.jqueryFileTree A:hover {
    background: #BDF;
}

UL.jqueryFileTree A.selected {
    background: #BDF;
}

/* Core Styles */
.jqueryFileTree LI.directory {
    background: url(../images/treeview/directory.png) left top no-repeat;
}

.jqueryFileTree LI.expanded {
    background: url(../images/treeview/folder_open.png) left top no-repeat;
}

.jqueryFileTree LI.file {
    background: url(../images/treeview/file.png) left top no-repeat;
}

.jqueryFileTree LI.wait {
    background: url(../images/treeview/spinner.gif) left top no-repeat;
}

/* File Extensions*/
.jqueryFileTree LI.ext_3gp {
    background: url(../images/treeview/film.png) left top no-repeat;
}

.jqueryFileTree LI.ext_afp {
    background: url(../images/treeview/code.png) left top no-repeat;
}

.jqueryFileTree LI.ext_afpa {
    background: url(../images/treeview/code.png) left top no-repeat;
}

.jqueryFileTree LI.ext_asp {
    background: url(../images/treeview/code.png) left top no-repeat;
}

.jqueryFileTree LI.ext_aspx {
    background: url(../images/treeview/code.png) left top no-repeat;
}

.jqueryFileTree LI.ext_avi {
    background: url(../images/treeview/film.png) left top no-repeat;
}

.jqueryFileTree LI.ext_bat {
    background: url(../images/treeview/application.png) left top no-repeat;
}

.jqueryFileTree LI.ext_bmp {
    background: url(../images/treeview/picture.png) left top no-repeat;
}

.jqueryFileTree LI.ext_c {
    background: url(../images/treeview/code.png) left top no-repeat;
}

.jqueryFileTree LI.ext_cfm {
    background: url(../images/treeview/code.png) left top no-repeat;
}

.jqueryFileTree LI.ext_cgi {
    background: url(../images/treeview/code.png) left top no-repeat;
}

.jqueryFileTree LI.ext_cmd {
    background: url(../images/treeview/application.png) left top no-repeat;
}

.jqueryFileTree LI.ext_com {
    background: url(../images/treeview/application.png) left top no-repeat;
}

.jqueryFileTree LI.ext_cpp {
    background: url(../images/treeview/code.png) left top no-repeat;
}

.jqueryFileTree LI.ext_css {
    background: url(../images/treeview/css.png) left top no-repeat;
}

.jqueryFileTree LI.ext_doc {
    background: url(../images/treeview/doc.png) left top no-repeat;
}

.jqueryFileTree LI.ext_docx {
    background: url(../images/treeview/doc.png) left top no-repeat;
}

.jqueryFileTree LI.ext_exe {
    background: url(../images/treeview/application.png) left top no-repeat;
}

.jqueryFileTree LI.ext_gif {
    background: url(../images/treeview/picture.png) left top no-repeat;
}

.jqueryFileTree LI.ext_fla {
    background: url(../images/treeview/flash.png) left top no-repeat;
}

.jqueryFileTree LI.ext_h {
    background: url(../images/treeview/code.png) left top no-repeat;
}

.jqueryFileTree LI.ext_htm {
    background: url(../images/treeview/html.png) left top no-repeat;
}

.jqueryFileTree LI.ext_html {
    background: url(../images/treeview/html.png) left top no-repeat;
}

.jqueryFileTree LI.ext_jar {
    background: url(../images/treeview/java.png) left top no-repeat;
}

.jqueryFileTree LI.ext_jpg {
    background: url(../images/treeview/picture.png) left top no-repeat;
}

.jqueryFileTree LI.ext_jpeg {
    background: url(../images/treeview/picture.png) left top no-repeat;
}

.jqueryFileTree LI.ext_js {
    background: url(../images/treeview/script.png) left top no-repeat;
}

.jqueryFileTree LI.ext_lasso {
    background: url(../images/treeview/code.png) left top no-repeat;
}

.jqueryFileTree LI.ext_log {
    background: url(../images/treeview/txt.png) left top no-repeat;
}

.jqueryFileTree LI.ext_m4p {
    background: url(../images/treeview/music.png) left top no-repeat;
}

.jqueryFileTree LI.ext_mov {
    background: url(../images/treeview/film.png) left top no-repeat;
}

.jqueryFileTree LI.ext_mp3 {
    background: url(../images/treeview/music.png) left top no-repeat;
}

.jqueryFileTree LI.ext_mp4 {
    background: url(../images/treeview/film.png) left top no-repeat;
}

.jqueryFileTree LI.ext_mpg {
    background: url(../images/treeview/film.png) left top no-repeat;
}

.jqueryFileTree LI.ext_mpeg {
    background: url(../images/treeview/film.png) left top no-repeat;
}

.jqueryFileTree LI.ext_ogg {
    background: url(../images/treeview/music.png) left top no-repeat;
}

.jqueryFileTree LI.ext_pcx {
    background: url(../images/treeview/picture.png) left top no-repeat;
}

.jqueryFileTree LI.ext_pdf {
    background: url(../images/treeview/pdf.png) left top no-repeat;
}

.jqueryFileTree LI.ext_php {
    background: url(../images/treeview/php.png) left top no-repeat;
}

.jqueryFileTree LI.ext_png {
    background: url(../images/treeview/picture.png) left top no-repeat;
}

.jqueryFileTree LI.ext_ppt {
    background: url(../images/treeview/ppt.png) left top no-repeat;
}

.jqueryFileTree LI.ext_psd {
    background: url(../images/treeview/psd.png) left top no-repeat;
}

.jqueryFileTree LI.ext_pl {
    background: url(../images/treeview/script.png) left top no-repeat;
}

.jqueryFileTree LI.ext_py {
    background: url(../images/treeview/script.png) left top no-repeat;
}

.jqueryFileTree LI.ext_rb {
    background: url(../images/treeview/ruby.png) left top no-repeat;
}

.jqueryFileTree LI.ext_rbx {
    background: url(../images/treeview/ruby.png) left top no-repeat;
}

.jqueryFileTree LI.ext_rhtml {
    background: url(../images/treeview/ruby.png) left top no-repeat;
}

.jqueryFileTree LI.ext_rpm {
    background: url(../images/treeview/linux.png) left top no-repeat;
}

.jqueryFileTree LI.ext_ruby {
    background: url(../images/treeview/ruby.png) left top no-repeat;
}

.jqueryFileTree LI.ext_sql {
    background: url(../images/treeview/db.png) left top no-repeat;
}

.jqueryFileTree LI.ext_qry {
    background: url(../images/treeview/db.png) left top no-repeat;
}

.jqueryFileTree LI.ext_swf {
    background: url(../images/treeview/flash.png) left top no-repeat;
}

.jqueryFileTree LI.ext_tif {
    background: url(../images/treeview/picture.png) left top no-repeat;
}

.jqueryFileTree LI.ext_tiff {
    background: url(../images/treeview/picture.png) left top no-repeat;
}

.jqueryFileTree LI.ext_txt {
    background: url(../images/treeview/txt.png) left top no-repeat;
}

.jqueryFileTree LI.ext_vb {
    background: url(../images/treeview/code.png) left top no-repeat;
}

.jqueryFileTree LI.ext_vsd {
    background: url(../images/treeview/vsd.png) left top no-repeat;
}

.jqueryFileTree LI.ext_wav {
    background: url(../images/treeview/music.png) left top no-repeat;
}

.jqueryFileTree LI.ext_wmv {
    background: url(../images/treeview/film.png) left top no-repeat;
}

.jqueryFileTree LI.ext_xls {
    background: url(../images/treeview/xls.png) left top no-repeat;
}

.jqueryFileTree LI.ext_xlsx {
    background: url(../images/treeview/xls.png) left top no-repeat;
}

.jqueryFileTree LI.ext_xml {
    background: url(../images/treeview/code.png) left top no-repeat;
}

.jqueryFileTree LI.ext_zip {
    background: url(../images/treeview/zip.png) left top no-repeat;
}

.jqueryFileTree LI.ext_7z {
    background: url(../images/treeview/zip.png) left top no-repeat;
}

/** urbic file-list-view*/
div.file-list-container {
    overflow: auto
}

.folder-card {
    cursor: pointer;
    height: 120px;
    width: 200px;
    border-radius: 4px;
    float: left;
    border: 1px solid #4B4B4D
}

.flfo-item-name, .flfi-item-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden !important;
}

.folder-card .flfo-item-image {
    height: 70px;
}

.folder-card .flfo-item-image i {
    font-size: 4em;
    margin-top: 12px;
    margin-left: 15px
}

.folder-card .flfo-item-size {
    height: 20px;
    margin-right: 5px;
    text-align: right
}

.folder-card .flfo-item-name {
    height: 20px;
    width: 190px;
    background-color: #4B4B4D;
    color: #fff;
}

.file-card {
    height: 120px;
    width: 200px;
    border-radius: 4px;
    float: left;
    border: 1px solid #4B4B4D
}

.file-card .flfi-item-image {
    cursor: pointer;
    height: 50px;
}

.file-card .flfi-item-image i {
    font-size: 3em;
    margin-top: 12px;
    margin-left: 15px
}

.file-card .flfi-item-size {
    height: 20px;
    margin-right: 5px;
    font-size: 0.8em;
    text-align: right
}

.file-card .flfi-item-name {
    cursor: pointer;
    height: 20px;
    background-color: #4B4B4D;
    color: #fff;
}

.file-card .flfi-item-name:hover {
    color: #FABA00 !important
}

.file-card .file-list-item-delete {
    height: 20px;
}

.file-card .file-list-item-delete input {
    padding: 3px;
    margin: 7px;
}

.folder-list {
    cursor: pointer;
    border-radius: 4px;
    padding: 6px;
    border-bottom: 1px solid #E5E5E5 !important;
}

.file-list {
    border-radius: 4px;
    padding: 6px;
    border-bottom: 1px solid #E5E5E5 !important;
}

.folder-list:hover {
    border-bottom: 1px solid #FABA00 !important;
}

.folder-list .flfo-item-image, .file-list .flfi-item-image, .file-list .file-list-item-delete {
    display: inline
}

.folder-list .flfo-item-image i, .file-list .flfi-item-image i {
    font-size: 1.5em;
}

.folder-list .flfo-item-size, .file-list .flfi-item-size {
    display: inline;
    float: right;
    margin-right: 10px
}

.folder-list .flfo-item-name {
    cursor: pointer;
    display: inline;
    background-color: none;
}

.file-list .flfi-item-name {
    cursor: pointer;
    display: inline;
    background-color: none;
}

.file-list .flfi-item-name:hover {
    text-decoration: underline;
}

.file-list-item-image {
    padding: 0;
    margin: 10px;
    border-radius: 4px;
    min-height: 150px;
    min-width: 75px;
}

.image-item-marker {
    text-align: center;
    width: 16px;
    position: relative;
    top: 30px;
    left: 5px;
}

.image-item-marker input {
    padding: 3px;
    margin: 7px;
}

/* urbic-bread-crump */
div.breadcrump-container {
    width: 80%
}

ol.breadcrump {
    list-style-type: none;
    margin: 10px;
    padding: 8px;
    min-height: 24px;
    border-radius: 4px
}

ol.breadcrump li.breadcrump-item {
    float: left;
    text-decoration: underline;
}

ol.breadcrump li.breadcrump-item:hover {
    cursor: pointer;
}

/*implement new urbic- styles */
.urbic-border-grey {
    border: solid 1px #4B4B4D !important;
}


.urbic-border-grey-light {
    border: 1px solid #cecaca;
}

.urbic-border-grey-lighter {
    border: 1px solid #EDEDED !important;
}

.urbic-border-yellow {
    border: solid 1px #FABA00 !important;
}

/*.urbic-border-green {border: solid 1px #4b9b3e}*/
.urbic-border-green {
    border: solid 1px #4b9b3e !important;
}

/*.urbic-border-red {border: solid 1px #bf111b}*/
.urbic-border-red {
    border: solid 1px #e2001a !important;
}

.urbic-border-rounded-5, .round-5 {
    border-radius: 5px;
}

.urbic-border-rounded-8, .round-8 {
    border-radius: 8px;
}

.urbic-border-rounded-10, .round-10 {
    border-radius: 10px;
}

.urbic-color-grey {
    background-color: rgb(87, 87, 90) !important;
}

.urbic-color-yellow {
    background-color: #FABA00 !important;
}

.urbic-color-green {
    background-color: #4b9b3e !important;
}

.urbic-color-red {
    background-color: #bf111b !important;
}

.urbic-color-white {
    background-color: #FFF !important;
}

.urbic-color-light-grey {
    background-color: #CDCCC7 !important
}

.urbic-green {
    color: #4b9b3e !important;
}

.urbic-grey {
    color: #4B4B4D !important
}

.urbic-yellow {
    color: #FABA00 !important;
}

.urbic-red {
    color: #bf111b !important;
}

.urbic-white {
    color: #FFF !important;
}

.urbic-state-inactiv {
    color: #efefef
}

.urbic-state-inactiv-dark {
    color: #b3b3b3
}

.urbic-font-light {
    font-family: 'NettoWeb-Light', Helvetica, Arial;
}

.urbic-font-bold {
    font-family: 'NettoWeb-Bold', Helvetica, Arial;
}

/* urbic header */
.urbic-header {

    /*
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;

     */
    margin-top: 0;
    justify-content: space-between;
    align-content: center;
    border-radius: 8px;
    margin: 4px 8px;

}

.urbic-header-search-box {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 1em;
}

.header-item {
    margin: 1em;
}

.urbic-slogan {
    font-size: 2.3em;


}

.urbic-sub-slogan {
    font-size: 1em;
    margin-top: 0.2em;
    text-align: right;

}


.urbic-content .module-title, .module-inner .module-title {
    background: #4B4B4D !important;
    border: 1px solid #99A0A5;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    color: #fff;
}

.urbic-content .module-title h3, .module-inner .module-title h3 {
    margin: 0;
    font-size: 1.2em;
    font-weight: normal;
    font-family: 'NettoWeb-Light', Helvetica, Arial;
    padding: .5em .5em .5em .7em;
}


/*
.urbic-content input[type="text"]:enabled , .urbic-content textarea, .urbic-content select , .ui-dialog-content input[type="text"], .ui-dialog-content select,.ui-dialog-content textarea{
padding: .4em .6em;
line-height: 1.25;
color:
    #4b4b4d;
background-color:
    #fff;
background-image: none;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: .25rem;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .20s;
}
.urbic-content input[type="text"]:focus , .urbic-content input[type="text"]:hover, .urbic-content textarea:focus, .urbic-content textarea:hover, .urbic-content select:focus, .urbic-content select:hover, .ui-dialog-content input[type="text"]:hover{
border-color: #FABA00
}
.urbic-content input:invalid ,.urbic-content input:invalid:focus, .urbic-content input:invalid:hover, .ui-dialog-content input:invalid, .ui-dialog-content input:invalid:hover, .ui-dialog-content input:invalid:focus, .urbic-content select:invalid:focus, .urbic-content select:invalid:hover {
border-color: #e2001a
}

.urbic-content input[readonly="readonly"], input:disabled, .urbic-content input:disabled, .ui-dialog-content input[type="text"]:read-only, .ui-dialog-content input[type="text"]:disabled {
    background-color: #f0f0f0 !important;
    border-color: #f0f0f0 !important

}
*/
.urbic-navigation {
    margin-top: 5px;
}

.urbic-navigation .ui-state-default {
    background-color: #4B4B4D;
    border: 1px solid #4B4B4D;
    background-image: none !important;
}

.urbic-navigation .ui-state-activ {
    color: red !important
}

.urbic-navigation h3 a {
    font-weight: normal;
    font-size: 1.2em !important;
    font-family: 'NettoWeb-Light', Helvetica, Arial;
}

.urbic-navigation h3.ui-state-active {
    border-color: #4B4B4D !important;
}

.urbic-navigation h3.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_d8e7f3_256x240.png);
}

.urbic-navigation h3.ui-state-default a {
    color: #FFF;
}

.urbic-navigation h3.ui-state-active a {
    color: #FABA00;
    font-weight: bold;
    font-family: 'NettoWeb-Bold', Helvetica, Arial;
}

.urbic-navigation .ui-accordion-content {
    border-color: #4B4B4D !important;
}

.image_navigation div.navigation_item i {
    padding: 5px;
    color: #4B4B4D;
}

.image_navigation div.seperator {
    margin-bottom: 5px !important;
    font-family: 'NettoWeb-Light', Helvetica, Arial;
    font-size: 1em !important
}

.image_navigation div.navigation_item:hover i {
    color: #FABA00;
}

.image_navigation div.navigation_item i.active {
    color: #4b9b3e
}

.image_navigation div.navigation_item:hover {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border: 1px #FABA00 solid;
    border-width: 1px;
}

/**login area*/
.urbic-login-container {
    display: grid;
    grid-template-columns: auto 500px auto;
    grid-template-rows: 30px auto;
    justify-items: center;
}

.urbic-login-item {
    grid-column-start: 2;
    grid-row-start: 2;
    justify-self: stretch;
}

.urbic-login-item .login-form {

    color: #4b4b4d;
    border-radius: 0 0 15px 15px;
    border: 1px solid #4b4b4d;
    border-top-width: 5px;

}

.urbic-login-item .urbic-login-logo {
    border-radius: 15px 15px 0 0;
    border: 1px solid #4B4B4D;
    text-align: center;
    padding: 10px;
}

.logon-image {
    background-image: url('../images/urbic/urbic-header_1032x294.jpg');
    background-size: cover;
    background-repeat: no-repeat
}

.urbic-login-input {
    width: 95%;
    padding: 9px 7px !important;
}

.urbic-login-page {
    padding: 10% 0 0 25%;
    text-align: center
}

.urbic-login-error-message {
    padding: 0 25%;
}

.urbic-login-page .urbic-login-form {
    padding: 20px 10px 10px 30px;
    text-align: left !important;
}

.urbic-text {
    padding: 0 10px
}

.urbic-login-page .urbic-login-form .urbic-input {
    width: 100%;
    padding: 5px;
}

/**end login area*/
.urbic-bubble {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    line-height: 1.4em;
}

.urbic-bubble .urbic-more {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.6em;
}

.urbic-bubble-green {
    position: relative;
    left: 20px;
    padding-top: 20px;
    width: 210px;
    height: 210px;
    background-color: #1CA42D;
    vertical-align: top !important;
    font-size: 1.3em;
}

.urbic-bubble-grey {
    padding-top: 30px;
    width: 250px;
    height: 220px;
    background-color: #4B4B4D;
    vertical-align: middle;
    font-size: 1.1em;
}

.urbic-bubble-yellow {
    position: relative;
    top: -40px;
    left: -20px;
    padding-top: 30px;
    width: 170px;
    height: 170px;
    background-color: #FABA00;
    color: #000;
    vertical-align: middle;
    font-size: 1.2em;
}

.urbic-bubble-yellow span, .urbic-bubble-grey span {
    display: block;
}

.urbic-bubble-grey span:first-child, .urbic-bubble-green div:first-child {
    margin-top: 10px;
}

.urbic-bubble-card {
    width: 50px;
    height: 50px;
    margin: 10px;
}

.urbic-bubble-card div {
    position: relative;
    top: 30%;
    text-transform: uppercase
}

.urbic-hidden {
    display: none !important;
}

.urbic-block {
    display: block !important;
}

.urbic-inline {
    display: inline !important;
}

.urbic-widget {
    margin: 10px 0;
    border-radius: 5px;
}

.urbic-widget-container {
    margin: 12px 0px 12px 25px;
}

.urbic-shorten-long-text {
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}

.urbic-flex-row {
    display: flex;
    flex-direction: row;
}

.urbic-flex-column {
    display: flex;
    flex-direction: column;
}

.urbic-flex-space-between {
    justify-content: space-between;
}

.urbic-flex-space-around {
    justify-content: space-around;
}

.urbic-flex-space-evenly {
    justify-content: space-evenly;
}

.urbic-input-icon-container {
    display: -ms-flexbox; /*IE10*/
    display: flex;
    padding: 3px
}

.urbic-input-icon-container i.input-icon {
    padding: 10px;
    min-width: 33px;
    text-align: center;
    opacity: 0.6
}

.urbic-input-icon-container input[type='text'] {
    width: 100%;
    padding: 6px !important;
    outline: none
}

/* LOS Font Colors*/
.urbic-los-font-color-A, .urbic-los-font-color-B, .urbic-los-font-color-E, .urbic-los-font-color-F {
    color: #FFF
}

/* AWMGER */
.invisible {
    visibility: hidden
}

.visible {
    visibility: visible
}

/** effect styles*/
.visualize-value {
    display: block;
    width: 0;
    background-color: #2e6e9e;
    margin-bottom: 0;
    padding: 5px 0 5px 5px;
    color: #FFF;
    font-weight: bold;
}

.ui-effects-transfer {
    border: 2px solid #bf111b;
}

.ui-effects-transfer-round {
    border: 1px solid #4b9b3e;
    border-radius: 50%;
}

.ui-register-button, .event-station-button {
    height: 50px;
    min-width: 50px;
}

.ui-mainstation-signal {
    border-color: brown !important;
}

.ui-color {
    color: #4297D7;
    font-weight: bold;
}

.ui-color-active {
    color: #e17009;
}

.ui-button-text i {
    margin: 0 5px 0 5px
}

.ui-selecting {
    background: #FECA40;
}

.ui-highlight {
    border: 1px solid #fff;

}

.ui-highlight:hover {
    border: 1px solid #FECA40
}

.ui-selected {
    background: #F39814 !important;
    color: white !important;
}

.ui-handle {
    cursor: move;
    opacity: 0.7
}

.los-g {
    background-color: #DCDCDC
}

.los-h {
    background-color: #D3D3D3
}

.los-i {
    background-color: #A9A9A9
}

/**svg draw classes*/
.svg-txt-hour, .svg-txt-date {
    font-size: 0.8em
}

.svg-element:hover, .chart-bar-bar:hover {
    stroke: #4B4B4D
}

.chart-tooltip-container {
    stroke: #4B4B4D;
    stroke-width: 1;
    fill: #FFF


}

.bar-legend {
    font-size: 0.8em;
    fill: #888;
}

.svg-element-25 {
    fill: #ffb2b2;
    color: #ffb2b2
}

.svg-element-50 {
    fill: #ff6666;
    color: #ff6666
}

.svg-element-75 {
    fill: #ff3232;
    color: #ff3232
}

.svg-element-100 {
    fill: #bf111b;
    color: #bf111b
}

/**
    open layers overwrite
*/
.olControlLayerSwitcher .layersDiv {
    background-color: #4B4B4D !important;
}

.olControlLayerSwitcher .layersDiv .labelSpan {
    color: #fff !important;
}

.olControlZoom a {
    background-color: #4B4B4D !important;
}

.olMapViewport .olControlAttribution {
    right: 2px;
    bottom: 2em;
}

/* main layout from page */
.menue-line {
    cursor: pointer;

    border: 1px solid #4B4B4D;
    background-color: #4B4B4D;
    margin: 5px 5px 0 0;
    border-radius: 3px;
    transition: 1000ms;
    display: block;
    opacity: 1;
}

.menue-line-open {
    width: 14px;
    min-width: 14px;
    display: block;
    opacity: 1;
}

.menue-line-close {
    display: unset;
    opacity: 0;
    width: 0px;
}

.menue-line:hover {
    opacity: 0.9;
    border: 1px solid #FABA00;
}

.navigator {
    transition: 1000ms;
    display: flex
}

.navigator-open {
    width: 220px;
    min-width: 220px;

    .accordion_navigation_container {
        opacity: 1;
        display: block;
    }
}

.navigator-close {
    width: 0px;

    .accordion_navigation_container {
        opacity: 0;
    }
}

.application-view-content {
    flex-grow: 1;
    margin-left: 14px
}

.accordion_navigation_container {
    display: block;
    opacity: 1;
    transition: 600ms;
    width: fit-content;
}

.content-full-height {
    flex-grow: 1;
    padding-bottom: 80px;
}

html, body {
    height: 100%;
}

body {

    display: flex;
    flex-direction: column;
}

/**
     MEDIA QUERY
 */
@media only screen and (max-width: 1150px) {
    /* For tablets: */
    .urbic-slogan, .urbic-sub-slogan {
        display: none
    }
    .module{
        float: unset;
        width: 100%
    }

}