:root {
    --radius: 8px;
    --stdCard: #fefefe;
    --stdBackground: #ffffff;
    --stdBackgroundLight: #FEFEFE;
    --stdColor: #333;
    --stdGray: #dddddd;
    --stdDarkGray: #808080;
    --stdOutline: #89B4D4;
    --stdLink: #0056B3;
    --stdBorder: #f0f0f0;
    --stdBtnSolidBackground: #EFF6FC;
    --stdBtnSolidColor: #3B3A39;
    --stdMenuSelected: #EFF6FC;
    --stdRowHoverBackground: #F6f7fa;
    --stdBtnMenuHover: #CFE4FA;
    --stdBoxHeader: #D3D7DB;
    --stdGradientStart: #CBD1D7;
    --stdGradientEnd: transparent;
    --stdDimColor: #404040;
    --stdMenuBackground: #F6F8FA;
    --stdRed: #990000;
    --stdColorRed: #990000;
    --stdGreen: #006400;
    --stdOrange: orange;
    --stdBlue: #5998CE;
    --stdGradientStart: #1A1C22;
    --stdGradientMid: #222832;
    --stdGradientEnd: #2D3642;
    --stdLeftSidebarBackground: #f6f8fa;
    --stdScrollbarThumb: #c0c0c0;
    --stdDlgBorder: #e0e0e0;
    --stdHeaderBorder: #f0f0f0;
    --stdLightGray: #909090;
}

/* definition */
@font-face {
    font-family: "verdana";
    font-style: normal;
    font-weight: 400;
    src: url("/css/Roboto-Regular.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "verdana";
    font-style: normal;
    font-weight: 700;
    src: url("/css/Roboto-Medium.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "verdana";
    font-style: italic;
    font-weight: 400;
    src: url("/css/Roboto-Italic.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "verdana";
    font-style: italic;
    font-weight: 700;
    src: url("/css/Roboto-MediumItalic.ttf") format("truetype");
    font-display: swap;
}


@media print {
    free1 {
        visibility: hidden;
        display: none
    }

    .prevbuttons {
        visibility: hidden;
        display: none
    }

    .noprint {
        visibility: hidden;
        display: none
    }
}

@media screen {
    free1 {
        visibility: visible
    }
}

* {
    -webkit-touch-callout: none;
}

.gshDisplay {
    border-color: #c8b8b9;
    font-size: 16;
    margin-bottom: 15;
}

.sLogoutImg {
    color: var(--stdColorRed) !important;
    font-size: 16pt !important;
    padding-right: 5px;
}

.sTimeoutImg {
    color: var(--stdColor) !important;
    font-size: 30pt !important;
    margin-left: 35px !important
}

.sList {
    width: 45% !important;
}

.divListboxSMS {
    border: 1px solid #e0e0e0 !important
}

#txtMessageSMS1- {
    margin-left: 77px !important;
}

@media screen and (max-width: 850px) {

    #div1a {
        width: 1px !important
    }

    #div1 {
        width: 100% !important
    }

    #div2a {
        width: 1px !important
    }

    #div2 {
        width: 100% !important
    }

    #div3a {
        width: 1px !important
    }

    #div3 {
        width: 100% !important
    }

    #div4a {
        width: 1px !important
    }

    #div4 {
        width: 100% !important
    }

    #div5a {
        width: 1px !important
    }

    #div5 {
        width: 100% !important
    }

    #div6a {
        width: 1px !important
    }

    #div6 {
        width: 100% !important
    }

    #div7a {
        width: 1px !important
    }

    #div7 {
        width: 100% !important
    }

    #div8a {
        width: 1px !important
    }

    #div8 {
        width: 100% !important
    }

    #div9a {
        width: 1px !important
    }

    #div9 {
        width: 100% !important
    }

    #div10a {
        width: 1px !important
    }

    #div10 {
        width: 100% !important
    }

    #splitter1 {
        display: none !important
    }

    .divLogin {
        border: 1px solid rgba(255,255,255,0.4);
        width: 400px !important;
        background: rgba(255,255,255,0.75) !important;
        backdrop-filter: blur(12px) !important;
        border-radius: 12px !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
    }

    .LogoLogin {
        display: none !important;
    }

    .loginImg {
        width: 440px !important;
    }

    #loginMsgLeft2 {
        margin-top: 250px !important;
        font-size: 12pt !important;
        margin-left: 0px !important;
    }

    #lblWelcomeText {
        display: none !important;
    }

    #lblLogin1 {
        display: none !important;
    }

    #divLoginMsg {
        left: 10px !important;
        width: 300px !important;
    }

    .wide {
        left: 10px !important;
    }

    .wide2 {
        left: 243px !important;
    }

    .wide3 {
        left: 0px !important;
        width: 360px !important;
    }

    .wide4 {
        left: 2px !important;
    }

    .wide5 {
        left: 0px !important;
        width: 440px !important;
    }

    #forgotpwd {
    }

    #divForgotPwd {
    }

    .aSense {
        display: none;
    }

    #lblNotRegistered {
        color: #000 !important;
    }

    #lblRegisterNow {
        color: #000 !important;
    }
}

.embeddedImg {
    border: 1px solid var(--stdBorder);
    display: inline-block;
    margin-right: 5px;
}

.casesActiveBar {
    display: none;
    position: absolute;
    top: 85px;
    left: 13px;
    z-index: 1;
    cursor: pointer;
    background: transparent;
    width: 30px;
    height: 14px;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
    opacity: 1;
    text-align: center;
    font-size: 6pt;
    color: #f0f0f0
}

.casesActiveBarRed {
    display: none;
    position: absolute;
    top: 85px;
    left: 13px;
    z-index: 1;
    cursor: pointer;
    background: lightgreen;
    width: 10px;
    height: 12px;
    border-radius: 3px;
    border: 1px solid transparent;
    text-align: center;
    font-size: 7pt;
    padding-left: 3px;
    color: black;
    opacity: 1;
    padding-top: 2px;
}

.decPreviewContact {
    font-weight: bold;
    clear: left;
    margin-bottom: 20px;
    margin-top: 10px;
    margin-left: 5px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 10px;
    padding-top: 10px;
    border-top: 3px solid var(--stdOrange);
}
#caseDescriptionField {
    margin-left: -3px;
}

.filterMsgAdvSearch {
    clear: left;
    width: 100%;
    background: var(--stdMenuBackground);
    height: 22px;
    padding-top: 6px;
    padding-left: 10px;
    color: var(--stdRed) !important;
    overflow: hidden;
    font-size: 9pt;
}

#tagSearchPreveiw1 {
    color: var(--stdColor) !important
}

#divTagsREP {
    overflow-y: auto !important
}

#divLogin {
    width: 400px !important;
    background: rgba(255,255,255,0.6) !important;
    backdrop-filter: blur(8px) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
}

.contactPreview {
    font-size: 10pt
}

#divNewCaseTemplates1 {
    position: absolute;
    top: 10px;
    left: 133px;
    display: none;
    width: 300px;
    min-height: 100px;
    height: auto;
    border: 1px solid #e0e0e0;
    padding: 10px;
    overflow: hidden;
    overflow-y: auto;
    background: var(--stdLeftSidebarBackground);
    z-index: 99200;
}

.AllProfilesMainRow {
    display: inline-block;
    width: 100%
}

.btnDownSpecial {
    background: transparent !important;
    border: 0 !important
}

.AllProfilesMainRow:hover {
    background: #C1D8F7
}

.copyHeader {
    font-size: 10pt;
    width: 100%;
    line-height: 120%;
    background: #f0f0f0
}

.copytext {
    margin-left: 10px
}

.AllProfilesRowH {
    width: 32%;
    display: inline-block;
    padding-top: 3px;
    padding-bottom: 3px;
    background: #f0f0f0;
    cursor: pointer;
    padding-left: 5px
}

    .AllProfilesRowH:hover {
        text-decoration: underline
    }

.AllProfilesRow {
    border-bottom: 1px solid #e0e0e0;
    width: 32%;
    display: inline-block;
    padding-top: 3px;
    padding-bottom: 3px;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 5px;
    cursor: default
}

#divAllProfilesInner1 {
    margin-top: 10px;
    width: 100%;
    height: 95%;
    overflow: hidden;
    overflow-y: auto
}

.settingsLink {
    color: #FFFFFF !important;
}

#divAddList {
    box-shadow: -10px 0px 10px 1px #aaaaaa;
}

#divMyTaskList {
    box-shadow: -10px 0px 10px 1px #aaaaaa;
}

#divMyReminders {
    box-shadow: -10px 0px 10px 1px #aaaaaa;
}

#divChatHeadList {
    box-shadow: -10px 0px 10px 1px #aaaaaa;
}

#divChatHead1 {
    box-shadow: -10px 0px 10px 1px #aaaaaa;
}

#divFieldChooser {
    box-shadow: -10px 0px 10px 1px #aaaaaa;
}

#divGroupBy1 {
    box-shadow: -10px 0px 10px 1px #aaaaaa;
    padding-top:20px !important;

    padding-bottom:20px !important ;
}

#divCaseTypes1 {
    box-shadow: -10px 0px 10px 1px #aaaaaa;
}

#vMenu1 {
    box-shadow: -10px 0px 10px 1px #aaaaaa;
}

#divMyCaseGroups {
    box-shadow: -10px 0px 10px 1px #aaaaaa;
}

#divUploadFrame1 {
    box-shadow: -10px 0px 10px 1px #aaaaaa;
}

#divMnu1 {
    margin-top: 10px
}

.divSearchResultTitle {
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    width:100%;
    padding-left:0;
}
#btnNewCasemain1 {
    height:30px !important;
    padding-top:4px !important;
}
.AllProfilesDlg {
    z-Index: 98000;
    width: 85%;
    height: 80%;
    position: absolute;
    top: 30px;
    left: 30px;
    display: none;
    border: 4px solid #0078D4;
    padding: 20px;
    text-align: left;
    background: #fafafa;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 2px 2px 2px 1px #D0D0D0;
    -webkit-box-shadow: 2px 2px 2px 1px #D0D0D0;
    box-shadow: 2px 2px 2px 1px #D0D0D0;
}

#btnReadMode1 {
    margin-right: 5px;
}

#divDelItem {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px !important;
}

.aiResult {
    width: calc(100% - 5px);
    overflow-y: auto !important;
    height: 100% !important;
    padding: 0px;
    background: var(--stdBackground);
    margin-top: 30px;
    margin-left: 5px;
    z-index: 99000;
    color: var(--stdColor)
}

#aiPromptOverlay {
    display: none !important;
}

#aiPromptPanel {
    position: fixed;
    top: 0;
    left: 0;
    width: 50%;
    min-width: 420px;
    max-width: 95vw;
    max-height: 85vh;
    border: 1px solid rgba(255,255,255,0.32);
    border-top: none;
    border-left: none;
    border-radius: 0 0 12px 0;
    box-shadow: 0 8px 30px rgba(0,0,0,0.18);
    z-index: 100000;
    display: none;
    transform: none;
    resize: horizontal;
    overflow-x: auto;
    overflow-y: hidden;
    background: rgba(247,243,231,0.72);
    backdrop-filter: blur(10px) saturate(120%);
    -webkit-backdrop-filter: blur(10px) saturate(120%);
}

#aiPromptHeader {
    position: relative;
    padding: 6px 10px;
    background: rgba(45,79,124,0.08);
    border-bottom: 1px solid rgba(216,210,194,0.9);
    font-size: 13px;
    font-weight: 600;
    color: #2d4f7c;
}

#aiPromptClose {
    position: absolute;
    top: 4px;
    right: 8px;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    font-size: 20px;
    line-height: 28px;
    cursor: pointer;
    color: #404040 !important;
    text-align: center;
}

    #aiPromptClose:hover {
        color: #000;
    }

#aiPromptBody {
    padding: 10px 12px;
    max-height: calc(85vh - 40px);
    overflow: auto;
    box-sizing: border-box;
}

#aiSearchPromptInput {
    width: calc(100% - 95px);
    height: 28px;
    padding: 0 10px;
    font-size: 13px;
    border: 1px solid #cfc7b5;
    border-radius: 4px;
    outline: none;
    background: #fff;
    float: left;
    box-sizing: border-box;
}

    #aiSearchPromptInput:focus {
        border-color: #2d7dd2;
        box-shadow: 0 0 0 3px rgba(45,125,210,0.12);
    }

#aiSearchPromptBtn {
    width: 80px;
    height: 28px;
    margin-left: 8px;
    border: none;
    border-radius: 4px;
    background: #1177cc;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    float: left;
}

    #aiSearchPromptBtn:hover {
        background: #0d66b0;
    }

#aiPromptResultHost {
    clear: both;
    padding: 10px 8px 8px 8px;
    max-height: 55vh;
    overflow: auto;
    background: var(--stdBackground);
    color: var(--stdColor);
    backdrop-filter: blur(4px);
}

.ai-table-wrap {
    width: 100%;
    overflow-x: auto;
}

.ai-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-family: Segoe UI, Arial, sans-serif;
    font-size: 13px;
}

    .ai-table th,
    .ai-table td {
        padding: 8px;
        border-bottom: 1px solid #eee;
        vertical-align: top;
        text-align: left;
    }

    .ai-table th {
        background: transparent;
        border-bottom: 1px solid #ddd;
        white-space: nowrap;
    }

        .ai-table th.ai-col-id,
        .ai-table td.ai-col-id {
            width: 70px;
            white-space: nowrap;
        }

        .ai-table th.ai-col-subject,
        .ai-table td.ai-col-subject {
            width: auto;
            white-space: normal;
            overflow-wrap: anywhere;
            word-break: break-word;
        }

        .ai-table th.ai-col-contact,
        .ai-table td.ai-col-contact {
            width: 220px;
            white-space: nowrap;
        }

        .ai-table th.ai-col-date,
        .ai-table td.ai-col-date {
            width: 150px;
            white-space: nowrap;
        }

        .ai-table th.ai-col-assigned,
        .ai-table td.ai-col-assigned {
            width: 190px;
            white-space: nowrap;
        }

.AISearchDiv {
    width: 100%;
    padding: 8px;
    background: var(--stdMenuBackground);
    border-bottom: 1px solid var(--stdColor);
    box-sizing: border-box;
}

.ai-loading-inline {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    padding: 20px;
    box-sizing: border-box;
}

.ai-loading-box {
    min-width: 220px;
    padding: 16px 18px;
    border-radius: 14px;
    background: var(--stdBlue);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
    color: var(--stdColor);
    font-family: Segoe UI, Arial, sans-serif;
    text-align: center;
}

.ai-loading-spinner {
    position: relative;
    width: 64px;
    height: 64px;
    margin: 0 auto 12px auto;
}

    .ai-loading-spinner span {
        position: absolute;
        inset: 0;
        border-radius: 50%;
        border: 3px solid transparent;
        animation: aiSpin 1.5s linear infinite;
    }

        .ai-loading-spinner span:nth-child(1) {
            border-top-color: #4cc9f0;
            animation-duration: 1.1s;
        }

        .ai-loading-spinner span:nth-child(2) {
            inset: 7px;
            border-top-color: #80ed99;
            animation-duration: 1.6s;
            animation-direction: reverse;
        }

        .ai-loading-spinner span:nth-child(3) {
            inset: 14px;
            border-top-color: #ffd166;
            animation-duration: 2.1s;
        }

.ai-loading-text {
    font-size: 14px;
    letter-spacing: 0.2px;
    opacity: 0.95;
    animation: aiPulse 1.6s ease-in-out infinite;
}

@keyframes aiSpin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes aiPulse {
    0%, 100% {
        opacity: 0.45;
    }

    50% {
        opacity: 1;
    }
}

#divBusy img {
    border: 1px solid #e0e0e0;
    padding: 20px;
    background: #f0f0f0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.ViewContent1 th, .ViewContent1 td {
    border: 1px solid #e0e0e0;
    margin: 0;
    padding: 5px;
    font-size: 8pt !important
}

.ViewContent1 table {
    border-spacing: 0px;
    font-size: 8pt !important;
    font-family: verdana
}

.ViewContent1 th {
    background: #f0f0f0 !important
}

.ViewContent1 p {
    margin: 0cm;
    margin-bottom: .0001pt;
    font-size: 11.0pt !important;
    font-family: "Calibri",sans-serif !important;
    mso-fareast-language: EN-US;
}

#divRelSenseXN78 {
    margin: 0cm;
    margin-bottom: .0001pt;
    font-size: 11.0pt !important;
    font-family: "Calibri",sans-serif !important;
    mso-fareast-language: EN-US
}

#divPrevBeskrivelse1 {
    font-size: 11.0pt !important;
    font-family: "Calibri",sans-serif !important;
    line-height: 130% !important;
    mso-fareast-language: EN-US
}

    #divPrevBeskrivelse1 span {
        font-size: 11.0pt;
        font-family: "Calibri",sans-serif !important;
        line-height: 130%;
        mso-fareast-language: EN-US
    }

    #divPrevBeskrivelse1 p {
        font-size: 11.0pt !important;
        font-family: "Calibri",sans-serif !important;
        line-height: 130% !important;
        mso-fareast-language: EN-US
    }

    #divPrevBeskrivelse1 span {
        font-size: 11.0pt;
        font-family: "Calibri",sans-serif !important;
        line-height: 130%;
        mso-fareast-language: EN-US
    }

    #divPrevBeskrivelse1 p span {
        font-size: 11.0pt !important;
        font-family: "Calibri",sans-serif !important;
        line-height: 130%;
        mso-fareast-language: EN-US
    }

    #divPrevBeskrivelse1 div {
        font-size: 11.0pt !important;
        font-family: "Calibri",sans-serif !important;
        line-height: 130% !important;
        mso-fareast-language: EN-US
    }

#divLogout {
    border-radius: 14px;
    /* soften border */
    border: 1px solid var(--stdBorder) !important;
    /* modern layered shadow */
    box-shadow: 0 8px 24px rgba(0,0,0,0.18), 0 2px 6px rgba(0,0,0,0.08) !important;
}

#btnCloseLogout1 {
    background: var(--stdBackgroundLight) !important;
    color: var(--stdColor) !important;
    font-size:10pt !important
    
}
#btnLogoutNow {
    font-size: 10pt !important
}
#divLogout {
}

.close-btn {
    transition: all 0.2s ease;
}

    .close-btn:hover {
        background: rgba(0,0,0,0.12) !important;
        color: #000 !important;
        transform: scale(1.05);
    }


#MyProfileImage1 {
    color: #fafafa;
}

.Aktivitet > .rounded-corners > div:not(:has(p)) {
    margin-left: 5px !important;
}



#divHTMLViewHeader p {
    margin: 0cm;
    margin-bottom: .0001pt;
    font-size: 11.0pt !important;
    font-family: "Calibri",sans-serif !important;
    mso-fareast-language: EN-US;
}

.Aktivitet p {
    white-space: normal !important
}

div.aloha-toolbar {
    display: none !important
}

.minBox {
    text-align: left;
    padding-top: 1px;
    float: left;
    width: 120px;
    height: 40px;
    border: 1px solid #e0e0e0;
    background: #fafafa;
    margin-left: 10px;
    cursor: pointer;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 2px
}

.MinBoxText {
    font-size: 8pt;
    color: #404040;
    font-family: verdana;
    margin-left: 0px;
    max-width: 80px;
    height: 24px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    left: 24px;
    word-wrap: break-word
}

    .MinBoxText:hover {
        font-size: 8pt;
        color: #000 !important;
        font-family: verdana;
        margin-left: 0px;
        max-width: 80px;
        height: 24px;
        overflow: hidden;
        position: absolute;
        top: 10px;
        left: 24px;
        word-wrap: break-word
    }

.minBoxDiv {
    z-index: 90000;
    display: none;
    width: 100%;
    height: 43px;
    background: #f0f0f0;
    position: absolute;
    border: 1px solid #e0e0e0;
    padding: 5px;
    bottom: 1px;
    left: 185px;
    overflow-Y: auto;
    overflow-x: hidden
}

.MinBoxCount {
    cursor: pointer;
    z-Index: 11000;
    padding-top: 3px;
    background: #0078D4;
    color: white;
    text-align: center;
    font-weight: bold;
    border: 1px solid #e0e0e0;
    width: 20px;
    height: 15px;
    position: absolute;
    bottom: 3px;
    left: 187px
}

.divCaseAttachmentHeader, .divCaseDialogHeader {
    display: none;
}

.divCaseDescHeader {
    display: none;
}

.minformInfo {
    color: #404040;
    font-size: 10pt !important;
    margin-top: 10px;
    margin-left: 20px
}

.DefaultRegUser1Header {
    clear: left;
    width: 528px;
    margin: 0 !important;
    text-align: center;
    padding: 10px;
    background: #f5f5f5;
    font-size: 10pt;
    height: 30px;
    color: #202020;
    border: 1px solid #e0e0e0
}

.CIMAPContext {
    clear: left;
    color: #404040;
    height: 22px;
    padding-top: 4px;
    padding-left: 3px;
    cursor: pointer
}

    .CIMAPContext:hover {
        clear: left;
        color: #404040;
        height: 22px;
        background: #f0f0f0 !important;
        padding-top: 4px;
        padding-left: 3px;
        cursor: pointer
    }

.lnkCheckOut {
    color: #404040;
    margin-left: 10px;
    font-size: 7pt
}

    .lnkCheckOut:hover {
        color: var(--stdLink);
        margin-left: 10px;
        font-size: 7pt
    }

.imgContact {
    opacity: 0.7
}

    .imgContact:hover {
        opacity: 1.0;
        border-bottom: 1px solid transparent
    }

div.jHtmlArea {
    border: solid 0px red;
    background: #FFFFFF;
    font-family: verdana
}

    div.jHtmlArea Body {
        background: #FFFFFF;
    }

.LogoLogin {
}

.LogoTopLeft {
    opacity: 0.2;
    width: 60px;
    height: 60px;
}

.LogoLogout {
    margin-top: 10px;
    margin-left: 10px;
    height: 40px;
    width: 86px
}

.taskmenuCase {
    clear: left;
    padding-left: 27px;
    font-size: 8pt;
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    color: var(--stdLink)
}

.buttonImg {
    margin-right: 5px;
    color: #0078D4;
}

#leftSideBar1, #leftSidebarMain1 {
    display: block;
    background: var(--stdLeftSidebarBackground)
}



#leftSidebarClose1 {
    display: none
}

#divRoles1 {
    background: transparent !important
}

BODY {
    font-family: verdana;
    font-weight: normal;
    font-size: 8pt;
    margin: 0;
    padding: 0;
    background: var(--stdBackground);
    color: var(--stdColor);
}

    body:after {
        content: url(images/peopleX.gif) url(images/drop.png);
        display: none;
    }

A {
    color: var(--stdLink);
    text-decoration: none;
}

    A:hover, A:focus {
        text-decoration: underline !important;
        cursor: pointer
    }

    A IMG {
        border: 0
    }

.TaskListMenu {
    clear: left;
    margin-top: 10px;
    background: #F7F7F7;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: right;
    padding-right: 5px;
    border: 1px solid #e0e0e0;
}


DIV {
    font-family: verdana
}

/*Chrome 83 innførte outline på alle elementer. Dette må fjernes*/
select option {
    outline-style: none
}

select {
    outline: 0;
    outline: none;
    outline-style: none
}

div {
    outline-style: none
}

textarea {
    outline-style: none
}

input {
    outline-style: none
}

a {
    outline-style: none
}

tr {
    outline-style: none
}

td {
    outline-style: none
}

tbody {
    outline-style: none
}

table {
    outline-style: none
}

button {
    outline-style: none
}

img {
    outline-style: none
}

span {
    outline-style: none
}

#lblWelcomeHeader {
    font-size: 12pt;
    color: #000;
    font-weight: normal
}

#lblWelcomeText {
    font-size: 9pt;
    font-weight: normal;
    color: #333;
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    line-height: 130%;
}

#lblNotRegistered {
    font-size: 9pt;
    font-weight: normal;
    color: #333
}

#lblRegisterNow {
    font-size: 9pt;
    font-weight: normal;
    color: #333;
    float: left
}

#newuser {
    font-size: 9pt;
    font-weight: normal;
    color: #0078D4;
    margin-left: 5px;
}

#divDomain {
    width: 320px
}

.emailChk {
}

.Access {
    text-align: center;
    width: 90px;
    padding-right: 10px;
    float: left
}

#divNewCaseMsg {
    z-Index: 99111
}

.aSense {
    color: #404040;
    text-decoration: none;
}

    .aSense:hover {
        color: #0078D4;
        text-decoration: underline;
    }

.photoR1 {
    text-align: left;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    margin-right: 10px;
    border: 0px solid transparent;
    background: #428BCA;
    opacity: 1;
    margin-top: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid transparent
}

.photoR2 {
    text-align: left;
    float: left;
    margin: 0;
    padding: 0;
    margin-right: 2px;
    margin-top: 2px;
    z-Index: 80000;
    cursor: pointer;
    background: #428BCA;
    opacity: 1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid transparent
}

.photoR1Active {
    text-align: left;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
    margin-right: 10px;
    background: #428BCA;
    opacity: 1;
    border-bottom: 4px solid lightgreen;
    margin-top: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid lightgreen
}

.photoR2Active {
    text-align: left;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
    margin-right: 10px;
    background: #428BCA;
    opacity: 1;
    border-bottom: 4px solid orange;
    margin-top: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid orange
}

.dot {
    height: 10px;
    width: 10px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle
}

.dotGreen {
    height: 10px;
    width: 10px;
    background-color: green;
    border-radius: 50%;
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle
}

.phototext {
    pointer-events: none;
    font-family: Lucida Console;
    float: left;
    margin: 0;
    padding: 0;
    display: inline-block;
    color: #ffffff;
    font-size: 8pt
}

.phototext2 {
    pointer-events: none;
    font-family: Lucida Console;
    float: left;
    margin: 0;
    padding: 0;
    float: left;
    margin-top: 9px !important;
    margin-left: 6px;
    color: #ffffff;
    font-size: 10pt;
    text-align: right;
}

.phototext2small {
    pointer-events: none;
    font-family: Lucida Console;
    float: left;
    margin: 0;
    padding: 0;
    float: left;
    margin-top: 6px !important;
    margin-left: 4px;
    color: #ffffff;
    font-size: 8pt;
    text-align: right;
}

.phototext3 {
    pointer-events: none;
    font-family: Lucida Console;
    float: left;
    margin: 0;
    padding: 0;
    margin-top: 7px !important;
    color: #ffffff;
    font-size: 10pt;
    text-align: left;
}

.phototext3small {
    pointer-events: none;
    font-family: Lucida Console;
    float: left;
    margin: 0;
    padding: 0;
    margin-top: 3px !important;
    color: #ffffff;
    font-size: 8pt;
    text-align: left;
}

.phototextspacer {
    pointer-events: none;
    float: left;
    width: 1px !important;
    height: 5px
}

#divTopPhotos {
    text-align: left !important;
    float: left !important;
    width: -moz-calc(90% - 260px);
    width: -webkit-calc(90% - 260px);
    border: 0px solid red !important;
    width: calc(90% - 260px);
}

.imgphoto {
    border: 0px solid transparent;
    opacity: 1;
    filter: alpha(opacity=80)9 -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
}

    .imgphoto:hover {
        opacity: 1.0;
        filter: alpha(opacity=100);
    }

.NewsFeedPreviewHeader {
    width: 99%;
    background: #0078D4;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 18px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

    .NewsFeedPreviewHeader A {
        color: white;
    }

.NewsFeedCount {
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
    cursor: pointer;
    background: orange;
    color: white;
    font-size: 7pt;
    text-align: center;
    font-weight: bold
}

.photoRX {
    text-align: left;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    margin-right: 3px;
    border: 0px solid transparent;
    background: #428BCA;
    opacity: 1;
    margin-top: 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid #606060;
    padding-top: 3px;
}

.imgNews {
    border: 0px solid lightgreen;
    -moz-border-radius: 3px;
    width: 35px;
    height: 35px;
    margin-right: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}


.imgFull {
    border: 0px solid lightgreen;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
}

.imgFull2 {
    border: 0px solid orange;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
}

.dice {
    margin-right: 15px;
    width: 40px;
    height: 40px;
    border: 2px solid transparent;
    padding: 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.diceAvg {
    margin-right: 15px;
    width: 40px;
    height: 40px;
    border: 2px solid green;
    padding: 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.diceRes {
    margin-right: 15px;
    width: 40px;
    text-align: center;
    vertical-align: middle;
    font-size: 12pt;
    font-weight: normal;
    float: left;
    color: gray;
    padding: 4px
}

.surveyQuestion {
    font-size: 12pt;
    color: var(--stdLink);
    clear: left;
    margin-bottom: 10px
}

.surveyTD {
    display: inline-block;
    margin-right: 1%;
    font-size: 8pt;
    color: #000;
    overflow: hidden;
    height: 20px;
    white-space: nowrap
}

.surveyRow {
    clear: left;
    width: 99%
}

.surveyRowComment {
    width: 99% !important;
    display: inline-block !important
}

.surveyTDComment {
    display: inline-block;
    margin-right: 1%;
    font-size: 8pt;
    color: #404040;
}

.surveyImg {
    width: 16px;
    height: 16px;
    vertical-align: middle
}

.imgCount {
    pointer-events: none;
    cursor: pointer;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: #ffffff;
    opacity: 0.9;
    color: #000;
    font-size: 6pt;
    padding: 0;
    padding-left: 1px;
    padding-right: 1px
}

.imgCount2 {
    pointer-events: none;
    cursor: pointer;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: transparent;
    opacity: 0.8;
    color: #ffffff;
    font-size: 6pt;
    padding: 0px;
    padding-left: 1px;
    padding-right: 1px
}

.imgAbsent {
    pointer-events: none;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
    background: red;
    opacity: 0.9;
    width: 5px;
    height: 5px;
    border: 1px solid #f0f0f0;
    padding: 0;
    border-radius: 50%;
}

.imgAbsent2 {
    pointer-events: none;
    cursor: pointer;
    position: absolute;
    left: 2px;
    bottom: -3px;
    background: red;
    opacity: 0.9;
    width: 6px;
    height: 6px;
    border: 1px solid white;
    padding: 0px
}

.sentmailimg {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    clear: left;
    margin-top: -5px;
    float: right
}

.nomailimg {
    width: 11px;
    height: 11px;
    margin-right: 5px;
    clear: left;
    margin-top: -7px;
    float: right;
    font-size: 10pt
}

.AbsenceLbl {
    color: #404040;
    clear: left
}

.sentReplyLink {
    float: right;
    margin-right: 12px
}

.imgEmailReply {
    margin-left: 3px;
    width: 16px;
    height: 16px;
}

.prevbuttons {
    display: block
}

#divNotesDetails1 {
    width: calc(100% - 6px);
    height: calc(100% - 6px);
}

.dokInfo {
    padding-left: 20px;
    color: #404040
}

.PrevDescription {
    font-size: 10pt !important;
    line-height: 140% !important;
    font-family: verdana;
    color: #404040;
    margin: 0 !important;
    padding: 0 !important;
    margin-bottom: 5px !important
}

#divRelSenseXN78 P {
    font-size: 10pt !important;
    line-height: 140% !important;
    font-family: verdana;
    color: #404040;
    margin: 0 !important;
    padding: 0 !important;
    margin-bottom: 5px !important
}

.bgLogout {
    z-index: 99000;
    opacity: 0.1;
    filter: alpha(opacity = 10);
    background: #0078D4;
    position: absolute;
    top: 0;
    left: 0;
}


.shield {
    opacity: 0.1;
    background: #808080;
    position: absolute;
    top: 0;
    left: 0;
}

.rows2 {
    color: red;
    padding: 0;
    padding-right: 5px;
    text-indent: 0px;
    margin: 0;
    text-align: right;
    float: left;
    border-right: 1px solid #e0e0e0;
    overflow: hidden
}

.rows {
    padding: 0;
    padding-right: 5px;
    text-indent: 0px;
    margin: 0;
    text-align: right;
    float: left;
    border-right: 1px solid #e0e0e0;
    overflow: hidden
}

.cHeader {
    background: #0078D4;
    color: white;
    padding: 0;
    height: 16px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 5px;
    text-indent: 0px;
    margin: 0;
    margin-bottom: 5px;
    text-align: right;
    float: left;
    border-right: 1px transparent #e0e0e0;
    overflow: hidden
}

.imgC1 {
    z-Index: 92000;
    position: absolute;
    top: -4px;
    opacity: 0.3;
    filter: alpha(opacity = 30);
    cursor: pointer;
    height: 30px;
    width: 30px
}

    .imgC1:hover {
        z-Index: 90000;
        position: absolute;
        top: -4px;
        opacity: 0.8;
        filter: alpha(opacity = 80);
        cursor: pointer;
        height: 30px;
        width: 30px
    }

.imgESC1 {
    z-Index: 92000;
    position: absolute;
    top: -4px;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    cursor: pointer;
    height: 30px;
    width: 30px
}

    .imgESC1:hover {
        z-Index: 90000;
        position: absolute;
        top: -4px;
        opacity: 0.8;
        filter: alpha(opacity = 80);
        cursor: pointer;
        height: 30px;
        width: 30px
    }

.imgESC2 {
    z-Index: 92000;
    position: absolute;
    top: -4px;
    opacity: 0.3;
    filter: alpha(opacity = 30);
    cursor: pointer;
    height: 30px;
    width: 30px
}

    .imgESC2:hover {
        z-Index: 90000;
        position: absolute;
        top: -4px;
        opacity: 0.8;
        filter: alpha(opacity = 80);
        cursor: pointer;
        height: 30px;
        width: 30px
    }

.imgESCx {
    z-Index: 92000;
    position: absolute;
    top: -4px;
    right: -5px !important;
    opacity: 0.5;
    filter: alpha(opacity = 30);
    cursor: pointer;
    height: 30px;
    width: 30px
}

    .imgESCx:hover {
        z-Index: 90000;
        position: absolute;
        top: -4px;
        right: -5px !important;
        opacity: 1;
        filter: alpha(opacity = 80);
        cursor: pointer;
        height: 30px;
        width: 30px
    }

.imgESC1m {
    z-Index: 92000;
    position: absolute;
    top: -4px;
    opacity: 0.3;
    filter: alpha(opacity = 30);
    cursor: pointer;
    height: 30px;
    width: 30px
}

    .imgESC1m:hover {
        z-Index: 90000;
        position: absolute;
        top: -4px;
        opacity: 0.8;
        filter: alpha(opacity = 80);
        cursor: pointer;
        height: 30px;
        width: 30px
    }

.imgESC2m {
    z-Index: 92000;
    position: absolute;
    top: -4px;
    opacity: 0.3;
    filter: alpha(opacity = 30);
    cursor: pointer;
    height: 30px;
    width: 30px
}

    .imgESC2m:hover {
        z-Index: 90000;
        position: absolute;
        top: -4px;
        opacity: 0.8;
        filter: alpha(opacity = 80);
        cursor: pointer;
        height: 30px;
        width: 30px
    }

.linesep {
    width: 100%;
    height: 1px;
    background: #ffffff;
    display: none
}

.spacer {
    clear: left;
    width: 100%;
    height: 7px;
    overflow: hidden
}

.spacerTop {
    clear: left;
    width: 100%;
    height: 45px;
    overflow: hidden
}

.spacerTopCMDB {
    clear: left;
    width: 100%;
    height: 100px;
    overflow: hidden
}

.spacerTopDialog {
    clear: left;
    width: 100%;
    height: 50px;
    overflow: hidden
}

.spacerTopPreview {
    clear: left;
    width: 100%;
    height: 65px;
    overflow: hidden
}

.spacerTopPreviewCMDB {
    clear: left;
    width: 100%;
    height: 80px;
    overflow: hidden
}

.spacerTopPreview2 {
    clear: left;
    width: 100%;
    height: 35px;
    overflow: hidden
}

.imgPrevButtonA {
    margin-left: 5px;
    width: 16px;
    height: 16px;
    border: 1px solid #e0e0e0;
    background: #f3f3f3;
    padding: 3px;
    color: black !important;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    float: left
}

    .imgPrevButtonA A {
        color: black;
    }

.imgPrevButton {
    margin-left: 5px;
    width: 16px;
    height: 16px;
    border: 1px solid #e0e0e0;
    background: #f3f3f3;
    padding: 3px;
    color: red !important;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    float: left
}

    .imgPrevButton A {
        color: #b0b0b0;
    }

/*2022x*/
.leftSideBar {
    float: left;
    width: 180px;
    height: 100%;
    overflow: hidden;
    overflow-Y: auto
}

.LeftSide .menu {
    margin-left: 0 !important
}


.dboxImg {
}

.mIMG1 {
    height: 16px;
    width: 16px
}

.mIMG2 {
    height: 16px;
    width: 16px
}

.mIMG3 {
    height: 16px;
    width: 16px
}

.mIMG4 {
    height: 16px;
    width: 16px
}

.mIMG5 {
    height: 16px;
    width: 16px
}

.mIMG6 {
    height: 16px;
    width: 16px
}

.mIMG7 {
    height: 16px;
    width: 16px
}

.mIMG8 {
    height: 16px;
    width: 16px
}

.mIMG9 {
    height: 16px;
    width: 16px
}

.mIMG10 {
    height: 16px;
    width: 16px
}

.mIMG11 {
    height: 16px;
    width: 16px
}

.xlsIMG {
    width: 16px;
    height: 16px;
    opacity: 0.6
}

.xmlIMG {
    width: 16px;
    height: 16px;
    opacity: 0.6
}

.rssIMG {
    width: 16px;
    height: 16px;
    opacity: 0.6
}

.filterIMG {
    width: 16px;
    height: 16px;
    opacity: 0.6
}

.rssTaskClose {
    width: 16px;
    height: 16px;
    opacity: 0.6
}

    .rssTaskClose:hover {
        width: 16px;
        height: 16px;
        opacity: 1
    }


.xlsIMG:hover {
    width: 16px;
    height: 16px;
    opacity: 0.9
}

.xmlIMG:hover {
    width: 16px;
    height: 16px;
    opacity: 0.9
}

.rssIMG:hover {
    width: 16px;
    height: 16px;
    opacity: 0.9
}

.filterIMG:hover {
    width: 16px;
    height: 16px;
    opacity: 0.9
}


.nextIMG {
    width: 16px;
    height: 16px
}

.prevIMG {
    width: 16px;
    height: 16px
}

/* Background Gradient for Monochromatic Colors */
.gradient4 {
    background-color: #f6f6f6;
    /* For WebKit (Safari, Chrome, etc) */
    background: #f6f6f6 -webkit-gradient(linear, left top, left bottom, from(#0080BF), to(#f6f6f6)) no-repeat;
    /* Mozilla,Firefox/Gecko */
    background: #f6f6f6 -moz-linear-gradient(top, #0080BF, #f0f0f0) no-repeat;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0080BF, endColorstr=#0080BF)" no-repeat;
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0080BF, endColorstr=#f6f6f6) no-repeat;
}

.gradient4b {
    background-color: #f6f6f6;
    /* For WebKit (Safari, Chrome, etc) */
    background: #f6f6f6 -webkit-gradient(linear, left top, left bottom, from(#3A80BC), to(#f6f6f6)) no-repeat;
    /* Mozilla,Firefox/Gecko */
    background: #f6f6f6 -moz-linear-gradient(top, #3A80BC, #f6f6f6) no-repeat;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A80BC, endColorstr=#3A80BC)" no-repeat;
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A80BC, endColorstr=#f6f6f6) no-repeat;
}

.optionblue {
    color: blue !important;
    background: red
}

.body1 {
    background: url("images/coffee.jpg");
    background-size: cover;
    background-repeat: repeat-x;
    color: #171d2d;
}

.lnkLearnMore {
    display: none;
    color: white !important;
    margin-left: 5px;
    margin-right: 5px;
}

.divToCC {
    max-width: calc(100% - 130px);
    display: inline-block;
    margin-right: 20px;
}

.vertical {
    writing-mode: tb-rl;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    white-space: nowrap;
}

.PreviewDlgHeader {
    white-space: nowrap;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 20px;
    background: #0078D4;
    color: white;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 3px;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

#imgAddToCal1 {
    margin-left: 5px;
    color: var(--stdLightGray);
    cursor: pointer;
    vertical-align: middle;
}

.rotatePlus0 {
}

.rotatePlus90 {
}

.rotatePlus180 {
}

.rotatePlus270 {
}

.rotateMinus0 {
}

#chkRemember {
    display: none !important
}

#txtRemember {
    display: none !important
}

.CdropFrameLeft {
    padding: 3px;
    margin-bottom: 2px;
    padding-top: 4px;
    border: 1px dotted transparent;
    clear: left;
    width: 45%;
    float: left;
    height: 35px;
    font-family: verdana;
    font-size: 9pt;
    color: #c0c0c0;
    text-align: center
}

.CdropFrameRight {
    padding: 3px;
    margin-bottom: 2px;
    padding-top: 4px;
    border: 1px dotted transparent;
    width: 45%;
    float: left;
    height: 35px;
    font-family: verdana;
    font-size: 9pt;
    color: #404040;
    margin-left: 1%;
    text-align: center
}

.CdropFrameLeft2 {
    opacity: 0.7;
    margin-bottom: 2px;
    padding-top: 4px;
    background: #f0f0f0;
    border: 1px dotted #d0d0d0;
    clear: left;
    width: 45%;
    float: left;
    height: 35px;
    font-family: verdana;
    font-size: 9pt;
    color: #404040;
    text-align: center
}

.CdropFrameRight2 {
    opacity: 0.7;
    margin-bottom: 2px;
    padding-top: 4px;
    background: #f0f0f0;
    border: 1px dotted #d0d0d0;
    width: 45%;
    float: left;
    height: 35px;
    font-family: verdana;
    font-size: 9pt;
    color: #404040;
    margin-left: 1%;
    text-align: center
}

.CInputLeft {
    position: relative;
    padding: 3px;
    cursor: pointer;
    margin-bottom: 7px;
    padding-top: 4px;
    border: 1px solid transparent;
    clear: left;
    width: 45%;
    float: left;
    height: 35px;
    font-family: verdana;
    font-size: 8pt;
    color: #0078D4;
    text-align: left
}

.CInputRight {
    position: relative;
    padding: 3px;
    cursor: pointer;
    margin-bottom: 7px;
    padding-top: 4px;
    border: 1px solid transparent;
    margin-left: 1%;
    width: 45%;
    float: left;
    height: 35px;
    font-family: verdana;
    font-size: 8pt;
    color: #0078D4;
    text-align: left;
}

.CInputLeftLabel {
    position: relative;
    padding: 3px;
    cursor: pointer;
    margin-bottom: 2px;
    margin-top: 7px !important;
    border: 1px solid transparent;
    clear: left;
    width: 45%;
    float: left;
    height: 15px;
    font-family: verdana;
    font-size: 8pt;
    color: #0078D4;
    text-align: left;
}

.CInputRightLabel {
    position: relative;
    padding: 3px;
    cursor: pointer;
    margin-bottom: 2px;
    margin-top: 7px !important;
    border: 1px solid transparent;
    margin-left: 1%;
    width: 45%;
    float: left;
    height: 15px;
    font-family: verdana;
    font-size: 8pt;
    color: #0078D4;
    text-align: left;
}

.XCheckSpan {
    text-decoration: none
}

    .XCheckSpan:hover {
        text-decoration: underline
    }

.customforms {
    z-index: 99000;
    width: 70%;
    height: 70%;
    border: 2px solid black
}

.CinpSelectX {
    width: 95%;
    padding: 3px;
    padding-left: 5px;
    float: left;
    height: 29px;
    z-Index: 12000;
    margin-top: 3px;
    font-size: 8pt;
    color: #000;
    background: #ffffff;
    background: url(images/arrow2down.png) no-repeat right #FFFFFF;
    border: 1px solid #e0e0e0;
    -webkit-appearance: none;
    line-height: 1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid transparent;
    border-radius: 0;
    border-bottom: 1px solid #d0d0d0;
    margin-top: 5px;
    padding-bottom: 5px;
    background-color: transparent;
    padding-top: 2px !important;
    font-family: verdana;
    outline-style: none !important;
}

.CinpX {
    height: 16px;
    font-family: verdana;
    padding: 3px;
    padding-left: 10px;
    font-size: 8pt;
    font-weight: normal;
    color: #404040;
    background: #ffffff;
    margin-top: 3px;
    width: 96%;
    border: 0;
    border-bottom: 1px solid #e0e0e0;
    outline-style: none !important;
    padding-top: 7px;
    padding-bottom: 7px;
}

.CinpXURL {
    height: 16px;
    font-family: verdana;
    padding: 3px;
    padding-left: 10px;
    font-size: 8pt;
    font-weight: normal;
    color: #404040;
    background: #ffffff;
    margin-top: 3px;
    width: 96%;
    border: 0;
    border-bottom: 1px solid #e0e0e0;
    outline-style: none !important;
    padding-top: 7px;
    padding-bottom: 7px;
}

.CinpSelectX2 {
    font-family: verdana;
    padding: 4px;
    font-size: 8pt;
    font-weight: normal;
    color: #404040;
    background-color: #ffffff;
    margin-top: 3px;
    width: 95%;
    border: 1px solid #e0e0e0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    outline-style: none !important;
}

.CinpX2 {
    height: 16px;
    font-family: verdana;
    padding: 3px;
    padding-left: 10px;
    font-size: 8pt;
    font-weight: normal;
    color: #404040;
    background: #ffffff;
    margin-top: 3px;
    width: 96%;
    border: 1px solid #e0e0e0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    outline-style: none !important;
}

.CinpXURL2 {
    height: 16px;
    font-family: verdana;
    padding: 3px;
    padding-left: 10px;
    font-size: 8pt;
    font-weight: normal;
    color: #1679CD;
    background: transparent;
    margin-top: 3px;
    width: 96%;
    border: 0;
    border-bottom: 1px solid #e0e0e0
}

.CIImg {
    width: 12px;
    height: 12px;
    margin-right: 3px
}

.CIImgInfo {
    width: 16px;
    height: 16px;
    margin-left: 3px;
    opacity: 0.2
}

    .CIImgInfo:hover {
        width: 16px;
        height: 16px;
        margin-left: 3px;
        opacity: 1
    }

.dList:hover, .dList, .sList {
    background: transparent !important
}

.dlgText {
    font-family: verdana;
    font-weight: normal;
    font-size: 7pt;
    color: White;
    cursor: pointer
}

    .dlgText:hover {
        text-decoration: underline;
        color: White
    }

.dlgMsg {
    display: none;
    color: white;
    font-family: verdana;
    font-weight: normal;
    font-size: 8pt;
    margin-left: 20px;
    background: red;
    padding: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px
}

.invoiceField {
    white-space: nowrap;
    margin-right: 5px;
    padding-left: 3px;
    border-right: 1px solid #e0e0e0;
    font-size: 8pt;
    padding-right: 3px;
    overflow: hidden
}

.invoiceField2 {
    white-space: nowrap;
    margin-right: 5px;
    padding-left: 3px;
    border-right: 1px solid #e0e0e0;
    font-size: 8pt;
    padding-right: 3px;
    overflow: hidden;
    text-decoration: line-through
}

#resizable {
    width: 150px;
    height: 150px;
    padding: 0.5em;
}

    #resizable h3 {
        text-align: center;
        margin: 0;
    }

.ui-resizable-helper {
    border: 2px dotted #00F;
    z-Index: 55999
}

.AdvancedSearch {
    background: #f7f7f7 !important;
    border: 1px solid #e0e0e0;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.AdvancedSearchCMDB {
    background: #f7f7f7 !important;
    border: 1px solid #e0e0e0;
    padding-top: 5px !important;
    padding-bottom: 10px !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    max-height: 370px;
    min-height: 370px;
    overflow: hidden;
    overflow-y: auto;
    width: 300px;
    display: inline-block
}

.AdvancedSearchCMDBFields {
    background: #f7f7f7 !important;
    border: 1px solid #e0e0e0;
    padding-top: 5px !important;
    padding-bottom: 10px !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    margin-left: 10px;
    max-height: 370px;
    min-height: 370px;
    overflow: hidden;
    overflow-y: auto;
    width: 270px;
    display: inline-block
}

.SearchMonths {
    background: #f0f0f0;
    color: #000;
    margin-right: 3px;
    padding-left: 3px;
    padding-right: 3px;
    border: 1px solid #c0c0c0;
    text-decoration: none;
    ;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.SearchMonthsActive {
    background: orange;
    color: white;
    margin-right: 3px;
    padding-left: 3px;
    padding-right: 3px;
    border: 1px solid #c0c0c0;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.SearchMonths:hover {
    text-decoration: none;
    background: orange;
    ;
    color: white;
}

.SearchMonthsActive:hover {
    text-decoration: none;
    background: orange;
    color: white;
}

.divSearchInfoText {
    font-size: 7pt;
    color: red;
    text-align: center;
    padding: 5px
}

.chkCISearch {
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 5px
}

.castemplateHeader {
    font-family: verdana;
    font-size: 8pt;
    margin-left: 5px;
    width: 95%;
    color: #404040;
    clear: left;
}

.CISideBar {
    position: absolute;
    right: -342px;
    top: 0px;
    width: 300px;
    height: 480px;
    background: #FAFAFA;
    color: #000;
    -moz-border-radius: 0px;
    overflow: hidden;
    overflow-y: auto;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    outlineX: 10px solid rgba(150,180,200,0.4);
    border: 1px solid #8EB3DC;
    padding: 20px;
    border-left: 1px solid #8EB3DC
}

.CISideBarHidden {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 20px;
    height: 20px;
    background: #FAFAFA;
    color: #000;
    -moz-border-radius: 0px;
    overflow: hidden;
    overflow-y: hidden;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    outlineX: 10px solid rgba(150,180,200,0.4);
    border: 1px solid #8EB3DC;
    padding: 0px;
    border-left: 0;
    border: 0
}

.sidbarh1 {
    color: #000
}

.sidbarh1Hidden {
    color: transparent
}

#sidebarback1 {
    position: absolute;
    top: 2px;
    left: 2px;
    cursor: pointer;
    width: 16px;
    height: 16px
}

.divExistingRelationships {
    width: 100%;
    height: 420px;
    border: 0px solid red
}

.NewFormXF {
    visibility: hidden;
    background: #FAFAFA;
    z-Index: 13000;
    position: absolute;
    top: 45px;
    left: 150px;
    width: 610px;
    height: 595px;
    border: 1px solid #d0d0d0;
    padding: 5px;
    padding-left: 20px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    outline: 10px solid rgba(150,180,200,0.4);
    border: 2px solid #8EB3DC
}

.NewForm {
    outline-style: none !important;
    display: none;
    opacity: 0;
    visibility: hidden;
    background: #FFFFFF;
    z-Index: 13000;
    position: absolute;
    top: 45px;
    left: 150px;
    width: 610px;
    height: 595px;
    padding: 5px;
    padding-left: 20px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #8EB3DC;
    box-shadow: -10px 0px 10px 1px #aaaaaa;
}

.divAITextArea, #divAIReply1-aloha {
    margin-top: 5px;
    margin-left: 20px;
    width: 540px;
    height: 340px;
    padding: 10px;
    padding-left: 10px !important;
    font-family: Verdana;
    margin-bottom: 10px;
}

.divAITextAreaPrompt {
    margin-top: 5px;
    margin-left: 20px;
    width: 540px;
    height: 50px;
    padding: 10px;
    padding-left: 10px !important;
    font-family: Verdana
}

.divAIReplyButtons {
    width: 586px;
    text-align: right;
    margin-top: 5px;
    display: none;
}

.divAIReplyPromptButtons {
    width: 586px;
    text-align: left;
    margin-top: 5px;
    display: none;
}

#divAIReplyPlaceholder {
    margin-top: 20px;
}

.AIReplyHeader {
    background: #666666;
    background: linear-gradient(45deg, transparent, lightslategrey);
    width: 101%;
    text-align: center;
    font-color: #000;
    font-size: 12pt;
    font-family: Verdana;
    height: 30px;
    margin-top: -5px;
    padding-top: 7px;
}

.AIReplyLabel {
    font-color: var(--stdColor);
    font-family: Verdana;
    font-size: 9pt;
    clear: left;
    margin-left: 20px;
}

.NewFormAI {
    outline-style: none !important;
    display: none;
    opacity: 0;
    visibility: hidden;
    background: #FFFFFF;
    z-Index: 13000;
    position: absolute;
    top: 45px;
    left: 150px;
    width: 610px !important;
    height: 595px !important;
    padding: 5px;
    padding-left: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #8EB3DC;
    box-shadow: -10px 0px 10px 1px #aaaaaa;
    overflow-x: hidden;
}

.NewForm .members-list {
    width: 97%;
}

#divLMenuTitle1 {
    height: 5px;
}

.NewForm2 {
    display: none;
    opacity: 0;
    visibility: hidden;
    background: #FAFAFA;
    z-Index: 13000;
    position: absolute;
    width: 610px;
    height: 595px;
    border: 1px solid #d0d0d0;
    padding: 5px;
    padding-left: 20px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    outline: 6px solid rgba(150,180,200,0.3);
    box-shadow: -10px 0px 10px 1px #aaaaaa;
}

.CustomFormXX {
    position: absolute;
    top: 30px;
    left: 180px;
    display: none;
    opacity: 0;
    visibility: hidden;
    z-Index: 12001;
    overflow: hidden;
    margin-left: 10px;
    float: left;
    width: 650px;
    padding: 10px;
    border: 1px solid #d0d0d0;
    height: 600px;
    background: #FAFAFA;
    outline: 6px solid rgba(150,180,200,0.3)
}

.CustomForm {
    position: relative;
    top: 30px;
    left: 180px;
    display: none;
    opacity: 0;
    visibility: hidden;
    z-Index: 12001;
    overflow: hidden;
    margin-left: 10px;
    float: left;
    width: 650px;
    padding: 10px;
    border: 1px solid #e0e0e0;
    height: 600px;
    background: #FAFAFA;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 2px 2px 2px 1px #D0D0D0;
    -webkit-box-shadow: 2px 2px 2px 1px #D0D0D0;
    box-shadow: 4px 4px 4px #b0b0b0;
    outline: 6px solid rgba(150,180,200,0.3)
}

.headerForm {
    height: 50px !important;
    overflow: hidden;
    background: #0078D4;
    color: white;
    margin-top: -56px;
    margin-left: -21px !important;
    font-size: 14pt;
    -moz-border-radius: 0px;
    width: -webkit-calc(100% + 25px);
    width: -moz-calc(100% + 25px);
    width: calc(100% + 25px);
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    border-top: 1px solid #8EB3DC;
    border-left: 1px solid #8EB3DC;
    border-right: 1px solid #8EB3DC;
}

.headerFormIE {
    height: 50px !important;
    overflow: hidden;
    background: #0078D4;
    color: white;
    margin-top: -56px;
    margin-left: -21px !important;
    font-size: 14pt;
    -moz-border-radius: 0px;
    width: calc(100% + 25px);
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    border-top: 1px solid #8EB3DC;
    border-left: 1px solid #8EB3DC;
    border-right: 1px solid #8EB3DC;
}

.headerFormDlg {
    height: 35px !important;
    overflow: hidden;
    background: #0078D4;
    color: white;
    margin-top: -50px;
    margin-left: -21px !important;
    font-size: 12pt;
    -moz-border-radius: 0px;
    width: -webkit-calc(100% + 30px);
    width: -moz-calc(100% + 30px);
    width: calc(100% + 30px) -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    border-top: 1px solid #8EB3DC;
    border-left: 1px solid #8EB3DC;
    border-right: 1px solid #8EB3DC;
    overflow: hidden
}

.headerFormDlgIE {
    height: 35px !important;
    overflow: hidden;
    background: #0078D4;
    color: white;
    margin-top: -50px;
    margin-left: -21px !important;
    font-size: 12pt;
    -moz-border-radius: 0px;
    width: calc(100% + 30px);
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    border-top: 1px solid #8EB3DC;
    border-left: 1px solid #8EB3DC;
    border-right: 1px solid #8EB3DC
}

.CaseImagePreview {
    display: none;
    opacity: 1;
    background: #FAFAFA;
    z-Index: 14000;
    position: absolute;
    top: 100px;
    right: 100px;
    width: 500px;
    height: 595px;
    border: 1px solid #d0d0d0;
    padding: 5px;
    padding-left: 20px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    outline: 10px solid rgba(150,180,200,0.3);
    border: 2px solid #8EB3DC
}



.pDiv {
    float: left;
    clear: left;
    width: 190px;
    overflow: hidden;
    border-right: 1px solid #e0e0e0
}

.pDiv2 {
    float: left;
    width: 150px;
    float: left;
    overflow: hidden;
    border-right: 1px solid #e0e0e0;
    padding-left: 5px
}

.pDiv3 {
    float: left;
    text-align: right;
    float: left;
    width: 80px;
    overflow: hidden;
    border-right: 1px solid #e0e0e0;
    padding-right: 2px
}

.pDiv4 {
    float: left;
    width: 20px;
    overflow: hidden;
    border-right: 1px solid #e0e0e0;
    padding-left: 5px
}

.pDiv5 {
    float: left;
    text-align: right;
    float: left;
    width: 80px;
    overflow: hidden;
    border-right: 1px solid #e0e0e0;
    padding-right: 2px
}

.WK1 {
    float: left;
    width: 100%;
    color: #0078D4;
    text-align: center;
    font-size: 7pt;
    height: 16px
}

.WK2 {
    border: 1px solid gray;
    float: left;
    width: 10px;
    height: 10px;
}

.rc5 {
    z-Index: 20;
    opacity: 1.0;
    filter: alpha(opacity = 100);
    background: #FEF1A8;
    position: absolute;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 2px 2px 2px #c0c0c0;
    -webkit-box-shadow: 2px 2px 2px #c0c0c0;
    box-shadow: 2px 2px 2px #c0c0c0;
}

.linkstatusReadCase {
    border: 1px solid transparent;
    cursor: pointer;
    color: #404040;
    font-size: 8pt;
    font-weight: normal;
    font-family: verdana;
    padding-left: 10px;
    height: 20px;
    padding: 2px;
    padding-left: 5px;
    padding-top: 10px;
    font-size: 8pt;
    padding-left: 10px
}

    .linkstatusReadCase:hover {
        text-decoration: none;
        background: #EEEEEE;
        color: #404040;
    }

.linkstatus {
    border: 1px solid transparent;
    cursor: pointer;
    color: #404040;
    font-size: 8pt;
    font-weight: normal;
    font-family: verdana;
    padding-left: 10px;
    height: 20px;
    padding: 2px;
    padding-left: 5px;
    padding-top: 10px;
    font-size: 8pt;
    padding-left: 10px
}

    .linkstatus:hover {
        text-decoration: none;
        background: #EEEEEE;
        color: #404040;
    }

    .linkstatus:focus {
        text-decoration: none;
        background: transparent;
        color: #404040;
        border: 1px solid #A4C6EE;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
    }

.linkstatusDisabled {
    border: 1px solid transparent;
    cursor: pointer;
    color: #404040;
    font-size: 8pt;
    font-weight: normal;
    font-family: verdana;
    padding-left: 10px;
    padding-left: 10px;
    height: 20px;
    padding: 2px;
    padding-left: 5px;
    padding-top: 10px;
    font-size: 8pt;
    padding-left: 10px
}

    .linkstatusDisabled:hover {
        text-decoration: none;
        background: #EEEEEE;
        color: red;
    }

    .linkstatusDisabled:focus {
        text-decoration: none;
        background: transparent;
        color: #404040;
        border: 0px solid #A4C6EE;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
    }

.linktype {
    border: 1px solid transparent;
    cursor: pointer;
    color: #404040;
    font-size: 8pt;
    font-weight: normal;
    font-family: verdana;
    padding-left: 10px;
    height: 20px;
    padding: 2px;
    padding-left: 5px;
    padding-top: 10px;
    font-size: 8pt;
    padding-left: 10px;
    font-weight: bold
}

    .linktype:hover {
        text-decoration: underline;
        background: #EEEEEE;
        color: #404040;
    }


IMG.tabs {
    width: 167px;
    height: 25px;
    visibility: hidden
}

IMG.Notetabs {
    width: 120px;
    height: 25px;
    visibility: hidden
}

.casetabs {
    width: 90px;
    height: 20px;
    visibility: visible;
    display: inline-block;
    text-align: center;
    float: left;
    font-weight: normal;
    font-size: 7pt;
    border: 1px solid #d0d0d0;
    background: #FFFFFF;
    padding-top: 8px;
    border-bottom: 0;
    opacity: 1;
    cursor: pointer;
    position: relative;
    margin-right: 2px;
}

.numAkt {
    color: white;
    font-weight: normal;
    background: orange;
    padding: 2px;
    ;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 6pt !important;
    text-align: center;
    vertical-align: top;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px
}

.numAkt0 {
    display: none;
    color: white;
    font-weight: normal;
    background: orange;
    padding: 2px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 7pt !important;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px
}

.casetabs.A {
    color: #404040 !important;
    text-decoration: none;
}

    .casetabs.A:hover {
        color: red !important
    }

.casetabs:hover {
    background: #FFFFFF !important
}

.casetabA {
    color: #404040;
    text-decoration: none
}

    .casetabA:hover {
        color: #404040;
        text-decoration: none
    }

.casetabNum {
    position: absolute;
    right: 2px;
    top: 1px;
    color: white;
    font-weight: normal;
    background: orange;
    padding: 2px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 7pt !important;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.casetabNum2 {
    position: absolute;
    left: 1px;
    top: 1px;
    color: white;
    font-weight: normal;
    background: orange;
    padding: 2px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 7pt !important;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.casetabNum3 {
    opacity: 0.5;
    position: absolute;
    left: 15px;
    top: 195px;
    cursor: pointer;
    color: white;
    font-weight: normal;
    background: #008340;
    padding: 2px;
    font-size: 8pt !important;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.casetabNum3a {
    position: absolute;
    left: 101px;
    top: 195px;
    cursor: pointer;
    color: white;
    font-weight: normal;
    background: orange;
    padding: 2px;
    font-size: 8pt !important;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.casetabNum4 {
    opacity: 0.5;
    position: absolute;
    left: 7px;
    top: 158px;
    cursor: pointer;
    color: white;
    font-weight: normal;
    background: orange;
    padding: 2px;
    font-size: 8pt !important;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.AddSolution {
    cursor: pointer;
    clear: left;
    float: left;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    padding: 5px;
    line-height: 150%;
    opacity: 0.8
}

    .AddSolution:hover {
        ;
        opacity: 1
    }

.smallBtn {
    width: 30px;
    height: 16px;
    border: 0;
    outline: 1px solid #ddd;
    margin: 0;
    padding: 0;
    color: #0078D4;
    -moz-box-shadow: 2px 2px 2px #ccc;
    -webkit-box-shadow: 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px #ccc;
    border-top: 1px solid #fff;
    font-family: verdana;
    font-size: 7pt;
    font-weight: bold;
    cursor: pointer;
    background: url(images/buttonbg.png) repeat-x
}


.BList {
    height: 16px;
    padding: 2px
}

.BList2 {
    height: 16px;
    padding: 2px
}

.imgbullet {
    opacity: 1.0;
    width: 6px;
    height: 6px;
    margin-right: 3px
}

.imgDateSel {
    cursor: pointer;
    height: 12px;
    opacity: 0.3;
    filter: alpha(opacity = 30)
}

    .imgDateSel:hover {
        cursor: pointer;
        opacity: 1.0;
        filter: alpha(opacity = 30)
    }

.mainUL {
    font-weight: normal;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .mainUL LI {
        padding-left: 5px;
        margin-left: 5px;
        line-height: 200%
    }

.mainUL2 {
    font-weight: normal;
    list-style-type: none;
    padding: 0;
    margin: 0;
    color: #fafafa
}

    .mainUL2 LI {
        padding-left: 5px;
        margin-left: 5px;
        line-height: 180%;
        color: #fafafa
    }

    .mainUL2 A {
        color: #404040;
        text-decoration: none
    }

.imgHelp {
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
    font-size: 8pt
}

    .imgHelp:hover {
        text-decoration: underline
    }

.s1 {
    color: Red;
    font-size: 6pt
}

.dBox {
    -moz-box-shadow: 10px 10px 10px #ccc;
    -webkit-box-shadow: 10px 10px 10px #ccc;
    box-shadow: 10px 10px 10px #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background: #FFFFFF;
}


.dDesc {
    -moz-box-shadow: inset 0 0 12px #707070;
    -webkit-box-shadow: inset 0 0 12px #707070;
    box-shadow: inset 0 0 12px #707070;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background: #fafafa;
}

.dDesc2 {
    -moz-box-shadow: 10px 10px 10px #000000;
    -webkit-box-shadow: 10px 10px 10px #000000;
    box-shadow: 10px 10px 10px #000000;
}

.dDesc3 {
    -moz-box-shadow: 10px 10px 10px #ccc;
    -webkit-box-shadow: 10px 10px 10px #ccc;
    box-shadow: 10px 10px 10px #ccc;
}

.rotate45 {
    width: 45px;
    float: left;
    margin-right: 3px;
    color: Gray;
    font-size: 7pt;
    height: 34px;
    text-align: left;
    overflow: hidden;
    behavior: url(-ms-transform.htc);
    -moz-transform: rotate(300deg);
    -webkit-transform: rotate(300deg);
    -o-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
}

.divReferralHeader {
    border-bottom: 1px solid #e0e0e0;
    color: Gray;
    font-weight: bold;
    margin-bottom: 7px;
    height: 16px
}

.btnLight {
    font-weight: normal;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #d0d0d0
}

.rotate45:hover {
    width: 45px;
    float: left;
    margin-right: 3px;
    color: black;
    font-size: 7pt;
    height: 34px;
    text-align: left;
    overflow: hidden;
    behavior: url(-ms-transform.htc);
    -moz-transform: rotate(300deg);
    -webkit-transform: rotate(300deg);
    -o-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
}

.divApproveForm {
    width: 100%;
    color: white;
    background: #5998CE;
    padding: 10px;
    color: #FFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.divFormExtraFields {
    width: 100%;
    color: white;
    background: #5998CE;
    padding: 10px;
    color: #FFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.edtCourtPrice2 {
    font-size: 8pt;
    color: #404040;
    padding: 2px;
    background: #FFFFFF;
    width: 30px;
    border: 1px solid #EAC377;
    text-align: right;
    font-weight: bold
}

.edtCourtPrice {
    font-size: 8pt;
    color: #404040;
    padding: 2px;
    background: transparent;
    width: 30px;
    border: 1px solid transparent;
    border-bottom: 1px solid #e0e0e0;
    text-align: right;
    font-weight: normal
}

.pricediv {
    width: 45px;
    float: left;
    margin-right: 2px
}

.pricedivTxt {
    width: 95px;
    float: left;
    margin-right: 2px;
}

.btnPriceDiv {
    width: 35px;
    height: 18px;
    border: 0;
    outline: 1px solid #ddd;
    margin: 0;
    padding: 0;
    color: #0078D4;
    margin-bottom: 5px;
    margin-top: 10px;
    border-top: 1px solid #fff;
    font-family: verdana;
    font-size: 7pt;
    font-weight: normal;
    cursor: pointer;
    background: url(images/bg12.png) repeat-x
}

    .btnPriceDiv:hover {
        background: #f0f0f0;
        color: #0078D4;
        text-decoration: underline;
    }

.ChatImg {
    float: left;
    width: 55px;
    height: 55px;
    overflow: hidden
}

.ChatimgFull {
    margin-left: 25px;
    border: 0 !important;
    width: 29px;
    height: 35px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.ChatBlock1 {
    position: relative;
    color: #0072D0 !important;
    font-size: 10pt;
    float: left;
    border: 0px solid #e0e0e0;
    width: 400px;
    padding: 5px;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 5px;
    background: transparent;
    line-height: 140%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.ChatBlock2 {
    position: relative;
    color: #404040 !important;
    font-size: 10pt;
    float: left;
    border: 0px solid #e0e0e0;
    width: 400px;
    padding: 5px;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 5px;
    background: transparent;
    line-height: 140%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.ChatDel {
    position: absolute;
    top: 10px;
    right: 15px;
    display: none;
    opacity: 0.3;
    cursor: pointer
}

.ChatTime {
    position: absolute;
    right: 0px;
    top: -8px;
    text-align: right;
    font-size: 7pt !important
}

.ChatIcon {
    width: 16px;
    height: 16px;
    margin-left: 5px
}

.PostHomeMain {
    position: relative;
    clear: left;
    width: 99%;
    width: -webkit-calc(100% - 2px);
    width: -moz-calc(100% - 2px);
    width: calc(100% - 2px);
    height: 96%;
    height: -webkit-calc(100% - 105px);
    height: -moz-calc(100% - 105px);
    height: calc(100% - 105px);
    padding: 10px;
    padding-right: 0;
    padding-top: 0;
}

.PostMainHeader {
    width: 400%;
    overflow: hidden !important;
    height: 35px;
    white-space: nowrap !important;
}

.HomePostHeader {
}

.PostSearchResultHeader {
    float: left;
    width: 350px;
    height: 15px;
    padding: 2px;
    color: gray;
    font-size: 10pt;
    margin-top: 5px
}

.PostShareDiv {
    clear: left;
    margin-top: 10px;
    background: #f7f7f7;
    padding: 10px;
    padding-top: 5px;
    border: 1px solid #e0e0e0;
    color: #404040;
    line-height: 150%;
    overflow: hidden;
    width: 610px;
}

.PostHomeName {
    float: left;
    background: #ffffff;
    border: 0px solid #e0e0e0;
    padding: 3px;
    color: #404040 !important;
    font-size: 12pt !important;
    height: 20px;
    overflow: hidden;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
}

.divPostInner {
    width: 100%;
    border: 0px solid orange;
    overflow: hidden;
    overflow-y: auto;
    height: -webkit-calc(100% - 40px);
    height: -moz-calc(100% - 40px);
    height: calc(100% - 40px);
}

.HomePostDesc {
    float: left;
    line-height: 150%;
    color: #000;
    word-wrap: break-word;
    font-size: 1.3em;
    word-break: normal !important;
    white-space: normal
}

.PostimgFull {
    border: 1px solid #e0e0e0 !important;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.CommentPhoto {
    width: 25px;
    height: 25px;
    margin-right: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.divHomeTextFrame {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    position: relative;
}

.inpPostSelect {
    padding: 3px;
    padding-left: 7px;
    float: left;
    height: 26px;
    z-Index: 12000;
    margin-top: 3px;
    font-size: 10pt;
    color: #404040;
    background: #ffffff;
    background-image: url(images/arrow2down.png);
    background-position: right;
    background-repeat: no-repeat;
    border: 1px solid #e0e0e0;
    -webkit-appearance: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}

#divNewFormEMAILCASE1 .fLink {
    width: 600px !important;
}

#txtDescriptionEMAILCASE1--aloha {
    width: 655px !important;
    height: 350px !important
}

#divNewFormEMAILCASE2 .fLink {
    width: 600px !important;
}

#txtDescriptionEMAILCASE2--aloha {
    width: 655px !important;
    height: 350px !important
}

#divNewFormEMAILCASE3 .fLink {
    width: 600px !important;
}

#txtDescriptionEMAILCASE3--aloha {
    width: 655px !important;
    height: 350px !important
}

#EmailWarning1 {
    left: 55px !important
}

.divReadModeSetting {
    position: absolute;
    top: 1px;
    right: 0px
}

#divFFMsg {
    background: var(--stdRed) !important;
    color: white !important;
    height: 20px !important;
}

.GPTFlag {
    display: inline-block;
    width: 18px;
    vertical-align: middle;
}

#divAISummary1 {
    display: none;
    border: 1px solid #e0e0e0;
    width: calc(100% - 40px);
    height: 50%;
    font-size: 9pt;
    font-style: normal;
    padding: 10px;
    line-height: 160% !important;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background: #E7EEFA !important;
}

    #divAISummary1 p ul li {
        font-style: normal !important;
        line-height: 160% !important;
        background: #E7EEFA !important;
        margin-bottom: 5px !important;
        color: #000 !important;
    }

.NoUnderLine:hover {
    text-decoration: none
}

.NewsHomeButtons {
    background: #FFFFFF;
    padding-bottom: 6px;
    padding-left: 0px;
    border: 0px solid transparent
}

.imgAgility {
    margin-left: 10px;
    float: left;
    max-width: 140px;
    max-height: 100px;
    margin-right: 2px;
    border: 1px solid transparent;
    cursor: pointer;
    display: none
}

    .imgAgility:hover {
        margin-left: 10px;
        float: left;
        max-width: 140px;
        max-height: 100px;
        margin-right: 2px;
        border: 1px solid orange;
        cursor: pointer
    }

.postIngress {
    width: 400px;
    float: left;
    max-height: 180px;
    margin-left: 20px
}

.flip {
    width: 14px;
    height: 11px;
    position: absolute;
    top: 40px;
    left: 40px
}

.divPostTextInner {
    float: left;
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
}

.divPostTextInnerUnRead {
    padding-left: 5px;
    padding-top: 2px;
    background: #f7f7f7;
    border: 1px solid orange;
    float: left;
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.inpXPost {
    height: 12px;
    font-family: verdana;
    margin: 0;
    white-space: normal;
    font-size: 10pt !important;
    font-weight: normal;
    color: #404040;
    padding: 0px;
    padding-top: 6px;
    padding-left: 10px;
    background: #ffffff;
    border: 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}

    .inpXPost::-webkit-input-placeholder { /* WebKit browsers */
        color: #999999;
        font-size: 11pt;
        padding-top: 5px;
    }

    .inpXPost:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #999999;
        font-size: 11pt;
        padding-top: 5px;
    }

    .inpXPost::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #999999;
        font-size: 11pt;
        padding-top: 5px;
    }

    .inpXPost:-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #999999;
        font-size: 11pt;
        padding-top: 5px;
    }

.PostAnchor {
    color: #000;
    font-size: 1em;
    font-weight: bold
}

.PostAnchorC {
    color: #404040
}

.PostAnchorB {
    float: left !important;
    color: #000;
    font-weight: bold
}

.PostCommentMain {
    padding: 1%;
    padding-left: 0;
    padding-bottom: 0;
    width: 80%;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.divPostCommentInner {
    line-height: 150%;
    color: #000;
    float: left !important;
    width: 100%;
    width: -webkit-calc(99% - 70px);
    width: -moz-calc(99% - 70px);
    width: calc(99% - 70px);
    white-space: normal
}

.divPostCommentInnerUnRead {
    padding-left: 5px;
    padding-top: 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid orange;
    line-height: 150%;
    color: #000;
    float: left !important;
    width: 100%;
    width: -webkit-calc(99% - 70px);
    width: -moz-calc(99% - 70px);
    width: calc(99% - 70px);
    white-space: normal
}

.img1 {
    opacity: 0.6;
    filter: alpha(opacity=60)
}

    .img1:hover {
        opacity: 1.0;
        filter: alpha(opacity=100)
    }

.img2 {
    opacity: 0.5;
    filter: alpha(opacity=50);
    height: 16px;
    width: 16px;
    cursor: pointer;
    margin-top: 1px;
}

    .img2:hover {
        opacity: 1;
        filter: alpha(opacity=100)
    }

.img4 {
    opacity: 0.5;
    filter: alpha(opacity=50);
    height: 16px;
    width: 16px;
    cursor: pointer;
    margin-top: 1px;
}

    .img4:hover {
        opacity: 1;
        filter: alpha(opacity=70)
    }

.imgphoto2 {
    opacity: 0.2;
    filter: alpha(opacity=20)
}

    .imgphoto2:hover {
        opacity: 1.0;
        filter: alpha(opacity=100)
    }

.img3 {
    width: 14px;
    height: 14px;
    margin-right: 4px
}

.imgCMDBMenu1 {
    opacity: 0.6;
    filter: alpha(opacity=60);
    border: 1px solid transparent
}

    .imgCMDBMenu1:hover {
        opacity: 1.0;
        filter: alpha(opacity=100);
        border: 1px solid orange
    }

.courtimg2 {
    color: gray;
    font-size: 10pt;
    font-weight: bold;
    border: 1px solid transparent
}

.courtimg {
    background: #f8f8f8;
    border: 1px solid silver;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}

.editFrame {
    padding: 20px;
    padding-top: 0px;
    z-Index: 10000;
    background: #FEF3B9;
    width: 282px;
    height: 92%
}

.editFrame2 {
    padding: 20px;
    padding-top: 0px;
    z-Index: 10000;
    background: #FEF3B9;
    width: 474px;
    height: 92%
}

.capString {
    width: 725px;
    border: 0px solid #e0e0e0;
    position: absolute;
    top: 105px;
    left: 180px;
    color: gray;
    font-weight: normal;
    overflow: hidden;
    height: 30px
}

.capStringinner {
    float: left;
    border-right: 1px solid #ffffff;
    text-align: center;
    color: #0078D4;
    height: 30px;
}

.divKundeFaktura {
    position: absolute;
    left: 126px;
    top: 90px;
    display: none;
    width: 285px;
    height: 180px;
    border: 1px solid #C2D9F0;
    background: #f3f3f3;
    overflow: hidden;
    overflow-Y: auto;
    text-align: left
}

.divKundeFaste {
    position: absolute;
    left: 122px;
    top: 139px;
    display: none;
    width: 265px;
    height: 160px;
    border: 1px solid #C2D9F0;
    background: #f3f3f3;
    overflow: hidden;
    overflow-Y: auto;
    text-align: left
}

.divKundeStroe {
    position: absolute;
    left: 119px;
    top: 138px;
    display: none;
    width: 265px;
    height: 130px;
    border: 1px solid #C2D9F0;
    background: #f3f3f3;
    overflow: hidden;
    overflow-Y: auto;
    text-align: left
}

.divKundeKlippeKort {
    position: absolute;
    left: 117px;
    top: 112px;
    display: none;
    width: 200px;
    height: 130px;
    border: 1px solid #C2D9F0;
    background: #f3f3f3;
    overflow: hidden;
    overflow-Y: auto;
    text-align: left
}

.KList {
    cursor: pointer;
    color: #0078D4;
    padding-left: 5px;
    padding-top: 5px;
    height: 18px
}

    .KList:hover {
        text-decoration: underline;
        background: #e0e0e0
    }

.dDescHeader {
    text-align: left;
    margin-bottom: 15px;
    display: none
}

.dDescHeader2 {
    text-align: left;
    margin-bottom: 15px;
    display: block
}

.inp {
    font-size: 10pt;
    font-weight: bold;
    color: gray;
    padding: 3px;
    background: #FAFFBD;
    margin-top: 4px;
    width: 130px
}

.inpQ {
    height: 20px;
    font-size: 9pt;
    font-weight: normal;
    color: #404040;
    padding: 3px;
    padding-left: 10px;
    background: #f7f7f7;
    margin-top: 3px;
    width: 135px;
    border: 0;
    border: 1px solid #e0e0e0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}


.CMDBNewsLogHeader {
    font-weight: normal !important;
    font-size: 9pt;
    color: #404040;
    width: 100%;
    float: left
}

.CMDBPrevHeader {
    float: left;
    clear: left;
    float: left;
    padding-top: 3px;
    padding-bottom: 1px;
    background: #f4f4f4;
    width: 100%;
    overflow: hidden;
    color: #404040;
    height: 18px
}

.CMDBPrevRel {
    clear: left;
    float: left;
    background: transparent;
    padding-top: 2px;
    height: 18px;
    border-bottom: 0px solid #e0e0e0;
    width: 100%;
    overflow: hidden
}

.active {
    background: yellow
}

.FormEmails {
}

.con {
    overflow: hidden;
    float: left;
    width: 176px;
    height: 16px;
    color: #404040;
    font-size: 8pt;
    padding: 5px;
    cursor: pointer;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

    .con:hover {
        overflow: hidden;
        background: #F0F8BB;
        width: 176px;
        height: 16px;
        color: #404040;
        font-size: 8pt;
        padding: 5px;
        cursor: pointer;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }

.conleft {
    width: 20px;
    text-align: left;
    float: left;
    height: 16px;
}

.conright {
    text-align: center;
    float: right;
    height: 16px;
    margin-right: 2px
}

.mnuImg {
    height: 16px;
    width: 16px;
    vertical-align: middle
}

.mnuImgCon {
    height: 16px;
    width: 16px;
    margin-right: 5px;
    vertical-align: middle
}

.FieldChooser {
    font-size: 8pt;
    width: 135px;
    font-family: verdana;
    color: #404040;
    border: 1px solid #e0e0e0;
    padding: 3px
}

.ContactEmails {
    font-size: 8pt;
    width: 185px;
    font-family: verdana;
    color: #404040;
    border: 1px solid #e0e0e0;
    padding: 3px
}

.ContactCopy {
    font-size: 8pt;
    width: 185px;
    font-family: verdana;
    color: #404040;
    border: 1px solid #e0e0e0;
    padding: 3px
}

.DynFields {
    font-size: 8pt;
    width: 135px;
    font-family: verdana;
    color: #404040;
    border: 0px solid #e0e0e0;
    padding: 3px
}

.ReportFieldChooser {
    font-size: 8pt;
    width: 200px;
    font-family: verdana;
    color: #404040;
    border: 1px solid #e0e0e0;
    padding: 3px
}

.CRMlbl {
    width: 80px;
    float: left;
    color: gray;
    font-size: 8pt
}

.CRMtxt {
    font-size: 8pt;
    font-weight: normal;
    clear: right;
    border-bottom: 1px solid #fafafa;
    max-width: 60%;
    overflow: hidden
}


#sDomains {
    padding: 7px !important
}

.inp4Select {
    padding: 3px;
    padding-left: 7px;
    float: left;
    height: 29px;
    z-Index: 12000;
    margin-top: 3px;
    font-size: 8pt;
    color: #000;
    background: #ffffff;
    background: url(images/arrow2downgray.png) no-repeat right #FFFFFF;
    border: 1px solid #e0e0e0;
    -webkit-appearance: none;
    line-height: 1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid transparent;
    border-radius: 0;
    border-bottom: 1px solid #e0e0e0;
    margin-top: 5px;
    padding-bottom: 5px;
    background-color: transparent;
    padding-top: 2px !important;
    font-family: verdana;
    outline-style: none !important;
}

    .inp4Select option {
    }


.inp4Select2 {
    padding: 1px;
    padding-left: 5px;
    float: left;
    height: 19px;
    z-Index: 12000;
    font-size: 8pt;
    color: #000;
    background: #ffffff;
    background: url(images/arrow2down.png) no-repeat right #FFFFFF;
    border: 1px solid #e0e0e0;
    -webkit-appearance: none;
    line-height: 1;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
    outline-style: none !important;
}

.CMDBinp4Select {
    padding: 3px;
    padding-left: 1px;
    float: left;
    height: 20px;
    z-Index: 12000;
    margin-top: 3px;
    font-size: 8pt;
    color: green;
    background: transparent;
    background: url(images/arrow2down.png) no-repeat right transparent;
    border: 1px solid transparent;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
    outline-style: none !important;
}


.inpX, .inpX3 {
    height: 21px;
    font-family: verdana;
    font-size: 8pt;
    font-weight: normal;
    color: #000;
    padding: 2px;
    padding-left: 7px;
    background: #ffffff;
    margin-top: 3px;
    width: 135px;
    border: 1px solid #e0e0e0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid transparent;
    border-radius: 0;
    border-bottom: 1px solid #e0e0e0;
    margin-top: 5px;
    padding-bottom: 5px;
    background: transparent;
    padding-top: 1px !important;
    outline-style: none !important;
}



.inpXC {
    font-family: verdana;
    font-size: 8pt !important;
    font-weight: normal !important;
    color: #000;
    padding: 2px;
    padding-left: 10px;
    background: #ffffff;
    margin-top: 3px;
    width: 135px;
    border: 1px solid #e0e0e0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px
}

.inpXCMDBSearch {
    height: 20px;
    font-family: verdana;
    font-size: 8pt;
    font-weight: normal;
    color: #000;
    padding: 2px;
    padding-left: 10px;
    background: #ffffff;
    margin-top: 3px;
    width: 135px;
    border: 1px solid #e0e0e0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    outline-style: none !important;
}

.inpSelectXCMDBSearch {
    padding: 3px;
    padding-left: 7px;
    float: left;
    height: 26px;
    z-Index: 12000;
    margin-top: 3px;
    font-size: 8pt;
    color: #000;
    background: #ffffff;
    background: url(images/arrow2down.png) no-repeat right #FFFFFF;
    border: 1px solid #e0e0e0;
    -webkit-appearance: none;
    line-height: 1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    outline-style: none !important;
}

.CMDBAdvSearchActiveWarning {
    width: 100%;
    background: #FFC107;
    color: #404040;
    font-size: 9pt;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    height: 25px;
    padding-top: 10px
}

    .CMDBAdvSearchActiveWarning:hover {
        text-decoration: underline
    }

.inpXURL {
    height: 16px;
    font-family: verdana;
    padding: 3px;
    padding-left: 10px;
    font-size: 8pt;
    font-weight: normal;
    color: #1679CD;
    background: transparent;
    margin-top: 3px;
    width: 96%;
    border: 0;
    border-bottom: 1px solid #e0e0e0
}

.inpSelectX {
    padding: 3px;
    padding-left: 7px;
    width: 96%;
    float: left;
    height: 26px;
    z-Index: 12000;
    margin-top: 3px;
    font-size: 8pt;
    color: #000;
    background: #ffffff;
    background: url(images/arrow2down.png) no-repeat right #FFFFFF;
    border: 1px solid #e0e0e0;
    -webkit-appearance: none;
    line-height: 1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    outline-style: none !important;
}


.inpXCheck {
    font-family: verdana;
    margin-top: 0px;
    font-size: 7pt;
    font-weight: normal;
    color: #404040;
    border: 1px solid #e0e0e0;
}

.inpXCheck2 {
    font-family: verdana;
    margin-top: 0px;
    font-size: 8pt;
    font-weight: normal;
    color: #404040;
    border: 1px solid #e0e0e0;
}

.inpXInv {
    height: 16px;
    font-family: verdana;
    font-size: 8pt;
    font-weight: normal;
    color: #404040;
    padding: 2px;
    padding-left: 10px;
    background: transparent !important;
    margin-top: 3px;
    width: 135px;
    border: 0;
    border-bottom: 1px solid #f0f0f0;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
}



.inpXFAQ {
    height: 18px;
    font-family: verdana;
    margin-top: -23px;
    margin-right: 5px;
    text-align: left;
    display: block;
    font-size: 9pt;
    font-weight: normal;
    color: #404040;
    padding: 2px;
    padding-left: 10px;
    background: #f7f7f7;
    width: 200px;
    border: 1px solid #e0e0e0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}



.inpX2 {
    height: 16px;
    font-family: verdana;
    font-size: 8pt;
    font-weight: normal;
    color: #404040;
    padding: 2px;
    padding-left: 10px;
    background: #f7f7f7;
    margin-top: 3px;
    width: 135px;
    border: 1px solid #e0e0e0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.inpXDlg {
    height: 16px;
    font-size: 8pt;
    font-weight: normal;
    color: #404040;
    padding: 2px;
    padding-left: 10px;
    background: #f7f7f7;
    margin-top: 3px;
    width: 135px;
    border: 1px solid #e0e0e0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 2px 2px 2px #ccc;
    -webkit-box-shadow: 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px #ccc;
}



.inpXDD {
    height: 16px;
    font-family: verdana;
    font-size: 8pt;
    font-weight: normal;
    color: #404040;
    padding: 2px;
    padding-left: 10px;
    background: #f7f7f7;
    margin-top: 3px;
    width: 135px;
    border: 1px solid #e0e0e0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.inpXDoc {
    height: 16px;
    font-size: 7pt;
    font-weight: normal;
    color: #404040;
    background: transparent;
    margin-top: 5px;
}

.inpXDoc2 {
    height: 16px;
    font-size: 7pt;
    font-weight: normal;
    color: #404040;
    background: transparent;
    margin-top: 5px
}

.inpXDoc3 {
    height: 16px;
    font-size: 7pt;
    font-weight: normal;
    color: #404040;
    background: transparent;
    margin-top: -3px;
}

input:focus, textarea:focus, select:focus {
    border: 1px solid transparent;
    border-bottom: 1px solid #fb0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}



.inpX1 {
    outline: 0;
    height: 20px;
    font-size: 10pt;
    font-weight: normal;
    color: #404040;
    padding: 4px;
    padding-left: 10px;
    background: #f7f7f7;
    margin-top: 3px;
    width: 135px;
    border: 1px solid #e0e0e0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

    .inpX1:focus {
        outline: 0;
        height: 20px;
        font-size: 10pt;
        font-weight: normal;
        color: #404040;
        padding: 4px;
        padding-left: 10px;
        background: #f7f7f7;
        margin-top: 3px;
        width: 135px;
        border: 1px solid #A4C6EE;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
    }

.inpXC {
    height: 18px;
    font-size: 10pt;
    font-weight: bold;
    color: #404040;
    padding: 2px;
    padding-left: 10px;
    background: #FFFFE0;
    margin-top: 2px;
    border: 1px solid #e0e0e0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.inpX5 {
    height: 26px;
    font-size: 9pt;
    font-weight: bold;
    color: #404040;
    padding: 3px;
    padding-left: 10px;
    background: #f7f7f7;
    margin-top: 3px;
    width: 135px;
    border: 1px solid #e0e0e0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

    .inpX5:focus {
        outline: none;
        border: 1px solid #2795C8;
        /* create a BIG glow */
        -moz-box-shadow: 0px 0px 4px #2795C8;
        -webkit-box-shadow: 0px 0px 4px #2795C8;
        box-shadow: 0px 0px 4px #2795C8;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
    }

.inpX5b {
    height: 26px;
    font-size: 14pt;
    font-weight: normal;
    color: #404040;
    padding: 8px;
    padding-left: 10px;
    background: #f7f7f7;
    margin-top: 3px;
    width: 135px;
    border: 1px solid #e0e0e0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    font-family: Calibri,geneva;
}

    .inpX5b:focus {
        outline: none;
        border: 1px solid #2795C8;
        /* create a BIG glow */

        -moz-box-shadow: 0px 0px 4px #2795C8;
        -webkit-box-shadow: 0px 0px 4px #2795C8;
        box-shadow: 0px 0px 4px #2795C8;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
    }



.inpSearch {
    height: 16px;
    font-size: 8pt;
    font-weight: normal;
    color: #404040;
    padding: 0px;
    padding-left: 5px;
    background: #f0f0f0;
    margin-top: 5px;
    border: 0;
    border-bottom: 0px solid #f0f0f0;
}

.Feedback {
    position: fixed;
    bottom: 2px;
    height: 14px;
    padding: 5px;
    text-align: left;
    background: transparent;
    left: 4px;
    z-Index: 98000;
    width: 173px;
    border: 0px solid #e0e0e0;
    padding-left: 20px
}

.inpSearchTask {
    height: 14px;
    font-size: 8pt;
    font-weight: normal;
    background: #ffffff;
    color: #404040;
    padding: 0px;
    padding-left: 3px;
    margin-top: 1px;
    border: 0;
    border-bottom: 1px solid #ffffff;
}

.senseHelpHeader {
    width: 100%;
    background: var(--stdBackground);
    color: white;
    height: 30px;
    padding: 5px;
}

.AssignCase {
    z-Index: 80000;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    padding: 10px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    padding: 3px;
    width: 200px;
    line-height: 170%;
    overflow: hidden;
    overflow-Y: auto;
    height: 230px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 2px 2px 2px #ccc;
    -webkit-box-shadow: 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px #ccc;
}


.CategoryResponsible {
    z-Index: 80000;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    padding: 0;
    width: 250px;
    line-height: 170%;
    overflow: hidden;
    height: 240px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 2px 2px 2px #ccc;
    -webkit-box-shadow: 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px #ccc;
}

.CITypeEdit {
    z-Index: 80000;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    padding: 0;
    width: 900px;
    line-height: 170%;
    overflow: hidden;
    height: 700px;
    overflow-Y: auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 2px 2px 2px #ccc;
    -webkit-box-shadow: 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px #ccc;
}

.AccessCIWindow {
    display: none;
    float: left;
    position: absolute;
    top: 300px;
    left: 300px;
    width: 320px;
    height: 400px;
    overflow: hidden;
    border: 2px solid #e0e0e0;
    padding: 0px;
    background: white
}

.AccessCIWindowInner {
    float: left;
    width: 305px;
    height: 340px;
    overflow: hidden;
    overflow-y: auto;
    border: 0px solid red;
    padding: 5px;
    background: white
}

.CIAccessCOL1 {
    width: 150px;
    overflow: hidden;
    display: inline-block;
    padding: 3px
}

.CIAccessCOL2 {
    width: 120px;
    overflow: hidden;
    display: inline-block;
    padding: 3px
}

.CIAccessRadio {
    margin-left: 10px;
    display: inline-block;
}

.AccessCIHeader {
    background: #0078D4;
    width: 100%;
    padding: 5px;
    color: white;
    padding-left: 10px
}

.CIAccessCOL1A {
    width: 150px;
    overflow: hidden;
    display: inline-block;
    padding: 3px;
    padding-left: 10px;
    background: #f0f0f0;
    border-bottom: 1px solid #e0e0e0
}

.CIAccessCOL2A {
    width: 145px;
    overflow: hidden;
    display: inline-block;
    padding: 3px;
    background: #f0f0f0;
    border-bottom: 1px solid #e0e0e0
}

.CIAccessRadioA {
    margin-left: 10px;
    display: inline-block;
    width: 15px;
}

.NewsHeader {
    color: #404040;
    font-size: 12pt;
    line-height: 170%
}

.NewsTitle a {
    font-size: 10pt !important;
    line-height: 170%
}

.NewsTitlePri a {
    font-size: 10pt !important;
    line-height: 170%;
    Color: Red !important
}

.NewsIngress a {
    color: #404040 !important;
    line-height: 150%
}

.NewsMore a {
    color: Red
}

.NewsPreviewTitle {
    color: #404040;
    font-size: 12pt;
    line-height: 170%
}

.NewsPreviewBody {
    font-size: 10pt;
    color: #404040;
    line-height: 150%
}


.InvFilter {
    cursor: pointer;
    clear: left;
    color: #3071A9;
    padding-left: 20px;
    background: #C1D8F7 !important;
    width: 100%;
    height: 18px;
    float: left;
    padding-top: 2px;
    text-align: left;
}

.InvFilter0 {
    cursor: pointer;
    clear: left;
    color: #3071A9;
    padding-left: 20px;
    background: transparent !important;
    width: 100%;
    height: 18px;
    float: left;
    padding-top: 2px;
    text-align: left;
}

    .InvFilter0:hover {
        cursor: pointer;
        clear: left;
        color: #3071A9;
        padding-left: 20px;
        background: #F0F0F0;
        width: 100%;
        height: 18px;
        float: left;
        padding-top: 2px;
        text-align: left;
    }

.IncFilter {
    cursor: pointer;
    clear: left;
    color: #3071A9;
    padding-left: 20px;
    background: #C1D8F7 !important;
    width: 100%;
    height: 18px;
    float: left;
    padding-top: 2px;
    text-align: left;
}

.IncFilter0 {
    cursor: pointer;
    clear: left;
    color: #3071A9;
    padding-left: 20px;
    background: transparent !important;
    width: 100%;
    height: 18px;
    float: left;
    padding-top: 2px;
    text-align: left;
}

    .IncFilter0:hover {
        cursor: pointer;
        clear: left;
        color: #3071A9;
        padding-left: 20px;
        background: ##F0F0F0;
        width: 100%;
        height: 18px;
        float: left;
        padding-top: 2px;
        text-align: left;
    }

.MsgFilter {
    cursor: pointer;
    clear: left;
    color: #3071A9;
    padding-left: 20px;
    background: #C1D8F7 !important;
    width: 100%;
    height: 18px;
    float: left;
    padding-top: 2px;
    text-align: left;
}

.MsgFilter0 {
    cursor: pointer;
    clear: left;
    color: #3071A9;
    padding-left: 20px;
    background: transparent !important;
    width: 100%;
    height: 18px;
    float: left;
    padding-top: 2px;
    text-align: left;
}

    .MsgFilter0:hover {
        cursor: pointer;
        clear: left;
        color: #3071A9;
        padding-left: 20px;
        background: #F0F0F0;
        width: 100%;
        height: 18px;
        float: left;
        padding-top: 2px;
        text-align: left;
    }

.DocumentFilter {
    cursor: pointer;
    clear: left;
    color: #3071A9;
    padding-left: 20px;
    background: #C1D8F7 !important;
    width: 100%;
    height: 18px;
    float: left;
    padding-top: 2px;
    text-align: left;
}

.DocumentFilter0 {
    cursor: pointer;
    clear: left;
    color: #3071A9;
    padding-left: 20px;
    background: transparent !important;
    width: 100%;
    height: 18px;
    float: left;
    padding-top: 2px;
    text-align: left;
}

    .DocumentFilter0:hover {
        cursor: pointer;
        clear: left;
        color: #3071A9;
        padding-left: 20px;
        background: #F0F0F0;
        width: 100%;
        height: 18px;
        float: left;
        padding-top: 2px;
        text-align: left;
    }

.ContractFilter {
    cursor: pointer;
    clear: left;
    color: #3071A9;
    padding-left: 20px;
    background: #C1D8F7 !important;
    width: 100%;
    height: 18px;
    float: left;
    padding-top: 2px;
    text-align: left;
}

.ContractFilter0 {
    cursor: pointer;
    clear: left;
    color: #3071A9;
    padding-left: 20px;
    background: transparent !important;
    width: 100%;
    height: 18px;
    float: left;
    padding-top: 2px;
    text-align: left;
}

    .ContractFilter0:hover {
        cursor: pointer;
        clear: left;
        color: #3071A9;
        padding-left: 20px;
        background: #F0F0F0;
        width: 100%;
        height: 18px;
        float: left;
        padding-top: 2px;
        text-align: left;
    }

.ContactFilter {
    cursor: pointer;
    clear: left;
    color: #3071A9;
    padding-left: 20px;
    background: #C1D8F7 !important;
    width: 100%;
    height: 18px;
    float: left;
    padding-top: 2px;
    text-align: left;
}

.ContactFilter0 {
    cursor: pointer;
    clear: left;
    color: #3071A9;
    padding-left: 20px;
    background: transparent !important;
    width: 100%;
    height: 18px;
    float: left;
    padding-top: 2px;
    text-align: left;
}

    .ContactFilter0:hover {
        cursor: pointer;
        clear: left;
        color: #3071A9;
        padding-left: 20px;
        background: #F0F0F0;
        width: 100%;
        height: 18px;
        float: left;
        padding-top: 2px;
        text-align: left;
    }

.CustomerFilter {
    cursor: pointer;
    clear: left;
    color: #3071A9;
    padding-left: 20px;
    background: #C1D8F7 !important;
    width: 100%;
    height: 18px;
    float: left;
    padding-top: 2px;
    text-align: left;
}

.CustomerFilter0 {
    cursor: pointer;
    clear: left;
    color: #3071A9;
    padding-left: 20px;
    background: transparent !important;
    width: 100%;
    height: 18px;
    float: left;
    padding-top: 2px;
    text-align: left;
}

    .CustomerFilter0:hover {
        cursor: pointer;
        clear: left;
        color: #3071A9;
        padding-left: 20px;
        background: #F0F0F0;
        width: 100%;
        height: 18px;
        float: left;
        padding-top: 2px;
        text-align: left;
    }

.CMDBFilter {
    cursor: pointer;
    clear: left;
    color: #3071A9;
    padding-left: 20px;
    background: #C1D8F7 !important;
    width: 100%;
    height: 18px;
    float: left;
    padding-top: 2px;
    text-align: left;
}

.CMDBFilter0 {
    cursor: pointer;
    clear: left;
    color: #3071A9;
    padding-left: 20px;
    background: transparent !important;
    width: 100%;
    height: 18px;
    float: left;
    padding-top: 2px;
    text-align: left;
}

    .CMDBFilter0:hover {
        cursor: pointer;
        clear: left;
        color: #3071A9;
        padding-left: 20px;
        background: #F0F0F0 !important;
        width: 100%;
        height: 18px;
        float: left;
        padding-top: 2px;
        text-align: left;
    }

.lbl {
    margin-bottom: 10px;
    clear: both;
    color: #3071A9
}

.lblForm {
    margin-bottom: 10px;
    clear: both;
    color: #3071A9;
    width: calc(100% - 120px) !important
}

.lblC {
    color: #606060;
    margin-top: 11px;
    text-align: left;
    padding-right: 8px;
    width: 80px;
    float: left
}

.lblChange {
    color: #3071A9;
    margin-top: 7px;
    text-align: left;
    padding-right: 8px;
    width: 90px;
    float: left
}

.lblQ {
    color: #3071A9;
    margin-top: 10px;
    text-align: left;
    padding-right: 8px;
    width: 80px;
    float: left;
    font-weight: normal
}

.lblQ2 {
    color: #3071A9;
    margin-top: 10px;
    text-align: left;
    padding-right: 8px;
    width: 80px;
    float: left;
    font-weight: normal
}

.lblQ3 {
    color: #3071A9;
    margin-top: 10px;
    text-align: left;
    padding-right: 8px;
    width: 80px;
    float: left;
    font-weight: normal
}

.lblC2 {
    color: #3071A9;
    margin-top: 7px;
    text-align: left;
    padding-right: 8px;
    width: 80px;
    float: left;
    margin-left: 10px;
}

.lblC3 {
    color: red;
    margin-top: 7px;
    text-align: left;
    padding-right: 8px;
    width: 80px;
    float: left;
    margin-left: 10px;
}

.lblCustForm {
    color: #3071A9;
    margin-top: 7px;
    text-align: left;
    padding-right: 8px;
    float: left;
    width: 60px
}

.lblNote {
    padding: 0;
    padding-top: 5px;
    color: #3071A9;
    height: 6px
}

.lblNoteMissing {
    padding: 3px;
    padding-bottom: 5px;
    padding-top: 5px;
    background: var(--stdRed);
    color: white;
    font-weight: normal;
    width: 100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.sOrderTable {
    display: inline-block
}

.orderCol1 {
    width: 60px;
    display: inline-block;
    background: #000;
    color: black;
    padding: 2px
}

.orderCol2 {
    width: 200px;
    display: inline-block;
    background: #000;
    color: black;
    padding: 2px
}

.orderCol3 {
    width: 60px;
    display: inline-block;
    background: #000;
    color: black;
    padding: 2px
}

.orderRow1 {
    width: 60px;
    display: inline-block;
    background: #FFFFFF;
    color: black;
    padding: 2px
}

.orderRow2 {
    width: 200px;
    display: inline-block;
    background: #FFFFFF;
    color: black;
    padding: 2px
}

.orderRow3 {
    width: 60px;
    display: inline-block;
    background: #FFFFFF;
    color: black;
    padding: 2px
}


.lblPrev {
    width: 98%;
    padding: 2px;
    font-size: 8pt;
    color: gray
}

.lblPrev2 {
    color: gray;
    margin-top: 3px;
    text-align: left;
    width: 70px;
    float: left;
    clear: left
}

.lblPrev3 {
    color: #404040;
    margin-top: 3px;
    text-align: left;
    width: 180px;
    float: left
}

.lblPrevChange {
    width: 40%;
    padding: 2px;
    font-size: 8pt;
    color: gray;
    white-space: nowrap;
    float: left
}

#divConsoleTasks {
    margin-top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    float: left;
    height: -webkit-calc(100% - 26px);
    height: -moz-calc(100% - 26px);
    height: calc(100% - 26px)
}

#divTaskViewInner1 {
    float: left;
    width: 100%;
    height: -webkit-calc(100% - 80px);
    height: -moz-calc(100% - 80px);
    height: calc(100% - 80px);
    overflow: hidden;
    overflow-Y: auto;
    border-right: 1px solid #e0e0e0
}

.TaskTD {
    white-space: nowrap;
    padding: 2px;
    font-family: verdana;
    color: #404040;
    float: left;
    width: 150px;
    overflow: hidden
}

.taskRow {
    padding-top: 8px;
    padding-bottom: 3px;
    white-space: nowrap;
    cursor: pointer;
    background: #fff8dc;
    width: 100%;
    height: 25px;
    border-bottom: 1px solid #f2f2f2;
}

    .taskRow:hover {
        background: #F0F0F0 !important;
    }

.taskRowSel {
    background: #f0f0f0;
}

.taskRowSel2 {
    padding-top: 3px;
    padding-bottom: 3px;
    white-space: nowrap;
    cursor: pointer;
    background: #F0F0F0;
    width: 100%;
    border-right: 1px solid #f2f2f2;
}

.taskRow2 {
    padding-top: 3px;
    padding-bottom: 3px;
    white-space: nowrap;
    cursor: pointer;
    background: #ECF0F3;
    width: 100%;
    border-right: 1px solid #e0e0e0;
}

    .taskRow2:hover {
        white-space: nowrap;
        cursor: pointer;
        background: #F0F0F0;
        width: 100%
    }

.TaskListItem {
    border: 0;
    padding-top: 5px;
    border-bottom: 1px solid transparent;
    cursor: pointer
}

    .TaskListItem:hover {
        border: 0;
        padding-top: 5px;
        border-bottom: 1px solid transparent;
        background: #DFEDFA;
        cursor: pointer
    }

.ReminderListItem {
    padding-top: 5px;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    background: #FFFFFF !important
}

.ReminderListItemSelect {
    padding-top: 5px;
    border-bottom: 1px solid transparent;
    background: #DFEDFA;
    cursor: pointer
}

.OBFDiv {
    width: 95%;
    overflow-x: auto;
    margin-top: 20px;
}

.OBF-table {
    width: 100%;
    overflow-x: hidden;
}

    .OBF-table tr {
    }

.OBFTableHeading {
    background: #0078D4;
    color: white;
}

.OBFTableClip {
    cursor: pointer;
}

.OBFTableHeading td {
    border: 0;
    margin: 0;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0 !important;
    overflow-wrap: break-word;
    height: 30px;
    width: 10%;
    min-width: 10%;
    max-width: 10%;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 7pt;
}

.OBF-table td {
    border: 0;
    margin: 0;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0 !important;
    overflow-wrap: break-word;
    height: 30px;
    width: 10%;
    min-width: 10%;
    max-width: 10%;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 7pt;
}

.imgInitials {
    position: relative;
    height: 25px;
    width: 25px;
    background-color: #F2F2F2;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.imgInitialsPreview {
    position: relative;
    height: 25px;
    width: 25px;
    background-color: #F2F2F2;
    border-radius: 50%;
    display: block;
    text-align: center;
    float: left;
    margin-right: 5px;
    margin-top: 0px;
    cursor: pointer;
}

.imgInitialsLeftPreview {
    position: relative;
    height: 25px;
    width: 25px;
    background-color: #F2F2F2;
    border-radius: 50%;
    display: block;
    text-align: center;
    float: left;
    margin-right: 5px;
    margin-top: 0px;
    cursor: pointer;
}

.imgInitialsUnregisteredLeftPreview {
    position: relative;
    height: 25px;
    width: 25px;
    background-color: #E9967A;
    border-radius: 50%;
    display: block;
    text-align: center;
    float: left;
    margin-right: 5px;
    margin-top: -5px;
    cursor: pointer;
}

.imageInitialsTextPreview {
    font-size: 8pt !important;
    font-weight: normal;
    color: #404040;
    line-height: 26px !important;
}

.imgInitials50 {
    position: relative;
    height: 50px;
    width: 50px;
    background-color: #F2F2F2;
    border-radius: 50%;
    display: block;
    float: left;
    text-align: center;
    margin-right: 5px;
    cursor: pointer;
}

.imgInitialsUnregistered {
    position: relative;
    height: 25px;
    width: 25px;
    background-color: #E9967A;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.imgInitialsUnregisteredPreview {
    position: relative;
    height: 25px;
    width: 25px;
    background-color: #E9967A;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.imgInitialsUnregistered50 {
    position: relative;
    height: 50px;
    width: 50px;
    background-color: #E9967A;
    border-radius: 50%;
    display: block;
    float: left;
    text-align: center;
    margin-right: 5px;
    cursor: pointer;
}

.imageInitialsText {
    font-size: 8pt;
    font-weight: normal;
    color: #ffffff;
    line-height: 26px;
}

.imageInitialsText50 {
    font-size: 12pt;
    font-weight: normal;
    color: #ffffff;
    line-height: 48px;
}

.imgProfilePreview {
    position: relative;
    height: 25px;
    width: 25px;
    background-color: #F2F2F2;
    border-radius: 50%;
    display: block;
    text-align: center;
    float: left;
    margin-right: 5px;
    margin-top: 0px;
    opacity: 1 !important;
    cursor: pointer;
}

.imgProfileLeftPreview {
    position: relative;
    height: 25px;
    width: 25px;
    background-color: #F2F2F2;
    border-radius: 50%;
    display: block;
    text-align: center;
    float: left;
    margin-right: 5px;
    margin-top: 0px;
    opacity: 1 !important;
    cursor: pointer;
}

.imgProfileLeftWithImagePreview {
    position: relative;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: block;
    text-align: center;
    float: left;
    margin-right: 5px;
    margin-top: 0px;
    opacity: 1 !important;
    cursor: pointer;
}

.Aktivitet {
    white-space: normal !important;
    width: 98% !important;
    white-space: pre;
    overflow: hidden;
    text-align: left;
    word-wrap: break-word;
    font-size: 8pt;
    line-height: 140% !important;
    word-break: normal;
    color: black
}

    .Aktivitet p {
        margin: 0cm;
        margin-bottom: .0001pt;
        font-size: 11.0pt !important;
        font-family: "Calibri",sans-serif !important;
        mso-fareast-language: EN-US;
        line-height: 130% !important;
        background-color: transparent !important;
        color: var(--stdColor) !important;
        white-space: normal !important;
    }


    .Aktivitet span {
        font-size: 11pt !important;
        font-family: "Calibri",sans-serif !important;
        mso-fareast-language: EN-US;
        line-height: 130% !important;
        background-color: transparent !important;
        color: var(--stdColor) !important
    }

    .Aktivitet div {
        font-size: 11pt !important;
        font-family: "Calibri",sans-serif !important;
        mso-fareast-language: EN-US;
        line-height: 130% !important;
        background-color: transparent !important;
        color: var(--stdColor) !important
    }

.AktivitetXXX::after {
    content: " ";
    display: block;
    background-color: #f0f0f0;
    width: 120%;
    clear: left;
    height: 1px;
    overflow: hidden;
    border-top: 1px solid #f0f0f0;
}



.dlgEntry {
    width: 100% !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

.Aktivitet2 {
    overflow: hidden;
    text-align: right;
    word-wrap: break-word;
    word-break: normal;
    font-size: 8pt;
    line-height: 110%
}

.AktivitetNote {
    overflow: hidden;
    text-align: left;
    word-wrap: break-word;
    word-break: normal;
    font-size: 8pt;
    line-height: 110%
}

.AktHidden {
    display: none
}

.AktVisible {
    display: block
}

.casecreated {
    position: absolute;
    bottom: 3px;
    right: 20px;
    float: left;
    width: 500px;
    height: 12px;
    font-family: verdana;
    font-size: 7pt;
    overflow: hidden;
    text-align: right;
    color: #404040
}

    .casecreated:hover {
        position: absolute;
        bottom: 3px;
        right: 20px;
        float: left;
        width: 500px;
        height: 12px;
        font-family: verdana;
        font-size: 7pt;
        overflow: hidden;
        text-align: right;
        color: #404040
    }

.PrevHeader {
    background: #e0e0e0;
    height: 20px;
    color: #404040;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    padding-top: 3px;
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.btnNew3 {
    outline: 0;
    border: 1px solid #DDDDDD;
    margin: 0;
    padding: 0;
    color: #404040 !important;
    -moz-border-radius: 1px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
    -webkit-appearance: none;
    font-family: verdana;
    font-size: 7pt;
    font-weight: bold;
    cursor: pointer;
    padding-top: 2px;
    padding-bottom: 2px;
    background: url(images/buttonbg.png) repeat-x
}

    .btnNew3:hover {
        outline: 0;
        border: 2px solid #96B8EF;
        margin: 0;
        padding: 0;
        color: #000 !important;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        -khtml-border-radius: 1px;
        border-radius: 1px;
        -webkit-appearance: none;
        font-family: verdana;
        font-size: 7pt;
        font-weight: bold;
        cursor: pointer;
        padding-bottom: 2px;
        background: url(images/buttonbg.png) repeat-x;
    }

    .btnNew3:focus {
        outline: 0;
        border: 2px solid #96B8EF;
        margin: 0;
        padding: 0;
        color: #000 !important;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        -khtml-border-radius: 1px;
        border-radius: 1px;
        -webkit-appearance: none;
        font-family: verdana;
        font-size: 7pt;
        font-weight: bold;
        cursor: pointer;
        padding-bottom: 2px;
        background: url(images/buttonbg.png) repeat-x;
    }

.previewperson {
    margin-right: 2px;
    width: 8px;
    height: 10px;
    margin-top: 4px
}

.previewpersonRow {
    margin-right: 4px;
    width: 10px;
    height: 10px
}

.btnNew3x {
    outline: 0;
    border: 1px solid #DDDDDD;
    margin: 0;
    padding: 5px;
    color: #FFFFFF !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 5px;
    -webkit-appearance: none;
    font-family: verdana;
    font-size: 8pt;
    font-weight: normal;
    cursor: pointer;
    width: 80px;
    height: 28px;
    background: #0056B3
}

    .btnNew3x:hover {
        outline: 0;
        border: 1px solid #DDDDDD;
        margin: 0;
        padding: 5px;
        color: #FFFFFF !important;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        -webkit-appearance: none;
        font-family: verdana;
        font-size: 8pt;
        font-weight: normal;
        cursor: pointer;
        background: orange
    }



.btnNew3xReadMode {
    outline: 0;
    border: 1px solid #DDDDDD;
    margin: 0;
    padding: 4px;
    color: #545454 !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-appearance: none;
    font-family: verdana;
    font-size: 8pt;
    font-weight: normal;
    cursor: pointer;
    width: 110px;
    background: #f0f0f0
}

    .btnNew3xReadMode:hover {
        outline: 0;
        border: 1px solid #DDDDDD;
        margin: 0;
        padding: 4px;
        color: #FFFFFF !important;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        -webkit-appearance: none;
        font-family: verdana;
        font-size: 8pt;
        font-weight: normal;
        cursor: pointer;
        background: orange !important
    }

.btnNew3xReadModeActive {
    outline: 0;
    border: 1px solid #DDDDDD;
    margin: 0;
    padding: 4px;
    color: var(--stdColor);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    font-family: verdana;
    font-size: 8pt;
    font-weight: normal;
    cursor: pointer;
    width: 110px;
    background: var(--stdBackGround);
}

.divFilterExternalDialogue {
    background: var(--stdGreen) !important;
}

.btnNew3xReadModeActive:hover {
    outline: 0;
    border: 1px solid #DDDDDD;
    margin: 0;
    padding: 4px;
    color: #FFFFFF !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    font-family: verdana;
    font-size: 8pt;
    font-weight: normal;
    cursor: pointer;
    background: orange
}



.btnNewGgl {
    width: 320px !important;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 0.375rem;
    background-clip: padding-box;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btnNewGglFed {
    outline: 0;
    border: 1px solid #3079ED;
    margin: 0;
    padding: 0;
    color: #000 !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -webkit-appearance: none;
    font-family: verdana;
    font-size: 12pt !important;
    font-weight: normal !important;
    cursor: pointer;
    padding-top: 2px;
    padding-bottom: 2px;
    background: #f0f0f0;
    width: 320px !important
}

    .btnNewGglFed:hover {
        outline: 0;
        border: 1px solid #3079ED;
        margin: 0;
        padding: 0;
        color: #000 !important;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
        -webkit-appearance: none;
        font-family: verdana;
        font-size: 8pt;
        font-weight: normal;
        cursor: pointer;
        padding-top: 2px;
        padding-bottom: 2px;
        background: #fafafa !important
    }

.divButtons {
    opacity: 0.8;
    background: #fafafa;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #cccccc;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 7px;
    white-space: nowrap;
    overflow: hidden
}

    .divButtons:hover {
        opacity: 1
    }

.PreviewButtons {
    background: #fafafa;
    display: block;
    width: 100%;
    padding: 2px;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    font-size: 8pt;
    overflow: hidden;
    height: 35px;
    margin-top: 0px;
    white-space: nowrap;
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0px;
    padding-top: 7px;
}

    .PreviewButtons:hover {
        opacity: 1
    }

.btnNew3TAB, .btnNew3TABC {
    outline: 0;
    border: 1px solid var(--stdBorder) ;
    margin: 0;
    padding: 0;
    border-radius: 3px !important;
    font-family: verdana;
    font-size: 8pt;
    cursor: pointer;
    padding-top: 8px;
    padding-bottom: 8px;
    background: transparent;
    border-radius: 0;
    font-weight: normal;
    color: #3B3A39;
    width: 75px;
    height: 32px;
    margin-right: 5px
}

    .btnNew3TAB:hover {
        background: #EFF6FC;
        border: 1px solid #0078D4;
    }

    .btnNew3TAB:focus {
        background: #EFF6FC;
        border: 1px solid #0078D4;
    }

.btnNew3TABA, .btnNew3TABAC {
    outline: 0;
    border: 1px solid transparent;
    margin: 0;
    padding: 0;
    border-radius: 3px !important;
    font-family: verdana;
    font-size: 8pt;
    cursor: pointer;
    padding-top: 8px;
    padding-bottom: 8px;
    background: transparent;
    font-weight: normal;
    color: #3B3A39;
    width: 75px;
    height: 32px;
    margin-right: 5px
}

    .btnNew3TABA:hover, .btnNew3TABAC:hover {
        background: #EFF6FC;
        border: 1px solid #0078D4;
    }

    .btnNew3TABA:focus, .btnNew3TABAC:focus {
        background: #EFF6FC;
        border: 1px solid #0078D4;
    }


.btnNew4TAB {
    outline: 0;
    border: 1px solid #cccccc;
    margin: 0;
    padding: 0;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 3px !important;
    font-family: verdana;
    font-size: 8pt;
    cursor: pointer;
    padding-top: 8px;
    padding-bottom: 8px;
    background: #EFF6FC;
    border-radius: 0;
    font-weight: normal;
    color: #3B3A39;
    width: 75px;
    height: 32px;
    margin-right: 5px;
}

    .btnNew4TAB:hover {
        background: white;
    }

    .btnNew4TAB:focus {
        outline: 0;
        border: 1px solid #cccccc;
        border-bottom: 1px solid orange;
        margin: 0;
        padding: 0;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        -khtml-border-radius: 1px;
        border-radius: 1px;
        font-family: verdana;
        font-size: 8pt;
        cursor: pointer;
        padding-top: 8px;
        padding-bottom: 8px;
        background: #EFF6FC;
        border-radius: 0;
        font-weight: normal;
        color: #3B3A39;
        width: 75px;
        height: 32px;
        margin-right: 5px;
        background: #ffffff;
    }

.btnNew4TABGreen {
    outline: 0;
    border: 1px solid #cccccc;
    margin: 0;
    padding: 0;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 3px !important;
    font-family: verdana;
    font-size: 8pt;
    cursor: pointer;
    padding-top: 8px;
    padding-bottom: 8px;
    background: #0056B3;
    border-radius: 0;
    font-weight: normal;
    color: white;
    width: 75px;
    height: 32px;
    margin-right: 5px;
}

    .btnNew4TABGreen:hover {
    }

    .btnNew4TABGreen:focus {
        outline: 0;
        border: 1px solid #cccccc;
        border-bottom: 1px solid orange;
        margin: 0;
        padding: 0;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        -khtml-border-radius: 1px;
        border-radius: 1px;
        font-family: verdana;
        font-size: 8pt;
        cursor: pointer;
        padding-top: 8px;
        padding-bottom: 8px;
        background: #EFF6FC;
        border-radius: 0;
        font-weight: normal;
        color: #3B3A39;
        width: 75px;
        height: 32px;
        margin-right: 5px;
        background: #ffffff;
    }

.btnNew4TABRed {
    outline: 0;
    border: 1px solid #cccccc;
    margin: 0;
    padding: 0;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 3px !important;
    font-family: verdana;
    font-size: 8pt;
    cursor: pointer;
    padding-top: 8px;
    padding-bottom: 8px;
    background: var(--stdRed);
    border-radius: 0;
    font-weight: normal;
    color: white;
    width: 75px;
    height: 32px;
    margin-right: 5px;
}

    .btnNew4TABRed:hover {
    }

    .btnNew4TABRed:focus {
        outline: 0;
        border: 1px solid #cccccc;
        border-bottom: 1px solid orange;
        margin: 0;
        padding: 0;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        -khtml-border-radius: 1px;
        border-radius: 1px;
        font-family: verdana;
        font-size: 8pt;
        cursor: pointer;
        padding-top: 8px;
        padding-bottom: 8px;
        background: #EFF6FC;
        border-radius: 0;
        font-weight: normal;
        color: #3B3A39;
        width: 75px;
        height: 32px;
        margin-right: 5px;
        background: #ffffff;
    }

.btnNew4TABA {
    outline: 0;
    border: 1px solid #cccccc;
    margin: 0;
    padding: 0;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 3px !important;
    font-family: verdana;
    font-size: 8pt;
    cursor: pointer;
    padding-top: 8px;
    padding-bottom: 8px;
    background: #EFF6FC;
    border-radius: 0;
    font-weight: normal;
    color: #3B3A39;
    width: 75px;
    height: 32px;
    margin-right: 5px;
}

    .btnNew4TABA:hover {
        background: white;
    }

    .btnNew4TABA:focus {
        outline: 0;
        border: 1px solid #cccccc;
        border-bottom: 1px solid orange;
        margin: 0;
        padding: 0;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        -khtml-border-radius: 1px;
        border-radius: 1px;
        font-family: verdana;
        font-size: 8pt;
        cursor: pointer;
        padding-top: 8px;
        padding-bottom: 8px;
        background: #EFF6FC;
        border-radius: 0;
        font-weight: normal;
        color: #3B3A39;
        width: 75px;
        height: 32px;
        margin-right: 5px;
        background: #ffffff;
    }

.btnNew4TABSmall {
    outline: 0;
    border: 1px solid #0078D4;
    margin: 0;
    padding: 0;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 3px !important;
    font-family: verdana;
    font-size: 7pt;
    cursor: pointer;
    padding-top: 4px;
    padding-bottom: 4px;
    background: #EFF6FC;
    border-radius: 0;
    font-weight: normal;
    color: #3B3A39;
    width: 75px;
    height: 22px;
    margin-right: 5px
}

    .btnNew4TABSmall:hover {
        background: white;
    }

    .btnNew4TABSmall:focus {
        background: #ffffff;
    }

.btnNew5TAB {
    outline: 0;
    border: 1px solid #cccccc;
    margin: 0;
    padding: 0;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 3px !important;
    font-family: verdana;
    font-size: 8pt;
    cursor: pointer;
    padding-top: 8px;
    padding-bottom: 8px;
    background: #FFFFFF;
    border-radius: 0;
    font-weight: normal;
    color: #3B3A39;
    width: 75px;
    height: 32px;
    margin-right: 5px
}

    .btnNew5TAB:hover {
        background: #EFF6FC;
    }

    .btnNew5TAB:focus {
        background: #EFF6FC;
    }

.redbackground {
    background: #E9967A
}

.redbackgroundTop {
    background: var(--stdRed);
    position: absolute;
    top: 49px;
    left: 30px;
    color: white;
    display: block;
    font-size: 9pt;
    padding: 2px;
    padding-bottom: 0
}

.btnNew3t {
    opacity: 0.7;
    outline: 0;
    border: 1px solid #DDDDDD;
    border-left: 0;
    margin: 0;
    padding: 0;
    color: #404040 !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    font-family: verdana;
    font-size: 7pt;
    font-weight: bold;
    cursor: pointer;
    padding-top: 2px;
    padding-bottom: 2px;
    background: #ffffff
}

.Console {
    height: 12px;
    width: 12px;
    margin-right: 2px
}

.cRow {
    height: 43px;
    overflow: hidden;
    word-wrap: break-word
}

.cImg {
    cursor: pointer;
    height: 30px;
    width: 30px;
    margin-right: 5px;
    margin-left: 10px;
    margin-bottom: 0px;
}

.cStat {
    height: 12px;
    width: 12px
}

.cImgr2 {
    cursor: pointer;
    height: 30px;
    width: 30px;
    margin-right: 5px;
    margin-left: 10px;
    margin-bottom: 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.imgCasePreview {
    max-width: 130px;
    height: 40px;
    display: inline-block;
    float: left;
    margin-right: 5px;
    cursor: pointer;
    margin-top: 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #c0c0c0;
}

#divMainLeftMenu1 {
    margin-left: -8px !important;
    padding-left: 7px !important
}

.MyProfileBox {
    display: none;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 11100;
    width: 170px;
    border: 0px solid white;
    height: 65px;
    color: #404040 !important;
    float: left;
    overflow: hidden;
    background: transparent
}

    .MyProfileBox A {
        color: #FFFFFF !important;
    }

    .MyProfileBox DIV {
        color: #F0F0F0 !important;
    }

.GoogleDocsInfo {
    position: absolute;
    top: 32px;
    left: 18px;
    font-size: 8pt;
    color: #fafafa
}

#btnGoogleDocsRefresh1 {
    position: absolute;
    cursor: pointer;
    right: 35px;
    top: 10px;
    width: 16px;
    height: 16px;
    opacity: 0.7
}

.DocPreviewHeader1 {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    padding-left: 18px;
    color: white !important;
    background: #0078D4;
    width: 100%;
    height: 30px;
    font-size: 12pt
}

#divGoogleDocsInner1 {
    margin-top: 45px !important
}

.btnUsersGroupsProfile1 {
    width: 20px;
    height: 24px;
    border: 1px solid #e0e0e0;
    display: inline-block;
    text-align: center;
    margin-left: 2px;
    padding: 0 !important
}

.divProfileUsersList1 {
    position: absolute;
    display: none;
    top: 145px;
    right: 0px;
    background: #FFFFFF;
    width: 195px;
    height: 200px;
    border: 0px solid black;
    padding: 5px;
    font-size: 8pt;
    line-height: 120%;
    overflow: hidden;
    overflow-y: auto;
}

.imgCloseProfileExclude {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 20px;
    height: 20px;
    opacity: 0.7;
    cursor: pointer
}

.btnNew3a {
    margin: 0;
    padding: 0;
    color: #ffffff;
    border: 1px solid #e0e0e0;
    font-family: verdana;
    font-size: 10pt;
    font-weight: normal;
    cursor: pointer;
    background: #2E6FA7;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

    .btnNew3a:hover {
        margin: 0;
        padding: 0;
        color: #ffffff;
        border: 1px solid #e0e0e0;
        font-family: verdana;
        font-size: 10pt;
        font-weight: normal;
        cursor: pointer;
        background: #428BCA !important;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
    }

.btnNew3b {
    border: 1px solid #DDDDDD;
    margin: 0;
    padding: 0;
    color: #606060;
    cursor: pointer;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    -webkit-appearance: none;
    font-family: verdana;
    font-size: 7pt;
    font-weight: bold;
    cursor: pointer;
    padding-top: 2px;
    padding-bottom: 2px;
    background: url(images/buttonbg.png) repeat-x
}

    .btnNew3b:hover {
        border: 1px solid #C6C6C6;
        margin: 0;
        padding: 0;
        color: #000;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -khtml-border-radius: 0px;
        border-radius: 0px;
        -webkit-appearance: none;
        font-family: verdana;
        font-size: 7pt;
        font-weight: bold;
        cursor: pointer;
        padding-top: 2px;
        padding-bottom: 2px;
        background: #759ECC !important;
    }


.btnNew2 {
    border: 1px solid #DDDDDD;
    margin: 0;
    padding: 0;
    color: #444444;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
    font-family: verdana;
    font-size: 7pt;
    font-weight: normal;
    cursor: pointer;
    padding-top: 2px;
    padding-bottom: 2px;
    background: url(images/buttonbg.png) repeat-x
}

    .btnNew2:hover {
        border: 1px solid #C6C6C6;
        margin: 0;
        padding: 0;
        color: #444444;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        -khtml-border-radius: 1px;
        border-radius: 1px;
        font-family: verdana;
        font-size: 7pt;
        font-weight: normal;
        cursor: pointer;
        padding-top: 2px;
        padding-bottom: 2px;
        background: url(images/buttonbg2.png) repeat-x
    }

btnNew {
    border: 0;
    outline: 1px solid #ddd;
    margin: 0;
    padding: 0;
    color: gray;
    border-top: 1px solid #fff;
    font-family: verdana;
    font-size: 7pt;
    font-weight: bold;
    cursor: pointer;
    background: url(images/buttonbg.png) repeat-x
}

.btnNew:hover {
    background: white;
    color: #3071A9;
    text-decoration: underline;
}

.btnNew4 {
    border: 0;
    color: #3071A9;
    font-weight: bold;
    font-family: verdana;
    font-size: 7pt;
    cursor: pointer;
    background: transparent
}

    .btnNew4:hover {
        background: #f0f0f0;
        color: #3071A9;
        text-decoration: underline;
    }

.tid {
    font-size: 10pt;
    font-weight: normal;
    color: orange;
    cursor: pointer;
    width: 100%;
    height: 26px;
    border-bottom: 1px solid #f0f0f0
}

.tidMark {
    font-size: 10pt;
    font-weight: normal;
    cursor: pointer;
    background: #d0d0d0;
    width: 100%;
    height: 26px;
    border-bottom: 1px solid #f0f0f0;
}

.tidsup {
    font-size: 7pt;
    font-weight: normal;
    padding: 2px
}

.courtDiv {
    position: relative;
    display: none;
    float: left;
    border-right: 1px solid #e0e0e0;
    overflow: hidden
}

.t1old {
    cursor: pointer;
    font-size: 7pt;
    width: 100%;
    height: 12px;
    background: #FFFFFF;
    border-bottom: 1px solid #f5f5f5;
    line-height: 100%
}

.t2old {
    cursor: pointer;
    font-size: 7pt;
    width: 100%;
    height: 13px;
    background: #FFFFFF;
    border-bottom: 1px solid #EEEEEE;
    line-height: 100%
}

.t1 {
    cursor: pointer;
    font-size: 7pt;
    width: 100%;
    height: 12px;
    background: #FFFFFF;
    border-bottom: 1px solid #f0f0f0;
    line-height: 100%
}

.t2 {
    cursor: pointer;
    font-size: 7pt;
    width: 100%;
    height: 13px;
    background: #FFFFFF;
    border-bottom: 1px solid #DEDEDE;
    line-height: 100%
}

.tMark {
    z-Index: 98000;
    width: 100%;
    height: 12px;
    background: #FFFFFF;
    border-top: 1px solid #3071A9;
    border-bottom: 1px solid #f5f5f5;
    line-height: 100%
}

.divTypeHeading {
    opacity: 1.0;
    white-space: nowrap;
    border-left: 0px solid #6AA4D4;
    color: #545454;
    font-size: 10pt;
    padding-top: 0px;
    margin-bottom: 0px;
    margin-top: -13px;
    overflow: hidden;
    height: 30px;
    overflow: hidden;
    width: 100%;
    background: #f0f0f0;
    border-top: 1px solid transparent;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px
}

    .divTypeHeading img {
        vertical-align: -5px
    }

.divTypeHeading1 {
    opacity: 1.0;
    white-space: nowrap;
    border-left: 0px solid #6AA4D4;
    color: #545454;
    font-size: 10pt;
    padding-top: 0px;
    margin-bottom: 0px;
    margin-top: -19px;
    overflow: hidden;
    height: 40px;
    overflow: hidden;
    width: 100%;
    background: #f0f0f0;
    border-top: 1px solid transparent;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px
}



.divTaskHeading {
    white-space: nowrap;
    color: white;
    font-size: 10pt;
    margin-bottom: 0px;
    margin-top: 0px;
    overflow: hidden;
    height: 28px;
    overflow: hidden;
    width: 100%;
    background: #0078D4;
    border-bottom: 1px solid #e0e0e0;
    opacity: 1.0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
}

.divTypeHeading2 {
    opacity: 1.0;
    white-space: nowrap;
    border-left: 0px solid #6AA4D4;
    color: #303030;
    font-size: 10pt;
    padding-top: 0px;
    margin-bottom: 0px;
    margin-top: -13px;
    overflow: hidden;
    height: 30px;
    overflow: hidden;
    width: 100%;
    background: #ffffff;
    border-top: 1px solid transparent;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
}

.x {
}

.divTypeHeadingDlg {
    background: #0078D4;
    color: white;
    width: 100%;
    height: 14px;
    padding: 1%;
    margin: 0;
    font-weight: bold;
    overflow: hidden
}

.divTypeHeadingSearch {
    color: black;
    width: 100%;
    height: 20px;
    padding: 1%;
    padding-top: 0;
    margin: 0;
    margin-top: 2px !important;
    font-weight: normal;
    overflow: hidden;
    clear: left
}

#inpEmailLog1 {
    background: #f4f4f4;
    border: 0
}

#inpEmailLog2 {
    background: #f4f4f4;
    border: 0
}

#inpEmailLog3 {
    background: #f4f4f4;
    border: 0
}

#inpEmailLog4 {
    background: #f4f4f4;
    border: 0
}

#inpEmailLog5 {
    background: #f4f4f4;
    border: 0
}

#divDebugInner1 {
    border: 0 !important
}

#divDebugLogMain {
    width: calc(100% - 20px);
    height: calc(100% - 220px);
}

#divDebugLog {
    height: calc(100% - 30px);
    overflow-y: auto;
}

#divDebugInner1 {
    height: calc(100% - 10px);
}

.divMain1 {
    overflow: hidden;
    border-right: 1px solid #e0e0e0;
    margin: 0;
    padding: 0;
    padding-left: 0;
    padding-top: 0px;
    padding-right: 0;
    float: left;
    width: 72%;
    height: 90%;
    display: none;
    background: transparent
}

.divMain {
    overflow: hidden;
    border-right: 1px solid #e0e0e0;
    margin: 0;
    padding: 0;
    padding-left: 0;
    padding-top: 13px;
    padding-right: 0;
    float: left;
    width: 72%;
    height: 90%;
    display: none;
    background: transparent
}

.PreViewPane {
    width: 100%;
    margin-top: 0px;
    text-align: center;
    color: #404040;
    font-size: 10pt;
}

.PreViewPaneMain {
    background: #FFFFFF;
    border-left: 0px solid #c0c0c0;
    padding: 10px;
    padding-top: 0;
    width: 20%;
    height: 90%;
    display: none;
    overflow: hidden;
    border: 0px solid #f0f0f0;
    border-bottom: 0;
    border-left: 1px solid #e0e0e0;
    position: relative;
    margin: 0;
    padding: 0;
    padding-left: 15px;
    overflow-y: hidden;
    padding-top: 1px;
    word-break: normal;
    white-space: normal
}

.PreViewPaneMainChangeCalendarX {
    background: #FFFFFF;
    border-left: 0px solid #c0c0c0;
    padding-top: 0;
    float: left;
    width: 20%;
    height: 4000px;
    display: none;
    overflow: hidden;
    overflow-y: auto;
    border: 0px solid #f0f0f0;
    border-bottom: 0;
    border-left: 0px solid #e0e0e0;
    position: relative;
    margin: 0;
    padding: 0;
    margin: 0;
    padding-left: 15px;
    overflow-y: hidden;
    padding-top: 1px
}

.PreViewPaneMainChangeCalendar {
    background: #FFFFFF;
    border-left: 0px solid #c0c0c0;
    padding: 10px;
    padding-top: 0;
    width: 20%;
    height: 90%;
    display: none;
    overflow: hidden;
    border: 0px solid #f0f0f0;
    border-bottom: 0;
    border-left: 1px solid #e0e0e0;
    position: relative;
    margin: 0;
    padding: 0;
    padding-left: 15px;
    overflow-y: hidden;
    padding-top: 1px;
    word-break: normal;
    white-space: normal
}


.blockedImg {
    border: 1px solid red;
    display: none
}

.SafeImg {
    border: 1px solid orange;
    min-width: 16px;
    min-height: 16px
}

.blockTag.img {
    display: none
}

.tHeader {
    width: 100%;
    height: 24px;
    border-bottom: 0px solid #e0e0e0;
    overflow: hidden;
    line-height: 200%;
    background: #FFFFFF;
    font-weight: bold;
    color: gray
}

.user {
    color: #3071A9;
    font-size: 7pt;
    font-weight: normal
}

.imguser {
    height: 25px;
    width: 25px;
    padding-top: 5px
}

.imgprofile {
    height: 50px;
    width: 50px;
    margin-right: 10px;
    border: 1px solid #e0e0e0;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.imgprofile2 {
    height: 55px;
    width: 55px;
    margin-right: 10px;
    border: 1px solid #f0f0f0;
    cursor: pointer
}

.divCaption {
    font-family: verdana;
    font-size: 9pt;
    font-weight: bold;
    color: silver;
    padding-left: 10px;
    line-height: 170%;
    background: #FFFFFF
}

.ProfilePage {
    float: left;
    width: 400px;
    overflow: hidden;
    padding: 20px;
    padding-top: 10px;
    border: 0px solid #c0c0c0;
    display: none;
}

.ReferralPage {
    float: left;
    width: 650px;
    overflow: hidden;
    padding: 20px;
    padding-top: 10px;
    border: 0px solid #c0c0c0;
    display: none;
}

.XMyGroupsHeader1 {
    color: #000;
}

.UserListPage {
    float: left;
    overflow: hidden;
    padding: 20px;
    border: 0px solid #c0c0c0;
    display: none;
}

.CourtsListPage {
    float: left;
    overflow: hidden;
    padding: 0px;
    border: 0px solid #c0c0c0;
    display: none;
    width: 100%
}

.VarerListPage {
    float: left;
    overflow: hidden;
    padding: 0px;
    border: 0px solid #c0c0c0;
    display: none;
    width: 100%
}

.FakturaListPage {
    float: left;
    overflow: hidden;
    padding: 0px;
    border: 0px solid #c0c0c0;
    display: none;
    width: 100%
}

.PayPalListPage {
    float: left;
    overflow: hidden;
    padding: 0px;
    border: 0px solid #c0c0c0;
    display: none;
    width: 100%
}

.KlippeKortListPage {
    float: left;
    overflow: hidden;
    padding: 0px;
    border: 0px solid #c0c0c0;
    display: none;
    width: 100%
}

.ReportsListPage {
    float: left;
    overflow: hidden;
    padding: 0px;
    border: 0px solid #c0c0c0;
    display: none;
    width: 100%
}


.Edit {
    float: left;
    display: none;
    margin-top: 1px;
    float: right;
    border: 0;
    text-align: center;
    padding-right: 3px
}

.lbl {
    font-weight: normal;
    float: left;
    width: 100px;
    text-align: right;
    padding-right: 5px;
    padding-top: 7px
}

.txtInp {
    font-weight: bold;
    float: left;
    width: 230px;
    text-align: left;
}

.inp2 {
    font-size: 8pt;
    color: #404040;
    padding: 5px;
    background: #FFFFFF;
    width: 250px;
    border: 1px solid #EAC377
}

.inp3 {
    font-size: 8pt;
    color: #404040;
    padding: 5px;
    background: #FFFFFF;
    width: 150px;
    border: 1px solid #EAC377;
    margin-bottom: 5px;
    -moz-box-shadow: 3px 3px 3px #ccc;
    -webkit-box-shadow: 3px 3px 3px #ccc;
    box-shadow: 3px 3px 3px #ccc;
}

.inp4 {
    z-Index: 12000;
    margin-top: 3px;
    font-size: 8pt;
    color: #404040;
    padding: 2px;
    background: #ffffff;
    width: 150px;
    border: 0;
    border: 1px solid #e0e0e0;
}

    .inp4:hover {
        z-Index: 12000;
        margin-top: 3px;
        font-size: 8pt;
        color: #404040;
        padding: 2px;
        background: #ffffff;
        width: 150px;
        border: 0;
        border: 1px solid #e0e0e0;
    }

.inp7 {
    z-Index: 12000;
    margin-top: 3px;
    font-size: 8pt;
    color: #404040;
    padding: 4px;
    background: #ffffff;
    width: 150px;
    border: 0;
    border: 1px solid #e0e0e0;
}

    .inp7:hover {
        z-Index: 12000;
        margin-top: 3px;
        font-size: 8pt;
        color: #404040;
        padding: 4px;
        background: #ffffff;
        width: 150px;
        border: 0;
        border: 1px solid #e0e0e0;
    }


.PayPalSelect {
    margin-top: 3px;
    font-size: 8pt;
    color: #404040;
    padding: 2px;
    background: #FFFFFF;
    width: 238px;
    border: 0;
    border: 1px solid #e0e0e0;
    background-image: url(images/arrow2down.png);
    background-position: right;
    background-repeat: no-repeat;
    -webkit-appearance: none;
}

    .PayPalSelect:hover {
        margin-top: 3px;
        font-size: 8pt;
        color: #404040;
        padding: 2px;
        background: #ffffff;
        width: 240px;
        border: 0;
        border: 1px solid #e0e0e0;
        background-image: url(images/arrow2down.png);
        background-position: right;
        background-repeat: no-repeat;
        -webkit-appearance: none;
    }

.inp5 {
    font-size: 8pt;
    color: #404040;
    padding: 2px;
    background: #FFFFFF;
    width: 150px;
    border: 0;
    border-bottom: 1px solid #EAC377
}

.inp6 {
    font-size: 8pt;
    color: #404040;
    padding: 2px;
    background: #FFFFFF;
    width: 150px;
    border: 1px solid #EAC377;
    text-align: right
}

.inputX {
    font-size: 7pt;
    font-family: verdana;
}

.input2X {
    font-size: 7pt;
    font-family: verdana;
    color: #3071A9;
    background: transparent;
    border: 0;
    border-bottom: 1px dotted silver;
}

.EditUser {
    font-family: verdana;
    font-size: 8pt;
    color: Black;
    padding-left: 5px;
    clear: both
}

.edtLbl {
    float: left;
    width: 90px;
    padding-top: 4px;
    text-align: right;
    font-size: 8pt;
    color: #3071A9;
    clear: both;
}

.edtLbl1 {
    float: left;
    width: 125px;
    padding-top: 4px;
    text-align: right;
    font-size: 8pt;
    color: #3071A9;
    clear: both;
    padding-right: 12px
}

.edtLbl3 {
    float: left;
    width: 94px;
    padding-top: 4px;
    text-align: right;
    font-size: 8pt;
    color: #3071A9;
    clear: both;
    margin-left: 20px;
    padding-right: 3px
}


.edtInp {
    float: left;
    width: 180px;
    height: 23px;
    font-size: 8pt
}

.divFakturalinjer {
    float: left;
    width: 470px;
    margin-top: 15px;
    padding: 3px;
    text-align: left;
    border: 1px solid silver;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.lightText {
    color: #999999;
    font-weight: normal;
    letter-spacing: 1px
}

.phoneheader {
    z-Index: 930000;
    position: absolute;
    top: 0px;
    right: 0;
    overflow: hidden;
    opacity: 1;
    border: 2px solid var(--stdOrange);
    background: white;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}

.phoneHistory {
    z-Index: 930000;
    position: absolute;
    top: 80px;
    right: 2px;
    overflow: hidden;
    opacity: 1;
    border: 1px solid #e0e0e0;
    background: white;
    display: none;
}

#divPhoneLogHistory {
    width: 200px;
    border: 0px solid black;
    max-height: 500px;
    min-height: 100px;
    font-size: 10pt;
    padding-5px;
    line-height: 120%;
    overflow: hidden;
    overflow-y: auto;
}

.phonedelay {
    margin-left: 30px;
    display: inline-block
}

.phonelogitem1 {
    margin-left: 20px;
    display: inline-block;
    width: 110px;
    padding: 5px
}

.phonelogitem2 {
    display: inline-block;
    width: 140px;
    margin-left: 10px;
    padding: 5px;
    font-size: 8pt !important;
    margin-left: 20px;
    padding-left: 20px;
    color: #404040;
}

.phonelog {
    font-size: 8pt;
    margin-right: 10px;
    background: #f0f0f0;
    padding: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.phoneloglink {
    clear: left;
    float: right;
    color: white;
    font-size: 8pt;
    font-weight: normal !important;
    margin-right: 76px;
    color: #ffffff !important;
    text-decoration: none
}

    .phoneloglink:hover {
        text-decoration: underline
    }

.phoneHistoryHeader {
    width: 100%;
    padding: 5px;
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
    font-size: 10pt;
}

.td {
    background: #DBE5F1;
    padding: 3px
}

.td2 {
    background: #548DD4;
    color: white;
    font-weight: bold;
    padding: 3px
}

.tdlist {
    height: 22px;
    padding: 2px;
    padding-left: 5px
}

.tdlist2 {
    height: 18px;
    padding: 2px;
    padding-right: 5px;
    text-align: right
}

.tdlist3 {
    padding-right: 5px;
    text-align: right
}

.tdlist4 {
    float: left;
    height: 22px;
    padding: 2px;
    padding-left: 5px;
    background: #E8EDF3;
    border-right: 1px solid #e0e0e0;
    overflow: hidden
}

.tdlist4b {
    float: left;
    height: 22px;
    padding: 2px;
    padding-left: 5px;
    border-right: 1px solid #e0e0e0;
    overflow: hidden
}

.tdlist4c {
    float: left;
    height: 16px;
    padding: 2px;
    padding-left: 5px;
    border-right: 1px solid #e0e0e0;
    overflow: hidden
}

.tdlist4a {
    float: left;
    height: 16px;
    padding: 2px;
    padding-left: 5px;
    background: #E8EDF3;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    border-right: 1px solid #e0e0e0
}

    .tdlist4a:hover {
        float: left;
        height: 16px;
        padding: 2px;
        padding-left: 5px;
        background: #E8EDF3;
        font-weight: bold;
        text-align: center;
        cursor: pointer;
        text-decoration: underline;
        border-right: 1px solid #e0e0e0
    }

.tdlist4x {
    float: left;
    height: 16px;
    padding: 2px;
    padding-left: 5px;
    background: #E8EDF3;
    border-right: 1px solid #e0e0e0;
    overflow: hidden;
    color: red
}

.tdlist4xb {
    float: left;
    height: 16px;
    padding: 2px;
    padding-left: 5px;
    border-right: 1px solid #e0e0e0;
    overflow: hidden;
    color: red
}

.tdheader {
    background: #0078D4;
    color: white;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: left;
    height: 20px
}

.tdheader2 {
    background: red;
    color: white;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: left;
    height: 20px
}

.tdActions {
    border: 1px solid silver;
    width: 180px;
    margin-left: 10px;
    padding-left: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 7pt;
    line-height: 150%;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    background: white
}

.tdheaderRound {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: left;
    height: 20px;
}

.caldayofweek {
    width: 13.5%;
    height: 20px;
    border: 1px solid #e0e0e0;
    font-size: 8pt;
    color: #404040;
    font-weight: bold;
    background: #F5F5F5;
    float: left;
    position: relative
}

.calday {
    width: 13.5%;
    height: 16%;
    border: 1px solid #e0e0e0;
    font-size: 8pt;
    color: #404040;
    background: #F5F5F5;
    float: left;
    position: relative;
    overflow: hidden
}

    .calday:hover {
        width: 13.5%;
        height: 16%;
        border: 1px solid #404040;
        font-size: 8pt;
        color: #404040;
        float: left;
        position: relative;
        cursor: pointer;
        overflow: hidden
    }

.caldayinner {
    position: absolute;
    left: 0px;
    top: 2px;
    width: 100%;
    text-align: center;
    border: 1px solid transparent;
    overflow: hidden
}

.caldayinnexr:hover {
    position: absolute;
    left: 0px;
    top: 2px;
    width: 100%;
    text-align: center;
    background: #EDF7AC;
    border: 1px solid #FFA500
}

.ChangeCalendar {
    height: 800px;
    width: 100%;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    margin-left: 5px;
    padding-left: 5px
}

.ChangeDetailsRow {
    color: #404040 !important
}

    .ChangeDetailsRow:hover {
        text-decoration: underline
    }

.ChangeDetailsHeader {
    background: #f0f0f0;
    font-weight: bold;
    padding: 5px;
    color: #000 !important;
    border-bottom: 1px solid #e0e0e0
}

.tdHead2 {
    float: left;
    color: gray;
    font-weight: bold;
    font-size: 7pt;
    text-align: center;
    width: 75px;
    padding: 4px;
    background: #Fafafa;
    border: 1px solid #e0e0e0;
    border-top: 0
}

    .tdHead2 a {
        color: gray
    }

.tdHead2a {
    float: left;
    color: gray;
    font-weight: bold;
    font-size: 7pt;
    text-align: center;
    width: 75px;
    padding: 4px;
    background: #Fafafa;
    border: 1px solid #e0e0e0;
}

    .tdHead2a a {
        color: gray
    }

.td1 {
    float: left;
    color: #606060;
    font-weight: normal;
    font-size: 8pt;
    text-align: right;
    width: 75px;
    padding: 4px;
    background: #FFFFFF;
    border: 1px solid #e0e0e0;
}

.td1a {
    float: left;
    color: #606060;
    font-weight: normal;
    font-size: 8pt;
    text-align: right;
    width: 75px;
    padding: 4px;
    background: #FFFFFF;
    border: 1px solid #e0e0e0;
}

.td2a {
    float: left;
    color: #606060;
    font-weight: normal;
    font-size: 8pt;
    text-align: right;
    width: 75px;
    padding: 4px;
    background: #F5FAFA;
    border: 1px solid #e0e0e0;
}

.td2c {
    float: left;
    color: #606060;
    font-weight: normal;
    font-size: 7pt;
    text-align: right;
    width: 75px;
    padding: 4px;
    border: 1px solid transparent;
}

.td2d {
    float: left;
    color: #606060;
    font-weight: normal;
    font-size: 7pt;
    text-align: right;
    border-bottom: 1px solid #e0e0e0
}

    .td2d:hover {
        float: left;
        color: #606060;
        font-weight: normal;
        font-size: 7pt;
        text-align: right;
        background: #ECF0F3;
        border-bottom: 1px solid #e0e0e0
    }

.tdlist1 {
    height: 20px;
    padding: 2px;
    padding-left: 5px;
    color: #606060;
    cursor: pointer;
    min-width: 30px
}

    .tdlist1:hover {
        text-decoration: underline
    }

.tdlist1a {
    height: 20px;
    padding: 2px;
    padding-left: 5px;
    color: #3071A9;
    cursor: pointer;
    min-width: 30px
}

    .tdlist1a:hover {
        text-decoration: underline
    }

.tdlist0 {
    height: 20px;
    padding: 2px;
    padding-left: 5px;
    color: red;
    cursor: pointer;
    min-width: 30px
}

    .tdlist0:hover {
        text-decoration: underline;
        opacity: 1.0
    }

.link2 {
    cursor: pointer;
    text-decoration: none;
    color: #404040
}

    .link2:hover {
        cursor: pointer;
        text-decoration: underline
    }


.text1:hover {
    color: #404040;
    text-decoration: underline
}

.text1 {
    color: #404040;
    margin-bottom: 5px;
    word-wrap: break-word;
    word-break: normal;
    margin-left: 12px !important
}

.text1a:hover {
    color: #404040;
    text-decoration: underline
}

.text1a {
    color: #404040;
    word-break: normal;
    word-wrap: break-word;
    padding-left: 5px;
    float: left;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-right: 10px;
    margin-left: 15px !important
}

.text1b:hover {
    color: #404040;
    text-decoration: underline
}

.text1b {
    color: #404040;
    margin-bottom: 5px;
    word-wrap: break-word;
    word-break: normal;
    overflow: hidden;
    width: 98%;
    padding-top: 10px;
    padding-bottom: 0px;
    margin-right: 10px;
    margin-left: 15px !important
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #c0c0c0;
    opacity: 1;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #c0c0c0;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #c0c0c0;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #c0c0c0;
    opacity: 1;
}

::placeholder {
    color: #c0c0c0;
    opacity: 1; /* Firefox */
}

.lblMainFilter {
    cursor: pointer;
}

    .lblMainFilter:hover {
        text-decoration: underline;
    }
/*Hidden from normal view, but not from screen readers. WCAG*/
.lblVisuallyHidden {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* Clips the element to be 1x1 pixel size */
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

.DialogHeaderPreview {
    opacity: 1
}

    .DialogHeaderPreview:hover {
        opacity: 1.0
    }

.CRMMenu {
    float: left;
    width: 30px;
    height: 22px
}

.linkC {
    cursor: pointer;
    height: 28px;
    padding: 4px;
    border: 1px solid transparent;
    color: #3071A9
}

    .linkC:hover {
        color: #3071A9;
        background: url(images/yel.png);
        border: 1px solid silver;
        text-decoration: none;
    }

.linkSelC {
    color: #3071A9;
    cursor: pointer;
    height: 28px;
    padding: 4px;
    background: url(images/yel.png);
    border: 1px solid silver;
    text-decoration: none;
}

.link {
    cursor: pointer;
    height: 22px;
    padding: 0px;
    border: 1px solid transparent;
    color: var(--stdLink) !important;
    font-size: 8pt;
    padding-bottom: 0;
    padding: 2px;
}

.linkTo {
    height: 22px;
    padding: 0px;
    border: 1px solid transparent;
    color: var(--stdLink);
    font-size: 8pt;
    padding-bottom: 0
}

.linkXXX:hover {
    background: #EDF7AC !important;
    border: 1px solid silver;
    text-decoration: none;
    color: #3071A9 !important
}

.link:hover, .link:focus {
    background: #EFF6FC;
    border: 1px solid #0078D4;
    text-decoration: underline;
    color: #3071A9 !important
}

.divCaseTaskHeading .link:hover {
    border: 1px solid transparent !important;
}

.centered-container {
    position: relative;
    height: 100vh; /* 100% of the viewport height */
    width: 100vw; /* 100% of the viewport width */
}

.box {
    position: absolute;
    top: 50%;
    left: calc(50% - 55px);
    width: 100px;
    height: 100px;
    background-color: transparent;
    transform: translate(-50%, -50%);
}

.box2 {
    position: absolute;
    top: 0px;
    left: 10px;
    width: 100px;
    height: 30px;
    padding: 0;
    margin: 0;
    background: transparent;
}

.linkDoc {
    cursor: pointer;
    padding: 0px;
    border: 1px solid transparent;
    color: #3071A9;
    font-size: 7pt;
    padding-bottom: 0
}

.linkAdmin {
    cursor: pointer;
    height: 22px;
    padding: 0px;
    border: 1px solid transparent;
    color: #3071A9;
    font-size: 8pt;
    padding-bottom: 0
}

    .linkAdmin:hover {
        text-decoration: underline
    }

.link8 {
    cursor: pointer;
    height: 22px;
    padding: 0px;
    border: 1px solid transparent;
    color: #3071A9;
    font-size: 8pt;
    ;
    padding-bottom: 0
}

.link8XXX:hover {
    background: #EDF7AC;
    border: 1px solid silver;
    text-decoration: none;
    color: #3071A9 !important;
}

.link8:hover {
    border: 1px solid transparent;
    border-bottom: 1px solid #3071A9 !important;
    text-decoration: none;
    color: #3071A9 !important;
    padding-bottom: 0
}

.link8:focus {
    outline: 0;
    background: #EDF7AC;
    border: 1px solid #A4C6EE;
    text-decoration: none;
    color: #3071A9 !important;
    ;
    padding-bottom: 0
}


.linkNav {
    cursor: pointer;
    padding: 2px;
    border: 1px solid transparent;
    color: #3071A9;
    font-size: 8pt;
    vertical-align: middle
}

    .linkNav:hover {
        background: #EFF6FC;
        border: 1px solid silver;
        text-decoration: none;
        color: #3071A9 !important;
    }

.linkSelected {
    outline: 0;
    height: 22px;
    padding: 2px;
    background: #EFF6FC;
    border: 1px solid #0078D4;
    text-decoration: none;
    color: #3B3A39 !important;
}

.linkSelectedX {
    outline: 0;
    font-size: 7pt;
    font-weight: normal;
    text-decoration: underline;
    color: #ffffff;
    white-space: nowrap;
}

    .linkSelectedX:focus {
        text-decoration: underline;
        color: #FFFFFF !important;
        white-space: nowrap;
    }

.linkSelectedX2 {
    outline: 0;
    font-size: 7pt;
    font-weight: normal;
    text-decoration: underline;
    color: #000;
    white-space: nowrap;
}

    .linkSelectedX2:focus {
        text-decoration: underline;
        color: #000 !important;
        white-space: nowrap;
    }

#divWait1 {
    text-align: center;
    height: 5px;
    overflow: hidden
}

.linkP {
    outline: 0;
    cursor: pointer;
    height: 22px;
    padding: 0px;
    border: 1px solid transparent;
    color: #3071A9;
    font-size: 8pt;
    ;
    padding-bottom: 0;
    margin-right: 6px
}

.linkPXXX:hover {
    outline: 0;
    background: #EFF6FC;
    border: 1px solid silver;
    text-decoration: none;
    color: #3071A9 !important;
}

.linkP:hover {
    border: 1px solid transparent;
    border-bottom: 1px solid #3071A9 !important;
    text-decoration: none;
    color: #3071A9 !important;
    padding-bottom: 0
}

.linkP:focus {
    outline: 0;
    background: #EFF6FC;
    border: 1px solid #A4C6EE;
    text-decoration: none;
    color: #3071A9 !important;
}

#divPreview .linkP {
    display: none;
    visibility: hidden;
    height: 0
}

#divPreview #dBox {
    display: none;
    visibility: hidden;
    height: 0
}

#divPreview .link {
    pointer-events: none;
    color: black !important
}

#divPreview #IFPrevContent {
    overflow: visible;
    overflow-Y: visible
}

#divPreview {
    overflow-Y: auto
}

#IFPrevContent {
    border: 0px solid red
}

#pp .linkP {
    display: none;
    visibility: hidden;
    height: 0
}

#pp #dBox {
    display: none;
    visibility: hidden;
    height: 0
}

#pp .link {
    pointer-events: none;
    color: black
}

#pp #IFPrevContent {
    overflow: visible;
    overflow-Y: visible;
    height: 100%
}

#pp {
    overflow: visible;
    overflow-Y: visible !important
}



.linkM {
    cursor: pointer;
    height: 22px;
    padding: 3px;
    color: #545454;
    font-size: 10pt;
    font-weight: normal;
    border: 1px solid transparent;
    border-radius:4px;
}

    .linkM:hover {
        background: #EFF6FC;
        border: 1px solid #0078D4;
        text-decoration: none !important;
        color: #3071A9 !important;
    }

.linkMa {
    height: 22px;
    padding: 3px;
    color: #FFFFFF;
    font-size: 8pt;
    font-weight: normal;
    border: 1px solid transparent
}



#lblPages1 {
    vertical-align: 4px
}

.link3 {
    color: #3071A9;
    font-size: 9pt !important;
    font-weight: normal
}

    .link3:hover {
        text-decoration: underline
    }

.link4 {
    color: #202020 !important;
    font-size: 8pt;
    font-weight: normal;
    word-wrap: break-word;
}

    .link4:hover {
        text-decoration: underline
    }

.slogo {
    opacity: 0.2
}

#movingImage {
    margin-left: 100%;
    width: 1px;
    height: 1px;
    background: #FAFAFA;
    z-index: 99000;
    border: 5px solid #f0f0f0;
    position: absolute;
    top: 0;
}

#movingImage2 {
    margin-left: 100%;
    width: 1px;
    height: 1px;
    background: #f0f0f0;
    z-index: 12000;
    border: 1px solid #e0e0e0;
    position: absolute;
    top: 0px;
    overflow: hidden;
    border-top: 0;
    color: #404040
}
/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

input::-ms-reveal,
input::-ms-clear {
    display: none;
}

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.NoteClipboard {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 1000;
    opacity: 0.8;
    border: 1px solid orange;
    padding: 1px
}

    .NoteClipboard:hover {
        opacity: 1.0;
        border: 1px solid green
    }

    .NoteClipboard:active {
        margin-left: 2px;
        margin-top: 2px
    }

#delItemText1 {
    font-size: 10pt;
    width: 220px !important;
    line-height: 130%;
    display: inline-block
}

#delItemInner1 {
    font-size: 10pt !important
}

.NotifySubject {
    min-width: 100px;
    position: relative
}

.DelImg {
    display: none;
    margin: 0;
    padding: 0;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    vertical-align: middle;
    opacity: 0.8;
    cursor: pointer
}

.MyNotesDate {
    position: absolute;
    bottom: 4px;
    right: 25px;
    font-size: 8pt;
    color: var(--stdColor);
    clear: both;
    width: 95px;
    float: right;
    text-align: right;
    border: 0px solid red
}

.MyNotesFrom {
    position: absolute;
    bottom: 4px;
    left: 44px;
    font-size: 7pt;
    color: var(--stdColor);
    width: 50%;
    float: left;
    text-align: left;
    border: 0px solid red;
    overflow: hidden
}

.MyNotesShare {
    position: absolute;
    bottom: 4px;
    left: 44px;
    font-size: 7pt;
    color: #404040;
    width: 50%;
    height: 12px;
    float: left;
    text-align: left;
    overflow: hidden;
    cursor: pointer
}

.MyNotesFolderName {
    position: absolute;
    bottom: 18px;
    left: 44px;
    font-size: 7pt;
    color: #404040;
    width: 50%;
    height: 12px;
    float: left;
    text-align: left;
    overflow: hidden;
    cursor: pointer
}

    .MyNotesFolderName a {
        color: #404040
    }

.NotesRemoveFilter {
    background: #FFC107;
    color: #404040;
    font-size: 9pt;
    text-align: center;
    width: 100%;
    height: 25px;
    overflow: hidden;
    cursor: pointer;
    padding-top: 6px
}

    .NotesRemoveFilter a {
        color: #404040;
    }

.MyNotesStatusImg {
    width: 12px;
    height: 12px;
    float: left;
    opacity: 0.7
}

.MyNotesStatus {
    display: inline-block;
    position: absolute;
    left: 25px;
    top: 12px
}


.MyNotesProbability {
    display: inline-block;
    position: absolute;
    right: 50px;
    top: 14px;
    width: 30px;
    color: white;
    font-size: 7pt;
    font-weight: bold;
    padding: 2px;
    text-align: center;
    background: red;
    border: 1px solid white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.MyNotesProbabilityOrange {
    display: inline-block;
    position: absolute;
    right: 50px;
    top: 14px;
    width: 30px;
    color: white;
    font-size: 7pt;
    font-weight: bold;
    padding: 2px;
    text-align: center;
    background: orange;
    border: 1px solid white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.MyNotesProbabilityBlue {
    display: inline-block;
    position: absolute;
    right: 50px;
    top: 14px;
    width: 30px;
    color: white;
    font-size: 7pt;
    font-weight: bold;
    padding: 2px;
    text-align: center;
    background: #30A1E8;
    border: 1px solid white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.NoteTabs {
    position: relative;
    width: 90%;
    height: 25px;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
    margin-left: 15px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap
}

.NoteTab1 {
    position: absolute;
    top: 7px;
    left: 45px;
    width: 110px;
    height: 25px;
    color: #3071A9;
}

.NoteTab2 {
    position: absolute;
    top: 7px;
    left: 145px;
    width: 110px;
    height: 25px;
    color: #3071A9;
    opacity: 0.7
}

#tabNotes2 {
    opacity: 0.6
}

.MyNoteFromContact {
    clear: left;
    margin-left: 15px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 10pt;
    line-height: 120%;
    word-wrap: break-word;
    word-break: normal;
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px)
}

.MyNoteHeading {
    clear: left;
    margin-left: 15px;
    font-weight: normal;
    font-size: 12pt;
    line-height: 120%;
    word-wrap: break-word;
    word-break: normal;
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px)
}

.MyNotesTextArea1 {
    width: -moz-calc(90% - 70px);
    width: -webkit-calc(90% - 70px);
    width: calc(90% - 70px);
    max-height: 280px;
    min-height: 100px;
    padding: 10px;
    font-family: verdana;
    font-size: 8pt;
    margin-left: 15px;
    border: 1px solid #e0e0e0;
    background: #f0f0f0
}

#MyNotesTextArea1-aloha {
    width: 100%;
    height: 280px;
    padding: 10px;
    font-family: verdana;
    font-size: 8pt;
    margin-left: 15px;
    border: 1px solid #e0e0e0;
    background: #f0f0f0
}

#MyNotesTextAreaDiv {
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    height: 50%
}

#MyNotesComments1 {
    display: none;
    width: -moz-calc(100% - 55px);
    width: -webkit-calc(100% - 55px);
    width: calc(100% - 55px);
    height: 96%;
    padding: 10px;
    font-family: verdana;
    font-size: 8pt;
    margin-left: 15px;
    border: 1px solid #e0e0e0;
    background: #ffffff;
    overflow: hidden;
    overflow-y: auto
}

.MyNoteCommentRow {
    width: 90%;
    padding: 5px;
    clear: left;
    float: left
}

.MyNotesCommentsUnread {
    position: absolute;
    cursor: pointer;
    background: red;
    color: white;
    right: 20px;
    top: 8px;
    border: 0px solid #303030;
    text-align: center;
    min-width: 12px;
    height: 12px;
    font-size: 7pt;
    vertical-align: middle;
    padding: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}

.MyNotesCommentsUnread2 {
    position: absolute;
    cursor: pointer;
    background: red;
    color: white;
    left: 228px;
    top: 5px;
    border: 0px solid #303030;
    text-align: center;
    min-width: 12px;
    height: 12px;
    font-size: 7pt;
    vertical-align: middle;
    padding: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}

.MyNotesCommentsUnread3 {
    display: inline-block;
    margin-left: 10px;
    width: 12px;
    background: red;
    color: white;
    border: 0px solid #303030;
    text-align: center;
    min-width: 12px;
    height: 12px;
    font-size: 7pt;
    vertical-align: middle;
    padding: 1px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}

.MyNoteCommentDate {
    clear: left;
    width: 190px;
    float: left;
    font-size: 7pt
}

.MyNoteCommentContact {
    width: 190px;
    float: left
}

.MyNoteCommentDescription {
    border-bottom: 1px solid #e0e0e0;
    line-height: 120%;
    clear: left;
    background: #ffffff;
    padding: 10px;
    padding-left: 0;
    width: -moz-calc(100% - 15px);
    width: -webkit-calc(100% - 15px);
    width: calc(100% - 15px);
    margin-bottom: 10px;
    float: left;
    word-wrap: break-word;
    word-break: normal;
}

    .MyNoteCommentDescription p {
        padding-left: -5px !important;
        margin-left: -1px !important
    }


.MyNoteCommentAdd {
    clear: left;
    margin-bottom: 20px;
    margin-left: 5px;
    font-size: 8pt
}

.MyNoteCommentEdit {
    display: none;
    padding-left: 0 !important;
    margin-left: 5px !important;
    width: -moz-calc(100% - 15px);
    width: -webkit-calc(100% - 15px);
    width: calc(100% - 15px);
    height: 60%;
    padding: 10px;
    font-family: verdana;
    font-size: 8pt;
    overflow: hidden
}

#MyNotesTextAreaComment1 {
    width: 90%;
    height: 70%;
    font-family: verdana;
    font-size: 8pt;
    line-height: 120%;
    overflow: hidden;
    overflow-y: auto
}

#divDocNotesNOTES1 {
    font-size: 7pt;
    font-weight: normal;
    color: #404040;
    background: transparent;
    margin-left: 15px;
    float: left;
    clear: left;
    padding-top: 3px;
    width: 90%;
    font-family: verdana;
    color: #404040
}


.MyNotesFolderDiv {
    width: -moz-calc(100% - 110px);
    width: -webkit-calc(100% - 110px);
    width: calc(100% - 110px);
    float: left
}

.MyNotesBack {
    width: 16px;
    height: 16px;
    margin-left: 5px;
    cursor: pointer
}

.MyNotesInfo {
    width: 24px;
    height: 24px;
    margin: 0;
    margin-left: 3px;
    vertical-align: text-top;
    cursor: pointer
}

    .MyNotesInfo:active {
        margin-left: 5px;
        margin-top: 3px
    }

.MyNotesCompletedLink {
    float: right;
    margin-right: 26px;
    margin-top: 5px;
    color: white !important
}

.MyNotesRefreshLink {
    float: left;
    margin-left: 7px;
    margin-top: 5px;
    color: white !important
}

.MyNotesImg {
    margin-left: 22px;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    vertical-align: middle;
    cursor: pointer
}

#txtFolderNote1 {
    padding-left: 3px;
    width: 108px
}

#txtNoteNewFolder1 {
    width: 250px;
    float: left;
    display: inline-block
}

#txtFolderNoteAdmin1 {
    padding-left: 3px;
    width: 300px;
    float: left
}

.MyNotesFolderAdmin {
    clear: left;
    float: left;
    width: 350px;
    display: block
}

.MyNotesFolderList1 {
    margin-left: 70px;
    clear: left;
    width: 250px;
    max-height: 75px;
    overflow: hidden;
    overflow-y: auto;
    padding: 10px;
    border: 1px solid #e0e0e0;
    display: block
}

.MyNoteFolderRow {
    width: 300px;
    padding: 5px;
    clear: left;
    float: left
}

.NoNotesInFolder {
    clear: left;
    margin-top: 10px;
    margin-left: 10px;
    color: var(--stdColor)
}

.NotesFolderSelect {
    padding: 3px;
    padding-left: 7px;
    width: 96%;
    float: left;
    height: 26px;
    z-Index: 12000;
    margin-top: 3px;
    font-size: 8pt;
    color: #000;
    background: #ffffff;
    background: url(images/arrow2down.png) no-repeat right #FFFFFF;
    border: 1px solid #e0e0e0;
    -webkit-appearance: none;
    line-height: 1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.NoteFolderDelete {
    height: 24px;
    width: 70px;
    background: #f0f0f0;
    margin-left: 10px;
    cursor: pointer;
    outline: 0;
    border: 1px solid #DDDDDD;
    margin: 0;
    padding: 0;
    -moz-border-radius: 1px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
    -webkit-appearance: none;
    color: #000;
    font-family: verdana;
    font-size: 8pt;
    font-weight: normal;
    cursor: pointer;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 10px;
}

.MyNotesSaveLink {
    float: left;
    margin: 0;
    padding: 0;
    color: #ffffff;
    border: 1px solid #e0e0e0;
    font-family: verdana;
    font-size: 8pt;
    font-weight: normal;
    cursor: pointer;
    background: #0078D4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    width: 80px;
    height: 26px
}

    .MyNotesSaveLink:active {
        margin-top: 2px;
        margin-left: 2px
    }

.MyNotesCloseLink {
    float: left;
    margin: 0;
    padding: 0;
    color: #ffffff;
    border: 1px solid #e0e0e0;
    font-family: verdana;
    font-size: 8pt;
    font-weight: normal;
    cursor: pointer;
    background: #0078D4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    width: 80px;
    height: 26px
}

    .MyNotesCloseLink:active {
        margin-top: 2px;
        margin-left: 2px
    }

.MyNotesShareLink {
    float: left;
    margin: 0;
    padding: 0;
    color: #ffffff;
    border: 1px solid #e0e0e0;
    font-family: verdana;
    font-size: 8pt;
    font-weight: normal;
    cursor: pointer;
    background: #43A047;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    width: 80px;
    height: 26px
}

    .MyNotesShareLink:active {
        margin-top: 2px;
        margin-left: 2px
    }

.MyNotesShareLinkActive {
    float: left;
    margin: 0;
    padding: 0;
    color: #ffffff;
    border: 1px solid #e0e0e0;
    font-family: verdana;
    font-size: 8pt;
    font-weight: normal;
    cursor: pointer;
    background: red;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    width: 80px;
    height: 26px
}

.MyNotesShareUseLink {
    margin: 0;
    padding: 0;
    color: #ffffff;
    border: 1px solid #e0e0e0;
    font-family: verdana;
    font-size: 8pt;
    font-weight: normal;
    cursor: pointer;
    background: #0078D4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    width: 80px;
    height: 25px
}

.MyNotesDeleteLink {
    color: red;
    float: right
}

    .MyNotesDeleteLink:active {
        margin-top: 2px;
        margin-left: 2px
    }

#divNoteSaved1 {
    display: none;
    clear: left;
    color: #404040;
    width: 100px;
    margin-left: 15px
}

.NoteDelNo {
    height: 24px;
    width: 50px;
    background: #f0f0f0;
    margin-left: 10px;
    cursor: pointer;
    outline: 0;
    border: 1px solid #DDDDDD;
    margin: 0;
    padding: 0;
    -moz-border-radius: 1px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
    -webkit-appearance: none;
    color: #000;
    font-family: verdana;
    font-size: 8pt;
    font-weight: normal;
    cursor: pointer;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 10px;
}

.NoteDelYes {
    width: 50px;
    background: #f0f0f0;
    margin-left: 10px;
    cursor: pointer;
    outline: 0;
    border: 1px solid #DDDDDD;
    margin: 0;
    padding: 0;
    -moz-border-radius: 1px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
    -webkit-appearance: none;
    color: #000;
    font-family: verdana;
    font-size: 8pt;
    font-weight: normal;
    cursor: pointer;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 10px;
}

.MyNotesMsg {
    display: none;
    margin-left: 15px;
    clear: left;
    background: #F2DEDE;
    border: 1px solid #e0e0e0;
    width: 90%;
    padding: 5px;
    font-family: verdana;
    color: #BB4442;
    float: left;
    height: 30px;
    margin-top: 5px;
    margin-bottom: 5px
}

#movingImage2 {
    z-index: 99001
}

.helpheader {
    width: 100%;
    height: 30px;
    background: #fafafa;
    border: 1px solid #e0e0e0;
    position: relative;
    overflow: hidden
}

.helpheader2 {
    width: 100%;
    height: 30px;
    background: #f0f0f0;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    overflow: hidden
}

.InvLine {
    white-space: nowrap;
    height: 16px;
    padding: 1%;
    float: left;
    overflow: hidden
}

.InvLine2 {
    white-space: nowrap;
    height: 16px;
    padding: 1%;
    float: left;
    overflow: hidden;
    text-decoration: line-through
}

#MyNotes1 {
    display: inline-block;
    padding-left: 5px;
    font-size: 10pt;
    font-weight: normal;
}

.ListHeaderNotes {
    position: relative;
    height: 24px;
    padding-top: 3px;
    font-size: 14px;
    color: var(--stdColor);
    text-align: center;
    margin-bottom: 10px !important;
    width: 100%;
    margin-top: 10px;
}

#MyTasks1 {
    display: inline-block;
    padding-left: 15px;
    font-size: 10pt;
    font-weight: normal;
}

#CloseNotes1 {
    color: #808080 !important;
    top: 5px !important
}


.metaLabel {
    font-weight: bold;
    color: var(--stdLink)
}

.metaLabelR {
    display: inline-block;
    padding: 5px;
    border: 1px solid #e0e0e0
}

.metaValueR {
    display: inline-block;
    padding: 5px;
    border: 1px solid #e0e0e0;
    border-left: 0
}

.metaLabelRH {
    width: 100%;
    background: #f0f0f0;
    padding: 5px;
}

.metaValue .inpX {
    padding: 3px !important;
    padding-left: 3px !important;
}

#divCMDBInfo .inpX, #divMainCMDBLOG1 inpX {
    padding: 5px !important
}

.sWideColumn .inpSearch::placeholder {
    color: transparent; /* Replace #888 with your desired color */
    opacity: 0; /* Make sure the color is fully opaque */
}

.sHidden .inpSearch::placeholder {
    color: transparent !important; /* Replace #888 with your desired color */
    opacity: 0 !important; /* Make sure the color is fully opaque */
}

.dlgAddFiles {
    background: #fefefe !important
}

.MyNotesFolderImg {
    float: left;
}

.MyNotesHelpDiv {
    clear: left;
    margin-left: 25px;
    text-align: right;
    width: -moz-calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
    padding-top: 5px;
    color: #404040
}

.FolderImg {
    float: left;
    height: 14px;
    width: 14px;
    opacity: 0.7;
    margin-left: 2px;
    cursor: pointer
}

.NotesFolderEdit {
    text-align: right;
    float: right;
    width: 140px;
    padding-top: 3px;
    margin-right: 20px;
    display: inline-block;
    border: 0px solid green
}

    .NotesFolderEdit a {
        color: #808080;
    }

.NotesSearchRow {
    text-align: left;
    margin-left: 0;
    margin-top: 2px;
    clear: left;
    float: left;
    width: -moz-calc(100% - 180px);
    width: -webkit-calc(100% - 180px);
    width: calc(100% - 180px);
    height: 30px;
    overflow: hidden;
    border: 0px solid red
}

.NotesSearchImg {
    width: 16px;
    height: 16px;
    vertical-align: middle
}

#MyNotesInner1 {
    border: 0px solid red
}

.inpXNotes3 {
    height: 25px;
    display: inline-block;
    font-family: verdana;
    font-size: 9pt;
    font-weight: normal;
    color: #000;
    padding: 2px;
    padding-left: 10px;
    background: #fafafa;
    margin-top: 3px;
    width: -moz-calc(80% - 20px);
    width: -webkit-calc(80% - 20px);
    width: calc(80% - 20px);
    border: 1px solid #e0e0e0;
    margin-left: 10px;
    cursor: pointer;
}

.NotesFolderHeader {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #0078D4;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 22px
}

    .NotesFolderHeader a {
        color: white;
    }

.NotesFolderEditName {
    display: none;
    height: 25px;
    font-family: verdana;
    font-size: 8pt;
    font-weight: normal;
    color: #000;
    padding: 2px;
    padding-left: 10px;
    background: #fafafa;
    margin-top: 3px;
    width: -moz-calc(100% - 45px);
    width: -webkit-calc(100% - 45px);
    width: calc(100% - 45px);
    border: 0px solid #e0e0e0;
    outline: none !important;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: 0 0 0 #719ECE;
    cursor: default;
    margin-left: 10px;
}

.NotesFolderNew {
}

.NotesFolderRename {
    margin-left: 20px
}

.NotesFolderDel {
    margin-left: 20px
}

.inpXNotes {
    height: 25px;
    font-family: verdana;
    font-size: 9pt;
    font-weight: normal;
    color: #000;
    padding: 2px;
    padding-left: 10px;
    background: transparent;
    margin-top: 3px;
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    border: 0px solid #e0e0e0;
    margin-left: 10px;
    cursor: pointer;
}

    .inpXNotes:focus {
        outline: none !important;
        border: 0 !important;
        border-bottom: 1px solid #e0e0e0;
        box-shadow: 0 0 0 #719ECE;
        cursor: default
    }

.inpXNotes2 {
    height: 20px;
    font-family: verdana;
    font-size: 9pt;
    font-weight: normal;
    color: #000;
    padding: 2px;
    padding-left: 10px;
    background: #fafafa;
    margin-top: 3px;
    width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    border: 0px solid #e0e0e0;
    margin-left: 10px;
    cursor: pointer
}

    .inpXNotes2:focus {
        outline: none !important;
        border: 0 !important;
        border-bottom: 1px solid #e0e0e0;
        box-shadow: 0 0 10px #719ECE;
        cursor: default
    }

.NotesFolderSelect {
    height: 25px;
    font-family: verdana;
    font-size: 8pt;
    font-weight: normal;
    color: #808080;
    padding: 2px;
    padding-left: 6px;
    background: transparent;
    margin-top: 3px;
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 46px);
    width: calc(100% - 46px);
    border: 1px solid #e0e0e0;
    margin-left: 8px;
    cursor: pointer;
    float: left;
}

.NotesFolderSelect2 {
    height: 24px;
    font-family: verdana;
    font-size: 8pt;
    font-weight: normal;
    color: #000;
    padding: 2px;
    padding-left: 6px;
    background: #fafafa;
    margin-top: 8px;
    width: 100%;
    border: 1px solid #e0e0e0;
    margin-left: 0px;
    cursor: pointer;
    float: left;
}

#inpNoteSelected {
    display: none
}

.NotesTopHeader {
    position: relative;
    width: 99%;
    line-height: 120%;
    padding: 3px;
    clear: left;
    display: inline-block;
    float: left;
    margin: 0;
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 20px;
    padding-top: 0
}


.NotesRow {
    position: relative;
    width: 99%;
    line-height: 120%;
    padding: 3px;
    clear: left;
    display: inline-block;
    float: left;
    margin: 0;
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 20px;
    padding-top: 0
}

    .NotesRow:hover {
        background: #F0F0F0;
    }

.NotesChk {
    display: inline-block;
    float: left;
    margin-top: 8px
}

.MyNotesPlus {
    display: inline-block;
    float: left;
    margin-top: 0px;
    color: green;
    font-weight: normal;
    font-size: 14pt
}

.NotesLine {
    display: inline-block;
    margin-left: 0px;
    ;
    float: left;
    cursor: pointer;
    width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px)
}




.InvLineN {
    white-space: nowrap;
    height: 16px;
    padding: 1%;
    padding-top: 0;
    padding-bottom: 0;
    float: left;
    overflow: hidden
}

.InvLineN2 {
    white-space: nowrap;
    height: 16px;
    padding: 1%;
    padding-top: 0;
    padding-bottom: 0;
    float: left;
    overflow: hidden;
    text-decoration: line-through
}

.InvLineN1 {
    white-space: nowrap;
    height: 16px;
    padding: 1%;
    padding-top: 0;
    padding-bottom: 0;
    float: left;
    overflow: hidden
}

.InvLineA {
    white-space: nowrap;
    min-height: 25px;
    padding: 2px;
    float: left;
    overflow: hidden;
    background: #fafafa
}

    .InvLineA:hover {
        white-space: nowrap;
        min-height: 25px;
        padding: 2px;
        float: left;
        overflow: hidden;
        background: #F0F8BB;
    }

.InvLine2A {
    white-space: nowrap;
    min-height: 25px;
    padding: 2px;
    float: left;
    overflow: hidden;
    text-decoration: line-through !important;
    background: #fafafa
}

    .InvLine2A:hover {
        white-space: nowrap;
        min-height: 25px;
        padding: 2px;
        float: left;
        overflow: hidden;
        text-decoration: line-through;
        background: #F0F8BB;
    }

.InvLineT {
    white-space: nowrap;
    height: 16px;
    padding: 2px;
    float: left;
    overflow: hidden;
    background: #fafafa
}

    .InvLineT:hover {
        white-space: nowrap;
        height: 16px;
        padding: 2px;
        float: left;
        overflow: hidden;
        background: #F0F8BB;
    }

.InvLineTA {
    white-space: nowrap;
    height: 16px;
    padding: 2px;
    float: left;
    overflow: hidden;
    text-decoration: line-through;
    background: #fafafa
}

    .InvLineTA:hover {
        white-space: nowrap;
        height: 16px;
        padding: 2px;
        float: left;
        overflow: hidden;
        text-decoration: line-through;
        background: #F0F8BB;
    }

.InvLine3 {
    white-space: nowrap;
    height: 12px;
    padding: 1%;
    float: left;
    overflow: hidden;
    font-size: 7pt
}

.previewList2 {
    border: 0px solid black;
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 0px;
    font-size: 7pt;
    word-wrap: break-word;
    word-break: normal;
    max-height: 365px;
    overflow: hidden;
    overflow-Y: auto;
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px)
}

.previewListA {
    overflow: hidden;
    overflow-Y: auto
}

.previewList2a {
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 0px;
    font-size: 7pt;
    word-wrap: break-word;
    word-break: normal;
    max-height: 100px;
    overflow: hidden;
    overflow-Y: auto;
    width: 95%
}

.previewList3a {
    position: relative;
    font-size: 7pt;
    word-wrap: break-word;
    word-break: normal;
    overflow: hidden;
    width: 100%
}

.link5 {
    color: #404040;
    font-size: 7pt;
    font-weight: normal;
    cursor: pointer;
    white-space: nowrap;
    padding: 2px;
    border: 1px solid transparent
}

.link5XX:hover {
    outline: 0;
    text-decoration: none;
    background: #EFF6FC;
    white-space: nowrap;
    padding: 2px;
    border: 1px solid transparent
}

.link5:hover {
    border: 1px solid transparent;
    border-bottom: 1px solid #3071A9 !important;
    text-decoration: underline
}

.link5XX:focus {
    outline: 0;
    text-decoration: none;
    background: #EFF6FC;
    white-space: nowrap;
    padding: 2px;
    border: 1px solid #A4C6EE
}

#divPreviewListA {
    border: 0px solid blue;
    width: 100%;
    background: #FFFFFF
}

.light2 {
    background: #0078D4;
    width: 100%;
    padding: 2%;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #FFFFFF;
    -moz-border-radius: 5px;
    margin-bottom: 3px;
    border: 1px solid #eaeaea;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    position: relative
}

    .light2 a {
        color: #ffffff;
    }

.light2X {
    background: #fafafa;
    width: 100%;
    padding: 2%;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #000;
    -moz-border-radius: 5px;
    margin-bottom: 3px;
    border: 1px solid transparent;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    position: relative
}

    .light2X a {
        color: #000;
    }



#divConsoleDashboard {
    overflow: hidden;
    overflow-y: auto;
    border: 0px solid black;
    height: 90%;
    width: -webkit-calc(100% - 0px);
    width: -moz-calc(100% - 0px);
    width: calc(100% - 0px);
    height: -webkit-calc(100% - 35px);
    height: -moz-calc(100% - 35px);
    height: calc(100% - 35px)
}

#ExLinkFrameX1 {
    height: 1400px;
    overflow: hidden !important;
    overflow-y: hidden !important;
    border: 0px solid orange
}

.lightPre {
    width: 100%;
    height: 20px;
    background: #f0f0f0;
    opacity: 0.5
}

.previewList1 {
    border: 0px solid black;
    padding-left: 0px !important;
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px)
}

.previewList2 {
    border-bottom: 1px solid #f0f0f0;
    background: #f0f0f0;
    padding-top: 0;
    padding-left: 0px !important;
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px)
}

.linkstatus {
    cursor: pointer;
    color: #404040;
    font-size: 7pt;
    font-weight: bold;
    font-family: verdana
}

    .linkstatus:hover {
        text-decoration: underline;
        background: #EEEEEE;
        color: #404040;
    }

.linkstatusDisabled {
    cursor: pointer;
    color: #404040;
    font-size: 7pt;
    font-weight: bold;
    font-family: verdana
}

    .linkstatusDisabled:hover {
        text-decoration: underline;
        background: #EEEEEE;
        color: red;
    }


.lE {
    background: #EFF6FC;
    cursor: pointer;
    height: 22px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid silver;
    color: #3071A9;
    font-size: 8pt
}

    .lE:hover {
        background: #EDF7AC;
        border: 1px solid silver;
        padding-left: 5px;
        padding-right: 5px;
        text-decoration: none;
        color: #3071A9 !important;
    }

.RowWrap {
    width: 100%;
    height: 90%;
    border: 0;
    overflow: hidden;
    overflow-Y: scroll;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    margin-top: 0px;
    padding-left: 0;
    margin-left: 0px
}

.RowIcon {
    height: 13px;
    width: 13px;
    opacity: 0.7;
    margin-left: 0px;
    vertical-align: top;
    margin-top: 1px !important
}

.RowIconSelected {
    height: 13px;
    width: 13px;
    opacity: 0.7;
    margin-left: 0px;
    border: 1px solid blue;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}


.linkMenu {
    z-Index: 2000;
    font-size: 8pt;
    position: absolute;
    cursor: pointer;
    height: 18px;
    padding: 2px;
    top: 5px;
    padding-left: 6px;
    padding-right: 6px;
    height: 18px;
    border: 1px solid transparent;
    color: #3071A9;
}

    .linkMenu:hover {
        z-Index: 2000;
        font-size: 8pt;
        position: absolute;
        background: #EFF6FC;
        border: 1px solid silver;
        text-decoration: none;
        color: #3071A9 !important;
    }

.menuImg {
    width: 113px;
    height: 25px;
    margin-left: 1px;
    border: 0px solid #e0e0e0;
    webkit-border-radius: 2px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 2px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-radius: 2px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}



.linkImg {
    cursor: pointer;
    height: 22px;
    padding-left: 2px;
    border: 1px solid transparent;
    color: #3071A9;
}

    .linkImg:hover {
        background: #EFF6FC;
        border: 1px solid silver;
        text-decoration: none;
        color: #3071A9 !important;
    }

.linkSel {
    cursor: pointer;
    height: 28px;
    padding: 4px;
    background: url(images/yel.png);
    border: 1px solid silver;
    text-decoration: none;
}

.linkSel2 {
    cursor: pointer;
    height: 25px;
    padding: 2px;
    padding-right: 4px;
    background: url(images/yel.png);
    border: 1px solid silver;
    text-decoration: none;
}

.linkA {
    cursor: pointer;
    height: 16px;
    padding: 2px;
    border: 1px solid transparent;
    color: #3071A9;
}

    .linkA:hover {
        background: url(images/yel.png);
        border: 1px solid silver;
        text-decoration: none;
        color: #3071A9 !important;
    }

.courtmenulink {
    font-size: 8pt;
    font-weight: normal;
    padding: 5px;
    padding-bottom: 10px;
    cursor: pointer;
    color: #3071A9;
    margin-right: 5px;
}

    .courtmenulink:hover {
        font-size: 8pt;
        font-weight: normal;
        padding: 5px;
        padding-bottom: 10px;
        text-decoration: underline;
        margin-right: 5px;
    }

.courtlink {
    cursor: pointer;
    height: 28px;
    padding: 4px;
    background: url(images/yel.png);
    border: 1px solid silver;
    text-decoration: none;
}

.linktime {
    cursor: pointer;
    text-decoration: none;
    margin-right: 10px
}

    .linktime:hover {
        cursor: pointer;
        text-decoration: underline;
        margin-right: 10px
    }

.linkMainx {
    color: white;
    cursor: pointer;
    line-height: 200%;
}

    .linkMainx:hover {
        color: white;
        text-decoration: underline;
    }

.linkMainSel {
    color: white;
    text-decoration: underline;
}

.linkMain {
    position: relative;
    float: left; /* optional */
    background: url(images/tab2.png) no-repeat;
    width: 115px;
    height: 25px;
    opacity: 0.5;
    filter: alpha(opacity = 50);
}

    .linkMain .text {
        position: absolute;
        top: 6px; /* in conjunction with left property, decides the text position */

        font-weight: bold;
        opacity: 1.0;
    }

.imageTab {
    position: relative;
    float: left; /* optional */
    width: 167px;
    height: 25px;
}

.imageTab2 {
    position: relative;
    float: left; /* optional */
    background: #f0f0f0;
    width: 167px;
    height: 25px;
}

.HiddenFields {
    width: 20px;
    color: gray;
    display: none
}

.DlgTitle {
    font-weight: normal !important;
    color: #404040;
    font-size: 11pt !important
}

.SaveDlg {
    z-Index: 98000;
    width: 250px;
    height: 90px;
    position: absolute;
    top: 100px;
    left: 100px;
    display: none;
    border: 2px solid #e0e0e0 !important;
    padding: 20px;
    text-align: center;
    background: #FEFEFE !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    font-size: 12pt;
}

.SearchDlg {
    z-Index: 98000;
    width: 250px;
    height: 50px;
    position: absolute;
    top: 100px;
    left: 100px;
    display: none;
    border: 2px solid #e0e0e0 !important;
    padding: 20px;
    text-align: center;
    background: #FEFEFE !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    font-size: 12pt;
}

.LinkDlg {
    z-Index: 13102;
    width: 350px;
    height: 250px;
    position: absolute;
    top: 10px;
    left: 10px;
    display: none;
    border: 1px solid #DEDEDE;
    padding: 10px;
    background: #FFFFFF;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 2px 2px 2px #c0c0c0;
    -webkit-box-shadow: 2px 2px 2px #c0c0c0;
    box-shadow: 2px 2px 2px #c0c0c0;
}

.InventoryDlg {
    z-Index: 13102;
    width: 450px;
    height: 150px;
    position: absolute;
    top: 40px;
    left: 210px;
    display: none;
    border: 1px solid #DEDEDE;
    padding: 10px;
    background: #ECF0F3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 2px 2px 2px #c0c0c0;
    -webkit-box-shadow: 2px 2px 2px #c0c0c0;
    box-shadow: 2px 2px 2px #c0c0c0;
}

.SearchDlg {
    z-Index: 98000;
    width: 250px;
    height: 50px;
    position: absolute;
    top: 100px;
    left: 100px;
    display: none;
    border: 4px solid #0078D4;
    padding: 20px;
    text-align: center;
    background: #f2f2f2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.menu {
    cursor: pointer;
    padding: 5px;
    font-size: 10pt;
    font-weight: normal;
    float: left;
    width: 150px;
    margin-left: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


    .menu a {
        color: #404040;
        font-size: 10pt;
        font-weight: normal;
        border: 2px solid transparent;
    }

    .menu hover {
        cursor: pointer;
        margin-left: 10px
    }

    .menu a:hover {
        outline: 0;
        border: 2px solid #A4C6EE;
        cursor: pointer;
        text-decoration: none;
        font-size: 10pt
    }

    .menu a:focus {
        outline: 0;
        border: 2px solid #A4C6EE;
        cursor: pointer;
        text-decoration: none;
        font-size: 10pt
    }



.menuCI {
    cursor: pointer;
    padding: 5px;
    font-size: 8pt;
    font-weight: normal;
    float: left;
    width: 150px;
    margin-left: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .menuCI a {
        color: #404040;
        font-size: 8pt;
        font-weight: normal;
        border: 2px solid transparent;
    }

    .menuCI hover {
        cursor: pointer;
        margin-left: 10px
    }

    .menuCI a:hover {
        outline: 0;
        border: 2px solid #A4C6EE;
        cursor: pointer;
        text-decoration: none;
        font-size: 8pt
    }

    .menuCI a:focus {
        outline: 0;
        border: 2px solid #A4C6EE;
        cursor: pointer;
        text-decoration: none;
        color: red !important;
        font-size: 8pt
    }



.classCaseGrp a {
    outline: 0;
    border: 2px solid transparent;
    cursor: pointer;
    text-decoration: none
}

    .classCaseGrp a:hover {
        outline: 0;
        border: 2px solid #A4C6EE;
        cursor: pointer;
        text-decoration: none
    }

    .classCaseGrp a:focus {
        outline: 0;
        border: 2px solid #A4C6EE;
        cursor: pointer;
        text-decoration: none
    }

/*
.menuRowLeft:hover {color:red !important;font-weight:normal !important}
.menuRowLeft2:hover {color:red !important;font-weight:normal !important}
.menuRowLeftEnd:hover {color:red !important;font-weight:normal !important}
    */

.divSysStat {
    font-family: verdana !important;
    font-size: 1.3em !important;
    color: #404040;
    line-height: 140%;
    border-bottom: 1px dotted #e0e0e0;
    padding: 8px;
    font-weight: bold
}

.divSysStat2 {
    font-family: verdana !important;
    font-size: 1.3em !important;
    color: #404040;
    line-height: 140%;
    border-bottom: 1px dotted #e0e0e0;
    padding: 8px;
    padding-left: 30px
}

.divSysStat3 {
    font-family: verdana !important;
    font-size: 1.3em !important;
    color: #404040;
    line-height: 140%;
    border-bottom: 1px dotted #e0e0e0;
    padding: 8px;
    padding-left: 60px
}

.divSysStat4 {
    font-family: verdana !important;
    font-size: 1.3em !important;
    color: #404040;
    line-height: 140%;
    border-bottom: 1px dotted #e0e0e0;
    padding: 8px;
    padding-left: 90px
}

.SysStatusTimeBlock {
    float: left;
    min-height: 81px;
    width: 1px;
    background: #F4EAB3;
    opacity: 1;
    overflow: hidden;
    position: absolute
}

.SysStatusTimeBlockBlank {
    float: left;
    min-height: 80px;
    width: 1px;
    background: white;
    overflow: hidden;
    position: absolute
}

.SysStatusTimeHeader {
    border-left: 1px solid #f0f0f0;
    margin: 0;
    margin-top: 10px;
    padding: 0;
    float: left;
    width: 60px;
    text-align: left;
    font-size: 8pt;
    color: #000
}

.SysStatusText {
    clear: left;
    font-weight: normal;
    width: 230px;
    max-width: 230px;
    border: 0px solid red;
    word-wrap: break-word;
    word-break: normal;
    height: 60px;
    max-height: 60px;
    white-space: pre-wrap;
    overflow-y: auto;
    color: #404040
}

.group-list {
    padding-left: 0 !important;
    padding-top: 0px !important;
    margin: 0;
    list-style-type: none;
    -moz-column-gap: 2;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    -webkit-column-gap: 2;
    column-count: 3;
    column-gap: 2;
}

.menuCust {
    cursor: pointer;
    border: 1px solid transparent;
    padding: 5px;
    font-size: 9pt;
    font-weight: normal;
    float: left;
    width: 150px;
    margin-left: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .menuCust a {
        color: #404040;
        font-size: 9pt;
        font-weight: normal
    }

    .menuCust:hover {
        cursor: pointer;
        margin-left: 10px;
        background: #F0F0F0
    }

    .menuCust:focus {
        cursor: pointer;
        margin-left: 10px;
        border: 1px solid #A4C6EE;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
    }

    .menuCust a:hover {
        color: red !important;
    }

.menuCust2 {
    cursor: pointer;
    border: 1px solid transparent;
    padding: 5px;
    font-size: 9pt;
    font-weight: normal;
    float: left;
    width: 390px;
    margin-left: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .menuCust2 a {
        color: #404040;
        font-size: 9pt;
        font-weight: normal
    }

    .menuCust2:hover {
        cursor: pointer;
        margin-left: 10px;
        background: #F0F0F0
    }

    .menuCust2:focus {
        cursor: pointer;
        margin-left: 10px;
        border: 1px solid #A4C6EE;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
    }

    .menuCust2 a:hover {
        color: red !important;
    }


.mIMG7a {
    color: red
}

.mIMGX {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    opacity: 1.0;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    border: 1px solid transparent;
    cursor: pointer;
    padding: 1px
}

    .mIMGX:hover {
        outline: 0;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        opacity: 1.0;
        width: 16px;
        height: 16px;
        margin-left: 8px;
        border: 1px solid orange;
        cursor: pointer;
        padding: 1px
    }

    .mIMGX:focus {
        outline: 0;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        opacity: 1.0;
        width: 16px;
        height: 16px;
        margin-left: 8px;
        border: 1px solid orange;
        cursor: pointer;
        padding: 1px
    }

.mIMGY {
    vertical-align: top;
    margin-top: 3px;
    ;
    margin-left: 3px;
    padding: 2px;
    border: 1px solid #e0e0e0;
    outline: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    opacity: 0.7;
    cursor: pointer;
    padding: 2px
}

    .mIMGY:hover {
        vertical-align: top;
        margin-top: 3px;
        margin-left: 3px;
        padding: 2px;
        outline: 0;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        opacity: 1.0;
        border: 1px solid #A4C6EE;
        cursor: pointer;
        padding: 2px
    }

    .mIMGY:focus {
        vertical-align: top;
        margin-top: 3px;
        margin-left: 3px;
        padding: 2px;
        outline: 0;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        opacity: 1.0;
        border: 1px solid #A4C6EE;
        cursor: pointer;
        padding: 2px
    }

.mIMGXSelected {
    outline: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    opacity: 1.0;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    border: 1px solid #d0d0d0;
    cursor: pointer;
    padding: 1px
}

    .mIMGXSelected:hover {
        outline: 0;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        opacity: 1.0;
        width: 16px;
        height: 16px;
        margin-left: 8px;
        border: 1px solid #d0d0d0;
        cursor: pointer;
        padding: 1px
    }

    .mIMGXSelected:focus {
        outline: 0;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        opacity: 1.0;
        width: 16px;
        height: 16px;
        margin-left: 8px;
        border: 1px solid #A4C6EE;
        cursor: pointer;
        padding: 1px
    }

.menu0 {
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 5px;
    height: 15px;
    font-size: 8pt;
    font-weight: normal;
    float: left;
    width: 120px;
    margin-left: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .menu0 a {
        color: #404040
    }

    .menu0:hover {
        cursor: pointer;
        color: red;
        margin-left: 10px;
        background: #F0F0F0
    }

    .menu0:focus {
        cursor: pointer;
        color: red;
        margin-left: 10px;
        border: 1px solid #A4C6EE;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
    }

.menu2 {
    cursor: pointer;
    padding: 5px;
    height: 13px;
    font-size: 8pt;
    font-weight: normal;
    float: left;
    width: 220px;
    margin-left: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .menu2 a {
        color: #404040
    }

    .menu2:hover {
        cursor: pointer;
        background: url("images/menuarrow3.png") no-repeat;
        margin-left: 10px
    }

.menuDoc {
    cursor: pointer;
    padding: 5px;
    height: 19px;
    font-size: 8pt;
    font-weight: normal;
    float: left;
    width: 250px;
    margin-left: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .menuDoc a {
        color: #404040
    }

    .menuDoc:hover {
        cursor: pointer;
        background: #e0e0e0;
        margin-left: 10px
    }

.cat {
    padding-bottom: 3px;
    font-size: 8pt;
    color: #3071A9;
    cursor: pointer;
    white-space: nowrap;
    width: 290px;
    border-bottom: 1px solid #e0e0e0 !important
}

.catAddnew {
    margin-right: 5px;
    float: right;
    cursor: pointer;
    opacity: 0.5;
}

    .catAddnew:hover {
        opacity: 1;
    }

.far fa-trash-alt catAddNew:hover {
    opacity: 1;
}

.cmdb {
    padding-bottom: 3px;
    font-size: 7pt;
    color: #3071A9;
    cursor: pointer;
    white-space: nowrap;
}

.CIList {
    clear: left;
    height: 20px;
    border-bottom: 1px solid #e0e0e0;
    padding-top: 3px;
    width: 96%;
    overflow: hidden;
    float: left
}

.CMDBIcon {
    clear: left;
    width: 16px;
    height: 16px;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 2px
}

    .CMDBIcon:hover {
        clear: left;
        width: 16px;
        height: 16px;
        cursor: pointer;
        border: 1px solid orange;
        padding: 2px
    }

.CMDBIcon2 {
    width: 16px;
    height: 16px;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 2px;
    margin-right: 5px
}

    .CMDBIcon2:hover {
        width: 16px;
        height: 16px;
        cursor: pointer;
        border: 1px solid orange;
        padding: 2px;
        margin-right: 5px
    }

.CMDBLink {
    background-color: yellow;
    padding: 2px
}

.divCMDBRow {
    cursor: pointer;
    height: 20px;
    padding-top: 4px;
    padding-left: 2px;
    margin-left: 10px;
    width: 80px
}

    .divCMDBRow:hover {
        background: #F0F0F0;
        cursor: pointer;
        height: 20px;
        padding-top: 4px;
        padding-left: 2px;
        margin-left: 10px;
        width: 80px
    }

.CMDBDocFrame {
}

    .CMDBDocFrame:hover {
        background: #f0f0f0 !important
    }

.CMDBPhoto {
    width: 20px;
    height: 20px;
    border: 1px solid #000
}

    .CMDBPhoto:hover {
        width: 40px;
        height: 40px;
        border: 1px solid #000
    }

.CMDBExpand {
    cursor: pointer;
    width: 11px;
    height: 13px
}

    .CMDBExpand:hover {
        cursor: pointer;
        width: 11px;
        height: 13px
    }

.CMDBDocumentHeader {
    height: 50px;
    color: white;
    background: #0078D4;
    position: absolute;
    left: 0;
    top: 0;
    vertical-align: middle
}

.CMDBDocumentHeaderText {
    clear: left;
    float: left;
    font-size: 12pt;
    font-weight: normal;
    color: white;
    text-align: left;
    vertical-align: middle;
    width: 560px;
    margin-top: 15px;
    margin-left: 20px
}

.CMDBDocumentButtons {
    color: white;
    display: inline:block;
    margin-top: 55px;
    width: 100%;
    clear: left
}

.admLng {
    margin-left: 5px;
    float: left;
    width: 50%;
}

.admLng2 {
    clear: left;
    float: left;
    width: 45%;
    margin-top: 8px
}

.admLng3 {
    width: 45%;
    float: left;
    margin-bottom: 10px
}

.menuAdmin {
    color: #ED5D0C;
    cursor: pointer;
    font-size: 10pt;
    font-weight: normal;
    float: left;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .menuAdmin a {
        color: #ED5D0C;
        margin-right: 10px !important
    }

    .menuAdmin:hover {
        text-decoration: underline
    }

    .menuAdmin:focus {
        text-decoration: underline
    }

.CaseActionText {
    width: 100%;
    background: var(--stdLightGray);
    padding: 10px;
    clear: both
}

#wfPage2, #wfPage3 {
    display: none;
}

#wfPage1 {
    display: inline-block
}

#wfPage1, #wfPage2, #wfPage3 {
    width: 100%
}

#wfNew1 {
    margin-top: 30px !important
}

#dropDownListWF1 {
    top: 43px !important;
    width: 120px !important;
    font-size: 10pt !important;
    left: 10px !important;
}

.wfTask {
    width: calc(100% - 20px);
    height: auto;
    border-left: 1px solid var(--stdBorder);
    padding: 10px;
}

.WFCriteriaHeader {
    clear: left;
    width: 100%;
    font-size: 12pt;
    color: var(--stdColor);
    margin-bottom: 20px !important;
    margin-top: 40px;
}

.WFSelect, .WFSelect3 {
    padding: 3px;
    padding-left: 7px;
    width: 96%;
    float: left;
    height: 26px;
    z-Index: 12000;
    margin-top: 3px;
    font-size: 8pt;
    font-weight: bold;
    color: var(--stdLink) !important;
    background: #ffffff;
    background: url(images/arrow2down.png) no-repeat right #FFFFFF;
    border: 1px solid #e0e0e0;
    -webkit-appearance: none;
    line-height: 1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    outline-style: none !important;
    text-align: center;
    cursor: pointer;
}

.WFField {
    padding-left: 0px;
    width: 120px;
    display: inline-block;
    cursor: pointer;
}

.WFOperator {
    padding-left: 7px;
    width: 120px;
    display: inline-block;
    cursor: pointer;
}

.WFValue {
    padding-left: 7px;
    width: calc(100% - 440px) !important;
    display: inline-block;
    vertical-align: bottom;
}

#wfPage2 .WFValue {
    width: calc(100% - 220px) !important;
    vertical-align: top;
}

.wfAddNew {
    padding-left: 7px;
    display: inline-block;
    vertical-align: super;
    border: 1px solid transparent;
    color: var(--stdLink);
    cursor: pointer;
}

.wfNext {
    padding-left: 7px;
    display: inline-block;
    border: 1px solid transparent;
    color: #FFFFFF;
    cursor: pointer;
}

.wfBack {
    padding-right: 7px;
    display: inline-block;
    border: 1px solid transparent;
    color: var(--stdColor);
    cursor: pointer;
}

.wfAddNew:hover {
    font-weight: bold;
}

.WFRow {
    width: calc(100% - 80px) !important;
    overflow: hidden !important
}

#wfPage2 .WFRow {
    width: calc(100% - 120px) !important;
    vertical-align: top;
}

#wfError1 {
    font-size: 9pt;
    line-height: 140%;
    color: var(--stdLink);
    border: 1px solid #e0e0e0;
    margin-top: 10px;
    padding: 10px
}

.wfAndOr {
    font-size: 7pt !important;
    width: 60px !important;
    padding-left: 0px;
    border: 0;
    display: inline-block;
    vertical-align: super;
    margin-left: 10px;
    text-align: center;
    background: var(--stdLink) !important;
    color: white !important;
    vertical-align: top;
    margin-top: 6px !important;
    height: 24px;
    cursor: pointer;
    border-radius:4px;
}

.WFButtons {
    margin-top: 60px;
    clear: left;
    width: 100%;
}

.LookupList {
    font-size: 8pt;
    cursor: pointer;
    x-ms-format-detection: none
}

    .LookupList:hover {
        font-size: 8pt;
        background: #C1D8F7
    }

#divTags1 {
    margin-top: 0 !important;
    padding-top: 5px !important;
    display: inline-block
}

    #divTags1 img {
        vertical-align: middle;
    }

.divTagHeader {
    margin-top: 0 !important;
    padding-top: 5px !important;
    display: inline-block
}

    .divTagHeader img {
        vertical-align: middle;
    }

.casetaglabel {
    color: #2E6FA7
}

    .casetaglabel:hover {
        text-decoration: underline
    }

.tableRowTask {
}

    .tableRowTask:hover {
        background: #C1D8F7
    }

.tableRowCMDBRel {
    float: left;
    background: #fafafa;
    padding-top: 4px;
    height: 22px;
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    overflow: hidden;
    text-decoration: none
}

    .tableRowCMDBRel:hover {
        background: #EFF6FC !important;
        float: left;
        padding-top: 4px;
        height: 22px;
        border-bottom: 1px solid #e0e0e0;
        width: 100%;
        overflow: hidden;
        text-decoration: none
    }

.reportCriteriaBox {
    overflow-X: hidden;
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    height: -moz-calc(100% - 210px);
    height: -webkit-calc(100% - 210px);
    height: calc(100% - 210px);
    border: 0px solid black
}

.ReportResultFrame {
    display: none;
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    height: -moz-calc(100% - 220px);
    height: -webkit-calc(100% - 220px);
    height: calc(100% - 220px);
    border: 5px solid #f0f0f0
}

.gobackImg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 5px
}

.tableRowGroupBy {
    margin: 0;
    white-space: nowrap;
    padding: 0;
    height: 25px;
    overflow: hidden;
    color: #000 !important;
    width: 100%;
    color: white;
    background: #dcdcdc !important;
    padding-left: 20px;
    padding-right: 0;
    padding-top: 5px
}

.grpbyitem {
    width: calc(100% - 30px);
    clear: left;
    color: #000;
    padding: 3px;
    cursor: pointer;
    overflow: hidden;
    border: 1px solid transparent;
}

    .grpbyitem:hover {
        background: #F0F8BB;
        clear: left;
        color: #000;
        padding: 3px;
        cursor: pointer;
        overflow: hidden
    }

    .grpbyitem:focus {
         background: transparent;
        clear: left;
        color: #000;
        padding: 3px;
        cursor: pointer;
        overflow: hidden;
        border: 1px solid #A4C6EE;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
    }

.loginimg {
    vertical-align: middle;
    height: 80px;
    width: 80px;
    margin-right: 20px;
    opacity: 0.9
}

.XtableRowMain1 {
    margin: 0;
    white-space: nowrap;
    padding: 0;
    cursor: pointer;
    height: 58px;
    overflow: hidden;
    color: #404040;
    width: 100%;
    background: lightyellow;
    padding-left: 20px;
    padding-right: 0;
}

    .XtableRowMain1:hover {
        margin: 0;
        cursor: pointer;
        background: #F0F0F0;
        height: 58px;
        padding-left: 20px;
        overflow: hidden;
        width: 100%;
        padding-right: 0%;
        color: #404040;
        font-size: 8pt
    }

.xLst {
    text-decoration: none !important;
    color: #000
}

.xImg {
    width: 16px;
    height: 16px
}

.tableHeader {
    outline: 0px solid red;
    position: relative;
    max-width: 100%;
    height: 24px;
    padding: 2px;
    padding-left: 0;
    padding-top: 4px;
    padding-right: 0;
    color: #545454;
    font-size: 8pt;
    font-weight: normal;
    cursor: pointer;
    width: 100%;
    overflow: hidden;
    text-align: left;
}

#div1 {
    background: #FAFAFA
}

#div2 {
    background: #FAFAFA
}

#div3 {
    background: #FAFAFA
}

#div4 {
    background: #FAFAFA
}

#div5 {
    background: #FAFAFA
}

#div6 {
    background: #FAFAFA
}

#div7 {
    background: transparent;
}

#div8 {
    background: #FAFAFA
}

#div9 {
    background: #FAFAFA
}

#div10 {
    background: #FAFAFA
}

.tableHeaderSearch {
    outline: 0px solid blue;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    padding: 2px;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0%;
    color: #000;
    width: -moz-calc(100% - 17px);
    width: -webkit-calc(100% - 17px);
    width: calc(100% - 17px);
    font-weight: bold;
    background: #fafafa !important;
    height: 22px;
    border-bottom: 1px solid #f0f0f0;
    border-left: 5px solid #f5f5f5;
}

.tableHeader .inpSearch {
    background: #fafafa !important;
}

.tableHeaderMain {
    outline: 0px solid blue;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    padding: 2px;
    overflow-Y: scroll;
    padding-left: 0;
    padding-right: 0%;
    color: #000;
    width: -moz-calc(100% - 17px);
    width: -webkit-calc(100% - 17px);
    width: calc(100% - 17px);
    font-weight: normal !important;
    background: #FAFAFA;
    height: 22px;
    border-bottom: 1px solid #f0f0f0;
    border-left: 5px solid #FAFAFA;
}

.tableHeaderFiller {
    float: left;
    position: static;
    padding: 0;
    margin: 0;
    background: url(images/bgheader2.png) repeat-x;
    height: 23px;
    width: 8px;
    padding: 2px;
    overflow: hidden;
    border-bottom: 1px solid #DEDEDE;
    position: absolute;
    left: 10px;
    top: -20px
}



.tableRow {
    outline: 0px solid blue;
    float: left;
    margin: 0;
    height: 28px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 7px;
    overflow: hidden;
    color: #404040;
    font-size: 9pt;
    width: 100%;
    border-right: 0;
    float: left;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.tableShort {
    outline-style: none !important;
    float: left;
    margin: 0;
    height: 58px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 7px;
    overflow: hidden;
    color: #404040;
    font-size: 8pt;
    width: 100%;
    border-right: 0;
    float: left;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

.tableRowMain1 {
    outline: 0px solid blue;
    margin: 0;
    white-space: nowrap;
    padding: 0;
    cursor: pointer;
    height: 26px;
    height: 36px;
    overflow: hidden;
    color: #808080;
    width: 100%;
    background: #ffffff;
    padding-left: 0px;
    padding-right: 0;
    border-top: 0px solid #e0e0e0;
    border-bottom: 1px solid #f2f2f2;
    border-left: 5px solid transparent;
}

.tableRowMain1:hover {
    outline: 0px solid blue;
    margin: 0;
    cursor: pointer;
    background: #F0F0F0;
    overflow: hidden;
    width: 100%;
    padding-right: 0%;
    color: #404040;
    font-size: 8pt;
    border-top: 0px solid #e0e0e0;
    border-bottom: 1px solid #f2f2f2;
    border-left: 5px solid #96B8EF !important
}

.tableRowMain2 {
    outline: 0px solid blue;
    overflow: hidden;
    margin: 0;
    white-space: nowrap;
    cursor: pointer;
    height: 26px;
    height: 36px;
    overflow: hidden;
    color: #404040;
    background: #FFFFFF;
    width: 100%;
    padding-left: 0px;
    padding-right: 0;
    border-top: 0px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    border-left: 5px solid transparent;
}

    .tableRowMain2:hover {
        outline: 0px solid blue;
        margin: 0;
        cursor: pointer;
        background: #F0F0F0;
        overflow: hidden;
        width: 100%;
        padding-right: 0%;
        color: #404040;
        font-size: 8pt;
        border-bottom: 1px solid #f2f2f2;
        border-left: 5px solid #96B8EF !important
    }

.tableRowMainSel {
    outline: 0px solid blue;
    overflow: hidden;
    margin: 0;
    white-space: nowrap;
    cursor: pointer;
    height: 26px;
    height: 36px;
    overflow: hidden;
    color: #404040;
    background: #f2f2f2;
    width: 100%;
    padding-left: 0px;
    padding-right: 0;
    border-top: 0px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    border-left: 5px solid transparent;
}

    .tableRowMainSel:focus {
        outline: 0px solid blue;
        overflow: hidden;
        margin: 0;
        white-space: nowrap;
        cursor: pointer;
        overflow: hidden;
        color: #404040;
        background: #f2f2f2;
        width: 100%;
        padding-right: 0;
        border-top: 0px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
        border-left: 5px solid transparent;
    }

.tableRowMainSel2 {
    outline: 0px solid blue;
    overflow: hidden;
    margin: 0;
    white-space: nowrap;
    cursor: pointer;
    height: 26px;
    height: 36px;
    overflow: hidden;
    color: #404040;
    background: #f2f2f2;
    width: 100%;
    padding-right: 0;
    border-top: 0px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    border-left: 5px solid transparent;
}

    .tableRowMainSel2:focus {
        outline: 0px solid blue;
        overflow: hidden;
        margin: 0;
        white-space: nowrap;
        cursor: pointer;
        overflow: hidden;
        color: #404040;
        background: #f2f2f2;
        width: 100%;
        padding-right: 0;
        border-top: 0px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
        border-left: 5px solid transparent;
    }


.tableRowMainShort1 {
    outline-style: none !important;
    position: relative;
    margin: 0;
    white-space: nowrap;
    padding: 0;
    cursor: pointer;
    height: 66px;
    overflow: hidden;
    color: #404040;
    width: -moz-calc(100% - 27px);
    width: -webkit-calc(100% - 27px);
    width: calc(100% - 27px);
    background: #ffffff;
    padding-right: 0;
    border-top: 0px solid #e0e0e0;
    border-bottom: 0px solid #f0f0f0;
    border-left: 5px solid transparent;
    padding-left:30px !important;
}

    .tableRowMainShort1:hover {
        outline-style: none !important;
        position: relative;
        margin: 0;
        cursor: pointer;
        background: #F0F0F0;
        height: 66px;
        overflow: hidden;
        width: -moz-calc(100% - 27px);
        width: -webkit-calc(100% - 27px);
        width: calc(100% - 27px);
        padding-right: 0%;
        color: #404040;
        font-size: 8pt;
        border-top: 0px solid #e0e0e0;
        border-bottom: 0px solid #f0f0f0;
        border-left: 5px solid #96B8EF !important;
        padding-left: 30px !important;
    }

.tableRowMainShort2 {
    outline-style: none !important;
    position: relative;
    overflow: hidden;
    margin: 0;
    white-space: nowrap;
    cursor: pointer;
    height: 66px;
    overflow: hidden;
    color: #404040;
    background: #ffffff;
    width: -moz-calc(100% - 27px);
    width: -webkit-calc(100% - 27px);
    width: calc(100% - 27px);
    
    padding-right: 0;
    border-top: 0px solid #e0e0e0;
    border-bottom: 0px solid #f0f0f0;
    border-left: 5px solid transparent;
    padding-left: 30px !important;
}

    .tableRowMainShort2:hover {
        outline-style: none !important;
        position: relative;
        margin: 0;
        cursor: pointer;
        background: #F0F0F0;
        height: 66px;
        overflow: hidden;
        width: -moz-calc(100% - 27px);
        width: -webkit-calc(100% - 27px);
        width: calc(100% - 27px);
        padding-right: 0%;
        color: #404040;
        font-size: 8pt;
        border-bottom: 0px solid #f0f0f0;
        border-left: 5px solid #96B8EF !important;
        padding-left:30px !important;
    }



.shLImg1 {
    position: absolute;
    left: 2px;
    top: 15px;
    opacity: 1
}

.shLImg2 {
    position: absolute;
    left: 2px;
    top: 33px;
    opacity: 1
}

.shLImg3 {
    position: absolute;
    left: 2px;
    top: 51px;
    opacity: 1
}

.shL1 {
    clear: left;
    font-size: 11pt;
    color: #000;
    width: -moz-calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    width: calc(100% - 200px);
    float: left;
    font-weight: normal;
    margin-top: 5px;
    overflow: hidden
}

    .shL1 A {
        font-size: 11pt;
        font-weight: normal
    }

.shL1b {
    font-size: 9pt;
    color: #404040;
    width: 120px;
    display: inline-block;
    float: right;
    font-weight: normal;
    margin-right: 10px;
    text-align: right;
    margin-top: 3px
}

.shL2 {
    clear: left;
    font-size: 9pt;
    color: #005A9E;
    width: -moz-calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    width: calc(100% - 200px);
    float: left;
    font-weight: bold;
    ;
    margin-top: 5px;
    overflow: hidden
}

    .shL2 A {
        color: #0078D4
    }

.shL2a {
    clear: left;
    font-size: 9pt;
    color: #454545;
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
    width: calc(100% - 90px);
    float: left;
    font-weight: normal;
    margin-top: 5px;
    overflow: hidden
}

    .shL2a A {
        color: #454545
    }

.shL2b {
    font-size: 8pt;
    color: #606060;
    width: 80px !important;
    display: inline-block;
    float: right;
    font-weight: normal;
    margin-right: 10px;
    text-align: right;
    margin-top: 3px
}

.shL3 {
    clear: left;
    font-size: 9pt;
    color: #606060;
    width: -moz-calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    width: calc(100% - 200px);
    float: left;
    ;
    margin-top: 5px;
    overflow: hidden
}

.shL3b {
    font-size: 9pt;
    color: var(--stdColor);
    width: 80px;
    display: inline-block;
    float: right;
    font-weight: normal;
    margin-right: 10px;
    text-align: right;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--stdLink) !important
}

.tableRowMain3 {
    margin: 0;
    white-space: nowrap;
    cursor: pointer;
    height: 27px;
    overflow: hidden;
    color: #000;
    background: #FFFFFF;
    width: -moz-calc(100% - 20px) !important;
    width: -webkit-calc(100% - 20px) !important;
    width: calc(100% - 20px) !important;
    padding-left: 20px;
    padding-right: 0;
    border-top: 0px solid #e0e0e0;
    border-bottom: 0px solid #e0e0e0;
    width: 450px;
    height: 20px;
    padding: 2px;
    padding-left: 5px;
    padding-top: 10px;
    font-size: 8pt;
    padding-left: 10px
}

    .tableRowMain3:hover {
        margin: 0;
        cursor: pointer;
        background: #EEEEEE;
        height: 27px;
        padding-left: 20px;
        overflow: hidden;
        padding-right: 0%;
        color: #404040;
        font-size: 8pt;
        border-bottom: 0px solid #e0e0e0;
        width: 450px;
        height: 20px;
        padding: 2px;
        padding-left: 5px;
        padding-top: 10px;
        font-size: 8pt;
        padding-left: 10px
    }

.XtableRowMain2 {
    margin: 0;
    white-space: nowrap;
    cursor: pointer;
    height: 57px;
    overflow: hidden;
    color: #404040;
    background: #ECF0F3;
    width: 100%;
    padding-left: 20px;
    padding-right: 0;
    border-top: 0px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

    .XtableRowMain2:hover {
        margin: 0;
        cursor: pointer;
        background: #F0F0F0;
        height: 57px;
        padding-left: 20px;
        overflow: hidden;
        width: 100%;
        padding-right: 0%;
        color: #404040;
        font-size: 8pt;
        border-bottom: 1px solid #e0e0e0;
    }

.tableRowMain2v {
    margin: 0;
    white-space: nowrap;
    cursor: pointer;
    height: 15px;
    margin-top: 5px;
    overflow: hidden;
    color: #404040;
    background: transparent;
    width: 100%;
    padding-left: 20px;
    padding-right: 0;
    border: 1px solid transparent;
    border-bottom: 1px solid #fafafa;
}

    .tableRowMain2v:hover {
        margin: 0;
        cursor: pointer;
        background: #EFF6FC;
        height: 15px;
        margin-top: 5px;
        padding-left: 20px;
        overflow: hidden;
        width: 100%;
        padding-right: 0%;
        color: #404040;
        font-size: 8pt;
        border: 1px solid transparent;
        border-bottom: 1px solid #fafafa;
    }

    .tableRowMain2v:focus {
        outline: none;
        margin: 0;
        cursor: pointer;
        background: #F0F0F0;
        height: 15px;
        margin-top: 5px;
        padding-left: 20px;
        overflow: hidden;
        width: 100%;
        padding-right: 0%;
        color: #404040;
        font-size: 8pt;
        border-bottom: 1px solid #fafafa;
        border: 1px solid #A4C6EE;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
    }

.wwXXX {
    word-wrap: break-word !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-top: -2px !important;
    float: left;
    clear: none !important;
    width: 90%;
    height: 28px !important;
    white-space: normal;
    overflow: hidden !important
}

.ww {
    word-wrap: break-word !important;
    margin: 0 !important;
    padding: 0 !important;
    float: left;
    clear: none !important;
    width: 90%;
    height: 28px !important;
    white-space: normal;
    overflow: hidden !important;
    vertical-align: middle
}

    .ww:hover {
        text-decoration: underline !important;
    }



.formFieldCaption {
    clear: left;
    width: 100%;
    font-family: verdana;
    font-size: 9pt !important;
    font-weight: bold;
    line-height: 140%;
    color: #000
}

.formFieldField {
    color: #000 !important;
    border: 1px solid #e0e0e0;
    background: #F7F7F7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    width: auto;
    height: auto;
    padding: 5px !important;
    width: 95% !important;
}

.CRMServiceTab {
}

    .CRMServiceTab:hover {
        background: #F0F0F0
    }

.chkRow {
    visibility: hidden
}

.chkRow2 {
    visibility: hidden
}

.tableRowMainSel2XXX {
    margin: 0;
    font-size: 8pt;
    overflow: hidden;
    cursor: pointer;
    height: 27px;
    color: #404040;
    padding-left: 20px;
    padding-right: 0%;
    width: 100%;
    background: #FFFFFF;
    border-top: 0px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}


.tableRowMainSelShort {
    position: relative;
    margin: 0;
    font-size: 8pt;
    overflow: hidden;
    cursor: pointer;
    height: 66px;
    color: #404040;
    padding-left: 20px;
    padding-right: 0%;
    width: -moz-calc(100% - 27px);
    width: -webkit-calc(100% - 27px);
    width: calc(100% - 27px);
    background: #FFFFFF;
    border-top: 0px solid #e0e0e0;
    border-bottom: 0px solid #f2f2f2;
    border-left: 5px solid transparent !important
}

    .tableRowMainSelShort:focus {
        position: relative;
        outline: none;
        margin: 0;
        font-size: 8pt;
        overflow: hidden;
        cursor: pointer;
        height: 66px;
        color: #404040;
        padding-left: 20px;
        padding-right: 0%;
        ;
        width: -moz-calc(100% - 27px);
        width: -webkit-calc(100% - 27px);
        width: calc(100% - 27px);
        background: #f0f0f0;
        border-top: 0px solid #e0e0e0;
        border-bottom: 0px solid #e0e0e0;
        border-left: 5px solid transparent !important
    }

.rowSplitterShort {
    height: 10px;
    background: #ffffff;
    clear: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #f0f0f0
}

.XtableRowMainSel {
    margin: 0;
    font-size: 8pt;
    overflow: hidden;
    cursor: pointer;
    height: 58px;
    color: #404040;
    padding-left: 20px;
    padding-right: 0%;
    width: 100%;
    background: #DFEDFA;
}

.tableRowMain2a {
    margin: 0;
    font-size: 8pt;
    height: 20px;
    overflow: hidden;
    color: #404040;
    background: #ECF0F3;
    width: 98%;
    padding-left: 1%;
    padding-right: 1%;
    border-top: 0px solid #e0e0e0;
    border-bottom: 1px solid #f2f2f2;
}

    .tableRowMain2a:hover {
        margin: 0;
        font-size: 8pt;
        height: 20px;
        overflow: hidden;
        color: #404040;
        background: #F0F0F0;
        width: 98%;
        padding-left: 1%;
        padding-right: 1%;
        border-top: 0px solid #e0e0e0;
        border-bottom: 1px solid #f2f2f2;
    }

.tableRowMain2b {
    margin: 0;
    font-size: 8pt;
    height: 20px;
    overflow: hidden;
    color: #404040;
    background: #FFFFFF;
    width: 98%;
    padding-left: 1%;
    padding-right: 1%;
    border-top: 0px solid #e0e0e0;
    border-bottom: 1px solid #f2f2f2;
}

    .tableRowMain2b:hover {
        margin: 0;
        font-size: 8pt;
        height: 20px;
        overflow: hidden;
        color: #404040;
        background: #F0F0F0;
        width: 98%;
        padding-left: 1%;
        padding-right: 1%;
        border-top: 0px solid #e0e0e0;
        border-bottom: 1px solid #f2f2f2;
    }

.inpEditRow {
    text-align: right;
    width: 100%;
    font-size: 8pt;
    border: 0;
    border-bottom: 1px dashed #808080;
    padding: 2px;
    padding-top: 2px;
    padding-bottom: 0;
    margin: 0;
    margin-top: 0px;
    color: #3071A9;
    background: transparent
}

.inpEditRowRO {
    text-align: right;
    width: 100%;
    font-size: 8pt;
    border: 0;
    border-bottom: 1px solid transparent;
    padding: 2px;
    padding-top: 2px;
    padding-bottom: 0;
    margin: 0;
    margin-top: 0px;
    color: #505050;
    background: transparent
}

.none {
}



.tableRowMainSelShort2 {
    position: relative;
    margin: 0;
    font-size: 8pt;
    overflow: hidden;
    cursor: pointer;
    height: 66px;
    color: #404040;
    padding-left: 20px;
    padding-right: 0%;
    width: -moz-calc(100% - 27px);
    width: -webkit-calc(100% - 27px);
    width: calc(100% - 27px);
    background: #F0F0F0;
    border-top: 0px solid #e0e0e0;
    border-bottom: 0px solid #f0f0f0;
 
    padding-left: 30px !important;
}

    .tableRowMainSelShort2:focus {
        position: relative;
        outline: none;
        margin: 0;
        font-size: 8pt;
        overflow: hidden;
        cursor: pointer;
        height: 66px;
        color: #404040;
        padding-left: 20px;
        padding-right: 0%;
        width: -moz-calc(100% - 27px);
        width: -webkit-calc(100% - 27px);
        width: calc(100% - 27px);
        background: #F0F0F0;
        border-top: 0px solid #e0e0e0;
        border-bottom: 0px solid #f0f0f0;
        border-left: 5px solid transparent !important;
        padding-left: 30px !important;
    }

#divRefreshTime1 {
    color: #404040;
    font-size: 7pt;
    margin-left: 10px;
    vertical-align: middle
}

#divRefreshTimeTasks1 {
    color: #404040;
    font-size: 7pt;
    margin-left: 10px;
    vertical-align: middle
}

.sorting {
    width: 16px;
    height: 16px;
    margin-left: 10px
}

.selectRow {
    padding: 2px;
    padding-left: 5px;
    overflow: hidden;
    color: #404040;
    font-size: 8pt
}

    .selectRow:hover {
        background: #F0F0F0;
        cursor: pointer;
        padding: 2px;
        padding-left: 5px;
        overflow: hidden;
        color: #404040;
        font-size: 8pt
    }

.debug {
    font-size: 7pt;
    border: 0;
    border-bottom: 1px solid gray;
    width: 60px;
    margin-left: 3px;
    background: transparent
}

.dummy {
}


.txtTab {
    top: 0;
    font-weight: normal;
    font-size: 9pt;
    font-family: verdana;
    visibility: hidden;
    width: 140px;
    cursor: pointer;
    position: absolute;
    white-space: nowrap
}

.imageTab .text {
    position: absolute;
    top: 6px; /* in conjunction with left property, decides the text position */
    font-weight: bold;
    text-align: center;
}

canvas {
    display: inline-block;
    background: #202020;
    box-shadow: 0px 0px 10px blue;
}

#record.recording {
    background: -webkit-radial-gradient(center, ellipse cover, #ff0000 0%,lightgrey 75%,lightgrey 100%,#7db9e8 100%);
}

.inpSearch1 {
    float: left;
    margin: 0;
    padding: 0;
    height: 30px;
    margin-top: 0px;
    border: 0px solid gray;
    margin-left: 20px;
    width: 180px;
    overflow: hidden;
    position: relative
}

.ConsoleCaseheader {
    background: transparent;
    font-size: 8pt;
    font-weight: bold;
    margin-bottom: 8px;
    padding-left: 5px;
    cursor: pointer;
    height: 18px;
    width: 99%
}

    .ConsoleCaseheader:hover {
        color: #404040;
        text-decoration: none
    }

.CompanyHeader {
    white-space: nowrap;
    font-size: 10pt;
    font-weight: normal !important;
    color: #404040 !important
}

    .CompanyHeader:hover {
        color: #404040 !important;
        text-decoration: none
    }

.hIcon {
    height: 16px;
    width: 16px;
    margin-right: 5px;
    margin-left: 5px;
    padding-top: 0px
}



#btnLogin {
    transition: transform 0.08s ease, box-shadow 0.08s ease;
}

#btnLogin {
    transform: translateY(1px);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.12);
}

#btnLogin:hover, #btnLogin:focus {
    border-radius: 6px;
    border-color: var(--stdOutline);
    box-shadow: inset 0 0 0 2px #333;
}

.Konf1 {
    margin-left: 10px;
    margin-top: 4px;
    border: 1px solid gray;
    float: left;
    width: 8px;
    height: 8px;
    background: #95B9E7
}

.Konf0 {
    margin-left: 10px;
    margin-top: 4px;
    border: 1px solid gray;
    float: left;
    width: 8px;
    height: 8px;
    background: #FEF389
}

.linkMainSel2 {
    font-weight: bold;
    color: #3071A9;
    text-decoration: none;
    cursor: pointer
}

.b1 {
    border: 1px solid #f0f0f0;
    background: #FFFFFF;
    position: absolute;
}

.b1x {
    border: 1px solid #f0f0f0;
    background: #FFFFFF;
    position: absolute;
    height: 12px
}

.b2 {
    background: #e0e0e0;
    opacity: 0.6;
    filter: alpha(opacity = 60);
    position: absolute;
    height: 13px
}

.b2a {
    background: #e0e0e0;
    opacity: 0.6;
    filter: alpha(opacity = 60);
    position: absolute;
    height: 25px
}

.cCaption {
    float: left;
    text-indent: 20px;
    text-align: left;
    font-weight: bold;
    padding-top: 8px;
    color: gray
}

.UserName {
    font-size: 10pt;
    color: #404040;
    margin-top: 10px;
    font-weight: bold;
    text-align: left;
    height: 25px
}

.UserName2 {
    margin: 0;
    padding: 0;
    font-size: 10pt;
    color: #404040;
    margin-top: 0px;
    font-weight: bold;
    text-align: left;
    height: 22px
}

#divUsersTableHeader {
    background: #0078D4;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px
}

#divCourtsTableHeader {
    background: #0078D4;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px
}

#divVarerTableHeader {
    background: #0078D4;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px
}

#divFakturaTableHeader {
    background: #0078D4;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px
}

#divPayPalTableHeader {
    background: #0078D4;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px
}

#divKlippeKortTableHeader {
    background: #0078D4;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px
}

#divFakturaLinjeHeader {
    background: #0078D4;
    color: White;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px
}

.divTableHeader {
    float: left;
    width: 100%;
    height: 25px;
    color: gray;
    background: #f0f0f0;
    text-align: right;
    overflow: hidden;
    z-Index: 0;
}

.divTableFooter {
    float: left;
    width: 100%;
    height: 20px;
    color: #404040;
    background: #d0d0d0;
    text-align: left;
    padding-top: 3px;
    border-top: 1px solid white;
    overflow: hidden;
    z-Index: 1
}

.divTableHeader2 {
    margin-top: 0px;
    float: left;
    width: 100%;
    height: 25px;
    color: gray;
    background: #f0f0f0;
    text-align: right;
    overflow: hidden;
    z-Index: 0
}

.divTableHeader3 {
    margin-top: 0px;
    float: left;
    width: 100%;
    height: 25px;
    color: gray;
    background: #f0f0f0;
    text-align: right;
    overflow: hidden;
    z-Index: 0
}

.divTableHeader4 {
    margin-top: 0px;
    float: left;
    width: 100%;
    height: 25px;
    color: gray;
    background: #f0f0f0;
    text-align: right;
    overflow: hidden;
    z-Index: 0
}

.lbox {
    font-family: verdana;
    font-size: 7pt;
    margin-top: 3px;
    background: White !important;
}

.header {
    font-family: verdana;
    font-size: 12pt;
    color: White;
}

/* 
  -- Firefox, Safari & Chrome --
*/

.AddListHeader {
    clear: left;
    margin-left: 10px;
    color: var(--stdLink);
    text-align: left;
    width: 95%;
    font-size: 9pt;
    padding-top: 5px;
    padding-bottom: 5px
}

.AddListHeader2 {
    clear: left;
    margin-left: 17px;
    color: var(--stdLink);
    font-size: 9pt;
    text-align: left;
    width: 130px;
    padding-top: 5px;
    padding-bottom: 5px
}

.AddListHeader3 {
    color: #404040;
    font-size: 10pt;
    text-align: left;
    padding-top: 5px;
    margin-left: 3%;
    padding-bottom: 5px;
    border: 0px solid gray;
    line-height: 150%;
    width: 26%;
    vertical-align: top;
    display: inline-block
}

.headerChangeTasks {
    clear: left;
    background: #ffffff;
    border: 2px solid transparent;
    border-bottom: 0px solid #e0e0e0;
    clear: left;
    width: 97%;
    padding: 2px;
    height: 16px !important;
    float: left
}

.btnNewConvert {
    display: none;
    overflow: hidden;
    clear: left;
    width: 90%
}

.ChangeTaskList {
    width: 97%;
    padding: 2px;
    clear: both;
    padding-top: 3px;
    padding-bottom: 1px;
    color: #404040;
    border-top: 1px dotted gray !important
}

.ChangeTasksList2 {
    height: 18px;
    padding-top: 2px !important;
}

.ChangeTasksList3 {
    height: 18px;
    padding: 2px !important;
    width: 38%;
    color: #404040;
    border-top: 0px dotted gray !important
}

.r2 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.imgDownArrow {
    vertical-align: middle;
    margin-top: 0 !important;
    padding-top: 0 !important;
    height: 20px !important
}

.imgDownArrowDocument {
    vertical-align: middle;
    margin-top: 0 !important;
    padding-top: 0 !important
}

.imgDownArrowTask {
    vertical-align: middle;
    margin-top: 0 !important;
    padding-top: 0 !important
}

.imgDownArrowCustomer {
    vertical-align: middle;
    margin-top: 0 !important;
    padding-top: 0 !important
}

.imgDownArrowChange {
    vertical-align: middle;
    margin-top: 0 !important;
    padding-top: 0 !important
}

.imgDownArrowCustomerGroup {
    vertical-align: middle;
    margin-top: 0 !important;
    padding-top: 0 !important
}

.imgDownArrowQuickCase {
    vertical-align: middle;
    margin-top: 0 !important;
    padding-top: 0 !important
}

.EmailResponse {
    clear: left;
    color: #404040;
    font-weight: normal;
    width: 95%;
    margin-top: 0px;
    background: #FAFAFA;
    opacity: 1;
    padding: 10px;
    color: #000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    text-align: left;
    border: 1px solid #e0e0e0;
    margin-left: 10px;
    overflow-x: hidden;
    max-height: 100px;
    overflow-y: auto;
    border: 0
}

    .EmailResponse img {
        opacity: 0.5;
        width: 12px !important;
        height: 12px !important
    }

    .EmailResponse a {
        color: #808080 !important;
    }

    .EmailResponse span {
        color: #808080 !important;
        font-size: 0.8em;
        clear: both;
        width: 100%;
        opacity: 0.5
    }

    .EmailResponse font {
        color: #808080 !important;
    }

.cConsole .link {
    color: #404040 !important;
    font-size: 8pt !important
}

.cConsole .link2 {
    color: #404040 !important;
    font-size: 8pt !important
}

.Console2Header {
    color: #808080 !important;
    font-size: 0.8em !important;
    margin-left: 18px;
    clear: both;
    width: 100%;
    opacity: 0.5;
    cursor: pointer
}

.ConsoleHeader {
    color: #808080 !important;
    font-size: 0.8em !important;
    margin-left: 20px;
    clear: both;
    width: 100%;
    margin-top: 10px;
    opacity: 0.5;
    cursor: pointer
}

.rounded-corners {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.form-header {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.rounded-corners-f {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

    .rounded-corners-f:hover {
        border: 1px solid #0072C6 !important;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
    }

.rounded-cornersCForm {
    color: #404040;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.rounded-cornersCForm2 {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}

.rounded-cornersDefault {
    border-left: 0;
    border-top: 0;
    padding: 5px;
    padding-right: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
}


.rounded-cornersX2 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    box-shadow: -10px 0px 10px 1px #aaaaaa;
    border: 1px solid #e0e0e0 !important
}

.rounded-cornersAssigned {
    margin-top: 4px;
    width: 1px;
    float: left;
    margin-right: 5px;
    color: #404040;
    background: #C1D8F7;
    height: 6px;
    padding-top: 5px;
    padding-left: 5px;
    text-align: center;
    font-weight: bold;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

.divTaskAssignedToMe {
    background: lightyellow;
    color: #333 !important;
    width: 100%;
    padding: 5px;
}

.rounded-cornersHighPriority {
    margin-top: 4px;
    width: 1px;
    float: left;
    margin-right: 5px;
    color: #404040;
    background: red;
    height: 6px;
    padding-top: 5px;
    padding-left: 5px;
    text-align: center;
    font-weight: bold;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

.rounded-cornersClosed {
    width: 100%;
    color: #ffffff;
    background: #d85d3f;
    height: 20px;
    padding-top: 5px;
    padding-left: 5px;
    text-align: center;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.rounded-cornersApproved {
    width: 97%;
    color: #ffffff;
    background: #4CAF50;
    height: 20px;
    padding-top: 5px;
    padding-left: 5px;
    text-align: center;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.rounded-cornersApproval {
    width: 97%;
    color: #ffffff;
    background: orange;
    height: 20px;
    padding-top: 5px;
    padding-left: 5px;
    text-align: center;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.rounded-cornersIMG {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.rounded-cornersCase {
    background: white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 0px solid white;
    border: 1px solid #c0c0c0;
    padding-bottom: 5px
}

.rounded-cornersInventory {
    background: #f0f0f0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.rounded-cornersTaskx {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}



.rounded-cornersS {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 2px 2px 2px #DEDEDE;
    -webkit-box-shadow: 2px 2px 2px #DEDEDE;
    box-shadow: 2px 2px 2px #DEDEDE;
}

.rounded-cornersSx {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 2px 2px 2px #c0c0c0;
    -webkit-box-shadow: 2px 2px 2px #c0c0c0;
    box-shadow: 2px 2px 2px #c0c0c0;
}

.rounded-cornersSForm {
    border: 3px solid #000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 2px 2px 2px #DEDEDE;
    -webkit-box-shadow: 2px 2px 2px #DEDEDE;
    box-shadow: -10px 0px 10px 1px #aaaaaa;
}



.rounded-corners2 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.rounded-corners3 {
    padding: 5px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}

.rounded-corners4 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.rounded-corners5 {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 2px 2px 2px #c0c0c0;
    -webkit-box-shadow: 2px 2px 2px #c0c0c0;
    box-shadow: 2px 2px 2px #c0c0c0;
}

.rounded-corners6 {
    padding: 2px;
    border-radius: 2px;
    box-shadow: none !important;
    outline: none !important;
    border: 1px solid var(--stdBorder) !important;
}

.rounded-corners6m {
    padding: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 2px 2px 2px 1px #D0D0D0;
    -webkit-box-shadow: 2px 2px 2px 1px #D0D0D0;
    box-shadow: 2px 2px 2px 1px #D0D0D0;
}

.rounded-corners6Form {
    background: rgba(255,255,255,0.9);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.2);
    border: 1px solid rgba(255,255,255,0.4);
}

#divFieldChooserInner {
    height: 160px !important
}



.loginImg {
    padding: 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 2px 2px 2px #c0c0c0;
    -webkit-box-shadow: 2px 2px 2px #c0c0c0;
    box-shadow: 2px 2px 2px #c0c0c0;
    width: 900px;
    height: 450px;
    padding: 0;
    border: 1px solid #e0e0e0;
    margin-left: 0px;
}


.rounded-corners6x {
    border: 1px solid #f0f0f0;
    border-left: 0;
    border-top: 0;
    padding: 5px;
    padding-right: 0;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
}

.rounded-corners6y {
    border: 1px solid #f0f0f0;
    border-left: 0;
    border-top: 0;
    padding: 5px;
    padding-right: 0;
    border-bottom: 1px solid lightgrey
}

#Flyout12divTabs {
    box-shadow: -10px 0px 10px 1px #aaaaaa;
}

.rounded-corners7x {
    border: 1px solid #f0f0f0;
    border-left: 0;
    border-top: 0;
    padding-right: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
}


.rounded-corners6a {
    padding: 2px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadowx: 4px 4px 4px #c0c0c0;
    -webkit-box-shadowx: 4px 4px 4px #c0c0c0;
    box-shadowx: 4px 4px 4px #c0c0c0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
}

#divProxy1 {
    display: none;
    padding-top: 10px;
    padding-bottom: 10px
}

#divMenu {
    top: 80px !important;
    background: #F0F0F0 !important
}

#divTopTabs {
    top: 55px !important
}

#divTopTabsText {
    top: 60px !important
}

#divMinBoxCount1 {
    display: none;
}

#sdlogoRight {
    height: 40px !important
}

#sdLogoX {
    top: 5px !important
}

#phoneloglink {
}


.rounded-corners3x {
    padding: 0px;
    -webkit-border-radius: 12px;
    -webkit-border-top-right-radius: 1px;
    -webkit-border-bottom-right-radius: 1px;
    -moz-border-radius: 12px;
    -moz-border-radius-bottomright: 1px;
    border-radius: 12px;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    -moz-box-shadow: 4px 4px 4px #c0c0c0;
    -webkit-box-shadow: 4px 4px 4px #c0c0c0;
    box-shadow: 4px 4px 4px #c0c0c0;
}

.rounded-corners7 {
    word-wrap: break-word;
    word-break: normal;
    z-Index: 20;
    opacity: 1;
    filter: alpha(opacity = 100);
    text-align: center;
    padding: 1px;
    overflow: hidden;
    width: 100%;
    border: 1px solid #909090;
    cursor: pointer;
    color: #404040;
    background: #FEF389;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.rounded-corners7a {
    word-wrap: break-word;
    word-break: normal;
    z-Index: 20;
    opacity: 1;
    filter: alpha(opacity = 100);
    text-align: center;
    padding: 1px;
    overflow: hidden;
    width: 100%;
    border: 1px solid red;
    cursor: pointer;
    color: #404040;
    background: #FEF389;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.rounded-corners8 {
    z-Index: 20;
    opacity: 1;
    filter: alpha(opacity = 100);
    text-align: center;
    padding: 1px;
    overflow: hidden;
    width: 100%;
    border: 1px solid #909090;
    cursor: pointer;
    color: #404040;
    background: #95B9E7;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.rounded-corners9 {
    z-Index: 20;
    opacity: 1;
    filter: alpha(opacity = 100);
    text-align: center;
    padding: 1px;
    overflow: hidden;
    width: 100%;
    border: 1px solid red;
    cursor: pointer;
    color: #404040;
    background: #95B9E7;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.SendMailBox {
    display: none;
    background: #fafafa;
    font-size: 8pt;
    z-index: 99002;
    display: none;
    position: absolute;
    margin: 0;
    padding: 0;
    top: 80px;
    left: 300px;
    border: 1px solid #d0d0d0;
    width: 750px;
    height: 680px;
    overflow: hidden
}


.b1a {
    padding-top: 3px;
    z-Index: 120;
    cursor: default;
    font-weight: normal;
    font-size: 7pt;
    color: black;
    word-wrap: break-word;
    word-break: normal
}

.b1b {
    color: gray;
    font-size: 6pt
}

.b1c {
    padding-top: 3px;
    z-Index: 120;
    cursor: default;
    font-weight: normal;
    font-size: 7pt;
    color: red;
    word-wrap: break-word;
    word-break: normal
}

/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
    position: relative;
    margin: 0px auto;
    min-width: 30px;
    max-width: 760px; /* based on image dimensions - not quite consistent with drip styles yet */
    color: #fff;
    z-index: 1;
    margin-left: 12px; /* default, width of left corner */
    margin-bottom: 0.5em; /* spacing under dialog */
    -moz-box-shadow: 3px 3px 3px #707070;
    -webkit-box-shadow: 3px 3px 3px #707070;
    box-shadow: 3px 3px 3px #707070;
    filter: alpha(opacity = 80);
    opacity: 0.8;
}

    .dialog .content,
    .dialog .t,
    .dialog .b,
    .dialog .b div {
        background: transparent url("yellow.png") no-repeat top right;
        _background-image: url("green.gif");
    }

    .dialog .content {
        position: relative;
        zoom: 1;
        _overflow-y: hidden;
        padding: 0px 12px 0px 0px;
        white-space: nowrap;
        line-height: 100%;
        z-Index: 199;
    }

    .dialog .t {
        /* top+left vertical slice */
        position: absolute;
        left: 0px;
        top: 0px;
        width: 12px; /* top slice width */
        margin-left: -12px;
        height: 100%;
        _height: 1600px; /* arbitrary long height, IE 6 */
        background-position: top left;
    }

    .dialog .b {
        /* bottom */
        position: relative;
        width: 100%;
        text-align: left;
    }

        .dialog .b,
        .dialog .b div {
            height: 14px; /* height of bottom cap/shade */
            font-size: 1px;
        }

    .dialog .b {
        background-position: bottom right;
    }

        .dialog .b div {
            position: relative;
            width: 12px; /* bottom corner width */
            margin-left: -12px;
            background-position: bottom left;
        }

    .dialog .hd,
    .dialog .bd,
    .dialog .ft {
        position: relative;
    }

    .dialog .wrapper {
        /* extra content protector - preventing vertical overflow (past background) */
        position: static;
        max-height: 1000px;
        overflow: auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
    }

    .dialog h1,
    .dialog p {
        margin: 0px; /* margins will blow out backgrounds, leaving whitespace. */
        padding: 0.5em 0px 0.5em 0px;
    }

    .dialog h1 {
        padding-bottom: 0px;
    }


.dialog2 {
    position: relative;
    margin: 0px auto;
    min-width: 20px;
    max-width: 760px; /* based on image dimensions - not quite consistent with drip styles yet */
    color: #fff;
    z-index: 1;
    margin-left: 12px; /* default, width of left corner */
    margin-bottom: 0.5em; /* spacing under dialog */
    -moz-box-shadow: 3px 3px 2px #707070;
    -webkit-box-shadow: 3px 3px 2px #707070;
    box-shadow: 3px 3px 2px #707070;
    filter: alpha(opacity = 80);
    opacity: 0.8;
}

    .dialog2 .content,
    .dialog2 .t,
    .dialog2 .b,
    .dialog2 .b div {
        background: transparent url("blue.png") no-repeat top right;
        _background-image: url("blue.gif");
    }

    .dialog2 .content {
        position: relative;
        zoom: 1;
        _overflow-y: hidden;
        padding: 0px 12px 0px 0px;
        z-Index: 199;
    }

    .dialog2 .t {
        /* top+left vertical slice */
        position: absolute;
        left: 0px;
        top: 0px;
        width: 12px; /* top slice width */
        margin-left: -12px;
        height: 100%;
        _height: 1600px; /* arbitrary long height, IE 6 */
        background-position: top left;
    }

    .dialog2 .b {
        /* bottom */
        position: relative;
        width: 100%;
        text-align: left;
    }

        .dialog2 .b,
        .dialog2 .b div {
            height: 14px; /* height of bottom cap/shade */
            font-size: 1px;
        }

    .dialog2 .b {
        background-position: bottom right;
    }

        .dialog2 .b div {
            position: relative;
            width: 12px; /* bottom corner width */
            margin-left: -12px;
            background-position: bottom left;
        }

    .dialog2 .hd,
    .dialog2 .bd,
    .dialog2 .ft {
        position: relative;
    }

    .dialog2 .wrapper {
        /* extra content protector - preventing vertical overflow (past background) */
        position: static;
        max-height: 1000px;
        overflow: auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
    }

    .dialog2 h1,
    .dialog2 p {
        margin: 0px; /* margins will blow out backgrounds, leaving whitespace. */
        padding: 0.5em 0px 0.5em 0px;
    }

    .dialog2 h1 {
        padding-bottom: 0px;
    }



.dialog3 {
    position: relative;
    margin: 0px auto;
    min-width: 8em;
    max-width: 760px; /* based on image dimensions - not quite consistent with drip styles yet */
    color: #fff;
    z-index: 1;
    margin-left: 12px; /* default, width of left corner */
    margin-bottom: 0.5em; /* spacing under dialog */
}

    .dialog3 .content,
    .dialog3 .t,
    .dialog3 .b,
    .dialog3 .b div {
        background: url("green2.png") no-repeat top right;
        _background-image: url("green.gif");
    }

    .dialog3 .content {
        position: relative;
        zoom: 1;
        _overflow-y: hidden;
        padding: 0px 12px 0px 0px;
    }

    .dialog3 .t {
        /* top+left vertical slice */
        position: absolute;
        left: 0px;
        top: 0px;
        width: 12px; /* top slice width */
        margin-left: -12px;
        height: 100%;
        _height: 1600px; /* arbitrary long height, IE 6 */
        background-position: top left;
    }

    .dialog3 .b {
        /* bottom */
        position: relative;
        width: 100%;
    }

        .dialog3 .b,
        .dialog3 .b div {
            height: 24px; /* height of bottom cap/shade */
            font-size: 1px;
        }

    .dialog3 .b {
        background-position: bottom right;
    }

        .dialog3 .b div {
            position: relative;
            width: 12px; /* bottom corner width */
            margin-left: -12px;
            background-position: bottom left;
        }

    .dialog3 .hd,
    .dialog3 .bd,
    .dialog3 .ft {
        position: relative;
    }

    .dialog3 .wrapper {
        /* extra content protector - preventing vertical overflow (past background) */
        position: static;
        max-height: 1000px;
        overflow: auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
    }

    .dialog3 h1,
    .dialog3 p {
        margin: 0px; /* margins will blow out backgrounds, leaving whitespace. */
        padding: 0.5em 0px 0.5em 0px;
    }

    .dialog3 h1 {
        padding-bottom: 0px;
    }

H1 {
    font-size: 11pt;
    font-weight: bold;
    color: #3071A9
}

H2 {
    font-size: 10pt;
    font-weight: bold;
    color: #3071A9
}

H3 {
    font-size: 8pt;
    font-weight: bold;
    color: #3071A9
}


.cMnuAssign {
}

.cMnuMore {
}

.xClose {
    border: 1px solid red;
    width: 100px;
    height: 20px
}

.vmenu {
    z-Index: 93000;
    border: 1px solid #aaa;
    position: absolute;
    background: #fff;
    display: none;
    font-size: 8pt;
    -moz-box-shadow: 4px 4px 4px #c0c0c0;
    -webkit-box-shadow: 4px 4px 4px #c0c0c0;
    box-shadow: 4px 4px 4px #c0c0c0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

    .vmenu .first_li span {
        width: 190px;
        display: block;
        padding: 5px 10px;
        cursor: pointer
    }

    .vmenu .first_li:focus {
        outline: 0;
        width: 190px;
        display: block;
        padding: 0px 10px;
        cursor: pointer;
        border: 1px solid #A4C6EE
    }

    .vmenu .first_li {
        outline: 0;
        width: 190px;
        display: block;
        padding: 0px 10px;
        cursor: pointer;
        border: 1px solid transparent
    }

    .vmenu .first_li2 span {
        width: 190px;
        display: block;
        padding: 5px 10px;
        cursor: pointer;
        background: #f0f0f0
    }

    .vmenu .first_li2 {
        width: 190px;
        display: block;
        padding: 0px 10px;
        cursor: pointer;
        background: #f0f0f0
    }

        .vmenu .first_li2:focus {
            width: 190px;
            display: block;
            padding: 0px 10px;
            cursor: pointer;
            background: #f0f0f0
        }

    .vmenu .inner_li {
        display: none;
        margin-left: 190px;
        position: absolute;
        border: 1px solid #aaa;
        border-left: 1px solid #ccc;
        margin-top: -28px;
        background: #fff;
        -moz-box-shadow: 4px 4px 4px #c0c0c0;
        -webkit-box-shadow: 4px 4px 4px #c0c0c0;
        box-shadow: 4px 4px 4px #c0c0c0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
    }

    .vmenu .inner_li2 {
        display: none;
        margin-left: 190px;
        position: absolute;
        border: 1px solid #aaa;
        border-left: 1px solid #ccc;
        margin-top: -28px;
        background: #fff;
        -moz-box-shadow: 4px 4px 4px #c0c0c0;
        -webkit-box-shadow: 4px 4px 4px #c0c0c0;
        box-shadow: 4px 4px 4px #c0c0c0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
    }

    .vmenu .sep_li {
        border-top: 1px ridge #aaa;
        margin: 5px 0
    }

    .vmenu .fill_title {
        font-size: 11px;
        font-weight: bold;
        height: 15px;
        overflow: hidden;
        word-wrap: break-word;
        word-break: normal;
    }

.dP {
    line-height: 140% !important;
    font-family: verdana;
    color: #404040;
    margin: 0 !important;
    padding: 0 !important;
    margin-bottom: 5px !important;
    margin-left: 5px !important
}

p.MsoNormal, li.MsoNormal, div.MsoNormal {
    margin: 0cm;
    margin-bottom: .0001pt;
    font-size: 11.0pt !important;
    font-family: "Calibri",sans-serif !important;
    mso-fareast-language: EN-US;
}

.aloha-textarea p {
    margin: 0cm;
    margin-bottom: .0001pt;
    font-size: 11.0pt !important;
    line-height: 130% !important;
    font-family: "Calibri",sans-serif !important;
    mso-fareast-language: EN-US;
}

.aloha-editable p {
    margin: 0cm;
    margin-bottom: .0001pt;
    font-size: 11.0pt !important;
    line-height: 130% !important;
    font-family: "Calibri",sans-serif !important;
    mso-fareast-language: EN-US;
}

.aloha-editable-active p {
    margin: 0cm;
    margin-bottom: .0001pt;
    font-size: 11.0pt !important;
    line-height: 130% !important;
    font-family: "Calibri",sans-serif !important;
    mso-fareast-language: EN-US;
}

.aloha-textarea div {
    margin: 0cm;
    margin-bottom: .0001pt;
    font-size: 11.0pt !important;
    line-height: 130% !important;
    font-family: "Calibri",sans-serif !important;
    mso-fareast-language: EN-US;
}


pre {
    font-size: 11.0pt !important;
    font-family: "Calibri",sans-serif !important;
    line-height: 130% !important;
    mso-fareast-language: EN-US;
    white-space: normal !important;
}

.PlannerDate {
    display: inline-block;
    width: 100px;
    margin-left: 10px;
    margin-top: 5px
}

.PlannerDelete {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    vertical-align: middle;
    cursor: pointer;
    opacity: 0.5
}

.PlannerDay {
    margin-right: 3px;
    vertical-align: middle;
    display: inline-block;
    color: #404040
}

.PlannerSchedule {
    font-size: 12pt;
    color: var(--stdLink)
}

textarea {
    border: 1px solid #e0e0e0 !important
}

.caseContactHeader {
    float: left;
    width: 65px;
    height: 65px;
    margin-left: 20px;
    margin-right: 2px
}

.caseCustomerHeader {
    overflow: hidden;
    margin-left: 28px;
    padding: 3px;
    padding-top: 0;
    float: left;
    width: 245px;
    height: 60px;
    border: 0px solid gray
}

.listlabel {
    padding-top: -10px !important;
    margin-top: -10px !important;
    cursor: pointer;
    vertical-align: middle
}

.calendarCalendarDefault {
    padding: 10px
}

.calendarTitleDefault {
    color: white !important;
    font-size: 10pt !important;
    font-weight: normal !important
}

.calendarArrowLeftDefault {
    color: white !important;
}

.calendarArrowRightDefault {
    color: white !important;
}

.calendarMonthDefault {
    margin: 0 !important;
    padding: 0;
    padding-left: 5px !important;
    padding-right: 5px !important;
    background: white !important;
    font-weight: normal !important
}

#_Calendar1Container {
    border: 0 !important;
    font-weight: normal !important;
    width: 175px !important;
    background: #E4165B !important;
    background-color: #E4165B !important;
    margin: 0 !important;
    padding: 0 !important
}

    #_Calendar1Container table {
        margin-left: -2px !important;
        width: 180px !important;
        font-weight: normal !important
    }

.calendarMonthDefault {
    border: 0 !important
}

.calendarDayNameDefault {
    font-weight: normal !important;
}

#divCalendar {
    box-shadow: -10px 0px 10px 1px #aaaaaa;
    padding: 10px;
    border: 1px solid #d0d0d0;
    opacity: 1 !important;
    background: white
}

.rounded-corners6 {
    box-shadow: none !important;
    outline: none !important;
    border: 1px solid var(--stdBorder) !important;
}

.AssignCase {
    box-shadow: -10px 0px 10px 1px #aaaaaa;
}

.divInputAround {
    position: relative
}

.lblNew {
    position: absolute;
    top: -6px;
    left: 8px;
    color: #404040;
    font-size: 8pt;
    display: block;
    font-weight: normal;
    text-decoration: none;
    opacity: 1
}

.inpX, .inpX3 {
    margin-bottom: 3px;
    font-size: 10pt;
    margin-bottom: 3px;
    padding-bottom: 3px;
    color: var(--stdColor)
}

.inp4Select {
    font-size: 10pt;
    margin-bottom: 3px;
    padding-bottom: 3px
}

.lblBold {
    font-size: 10pt;
    width: calc(100% - 60px);
    clear: left;
    display: inline-block;
    line-height: 120% !important;
    font-weight: 700;
    margin-top: 10px;
    background: var(--stdMenuBackground);
    padding: 5px;
}

.lblHeading {
    font-size: 10pt;
    width: calc(100% - 60px);
    clear: left;
    display: inline-block;
    line-height: 120% !important;
    margin-top: 10px;
    color: var(--stdLink) !important;
    padding: 5px;
}

#caseDescriptionField .lbl {
    text-align: left;
    padding-left: 10px;
}

.lblCNew {
    width: 0px;
    height: 8px !important;
    overflow: hidden;
}

.lblCNewRight {
    float: left;
    display: inline-block;
    width: 80px;
    visibility: hidden;
    overflow: hidden;
}

.rCaseSubject {
    clear: left;
    font-size: 16pt;
    color: #404040;
    font-weight: normal
}

.rCaseLabel {
    clear: left;
    float: left;
    font-size: 8pt;
    color: #404040;
    font-weight: normal;
    width: 90px;
    padding-top: 4px;
    border: 0px solid #d0d0d0
}

.rCaseField {
    font-size: 9pt;
    color: #000;
    width: 270px;
    font-weight: normal;
    padding-top: 5px;
    border: 0px solid #d0d0d0;
    overflow: hidden
}

.rCaseFieldRight {
    font-size: 9pt;
    color: #000;
    width: 200px;
    font-weight: normal;
    padding-top: 5px;
    border: 0px solid #d0d0d0;
    overflow: hidden
}

.rCaseFieldRightDate {
    font-size: 8pt;
    color: #000;
    width: 200px;
    font-weight: normal;
    margin-top: -1px;
    padding-top: 4px;
    border: 0px solid #d0d0d0;
    overflow: hidden
}

.rCaseFooter {
    font-style: italic;
    color: #404040;
}

.divCaseTabs {
    display: none
}

    .divCaseTabs:hover {
        display: block
    }

.btnRow {
    width: 25px;
    height: 200px;
    border: 0px solid #000;
    float: left;
    position: absolute;
    top: 445px;
    left: 5px
}

.btnRowBtn {
    width: 16px;
    height: 16px;
    cursor: pointer;
    float: left;
    margin-bottom: 5px;
    border: 1px solid #d0d0d0;
    text-align: center;
    font-weight: bold
}

.divNewCaseMain {
    position: relative;
    display: block;
    border: 0px solid red;
    width: 875px;
    overflow-x: hidden;
    line-height: 150%;
    height: 280px;
    overflow-Y: auto
}

.divNewCaseDialogue {
    border: 1px solid #d0d0d0;
    height: 100%;
    width: 100%
}

.divNewCaseDetailsBlock1 {
    clear: left;
    float: left;
    width: 410px;
    overflow: hidden
}

.divNewCaseDetailsBlock2 {
    float: left;
    width: 400px;
    overflow: hidden
}

.repCriteriaRow {
    white-space: nowrap;
    float: left;
    width: -moz-calc(100% - 140px);
    width: -webkit-calc(100% - 140px);
    width: calc(100% - 140px);
    ;
    overflow: hidden
}

.tagBoxHeader {
    width: 100%;
    clear: left;
    background: #f0f0f0;
    color: black;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px
}

.downArrow {
    cursor: pointer;
    width: 16px;
    height: 18px;
    margin-left: 1px;
    border: 1px solid #e0e0e0;
    margin-top: 4px;
    vertical-align: middle
}

.btnDownArrow {
    width: 19px;
    height: 19px;
    padding: 0;
    vertical-align: middle;
    border-radius: 0px;
    box-shadow: none;
    outline: none;
    border: 1px solid var(--stdGray);
    margin-left: 2px
}

    .btnDownArrow:hover, .btnDownArrow:focus {
        border-radius: 3px;
        border-color: var(--stdOutline) !important;
        box-shadow: inset 0 0 0 2px var(--stdOutline) !important;
    }

.divSaveReport {
    padding: 10px;
    display: none
}

.divSaveRportInner {
    float: left
}

#btnReportSave {
    height: 30px;
    margin-left: 5px
}

#btnReportSaveCancel {
    height: 30px
}

.divSaveSearch {
    padding: 10px;
    padding-left: 0;
    display: none
}

.reportsDropList {
    cursor: pointer;
    width: 500px;
    background: var(--stdBackground);
    padding: 10px;
    border: 1px solid #e0e0e0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    float: left;
    margin-top: 20px;
    z-index: 99999;
    font-size: 10pt
}

.reportsDropList {
    width: calc(100% - 40px)
}

.reportsDropListItem {
    color: var(--stdLink);
    cursor: pointer;
    font-size: 10pt
}

.divDashMenuButtons {
    width: 1005px;
    height: 100px;
    padding: 10px;
    margin-top: 0px;
    margin-left: 10px;
    border: 0px solid red;
    border-bottom: 1px solid white;
    overflow: hidden;
    position: relative;
    padding-top: 10px
}

.dashboardRepImg {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    vertical-align: middle;
    float: left
}

.divDashReportMenuButtons {
    width: 500px;
    height: 40px;
    padding: 10px;
    margin-top: 0px;
    margin-left: 0px !important;
    padding-left: 0 !important;
    border: 0px solid red;
    overflow: hidden;
    float: left
}

.rounded-cornersDashboardReports {
    width: 100%;
    color: #ffffff;
    background: #0078D4;
    height: 20px;
    padding-top: 2px;
    padding-left: 5px;
    text-align: center;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.P13 {
    width: 100%;
    padding: 5px;
    background: #f0f0f0
}

.dashboardNoReports {
    overflow: hidden;
    width: 45%;
    height: auto;
    color: #c0c0c0;
    font-size: 2em;
    padding: 10%;
    margin-left: 15%;
    border: 2px dashed #c0c0c0;
    margin-top: 10%;
    text-align: center;
    overflow: hidden !important
}

#lblReportPrivate {
    margin-left: 5px;
    color: #404040
}

.moveReportFrame {
    position: absolute;
    right: 30px;
    top: 4px;
    display: none
}

.rptContact {
    margin-left: 10px;
    color: #404040;
    font-size: 7pt
}

#divDashFilter {
    float: left;
    padding-top: 10px;
    padding-left: 15px;
    width: 990px;
    border: 3px solid #87D6F0;
    height: 65px;
    display: none;
    color: #000;
    position: absolute;
    top: 5px;
    left: 15px;
    background: #FFFFFF;
    z-index: 98000
}

#divDashFilterLowRes {
    float: left;
    padding-top: 10px;
    padding-left: 15px;
    width: 990px;
    border: 3px solid #87D6F0;
    height: 65px;
    display: none;
    color: #000;
    position: absolute;
    top: 5px;
    left: 15px;
    background: #FFFFFF;
    z-index: 98000;
}

.dashboardFilerLabel {
    position: absolute;
    top: 1px;
    left: 5px;
    color: #303030;
    font-weight: bold;
    opacity: 0.5
}

.dashboardFilerLabelLowRes {
    display: none !important
}

.lockReportFrame {
    position: absolute;
    right: 60px;
    top: 4px;
    display: none;
    opacity: 0.5
}

.clipReportFrame {
    position: absolute;
    right: 80px;
    top: 6px;
    display: none;
    opacity: 0.5;
    width: 16px;
    height: 16px
}

.dlgRow1 {
}

.TaskRow1 {
}

.chkKnowledge {
    margin-right: 5px;
    float: left;
    vertical-align: top
}

.chkKnowledgeHidden {
    visibility: hidden;
    margin-right: 5px;
    float: left;
    vertical-align: top
}

.kbImg {
    height: 13px;
    margin-top: 3px
}

.kbLink {
    margin-left: 5px;
    color: red
}

.kbLinkImg {
    margin-left: 15px;
    height: 13px
}

.kbstatus {
    font-size: 7pt;
    color: #404040;
    margin-left: 20px;
    display: inline-block
}

.faqlinkimg {
    height: 16px;
}

.faqlink {
    margin-left: 5px;
    margin-top: 3px
}

.divReplyMsgReadonly1 {
    background: orange;
    color: white;
    width: 100%;
    padding: 5px;
    text-align: center
}

.crmMenuLabel {
    display: inline-block;
    width: 190px
}

#divCRMContacts1 {
    width: 95%;
    height: 170px;
    border: 0px solid #f0f0f0;
    overflow: hidden;
    padding: 10px
}

    #divCRMContacts1:hover {
        overflow-y: auto !important
    }

/*PRE SENSEDESK 7*/

.divCaseTabs {
    display: block
}

.lblNew {
    display: none
}

.lblCNew {
    float: left;
    display: inline-block;
    width: 80px;
    visibility: visible;
    height: 12px;
    overflow: visible;
    color: #606060;
    margin-top: 11px;
    text-align: left;
    padding-right: 8px;
    width: 80px;
    float: left
}

.lblCNewRight {
    float: left;
    display: inline-block;
    width: 80px;
    visibility: visible;
    height: 12px;
    overflow: visible;
    color: #606060;
    margin-top: 11px;
    text-align: left;
    padding-right: 8px;
    width: 80px;
    float: left
}

.inpXDummy {
    visibility: hidden;
}

.inpX, .inpX3 {
    height: 21px;
    font-family: verdana;
    font-size: 8pt;
    font-weight: normal;
    color: var(--stdColor);
    padding: 2px;
    padding-left: 7px;
    background: #ffffff;
    margin-top: 3px;
    width: 135px;
    border: 1px solid #e0e0e0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid transparent;
    border-radius: 0;
    border-bottom: 1px solid #e0e0e0;
    margin-top: 5px;
    padding-bottom: 5px;
    background: transparent;
    padding-top: 1px !important;
    outline-style: none !important;
}
#btnCloseLogout1, #btnLogoutNow {
    border-radius: 6px;
}
#USR, #PWD {
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 10px;
    transition: all 0.2s ease;
    background: rgba(255,255,255,0.9);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
}
    #USR:focus,#PWD:focus {
        border-color: #4da3ff;
        box-shadow: 0 0 0 3px rgba(77,163,255,0.2);
    }

.btnSelectUp, .btnSelectDown {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: none;
    background: #f1f5fb;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

    .btnSelectUp:hover, .btnSelectDown:hover {
        background: #e0ebff;
        transform: translateY(-1px);
    }

    .btnSelectUp:active, .btnSelectDown:active {
        transform: translateY(0);
    }

.histCard {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    height: auto;
    overflow: hidden;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
    background: var(--stdCard);
    box-shadow: 0 1px 3px var(--stdShadow);
}
    .histCard:hover {
        background: var(--stdRowHoverBackground) !important;
    }


.btn-primary, .btn-secondary {
    margin-right: 8px;
    display: inline-block;
    padding: 0.375rem 0.75rem;
    font-size: 10pt !important;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 0.375rem;
    background-clip: padding-box;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn-red {
    background-color: #dc3545 !important;
    color: #fff !important;
    border-color: #dc3545 !important;
}
.btn-small {
    padding: 0.2rem 0.5rem;
    font-size: 9pt !important;
    line-height: 1.2;
    border-radius: 0.3rem;
}

.btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
    box-shadow: none !important;
}

.btn-primary:hover {
        color: #fff;
        background-color: #0b5ed7;
        border-color: #0a58ca;
    }

.btn-primary:focus {
        box-shadow: 0 0 0 0.2rem rgba(13,110,253,.35);
    }

.btn-primary:active {
        color: #fff;
        background-color: #0a58ca;
        border-color: #0a53be;
    }

.btn-secondary {
    color: #212529;
    background-color: #fff;
    border-color: #ced4da;
}

.btn-secondary:hover {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #c6ccd2;
    }

.btn-secondary:focus {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #c6ccd2;
        box-shadow: 0 0 0 0.25rem rgba(130,138,145,.25);
        outline: 0;
    }

.btn-secondary:active {
        color: #212529;
        background-color: #e9ecef;
        border-color: #bcc3c9;
    }

#divLogout button + button {
    margin-left: 10px;
}

.inp4Select {
    padding: 3px;
    padding-left: 7px;
    float: left;
    height: 29px;
    z-Index: 12000;
    margin-top: 3px;
    font-size: 8pt;
    color: #000;
    background: #ffffff;
    background: url(images/arrow2downgray.png) no-repeat right #FFFFFF;
    border: 1px solid #e0e0e0;
    -webkit-appearance: none;
    line-height: 1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid transparent;
    border-radius: 0;
    border-bottom: 1px solid #e0e0e0;
    margin-top: 5px;
    padding-bottom: 5px;
    background-color: transparent;
    padding-top: 2px !important;
    font-family: verdana;
    outline-style: none !important;
}