/****************/
/* Skabelon     */
/****************/
    /* Række 1*/
        #cont-1-1-1{
            flex: 1 1 200px;
        }
        #cont-1-1-2{
            flex: 1 1 75%;
        }

    /*Række 2*/
        #cont-2-1{
            flex: 1 1 50%;
        }
            #cont-2-1-2{
                padding:20px 20px 0px 20px;

            }
                #cont-2-1-2-filtyper{
                    background-color:#eee;
                    padding:20px;
                }
        #cont-2-2{
            flex: 1 1 50%;
        }
    @media screen and (max-width : 651px) {
        #cont-2-1-2-filtyper{
            display:none;
        }
    }


/****************/
/* Formatboks   */
/****************/
    #str_cont-1-1{
        flex: 1 1 49%;
        margin-right:1%;
        border: 1px solid #333;
        background-color:#fff;
    }
            .form-str{
                width:70px;
                display:inline;
            }

            #str-wrapper{
            }
            #str_cont-1{
            }
            #str_cont-1-1{

            }
                #str-row1{
                    flex-direction:row;
                }
                    #str-row1-1{
                        padding:10px;
                        flex: 0 1 210px;
                        text-align:center;
                    }
                    #str-row1-2{
                        padding:10px;
                        flex: 1 1 30%;
                    }
                #str-row2{
                }
                    #str-row2-1{
                        padding:10px;
                        flex: 0 1 210px;
                    }
                        /*** format boks ***/
                            #format-boks{
                                margin:0px auto;
                                width:200px;
                                height:80px;
                                background-size:contain;
                                background-repeat: no-repeat;
                                background-position: center;
                                border:1px solid #ccc;
                                display:flex;
                                align-items: center;
                            }
                    #str-row2-2{
                        padding:10px;
                        flex: 1 1 30%;
                    }
                /* upload */
                #str-row3{
                }
                    #str-row3-1{
                        flex:1 1 100%;
                        padding:10px 20px;
                    }
                #str-row4,#fb-row4{
                    flex-direction:row;
                }
                    #str-row4-1, #str-row4-2{
                        flex:1 1 30%;
                        padding:10px;
                        margin:0px 20px;
                    }
                    #str-row4-1{
                        margin-right:0px;
                    }
                    #str-row4-2{
                        margin-left:0px;
                    }
                    .fb-row4-felt{
                        flex:1 1 30%;
                        padding:10px;
                    }
                    .fb-row-4-foerste{
                        margin-left:20px;
                    }
                    .fb-row-4-midt{
                        margin:0px;
                    }
                    .fb-row-4-sidste{
                        margin-right:20px;
                    }

                    .radio_aktiv{
                        background-color:#94BA9B;
                        background-color:#fff;
                        color:#000000;
                        border: #ccc 1px solid;
                        font-weight:bold;
                        border-bottom:none;
                    }
                    .radio_inaktiv{
                        background-color:#FAFAFA;
                        background-color:#eee;
                        color:#000;
                        border: #ccc 1px solid;
                        font-weight:normal;
                    }


                #str-row5{
                }
                    #str-row5-1,#fb-row5-1{
                        padding:0px 20px;
                        flex:1 1 100%;
                        margin-bottom:20px;
                    }
                        #str-row5-upl-ja,#str-row5-upl-nej, .fb-row5-felt{
                            flex:1 1 100%;
                            padding:20px;
                            border:1px solid #ccc;
                            border-top:none;
                            display:none;
                        }
                        #str-row5-1-1,#str-row5-upl-ja, .fb-row5-show{
                            display:flex;
                        }

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

                    .radio_aktiv{
                        background-color:#FAFAFA;
                        background-color:#eee;
                        border: #ccc 1px solid;
                        font-weight:bold;
                        border-bottom:none;
                        border-top:none;
                    }

                    .radio_inaktiv{
                        background-color:#94BA9B;
                        background-color:#fff;
                        color:#000;
                        border: #ccc 1px solid;
                        font-weight:normal;
                        border-top:none;
                        border-bottom:none;
                    }
                    .fb-row4-felt{
                        flex:1 1 100%;
                        padding:10px;
                    }

                    .fb-row-4-foerste,
                    .fb-row-4-midt,
                    .fb-row-4-sidste{
                        margin:0px 0px;
                    }
                    .fb-row-4-foerste{
                        border-top: #ccc 1px solid;
                    }
                    .fb-row-4-sidste{
                        border-bottom: #ccc 1px solid;
                    }
                    #fb-row5-1{
                        padding: 0px;
                    }
                    #container-valgfelter{
                        border:0px;
                        padding: 0px;
                        margin-bottom:20px;
                    }
                    #str-row3-1{
                        padding: 10px 0px;
                    }
                    #design-modal{
                        width:100%;
                    }

                }
                @media screen and (min-width : 630px) {
                    #fb-row4,#fb-row5{
                        padding-right:10px;
                    }
                }

/*------------------*/
/*--- Valgfelter ---*/
/*------------------*/
        #container-valgfelter{
            width:100%;
            border:1px solid #ccc;
            padding:0px 20px 20px 20px;
        }

        /*Valgfelt boks - med både valgflet og info-link*/
            .valgfelt-boks{
                flex-
                border:0px;
                padding: 0px;
                paddi-bottomng2: 0p
            : row;
            }
        /*Valgfelt Wrapper*/
            .valgfelt-wrapper{
                flex: 1 1 auto;
                position:relative;
                padding:0px;
                border: 1px solid #ccc;
                margin-top:20px;
                box-shadow: 2px 2px 5px -2px #ccc;
            }
            .valgfelt-wrapper .valgfelt-value{
                display:none;
            }

            .valgfelt-select-wrapper{
                width:100%;
                margin: 5px auto;
                position: relative;
                user-select: none;
            }

            .valgfelt-select-wrapper ul{
                list-style: none;
                margin:0px;
                padding:0px;
                box-sizing:border-box;
            }

            /*Default option*/
                .valgfelt-default-option{
                    background-color: #fff;
                    position: relative;
                    cursor: pointer;
                }
                .valgfelt-default-option li{
                    padding: 10px 20px;
                    font-size:1.3em;
                }
                .valgfelt-default-option:before{
                    content: "";
                    position: absolute;
                    top:10px;
                    right:20px;
                    width:15px;
                    height: 15px;
                    border: 2px solid;
                    border-color: transparent transparent #666 #666;
                    transform: rotate(-45deg);
                }
                .valgfelt-select-wrapper.valgfelt-aktiv .valgfelt-default-option:before{
                    transform: rotate(-225deg);
                }
            /*Modal - popup*/
                /*dimmed layer*/
                .valgfelt-select-wrapper.valgfelt-aktiv .fk-modal,
                .valgfelt-select-wrapper.valgfelt-aktiv .dimmed-layer{
                    display:block;
                }
                .valgfelt-popup{
                    background-color: #ffe;
                    position: relative;
                    top: 157px;
                    left: 5%;
                    width:90%;
                    min-height:100px;
                    z-index:100;
                    padding:10px;
                    border: 1px solid #ccc;
                }
                /*popup*/
                .valgfelt-select-wrapper.valgfelt-aktiv .valgfelt-popup {
                    display:block;
                }

            /*select ul*/
            .valgfelt-select-ul{
                position:absolute;
                top:50px;
                left:0px;
                width:100%;
                background-color: #fff;
                border:1px solid #999;
                display: none;
            }
            .valgfelt-select-ul li{
                padding:20px;
                cursor: pointer;
                border-bottom:1px solid #ccc;
            }
            .valgfelt-select-ul li:hover{
                background-color: #eee;
            }
            .valgfelt-select-ul li .value{
                display:none;
            }
            .valgfelt-select-wrapper.valgfelt-aktiv .valgfelt-select-ul{
                display: block;
                z-index:1;
            }

        /*info Wrapper*/
            .info-wrapper{
                flex: 0 0 80px;
                margin: auto 0px;
                padding:20px 0px 0px 10px;
            }
            .info-wrapper img{
                width:25px;
                margin:5px;
                cursor: pointer;
                }
            .info-wrapper .info-link{
                cursor: pointer;
                color: #44C0F0;

                }
            /*modal / popup */
            .info-modal .modal-dialog{
            }

        /*alert valgfelter*/
        .alert-vf{
            display:none;
            color:#ff0000;
            padding:15px;
        }
        .alert-icon{
            font-size:2.5em;
            color:#ff0000;
        }
        #alert-submit-fejlbesked{
            width:100%;
            padding:10px 40px 15px 40px;
        }



/*------------------*/
/*** pris ***/
/*------------------*/
    .container-pris{
        width:100%;
        border: 1px solid #ccc;
    }
    /*--- Pris ---*/
        #str_cont-1-2{
            flex: 1 1 49%;
            margin-left:1%;
            border: 1px solid #333;
            background-color:#fff;
        }
            #cont-pris-head{
                padding:10px;
                color:#ff0000;
                font-weight:bold;
                background-color:#eee;
            }
            #pris-row-head-stkpris{
                flex-direction: column;
                flex:0 0 140px;
                max-height:45px;
                position:relative;
                right:0px;
                bottom:0px;
                background-color:#eee;
            }
            #pris-row-head-stkpris-1{
                text-align:center;
                width:100%;
                font-size:1.3em;
            }
            #pris-row-head-stkpris-2{
                flex-direction: row;
                width:100%;
            }

            #cont-pris-body{
                padding:10px;
                width:100%;
            }

            .border-bottom{
                border-bottom: 1px solid #666;
            }

            /*tabel*/
            #pris-tabel,#pris-tabel2{
                width:100%;
            }
                #pris-head-stykpris{
                    text-align: center;
                    border:0px solid #ccc;
                    border-bottom:none;
                }
                #pris-head-stykpris-inkl-moms, #pris-head-stykpris-ekskl-moms{
                    font-size:8pt;
                    border:0px solid #ccc;
                    border-top:none;
                }

                .pris-row{
                    height:60px;
                    font-size:8pt;
                    padding-top:10px;
                }
                    .pris-row-tekst{
                        text-align:left;
                    }
                        .pris-row-tekst input[type="radio"]{
                            margin-right:10px;
                        }
                        .pris-rabat-procent{
                            background-color:#FFED00;
                            display: inline-block;
                        }
                    .pris-row-stykpris{
                        width:70px;
                        text-align:right;
                        padding-right:5px;
                        font-family:fk_arialroundet;
                    }
                        .pris-ekskl-moms{
                            font-weight:normal;
                            color:#777;
                        }
                        .pris-inkl-moms{
                            font-weight:bold;
                        }
                .pris-row-samlet{
                    font-size:1em;
                }
                .pris-row-samlet-pris-valuta{
                    font-size:8pt;
                    text-align:left;
                }
                #pris-samlet-ekskl-moms,#pris-samlet-inkl-moms {
                    padding:0px 5px 10px 5px;
                }

                #pris-row-spacer{
                    flex: 1 1 auto;
                    background-color: #fee;
                }
/**********************************/
/* Submit *************************/
/**********************************/
    #container-submit{
        flex-direction:row;
        border:1px solid #ccc;
        flex:0 1 100px;
    }

    #submit-levering{
        flex-direction:row;
        padding:20px;
        flex: 1 1 50%;
        flex-wrap: nowrap;
    }
        #submit-levering-billede{
            flex:1 1 20px;
            padding:0px 10px;
        }
        #submit-leveing-tekst{
            flex:1 1 auto;
            padding:0px 10px;
        }
    #submit-knap{
        padding:20px;
        flex: 1 1 50%;
    }