.auto-contrast-text {
    mix-blend-mode: difference;
    color: white; /* Starter med hvit */
}


.white-bg {
    background-color: white;
    color: black;
}

.black-bg {
    background-color: black;
    color: lightgray; /* Eller #D3D3D3 */
}

.e-disablecancelcommand .e-rowcell.e-unboundcell .e-unboundcelldiv .disablecancelregistration {
    pointer-events: none;
    cursor: default;
    opacity: 0.4;
}

.e-disablereservecommand .e-rowcell.e-unboundcell .e-unboundcelldiv .disableisreserve {
    pointer-events: none;
    cursor: default;
    opacity: 0.4;
}

.e-disabledeletecommand .e-rowcell.e-unboundcell .e-unboundcelldiv .disabledelete {
    pointer-events: none;
    cursor: default;
    opacity: 0.4;
}

.e-disablecanceldatecommand .e-rowcell.e-unboundcell .e-unboundcelldiv .disablecanceldate {
    pointer-events: none;
    cursor: default;
    opacity: 0.4;
}

tr.disable-child-tool + tr .e-toolbar-item {
    pointer-events: none;
    touch-action: none;
    opacity: .5;
    background: #fafafa;
}

    tr.disable-child-tool + tr .e-toolbar-item .e-icons {
        color: rgba(0, 0, 0, 0.26);
    }

.e-grid .e-gridcontent .e-rowcell.isdeactivated {
    color: red;
}

.e-grid .e-gridcontent .e-rowcell.removeUnderscore {
    text-decoration-line: none;
}

td.e-groupcaption {
    font-size: x-large !important;
    font-weight: bold;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

.msg-default-section .content-section {
    margin: 0 auto;
    max-width: 520px;
    padding-top: 10px;
}

.msg-default-section .e-message {
    margin: 10px 0;
}

close-icon {
    width: 24px;
    height: 24px;
    position: relative;
    display: inline-block;
}

.e-icons.close-icon.col-lg-2:before {
    content: '\e7e9';
    font-size: 26px;
    color: #d9534f;
    position: relative;
    padding-top: 50px;
    left: 1px;
    bottom: 18px;
}

body {
    overflow-y: scroll;
}

.e-fixed {
    position: fixed;
}

#sendButton {
    top: 2px;
    position: relative;
}

.e-footer-content .e-input-group {
    width: 75%;
    float: left;
}

.e-dialog .e-dlg-header-content {
    background-color: #3f51b5;
}

    .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
        top: 5px;
        left: -11px;
    }

.e-dialog .e-dlg-header {
    position: relative;
}

.e-dialog .e-footer-content {
    padding: 15px;
}

.e-dialog .e-dlg-content {
    padding: 0;
}

.e-dialog .e-dlg-header-content {
    padding: 6px;
}

.e-open-icon::before {
    content: "\e782";
}

#template {
    display: inline-block;
    padding: 0px 10px;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
}

input {
    width: 75%;
    float: left;
}

.e-icon-settings.e-icons {
    float: left;
    position: relative;
    left: 14%;
    top: -33px;
}

.dialogContent .dialogText {
    font-size: 13px;
    padding: 5%;
    word-wrap: break-word;
    border-radius: 6px;
    /*        text-align: justify;
*/ font-style: initial;
    display: block;
}

.e-dlg-header .e-icon-settings, .e-icon-btn {
    color: #fff;
}

/*.dialogContent .dialogText, .dialogContent .dialogText {
        background-color: #f5f5f5;
    }*/

.e-dialog .e-footer-content {
    border-top: 0.5px solid rgba(0, 0, 0, 0.42);
}

.dialogContent {
    display: block;
    font-size: 15px;
    word-wrap: break-word;
    text-align: center;
    font-style: italic;
    border-radius: 6px;
    padding: 3%;
    position: relative;
    top: 25px;
}

.bootstrap .dialogContent {
    top: 7px;
}

.control-wrapper .e-control.e-dialog {
    width: 30%;
}

.e-dialog .e-dlg-header-content .e-icon-dlg-close {
    color: #fff;
}

.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:hover,
.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:focus {
    background-color: rgba(255,255,255, 0.10);
}

    .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:active .e-icon-dlg-close,
    .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:focus .e-icon-dlg-close,
    .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:hover .e-icon-dlg-close {
        color: #fff;
    }

.e-dialog .e-dlg-header-content .e-dlg-header .e-avatar.template-image {
    vertical-align: middle;
    display: inline-block;
    width: 36px;
    height: 36px;
}

.tab_content .e-content .e-item {
    font-size: 12px;
    padding: 10px;
    text-align: justify;
}

/* Adaptive Pager Styles */
.e-adaptive-demo .e-pager {
    padding: 13px 0;
}

    .e-adaptive-demo .e-pager div.e-parentmsgbar {
        box-sizing: border-box;
        display: inline-block;
        padding: 0;
        text-align: center;
        vertical-align: top;
        width: calc(60% - 48px);
    }

    .e-adaptive-demo .e-pager .e-pagesizes,
    .e-adaptive-demo .e-pager .e-pagecountmsg,
    .e-adaptive-demo .e-pager .e-pagercontainer {
        display: none;
    }

    .e-adaptive-demo .e-pager .e-icons {
        font-size: 11px;
    }

    .e-adaptive-demo .e-pager .e-mfirst,
    .e-adaptive-demo .e-pager .e-mprev,
    .e-adaptive-demo .e-pager .e-mnext,
    .e-adaptive-demo .e-pager .e-mlast {
        border: 0;
        box-sizing: border-box;
        display: inline-block;
        padding: 1% 5%;
    }

    .e-adaptive-demo .e-pager .e-mfirst {
        margin-right: 4px;
        text-align: right;
    }

    .e-adaptive-demo .e-pager .e-mprev {
        margin: 0 4px;
        text-align: right;
    }

    .e-adaptive-demo .e-pager .e-mnext {
        margin: 0 4px;
        text-align: left;
    }

    .e-adaptive-demo .e-pager .e-mlast {
        margin-left: 4px;
        text-align: left;
    }

.e-adaptive-demo .e-bigger .e-pager {
    padding: 19px 0;
}

/* Responsive Dialog */
.e-responsive-dialog {
    box-shadow: none;
    border: 1px solid #dddddd;
}

.e-dlg-target.e-scroll-disabled {
    overflow: auto;
}
.CssWhite {
    background-color: white !important;
    color: black !important;
}
.CssBlue {
    background-color: #2196F3 !important;
    color: white !important;
}
.CssYellow{
    background-color: #FFEB3B !important;
    color: black !important;
}
.CssPurple{
        background-color: #9C27B0 !important;
    color: white !important;
}
.CssRed
{
    background-color: #F44336 !important;
    color: white !important;
}
.CssMaroon
{
    background-color: #800000 !important;
    color: white !important;
}
.CssBlink {
    animation: blink 1s infinite;
}

@keyframes blink {
    0%, 100% {
        opacity: 1; /* Fully visible */
    }

    50% {
        opacity: 0; /* Fully invisible */
    }
}

.dimmed-field {
    border: 2px solid #2196F3 !important; /* Optional: to visually indicate the field */
    opacity: 0.25 !important; /* 50% transparent */
}
.semi-dimmed-field {
    border: 2px solid #00CC0c !important; /* Optional: to visually indicate the field */
    opacity: 0.75 !important; /* 50% transparent */
}