form .message.good {
    color: darkgreen
}

body {
    /*background-color: #EFEFEF;*/
    background-color: #e5ebee;
    /*background:url('../img/bg-stripe.jpg');*/
    /*background:url('../img/Petter_Gedda_Gul-ritning.jpg');*/
    /*background:url('../img/Petter_Gedda_Gul-ritning2.jpg');*/
    font: 14px/2rem 'Roboto Condensed', sans-serif !important;


    /*font-size: 190%;*/
    /*font-family: "League Gothic", sans-serif;*/
    /*font-optical-sizing: auto;*/
    /*font-weight: 400;*/
    /*font-style: normal;*/
    /*font-variation-settings:    "wdth" 100;*/
}

body.pagetype-Page .maincontentinner.no-padding-left {
    border-left: 1px solid #006ab4;
    border-left: 1px solid #2f90be;
    padding-left: 15px !important;
}

body.SkipLeftnav #leftnav {
    display: none
}



.btn,
.btn-defaultm button,
button#mc_embed_signup,
#mailchimpformdiv #mc_embed_signup .button {

    background-color: #e5ebee !important;
    color: #000;
    /*margin-bottom: 28px;*/
    /*margin-top: -1px;*/

    /*color: #FFF;*/
    /*ta bort skrikig*/
    /*background-color: #0EC5D8!important;*/
    border-color: transparent;

}

.action.btn {
    margin-top: 20px !important;
}

.btn:hover,
.btn:active,
.btn-default:hover,
.btn-default:active,

#mailchimpformdiv #mc_embed_signup .button:hover,
#mailchimpformdiv #mc_embed_signup .button:active {

    color: #0EC5D8;
    /*background-color: #0EC5D8;*/
    border-color: transparent;
}

body.SkipLeftnav .maincontentinner.no-padding-left {
    border-left: none;
    /*    padding-left: inherit!important;*/
}

img {
    margin-bottom: 1.5rem;
}

body a {
    color: #000;
}

.va-middle {
    vertical-align: middle;
}

footer p {
    font-size: 1.1rem;
}

.va-middle>img {
    display: inline-block !important;
}

a.star-link {
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: 700;
}

a.star-link::after {
    vertical-align: middle;
    display: inline-block;
    content: url('../img/star-button.png');
}

ul,
li {
    margin: 0px !important;
    padding: 0px;
    list-style-type: none;
}

.page-wrapper {
    background: #fff;
    padding: 0 2.5rem 2rem !important;

}

.carousel {
    margin-bottom: 10px;
}

/*Navigation*/

.navbar-default {
    /*    background:#006ab4 none!important;*/
    background: #0F395C none !important;
    border: none 0px transparent !important;
    border-radius: 0 !important;
    box-shadow: 0px 0px 0px transparent !important;
    margin-bottom: 15px !important;
    padding-left: 0;

}

nav ul li.active,
nav ul li.active>a {
    background: transparent none !important;
    box-shadow: 0px 0px 0px transparent !important;
}

nav ul li a {
    color: #fff !important;
    text-transform: uppercase !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
    font-weight: 700;
}

nav ul li a:hover,
.side-bar-menu ul li a:hover,
nav ul li.current a,
nav ul li.section a,
.foo {
    /*opacity: 0.2;*/
    color: #0EC5D8 !important;
}

nav ul li:first-child a {
    padding-left: 0 !important;
}

nav ul.dropdown-menu li:first-child a {
    padding-left: 7px !important;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.navbar-toggle {
    padding: 13px 10px !important;
    background: #fff !important;
    border-radius: 50% !important;
}

.navbar-default .navbar-brand {
    color: #fff !important;

}

.stylish-input-group .input-group-addon {
    background: white !important;
    border-radius: 0 !important;
    border: 0 none transparent !important;
    color: #006ab4;
}


.form-control {
    box-shadow: 0 0 0;
    /*background: #fff;*/
    /*border-radius: 0!important;*/
    /*border:0 none transparent!important;*/

}

::-webkit-input-placeholder {
    color: #006ab4 !important;
    font-style: italic !important;
    font-weight: 700 !important;
}

::-moz-input-placeholder {
    color: #006ab4 !important;
    font-style: italic !important;
    font-weight: 700 !important;

}

:moz-input-placeholder {
    color: #006ab4 !important;
    font-style: italic !important;
    font-weight: 700 !important;
}

:ms-input-placeholder {
    color: #006ab4 !important;
    font-style: italic !important;
    font-weight: 700 !important;
}

.stylish-input-group button {
    border: 0;
    background: transparent;
}

/*End of Navigation*/

/*Boxes*/
.side-bar-menu {
    /*background:#006ab4;*/
    background: #0F395C;
    padding: 15px !important;
}

.side-bar-menu ul li a {
    color: #fff;
    font-style: italic;
    font-weight: 700;
}

.side-bar-menu ul li {
    margin-bottom: 1rem !important;
    padding-left: 1.5rem;
}

.side-bar-menu p {
    margin-bottom: 1.5rem !important;
}

.gray-bg {
    background: #e0e0e0;
    overflow: hidden;
}

footer .gray-bg {
    /*background-color: #AFB4C6;*/
    /*background-color: #CCC;*/
    background-color: #e5ebee;
    padding: 20px 0;
}

.vt-flag {
    padding: 0 0 1rem 0;
}

vt-flag h4,
.vt-flag img {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.red-bg {
    /*    background:#8b0a0a;*/
    /*background:#fcc260;*/
    /*background:#f6a600;*/
    background: #7f9cad;
    overflow: hidden;
}

/*body  .red-bg .white {  color: #183658!important;}*/
body .red-bg .white {
    color: #0f2d42 !important;
}

body.color3 .red-bg .white {
    color: #0F395C !important;
}

body.color4 .red-bg .white {
    color: #0F395C !important;
}

body.color2 .red-bg,
body.color3 .red-bg {
    background: #fcc260;
}

body.color4 .red-bg {
    background: #afb4c6;
}

body.color5 .red-bg {
    background: #fcc260;
}


.white-ribbon {

    background: #8b0a0a url(../img/right-arrow.png) 100% 50% no-repeat;
    background-size: contain;
}

.blue-ribbon {
    background: #fff url(../img/right-arrow-blue.png) 100% 50% no-repeat;
    background-size: contain;
    overflow: hidden;
}

.ribbon-right {
    position: relative;
}

.ribbon-right:after {
    content: "";
    float: right;
    border: 39px solid #8b0a0a;
    width: 39px;
}

.ribbon-right:after {
    border-right-color: transparent;
}

.contentBox {
    padding: 15px;
    overflow: hidden;
}

.contentBox img {
    margin-top: 4px;
}

header .contentBox {
    padding-top: 0px;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.row {
    margin-bottom: 15px;
}

.row-eq-height>[class*='col-'],
[class*='side-bar-menu'] {
    display: flex;
    flex-direction: column;
}

.head-wrapper {
    position: relative;

}

/*End of Boxes*/
/*Generic*/
.no-margin {
    margin: 0 !important;
}

.ucase {
    text-transform: uppercase;
}

.white {
    color: #fff !important;
}

.light {
    font-weight: 400 !important;
}

.text-uppercase {
    margin-bottom: 0px !important;
}

.margin-left {
    margin-left: 1.5rem;
}

/*Misc*/
header hr {
    border-bottom: solid 5px #fff;
    height: 5px;
    /*background: #2f90be;*/
    /*background: #516383;*/
    background: #7f9cad;
    margin: 0;
}

body.color2 header hr {
    background: #f6a600
}

body.color3 header hr {
    background: #ffe5be
}

body.color4 header hr {
    background: #fcc260
}

body.color5 header hr {
    background: #fcc260
}

footer hr {
    border-bottom: solid 5px #fff;
    height: 5px;
    background: #e0e0e0;
    margin: 0;
}

footer .row {
    margin-bottom: 5px !important;
}


/*Logotype*/
.logo {
    margin: 2rem 0 1rem;
}

.logo {
    max-width: 400px;
    position: relative;
    top: 20px;
    margin-top: 0
}


/*i{color:#006ab4;}*/
i {
    color: #0f395c;
}

ul.social-media-icons li {
    display: inline-block;
    list-style-type: none;
}

ul.social-media-icons li a span i {
    transition: all .1s linear;
}

ul.social-media-icons li a:hover span i {
    transform: scale(1.2);
    transition: all .1s linear;
}

ul.lang-container {
    display: block;
    text-align: right;
    padding-top: 1rem;

}

ul.lang-container li {
    display: inline-block;
}


a:focus,
a:hover {
    text-decoration: none;
}

.boatlistitem {
    /*border:1px solid #CCC;*/
    background-color: #e5ebee;
    text-align: center;
    padding: 10px;
    color: #0F395C;
    min-height: 160px;
    margin: 10px;


}

.boatlistitem.forsale {
    min-height: 210px
}

.boatlistitem.fromothership {
    min-height: 0;
    margin: 0 0 10px 0
}

.boatlistitem a {
    font-weight: bolder;
    position: relative;
    display: block;
    color: #0F395C;
}

.boatlistitem .thumbwrapper {
    margin-bottom: 10px;
}

.soldribbon {
    /*background-color: #0ec5d8; SKRIK*/
    background-color: #7F9CAD;
    /*    background-color: #003A5C;*/
    /*background-color: #0F2D42;*/

    padding: 5px;
    color: #FFF
}

.sald.boatlistitem {
    padding: 0px !important;
    padding-bottom: 10px !important;
    min-height: 100px !important
}

.sald.boatlistitem img.img-responsive {
    max-height: 110px !important;
}

.sald.boatlistitem .thumbwrapper {
    margin: 10px !important;
}

.boatlistitem img {
    display: inline;
    margin: 0px;
}

.blueimp-gallery {
    opacity: 0;
    display: none;
}

.panel-default>.panel-heading {
    background-color: #e5ebee;
}

.soldicon {
    position: absolute;
    width: 40%;
    height: auto;
    bottom: 0px;
    right: 0px;
    /*width: 50px;*/
    /*height: 50px;*/
}

.alwayslightblue {
    color: #0EC5D8 !important
}

.mainpicwrapper {
    position: relative;
    /*display: inline-block;*/
    margin-bottom: -4px;
}

.mainpicwrapper img.soldicon {
    width: 20%
}

.mainpicwrapper img.mainpic {
    width: 100%
}

.mainpicwrapper img {
    display: inline;
    /*width: 100%;*/
    margin: 0px;
}


.startslide-inner-content {
    /*position: relative;  can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script 
                            overflow: hidden;  to bound the empty top space created by inner element's top margin */
    position: absolute;
    z-index: 2;
    bottom: 0px;
    margin: 0 auto;
    padding: 10px;
    /*max-width: 600px;*/
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    background-color: rgba(128, 128, 128, 0.8)
}

.startslide-inner-content h1 {
    /*			font-size: 2.5em;
                            margin: 0;*/
}


#startslide-1 {
    height: 357px;
    position: relative;
    /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
    overflow: hidden;
    /* to bound the empty top space created by inner element's top margin */
    /*width: 100px*/
    /*min-height: 100px;*/
    background-color: transparent;
}


@media screen and (max-width: 500px) {
    .logo.img-responsive {
        max-width: 96%;
    }
}

@media screen and (max-width: 981px) {
    #mainarea {
        clear: left
    }

    .logo.img-responsive {
        margin-bottom: 20px;
    }

    .boat_bildspel_image {
        /*opacity: 0.3;*/

        width: 100% !important;
        max-width: 110px !important;
        height: auto !important
    }
}

/* Small devices (tablets, 768px and up) */
@media screen and (min-width: 360px) and (max-width: 768px) {
    #mainarea {
        clear: left
    }

    #mailchimpformdiv .facebookbutton .fbtext {
        padding-left: 0px !important;
        padding-bottom: 20px;
        white-space: nowrap;
    }


    .white-ribbon {
        background-image: none;
    }

    .blue-ribbon {
        background-image: none;
    }
}

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

    .slideouter {
        display: none;
        /*clear: both;*/
    }

    .startpagecontentrow,
    .startpagecontent {
        clear: both;
    }

    #startslide-1 {
        margin-top: 10px
    }

    .typography h1:first-child {
        padding-top: 22px !important;
        margin-top: 22px !important;
    }
}


@media screen and (min-width: 360px) and (max-width: 768px) {

    .contentBox {
        max-width: 100%
    }

    /*Martins egen colfix*/
    .col-smxs-12 {
        width: 50%
    }

}

/* Medium devices   */
@media screen and (min-width: 769px) and (max-width: 991px) {
    .white-ribbon {
        background-image: none;
    }

    ul.dropdown-menu li a {
        color: #2f90be !important;
        border: 0;
    }

}

/* Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 992px) {

    .modalsmall {
        width: 800px !important;
    }

    .side-bar-menu {
        height: 378px;
    }

    .navbar-collapse {
        padding-left: 0 !important;
    }

    .navbar-default .navbar-nav>.open {
        /*background:#2f90be none!important;*/
    }

    .navbar-default .navbar-nav>.open>a {
        background: transparent !important;
        box-shadow: none !important;
    }

    ul.dropdown-menu li a {
        color: #2f90be !important;
        border: 0;

    }

    ul.dropdown-menu li ul li a {
        padding-left: 15px !important;
    }

    .no-padding-left {
        padding-left: 0 !important;
    }

    .no-padding-right {
        padding-right: 0 !important;

        .no-padding {
            padding: 0 !important;
        }

        .navbar-default .navbar-nav>li>a {
            border-right: #fff solid 1px;
            padding: 7px;
            margin: 7px 0;
        }
    }
}

@media (min-width: 1200px) {
    .container {
        width: 100%;
        max-width: 970px !important;
    }

    .no-padding {
        padding: 0 !important;
    }

    .no-padding-left {
        padding-left: 0 !important;
    }

    .no-padding-right {
        padding-right: 0 !important;
    }

    .navbar-default .navbar-nav>li>a {
        border-right: #fff solid 1px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 20px !important;
        margin: 15px 0;
    }

    .navbar-default .navbar-nav>li:not(:first-child) a {
        padding-left: 20px !important;
    }

    .side-bar-menu {
        height: 388px;
    }

    .pull-bottom {
        position: absolute;
        bottom: 0;
        right: 0;
        top: 0;
    }
}

/* CSS Method for adding Font Awesome Chevron Icons */
.accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'FontAwesome';
    content: "\f077";
    float: right;
    color: inherit;
}

.panel-heading.collapsed .accordion-toggle:after {
    /* symbol for "collapsed" panels */
    content: "\f078";
}

.panel-heading {
    cursor: pointer;
}

.key {
    display: none;
}

.img-thumbnail {
    border-radius: 0px !important
}

.modal-dialog {
    position: relative;
    display: table;
    overflow-y: auto;
    overflow-x: auto;
    width: auto;
    min-width: 300px;
}

.modalsmall {
    /*width: 800px;*/
    min-width: 300px;
    max-width: 100% !important;
}

.modal-dialog.smallDeviceModal .modal-header {
    padding: 5px;
    border-bottom: none;
}

.modal-dialog.smallDeviceModal .modal-header p {
    display: none
}

.modal-dialog.smallDeviceModal .modal-header h4 {
    display: none
}

.modal-dialog.smallDeviceModal {
    margin: 0 !important
}


#mailchimpformdiv .modalflag {
    position: absolute;
    right: 50px;
    top: -48px;
}

#mailchimpformdiv .btn {
    /*background-color:  #CCC;color:#FFF;    margin-bottom: 28px;*/

    /*color: #333;*/
    /*background-color: #0EC5D8;*/
    /*border-color: #0EC5D8;*/

}

#mailchimpformdiv #mc_embed_signup .button {
    /*background-color:  #2B588F;color:#FFF;*/
}


#mailchimpformdiv .modal-footer {
    border: none;
    text-align: center
}

#mailchimpformdiv .facebookbutton .fbtext {
    padding-left: 36px;
    white-space: nowrap
}

#mailchimpformdiv facebookbutton .fbimage {}

#mailchimpformdiv .facebookbutton {
    float: right;
    /*border: 1px solid red;*/
    margin-right: 31px;
    margin-top: 2px;
    width: 264px;
    font-weight: bold;
    line-height: 1.44;

}

#mailchimpformdiv .modal-header {
    /*background-color: #2B588F;*/
    background-color: #003A5C;
    color: #FFF;
    text-transform: Uppercase;
}


#panocontainer {
    /*                            position: relative;
                                 top:0px;*/
    /*width: 30px;*/
    margin: 0 auto;
    height: 170px;
    color: transparent;
    /* hide loader */
}

#outerpanocontainer {
    display: inline-block;
    width: 300px;
    /*border: 1px solid green*/
}

#outerpanocontainer .inforuta {
    position: absolute;
    z-index: 999;
    width: 290px;
    top: 5px;
    text-align: center;
    padding-top: 15px;
    display: block;
    background-color: #8b0a0a;
    background-color: rgba(139, 10, 10, 0.9);

}

#outerpanocontainer .playicon {
    position: absolute;
    z-index: 999;
    width: 290px;
    top: 67px;
    height: 94px;
    text-align: center;
    padding-top: 15px;
    display: block;
    background: url('../img/playopac.png') no-repeat center center;
    /*background-color: rgba(139, 130, 10, 0.9);*/

}

body.pagetype-StartPage #outerpanocontainer {
    width: 365px
}

body.pagetype-StartPage #panocontainer {
    height: 233px;
}



/*.shareFbbookbuttonLink {margin-bottom: 20px;clear:both;border:1px solid #ccc}*/

.btn-social.btn-xs {
    /*padding-left: 30px;*/
    margin-bottom: 20px;
}

.PORTALELEMENTSTART.multi {
    /*    display: block;
        margin-bottom: 5px;
    */
    margin-bottom: 3px;
    margin-top: 1px;
    margin-left: 23px;
    display: list-item;
    list-style-type: square;


}

.ekko-lightbox-nav-overlay a.glyphicon-chevron-left,
.ekko-lightbox-nav-overlay a.glyphicon-chevron-right {

    line-height: 23px;
    position: absolute;
    top: 43%;

    font-size: 300%;
    color: rgb(255, 255, 255);
}

.ekko-lightbox .modal-content {
    margin: 0 auto;
    max-width: 82%;

}

.ekko-lightbox-nav-overlay a.glyphicon-chevron-left {
    left: -40px;
}

.ekko-lightbox-nav-overlay a.glyphicon-chevron-right {
    right: -40px;
}

.modal-body .Actions {
    text-align: right !important;
    /*color:red!important;*/
    /*float:right;*/
    /*margin-bottom: 20px;*/
}

.lastOfGenerated a {
    border: none !important
}


.newsletterNavLi a {
    border: none !important
}

.newsletterNavLi {
    /*background: rgba(62,163,230,1);
background: -moz-linear-gradient(left, rgba(62,163,230,1) 0%, rgba(0,106,180,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(62,163,230,1)), color-stop(100%, rgba(0,106,180,1)));
background: -webkit-linear-gradient(left, rgba(62,163,230,1) 0%, rgba(0,106,180,1) 100%);
background: -o-linear-gradient(left, rgba(62,163,230,1) 0%, rgba(0,106,180,1) 100%);
background: -ms-linear-gradient(left, rgba(62,163,230,1) 0%, rgba(0,106,180,1) 100%);
background: linear-gradient(to right, rgba(62,163,230,1) 0%, rgba(0,106,180,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ea3e6', endColorstr='#006ab4', GradientType=1 );*/
}

li.hasData {}

/*li.noData {display: none;color:darkredred}*/
/*li.noData {opacity: 0.3;color:darkredred}*/
/*li .key{opacity: 1;display: inline-block}*/

body.cleanoutput li.noData {
    display: none;
}

body.cleanoutput li .key {
    display: none;
}

form#Form_bidForm #Form_bidForm_BidAmount {
    margin-bottom: 20px;
    border-radius: 4px;
    padding: 5px
}

form .field {
    margin-bottom: 10px;
}

#ForgotPassword {
    clear: both;
    padding-top: 10px;
}