.menu-circle {
    border-radius: 50%;
    display: inline-block;
    height: 12px;
    width: 12px;
    float: left;
}

.menu-circle-option {
    border-radius: 50%;
    display: inline-block;
    height: 12px;
    margin-right: 12px;
    width: 12px;
}

.grid-4-columns {
    display: grid;
    grid-template-columns: min-content minmax(175px, 1fr) min-content minmax(175px, 1fr);
    grid-auto-flow: row;
    align-items: center;
    grid-gap: 10px 8px;
    align-content: start;
}



    .grid-4-columns .first-column {
        grid-column: 1;
    }

    .grid-4-columns .last-column {
        grid-column: 4;
    }

    .grid-4-columns > label {
        white-space: nowrap;
    }

    .grid-4-columns input {
        height: 18px;
    }

    .grid-4-columns select {
        height: 24px;
    }

    .grid-4-columns .text-area-big {
        height: calc(24px * 3);
        resize: none;
    }

.use-3-columns {
    grid-column: span 3;
}

.input-with-units {
    display: grid;
    grid-template-columns: auto 2rem;
    grid-auto-flow: row;
    align-items: center;
    grid-gap: 0px 4px;
}

.devExpressFileDialog {
    display: grid;
    grid-template-columns: min-content auto min-content;
    gap: 10px 10px;
    justify-items: center;
    align-items: center;
}

.thirdPosition {
    grid-column: 3;
}

.ui-autocomplete {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}

ul.ui-menu {
    max-height: 350px !important;
}

.clockpicker-canvas, .clockpicker-dial {
    font-family: sans-serif;
}

.clockpicker-popover .popover-title {
    font-family: sans-serif;
}

.iframTitleClass .ui-dialog-titlebar {
    height: 2em;
    padding-top: 0.75em !important;
    padding-left: 1.6em !important;
}

.searchfulltreeTicket {
    overflow: auto;
}

.menubuttonlabel {
    padding-top: 2px;
    display: block;
}

ul.noMargin li a {
    margin: 0 !important;
}

.tabelTaskfilter {
    width: 400px;
    border-collapse: collapse
}

.tablePublicTaskfilter {
    width: 400px;
    display: contents
}

.borderColor {
    border: 1px solid #a6c9e2;
    height: 23px;
    width: 200px;
}

.TaskFilterInfoTd {
    vertical-align: top;
    width: 450px;
}

.tabelTaskfilterDiv {
    max-height: 420px;
    overflow: auto
}

.tablePublicTaskfilterTdLabel {
    width: 120px
}

.tablePublicTaskfilterName {
    width: 240px
}

.serachaddressheader {
    font-weight: bold;
    font-size: 1.1em;
    margin: 0px;
    margin-bottom: 5px;
}

.filterFontweightOptions {
    font-weight: bold;
    color: #2e6e9e;
}

.checkboxList {
    display: grid;
    justify-content: start;
    grid-column-gap: 5px;
    grid-row-gap: 4px;
    align-items: center;
    grid-template-columns: auto auto;
}

.flex-rows {
    display: flex;
    flex-flow: column nowrap;
    gap: 0.5rem;
}

.grid-container-2-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px 10px;
}

    .grid-container-2-columns div {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

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

    .tasksummarycolumns tr {
        height: 20px;
    }

    .tasksummarycolumns td {
        border: 1px solid #a6c9e2;
    }

.tdProtocol {
    border: 1px;
    border-style: solid;
    padding: 5px;
    border-color: #a6c9e2;
}

.tdHeaderProtocol {
    border: 1px;
    border-style: solid;
    padding: 5px;
    border-color: #a6c9e2;
    background: #E5F3FF;
    font-weight: bold;
    color: #2e6e9e;
}

.SectionMenubutton {
    padding-top: 4px;
    float: right
}

.linkHistorySearch {
    text-align: left;
    padding-top: 9px;
    display: block;
    width: 70px;
}

#divDragFiles {
    height: 150px;
    border: 1px solid #a6c9e2;
    border-bottom: none;
    width: 100%;
    box-sizing: border-box;
}

#DocumentTable {
    width: 100%;
    padding-top: 5px;
    border-spacing: 0 5px;
    border-collapse: separate;
}

.emptyRow {
    height: 5px;
}

#dragFileP {
    padding-left: 20%;
    margin: 0px;
    padding-top: 10px;
    color: gray
}

#dragPlaceP {
    padding-left: 20%;
    margin: 0px;
    padding-bottom: 20px;
    color: gray
}

.backgroundimgDrag {
    padding-left: 40%;
    padding-top: 15px;
    width: 50px
}

.tdDocumenet {
    width: 25px;
    border-bottom: 1px dotted;
    border-top: 1px dotted;
    border-left: 1px dotted
}

.tdDocumenetIcon {
    width: 20px;
    vertical-align: middle;
    padding: 1px
}

.divExternTicket {
    width: 160px;
}

.tdExternTicketName {
    width: 125px;
    max-width: 125px;
    border-bottom: 1px dotted;
    border-top: 1px dotted;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tdDocumenetName {
    border-bottom: 1px dotted;
    border-top: 1px dotted;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 346px;
}

.tdDocumenetDel {
    width: 25px;
    text-align: right;
    border-bottom: 1px dotted;
    border-top: 1px dotted;
    border-right: 1px dotted;
}

.tdDocumenetDelIcon {
    width: 20px;
    vertical-align: middle;
    padding-right: 1px
}

.ui-datepicker-close {
    display: none
}

.ui-datepicker-current {
    opacity: 1 !important;
    font-weight: bold !important
}

.cellspacingTable {
    cellspacing: 2
}

.adr-il {
    width: 100%;
    height: 20px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.craftWidth {
    width: 100%
}

.tdWidth {
    width: 19%;
    padding: 2px;
}

.tdTextRight {
    width: 19%;
    padding: 2px;
    text-align: left;
}

.adressInput {
    border: 1px solid #a6c9e2 !important;
    padding: 0px;
}

.ui-widget-content ui-corner-all {
}

.adr-is {
    width: 100%;
    height: 20px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    padding: 0px;
}

.adr-is-country {
    width: 100%;
    height: 20px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.adr-is-nu {
    padding: 0px;
    width: 100%;
    text-align: right;
    height: 18px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.adr-dl {
    width: 100%;
    height: 20px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    padding: 0px;
}

.adr-tl {
    padding: 0px;
    width: 100%;
    height: 80px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    resize: none;
}

.adr-ct {
    width: 100%;
    padding: 0px;
    height: 20px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.ui-dialog {
    z-index: 101;
}

.panChooseReport {
    padding-top: 10px;
    padding-left: 12px;
    padding-right: 20px;
    height: 265px
}

.prevPerformance {
    padding: 5px !important;
    cursor: pointer;
    margin-right: 1px
}

.buttonsavePerformance {
    padding: 5px !important;
    padding-right: 29px !important;
    cursor: pointer;
    margin-right: 5px
}

.divMailVersandButton {
    padding-top: 5px;
}

.navigation {
    list-style-type: none;
    margin: auto;
    padding-left: 0px;
}

div.tb-back {
    height: 33px;
    overflow: hidden;
    border: 1px solid #2c5494;
    background: #f0f0f0;
    color: #2c5494;
    border-radius: 0px;
    font-weight: bold;
}

ul.toolbar {
    list-style-type: none;
    margin: auto;
    padding-left: 0px;
}

ul.left {
    float: left
}

ul.toolbar li {
    float: left;
    margin-left: 0.5em;
    padding-top: 0.5em;
}

    ul.toolbar li a {
        text-decoration: none;
        color: #2c5494;
    }

        ul.toolbar li a:hover {
            color: #363636;
        }

    ul.toolbar li ul.tb-sub {
        position: absolute;
        list-style-type: none;
        display: none;
        padding-left: 0;
        z-index: 999999;
    }

    ul.toolbar li div.tb-sub {
        position: absolute;
        list-style-type: none;
        display: none;
        padding-left: 0;
        z-index: 999999;
    }

    ul.toolbar li ul.tb-sub li {
        float: none;
        clear: both;
        padding: 0.25em;
        margin: 0;
    }

.tb-li-lab {
    float: left;
    margin-top: 0.3em;
    margin-right: 0.2em;
}

.tb-li-lab-black {
    color: #1d5987;
}

.nav-li, .nav-li-nsel, .nav-li-nsel-t {
    float: left;
    margin-left: 0.5em;
}

    .nav-li-nsel a {
        text-decoration: none;
        font-weight: bolder;
        color: #2e6e9e !important;
    }

    .nav-li-nsel-t a {
        text-decoration: none;
        font-weight: bolder;
        color: #efc10f !important;
    }

    .nav-li a {
        text-decoration: none;
        font-weight: bolder;
    }

        .nav-li a:hover, .nav-li-nsel a:hover {
            color: #363636 !important;
        }

ul.obj-tree {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul.obj-tree-sub {
    list-style-type: none;
    margin: auto;
    padding-left: 0.5em;
}

a.li-sel {
    background-color: Green;
    color: Red;
}

#MainTab .ui-widget-header {
    background: ButtonFace;
}

#MainTab .ui-jqgrid-title {
    color: #2e6e9e !important;
}

#StructTab .ui-widget-header {
    background: ButtonFace;
}

.group {
    width: 100%;
}

.groupf {
    color: Black;
    font-size: 10pt;
    white-space: nowrap;
    text-decoration: none;
    font-weight: bold;
}

.groupfs {
    color: Black;
    font-size: 10pt;
    white-space: nowrap;
    text-decoration: none;
    font-style: italic;
    font-weight: bold;
}

.li_u {
    color: Black;
    background-color: White;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 8pt;
    white-space: nowrap;
    text-decoration: none;
    line-height: 20px;
}

.li_s {
    color: White;
    background-color: #778899;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 8pt;
    white-space: nowrap;
    text-decoration: none;
    line-height: 20px;
}

.span_nw {
    white-space: nowrap;
}

.li_stand_u {
    background-image: url(Images/stand_empty.png); /*padding-left: 40px; 	padding-top: 4px; 	padding-bottom: 4px;*/
    background-repeat: no-repeat;
    white-space: nowrap;
}

.li_building_u {
    background-image: url(Images/geb_empty.png); /* 	padding-left: 40px; 	padding-top: 4px; 	padding-bottom: 4px; 	*/
    background-repeat: no-repeat;
    white-space: nowrap;
}

.li_stand_e {
    background-image: url(Images/stand_expand.png);
    background-repeat: no-repeat; /* 	padding-top: 4px; 	padding-bottom: 4px; 	padding-left: 0px; 	*/
    cursor: pointer;
    white-space: nowrap;
}

.li_building_e {
    background-image: url(Images/geb_expand.png); /* 	padding-left: 40px; 	padding-top: 4px; 	padding-bottom: 4px; 	*/
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: nowrap;
}

.li_unit {
    background-image: url(Images/ein.gif);
    padding-left: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    background-repeat: no-repeat;
}

.li_c {
    display: none;
}

.span_c {
    background-image: url(Images/plus.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

.span_e {
    background-image: url(Images/minus.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

.span_u {
}

.li_room {
    background-image: url(Images/room.gif); /* 	padding-left: 20px; 	padding-top: 4px; 	padding-bottom: 4px; 	*/
    background-repeat: no-repeat;
    white-space: nowrap;
}

.group H2 {
    background: #CECECE;
    border-top: solid 2px DarkGrey;
    height: 22px;
    line-height: 22px;
    margin: 0px;
    padding: 0px 0px 0px 5px;
    color: Black;
    font-size: 10pt;
}

.groupli H2 {
    background: #CECECE;
    border-top: solid 2px DarkGrey;
    height: 22px;
    line-height: 22px;
    margin: 0px;
    padding: 0px 0px 0px 5px;
    color: Black;
    font-size: 10pt;
}

.groupli {
}

.groupul {
    margin: 0px;
    list-style-type: none;
    padding: 0px;
}

.elementul {
    margin-left: 0px;
    list-style-type: none;
    padding-left: 6px;
}

.treestyle {
    color: #000000;
}

form {
    margin: 0;
    padding: 0;
}

/* table style */
.pict_table {
    border: solid 1px #7aa5d6;
}

    /* the sort header link */
    .pict_table th a {
        display: block;
        text-decoration: none;
        color: #3366cc;
    }

    /* common cell styles */
    .pict_table td {
        border-bottom-color: #e5ecf9;
        border-right-color: #e5ecf9;
    }

    .pict_table th, .pict_table th.over, .pict_table th.selected, .pict_table th.down {
        color: #3366cc;
        border-right-color: #7aa5d6;
        border-bottom-color: #7aa5d6;
        background: #e5ecf9;
    }

.counter-table {
    table-layout: fixed;
    border-width: 0;
}

    .counter-table th a {
        display: block;
        text-decoration: none;
        color: #3366cc;
    }

    /* common cell styles */
    .counter-table td {
        border-color: #e5ecf9;
    }

    .counter-table th, .counter-table th.over, .counter-table th.selected, .counter-table th.down {
        color: #3366cc;
        border-color: #7aa5d6;
        background: #e5ecf9;
    }

.plan-table {
    border: solid 1px #9CF;
    table-layout: fixed;
}

    .plan-table th a {
        display: block;
        text-decoration: none;
    }

    /* common cell styles */
    .plan-table td {
        border-right: solid 1px #9CF;
        border-bottom: solid 1px #9CF;
        vertical-align: top;
        overflow: hidden;
        white-space: nowrap;
    }

        .plan-table td.paras {
            white-space: normal;
        }

.plan-table-td-ex {
    /*border-right: solid 1px #9CF;
    border-bottom: solid 1px #9CF;*/
    overflow: hidden;
    white-space: normal;
}

.plan-table th {
    border-right: solid 1px #6699CC;
    border-bottom: solid 1px #6699CC;
    background: #C5D9F1;
    overflow: hidden;
    white-space: nowrap;
}

.grid-table {
    border: solid 1px #9CF;
    table-layout: fixed;
}

    .grid-table th a {
        display: block;
        text-decoration: none;
    }

    /* common cell styles */
    .grid-table td {
        border: solid 1px #9CF; /*border-bottom : solid 1px #9CF;*/
        vertical-align: top;
        overflow: hidden;
    }

.grid-table-td-ex {
    border: solid 1px #9CF;
    overflow: hidden;
}

.grid-table th {
    border: solid 1px #6699CC; /*border-bottom : solid 1px  #6699CC;*/
    background: #C5D9F1;
}

table.helpT {
    /*font-size: 11px;     color: #404040;*/
    width: 500px;
    background-color: #fafafa;
    border: 1px #6699CC solid;
    border-collapse: collapse;
    border-spacing: 0px;
}

th.helpHed {
    /*border-bottom: 2px solid #6699CC;*/ /*border-left: 1px solid #6699CC;*/
    border-left: 0px solid #6699CC;
    background-color: #C5D9F1;
    text-align: left;
    text-indent: 1px;
    font-weight: bold; /*font-size: 11px;*/ /*color: #404040;*/
    padding: 2px;
}

th.helpHedR {
    /*border-bottom: 2px solid #6699CC;*/ /*border-left: 1px solid #6699CC;*/
    border-right: 2px solid #6699CC;
    background-color: #C5D9F1;
    text-align: left;
    text-indent: 1px; /*font-family: Verdana;*/
    font-weight: bold; /*font-size: 11px;     color: #404040;*/
    padding: 2px;
}

tr.helpBodHL {
    font-weight: bold;
}

tr.helpBod {
    font-weight: normal;
}

td.helpBod {
    border-bottom: 1px solid #9CF;
    border-top: 0px; /*border-left: 1px solid #9CF;*/
    border-left: 0px;
    border-right: 0px;
    text-align: left;
    text-indent: 0px; /*font-family: Verdana, sans-serif, Arial;*/ /*font-weight: normal;*/ /*font-size: 11px;*/ /*color: #404040;*/
    background-color: #fafafa;
    padding-left: 2px;
    padding-right: 2px;
}

td.helpBodBR {
    border-bottom: 1px solid #9CF;
    border-top: 0px;
    border-right: 2px solid #9CF;
    border-left: 0px;
    text-align: left;
    text-indent: 0px; /*font-family: Verdana, sans-serif, Arial;*/ /*font-weight: normal;*/ /*font-size: 11px;*/ /*color: #404040;*/
    background-color: #fafafa;
    padding-left: 2px;
    padding-right: 2px;
}

td.helpBodR {
    border-bottom: 1px solid #9CF;
    border-top: 0px; /*border-left: 1px solid #9CF;*/
    border-left: 0px;
    border-right: 0px;
    text-align: left;
    text-indent: 0px; /*font-family: Verdana, sans-serif, Arial;*/ /*font-weight: normal*/ /*font-size: 11px;*/ /*color: #404040;*/
    background-color: #fafafa;
    padding-left: 2px;
    padding-right: 2px;
}

td.helpBodRBR {
    border-bottom: 1px solid #9CF;
    border-top: 0px;
    border-right: 2px solid #9CF;
    border-left: 0px;
    text-align: left;
    text-indent: 0px; /*font-family: Verdana, sans-serif, Arial;*/ /*font-weight: normal*/ /*font-size: 11px;     color: #404040;*/
    background-color: #fafafa;
    padding-left: 2px;
    padding-right: 2px;
}

td.helpBodR span {
    margin-right: 5px;
}

table.sofT {
    text-align: left; /*font-family: Verdana;*/
    font-weight: normal; /*font-size: 11px;*/ /*color: #404040;*/ /*width: 100%;*/
    background-color: #fafafa; /*border: 1px #6699CC solid;*/
    border-collapse: collapse;
    border-spacing: 0px;
    table-layout: fixed;
}

img.tb {
    border-style: none;
}

a.tb img {
    border-style: none;
}

div.objtree-full {
    float: left;
}

tr.r_even {
    background-color: Silver;
}

tr.r_odd {
    background-color: White;
}

.r_line_through {
    text-decoration: line-through;
}

.r_italic {
    font-style: italic;
}

.r_italic_b {
    font-style: italic;
    font-weight: bold;
}

input.hm-datepicker {
    text-align: center;
    background-image: url("Images/calendar.gif");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 18px;
    width: 6em;
    cursor: pointer;
}

a.hm-object {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 30px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 0px;
    margin: 0;
    line-height: 18px;
    height: 20px;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
}

a.hm-stand {
    background-image: url("Images/stand_empty.png");
}

a.hm-stand-e {
    background-image: url("Images/stand_expand.png");
}

a.hm-build {
    background-image: url("Images/geb_empty.png");
}

a.hm-build-e {
    background-image: url("Images/geb_expand.png");
}

a.hm-unit {
    background-image: url("Images/unit_empty.png");
}

a.hm-unit-e {
    background-image: url("Images/unit_expand.png");
}

a.hm-room {
    background-image: url("Images/room_empty.png");
}

a.hm-stand-h {
    background-color: #fbec88;
}

a.hm-stand-all {
    padding-left: 0px;
    text-decoration: none;
}

div.hm-detail-col {
    float: left;
    min-width: 12em;
    padding-left: 0.1em;
    width: 13%;
    white-space: normal;
}

div.hm-detail-col-big {
    float: left;
    min-width: 12em;
    padding-left: 0.1em;
    width: 30%;
    white-space: normal;
}

div.hm-detail-text {
    overflow: auto;
    max-height: 20em;
    /*background-color: Red;*/
}

input.hm-search-field {
    width: 8em;
}

a.hm-search-icon {
    border-width: 0px;
    margin-left: 0.5ex;
}

    a.hm-search-icon img {
        width: 16px;
        border-width: 0px;
        margin: 0px;
        padding: 0px; /*background-color: Red;*/
        margin-top: 0.2em
    }

input.number {
    text-align: right;
}

input.btn {
    font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-size: 1em;
    padding: 0.3em;
}

tr.edit-row {
    background-color: Silver;
}

tr.pl_col {
    color: Black;
}

tr.pl_col_r {
    color: Red;
}

tr.pl_col_b {
    color: #0099ff;
}

div.buisy {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-image: url("Dynatree/loading.gif");
    display: inline-block;
}

/* table level rules */
.yui-grid {
    /*font-family: arial;
	font-size: small;*/
    border: solid 1px #7f7f7f;
    border-collapse: collapse;
    table-layout: fixed;
}

    /* header column rules */
    .yui-grid th {
        background: url(Images/sprite.png) repeat-x 0px 0px;
        border-color: #989898 #cbcbcb #989898 #989898;
        border-style: solid solid solid none;
        border-width: 1px 1px 1px medium;
        color: #000;
        padding: 1px 1px 1px 1px;
        text-align: center;
        vertical-align: bottom;
    }

        .yui-grid th a {
            font-weight: normal;
            text-decoration: none;
            text-align: center;
            color: #000;
            display: block;
            padding-right: 10px;
        }

        /* change the background image when the column is being sorted by */
        .yui-grid th.sortasc, .yui-grid th.sortdesc {
            background: url(Images/sprite.png) repeat-x 0px -100px;
        }

            /* change image if it is an asc sort */
            .yui-grid th.sortasc a {
                background: url(Images/dt-arrow-up.png) no-repeat right 50%;
            }

            /* change image if it is a desc sort */
            .yui-grid th.sortdesc a {
                background: url(Images/dt-arrow-dn.png) no-repeat right 50%;
            }

    /* data cell and data row rules */
    .yui-grid td {
        padding: 1px 1px 1px 1px;
        border-right: solid 1px #c5dbec;
        vertical-align: top;
        overflow: hidden;
        white-space: nowrap;
    }

    .yui-grid .altrow, .yui-grid .row .sort {
        background-color: #edf5ff;
    }

        .yui-grid .altrow .sort {
            background-color: #dbeaff;
        }

    .yui-grid .row {
        background-color: #fff;
    }

.tablestyle {
    /*   border: solid 1px #7f7f7f; */
    border-collapse: collapse;
    table-layout: fixed;
}

.altrowstyle {
    background-color: #edf5ff;
}

.dropzone {
    padding: 10px;
    height: 100%;
    background: url(Images/dragFile.png) no-repeat right 50% top 50% !important;
    border: none;
    color: #1b1b1b;
}

    .dropzone.dragover {
        background: url(Images/dragFile.png) no-repeat right 50% top 50% !important;
        /*border: 2px dashed #aaaaaa;*/
        border: none;
        color: #1b1b1b;
        opacity: 0.7;
    }

.maxheight {
    height: 100%;
}

.headerstyledocument th {
    background: #dfeffc;
    border: 1px solid #a6c9e2;
    font-weight: bold;
    color: #2e6e9e
}

.headerstyle th {
    background: url(Images/sprite.png) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    padding: 1px 1px 1px 1px;
    text-align: center;
    vertical-align: bottom;
}

    .headerstyle th a {
        font-weight: normal;
        text-decoration: none;
        text-align: center;
        color: #000;
        display: block;
        padding-right: 10px;
    }

.rowstyle .sortaltrow, .altrowstyle .sortaltrow {
    background-color: #edf5ff;
}

.rowstyle .sortrow, .altrowstyle .sortrow {
    background-color: #dbeaff;
}

.rowstyle td, .altrowstyle td {
    padding: 1px 1px 1px 1px;
    border-right: solid 1px #cbcbcb;
    overflow: hidden;
    white-space: nowrap;
}

.headerstyle .sortascheader {
    background: url(Images/sprite.png) repeat-x 0px -100px;
}

    .headerstyle .sortascheader a {
        background: url(Images/dt-arrow-up.png) no-repeat right 50%;
    }

.headerstyle .sortdescheader {
    background: url(Images/sprite.png) repeat-x 0px -100px;
}

    .headerstyle .sortdescheader a {
        background: url(Images/dt-arrow-dn.png) no-repeat right 50%;
    }

td.user-right {
    text-align: right;
    width: 10.3em;
}

.sel-domain {
    width: 100%;
    margin-top: 0.5em;
    /*margin-left: 0.5em;*/
    margin-bottom: 0.5em;
}

.KPIPanel td {
    margin: 5px;
}

.sel-country {
    width: 100%;
    margin-top: 0.5em;
    /*margin-left: 0.5em;*/
    margin-bottom: 0.5em;
}

.numberinput {
    color: #000000;
    text-align: right;
}

procentinput {
    color: #000000;
    text-align: right;
    width: 40px;
}

td.id-col {
    text-align: right;
    padding: 2px;
}

td.text-col {
    padding: 2px;
}

div.tm-base {
    position: absolute;
    width: 25em;
    display: inline-block;
    overflow: hidden;
    top: 10px;
    left: 5px;
}

div.tm-red {
    font-weight: bold;
    background-color: Red;
    color: White;
}

table td.hm-nowrap {
    white-space: nowrap;
}

tr.hm-edit {
    background-color: Silver;
}

div.hm-ps-row {
    margin-top: 0.5em;
}

.hm-val-error {
    color: Red;
    font-weight: bold;
}

td.right {
    text-align: right;
}

td.hm-search-left {
    width: 33%;
}

td.hm-search-middle {
    width: 33%;
}

td.hm-search-right {
    width: 34%;
}

td.hm-search-checkbox {
    width: 5%;
}

td.hm-search-invisible {
    visibility: hidden;
    width: 0%;
}

td.hm-handson-real-counters {
    position: absolute;
    bottom: 0;
    left: 0;
}

td.user-label {
    width: 7em;
}

div.sig-input {
    margin-bottom: 0.5em
}

div.sig-clear {
    margin-top: 0.5em
}

td.fac-left {
    width: 16em;
    vertical-align: top;
}

td.fac-right {
    width: auto;
}

input.fac-std {
    width: 23em;
}

textarea.fac-std {
    width: 23em;
}

textarea.fac-big {
    width: 40em;
}

input.fac-big {
    width: 40em;
}

.sel-responsible > div {
    width: 9em;
    background-color: transparent;
    color: Black;
    display: inline-block;
    padding-right: 0.2em;
    padding-left: 0.2em;
    overflow: hidden;
    white-space: nowrap;
    font-weight: normal;
    height: 2em;
}

    .sel-responsible > div > div:first-child {
        padding-left: 0.3em;
        padding-top: 0.2em;
        height: 1.4em;
        float: left;
        background: white;
        width: 8em;
        color: Black;
        display: inline-block;
        padding-right: 0.2em;
        overflow: hidden;
        white-space: nowrap;
        font-weight: normal;
    }

div.hm-dd-resp {
    float: right;
    width: 1.7em;
    display: none;
}

.errlabelstyle {
    color: Red;
}

input.options-tbox {
    margin-bottom: 4px;
}

div.modul-panel-left {
    float: left;
}

div.modul-panel-right {
    float: right;
}

td.hm-prop-left {
    width: 20em;
    padding-top: 3px;
    text-align: left;
    white-space: nowrap;
}

td.hm-prop-right {
    width: 60em;
    padding-top: 3px;
    text-align: left;
}

    td.hm-prop-right input {
        /*  width: 20em; */
    }

table.calendar {
}

tr.clnd-headline {
    background: #CECECE;
}

/* Calendar */

.cal-sel {
    background-color: Red;
    color: White;
    font-weight: bold;
}

.cal-val {
    background-color: #99ddff;
    overflow: visible;
}

a.DelCE {
    display: inline-block;
    background-image: url(Images/cross.png);
    background-repeat: no-repeat;
    white-space: nowrap;
    height: 16px;
    width: 16px;
    text-decoration: none;
}

a.EditCE {
    display: inline-block;
    background-image: url(Images/pencil.png);
    background-repeat: no-repeat;
    white-space: nowrap;
    height: 16px;
    width: 16px;
    text-decoration: none;
}

a.FinishCE {
    display: inline-block;
    background-image: url(Images/tick.png);
    background-repeat: no-repeat;
    white-space: nowrap;
    height: 16px;
    width: 16px;
    text-decoration: none;
}

a.SetRespCE {
    display: inline-block;
    background-image: url(Images/user_edit.png);
    background-repeat: no-repeat;
    white-space: nowrap;
    height: 16px;
    width: 16px;
    text-decoration: none;
}

div.ajax-spinner {
    background-color: rgba(128,128,128,0.5);
    width: 100%;
    height: 100%;
    z-index: 7;
    position: absolute;
    top: 0px;
    left: 0px;
}

div.ajax-buisy {
    background-image: url(Images/ajax-loader.gif);
    background-repeat: no-repeat;
    background-color: transparent;
    height: 56px;
    width: 56px;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -28px;
    margin-top: -28px;
}

table.cal-detail td {
    border: none;
}

div.cal-detail {
}

    div.cal-detail .left {
        float: left;
        width: 3em;
    }

a.LinkCE {
    /*display:inline-block;
    height: 13px;*/
}

a.LinkCETitle {
    position: absolute;
    /* z-index:1000; */
    display: block;
    margin-top: -10px;
    /*margin-left: 15px;*/
    overflow: hidden;
    text-decoration: none;
    text-align: center;
}

a.LinkCETitle1 {
    width: 30px;
}

a.LinkCETitle2 {
    width: 75px;
}

a.LinkCETitle3 {
    width: 120px;
}

a.LinkCETitle4 {
    width: 165px;
}

a.LinkCETitle5 {
    width: 210px;
}

a.LinkCETitle6 {
    width: 255px;
}

a.LinkCETitle7 {
    width: 300px;
}

a.LinkCETitle8 {
    width: 345px;
}

a.LinkCETitle24 {
    padding-left: 528px;
}

td.cal-range-none {
}

a.cal-range-all {
    border-width: 1px !important;
    border-style: solid;
    border-color: #1b1b1b;
}

td.cal-range-first {
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: #1b1b1b;
}

td.cal-range-last {
    border-right-width: 2px !important;
    border-right-style: solid !important;
    border-right-color: #1b1b1b !important;
}

td.cal-range-bottom {
    /*
     background-image: url("Images/calendarback.png");
     background-repeat: repeat-x;
     background-position: 50%;
   */
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #1b1b1b;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #1b1b1b;
}

a.cal-range-first {
    background-image: url("Images/calendarback.png");
    background-repeat: repeat-y;
    background-position: left;
}

.CbEvent {
    margin: 0;
    padding: 0;
    display: inline-block;
    height: 12px;
    width: 12px;
    overflow: hidden;
    vertical-align: bottom;
}

.LinkCEWeek {
    display: block;
    text-decoration: none;
    height: 100%;
    width: 100%;
    font-size: xx-small;
    padding-top: 2px;
}

.CEWeekShut {
    background-color: #99ddff;
}

.DoneCE {
    background: Silver;
}

.CEDetails {
    background: #ffffaa !important;
}

.CEWeekOpen {
    background-color: #ffffaa !important;
}

.NoTimeLinkWeek {
    display: block;
    color: Black;
    text-decoration: none;
    background-color: #99ddff;
    height: 100%;
    width: 100%;
}

.NoTimeLinkLeft {
    display: block;
    text-decoration: none;
    background-color: #99ddff;
    height: 20px;
    border: 0px;
}

.IcoSelCol {
    background-image: url(Images/palette.png);
    background-repeat: no-repeat;
    white-space: nowrap;
    text-decoration: none;
    display: inline-block;
    width: 16px;
    height: 16px;
}

#red, #green, #blue {
    float: left;
    clear: left;
    width: 300px;
    margin: 15px;
}

#swatch {
    width: 120px;
    height: 100px;
    margin-top: 18px;
    margin-left: 350px;
    background-image: none;
}

#red .ui-slider-range {
    background: #ef2929;
}

#red .ui-slider-handle {
    border-color: #ef2929;
}

#green .ui-slider-range {
    background: #8ae234;
}

#green .ui-slider-handle {
    border-color: #8ae234;
}

#blue .ui-slider-range {
    background: #729fcf;
}

#blue .ui-slider-handle {
    border-color: #729fcf;
}

#demo-frame > div.demo {
    padding: 10px !important;
}

input.link-url {
    width: 30em;
}

.tree-object-group span.dynatree-icon {
    background-position: 0 0 !important;
    background-image: url("Images/folder.png");
    background-repeat: no-repeat;
}

.tree-object-stand span.dynatree-icon {
    background-position: 0 0 !important;
    background-image: url("Images/stand_icon.png");
    background-repeat: no-repeat;
}

.tree-object-building span.dynatree-icon {
    background-position: 0 0;
    background-image: url("Images/geb_icon.png");
    background-repeat: no-repeat;
}

.tree-object-unit span.dynatree-icon {
    background-position: 0 0;
    background-image: url("Images/unit_icon.png");
    background-repeat: no-repeat;
}

.tree-object-room span.dynatree-icon {
    background-position: 0 0;
    background-image: url("Images/room_icon.png");
    background-repeat: no-repeat;
}

.tree-object-ele span.dynatree-icon {
    background-position: 0 0;
    background-image: url("Images/box.png");
    background-repeat: no-repeat;
}

.fancytree-text {
    background: #ffff00;
    min-height: 20px;
    display: inline-block
}

.tree-object-group span.fancytree-icon {
    /*background-position: 0 0 !important;*/
    /*background-image: url("Images/folder.png");
    background-repeat: no-repeat;*/
    ​​background-image: url("../Scripts/Fancytree/dist/skin-win8/icons.gif");
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: -64px -16px !important;
}

.tree-object-stand span.fancytree-icon {
    background-position: 0 0 !important;
    background-image: url("Images/stand_icon.png");
    background-repeat: no-repeat;
}

.tree-object-building span.fancytree-icon {
    background-position: 0 0 !important;
    background-image: url("Images/geb_icon.png");
    background-repeat: no-repeat;
}

.tree-object-unit span.fancytree-icon {
    background-position: 0 0 !important;
    background-image: url("Images/unit_icon.png");
    background-repeat: no-repeat;
}

.tree-object-room span.fancytree-icon {
    background-position: 0 0 !important;
    background-image: url("Images/room_icon.png");
    background-repeat: no-repeat;
}

.tree-object-ele span.fancytree-icon {
    background-position: 0 0 !important;
    background-image: url("Images/box.png");
    background-repeat: no-repeat;
}

.dynatree-icon-contract span.fancytree-icon {
    background-position: 0 0 !important;
    background-image: url(Images/contract.png);
}

.dynatree-icon-counter span.fancytree-icon {
    background-position: 0 0 !important;
    background-image: url(Images/counter.png);
}

.dynatree-icon-triggercounter span.fancytree-icon {
    background-position: 0 0 !important;
    background-image: url(Images/countertrigger.png);
}

.dynatree-icon-virtual span.fancytree-icon {
    background-position: 0 0 !important;
    background-image: url(Images/countervirtual.png);
}

.dynatree-icon-container span.fancytree-icon {
    background-position: 0 0 !important;
    background-image: url(Images/folder.png);
}

.dynatree-icon-part span.fancytree-icon {
    background-position: 0 0 !important;
    background-image: url(Images/part.gif);
}

.dynatree-icon-service span.fancytree-icon {
    background-position: 0 0 !important;
    background-image: url(Images/partService.gif);
}

.dynatree-icon-qm span.fancytree-icon {
    background-position: 0 0 !important;
    background-image: url(Images/magnifier.png);
}

ul.ui-fancytree.fancytree-container.fancytree-plain {
    outline: none;
    border: none;
}

    ul.ui-fancytree.fancytree-container.fancytree-plain:hover,
    ul.ui-fancytree.fancytree-container.fancytree-plain:active,
    ul.ui-fancytree.fancytree-container.fancytree-plain:focus {
        outline: none;
        border: none;
    }

div.hm-tick-detail-row {
    clear: both;
    /*background-color: Aqua;*/
    overflow: hidden;
}

div.hm-tick-detail-label {
    float: left;
    width: 8em;
    /*background-color: Aqua;*/
    overflow: hidden;
    white-space: inherit;
    display: table;
}

div.hm-tick-detail-value {
    float: left;
    width: 18em;
    overflow: hidden;
    padding-left: 2px;
    word-break: break-word;
}

div.hm-tick-detail-cell {
    float: left;
    /*background-color: Aqua;*/
}

span.find-icon {
    width: 16px;
    height: 16px;
    background-image: url(Images/find.png); /*padding-left: 40px; 	padding-top: 4px; 	padding-bottom: 4px;*/
    background-repeat: no-repeat;
    display: inline-block;
    cursor: pointer
}

.hm-ddl-object {
    width: 14em;
}

.hm-ticker-nb {
    text-align: right;
}

.hm-ticker-top {
    vertical-align: top;
}

div.hm-tp-label {
    display: inline-block;
    width: 16em;
}

select.hm-tp-sel {
    width: 16em;
}

div.hm-tp-main {
    height: 400px;
    overflow: auto;
}

div.hm-tp-row {
    margin-top: 5px;
}

div.hm-upload-info {
    display: inline-block;
    width: 18px;
    height: 18px;
}

div.hm-upload-info-hint {
    background-image: url(Images/error.png); /*padding-left: 40px; 	padding-top: 4px; 	padding-bottom: 4px;*/
    background-repeat: no-repeat;
}

div.hm-upload-info-hint-ok {
    background-image: url(Images/information.png); /*padding-left: 40px; 	padding-top: 4px; 	padding-bottom: 4px;*/
    background-repeat: no-repeat;
}

div.cal-title {
    margin-top: 0.5em;
    margin-bottom: 0.25em;
    font-weight: bold;
}

div.cal-left {
    float: left;
    width: 10.3em;
    overflow: hidden;
}

div.cal-left-value {
    float: left;
    width: 20em;
}

input.hm-btn-img {
    background-color: transparent;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left;
    width: 16px;
    height: 16px;
    border: 0px;
}

input.hm-btn-img-edit {
    background-image: url(Images/pencil.png);
}

input.hm-btn-img-delete {
    background-image: url(Images/cross.png);
}

input.hm-btn-img-ok {
    background-image: url(Images/disk.png);
}

input.hm-btn-img-cancel {
    background-image: url(Images/cancel.png);
}

.icon-trigger {
    margin: 2px;
    vertical-align: middle;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.action-trigger {
    cursor: pointer;
}

.disabled-trigger {
    opacity: 0.4;
    filter: alpha(opacity=40) !important;
}

/* delete icon image for trigger */
span.delete {
    background: url('Images/cross.png') no-repeat scroll 0px 0px transparent !important;
}

/* pencil icon image for trigger */
span.pencil {
    background: url('Images/pencil.png') no-repeat scroll 0px 0px transparent !important;
}
/* pencil icon image for trigger */
span.money {
    background: url('Images/money.png') no-repeat scroll 0px 0px transparent !important;
}

/* add icon image for trigger */
span.add {
    background: url('Images/add.png') no-repeat scroll 0px 0px transparent !important;
}

span.bill-todo {
    background: url('Images/coins_add.png') no-repeat scroll 0px 0px transparent !important;
}

span.bill-ticket {
    background: url('Images/coins_delete.png') no-repeat scroll 0px 0px transparent !important;
}

span.bill-paid {
    background: url('Images/coins_gray.png') no-repeat scroll 0px 0px transparent !important;
}

span.bill-storno {
    background: url('Images/basket_remove.png') no-repeat scroll 0px 0px transparent !important;
}

span.bill-collective-isInCollectiveBillAndHasTicket {
    background: url('Images/coins_collectivebill_grey.png') no-repeat scroll 0px 0px transparent !important;
}

span.bill-collective-isInCollectiveBillNoTicket {
    background: url('Images/coins_collectivebill.png') no-repeat scroll 0px 0px transparent !important;
}

span.bill-collective-isCollectiveBillTaskAndHasTicket {
    background: url('Images/coins_collectivebill_task_grey.png') no-repeat scroll 0px 0px transparent !important;
}

span.bill-collective-isCollectiveBillTaskNoTicket {
    background: url('Images/coins_collectivebill_task.png') no-repeat scroll 0px 0px transparent !important;
}

div.hm-bill-left {
    height: 10em;
}

div.hm-bill-left-small {
    height: 6em;
}

fieldset.hm-bill-left {
    float: left;
    width: 45%;
    margin-right: 1.5em;
}

div.hm-bill-right {
    height: 10em;
}

fieldset.hm-bill-right {
    width: 45%;
    margin-top: 0.25em;
}

span.hm-lab-btn span {
    width: 8em;
    overflow: hidden;
    display: inline-block;
}

div.hm-obj-tree-h {
    min-height: 100%; /* Mindesthöhe für moderne Browser */
    height: auto !important; /* Important Regel für moderne Browser */
    height: 100%; /* Mindesthöhe für den IE */
    overflow: hidden !important; /* FF Scroll-leiste */
    margin-left: 0px;
    margin-right: 0px;
    background-color: White;
}

div.hm-obj-tree {
    margin-left: 0px;
    margin-right: 0px;
    background-color: White;
    position: absolute;
    top: 2em;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: auto;
}

span.hm-tb-button-cross {
    width: 16px;
    height: 16px;
    overflow: hidden;
    display: inline-block;
    background: url('Images/cross.png') no-repeat scroll 0px 0px transparent !important;
}

span.hm-tb-button-undo {
    width: 16px;
    height: 16px;
    overflow: hidden;
    display: inline-block;
    background: url('Images/arrow_undo.png') no-repeat scroll 0px 0px transparent !important;
}

ul.hm-tool-menu {
    position: absolute;
    list-style-type: none;
    display: none;
    padding-left: 0;
    z-index: 999999;
}

div.hm-address-area {
    height: 7.5em;
}

span.hm-tb-button-print {
    width: 16px;
    height: 16px;
    overflow: hidden;
    display: inline-block;
    background: url('Images/printer.png') no-repeat scroll 0px 0px transparent !important;
}

input.hm-combobox {
    margin-left: -40px;
    width: 20px;
    height: 1.2em;
    border: 0;
}

select.hm-combobox-select {
    width: 2em;
}

div.hm-form p {
    margin: 0px;
    margin-top: 0.25em;
}

.ui-icon-hm-print {
    background-image: url(Images/printer.png) !important;
    background-position: 0px;
}

.ui-icon-hm-bill-stack {
    background-image: url(Images/page_white_stack.png) !important;
    background-position: 0px;
}

.ui-icon-hm-bill-collect {
    background-image: url(Images/money_add.png) !important;
    background-position: 0px;
}

.ui-icon-hm-bill-search {
    background-image: url(Images/find.png) !important;
    background-position: 0px;
    display: inline-block;
    width: 16px;
}

.ui-icon-hm-bill-reset {
    background-image: url(Images/cross.png) !important;
    background-position: 0px;
    display: inline-block;
    width: 16px;
}

.ui-icon-hm-pencil-gp {
    background-image: url(Images/pencil_go.png) !important;
    background-position: 0px;
}

.ui-cflag-usa {
    /*
    width: 20px;
    height: 16px;
    */
    background-image: url('countries.png') !important;
    background-position: -20px -208px;
}

.ui-cflag-usa {
    /*
    width: 20px;
    height: 16px;
    */
    background-image: url('countries.png') !important;
    background-position: -20px -208px;
}

span.hm-lab-10 {
    display: inline-block;
    width: 10em;
    overflow: hidden;
    white-space: nowrap;
}

span.hm-lab-20 {
    display: inline-block;
    width: 20em;
}

span.hm-lab-7 {
    display: inline-block;
    width: 7.5em;
    overflow: hidden;
    white-space: nowrap;
    font-weight: normal;
}

span.hm-lab-bill-filter {
    display: inline-block;
    width: 10em;
    overflow: hidden;
    white-space: nowrap;
    font-weight: normal;
}

span.hm-lab-3 {
    display: inline-block;
    width: 2.5em;
    overflow: hidden;
    white-space: nowrap;
    font-weight: normal;
}

label.hm-lab-10 {
    display: inline-block;
    width: 17em;
    overflow: hidden;
    white-space: nowrap;
}

span.hm-title-10 {
    padding-top: 0.5em;
    padding-bottom: 0.25em;
    display: inline-block;
}

span.hm-number-10 {
    display: inline-block;
    width: 10em;
    text-align: right;
}

input.hm-number-10 {
    text-align: right;
    width: 10em;
}

input.hm-text-10 {
    text-align: right;
    width: 10em;
}

div.hm-billing-title {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

div.hm-billing-row {
    padding-bottom: 0.5em;
}

input.hm-bill-dt {
    width: 6em;
}

input.hm-bill-number {
    width: 6em;
    text-align: right;
}

input.hm-bill-text {
    width: 6em;
}

span.hm-bc-lab {
    display: inline-block;
    width: 14em;
}

span.hm-bc-val {
    display: inline-block;
    text-align: right;
    width: 7em;
}

input.hm-bc-val {
    text-align: right;
    width: 6em;
}

.ui-dialog {
    z-index: 101;
}

div.hm-bill-row {
    float: none;
    clear: both;
}

div.detail-box-big {
    border: 1px solid rgb(152, 152, 152);
    width: 27.4%;
    min-width: 240px;
    float: left;
    margin: 0 0.3em 0.3em 0.3em;
    background-color: #ffffff;
    display: grid;
}

div.detail-box {
    border: 1px solid rgb(152, 152, 152);
    width: 13.3%;
    min-width: 120px;
    float: left;
    margin: 0 0.3em 0.3em 0.3em;
    background-color: #ffffff;
    display: grid;
}

div.detail-head {
    font-weight: bold;
    margin: 0.3em;
    padding-bottom: 4px;
    padding-left: 0.2em;
    border: 1px solid rgb(152, 152, 152);
    background-color: rgb(150,200,255);
    white-space: normal
}

div.detail-content {
    padding: 0 0.4em 0.4em;
    overflow: auto;
    white-space: normal;
    max-height: 20em;
}

.selected-row {
    background-color: #aaaaaa !important;
}

div.hm-optins-accordion {
    height: 590px;
}

span.wizard-label {
    display: inline-block;
    width: 9em;
}

label.hm-options-label {
    display: inline-block;
    width: 9em;
}

span.hm-options-label-long {
    display: inline-block;
    width: 13em;
}

.ui-icon-group-th {
    background-position: 10px 0;
    background-image: url("Images/group.png");
    height: 16px;
    width: 26px;
    background-repeat: no-repeat;
    display: inline-block;
    overflow: hidden;
    text-indent: -99999px;
    vertical-align: bottom;
}

fieldset.hm-margin-top {
    /*margin-top: 0.25em;*/
}

p.no-margin {
    margin-top: 0.10em;
}

.hm-ta-right {
    margin-left: 11em;
    margin-right: auto;
}

div.hm-col-30 {
    display: inline-block;
    width: 30%;
}

div.hm-col-20 {
    display: inline-block;
    width: 20%;
}

div.hm-col-10 {
    display: inline-block;
    width: 10%;
}

div.hm-col-red {
    color: Red;
}

div.hm-table-row {
    vertical-align: top;
}

div.hm-project-text {
    padding-left: 20px;
}

div.hm-project-title {
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
}

div.hm-resizable-frame {
    position: absolute;
    top: 60px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

div.hm-resizable-left {
    position: absolute;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}

div.hm-resizable-left-grip {
    border-right-width: 2px;
    border-right-color: #a6c9e2;
    border-right-style: solid;
}

div.hm-resizable-right {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    padding: 5px;
}

div.hm-project-list {
    height: 360px;
    overflow: auto;
}

div.hm-project-info {
    overflow: hidden;
    /*
    position:absolute;
    top: 20px;
    left: 0px;
    right:0px;
    */
    height: 20px;
    padding-top: 5px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    background-color: ButtonFace;
}

span.hm-project-title-sub {
    padding-left: 20px;
}

div.hm-task-title {
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
}

span.hm-task-title-sub {
}

span.hm-object-label {
    min-width: 60px;
    width: 60px;
    overflow: hidden;
    display: inline-block;
}

div.hm-list-item {
    padding: 2px;
}

div.hm-odd-list-item {
    background-color: #edf5ff;
}

span.hm-project-object-label {
    display: inline-block;
    width: 13em;
    overflow: hidden;
    white-space: nowrap;
}

/* header column rules */
div.hm-caption-list {
    background: url(Images/sprite.png) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #cbcbcb;
    border-style: solid solid solid solid;
    border-width: 1px 1px 1px 1px;
    color: #000;
    padding: 1px 1px 1px 1px;
    text-align: center;
    vertical-align: bottom;
    font-weight: bolder;
}

div.hm-project-toolbar {
    padding: 2px;
}

.hm-task-list-done {
    text-decoration: line-through;
}

td.hm-plan-imp {
    /*
    background-color: #fbec88;
    */
    background-image: url("Images/bild2.png");
}

td.hm-plan-problem {
    background-color: #FFFF00;
}

th.hm-resp-label {
    /*width: 116px;
    overflow: hidden;*/
}

td.hm-resp-label {
    /*width: 116px;
    overflow: hidden;*/
}

span.hm-resp-label {
    width: 114px;
    overflow: hidden;
    display: inline-block;
}

.hm-icon-en {
    background-image: url(Images/jq-en.png) !important;
    background-position: 0px;
}

.hm-icon-de {
    background-image: url(Images/jq-de.png) !important;
    background-position: 0px;
}

.hm-sel-vdma select {
    width: 16em;
}

div.DataTD label {
    width: 6em;
    display: inline-block;
}

input.hm-sel-vdma-ele-key {
    width: 10em;
}

input.hm-sel-vdma-ele-val {
    width: 10em;
}

table.hm-table-address-search {
    width: 100%;
}

td.hm-table-address-search-left {
    width: 48%;
}

td.hm-table-address-search-middle {
    min-width: 3em;
}

td.hm-table-address-search-right {
    width: 48%;
}

.hm-dialog-address-search-button-left1 {
    /*
    left:6.0em;
    position: absolute;
    */
    margin-right: 3em !important;
}

.hm-dialog-address-search-button-left0 {
    left: 1.5em;
    position: absolute;
}

#ASD .ui-dialog-buttonset {
    position: relative;
}

.dynatree-bg-red {
    background: red;
}

.dynatree-bg-yellow {
    background: yellow;
}

.dynatree-bg-green {
    background: lime;
}

.dynatree-icon-contract span.dynatree-icon {
    background-image: url(Images/contract.png);
}

.dynatree-icon-counter span.dynatree-icon {
    background-image: url(Images/counter.png);
}

.dynatree-icon-triggercounter span.dynatree-icon {
    background-image: url(Images/countertrigger.png);
}

.dynatree-icon-virtual span.dynatree-icon {
    background-image: url(Images/countervirtual.png);
}

.dynatree-icon-container span.dynatree-icon {
    background-image: url(Images/folder.png);
}

.dynatree-icon-part span.dynatree-icon {
    background-image: url(Images/part.gif);
}

.dynatree-icon-service span.dynatree-icon {
    background-image: url(Images/partService.gif);
}

.dynatree-icon-qm span.dynatree-icon {
    background-image: url(Images/magnifier.png);
}

div.hm-account {
    margin: 0.5em;
}

div.hm-dashboard-card {
    float: left;
    display: inline-block;
    width: 262px;
    height: 262px;
    overflow: hidden;
}

td.cal-range-none {
}

a.cal-range-all {
    border-width: 1px !important;
    border-style: solid;
    border-color: #1b1b1b;
}

td.cal-range-first {
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: #1b1b1b;
}

td.cal-range-last {
    border-right-width: 2px !important;
    border-right-style: solid !important;
    border-right-color: #1b1b1b !important;
}

td.cal-range-bottom {
    /*
     background-image: url("Images/calendarback.png");
     background-repeat: repeat-x;
     background-position: 50%;
   */
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #1b1b1b;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #1b1b1b;
}

a.cal-range-first {
    background-image: url("Images/calendarback.png");
    background-repeat: repeat-y;
    background-position: left;
}

a.hm-no-wrap {
    white-space: nowrap;
}

td.hm-cal-empty-row-even {
    background-image: url("Images/calendaeven.png");
    background-position: left top;
    background-size: 48px;
}

td.hm-cal-empty-row-odd {
    background-image: url("Images/calendarodd.png");
    background-position: left top;
    background-size: 48px;
}

div.hm-article-sel-dialog-tree {
    position: relative;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    overflow: auto;
    max-height: 480px;
}

div.hm-article-sel-dialog-list {
    float: left;
    width: 100%;
    height: 280px;
    overflow: auto;
    padding-left: 1em;
}

div.hm-article-sel-dialog-btn {
    margin-top: 0.15em;
}

td.hm-ma-c0, th.hm-ma-c0 {
    width: 6em;
    overflow: hidden;
}

td.hm-ma-c1, th.hm-ma-c1 {
    width: 4em;
    overflow: hidden;
    text-align: right;
}

td.hm-ma-c2, th.hm-ma-c2 {
    width: 4em;
    overflow: hidden;
}

td.hm-ma-c3, th.hm-ma-c3 {
    width: 4em;
    overflow: hidden;
}

th.hm-ma-cc {
    width: 1em;
}

table.elementHistory {
    border: solid 1px #7f7f7f;
    border-collapse: collapse;
    table-layout: fixed;
}

    table.elementHistory tr {
    }

    table.elementHistory td {
        padding: 8px 0px 8px 8px;
        border-right: solid 1px #cbcbcb;
        vertical-align: top;
        overflow: hidden;
        white-space: nowrap;
        max-width: 280px;
        min-width: 25px;
    }

    table.elementHistory tr:nth-child(2n) {
        background-color: #edf5ff;
    }



table.elementCounterHistory {
    border: solid 1px #7f7f7f;
    border-collapse: collapse;
    table-layout: fixed;
}

    table.elementCounterHistory tr {
    }

    table.elementCounterHistory td {
        padding: 5px 0px 5px 5px;
        border-right: solid 1px #cbcbcb;
        vertical-align: top;
        overflow: hidden;
        white-space: nowrap;
        max-width: 280px;
        min-width: 20px;
    }

    table.elementCounterHistory tr:nth-child(2n) {
        background-color: #edf5ff;
    }

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

button.tb-ddn {
    height: 1.8em;
    vertical-align: top;
}

button.tb-ddn-f {
    height: 2.2em;
    vertical-align: top;
}

div.tb-plan {
    height: 3em;
    background-color: ButtonFace;
}

td.hm-address-label {
    white-space: nowrap;
    overflow: hidden;
    width: 4em;
}

td.hm-handsome-grouping {
    color: black;
    background-color: #ccc !important;
    font-weight: bold;
    overflow: hidden !important;
    white-space: nowrap !important;
}

input.hm-tb-text {
    margin-top: 2px;
}

span.hm-number-ro {
    border: 1px;
    width: 1em;
    height: 1em;
    display: inline-block;
}

div.hm-footer {
    height: 30px;
    position: relative;
}

div.hm-footer-right {
    position: absolute;
    right: 3px;
    top: 10px;
    display: inline-block;
    /*margin-top: 10px;*/
}

table.hm-table-cb td {
    white-space: nowrap;
}

td.hm-td-cb {
    white-space: nowrap;
}

.hm-dddl-status {
    width: 18em;
}

.hm-btn-notes {
    background-color: red;
}

.hm-notes-black {
    color: black;
}

.hm-notes-red {
    color: orange;
}

span.hm-icon-logo {
    z-index: 10;
    display: inline-block;
    background-image: url(Images/logonegativ_64.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    white-space: nowrap;
    width: 28px;
    height: 28px;
    text-decoration: none;
}

.dialogfixzindex {
    z-index: 103 !important;
}

.hm-line-through {
    text-decoration: line-through;
}

.hm-state-font-red {
    color: red;
    background-color: red;
}

.text-label {
    color: #cdcdcd;
    font-size: xx-small;
}

#dragbar {
    background-color: black;
    height: 100%;
    float: right;
    width: 3px;
    cursor: col-resize;
}
/* mycss*/
.maintable {
    width: 100%;
    background-color: #ffffff;
    padding: 0px;
    margin: 0px;
    height: 100px;
    display: inline;
    border-collapse: collapse;
    align-content: center;
}

.innertable {
    width: 100%;
    /*border:1px groove #a8dbf5;*/
    background-color: #ffffff;
    /*font-weight:bold;*/
    margin-top: 0px;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    padding: 3px;
    border-radius: 8px;
    border-color: #97c5f3
}

.blucell {
    /*width:90%;*/
    background-color: #97c5f3;
    border-bottom-style: hidden;
    font-weight: bold;
    height: 21px;
    border-radius: 2px;
}

.check_table {
    width: 100%;
    height: auto;
    /*background-color:#F0F0F5;*/
    /*font-weight: bold;*/
    margin: 0px;
    padding: 0px;
    border: 0px;
    display: block;
}

.td_checktable {
    text-align: left;
    width: 33.3%;
    background-color: #ffffff;
    padding: 0px;
}

.td_maintable {
    margin: 0px;
    /*display: block;*/
    /*display:inline-block;*/
    float: left;
    height: 25%;
    padding: 0px;
    width: 300px;
    padding: 3px
}

.Btd_maintable {
    margin: 0px;
    /*display: block;*/
    /*display:inline-block;*/
    float: left;
    height: 25%;
    padding: 3px;
    width: 500px;
}

.accordin {
    display: block;
    /*height:100%;*/
    min-height: 770px;
}

div.hm-busy {
    position: absolute;
    left: 300px;
    top: 200px;
    z-index: 2000 !important;
}

ul.dynatree-container {
    margin: 0px !important;
    padding: 0px !important;
}

#MainStructure {
    background-color: white;
}

.jqgrid-multiline-cell {
    max-height: 20px;
    overflow: auto
}

.tdborder {
    border: 1px solid #a6c9e2;
    border-right: 0px solid #a6c9e2;
    /*border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;*/
}

.tdborderheader {
    border: 1px solid #a6c9e2;
    /* border: 1px solid #c5dbec; */
    background: #dfeffc url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAGQEAIAAACwqkHPAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAAGYktHRP///////wlY99wAAAAHdElNRQfoCxUNDy51QiegAAAAk0lEQVRIx+3UIQrCABhH8ff9g8EggoKgA5mITe9hsFi8gDuFwewJdgHtYjTZ9Q5aRBjCBNnSNmzewOSXfu3FR3LOokoCAMdxHOfXcL2maVFwm71GZU2Ws6Ija9mGrmxMTCBb2oGBFNmBkMflfS+P0tpODEn22aKCZzuvV6Fsypa+bGIxwTe2szlN0aOBD95xnL/nA7WPJ+2NbKMjAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDI0LTExLTIxVDEzOjE1OjQ2KzAwOjAweBTtRgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyNC0xMS0yMVQxMzoxNTo0NiswMDowMAlJVfoAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjQtMTEtMjFUMTM6MTU6NDYrMDA6MDBeXHQlAAAAAElFTkSuQmCC") 50% 50% repeat-x;
    font-weight: bold;
    /* color: #2e6e9e; */
    color: #2e6e9e;
}

.sDdlOptionsTablecalss {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #a6c9e2;
}

.topcoat-button {
    max-width: 100%;
    font-weight: bold;
}

.checkBtn {
    /*background: #167116 !important;*/
    /*width: 27px;*/
    /* height:21px;*/
    padding: 0;
    text-align: center;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.faultBtn {
    /*background: #AD0E0E !important;*/
    /*width: 30px;
    height:22px;*/
    padding: 0;
    text-align: center;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.hm-cbOptions-default {
    background-color: silver
}

fieldset {
    margin: 1.00em;
    padding: 0.25em;
    border: 1px solid #CCC;
    border-radius: 0px !important;
    box-shadow: 1px 2px 2px -1px rgba(112,112,112,1);
    /*box-shadow: 1px 3px 3px -1px rgba(112,112,112,1) */
}

legend {
    font-weight: bold;
}

.compare-val-tickets {
    display: none;
}

    .compare-val-tickets[style*=visible] + input {
        background-color: #ffcccc;
        border: 1px solid #ff0000;
        transform: translateZ(0);
    }

.hm-check-head {
    display: inline-block;
    width: 30em;
}

.hm-check-template-1 {
    display: inline-block !important;
}

.hm-check-template-2 {
    display: inline-block !important;
}

.hm-check-template-3 {
    display: inline-block !important;
}

.triggerdiv1 span {
    display: none;
    border-style: solid;
    border-width: 2px;
    padding: 5px;
    color: white;
    top: 38px;
    left: 75px;
    font-weight: bold;
    width: 200px;
}

.triggerdiv1:hover span {
    display: block;
    position: absolute;
}

.triggerdiv2 span {
    display: none;
    border-style: solid;
    border-width: 2px;
    padding: 5px;
    color: white;
    top: 25px;
    left: 75px;
    font-weight: bold;
    width: 200px;
}

.triggerdiv2:hover span {
    display: block;
    position: absolute;
}

.arrow_box {
    position: relative;
    background: #88b7d5;
    border: 2px solid #71A9D3;
}

    .arrow_box:after, .arrow_box:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box:after {
        border-color: rgba(136, 183, 213, 0);
        border-top-color: #88b7d5;
        border-width: 10px;
        margin-left: -10px;
    }

    .arrow_box:before {
        border-color: rgba(113, 169, 211, 0);
        border-top-color: #71A9D3;
        border-width: 13px;
        margin-left: -13px;
    }

.panel-trigger {
    padding-top: 20px;
}

.hm-upload-err {
    display: inline-block;
    min-width: 30em;
    overflow: auto;
    width: 100%;
    position: absolute;
    color: red;
    padding-left: 5px;
    font-weight: bold
}

.hm-doctable {
    max-height: 80%;
    overflow: auto;
}

.inventoryInfo {
    height: 50px;
}

    .inventoryInfo p {
        font-weight: bold;
    }

.sasseReports {
    list-style-type: none;
    padding: 0;
}

    .sasseReports a {
        list-style-type: none;
        display: block;
        background-color: #E6EFF8;
        padding: 0.3em;
        margin: 1px;
        border: .1px solid #A7CEFF;
        color: #335AA8;
        border-radius: 3px;
        margin-left: 3em;
    }

        .sasseReports a:hover {
            background-color: #D1E8FF;
        }

#searchResultTable {
    margin-bottom: 20px;
}

.ImportErrorTable {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #c5dbec;
}

.headerRow {
    background: red;
    color: white;
}

.lblrowNumberTd {
    border: 1px solid #c5dbec;
    border-collapse: collapse;
    font-weight: bold;
    width: 80px;
    padding: 2px;
}

.rowNumberTd {
    border: 1px solid #c5dbec;
    border-collapse: collapse;
    padding: 2px;
}

.lbladdressTypeTd {
    border: 1px solid #c5dbec;
    border-collapse: collapse;
    font-weight: bold;
    padding: 2px;
}

.addressTypeTd {
    border: 1px solid #c5dbec;
    border-collapse: collapse;
    padding: 2px;
}

.lblErrorTd {
    border: 1px solid #c5dbec;
    border-collapse: collapse;
    font-weight: bold;
    padding: 2px;
}


.ErrorTd {
    border: 1px solid #c5dbec;
    border-collapse: collapse;
    padding: 2px;
}

.hm-color-picker {
    width: 85px;
    height: 23px;
    border: 1px solid #a6c9e2;
    box-sizing: border-box;
}

.HMTextfield {
    height: 23px;
    border: 1px solid #a6c9e2;
    box-sizing: border-box;
}

.HMTextarea {
    border: 1px solid #a6c9e2;
    box-sizing: border-box;
}

.HMDropdownlist {
    height: 23px;
    border: 1px solid #a6c9e2;
}

.imgLinkIcon {
    background-color: white;
    position: relative;
    right: 30px;
    top: 1px;
    width: 21px
}

.fileNametxt {
    background-image: none;
    opacity: 0.35;
    width: 152px;
    margin-left: 64.5px;
}

.lblDocuemntLink {
    width: 80px;
    display: block;
    margin-top: 5px
}

.LinkCustom {
    width: 250px;
    vertical-align: bottom
}

.checkedBtn {
    background: #167116 !important;
    padding: 3px 3px;
    text-align: center;
    border-radius: 4px;
    color: white;
    font-weight: bold !important;
    font-size: 16px;
    line-height: 36px;
    letter-spacing: 1px;
    cursor: pointer;
}

.faultedBtn {
    background: #AD0E0E !important;
    padding: 3px 6px;
    text-align: center;
    border-radius: 4px;
    color: white;
    font-weight: bold !important;
    font-size: 16px;
    line-height: 36px;
    letter-spacing: 1px;
    cursor: pointer;
}

.addbtn {
    background: #ffa32e !important;
    padding: 3px 5px;
    text-align: center;
    border-radius: 4px;
    color: white;
    font-weight: bold !important;
    font-size: 16px;
    line-height: 36px;
    letter-spacing: 1px;
    cursor: pointer;
}

.cameraBtn {
    padding: 0;
    text-align: center;
    padding: 3px 5px;
    text-align: center;
    border-radius: 4px;
    color: white;
    font-weight: bold !important;
    font-size: 16px;
    line-height: 36px;
    letter-spacing: 1px;
    cursor: pointer;
    background: #ffa32e !important;
}

.cameraBtnInactive {
    background: #888888 !important;
    cursor: default !important;
}

.checkActive {
    background: radial-gradient(rgb(26, 255, 0) 0%, green 80%) !important;
}

.faultActive {
    background: radial-gradient(rgb(255, 213, 0) 0%, #D80000 80%) !important;
}

.faultInactive {
    background: #dddddd !important;
}

.faultDeactivated {
    background: #888888 !important;
}

.exclamationBtn {
    background: #dddddd !important;
    width: 40px;
    padding: 0;
    text-align: center;
}

.exclamationActive {
    background: radial-gradient(rgb(255, 213, 0) 0%, #D80000 80%) !important;
}

.exclamationInactive {
    background: #dddddd !important;
}

.checkInactive {
    background: #dddddd !important;
}

.fontWeightbold {
    font-weight: bold;
}

.fancytree-plain span.fancytree-active span.fancytree-title, .fancytree-plain span.fancytree-selected span.fancytree-title {
    background-color: #ffa32e !important;
    border-color: #2c5494 !important
}

.grid-3-columns {
    display: grid;
    grid-template-columns: min-content 1fr 1fr;
    grid-auto-flow: row;
    align-items: center;
    grid-gap: 10px 8px;
}

    .grid-3-columns .first-column {
        grid-column: 1;
    }

    .grid-3-columns .grey-div {
        background: #cfcfcf;
        height: 18px;
        display: flex;
        align-items: center;
        padding-left: 2px;
    }

    .grid-3-columns .use-2-columns {
        grid-column: span 2;
        width: 95%;
        height: 18px;
    }

    .grid-3-columns .dropdown {
        Width: 95%;
        Height: 18px;
        width: 95%;
    }

    .grid-3-columns .use-2-columns.grey-div {
        width: calc(95% - 2px);
    }

    .grid-3-columns .upload-document-container {
        grid-column: 2 / span 2;
        height: 140px;
        width: 95%;
    }

    /* Chrome, Safari, Edge, Opera */
    .grid-3-columns input::-webkit-outer-spin-button,
    .grid-3-columns input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    /* Firefox */
    .grid-3-columns input[type=number] {
        -moz-appearance: textfield;
    }

.input-group.clockpicker-with-callbacks {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 2px;
}

    .input-group.clockpicker-with-callbacks .input-Time {
        flex: 1 1 100%
    }

    .input-group.clockpicker-with-callbacks .icon-Time {
        cursor: pointer;
        width: 16px;
        height: 16px;
        padding: 0px;
        flex: 0 0 16px
    }

#divImportErrors, #divValidationErrors {
    max-height: 150px;
    overflow: auto;
}

.hmtable {
    width: 100%;
    border: 1px solid #a6c9e2;
    border-collapse: collapse;
    table-layout: fixed
}

    .hmtable th {
        background: #dfeffc;
        border: 1px solid #a6c9e2;
        font-weight: bold;
        color: #2e6e9e
    }

    .hmtable td {
        padding: 1px 1px 1px 1px;
        border-right: solid 1px #c5dbec;
        vertical-align: top;
        overflow: hidden;
        white-space: nowrap;
    }

.CellValueInfo {
    position: absolute;
    z-index: 2000;
    display: none;
    background-color: #ccffcc;
    width: 200px;
    color: #2e6e9e;
}

.inventoryValueInfoTable {
    background-color: #ccffcc;
    width: 200px;
    border-collapse: collapse;
    border: 1px solid #008000;
}

.standardValuelbl {
    border: 1px solid #008000;
    border-collapse: collapse;
    width: 100px;
    font-weight: bold;
    background: #ccffcc;
    padding: 2px;
}

.targetValuelbl {
    border: 1px solid #008000;
    border-collapse: collapse;
    width: 100px;
    font-weight: bold;
    background: #ccffcc;
    padding: 2px;
}

.standardValuetd {
    border: 1px solid #008000;
    border-collapse: collapse;
    width: 100px;
    padding: 2px;
}

.targetValuetd {
    border: 1px solid #008000;
    border-collapse: collapse;
    width: 100px;
    padding: 2px;
}

.resetMarginLeft {
    margin-left: 0px
}

.TopBottomMargin {
    margin: 3px 0px 3px 0px
}

#MailVariableGrid .ui-widget-content {
    border: 1px solid #a6c9e2 !important
}

.jqgridNodeFieldInactive {
    background-color: #e3e6e6
}

.jqgridNodeFieldDeactived {
    background-color: #ffd1d1 !important
}

.createNodeInfoCounterFormContainer {
    display: grid;
    justify-content: start;
    grid-column-gap: 5px;
    grid-row-gap: 4px;
    align-items: center;
    grid-template-columns: min-content 1fr;
}

.createNodeInfoCounterFormGroup {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.createNodeInfoCounterLabel {
    width: 80px;
    font-weight: bold;
    padding-right: 10px;
}

.createNodeInfoCounterInput {
    flex: 1;
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.imageNavButton {
    width: 40px;
    height: 40px;
    filter: brightness(3);
    transition: 0.3s;
    opacity: 1;
}

    .imageNavButton:hover {
        filter: brightness(1);
        cursor: pointer;
    }

    .imageNavButton.hidden {
        opacity: 0;
        pointer-events: none;
    }

.validationError {
    background-color: salmon
}

.btnResultDownload {
    font-weight: 700;
    cursor: pointer;
    color: #1e90ff !important
}

#DocumentsSection {
    padding-top: 5px
}
.materialGroupDialogHeader {
    font-weight: bold;
    font-size: 1.1em;
    margin: 0px;
    margin-bottom: 5px;
}
.notification-badge {
    position: absolute;
    top: 7px;
    background-color: #2c5494;
    border-radius: 50%;
    font-weight: bold;
    color: white;
    padding: 0.2em 0.3em;
    font-size: 0.6rem;
    text-align: center;
    line-height: 1em;
    margin-left: 10px;
}