/* Minification failed. Returning unminified contents.
(37,30): run-time error CSS1039: Token not allowed after unary operator: '-kommers-blue-50-color'
(41,34): run-time error CSS1039: Token not allowed after unary operator: '-kommers-blue-80-color'
(45,34): run-time error CSS1039: Token not allowed after unary operator: '-kommers-blue-80-color'
(87,29): run-time error CSS1039: Token not allowed after unary operator: '-kommers-dark-blue-color'
(90,34): run-time error CSS1039: Token not allowed after unary operator: '-kommers-bright-sky-blue-color'
(142,34): run-time error CSS1039: Token not allowed after unary operator: '-kommers-blue-50-color'
(146,45): run-time error CSS1039: Token not allowed after unary operator: '-kommers-blue-50-color'
(150,34): run-time error CSS1039: Token not allowed after unary operator: '-kommers-gray-color'
(156,45): run-time error CSS1039: Token not allowed after unary operator: '-kommers-gray-color'
(160,34): run-time error CSS1039: Token not allowed after unary operator: '-kommers-blue-80-color'
(164,45): run-time error CSS1039: Token not allowed after unary operator: '-kommers-blue-80-color'
(172,34): run-time error CSS1039: Token not allowed after unary operator: '-kommers-blue-80-color'
(176,45): run-time error CSS1039: Token not allowed after unary operator: '-kommers-blue-80-color'
(204,30): run-time error CSS1039: Token not allowed after unary operator: '-kommers-blue-50-color'
(208,30): run-time error CSS1039: Token not allowed after unary operator: '-kommers-blue-80-color'
(212,30): run-time error CSS1039: Token not allowed after unary operator: '-kommers-blue-80-color'
(222,25): run-time error CSS1039: Token not allowed after unary operator: '-kommers-blue-80-color'
(226,25): run-time error CSS1039: Token not allowed after unary operator: '-kommers-dark-blue-color'
(230,30): run-time error CSS1039: Token not allowed after unary operator: '-kommers-gray-color'
(236,29): run-time error CSS1039: Token not allowed after unary operator: '-kommers-dark-blue-color'
(243,36): run-time error CSS1039: Token not allowed after unary operator: '-kommers-blue-80-color'
(339,28): run-time error CSS1039: Token not allowed after unary operator: '-kommers-dark-blue-color'
(344,28): run-time error CSS1039: Token not allowed after unary operator: '-kommers-dark-blue-color'
(348,29): run-time error CSS1039: Token not allowed after unary operator: '-kommers-dark-blue-color'
(387,28): run-time error CSS1039: Token not allowed after unary operator: '-kommers-dark-blue-color'
(490,28): run-time error CSS1039: Token not allowed after unary operator: '-kommers-blue-50-color'
(491,17): run-time error CSS1039: Token not allowed after unary operator: '-kommers-dark-blue-color'
(495,28): run-time error CSS1039: Token not allowed after unary operator: '-kommers-blue-50-color'
(496,17): run-time error CSS1039: Token not allowed after unary operator: '-kommers-dark-blue-color'
(518,21): run-time error CSS1039: Token not allowed after unary operator: '-kommers-blue-color'
(530,21): run-time error CSS1039: Token not allowed after unary operator: '-kommers-dark-blue-color'
(839,24): run-time error CSS1039: Token not allowed after unary operator: '-kommers-dark-blue-color'
(841,28): run-time error CSS1039: Token not allowed after unary operator: '-kommers-dark-blue-color'
(869,28): run-time error CSS1039: Token not allowed after unary operator: '-kommers-dark-blue-color'
(873,28): run-time error CSS1039: Token not allowed after unary operator: '-kommers-dark-blue-color'
(878,28): run-time error CSS1039: Token not allowed after unary operator: '-kommers-dark-blue-color'
(973,36): run-time error CSS1039: Token not allowed after unary operator: '-kommers-gray-color'
(974,25): run-time error CSS1039: Token not allowed after unary operator: '-kommers-dark-blue-color'
(978,29): run-time error CSS1039: Token not allowed after unary operator: '-kommers-dark-blue-color'
(1001,17): run-time error CSS1039: Token not allowed after unary operator: '-kommers-dark-blue-color'
(1012,32): run-time error CSS1039: Token not allowed after unary operator: '-kommers-dark-blue-color'
(1176,28): run-time error CSS1039: Token not allowed after unary operator: '-kommers-blue-80-color'
(1206,25): run-time error CSS1039: Token not allowed after unary operator: '-kommers-dark-blue-color'
(1207,36): run-time error CSS1039: Token not allowed after unary operator: '-kommers-blue-80-color'
(1208,32): run-time error CSS1039: Token not allowed after unary operator: '-kommers-dark-blue-color'
(1299,44): run-time error CSS1039: Token not allowed after unary operator: '-kommers-blue-80-color'
(1300,33): run-time error CSS1039: Token not allowed after unary operator: '-kommers-dark-blue-color'
(1385,28): run-time error CSS1039: Token not allowed after unary operator: '-kommers-dark-blue-color'
(1452,32): run-time error CSS1039: Token not allowed after unary operator: '-kommers-yellow-color'
(1463,25): run-time error CSS1039: Token not allowed after unary operator: '-kommers-dark-blue-color'
(1475,32): run-time error CSS1039: Token not allowed after unary operator: '-kommers-yellow-color'
(1486,25): run-time error CSS1039: Token not allowed after unary operator: '-kommers-dark-blue-color'
 */
/* New Process Top Steps No fishes */

ul.process {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul.process:after {
        content: '';
        display: block;
        clear: both;
    }

    ul.process > li {
        float: left;
        margin-left: 0px;
        margin-right: 0px;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-right: 20px;
        padding-left: 25px;
        background: #ccc;
    }

        ul.process > li:not(:last-child) {
            margin-right: 1px;
        }

        ul.process > li > a {
            text-decoration: none;
            color: white;
        }

        ul.process > li.visited {
            background: var(--kommers-blue-50-color);
        }

            ul.process > li.visited:hover {
                background: var(--kommers-blue-80-color);
            }

            ul.process > li.selected, ul.process > li.visited.selected {
                background: var(--kommers-blue-80-color);
            }

        ul.process > li.disabled > a {
            pointer-events: none;
            cursor: default;
        }

        /* mini progress inside top step showing under steps*/
        ul.process > li > a > div.progress > div {
            float: left;
            margin-right: 2px;
            width: 4px;
            height: 4px;
            background: white;
        }

            ul.process > li > a > div.progress > div.completed {
                background: lightgreen;
            }


@media (min-width: 1400px) {
    /* New Process Top Steps with fishes */
    ul.process {
        float: left;
        list-style: none;
        overflow: hidden;
    }

        ul.process:after {
            content: '';
            display: block;
            clear: both;
        }

        ul.process > li {
            float: left;
            padding: 0px;
        }

            ul.process > li > a {
                color: var(--kommers-dark-blue-color);
                text-decoration: none;
                padding: 7px 10px 7px 60px;
                background: var(--kommers-bright-sky-blue-color);
                /* fallback color */
                background: #ccc;
                position: relative;
                display: block;
                float: left;
            }


                ul.process > li > a:after {
                    content: " ";
                    display: block;
                    width: 0;
                    height: 0;
                    border-top: 50px solid transparent;
                    /* Go big on the size, and let overflow hide */
                    border-bottom: 50px solid transparent;
                    border-left: 30px solid #ccc;
                    position: absolute;
                    top: 50%;
                    margin-top: -50px;
                    left: 100%;
                    z-index: 2;
                }

                ul.process > li > a:before {
                    content: " ";
                    display: block;
                    width: 0;
                    height: 0;
                    border-top: 50px solid transparent;
                    /* Go big on the size, and let overflow hide */
                    border-bottom: 50px solid transparent;
                    border-left: 30px solid white;
                    position: absolute;
                    top: 50%;
                    margin-top: -50px;
                    margin-left: 1px;
                    left: 100%;
                    z-index: 1;
                }

            ul.process > li:first-child > a {
                padding-left: 30px;
            }

            ul.process > li:last-child > a {
                padding-right: 30px;
                margin-right: 0px;
            }

            ul.process > li.visited > a {
                background: var(--kommers-blue-50-color);
            }

                ul.process > li.visited > a:after {
                    border-left-color: var(--kommers-blue-50-color);
                }

            ul.process > li.disabled > a {
                background: var(--kommers-gray-color);
                pointer-events: none;
                cursor: default;
            }

                ul.process > li.disabled > a:after {
                    border-left-color: var(--kommers-gray-color);
                }

            ul.process > li.selected > a {
                background: var(--kommers-blue-80-color);
            }

                ul.process > li.selected > a:after {
                    border-left-color: var(--kommers-blue-80-color);
                }

            ul.process > li:last-child > a:after {
                border: 0;
            }

            ul.process > li > a:hover {
                background: var(--kommers-blue-80-color);
            }

                ul.process > li > a:hover:after {
                    border-left-color: var(--kommers-blue-80-color) !important;
                }
}

/* New Process SubSteps */
ul.process-substeps {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 8px;
}

    ul.process-substeps > li {
        float: left;
        font-size: 0.8em;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 15px;
        padding-right: 10px;
        text-wrap: none;
        border-top:1px solid white;
    }

        ul.process-substeps > li:not(:last-child) {
            margin-right: 1px;
        }

        ul.process-substeps > li.visited {
            background: var(--kommers-blue-50-color);
        }

        ul.process-substeps > li.selected {
            background: var(--kommers-blue-80-color);
        }

        ul.process-substeps > li.visited:hover {
            background: var(--kommers-blue-80-color);
        }

            ul.process-substeps > li.visited:hover a {
                color: white;
            }


        ul.process-substeps > li > a {
            text-decoration: none;
            color: var(--kommers-blue-80-color);
        }

        ul.process-substeps > li.selected > a, ul.process-substeps > li.visited > a {
            color: var(--kommers-dark-blue-color);
        }

        ul.process-substeps > li.disabled {
            background: var(--kommers-gray-color);
        }

            ul.process-substeps > li.disabled > a {
                pointer-events: none;
                cursor: default;
                color: var(--kommers-dark-blue-color);
            }

        ul.process-substeps > li > div.status {
            display: inline-block;
            width: 8px;
            height: 8px;
            border: 1px solid var(--kommers-blue-80-color);
            background: white;
            margin-left: 6px;
            margin-bottom: 3px;
            vertical-align: bottom;
        }

        ul.process-substeps > li.completed > div.status {
            background: lightgreen;
        }

/* ----- Notice status info ----- */
.NoticeStatus {
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    color: white;
}

    .NoticeStatus.Active {
        background-color: #27a913;
    }

    .NoticeStatus.NotActive {
        background-color: #ee1111;
    }

    .NoticeStatus.Manual {
        background-color: #F09609;
    }

    .NoticeStatus a {
        color: white;
        text-wrap: none;
        text-decoration: underline;
    }

/* ----- Criteria control icons ----- */
.criteria-control-icons-wrapper {
    /*float: right;
    margin-top: 10px;
    margin-right: 13px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    position: relative;
    width: 150px;
    background: white;*/
}

.criteria-control-icons {
    /*width: 120px;
    padding: 10px 4px;
    margin-left: auto;
    margin-right: auto;*/
}

    .criteria-control-icons input[type=image] {
        margin-right: 0.6em;
    }

.criteria-insert-placeholder-wrapper {
    /*position: absolute;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 150px;
    left: -1px;
    background: white;*/
}

.criteria-insert-placeholder {
    /*padding-left: 10px;*/
}

table.CriteriaOptionsPreview {
    margin-bottom: 1em;
}

    table.CriteriaOptionsPreview td:first-child {
        padding-right: 5px;
    }

div.criteria-tree-navigator-container a.deleted {
    color: lightgray;
    text-decoration: line-through;
}

div.criteria-tree-navigator-container a.unpublished {
    font-style:italic;
}


/* ----- KommersImageButtonLink ----- */

a.KommersImageButtonLink {
    background-color: var(--kommers-dark-blue-color);
    display: inline-block;
    margin-bottom: 1em;
    margin-top: 1em;
    color: white;
    border: 1px solid var(--kommers-dark-blue-color);
    padding-left: 1em;
    padding-right: 1em;
    line-height: 34px;
    outline: 1px solid var(--kommers-dark-blue-color);
}

a:hover.KommersImageButtonLink {
    border-color: rgba(255,255,255,0.5);
}

.KommersImageButtonImage {
    /*vertical-align: middle;
    margin-bottom: .25em;
    padding-left: 4px;
    padding-right: 4px;*/
    display: none;
}
/* ----- CompanyContainerStyle ----- */

div.carrierContainer {
    width: 100%;
    margin-top: 2em;
}

    div.carrierContainer a {
        margin: auto;
        display: block;
        line-height: 3em;
    }

    div.carrierContainer img {
        vertical-align: middle;
        padding-right: 3px;
    }

div.companyContainer a {
    color: white;
    font-weight: normal;
    padding-left:1em;
}

div.companyContainer {
    background-color: var(--kommers-dark-blue-color);
    border: solid 1px #cdcdcd;
}

div.containerLatest {
    border-bottom: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
}

div.LatestCompanies {
    color: black;
    line-height: 2em !important;
    padding: 7px;
}

div.LatestCompanies a {
    line-height: 2em;
}

#embed_ace_wrapper {
    height: 425px;
}

.editor_wrapper, .editorheader_wrapper, .editorfooter_wrapper {
    height: 375px;
    position: relative;
    border: 1px solid #DDD;
    border-radius: 4px;
    border-bottom-right-radius: 0px;
    margin-top: 5px;
}

.editorheader_wrapper, .editorfooter_wrapper {
    height: 200px;
}

#editor, #editorHeader, #editorFooter {
    left: 0px;
    top: 0px;
    bottom: 1px;
    right: 1px;
    background: #fff;
}

    #editor *, #editorHeader *, #editorFooter * {
        font-family: Consolas, 'Courier New', monospace;
        font-size: 12px;
    }

.RadWindow {
    min-width: 700px;
    min-height: 400px;
}

    .RadWindow .rwTitleRow em {
        color: white !important;
    }

div.RadMenu {
    float: right;
    z-index: 500;
}

div.FolderExplorer div.RadMenu {
    float: none;
    z-index: 500;
}

.rgCaption {
    display: none;
}

.RadAjaxPanel {
    display: inline !important;
}

a.rmLink {
    cursor: pointer !important;
}

    a.rmLink.rmRootLink.rmDisabled {
        cursor: default !important;
    }

.RadPanelBar_MetroTouch .rpRootLink {
    font-size: 1em !important;
}

.RadPanelBar_MetroTouch .rpItem {
    line-height: 50px !important;
}

.RadPanelBar_MetroTouch .rpGroup .rpItem {
    line-height: 34px !important;
}


.RadPanelBar_MetroTouch .rpText {
    padding: 0 0 0 10px !important;
}

.RadPanelBar_MetroTouch .rpRootLink.rpSelected {
    background-color: var(--kommers-blue-50-color) !important;
    color: var(--kommers-dark-blue-color) !important;
}

.RadPanelBar_MetroTouch .rpGroup .rpLink.rpSelected {
    background-color: var(--kommers-blue-50-color) !important;
    color: var(--kommers-dark-blue-color) !important;
}

.RadTabStrip {
    z-index: 100;
    position: relative;
}

/* hide close text which is in a span in tooltip */
div.RadToolTip a.rtCloseButton span {
    display: none !important;
}

/* RadGrid overrides */

.RadGrid_MetroTouch, .RadGrid_MetroTouch .rgMasterTable, .RadGrid_MetroTouch .rgDetailTable, .RadGrid_MetroTouch .rgGroupPanel table, .RadGrid_MetroTouch .rgCommandRow table, .RadGrid_MetroTouch .rgEditForm table, .RadGrid_MetroTouch .rgPager table {
    font-size: 1em !important;
    line-height: 1.6em !important;
}

    .RadGrid_MetroTouch .rgRow a, .RadGrid_MetroTouch .rgAltRow a, .RadGrid_MetroTouch tr.rgEditRow a, .RadGrid_MetroTouch .rgFooter a, .RadGrid_MetroTouch .rgEditForm a {
        text-decoration: none;
        color: var(--kommers-blue-color) !important;
        font-weight: 400;
    }

    .RadGrid_MetroTouch .rgMasterTable .rgSelectedCell, .RadGrid_MetroTouch .rgSelectedRow, .RadGrid_MetroTouch td.rgEditRow .rgSelectedRow, .RadGrid_MetroTouch .rgSelectedRow td.rgSorted {
        background-color: lightgray !important;
    }

        .RadGrid_MetroTouch .rgActiveRow td, .RadGrid_MetroTouch .rgActiveRow td.rgSorted, .RadGrid_MetroTouch .rgSelectedRow td, .RadGrid_MetroTouch .rgSelectedRow td.rgSorted {
            border-color: lightgray !important;
        }
    .RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch .rgHeader a {
        color: var(--kommers-dark-blue-color) !important;
    }

.RadGrid img, .RadGrid input[type="image"] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

/* RadCombo overrides */

.RadComboBoxDropDown_MetroTouch {
    color: GrayText !important;
    line-height: 1.8em !important;
    font-size: 1em;
}

/* RadEditor overrides*/

.reToolbar.MetroTouch {
    border: none !important;
}

/* RadCombo i RadGrid */
.RadGrid_MetroTouch .RadComboBox_MetroTouch table td {
    border: none;
}

/* Noder i Telerik träd som inte är valbara*/
.unselectablenode {
    color: #aaa !important;
    border-color: white !important;
    background: none !important;
}

/* Ikonerna i trädet för Grid hamnar fel*/
.RadFileExplorer_MetroTouch .RadTreeView_MetroTouch span.rtPlus, .RadFileExplorer_MetroTouch .RadTreeView_MetroTouch span.rtMinus {
    margin: 7px 0px 0px -20px !important;
}

/*Input ska alltid vara blå (typ våra knappar) men inte ikoner i telerik griddar*/
.RadGrid .rgSave, .RadGrid .rgAdd, .RadGrid .rgRefresh, .RadGrid .rgEdit, .RadGrid .rgDel, .RadGrid .rgDrag, .RadGrid .rgFilter, .RadGrid .rgPagePrev, .RadGrid .rgPageNext, .RadGrid .rgPageFirst, .RadGrid .rgPageLast, .RadGrid .rgExpand, .RadGrid .rgCollapse, .RadGrid .rgSortAsc, .RadGrid .rgSortDesc, .RadGrid .rgUpdate, .RadGrid .rgCancel, .RadGrid .rgUngroup, .RadGrid .rgExpXLS, .RadGrid .rgExpDOC, .RadGrid .rgExpPDF, .RadGrid .rgExpCSV {
    background-color: transparent !important;
}

.reTool .Bookmark {
    background-image: url(../../Images/Other/bookmark.png) !important;
    background-size: 18px 18px !important;
}

.reTool .CheckOutBookmarks {
    background-image: url(../../Images/Other/CheckOutBookmarks.png) !important;
    background-size: 18px 18px !important;
}

.MetroTouch.reToolbar li .reTool span {
    cursor: pointer !important;
}

.reTool .GrammarReuse {
    background-image: url(../../Images/Other/GrammarReuse.png) !important;
    background-size: 18px 18px !important;
}

.reTool .ReuseGrammar {
    background-image: url(../../Images/Other/GrammarReuse.png) !important;
    background-size: 18px 18px !important;
}

.MetroTouch.reToolbar li .reTool:hover, .MetroTouch.reToolbar li .reTool_selected, .MetroTouch.reToolbar li .reTool_selected.reTool_disabled:hover {
    background: none !important;
    cursor: pointer !important;
    -webkit-filter: contrast(4) !important;
    filter: contrast(4) !important;
}

/* Rad Spell check */
#trSpellCheck {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.RadSpell_Default {
    width: 18px;
    height: 18px;
    text-align: center;
    text-decoration: none;
    background: url(../../Images/Other/SpellCheck.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    cursor: pointer !important;
}

    .RadSpell_Default:hover {
        filter: brightness(10.5) sepia(5550) hue-rotate(-180deg) saturate(6701) !important;
    }

/*.reTool .SplitAsSegment {
    background-image: url(../../Images/Other/SplitAsSegment.png) !important;
    background-size: 50px 80px !important;
    background-position: 35% 50%;
    min-width: 22px;
}

.reTool .SplitAsCriterion {
    background-image: url(../../Images/Other/SplitAsCriterion.png) !important;
    background-size: 30px 30px !important;
    background-position: 35% 50%;
    min-width: 22px;
}*/
/*.reTool_text > .SplitAsSegment + span.reButton_text {
    font-size: large;
    text-indent: 0;
    overflow-wrap: break-word;

    margin: 17px 17px 17px 17px !important;
    border: 1px solid darkorange;
}*/
.reTool_text > span.reButton_text {
    font-size: normal;
    text-indent: 0;
    overflow-wrap: break-word;
    /*margin: 17px 17px 17px 17px !important;*/
    background-color: #F9F9F9;
    padding: 7px !important;
    border: 1px solid #BCBCBC;
}

    .reTool_text > span.reButton_text:hover {
        background-color: #E8E8E8;
        border: 1px solid #777777;
    }

.reCommentButton, .rePopupButton {
    color: white !important;
    height: 25px !important;
    margin-right: 0.5em !important;
}

.reCommentView, .reCommentEdit {
    position: relative !important;
    bottom: 40em !important;
    left: 70em !important;
}

.reUser {
    border-radius: 5px;
    padding: 0 5px;
    font-weight: bold;
}

.reU0 {
    background-color: #EFF0EE;
    color: #FF9933;
}

.reU1 {
    background-color: #EFF0EE;
    color: #FF0101;
}

.reU2 {
    background-color: #EFF0EE;
    color: #F37E0C;
}

.reU3 {
    background-color: #EFF0EE;
    color: #04B4B6;
}

.reU4 {
    background-color: #EFF0EE;
    color: #C85100;
}

.reU5 {
    background-color: #EFF0EE;
    color: #008380;
}

.reU6 {
    background-color: #EFF0EE;
    color: #800000;
}

.reU7 {
    background-color: #EFF0EE;
    color: #A4A000;
}

.reU8 {
    background-color: #EFF0EE;
    color: #808080;
}

.reU9 {
    background-color: #868686;
    color: #38FD11;
}

.reComment.reU0 {
    background-color: transparent;
    color: black;
    border-style: dashed;
    border-color: #FF9933;
}

.reComment.reU1 {
    background-color: transparent;
    color: black;
    border-style: dashed;
    border-color: #FF0101;
}

.reComment.reU2 {
    background-color: transparent;
    color: black;
    border-style: dashed;
    border-color: #F37E0C;
}

.reComment.reU3 {
    background-color: transparent;
    color: black;
    border-style: dashed;
    border-color: #04B4B6;
}

.reComment.reU4 {
    background-color: transparent;
    color: black;
    border-style: dashed;
    border-color: #C85100;
}

.reComment.reU5 {
    background-color: transparent;
    color: black;
    border-style: dashed;
    border-color: #008380;
}

.reComment.reU6 {
    background-color: transparent;
    color: black;
    border-style: dashed;
    border-color: #800000;
}

.reComment.reU7 {
    background-color: transparent;
    color: black;
    border-style: dashed;
    border-color: #A4A000;
}

.reComment.reU8 {
    background-color: transparent;
    color: black;
    border-style: dashed;
    border-color: #A4A000;
}

.reComment.reU9 {
    background-color: transparent;
    color: black;
    border-color: #38FD11;
    border-style: dashed;
}

/* Async File Upload Overrides*/

.RadUpload .ruRemove {
    background-color: transparent !important;
    border: none !important;
}

.RadUpload .ruFileWrap, .RadUpload_MetroTouch .ruFileWrap {
    line-height: 12px !important;
    font-size: 12px !important;
}

.RadUpload .ruInputs li {
    margin: 0px !important;
    padding: 0px !important;
    line-height: 12px !important;
    font-size: 12px !important;
}

.RadUpload .ruUploadSuccess {
    background-position: 0 10% !important;
}

.RadUpload .ruUploadSuccess {
    background-position: 0 10% !important;
}

.RadUpload .ruUploadFailure, .RadUpload .ruUploadCancelled {
    background-position: 0 85% !important;
}

.rpItem a {
    color: #000;
}

.rpItem .rpExpanded {
    border-color: var(--kommers-dark-blue-color) !important;
    color: #fff !important;
    background-color: var(--kommers-dark-blue-color) !important;
}


.rpExpanded .rpExpandHandle {
    display: none !important;
}

.rpRootLink.rpExpandable .rpExpandHandle {
    display: inherit !important;
}

.RadComboBox_MetroTouch .rcbReadOnly .rcbInputCell,
.RadComboBox_MetroTouch .rcbArrowCell,
.RadDropDownTree_Metro .rddtInner {
    background-color: white !important;
}

.RadDropDownTree_MetroTouch .rddtInner {
    background-color: white !important;
}

.RadDropDownTree_MetroTouch .rddtFocused {
    color: GrayText !important;
}


.RadMenu_MetroTouch .rmRootGroup {
    background-color: var(--kommers-dark-blue-color) !important;
}

.RadMenu_MetroTouch .rmRootLink {
    border: 1px solid var(--kommers-dark-blue-color) !important;
    color: white !important;
}

.rwTitleRow td {
    background-color: var(--kommers-dark-blue-color) !important;
}

.CompanyStructureTree .rtIn {
    cursor: pointer;
}

.iconImages {
    width: 20px;
    height: 20px;
}

.MetroTouch.RadEditor .reCommentButton, .MetroTouch .rePopupButtonContainer .rePopupButton {
    background-color: #4390df !important;
}

    .MetroTouch.RadEditor .reCommentButton:hover, .MetroTouch .rePopupButtonContainer .rePopupButton:hover {
        background-color: #4390df !important;
    }

/* Rss */
div.RssContainer {
    padding: 20px;
    border: solid 1px #8b9cac;
    background-color: #fafbfd;
}

div.RssItem {
    padding-bottom: 10px;
}

div.RssItemSummary {
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 2px;
}

div.RssItemDate {
}

a.RssLink {
    text-decoration: none;
    font-size: 14px;
    color: #4F7DBA;
}

div.RssItemTitle {
}

div.RssFeedTitle {
    font-size: 16px;
    color: #4F7DBA;
    padding-bottom: 20px;
}

.KommersList {
    clear: both;
    width: 100%;
    border-collapse: collapse;
    border: none;
    display: table;
    margin: 0;
    margin-bottom: 2em;
    margin-top: 2em;
}

    .KommersList .Row {
        display: table-row;
        width: 100%;
    }

        .KommersList .Row .Cell {
            text-align: left;
            vertical-align: middle;
            padding: 8px;
            border-bottom: solid 1px #DDDDDD;
            display: table-cell;
            min-height: 30px;
        }

            .KommersList .Row .Cell a {
                white-space: nowrap;
            }

        .KommersList .Row .Image {
            width: 24px;
        }

            .KommersList .Row .Image img {
                width: 100%
            }

        .KommersList .Row .Header {
            font-size: 0.8em;
            font-weight: bold;
            background-color: var(--kommers-gray-color);
            color: var(--kommers-dark-blue-color);
        }

            .KommersList .Row .Header a {
                color: var(--kommers-dark-blue-color);
            }

        .KommersList .Row .Action {
            text-align: center;
            width: 24px;
        }

        .KommersList .Row .Remove a {
            color: red;
            font-size: 1.2em;
            font-weight: bold;
        }

        .KommersList .Row .Add a {
            color: green;
            font-size: 1.5em;
            font-weight: bold;
        }


.HeaderUnderline {
    text-decoration: none;
    color: var(--kommers-dark-blue-color);
    position: relative;
}

    .HeaderUnderline::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 3px;
        background-color: var(--kommers-dark-blue-color);
        transition: width 0.3s ease;
    }

    .HeaderUnderline:hover::after {
        width: 100%;
    }




@media (max-width: 599px) {
    .KommersList .Row .Priority2 {
        display: none;
    }

    .KommersList .Row .Priority3 {
        display: none;
    }

    .KommersList .Row .Priority4 {
        display: none;
    }
}

@media (min-width: 600px) {
    .KommersList .Row .Priority2 {
        display: none;
    }

    .KommersList .Row .Priority3 {
        display: none;
    }

    .KommersList .Row .Priority4 {
        display: none;
    }
}

@media (min-width: 900px) {
    .KommersList .Row .Priority2 {
        display: table-cell;
    }

    .KommersList .Row .Priority3 {
        display: none;
    }

    .KommersList .Row .Priority4 {
        display: none;
    }
}

@media (min-width: 1200px) {
    .KommersList .Row .Priority2 {
        display: table-cell;
    }

    .KommersList .Row .Priority3 {
        display: table-cell;
    }

    .KommersList .Row .Priority4 {
        display: none;
    }
}

@media (min-width: 1800px) {
    .KommersList .Row .Priority2 {
        display: table-cell;
    }

    .KommersList .Row .Priority3 {
        display: table-cell;
    }

    .KommersList .Row .Priority4 {
        display: table-cell;
    }
}


.ImagePanelWrapper {
    background-color: lightgray;
    width: 100%;
    margin-top: 1em;
    display: flex;
    flex-flow: row wrap;
}

    .ImagePanelWrapper .ImagePanel {
        position: relative;
        overflow: hidden;
        flex: 1;
        padding: 0.5em;
    }

        .ImagePanelWrapper .break {
            width: 0px;
            height: 0px;
            overflow: hidden;
            display: inline-block;
            flex-basis: 100%;
        }

        .ImagePanelWrapper .ImagePanel img {
            width: 100%;
            height: auto;
        }

        .ImagePanelWrapper .ImagePanel .Content {
            background-image: url('../../Images/Store/halvgenomskinlig-svart-bakgrund.png');
            color: white;
            padding: 0.6em;
            padding-left: 1em;
            padding-right: 1em;
            margin-bottom: 1.3em;
            position: absolute;
            bottom: .6em;
            left: 0.5em;
            right: 0.5em;
        }

@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    .ImagePanelWrapper {
        display: flex;
        flex-direction: column;
    }

        .ImagePanelWrapper .ImagePanel {
            margin: 0 0 0 0;
            margin-bottom: 1em;
            max-height: none;
            background-size: cover;
            flex: 1;
        }
}

@media screen and (max-width:60em) {
    .ImagePanelWrapper {
        display: flex;
        flex-flow: row wrap;
        flex-direction: row;
    }

        .ImagePanelWrapper .ImagePanel:nth-child(3n) {
            flex-basis: 100%;
        }
}

@media screen and (max-width:40em) {
    .ImagePanelWrapper {
        display: block;
    }

        .ImagePanelWrapper .ImagePanel {
            margin: 0 0 0 0;
            margin-bottom: 1em;
            max-height: none;
            background-size: cover;
        }
}

#SearchBar {
    background-color: var(--kommers-blue-80-color);
    display: table;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
}
    #SearchBar, #SearchBar * {
        box-sizing: border-box !important;
    }

    #SearchBar div.RadMenu {
        float: left;
    }

    #SearchBar #LeftPart {
        display: table-cell;
        vertical-align: middle;
        white-space: nowrap;
    }

        #SearchBar #LeftPart .RadMenu {
            font-size: 1em;
        }

        #SearchBar #LeftPart .RadMenu_Default a.rmLink,
        #SearchBar #LeftPart .RadMenu_Default a.rmLink:hover,
        #SearchBar #LeftPart .RadMenu_Default a.rmFocused,
        #SearchBar #LeftPart .RadMenu_Default a.rmSelected,
        #SearchBar #LeftPart .RadMenu_Default a.rmExpanded {
            font-size: 0.9em;
            color: var(--kommers-dark-blue-color);
            background-color: var(--kommers-blue-80-color);
            border-color: var(--kommers-dark-blue-color);
        }

        #SearchBar #LeftPart .RadMenu_Default .rmRootGroup {
            background: none;
            border: none;
            padding-left: 20px;
        }

        #SearchBar #LeftPart .RadMenu_Default .rmPopup {
            border: 1px solid #979797;
            padding: 1em;
        }

        #SearchBar #LeftPart .RadMenu_Default .rmContentTemplate {
            width: 800px;
        }

        #SearchBar #LeftPart .RadSiteMap_Default .rsmColumn > .rsmItem {
            overflow: hidden;
            margin-right: 10px;
            margin-bottom: 10px;
            color: GrayText;
            font-weight: bold;
            font-size: 0.8em;
        }


        #SearchBar #LeftPart .RadSiteMap_Default .rsmItem .rsmItem {
            padding: 5px;
            font-weight: normal;
            font-size: 1.2em;
        }

            #SearchBar #LeftPart .RadSiteMap_Default .rsmItem .rsmItem a,
            #SearchBar #LeftPart .RadSiteMap_Default .rsmItem .rsmItem a:hover {
                background: none !important;
                border: none !important;
                color: inherit !important;
                padding-bottom: 0.4em !important;
                margin: 0 !important;
                line-height: inherit !important;
            }

        #SearchBar #LeftPart .RadSiteMap_Default .rsmTemplate {
            padding: 0;
        }

        #SearchBar #LeftPart .RadSiteMap_Default .rsmLevel1 {
            margin: -1px 0 7px;
            padding-top: 0.8em;
            line-height: 1.2px;
            font-size: 1em;
        }

    /*#SearchBar #LeftPart .RadSiteMap_Default .rsmLink:hover 
        {
            background:none;
            border:none;
            color:GrayText;
        }*/

    #SearchBar #SearchBoxPart {
        display: table-cell;
        width: 45%;
        vertical-align: middle;
        padding-bottom: 3px;
        padding-top: 3px;
        padding-right: 10px;
        padding-left: 10px;
        white-space: nowrap;
    }

        #SearchBar #SearchBoxPart .RadInput_MetroTouch.riSingle .riTextBox {
            font-size: 1.4em;
            height: 2em
        }

        #SearchBar #SearchBoxPart table.SearchDropDown td {
            background-color: white;
            padding: 0;
            padding-left: 6px;
            padding-right: 6px;
        }

            #SearchBar #SearchBoxPart table.SearchDropDown td div {
                padding: 5px;
            }

                #SearchBar #SearchBoxPart table.SearchDropDown td div.SectionTitle {
                    font-size: 0.7em;
                    background-color: var(--kommers-blue-80-color);
                    color: var(--kommers-dark-blue-color);
                    margin-top: 8px;
                }

        #SearchBar #SearchBoxPart ul.LiveSearchResultList {
            padding: 0;
            margin: 0;
            list-style: none;
        }

            #SearchBar #SearchBoxPart ul.LiveSearchResultList li {
                padding: 0;
                margin: 0;
                font-size: 0.9em;
            }

    #SearchBar #RightPart {
        display: table-cell;
        text-align: right;
        vertical-align: middle;
        white-space: nowrap;
        padding-left: 10px;
        width: 15%;
    }

        #SearchBar #RightPart a {
            font-size: 1em;
            color: white;
        }

        #SearchBar #RightPart img {
            padding-left: 10px;
            padding-right: 10px;
            height: 1.4em;
        }


@media (max-width: 599px) {
    #SearchBar {
        display: block;
    }

        #SearchBar #SearchBoxPart {
            display: block;
            width: 50%;
        }

        #SearchBar #RightPart {
            display: block;
            text-align: left;
        }
}

@media (min-width: 600px) {
    #SearchBar {
        display: table;
    }

        #SearchBar #SearchBoxPart {
            width: 35%;
            display: table-cell;
        }

        #SearchBar #RightPart {
            display: table-cell;
        }
}

@media (min-width: 900px) {
}

@media (min-width: 1200px) {
    #SearchBar #LeftPart {
        display: table-cell;
    }

    #SearchBar #SearchBoxPart {
        width: 45%;
    }
}

@media (min-width: 1800px) {
}

.CategoryNavigation .BreadCrumb {
    background-color: var(--kommers-dark-blue-color);
    color: white;
    padding: 0;
    padding-left: 0.8em;
    margin-bottom: 0.2em;
}

    .CategoryNavigation .BreadCrumb .RadSiteMap_MetroTouch {
        color: white;
        line-height: inherit;
    }

        .CategoryNavigation .BreadCrumb .RadSiteMap_MetroTouch .rsmLink {
            padding: 0 4px 0 0;
            font-size: 0.6em;
            font-weight: bold;
        }

        .CategoryNavigation .BreadCrumb .RadSiteMap_MetroTouch .rsmOneLevel .rsmLink:hover,
        .CategoryNavigation .BreadCrumb .RadSiteMap_MetroTouch .rsmTwoLevels .rsmLevel1 .rsmLink:hover,
        .CategoryNavigation .BreadCrumb .RadSiteMap_MetroTouch .rsmThreeLevels .rsmLevel1 .rsmLink:hover,
        .CategoryNavigation .BreadCrumb .RadSiteMap_MetroTouch .rsmManyLevels .rsmLevel2 .rsmLink:hover {
            background-color: inherit;
            color: inherit;
            border: none;
        }

    .CategoryNavigation .BreadCrumb .RadSiteMap .rsmFlow {
        padding-bottom: 0;
    }

.CategoryNavigation .CategoryInfo {
    display: table;
    margin-bottom: 0.6em;
    margin-top: 0.6em;
    width: 100%;
}

    .CategoryNavigation .CategoryInfo .Image {
        display: table-cell;
        padding: 0;
        width: 20%;
        padding-right: 40px;
        vertical-align: middle;
    }

        .CategoryNavigation .CategoryInfo .Image img {
            width: 100%;
            border: none;
            padding: 0;
        }

    .CategoryNavigation .CategoryInfo .Description {
        display: table-cell;
        vertical-align: top;
        padding-top: 6px;
        padding-bottom: 6px;
    }

.CategoryNavigation .Categories {
    margin-bottom: 0.2em;
}

    .CategoryNavigation .Categories .Category {
        padding: 0 0.5em 0.3em 0.5em;
        margin-right: 0.2em;
        margin-bottom: 0.2em;
        background-color: var(--kommers-yellow-color);
        float: left;
        color: white;
        text-align: center;
        min-width: 8em;
    }

        .CategoryNavigation .Categories .Category a {
            font-weight: bold;
            white-space: nowrap;
            font-size: 0.6em;
            color: var(--kommers-dark-blue-color);
        }


.CategoryNavigation .AgreementAreas {
    margin-bottom: 0.2em;
}

    .CategoryNavigation .AgreementAreas .AgreementArea {
        padding: 0 0.5em 0.3em 0.5em;
        margin-right: 0.2em;
        margin-bottom: 0.2em;
        background-color: var(--kommers-yellow-color);
        float: left;
        color: white;
        text-align: center;
        min-width: 8em;
    }

        .CategoryNavigation .AgreementAreas .AgreementArea a {
            font-weight: bold;
            white-space: nowrap;
            font-size: 0.6em;
            color: var(--kommers-dark-blue-color);
        }

#SearchBar #LeftPart .RadSiteMap_Default .rsmColumn > .rsmItem {
    text-wrap: wrap;
}

.SearchResult {
}

    .SearchResult .Top {
        clear: both;
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        align-items: center;
        padding-bottom: 0.2em;
        margin-bottom: 2.5em;
        margin-top: 1em;
    }

        .SearchResult .Top .Title {
            vertical-align: middle;
            font-size: 1.2em;
        }

        .SearchResult .Top .Count {
            vertical-align: middle;
            text-align: center;
            padding-left:10px;
            padding-right:10px;
            font-size: 0.8em;
            flex: 1;
        }

        .SearchResult .Top .ViewMode {
            vertical-align: middle;
            text-align: right;
            padding-left:10px;
            padding-right:10px;
            font-size: 0.8em;
        }  

        .SearchResult .Top .Sort {
            vertical-align: middle;
            max-width: 200px;
            text-align: right;
        }