html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

html, body{
    font-family:"Inter"!important;
}

text {
    font-family: "Inter" !important;
}

.container {
    max-width: 100% !important;
    
}

.row.main {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.row .col.tree {
    width: fit-content;
    max-width: fit-content;
    min-width: 300px;

    min-height:600px;
    border-right:solid 1px #ccc;
}

.startnode{
    font-size:1.25rem;
    font-weight:bold;
}

h5{
    margin:0;
}

.info{
    font-size:small;
    color:#999;
    padding-left:2px;
}

statusbar {
    background-color:#ddd;
    position:fixed;
    bottom:0;
    margin:auto;
    font-size:smaller;
    1font-weight:bold;
}

div.msgrow {
    border-bottom:solid 1px #eee;
    padding:1rem;
    width:100%;
}

    div.msgrow .hline {
        white-space: nowrap;
        color: #000;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        align-content: center;
    }

    div.msgrow .hline .date {
        1font-weight:500;
    }

        div.msgrow .hline .num {
            
        }

    div.msgrow .hline .col {
        
    }

    div.msgrow .hline .col:first-child {
        width:100%!important;
    }

        div.msgrow .hline .col:last-child {
            width: fit-content;
            max-width: fit-content;
        }
    }

    div.msgrow .hline div.actions {
        width: fit-content;
        margin-left:-3rem;
    }

div.msgrow .hline div.actions .menu {
    cursor:pointer;
    width:50px;
    height:20px;
    background-image:url(/img/ico/Menu.png);
    background-position:right;
    1border:solid 1px red;
    background-size:20px 16px;
    background-repeat:no-repeat;
}

div.msgrow .actionitems {
    1border: solid 1px red;
    cursor: default;
    1position: absolute;
    1background-color: #fff;
    1border: solid 1px #00000060;
    width: fit-content;
    right: 10px;
    1margin-top: -2px;
    margin-left: 1.5rem;
    1box-shadow: 1px 1px 3px #00000030;
    height: auto;
    z-index: 999997;
    display: flex;
    align-items: center;
}

    div.msgrow .actionitems div.divider {
        background-color:#777;
        width:1px;
        display:inline-block;
        height:1.0rem;
        margin-top:3px;
        
        
    }

    div.msgrow .actionitems span {
        color: #258cfb;
        display: inline-block;
        cursor: pointer;
        padding: 0.25rem;
        1padding-left: 1.0rem;
        1padding-right: 1.0rem;
        margin: 0px;
    }

        div.msgrow .actionitems span:hover {
            color: #0c53a0;
            background: #eee;
        }

div.msgrow:hover .items {
    display: inline-block;
}

        div.msgrow .hline div.actions div.items {
            cursor: default;
            display: none;
            position: absolute;
            background-color: #fff;
            border: solid 1px #00000060;
            width: 180px;
            right: 10px;
            margin-top: -2px;
            box-shadow: 1px 1px 3px #00000030;
            height: auto;
            z-index: 999997;
        }

        div.msgrow .hline div.actions:hover div.items {
            display: block;
            margin-left: -5rem;
            margin-top: -0px;
            z-index: 10000005;
        }

        div.msgrow .hline div.actions div.items span {
            color: #258cfb;
            display: block;
            cursor: pointer;
            padding: 0.5rem;
            padding-left: 1.0rem;
            padding-right: 1.0rem;
            margin:0px;
        }

        div.msgrow .hline div.actions div.items span:hover {
            color: #0c53a0;
            background:#eee;
        }

    div.msgrow .hline span {
        margin-right: 1rem;
        display: inline-block;
    }

        div.msgrow .hline span.ic {
            border-radius: 50px;
            min-width: 11px;
            min-height: 11px;
            background-size:16px;
            background-repeat:no-repeat;
            background-position:center center;
            margin-right: 0.5rem;
        }

.sensor.error,
.home.err,
.idx.err,
.customer.err,
.version.err,
.versionagent.err,
.monitoring.err,
.licensing.err,
.agent.err,
.sensor.err,
.eof.err {
    color: #ff0000;
}

.sensor.warning,
.home.warn,
.idx.warn,
.customer.warn,
.monitoring.warn,
.licensing.warn,
.agent.warn,
.sensor.warn,
.nodeIco.license.warn {
    color: #ee7700;
}

.nodeIco.license.warn,
.nodeIco.version.err,
.eof.err {
    color: #111827;
}

.nodeIco.licensing.warn {
    color: #111827;
    background-image: url(../img/ico/Warning1.png);
    background-position:left center;
}

.nodeIco.version.customer.err {
    background-image: url(../img/ico/xamarin.png);
    background-position: left center;
    color: #111827;
}

.messagerow div.msgrow .hline span.ic.error {
    background-color: #ff0000;
}

.messagerow.solved div.msgrow .hline span.ic.error,
.messagerow.done div.msgrow .hline span.ic.error {
    background-color: #ff000050;
}

            div.msgrow .hline span.ic.warning {
                background-color: orange;
            }

.messagerow.new div.msgrow .hline span.ic.error {
    background-color: #fff;
    animation-name: puls;
    animation-duration: 0.7s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}



.messagerow.new div.msgrow .hline span.ic.state {
    background-image: url(/img/ico/unread.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
    min-width: 30px;
    min-height: 10px;
    border-radius: 0px;
}

    div.msgrow div.hline .agent,
    div.msgrow div.hline .sensor {
        background-color: #258cfbc0;
        color: #fff;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        border-radius: 50px;
        display:none;
    }

    div.msgrow div.hline .path {
        1font-weight: 400;
    }

    div.msgrow div.msg {
        1font-weight: 400;
        font-style:italic;
    }

.messagerow div.msgrow div.msg.opened {
    font-weight: 700!important;
    font-style: normal;
    padding-top:0.5rem;
    display:none;
}

.messagerow div.msgrow div.msg.long {
    display: none;
    font-weight: 400!important;
    font-style: italic;
    1min-height: 200px;
    1height: 200px;
    width: 100%;
    1border: solid 1px #eee;
    1padding-top:0.5rem;
    padding-bottom: 1rem;
}

.clickable {
    cursor:pointer;
}

div.msgrow div.msg.long.show {
    display: block;
}



.e-treeview .e-list-text div.hasitems span {
    color: red;
}


@keyframes puls {
    from {
        1background-color: #aa000020;
        opacity:0.1;
    }

    to {
        1background-color: #ee0000;
        opacity: 1.0;
    }
}

@keyframes puls2 {
    from {
        opacity: 0.75;
    }

    to {
        opacity: 1.0;
    }
}


div.row.header {
    width:fit-content;
}

div.row.header div.col {
    white-space:nowrap;
}

a.navbar-brand {
    margin-right:4rem;
    font-weight:700;
    font-size:2rem;
}

.nodeIco {
    background-position: -2px center;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-size: 22px;
}

.nodeIco.home {
    background-image:url(/img/ico/House-03.png);
}

    .nodeIco.customer {
        background-image: url(/img/ico/Houses.png);
    }

    .nodeIco.favorites {
        background-image: url(/img/ico/Favorites.png);
    }

    .nodeIco.favorite {
        background-image: url(/img/ico/Favorites.png);
    }

    .nodeIco.agent {
        background-image: url(/img/ico/Monitor-01.png);
    }

    .nodeIco.sensor {
        background-image: url('/img/ico/Pulse On.png');
    }

    .nodeIco.license {
        background-image: url('/img/ico/Employment1.png');
    }

    .nodeIco.version {
        background-image: url('/img/ico/Extension Manager.png');
    }

    .nodeIco.monitoring {
        background-image: url('/img/ico/Vertical Barchart_02.png');
    }

    .nodeIco.settings {
        background-image: url('/img/ico/Settings.png');
    }

.favorites {
    display: flex;
    justify-content: space-evenly;
    width: fit-content;
    margin: auto;
}

    .favorites.cont {
        display: flex;
        justify-content: center;
        width: unset;
        padding: 1rem;
        margin: auto;
        margin-left: 0.25rem;
        margin-right: 0.25rem;
        margin-bottom: 1rem;
        1box-shadow: #00000050 0px 2px 6px 0px;
        flex-wrap: wrap;
    }

.favview .favorites.cont {
    display: flex;
    justify-content: flex-start;
    /* min-width: fit-content; */
    max-width: 600px;
    padding: 1rem;
    margin: auto;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-bottom: 1rem;
    box-shadow: none;
    flex-direction: row;
    margin: auto;
    align-items: flex-start;
    flex-wrap: wrap;
}



.favorites div.fav {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    background-color: #258cfb;
    margin: 0.5rem;
    border:none;
    box-shadow: #00000070 0px 2px 6px 0px;
}

.favorites div.fav:hover {
    box-shadow: none;
}

.favview .favorites.cont div.fav {
    min-width: 250px;
}

    .favorites div.fav div.content {
        
    }

    .favorites div.fav div.ac {
        
        min-width:20px;
    }

        .favorites div.fav:hover div.ac {
            display:block;
            min-width: 20px;
        }


div.favorites div.fav div.ac div.actions {
    width: fit-content;
    display:none;
    float: right;
    margin-top: 5px;
}

div.favorites div.fav:hover div.ac div.actions {
    display: inline-block;
}

    div.favorites div.fav div.ac div.actions .menu {
        display: block;
        cursor: pointer;
        width: 28px;
        height: 30px;
        margin-top:12px;
        background-image: url(/img/ico/Menu.png);
        background-position: center center;
        background-size: 20px 16px;
        background-repeat: no-repeat;
        filter: brightness(0) invert(1);
        1border:solid 1px red;
    }

div.favorites div.fav div.ac div.actions div.items {
    cursor: default;
    display: none;
    position: absolute;
    background-color: #fff;
    border: solid 1px #ddd;
    width: 180px;
    box-shadow: 0px 3px 10px #ddd;
    height: auto;
    z-index: 9999;
}

div.favorites div.fav div.ac div.actions:hover > div.items {
    display: block;
    margin-left: -8rem;
    margin-top: -20px;
}

div.favorites div.fav div.ac div.actions div.items span {
    color: #1971cf;
    display: block;
    cursor: pointer;
    padding: 0.5rem;
    padding-left: 1.0rem;
    padding-right: 1.0rem;
    font-weight: 600;
    margin: 0px;
}

div.favorites div.fav div.ac div.actions div.items span:hover {
    color: #0c53a0;
    background: #eee;
}

.favorites a.fav,
.favorites .fav {
    1border-radius: 5px;
    color: #fff;
    text-decoration: none;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

        .favorites a.fav span {
            display:block;

        }

            .favorites a.fav div.hl {
                white-space: nowrap;
            }

            .favorites a.fav span.title {
                font-size: larger;
                background-image: url(/img/ico/Favorites.png);
                background-position: 0px center;
                filter: brightness(0) invert(1);
                padding-left: 25px;
                background-repeat: no-repeat;
                white-space:nowrap;
                display:inline-block;
                
            }

            .favorites a.fav span.text {
                font-size: small;
            }

.window {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: #ffffffe0;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-evenly;
    align-items: center;
    z-index:100000;
}

    .window .frame {
        min-width: 50%;
        min-height: 50%;
        max-width: 600px;
        border: solid 1px #ddd;
        1border-radius: 10px;
        box-shadow: 0 3px 10px #dddddd;
        background: #ffffff;
    }

    .window .frame .topline {
        height:40px;
        line-height:40px;
        
        1border-top-left-radius:10px;
        1border-top-right-radius:10px;
    }

        .window .frame .topline .closer{
            display:block;
            float:right;
            width:40px;
            line-height:35px;
            padding-bottom:5px;
            text-align:center;
            font-size:1.2rem;
            1font-weight:bold;
            cursor:pointer;
            margin:1px;
        }

            .window .frame .topline .closer:hover {
                background: #aa0000;
                color: #fff;
                1border-top-right-radius: 10px;
            }


            .window .frame .content {
                padding:3rem;
            }

        .window .frame .content .row {
            margin-bottom:1rem;
        }

.e-list-item .e-list-text div.fav {
    font-weight: 700;
}

.e-list-item .e-list-text div.fav span {
    background-image: url(/img/ico/Favorites.png);
    background-repeat:no-repeat;
    background-position: right center;
    padding-right:20px;
    background-size:15px;
}

.e-treeview .e-list-item.e-active {
    font-weight:400!important;
}

.messagecontainer {
    margin:2rem;
    margin-top:3rem;
    max-width:75%;
    
}



    .messagecontainer #msgcontent.mnuitems {
        padding-left:0px;
        
    }

    .informationcontainer {
    border: solid 1px #777;
    margin: 2rem;
    max-width: 75%;
    padding: 1rem;
    background-color:#ffff0020;
    font-weight:600;
}

.fit-content {
    width:fit-content;
    max-width:fit-content;
}

.margin-auto {
    margin:auto;
}

div.donuts {
    display: flex;
    align-items: stretch;
    justify-content: space-evenly;
    padding: 0;
    margin-bottom:1rem;
}

    div.donuts .donut {
        padding: 1rem;
        flex: 1;
        box-shadow: #00000050 0px 2px 6px 0px;
        margin:0.25rem;
    }

    div.donuts .donut {
        padding: 1rem;
        flex: 1;
        box-shadow: #00000050 0px 2px 6px 0px;
        margin: 0.25rem;
    }

div.donutContainer{
    
}

    div.donutContainer.flex {
        1width:fit-content;
        width: 100%;
        min-width: 100%;
    }

.messagerow.selected{
    background-color:#ffff0030;
}

.messagerow.selected td:first-child {
    border-left: solid 10px red;
}

.messagerow.new div.msgrow div.hline .path,
.messagerow.new div.msgrow div.hline .date,
.messagerow.new div.msgrow div.hline .num {
    font-weight: 700 !important;
}

.messagerow.new div.msgrow div.msg {
    font-weight: 600;
}

.messagerow div.msgrow .hline span.checker {
    min-width: 20px;
    min-height: 20px;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center 7px;
    padding: 0px;
    margin-right: 5px;
}

.messagerow:hover div.msgrow .hline span.checker {
    background-image: url(/img/ico/Checked.png);
    opacity: 0.3;
}

.messagerow.selected div.msgrow .hline span.checker {
    background-image: url(/img/ico/Checked.png);
    opacity: 1.0;
}

.messagerow div.msgrow div.msg.title,
.messagerow div.msgrow div.msg.long {
    margin-left: 25px;
}

div.countviewframe {
    border-bottom: none;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding: 0.5rem;
    padding-left:0px;
    padding-right:0px;
}

div.countview {
    display: flex;
    justify-content: space-between;
    align-items:center;
}

    div.countview div.counters {
        margin-right: 1rem;
        display: flex;
        flex-wrap:nowrap;
    }

    div.countview .items {
        background-color: #aa0000;
        color: #fff;
        padding: 0.25rem;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        border-radius: 50px;
        font-size: small;
        margin-right: 0.25rem;
        font-weight: normal;
        white-space:nowrap;
        cursor:pointer;
    }

        div.countview .items.err {
            background-color: #ee0000a0;
            border:solid 1px #ee0000a0;
            color: #fff;
        }

        div.countview .items.warn {
            background-color: #dd8800a0;
            border: solid 1px #ffaa00a0;
            color: #00000090;
            color:#fff;
        }

        div.countview .items.info {
            background-color: #777777b0;
            border: solid 1px #777777b0;
        }

        div.countview .items.notdefault {
            background:none;
            color:#00000070;
        }

        div.countview .duration {
            1background-color: #eee;
            color: #ccc;
            padding-left: 0.5rem;
            padding-right: 0.5rem;
            border-radius: 50px;
            font-size: small;
            //font-weight: bold;
            //float:right;
        }

        div.countview .duration.right {
            1position: absolute;
            1right: 0;
            1margin-right: 3rem;
        }

.bold {
    font-weight: bold;
}



.donutduration{
    font-size:smaller;
    float:right;
}

table.messageitems{
    border:solid 1px #ddd;
    width:100%;
}

.msgrow.opened {
    background-color:#f5f5f5;
}

div.group {
    border: solid 1px #e5e7eb;
    cursor: pointer;
    margin-top: 1rem;
    1margin-bottom: 0.5rem;
    font-weight: 400;
    background-color: #f9fafb;
    padding: 0.25rem;
    padding-left: 0.5rem;
}




div.group.show {
    font-weight: 700;
    border-bottom:none;
}

div.grouped {
    display: none;
    1padding-left: 1rem;
}

div.grouped.show {
    display: block;
}

.intIc {
    1width: 25px;
    height: 20px;
    display:inline-block;
    background-position:center center;
    margin-right:0.25rem;
}

.intIc.e-icons.e-icon-collapsible.ex {
    transform: rotate(90deg);
}

    .intIc.e-icons.e-icon-collapsible.col {
        transform: rotate(0deg);
    }



    .group .intIc.e-icons.e-icon-collapsible.ex {
        display:none;
    }

.group.show .intIc.e-icons.e-icon-collapsible.ex {
    display: inline-block;
}

.group .intIc.e-icons.e-icon-collapsible.col {
    display: inline-block;
}

.group.show .intIc.e-icons.e-icon-collapsible.col {
    transform: rotate(90deg);
    display: none;
}

.typeic {
    width:12px;
    height:12px;
    border-radius:50px;
}

    .typeic.error {
        background-color: #ee0000a0;
    }

    .typeic.warning {
        background-color: #ffaa00d0;
    }

        .typeic.warning.inprocess {
            background-color: #ffaa00d0;
            border: none;
            //solid 1px #ee0000a0;
            border-radius: 0px;
            width: 18px;
            margin-left: -3px;
            height: 8px;
        }



.typeic.info {
    background-color: #aaaaaaa0;
}

    .typeic.error.solved,
    .typeic.error.done {
        background-color: #ee000030;
        border: none; //solid 1px #ee000030;
    }

    .typeic.warning.solved,
    .typeic.warning.done {
        background-color: #ffaa0060;
        border: none;
        //solid 1px #ffaa00a0;
    }

    .typeic.info.solved,
    .typeic.info.done {
        background-color: #aaaaaa50;
    }


        .typeic.error.new {
            animation-name: puls;
            animation-duration: 0.7s;
            animation-iteration-count: infinite;
            animation-direction: alternate;
        }

    .typeic.warning.new {
        animation-name: puls;
        animation-duration: 0.7s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }

    .typeic.info.new {
        animation-name: puls;
        animation-duration: 0.7s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }

        .typeic.error.inprocess {
            background-color: #ee0000a0;
            border: none; //solid 1px #ee0000a0;
            border-radius: 0px;
            width:18px;
            margin-left:-3px;
            height:8px;
        }

.rowDialogTarget{
    max-width:90%;
    border:solid 1px red;
}

#rowDialogTarget .control-wrapper {
    //margin: -700px;
}

th.e-detailcell,
th.e-detailindentcell {
    border: none !important;
}

    th.e-detailcell div.messagelong {
        font-weight: 500;
        white-space: normal;
        overflow-y: auto;
        font-size: 14px;
        border: none;
        padding: 1rem;
        padding-left: 0.2rem;
        padding-bottom: 2rem;
        padding-right: 2rem;
        word-wrap: break-word;
        line-height: 1.3rem;
    }

.e-grid .e-content {
    /* max-height:1200px; */
}

.row.fav.ac {
    box-shadow: none;
    border: none;
    text-align:center;
    margin: 0px;
    padding: 0;
    background: none;
}

.row.fav.ac .col{
    margin:0px;
    padding:0.5rem;
    margin-bottom:1.5rem;
}

#mainsplitter {
    bottom: 60px;
    overflow: hidden;
    position: absolute;
    top: 75px;
    overflow-y: auto;
    margin:0px;
    
    border:none;
    left:2rem;
    right:0rem;
    height:auto;
    /* display:flex; */
}

div.e-gridcontent div.e-content {
    overflow-y:hidden!important;
}

.p-1{
    padding:0.5rem;
}

.p-1 {
    padding: 0.5rem;
}

.p-2 {
    padding: 1.0rem;
}

.p-3 {
    padding: 1.5rem;
}

.p-4 {
    padding: 2.0rem;
}

.pt-0 {
    padding-top: 0;
}

.row.header {
    margin-top:2.0rem;
}

input#search.searchbox {
    max-width: 300px;
    width: 300px;
    border: solid 1px #d1d5db;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    height: 40px;
    line-height: 40px;
    padding-left: 12px;
    border-radius: 0px;
    
}

#Grid_dialogEdit_wrapper{
    max-height:600px!important;
}

.small{
    font-size:small!important;
}

.bold {
    font-weight:700!important;
}

.mnuitems {
padding:1rem;
}
    .mnuitems a {
        display: block;
        height: 40px;
        line-height: 40px;
        border: solid 1px #ddd;
        border-radius:3px;
        margin-bottom: 0.5rem;
        text-decoration: none;
        padding-left: 1rem;
        color: initial;

    }

        .mnuitems a:hover {
            display: block;
            height: 40px;
            line-height: 40px;
            box-shadow: none;
            margin-bottom: 0.5rem;
            padding-left: 1rem;
            color: #000;
            border: solid 1px #D6D9E0 !important;
            background-color: #D6D9E0;
            font-weight:600;
            
        }

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

    .mnuitems a.cntchild {
        padding-left:40px;
        background-position:10px center;
    }

        .mnuitems a.cntchild.setting {
            background-position: 10px center;
            background-image:url(../img/ico/Settings.png);
            background-size:18px;
            background-repeat:no-repeat;
        }

        h1 {
            margin-top:1.5rem;
        }

.ReportDetails {
    display:none;
}

    .ReportDetails.show {
        display: block;
        padding-top: 0px !important;
        margin-top: -15px !important;
        margin-bottom:1rem;
    }

    .ReportDetails .row {
        width: fit-content;
        max-width: 100%;
        min-width: 30%;
        border-bottom: solid 1px red;
        border-color: #e5e7eb;
        
    }

.header.clickable {
    border-radius: 0;
    line-height: 40px;
    min-height: 50px;
    overflow: hidden;
    padding: 8px 12px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0;
    
    1background: #eee;
    margin-bottom: 0.5rem;
    cursor: pointer;
    background-image: url(../img/ico/Employment1.png);
    background-position: 5px center;
    padding-left: 30px;
    background-repeat: no-repeat;
}

    .header.clickable.invalid,
    .invalid {
        //color: #ff0000;
    }

    .pl-0 {
        padding-left: 0;
    }

.pl-1 {
    padding-left: 0.5rem;
}

.pl-2 {
    padding-left: 1.0rem;
}

.pl-3 {
    padding-left: 1.5rem;
}

.pl-4 {
    padding-left: 2.0rem;
}


.row .col.cnt {
    min-width: 70px;
    max-width: 70px;
}

.row .col.id {
    min-width: 100px;
    max-width: 100px;
}

.row .col.name {
    min-width: 150px;
}

.ReportDetails {
    
}

.ReportDetails h6 {
    font-weight: bold;
    margin-top: 1.5rem;
}

table.lic {
    display:none;
    margin-left:40px;
    margin-right:100px;
}

    table.lic.show {
        display: block;
        margin-left: 60px;
        margin-left: 70px;
    }

table.lic tr {

}

h6.toggle{
    cursor:pointer;
    background-image:url(../img/ico/Employment1.png);
    background-position:left center;
    
    padding-left:25px;
    background-repeat:no-repeat;
}

table.lic tr td {
    border: solid 1px #E5E7EB;
    padding: 0.5rem;
}

table.lic tr:hover td {
    background-color:#E5E7EB70;
    cursor:default;
    
}

table.lic tr th {
    border: solid 1px #E5E7EB;
    background-color: #E5E7EB;
    padding: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: smaller;
}

    table.lic tr td {
    }

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

table.width-100-percent {
    width: 90%;
    min-width: 90%;
}

div.versions {
    1margin-bottom:1rem;
}

#maintreecontainer {
    //min-width: 300px;
    width: 300px;
}

div.versions .row {
    font-size: larger;
    margin: 0px;
    border-top: solid 1px #ddd;
    height: 40px;
    line-height: 40px;
}

    div.versions .row {
        1border-bottom: solid 1px #ddd;
    }

        div.versions .row:hover {
            background-color: #F3F4F6;
        }

    table.lic{
        margin-bottom:1rem;
        width:95%;
    }

    div.versions .row .col{
        white-space:nowrap;
    }

        div.versions .row .col:first-child {
            font-weight: 700;
            background-image: url('../img/ico/Extension Manager.png');
            background-position: left center;
            background-repeat: no-repeat;

            background-image:none;

            padding-left: 25px;
            width: 220px;
            max-width: 220px;
        }


.row.rowinfo {
    font-size: small;
    color: #aaa;
    border-bottom: solid 1px #ccc;
    margin-top:0.5rem;
}

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

.col.textarea  {
    min-width:33%;
}

    .col.textarea textarea {
        padding: 5px;
        width: 100%;
        border: solid 1px #ccc;
        height: 75px;
    }

    .col.textarea.textarea2 textarea {
        height: 150px;
    }

.col.defaultValue {
    min-width:33%;
}

    .col.defaultValue .defaultValue {
        min-width: 33%;
        padding: 5px;
        width: 100%;
        border: solid 1px #ccc;
        display:block;
        1height:75px;
        white-space:normal;
        overflow-y:scroll;
        background-color:#f7f7f7;
        color:#777;
        min-height:30px;
    }

.row.setting  {
    
    padding-top:1rem;
}

.row.setting .col.setting {
    width: 220px;
    max-width: 220px;
    padding-right:1rem;
}

    .row.setting .col.setting.setting2 {
        width: 300px;
        max-width: 300px;
    }

    .row.setting .col.setting span.setting {
        width: 200px;
        max-width: 200px;
        border: solid 1px #aaa;
        display: inline-block;
        padding: 5px;
        box-shadow: 0 5px 10px #00000050;
        background-color: #e5e7eb;
        font-weight: bold;
    }

    .row.setting .col.setting.setting2 span.setting {
        width: 280px;
        max-width: 280px;
    }

.hassettings{
    color:mediumpurple!important;
    font-weight:bold!important;
}

.deactivated {
    opacity:0.45!important;
}

.stopped {
    color: #b7b700 !important;
}

.cardlayout .card {
    background-color: #fafafa;
    background-color: #fff;
    border: 1px solid #e5e7eb;
    border: 1px solid #a4a5a8;
    border: 1px solid #ccc;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 1px 3px 0 #00000010, 0 1px 2px 0 #00000005;
    color: #111827;
    outline: none;
    margin-bottom: 1.5rem;
    padding: 1rem 1rem;
}

    .cardlayout .card .card-header {
        background-color: #fafafa;
        background-color: #fff;
        border: none;
        padding: .5rem 1rem;
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
    }
    .cardlayout .card .card-header .title {
        font-size:larger;
        font-weight:bold;
    }


    
    .cardlayout .card .card-header .subtitle {
        font-size: smaller;
    }

    .cardlayout .card .card-content {
        background-color: #fafafa;
        background-color: #fff;
        padding: .5rem 1rem;
    }

    .cardlayout .card .card-content .lable {
        font-style:italic;
        font-weight:600;
    }

        .cardlayout .card .card-content textarea {
            background-color: #fff;
            padding: .5rem .7rem;
            width: 100%;
            border: solid 1px #ccc;
            height: 75px;
        }

        .cardlayout .card .card-content select,
        .cardlayout .card .card-content input[type=text],
        .cardlayout .card .card-content input[type=number],
        .cardlayout .card .card-content input[type=email],
        .cardlayout .card .card-content input[type=password],
        input[type=text],
        input[type=number] {
            background-color: #fff;
            padding: .5rem .7rem;
            width: 100%;
            border: solid 1px #ccc;
        }

    .cardlayout .card .card-actions {
        background-color: #fafafa;
        padding: .5rem 1rem;
    }

.card.changed,
.card.changed .card-header,
.card.changed .card-content,
.card.changed .card-actions {
    background-color: #FFFDCF;
}

.card .card-content input[type=text].edited,
.card .card-content input[type=number].edited,
.card .card-content textarea.edited {
    font-weight: bold;
    color: #0000ff;
}

.card .card-content label,
label .textlabel{
    display: block;
    padding: .5rem .7rem;
    border: solid 1px #ccc;
    background-color: #ffffff00;
    min-height: 39px;
}

.mt-0 {
    margin-top: 0;
}

.mt-1 {
    margin-top: 0.5rem;
}

.mt-2 {
    margin-top: 1.0rem;
}

.mt-3 {
    margin-top: 1.5rem;
}

.mt-4 {
    margin-top: 2.0rem;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-1 {
    margin-bottom: 0.5rem;
}

.mb-2 {
    margin-bottom: 1.0rem;
}

.mb-3 {
    margin-bottom: 1.5rem;
}

.mb-4 {
    margin-bottom: 2.0rem;
}

footer .container {
    display: flex;
    justify-content: space-between;
    align-items:center;
}

#ajaxdelta {
    background: #f3f3f3;
    height: 30px;
    line-height: 30px;
    font-size: smaller;
    font-weight: 400;
    color: #000000a0;
    
    margin-right: 0.5rem;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
    border-radius: 50px;
    box-shadow: 0 2px 5px #00000020;
    bottom: 5;
    position: fixed;
    right: 0;
}

#usersettingsctx{
    width:30px;
    height:30px;
    background:red;
    background-image:url("../img/ico/Settings.png");
    background-position:center center;
    background-repeat:no-repeat;
}

.labeltext {
    font-size:12px;
    font-weight:600!important;
    color:rgb(55,65,81)
}

label {
    }

    label.blocklabel {
        border: solid 1px rgb(209,213,219);
        display: block;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
        border-radius: 4px;
        padding-left: 12px;
        height: 30px;
        line-height: 30px;
        margin-bottom:24px;
        background-color:#fafafa;
    }

    label.copy {

        background-image:url(../img/ico/copy.png);
        background-position:right center;
        background-repeat:no-repeat;
        cursor:pointer;
    }

.navbar-brand  {
    font-weight: 400!important;
}
    .navbar-brand span {
        font-weight: 600;
    }

.navbar-brand .c1 {
    color: #EE7520;
    
}

    .navbar .container {
        padding-left:0px;
        margin-left:3rem;
        margin-right:2rem;
    }

.row.sensoractive,
.row.agentstopped {
    display: flex;
    margin-top: 1rem !important;
    
}

    .row.sensoractive,
    .row.agentstopped,
    .row.sensoractive .col,
    .row.agentstopped .col{
        margin: 0px;
        padding: 0px;
        height: 20px;
        line-height: 20px;
    }

        .row.sensoractive .col:first-child,
        .row.agentstopped .col:first-child {
            padding-right: 1rem;
        }

#lblSensor,
#lblAgentActivated,
#lblAgentStopped{
    font-size: larger;
    display: block;
}

.VersionImgBlock{
    white-space:nowrap;
    line-height:24px;
}

    .VersionImgBlock span {
        display: inline-block;
        border: solid 1px green;
        line-height: 34px;
    }
    .VersionImgBlock div {
        display: inline-block;
        line-height: 34px;
    }

.versionico {
    background-image: url('../img/ico/Check Mark_02.png');
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    1width: 24px;
    height: 30px;
    line-height: 30px;
    padding-left: 32px;
}

    .versionico.endoflife,
    .nodeIco.version.endoflife,
    .nodeIco.eof {
        background-image: url(../img/ico/xamarin.png);
    }

    .versionico.relminor {
        background-image: none; 

    }

    .versionico.relbuild {
        background-image: url(../img/ico/Warning1.png);
    }

    .versionico.instminor {
        background-image: url('../img/ico/Help - 01.png');
    }

    .versionico.notmapped {
        background-image: url('../img/ico/Help - 01.png');
    }

.eol .e-grid .e-toolbar .e-tbar-btn-text,
.eol .e-grid .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
    display: none;
}

div.report,
div.reportdetails {
    display: flex;
    /* width: 100%; */
    margin:0px;
}

    div.reportdetails {
        display:none;
    }

div.reportdetails.show {
    display: block;
}

    div.reportdetails.show div.reportdetails {
        display: flex;
    }
    div.reportdetails.show table.lic{

        1display:table;
    }

    div.report div,
    div.reportdetails div {
        margin: 0px;
    }

    div.report.header {
        border-bottom: solid 1px #ccc;
        border: solid 1px #ccc;
        background-color: #E5E7EB70;
    }

        div.report.header.open {
            border: none!important;
            1border-top: solid 1px #ccc;
            background-color: #fff;
        }

        div.report.header .f1,
        div.report.header .f2 {
            width: fit-content;
        }


        div.report.header .f2,
        div.reportdetails .f2 {
            font-size: smaller !important;
        }

        div.report.header .f1 {
            font-size: large;
            min-width: 250px;
        }

        div.report.header.open .f1 {
            font-weight:700;
        }

        div.report.header.open {

        }


div.reportdetails.toggle {
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    border-bottom: solid 1px #ccc;
    border-bottom: solid 1px #fff;
    margin-left: 30px;
}

        div.reportdetails.toggle.open {
            
            border-bottom: solid 1px #ccc;
        }

    div.reportdetails .f1 {
        background-image: url(../img/ico/Employment1.png);
        background-position: 10px center;
        padding-left: 40px;
        background-repeat: no-repeat;
        min-width: 265px;
        font-weight: 700;
        font-size: initial;
    }

    div.reportdetails.invalid{
        color:#000;
    }

    div.reportdetails.invalid .f1 {
        background-image: url(../img/ico/Warning1.png);
        
    }

        td.invalid  {
            background-image: url(../img/ico/Warning1.png);
            background-repeat:no-repeat;
            background-position:5px center;
            padding-left:33px!important;
            color:#000;
            font-weight:bold;
        }

    div.report.header {
        color: #000;
        background-image: url('../img/ico/Check Mark_01.png');
        padding-left:35px;
    }

div.report.header.invalid {
    color: #000;
    background-image:url('../img/ico/Warning1.png')
}

div.loginwindow{
    width:fit-content;
    min-width:200px;
    max-width:100%;
    margin:auto;
    margin-top:2rem;
}

.row.center {
    width:fit-content;
    
    margin:auto;
}

.mw-a {
    max-width:75%;
}


div.loginwindow .navbar-brand {
    font-size:3rem;
}


input[type=password].invalid,
input.invalid {
    background-color:#ff000020!important;
}

.errors {
    border: solid 1px red;
    background: #ff000030;
    border-radius: 3px;
    padding: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    width: fit-content;
    display: none;
    margin-top: 0.5rem;
}

.succeded {
    border: solid 1px #00ff00;
    background: #00ff0020;
    border-radius: 3px;
    padding: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    width: fit-content;
    margin-top: 0.5rem;
    display: none;
}

.errors.show,
.succeded.show {
    display: block;
}

.errors p,
.succeded p {
    height: initial;
    line-height: initial;
    margin: 0px;
    font-weight: normal !important;
}

.floatLabel{
    font-size:12px;
    font-weight:500;
}



#GoogleExchange {
    background-image: url(../img/ico/google.svg);
    background-repeat: no-repeat;
    background-size:28px;
    background-position: 10px center;
    
}
#FacebookExchange {
    background-image: url(../img/ico/facebook.svg);
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: 13px center;
}

.accountButton:first-child {
    margin-top:0.75rem;
}

    .accountButton {
    border: solid 1px #ccc;
    border-radius: 3px;
    display: block;
    background-color: #fafafa;
    width: 200px;
    height: 48px;
    line-height: 48px;
    margin: auto;
    margin-bottom: 0.75rem;
    padding: 0px;
}

#usermenu {
    margin-top: 10px;
    margin-left: 30px;
}

.card-content lable.e-float-text.e-label-top.floatLabel {
    display: block;
    height: 20px;
    line-height: 20px;
    color:#aaa;
    font-size:14px;
}

.tabs {
    
    width:fit-content;
}

    .tabs div {
        display: inline-block;
        padding: 1rem;
        cursor: pointer;
        background-color: #fff;
        background-color: #fafafa;
        color:#555;
        border: solid 1px #ccc;
        margin: 0px;
    }

        .tabs div.selected {
            background-color: #fafafa;
            background-color: #fff;
            font-weight: bold;
            border-bottom: solid 1px #fff;
            color: #000;
        }

.tabpage {
    background-color: #fafafa;
    display: none;
    padding: 1rem;
    border: solid 1px #ccc;
    margin-top: -1px;
}

    .tabpage.show {
        display: block;
        background-color:#fafafa;
        background-color:#fff;
    }

#testmailresult {
    display: none;
    border: solid 1px #555;
    background-color: #ffff0030;
    margin-top: 0.5rem;
    border-radius: 5px;
    line-height: initial;
    padding: 10px;
}

#testmailresult.show {
    display: block;
}

.rows.var1 {

}

.row.var1 .col:first-child {
    max-width:175px;
    
}

.row.rows {
    display: flex;
    flex-direction: column;
}

    .row.rows .blocklabel {
        height: auto;
        line-height: initial;
        padding-top: 8px;
        padding-bottom: 8px;
    }

textarea {
    background-color: #fff;
    padding: .5rem .7rem;
    width: 100%;
    border: solid 1px #ccc;
    margin-bottom:24px;
}

.mb-24px {
    margin-bottom: 24px;
}

.loginwindow .alert.alert-success.alert-dismissible,
.loginwindow .alert.alert-danger.alert-dismissible {
    min-width: 400px;
    max-width: 600px;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

a.dbtn {
    display: inline-block;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
    text-decoration: none;
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem;
    margin:auto;
}
    a.dbtn:hover {
    background-color: #0B5ED7;
    }

.passwordreset input[type=email],
.passwordreset input[type=password] {
    min-width: 400px !important;
}

.passwordreset button[type=submit] {
    white-space: nowrap !important;
    width: fit-content;
    min-width: fit-content;
    max-width:auto;
}

.loginwindow .navbar-brand {
    padding:0px;
    
    margin:auto;
    margin-bottom:1rem;
}

.loginwindow .row.mw-a {
    1border: solid 1px #ccc;
    padding: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    min-width: 300px;
}

.row.fixrow {
    display: flex;
    flex-wrap: nowrap;
    width:fit-content;
}

h1 span.mndt{
    display:block;
    font-size:small;
    color:#00000070;
}

.timeinfo {
    display: block;
    font-size: smaller;
    color: #00000070;
    font-weight:bold;
    text-align:center;
}



.applicense {
}

    .applicense .row {
        display: flex;
        white-space: nowrap;
        
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: row;
        margin: 0px;
        padding: 0px;
    }

        .applicense .row .col {
            margin: 0px;
            margin-bottom:2px;
            padding: 5px;
            border: solid 1px #ccc;
        }

    .applicense .row .col:first-child {
        max-width:300px;
        margin-right:2px;
    }

        .applicense .row .col.full {
            max-width: initial;
        }

            .applicense .row .col.full th,
            .applicense .row .col.full td {
                padding-left: 0.5rem;
                padding-right: 0.5rem;
            }

            .applicense .row .col.full td {
                border:solid 1px #ccc;
            }


h3.licwarn {
    color:red;
    margin-top:2.0rem;
}

h5.licwarn {
    1font-weight: bold;
    margin-top: 1.0rem;
}

p.licwarn {
    margin-top: 0.5rem;
    font-weight: 700;
    line-height:30px;
    padding-left:1rem;
}

p.licwarn span {
    display:block;
}

#target.fullscreen {
    min-width: 500px;
    min-height: 500px;
    /*

    height: 100%;
    width: 100%;
    position: absolute;
    padding: 20px;
    margin: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
        */
}

#uploadlicense {

}

#uploadlicense .row {
    margin:0px;
    padding:0px;
}

    #uploadlicense .row .col {
        margin: 0px;
        padding: 0px;
    }

#uploadlicense textarea {
    min-height:300px;
    min-width:500px;
}

.btnline {
    margin-bottom:0.5rem;
    text-align:right;
}

#deleteAgent {
    padding:2rem;
}

#deleteAgent h5 {
    margin-bottom:1rem;
    color:red;
}

.e-btn.e-danger, .e-css.e-btn.e-danger {
    background-color: #dc2626!important;
    border-color: #dc2626;
    color: #fff;
}

.listedit.users tr td{
    cursor:default;
}

div.switchevt {
    1border: solid 1px red;
    padding:1px;
    width: fit-content;
    height: 24px;
    1cursor: crosshair;
}

#userdata .usr{
    background-image:url(../img/ico/Arrowhead-Down-01.png);
    background-repeat:no-repeat;
    background-position:right -0px center;
    padding-right:18px;

}

p#userdata {
    display: block;
}

    p#userdata.nav.navbar-text span {
        display: block;
    }

        p#userdata.nav.navbar-text span.name {
            background-image: url('../img/ico/User Ok-01-WF.png');
            background-repeat: no-repeat;
            background-position: left center;
            padding-left: 30px;
        }

        p#userdata.nav.navbar-text span.role {
            font-size: x-small;
            text-align: center;
            font-weight: 600;
        }

    p#userdata.nav.navbar-text {
    }

    #login-submit.btn-primary{
        max-width:300px;
        min-width:225px;
        margin:auto!important;
    }

    .margin-auto{
        margin:auto;
        width:fit-content;
    }

.applicense .row.invalidlic{
    color:red;
}

.applicense .row{
    height:fit-content;
}



    .agentlics tr.invalidlic td {
        color: #000;
        font-weight: bold;
    }

    .agentlics tr.invalidlic td:first-child {
        background-image: url(../img/ico/Warning1.png);
        background-repeat: no-repeat;
        background-position: 5px center;
        padding-left: 33px !important;
        
    }


.e-dlg-content div.content {
    padding:0.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.inst.relminor,
.inst.relbuild {
    font-weight: bold;
}

.lts.relbuild {
    font-weight: bold;
}

.fr {
    padding-left: 28px !important;
}

.fr.relminor {
    font-weight: bold;
    background-image: url(../img/ico/Warning2.png);
    background-repeat: no-repeat;
    background-position: left center;
}

textarea.html {
    min-height: 500px;
    letter-spacing: 1px;
    font-size: 0.9rem;
    font-weight:500;
    line-height:1.5rem;
    padding:1.0rem;
}

.card-content.row.mw-50 {
    min-width:50%;
    max-width:600px;
}

.card-header.row {
    display: flex;
    flex-wrap: nowrap;
}

.card-header.row .title,
.card-header.row .subtitle {
    width:50%;
    line-height:25px;
}

    .card-header.row .subtitle {
        text-align:right;
    }

.switchevt {
    display: flex;
}

.switchevt label.switchLabel {
    display:inline-block;
    border:none;
    padding:0px;
    margin-left:0.5rem;
    font-weight:bold;
}

footer {

}

footer .container {
    
    width:fit-content;
}

#GridEOL .e-toolbar-items{
    height:auto;
}

.navbar-brand a.logo,
.navbar-brand a.logo.login {
    display: block;
    1margin: auto;
    text-align: center;
    padding-left: 3rem;
    padding-right: 3rem;
}

    .navbar-brand a.logo img,
    .navbar-brand a.logo.login img {
        border: none;
        
    }

    .navbar-brand a.logo {
        
    }

        .navbar-brand a.logo img {
            border: none;
            max-width: 450px;
            width: 100%;
            height: auto;
            display: inline-block;
        }

.navbar-brand img {
    border: none;
    height: 50px;
}

.e-checkbox-wrapper.e-css .e-frame.e-icons {
    margin-top: 4px;
}

.legendFrame {
    display: flex;
    font-size: smaller;
    font-weight: 700;
    color: #000000a0;
}

    .legendFrame div.column{
        margin-right:1rem;
    }

    .legend {
        display: flex;
    }

        .legend .block {
            display: flex;
            align-items: center;

        }

        .legend .block div {

        }

.legend .block .typeic {
    
}

            .legend .block .lbl {
                margin-left: 5px;
                margin-right: 5px;
                font-size: small;
                font-weight: 400;
                color: #111827;
            }

        #login-submit {
            font-size:initial;
            font-weight:bold;
        }

a#forgot-password,
a#resend-confirmation {
    display: block;
    width: fit-content;
    line-height: 30px;
    margin-top: 0.25rem;
    
}

a#forgot-password {
    margin-top: 1.0rem;
}

    a#forgot-password:hover,
    a#resend-confirmation:hover {
        text-decoration: none;
        color: #0948a4;
    }

div.login-seperator-line {
    display: flex;
    justify-content: center;
    align-items: center;
}

span.seperator-line {
    width: 200px;
    border-bottom: 1px solid #c5c7d0;
    margin: 16px;
    margin-left: 0px;
    margin-right: 0px;
}

span.seperator-content {
    font-size: smaller;
    white-space: nowrap;
    font-weight: 300;
    margin-left: 16px;
    margin-right: 16px;
}

.fav span.errcnt {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding-left: 5px;
    padding-right: 5px;
    font-size:smaller;
    border-radius: 50px;
    text-align:center;
    min-width: 30px;
    color: #fff;
    background-color: red;
}

.favorites div.fav.hasnewerrors {
    background-color: #D94040;
    animation-name: puls2;
    animation-duration: 1.25s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}


.customersov {
    display: flex;
    justify-content: space-evenly;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
    .customersov a {
        display: inline-block;
        padding: 10px;
        background-color: #F3F4F6;
        margin-bottom: 10px;
        margin-right: 10px;
        text-decoration:none;
        font-weight:600;
        color: #111827;
        border-radius:10px;
        min-width:75px;
        text-align:center;
    }

    .customersov .haserrors {
        color: #fff;
        background-color: #ee0000a0;
    }

div#treeinfopanel {
    margin-top: 4rem;
    1min-height: 275px;
    border-top: solid 1px red;
    border-top: none;
}

.legenfull {
    margin-top: 3rem;
    //margin-bottom: 30rem;
}

.legenfull:last-of-type {
    margin-top: 3rem;
    margin-bottom: 30rem;
}

.legendFrame.legenfull,
.legendFrame.legenfull .legend,
.legendFrame.legenfull .legend .block .lbl{
    font-size: initial;
}

    .legendFrame.legenfull .legend .block .typeic.inprocess {
        margin-left:0px;
    }

    a.i {
        display: inline-block;
        background-color: #258cfb;
        color: #fff;
        font-weight: bold;
        width: 20px;
        height: 20px;
        line-height: 20px;
        border-radius: 50px;
        text-align: center;
        text-decoration: none;
    }

.navbar {
    //display: block;
    //height:95px;
}

#mainsplitter {
    //top:95px;
}

#currentpath {
    display:none;
    border-top: solid 1px #ddd;
    white-space: nowrap;
    font-size: small;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
    color: #0d6efd;
    padding-left:1.0rem;
}

.navbar-expand-sm .navbar-collapse {
    max-width:fit-content;
    white-space:nowrap;
}

#mandant.mandant {
    
    font-weight:bold;
    
}

.gcsidebar.e-sidebar{
    position:initial;
}

.gcsidebar.e-sidebar.toggled {
    position: initial;
    width:100px;
}

#toggleTree {
    position: absolute;
    width: 100px;
    height: 30px;
    border: solid 1px red;
    z-index: 1000000;
}

.leftpane {

}

.leftpane.toggled {
    width:50px;
}

.dbinfo {
    background-image: url(../img/ico/Data-Information.png);
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 0.5rem;
    padding-left: 24px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

span.iinfo {
    font-size:small;
    color:#00000070;
}

Button.hidden{
    display:none;
}

.message.valid,
.message.failed,
.example {
    display: none;
    padding: 2rem;
    border: solid 1px #000;
    margin-top: 1rem;
    margin-bottom: 1rem;
    box-shadow:0 2px 8px #00000060;
}

.example {
    display: block;
    padding: 2rem;
    border: solid 1px #ccc;
    background:#00000005;
    margin-top: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 2px 8px #00000060;
}

    .example .header{
        font-weight:700;
    }

    .example .content {
        white-space:pre-wrap;
        word-break:break-word;
    }

    .message.valid.show,
    .message.failed.show {
        display: block;
    }

.message.valid {
    border: solid 1px #00ff00;
    background-color: #00ff0020;
    color: #007700;
    
}

.message.failed {
    border: solid 1px #ff0000;
    background-color: #ff000020;
    color: #770000;
}

#failedresult.message.failed.hide {
    display:none;

}

#failedresult.message.failed.show {
    display: block;
}

    #failedresult.message.failed {
    display:block;
    border: solid 1px #ff0000;
    background-color: #ff000020;
    color: #770000;
}

#LicenseCheckOk.licensedata {
    border: solid 1px #00aa00;
    background-color: #00ff0010;
    color: #000;
    padding:1rem;
}

div.init {
    margin: auto;
    width: 50%;
    max-width: 50%;
    min-width: 400px;
}

textarea.ht200 {
    height:100px!important;
}
.font-weight-normal{
    font-weight:normal!important;
}


.e-list-item .e-list-text div.fav.deactivated {
    font-weight: 700;
    color:#000!important;
    opacity:0.4;
}

.largebutton {
    height: 50px;
    line-height: 50px;
    min-width:150px;
    margin:auto;
}

textarea,
input[type=text],
input[type=password],
input[type=number] {
    font-size: var(--bs-body-font-size) !important;
    -webkit-text-size-adjust: 100% !important;
}

textarea {
    padding: 8px 8px 4px 12px !important;
}

.window1.init.enclic {
    min-width: 900px !important;
    width: 900px !important;
    max-width: 900px !important;
}

    .window1.init.enclic .content {

        word-break: normal !important;
        height: auto !important;
    }

        .window1.init.enclic .content.encryptedstring {
            word-break:break-word!important;
        }

        .window1.init.enclic .content label#copybtn {
            border: solid 1px #ccc;
            border-radius: 5px;
            margin-top: 0.5rem;
            padding-left: 1rem;
            padding-right: 1rem;
            height: 40px;
            line-height: 40px;
            cursor:pointer;
            background-color:#f7f7f7;
        }


.window1.init.enclic .content .licensedata {
    word-break: normal !important;
    height: auto !important;
}



.init #licensestring.licensestring {
    height: 500px;
}

input[type=text].e-control.e-textbox,
input[type=text].e-control.e-textbox.e-lib.e-input {
    1padding-top: 1rem;
    1padding-bottom: 1rem;
    height: 36px;
    line-height: 36px;
}

#runtimedurationsbtn{
    width:40px;
    height:40px;
    background-color:red;
    border-radius:50px;
    cursor:pointer;
}

#runtimedurationscontent{
    border:solid 1px red;
    background-color:#fff;
    position:absolute;
    right:0px;
    bottom:0px;
}

    #runtimedurationscontent .row {
        display: flex;
        font-size: smaller;
        height: 30px;
        line-height: 30px;
        margin:0px;
        padding:0px;
        min-height:60px;
    }

    #runtimedurationscontent .closer {
        text-align:right;
    }

        #runtimedurationscontent .closer span {
            display: inline-block;
            height: 40px;
            line-height: 40px;
            cursor:pointer;
        }

        #runtimedurationscontent .row .col {
            height: 30px;
            line-height: 30px;
        }

img.imgnotefalse,
img.imgnote,
img.imgnoteundefined {
    display: none;
}

img.imgnotetrue{
    display:inline-block;
}

.agentcomment {
    display: block;
    font-size: small;
    font-style: italic;
}

.subtitle.pl-2 {
    padding-left:1rem;
}

.e-control.e-toolbar,
.e-control.e-toolbar .e-toolbar-items{
    height: auto;
}

button.disabled,
button.disabled span {


}

button:disabled,
button[disabled] {
    //border: 1px solid #999999 !important;
    //background-color: #cccccc !important;
    color: #aaa !important;
    cursor: default !important;
}

    button:disabled span,
    button[disabled] span {
        color: #aaa !important;
        cursor: default !important;
    }

span.settings.small {
    text-decoration: none;
    display: inline-block;
    margin-top: 2px;
    color: #258cfb;
    cursor: pointer;
    margin-right: 0.5rem;
}

span.settings.small:hover {
    text-decoration: underline;
    color: #147bea;
}

body div#mainsplitter {
    
}

div#globalloader {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 100000010;
    background-color: #ffffff00;
    padding-top:77px;
    display: none;
    1background-color:#ff000060;
    cursor: progress;
}

    div#globalloader div.globalloadercontent {
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        background-color: #ffffff01;
        min-height: 175px;
        1margin-top:77px;
    }

div#globalloader .globalloadercontent {
    display:none;
}

    div#globalloader .vliner {
        width: 0px;
        top: 77px;
        bottom: 62px;
        background-color: #fff;
        1background: linear-gradient(90deg,#ffaa0000 0%, #ffaa0030 100%);
        position: absolute;
        animation-name: progressVLiner;
        animation-duration: 6.0s;
        animation-iteration-count: infinite;
        1animation-direction: alternate;
    }

    div#globalloader.show {
        display: block;
    }

@keyframes progress {
    from {
        1opacity: 1.0;
        1background: linear-gradient(90deg,#ffffff00 0%, #ffffff50 50%, #ffffff 100%);
    }

    to {
        1opacity: 0.7;
        1background: linear-gradient(90deg,#ffffff 0%, #ffffff50 50%, #ffffff00 100%);
    }
}

@keyframes ctprogress {
    0% { /* Startzustand (oder 'from') */
        background-color: #eeeeee;
    }

    100% { /* Endzustand (oder 'to') */
        background-color: #aaaaaa70;
    }
}

@keyframes nodeprogress {
    from { /* Startzustand (oder 'from') */
        background-color: #eee;
    }

    to { /* Endzustand (oder 'to') */
        background-color: #ccc;
    }
}

@keyframes progressVLiner {
    from {
        left:0%;
    }

    to {
        left:100%;
    }
}

@keyframes progressblur {
    from {
        -webkit-filter: blur(1px);
        filter: blur(1px) grayscale(1);
        opacity: 1.0;
    }

    to {
        -webkit-filter: blur(4px);
        filter: blur(4px) grayscale(1);
        opacity: 0.7;
    }
}


body.mainload {
}

    body.mainload div#mainsplitter {
        /*
            -webkit-filter: blur(3px) !important;
            filter: blur(3px) !important;
        */
        1-webkit-filter: blur(3px) !important;
        1filter: blur(3px) !important;
        animation-name: progress;
        animation-duration: 1.0s;
        1animation-iteration-count: infinite;
        1animation-direction: alternate;
    }

    body.mainload div#mainsplitter {
        1-webkit-filter: blur(1px);
        1filter: blur(0px) grayscale(0.75);
        1opacity: 1.0;
        1animation-name: progressblur;
        1animation-duration: 3.0s;
        1animation-iteration-count: infinite;
        1animation-direction: alternate;
    }

    /*
        
            body.mainload div#mainsplitter #maintree span {
            color: #cccccc00 !important;
            background: #eee;
            animation-name: nodeprogress;
            animation-duration: 1.0s;
            animation-iteration-count: infinite;
            animation-direction: alternate;
        }

        body.mainload div#mainsplitter #maintree div.nodeIco {
            background: none;
        }

        body.mainload div#mainsplitter #maintree div.e-icons.e-icon-collapsible,
        body.mainload div#mainsplitter #maintree div.e-icons.e-icon-expandable {
            background: none;
            display: none;
        }

        body.mainload div#mainsplitter #maintree .e-fullrow {
            background-color: #fff;
            border-color: #fff;
        }
        */

        #contentloader {
            padding: 2rem;
            padding-top: 2rem;
        }

            #contentloader .cloadtext {
                text-align: center;
                color: #258cfb;
                color: #106dd0;
            }

#contentloader .cload {
    width: 75%;
    height: 15px;
    background: #cccccc;
    margin-top: 1rem;
    animation-name: ctprogress;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

        #contentloader .cload.cload0 {
            1width: 100%;
            height: 75px;
            margin-bottom:2rem;
        }

    #contentloader .cload.cload1 {
        width: 50%;
        1height: 75px;
    }

        #contentloader .cload.cload2 {
            width: 50%;
            1height: 50px;
            margin-bottom: 2rem;
        }

    #contentloader .cload.cload3 {
        1width: 50%;
        1height: 20px;
    }

    #contentloader .cload.cload4 {
        1width: 50%;
        1height: 20px;
    }

        #contentloader .cload.cload5 {
            background: #cccccca0;
        }

        #contentloader .cload.cload6 {
            background: #cccccc90;
        }

        #contentloader .cload.cload7 {
            background: #cccccc80;
        }

        #contentloader .cload.cload8 {
            background: #cccccc50;
        }

.e-grid .e-toolbar .e-tbar-btn-text,
.e-grid .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
    display: none;
}

div.txttoolbaritems .e-tbar-btn-text,
div.txttoolbaritems .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
    display: block!important;
}





/* HTML: <div class="loader"></div> */
.cssloader, /* HTML: <div class="loader"></div> */
/* HTML: <div class="loader"></div> */
.loader {
    height: 15px;
    aspect-ratio: 4;
    display: grid;
    animation: l31-0 1s infinite;
}

    .cssloader:before,
    .loader:before,
    .loadercss:after,
    .loader:after {
        content: "";
        grid-area: 1/1;
        --_g: no-repeat radial-gradient(farthest-side,#000 94%,#0000);
        background: var(--_g) left, var(--_g) right;
        background-size: 25% 100%;
    }

    .cssloader:after,
    .loader:after {
        transform: rotate(0) translate(37.5%) rotate(0);
        animation: inherit;
        animation-name: l31-1;
    }

@keyframes l31-0 {
    100% {
        transform: translate(37.5%)
    }
}

@keyframes l31-1 {
    100% {
        transform: rotate(-.5turn) translate(37.5%) rotate(.5turn)
    }
}

#progresscontent {
    overflow:hidden;
}

#progresscontent div.row.header {
}

    #progresscontent div.row.header.fitcontent.w50 {
        margin:auto;
    }

    #progresscontent div.row.header.fitcontent.w50 h1{
        min-width:250px;
        margin-top:3rem!important;
        height:80px;
        margin:auto;
    }

    #progresscontent div.row.header.list {
        1border:solid 1px red;
        width:100%;
    }

    #progresscontent div.row.header.list .col {
        1border: solid 1px red;
    }

        #progresscontent div.row.header.list .col span {
            1border: solid 1px red;
            min-width:100%;
        }

    #progresscontent div.row.header.blocks {
        width:100%;
    }

    

        #progresscontent div.row.header.blocks .col {
            1min-height: 400px;
            width: 100%;
        }

            #progresscontent div.row.header.blocks .col span {
                display: block;
                min-height: 250px;
                width: 100%;
            }

    #progresscontent div.row.header {
        width: 50%;
        flex-wrap: nowrap;
    }

    #progresscontent div.row.header .col {
    }

        #progresscontent div.row.header .col .info,
        #progresscontent div.row.header .col h5,
        #progresscontent div.row.header .col span {
            display: block;
            background-color: #aaaaaa;
            height: 20px;
            width: 50%;
            margin-bottom: 0.25rem;
        }

        #progresscontent div.row.header .col .info {
            min-width:200px;
        }

        #progresscontent div.row.header .col h5 {
            height: 30px;
            min-width: 300px;
        }

        #progresscontent div.row.header .col span {
            display: block;
            min-width: 300px;
        }

    #progresscontent h1,
    #progresscontent span {
        background-color: #aaaaaa;
        height: 50px;
        width: 75%;
        margin-bottom: 0.25rem;
    }

    #progresscontent span {
        
    }

    #progresscontent span {
        display: block;
        height: 20px;
        width: 75%;
        margin-bottom: 0.25rem;
    }

    #progresscontent div.row.table {
        
        1width:fit-content;
    }

        #progresscontent div.row.table .col {
            padding-right:0.5rem;
        }

            #progresscontent div.row.table .col:first-child {
                width: 40px;
                max-width: 40px;
            }

            #progresscontent div.row.table .col:first-child span {
                border-radius: 50px;
            }

            #progresscontent div.row.table .col:first-child span {
                animation:none;
                background-color:#aaaaaa50;
            }

            #progresscontent div.row.table .col span {
                display: block;
                background-color: #aaaaaa;
                height: 20px;
                width:100%;
                margin-bottom: 0.25rem;
            }

            #progresscontent h1,
            #progresscontent h5,
            #progresscontent .info,
            #progresscontent span,
            #progresscontent div.row.table .col span {
                animation-name: progresscontent;
                animation-duration: 1.0s;
                animation-iteration-count: infinite;
                1animation-direction: alternate;
            }

.msgprogress div {
    width:100%;
    height:20px;
    margin:1rem;
    animation-name: progresscontent;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes progresscontent {
    0% {
                        background: linear-gradient(90deg,#aaaaaa40 0%, #aaaaaa40 100%);
                    }
                    10% {
                        background: linear-gradient(90deg,#aaaaaa60 0%, #aaaaaa40 10%,#aaaaaa60 100%);
                    }
                    20% {
                        background: linear-gradient(90deg,#aaaaaa60 0%, #aaaaaa40 20%,#aaaaaa60 100%);
                    }
                    30% {
                        background: linear-gradient(90deg,#aaaaaa60 0%, #aaaaaa40 30%,#aaaaaa60 100%);
                    }
                    40% {
                        background: linear-gradient(90deg,#aaaaaa60 0%, #aaaaaa40 40%,#aaaaaa60 100%);
                    }
                    50% {
                        background: linear-gradient(90deg,#aaaaaa60 0%, #aaaaaa40 50%,#aaaaaa60 100%);
                    }
                    60% {
                        background: linear-gradient(90deg,#aaaaaa60 0%, #aaaaaa40 60%,#aaaaaa60 100%);
                    }
                    70% {
                        background: linear-gradient(90deg,#aaaaaa60 0%, #aaaaaa40 70%,#aaaaaa60 100%);
                    }
                    80% {
                        background: linear-gradient(90deg,#aaaaaa60 0%, #aaaaaa40 80%,#aaaaaa60 100%);
                    }
                    90% {
                        background: linear-gradient(90deg,#aaaaaa60 0%, #aaaaaa40 90%,#aaaaaa60 100%);
                    }
                    100% {
                        background: linear-gradient(90deg,#aaaaaa40 0%, #aaaaaa40 100%);
                    }
                }

#account.loading #login-submit {
    1color: #00000000;
    animation-name: progresslogin;
    animation-duration: 1.0s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    
}

#account.loading input[type=text],
#account.loading input[type=password],
#account.loading input[type=checkbox] {
    color: gray;
    background-color: #eee;
}

#account.loading a {
    color: gray;
}

@keyframes progresslogin {
    0% {
        
        background: #0d6ef;
        border-color: #0d6ef;
    }

    100% {
        background: #0d6efdc0;
        border-color: #0d6efdc0;
    }
    /*
    0% {
        background: linear-gradient(90deg,#0d6efd70 0%, #0d6efd0 100%);
    }

    25% {
        background: linear-gradient(90deg,#0d6efd70 0%, #0d6efda0 25%,#0d6efd70 100%);
    }

    50% {
        background: linear-gradient(90deg,#0d6efd70 0%, #0d6efda0 50%,#0d6efd70 100%);
    }

    75% {
        background: linear-gradient(90deg,#0d6efd70 0%, #0d6efda0 75%,#0d6efd70 100%);
    }

    100% {
        background: linear-gradient(90deg,#0d6efda0 0%, #0d6efd70 100%);
    }*/
}

.row.dashs {
    width:100%!important;
    display:flex;
}

.row.dashs .col {
    width:33%;
    text-align:center;
}
    .row.dashs .dashvertical {
        justify-content: space-evenly;
    }

        .row.dashs .dashvertical .row {
            flex-wrap: nowrap;
            height: 100%;
            width: 100%;
            justify-content: space-evenly;
            display: flex;
        }

            .row.dashs .dashvertical .row .col {
                max-width: 20px;
                height: 100%;
                padding: 0px;
                1padding-left: 0.5rem;
                1padding-right: 0.5rem;
                align-content: flex-end;
                width: 100%;
            }

            .row.dashs .dashvertical .row .col span {
                max-width: 30px;
                min-width: 30px!important;
                1height: 100%!important;
                display:block;
                margin:0px!important;
            }


    .row.dashs .dashround {
        display: flex;
        justify-content:space-evenly;
    }

    .row.dashs .dashround div {
        width: 250px;
        height: 250px;
        border-radius: 250px;
        animation-name: progresscontent;
        animation-duration: 0.5s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }

div.ticketico {

}

div.ticketico img{
    display:none;
}

    div.ticketico.show img {
        display: block;
    }

    .overview {

    }

.overview.messages {
    color:#000000;
    font-weight:700;
}

        .overview.infos {
            color: #00000090;
            font-weight: 700;
        }


div.overviewdiv{

}

div.overviewdiv {
}

tr.e-row.e-altrow {
    background-color:#eeeeee30;
}

#AppWorkerMailExecCount,
#AppWorkerDeleteExecCount, 
#AppWorkerMailReport {
    background-image: url(../img/ico/Recycle-Bin.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    padding-left: 30px;
}


#AppWorkerMailExecCount, 
#AppWorkerMailReport {
    background-image: url(../img/ico/Message-Mail.png);
}

div.summary2 {
    width:fit-content;
    margin-left:0.75rem;
    margin-bottom:1rem;
    font-style:italic;
}

div.summary {
    width: fit-content;
    margin-left: 0.75rem;
    margin-bottom: 1rem;
}

    div.summary div.row {
        height: 30px;
        line-height: 30px;
        border-top: solid 1px rgb(229, 231, 235);
    }

    div.summary div.row:last-child {
        border-bottom: solid 1px rgb(229, 231, 235);
    }

        div.summary div.row div.col {
            white-space: nowrap;
            text-align:right;
            font-weight:500;
            
        }

            div.summary div.row div.col:first-child {
                min-width: 250px;
                border-left: solid 1px rgb(229, 231, 235);
                text-align: left;
                font-weight: 700;
            }

            div.summary div.row div.col:last-child {
                border-right: solid 1px rgb(229, 231, 235);
            }


#infoicon,
#infoiconclose {
    font-weight: bold;
    display: inline-block;
    padding: 0.5rem;
    cursor: pointer;
    background-color: #aaa;
    color: #fff !important;
    height: 22px;
    width: 20px;
    line-height: 22px;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    padding: 0px;
    text-align: center;
}

    #infoiconclose{
        1float:right;
        height:30px;
    }

#infogroup {
    display:none;
    position: fixed;
    bottom: 10px;
    border: solid 1px #ccc;
    background: #fff;
    z-index: 2000000;
    width: fit-content;
    white-space: nowrap;
    padding: 1rem;
    box-shadow: 3px 3px 10px #ccc;
    cursor: pointer;
}

    #infogroup div {
        display: flex;
        flex-direction: column;
        width: fit-content;
        white-space: nowrap;
        cursor: pointer
    }

    #infogroup div span {
        white-space: nowrap;
        text-align: left !important;
        height: 30px;
        line-height: 30px;
    }



div.emailsgrid td.e-rowcell {
    

}

    div.emailsgrid td.e-rowcell.emailadress {
        white-space: nowrap;
    }

.datecolumn {
    max-width:100px;
}

.tocolumn{

}

.tosdiv{

}

    .tosdiv span {
        display: block;
        white-space: nowrap;
        font-weight: 600;
    }

.sendersdiv span {
    display: block;
    
    white-space: nowrap;
}

.sendersdiv span.sender {
    font-weight:600;
}

.sensorDeactivated {
    color: #999;
}

    .sensorDeactivated div,
    .sensorDeactivated h5,
    .sensorDeactivated h1 {
        color: #999;
    }

h1.sensorDeactivated span {
    color: #777 !important;
    opacity:1.0!important;
}

    .block{
        display:block;
    }

.fr.notmapped,
.lts.notmapped {
    color:#aaa;
}

.preinfo {
    
}

.messagelong span.preinfo {
    color: gray !important;
    display: inline-block;
    margin-top: 0.5rem;
    
}

#downloadsblock {

}

    #downloadsblock a {
        border: solid 1px #0d6efd;
        border-radius: 3px;
        display: block;
        background-color: #0d6efdb0;
        width: 200px;
        height: 48px;
        line-height: 48px;
        margin: auto;
        margin-bottom: 0.75rem;
        padding: 0px;
        text-align: center;
        color: #fff;
        text-decoration: none;
    }

.dlblock, .dlgroup {
    border: solid 1px #ccc;
    padding: 1.5rem;
    margin-bottom: 1rem;
    background: #fcfcfc;
    border-radius: 5px;
    cursor:default;
}

    .dlblock:hover, .dlgroup:hover {
        border: solid 1px #aaa;
        background: #f6f6f6;
        background: #fafafa20;
    }

.loginwindow.downloads {
    width:75%;
    min-width:300px;
    max-width:700px;
}

.loginwindow.downloads .row.mw-a {
    width: 100%;
    min-width: 300px;
    max-width: 700px;
}

    .loginwindow.downloads a.dl {
        border: solid 1px #ccc;
        border-radius: 5px;
        box-shadow: 0px 3px 5px #cccccc70;
        background-color:#fff;
        display: block;
        padding: 0.5rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        text-decoration:none;
        text-align:center;
    }

    .loginwindow.downloads .dlgroup:hover a.dl {
        background-color: #0d6efdb0;
        color: #fff;
        border:solid 1px #0d6efdb0;
    }

.downloads a.logout {
    border: solid 1px #aa0000;
    border-radius: 3px;
    display: block;
    background-color: #aa000090;
    width: 200px;
    height: 40px;
    line-height: 40px;
    margin: auto;
    padding:0px;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1.0rem;
    text-align: center;
    color: #fff;
    text-decoration: none;
    float:right;
}

.downloads a.logout:hover {
    border: solid 1px #aa0000;
    background-color: #aa0000d0;

    
}



.filegroup {
    margin-top: 2rem;
}

a.agentdeactivated {
    color:#aaaaaa;
}

textarea.e-input.dlg {
    border: solid 1px #4f46e5;
    margin-top: 1rem;
    height: 125px;
}

span.intime {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

span.longtime {
    background-color: #ffaa0010;
    border-radius: 10px;
    color: #aa4400;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

span.largelongtime {
    background-color: #ff000010;
    border-radius: 10px;
    color: #aa0000;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}