:root {
    --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;
    --stdBodyGradientStart: #496788;
    --stdBodyGradientEnd: #2F4F4F;
    --stdLeftSidebarBackground: #f6f8fa;
    --stdScrollbarThumb: #c0c0c0;
    --stdDlgBorder: #e0e0e0;
    --stdHeaderBorder: #f0f0f0;
    --stdLightGray: #909090;
    --stdLeftSidebarPopup: #FEFEFE;
}


.dark-mode {
    --stdBackground: #242424;
    --stdBackgroundLight: #666;
    --stdColor: #FAFAFA;
    --stdGray: #BABABA;
    --stdDarkGray: #c0c0c0;
    --stdOutline: #89B4D4;
    --stdLink: #9CDCFE;
    --stdBorder: #383838;
    --stdBtnSolidBackground: #0E2539;
    --stdBtnSolidColor: #BFBFBF;
    --stdMenuSelected: #143252;
    --stdRowHoverBackground: #404040;
    --stdBtnMenuHover: #143252;
    --stdBoxHeader: #2B74AB;
    --stdGradientStart: #20282D;
    --stdGradientEnd: #212223;
    --stdDimColor: #B0B0B0;
    --stdMenuBackground: #2a2a2a;
    --stdRed: #FF7F50;
    --stdColorRed: #FF7F50;
    --stdGreen: #00FF00;
    --stdOrange: orange;
    --stdBlue: #5998CE;
    --stdBodyGradientStart: #242424;
    --stdBodyGradientEnd: #242424;
    --stdLeftSidebarBackground: #3A3A38;
    --stdScrollbarThumb: #242424;
    --stdDlgBorder: #606060;
    --stdHeaderBorder: #404040;
    --stdLightGray: #c0c0c0;
    --stdLeftSidebarPopup: #3A3A38;
}
#caseDescriptionField table {
    max-width: calc(100% - 40px)
}



/* For Webkit browsers like Chrome and Safari */
::-webkit-scrollbar {
    width: 16px;
}

::-webkit-scrollbar-track {
    background: var(--stdBackgroundLight);
}

::-webkit-scrollbar-thumb {
    background-color: var(--stdScrollbarThumb); /* Color of the scroll thumb */
    border-radius: 10px; /* Roundness of the scroll thumb */
    border: 3px solid var(--stdBackgroundLight); /* Creates padding around scroll thumb */
}
    /* Hover effect for scroll thumb */
    ::-webkit-scrollbar-thumb:hover {
        /*background-color: var(--stdBackgroundLight);*/
    }
/* For Firefox */
body {
    scrollbar-width: thin;
    scrollbar-color: #CBD1D7 var(--stdBackgroundLight);
}
#btnSaveCompletePreview {
    /* background: lightblue !important;*/
}
body {
    -webkit-font-smoothing: antialiased;
    background: linear-gradient(45deg, var(--stdBodyGradientStart), var(--stdBodyGradientEnd));
}

.leftSideBar, #leftSidebarMain1 {
    background: var(--stdLeftSidebarBackground) !important
}

.leftSideBar {
    border-right: 3px solid transparent !important
}

.menu a {
    color: var(--stdColor) !important
}

#divProxy1 {
    margin-top: 45px;
    margin-left: 10px;
}

.classCaseGrp a {
    color: var(--stdColor) !important
}

.shL3, .shL1b, .shL2b, .imgESC1 {
    color: var(--stdColor) !important
}

.shL3 {
    color: var(--stdDarkGray) !important
}

.divFilterExternalDialogue {
    color: var(--stdBackground) !important;
}

#sidebarback1, .CISideBarHidden {
    display: none !important;
}

#div1, #div2, #div3, #div4, #div5, #div6, #div7, #div8, #div9, #div10 {
    background: var(--stdBackground) !important;
}

.imgESC1 {
    opacity: 0.7;
}

    .imgESC1:hover {
        opacity: 1;
    }

.helpheader2 {
    border-left: 1px solid transparent;
}
#divAdminMenu1 {
    width:100%;
}
.formTbl {
    width: 100%;
    border: 0px solid var(--stdBorder) !important;
    padding: 0 !important;
    margin: 0 !important
}

.formTRTopHeading {
    padding: 10px !important;
    background: #2B74AB !important;
    color: white !important;
    text-align: center
}

.formTDTopHeading {
    padding: 10px !important;
    background: #2B74AB !important;
    color: white !important;
    text-align: center
}

.formTD {
    width: 45%;
    color: var(--stdLink) !important;
    border: 1px solid var(--stdBorder) !important;
    padding: 10px
}

.formTD2 {
    width: 50%;
    border: 1px solid var(--stdBorder) !important;
    color: var(--stdColor) !important;
    padding: 10px
}

.formTDHeading {
    padding: 10px !important
}

.formTR {
    border-bottom: 1px solid red !important;
}

.formTRHeading {
    background: var(--stdMenuBackground) !important;
    padding: 10px !important
}

.myNotesNavbarLink {
    border: 1px solid #0078D4 !important;
    background: var(--stdBtnSolidBackground) !important;
    outline: 1px solid #B2D7FF;
    border: 0;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 10px;
    text-decoration: none;
}


.divCaseInventoryRows {
    margin-left: 23px !important
}

.btnCaseCMDB {
    margin-left: 35px !important
}

.navBarHeader {
    float: right;
    color: #FFFFFF;
    margin-right: 40px;
    margin-top: 2px;
}

.navBarCount {
    font-size: 7pt !important;
    background: lightyellow !important;
    display: none;
    margin-right: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 1px;
    padding-top: 1px;
    color: #333;
    -moz-border-radius: 3px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    vertical-align:middle;
    margin-top:-3px;
}
#divFeedback {
    padding-left: 0 !important
}

.navBarID {
    font-size: 7pt;
    color: var(--stdGray);
    margin-left: 5px
}
#leftSidebarMenuSmall1 {
    width:25px;
    height:auto;
    margin-top:10px;
    position:relative;
}
    #leftSidebarMenuSmall1 img {
        margin-left: 3px;
        margin-top: 2px;
        cursor: pointer;
        border-bottom: 1px solid transparent;
        padding:4px;
    }
        #leftSidebarMenuSmall1 img:hover {
            border-bottom: 1px solid var(--stdBorder);
            background: #B2D7FF !important;
        }

#leftSidebarMenuSmallPopUp1 {
    display:none;
    border:1px solid var(--stdBorder);
    width:auto;
    height:auto;
    overflow-x:hidden;
    min-height:200px;
    padding:10px;

}
.Absence {
    z-index: 99900;
    border: 1px solid var(--stdGray) !important;
    overflow: hidden;
    background: var(--stdBackground);
    width: 460px !important;
    height: 210px !important;
    top: 10px !important;
    left: 10px !important;
    padding-top: 5px !important;
    padding-left: 40px !important;
    padding-bottom: 40px !important;
    -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: -10px 0px 10px 1px #aaaaaa;
}

#xCloseAbsence {
    right: -28px !important;
    top: 0px !important;
}

.phoneheader, .rounded-cornersCase {
    background: var(--stdBackground);color: var(--stdColor)
}

.AccessCIWindow {
    background:var(--stdBackground) !important;
    color:var(--stdColor) !important;

}
.AccessCIWindowInner {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
}
.AccessCIHeader {width:100% !important}
.CIAccessCOL1A, .CIAccessCOL2A {
    color: #000;
}

.phonelogitem2 {
    color: var(--stdColor)
}

.phoneHistory {
    border: 1px solid var(--stdGray) !important
}

.Hidden7 {
    display: none !important
}

.CaseLogheader {width:100%;font-size:10pt;padding-top:25px;margin-bottom:10px;font-weight:bold;clear:left}

.navBarClose {
    background: #0056B3 !important;
    color: white !important;
    text-align: center;
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    margin-left: 10px;
    border: 1px solid var(--stdBorder)
}

    .navBarClose:hover, .navBarClose:focus {
        text-decoration: underline
    }

.navBarClear {
    background: var(--stdGray) !important;
    color: var(--stdColor) !important;
    text-align: center;
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    margin-left: 10px;
    border: 1px solid var(--stdBorder)
}

    .navBarCleat:hover, .navBarClear:focus {
        text-decoration: underline
    }

#MyNotes1 {
    padding: 0;
    margin: 0;
    width: 100%
}

.myNotesNavbarLink:hover {
    text-decoration: underline;
}

.divTypeHeadingDlg {
    background: var(--stdMenuBackground) !important;
    color: var(--stdColor) !important
}

.divInventorySystem {
    clear: left;
}

.AllProfilesRowH {
    background: var(--stdMenuBackground) !important;
    color: var(--stdColor) !important
}

.headerChangeTasks {
    background: var(--stdMenuBackground) !important;
    color: var(--stdColor) !important
}

.reportsDropList {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
    width: calc(100% - 40px);
    margin-left: 10px;
}

.CInputLeft, .CInputRight {
    color: var(--stdLink)
}


.divSearchInfoText {
    color: var(--stdRed) !important
}

.LinkDlg, .HomePostDesc, .divPostCommentInner, .divPostTextInnerUnRead, #divContactReports, .MyNoteCommentDescription {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
}

.replyEmailDialog {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
}

.divHomeTextFrame {
    border: 0 !important;
}

.invoiceField {
    color: var(--stdColor) !important;
}

    .invoiceField a {
        color: var(--stdLink) !important;
    }

#divPeople {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
}

.imgDownArrowDocument {
    padding-bottom: 0 !important;
    margin-top: 10px !important;
}

.InvLineA, .InvLineN, .CIMAPContext {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
}

.tableRowCMDBRel {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
}

.InvLineA:hover, .InvLineN:hover, .invoiceRow:hover, .CIMAPContext:hover {
    background: var(--stdRowHoverBackground) !important;
}

.NewForm .members-list {
    border: 1px solid var(--stdGray) !important;
}

.AdvancedSearch, .AdvancedSearchCMDBFields {
    background: var(--stdBackgroundLight) !important
}

.AdvancedSearchCMDB {
    background: var(--stdBackgroundLight) !important;
}

.redbackground {
    background: var(--stdRed) !important;
}

#divNewFormCIMAP1 {
    border-color: var(--stdBorder) !important
}

.linkP {
    background: var(--stdBtnSolidBackground) !important;
    color: var(--stdBtnSolidColor) !important;
    border: 1px solid var(--stdGray) !important
}

.catAddNew {
    color: var(--stdLink) !important;
}

.CIList {
    border: 0 !important
}

.linkP:hover {
    border: 1px solid #0078D4 !important;
    background: var(--stdBtnSolidBackground) !important;
    outline: 1px solid #B2D7FF;
}

.CategoryResponsible {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
}

.linkstatus {
    color: var(--stdColor) !important;
}

    .linkstatus:hover, .reportsDropList:hover {
        background: var(--stdRowHoverBackground) !important;
    }

.divTaskHeading {
    border: 0 !important;
    background: #2B74AB !important;
    color: white !important
}

.divCaseTaskHeading {
    margin-left: 35px !important
}

.taskRow {
    background: var(--stdBackground);
    color: var(--stdColor) !important;
    border-color: var(--stdBorder) !important;
}

.divCaseAttachmentHeader, .divCaseDialogHeader {
    display:none !important;
    font-size: 12pt;
    width: calc(100% - 35px) !important;
    clear: left;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 3px;
    background: var(--stdMenuBackground);
    margin-left: 35px;
    font-weight: normal;
    text-align: center;
    border: 1px solid var(--stdBorder);
    display: block;
}

.fa-bars {
    color: orange !important;
}

.divCaseDescHeader {
    display: none !important;
    font-size: 12pt;
    width: calc(100% - 45px) !important;
    clear: left;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 3px;
    background: var(--stdMenuBackground);
    margin-left: 35px;
    font-weight: normal;
    text-align: center;
    border: 1px solid var(--stdBorder);
    display: block;
}

table, td, tr:not(.formTR), span, th {
    border-color: var(--stdBorder) !important;
    color: var(--stdColor) !important;
}

.Aktivitet > .rounded-corners > div:not(:has(p)), .Aktivitet > .rounded-corners > div > div:not(:has(p)), .Aktivitet > .rounded-corners > div > div > div:not(:has(p)) {
    margin-left: 3px !important;
}
#divReplies1 .Aktivitet, #divPrevBeskrivelse1 .Aktivitet {
    height: auto !important;
}

.tableRowMainShort2, .tableRowMainSelShort2, .tableRowMainShort1, .tableRowMainSel2, .tableRowMainSel, .tableRowMain2, .tableRowMain1, .tableRowMainSelShort {
    background: var(--stdBackground);
    color: var(--stdColor) !important;
    border-bottom: 1px solid var(--stdBorder) !important
}

    .tableRowMainShort2:hover, .tableRowMainSelShort2:hover, .tableRowMainShort1:hover, .tableRowMainSel2:hover, .tableRowMainSel:hover, .tableRowMainSelShort:hover {
        background: var(--stdRowHoverBackground) !important;
        border-bottom: 1px solid var(--stdBorder) !important
    }

.tableRowMainSel2, .tableRowMainSel, .tableRowMain2b:focus {
    background: var(--stdRowHoverBackground) !important;
}

.CMDBDocFrame:hover {
    background: var(--stdRowHoverBackground) !important;
}

.CMDBDocFrame {
    padding-top: 1px !important;
}

.loadingGif {
}

.dListX {
    border-right: 1px solid transparent !important
}

.tableRowMain2b {
    border-bottom: 1px solid transparent !important;
}

.dList {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
    border-bottom: 1px solid transparent !important;
    border-right: 1px solid transparent !important
}

    .dList a {
        color: var(--stdLink) !important;
    }

#divBusy img {
    border: 1px solid var(--stdBorder);
    padding: 20px;
    background: var(--stdBackgroundLight);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

#divNotes1, #casePreviewTitle, #previewMenuHeader1, .IFPrevCaseContent, textarea, .aloha-textarea, #divSendMail, #divSendMail div, #Flyout12divTabs, ul, li, .ui-menu-item, li a, #divTagsPreview1, .casetaglabel, .SaveDlg, .divButtons, .PreviewButtons, .RowWrap, .rounded-corners6, rounded-corners6 div, .inpX1, .divDashMenuButtons, #divDash, #divMyTaskList, #divMyTaskListInner, .TaskListItem, select, .ReminderListItem {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
}

#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;
    color: #000 !important;
}

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


#divMainLeftMenu1, .leftSideBar div {
    background: var(--stdLeftSidebarBackground) !important;
    color: var(--stdColor) !important;
}

.inpXCMDBSearch, .AssignCase, .inpSearchTask, #divContactCopySEARCH1, .CinpX, .inpXDD, .lblCNew, .lblCNewRight, .inpXNotes3, .inpXNotes2, .MyNotesDate, .divTaskListDate, #divLogout, #divLogout div, .AllProfilesDlg, #divAllProfilesInner1, .AllProfilesRow, .NotesRow, .inpXNotes, #MyNotesComments1, .MyNoteCommentRow, .ReminderListItemSelect, .ReminderListItemSelect div {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
}

.inpSearchTask {
    border-color: var(--stdBorder) !important
}

.ChangeTaskList, .ChangeTaskList2, .changeMenu, .ChangeCalendar, .caldayofweek, .calday, .rounded-cornersX2, .tableRowMain3, .tableRowMain3 a, #divFAQDesc1, .tableRowMain2b {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
}

.linkstatusReadCase, .calendarCalendarDefault table, .calendarCalendarDefault tr, .calendarCalendarDefault th, .calendarCalendarDefault td, .calendarCalendarDefault div, .calendarMonthDefault {
    background: var(--stdBackground) !important;
    color: var(--stdLink) !important;
    border-color: var(--stdBorder);
}

.calendarCalendarDefault {
    background: var(--stdBackground) !important;
    color: var(--stdLink) !important;
    border-color: var(--stdBorder);
}

.calendarDayTodayDefault {
    border-color: var(--stdRed) !important;
}

.calendarDayDisabledDefault {
    color: #f0f0f0 !important;
}

.phoneHistory, .phoneHistoryHeader, .ChatBlock2, .CMDBPrevHeader, #vMenu1, .first_li, .inner_li, .cMnuAssign, .cMnuStatus, .cMnuPriority, .cMnuFindAll, .cMnuSQ, .cMnuMore, .CaseImagePreview, .AktivitetNote, .rounded-cornersAssigned, .surveyTD, .tagBoxHeader, #divCalendar, #divSendChangeMail, #Flyout13divTabs, .invoiceHeader, .invoiceRows, invoiceRow, #divAlert, #divAlertInner, .subChangeCases, .subChangeCases div, .previewDesc, .ContactFilter, #divCustomerTasks div, .ListRow, .grpbyitem {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
}

.caldayofweek, .calday {
    border-color: var(--stdBorder) !important
}

.caldayofweek {
    font-weight: bold !important
}

.tableRowCMDBRel:hover, .linkstatusReadCase:hover, .taskRow:hover, .ui-menu-item a:hover, .grpbyitem:hover, .first_li:hover, .inner_li:hover, .cMnuAssign:hover, .cMnuStatus:hover, .cMnuPriority:hover, .cMnuFindAll:hover, .cMnuMore:hover, .cMnuSQ:hover, .tableRowMain3:hover, .tableRowMain2v:hover, .tableRowMain2b:hover {
    background: var(--stdRowHoverBackground) !important
}

.link:hover {
    background: var(--stdRowHoverBackground) !important
}

#divExp a {
    color: var(--stdLink) !important;
}

.rounded-cornersX2 {
    border-color: var(--stdBorder) !important
}

#divChangeAssesmentTitle1, #divChangeDatesTitle1 {
    background: var(--stdBackground) !important;
    color: var(--stdLink) !important;
}

.NotesRow {
    border-bottom: 2px solid var(--stdBorder) !important;
}

.NotificationListRowRed {
}

.NotificationListRow {
    color: var(--stdLink)
}

#IFPrevCaseContent, .rounded-cornersInventory {
    border: 1px solid var(--stdBorder) !important;
}

#divContactSearchFrame {
    border: 1px solid transparent !important
}

label, .AbsenceLbl {
    color: var(--stdColor) !important;
}

.txtTab {
    color: #333 !important;
}

td a, .lblPrevChange, .linkNav, .surveyQuestion {
    color: var(--stdLink) !important;
}

#dBox {
    border-color: var(--stdBorder) !important;
    display: none !important
}

.tableHeaderMain {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
    /*border-bottom: 1px solid var(--stdBackground) !important;*/
    border-bottom: 1px solid var(--stdHeaderBorder) !important;
    border-left: 5px solid var(--stdBackground) !important;
}

.tableHeaderSearch {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
    border-bottom: 1px solid var(--stdBackground) !important;
    border-left: 5px solid var(--stdBackground) !important;
}

#divMain {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
    border-left-color: var(--stdBorder) !important;
}

.LookupList, .cat, .AllProfilesRow {
    border-bottom: 0px solid var(--stdBorder) !important;
}

.rounded-corners,  #divCaseSearchFrame, .IncFilter, .rounded-corners6Form, .FieldChooser, .rounded-cornersS, .menu0, .menu0 a, .menuCust2, .menuCust2 a, .btnNew3xReadMode, .rounded-cornersSForm, .NewForm, #divCaseContent1 {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
}

.NewForm {
    padding-left: 10px !important
}

#divRefreshMsg1 {
    background: var(--stdBlue) !important;
    color: white !important;
}

.menuCust2 a:hover {
    color: var(--stdColor) !important
}

.tableRowMain2v a {
    color: var(--stdLink) !important
}

a:not(.shl2) {
    color: var(--stdColor);
}

.tableRow {
    color: var(--stdColor) !important
}

.tableRowMainShort2 a, .tableRowMainSelShort2 a, .tableRowMainShort1 a {
    color: var(--stdColor)
}


.DialogHeaderPreview, .dlgEntry, .Aktivitet {
    color: var(--stdColor) !important;
}

.DialogHeaderPreview {
    margin-left: 35px;
    clear:left;
    width:calc(100% - 20px)

}

.divCaseSubjectHeader {
    margin-left: 33px;
}

.divCaseTaskInvoice {
    margin-left: 35px;
    width: calc(100% - 15px) !important
}

#divNotes1 .link8, #divNotes1 a, .rounded-cornersS a {
    color: var(--stdLink) !important;
}

.NotesRemoveFilter a {
    color: var(--stdColor) !important
}

.NotesRemoveFilter {
    color: var(--stdColor) !important
}

#divQuickInvoiceInner {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
}

.rowSplitterShort {
    background: var(--stdBackground);
    border-bottom: 1px solid var(--stdBackground);
}

.btnNew3TAB, .btnNew3TABC, .btnNew3TABC i, .btnNew3TAB i, .btnNew3TAB i {
    color: var(--stdColor) !important;
    border: 1px solid var(--stdBorder) !important;
}

.btnNew3TABC, .btnNew3TABA {
    padding: 0
}

    .btnNew3TABA i, .btnNew3TABC i, .btnNew3TAB i, .btnNew3TAB i {
        color: var(--stdLink) !important;
        border: 0 !important;
        /* border-left: 1px solid #808080!important; */
    }

.btnNew3TABA, .btnNew3TABC {
    color: var(--stdLink) !important;
}

.linkM, .tableRow a {
    color: var(--stdLink) !important;
}

    .linkM:hover {
        background: var(--stdBtnMenuHover) !important;
        color: var(--stdColor) !important;
    }

.AddListHeader {
    color: var(--stdLink) !important;
}

.photoR1:hover, .photoR1Active:hover {
    background: var(--stdBtnMenuHover) !important;
    color: var(--stdColor) !important;
}

    .photoR1:hover .photoDrop, .photoR1Active:hover .photoDrop {
        background: var(--stdBtnMenuHover) !important;
        color: #000 !important;
    }

.photoDrop:hover .phototext2, .photoDrop:hover .phototext3 {
    background: var(--stdBtnMenuHover) !important;
    color: #000 !important;
}

#divConsoles a, #divConsoles div a {
    color: var(--stdLink) !important;
}

#divAddUserForm1 {
    height: 425px !important
}

#divConsolesHeader1 {
    border-bottom: 1px solid transparent !important
}

#divAddUserForm1 div {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
}

.ui-resizable {
    border: 0;
    border-bottom: 1px solid var(--stdBorder) !important;
    z-index: 2;
}

#divCMDBNewDOC1 {
    top: 60px !important;
    right: 200px !important;
}

.divCMDBRow:hover, .divCMDBRow a:hover {
    background: var(--stdRowHoverBackground) !important
}

.tableHeaderSearch, .tableHeader, .rounded-cornersInventory, #divConsoles, #divConsoles div, .cConsole {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
    /* font-weight: bold !important; */
    /* font-size: 10pt !important; */
    /* color: var(--stdLink) !important; */
    /* border-bottom: 1px solid gray; */
    font-size: 1;
}

    .tableHeader img {
        border: 1px solid transparent !important
    }

    .tableHeader .inpSearch {
        background: var(--stdBackground) !important;
        color: var(--stdColor) !important;
    }

.smallMenuBox {
    display: none
}

#leftSidebarClose1 {
    display: none;
}

.helpheader2 {
    background: #666666;
    background: linear-gradient(45deg, transparent, lightslategrey)
}

#previewMenuHeader1 {
    display: inline-block !important;
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px);
    margin: 0;
    padding: 0;
    padding-top: 5px;
    padding-left: 0px;
    height: 40px;
    background: var(--stdBackground);
    color: var(--stdColor);
    clear: left;
    border-bottom: 1px solid var(--stdBorder) !important;
    margin-bottom: 5px;
    position: relative;
    margin-left: 5px;
    white-space: nowrap;
}

    #previewMenuHeader1 .btnNew3TAB, #previewMenuHeader1 .btnNew3TABA, .btnNew3TABC {
        margin-left: 0 !important;
        margin-right: 0;
        border: 1px solid var(--stdBorder);
    }

a:focus {
    text-decoration: underline
}

.menuCI a {
    color: var(--stdColor) !important
}

#lblNoteReplyDIALOGUE1 {
    color: white !important
}

.menuCI a:hover {
    border: 2px solid transparent !important;
    text-decoration: underline
}

.menu a:hover {
    text-decoration: underline !important;
    cursor: pointer !important;
    color: #000;
    border: 2px solid transparent !important;
    font-weight: normal !important;
    font-size: 10pt
}

.headerChangeTasks, .ChangeTaskList {
    text-overflow: ellipsis
}

    .headerChangeTasks div, .ChangeTaskList div {
        text-overflow: ellipsis
    }

#btnDropdownCategory2, #btnDropdownCategory2A {
    width: 15px !important;
    height: 20px !important;
    padding-left: 2px;
    padding-top: 4px;
    margin-left: 2px;
}
    #btnDropdownCategory2 {
        background:transparent !important;
        border:0 !important
            
    }

    #divChkDashboardReport1 {
        top: 50px !important;
        right: 40% !important;
        bottom: unset !important;
        left: unset !important;
    }

.rounded-cornersTask {
    width: 90% !important;
    height: 200px !important;
}

div.aloha-toolbar {
    /*display: block !important*/
}

.divFAQSubForm {
    clear: left;
}

#txtDescriptionCRM10--aloha {
    width: 89% !important;
}
#txtSolutionCRM10--aloha {
    width: 89% !important;
}

.XPortalDocumentPreview {
    width: 100% !important;
    clear: left;
    margin: 0;
    padding: 0;
}

.elipsis {
    text-overflow: ellipsis
}

#txtChatHead {
    height: 30px !important;
}

.menu a:focus {
    cursor: pointer !important;
    color: #000;
    border: 2px solid transparent !important;
    font-weight: normal !important;
    font-size: 10pt
}

.lblC, .lblCNewRight, .lblCNew {
  
    color: var(--stdDarkGray) !important;
}

.classCaseGrp a:hover {
    text-decoration: underline !important;
    cursor: pointer;
    color: #000;
    border: 2px solid transparent !important;
    font-weight: normal !important;
}

#lblCaseEditDesc1 {
    clear: left !important;
    width: 90% !important;
}


#btnGoogleDocsRefresh1 {
    right: 55px !important;
}

#xCloseGoogleDocs1 {
    right: 25px !important;
}

#divCaseAttachments1 {
    width: -webkit-calc(100% - 45px) !important;
    width: -moz-calc(100% - 45x) !important;
    width: calc(100% - 45px) !important;
    margin-left: 0px !important;
}

.divCaseAttachments2 {
    margin-left: 35px;
}

.divCaseAttachSignature {
    margin-left: 0px !important;
}

.CISideBar {
    display: none !important;
}

.spacerTopPreviewCMDB {
    height: 50px !important;
}

.CIImg {
    vertical-align: baseline;
}

.divCMDBButtons {
    top: 0 !important;
    opacity: 1 !important;
    margin-left: 12px !important;
}

.CMDBDocumentHeader {
    display: none !important;
}

#tagSearchREP, #tagSearchSEARCH1 {
    background: white !important;
    color: #333 !important;
}

.spacerTopCMDB {
    height: 50px !important
}

.CMDBDates {
    top: 90px !important;
    left: 615px !important;
}

.CMDBDateHeader {
    top: 77px !important;
    background: var(--stdBackground) !important
}

.fLink3 {
    width: 700px;
}

#CloseNotes1 {
    color: #ffffff !important;
    top: 5px !important
}

#myDiagramDiv {
    width: -webkit-calc(100% - 30px) !important;
    width: -moz-calc(100% - 30px) !important;
    width: calc(100% - 30px) !important;
    height: -webkit-calc(100vh - 140px) !important;
    height: -moz-calc(100vh - 140px) !important;
    height: calc(100vh - 140px) !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 */
}

#form1, #bdy, #containerSense1 {
    overflow: hidden !important;
    text-overflow: ellipsis !important
}

.classCaseGrp a:focus {
    cursor: pointer;
    color: #000;
    border: 2px solid transparent !important;
    font-weight: normal !important;
}

#divMetaPreview1 {
    z-index: 94000 !important;
}

#splitter1Img {
    width: 8px !important;
    opacity: 0 !important
}

.aloha-textarea {
    border-color: var(--stdGray) !important;
}

.inpX:not(textarea), .inpXSelect, .inp4Select, .inpXInv {
    
font-size: 8pt !important;
    
width: 80%;
    
color: var(--stdColor) !important;
    
background: var(--stdBackground) !important;
    
border-left: 0 !important;
    
border-top: 0 !important;
    
border-right: 0 !important;
    
border-color: var(--stdGray) !important;
    
padding: 3px;
    
-webkit-appearance: none;
}

.inpXSelect, .inp4Select {
    -webkit-appearance: none !important; /* Remove default styling */
    -moz-appearance: none;
    appearance: none;
    background-image: url('images/down4.png') !important; /* Path to your custom arrow image */
    background-repeat: no-repeat !important;
    background-position: right center !important; /* Adjust as needed */
    background-size: 1em; /* Adjust size as needed */
    border: none; /* Remove borders */
    border-bottom: 1px solid #000; /* Custom bottom border */
    padding-right: 1em; /* Ensure text doesn't overlap the arrow */
}

    textarea {
    border-left: 1px solid var(--stdGray) !important;
    border-right: 1px solid var(--stdGray) !important;
    border-top: 1px solid var(--stdGray) !important;
    border-bottom: 1px solid var(--stdGray) !important;
    padding-left: 0 !important
}

.CinpX {
    font-size: 8pt !important;
    width: 80% !important;
}


#caseDescriptionField {
    margin-top: 10px;
}

    #caseDescriptionField img:not(.ssdimg), #caseDescriptionField table:not(.formTbl), #caseDescriptionField td:not(.formTD):not(.formTD2):not(.formTDHeading):not(.formTDTopHeading), #caseDescriptionField p {
        max-width: calc(100% - 40px) !important;
        background: var(--stdBackground) !important;
    }

    #caseDescriptionField table, #caseDescriptionField div, #caseDescriptionField span, #caseDescriptionField td:not(.formTD):not(.formTD2):not(.formTDHeading):not(.formTDTopHeading), #caseDescriptionField th, #caseDescriptionField h1, #caseDescriptionField h2, #caseDescriptionField h3, #caseDescriptionField h4, #caseDescriptionField hr {
        color: var(--stdColor) !important;
        background-color: var(--stdBackground) !important;
    }

    #caseDescriptionField a {
        color: var(--stdLink) !important
    }

.solutionDiv img, .solutionDiv table, .solutionDiv p {
    max-width: -webkit-calc(100% - 40px);
    max-width: -moz-calc(100% - 40px);
    max-width: calc(100% - 40px);
}

.Aktivitet img, .Aktivitet table, .Aktivitet p {
    /*
    max-width: -webkit-calc(100% - 25px);
    max-width: -moz-calc(100% - 25px);
    max-width: calc(100% - 25px);
        */
}

#txtNameSMS1-, #txtAddSMSSMS1- {
    text-align: left !important
}

#divSMSLblMsg {
    width: 100% !important
}

#divSMSListboxHeader, #divSMSListboxContent, #txtMessageSMS1- {
    margin-left: 0 !important;
    width: 80% !important;
    margin-top: 0 !important;
 
}
#txtMessageSMS1- {
    height: 300px !important;
    padding:10px !important;
}
    .divSMSSend1, #divSMSLblMsg {
    text-align: left !important
}

#divExternalLinks1, #divMainLeftMenu1 {
    border: 1px solid transparent !important;
}

#divExternalLinks1 {
    width: 150px !important;
    font-weight: bold !important;
    padding-top: 7px !important
}

.tableRow, .tableHeader {
    text-overflow: ellipsis
}

.tableRowMainSelShort2:focus, .tableRowMainSelShort:focus {
    background: var(--stdRowHoverBackground) !important;
    border-left: 5px solid #CBD1D7 !important;
}

.tableRowMainSel2:focus {
    background: var(--stdRowHoverBackground) !important;
    border-left: 5px solid #CBD1D7 !important;
}

.tableRowMainSel1:focus {
    background: var(--stdRowHoverBackground) !important;
    border-left: 5px solid #CBD1D7 !important;
}

.tableRowMainSel:focus {
    background: var(--stdRowHoverBackground) !important;
    border-left: 5px solid #CBD1D7 !important;
}



.tableRowMain1:hover, .LookupList:hover {
    background: var(--stdRowHoverBackground) !important;
}

.tableRowMain2:hover {
    background: var(--stdRowHoverBackground) !important;
}

.tableRowMainShort1:hover {
    background: var(--stdRowHoverBackground) !important;
}

.tableRowMainShort2:hover {
    background: var(--stdRowHoverBackground) !important;
}

.btnNew3TAB:hover, .btnNew3TABA:hover, .btnNew5TAB:hover, .btnNew3TABC:hover {
    background: var(--stdBtnMenuHover);
    border: 1px solid #0078D4 !important;
    outline: 1px solid #B2D7FF;
}
.lnkLearnMore {
    display:inline-block !important;
    margin-left: 5px;
    margin-right: 5px;
}


.btnNew3TAB:focus, .btnNew3TABA:focus, .btnNew5TAB:focus, .btnNew3TABC:focus {
    background: var(--stdBtnMenuHover);
    border: 1px solid #0078D4 !important;
    outline: 1px solid #B2D7FF;
}

.btnNew3TAB:active, .btnNew3TABA:active, .btnNew5TAB:active, .btnNew3TABC:active {
    background: var(--stdBtnMenuHover);
    border: 1px solid #0078D4 !important;
    outline: 1px solid #B2D7FF;
}

.btnNew4TAB:focus, .btnNew4TAB:hover, .btnNewGgl:focus, .btnNewGgl:hover {
    border: 1px solid #0078D4 !important;
    background: var(--stdBtnSolidBackground) !important;
    outline: 1px solid #B2D7FF;
}

#divSearchResult {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: -webkit-calc(100% - 160px) !important;
    height: -moz-calc(100% - 160px) !important;
    height: calc(100% - 160px) !important;
}

.tableRowMain2v {
    background: var(--stdBackground);
    color: var(--stdColor) !important;
    border-bottom: 1px solid transparent !important
}

    .tableRowMain2v:focus {
        background: var(--stdRowHoverBackground) !important;
        border: 1px solid transparent;
    }


.ContactFilter0:hover, .IncFilter0:hover, .CustomerFilter:hover, .CustomerFilter0:hover, .InvFilter0:hover, .ContractFilter:hover, .DocumentFilter:hover, .MsgFilter:hover, .CMDBFilter:hover, .CMDBFilter0:hover {
    background: var(--stdRowHoverBackground) !important;
}

.ContactFilter0:focus, .IncFilter0:focus, .CustomerFilter:focus, .CustomerFilter0:focus, .InvFilter:focus, .InvFilter0:focus, .ContractFilter:focus, .DocumentFilter:focus, .MsgFilter:focus, .CMDBFilter:focus, .CMDBFilter0:focus {
    background: var(--stdRowHoverBackground) !important;
}

.ContactFilter0, .IncFilter0, .CustomerFilter, .CustomerFilter0, .InvFilter, .InvFilter0, .ContractFilter, .DocumentFilter, .MsgFilter, .CMDBFilter, .CMDBFilter0 {
    background: var(--stdBackground) !important;
}


.SearchMonthsActive {
    background: var(--stdBackground);
    color: var(--stdColor);
    border: 1px solid var(--stdGray);
}

.SearchMonths {
    background: transparent;
    color: var(--stdColor);
    border: 1px solid var(--stdBorder);
}

    .SearchMonthsActive:hover, .SearchMonths:hover {
        background: #EFF6FC;
        color: #333
    }

#DashBoardPageName, #btnDBPagenameSave {
    margin-left: 10px;
}

#btnDBPagenameSave {
    margin-right: 5px !important;
}

#ExLinkFrame1a {
    margin-left: 0 !important
}

.dlgEntry {
    width: -webkit-calc(100% - 35px) !important;
    width: -moz-calc(100% - 35px) !important;
    width: calc(100% - 25px) !important;
    padding-left: 0px;
    border-bottom: 0 !important;
    margin-bottom: 30px;
    margin-left: 30px;
}


    .dlgEntry .Aktivitet {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .dlgEntry .aktivitetTekst {
        width: 100% !important;
    }

        .rounded-corners hr {
            border: 0 !important;
            background-color: #f0f0f0 !important;
            height: 1px !important;
        }

.btnNew3xReadMode:hover {
    background: #EFF6FC !important;
    color: #333 !important;
}

#btnReadMode1:hover {
    background: #EFF6FC !important;
    color: #333 !important;
}

#dropDownListNavHistory1 {
    display: none;
    border: 2px solid var(--stdGray);
    padding: 10px;
    min-width: 150px;
    position: absolute;
    z-index: 99205;
    max-height: calc(100vh - 50px);
    overflow-y: auto;
}

.navHistoryElement {
    padding: 5px;
    cursor: pointer;
    list-style: none;
    margin-left: 0;
    padding-left: 10px;
    color: var(--stdLink) !important;
    margin-left: 5px;
    border-left: 5px solid transparent;
    font-size:10pt;
    /*
    display:inline-block;
    width:50px;
    border:1px solid var(--stdBorder);
    height:100px;
    overflow:hidden !important;
    text-overflow:ellipsis;
    padding-top:10px !important
    */
}

    .navHistoryElement:hover {
        background: var(--stdRowHoverBackground) !important
    }

.NewForm {
    calc(100vh: - 50px) !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: calc(100vh - 43px) !important;
    overflow: hidden;
    overflow-y: auto;
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
    z-index: 99002;
}

.btnNew4TAB, .btnNew3, .btnNew5TAB {
    border: 1px solid #e0e0e0;
    margin-right: 4px !important;
    background: var(--stdBtnSolidBackground) !important;
    color: var(--stdBtnSolidColor) !important;
}

    .btnNew3:hover, .btnNew3:focus {
        border: 1px solid #0078D4 !important;
        color: var(--stdBtnSolidColor) !important;
        padding-bottom: 0 !important
    }

.btnNew3TAB, .btnNew3TABA, .btnNew3TABC {
    border: 1px solid var(--stdBorder);
    margin-right: 2px !important;
    margin-left: 0px !important;
}

.btnNew3TABA, .btnNew3TABC {
    vertical-align: top;
    font-size: 12pt
}

.mHidden {
    display: none;
}

.mobileOnly {
    display: none;
}

#divEditMode1 {
    overflow-x: hidden !important
}

#divShortCutsInner1 {
    border: 0;
}

.EmailResponse, .ConsoleHeader, .Console2Header {
    color: var(--stdColor) !important;
    opacity: 1 !important;
}

    .EmailResponse span, .ConsoleHeader span, .Console2Header span {
        color: var(--stdColor) !important;
        opacity: 1 !important;
    }

.NewForm .form-header {
    max-width: 560px !important;
}

.inpX5b {
    font-family: verdana !important;
    font-size: 12pt !important;
}

.inpXDateTime:focus, .inpX:focus, .inpX3:focus, .inp4Select:focus, .WFSelect:focus, .WFSelect3:focus, .inpX1:focus, input[type="search"]:focus, input[type="text"]:focus, .inpSearch:focus, .inpXInv:focus, .CinpX:focus, .inpXDD:focus {
    border-radius: 3px;
    border-color: var(--stdOutline);
    box-shadow: inset 0 0 0 2px var(--stdOutline);
}
.textarea:focus, .aloha-textarea:focus {
    border-radius: 3px;
    border-color: var(--stdOutline);
    box-shadow: inset 0 0 0 2px var(--stdOutline);
    
}

.inpXDateTime:hover, .inpX:hover, .inpX3:hover, .inp4Select:hover, .WFSelect:hover, .WFSelect3:hover, textarea:hover, .aloha-textarea:hover, .inpX1:hover, input[type="search"]:hover, .inpSearch:hover, .inpXInv:hover, .CinpX:hover, .inpXDD:hover {
    border-radius: 3px;
    border-color: var(--stdOutline);
    box-shadow: inset 0 0 0 2px var(--stdOutline);
}

input[type="checkbox"]:hover, input[type="checkbox"]:focus {
    cursor: pointer;
}

#txtDescriptionDIALOGUE1-aloha {
    height: 400px !important
}

#txtDescriptionDIALOGUE1 {
    height: 400px !important
}

#IFPrevContent {
    color: var(--stdColor) !important;
    height: -webkit-calc(100% - 40px) !important;
    height: -moz-calc(100% - 40px) !important;
    height: calc(100% - 40px) !important;
    padding-top: 60px !important;
}

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

[id^="txtDescriptionCRM"] {
    height: -webkit-calc(100vh - 570px) !important;
    height: -moz-calc(100vh - 570px) !important;
    height: calc(100vh - 570px) !important;
    clear: left !important;
}

#IFPrevRight {
    height: -webkit-calc(100% - 95px) !important;
    height: -moz-calc(100% - 95px) !important;
    height: calc(100% - 95px) !important;
    color: #444444;
    width: -webkit-calc(100% - 232px);
    width: -moz-calc(100% - 232px);
    width: calc(100% - 232px);
    /* border-left: 1px solid #e0e0e0; */
    /* border-top: 1px solid #e0e0e0; */
    /* border-right: 1px solid #e0e0e0; */
    float: left;
    /*box-shadow: -3px 3px 3px #e0e0e0;*/
    border: 0;
    margin-left: 3px;
    margin-top: 3px;
}

#IFPrevMenu1 {
    height: 40px;
}


#IFPrevCaseContent {
    display: block;
    width: 200px;
    height: -webkit-calc(100% - 95px) !important;
    height: -moz-calc(100% - 95px) !important;
    height: calc(100% - 45px) !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-right: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    float: right;
    border: 1px solid var(--stdBorder);
    margin-top: -5px;
    position: relative;
  
}

    #IFPrevCaseContent .inp4Select {
        padding-left: 0;
      
    }
    #IFPrevCaseContent .inpX {
        padding-left: 0;
    }

   

.casepreViewHeader {
    margin-left: 35px;
}

#divTagsPreview1 {
    z-index: 94001 !important
}

.rounded-cornersCase {
    width: 90%;
}

.lblPrev {
    margin-left: 10px;
    /* padding-left: 7px !important; */
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
    text-overflow: ellipsis;
}

.imgESC079 {
    display: none;
}

.checkbox-container {
    display: flex;
    align-items: center;
    clear: left;
    padding-top: 10px;
}

    .checkbox-container .lblCheck {
        margin-right: 8px;
    }

.lblCheck {
    color: var(--stdLink) !important;
    display: inline-block !important;
    clear: none !important;
    min-width: 80px;
}

.lblPhotoRow {
    width: -webkit-calc(100% - 40px) !important;
    width: -moz-calc(100% - 40px) !important;
    width: calc(100% - 40px) !important;
    margin-left: 5px !important;
    display: inline-block;
    float: none !important;
}

.lblCX {
    display: inline-block !important;
    clear: none !important;
    color: #797979;
    margin-left: 0 !important;
    margin-top: 10px;
    font-size: 14px !important;
    width: 80%;
    padding-bottom: 5px;
    margin-left: 5px !important;
    margin-right: 5px;
}

#divTemplatesReply1 {
    margin-top: 3px;
    width: -webkit-calc(100% - 100px) !important;
    width: -moz-calc(100% - 100px) !important;
    width: calc(100% - 100px) !important;
}

.caseDescTextArea {
    font-family: verdana;
    width: -webkit-calc(100% - 65px) !important;
    width: -moz-calc(100% - 65px) !important;
    width: calc(100% - 65px) !important;
    clear: left;
    margin-top: 10px;
}
.caseSolutionTextArea {
    font-family: verdana;
    width: -webkit-calc(100% - 65px) !important;
    width: -moz-calc(100% - 65px) !important;
    width: calc(100% - 65px) !important;
    clear: left;
    margin-top: 10px;
}

.caseTaskDescTextArea {
    font-family: verdana;
    width: 90% !important;
    height: 300px;
    padding: 10px;
    margin-top: 40px !important;
    clear: left !important;
}


#txtDescriptionTASK10--aloha, #txtDescriptionCASENOTE10--aloha {
    font-family: verdana;
    width: 90% !important;
    height: 300px;
    padding: 10px;
    margin-top: 40px !important;
    clear: left !important;
}

.inpXDateTime {
    height: 21px;
    font-family: verdana;
    font-size: 8pt;
    font-weight: normal;
    color: var(--stdColor) !important;
    padding: 2px;
    padding-left: 7px;
    margin-top: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border: 1px solid transparent;
    border-bottom: 1px solid var(--stdGray) !important;
    margin-top: 5px;
    padding-bottom: 5px;
    background: transparent;
    padding-top: 1px !important;
    outline-style: none;
}

.divCaseReply {
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 40px;
    height: 90% !important;
    min-height: 700px !important;
    width: -webkit-calc(100% - 80px) !important;
    width: -moz-calc(100% - 80px) !important;
    width: calc(100% - 80px) !important;
    border: 0px solid var(--stdBorder);
    display: none;
    overflow: hidden;
}

.divCaseTask, .divCaseNote {
    margin-top: -50px;
    margin-bottom: 10px;
    margin-left: 0px;
    height: 90% !important;
    min-height: 890px !important;
    width: -webkit-calc(100% - 40px) !important;
    width: -moz-calc(100% - 40px) !important;
    width: calc(100% - 40px) !important;
    border: 0px solid var(--stdBorder);
    display: none;
    overflow: hidden;
}

.divChangeTask, .divChangeNote {
    margin-top: -50px;
    margin-bottom: 10px;
    margin-left: 0px;
    height: max-content;
    width: -webkit-calc(100% - 240px) !important;
    width: -moz-calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
    border: 0px solid var(--stdBorder);
    display: none;
    overflow: hidden;
    float: left;
}

.divChangeTaskFieldsBar {
    float: left;
    display: none;
    margin-top: 0px;
    margin-left: 0;
    padding-top: 0 !important;
    line-height: 170%;
    color: var(--stdColor) !important;
    overflow-x: hidden;
    border: 1px solid var(--stdBorder);
    width: 210px;
    float: left;
    background: var(--stdBackground) !important;
    padding-left: 15px !important;
    height: 100% !important
}

.changeMenu {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
    margin-bottom: 7px !important;
    border: 1px solid var(--stdBorder) !important;
}

.lblStd {
    font-size: 8pt;
}

.spacerTopDialog {
    height: 0px !important
}

#divDialogDIALOGUE1, #divDialogDIALOGUE2, #divDialogDIALOGUE3, #divDialogDIALOGUE4, #divDialogDIALOGUE5 {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    box-shadow: none !important;
    background: var(--stdBackground) !important;
}

#divCaseReply .divButtons {
    background: var(--stdBackground) !important;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    border: 1px solid var(--stdBorder);
    width: -webkit-calc(100% - 35px) !important;
    width: -moz-calc(100% - 35px) !important;
    width: calc(100% - 35px) !important;
    margin-left: 8px;
}

.divButtons {
    border-color: var(--stdBorder) !important;
    opacity: 1 !important;
}

    .divButtons .btnNew3TAB {
    }

.descSeperator {
    width: 100%;
    clear: left;
    height: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--stdBorder) !important;
}

.linkSelected {
    background: transparent;
    border: 1px solid transparent;
    border-bottom: 1px solid #0078D4;
}

    .linkSelected:hover {
        border: 1px solid #0078D4;
        text-decoration: none;
        color: #3071A9 !important
    }

.linkDoc {
    font-size: 10pt;
    color: var(--stdColor);
    font-weight: bold;
    border: 2px solid rgb(222, 222, 222) !important;
    box-shadow: -10px 0px 10px 1px #aaaaaa !important;
}

.linkAttachment {
    font-size: 10pt;
    color: var(--stdLink);
    text-decoration: underline;
    font-weight: normal;
}

.SaveDlg {
    border: 2px solid rgb(222, 222, 222) !important;
    box-shadow: -10px 0px 10px 1px #aaaaaa !important;
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
    height: 120px;
    padding-top: 50px !important;
    font-size: 10pt !important;
}

.SearchDlg {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
}

#divDlgAddFilesDIALOGUE1 {
    top: 0 !important;
    left: 0 !important;
    background: #fffffE;
    border: 2px solid rgb(222, 222, 222);
    padding: 10px 20px 20px;
    box-shadow: -10px 0px 10px 1px #aaaaaa;
}

#divAdminForm1 {
    width: -webkit-calc(100% - 75px) !important;
    width: -moz-calc(100% - 75px) !important;
    width: calc(100% - 75px) !important;
    height: -webkit-calc(100% - 120px) !important;
    height: calc(100% - 120px) !important;
    border: 0 !important
}

#divAdminFormX1 {
    width: -webkit-calc(100% - 75px) !important;
    width: -moz-calc(100% - 75px) !important;
    width: calc(100% - 75px) !important;
    border: 0 !important;
    background: transparent;
}

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

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

#divDebugInner1 {
    height: 100% !important;
}

.ChangeDetailsHeader {
    background: var(--stdMenuBackground) !important
}

.dlgEmaildiv {
    width: -webkit-calc(100% - 80px) !important;
    width: -moz-calc(100% - 80px) !important;
    width: calc(100% - 80px) !important;
}

.dlgEntry:hover {
    outline: 2px solid  #e0e0e0;
}

.dlgTextAreadiv {
    width: -webkit-calc(100% - 30px) !important;
    width: -moz-calc(100% - 30px) !important;
    width: calc(100% - 30px) !important;
}
#previewContSpacer1 {
    height:10px !important;
    overflow:hidden !important
}
.ShowMoreLink {
    margin-left: 4px;
}
.Aktivitet .ShowMoreLink {
    margin-left: 4px;
    float: right !important;
}

.previewToField, .previewCCField, .previewBCCField {
    font-size: 8pt !important;
    color: var(--stdGreen) !important;
    margin-left: 4px !important;
}

#divCaseReply .inpX.ui-autocomplete-input {
    width: 95% !important
}

#divCaseTask .inp4Select, #divCaseTask .inpX.ui-autocomplete-input, #divChangeTask .inpX.ui-autocomplete-input {
    width: 100% !important
}

#divCaseTask .inpX, #divChangeTask .inpX {
    width: 100% !important
}

#divCaseNote .inpX.ui-autocomplete-input, #divChangeNote .inpX.ui-autocomplete-input {
    width: 100% !important
}

#divCaseNote .inpX, #divChangeNote .inpX {
    width: 100% !important
}

#divInvoicesInptFields1 .inpX {
    width: 77% !important;
}

.solutionDiv {
    margin-left: 35px;
    width: -webkit-calc(100% - 50px) !important;
    width: -moz-calc(100% - 50px) !important;
    width: calc(100% - 40px) !important;
    /* background:#f0f0f0 !important; */
    border: 1px dashed var(--stdColor) !important;
}

#divDialogHistoryDIALOGUE1, #divDialogHistoryDIALOGUE2, #divDialogHistoryDIALOGUE3, #divDialogHistoryDIALOGUE4, #divDialogHistoryDIALOGUE5 {
    display: none !important;
}

#txtDescriptionDIALOGUE1, #txtDescriptionDIALOGUE2, #txtDescriptionDIALOGUE3, #txtDescriptionDIALOGUE4, #txtDescriptionDIALOGUE5 {
    width: 100% !important;
}

#txtDescriptionDIALOGUE1-aloha, #txtDescriptionDIALOGUE2-aloha, #txtDescriptionDIALOGUE3-aloha, #txtDescriptionDIALOGUE4-aloha, #txtDescriptionDIALOGUE5-aloha {
    width: 100% !important;
}

.headerFormDlg {
    display: none;
}

.divPreviewReplyEdit {
    display: inline-block;
    font-family: verdana;
    font-size: 8pt;
    padding: 10px;
    width: 100%;
    height: 60%;
}

.ReplyCasePreviewButtons {
    display: inline-block;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}

#casePreviewMoreActions {
    display: block;
    z-index: 94001 !important;
    position: absolute;
    left: 600px;
    top: 10px;
}

#btnMorePreview {
    font-size: 12pt !important;
    /* font-weight:bold; */
    font-weight: bold;
    font-weight: bold !important;
    vertical-align: top
}

#dropDownListCaseMoreActions1 {
    width: 110px;
    display: none;
    left: -90px !important;
}

    #dropDownListCaseMoreActions1 li {
        color: var(--stdLink) !important
    }



.divOptionsEdit {
    padding: 10px;
    overflow: hidden;
    overflow-Y: auto;
    position: absolute;
    left: 115px;
    top: 40px;
    background: #fafafa;
    z-Index: 94000;
    width: 300px;
    height: 715px;
    border: 1px solid #DEDEDE;
    color: #404040;
}

#IFPrevContent #divMnu1, #IFPrevContent #divMnu, #IFPrevContent #divMnu2, #IFPrevContent #divMnu3 {
    display: none !important
}

#IFPrevContent #divActions1, #IFPrevContent #divCategory1 {
    display: none !important;
}

.Aktivitet {
    margin-left: 35px !important;
    padding-left: 0 !important
}

.AktivitetNote {
    margin-left: 35px !important;
    padding-left: 0 !important
}

#divCaseContent1 {
    margin-left: 30px !important;
}

.linkMore {
    margin-left: 18px;
    background: var(--stdBtnSolidBackground);
    border: 1px solid var(--stdBorder);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
}

#divHist2 {
    width: 100% !important;
    float: left !important;
    text-align: left !important;
    margin-left: 7px !important;
}

#imgMyRemindersCount {
    background: lightyellow !important;
    color: #333 !important;
}

.casetabNum3079 {
    opacity: 0.9;
    position: absolute;
    right: 15px;
    top: 4px;
    cursor: pointer;
    color: #333;
    font-weight: normal;
    background: lightyellow;
    padding: 2px;
    font-size: 8pt !important;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #808080;
    width: 16px;
    height: 16px;
    font-weight: bold;
    opacity: 1;
    display: block;
    z-index:13000
}

.sNumKB {
    background: red !important;
}

.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;
}

.divSolutionsList {
    width: 90% !important
}

.divOptions2Class {
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important
}

.casefieldsBar {
    position: relative;
    margin-top: 0px;
    margin-left: 10px;
    line-height: 170%;
    color: #444444;
    overflow-x: hidden;
    width: 100%;
    padding-top: 30px;
    /* top: 0; */
    /* left: 0; */
    background: var(--stdBackground) !important;
}

.listItemUnSelectable {
    background: #f0f0f0;
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

.casefielsbarHeader {
    position: absolute;
    top: 1px;
    left: 1px;
    width: -webkit-calc(100% - 2px);
    width: -moz-calc(100% - 2px);
    width: calc(100% - 2px);
    text-align: center;
    background: var(--stdMenuBackground);
    /*#50AD3B;*/
    padding-bottom: 8px;
    padding-top: 5px;
    color: var(--stdColor);
    height: 15px;
    border-bottom: 1px solid var(--stdBorder) !important;
    font-size: 11pt;
    font-weight: normal;
    z-index:13000
}

.casefielsbarHeaderProblem {
    position: absolute;
    top: 1px;
    left: 1px;
    width: -webkit-calc(100% - 2px);
    width: -moz-calc(100% - 2px);
    width: calc(100% - 2px);
    text-align: center;
    background: #E9967A;
    padding-bottom: 8px;
    padding-top: 5px;
    color: white;
    height: 15px;
    border-bottom: 1px solid var(--stdBorder) !important;
    font-size: 11pt;
    font-weight: bold;
    z-index: 13000
}

.caseFieldsBarMenu {
    margin-bottom: 20px;
    padding-bottom: 10px;
    line-height: 170%;
    color: #444444;
    overflow-x: hidden;
    width: 90%;
    padding-left: 0px !important;
    margin-left: 3px;
    margin-top: 3px;
    display: inline-block !important
}

.fieldsBarMenuItem {
    margin-bottom: 0px;
    padding: 5px;
    padding-left: 0;
    display: inline-block !important;
    float: left;
    width: 80px;
    border: 1px solid transparent;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    text-align: left;
}

    .fieldsBarMenuItem:hover {
        background: var(--stdBackground);
        color: var(--stdColor);
        border: 1px solid var(--stdBorder) !important;
    }

    .fieldsBarMenuItem A {
        text-decoration: none;
        color: var(--stdColor);
    }

        .fieldsBarMenuItem A:hover {
            text-decoration: none;
            color: var(--stdColor);
        }

.caseFieldsBarMenuItemSelected {
    margin-bottom: 0px;
    padding: 5px;
    padding-left: 0;
    display: inline-block !important;
    float: left;
    width: 80px;
    border: 1px solid var(--stdBorder);
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    background: var(--stdBackground);
    color: var(--stdColor);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    text-align: left;
}

    .caseFieldsBarMenuItemSelected:hover {
        background: var(--stdBackground);
        color: var(--stdColor);
        border: 1px solid var(--stdBorder) !important;
    }

    .caseFieldsBarMenuItemSelected A {
        text-decoration: none;
        background: var(--stdBackground);
        color: white;
    }

.divTagsSearchBar {
    background: linear-gradient(45deg, #426078, transparent) !important;
    color: white !important;
}

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

#xCloseCaseTagsPreview1, #xCloseCaseTagsPreview2, #xCloseCaseTagsPreview3 {
    color: var(--stdLink) !important;
    right: 3px !important;
    opacity: 1 !important
}

#xCloseCaseTagsPreviewX1 {
    color: var(--stdLink) !important;
    right: 40px !important;
    opacity: 1 !important
}

.numAkt {
    color: white !important;
    background: #000080 !important;
    font-size: 8pt !important;
    text-decoration: none !important;
    border: 1px solid #a0a0a0;
}

.castemplateHeader {
    color: var(--stdColor)
}

.elmMenuNotSelected span {
    color: var(--stdLink);
    background: #808080;
    font-size: 7pt !important;
}

#divPrevBeskrivelse1 .link {
    font-size: 10pt !important;
    color: var(--stdLink) !important;
    text-decoration: underline;
    font-weight: normal !important
}

.linkMore a {
    color: var(--stdColor) important
}

.photoR1, .photoR2 {
    background: transparent;
    color: var(--stdColor);
    border: 1px solid #a0a0a0;
}

    .photoR1:hover, .photoR2:hover {
        border: 1px solid var(--stdColor);
    }

.txtTab {
    color: var(--stdColor);
}

.divCasesLinksList {
    color: var(--stdColor);
}

#divLogout {
    
}

.divOptions2Preview {
    left: 5px !important;
    top: 10px !important;
    z-index: 94002 !important;
    width: 100%;
    height: 70% !important;
}

.divOptions2InnerPreview {
    width: 95% !important;
    height: 90% !important
}

.imgPrevButton, .imgPrevButtonA {
    background: var(--stdBtnSolidBackground) !important;
    color: var(--stdColor) !important
}

    .imgPrevButton a, .imgPrevButtonA a {
        background: var(--stdBtnSolidBackground) !important;
        color: var(--stdColor) !important
    }

.divSoluSearch {
    clear: both !important;
    float: left;
}

.divSolutions {
    width: 95% !important
}

#btnLogin {
    background: var(--stdBackground) !important;
}

.headerForm {
    background: var(--stdBackground);
    border-left-color: var(--stdGray) !important;
    border-top-color: var(--stdGray) !important;
    border-right-color: var(--stdGray) !important;
}

.NewForm {
    /* border: 1px solid var(--stdGray) !important; */
}

.casePreviewTitle {
    clear: left;
    color: var(--stdColor);
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 20px;
    padding-left: 10px;
    position: absolute;
    background: var(--stdBackground) !important;
    z-index: 2000;
    top: 55px;
    width: -webkit-calc(100% - 260px);
    width: -moz-calc(100% - 260px);
    width: calc(100% - 260px);
    z-index: 94000;
    left: 0 !important;
    border-bottom: 1px solid var(--stdBorder) !important;
    white-space: nowrap;
    overflow: hidden;
}

#divReplies1 {
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px);
}

#dropDownBtnCaseDialogue1, #dropDownBtnCaseTask1, #dropDownBtnCaseAttachment1, #dropDownBtnCaseInvoices1, #dropDownBtnDialogueTask1, #dropDownBtnDialogueNote1 {
    top: 2px !important;
    border: 1px solid var(--stdGray) !important
}

#btnCaseDialog1 {
    margin-left: 0px;
}

.elmMenuSelected {
    margin-top: -3px !important;
    padding-top: 2px;
    font-weight: bold;
    color: #333;
    border: 1px solid transparent;
    width: 100px;
    display: inline-block;
    cursor: pointer;
    height: 22px;
    text-decoration: none;
    text-overflow: ellipsis;
    background: var(--stdMenuSelected);
    border: 1px solid #c0c0c0;
    font-size: 11.0pt !important;
    font-family: "Calibri",sans-serif !important;
    line-height: 130% !important;
}

.elmMenuNotSelected {
    margin-top: -3px !important;
    padding-top: 2px;
    color: var(--stdLink);
    border: 1px solid transparent;
    font-weight: normal;
    width: 100px;
    display: inline-block;
    cursor: pointer;
    height: 22px;
    text-overflow: ellipsis;
    font-size: 11.0pt !important;
    font-family: "Calibri",sans-serif !important;
    line-height: 130% !important;
}

    .elmMenuNotSelected:hover {
        margin-top: -3px !important;
        padding-top: 2px;
        color: #333;
        border: 1px solid transparent;
        font-weight: normal;
        width: 100px;
        display: inline-block;
        cursor: pointer;
        height: 22px;
        text-decoration: underline;
    }

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

.searchGlobal::placeholder, .inpX::placeholder, input::placeholder {
    color: #767676 !important; /* Replace #888 with your desired color */
    opacity: 1; /* Make sure the color is fully opaque */
}

.searchGlobal {
    background: #EFF6FC; /* Replace #888 with your desired color */
    color: #0C3B5E;
    opacity: 1; /* Make sure the color is fully opaque */
}

    .searchGlobal:focus {
        background: #EFF6FC; /* Replace #888 with your desired color */
        color: #0C3B5E;
        opacity: 1; /* Make sure the color is fully opaque */
    }

.dropdown-btn {
    background-color: transparent;
    border: 0px solid #d0d0d0;
    color: var(--stdColor);
    padding: 6px 10px;
    font-size: 12px;
    cursor: pointer;
    position: absolute;
    left: 12px;
    top: 5px;
}

.dropdown-btn2 {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--stdColor);
    padding: 6px 10px;
    font-size: 12px;
    cursor: pointer;
    position: absolute;
    left: 2px;
    top: 12px;
    margin-right: 30px;
}

    .dropdown-btn2:hover, .dropdown-btn2:focus {
        border: 1px solid #333
    }

#dropDownListCaseDialogue1, #dropDownListCaseTasks1, #dropDownListCaseAttachment11, #dropDownListCaseInvoices1 {
    top: 95px !important;
    z-index: 3000
}

.dropdown-list {
    display: none;
    position: absolute;
    top: 20px;
    left: 25px;
    margin: 0;
    padding: 0;
    background-color: var(--stdBackground);
    border: 1px solid #ccc;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    list-style: none;
    overflow: hidden;
    text-align: left;
    z-index: 1000;
}

    .dropdown-list li {
        display: block;
        color: var(--stdColor);
        padding: 5px 5px;
        text-decoration: none;
        cursor: pointer;
    }

        .dropdown-list li:focus, .dropdown-list li:hover, .dropdown-list li a:hover {
            background: var(--stdRowHoverBackground) !important;
        }

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

.TaskListMenu {
    position: relative;
    height: 20px;
    font-size: 14px;
    color: var(--stdColor) !important;
    text-align: left;
    padding-left: 43px;
    background: var(--stdMenuBackground) !important;
    border: var(--stdBorder) !important;
    margin-left: 35px;
}

.TaskListMenu {
    margin-left: -10px !important;
    border-bottom: 1px solid var(--stdBorder) !important;
}

.Aktivitet .divCaseTaskHeading {
    margin-left: 0px !important;
}

.Aktivitet .divCaseTaskInvoice {
    margin-left: -2px !important;
}

.Aktivitet .Aktivitet {
    margin-left: 3px !important;
}

.ListHeader {
    position: relative;
    height: 24px;
    padding-top: 3px;
    font-size: 14px;
    /* background: #e5e4e2; */
    color: var(--stdColor);
    /* text-align: center; */
    margin-bottom: 20px !important;
    clear: left;
    width: 100%
}

.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;
}

#divTaskStartDate1, #divTaskEndDate1, #divTaskDueDate1 {
    float: left;
    clear: left;
    width: 90%;
}

.fLink {
    clear: left;
    line-height: 170%;
    width: 90%;
}

.fLinkSpecial {
    width: 185px;
}
.sShortCategory {
    width: 158px !important;
}

.inpSpecial {
    width: 175px !important;
}

.fLink input {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: 1px solid var(--stdGray) !important;
    width: 100%;
}

        .fLink input:focus {
            
        }

    .fLink select {
        border-bottom: 1px solid var(--stdGray) !important;
        margin: 0;
        padding-right: 10px;
        padding: 3px;
    }

        .fLink select:focus {
         
        }

#txtCategoryPreview {
    width: 95%;
}

.imgDownArrow {
    vertical-align: middle;
    margin-top: 0 !important;
    padding-top: 0 !important;
}


#divPreviewListA {
    display: none !important
}

.PrevDescription {
    width: 100% !important;
}

#divPrevBeskrivelse1 {
    padding-left: 0 !important
}

    #divPrevBeskrivelse1 p:not(.solutionDiv p), .Aktivitet p, Aktivitet table, .Aktivitet span, .Aktivitet div, rounded-corners p, p span, #divCaseContent1, .Aktivitet td, .Aktivitet tr, .Aktivitet th {
        font-family: "Calibri",sans-serif;
        color: var(--stdColor) !important;
        background: var(--stdBackground) !important;
        /*
        font-family: verdana !important;
        font-size: 7pt !important;
        */
    }

.aloha-editable div.aloha-table-wrapper, .aloha-table-wrapper div.aloha-table-cell-editable, .aloha-table-wrapper .aloha-table-leftuppercorner div, .aloha-table-wrapper tr.aloha-table-selectcolumn td, .aloha-table-wrapper td.aloha-table-selectrow, .aloha-table-wrapper div.aloha-editable-caption {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
}

.Aktivitet a {
    color: var(--stdLink) !important
}

.aktSpacing {
    border: 0;
    border-bottom: 0px solid var(--stdBorder) !important;
    margin-bottom: 5px !important;
    margin-left: 0px;
    padding-bottom: 0 !important;
    width: -webkit-calc(100% - 35px) !important;
    width: -moz-calc(100% - 35px) !important;
    width: calc(100% - 35px) !important;
    float: left !important;
    padding-right: 7px;
}

.aktivitetTekst {
    width: -webkit-calc(100% - 7px) !important;
    width: -moz-calc(100% - 7px) !important;
    width: calc(100% - 7px) !important;
}


.imgInitialsLeftPreview span {
    font-size: 10pt !important;
    line-height: 26px !important
}

.imgInitialsUnregisteredLeftPreview span {
    font-size: 10pt !important;
    line-height: 26px !important
}

.dlgMsg {
    clear: left !important;
    margin-left: 0 !important;
    margin-bottom: 10px;
}

#div1a, #div2a, #div3a, #div4a, #div5a, #div6a, #div7a, #div8a, #div9a, #div10a, #divMnu1, #divMnu2, #divMnu3, #divMnu4, #divMnu5, #divMnu6, #divMnu7, #divMnu8, #divMnu9, #divMnu10 {
    display: none !important;
}

[id^="xRowSearchInfo"] div {
    max-width: 165px;
    text-overflow: ellipsis
}

.leftSideBar {
    overflow-y: auto; /*topbuttons vises ikke dersom denne ikke er definert*/
    overflow-x: hidden; /*topbuttons vises ikke dersom denne ikke er definert*/
}

#divMenu, #selGroupRoles1, .divTypeHeading, .divTypeHeading1, #divCasesTypes1, #divCasesTypes2, #divCasesTypes3, #divContactFilter1, #divDocumentFilter1, #divCustomerFilter1, #divCMDBFilter1, #divContractFilter1, #divMessageTypes1, #divInventoryTypes1, #CustomerDataSettings1, #CustomerDataSettings1 div {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
}

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

#selGroupRoles1, .inpX1, .mIMGY {
    border: 1px solid var(--stdBorder) !important;
}

#selGroupRoles1 {
    text-align: center;
}

#divMenu {
    border: 0 !important;
    border-left: 1px solid transparent !important;
    border-top: 1px solid var(--stdBorder) !important;
    border-radius: 0 !important
}

#divCasesTypes1 {
    border-bottom: 0 !important
}

#btnConsoleMode1 {
    background: #fafafa;
    color: #404040;
}

#divContactFilter1, #divContactAdvSearchList {
    border-bottom: 1px solid var(--stdBorder);
}

#btnConsoleMode1:hover {
    color: #404040 !important;
}

.img2 {
    opacity: 1 !important;
}

#txtSearch {
}

#divNotes1 {
    padding-left: 0px !important;
    padding-right: 0 !important;
    background: var(--stdBackground) !important;
    height: 100% !important;
    overflow-x: hidden !important;
}

.ContactFilter:hover {
    background: var(--stdRowHoverBackground) !important
}

.divDisplayObject {
}

#movingImage {
    display: none;
}

#movingImage2 {
    z-Index: 10000 !important;
    height: 100% !important;
    border-left: 1px solid #A2C4FB !important
}

.reportCriteriaBox {
    padding-left: 10px
}

#divFAQDesc1, .previewDesc {
    padding-left: 10px
}

.previewSubheading {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
    width: -webkit-calc(100% - 5px) !important;
    width: -moz-calc(100% - 5px) !important;
    width: calc(100% - 5px) !important;
    border: 0 !important;
}

.previewObjectHeader {
    border: 0 !important;
    background: transparent !important;
    width: -webkit-calc(100% - 5px) !important;
    width: -moz-calc(100% - 5px) !important;
    width: calc(100% - 5px) !important;
}

.previewList {
    background: transparent !important;
    width: 100% !important;
    border: 0 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#divCustomerTasks {
    text-overflow: ellipsis;
    white-space: nowrap;
}

    #divCustomerTasks div {
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.previewAttachments {
    background: transparent !important;
    padding-left: 7px !important;
    padding-right: 0 !important;
    width: 100%;
    border: 0 !important;
    border-top: 1px solid var(--stdBorder) !important;
}

@media screen and (min-width: 1200px) {
 
    .divCaseSubjectHeader {
        margin-left: 0 !important;
    }

    #divTagsREP, #divTagsSEARCH1 {
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important
    }

    #divTagsInnerREP {
        width: auto !important;
        height: auto !important
    }

    #tagSearchREP, #tagSearchSEARCH1 {
        background: white !important;
        color: #333 !important;
    }

    #txtDescriptionDIALOGUE1-aloha {
        height: 350px !important
    }

    #divNotes1 {
        padding-left: 0px !important;
        padding-right: 0 !important;
        background: var(--stdBackground) !important;
        height: calc(100vh - 30px) !important;
        overflow-x: hidden !important
    }

    #splitter1 {
        /*display: none !important*/
    }
    #LeftSidebarPopup {
        position: absolute;
        top: 70px;
        left: 5px;
        min-height: 200px;
        height: auto;
        max-height: calc(100% - 100px);
        overflow-y: auto;
        overflow-x:hidden;
        width: 200px;
        border: 0px solid var(--stdGray);
        z-index: 12000;
        background: var(--stdLeftSidebarPopup);
        box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.2), /* Right shadow */
        -3px 3px 10px rgba(0, 0, 0, 0.2), /* Left shadow */
        0 8px 10px rgba(0, 0, 0, 0.2); /* Bottom shadow */

        font-size: 10pt;
        color: var(--stdColor);
        padding: 10px;
        padding-bottom: 40px;
    }
    .leftSideBar {
        position: relative !important;
        display: block !important;
    }
    #chevronLeft1:hover, #chevronRight1:hover {
        background: lightblue !important;
        color:#000 !important
    }
    #chevronFrame1 {
        height:100% !important;
        
    }
    #chevronRight1 {
        padding-left: 1px !important;
        padding-right: 1px !important;
        left: 0 !important;
        width: 28px;
        text-align: center;
        height: 30px;
        padding-top: 10px;
        top:0 !important;
    }
    #chevronLeft1 {
        left: 155px !important;
        top: 0 !important;
        text-align: center;
        padding: 5px !important;
    }
   
  #divMain {
        width: -webkit-calc(100% - 185px) !important;
        width: -moz-calc(100% - 185px) !important;
        width: calc(100% - 185px) !important;
    }

    #div1, #div2, #div3, #div4, #div5, #div6, #div7, #div8, #div9, #div10 {
        width: 100% !important;
        overflow-x: hidden !important;
        border-top: 0 !important;
        background: var(--stdBackground) !important;
    }

}

@media screen and (max-width: 1200px) {
    .lnkLearnMore {
        display:none;
    }
    #chevronFrame1 {
        display: none !important
    }
    #chevronLeft1 {
        display: none !important
    }
    #chevronRight1 {
        display: none !important
    }
    #leftSideBar1 {
        width: 180px !important
    }
    .casesActiveBar, .casesActiveBarRed {
        display: none !important
    }

    .tableHeader .inpSearch {
        font-size: 10pt !important;
        padding: 3px !important;
        height: unset !important;
        padding-left:5px !important
    }
    .tableHeader .inpSearch::placeholder {
        font-size: 10pt !important;
    }
   .tableHeader {
        height:35px !important
    }
    .tableHeaderSearch {
        height: 35px !important;
        width:100% !important;
    }
    #splitter1 {
        display: none !important
    }
    #movingImage2 {
        border:0 !important
    }
    .previewObjectHeader {
        width: calc(100% -10px)
    }
        .PrevDescription {
        width: calc(100% - 20px) !important
    }

    .divCaseSubjectHeader {
        margin-left: 0 !important;
        width:calc(100% - 20px) !important
    }

    .casepreViewHeader {
        margin-left: 0px !important;
        width: calc(100% - 20px) !important
    }

    .divCaseAttachmentHeader, .divCaseDialogHeader {
        margin-left: 0 !important;
    }

    #divCaseContent1 {
        margin-left: 0px !important;
    }

    .TaskListMenu {
        margin-left: 0 !important;
    }

    .divCaseAttachments2 {
        margin-left: 0 !important;
    }

    .divCaseTaskInvoice {
        margin-left: 0 !important;
    }

    #divCaseReply {
        margin-left: 0 !important;
    }

    .solutionDiv {
        margin-left: 0 !important;
        width:calc(100% - 5px) !important
    }

    .DialogHeaderPreview {
        margin-left: 0 !important;
    }

    .divCaseSubjectHeader {
        margin-left: 0 !important;
    }

    .divCaseTaskInvoice {
        margin-left: 0 !important;
    }

    .dlgEntry {
        margin-left: 5px !important;
    }

    #caseDescriptionField img:not(.ssdimg), #caseDescriptionField table:not(.formTbl), #caseDescriptionField td:not(.formTD):not(.formTD2):not(.formTDHeading):not(.formTDTopHeading), #caseDescriptionField p {
        max-width: calc(100% - 20px) !important;
    }

    .divCaseAttachmentHeader, .divCaseDialogHeader {
        margin-left: 0 !important;
        width:100% !important;
    }

    .divCaseDescHeader {
        margin-left: 0 !important;
        width: 100% !important;
    }

    #divPrevBeskrivelse1 {
        width: 100% !important
    }

    #divDasboardNameForm1 {
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    .checkbox-container {
        margin-left: 10px;
    }

    #divCRMNOTE1 {
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    #txtDescriptionCRMNOTE1 {
    }

    .checkbox-container .lblCheck {
        margin-right: 8px;
    }


    .dlgEntry:hover, .dlgEntry:focus {
        outline: 1px inset #f0f0f0;
    }

    .Aktivitet:hover, .Aktivitet:focus {
        background: var(--stdBackground) !important;
    }

    .DialogHeaderPreview {
        width: 90%;
        text-overflow: ellipsis;
        overflow-x: hidden;
    }

    #divImgButtons1 {
        height: 80px !important;
    }

    #divImgList {
        position: relative !important;
        left: 0 !important;
    }

    #divImagePreview {
        width: -moz-calc(100% - 55px) !important;
        width: -webkit-calc(100% - 55px) !important;
        width: calc(100% - 55px) !important;
    }

    #divImagePreview1 {
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100 !important;
    }

    .sDisabled {
        pointer-events: none !important; /* Prevents clicking on the button */
        opacity: 0.6 !important; /* Makes the button look faded */
        cursor: not-allowed !important; /* Changes the cursor to indicate the button is not clickable */
    }

    #divNewFormLINKS1 inputDiv {
        margin-left: 0 !important
    }

    #btnSavePreview2 {
        margin-left: 10px !important
    }

    #linkViewAllTasks1 {
        display: none;
    }

    #btnMaxImgPreview1, #btnCloseImgPreview1 {
        display: none !important;
    }

    #btnRotateImgPreview1, #btnCloseImgPreview1 {
        width: 70px !important;
    }

    #divEx2 {
        height: -moz-calc(100% - 55px) !important;
        height: -webkit-calc(100% - 55px) !important;
        height: calc(100% - 55px) !important;
    }

    .RowWrap {
        height: -moz-calc(100% - 135px) !important;
        height: -webkit-calc(100% - 135px) !important;
        height: calc(100% - 135px) !important;
    }

    #divPageSplit {
        height: -moz-calc(100% - 5px) !important;
        height: -webkit-calc(100% - 5px) !important;
        height: calc(100% - 5px) !important;
    }

    #divCRMRowsWrapper1 {
        height: calc(100% - 85px) !important;
    }

    #IFPrevCaseContent {
        display: none;
    }

        #IFPrevCaseContent .inp4Select {
            margin-left: 10px !important
        }

    #divCaseFieldsClose1 {
        position: absolute !important;
        left: 0px;
        top: 2px;
        display: block !important;
        z-index:13000
    }

    .mobileOnly {
        display: inline-block !important;
    }

    .mHidden {
        display: block;
    }

    #divAlert {
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        border: 0 !important
    }

    #divAlertInner {
        text-align: center !important;
        width: 95% !important;
        padding-left: 0 !important;
    }

    .divUploadFrame, #divUploadFrameTASK10-, #divUploadFrameCASENOTE10- {
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 94000 !important;
    }

    .divAdminFormField {
        width: 100% !important;
    }

    #divAdminForm1 {
        left: 0 !important;
    }

    #divAdminMenu1 {
        left: 10px !important;
    }

    #btnAdminSave1 {
        margin-left: 10px !important;
        margin-top: 5px !important
    }

    #divAdminProfileList1 {
        width: 50% !important
    }

    #divAdminProfileActions1 {
        left: 52% !important
    }

    #divAdminProfileSave1 {
        text-align: left !important
    }

    #divOptionsSMS1- {
        left: 0 !important;
        top: 0 !important;
    }

    #xCloseSearch1 {
        right: 5px !important;
    }

    .divUploadFrameFAQ {
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    .divFAQSubForm {
        width: 100% !important;
    }

    .PlannerSchedule {
        margin-left: 10px !important
    }

    #divPlannerWeekDays1 {
        margin-left: 6px;
        text-overflow: ellipsis;
    }

    .dice, .diceAvg {
        width: 20px !important;
        height: 20px !important;
    }

    .diceRes {
        width: 20px !important;
        font-size: 10pt !important
    }

    .divChangeDesc {
        width: 80%;
    }

    .lblPrev {
        clear: left !important;
        width: 80% !important;
        margin-left: 10px !important;
        font-size: 10pt !important;
        text-overflow: ellipsis
    }

    .rounded-cornersInventory {
        width: 100% !important;
        background: var(--stdBackground) !important
    }

    .divInventoryLocation, .divInventorySystem {
        width: 100% !important;
    }

        .divInventoryLocation div, .divInventorySystem div {
            position: relative !important;
            top: 0 !important;
            left: 0 !important
        }

    #divBtnCalculate123 {
        margin: 10px !important
    }

    #divLogin {
        width: 100% !important;
        height: 100% !important;
        left: 0 !important;
        top: 0 !important;
    }

    .SaveDlg, .SearchDlg {
        position: absolute;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important
    }

    .InvLine, .InvLine3 {
        width: 25% !important
    }

    #divPersonSearch {
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important
    }

    .sFirstColumn {
        width: 80px !important;
        text-align: left !important
    }

    .sWideColumn .inpSearch::placeholder {
        color: #808080 !important; /* Replace #888 with your desired color */
        opacity: 1 !important; /* Make sure the color is fully opaque */
    }

    .tableHeader .sWideColumn {
        width: 80% !important;
        background: #f0f0f0 !important;
    }

    .tableHeader .inpSearch {
        border-radius: 3px;
        border-color: #007bff;
        box-shadow: 0 0 0 1px #d0d0d0;
    }


    .sWideColumn {
        width: -webkit-calc(100% - 90px) !important;
        width: -moz-calc(100% - 90px) !important;
        width: calc(100% - 90px) !important;
        text-overflow: ellipsis
    }

    .LeftSide a, .menu a, .menu, .classCaseGrp a {
        font-size: 10pt !important;
        /*margin-top: 4px !important*/
    }

    .leftSideBar .menu {
        padding: 0
    }

    .menuCI a {
        font-size: 10pt !important;
        margin-top: 4px !important
    }

    .classCaseGrp a {
    }

    .menuRowLeftEnd {
        margin-left: 15px;
    }

    .classCaseGrp img {
        padding: 3px;
        padding-left: 5px;
        padding-bottom: 5px;
        padding-top: 1px;
        border: 1px solid transparent;
        vertical-align: top
    }

        .classCaseGrp img:hover, .menu img:hover {
            border: 1px solid var(--stdBorder) !important;
        }

    .menu img {
        padding: 3px;
        padding-left: 5px;
        padding-bottom: 7px;
        padding-top: 0px;
        border: 1px solid transparent;
        vertical-align: top
    }

    .fLink3 {
        width: 70% !important;
    }

    .fLink2 {
        clear: left;
        line-height: 120%;
        width: 90% !important;
    }


        .fLink2 input {
            padding-left: 0 !important;
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            border-bottom: 1px solid var(--stdGray) !important;
        }

            .fLink2 input:focus {
                padding-left: 3px !important
            }

        .fLink2 select {
            padding-left: 0 !important;
            border-bottom: 1px solid var(--stdGray) !important;
            margin: 0;
            padding: 0;
            padding-right: 10px !important;
            padding-bottom: 2px;
            height: 22px;
        }

            .fLink2 select:focus {
                padding-left: 5px !important
            }

    .CMDBDates {
        position: relative !important;
        left: unset !important;
        top: unset !important;
        width: 80% !important;
        border: 0 !important;
    }

    #divDynamicFieldsInner {
        float: right !important;
        margin-left: 20px;
    }

    #divDelItem {
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        left: 0 !important;
    }

    .spacerTopPreviewCMDB {
        /* display:none !important; */
    }

    .CdropFrameRight, .CdropFrameLeft {
        display: none
    }

    .CInputLeft, .CInputRight {
        width: 90% !important;
        clear: left !important;
    }

    .CInputRight {
        margin-left: 0 !important;
    }

    #divCMDBRelations {
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 99000 !important;
        padding: 0 !important;
        background: #ffffff !important;
    }

    #divCMDBRelationsInner {
        background: #ffffff !important;
    }

    #leftSideBar1 {
        display: none;
    }

    #divListsX1 {
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 99000 !important
    }

    #divQuickInvoiceInner {
        white-space: normal !important;
        overflow: unset;
    }


    #inpInvDescriptionsX1 {
        width: 90% !important;
        clear: left !important;
    }

    #divCaseInvoiceDescsX1 {
        display: block !important;
        visibility: visible !important
    }

    #divTimeout {
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        border: 0 !important;
    }

    .leftSideBar {
        overflow-y: auto !important; /*topbuttons vises ikke dersom denne ikke er definert*/
    }

    #divAddUserForm1 {
        width: -webkit-calc(100% - 180px) !important;
        width: -moz-calc(100% - 180px) !important;
        width: calc(100% - 180px) !important;
    }

    #divAddlistForms1 {
        width: 100%
    }

    #xCloseAddList1 {
        right: 23px !important;
    }

    #divSMS1 {
        width: 90%;
    }

    #divMetaPreview1 {
        z-index: 94000 !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important
    }

    #divInvoices {
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: auto;
    }

    #divInvoiceList {
        width: 100%;
        height: auto;
        margin-top: 200px !important
    }

    #divTagsREP, #divTagsSEARCH1 {
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important
    }

    #divTagsInnerREP, #divTagsInnerSEARCH1 {
        width: auto !important;
        height: auto !important
    }

    #tagSearchREP, #tagSearchSEARCH1 {
        background: white !important;
        color: #333 !important;
    }

    .replyEmailDialog {
        left: 0 !important;
        top: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
    }

    #leftSidebarClose1 {
        color: #404040 !important;
        position: absolute;
        top: 3px;
        right: 13px;
        display: block;
        opacity: 0.5;
    }

    #dashboardElement {
        position: relative !important;
        left: unset !important;
        top: unset !important;
        clear: left !important
    }

    #Flyout12divTabs {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    #divSendEmailButtons1 {
        text-align: left !important;
        width: 100% !important
    }

    #tagSearchSEARCH1 {
        width: 60% !important;
    }

    #cboEpostTil, #cboEpostCC, #cboSubject {
        width: -webkit-calc(100% - 120px) !important;
        width: -moz-calc(100% - 120px) !important;
        width: calc(100% - 120px) !important;
    }

    #cboEpostBody, #cboEpostBody-aloha {
        width: -webkit-calc(100% - 80px) !important;
        width: -moz-calc(100% - 80px) !important;
        width: calc(100% - 80px) !important;
    }

    #xx3122DIALOGUE1 {
        margin-left: 0 !important;
        width: -webkit-calc(100% - 20px) !important;
        width: -moz-calc(100% - 20px) !important;
        width: calc(100% - 0px) !important;
    }

    #divSnoozeSelect {
        width: 50% !important;
    }

    #txtIncidentSearch {
        width: 100px !important
    }

    #divCaseReply .inpX.ui-autocomplete-input {
        width: -webkit-calc(100% - 20px) !important;
        width: -moz-calc(100% - 20px) !important;
        width: calc(100% - 20px) !important;
    }

    #inpSaveReport, #btnReportSave, #inpSaveReportPrivate {
        margin-left: 10px !important
    }

    #btnReportSave {
        margin-right: 5px !important
    }

    #divConsoles {
        display: none !important;
    }

    #movingImage {
        display: none !important;
    }

    #divLoginMsg {
        top: 0 !important;
        left: 0 !important;
        opacity: 1 !important;
        width: 100%;
        height: 100% !important;
    }

    #btnPhotoSettingsClose1 {
        display: none !important
    }

    #divSettingsCSS1Buttons, #divSettingsUserButtons1 {
        text-align: left !important;
    }

    #divSettingsUserButtons1 {
        margin-left: 11px !important;
    }

    #divSettingsChangePwdHeading1 {
        margin-left: 10px !important;
    }

    #divSettingsLinksButtons1 {
        text-align: left !important
    }

    #lnkSettings1 {
        display: none !important;
    }

    #divMyCaseGroups {
        left: 0 !important;
        top: 0 !important;
        width: -webkit-calc(100% - 10px) !important;
        width: -moz-calc(100% - 10px) !important;
        width: calc(100% - 10px) !important;
        height: -webkit-calc(100% - 10px) !important;
        height: -moz-calc(100% - 10px) !important;
        height: calc(100% - 10px) !important;
    }

    .Aktivitet, .Aktivitet p, .Aktivitet span. .Aktivitet table {
        width: -webkit-calc(100% - 35px) !important;
        width: -moz-calc(100% - 35px) !important;
        width: calc(100% - 35px) !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }

    #caseDescriptionField, #caseDescriptionField p, #caseDescriptionField span, #caseDescriptionField table:not(.formTbl) {
       
        width: 100% !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }

        #caseDescriptionField table:not(.formTbl) {
            max-width: 80% !important;
        }

    #divFollowedGroupsInner1 {
        height: 100% !important;
        background: var(--stdBackground) !important;
    }

    .divContactFilterSearch {
        width: -webkit-calc(100% - 20px) !important;
        width: -moz-calc(100% - 20px) !important;
        width: calc(100% - 20px) !important;
    }

    .inputDiv {
        clear: left;
        /* margin-left: 10px; */
        width: -webkit-calc(100% - 30px) !important;
        width: -moz-calc(100% - 30px) !important;
        width: calc(100% - 30px) !important;
    }

    .inputDiv2 {
        clear: left;
        margin-left: 0px !important;
        width: -webkit-calc(100% - 30px) !important;
        width: -moz-calc(100% - 30px) !important;
        width: calc(100% - 30px) !important;
    }

    .divInpx, .divInpxSelect {
        width: 100% !important;
        max-width: 800px !important;
        text-align: left !important;
    }

        .divInpx .aloha-textarea {
            width: 100% !important;
        }

    #divContractRenewBtn {
        text-align: left !important;
        margin-left: 45px !important;
    }

    .divMakeSerial {
        position: relative !important;
        padding-left: 0 !important;
        /* border: 0 !important; */
        left: unset;
        top: unset;
        display: contents
    }

    .divMsgWide {
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        border: 0 !important
    }

    .anchorSettings {
        margin-left: 0 !important;
        margin-top: 5px !important;
        float: left;
        clear: both !important;
    }

    .imgESC079 {
        display: block;
        position: absolute;
        top: 0;
    }

    .XPX1 {
        margin-top: -5px !important;
    }



    #splitter1 {
    }



    #divMain {
        left: 0px !important;
        width: 100% !important;
    }

    #div1, #div2, #div3, #div4, #div5, #div6, #div7, #div8, #div9, #div10 {
        width: 100% !important;
        overflow-x: hidden !important;
    }

    .MyProfileBox {
        float: right !important;
        left: unset;
        right: 10px !important;
        z-index: 10 !important
    }

    #MyProfileImage1 {
        display: none !important;
        float: right !important
    }

    #MyProfileBox1 div {
        float: right !important;
        clear: left !important;
        text-align: right
    }

    #divTopPhotos {
        display: none !important;
    }

    #DivMainPhotos {
        display: none !important;
    }

    #sdLogoX {
        display: none !important;
    }

    #msgPhone1 {
        display: none;
    }

    .leftSideBar {
        width: 190px;
        z-index: 20;
        opacity: 1;
        background: var(--stdBackground);
        display: none;
        position: absolute;
        top: 0px;
        left: 0px;
        overflow-y: auto; /*topbuttons vises ikke dersom denne ikke er definert*/
        overflow-x: visible !important; /*topbuttons vises ikke dersom denne ikke er definert*/
        border-right: 1px solid var(--stdBorder);
    }



    .NewForm .members-list {
        width: 80% !important;
        max-width: 800px !important;
        border: 1px solid var(--stdGray) !important;
        margin-left: 10px;
    }

    .NewForm .divInputAround {
        border: 0 !important;
        max-width: 800px !important;
        width: 95% !important;
    }

    .NewForm img:not(.exclude), .NewForm img:not(.loadingGif) {
        /* max-width: 50px !important;*/
    }

    bodyXX {
        font-size: 1em !important
    }


    .NewForm label:not(.lblC, .lblCheck, .lblCNew) {
        color: #797979;
        /*margin-left: 0 !important;*/
        margin-top: 10px;
        clear: left !important;
        font-size: 14px !important;
        width: 80%;
        /* margin-left: 7% !important; */
        margin-right: 7%;
        clear: left;
        clear: left !important;
        /* width: 100%; */
        /* width: 100% !important; */
        /* display: block; */
        /* float: left; */
    }

    .lblCNewRight {
        color: var(--stdLink) !important;
        margin-left: 0 !important;
        margin-top: 10px;
        clear: left !important;
        text-align: left !important;
        font-size: 14px !important;
        width: 80%;
        padding-bottom: 5px;
        margin-left: 10px !important;
        margin-right: 7%;
    }

    #IFPrevRight {
        width: 100% !important;
        margin-left: 0 !important
    }

    .lblC {
        color: var(--stdLink) !important;
        margin-top: 10px;
        clear: left !important;
        font-size: 14px !important;
        width: 80%;
        padding-bottom: 5px;
        margin-left: 10px !important;
        margin-right: 7%;
        text-align: left !important;
    }

    .lblCNew {
        color: var(--stdLink) !important;
        /* font-weight: bold; */
        margin-left: 0 !important;
        margin-top: 10px;
        clear: left !important;
        font-size: 14px !important;
        width: 80%;
        padding-bottom: 5px;
        margin-left: 10px !important;
        margin-right: 20px;
    }

    .inpX, .inpX3 {
        color: var(--stdColor);
        width: 80% !important;
        max-width: 800px !important;
        clear: left !important;
        margin-left: 10px !important;
        margin-right: 20px;
        text-align: left !important;
    }

    .inp4Select {
        margin-left: 10px !important;
        width: 80% !important;
    }

    .divCustomerMore {
        display: block !important
    }
    #divCaseNote .lblC, #divCaseTask .lblC {
        margin-left: 0 !important;
    }
    #divCaseNote .inpX, #divCaseTask .inpX, #divCaseTask .inp4Select {
        margin-left: 0 !important;
    }
    #divCaseNote .ListHeader {
        margin-left: 0 !important;
    }
    #divInvoicesInptFields1 input {
        font-size:8pt !important;
    }
    .AdvancedSearch {
        display: none !important
    }

    .divReadModeSetting {
        display: none;
    }

    #divReadModeBtn {
        display: block !important;
    }

    #btnReadMode1 {
        width: 75px !important;
        font-size: 7pt !important;
        color: var(--stdGreen) !important
    }

    .xmlIMG {
        display: none !important;
    }

    .xlsIMG {
        display: none !important;
    }

    .rssIMG {
        display: none !important;
    }

    .sShort, .NewForm .sShort {
        width: 150px !important;
        margin-left: 10px !important
    }

    .sShortDate, .NewForm .sShortDate {
        width: 150px !important;
        margin-left: 10px !important
    }

    .sShortCategory, .NewForm .sShortCategory {
        width: 70% !important;
    }

    .fLinkSpecial {
        width: calc(90% - 35px) !important;
    }

   

    #divTopTabs, .tabs, #divTopTabsText, .txtTab {
        display: none !important
    }

    #topBarButtons1 {
        left: 50px !important;
        top: -30px !important
    }

    #divMenu {
        width: 100% !important;
        height: 100% !important;
    }

    #divChatHeadList {
        left: 0px !important;
        top: 0 !important;
        height: -moz-calc(100% - 80px) !important;
        height: -webkit-calc(100% - 80px) !important;
        height: calc(100% - 90px) !important;
        width: -moz-calc(100% - 10px) !important;
        width: -webkit-calc(100% - 10px) !important;
        width: calc(100% - 10px) !important;
    }

    #divMyReminders {
        left: 0px !important;
        top: 0 !important;
        width: 100% !important;
        background: var(--stdBackground) !important;
        color: var(--stdColor) !important;
        height: -moz-calc(100% - 80px) !important;
        height: -webkit-calc(100% - 80px) !important;
        height: calc(100% - 90px) !important;
        width: -moz-calc(100% - 10px) !important;
        width: -webkit-calc(100% - 10px) !important;
        width: calc(100% - 10px) !important;
    }

    #divMyTaskList {
        left: 0px !important;
        top: 0px !important;
        height: -moz-calc(100% - 80px) !important;
        height: -webkit-calc(100% - 80px) !important;
        height: calc(100% - 90px) !important;
        width: -moz-calc(100% - 10px) !important;
        width: -webkit-calc(100% - 10px) !important;
        width: calc(100% - 10px) !important;
    }

    #divAddList {
        left: 0px !important;
        top: 80px !important;
        height: -moz-calc(100% - 110px) !important;
        height: -webkit-calc(100% - 110px) !important;
        height: calc(100% - 110px) !important;
        width: -moz-calc(100% - 25px) !important;
        width: -webkit-calc(100% - 25px) !important;
        width: calc(100% - 25px) !important;
    }

    #divFieldChooserButtons1, #divDelItemButtons1 {
        float: left !important;
    }

    #divDelItemButtons1 {
        margin-left: 40px;
        text-overflow: ellipsis !important
    }

    .rounded-corners6Form {
        left: 0px !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    #divSendEmailSender1 {
        height: auto !important;
    }

        #divSendEmailSender1 div {
            clear: left;
        }

            #divSendEmailSender1 div label {
                text-overflow: ellipsis;
            }

    .divReportTblFields1, .divReportTblFields2, .divReportTblFields3, .divReportTblFields4 {
        clear: left !important;
        margin-left: 0 !important;
        width: 80% !important;
    }

    #ListBox1Report {
        width: 120px !important;
        font-size: 7pt !important;
    }

    #ListBox2Report {
        width: 120px !important;
        font-size: 7pt !important;
    }

    #divReportColumns1, #divReportColumns2 {
        width: 120px !important;
        border: 0 !important;
        float: none !important;
        display: inline-block !important
    }

    #divGroupBy1 {
        left: 0px !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    .linkM {
        margin-left: 5px !important
    }

    #keyboard1 {
        display: none !important
    }

    .smallMenuBox {
        display: block !important;
        border: 1px solid white;
        padding: 2px;
        color: white;
        cursor: pointer;
        top: 20px !important;
    }

    #divMinBoxCount1, #leftMFeedback1, #leftMHelp1, #divFeedback {
        display: none !important
    }
   
        #divRefreshMsg1, #divLogout {
            left: 0 !important;
            top: 2px !important;
            width: 100% !important;
        }

    #divLogout {
        outline: 1px solid #3E5D71 !important
    }

    #txtSolutionCRM10--aloha, #txtDescriptionCRM10--aloha, .NewForm .txtRole, .NewForm .inpX, .NewForm .inp4Select, .NewForm select, .NewForm textarea, .NewForm input[type="text"], .NewForm input[type="email"], .NewForm input[type="tel"], .NewForm input[type="password"], .NewForm input[type="search"] {
        font-size: 14px !important; /*ellers vil iPhone zoome input felt*/
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%; /* modern Chrome, Edge */
        /*
            max-width: 330px !important;
            width: 330px !important
                */
        width: 80% !important;
        max-width: 800px !important;
        clear: left !important;
        color: #000;
        /* margin-left: 10px; */
        margin-right: 5px;
        padding-left: 0 !important;
    }
    .textarea:focus, .aloha-textarea:focus {
        font-size: 14px !important; /*ellers vil iPhone zoome input felt*/
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%; /* modern Chrome, Edge */
        /*
            max-width: 330px !important;
            width: 330px !important
                */
        width: 80% !important;
        max-width: 800px !important;
        clear: left !important;
        color: #000;
        /* margin-left: 10px; */
        margin-right: 5px;
        
    }
        .NewForm .inp4Select {
            font-size: 14px !important; /*ellers vil iPhone zoome input felt*/
            -webkit-text-size-adjust: 100%;
            text-size-adjust: 100%; /* modern Chrome, Edge */
            /*
            max-width: 342px !important;
            width: 342px !important 
                */
            width: 80% !important;
            max-width: 800px !important;
            clear: left !important;
            color: #444444;
            margin-left: 10px !important;
            /* margin-right: 20px; */
            padding-left: 0 !important;
        }

    #divSearchResult {
        left: 0 !important;
        top: 0 !important;
        background: var(--stdBackground) !important;
        width: calc(100% - 10px) !important;
        height: 100% !important;
        opacity: 1 !important
    }


    .shL1,  .shL3 {
        width: -moz-calc(100% - 90px) !important;
        width: -webkit-calc(100% - 90px) !important;
        width: calc(100% - 150px) !important;
        overflow: hidden;
        white-space: nowrap
    }
        .shL1 A {
            font-weight: bold !important;
           
        }
        
    .shL3, .shL2a {
        width: -moz-calc(100% - 100px) !important;
        width: -webkit-calc(100% - 100px) !important;
        width: calc(100% - 100px) !important;
        overflow: hidden;
        white-space: nowrap;
       
    }
   
    #IFPrevContent {
        
        border-left: 1px solid var(--stdBorder);
        height:100% !important
    }
    #divCaseFieldsClose1 {
        display:block;
    }
    #IFPrevCaseContent {
        height: 100% !important;
        width: 100% !important;
        background-color: #f0f0f0;
        height: 100%;
        margin-left: 0 !important;
        padding-left: 0 !important;
        float: left !important;
        top: 5px !important
    }
    .caseActiveTime {
        display:none !important;

    }
    .lblNote {
        display: none !important
    }

    #divFieldChooser {
        left: 0 !important;
        top: 0 !important;
    }

    #dBoxDialogDIALOGUE1 {
        display: none !important
    }

    .divPreviewStatusCase, .divNoEmailPreviewCase, .divHTMLPreviewCase, .divInitiatorPreviewCase {
        display: none;
    }

    #dBox {
        display: none !important
    }

    #spacerTopPreview {
        display: none !important
    }

    .btnNew4TAB {
        max-width: 100px !important;
        margin-right: 4px !important
    }

    .btnNew3TAB {
        max-width: 100px !important;
        margin-right: 2px !important
    }
    #btnReplyPreview, #btnSavePreview, #btnSendPreview, #btnClosePreview {
        width: 55px !important;
        max-width: 55px !important;
    }
    #btnMorePreview {
        width: 30px !important;
        max-width: 30px !important;
    }
    #btnCaseDialog1 {
        width:50px !important
    }
    .btnNew3TABA {
        display: none !important
    }

    .sHidden {
        display: none !important;
    }




    /*Add Case Links Dialog*/
    .LinkDlg {
        left: 0 !important;
        top: 0 !important;
        z-index: 95000 !important
    }

    .divLinksAdd {
        width: 90% !important;
        z-index: 94001 !important;
    }

    .elmMenuSelected {
        margin-top: -3px !important;
        padding-top: 2px;
        font-weight: normal;
        color: #333;
        border: 1px solid transparent;
        width: 70px;
        display: inline-block;
        cursor: pointer;
        height: 22px;
        text-decoration: underline;
        text-overflow:ellipsis
    }

    .elmMenuNotSelected {
        margin-top: -3px !important;
        padding-top: 2px;
        color: #333;
        border: 1px solid transparent;
        font-weight: normal;
        width: 70px;
        display: inline-block;
        cursor: pointer;
        height: 22px;
        text-overflow: ellipsis
    }

        .elmMenuNotSelected:hover {
            margin-top: -3px !important;
            padding-top: 2px;
            color: #333;
            border: 1px solid transparent;
            font-weight: normal;
            width: 70px;
            display: inline-block;
            cursor: pointer;
            height: 22px;
            text-decoration: underline;
            text-overflow: ellipsis
        }

    #divSensedeskInfo {
        display: none !important;
    }

    .casePreviewTitle {
        width: -webkit-calc(100% - 80px);
        width: -moz-calc(100% - 80px);
        width: calc(100% - 80px);
    }

    [id^="txtDescriptionCRM"] {
        height: -webkit-calc(100vh - 570px) !important;
        height: -moz-calc(100vh - 570px) !important;
        height: calc(100vh - 570px) !important;
        margin-left: 10px !important;
        width: 70% !important;
        clear: left !important;
    }
    [id^="txtSolutionCRM"] {
        margin-left: 10px !important;
        width: 70% !important;
        clear: left !important;
    }
}



@media screen and (max-width: 500px) {
  
    #divConsoles {
        display: none !important;
    }

    #movingImage {
        display: none !important;
    }

    #divLogin {
        width: 100% !important;
    }

    #txtDescriptionCRM10--aloha {
        margin-left: 10px !important;
        width: 70% !important;
    }
    #txtSolutionCRM10--aloha {
        margin-left: 10px !important;
        width: 70% !important;
    }

    #USR, #PWD, #btnLogin {
        width: -webkit-calc(100% - 80px);
        width: -moz-calc(100% - 80px);
        width: calc(100% - 80px);
    }

    #divRegister {
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        overflow-X: hidden !important
    }

    .DefaultRegUser1Header {
        width: 100% !important;
        height: 100% !important;
    }

    #divNewUser {
        width: 100% !important;
        height: 170% !important;
    }

    #divRegUserInner1 div {
        margin-left: 0px !important
    }

    #divRegUserInner1 .inpX5 {
        width: 200px !important;
        margin-left: 0px !important;
    }

    #divRegUserInner1 .lblC {
        margin-left: 0 !important;
        width: 150px !important
    }

    .DefaultRegUser1Header {
        width: 95% !important;
        white-space: break-spaces;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .btnNewGgl, .btnNewGglFed {
        width: -webkit-calc(100% - 80px);
        width: -moz-calc(100% - 80px);
        width: calc(100% - 80px);
        float: left !important;
    }

    #divMelding {
        width: 100% !important
    }

    #divFields {
        padding-left: 0 !important
    }

    #txtEpost, #txtCap {
        width: 200px !important;
    }

    #divMsg {
        text-align: left !important;
        white-space: break-spaces !important
    }

    #txtNUMsg {
        text-align: left !important;
        white-space: break-spaces !important
    }

    .linkAttachment {
        padding-right: 15px !important
    }

    .casePreviewTitle {
        width: -webkit-calc(100%);
        width: -moz-calc(100% );
        width: calc(100%);
    }

    .sHidden {
        display: none !important;
    }

    #divUploadFrameDIALOGUE1-, #divDlgAddFilesDIALOGUE1, #divUploadFrameDIALOGUE1 {
        width: 100% !important;
        padding-left: 5px !important;
        padding-right: 4px !important;
        left: 10px !important
    }
}