/**
 *  Fil med Skridskonätets bas-stilmall.
 *  $Id$
 */

@import url(/resurser/css/montserrat.css);

.tumnageldiv {
    height: 140px;
    padding-left: 3px;
    padding-right: 3px;
    overflow: hidden;
    font-size: 12px;
line-height: 11px;
}

.navbar{
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(140,184,221,1) 100%);
}

.nav-link{
    --nav-link-color:#20629b;
    font-weight: bold;
    font-family: Montserrat, sans-serif;
    color: var(--nav-link-color) !important;
}

.dropdown-skridsko{
    font-weight: bold;
    font-family: Montserrat, sans-serif;
    color: #20629b;
}


.tumnagelimg {
    max-height: 90px;
    margin-bottom: 2px;
}

#container {
    margin-top: 5px;
    }


.gradient {
    min-height: 44px;
}


#mapdiv {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-top: -41px;
    background-color: #eee;
}

#map {
    float: left;
    width: 100%;
}

#inlinemapdiv {
    height: 500px;
    overflow: hidden;
    margin-bottom: 10px;
}

#doljkartan {
position: absolute;
top: 5px;
right: 0;
margin-right: 50px;
z-index: 9999;
}

#kartanstandalone {
    height: 800px;
    overflow: hidden;
}

body {
    --bg-color:#ddeaf3;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background-color: var(--bg-color);
    overflow-x:hidden;
}

hr {
    border-top-color: #20629b;
}

.mceContentBody {
    background-color: white;
    font-size: 16px !important;
}

.tinymcefardrapp {
    background-color: #FFFFFF !important;
    padding-top: 5px;
    font-size: 16px !important;
}

.tinymceparagraf {
    margin-top: 0px;
    margin-bottom: 0px;
}

#logo {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#header {
    background-image: url(/images/header_background.png);
    width: 980px;
    height: 67px;
    margin-left: auto;
    margin-right: auto;
}

#flag {
    width: 18px;
    height: 11px;
    padding-right: 3px;
    border: 0;
}

#language {
    float: left;
    width: 280px;
    height: 19px;
    position: relative;
    left: 10px;
    top: 50px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: text-bottom;
}

#loginbanner {
    position: relative;
    margin : 0 auto;
    margin-bottom: 10px;
    min-height: 1px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
    max-width : 850px;

}
#loginbanner a.btn {
    color:white;
    margin-bottom: 4px;
    padding: 3px 6px;
}
#loginbanner a.btn.btn-userpass {
    background-color: #3caaef;
}
#loginbanner a.btn.btn-facebook {
    background-color: #3B5998;
}
#loginbanner a.btn.btn-google-plus {
    background-color: #d34836;
}
#loginbanner a.btn.btn-signup {
    background-color: gray;
}
#loginbanner a.btn.btn-switch {
    background-color: #339933;
}

div#kopplaButtons>.btn-social {
    margin-bottom: 4px;
}

#objectinforow {
    background-color:var(--body-bg);
    border-style:none;
    border-width:2px;
    border-color:lightgrey;
    padding:10px;
}
#objectinforowheader {
    background-color:lightgrey;

}

@media (max-width: 600px) {
    #loginbanner a.btn {
        width: 290px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        padding: 3px 6px;
    }
}
@media (min-width: 601px) {
    #loginbanner>span.dropdown {
        margin-right: 3px;
    }
}

a.btn.btn-credential {
    background-color: #4d4d4d;
    color:white;
}

.btn-primary, .btn-primary:visited {

color : white;
}

#loginmeddelande {
    margin-left: 15px;
    margin-right: 15px;
}

#login {
    float: right;
    position: relative;
    top: 50px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: text-top;
    text-align: right;
    padding-right: 5px;
    color: white;
}

#login a {
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
}

#login_more_info {
    font-size: 22px;
    color: #3b7ea8;
}

#logintyp {
    max-width:340px;
}

#minsida {
    color: var(--bg-color);
 }

#timeofrender {
    font-weight: bold;
    position: absolute;
    top: 20px;
    right: 5px;
    width: 120px;
}

.icon-time.red {
    cursor: pointer;
    cursor: hand;
}

#loginrutarad {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left:10px;
    margin-bottom: 10px;
    font-size: 12px;
    background-color: rgba(140,184,221,1);
}

.loginrutapad {
    padding-left: 30px;
}
div#login-margin {
    clear: both;
}

#indexmain, #main {
    background-color: #ddeaf3;
    margin-top: 10px;
    max-width: 1100px;
}

#kartmain {
    margin-top:-40px;
}

#startsideskarta {
    display:inline;
}
.sidfot a:visited {
    color: #20629b;
}

#pagefooter, #multitrackfooter {
    max-width: 1100px;
    margin: 0 auto;
}

#footer {
    background-color: #ddeaf3;
    width: 940px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

legend {
    font-size: 14px;
}

fieldset {
    padding: 0.35em 0.625em 0.75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0;
}

.item_left {
    /*float: left;*/
}

.item_right {
    float: right;
}

.left_col,#left_col {
    width: 300px;
    padding-left: 0px;
    padding-right: 10px;
    float: left;
    margin-top: 2px;
}

.right_col,#right_col {
    width: 300px;
    padding-left: 10px;
    padding-right: 0px;
    float: right;
    margin-top: 2px;
}

.center_col,#center_col {
    width: 300px;
    padding-left: 10px;
    padding-right: 0px;
    float: left;
    margin-top: 2px;
}

.left_center_col,#left_center_col {
    width: 620px;
    padding-left: 0px;
    padding-right: 10px;
    float: left;
    margin-top: 2px;
}

.right_center_col,#right_center_col {
    width: 620px;
    padding-left: 10px;
    padding-right: 0px;
    float: right;
    margin-top: 2px;
}

.left_fard_col,#left_fard_col,.left_isobs_col,#left_isobs_col {
    width: 500px;
    padding-left: 0px;
    padding-right: 10px;
    float: left;
    margin-top: 2px;
}

.right_fard_col,#right_fard_col,.right_isobs_col,#right_isobs_col {
    width: 420px;
    height: 520px;
    padding-left: 0px;
    padding-right: 10px;
    float: right;
    margin-top: 2px;
}

#left_column {
    width: 500px;
    float: left;
    margin-top: 10px;
}

#right_column {
    width: 260px;
    float: right;
    margin-top: 0px;
}

#fardrapportbilder {
    padding-top: 10px;
}


.tumnageltext {
    line-height:11px;
}

.table-responsive table {
    width: 100%;
}

.artikelbody img, .artikeltext img  {
    max-width: 100%;
    height: auto;
    display: block;
}

.tabellbild {
    width:100%;
}

.squareimage{
	object-fit: cover;
    height: 50px;
	width: 50px;
}

.half_width {
    width: 450px;
}

#isobs,.isobs {
    font-size: 10px;
}

#isobs h3,.isobs h3 {
    font-size: 14px;
    color: #000000;
}

ul#isobs,ul.isobs {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#isobs li,.isobs li {
    font-size: 10px;
    color: #4D4D4D;
    margin-bottom: 2px;
}

#isobs li img,.isobs li img {
    margin: 0;
    padding: 0;
}

#isobs li a,.isobs li a {
    font-size: 13px;
    font-weight: bold;
}

#isobs li.gray,.isobs li.gra, .akbarhet_6 {
    color: #868686;
}

#isobs li.red,.isobs li.red, .akbarhet_4 {
    color: #c00000;
}
.akbarhet_4.open_water {
    color: #990000;
}

#isobs li.green,.isobs li.green, .akbarhet_1 {
    color: #00c800;
}

#isobs li.yellow,.isobs li.yellow, .akbarhet_3 {
    color: #fad200;
}

#isobs li.blue,.isobs li.blue, .akbarhet_2 {
    color: #468dff;
}

.akbarhet_0 {
    color: #ffffff;
}

#isobs img,.isobs img {
    margin-left: 3px;
}

.vattenejisobs{
    margin-bottom: 3px;
margin-top:3px;
}

.ikonoutline{
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}

.icon_fade_40 {
    opacity: 40%;
}

.icon_fade_60 {
    opacity: 60%;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: opacity(0%);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

#kommentarsformular {
    margin-top: 10px;
}

#kommentarrubrik {
    margin-top: 15px;
}

ul.kommentarer {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.kommentarer li a {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 0;
    color: #20629b;
}

.linktruncate {
    display: inline-block;
    max-width: 320px;
    vertical-align: bottom;
}

hr.enkel {
    border: 0px;
    color: #3b7ea8;
    background-color: #3b7ea8;
    height: 1px;
    width: 100%;
    text-align: left;
}


/* slide-styles */
.slide_image {
    margin-bottom: 5px;
    height: 150px;
}

.image_flipper {
    margin-bottom: 15px;
    color: #20629b;
    display: block;
    width: 100px;
    margin: 0 auto;
}

#image_flipper {
    cursor: pointer;
    cursor: hand;
}

.image_flipper_small {
    color: #20629b;
}

#slide_image_container,.slide_image_container {
    background-color: white;
    margin-top: 5px;
    border-radius: 10px;
}

#more_link {
    margin-top: 5px;
    font-size: 12px;
    font-weight: bold;
}

.random_image_container {
    padding: 10px;
    width: 560px;
    margin-top: 5px;
}

.random_image_container .img-fluid {
    display: inline;

}

/* font-styles */
a {
    color: #20629b;
    text-decoration: none;
}

a:hover {
  /*  text-decoration: underline; */
}

a:visited {
   /* color: #6B4099; */
}

.ikon {
    color: #20629B;
}

a:visited.ikon {
    color: #20629B;
}

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

#left_column a:hover,#right_column a:hover {
    text-decoration: underline;
}

p,.brodtext {
    margin-top: 4px;
    font-size: 14px;
    line-height: 18px;
    color: #333333;
}

.general_text {
    padding-top: 5px;
    padding-bottom: 5px;
}

.text_container {
    margin-bottom: 10px;
    margin-top: 5px;
}

#navigation {
    font-size: 13px;
    font-weight: bold;
}

#bildgallerilanknamn a {
    color: #000000;
}

h1, h2, h3, .ui-tabs-anchor {

font-family: 'Montserrat', sans-serif;
font-weight: normal;
}

.ui-widget {
    font-family: arial, sans-serif;
    font-size: 14px;
}



h1 {
    font-size: 30px;
    font-weight: bold;
    margin-top: 10px;
    line-height: 34px;
}

h2 {
    font-size: 24px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 26px;
}

h3 {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 3px;
}

#isnytt-div h3 {
    font-size: 26px;
}

h4 {
    font-size: 11px;
    color: #000000;
}

td {
    color: #000000;
}

td.bordercell {
    background-color: #ffffff;
    border: hidden 1px #000000;
}

td.toprightcell {
    background-color: #ffffff;
    border: hidden 1px #000000;
    width: 585px;
    text-align: right;
}

td.menucell {
    background-color: #ffffff;
    border: hidden 1px #000000;
    width: 710px;
    text-align: right;
}

td.contentcell {
    font-size: 11px;
    color: #000000;
    width: 710px;
    background-color: #FFFFFF; /* #e5e3f1 */
    border: hidden 1px #000000;
    padding: 7px;
}

th, tfoot tr td {
    font-weight: bold;
    color: #000000;
}

ul,li {
    font-size: 13px;
    color: #000000;
}

li.info1 {
    list-style-image: url(/images/infobehor/info-i-1.png);
}

li.info2 {
    list-style-image: url(/images/infobehor/info-i-2.png);
}

li.info3 {
    list-style-image: url(/images/infobehor/info-i-3.png);
}

a.meny {
    color: #0000ff;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

a.menyfet {
    color: #0000ff;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

dt {
    font-weight: bold;
}

dd,dl {
    font-size: 10px;
    color: #000000;
}

img {
    border: 0;
}

.menylink {
    font-size: 9px;
    color: #6600ff;
}

#menyrad {
    max-height: 320px;
}

.navrubrik {
    font-weight: bolder;
}

.navbarfet {
    font-weight: bolder;
    font-size: 8px;
}

.tiny,.navbarisnytt,.navtxt {
    font-size: 10px;
}

.isnyttmeny {
    background-color: #f0f2ff;
    padding: 2px;
    border: 1px solid #9999cc;
    margin-top: 25px;
}

div.facknummer {
    width: 22px;
    font-size: 12px;
    float: left;
    text-align: right;
}

div.facknamn {
    font-size: 12px;
    float: left;
    text-align: left;
    padding-left: 3px;
    width: 210px;
    padding-bottom: 5px;
}

div.isnyttpil {
    width: 15px;
    float: left;
}

.rubrad, table.emphfoot tfoot {
    background-color: #bbd9ed;
}

.uddarad {
    background-color: white;
    vertical-align: top;
}

.jamnrad {
    background-color: #ddeaf3;
    vertical-align: top;
}

.uddaradfarg {
    color: white;
}

.jamnradfarg {
    color: #ddeaf3;
}

.panel-body {
      background-color: #ddeaf3;
}


.shadowtext,a.shadowtext,a.shadowtext:visited {
    font-size: 11px;
    color: #999999;
}

.senastandrad {
    font-size: 11px;
    color:gray;
}

.red, .red:visited {
    color: #ff0000;
}

.text-default {
    color: #ffffff;
}

#dhtmltooltip,.dhtmltooltip {
    position: absolute;
    width: 150px;
    border: 2px solid #4990c4;
    padding: 2px;
    background-color: #E9F2F9;
    visibility: hidden;
    z-index: 100;
}

div.lankinfo {
    font-size: 10px;
    border: solid;
    border-color: #0e0e0e;
    border-width: 1px;
    background: #e0e0e0;
    padding: 2px;
}

div.linedadoformrow {
    margin: 3px 0px 2px 0px;
    padding: 10px 5px 15px 5px;
    clear: both;
    border-top: 1px solid #999999;
}

div.adoformrow {
    margin: 3px 0px 2px 0px;
    padding: 3px 0px 5px 0px;
    clear: both;
}

div.adoformlabel,span.adoformlabel {
    padding: 0px 0px 0px 0px;
    float: left;
    text-align: right;
    font-weight: bold;
    width: 25%;
}

div.adoforminput,span.adoforminput {
    padding: 0px 0px 1px 0px;
    float: right;
    width: 72%;
}

.rubrik {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
}

.itrubrik {
    font-size: 18px;
    font-weight: bold;
    padding: 10px 10px 10px 10px;
    color: #000000;
}

.notisrubrik,.kalendariumrubrik,.itnyheterrubrik {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px 10px 10px;
    color: #0000ff;
}

.notisbody,.kalendariumbody,.itnyheterbody {
    font-size: 14px;
    color: #000000;
    padding: 0px 10px 10px 10px;
}

.duarhar {
    font-size: 11px;
    font-weight: bold;
    color: #4990c4;
    padding: 3px 0px 3px 0px;
}

.duarhar a {
    color: #4990c4;
}

img.panimg {
    display: block;
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.alerton {
    background-color: #ee2222;
}

.alertoff {
    background-color: #eecccc;
}

.inaktuellt {
    margin: 5px 0px 10px 0px;
    font-style: italic;
    color: #303030;
}

.aktuelltlink {
    font-size: 10px;
    margin-bottom: 0px;
}

ul.listaturer li,ul.isnyttlista li {
    padding-bottom: 5px;
}

div.bokningslank {
    padding-top: 15px;
}

div.message {
    font-weight: bold;
    margin: 5px 0;
    padding: 5px;
    border: 2px solid #3B7EA8;
    background-color: #ffffff;
}

div.warning_message {
    font-weight: bold;
    margin: 5px 0;
    padding: 5px;
    border: 2px solid #ffaa33;
    background-color: #ffffff;
}

div.error_message {
    font-weight: bold;
    margin: 5px 0;
    padding: 5px;
    border: 2px solid red;
    background-color: #ffffff;
}

div.senasteisnytt {
    font-weight: normal;
    margin: 5px 0;
    padding: 5px;
    border: 2px solid #3B7EA8;
}

.alert {
    font-style: italic;
}

.right_item {
    text-align: right;
}

.left_item {
    text-align: left;
}

div.tur_i_bokning {
    padding-bottom: 5px;
    padding-top: 5px;
}

div.relaterat {
    padding: 5px;
    border: 1px solid #3b7ea8;
    margin-left: 5px;
    margin-right: 5px;
}

span.relateratheading {
    font-weight: bolder;
    color: #4990c4;
    padding-right: 10px;
    padding-left: 5px;
}

a.relaterat {
    padding-left: 10px;
    padding-right: 10px;
}

td.antal {
    padding-right: 10px;
    text-align: right;
}

/**  Inforutor typ Rapportometern **/
div.inforuta {
    margin-top: 16px;
    margin-bottom: 20px;
    border: 1px solid #3b7ea8;
    border-radius: 10px;
}

div#rapportometer {
    background-color: #ffffff;
    margin-top: 5px !important;
}

div.inforutaheading {
    padding: 4px 10px 6px 10px;
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid #3b7ea8;
}

.inforutatab {
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
}

.inforutainactive {
    background-color: #c0c0c0;
    border-bottom: 1px solid #3b7ea8;
    color: #ffffff;
}

.inforutaactive {
    border: none;
    color: #4990c4;
}

.inforutabody {
    padding: 0px;
}

.inforutadata {
    display: none;
}

.inforutatext {
    padding: 5px;
}

.item_right.inforutainactive {
    border-left: 1px solid #3b7ea8;
}

.item_left.inforutainactive {
    border-right: 1px solid #3b7ea8;
}

#left_col .inforuta,#left_col .inforutaheading {
    border: none;
}

.nodisplay {
    display: none;
}

.yesdisplay {
    display: block;
}

.klubbnamn {
    color: #20629b;
    cursor: pointer;
    cursor: hand;
}

.klubbnamnfardrapp {
    color: #FFFFFF;
    cursor: pointer;
    cursor: hand;
}

.klubblogotyp {
    max-width: 120px;
}


.fardvag{
    font-weight:bold;
    margin-bottom: 5px;
}

.fardtext{
    margin-top: 5px;
    margin-bottom: 5px;
}

.fardtext p {
    margin-top: 0px;
    margin-bottom: 10px;
}


.vertikalluft{
    margin-top:3px;
    margin-bottom:3px;
}

.fardfaktadiv{
display:inline-block;
padding-bottom:5px;
padding-top:5px;
    }

.fardfaktalabel{
     font-size:100%;
     margin-right:5px;
}


.gillarDeltagare{
     margin-right:5px;
}

.toggleLink,.toggleHjalpLink {
    cursor: pointer;
    cursor: hand;
}

.artikelreferat {
    color: #000000;
}

div.artikelbody a img {
    padding-top: 5px;
    padding-bottom: 5px;
}

.page_intro {
    padding-top: 12px;
}

/**
 * Some cell padding in the standard SkridskoTabell table
 */
table.skridskotabell td, table.skridskotabell th {
    padding: 1px 4px 1px 4px;
}

table.skridskotabell.objectstats td, table.skridskotabell.friendstats td {
    padding-left:3px;
    padding-right:3px;
}
table.skridskotabell.objectstats td.number {
    padding-right:13px;
}
table.skridskotabell.friendstats td.number {
    padding-right:8px;
}

.fa.fasize-09 {
    font-size:0.9em;
}

.fa-user {
    color:var(--nav-link-color);
}
.fainvisible {
    opacity: 0.2;
}
.harlastboll, .harlastrubbe {
    display: table-cell;
}
.harlastboll {
    padding-right: 2px;
}
.turinfotextwrapper table.artikelsidfot {
    display: none;
}

.turlistklubbnamn {
    text-align:right;
}

.teaserrubrik {
    font-size:14px;
}

.teaserunderrubrik {

}

.teaserlista {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.teaserdatum,li.teaserdatum {
    font-size:13px;
    padding-top: 10px;
    font-weight: bold;
    margin-left: -20px;
}

.teasertext,li.teasertext {
    font-size:13px;
}

.turbokad {
    color:green;
}

.oppentur {
color:cornflowerblue;
}

.turkoad {
color:orange;
}

.efteravfard {
color:grey;
}

a.efteravfard, a.efteravfard:visited {
color:grey;
}


.bokningsbar {
color:black;
}

.ejoppen {
color: #f9bb03;
}

a.bokningsbar, a.ejoppen, a.bokningsbar:visited, a.ejoppen:visited {
    color: #20629b;
    text-decoration: none;
}

a.bokningsbar:hover, a.ejopppen:hover {
	text-decoration: underline;
}

.translation_table tfoot {
    background-color: #bbd9ed;
}
.translation_table td {
    padding: 3px;
}

.translation_table td.translate_box {
    width:420px;
}

textarea.enda {
    width: 350px;
}

textarea.flera {
    width: 200px;
}

textarea.tall {
    height: 100px;
}

textarea.x_tall {
    height: 500px;
}

td.ref_lang {
    width: 100px;
}

#lang_from_to {
    padding-left: 3px;
    padding-right: 40px;
    top: -2px;
    position: relative;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
}

.translated_text {
    background-color: #eefbff !important;
    border: 1px dotted #3b7ea8;
    margin-top: 5px;
}
.translated_text_langs {
    font-style: italic;
    margin-bottom: 10px;
    border-bottom: 1px dotted #3b7ea8;
    padding: 3px;
}
.translated_text_text {
    padding: 3px;
}

.vattenakbarhet {
    float: left;
}

table.vattenval td:hover {
    background-color: #eeeeff;
}

table.vattenval tr.rubrad {
    background-color: #ddeaf3;
}

.vattenakbarhet {
    width: 15px;
}

table.vattenval {
    width: 100%;
    margin-top: 5px;
}

.bb-alert
{
    position: fixed;
    bottom: 25%;
    right: 0;
    margin-bottom: 0;
    font-size: 1.2em;
    padding: 1em 1.3em;
    z-index: 2000;
}

.modal-title{
    font-size:16px;
}
.rssfeed.before {
    content: "\f09e";
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    font-size: 14px;
    color: #20629B;
    padding-right: 4px;
}

.search:before {
    content: "\f002";
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    font-size: 14px;
    color: #20629B;
    padding-right: 4px;
}

/* Undvik radbrytningar */
.nowrap {
    white-space: nowrap;
}

.fetstil {
    font-weight: bold;
}

div.voteringknapp {
    margin-top: 20px;
    margin-bottom: 10px;
}

label.voter {
    width: 120px;
    float: left;
}

.voteringknapp input {
    float: left;
}

.voteringalternativ label {
    padding-left: 8px;
}

.votebtn {
    margin-left: 120px;
}

form.arsboksarkiv select, form.arsboksarkiv input[type=text] {
    width: 100%;
}

#sokhistoriskaisnytt div.row {
    margin-top: 20px;
}

label.error {
    padding-left: 3px;
    color: red;
    font-weight: bold;
}

#galleria {
    height: 680px;
    width: 900px;
    height: 100%;
    width: 100%;
    max-width: 900px;
}

.galleria-layer div {
    bottom: 7px;
    left: 7px;
    padding: 6px;
    position: absolute;
    background:
        url(/resurser/javascripts/jquery/plugins/galleria/themes/skridskonet/bg.png);
    color: #fff;
}

.galleria-layer h2 {
    color: #ddd;
    margin: 0 0 3px;
    font-size: 12px;
    line-height: 1;
}

.galleria-counter {
    right: 0px;
}

.galleria-layer p {
    color: #ddd;
    margin: 0;
}

.galleria-layer a {
    color: #40829b;
}

#muTillVanster {
    float: left;
}

#muTemppoints {
    width: 200px;
    height: 200px;
    padding: 0.5em;
    margin: 10px 10px 10px 0;
    background-color: white;
    list-style: none;
}

#mukarta {
    float: left;
    padding: 0.5em;
    margin: 10px 10px 10px 0;
    border: solid 1px blue;
    background-color: white;
    list-style: none;
}

#muhelp {
    color: #20629b;
}


.plurrrad {
    margin-left: 18px;
    cursor: pointer;
}

.readOnly {
    background-color: #C2C2C2;
}

.gillarKnapp {
    float: left;
    margin-right: 2px;
}

.gillarText {
    background-color: white;
    text-align: center;
    border-style: solid;
    border-color: gray;
    color: black;
    border-style: solid;
    border-width: 1px;
    vertical-align: middle;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.medverkarText {
    background-color: white;
    text-align: left;
    border-style: solid;
    border-color: gray;
    color: black;
    border-style: solid;
    border-width: 1px;
    vertical-align: middle;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top: 5px;
}


.ledarflaggainaktiv {
    color: #AAA;
    padding-left:2px;
}

.ledarflaggaaktiv {
    color: #20629b;
    padding-left:2px;
}

.kokarlflaggainaktiv {
    color: #AAA;
    padding-left:2px;
}

.kokarlflaggaaktiv {
    color: #20629b;
    padding-left:2px;
}

.raderaknapp {
    padding-left:2px;
    cursor: pointer;
    }

td.minauppgifter1 {
    width: 180px;
}

td.minauppgifter2 {
    width: 250px;
}

.minakommentarer {
    margin-bottom: 3px;
    display: block;
}

#minavannercontainer {
    background-color: white;
    margin-top: 10px;
    margin-left: 5px;
}

#minavannercontainer #minavanner div a {
    margin-right: 5px;
}

#foljermig {
    background-color: white;
    margin-top: 10px;
    margin-left: 5px;
}

#harhant {
    background-color: white;
    float: left;
    margin-top: 10px;
}

.hidden {
    display: none;
}

.fullbredd {
    width: 100%;
}

table.allaturer td {
    text-align: center;
}

.artikel-box {
    padding: 0px 5px 5px 5px;
}

.artikel-box-ram {
    border-style: solid;
    border-width: 1px;
    border-color: #adbac3;
    padding: 5px;
    line-height: 150%
}

.artikel-box-rubrik {
    padding: 10px 5px 2px 5px;
    font-size: 110%;
}

.artikel-box-rubrik-ram {
    font-size: 110%;
    border-style: solid;
    border-width: 1px;
    border-color: #adbac3;
    padding: 5px;
    background-color: #cddae3;
    margin-top: 10px;
}

.artikel-pad {
    padding-top: 4px;
}

#artikelhjalp {
    font-size: 18px;
}

#alltidaktuell {
    background-color: #20629B;
    padding: 1px 6px 1px 6px;
    border-radius: 8px;
    font-weight: bold;
    color: #FFFFFF;
}

#alltidaktuell:hover {
    background-color: #5092CB;
    text-decoration: none;
}

#remembermeinput {
    height: 22px;
    padding-left: 15px;
    width: 15px;
}

#remembermetext {
    height: 22px;
    padding-right: 15px;
}

#remembermeinput input {
    width: 15px;
}

.olImageLoadError {
    display: none;
}

/**
 *  Styling of table with operators for advanced search
 */
table.searchops {
    padding: 5px 5px 15px 5px;
    width: 100%;
}

table.searchops td {
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: normal;
}

table.searchops td.opcell {
    font-weight: bold;
    padding-left: 10px;
    padding-right: 2px;
}

.artikeltext {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 2px;
}

.avvikelsetdrubrik {
    font-weight: bold;
    vertical-align:top;
}

div.right_col>div.text_container>div.artikeltext {
    width: 280px;
    padding-left: 0px;
}

.ny_fil {
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
    color: #dd0000;
}

.bildeditbild {
    width: 500px;
    float: left;
}

.bildvisa {
    width: 350px;
    float: left;
}

#bildkarta {
    width: 350px;
    float: left;
    background-color: transparent;
}

#bildrhogerdiv {
    width: 360px;
    float: right;
}

.bildgrunddiv {
    width: 500px;
    float: none;
    clear: both;
    min-height: 25px;
    margin-top: 2px;
}

.bildgrunddiv:after {
    content: " ";
    display: block;
    clear: both;
}

.bildexpl {
    float: right;
    width: 10%;
}

.bildselectfield {
    float: left;
    width: 350px;
}

.bildtextfield {
    float: left;
    width: 350px;
}

.bildtextareafield {
    float: left;
    width: 350px;
}

.bildtextrubrik {
    float: left;
    width: 145px;
    text-align: right;
    margin-right: 5px;
    margin-top: 3px;
}

.bildcheckbox {
    float: left;
    width: 145px;
    text-align: right;
    margin-right: 5px;
}

.bildsubmitbutton {
    float: left;
    width: 145px;
    text-align: right;
    margin-right: 5px;
}

#valavancerat {
    float: left;
}

.skridskoknapp {
    background-color: #20629B;
    padding: 2px 8px 2px 8px;
    border-radius: 8px;
    font-weight: bold;
    color: #FFFFFF;
}

a.skridskoknapp {
    color: #FFFFFF;
    text-decoration: none;
}

a:visited.skridskoknapp {
    color: #FFFFFF;
    text-decoration: none;
}

#valhjalp {
    float: right;
}

.advancedRow {
    display: none;
    padding-top: 5px;
    font-style: italic;
}

.standardRow {
    padding-top: 5px;
}

.mapRow {
    padding-top: 5px;
    font-style: italic;
}

.bildhjalp {
    font-size: 18px;
    color: #20629b;
}

.bildhjalpdiv {
    float: left;
    clear: both;
    font-size: 90%;
    background-color: #CCCCCC;
    display: none;
}

textarea#beskrivning {
    width: 300px;
    height: 40px;
}

textarea#fototeknik {
    width: 300px;
    height: 40px;
}

#fotografinfo {
    width: 500px;
    float: none;
}

#bildsubmit {
    border-style: solid;
    border-width: 1px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
}

#personligauppgifter_div {
    width: 600px;
    float: left;
}

.minauppgifteredit {
    width: 200px;
}

.minauppgifterRow {
    margin-bottom: 8px;
}

#presentationsinput {
    width: 100%;
    height: 60px;
}

#personligbild_div {
    width: 290px;
    float: left;
}

#personligbild, table.skridskotabell td.tiopaddad {
    padding: 10px;
}

#personligbildforklaring {
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
}

#personligpresentation {
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
}

#isobsappknapp {
    margin-top: 5px;
    color:white;
    background : #3caaef;
}

#isobsappknapp:visited {
    color:white;
    background : #3caaef;
}

#narmasteisknapp {
    margin-top: 5px;
    color:white;
    background : #3caaef;
}

#narmasteisknapp:visited {
    color:white;
    background : #3caaef;
}

.narmasteisAIbox {
display: inline-block;
vertical-align: top;
height: 30px;
}

/**
 * Stuff for Mantis 1337
 */
label.akbarhet_vald {
    font-weight: bolder;
}

.akbarhet_forklaring_wrapper {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.akbarhet_forklaring_wrapper dd,.akbarhet_forklaring_wrapper dl {
    font-size: 12px;
}

.akbarhet_forklaring_wrapper dd {
    padding-bottom: 5px;
    margin-left: 20px;
}

#akbarhet_info_cell i {
    cursor: pointer;
    cursor: hand;
}

td#akbarhet_info_cell {
    width: 165px;
}

label.akbarhet_valjare img {
    padding: 1px 1px 2px 1px;
}

#tabs-2 #skapadiskussion {
    float: left;
    width: 70%;
    background-color: #ddeaf3;
}

#tabs-2 #sokdiskussion {
    float: left;
    width: 70%;
    background-color: #ddeaf3;
}

.overlibfgclass {
    background-color: #E9F2F9;
}

.overlibbgclass {
    background-color: #4990c4;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}

label.maillabel {
    padding-right: 15px;
    padding-left: 5px;
    font-weight: normal;
}

.extrabildtext {
    display:inline;
}

#gallery {
    margin-left:20px;
}

.gallerilank, .gallerilank:visited {
    color: white;
}

td.number {
    text-align: right;
    padding-right: 20px;
}
th.above_number {
    text-align: right;
    padding-right: 10px;
}

@media ( max-width : 767px) {
    #loginrutarad {
        margin-bottom: 0;
    }
    #random_img {
        margin-top: 0;
    }
    .text-responsive {
        text-align: left;
    }
    #layersel1 {
        display: none;
    }

    #main {
        max-width: 97%;
        height: 100%;
    }
    #inlinemapdiv {
    margin-bottom:10px;
    }
    #indexmain {
    margin-top: 5px;
    }
    #gallery {
    display:none;
     }
.isobsrubrik {
    font-size:16px;
}
    .affix {
               display: block;
               position: relative !important;
               padding: 0;
               height: auto;
               left: auto;
               top: auto;
               background: none;
               text-align: left;
       }
       #navcontainer {
               position: fixed;
               right: 0;
               left: 0;
               top: 0;
               z-index: 1030;
               border-width: 0 0 1px;
       }
       .extrabildtext {
    display:none;
}
#bredlogo {
display: none;
}

.deltagardiv{
    margin-bottom:10px;
}

a.btn-social {
    margin-bottom: 4px;
}

.btn {
    padding: 3px 6px;
    padding-top: 3px;
    padding-right: 6px;
    padding-bottom: 3px;
    padding-left: 6px;
}

}

@media ( max-width : 400px) {

    #klubbScroll {
        max-width: 300px;
    }
}

@media ( min-width : 768px) and (max-width: 991px) {
    body {
    }
    .text-responsive {
        text-align: right;
    }
    .deltagardiv{
    margin-bottom:10px;
}

.btn-credential {
    margin-top: 4px;
}
}

@media ( min-width : 992px) and (max-width: 1199px) {
    #inlinemapdiv,#map {
        height: 500px;
    }
    .text-responsive {
        text-align: right;
    }
    .skridskologodiv {
        padding-left:100px;
     }
}

@media ( min-width : 1200px) {
    #inlinemapdiv,#map {
        height: 500px;
    }
    .text-responsive {
        text-align: right;
    }
    .skridskologodiv {
        padding-left:100px;
     }
}

@media ( min-width : 768px) {

    #container {
        margin-top: 10px;
    }

    .open {
        text-align: left;
    }

/* Undvik radbrytningar  */
.nowrap-responsive {
    white-space: nowrap;
}

#smallogo {
display: none;
}

}

@media ( max-height : 480px) {
    #mapdiv {
        height: 200px;
    }
    #kartanstandalone, #kartanstandalone #map {
        height: 300px;
    }

    #skalbarfardvagtextruta{
    height:auto;
    }

}

@media ( min-height : 481px) and (max-height: 599px) {
    #mapdiv {
        height: 200px;
    }
    #kartanstandalone, #kartanstandalone #map {
        height: 450px;
    }

#skalbarfardvagtextruta{
    height:auto;
    }

}


@media ( min-height : 600px) and (max-height: 699px) {
    #mapdiv {
        height: 200px;
    }
#kartanstandalone, #kartanstandalone #map {
        height: 500px;
    }

#skalbarfardvagtextruta{
    height:250px;
    }


}

@media ( min-height : 700px) and (max-height: 799px) {
    #mapdiv {
        height: 250px;
    }
#kartanstandalone, #kartanstandalone #map {
        height: 600px;
    }

    #skalbarfardvagtextruta{
    height:300px;
    }

}

@media ( min-height : 800px) and (max-height: 899px) {
    #mapdiv {
        height: 250px;
    }
#kartanstandalone, #kartanstandalone #map {
        height: 700px;
    }

    #skalbarfardvagtextruta{
    height:350px;
    }

}

@media ( min-height : 900px) and (max-height: 999px) {
    #mapdiv {
        height: 300px;
    }
#kartanstandalone, #kartanstandalone #map {
        height: 800px;
    }

        #skalbarfardvagtextruta{
    height:400px;
    }

}

@media ( min-height : 1000px) and (max-height: 1099px) {
    #mapdiv {
        height: 300px;
    }
#kartanstandalone, #kartanstandalone #map {
        height: 900px;
    }

    #skalbarfardvagtextruta{
    height:300px;
    }

}

@media ( min-height : 1100px) and (max-height: 1199px) {
    #mapdiv {
        height: 300px;
    }
#kartanstandalone, #kartanstandalone #map {
        height: 1000px;
    }
    #skalbarfardvagtextruta{
    height:300px;
    }

}

@media ( min-height : 1200px) {
    #mapdiv {
        height: 400px;
    }
#kartanstandalone,#kartanstandalone #map  {
        height: 1100px;
    }
    #skalbarfardvagtextruta{
    height:300px;
    }
}

@media ( max-width : 991px) {
    @media ( min-height : 1024px) {
        #inlinemapdiv {
            height: 400px;
        }
    }
    @media ( max-height : 479px) {
        #inlinemapdiv,#map {
            height: 150px;
        }
    }
    @media ( min-height : 480px) and (max-height: 767px) {
        #inlinemapdiv,#map {
            height: 260px;
        }
    }
    @media ( min-height : 768px) and (max-height: 1023px) {
        #inlinemapdiv,#map {
            height: 300px;
        }
    }
    @media ( min-height : 1024px) {
        #inlinemapdiv,#map {
            height: 400px;
        }
    }
}

#fardrappinlinemapdiv, .fardrappinlinemapdiv {
    height: 500px;
}

@media ( max-width : 991px) {
    @media ( max-height : 479px) {
        #fardrappinlinemapdiv, .fardrappinlinemapdiv {
            height: 260px;
        }
    }
}

@media (max-width: 799px) {
textarea,
input[type=text],
input[type=search],
input[type=number],
input[type=datetime-local],
input[type=date],
input[type=email],
input[type=password],
input[type=tel],
select {
font-size: 16px !important;
}
}

@media print {
    .navbar {
        display: none;
    }
    a:link:after,a:visited:after {
        content: "";
    }
    a[href]:after {
        content: "";
    }
    abbr[title]:after {
        content: "";
    }
}

ul.islagglista {
    float: right;
    margin-left: 5px;
}
.nav.islagglista > li > a,
.nav.islagglista > li > ul > li > a {
    display: inline;
    padding: inherit;
}
.nav.islagglista > li > a:hover {
    background-color: inherit;
}
ul#islaggdetaljer.dropdown-menu,
ul.islagglista ul.dropdown-menu {
    left: -270px;
    width: 320px;
}
ul#islaggdetaljer > li.islaggobs,
ul.islagglista ul.dropdown-menu > li.islaggobs {
    padding: 2px 0px 2px 8px;
    border-bottom: 1px solid #bbbbbb;
}
.islaggobs .sasong {
    width: 52px;
    display: inline-block;
}
.islaggobs .isdatum {
    width: 85px;
    display: inline-block;
}

.islaggsokbox {
    display: flex;
    justify-content: center;
}
.islaggsok {
    display: table-cell;
    padding: 0px 5px 3px 5px;
}
form.islaggsok {
    border: 1px solid #bbbbbb;
    border-radius: 3px;
}
.islagg-btn {
    vertical-align: text-top;
}
.islagg-btn-bak {
     margin-right: 8px;
}
.islagg-btn-fwd {
     margin-left: 8px;
}

.youtubecontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.youtubevideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*  map2 */
.waternames{
    width:auto;
    font-style:italic;
    color:blue;
    white-space: pre;
}

.waternames-marked{
    font-weight:bolder;
    font-size:110%;
}

.fas.ice_1, .far.ice_1 {
    color: #33dd33!important;
}
.fas.ice_2, .far.ice_2 {
    color: #3333dd!important;
}
.fas.ice_3, .far.ice_3 {
    color: #eecc66!important;
}
.fas.ice_4, .far.ice_4 {
    color: #dd3333!important;
}
.fas.ice_6, .far.ice_6 {
    color: #999999!important;
}
.far.plog {
    font-size: 10px;
    -webkit-text-stroke: 3px;
}

.iceObsIconDiv{
    z-index: 430 !important;
}

.imageIconDiv{
    z-index: 420 !important;
}

div.refreshCaptcha {
    display:none;
}


div.ordbokresultatrubrik {
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #bbd9ed;
}
div.ordbokresultatrad {
    padding-top: 5px;
}
div.ordbokresultatrad, div.ordbokbildrad {
    padding-bottom: 5px;
}
div.ordbokord {
    font-weight: bolder;
}
div.ordboklanglist>span.nonmatchtranslation {
    font-style: italic;
}
div.ordboklanglist>span, div.ordbokkalla>span, div.ordbokkategori>span, div.ordbokforklaring>span {
    display: block;
}
div.ordboklanglist span:not(:last-child),
div.ordbokkalla span:not(:last-child),
div.ordbokkategori span:not(:last-child) {
    margin-bottom: 2px;
    padding-bottom: 2px;
    border-bottom: 1px solid #cccccc;
}
label.ordboklabel {
    padding-left: 4px;
    padding-right: 4px;
}

span.ordbokterm, img.ordbokimg, span.ordbokfotograf {
    display: block;
}
span.ordbokbild {
    font-weight: lighter;
    font-size: 0.8em;
    padding-top: 2px;
}
td.ordbokadmin>span, div.ordbokadmin>span {
    display: block;
    font-weight: lighter;
    padding-top: 4px;
}
span.ordboktranslate {
    border-bottom: 1px solid #cccccc;
}
.ordbokrubrik {
    margin-bottom: 20px;
}
.ordbokadmin label {
    margin-left: 5px;
}
.ordbokadmin>div.row {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #a6c9e2;
}
#obadmbildvisning, .obadminxrefrow {
    margin-bottom: 20px;
}
span.ordbokxref {
    margin-top: 2px;
    padding-top: 2px;
    border-top: 1px solid #cccccc;
}

span.sasongturskapare, span.sasongturkokarl, span.sasongturledare, span.sasongturmedverkar,
span.sasongbildskapare, span.sasongbildmedverkar, span.sasongfilmskapare, span.sasongfilmmedverkar
{
    display: none;
}

#relaterade_utlysningar label,
.lf_cb_list label,
.islagg-intresse {
    display: inline;
}

.btn-group-space {
    display: inline-flex;
    position: relative;
    vertical-align: middle;
}

.newrelation {
    padding-top: 5px;
}

#skapareuppdaterare {
    padding-bottom: 5px;
}
#skapareuppdaterare.ruler {
    border-top: rgba(32, 98, 155, 0.3) 1px solid;
    margin-top: 3px;
}
td.rowpad {
    padding-left: 15px;
}
#mildu_info, #add_mildu, .milduklass_1, .milduklass_2, .mildklass_3, .milduklass_4 {
    cursor: pointer;
}

.kopplingar>.btn {
    margin-bottom: 5px;
}

ul.koppladtyp {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.kopplatobj {
    list-style-type: none;
    padding: 0;
    margin: 0 0 0 10px;
}