html {
  font-size: 14px;
}

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

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

body {
    margin-bottom: 60px;
    color: #003A5C;
}

.emenBlue {
    color: #003A5C;
}

.emenBlue40 {
    color: #003A5C40;
}

.emenBlue60 {
    color: #003A5C60;
}

.bold{
    font-weight:bold;
}


.calcoreHeader {
    background-color: #acc8f2;
}

.emenBlue40BG {
    background-color: #003A5C40;
}

.emenBlue20BG {
    background-color: #003A5C20;
}

.emenBlue20DGF {
    background-color: #ccd8de;
}

.emenBlue10DGF {
    background-color: #e6ebef;
}


.top-1 {
    margin-top: -0.5em;
}


.TreeFileLink {
    text-decoration: none;
    color: #003A5C;
}


.logoN {
    width: 2.5em;
    height: 2.5em;
    margin-left: -1em;
}

.logo {
    width: 1.72em;
    height: 1.72em;
}

.logo25w {
    width: 25%;
    height: auto;
}

.logo-cs {
    margin-top: -0.2em;
    width: 1.5em !important;
    height: 1.5em !important;
}

.logo-s {
    width: 1.5em !important;
    height: 1.5em !important;
}


.box {
    border: solid #6c757d 1px;
    border-radius: 0.25rem;
    padding-bottom: 0.5em;
}

.headerbox {
    font-size: 1.5rem;
    padding: 0.5rem 1rem 0.5rem 1rem;
    margin-left: -0.7rem;
    margin-right: -0.7rem;
    margin-bottom: 0.5rem;
    background: #acc8f2;
    border-radius: 0.25rem;
}

.headerboxJobR {
    float: right;
    font-size: 1rem;
}

.headerboxJob {
    float: left;
    font-size: 1rem;
}


.treeViewWidthPanel{
    min-width: 260px !important;
}


.treeviewColIcon{
    min-width: 40px;
    max-width: 40px;
    /*border: solid 1px red;*/
}

.treeviewLeft4{
    margin-left: -8px;
}

.treeviewLeft8 {
    margin-left: -12px;
}


.treeviewPanelLeft{
    border-right: solid 2px lightgray;
}

.ActionHand {
    cursor: pointer;
}

.ActionHandBox {
    cursor: pointer;
    background: #dc3545;
    color: antiquewhite;
    max-height: 2em !important;
    width: 1em !important;
    text-align: center;
}

.rtop{
    width:100%;
    left: 800px;
    text-align: right;
}

.fa-gradient {
    /*font-size: 32px;*/
    color: #003A5C;
    display: block;
    /*background: -webkit-linear-gradient(#003A5C, #356ad2);     #acc8f2                           */
    background: -webkit-linear-gradient(#99b0be,#003A5C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pt-navbar{
    margin-top:80px;
}

.pt-headline {
    margin-top: 40px;
}

.pl-navbar{
    margin-left: 240px;
}

.scrollpanel {
    overflow-x:hidden ;
    overflow-y: auto;
}


.popHover{
    width:50px;
}
    .popHover:hover{
        width:inherit;
        height: inherit;
        background: red;
    }


    .OverAction {
        height: 4px;
        background: white;
        border: 0px;
    }

    .OverAction:hover {
        margin-left: 240px;
        width:50%;
        height: 100%;
        border: solid 2px lightgray;
        background: #acc8f2;
    }

.left {
    float: left;
}

.clear {
    clear: both;
}

.footer {
    text-align: center;
    padding: 1em;
}

.right {
    float: right;
}

small, .small {
    font-size: 0.875em;
}

smaller, .smaller {
    font-size: 0.7em;
}

blockquote {
    margin-bottom: 1rem;
    border-left: solid 0.5rem #acc8f225;
}

    blockquote > :last-child {
        margin-bottom: 0;
    }

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    color: #6c757d;
}

    .blockquote > :last-child {
        margin-bottom: 0;
    }

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: 0.875em;
    color: #6c757d;
}

    .blockquote-footer::before {
        content: "— ";
    }


pre,
code,
kbd,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    direction: ltr /* rtl:ignore */;
    unicode-bidi: bidi-override;
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875em;
    background-color: #acc8f225;
    border-radius: 0.5rem;
}

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal;
    }

code {
    font-size: 0.875em;
    color: #d63384;
    word-wrap: break-word;
}