/*@font-face {
        font-family: 'Noto Sans';
        src: url('../fonts/NotoSans-Regular.ttf');
}
@font-face {
        font-family: 'Noto Sans Bold';
        src: url('../fonts/NotoSans-Bold.ttf');
}*/

p, span, form, table, table td { margin: 0; padding: 0  }


/***** färginramning runt formulärfält som inte uppfyller ställda villkor ('required')*****/
::-moz-selection { background: #dd6d01; color: #fff }
::selection { background: #dd6d01; color: #fff }


/* HTML */
h1 { font-family: 'Noto Sans', sans-serif; }
h2 { color: #084897; font-family: 'Noto Sans', sans-serif; font-size: 26px; }
h3 { color: #084897; margin: 0; padding: 10px 0 5px 0; line-height: 18px; font-family: 'Noto Sans', sans-serif; font-size: 20px }

h1, h2, h3, h4 { -webkit-text-stroke-width: 0.1px;-webkit-text-stroke-color: rgba(255,255,255,0.1) }

a { cursor: pointer; }
button { border-radius: 6px; min-width: 80px; border: 1px solid #073978; text-align: center; cursor: pointer; font-size: 12px; color: #fff; /*font-weight: bold;*/ padding: 5px 14px 5px 14px; }
button:hover { background: #3480de }


/* GENERIC */
.shadow {
    -webkit-box-shadow: 0 0 10px 2px #b0b0b0;
    /*-ms-box-shadow: 0 0 10px 2px #b0b0b0;*/
    box-shadow: 0 0 10px 2px #b0b0b0;
}


p.infoText { width: 100%; font-size: 12px; color: #3a3a3a; }
.breadCrumb { color: #707070; font-size: 11px; margin: 17px 0 17px 30px  }
.breadCrumb a { color: #084897; }
.breadCrumb a:hover { text-decoration: underline; }
.campaignCode { padding: 3px; color: #f0f0f0; height: 10px; min-height: 10px; font-size: 15px; width: 210px; line-height: 0 }

.module-content.info { margin: 0 0 10px 0; padding: 5px 12px 5px 12px; background: #0F5AB6; min-height: 140px; float:right; line-height: 11px; width: 240px; -ms-border-radius: 8px; border-radius: 8px; }

.customFont { font-family: 'Noto Sans', sans-serif; }

.priceColor { color: #084897 }


/* WRAPPERS */

/*
.mainContentWrapper {
/*  float: left;
    padding-left: 0cm;
    padding-right: 0.4cm;
    text-indent: 0.4cm;
}
    */
/* .mainContentWrapper span { font-size: 12px; }
.mainContentWrapper p { font-size: 12px; color: #3a3a3a }
.mainContentWrapper .description {font-size:12px;}  */


.mainContentCheckout { width: 100%; display: block; margin-left: 20px;}
.mainContentRight { width: 320px; float:left; margin: 0 0 0 20px; }
.contentRightWrapper { width: 300px; float:left; margin: 10px 0 0 0; border: 1px solid #e0e0e0; padding: 0 10px 10px 10px; }

.oldBrowserWrapper { background: #ff6600; color: #fff; padding: 10px; display:block; min-height: 16px; margin: 0 0 5px 0; overflow: hidden; } 
.cookieInfoWrapper { float:right; margin: 10px 0; padding: 3px; height: 34px; background: #0F5AB6; border: 1px solid #0F58B2 }
.cookieInfoWrapper img { display:inline-block; vertical-align: top; padding: 6px 5px 0 }
.cookieInfoWrapper .text { padding: 3px 10px 0 0; line-height: 15px; display:inline-block; font-size: 11px; color: #fff }
.cookieInfoWrapper .text a { text-decoration: underline; font-weight: bold; color: #fff }
.cookieInfoWrapper button { display:inline-block; width: 90px; height: 30px; padding: 0px 5px 0px 5px; font-size: 11px; margin: 3px 0; vertical-align: top; }

.filterWrapperOuter { width: 100%; margin-top: 15px }
.filterWrapperInner { width: 60%; display: inline-block; }

.subAreaItem img {
    text-align:center;
    margin-top:15px;
    width:175px;
    height:100px;
}

.subAreaItem {
    min-height: 100px;
    /*margin: 0 5px 10px 0;*/
    background: #fafafa;
    /*border: 1px solid #d0d0d0;*/
    display: inline-block;
}
    .subAreaItem:hover {
        transition: all 0.1s linear;
        background: #17539C;
        cursor: pointer;
        color: #fff;
    }

        .subAreaItem:hover i {
            color: #17539C;
            transition: all 0.1s ease-in-out;
        }

        .subAreaItem:hover .rightContent span {
            transition: all 0.1s linear;
            background: #fff
        }

        .subAreaItem:hover .content, .subAreaItem:hover .content span {
            color: #fff
        }

    .subAreaItem .content {
        display: inline-block;
        width: 75%;
        padding: 12px 10px 10px 15px;
        font-family: 'Noto Sans', Arial, sans-serif;
        color: #202020;
        font-size: 22px;
    }

        .subAreaItem .content span {
            color: #666;
            padding-top: 2px;
            display: block;
            font-size: 12px
        }

    .subAreaItem .rightContent {
        text-align: right;
        display: inline-block;
        vertical-align: top;
        margin-top: 10px
    }

        .subAreaItem .rightContent span {
            cursor: pointer;
            margin: 4px 0 0 26px;
            font-size: 22px;
            text-align: center;
            padding: 8px 0 0 2px;
            height: 31px;
            width: 37px;
            display: block;
            border-radius: 20px;
            background: #b0b0b0;
            color: #fff
        }

    .subAreaItem .img {
        width: 100%;
        text-align: center;
        display: block
    }

        .subAreaItem .img img {
            text-align: center;
            width: 150px;
            height: 150px
        }

    .subAreaItem .desc {
        text-align: center;
        color: #1B1B1B;
        font-size: 12px;
        margin-top: 8px
    }

.col-actor {
    padding: 0px;
}
    .col-actor > div.row {
        border: 3px solid #d0d0d0;
        background: #f7f7f7;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 0px;
    }

    .col-actor:before,
    .col-actor:after {
        bottom: calc(100% - 3px);
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .col-actor:after {
        border-color: rgba(250, 250, 250, 0);
        border-bottom-color: #fafafa;
        border-width: 8px;
        margin-left: -8px;
    }
    .col-actor:before {
        border-color: rgba(208, 208, 208, 0);
        border-bottom-color: #d0d0d0;
        border-width: 14px;
        margin-left: -14px;
    }

    #actor_1:before,
    #actor_1:after {
        left: calc(15% + 12px);
    }

    #actor_2:before, 
    #actor_2:after {
        left: 50%;
    }

    #actor_3:before, 
    #actor_3:after {
        left: calc(85% - 12px);
    }

    .areaContainer {
        margin-top: 25px;
        margin-right: -80px;
        margin-bottom: 10px;
    }

.col-actor .module {
    width: 175px;
    height: 150px;
    position: relative;
    overflow: hidden;
    margin: 20px;
}

    .col-actor .module > header {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 5px;
        background: inherit;
        overflow: hidden;
    }

        .col-actor .module > header:before {
            content: "";
            position: absolute;
            bottom: 0px;
            left: 0;
            width: 100%;
            height: 150px;
            background: inherit;
            -webkit-filter: blur(4px);
            filter: blur(4px);
        }

        .col-actor .module > header:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.25)
        }

        .col-actor .module > header > label {
            padding: 0px;
            margin: 0;
            color: white;
            position: relative;
            z-index: 1;
            font-size: 13px;
        }

.col-actor a:hover .module > header::after {
    background: #17539C;
}

.areaItem {
    width: 100%;
    min-height: 200px;
    margin-bottom:10px;
    /*margin: 0 5px 10px 0;*/
    background: #fafafa;
    border: 1px solid #d0d0d0;
    display: inline-block;
}

.col-actor .row > div {
    padding:0px;
}

#actor_3 .row > div {
    float: right;
}

.col-actor-company {
    padding: 0px;
}

    .col-actor-company > div.row {
        border: 1px solid #d0d0d0;
        background: #f7f7f7;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 0px;
    }

    .col-actor-company .module {
        width: 175px;
        height: 150px;
        position: relative;
        overflow: hidden;
        margin: 20px;
    }

        .col-actor-company .module > header {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 5px;
            background: inherit;
            overflow: hidden;
        }

            .col-actor-company .module > header:before {
                content: "";
                position: absolute;
                bottom: 0px;
                left: 0;
                width: 100%;
                height: 150px;
                background: inherit;
                -webkit-filter: blur(4px);
                filter: blur(4px);
            }

            .col-actor-company .module > header:after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.25)
            }

            .col-actor-company .module > header > label {
                padding: 0px;
                margin: 0;
                color: white;
                position: relative;
                z-index: 1;
                font-size: 13px;
            }

    .col-actor-company a:hover .module > header::after {
        background: #17539C;
    }

.col-actor-company .row > div {
    padding: 0px;
}




.areaItem:hover {
    transition: all 0.1s linear;
    background: #17539C;
    cursor: pointer;
    color: #fff;
}
.areaItem:hover i { color: #17539C; transition: all 0.1s ease-in-out;  }
.areaItem:hover .rightContent span { transition: all 0.1s linear; background: #fff }
.areaItem:hover .content, .areaItem:hover .content span { color: #fff }
.areaItem .content { display:inline-block; width: 75%; padding: 12px 10px 10px 15px; font-family: 'Noto Sans', Arial, sans-serif; color: #202020; font-size: 22px; }
.areaItem .content span { color: #666; padding-top: 2px; display: block; font-size: 12px }
.areaItem .rightContent { text-align: right; display:inline-block; vertical-align: top; margin-top: 10px }
.areaItem .rightContent span { cursor: pointer; margin: 4px 0 0 26px; font-size: 22px; text-align: center; padding: 8px 0 0 2px; height: 31px; width: 37px; display: block; border-radius: 20px; background: #b0b0b0; color: #fff }
.areaItem .img { width: 100%; text-align: center; display: block }
.areaItem .img img { text-align: center; width: 150px; height: 150px }
.areaItem .desc { text-align: center; color: #1B1B1B; font-size: 12px; margin-top: 8px }

#areaListWrapper { margin-top: 10px  }
#areaListWrapper .areaWrapper { cursor: pointer;  background: #EAEAEA; margin-bottom: 10px; width: 99%; border-radius: 0 10px 0 0; min-height: 85px; display: block } 
#areaListWrapper .areaWrapper img { border: none; display: inline-block; max-height: 85px; height: 85px; width: 145px; background: #388a07;  }

#areaListWrapper .areaWrapper .txt { display: inline-block; font-size: 22px; margin-left: 20px; width: 70%; vertical-align: middle }
#areaListWrapper .areaWrapper .txt span { display: block; line-height: 15px; padding-top: 6px; font-size: 12px }
#areaListWrapper .areaWrapper .rightLink { color: #fff; font-size: 22px; text-align: center; background: #c0c0c0; height: 85px; width: 90px; float: right; border-radius: 0 10px 0 0 }
#areaListWrapper .areaWrapper .rightLink i { padding-top: 38% }
#areaListWrapper .areaWrapper .rightLink:hover { color: #fff; background: #17539C; transition: all 0.1s ease-in-out; }
#areaListWrapper .areaWrapper:hover .rightLink { color: #fff; background: #17539C; transition: all 0.1s ease-in-out; }

#subAreaWrapper { display:inline-block; margin-top: 10px; display: none }

#matrixFilters { display:inline-block; }
#matrixFilters .customCB { margin: 1px  }
#matrixFilters .hidden i { display:none } 
#matrixFilters div { display: inline-block; min-width: 220px; background: #e0e0e0; border-radius: 0 2px 2px 0; cursor: pointer }
#matrixFilters div:hover { background: #d0d0d0; }
#matrixFilters div:hover .customCB i { color: #44BF23 }
#matrixFilters p.tagText { padding: 4px 10px 0 5px }
#matrixFilters table td { padding: 5px 8px 0 0 }

#resultCount { font-weight: bold }
#matrixMark { font-size: 11px; margin: 8px 0 5px 0 }

.configWrapper fieldset { vertical-align: top; display: inline-block; border: 1px solid #e0e0e0; padding: 10px }
.configWrapper legend { font-size: 12px; font-weight: bold; border: none !important } 
.packageTestWrapper { display: block }
.checkboxes .customCB { cursor: pointer; display: inline-block; border: 1px solid #e0e0e0; width: 24px; height: 21px; padding-top: 3px; background: #fff; text-align: center }
.checkboxes .customCB:hover { border-color: rgba(82, 168, 236, 0.8) }
.checkboxes .customCB i { font-size: 15px; color: #1FA608 }
.customCB.hidden i { display:none }
.checkboxes p { padding-top: 4px; vertical-align: top; display:inline-block; font-size: 12px; }

.packageTestWrapper .resultWrapper { margin-top: 40px }
.resultWrapper h2 { font-size: 22px }
/*.resultWrapper .item { margin-bottom: 6px; width: 100%; cursor:pointer; height: 80px; background: #e0e0e0 }*/
.resultWrapper .item { margin-bottom: 6px; width: 100%; cursor:pointer; height:110px; background: #e0e0e0 }
.resultWrapper .item .left { display: inline-block; text-align: center; font-size: 12px; color: #fff; width: 90px; height: 74px; padding-top: 6px }
.resultWrapper .item .left.pck { background: #084897 }
.resultWrapper .item .left.test { background: #013472 }
.resultWrapper .item .left i { font-size: 28px; display: inline-block; font-weight: normal !important }
.resultWrapper .item .content { display: inline-block; vertical-align: top; width: 86%; height: 80px; margin-left: 30px }
/*.resultWrapper .item .content h2 { white-space: nowrap; color: #202020; display: inline-block; width: 55%; height: 80px; overflow: hidden; font-size: 22px; padding-top: 10px; vertical-align: top; }*/
.resultWrapper .item .content h2 { white-space: nowrap; color: #202020; display: inline-block; width: 100%; height: 80px; overflow: hidden; font-size: 22px; padding-top: 10px; vertical-align: top; }

.resultWrapper .item .content .infoItemsWrapper { width: 290px; display:inline-block; }
.resultWrapper .item .content .midCol { width: 87px }
.resultWrapper .item .content .infoItemsWrapper p { display:inline-block; min-width: 43px; padding: 15px 0 0 0; color: #202020; margin: 0 0 0 29px }
.resultWrapper .item .content .selector { font-size: 22px; margin: 27px 0 0 24px; vertical-align: top; color: #b0b0b0; display:inline-block; border-radius: 25px; background: #fff; width: 31px; height: 30px; text-align: center; padding-top: 1px;  }
.resultWrapper .item .content .selector i { vertical-align: middle; margin: 5px 0 0 3px }
.resultWrapper .detail { display:block; border: 1px solid #d0d0d0; min-height: 220px; margin: -6px 0 10px 0; border-radius: 0 0 4px 4px;  }
.resultWrapper .detail .detailContent { margin: 15px 15px 10px 20px }
.resultWrapper .detail .detailContent .rightColWrapper { font-family: 'Noto Sans', sans-serif; border-radius: 4px; float:right; background: #D5E0EE; width: 200px; margin: 15px 0 0 0; height: 67px }
.resultWrapper .detail .detailContent .rightColWrapper .left { width: 50%; display: inline-block }
.resultWrapper .detail .detailContent .rightColWrapper p.title { margin: 6px 0 0 10px; padding-bottom: 0; font-weight: bold; font-size: 14px; font-family: 'Noto Sans', sans-serif; }
.resultWrapper .detail .detailContent .rightColWrapper p.txt { font-size: 12px; margin: 0px 0 0 10px; line-height: 15px }
.resultWrapper .detail .detailContent .rightColWrapper table { font-size: 11px; margin-left: 8px; width: 100%; padding-bottom: 10px }
.resultWrapper .detail .detailContent .rightColWrapper table td { padding: 2px; line-height: 12px }

.resultWrapper .detail .detailContent h2 { max-width: 65%; font-size: 20px; display:inline-block; color: #202020; font-weight: bold }
.resultWrapper .detail .detailContent button { font-family: 'Noto Sans', sans-serif; font-weight: normal; float:right; height: 28px; padding: 0px 3px 0 3px; margin: 27px 7px 0 0; background: #084897; border: none; border-radius: 2px; color: #fff; font-size: 13px }
.resultWrapper .detail .detailContent button:hover { background: #0a5cc1 }
.resultWrapper .detail .detailContent button i { font-size: 12px; vertical-align: middle; margin: 0 6px 2px 0 }
.resultWrapper .detail .detailContent .divCol1 { display: inline-block; vertical-align: top; margin-right: 90px; min-width: 150px }
.resultWrapper .detail .detailContent .divCol1 select { max-width: 130px; font-size: 12px; padding: 3px 0 2px 1px; height: 22px }
.resultWrapper .detail .detailContent .col1 { display: inline-block; min-width: 100px; height: 26px; vertical-align: top; font-size: 13px; }
.resultWrapper .detail .detailContent .col2 { display: inline-block; font-weight: bold; font-size: 13px; }
.resultWrapper .detail .detailContent .col4 { display: inline-block; font-size: 13px; width: 240px }
.resultWrapper .sampleTypeNotice { background: #FFFEFA; border: 1px solid #F4DAC0; padding: 5px 10px 5px 10px; margin-top: 5px; float:right  }
.resultWrapper .sampleTypeNotice i { color: #E9780C; padding-right: 5px; font-size: 14px; vertical-align: middle }

.resultWrapper .item:hover .selector { background: #084897; color: #fff }
.resultWrapper .item:hover { background: #c0c0c0; transition: all 0.25s linear;  }

.testList { margin-top: 40px; display:none }
.testList h4 { font-size: 18px }
.testList table { width: 100%; text-align: left }
.testList table tr.head { font-weight: bold; cursor: default }
.testList table tr.head:hover { background: none; }
.testList table tr { height: 36px; }
/* .testList table tr:hover { background: #BDDAFD } */
.testList table tr.alt { background: #E0EAF6  }
/* .testList table tr.alt:hover { background: #BDDAFD } */
.testList table td { text-align: center; font-size: 11px; color: #202020 }
.testList table td.firstCol { text-align:left; min-width:20%; font-size: 11px; max-width: 220px }
.testList table td.firstCol span { margin-left: 5px; display:inline-block; width: 290px; font-size: 11px }
.testList table td.firstCol i { display:inline-block; vertical-align:top; color: #1958B7; padding: 3px 3px 0 0; font-size: 12px; }
.testList .tblParams { width: 100%; border: 1px solid #d0d0d0 }
.testList .tblParams td { margin: 10px; color: #222  }
.testList .prepTestTbl { width: 60%; font-size: 11px; margin-top: 20px }

.testList .paramsList { background: #fff; font-size: 11px; cursor: default; }
.testList .paramsList td { padding: 5px }
.testList .paramsList:hover { background: #fff }

.testList .selectedTest { font-size: 13px; font-weight: bold; background: #E0E0E0 !important;  margin-top: 30px; color: #222; }
.testList .selectedTest td { padding-left: 5px }
.testList .selectedTest td i { display: none !important }
.testList .params td { font-size: 11px; background: #e0e0e0; }
.testList .params .wrapper { margin: 10px 0 15px 20px; text-align: left }
.testList .params .wrapper p.head { width: 100%  }
.testList .params .wrapper p.head span { font-size: 12px; width: 200px; display: inline-block; font-weight: bold }
.testList .params .wrapper .rows p { display: block; }
.testList .params .wrapper .rows p span { width: 200px; font-size: 12px; display: inline-block }

.myListWrapper { background: #e0e0e0; vertical-align: top; margin: 12px 0 15px 0; width: 300px; float: right; border-radius: 4px }
.myListWrapper .inner { margin: 10px }
.myListWrapper .inner .header { font-size: 16px; font-family: 'Noto Sans', sans-serif; }
.myListWrapper .inner .header i { font-size: 14px; margin: 0 5px 3px 0; vertical-align: middle; color: #606060 }
.myListWrapper .inner i.rem { vertical-align: top; font-size: 14px; float:right; margin: 0 -2px 0 0; cursor: pointer; padding: 3px 4px 4px 4px; color: #A21503 }
.myListWrapper .inner i.rem:hover { color: #E91E05 }

.myListWrapper .inner ul { padding-top: 5px; list-style-type: none; font-size: 12px; font-weight: bold; margin-left: 0 }
.myListWrapper .inner ul li { height: auto; display: block; color: #084897; margin-bottom: 2px; border-radius: 4px 0 0 4px; background: #fafafa; padding: 3px 3px 3px 5px; overflow: hidden;  }
.myListWrapper .inner ul li span { display: inline-block; width: 92% }

.myListWrapper fieldset { border: 1px solid #c0c0c0; margin-top: 10px }


.iSelectorDown { background: #084897 !important; color: #fff !important }
.iSelectorDown i { margin-left: 0px !important }


/* GRADIENT BACKGROUNDS */
span.gradGreen { font-size: 13px; padding: 5px 14px 5px 14px; border-radius: 6px; color: #fff; cursor: pointer; font-weight: bold; }

.gradGreen {
background: #51a81c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzUxYTgxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzODhhMDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #51a81c 1%, #388a07 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#51a81c), color-stop(100%,#388a07)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #51a81c 1%,#388a07 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #51a81c 1%,#388a07 100%); /* Opera 11.10+ */
/* background: -ms-linear-gradient(top,  #51a81c 1%,#388a07 100%); / IE10+ */
background: linear-gradient(to bottom,  #51a81c 1%,#388a07 100%); /* W3C */
 /*   -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51a81c', endColorstr='#388a07',GradientType=0 ); */
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51a81c', endColorstr='#388a07',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51a81c', endColorstr='#388a07',GradientType=0 ); /* IE6-8 */
border: 1px solid #347F08;
}

.gradGreen:hover { border: 1px solid #255C05; color: #fff; background: #3D9706; }

span.gradBlue {
	display: inline-block;
    font-size: 13px; padding: 5px 14px 5px 14px;
    border-radius: 6px; color: #fff; cursor: pointer; font-weight: bold;
}

.gradBlue {
    background: #2969b8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzI5NjliOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwODQ5OTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #2969b8 1%, #084997 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2969b8), color-stop(100%,#084997)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2969b8 1%,#084997 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2969b8 1%,#084997 100%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(top,  #2969b8 1%,#084997 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2969b8 1%,#084997 100%); /* W3C */
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2969b8', endColorstr='#084997',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2969b8', endColorstr='#084997',GradientType=0 ); /* IE6-8 */
border: 1px solid #0B4893;
}

.gradBlue:hover { border: 1px solid #083A78; background: #1364C7; color: #E6F1FF; }

span.gradOrange {
    font-size: 13px; padding: 5px 14px 5px 14px;
    border-radius: 6px; color: #fff; cursor: pointer; font-weight: bold;
}

.gradOrange {
    background: #fd8e21; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZkOGUyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZDZkMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fd8e21 1%, #dd6d01 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fd8e21), color-stop(100%,#dd6d01)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fd8e21 1%,#dd6d01 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fd8e21 1%,#dd6d01 100%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(top,  #fd8e21 1%,#dd6d01 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fd8e21 1%,#dd6d01 100%); /* W3C */
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8e21', endColorstr='#dd6d01',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8e21', endColorstr='#dd6d01',GradientType=0 ); /* IE6-8 */
border: 1px solid #DA6B00;
}
.gradWhite { background: #f2f2f2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f2f2f2 0%, #e3e3e3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f2f2 0%,#e3e3e3 100%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(top,  #f2f2f2 0%,#e3e3e3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f2f2 0%,#e3e3e3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-8 */
}

.gradOrange:hover { border: 1px solid #C76405; background: #FB8411; color: #fff }
.topInfoLinks {
    display: flex;
    align-items: center;
    gap: 3px;
    width: 900px;
    max-width: 100%;
    padding-inline: 14px;
}

/* TOP MENU LINKS */
.gf-menu-device-container ul { list-style-type: none; margin-top: 30px }
.gf-menu-device-container li { display: inline-block; margin-right: 22px }
.gf-menu-device-container a { color: #303030; font-size: 15px } 
.gf-menu-device-container a:hover { color: #fd8e21 }

.chooseButton {
    color: #084897;
    border: 1px solid #D8D8D8;
    font-size: 14px;
    min-width: 120px
}

.mainSelWrapper { width: 98%; border-radius: 6px }
.rowChoose { margin: 10px 0 4px 0 }
.rowChoose a { float: right; color: #084897; font-size: 11px; margin-right: 24px }





.left_img
{
    width:60px;
    clear:both;
    float:left;
}

.left_img_fancybox
{
    width:150px;
    clear:both;
    float:left;
    margin-right:10px;
}



/* CART */
.cartModule { width: 300px; border-radius: 6px; float:right; padding: 0 15px 10px 15px; min-height: 100px; background: #EAEAEA url('/img/bgCart.png') repeat-x ;}
.cartModule h2 { font-size: 20px; color: #303030; display:inline-block; } 
.cartModule img.cartIcon { vertical-align: middle; padding: 0 5px 8px 0 }
.cartModule .emptyCart { display:inline-block; width: 150px; text-align: right; }
.cartModule .emptyCart img { cursor: pointer; vertical-align: middle; padding: 0 0 3px 0 }
.cartModule .btnCheckout { float:right; /*margin: 15px 0px 0 0; min-width: 120px*/ }
.cartModule .separator { background: url('/img/cartSeparator.png') repeat-x; width: 98%; display:block; margin-bottom: 0; }
.cartModule .orderItem, .cartModule .sample { width: 100%; position: relative; }
.cartModule .orderItem, .cartModule .sample p.headSampleTxt { font-size: 15px; line-height: 11px; font-weight: bold; margin: 10px 0 6px 0; color: #303030; display:block; font-family: 'Noto Sans', sans-serif; }
.cartModule .orderItem, .cartModule .sample span { display: inline-block; color: #084897; margin: 0; font-size: 12px; font-weight: bold }
.cartModule .orderItem, .cartModule .sample p.orderRow { padding: 0 0 0 0; margin: 3px 0 0 0;  }
.cartModule .orderItem, .cartModule .sample span.titleRow { width: auto; padding-right: 10px   }
.cartModule .orderItem, .cartModule .sample span.price { width: 60px; }
.cartModule .orderItem, .cartModule .sample span img { cursor:pointer; vertical-align:middle; padding: 0 0 3px 0 }
.cartModule .orderItem, .cartModule .sample .inEdit {
    display: none; margin: 0; padding: 12px;
    border-radius: 0 0 10px 10px; z-index: 200; background: #fff; width: 269px; height: 43px;
}

.cartModule .orderItem, .cartModule .sample .inEdit a { cursor: pointer; float:right; font-size: 12px; margin: -35px -158px 0 0; color: #fff}
.cartModule .orderItem, .cartModule .sample .inEdit .btnRemArt { clear:right; float:left; display: block; padding: 0 10px 0 10px; } 
.cartModule .orderItem, .cartModule .sample .inEdit .btnMoveArt { margin: 0 6px 0 28px; vertical-align: top; padding: 0 10px 0 10px;float: left;} 

.cartModule .orderItem, .cartModule .sample .pMoveSample { font-size: 11px;margin: -6px -7px 0 0;float: right; }
.cartLineBackground .sMoveToSample { width: 84px; font-size: 11px; height: 24px; vertical-align: baseline; color:#202020}
.inEdit .sMoveToSample { width: 84px; font-size: 11px; height: 24px; vertical-align: baseline; color:#202020}

.cartModule .orderItem, .cartModule .sample .pMoveSample .sNoMoveSample {font-weight: normal;font-size: 11px;color: #000000; margin: 2px 6px 0 -19px; vertical-align: top;}
.cartModule .orderItem, .cartModule .sample .pMoveSample .bNoMoveSample { vertical-align: text-bottom;}
.cartModule .orderItem, .cartModule .sample .onlyOneSample { height: 10px;}


.cartModule span.gradBlue {
	display: inline-block;
    font-size: 13px; padding: 2px 5px 2px 5px;
    border-radius: 6px; color: #fff; cursor: pointer; font-weight: bold;
}


.searchWrapper { margin-top: 10px }
.searchWrapper .filter { transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; font-size: 11px; padding: 2px 0 0 6px; width: 303px; height: 28px; background: #fff; border: 1px solid #e0e0e0; }
.searchWrapper .filter span { vertical-align: top; height: 30px; width: 28px; display: inline-block; background: #d2d2d2; margin: -2px -1px 0 10px }
.searchWrapper .filter i { float: right; color: #fff; font-size: 16px; vertical-align: top; padding: 7px 6px 0 }
.searchWrapper .filter input { color: #9a9a9a; font-size: 14px; width: 262px; border: none; min-height:20px }
.searchWrapper .filter:hover, .searchWrapper .filter:focus { border: 1px solid rgba(82, 168, 236, 0.8) }

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

/*searchPage*/
#loading {
 display: none;
    width:108px;
    height: 108px;
    position: fixed;
    top: 50%;
    left: 50%;
    background: url(/img/loader.gif);
    text-align:center;
    padding:10px;
    font:normal 14px Tahoma, Geneva, sans-serif;

    margin-left: -50px;
    
    z-index:200;
    overflow: auto;


    }



/*pvProductList.cshtml*/
    .left_img {
        /*position: relative;*/
        z-index: 0;
    }

        .left_img:hover {
            background-color: transparent;
            z-index: 50;
        }

        .left_img span { /*CSS for enlarged image*/
            position: absolute;
            visibility: hidden;
            color: black;
            text-decoration: none;
        }

            .left_img span img { /*CSS for enlarged image*/
                border-width: 0;
                padding: 2px;
            }

        .left_img:hover span { /*CSS for enlarged image on hover*/
            visibility: visible;
            top: 0;
            left: 60px; /*position where enlarged image should offset horizontally */
        }



    p.res {
        color: #202020;
        display: inline-block;
        font-size: 22px;
        height: 30px;
        overflow: hidden;
        padding-top: 10px;
        vertical-align: top;
        white-space: nowrap;
        width: 100%;
    }

    /*pvlastOrder.cshtml*/
      .lastOrder
    {    
        display:none;     
        padding-bottom:10px;      
        padding-top:30px;   
    }

    
     .lastOrderLabel2
    {
        background: #eaeaea url("/img/bgCart.png") repeat-x scroll 0 0;
        float:right;
        padding:2px;
         border-radius:0 0 6px 6px;
         font-size:10px;
         font-weight:bold;
         cursor:pointer;
         display:none;
    }

     /*pvcart.cshtml*/
       .lastOrderLabel {
            float: right;
            padding-top: 10px;
            font-size: 10px;
            font-weight: bold;
            cursor: pointer;
            clear: both;
            color: blue;
        }


       /*pvAdminOrder.cshtml*/
        .alternateStyle {
        background: #FBFFCC;
    }

    .wgOrder{
        width:10%;

    }
    .wgName{
        width:20%;

    }
    .wgPhone{
        width:15%;

    }
    .wgMail{
        width:20%;

    }
    
    .wgCreatedOn{
        width:10%;

    }
    .wgCreatedBy{
        width:20%;

    }

    .wgStatus
    {
        display:none;
    }

    .wgDelete
    {
        padding-right:10px;
    }


    .tableStyle tr:nth-child(odd) { background-color: #afc1d9; }
.tableStyle tr:nth-child(even) { background-color: white; }
.tableStyle th { background-color: Black; color: White; }
.tableStyle a { color: White; }
.tableStyle tr {font-size:12px;font-family:Arial; }
    .tableStyle tr td {padding-top:5px;padding-bottom:5px;}
.smallcolumn {min-width:20px;}
.medcolumn {min-width: 50px;}.bigcolumn{min-width:100px; }
.linkcolumn { min-width: 90px; text-align: center; } .linkcolumn a { color: Black;
} .linkcolumn a:hover { color: Blue; }
.footstuff { background-color: White; color: Red; }
.footstuff a:visited { color: Blue; } .footstuff a { color: Blue;}
.footstuff td { background-color: White; border-color: White; }
.headerstyle th {text-transform: capitalize; text-align: left; background-color: #353535;padding:5px 5px 5px 2px;}


  #loading {
 display: none;
    width:108px;
    height: 108px;
    position: fixed;
    top: 50%;
    left: 50%;
    background: url(/img/loader.gif);
    text-align:center;
    padding:10px;
    font:normal 14px Tahoma, Geneva, sans-serif;
    
    margin-left: -50px;
    margin-top: -50px;
    z-index:200;
    overflow: auto;
   
    
    }


  /*login.cshtml*/
  .loginForm
    {
        left:290px;
        position:absolute;
        opacity:1;
        z-index:99999;

    }

    #loginModel_Username, #loginModel_Password
    {
        width:150px;
        font-size:10px;
        line-height:15px;
        margin:0;
    }

    #loginModel_Password{
        width:150px;
        border-radius:3px;
        min-height:15px;

    }
    

     .loginFieldSet
    {
         /*background: url("/img/bgCart.png") repeat-x scroll 0 0 #eaeaea;*/
         background-color:#fff;
         border-radius: 4px;
        padding:8px;
    }

    .loginFieldSet label, button
    {
         font-size:10px;
        line-height:15px;
        margin:0;
    }

     .loginFieldSet legend
    {
         font-size:12px;
         font-weight:bold;
        line-height:15px;
        margin:0;
    }

     .validation-summary-errors
     {
         font-size:10px;
         line-height:15px;
         color:red;
     }

    .loginFieldSet button {

        float: right;
        margin-top: 10px;
        min-width: 0;
        padding: 1px 10px;
    }

    .imgProduct
    {
        /*margin-left:5px;*/
        margin-top:15px;
        /*height:100px;
        width:65px;*/
    }

   .imgProductLarge
   {
       position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
   }

#priceLine {
    border-top: 2px solid darkblue;
    margin-left: -25px;
    margin-top: 10px;
    margin-bottom: 0px
}

#deliveryDay {
    border-style: solid;
    border-width: 2px;
    border-radius: 8px;
    border-color: darkblue;
    padding-left: 130px;
    margin-right: 25px;
    margin-left: 0px;
    color: darkblue;
}

#deliveryDayLater {
    border-style: solid;
    border-width: 2px;
    border-radius: 8px;
    border-color: darkblue;
    padding-left: 87px;
    margin-right: 25px;
    margin-left: 0px;
    color: darkblue;
    margin-top: 30px;
    margin-bottom: 5px;
}

#delTimeInfo {
    padding-left: 22px;
    font-weight: 300;
    margin-top:4px;
}