/*-----------
Används ihop med ptsStandrad
--------------- */

/*----------------------
COLORS:
Green: #87AF23
Green-light: #9FBF4F
Link-green: #6D8E1C
Light-green: #CFDFA7
Almoast-White: #fcfcfc
Light gray: #f2f2f2
Medium gray: #ccc
Dark gray: #666
Light yellow: #F8E59F
Dark yellow: #EDBE10;
-----------------------*/

a.tabort {font-size: 14px; color: #6d8e1c; text-decoration: none; padding: 0;}
a.tabort:hover {color: #5a720e;}

a.redigera {font-size: 14px; color: #6d8e1c; text-decoration: none; padding: 0;}
a.redigera:hover {color: #5a720e;}

/* Använder ikon 'i-ta_bort2' istället för soptunna-bild*/
div.btnRemove{font-size: 14px; color: #6d8e1c; text-decoration: none;padding: 0;}
div.btnRemove:hover{color: #5a720e;}

/*Button remove (soptunna)*/
a.btnRemove {
    text-decoration: none;
    padding: 1px 8px 2px;
    color: #f2f2f2;
    background-repeat: no-repeat;
    background-image: url("images/btnRemoveLight.png");
}

    a.btnRemove:hover {
        color: #ccc;
        background-image: url("images/btnRemove.png");
    }

/*Button add (plus)*/
a.btnAdd {
    text-decoration: none;
    padding: 1px 8px 2px;
    color: #f2f2f2;
    background-repeat: no-repeat;
    background-image: url("images/btnAddLight.png");
}

    a.btnAdd:hover {
        color: #87af23;
        background-image: url("images/btnAdd.png");
    }

/*-----------
Tables
--------------- */
/*Aktiveringar*/
table.tblDisplay.aktiveringar thead tr th,
table.tblDisplay.domänMatris thead tr th {
    vertical-align: bottom;
}

/*Historik*/
table.tblDisplay.historik thead tr th {
    background-color: #CFDFA7;
    color: #666;
    border-right: 1px solid #87af23;
}

    table.tblDisplay.historik thead tr th.pubiceringsInformation {
        background-color: #87af23;
        color: #fff;
        border-right: 1px solid #CFDFA7;
    }

table.tblDisplay.historik tbody tr.aktuelltObjekt {
    font-style: italic;
}

    table.tblDisplay.historik tbody tr.aktuelltObjekt td {
        border-bottom: 1px solid #ccc;
    }

table.tblDisplay.historik tbody tr td.pubiceringsInformation {
    background-color: #f2f2f2;
}

table.tblDisplay.historik tbody tr.alt td.pubiceringsInformation {
    background-color: #E1E4E8;
}

/*Urval publicera*/
table.tblUrvalPublicera {
    width: 100%;
    border: 1px solid #ccc;
    background-color: #fff;
}

    table.tblUrvalPublicera thead tr th {
        padding: 5px 0 3px 7.2px;
        background-color: #87af23;
        color: #fff;
        text-align: left;
    }

    table.tblUrvalPublicera tr.borderBottom {
        border-bottom: 1px solid #ccc;
    }

    table.tblUrvalPublicera tr td {
        padding: 3px 0 3px 7.2px;
        line-height: 1.6em;
    }

        table.tblUrvalPublicera tr td.checkBoxWrapper {
            width: 10px;
        }

    table.tblUrvalPublicera tr.grupp {
        font-weight: bold;
    }

        table.tblUrvalPublicera tr.grupp td {
            border-top: 1px solid #ccc;
        }

    table.tblUrvalPublicera tr.domän,
    table.tblUrvalPublicera tr.masterTyprum {
        background-color: #CFDFA7;
    }

    table.tblUrvalPublicera tr.innehåll.alt,
    table.tblUrvalPublicera tr.egenskap.alt {
        background-color: #f2f2f2;
    }


/*-----------
------------------------------------------------------------------
Settings
------------------------------------------------------------------
--------------- */
.settingsModule {
    margin-top: 0px;
}

    .settingsModule .settingsContainer {
        position: absolute;
    }

    .settingsModule .icon {
        display: block;
        padding: 3px 5px 3px 5px;
        border: 1px solid #ccc;
        border-right: 0;
    }

    .settingsModule.gray .icon {
        border-color: #ccc;
    }

    .settingsModule.lightGreen .icon {
        border-color: #CFDFA7;
    }

    .settingsModule.green .icon {
        border-color: #87af23;
    }

    .settingsModule .subMenu {
        position: relative;
        z-index: 1000;
        top: -1px;
        width: 200px;
        background-color: #f2f2f2;
        border: 1px solid #ccc;
        text-align: left;
    }

        .settingsModule .subMenu a {
            width: 160px;
            padding: 10px 20px;
            border-bottom: 1px solid #ccc;
            border-top: 1px solid #fff;
            display: block;
            color: #666;
            text-decoration: none;
        }

            .settingsModule .subMenu a:hover {
                background-color: #dedede;
            }
    /*Placed to right -> submenu expands towards the left*/
    .settingsModule.placedRight {
        padding-left: 50px; /* Enabeling a larger area for mouseover when moving mouse to submenu */
    }

        .settingsModule.placedRight .subMenu {
            left: -190px;
        }

/*-----------
------------------------------------------------------------------
Page layout
------------------------------------------------------------------
--------------- */
#login {
    width: 240px;
    padding-top: 20px;
    margin: 100px auto;
    text-align: center;
}

    #login img {
        padding: 10px 0;
    }

    #login table.tblForm {
        margin: 0 auto;
    }

#header {
    background-color: #FCFCFC;
    padding: 5px 10px 5px;
    box-shadow: 0 0 15px #666;
    border-bottom: 1px solid #ccc;
}

    #header #domainContainer {
        padding-top: 3px;
    }

        #header #domainContainer img,
        #header #domainContainer select {
            vertical-align: middle;
        }

    #header #userContainer {
        padding-top: 5px;
    }

        #header #userContainer a,
        #header #userContainer span,
        #header #userContainer img {
            vertical-align: middle;
        }

        #header #userContainer a {
            border-right: 1px solid #ccc;
            padding-right: 5px;
            margin-right: 5px;
        }

        #header #userContainer img {
            margin-right: 5px;
        }

    #header #logotypeContainer {
        margin: 5px auto 0;
        width: 90px;
        text-align: center;
    }

    /*-----------
Main menu
--------------- */
    #header #mainMenu {
        background: url("images/bgMainMenu.png") repeat-x;
    }

        #header #mainMenu .mainMenuLeftRounded {
            background: url("images/bgMenuRoundedLeft2.png") no-repeat;
        }

        #header #mainMenu .mainMenuRightRounded {
            height: 40px;
            width: 6px;
            background: url("images/bgMenuRoundedRight2.png") no-repeat right;
        }

        #header #mainMenu #mainNavigationTelerik {
            border: 0;
        }

            #header #mainMenu #mainNavigationTelerik li.t-item {
                height: 24px;
                padding: 8px 6px;
                border: 0;
                background: url("images/bgMainMenuSeparator.png") no-repeat right;
            }

                #header #mainMenu #mainNavigationTelerik li.t-item a.t-link {
                    display: block;
                    padding: 4px 7px;
                    text-decoration: none;
                    color: #fff;
                }

                    #header #mainMenu #mainNavigationTelerik li.t-item a.t-link:hover {
                        border-radius: 4px;
                        background-color: rgba(255, 255, 255, 0.5); /*ie7/8-->*/
                        background-color: #fff;
                        color: #87AF23; /*<--ie7/8*/
                    }
                /*Selected*/
                #header #mainMenu #mainNavigationTelerik li.t-item.leftToSelected {
                    background: url("images/bgMenuRoundedRight2.png") no-repeat right;
                }

                    #header #mainMenu #mainNavigationTelerik li.t-item.leftToSelected .t-link {
                        padding: 4px 15px 4px 9px;
                    }

                #header #mainMenu #mainNavigationTelerik li.t-item.selected {
                    background: #fcfdfd url("images/bgMenuRoundedLeft2.png") no-repeat right;
                }

                    #header #mainMenu #mainNavigationTelerik li.t-item.selected .t-link {
                        padding: 4px 15px 17px 9px;
                        color: #87AF23;
                    }
                /*With sub*/
                #header #mainMenu #mainNavigationTelerik li.t-item a.t-link.withSub {
                    display: block;
                    padding: 4px 13px 4px 7px;
                    text-decoration: none;
                    color: #fff;
                }

                #header #mainMenu #mainNavigationTelerik li.t-item.selected .t-link.withSub {
                    padding: 4px 17px 17px 5px;
                    color: #87AF23;
                }

                #header #mainMenu #mainNavigationTelerik li.t-item .t-link.withSub .t-arrow-down {
                    background: url("images/iconArrowDownWhite.png") 8px 4px no-repeat;
                }

                #header #mainMenu #mainNavigationTelerik li.t-item.selected .t-link.withSub .t-arrow-down {
                    background: url("images/iconArrowDownGreen.png") 8px 4px no-repeat;
                }

            #header #mainMenu #mainNavigationTelerik .t-animation-container {
                top: 45px;
            }

            #header #mainMenu #mainNavigationTelerik ul.t-group {
                padding-bottom: 10px;
                border: 1px solid #ccc;
                border-top: 0;
                background-color: #fdfcfc;
                border-radius: 0 0 8px 8px;
            }

                #header #mainMenu #mainNavigationTelerik ul.t-group li {
                    padding: 0 0 10px;
                    background-image: none;
                }

                    #header #mainMenu #mainNavigationTelerik ul.t-group li.t-item .t-link,
                    #header #mainMenu #mainNavigationTelerik ul.t-group li.t-item.selected .t-link {
                        padding: 10px 10px 10px 20px;
                        color: #87AF23;
                    }

                        #header #mainMenu #mainNavigationTelerik ul.t-group li.t-item .t-link:hover {
                            border-radius: 0;
                            background-color: #CFDFA7;
                        }


            #header #mainMenu #mainNavigationTelerik.k-header {
                background: url("images/bgMainMenu.png") repeat-x;
                margin-left: 6px;
            }

            #header #mainMenu #mainNavigationTelerik li.k-item {
                height: 24px;
                padding: 8px 6px;
                border: 0;
                background: url("images/bgMainMenuSeparator.png") no-repeat right;
            }

                #header #mainMenu #mainNavigationTelerik li.k-item a.k-link {
                    display: block;
                    padding: 4px 7px;
                    text-decoration: none;
                    color: #fff;
                    background-color: transparent;
                }

                    #header #mainMenu #mainNavigationTelerik li.k-item a.k-link:hover {
                        border-radius: 4px;
                        background-color: rgba(255, 255, 255, 0.5); 
                        background-color: #fff\9/; /*ie8*/
                        color: #87AF23\9/; /*ie8*/
                    }

                #header #mainMenu #mainNavigationTelerik li.k-item.first.selected {
                    background: #fcfdfd url("images/bgMenuRoundedRight2.png") no-repeat left;
                }

                #header #mainMenu #mainNavigationTelerik li.k-item.last.selected {
                    background: #fcfdfd url("images/bgMenuRoundedLeft2.png") no-repeat right;
                }

                #header #mainMenu #mainNavigationTelerik li.k-item.rightToSelected {
                    background: url("images/bgMenuRoundedLeft2.png") no-repeat left;
                }

                /*Selected*/
                #header #mainMenu #mainNavigationTelerik li.k-item.leftToSelected {
                    background: url("images/bgMenuRoundedRight2.png") no-repeat right;
                }

                    #header #mainMenu #mainNavigationTelerik li.k-item.leftToSelected .k-link {
                        padding: 4px 15px 4px 9px;
                    }

                #header #mainMenu #mainNavigationTelerik li.k-item.selected {
                    background: #fcfdfd;
                }

                    #header #mainMenu #mainNavigationTelerik li.k-item.selected .k-link {
                        padding: 4px 15px 17px 9px;
                        color: #87AF23;
                    }
                /*With sub*/
                #header #mainMenu #mainNavigationTelerik li.k-item a.k-link.withSub {
                    display: block;
                    padding: 4px 13px 4px 7px;
                    text-decoration: none;
                    color: #fff;
                }

                #header #mainMenu #mainNavigationTelerik li.k-item a.k-link.withSub:hover {
                        border-radius: 4px;
                        background-color: rgba(255, 255, 255, 0.5); 
                        background-color: #fff\9/; /*ie8*/
                        color: #87AF23\9/; /*ie8*/
                }

                #header #mainMenu #mainNavigationTelerik li.k-item.selected .k-link.withSub {
                    padding: 4px 17px 17px 5px;
                    color: #87AF23;
                }

                #header #mainMenu #mainNavigationTelerik li.k-item .k-link.withSub .k-i-arrow-s {
                    background: url("images/iconArrowDownWhite.png") 8px 4px no-repeat;
                }

                #header #mainMenu #mainNavigationTelerik li.k-item.selected .k-link.withSub:hover .k-i-arrow-s {
                    background: url("images/iconArrowDownGreen.png") 8px 4px no-repeat;
                }

                #header #mainMenu #mainNavigationTelerik li.k-item.selected .k-link.withSub .k-i-arrow-s {
                    background: url("images/iconArrowDownGreen.png") 8px 4px no-repeat;
                }

            #header #mainMenu #mainNavigationTelerik .k-animation-container {
                top: 45px;
            }

            #header #mainMenu #mainNavigationTelerik ul.k-group {
                margin-top: 1px;
                padding-bottom: 10px;
                border: 1px solid #ccc;
                border-top: 0;
                background-color: #fdfcfc;
                border-radius: 0 0 8px 8px;
            }

                #header #mainMenu #mainNavigationTelerik ul.k-group li {
                    padding: 0 0 10px;
                    background-image: none;
                    background-color: transparent;
                }

                    #header #mainMenu #mainNavigationTelerik ul.k-group li.k-item .k-link,
                    #header #mainMenu #mainNavigationTelerik ul.k-group li.k-item.selected .k-link {
                        padding: 10px 10px 10px 20px;
                        color: #87AF23;
                    }

                        #header #mainMenu #mainNavigationTelerik ul.k-group li.k-item .k-link:hover {
                            border-radius: 0;
                            background-color: #CFDFA7;
                        }



/*-----------
Left menu
--------------- */
#leftNavigationTelerik {
    border: 0;
}

    #leftNavigationTelerik.k-header {
        background-image: none;
        background: none;
    }

    #leftNavigationTelerik .t-item {
        color: #666;
    }

        #leftNavigationTelerik .t-item a {
            color: #666;
            padding: 5px 20px;
        }

            #leftNavigationTelerik .t-item a:hover {
                color: #87AF23;
                background-color: #CFDFA7;
            }

            #leftNavigationTelerik .t-item a.selected {
                color: #fff;
                background-color: #87AF23;
            }

                #leftNavigationTelerik .t-item a.selected:hover {
                    color: #87AF23;
                    background-color: #CFDFA7;
                }

        #leftNavigationTelerik .t-item.publicera {
            display: block;
        }

            #leftNavigationTelerik .t-item.publicera a.t-link {
                padding-left: 30px;
                padding-top: 15px;
                padding-bottom: 15px;
                border-top: 1px solid #ccc;
                border-bottom: 1px solid #ccc;
            }

                #leftNavigationTelerik .t-item.publicera a.t-link:hover {
                    color: #87AF23;
                    background-color: #CFDFA7;
                }


#leftNavigationTelerik {
    border: 0;
}

    #leftNavigationTelerik .k-item {
        color: #666;
    }

        #leftNavigationTelerik .k-item a {
            color: #666;
            padding: 5px 20px;
        }

            #leftNavigationTelerik .k-item a:hover {
                color: #87AF23;
                background-color: #CFDFA7;
            }

            #leftNavigationTelerik .k-item a.selected {
                color: #fff;
                background-color: #87AF23;
            }

                #leftNavigationTelerik .k-item a.selected:hover {
                    color: #87AF23;
                    background-color: #CFDFA7;
                }

        #leftNavigationTelerik .k-item.publicera {
            display: block;
        }

            #leftNavigationTelerik .k-item.publicera a.k-link {
                padding-left: 30px;
                padding-top: 15px;
                padding-bottom: 15px;
                border-top: 1px solid #ccc;
                border-bottom: 1px solid #ccc;
            }

                #leftNavigationTelerik .k-item.publicera a.k-link:hover {
                    color: #87AF23;
                    background-color: #CFDFA7;
                }

/*-----------
Page
--------------- */
#page {
    padding: 15px 10px;
}

    #page #leftSection {
        width: 250px;
        position: absolute;
    }

        #page #leftSection #menu #menuHead {
            height: 30px;
            padding: 10px;
            padding-right: 0;
            border-radius: 8px 8px 0 0;
            border: 1px solid #ccc;
            background-color: #f2f2f2;
            box-shadow: 2px 2px 5px #999;
        }

            #page #leftSection #menu #menuHead a {
                color: #666;
                text-decoration: none;
            }

                #page #leftSection #menu #menuHead a:hover {
                    text-decoration: underline;
                }

        #page #leftSection #menu #menuContent {
            padding: 10px 0 30px;
            border-radius: 0 0 8px 8px;
            border: 1px solid #ccc;
            border-top: 0;
            background-color: #fcfcfc;
            box-shadow: 2px 2px 5px #999;
        }

    #page #rightSection {
        margin-left: 260px;
    }

        #page #rightSection #content {
            padding: 10px 20px 30px;
            border-radius: 8px;
            border: 1px solid #ccc;
            background-color: #fcfcfc;
            box-shadow: 2px 2px 5px #999;
        }

            #page #rightSection #content #tools {
                margin-top: 10px;
            }

/*-----------
Inredning
--------------- */
#inredningBild img {
    max-width: 350px;
}

#inredningBild div.ingenBild {
    width: 330px;
    height: 250px;
    background-color: #f2f2f2;
    border: 10px solid #ccc;
    text-align: center;
}

    #inredningBild div.ingenBild span {
        display: block;
        font-style: italic;
        margin-top: 110px;
        color: #999;
    }

/*-----------
Technical document
--------------- */
.listaBsabRubriker a.kapitel {
    padding-left: 12px;
    background-image: url("images/iconUnderkapitelMarkering.png");
    background-repeat: no-repeat;
}

.listaBsabRubriker .kapitel.niva1 {
    margin-left: 0;
    padding-left: 0;
    background-image: none;
}

.listaBsabRubriker .kapitel.niva2 {
    margin-left: 12px;
}

.listaBsabRubriker .kapitel.niva3 {
    margin-left: 24px;
}

.listaBsabRubriker .kapitel.niva4 {
    margin-left: 36px;
}

.listaBsabRubriker .kapitel.niva5 {
    margin-left: 48px;
}

.listaBsabRubriker .kapitel.niva6 {
    margin-left: 60px;
}

.listaBsabRubriker .kapitel.niva7 {
    margin-left: 72px;
}

.listaBsabRubriker .kapitel.niva8 {
    margin-left: 84px;
}

.listaBsabRubriker .kapitel.niva9 {
    margin-left: 96px;
}

.listaBsabRubriker .kapitel.niva10 {
    margin-left: 108px;
}


#dokumentVy .kapitel .bsabrubrik {
    height: 24px;
    padding: 2px 0 6px 20px;
    background-color: #87AF23;
    margin-bottom: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

    #dokumentVy .kapitel .bsabrubrik span {
        margin-top: 5px;
        display: block;
    }

    #dokumentVy .kapitel .bsabrubrik .settingsContainer .subMenu a {
        font-size: 12px;
        font-weight: normal;
    }

.teknikUnderrubrikNiva1,
#dokumentVy .kapitel p.underrubrikNiva1 {
    font-size: 13px;
    font-style: italic;
    text-transform: uppercase;
}

.teknikUnderrubrikNiva2,
#dokumentVy .kapitel p.underrubrikNiva2 {
    font-size: 11px;
    font-style: italic;
}

.teknikUnderrubrikNiva3,
#dokumentVy .kapitel p.underrubrikNiva3 {
    font-size: 9px;
    font-style: italic;
}

#dokumentVy .docContent div.textIndex {
    width: 30px;
    margin-right: 15px;
}

#dokumentVy .docContent .docContentContent {
    padding: 5px 0;
}

#dokumentVy .docContent img.contentType {
    vertical-align: middle;
    margin-right: 4px;
}

#dokumentVy .docContent .innehåll {
    width: 580px;
    padding: 0 5px 0 15px;
    vertical-align: middle;
    display: inline-block; /*ie7: inline-block --> */
    *display: inline;
    zoom: 1; /* <-- ie7 */
}

#dokumentVy .docContent .contentSettings {
    padding: 0 5px;
}

    #dokumentVy .docContent .contentSettings a {
        text-decoration: none;
        padding: 1px 8px 2px;
        color: #ccc;
        background-repeat: no-repeat;
    }

        #dokumentVy .docContent .contentSettings a:hover {
            color: #666;
        }

        #dokumentVy .docContent .contentSettings a.edit {
            background-image: url("images/btnEditLight.png");
        }

            #dokumentVy .docContent .contentSettings a.edit:hover {
                background-image: url("images/btnEdit.png");
            }

        #dokumentVy .docContent .contentSettings a.remove {
            background-image: url("images/btnRemoveLight.png");
        }

            #dokumentVy .docContent .contentSettings a.remove:hover {
                background-image: url("images/btnRemove.png");
            }
a.btnEdit {
    text-decoration: none;
    padding: 1px 8px 2px;
    color: #ccc;
    background-repeat: no-repeat;
    background-image: url("images/btnEditLight.png");
}

    a.btnEdit:hover {
        background-image: url("images/btnEdit.png");
        color: #666;
    }
#dokumentVy div.addContent {
    padding-left: 3px;
    margin: 3px 0 3px 20px;
}

#dokumentVy div.addContentControl {
    padding: 5px;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
}

#dokumentVy div.addContent .addContentControl a {
    padding: 0 10px;
    color: #666;
    text-decoration: none;
}

    #dokumentVy div.addContent .addContentControl a:hover span {
        text-decoration: underline;
    }

    #dokumentVy div.addContent .addContentControl a img,
    #dokumentVy div.addContent .addContentControl a span {
        vertical-align: middle;
    }

.innehållHTML ul,
.innehållHTML ol {
    display: block;
}

    .innehållHTML ol li,
    .innehållHTML ul li {
        margin-left: 20px;
        line-height: 1.9em;
    }

    .innehållHTML ul li {
        list-style: disc outside none;
    }

/*-----------
Space class - space property
--------------- */
#spaceClassSpacePropertiesContainer {
    width: 33%;
}

    #spaceClassSpacePropertiesContainer #spaceClassSpaceProperties {
        margin-right: 12px;
    }

        #spaceClassSpacePropertiesContainer #spaceClassSpaceProperties #currentSpacePropertiesContainer {
            width: 100%;
        }

            #spaceClassSpacePropertiesContainer #spaceClassSpaceProperties #currentSpacePropertiesContainer #currentSpaceProperties {
                height: 250px;
                padding: 5px;
                margin-top: 5px;
                background-color: #f2f2f2;
                border: 1px solid #ccc;
                overflow-y: scroll;
            }

                #spaceClassSpacePropertiesContainer #spaceClassSpaceProperties #currentSpacePropertiesContainer #currentSpaceProperties ul li a {
                    display: inline-block;
                    text-decoration: none;
                    color: #666;
                    padding: 4px;
                }

                    #spaceClassSpacePropertiesContainer #spaceClassSpaceProperties #currentSpacePropertiesContainer #currentSpaceProperties ul li a:hover {
                        background-color: #fff;
                        border: 1px solid #ccc;
                        padding: 3px;
                    }

#addSpacePropertyModuleContainer.typrum {
    width: 67%;
}

#addSpacePropertyModuleContainer.anpassatTyprum {
    width: 948px;
    margin: 5px 0 10px;
}

#addSpacePropertyModuleContainer #addSpacePropertyModule {
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #f2f2f2;
}

    #addSpacePropertyModuleContainer #addSpacePropertyModule #libraryContainer {
        width: 50%;
    }

        #addSpacePropertyModuleContainer #addSpacePropertyModule #libraryContainer #searchModule {
            margin-bottom: 3px;
        }

            #addSpacePropertyModuleContainer #addSpacePropertyModule #libraryContainer #searchModule input#textboxSearch {
                width: 155px;
            }

        #addSpacePropertyModuleContainer #addSpacePropertyModule #libraryContainer #library #libraryContent {
            height: 250px;
            margin-right: 12px;
            padding: 5px 2px;
            border: 1px solid #ccc;
            background-color: #fff;
            overflow-y: scroll;
        }

    #addSpacePropertyModuleContainer #addSpacePropertyModule #addFromLibraryContainer {
        width: 50%;
    }

        #addSpacePropertyModuleContainer #addSpacePropertyModule #addFromLibraryContainer #addFromLibrary {
            padding: 10px;
            border: 1px solid #ccc;
            background-color: #fff;
        }

            #addSpacePropertyModuleContainer #addSpacePropertyModule #addFromLibraryContainer #addFromLibrary select {
                width: 195px;
            }

#editSpacePropertyModuleContainer {
    width: 33%;
    padding-top: 24px;
}

#editSpacePropertyModule {
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #f2f2f2;
}

    #editSpacePropertyModule select {
        width: 195px;
    }

#currentSpacePropertiesList ul li {
    margin-right: 19px;
    white-space: nowrap;
}

    #currentSpacePropertiesList ul li a {
        white-space: normal;
    }

table.tblDisplay.domänMatris th.aktuellDomän {
    color: #87af23;
    background-color: #cfdfa7;
    padding-left: 20px;
    padding-right: 20px;
}

table.tblDisplay.domänMatris td.aktuellDomän {
    background-color: #f2f2f2;
}

table.tblDisplay.domänMatris tr.alt td.aktuellDomän {
    background-color: #E5E5E5;
}

table.tblDisplay.domänMatris td span.bollRuntText {
    display: block;
    height: 14px;
    width: 14px;
    margin: 0 auto;
    border-radius: 13px;
    padding: 3px;
    text-align: center;
    font-weight: bold;
}

    table.tblDisplay.domänMatris td span.bollRuntText.grönBoll {
        color: #fff;
        background-color: #87AF23;
    }

    table.tblDisplay.domänMatris td span.bollRuntText.grönRing {
        color: #87AF23;
        background-color: #fff;
        border: 1px solid #87af23;
    }

    table.tblDisplay.domänMatris td span.bollRuntText.gråBoll {
        color: #666;
        background-color: #f2f2f2;
        border: 1px solid #ccc;
    }
/*-----------
Publicering
--------------- */
.publiceringModul {
    width: 33%; /*width: 226px;*/
    margin-top: 10px;
}

.publiceringModulRubrik {
    background-color: #87af23;
    padding: 3px 10px;
    border-radius: 5px 5px 0 0;
}

    .publiceringModulRubrik a {
        text-decoration: none;
        color: #ffffff;
    }

        .publiceringModulRubrik a:hover {
            text-decoration: underline;
        }

    .publiceringModulRubrik h4 {
        color: #ffffff;
    }

.publiceringModulInnehåll {
    border: 1px solid #ccc;
    border-top: 0;
    padding: 10px;
    border-radius: 0 0 5px 5px;
    min-height: 110px;
}

    .publiceringModulInnehåll p {
        margin: 0;
        padding: 0;
    }

.kommentarBox {
    height: 180px;
    padding: 5px;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    overflow-y: scroll;
    width: 100%;
    box-sizing: border-box;
}

.publiceringLista {
    height: 180px;
    padding: 5px;
    margin-top: 5px;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    overflow-y: scroll;
}

    .publiceringLista .l1 {
        margin-left: 8px;
    }

    .publiceringLista .l2 {
        margin-left: 16px;
    }

.minus {
    margin-bottom: 2px;
}

.plus {
    margin-bottom: 2px;
}

.statusBox {
    height: 383px;
    padding: 5px;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    overflow-y: scroll;
}

/*-----------
Analys
--------------- */
.grafHållare {
    text-align: center;
}

    .grafHållare a {
        text-decoration: none;
    }

        .grafHållare a h2 {
            text-decoration: underline;
        }

        .grafHållare a:hover h2 {
            text-decoration: none;
        }

        .grafHållare a span {
            color: #666;
        }

    .grafHållare .ringDiagramL {
        width: 301px;
        height: 301px;
        margin: 0 auto;
    }

        .grafHållare .ringDiagramL span {
            font-size: 50px;
            font-weight: bold;
            padding-top: 120px;
            display: block;
        }

    .grafHållare .ringDiagramM {
        width: 200px;
        height: 200px;
        margin: 0 auto;
    }

        .grafHållare .ringDiagramM span {
            font-size: 30px;
            font-weight: bold;
            padding-top: 84px;
            display: block;
        }

.sammanfattningEgenskaper .infoRuta {
    margin-left: 60px;
}

    .sammanfattningEgenskaper .infoRuta h2 {
        color: #666;
        font-size: 15px;
        font-weight: bold;
    }

table.tblDisplay.typrumAnalys td.finnsIDomän {
    background: url("images/iconAktivIMaster.png") no-repeat 10px 4px;
}

table.tblDisplay.typrumAnalys td.finnsIMaster {
    background-color: #CFDFA7;
    color: #87af23;
}

table.tblDisplay.typrumAnalys td.stämmerMedMaster {
    background: url("images/pts_18px.png") no-repeat 0 3px;
    padding: 11px 10px 8px 8px;
}

table.tblDisplay thead tr.subheader th.noFontStyle {
    font-style: normal;
}

table.tblDisplay tbody tr.egenskapRad {
    border-top: #87af23 solid 2px;
}

table.tblDisplay thead tr.subheader th.noBorder,
table.tblDisplay tbody tr td.noBorder {
    border: none;
}

table.tblDisplay thead th.textAlignRight,
table.tblDisplay thead tr.subheader th.textAlignRight {
    text-align: right;
}

table.tblDisplay tbody td.whiteBackground {
    background-color: #fff;
}

table.tblDisplay tbody td.masterAntal {
    background-color: #87af23;
    color: #fff;
}

table.tblDisplay tbody td {
    display: table-cell;
    vertical-align: top;
}

/*-----------------
    Rapporter
-------------------*/
.minimeradRapport {
    width: 21px;
    padding: 0px;
    height: 110px;
}

.maximeradRapport {
    padding: 0px;
    height: 110px;
}

.rapportMaster {
    height: 140px;
}

.listaMinimeradRapport {
    margin-right: 330px;
}

.listaMaximeradRapport {
    margin-right: 41px;
}

.rapportInnehåll {
    float: left;
    margin: 5px;
}

.btnMinimeraMaximera:hover {
    opacity: 0.6;
}

.btnMinimeraMaximera {
    height: 100%;
    width: 8px;
    background-color: #87af23;
    float: right;
    cursor: pointer;
}

.btnCollapse {
    margin-top: 14px;
    margin-left: -12px;
}

.btnExpand {
    display: none;
}

.imgRapport {
    display: none;
}

.minimeradRapport .btnCollapse {
    display: none;
}

.minimeradRapport .btnExpand {
    display: block;
    margin: 14px 2px 10px;
}

.minimeradRapport .imgRapport {
    display: block;
    margin: 0 7px;
}

.minimeradRapport .rapportInnehåll {
    display: none;
}

.minimeradRapport .btnMinimeraMaximera {
    height: 100%;
    width: 21px;
    background-color: #87af23;
    float: right;
    cursor: pointer;
}

a.snabbRapport {
    color: transparent;
    width: 24px;
    height: 29px;
    display: inline-block;
    background: Url("images/dokumentSmall.png") no-repeat 0 0;
    text-indent: -9999px;
}

    a.snabbRapport:hover {
        background: Url("images/dokumentHSmall.png") no-repeat 0 0;
    }

.libary-container {
    height: 226px;
    border: 1px solid #ccc;
    padding-top: 3px;
    padding-left: 7px;
    overflow: auto;
}

    .libary-container ul li {
        padding-top: 3px;
        padding-bottom: 3px;
    }

        .libary-container ul li a {
            text-decoration: none;
            color: #666;
            padding: 4px;
        }

            .libary-container ul li a:hover {
                background-color: #f2f2f2;
                border: 1px solid #ccc;
                padding: 3px;
            }

.filter-detail-container {
    height: 230px;
    border: 1px solid #ccc;
}

.detail-header {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
    text-align: center;
    background-color: #87af23;
    vertical-align: middle;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    word-break: break-all;
    word-wrap: break-word;
}

.detail-text {
    padding-top: 6px;
    padding-left: 7px;
}

.filter-header {
    border: #ccc 1px solid;
    background-color: #d0dfa7;
    padding-left: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
}

    .filter-header span {
        margin-right: 25px;
    }

.filterBox {
    border-left: #ccc 1px solid;
    border-right: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
    height: 78px;
    padding-left: 10px;
}

    .filterBox > ul li {
        border: #ccc 1px solid;
        padding: 4px 6px;
        float: left;
        margin-right: 10px;
        margin-top: 10px;
        background-color: #f2f2f2;
    }

        .filterBox > ul li .kryss {
            margin-left: 6px;
            width: 12px;
            height: 12px;
        }

            .filterBox > ul li .kryss:hover {
                cursor: pointer;
            }


#start-page {
}

    #start-page p {
        font-size: 16px;
        padding: 0;
        line-height: 1.2em;
    }

    #start-page .head {
        font-size: 16px;
        color: #87af23;
    }

.domain-info-list thead tr {
    height: 50px;
}

.domain-info-list thead th {
    border: 1px solid #87af23;
    background-color: #d0dfa7;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
}

    .domain-info-list thead th.diagram {
        width: 220px;
    }

    .domain-info-list thead th div {
        width: 90px;
        float: left;
    }

        .domain-info-list thead th div.head-img {
            float: right;
            text-align: right;
            margin-top: 7px;
        }

.domain-info-list tbody tr td {
    border: 1px solid #ccc;
    padding-left: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-right: 3px;
}

.domain-info-list tbody tr.alt {
    background-color: #f2f2f2;
}

.domain-info-list tbody tr.home-domain {
    background-color: #87af23;
    color: #fff;
}

.domain-info-list tbody tr td div.diagram-ptsGemensamma {
    width: 100px;
    border: 1px solid #87af23;
    background-color: #d0dfa7;
    margin-left: 7px;
}

.domain-info-list tbody tr.home-domain td div.diagram-ptsGemensamma {
    border: 1px solid #5a7333;
}

.domain-info-list tbody tr td div.diagram-ptsGemensamma div {
    background-color: #87af23;
}

.domain-info-list tbody tr td div.diagram-aktiva {
    width: 100px;
    border: 1px solid #9c386a;
    background-color: #e1ccd3;
    margin-left: 7px;
}

    .domain-info-list tbody tr td div.diagram-aktiva div {
        background-color: #9c386a;
    }

.jamforelse-box div.texteditor {
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 5px;
    border-radius: 3px;
    height: 432px;
    overflow: auto;
    margin-top: 32px;
}

.form-fieldset {
    border: 0;
    padding-top: 5px;
}

.form-fieldset label {
    float: left;
    width: 76px;
    padding-top: 5px;
}

.form-fieldset label.l {
    float: left;
    width: 100px;
    padding-top: 5px;
}

.form-fieldset label:after,
.form-fieldset label.l:after {
    content: ":";
}

.form-fieldset label.mandatory:after,
.form-fieldset label.l.mandatory:after {
    content: ":*";
}

.form-fieldset input.fullsize-text {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.form-fieldset div.benamning-container {
    margin-left: 76px;
}

.form-fieldset div.benamning-container.l {
    margin-left: 100px;
}

.view-fieldset label:not(.ignore-label):after {
    content: ":";
}

.view-fieldset label.mandatory:after,
.view-fieldset label.l.mandatory:after {
    content: ":*";
}


div.disabled-texteditor {
    border: 1px solid #ccc;
    background-color: #f2f2f2;
    padding: 5px;
    border-radius: 3px;
    height: 80px;
    overflow: auto;
}

#infoMessBox {border: 1px solid #fbb03b; background-color: #f7f29e; padding: 7px; border-radius: 3px; margin-top: 5px;}

#alternativLista td{vertical-align: top;}
#alternativLista th{vertical-align: bottom; font-weight: normal;}
#alternativLista label{float: none; width: auto;padding: 0;}
#alternativLista tr.alternativItem {
    line-height: 2;
}
#alternativLista tr.alternativItem textarea {
    width: 100%;
}

#nyttAlternativItem {
    background-color: #CFDFA7;
    padding: 8px 0 10px;
    text-align: center;
    border-radius: 6px;
    margin-bottom: 10px;
    display: block;
    color: #6D8E1C;
}

#nyttAlternativItem:hover {
    background-color: #87AF23;
    color: #fff;
    cursor: pointer;
}

a.öppnaPopupDetaljer {
    padding: 5px 20px 5px 0;
    background: Url("images/öppnaPopUp.png") no-repeat right;
}

    a.öppnaPopupDetaljer:hover {
        background: Url("images/öppnaPopUpH.png") no-repeat right;
    }

a.LäggTill {
    background-color: #CFDFA7;
    padding: 8px 0 10px;
    text-align: center;
    border-radius: 6px;
    margin-bottom: 10px;
    display: block;
    text-decoration: none;
}

    a.LäggTill:hover {
        background-color: #87AF23;
        color: #fff;
    }

.red-border {
    border: 1px solid #d80000;
}

.error_message {
    border: 1px solid #d80000 !important;
    background-color: rgb(255, 238, 238) !important;
}
div.disabled-bildtext {
    height: 35px;
    overflow: auto;
}

.t-grid tr.t-grouping-row td {
    background-color: #c2d796;
    border-color: #87af23;
    border-bottom: 1px solid #87af23;
    border-top: 1px solid #87af23;
    border-right: 1px solid #cccccc;
}

.t-grid tr.t-grouping-row td.t-group-cell {
    border-top: 0;
}

#SkedeId_listbox li { font-size: 12px\0/; } /* Only in IE8. */

a.exporteraTillCSV  {width: 22px; height: 24px; display: block; background: url("images/csvexport.png") no-repeat; }
a.exporteraTillCSV:hover { background: url("images/csvexportH.png") no-repeat; }

a.exporteraTillXML {
    width: 22px;
    height: 24px;
    display: block;
    background: url("images/xmlexport.png") no-repeat;
}

a.exporteraTillXML:hover {
    background: url("images/xmlexport.png") no-repeat;
}

.nuvarandeBox {
    max-height: 250px;
    min-height: 97px;
    padding: 5px;
    border-radius: 5px;
    margin-top: 5px;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    overflow-y: scroll;
}

[class^="i-"], [class*=" i-"] {
    text-decoration: none;
}

.ikon {
    font-size: 20px;
    display: block;
    float: left;
    color: #666666;
}

.text {
    padding-top: 5px;
    display: block;
    float: right;
    margin-left: 1px;
    text-decoration: underline;
}

.text:hover {
    text-decoration: none;
}

.smartass {
    margin-right: 5px;
}

/* Teknik */
.kapitellistaScroll li {
    margin-top: 2px;
}

.nod {
    text-decoration: none;
}
/* Innehåll */
.innehållikon {
    width: 40px; 
    vertical-align: text-top;
}
.innehållikon > span{
    font-size: 21px;
}
.innehållikon span.path1:before {
    color: #6A96C4;
}

#texterTbl .knappar {
    width:75px;
    text-align: right;
}

.iconBtn {
    border: 1px solid #9D396B;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0 2px 0 2px;
    text-decoration: none;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ae7d9f+0,ab6d91+7,a86087+13,a34d79+27,a14272+38,9e396b+62,9d396b+82,85335e+98,883460+100 */
    background: #ae7d9f; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FlN2Q5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjYWI2ZDkxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTMlIiBzdG9wLWNvbG9yPSIjYTg2MDg3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjclIiBzdG9wLWNvbG9yPSIjYTM0ZDc5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzglIiBzdG9wLWNvbG9yPSIjYTE0MjcyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjIlIiBzdG9wLWNvbG9yPSIjOWUzOTZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODIlIiBzdG9wLWNvbG9yPSIjOWQzOTZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTglIiBzdG9wLWNvbG9yPSIjODUzMzVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg4MzQ2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #ae7d9f 0%, #ab6d91 7%, #a86087 13%, #a34d79 27%, #a14272 38%, #9e396b 62%, #9d396b 82%, #85335e 98%, #883460 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae7d9f), color-stop(7%,#ab6d91), color-stop(13%,#a86087), color-stop(27%,#a34d79), color-stop(38%,#a14272), color-stop(62%,#9e396b), color-stop(82%,#9d396b), color-stop(98%,#85335e), color-stop(100%,#883460)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ae7d9f 0%,#ab6d91 7%,#a86087 13%,#a34d79 27%,#a14272 38%,#9e396b 62%,#9d396b 82%,#85335e 98%,#883460 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ae7d9f 0%,#ab6d91 7%,#a86087 13%,#a34d79 27%,#a14272 38%,#9e396b 62%,#9d396b 82%,#85335e 98%,#883460 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ae7d9f 0%,#ab6d91 7%,#a86087 13%,#a34d79 27%,#a14272 38%,#9e396b 62%,#9d396b 82%,#85335e 98%,#883460 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ae7d9f 0%,#ab6d91 7%,#a86087 13%,#a34d79 27%,#a14272 38%,#9e396b 62%,#9d396b 82%,#85335e 98%,#883460 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae7d9f', endColorstr='#883460',GradientType=0 ); /* IE6-8 */
}
.iconBtn:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c695b7+0,cca1c2+1,c181a7+10,bc6d97+18,b55887+29,b24b7e+40,af447a+49,af4177+58,ae3f76+82,9d3d72+99,9d3c6f+100 */
    background: #c695b7; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2OTViNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjY2NhMWMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjYzE4MWE3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTglIiBzdG9wLWNvbG9yPSIjYmM2ZDk3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjklIiBzdG9wLWNvbG9yPSIjYjU1ODg3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjYjI0YjdlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjYWY0NDdhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTglIiBzdG9wLWNvbG9yPSIjYWY0MTc3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODIlIiBzdG9wLWNvbG9yPSIjYWUzZjc2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjOWQzZDcyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzlkM2M2ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #c695b7 0%, #cca1c2 1%, #c181a7 10%, #bc6d97 18%, #b55887 29%, #b24b7e 40%, #af447a 49%, #af4177 58%, #ae3f76 82%, #9d3d72 99%, #9d3c6f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c695b7), color-stop(1%,#cca1c2), color-stop(10%,#c181a7), color-stop(18%,#bc6d97), color-stop(29%,#b55887), color-stop(40%,#b24b7e), color-stop(49%,#af447a), color-stop(58%,#af4177), color-stop(82%,#ae3f76), color-stop(99%,#9d3d72), color-stop(100%,#9d3c6f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c695b7 0%,#cca1c2 1%,#c181a7 10%,#bc6d97 18%,#b55887 29%,#b24b7e 40%,#af447a 49%,#af4177 58%,#ae3f76 82%,#9d3d72 99%,#9d3c6f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c695b7 0%,#cca1c2 1%,#c181a7 10%,#bc6d97 18%,#b55887 29%,#b24b7e 40%,#af447a 49%,#af4177 58%,#ae3f76 82%,#9d3d72 99%,#9d3c6f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c695b7 0%,#cca1c2 1%,#c181a7 10%,#bc6d97 18%,#b55887 29%,#b24b7e 40%,#af447a 49%,#af4177 58%,#ae3f76 82%,#9d3d72 99%,#9d3c6f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c695b7 0%,#cca1c2 1%,#c181a7 10%,#bc6d97 18%,#b55887 29%,#b24b7e 40%,#af447a 49%,#af4177 58%,#ae3f76 82%,#9d3d72 99%,#9d3c6f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c695b7', endColorstr='#9d3c6f',GradientType=0 ); /* IE6-8 */
}
.iconBtn[disabled] {
    background-color: #f2f2f2;
    background-image: none;
    border-color: #ccc;
    box-shadow: none;
    text-shadow: none;
    font-style: italic;
    cursor: default;
    filter: none;
}
.iconBtn[disabled] span{
    color: #999;
}


.iconBtn span {
    font-size: 21px;
    color: #fff;
}
.iconBtn span.path5:before,
.iconBtn span.path3:before {
    color: #9D396B;
}
.i-lagg_till_ny_referens_inverted .path4:before {
    color: #9D396B;
}

#underkapitelTbl td img.pil:hover {
        cursor: pointer;
}

.expanderaAlla {
    border: 1px solid #87af23;
     -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 8px 2px 0 2px;
    text-decoration: none;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c2d796+0,b6ce82+5,a2c064+14,9bbc59+19,92b64b+29,8ab141+48,87b03f+81,779a3e+100 */
    background: #87af23; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MyZDc5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjYjZjZTgyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTQlIiBzdG9wLWNvbG9yPSIjYTJjMDY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTklIiBzdG9wLWNvbG9yPSIjOWJiYzU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjklIiBzdG9wLWNvbG9yPSIjOTJiNjRiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjOGFiMTQxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODElIiBzdG9wLWNvbG9yPSIjODdiMDNmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc3OWEzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #c2d796 0%, #b6ce82 5%, #a2c064 14%, #9bbc59 19%, #92b64b 29%, #8ab141 48%, #87b03f 81%, #779a3e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2d796), color-stop(5%,#b6ce82), color-stop(14%,#a2c064), color-stop(19%,#9bbc59), color-stop(29%,#92b64b), color-stop(48%,#8ab141), color-stop(81%,#87b03f), color-stop(100%,#779a3e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c2d796 0%,#b6ce82 5%,#a2c064 14%,#9bbc59 19%,#92b64b 29%,#8ab141 48%,#87b03f 81%,#779a3e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c2d796 0%,#b6ce82 5%,#a2c064 14%,#9bbc59 19%,#92b64b 29%,#8ab141 48%,#87b03f 81%,#779a3e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c2d796 0%,#b6ce82 5%,#a2c064 14%,#9bbc59 19%,#92b64b 29%,#8ab141 48%,#87b03f 81%,#779a3e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c2d796 0%,#b6ce82 5%,#a2c064 14%,#9bbc59 19%,#92b64b 29%,#8ab141 48%,#87b03f 81%,#779a3e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2d796', endColorstr='#779a3e',GradientType=0 ); /* IE6-8 */
}
.expanderaAlla span {
    font-size: 21px;
    color: #fff;
}
.expanderaAlla:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cddea9+0,c3d698+5,b3cb81+14,a6c26c+29,a0bd62+48,9dbc60+81,8fa95c+100 */
    background: #cddea9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkZGVhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjYzNkNjk4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTQlIiBzdG9wLWNvbG9yPSIjYjNjYjgxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjklIiBzdG9wLWNvbG9yPSIjYTZjMjZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjYTBiZDYyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODElIiBzdG9wLWNvbG9yPSIjOWRiYzYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhmYTk1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #cddea9 0%, #c3d698 5%, #b3cb81 14%, #a6c26c 29%, #a0bd62 48%, #9dbc60 81%, #8fa95c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cddea9), color-stop(5%,#c3d698), color-stop(14%,#b3cb81), color-stop(29%,#a6c26c), color-stop(48%,#a0bd62), color-stop(81%,#9dbc60), color-stop(100%,#8fa95c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cddea9 0%,#c3d698 5%,#b3cb81 14%,#a6c26c 29%,#a0bd62 48%,#9dbc60 81%,#8fa95c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cddea9 0%,#c3d698 5%,#b3cb81 14%,#a6c26c 29%,#a0bd62 48%,#9dbc60 81%,#8fa95c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cddea9 0%,#c3d698 5%,#b3cb81 14%,#a6c26c 29%,#a0bd62 48%,#9dbc60 81%,#8fa95c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cddea9 0%,#c3d698 5%,#b3cb81 14%,#a6c26c 29%,#a0bd62 48%,#9dbc60 81%,#8fa95c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cddea9', endColorstr='#8fa95c',GradientType=0 ); /* IE6-8 */
}

.kollapsaAlla {
    border: 1px solid #ccc;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 8px 2px 0 2px;
    text-decoration: none;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f7+0,f5f7f7+10,e4e5e5+24,d5d5d5+43,cecece+62,cdcccc+81,bebdbe+100 */
    background: #f6f6f7; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2Y1ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iI2U0ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQzJSIgc3RvcC1jb2xvcj0iI2Q1ZDVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYyJSIgc3RvcC1jb2xvcj0iI2NlY2VjZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iI2NkY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZWJkYmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f6f6f7 0%, #f5f7f7 10%, #e4e5e5 24%, #d5d5d5 43%, #cecece 62%, #cdcccc 81%, #bebdbe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f7), color-stop(10%,#f5f7f7), color-stop(24%,#e4e5e5), color-stop(43%,#d5d5d5), color-stop(62%,#cecece), color-stop(81%,#cdcccc), color-stop(100%,#bebdbe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f6f6f7 0%,#f5f7f7 10%,#e4e5e5 24%,#d5d5d5 43%,#cecece 62%,#cdcccc 81%,#bebdbe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f6f6f7 0%,#f5f7f7 10%,#e4e5e5 24%,#d5d5d5 43%,#cecece 62%,#cdcccc 81%,#bebdbe 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f6f6f7 0%,#f5f7f7 10%,#e4e5e5 24%,#d5d5d5 43%,#cecece 62%,#cdcccc 81%,#bebdbe 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f6f6f7 0%,#f5f7f7 10%,#e4e5e5 24%,#d5d5d5 43%,#cecece 62%,#cdcccc 81%,#bebdbe 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f7', endColorstr='#bebdbe',GradientType=0 ); /* IE6-8 */
}
.kollapsaAlla span {
    font-size: 21px;
    color: #666;
}
.kollapsaAlla:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8f8f8+0,f7f8f9+10,eaeaea+24,dddddd+43,d6d6d7+62,d5d5d5+81,c9c8c9+100 */
    background: #f8f8f8; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2Y3ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQzJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYyJSIgc3RvcC1jb2xvcj0iI2Q2ZDZkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iI2Q1ZDVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOWM4YzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #f7f8f9 10%, #eaeaea 24%, #dddddd 43%, #d6d6d7 62%, #d5d5d5 81%, #c9c8c9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(10%,#f7f8f9), color-stop(24%,#eaeaea), color-stop(43%,#dddddd), color-stop(62%,#d6d6d7), color-stop(81%,#d5d5d5), color-stop(100%,#c9c8c9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#f7f8f9 10%,#eaeaea 24%,#dddddd 43%,#d6d6d7 62%,#d5d5d5 81%,#c9c8c9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f8f8f8 0%,#f7f8f9 10%,#eaeaea 24%,#dddddd 43%,#d6d6d7 62%,#d5d5d5 81%,#c9c8c9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#f7f8f9 10%,#eaeaea 24%,#dddddd 43%,#d6d6d7 62%,#d5d5d5 81%,#c9c8c9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f8f8f8 0%,#f7f8f9 10%,#eaeaea 24%,#dddddd 43%,#d6d6d7 62%,#d5d5d5 81%,#c9c8c9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#c9c8c9',GradientType=0 ); /* IE6-8 */
}
#underkapitelTbl .subKapitel td.kapBenämning {
    padding-left: 28px;
}
.underkapitel {
    width: 80%;
}
.deleteIcon{
    text-decoration: none;
}
.deleteIcon span {
    font-size: 20px;
}
.illustrationInfo img {
    width: 90%;
}

.kontrolleraikon {
    font-size: 25px;
    color: #9c386a;
}

.width20Perc {
    width: 20%;
}
.illustrationInfoBox {
    float:left;
}
.illustrationInfoBox img {
    width:200px;
    padding: 5px;
}
.hide {
    display:none;
}
.illustrationInfoBoxImg {
    border: 1px solid #d8d0d0;
}
.diagram-modulanvändning {
    border: 1px solid #beb9b9;
    border-radius: 3px;
    margin-top: 5px;
}
.k-chart {
    height:500px;
}
.k-chart .k-tooltip {
    color: #fff;
}
.diagram-tabell {
    margin: 20px;
}
    .diagram-tabell table {
        width: 100%;
    }
    .diagram-tabell th, .diagram-tabell td {
        border: 1px solid #beb9b9;
    }
    .diagram-tabell th:first-child {
        border:none;
    }
    .diagram-tabell tr > td:first-child {
        width:150px;
        font-weight:bold;
    }
    .diagram-tabell th, .diagram-tabell td {
        padding: 3px 10px;
    }
.forandrad_gemensamt {
    font-size: 23px;
    color: #fbb03b;
}
.oforandrad_gemensamt {
    font-size: 23px;
    color: #87af23;
}

iframe {
    border: 0px;
    background-color: transparent;
}

.k-grid-content div.pts-gemensamt {
    width: 24px;
    height: 24px;
    margin: 0 auto;
    cursor: pointer;
}

    .k-grid-content div.pts-gemensamt.ok-valt {
        background: url(../../Content/images/ptsGodkand.png) no-repeat center;
        background-size: 100%;
    }

    .k-grid-content div.pts-gemensamt.ejok-valt {
        background: url(../../Content/images/ptsGodkandGrå30x30.png) no-repeat center;
        background-size: 100%;
    }

select .option-disabled {
    color: #999999;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
}