body, html {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    min-height: 100%;
    min-width: 100%;
    max-height: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
    /* font-family: "Segoe UI",-apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",sans-serif;*/
}

html {
    overflow: hidden;
}

    #wrapper {
        display: flex;
        flex-direction: row;
        flex: 1;
        position: relative;
    }

.primaryContainer {
    flex: 1; 
    min-height: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
}


.SlideMenuApp {
    display: flex;
    padding: 4px;
    border-bottom: 1px solid #dcdcdc;
    border-top: 1px solid transparent;
}
.SlideMenuAppSelectDisable {
    display: flex;
    padding: 5px;
    border-bottom: 1px solid #e8e8e8;
    opacity: 0.3;
}
.SubPageMenuHeader {
    padding-top: 10px;
    font-weight: 500;
    padding-left: 15px;
    padding-bottom: 4px;
    font-size: 14px;
    border-bottom: 1px solid #dcdcdc;
    color: #2F5496;
    font-weight: 600;
}
.SlideMenuAppAlternate {
    display: flex;
    padding: 5px;
    border-bottom: 1px solid #e8e8e8;
}
    .SlideMenuAppAlternate:hover {
        cursor: pointer;
        background-color: rgb(231 231 231);
    }

    .SlideMenuApp:hover {
        cursor: pointer;
        background-color: #e2e2e2;
    }

.SlideMenuAppSelect {
    background: #2F5496;
    color: white;
    border-top: 1px solid #727272;
}
    .SlideMenuAppSelect:hover {
        background: #2F5496;
        color: white;
        cursor: default;
    }

.SlideMenuAppSelectAlternate {
    background: rgb(125 180 18);
    color: white;
}

    .SlideMenuAppSelectAlternate:hover {
        background: rgb(125 180 18);
        color: white;
        cursor: default;
    }

.SlideMenuAppText {
    padding-left: 6px;
    font-size: 15px;
    padding-top: 2px;
}

.AppLogoHeader {
    min-width: 70px;
    min-height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.footer {
    height: 25px;
    width: 100%;
    text-align: center;
    line-height: 25px;
    font-size: 13px;
    background: #faf9f8;
    border-top: 1px solid #edebe9;
    display: flex;
    flex-direction: row;
    font-weight: 400;
}
.footerPrimaryText2 {
    display: flex;
}

    .footer a {
        text-decoration: none;
        color: black;
        opacity: 0.8;
    }

    .footerPrimaryText {
        margin-left: 10px;
       /* font-family: "Segoe UI",-apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",sans-serif;*/
        opacity: 0.8;
    }


.SubPageContainer {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0px;
    margin: 0px;
    min-height: 100%;
    max-height: 100%;
    max-width: 100vw;
}
.SubPageBarHeader {
    border: 1px solid #e8e8e8;
    border-left: 0px;
    border-right: 0px;
}
.SubPageMenuContentAlternative {
    flex: 1;
    position: relative;
    overflow-y: auto;
}

.SubPageContext {
    position: relative;
    flex: 1;
    display: flex;
}

.SubPageMenuContainer {
    flex: 0px;
    position: relative;
    min-width: 250px;
    max-width: 250px;
    min-height: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
  /*  background-color: #f3f2f1;*/
    border-right: 1px solid #dddddd;
    overflow-y: auto;
}

.SubPageMenuContent {
    position: absolute;
    min-width: 100%;
    max-width: 100%;
}

.SubPageContent {
    flex: 1;
    display: flex;
    position: relative;
    min-height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    /*  background-color: #fafafa;*/
}
.SubPageContentScrool {
    position: absolute;
    min-width: calc(100% - 20px);
    padding: 10px;
}
.PageMenuHeader {
    padding-top: 10px;
    font-weight: 500;
    padding-left: 15px;
    padding-bottom: 4px;
    font-size: 14px;
    border-bottom: 1px solid #dcdcdc;
    color: #2F5496;
}
.TranslatorHeader {
    padding: 3px;
    font-size: 14px;
}
.TranslatorRow {
    padding-bottom: 5px;
    padding-top: 5px;
    font-weight: 500;
}

.DataSourceRow {
    padding-bottom: 5px;
    padding-top: 5px;
    display: flex;
    flex-direction: column;
    padding-left: 5px;
}
.DataSourceRowName {
    font-weight: 500;
}
.DataSourceRowDecription {

}
.DataSourceRowUrl {
    text-decoration: none;
    font-style: italic;
    cursor: pointer;
}
.DataSourceRowDateTime {
    font-size: 12px;
}
.e-avatar {
    background-color: #fafafa;
    min-width: 26px;
    min-height: 26px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 20px;
}









.e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
    border-width: 0;
    background-color: #2F5496;
    color: white;
    border-color: #999999;
}
.e-grid .e-rowcell, .e-grid .e-groupcaption, .e-grid .e-indentcell, .e-grid .e-recordplusexpand, .e-grid .e-recordpluscollapse, .e-grid .e-rowdragdropcell, .e-grid .e-detailrowcollapse, .e-grid .e-detailrowexpand, .e-grid .e-detailindentcell, .e-grid .e-detailcell {
    border-color: #cfcfcf;
}

.e-attrColumnLP {
    background: #F2F2F2;
    color: #2F5496;
}

.e-attrAlternateRowHeader1 {
    background: #e2e2e2;
}
.esheaderInfoRow {
    padding-bottom: 2px;
    min-width: 400px;
    max-width: 400px;
}
.esheaderInfoBar {
    display: flex;
    flex-direction: column;
    padding: 5px;
    margin-right: 10px;
}
.esTextBoxCircuitAnalize {
    font-family: Consolas;
    font-size: 13px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 5px;
    background-color: whitesmoke;
}
    .esTextBoxCircuitAnalize:focus {
    outline: none;
        }

.esheaderInfo {
    display: flex;
    flex-direction: row;
    /* padding: 10px;*/
}

.EsMenuSubSeparatorStyle {
    background-color: #f3f2f1;
    font-weight: 600;
    padding: 5px;
    color: #2f5496;
}



/* page animation */
.stuff {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation: ouch 20s infinite alternate;
    animation: ouch 20s infinite alternate;
    background: radial-gradient(58vw, #ffffff 0%, #000000 50%, #ffffff, #000000, #ffffff) 66vw 78vh, radial-gradient(64vw, #ffffff 0%, #000000 50%, #ffffff, #000000, #ffffff) 152vw 4vh, radial-gradient(41vw, #ffffff 0%, #000000 50%, #ffffff, #000000, #ffffff) 30vw 82vh, radial-gradient(18vw, #ffffff 0%, #000000 50%, #ffffff, #000000, #ffffff) 164vw 152vh, radial-gradient(29vw, #ffffff 0%, #000000 50%, #ffffff, #000000, #ffffff) 88vw 118vh, radial-gradient(78vw, #ffffff 0%, #000000 50%, #ffffff, #000000, #ffffff) 74vw 56vh, radial-gradient(84vw, #ffffff 0%, #000000 50%, #ffffff, #000000, #ffffff) 160vw 116vh, radial-gradient(52vw, #ffffff 0%, #000000 50%, #ffffff, #000000, #ffffff) 104vw 112vh, radial-gradient(5vw, #ffffff 0%, #000000 50%, #ffffff, #000000, #ffffff) 14vw 158vh, radial-gradient(81vw, #ffffff 0%, #000000 50%, #ffffff, #000000, #ffffff) 116vw 160vh, radial-gradient(49vw, #ffffff 0%, #000000 50%, #ffffff, #000000, #ffffff) 88vw 168vh, radial-gradient(98vw, #ffffff 0%, #000000 50%, #ffffff, #000000, #ffffff) 10vw 58vh, radial-gradient(3vw, #ffffff 0%, #000000 50%, #ffffff, #000000, #ffffff) 146vw 164vh, radial-gradient(29vw, #ffffff 0%, #000000 50%, #ffffff, #000000, #ffffff) 40vw 164vh, radial-gradient(91vw, #ffffff 0%, #000000 50%, #ffffff, #000000, #ffffff) 38vw 124vh, radial-gradient(54vw, #ffffff 0%, #000000 50%, #ffffff, #000000, #ffffff) 174vw 0vh;
    background-color: white;
    background-blend-mode: difference;
}

    .stuff::before, .stuff::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .stuff::before {
        background: #2f5496;
        mix-blend-mode: color-burn;
    }

@-webkit-keyframes ouch {
    100% {
        background-position: -42vw -68vh, 464vw 282vh, 32vw 140vh, 258vw 222vh, 294vw 200vh, -64vw 166vh, -62vw -50vh, 408vw 142vh, 24vw 122vh, 224vw -38vh, 86vw -46vh, 318vw 2vh, 300vw -28vh, 128vw -10vh, -74vw 120vh, 470vw -42vh;
    }
}

@keyframes ouch {
    100% {
        background-position: -42vw -68vh, 464vw 282vh, 32vw 140vh, 258vw 222vh, 294vw 200vh, -64vw 166vh, -62vw -50vh, 408vw 142vh, 24vw 122vh, 224vw -38vh, 86vw -46vh, 318vw 2vh, 300vw -28vh, 128vw -10vh, -74vw 120vh, 470vw -42vh;
    }
}

.footerPrimaryText2 {
    display: flex;
}

.EsEditSpecialButton {
    display: flex;
}
@media (max-width: 799px) {
    .footerPrimaryText2 {
        display: none;
    }

    .EsEditSpecialButton {
        display: none;
    }
}