.app-splash {
    display: inline;
    margin: 0;
    padding: 0;
    position: absolute;
    display: none;
    height: 220px;
    width: 500px;
    background-color: #fff;
    box-shadow: 5px 5px 20px #8e8db3;
    text-align: center;
    z-index: 9999999;
    font-family: sans-serif;
    margin: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.app-splash #closeButton {
    display: none;
    padding: 5px;
    text-decoration: none;
    border: 1px solid gray
}

.app-splash #splashgif {
    display: none
}

.app-splash .row {
    height: 58px
}

.app-splash .row #splashTitle {
    font-size: 1.7em
}

.app-splash .row #splashMessage {
    font-size: .9em;
    font-weight: 300;
    bottom: 50px;
    position: absolute;
    margin: auto;
    transform: translateX(-50%);
    margin-left: 50%
}

.popup {
    text-align: left;
    background-color: var(--background-color);
    width: 430px;
    font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 11pt;
    border-style: solid;
    border-width: 1px;
    border-color: var(--border-color-2);
    border-radius: 3px;
    position: relative;
    top: 50%;
    left: 50%;
    box-shadow: 2px 2px 15px var(--shadow-box-color);
    -webkit-box-shadow: 2px 2px 15px var(--shadow-box-color);
    -moz-box-shadow: 2px 2px 15px var(--shadow-box-color);
    -o-box-shadow: 2px 2px 15px var(--shadow-box-color);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.popup.establishingConnection .msgBody #ecWaiting {
    max-width: 50px
}

.popup.establishingConnection.opaque {
    color: var(--primary-color);
    box-shadow: 2px 2px 15px var(--darkcolor);
    -webkit-box-shadow: 2px 2px 15px var(--dark);
    -moz-box-shadow: 2px 2px 15px var(--dark);
    -o-box-shadow: 2px 2px 15px var(--dark)
}

.popup.establishingConnection.transparent {
    color: var(--dark-title);
    box-shadow: 2px 2px 15px var(--thinfinity-50);
    -webkit-box-shadow: 2px 2px 15px var(--thinfinity-50);
    -moz-box-shadow: 2px 2px 15px var(--thinfinity-50);
    -o-box-shadow: 2px 2px 15px var(--thinfinity-50)
}

.popup.establishingConnection.translucid {
    color: var(--dark-title);
    box-shadow: 2px 2px 15px var(--border-box-color);
    -webkit-box-shadow: 2px 2px 15px var(--border-box-color);
    -moz-box-shadow: 2px 2px 15px var(--border-box-color);
    -o-box-shadow: 2px 2px 15px var(--border-box-color)
}

.popup.hidden {
    display: none
}

.popup:focus {
    outline-color: transparent;
    outline-style: none
}

.popup .msgBody {
    padding: 10pt
}

.popup .msgBody h2 {
    font-size: 13pt;
    font-weight: normal;
    padding: 10pt
}

.popup .msgBody .loading {
    margin-top: 10px
}

.popup.establishingConnection .msgBody {
    text-align: center
}

.popup .divbuttons {
    border-bottom: 0;
    background-color: var(--background-color);
    text-align: center;
    border-top: solid 1px var(--primary-color);
    width: 100%;
    margin: 0;
    line-height: 39pt;
    display: inline-block;
    vertical-align: middle
}

.popup .divbuttons .saveFilePickerContainer {
    position: absolute;
    left: 15px;
    height: 53px;
    display: inline-block;
    font-size: 9pt;
    max-width: 250px;
    margin-top: 2px
}

.popup div.header {
    background: var(--primary-color);
    height: 34px;
    margin: 0;
    margin-left: -1px;
    margin-right: -1px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.popup .standard {
    width: 100%;
    min-height: 30px;
    margin-top: 10px;
    margin-bottom: 15px;
    text-align: center;
    position: relative;
    display: table
}

.popup .standard span {
    display: table-cell;
    vertical-align: middle;
    line-height: normal
}

.popup h3 {
    font-family: Tahoma,sans-serif;
    font-size: 12pt;
    font-weight: 400;
    color: var(--background-color);
    height: 34px;
    line-height: 34px;
    margin-top: 0;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 5px;
    padding-right: 5px
}

.popup .header.center h3 {
    text-align: center
}

.popup h4 {
    font-family: Tahoma,sans-serif;
    font-size: 11pt;
    font-weight: 400;
    line-height: 11pt;
    padding: 10pt
}

.popup h4.message {
    margin-top: 10px
}

.popup .popuplink {
    border: solid 1px var(--primary-trans-50);
    background-color: var(--primary-trans-90);
    color: var(--background-color);
    font-size: 9pt;
    font-weight: normal;
    text-decoration: none;
    padding: 4px 10px 4px 10px;
    cursor: pointer;
    margin: 0;
    margin-right: 10px;
    margin-left: 10px;
    white-space: nowrap;
    min-width: 65pt;
    display: inline-block;
    line-height: 18pt;
    text-rendering: geometricPrecision;
    box-sizing: border-box
}

.popup .popuplink.selected {
    border: solid 1px var(--primary-color);
    background: var(--primary-color);
    color: var(--background-color)
}

.popup .popuplink:hover {
    text-decoration: none;
    font-size: 9pt;
    font-weight: normal;
    background: var(--primary-color-hover);
    border-color: var(--primary-color-hover);
    color: var(--background-color)
}

.popup .popuplink:active {
    font-weight: normal;
    background: var(--primary-color);
    border-top: 1px solid var(--primary-trans-30);
    border-left: 1px solid var(--primary-trans-40);
    border-bottom: 1px solid var(--primary-trans-50);
    border-right: 1px solid var(--primary-trans-50);
    color: var(--background-color)
}

.popup .popuplink:focus {
    outline-color: var(--primary-trans-30);
    outline-style: outset;
    outline-width: 1px;
    outline-offset: 1px;
    text-decoration: none;
    font-weight: 700
}

.popup.establishingConnection-background {
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    transform: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
    z-index: 9999999998;
    display: block
}

.popup.establishingConnection-background.transparent {
    background-color: var(--background-trans-1)
}

.popup.establishingConnection-background.translucid {
    background-color: var(--hover-full-gradient-bottom)
}

.popup.establishingConnection-background.opaque {
    background-color: var(--background-color-connection)
}

.popup.establishingConnection-background.hidden {
    display: none
}

.popup.establishingConnection {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 500px;
    max-width: 90%;
    z-index: 9999999999;
    opacity: 0;
    transition-duration: .3s;
    transition-delay: inherit;
    transition-property: opacity
}

.popup.establishingConnection.show {
    opacity: 1
}

.popup.establishingConnection.hidden {
    display: inherit!important
}

.popup.establishingConnection.noDisplay {
    display: none
}

.popup.establishingConnection #closeButton {
    display: none;
    padding: 5px;
    text-decoration: none;
    border: 1px solid var(--input-disabled)
}

.popup .alertBody {
    padding: 10pt;
    color: var(--primary-text)
}

.popup.disconnectedDlg {
    text-align: center;
    min-width: 200px;
    max-width: 450px;
    padding-top: 0
}

.popup.disconnectedIco {
    height: 64px;
    width: 64px;
    border: 0;
    padding: 0;
    margin: 0 auto 15px auto;
    line-height: 64px;
    text-align: center;
    vertical-align: middle
}

.popup.disconnectedIco:before {
    font-family: 'thinfinity-icons';
    content: '\e83a';
    font-size: 48px;
    color: var(--primary-color)
}

.popupBox.dialog .header {
    background-color: var(--primary-color);
    color: var(--background-color);
    line-height: 26px;
    padding-left: 10px;
    font-size: 14px
}

.popupBox.dialog .center {
    text-align: center
}

.popupBox.dialog .body div {
    height: 30px
}

.popup .divbuttons input.hiddenInput {
    width: 1px!important;
    height: 1px!important;
    visibility: hidden;
    position: absolute
}

#connectingDlg {
    border: 0;
    padding: 20px;
    line-height: 40px;
    text-align: center;
    height: 80px;
    min-width: 300px;
    max-width: 500px;
    color: var(--primary-color)
}

#cancelDlg div.text-center {
    text-align: center
}

#remoteDlg {
    width: 400px;
    height: 460px;
    padding: 0;
    top: 50%;
    left: 50%;
    overflow: hidden
}

#remoteDlg iframe {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    height: 430px;
    border: 0
}

.wEnvironmentInfo,.wTrafficInfo {
    padding: 0;
    max-height: 80%;
    position: absolute;
    display: block;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%;
    min-width: 60%;
    max-width: 80%
}

.wEnvironmentInfo .alertBody,.wTrafficInfo .alertBody {
    padding: 0;
    min-height: 200px;
    display: block;
    max-height: 500px;
    height: 70%;
    box-sizing: border-box
}

#wEnvironmentData,#wTrafficData {
    max-height: 80%;
    overflow: hidden;
    margin-bottom: 0
}

#wEnvironmentData #info,#wTrafficData #info {
    padding: 5px
}

#wTrafficData #info div.row {
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
    line-height: 14px
}

#wEnvironmentData .colLabel,#wEnvironmentData .colData,#wTrafficData .colLabel,#wTrafficData .colData {
    display: inline-block;
    width: 50%;
    text-align: left;
    padding: 0;
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px
}

#wEnvironmentData .colData,#wTrafficData .colData {
    color: var(--primary-text);
    overflow: hidden;
    white-space: nowrap
}

#wTrafficData .colData {
    text-align: right
}

#printDlg {
    text-align: center;
    height: 160px;
    padding-top: 20px;
    margin-top: -40px
}

#printIco {
    height: 64px;
    width: 64px;
    border: 0;
    padding: 0;
    margin: 0 auto 15px auto;
    line-height: 64px;
    text-align: center;
    vertical-align: middle
}

#printIco:before {
    font-family: 'thinfinity-icons';
    content: '\e808';
    font-size: 48px;
    color: var(--primary-color)
}

#disconnectedDlg,#closequestion,#confirmDlg {
    text-align: center;
    min-width: 200px;
    max-width: 450px;
    padding-top: 0
}

#disconnectedIco,#alertIco {
    height: 64px;
    width: 64px;
    border: 0;
    padding: 0;
    margin: 0 auto 15px auto;
    line-height: 64px;
    text-align: center;
    vertical-align: middle
}

#disconnectedIco:before,#alertIco:before {
    font-family: 'thinfinity-icons';
    content: '\e83e';
    font-size: 48px;
    color: var(--primary-color)
}

#confirmDlg #checkrow {
    font-size: 9px
}

#updatingPassword {
    border: 0;
    text-align: center;
    height: 180px;
    width: 300px
}

#credentials_popup {
    text-align: center;
    height: 217px;
    width: 380px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--background-color);
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 10px var(--black);
    -webkit-box-shadow: 0 0 10px var(--black);
    -moz-box-shadow: 0 0 10px var(--black);
    -o-box-shadow: 0 0 10px var(--black);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

#credentials_popup.with_credentials {
    height: 246px
}

#credentials_popup div#title {
    position: relative;
    box-sizing: border-box;
    display: block;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
    border-bottom: solid 1px var(--border-color-2);
    background-color: var(--primary-color);
    text-transform: capitalize;
    text-align: left;
    font-family: Helvetica;
    font-weight: 400;
    font-size: 14px;
    color: var(--background-color)
}

#credentials_popup br {
    display: none
}

#credentials_popup .connect-parameters {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-align: center
}

#credentials_popup .connect-parameters .line {
    width: 100%;
    line-height: 44px;
    height: 44px;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
    margin: auto
}

#credentials_popup .connect-parameters .line.left {
    text-align: left;
    padding-left: 10px
}

#credentials_popup .connect-parameters .line.mini {
    line-height: 30px;
    height: 30px
}

#credentials_popup .connect-parameters .line span {
    margin-right: 5px;
    display: inline-block;
    width: 70px;
    text-align: left
}

#credentials_popup .connect-parameters input[type='text'],#credentials_popup .connect-parameters input[type='password'] {
    box-sizing: border-box;
    width: 240px!important;
    padding: 2px;
    margin: 0;
    font-size: 12px;
    height: 28px
}

#credentials_popup .connect-parameters .line#authErrMessage {
    color: var(--foreground-color-error);
    font-size: 13px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box
}

#credentials_popup fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

#credentials_popup .connectbuttons {
    border-top: solid 1px var(--primary-color);
    background-color: var(--background-color);
    position: relative;
    box-sizing: border-box;
    height: 40px;
    text-align: center
}

#credentials_popup .connectlink span.ico {
    display: none
}

#credentials_popup .connectlink span.txt {
    padding-left: 10px;
    padding-right: 10px
}

#alertDlg {
    text-align: center;
    height: auto;
    min-width: 250px;
    padding-top: 0;
    border: none!important
}

#alertChildDlg {
    text-align: center;
    min-height: 200px;
    width: 250px;
    padding-top: 0;
    margin-top: 0;
    border: none!important
}

#mssgDlg {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    border: none!important;
    color: var(--primary-color)
}

.credentials_popup {
    text-align: center;
    height: 218px;
    width: 380px;
    margin: auto;
    top: 50%;
    margin-top: -110px;
    box-shadow: 0 0 10px var(--black);
    -webkit-box-shadow: 0 0 10px var(--black);
    -moz-box-shadow: 0 0 10px var(--black);
    -o-box-shadow: 0 0 10px var(--black);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: var(--background-color);
    overflow: hidden;
    position: relative
}

.credentials_popup div.title {
    position: relative;
    box-sizing: border-box;
    display: block;
    margin: 0;
    padding: 0;
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
    border-bottom: solid 1px var(--border-color-2);
    background-color: var(--primary-color);
    text-transform: capitalize;
    text-align: left;
    font-family: Helvetica;
    font-weight: 400;
    font-size: 14px;
    color: var(--background-color)
}

.credentials_popup br {
    display: none
}

.credentials_popup .connect-parameters {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 130px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-align: center
}

.credentials_popup .connect-parameters .floatBox {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.credentials_popup .connect-parameters .line {
    width: 100%;
    line-height: 40px;
    height: 40px;
    font-size: 12px;
    text-align: center;
    padding: 5px;
    box-sizing: border-box;
    margin: auto
}

.credentials_popup .connect-parameters .line label {
    margin-right: 5px;
    display: inline-block;
    width: 70px;
    text-align: left;
    line-height: 30px;
    font-weight: 400!important;
    font-size: 12px!important
}

.credentials_popup .connect-parameters input {
    box-sizing: border-box;
    width: 240px!important;
    padding: 2px;
    margin: 0;
    font-size: 12px!important;
    height: 28px;
    border-style: ridge
}

.credentials_popup .connect-parameters .line#authErrMessage {
    color: var(--foreground-color-error);
    font-size: 13px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box
}

.credentials_popup fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

.credentials_popup .connectbuttons {
    border-top: solid 1px var(--primary-color);
    background-color: var(--background-color);
    position: relative;
    box-sizing: border-box;
    height: 40px;
    text-align: center
}

.credentials_popup .connectbuttons .connectlink {
    font-size: 10pt;
    white-space: nowrap;
    text-align: center;
    font-family: sans-serif,arial;
    vertical-align: middle;
    border-radius: 3px;
    padding: 5px 10px 5px 10px;
    top: 6px;
    margin: 0 3px 0 10px;
    height: 16px;
    line-height: normal;
    position: relative
}

.credentials_popup .connectlink span.ico {
    display: none
}

.credentials_popup .connectlink span.txt {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px!important
}

.absoluteCenter {
    position: absolute;
    margin: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.growlDialogContainer {
    position: absolute;
    width: auto;
    height: 20px;
    top: 20px;
    right: 15px;
    padding: 0;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 6px;
    z-index: 99999999;
    font-size: 1.0em;
    cursor: default
}

.growlDialogContainer.message {
    border: 1px solid #94dc9d;
    background-color: rgba(136,216,176,1)
}

.growlDialogContainer.info {
    border: 1px solid var(--primary-color-dark);
    background-color: var(--primary-color)
}

.growlDialogContainer.warning {
    border: 1px solid #f2ea9e;
    background-color: rgba(255,238,173,1)
}

.growlDialogContainer.error {
    border: 1px solid #ff4242;
    background-color: rgba(255,111,105,1)
}

.growlDialogContainer.visible {
    transition: opacity .75s ease-in-out;
    -webkit-transition: opacity .75s ease-in-out;
    -moz-transition: opacity .75s ease-in-out;
    -ms-transition: opacity .75s ease-in-out;
    -o-transition: opacity .75s ease-in-out;
    opacity: 1
}

.growlDialogContainer.hidden {
    transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    opacity: 0
}

.growlDialogContainer .messageContainer {
    width: auto;
    min-width: 160px;
    text-align: center;
    line-height: 20px;
    color: var(--menu-selected-bgcolor);
    max-width: 400px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 7px;
    padding-right: 15px;
    cursor: default
}

.growlDialogContainer .infoContainer {
    width: 25px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 10px;
    color: var(--background-color);
    text-align: left;
    line-height: 20px
}

.growlDialogContainer .xContainer {
    width: 25px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 6px;
    color: var(--background-color);
    text-align: right;
    line-height: 20px;
    font-size: .9em
}

.growlDialogContainer.warning .messageContainer,.growlDialogContainer.warning .xContainer {
    color: var(--input-disabled)
}

.offline-Icons {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: -1
}

@media only screen and (max-width: 4096px) {
    #disconnectedDlg,#closequestion,#confirmDlg {
        text-align:center;
        width: 450px
    }
}

@media only screen and (max-width: 1024px) {
    #disconnectedDlg,#closequestion,#confirmDlg {
        text-align:center;
        max-width: 95%
    }

    #disconnectedIco,#alertIco {
        height: 54px;
        line-height: 54px;
        width: 54px;
        background-size: cover
    }
}

@media only screen and (max-width: 800px) {
    #disconnectedDlg,#closequestion,#confirmDlg {
        text-align:center;
        width: 350px
    }
}

@media only screen and (max-width: 540px) {
    #remoteDlg {
        left:0;
        right: 0;
        width: auto;
        margin-left: 20px;
        margin-right: 20px
    }

    #disconnectedIco,#alertIco {
        height: 45px;
        line-height: 45px;
        width: 45px;
        background-size: cover
    }
}

@media only screen and (max-width: 500px) {
    #disconnectedDlg,#closequestion,#confirmDlg {
        text-align:center;
        width: 280px
    }
}

@media only screen and (max-width: 420px) {
    #credentials_popup .connect-parameters input {
        width:180px!important
    }

    #disconnectedDlg,#closequestion,#confirmDlg {
        text-align: center;
        width: 230px
    }

    #disconnectedIco,#alertIco {
        height: 38px;
        line-height: 38px;
        width: 38px;
        background-size: cover
    }
}

@media only screen and (max-width: 360px) {
    #credentials_popup {
        width:310px
    }

    #credentials_popup .connect-parameters input {
        width: 180px!important
    }

    #disconnectedDlg,#closequestion,#confirmDlg {
        text-align: center;
        width: 200px
    }

    #disconnectedIco,#alertIco {
        height: 32px;
        line-height: 32px;
        width: 32px;
        background-size: cover
    }
}

.V7 .popup {
    background-color: var(--secondary-bgcolor);
    font-family: Inter,"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 4px;
    box-shadow: 2px 2px 15px var(--shadow-color);
    -webkit-box-shadow: 2px 2px 15px var(--shadow-color);
    -moz-box-shadow: 2px 2px 15px var(--shadow-color);
    -o-box-shadow: 2px 2px 15px var(--shadow-color)
}

.V7 .popup.connectionLost {
    z-index: 2147483647;
    color: var(--primary-txtcolor);
    padding-top: 25px
}

.V7 .popup.connectionLost button {
    margin-top: 49px;
    padding: 9px;
    background: var(--primary-color);
    width: 9rem;
    color: var(--button-txtcolor);
    border-radius: 5px;
    border: 0;
    font-size: 14px
}

.V7 .popup.establishingConnection.opaque {
    color: var(--primary-txtcolor);
    box-shadow: 2px 2px 15px var(--shadow-color);
    -webkit-box-shadow: 2px 2px 15px var(--shadow-color);
    -moz-box-shadow: 2px 2px 15px var(--shadow-color);
    -o-box-shadow: 2px 2px 15px var(--shadow-color)
}

.V7 .popup.establishingConnection.transparent {
    box-shadow: 2px 2px 15px var(--shadow-color);
    -webkit-box-shadow: 2px 2px 15px var(--shadow-color);
    -moz-box-shadow: 2px 2px 15px var(--shadow-color);
    -o-box-shadow: 2px 2px 15px var(---shadow-color)
}

.V7 .popup.establishingConnection.translucid {
    box-shadow: 2px 2px 15px var(--shadow-color);
    -webkit-box-shadow: 2px 2px 15px var(--shadow-color);
    -moz-box-shadow: 2px 2px 15px var(--shadow-color);
    -o-box-shadow: 2px 2px 15px var(--shadow-color)
}

.V7 .popup .msgBody h2 {
    color: var(--primary-txtcolor)
}

.V7 .popup.establishingConnection .msgBody #ecWaiting {
    max-width: 50px
}

.V7 .popup .divbuttons {
    background-color: var(--secondary-bgcolor);
    border-top: solid 1px var(--border-color);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: .2rem .5rem;
    box-sizing: border-box;
    text-align: right
}

.V7 .popup div.header {
    background-color: var(--secondary-bgcolor);
    text-align: left;
    font-weight: 600;
    padding: 1rem;
    margin: 0
}

.V7 .popup h3 {
    font-family: Inter,"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 600;
    color: var(--primary-txtcolor);
    font-size: 17.5px
}

.V7 .popup h4 {
    font-family: Manrope,"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: var(--primary-txtcolor)
}

.V7 .popup .popuplink {
    border-radius: 2.8px;
    text-align: center;
    width: 100px;
    border: 2px solid var(--primary-color);
    background: transparent;
    color: var(--primary-color);
    padding: .4rem 0;
    font-size: .8rem;
    font-weight: 400
}

.V7 .popup .popuplink.selected {
    border-radius: 2.8px;
    text-align: center;
    width: 100px;
    border: 2px solid var(--primary-color);
    background: var(--primary-color);
    color: var(--button-txtcolor);
    padding: .4rem 0;
    font-size: .8rem;
    font-weight: 400
}

.V7 .popup .popuplink:hover {
    border: 2px solid var(--button-bgcolor-h);
    background: var(--button-bgcolor-h);
    color: var(--button-txtcolor)
}

.V7 .popup.establishingConnection-background.opaque {
    background-color: var(--primary-bgcolor)
}

.V7 .popup .alertBody {
    padding: 0;
    padding-inline:10pt;color: var(--primary-txtcolor);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    line-height: 1.3rem
}

.V7 .popup .alertBody #disconnectedIco {
    padding-inline:1rem;line-height: 70px
}

.V7 .popup .alertBody #disconnectedIco:before,.V7 .popup .alertBody #alertIco:before {
    font-size: 2rem;
    color: var(--alert)
}

.V7 #credentials_popup {
    box-shadow: 0 0 10px var(--shadow-color);
    -webkit-box-shadow: 0 0 10px var(--shadow-color);
    -moz-box-shadow: 0 0 10px var(--shadow-color);
    -o-box-shadow: 0 0 10px var(--shadow-color)
}

.V7 .credentials_popup {
    box-shadow: 0 0 10px var(--shadow-color);
    -webkit-box-shadow: 0 0 10px var(--shadow-color);
    -moz-box-shadow: 0 0 10px var(--shadow-color);
    -o-box-shadow: 0 0 10px var(--shadow-color)
}

.V7 .growlDialogContainer.message {
    border: 1px solid var(--allowed);
    background-color: var(--allowed)
}

.V7 .growlDialogContainer.info {
    border: 1px solid var(--menu-selected-color);
    background-color: var(--menu-selected-color)
}

.V7 .growlDialogContainer.warning {
    border: 1px solid var(--alert);
    background-color: var(--alert)
}

.V7 .growlDialogContainer.error {
    border: 1px solid var(--danger);
    background-color: var(--danger)
}

.V7 .growlDialogContainer .messageContainer {
    color: var(--menu-selected-bgcolor);
    max-width: 400px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 7px;
    padding-right: 15px;
    cursor: default
}

.V7 .growlDialogContainer.warning .messageContainer,.growlDialogContainer.warning .xContainer {
    color: var(--button-txtcolor)
}

.V7 #disconnectedIco,.V7 #alertIco {
    margin: 0;
    padding-right: 1.2rem;
    padding-left: .6rem
}

.popup {
    text-align: left;
    background-color: white;
    width: 430px;
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    border-style: solid;
    border-width: 1px;
    border-color: #bbb;
    position: relative;
    top: 35%;
    margin-right: auto;
    margin-left: auto;
    box-shadow: 0 0 10px black;
    -webkit-box-shadow: 0 0 10px black;
    -moz-box-shadow: 0 0 10px black;
    -o-box-shadow: 0 0 10px black;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

div.popup:focus {
    outline-color: transparent;
    outline-style: none
}

.popup .divbuttons {
    position: absolute;
    border-bottom: 0;
    border-top: solid 1px #CCC;
    background-color: #f0f0f0;
    top: 100%;
    height: 50px;
    width: 100%;
    margin: 0;
    margin-top: -51px;
    display: table-cell;
    vertical-align: middle
}

.popuplink {
    position: relative;
    border-style: solid;
    border-width: 1px;
    border-color: #999;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: -moz-linear-gradient(#fff,#efefef);
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#efefef));
    background-color: #f7f7f7;
    color: #555;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 15px 5px 15px;
    top: 15px;
    margin: 0 3px;
    white-space: nowrap;
    min-width: 70px
}

.popuplink:hover,.popuplink:visited,.popuplink:active {
    color: #000;
    text-decoration: none
}

.popuplink.selected {
    background: -moz-linear-gradient(#fff,#cfddea);
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#cfddea));
    background-color: #cfddea;
    -webkit-box-shadow: inset 0 0 10px #ccc;
    -moz-box-shadow: inset 0 0 10px #ccc;
    box-shadow: inset 0 0 10px #ccc;
    border-color: #669;
    color: #000
}

#connectingDlg {
    border: 0;
    padding: 20px;
    margin: -20px auto 20px auto;
    line-height: 40px;
    text-align: center;
    height: 80px;
    width: 300px
}

#printDlg {
    text-align: center;
    height: 160px;
    padding-top: 20px;
    margin-top: -40px
}

#printIco {
    height: 64px;
    width: 64px;
    border: 0;
    padding: 0;
    margin: 0 auto 15px auto;
    background-image: url(/images/core/printer.png);
    background-position: center center;
    background-repeat: no-repeat
}

#infoIco {
    height: 48px;
    width: 48px;
    border: 0;
    padding: 0;
    margin: 0 auto 15px auto;
    background-image: url(/images/core/i.png);
    background-position: center center;
    background-repeat: no-repeat
}

#disconnectedDlg,#closequestion,#confirmDlg {
    text-align: center;
    width: 200px;
    padding-top: 20px;
    margin-top: -45px
}

#disconnectedIco,#alertIco {
    height: 64px;
    width: 64px;
    border: 0;
    padding: 0;
    margin: 0 auto 15px auto;
    background-image: url(/images/core/disconnected.png);
    background-position: center center;
    background-repeat: no-repeat
}

#establishingConnection {
    border: 0;
    padding: 20px;
    margin: -40px auto 20px auto;
    text-align: center;
    height: 100px;
    width: 300px
}

#credentials_popup {
    font-family: Verdana,Arial,sans-serif;
    font-size: 12px;
    background-image: url(/images/key_big.png);
    background-position: 20px 20px;
    background-repeat: no-repeat;
    text-align: left;
    background-color: white;
    margin-right: auto;
    margin-left: auto;
    border-style: solid;
    border-width: 1px;
    border-color: #BBB;
    position: absolute;
    top: 35%;
    margin-top: -114px;
    left: 50%;
    margin-left: -235px;
    box-shadow: 0 0 10px black;
    -webkit-box-shadow: 0 0 10px black;
    -moz-box-shadow: 0 0 10px black;
    -o-box-shadow: 0 0 10px black;
    width: 400px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

#credentials_popup .connect-parameters {
    width: 370px;
    height: auto!important
}

#credentials_popup .connect-parameters input {
    width: 200px!important
}

#credentials_popup .connect-parameters tr td:nth-child(1) {
    width: 160px;
    text-align: right;
    padding-right: 5px
}

#credentials_popup fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

#alertDlg {
    text-align: center;
    height: auto;
    width: 250px;
    padding-top: 20px;
    border: none!important
}

#alertChildDlg {
    text-align: center;
    height: 200px;
    width: 250px;
    padding-top: 20px;
    margin-top: 0;
    border: none!important
}

#mssgDlg {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    border: none!important
}

.alertBody {
    padding-left: 20px;
    padding-right: 20px
}

#disconnectedDlg .alertBody,#closequestion .alertBody,#confirmDlg .alertBody,#alertDlg .alertBody {
    margin-bottom: 65px
}

.customCursor {
    cursor: url(/images/core/blank.cur),default
}

.customCursor.chrome {
    cursor: url(/images/core/point.cur),default
}

#ecWaiting {
    margin-top: 10px
}

#title {
    margin-left: 25px;
    padding-top: 10px;
    padding-left: 65px
}

#connectionToolbar {
    background-color: #ddd;
    background-image: linear-gradient(top,#efefef 0,#ddd 56%);
    background-image: -o-linear-gradient(top,#efefef 0,#ddd 56%);
    background-image: -moz-linear-gradient(top,#efefef 0,#ddd 56%);
    background-image: -webkit-linear-gradient(top,#efefef 0,#ddd 56%);
    background-image: -ms-linear-gradient(top,#efefef 0,#ddd 56%);
    border: 1px gray solid;
    border-top: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 1px;
    cursor: default;
    color: #333;
    position: fixed;
    z-index: 998;
    left: 50%;
    margin-left: -100px;
    top: -24px;
    text-align: center
}

#connectionToolbar div.connectionToolbarItem {
    background-repeat: no-repeat;
    display: inline-block;
    padding: 3px 10px 3px 26px;
    font-family: Helvetica;
    font-size: 11px;
    font-weight: bold;
    border: 1px transparent solid;
    background-image: url(/images/toolbar.png);
    cursor: pointer;
    display: inline-block
}

div.connectionToolbarItem.pressed {
    border-radius: 3px;
    border-top: solid 1px #333!important;
    border-left: solid 1px #333!important;
    border-bottom: solid 1px #ccc!important;
    border-right: solid 1px #ccc!important;
    color: #000;
    background-color: #d0d0d0
}

div.connectionToolbarItem:hover {
    color: #000
}

#disconnectDt {
    background-position: 0 -2px;
    border-left: 1px #FFF solid!important
}

#actionsMenuBtn {
    background-position: 0 -602px;
    border-right: 1px #FFF solid!important
}

#refresh {
    background-position: 0 -194px;
    border-left: 1px #FFF solid!important
}

#scale {
    background-position: 0 -48px
}

.scale2 {
    background-position: 0 -98px!important;
    border-radius: 3px;
    border-top: solid 1px #333!important;
    border-left: solid 1px #333!important;
    border-bottom: solid 1px #ccc!important;
    border-right: solid 1px #ccc!important;
    background-color: #d0d0d0
}

.noIcon {
    background-position: -100px 0
}

#sendKeysBtn {
    border-left: 1px #FFF solid!important
}

#inputFile {
    display: none
}

#tbRdpHandle,.tbRdpHandle {
    position: absolute;
    left: 50%;
    top: 23px;
    z-index: 820001;
    height: 6px;
    width: 100px;
    color: gray;
    background-color: #DDD;
    background-image: url(/images/handle_up.png);
    background-repeat: no-repeat;
    background-position: 50% 60%;
    border: 1px gray solid;
    border-top: solid 1px #FFF;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: center;
    padding: 0;
    cursor: pointer;
    margin-left: -50px
}

.tbRdpHandle.flppd,#tbRdpHandle.flppd {
    background-image: url(/images/handle_down.png);
    opacity: .5
}

.tbRdpHandle:hover,#tbRdpHandle:hover {
    opacity: 1
}

.tbRdpHandle hr,#tbRdpHandle hr {
    margin-top: 0
}

.keypaditem img {
    margin-left: 2px;
    margin-top: 0;
    vertical-align: middle
}

#FUProgressContainer {
    position: absolute;
    right: 0;
    width: 240px;
    border: solid 1px #FFF;
    top: 25px;
    z-index: 999;
    font-family: Arial,Sans-Serif;
    overflow-x: hidden;
    -moz-opacity: .8;
    filter: alpha(opacity:.8);
    opacity: .8;
    background-color: #fff
}

.upfilename,.upfilepercent {
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
    white-space: nowrap
}

.upfilename {
    width: 75%;
    text-align: left;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis
}

.upfilepercent {
    width: 25%;
    text-align: right
}

body,div,table,td,fieldset {
    -webkit-user-select: none;
    margin: 0;
    padding: 0
}

html,body {
    width: 100%;
    height: 100%;
    background-color: #fff
}

.disabled,.disabled:hover {
    color: #999;
    cursor: default
}

.canvasBorder {
    position: absolute
}

.canvasBorder.active {
    color: #000;
    border-style: solid;
    border-color: #6badf6
}

.canvasBorder.inactive {
    color: #666;
    border-style: solid;
    border-color: #fdfdfd
}

.systemDlg {
    font-family: "Segoe UI","Open Sans",Arial!important;
    border-style: solid!important;
    border-width: 3px!important;
    border-color: #6badf6!important;
    text-align: left;
    height: auto;
    width: 420px;
    min-width: 30%;
    max-width: 70%;
    padding-top: 20px;
    -webkit-user-select: none;
    overflow: hidden;
    visibility: hidden;
    box-shadow: 0 0 10px black;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.systemDlg.hidden {
    z-index: 0;
    visibility: hidden;
    display: none
}

.systemDlg div.messageBody {
    height: auto;
    width: auto;
    margin-bottom: 41px
}

.systemDlg .title span.closeBtn {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-left: 3px;
    top: 0;
    bottom: 0;
    background-image: url(/images/core/btnclose.png);
    background-repeat: no-repeat;
    right: 0;
    position: absolute;
    background-position: 12px -1px;
    background-color: #aa4040;
    width: 40px
}

.systemDlg span.closeBtn:hover {
    background-color: #c00
}

.systemDlg div.messageBody div {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 11pt;
    color: #039
}

.systemDlg div.messageBody div.caption {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 11pt;
    color: #039;
    min-height: 60px;
    margin-left: 80px
}

.systemDlg.noIcon div.messageBody div.caption {
    margin-left: 0
}

.systemDlg div.messageBody div.error {
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 12px;
    color: #f00;
    overflow: hidden;
    height: 14px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.systemDlg .title {
    color: #000;
    position: absolute;
    top: 0;
    height: 20px;
    line-height: 18px;
    padding: 0;
    border-bottom: solid 1px #CCC;
    width: 100%;
    text-align: center;
    background-color: #6badf6;
    font-size: 12pt
}

.systemDlg .title span {
    margin: 3px;
    line-height: 12px;
    vertical-align: middle;
    text-transform: capitalize;
    cursor: default
}

.systemDlg .divbuttons {
    height: 44px!important;
    margin-top: -45px!important;
    text-align: right;
    white-space: nowrap;
    overflow: hidden
}

.systemDlg .divbuttons span {
    display: inline-block;
    width: 10px
}

.systemDlg .divbuttons a {
    font-weight: normal;
    color: #333
}

.systemDlg .divbuttons .popuplink:hover {
    background: -moz-linear-gradient(#fff,#cfddea);
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#cfddea));
    background-color: #cfddea;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold
}

.systemDlg .divbuttons .popuplink.selected {
    background: -moz-linear-gradient(#fff,#cfddea);
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#cfddea));
    background-color: #cfddea;
    -webkit-box-shadow: inset 0 0 10px #9cf;
    -moz-box-shadow: inset 0 0 10px #9cf;
    box-shadow: inset 0 0 10px #9cf;
    border-color: #669;
    color: #000
}

.systemDlg div.messageBody .inputRow div {
    padding-top: 0
}

.systemDlg div.messageBody .inputRow.centered {
    vertical-align: middle
}

.systemDlg .inputRow .label {
    display: inline-block;
    font-size: 10pt;
    max-width: 30%
}

.systemDlg .inputRow .textbox {
    display: inline-block;
    width: 60%
}

.systemDlg .inputRow .fileBtn {
    display: inline-block;
    text-align: center;
    width: 20px;
    margin: 0!important;
    top: 0!important;
    float: right;
    margin-right: 6px!important;
    background-image: url(/images/core/fileselector.png);
    background-repeat: no-repeat;
    background-position: center center;
    padding-left: 0;
    padding-right: 0
}

.systemDlg fieldset {
    margin-top: 3px;
    margin-bottom: 2px;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: solid 1px #CCC
}

.systemDlg fieldset legend {
    margin-left: 5px;
    font-size: 12px
}

.systemDlg fieldset .inputRow {
    margin: 0!important;
    padding: 2px!important;
    width: 49%;
    vertical-align: middle;
    line-height: 28px;
    height: 28px;
    display: inline-block
}

.systemDlg fieldset input[type='number'] {
    width: 40%;
    float: right;
    margin-right: 10px;
    text-align: right
}

.systemDlg fieldset input[type='radio'] {
    margin-left: 10px
}

#pageSetupDlg {
    height: 305px
}

#printDlg.systemDlg {
    text-align: left;
    height: 146px
}

#printDlg.systemDlg input[type='number'] {
    float: none;
    width: 45px;
    margin-right: 0
}

#printCopiesRow .label {
    max-width: 100%
}

#openFile {
    height: 185px!important;
    width: 450px!important;
    min-width: 450px!important;
    max-width: 450px!important
}

.mtWarning,.mtError,.mtInformation,.mtConfirmation {
    background-position: 25px center;
    background-repeat: no-repeat
}

.mtWarning {
    background-image: url(/images/core/disconnected.png)
}

.mtError {
    background-image: url(/images/core/error.png)
}

.mtInformation {
    background-image: url(/images/core/i.png)
}

.mtConfirmation {
    background-image: url(/images/core/questionmark.png)
}

.clickEffect {
    position: absolute;
    z-index: 997;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    background-color: transparent;
    background-image: url(/images/core/tapEffect1.png);
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.systemDlg #FMXProgressContainer {
    clear: both;
    border: solid 1px #ccc;
    font-family: Arial,Sans-Serif;
    overflow-x: hidden;
    -moz-opacity: 1;
    filter: alpha(opacity:1);
    opacity: 1;
    background-color: #f0f0f0;
    padding: 0;
    text-align: center;
    position: relative;
    font-size: 12px!important;
    color: #999!important
}

#openFileName {
    white-space: nowrap;
    width: 375px;
    text-overflow: ellipsis;
    min-width: 385px;
    max-width: 385px;
    overflow: hidden;
    height: 18px;
    border: solid 1px #CCC;
    margin-left: 5px;
    padding: 2px;
    font-size: 12px;
    color: #666
}

.progressbar_container {
    position: relative;
    height: 20px;
    clear: both;
    float: left;
    width: 100%;
    border: 1px solid #CCC;
    margin-top: 3px
}

.progressbar {
    height: 20px;
    margin: 5px;
    text-align: left;
    overflow: hidden;
    border: solid 1px #108000
}

.progressbar_bar {
    background-color: #3f1
}

.progressbar_bar,.progressbar_msg {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0!important;
    margin: 0!important
}

.progressbar_msg {
    font-size: 12px!important;
    color: #000!important;
    width: 100%;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px;
    background-color: #999
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    background-color: #ccc;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 1px #999
}

.failed {
    background-color: #F00
}

.zero {
    line-height: 20px
}

#win_resizer {
    position: absolute;
    border: dashed 1px #000;
    box-sizing: border-box;
    background-color: rgba(255,255,255,.05);
    box-shadow: 0 0 1px rgba(255,255,255,.75)
}

#downloadLinkPopup {
    box-sizing: border-box;
    padding-top: 0
}

#downloadLinkPopup h1 {
    font-size: 12px;
    line-height: 20px;
    vertical-align: middle;
    background-color: #6badf6;
    color: #000;
    border-bottom: solid 3px #6badf6;
    text-align: center;
    padding: 0;
    margin: 0
}

#downloadLinkPopup a {
    margin: 10px;
    font-size: 16px;
    display: block
}

#downloadLinkPopup .divbuttons {
    display: block;
    position: relative;
    margin-top: 0!important;
    text-align: right
}

#downloadLinkPopup input {
    margin: 8px;
    top: auto
}

.dwmwindow {
    border: 0;
    background-color: #6badf6
}

.dwmwindow.active {
    border: 0;
    background-color: #6badf6
}

.dwmwindow.inactive {
    border: 0;
    background-color: #fdfdfd
}

.dwmwindow.minimized {
    display: none
}

.dwmwindow .caption {
    position: absolute;
    display: inline-block;
    height: 31px;
    top: 0;
    left: 0;
    right: 0;
    border: 0;
    padding: 0;
    margin: 0;
    overflow: hidden
}

.caption div.title,.caption div.icon img {
    display: none
}

.dwmwindow .caption div.title {
    font-family: Segoe UI,Arial;
    font-size: 11pt;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    text-overflow: ellipsis
}

.dwmwindow .caption div.title.visible {
    display: block
}

.dwmwindow .buttons {
    position: absolute;
    white-space: nowrap
}

.dwmwindow .caption div.icon {
    float: left;
    line-height: 100%;
    vertical-align: middle
}

.dwmwindow .caption div.icon img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    display: block
}

.dwmwindow .buttons div.minimize,.dwmwindow .buttons div.minimizeDisabled,.dwmwindow .buttons div.maximize,.dwmwindow .buttons div.maximizeDisabled,.dwmwindow .buttons div.restore,.dwmwindow .buttons div.restoreDisabled,.dwmwindow .buttons div.help,.dwmwindow .buttons div.helpDisabled,.dwmwindow .buttons div.close,.dwmwindow .buttons div.closeDisabled {
    width: 16px;
    margin: 0;
    padding: 0;
    margin-left: 3px;
    margin-bottom: 2px;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute
}

.dwmwindow.inactive .icon,.dwmwindow.inactive .buttons {
    -moz-opacity: .50;
    filter: alpha(opacity=50);
    opacity: .50
}

.dwmwindow .buttons .disabled {
    opacity: .4;
    filter: alpha(opacity=40)
}

.dwmwindow .buttons .minimize {
    background-image: url(/images/core/btnminimize.png)
}

.dwmwindow .buttons .maximize,.dwmwindow .buttons .maximizeDisabled {
    background-image: url(/images/core/btnmaximize.png)
}

.dwmwindow .buttons .restore,.dwmwindow .buttons .restoreDisabled {
    background-image: url(/images/core/btnrestore.png)
}

.dwmwindow .buttons .help,.dwmwindow .buttons .helpDisabled {
    background-image: url(/images/core/btnhelp.png)
}

.dwmwindow .buttons .close,.dwmwindow .buttons .closeDisabled {
    background-image: url(/images/core/btnclose.png);
    background-color: #a0a0a0
}

.dwmwindow.active .buttons .close {
    background-color: #aa4040
}

.dwmwindow .buttons div.minimize:hover,.dwmwindow .buttons div.maximize:hover,.dwmwindow .buttons div.help:hover,.dwmwindow .buttons div.restore:hover {
    background-color: #4040aa
}

.dwmwindow .buttons .minimize:hover {
    background-image: url(/images/core/btnminimizew.png)
}

.dwmwindow .buttons .maximize:hover {
    background-image: url(/images/core/btnmaximizew.png)
}

.dwmwindow .buttons .restore:hover {
    background-image: url(/images/core/btnrestorew.png)
}

.dwmwindow .buttons .help:hover {
    background-image: url(/images/core/btnhelpw.png)
}

.dwmwindow .buttons .close:hover {
    background-color: #c00
}

.dwmwindow .menu {
    background: #fefeff;
    background: -moz-linear-gradient(top,#fefeff 0,#f2f4fa 25%,#d6ddef 33%,#e0e5f5 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefeff),color-stop(25%,#f2f4fa),color-stop(33%,#d6ddef),color-stop(100%,#e0e5f5));
    background: -webkit-linear-gradient(top,#fefeff 0,#f2f4fa 25%,#d6ddef 33%,#e0e5f5 100%);
    background: -o-linear-gradient(top,#fefeff 0,#f2f4fa 25%,#d6ddef 33%,#e0e5f5 100%);
    background: -ms-linear-gradient(top,#fefeff 0,#f2f4fa 25%,#d6ddef 33%,#e0e5f5 100%);
    background: linear-gradient(to bottom,#fefeff 0,#f2f4fa 25%,#d6ddef 33%,#e0e5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefeff',endColorstr='#e0e5f5',GradientType=0);
    position: absolute;
    box-sizing: border-box
}

.dwmwindow.inactive .menu {
    background: #fefeff
}

.dwmwindow .menu .item {
    font-family: Segoe UI,Arial,sans-serif;
    position: absolute;
    color: #000;
    box-sizing: border-box;
    border: solid 1px transparent;
    border-radius: 2px;
    font-size: 12px;
    vertical-align: middle;
    text-align: center
}

.dwmwindow .menu .item:hover {
    border: solid 1px #999
}

.dwmwindow .menu .item.clicked {
    -webkit-box-shadow: inset 4px 4px 5px rgba(50,50,50,0.35);
    -moz-box-shadow: inset 4px 4px 5px rgba(50,50,50,0.35);
    box-shadow: inset 4px 4px 5px rgba(50,50,50,0.35);
    border: solid 1px #666
}

.TPanel {
    border: solid 1px gray;
    background-color: silver;
    padding: 0;
    margin: 0
}

.TScrollBox {
    border: solid 1px gray;
    background-color: silver;
    padding: 0;
    margin: 0
}

.TButton {
    border: solid 1px gray;
    background-color: lime;
    padding: 0;
    margin: 0
}

.TButton.pushed {
    border: solid 1px gray;
    background-color: blue;
    padding: 0;
    margin: 0
}

.TBitBtn {
    border: solid 1px gray;
    background-color: yellow
}

.TEdit {
    border: solid 1px red;
    background-color: white;
    padding: 0;
    margin: 0;
    font-size: small
}

.TRadioButton {
    padding: 0;
    margin: 0;
    font-size: small
}

.TCheckBox {
    padding: 0;
    margin: 0;
    font-size: small
}

.TListBox {
    border: solid 1px blue
}

#taskbar {
    position: absolute;
    z-index: 100000;
    bottom: 1px;
    left: 1px;
    right: 1px;
    margin: 0;
    padding: 0;
    border: none 0
}

#taskbar .icon {
    display: inline-block;
    width: 48px;
    height: 48px;
    text-align: center;
    margin: 12px
}

#taskbar .icon img {
    width: 32px;
    height: 32px
}

#taskbar .icon .title {
    color: #000;
    font-family: Helvetica;
    font-size: 12px;
    background-color: #6badf6;
    width: 48px;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis
}

body {
    background-color: #f2f2f2
}

#virtualui {
    position: absolute;
    display: none
}

body.mobile {
    position: fixed!important;
    overflow: hidden!important
}

.center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

div.systemPopup {
    font-family: "Segoe UI","Open Sans",Arial!important;
    border: 0!important;
    text-align: left;
    height: auto;
    width: 420px;
    min-width: 30%;
    max-width: 70%;
    -webkit-user-select: none;
    overflow: hidden;
    box-shadow: 0 0 10px black;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #6badf6!important;
    padding: 0 8px 8px 8px
}

div.systemPopup .title {
    margin: 0;
    padding: 0;
    color: #000;
    position: relative;
    top: 0;
    height: 28px;
    line-height: 18px;
    padding: 0;
    border-bottom: solid 1px #CCC;
    width: 100%;
    text-align: center;
    background-color: #6badf6;
    font-size: 12pt
}

div.systemPopup .title span {
    margin: 3px;
    line-height: 12px;
    vertical-align: middle;
    text-transform: capitalize;
    cursor: default;
    top: 4px;
    position: relative
}

div.systemPopup .title .closeBtn {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-left: 3px;
    top: 0;
    bottom: 0;
    background-image: url(/images/core/btnclose.png);
    background-repeat: no-repeat;
    right: 0;
    position: absolute;
    background-position: 15px 0;
    background-color: #aa4040;
    width: 47px;
    text-align: center;
    max-height: 22px;
    margin-right: -5px
}

div.systemPopup .title .closeBtn:hover {
    background-color: #c00
}

div.systemPopup .body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    width: 100%;
    min-height: 158px;
    height: auto;
    position: relative;
    padding-top: 16px
}

div.systemPopup .minHeight {
    min-height: 100px
}

div.systemPopup .body .inputContainer {
    width: 100%;
    height: auto;
    min-height: 110px;
    padding: 0;
    position: relative
}

div.systemPopup .body .inputContainer.minHeight {
    min-height: 50px
}

div.systemPopup .body .inputContainer .row {
    display: inline-flex;
    display: -webkit-inline-flex;
    display: -ms-flexbox;
    font-size: 8pt;
    width: 96%;
    margin: 2px 1% 1px 1%;
    padding: 0 5px 0 5px;
    min-height: 24px;
    height: auto;
    float: left;
    clear: both;
    position: relative
}

div.systemPopup .body .inputContainer .row .label {
    text-align: right;
    width: 90px;
    min-width: 90px;
    padding: 0;
    margin: 0;
    color: #303030;
    float: left;
    padding-right: 10px;
    line-height: 24px;
    font-weight: 500;
    font-size: 10pt;
    position: relative
}

div.systemPopup .body .inputContainer .row .textField {
    text-align: left;
    width: 100%;
    height: 20px;
    padding: 0;
    margin: 0;
    color: #303030;
    float: left;
    margin-right: 3px;
    position: relative;
    border: 1px solid #b5b5b5;
    padding-left: 3px;
    padding-right: 3px
}

div.systemPopup .body .inputContainer .row .fileContainer {
    -webkit-user-select: auto;
    width: 100%;
    height: auto;
    min-height: 33px;
    border: 0;
    padding-bottom: 15px;
    margin-top: -12px
}

div.systemPopup .body .inputContainer .row .fileContainer p {
    font-size: 13px
}

div.systemPopup .body .inputContainer .row .fileContainer a {
    font-size: 13px;
    margin-bottom: 10px
}

div.systemPopup .body .inputContainer .row .link {
    -webkit-user-select: auto;
    width: 100%;
    height: 20px;
    border: 0;
    z-index: 999999;
    cursor: default;
    line-height: 20px;
    padding: 0;
    padding-top: 2px;
    margin: 0;
    font-size: 14px
}

div.systemPopup .body .inputContainer .row .error {
    padding: 0;
    font-size: 12px;
    color: #f00;
    overflow: hidden;
    height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 0
}

div.systemPopup .body .inputContainer .row .cmbFilter {
    padding: 0;
    height: 24px
}

div.systemPopup .body .inputContainer .row .fileselector {
    background-image: url("/images/core/fileselector.png");
    background-repeat: no-repeat;
    background-position: right center;
    border: 1px solid #b5b5b5;
    height: 22px
}

div.systemPopup .body .inputContainer .row .progressContainer {
    height: auto;
    min-height: 20px;
    border: 0!important;
    padding: 0;
    margin: -1px 0 -1px 0;
    position: relative
}

div#uploadProgressBar {
    max-height: 190px;
    overflow-x: hidden;
    overflow-y: auto
}

div.systemPopup .body .inputContainer .row textarea {
    min-height: 36px
}

div.systemPopup .body .inputContainer .row textarea.subject {
    height: 36px
}

div.systemPopup .body .inputContainer .row textarea.description {
    height: 72px
}

div.systemPopup .body .inputContainer .row textarea.details {
    color: #848484;
    height: 22px;
    -webkit-transition: height .5s;
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s;
    transition: height .5s
}

div.systemPopup .body .inputContainer .row textarea.expand {
    height: 176px
}

div.systemPopup .body .inputContainer .row .terms {
    font-size: 7pt;
    color: #606dc7;
    height: 36px;
    white-space: initial;
    text-align: left;
    word-wrap: initial
}

div.systemPopup .body .buttonsContainer {
    width: 100%;
    height: 50px;
    padding: 0;
    background-color: #f0f0f0;
    border-top: 1px solid #ccc;
    position: relative;
    bottom: 0;
    text-align: right;
    overflow: hidden;
    white-space: nowrap
}

div.systemPopup .body .buttonsContainer input[type='button'].hidden {
    display: none
}

div.systemPopup .body .buttonsContainer a {
    font-weight: normal;
    color: #333;
    margin-right: 6px;
    display: inline-block;
    min-width: 48px;
    text-align: center
}

div.systemPopup .body .buttonsContainer a:last-child {
    margin-right: 15px
}

div.systemPopup .body .buttonsContainer .button {
    position: relative;
    border-style: solid;
    border-width: 1px;
    border-color: #999;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: -moz-linear-gradient(#fff,#efefef);
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#efefef));
    background-color: #f7f7f7;
    color: #555;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 15px 5px 15px;
    top: 13px;
    margin: 0 6px;
    white-space: nowrap;
    min-width: 70px
}

div.systemPopup .body .buttonsContainer .button:hover,div.systemPopup .body .buttonsContainer .button:visited,div.systemPopup .body .buttonsContainer .button:active {
    color: #000;
    text-decoration: none
}

div.systemPopup .body .buttonsContainer .button:hover {
    background: -moz-linear-gradient(#fff,#cfddea);
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#cfddea));
    background-color: #cfddea;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold
}

div.systemPopup .body .buttonsContainer .footerContainer {
    float: left;
    clear: both;
    height: 20px;
    width: 70%;
    margin-top: 15px;
    margin-left: 5px
}

div.systemPopup .body .buttonsContainer .footerContainer .checkbox {
    float: left;
    clear: both
}

div.systemPopup .body .buttonsContainer .footerContainer .label {
    float: left;
    line-height: 0
}

#touchkbd {
    border: 0;
    color: transparent;
    text-shadow: 0 0 0 gray;
    font-size: .1px
}

#_ipbs_ {
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    background-color: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    border: 0
}

#_ipbs_ body {
    overflow: hidden
}

.DockMenu-Container {
    margin: 0;
    padding: 0;
    z-index: 999999999999
}

.DockMenu-Container.hidden {
    display: none
}

.DockMenu-Container .menuBar-Element {
    position: fixed;
    margin: 0;
    padding: 0;
    height: 36px;
    width: auto;
    z-index: 999999999999;
    background-color: transparent
}

.DockMenu-Container .menuBar-Element:hover {
    text-decoration: none;
    background: transparent;
    border: 0;
    outline: 0
}

.DockMenu-Container .menuBar-Element:active {
    text-decoration: none;
    background: transparent;
    border: 0;
    outline: 0
}

.DockMenu-Container .menuBar-Element:focus {
    text-decoration: none;
    background: transparent;
    border: 0;
    outline: 0
}

.DockMenu-Container .menuBar-dockContainer {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0 solid #b6b6b6;
    height: 28px;
    width: 100%;
    z-index: 2;
    float: left;
    clear: both;
    margin-top: 8px
}

.DockMenu-Container .menuBar-dockContainer-background {
    background-color: #282828;
    position: absolute;
    margin: 0;
    padding: 0;
    height: 28px;
    width: 100%;
    z-index: 1;
    float: left;
    clear: both;
    margin-top: 8px;
    opacity: .5
}

.DockMenu-Container .vertical {
    height: 100%;
    width: 36px;
    top: 0;
    bottom: 0;
    border-top: 0!important;
    border-bottom: 0!important;
    -webkit-transition: width .5s;
    -moz-transition: width .5s;
    -ms-transition: width .5s;
    -o-transition: width .5s;
    transition: width .5s
}

.DockMenu-Container .horizontal {
    height: 36px;
    width: 100%;
    left: 0;
    right: 0;
    border-left: 0!important;
    border-right: 0!important
}

.DockMenu-Container .left {
    left: -25px;
    border-right-width: 2px!important;
    -webkit-transition: left .5s;
    -moz-transition: left .5s;
    -ms-transition: left .5s;
    -o-transition: left .5s;
    transition: left .5s
}

.DockMenu-Container .left:hover {
    left: 0;
    border-right-width: 2px!important
}

.DockMenu-Container .top {
    top: -25px;
    border-bottom-width: 2px!important;
    -webkit-transition: top .5s;
    -moz-transition: top .5s;
    -ms-transition: top .5s;
    -o-transition: top .5s;
    transition: top .5s
}

.DockMenu-Container .top:hover {
    top: 0;
    border-bottom-width: 2px!important
}

.DockMenu-Container .right {
    right: -25px;
    border-left-width: 2px!important;
    -webkit-transition: right .5s;
    -moz-transition: right .5s;
    -ms-transition: right .5s;
    -o-transition: right .5s;
    transition: right .5s
}

.DockMenu-Container .right:hover {
    right: 0;
    border-left-width: 2px!important
}

.DockMenu-Container .bottom {
    bottom: -34px;
    border-top-width: 2px!important;
    -webkit-transition: bottom .5s;
    -moz-transition: bottom .5s;
    -ms-transition: bottom .5s;
    -o-transition: bottom .5s;
    transition: bottom .5s
}

.DockMenu-Container .mobile {
    bottom: -28px
}

.DockMenu-Container .mobile.horizontal {
    height: 42px
}

.DockMenu-Container .mobile .menuBar-dockContainer {
    margin-top: 14px
}

.DockMenu-Container .bottom:active {
    bottom: 0;
    background-color: transparent;
    border: 0;
    outline: 0
}

.DockMenu-Container .bottom:focus {
    bottom: 0;
    background-color: transparent;
    border: 0;
    outline: 0
}

.DockMenu-Container .mobile .menuBar-dockContainer-background {
    margin-top: 14px
}

.DockMenu-Container .bottom:hover {
    bottom: 0;
    background-color: transparent;
    border: 0;
    outline: 0
}

.DockMenu-Container .pinned {
    bottom: 0;
    background-color: transparent;
    border: 0;
    outline: 0
}

.DockMenu-Container .bottomDock {
    bottom: 0
}

.DockMenu-Container .menuItem {
    height: 21px;
    width: 22px;
    margin: 4px;
    padding: 0;
    float: left;
    background-image: url('/images/core/appToolbar.png');
    background-repeat: no-repeat;
    background-position: 2px 1px
}

.DockMenu-Container .mobile .menuItem:first-child {
    margin-left: 15px;
    width: 45px;
    background-color: transparent
}

.DockMenu-Container .taskbar {
    height: 26px;
    min-width: 400px;
    background-color: transparent;
    position: relative;
    display: inherit;
    border: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: relative;
    float: left;
    padding: 0;
    margin: 0;
    margin-top: 1px;
    margin-bottom: 1px;
    background-image: none;
    background-repeat: no-repeat;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    display: inline-flex;
    overflow: auto;
    overflow-y: hidden
}

.DockMenu-Container .mobile .right {
    margin-right: 15px!important
}

.DockMenu-Container .mobile .right:nth-child(2) {
    margin-right: 30px!important
}

.DockMenu-Container .right {
    float: right;
    margin: 4px
}

.DockMenu-Container .menuItem:hover {
    background-color: #a1aade;
    height: 21px;
    width: 22px;
    margin: 4px;
    padding: 0
}

.DockMenu-Container .mobile {
    margin-right: 10px
}

.DockMenu-Container .mobile:hover {
    margin-right: 10px;
    background-color: transparent
}

.DockMenu-Container .menuItem.pressed {
    border: 0;
    background-color: #3745c5
}

.DockMenu-Container .menuItem.pressed-strike-through {
    border: 0;
    background-color: #5f5f5f;
    opacity: .5;
    text-decoration: line-through
}

.DockMenu-Container .separator {
    background-color: #414141;
    height: 16px;
    width: 1px;
    margin-top: 7px;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 5px;
    padding: 0;
    float: left
}

.DockMenu-Container .forms {
    background-position: 2px 2px
}

.DockMenu-Container .fullscreen {
    background-position: 2px -33px
}

.DockMenu-Container .errorReport {
    background-position: 2px -70px
}

.DockMenu-Container .keyboard {
    background-position: 2px -15px
}

.DockMenu-Container .pin {
    background-position: 2px -106px
}

.DockMenu-Container .tabletMode {
    background-position: 2px -140px
}

.DockMenu-Container .tabletModeOff {
    background-position: 2px -161px
}

.DockMenu-Container .mouseGestureStyle {
    background-position: 3px -180px
}

.DockMenu-Container .macro {
    background-color: transparent;
    height: 21px;
    width: 22px;
    margin-top: 4px;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    background-image: url('/images/core/macro.png');
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-position: 2px 20px
}

.DockMenu-Container .macro_disabled {
    background-image: url('/images/core/macro_disabled.png')
}

.DockMenu-Container .macro_paused {
    background-image: url('/images/core/macro_paused.png')
}

.DockMenu-Container .macro:hover {
    background-color: #1d1d1d;
    height: 21px;
    width: 22px;
    margin-top: 4px;
    margin-left: 0;
    margin-right: 0;
    padding: 0
}

.DockMenu-Container .record {
    background-position: 1px 2px
}

.DockMenu-Container .play {
    background-position: -18px 2px
}

.DockMenu-Container .pause {
    background-position: -38px 2px
}

.DockMenu-Container .stop {
    background-position: -59px 2px
}

.DockMenu-Container .selected {
    background-position: 3px -88px
}

.DockMenu-Container .browserCapabilities {
    background-position: 2px -124px
}

.DockMenu-Container .menuBar-dockContainer .taskbar div.item {
    width: auto;
    min-width: 35px;
    max-width: 200px;
    height: 26px;
    margin: 0;
    margin-top: -1px;
    margin-left: 6px;
    background: transparent;
    position: relative;
    border: 0;
    border-bottom: 2px solid #6b6b6b;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    padding-right: 3px;
    color: #fff;
    font-family: Segoe UI,Arial;
    font-size: 10pt;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer
}

.DockMenu-Container .menuBar-dockContainer .taskbar div.item.active,.DockMenu-Container .menuBar-dockContainer .taskbar div.item.active:hover {
    border-bottom-color: #97c6f9
}

.DockMenu-Container .menuBar-dockContainer .taskbar div.item:first-child {
    margin-left: 2px
}

.DockMenu-Container .menuBar-dockContainer .taskbar div.item:hover {
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    border-bottom: 2px solid #a0a0a0
}

.DockMenu-Container .menuBar-dockContainer .taskbar div.item .icon {
    width: 25px;
    height: 25px;
    position: relative;
    float: left
}

.DockMenu-Container .menuBar-dockContainer .taskbar div.item .icon img {
    top: 3px;
    left: 3px;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    background-position: center;
    position: relative
}

.DockMenu-Container .menuBar-dockContainer .taskbar div.item .text {
    padding: 4px;
    padding-left: 4px;
    margin: 0;
    margin-left: 26px;
    max-width: 160px;
    font-weight: normal;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden
}

.DockMenu-Container .menuBar-dockContainer .taskbar div.item .clickLayer {
    position: absolute;
    margin: 0;
    top: 0;
    height: 28px;
    width: 100%;
    opacity: 0;
    background-color: transparent;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s
}

.DockMenu-Container .menuBar-dockContainer .taskbar div.item .clickLayer:hover {
    position: absolute;
    margin: 0;
    top: 0;
    height: 28px;
    width: 100%;
    opacity: .1;
    background-color: #fff;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s
}

.DockMenu-Container .subMenu {
    min-height: 0;
    height: auto;
    width: 186px;
    background-color: #535353;
    position: relative;
    display: inherit;
    color: #a3a3a3;
    font-size: 8pt;
    font-weight: normal;
    font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 600;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-top: -30px;
    margin-left: -4px;
    opacity: .9
}

.DockMenu-Container .subMenu ul {
    text-decoration: none;
    list-style: none;
    padding: 0;
    margin: 0
}

.DockMenu-Container .subMenu ul li {
    margin-bottom: 1px
}

.DockMenu-Container .subMenu ul li:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.DockMenu-Container .subMenu ul li:last-child {
    margin-bottom: 0
}

.DockMenu-Container .subMenu ul li .item {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 28px;
    background-color: #373434;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #b8b8b8;
    box-sizing: border-box
}

.DockMenu-Container .subMenu ul li .active {
    background-color: #757474;
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.DockMenu-Container .subMenu ul li .item .icon {
    width: 24px;
    height: 28px;
    margin: 1px;
    position: relative;
    float: left
}

.DockMenu-Container .subMenu ul li .item .icon img {
    top: 5px;
    left: 3px;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    background-position: center;
    position: relative
}

.DockMenu-Container .subMenu ul li .item .text {
    width: 156px;
    height: 28px;
    margin: 1px;
    position: relative;
    float: left;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.DockMenu-Container .subMenu ul li .child .text {
    width: 143px;
    padding-left: 15px;
    font-style: italic
}

.DockMenu-Container .subMenu ul li .item .clickLayer {
    position: absolute;
    margin: 0;
    height: 28px;
    width: 100%;
    opacity: 0
}

.DockMenu-Container .subMenu ul li .item .clickLayer:hover {
    opacity: .1;
    background-color: #fff
}

#printDialogPreviewContainer.center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

#printDialogBackground-block {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    z-index: 99;
    cursor: none;
    display: none;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

#printDialogPreviewContainer {
    display: none;
    font-family: Arial,Helvetica,sans-serif;
    margin: 0;
    width: 60%;
    min-width: 440px;
    max-width: 1000px;
    height: 80%;
    min-height: 180px;
    max-height: 580px;
    background-color: #f0f0f0;
    box-shadow: 5px 5px 20px #8e8db3;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    z-index: 99999999
}

#printDialogPreviewContainer.noPDFInstalled {
    max-height: 200px
}

#printDialogPreviewContainer.noPDFInstalled #printDialogIFrameContainer {
    display: none;
    height: 0
}

#printDialogPreviewContainer.noPDFInstalled #printDialogPDFNotSupported {
    display: block
}

#printDialogPreviewContainer.noPDFInstalled #printDialogPDFNotSupported img {
    border: 0
}

#printDialogPreviewContainer .title {
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    text-align: left;
    line-height: 18px;
    vertical-align: middle;
    width: 100%;
    font-weight: bold;
    color: #6e6c6c;
    font-size: 16px
}

#printDialogPreviewContainer .bodyContainer {
    clear: both;
    background-color: transparent;
    position: absolute;
    top: 30px;
    bottom: 70px;
    left: 10px;
    right: 10px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    box-sizing: border-box
}

#printDialogPreviewContainer .bodyContainer #printDialogIFrameContainer {
    overflow: hidden;
    -webkit-overflow-scrolling: touch
}

#printDialogPreviewContainer .bodyContainer iframe {
    width: 100%;
    height: 100%;
    border: 0;
    background-color: transparent
}

#printDialogPreviewContainer .bodyContainer div {
    height: 100%;
    border: 0
}

#printDialogPreviewContainer .bodyContainer div img {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    border: 0;
    margin-bottom: 5px
}

#printDialogPreviewContainer .bodyContainer div img.generic {
    width: 128px;
    height: 128px;
    background-image: url('/common/images/pdf-icon.png')
}

#printDialogPreviewContainer .bodyContainer div img.adobe {
    margin-top: 30px;
    width: 158px;
    height: 39px;
    background-image: url('/common/images/GetAdobeFlashPlayer.png')
}

#printDialogPreviewContainer #printDialogFooterContainer {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px
}

#printDialogModeContainer {
    text-align: right;
    clear: both;
    background-color: transparent;
    min-height: 20px;
    width: 100%;
    padding: 0;
    line-height: 20px;
    font-size: 12px
}

#printDialogPreviewContainer #printDialogModeContainer span:last-child {
    margin-right: 20px
}

#printDialogPreviewContainer .buttonsContainer {
    margin-top: 10px;
    float: right
}

#printDialogPreviewContainer .buttonsContainer .button {
    width: 100px;
    height: 22px;
    font-size: 14px
}

#printDialogPreviewContainer .buttonsContainer input:first-child {
    margin-right: 5px
}

#printDialogPreviewContainer .footer {
    text-align: left;
    clear: both;
    background-color: transparent;
    min-height: 11px;
    width: auto;
    max-width: 50%;
    font-size: 11px;
    line-height: 11px;
    bottom: 0;
    position: absolute
}

#printDialogPreviewContainer .footer input:first-child {
    margin-left: 2px
}

#printDialogPreviewContainer .footer input.value {
    background-color: transparent;
    border-color: #cecece;
    border-style: solid;
    border-width: 1px;
    width: 50px;
    text-align: right;
    margin-left: 5px
}

#printDialogPreviewContainer .footer .button {
    float: right;
    margin-top: 10px;
    z-index: 99999999;
    cursor: pointer
}

#printDialogPreviewContainer .footer .disabled {
    color: #808080
}

.growlUI {
    font-family: Arial,Helvetica,sans-serif;
    padding: 2px;
    padding-top: 5px;
    cursor: pointer
}

.growlUI.hidden {
    display: none
}

.growlUI .title {
    font-size: 16px
}

.growlUI .msg {
    font-size: 13px
}

.growlUI .printGrowUIOptions {
    margin: 0;
    padding: 0;
    margin-top: 4px;
    padding-top: 4px;
    height: 20px;
    width: 215px;
    margin: auto;
    position: relative
}

.growlUIError .printGrowUIOptions {
    width: 295px
}

.growlUI .printGrowUIOptions .msg {
    font-size: 13px;
    position: relative;
    padding-top: 3px
}

.growlUI .printGrowUIOptions .option {
    width: 50px;
    height: 15px;
    border-radius: 4px;
    position: relative;
    float: right;
    margin-top: 0;
    padding-top: 4px;
    font-size: 11px;
    color: #7a7a7a;
    background-color: #a3a4a6;
    border: 1px solid #a2a2a2
}

.growlUI .printGrowUIOptions .active {
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
    background-color: #a0d0ff;
    border: 1px solid #719dca;
    color: #000
}

.growlUI .printGrowUIOptions .inactive {
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
    color: #505050;
    background-color: #a5a4a4;
    border: 1px solid #929292
}

.growlUI .printGrowUIOptions .selected {
    opacity: 1;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

.growlUI .printGrowUIOptions .option:hover {
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

.growlUI .printingIcon {
    background-image: url('/common/images/print.dialog.printing.gif');
    width: 100%;
    height: 18px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 5px
}

@media only screen and (max-width: 440px) {
    #printDialogPreviewContainer {
        max-width:100%;
        min-width: 100%;
        border: solid 1px #a0a0a0;
        box-sizing: border-box
    }

    #printDialogPrintMethodLabel {
        font-size: 90%
    }

    #printDialogPreviewContainer .bodyContainer #printDialogIFrameContainer {
        overflow-x: auto
    }
}

.displaymap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 65535;
    box-sizing: border-box
}

.displaymap.hidden {
    display: none
}

.displaymap .background {
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--dark-bg-trans)
}

.displaymap .background .dialog {
    position: absolute;
    width: 40%;
    min-width: 25rem;
    max-width: 30rem;
    min-height: 15rem;
    border: 0;
    background-color: var(--secondary-bgcolor)
}

.displaymap .background .dialog .header {
    padding-inline:2rem .5rem}

.displaymap .background .dialog .header h3::before {
    margin-right: .5rem
}

.displaymap .background .dialog .header .close {
    float: right;
    cursor: pointer;
    height: 100%
}

.displaymap .background .dialog .header .close::before {
    line-height: inherit
}

.displaymap .background .dialog .body {
    margin: 1rem
}

.displaymap .background .dialog .body .landscape-add,.displaymap .background .dialog .body .portrait-add {
    position: relative
}

.displaymap .background .dialog .body .landscape-add.hidden,.displaymap .background .dialog .body .portrait-add.hidden {
    display: none
}

.displaymap .background .dialog .body .landscape-add .thin-plus-circled,.displaymap .background .dialog .body .portrait-add .thin-plus-circled {
    position: absolute;
    cursor: pointer;
    color: var(--primary-color);
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.displaymap .background .dialog .body .landscape-add.hidden,.displaymap .background .dialog .body .portrait-add.hidden {
    display: none
}

.displaymap .background .dialog .body .portrait-add {
    width: 100%;
    height: 2rem
}

.displaymap .background .dialog .body.distr-portrait .landscape-add {
    display: none
}

.displaymap .background .dialog .body.distr-landscape .portrait-add {
    display: none
}

.displaymap .background .dialog .body h3 {
    color: var(--primary-txtcolor);
    font-size: 13px;
    font-weight: 400
}

.displaymap .background .dialog .body .mv-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%
}

.displaymap .background .dialog .body .mv-container .landscape-add {
    line-height: 100%;
    width: 2rem;
    position: relative
}

.displaymap .background .dialog .body .mv-container .mapview {
    flex: calc(100% - 4rem);
    width: 100%;
    position: relative;
    max-height: 40vh
}

.displaymap .background .dialog .body .mv-container .mapview .screen {
    display: inline-block;
    position: absolute;
    background-color: var(--medium-shadow);
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    border: solid 1px var(--border-color-3);
    font-size: 1.5rem;
    color: var(--background-color);
    font-weight: 600
}

.displaymap .background .dialog .body .mv-container .mapview .screen.main {
    background-color: var(--primary-color)
}

.displaymap .background .dialog .body .mv-container .mapview .screen .closeBtn {
    position: absolute;
    height: 1rem;
    line-height: 1rem;
    cursor: pointer;
    right: 0;
    top: 0;
    font-size: .8rem
}

.displaymap .background .dialog .divbuttons {
    padding: 1rem 0;
    display: flex;
    justify-content: space-around;
    align-items: center
}

.displaymap .background .dialog .divbuttons .popuplink:last-child {
    color: var(--danger);
    border-color: var(--danger)
}

.displaymap .background .dialog .divbuttons .popuplink:last-child:hover {
    color: var(--button-txtcolor-h);
    border-color: var(--danger);
    background-color: var(--danger)
}

.grayscale {
    filter: grayscale(100%);
    transition: filter .5s
}

.color {
    filter: initial;
    transition: filter .25s
}

.copyingTemplate {
    background-image: url('/common/images/copying.gif');
    background-repeat: no-repeat;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99999999999;
    max-width: 130px;
    width: auto;
    height: 18px;
    background-size: contain;
    background-color: #f9f5f5;
    font-size: 9pt;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 24px;
    padding-right: 5px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    line-height: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-position: 4px 3px;
    background-size: 15px 15px
}

.copyingTemplate.hidden {
    display: none
}

.copyingTemplate.visible {
    display: inline-block
}

.reconnectDivId {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    background-color: #000;
    opacity: 0
}

@-webkit-keyframes grayscalestyle-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: .2
    }
}

@-moz-keyframes grayscalestyle-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: .2
    }
}

@-o-keyframes grayscalestyle-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: .2
    }
}

@keyframes grayscalestyle-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: .2
    }
}

.reconnectDivId.in {
    -webkit-animation: grayscalestyle-in forwards .5s;
    -moz-animation: grayscalestyle-in forwards .5s;
    -o-animation: grayscalestyle-in forwards .5s;
    animation: grayscalestyle-in forwards .5s;
    cursor: auto!important
}

.context-menu {
    position: absolute;
    width: 120px;
    height: auto;
    min-height: 20px;
    border: 1px solid #c4c4c4;
    background-color: #fefefe;
    overflow: hidden;
    transform: translateZ(0px)
}

.context-menu .item {
    width: 100%;
    height: 20px
}

.context-menu .item .icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    float: left
}

.context-menu .item .line {
    width: 1px;
    height: 20px;
    background-color: #e1e1e1;
    display: inline-block;
    float: left
}

.context-menu .item .text {
    width: 90;
    height: 20px;
    padding: 0;
    margin: 0;
    top: 0;
    padding-left: 3px;
    padding-right: 3px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    font-size: 8pt;
    line-height: 16pt;
    position: relative;
    float: left
}

.context-menu .item.selected {
    background-color: rgba(107,173,246,0.4)
}