/*Allt i den här filen är test och ska flyttas till huvudfilen 'jv-main-style-overwriting.css' när testet är klart. Filen ska inte köras i produktion*/

/* Styling av skickaknappar i formulär enligt styleguide */
.sv-defaultFormTheme input[type="button"], 
.sv-defaultFormTheme input[type="submit"], 
.sv-defaultFormTheme input[type="reset"]{
    color: #fff;
    background-color: #116fa2;
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
    font-weight: bold;
    padding: .8rem 1.6rem;
    line-height: 1.5;
    margin-top: 0.2rem;
    transition: all .2s ease-out;
    border: solid 1px #116fa2;
}

.sv-defaultFormTheme input[type="button"]:hover, 
.sv-defaultFormTheme input[type="submit"]:hover, 
.sv-defaultFormTheme input[type="reset"]:hover, 
.sv-defaultFormTheme input[type="button"]:focus, 
.sv-defaultFormTheme input[type="submit"]:focus, 
.sv-defaultFormTheme input[type="reset"]:focus {
    text-decoration: none;
    background-color: #137cb4;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.4);
    color:#fff;
    cursor: pointer;
    transform-origin: center;
}

.sv-defaultFormTheme input[type="button"][disabled], 
.sv-defaultFormTheme input[type="submit"][disabled], 
.sv-defaultFormTheme input[type="reset"][disabled]{
    box-shadow: none;
    pointer-events: none;
    background-color: #e6e6e6;
    border: solid 1px #ccc;
    color: #b3b3b3;
}


.sv-defaultFormTheme input[type="button"]:active, 
.sv-defaultFormTheme input[type="submit"]:active, 
.sv-defaultFormTheme input[type="reset"]:active{
    transition: all .1s ease-out;
    background-color: #116fa2;
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
}
/* Pufftext på startsidan
.puffContainer{
    width: 285px !important;
}
.puffContainer img {
    width: 100%!important;
    max-height: 121px;
}



a.startsidax2015xxxstor, .startsidax2015xxxstor a { 
    width: 23.75%!important;
}
*/

.jv-article-image{
    margin-bottom: 20px;
    width: 100%;
}

/*Breddar bilder som inte tar upp hela ytan normalt*/
.jv-article-image img {
    width: 100%;
    height: 100%;
}

/* Länkar med tre ikoner*/
#svid12_5881b3b01336df878e78000414 a, #svid12_5881b3b01336df878e78000419 a, #svid12_5881b3b01336df878e78000421 a{
    font-size: 12px;
}
/* Listor */
.sv-use-margins ul.link,
.sv-use-margins ol.link{
    margin-bottom: 2em;
}
ul.link li,
ol.link li {
    margin-bottom: 1em;
}
/*Tabellrubrik*/
.sv-linklist-portlet table.sv-standard caption, .sv-blog-portlet table.sv-standard caption, .sv-archive-portlet table.sv-standard caption, .sv-text-portlet table.sv-standard caption{
    font-size: 130%;
    margin-bottom:.2em;
}

.sv-linklist-portlet table.sv-standard th p, .sv-blog-portlet table.sv-standard th p, .sv-archive-portlet table.sv-standard th p, .sv-text-portlet table.sv-standard th p{
    font-size: 120%;
}



/* Bredd på innehåll på gallerisidor*/
.jv-gallary-content-text_width{
    /*Gammalt värde
    width: 29.8em;*/

    /*Nytt värde*/
    width: 41em !important;
}

/* Sökresultatsidan - FLYTTA TILL FILEN FÖR SÖKRESULTATET
.sjv-searchresult-hits                          { width     : 75em      !important;    }
.sjv-searchresult-facets                        { width     : 27.5em    !important;    }
.sv-font-sokresultat-text                       { font-size : 130%      !important;    }
.sjv-searchresult-facets .sv-search-facet-name  { font-size : 140%      !important;    }
.sv-font-sokresultat-rubrik                     { font-size : 160%      !important;    }
*/


/* Detta ska bort */
.ingressxxxgenomgang {
    font-size: 150%;
}

.jv-contact-form-english {
    margin-left: 0!important;
}

.jv-contact-form-english .sv-legacyForm {
    max-width: 200px;
}

.jv-contact-form-english .sv-legacyForm label.link {
    font-size: 112%;
}

.jv-contact-form-english .sv-legacyForm a {
    word-break: break-all;
    display: block;
    margin-top: 0.4em;
}


.jv-gray-thin-frame{
    border: solid 1px #ccc;
    padding: 2em 2.2em 4em;
}

/* Information om migrering - Visas bara för inloggade avnänder i redigeringsläget */
.jv-migration-info-box{
    display: none;
}
.sv-editing-mode .jv-migration-info-box{
    display: block;
    padding: 0.1em 1em 1em;
    margin: 1em 0em;
    border-radius: 7px;
}
.sv-editing-mode .jv-migration-info-box .jv-migration-icon {
    font-size: 200%;
    display: inline-block;
    margin: 0 .2em;
    position: relative;
    top: 2px;
}
.sv-editing-mode .jv-migration-info-box p.link{
    display: inline-block;
}
.sv-editing-mode .jv-migration-info-box.jv-red-box{ background-color: #f95757;  }
.sv-editing-mode .jv-migration-info-box.jv-red-box .jv-migration-icon,
.sv-editing-mode .jv-migration-info-box.jv-red-box p.link{color:#fff;}
.sv-editing-mode .jv-migration-info-box.jv-yellow-box{  background-color: #fffc75;  }

/* Anpassningar för 5.2*/
.bootstrap .btn {
    border-color: #c5c5c5;
    border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25);
}

.bootstrap .btn {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #bbb;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);

}

.bootstrap .dropdown-menu a, .bootstrap .btn {
    text-decoration: none;
}

.bootstrap .btn-mini {
    padding: 1px 6px;
    font-size: 10.5px;
    border-radius: 3px;
}

.bootstrap .btn:active{
    background-color: #e6e6e6;
    background-image: none;
    outline: 0;
    box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    color: #333;
}

.bootstrap .btn:hover{
    color: #333;
    text-decoration: none;
    background-color: #e6e6e6;
    background-position: 0 -15px;
    transition: background-position .1s linear;
}