/*@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('//fast.fonts.net/cssapi/3386bba2-20a4-4c7e-a4ac-777992badb28.css');*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,500;0,600;1,100;1,200;1,300;1,500;1,600&display=swap');

/*
    Om utrymmet för onlinebokningen ska vara mindre än default, vilket är 1200px
    ska containerwidth ändras i nedanstående @media-quiries.
    Ändra på de rader vars min-width är större än den tänkta bredden och sätt sen containerwidth till den tänkta bredden på alla berörda queries

*/

/*@media (min-width:768px)
    {
        .container{width:600px}
    }*/
@media (min-width:992px)
    {
        .container{width:960px}
    }
@media (min-width:1200px)
    {
        .container{width:960px}
        
    }


/*Bakgrundsfärg*/
body {
    background-color: #ffffff;
    /*font-family: 'Futura PT W01 light','Futura light' ,'Arial light' ,'Poppins' !important;*/
	font-family: 'Jost', sans-serif  !important;
	font-weight:300;
    font-size: 2.0em;
}

/*Objektrubrikerna i sökresultatet*/
.objectHeader {
	color: #333;
}

.main-header-alpstigen{
  background-color: #204F5C;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
 align: center;
}

.main-header-img-container {
	margin: auto;
	width: 960px;
	height: 100px;
	max-width:960px;
	padding: 10px;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.main-footer-alpstigen{
  background-color: #204F5C;
  height: 100px;
  display: flex;
  align-items: center;
  align: center;
  justify-content: center;
  margin: auto;
}
.narrow15{
    padding: 8px 0px 8px 0px;
}

#divMainCals .col-sm-6{
    margin-bottom: 10px;
}

#divMainCals{
    border: none;
    border-bottom: none;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 20px;
    background-color: #eee;
}




.row#searchfield, .row#divMainCals{
    margin: 0px;
}
#searchfield{
    border: none;
    border-top: none;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 20px;
    margin-bottom: 30px !important;
    background-color: #eee;
}

#searchtop{
    margin-bottom: 30px;
}

#topHeaderrow{
    margin-top: 20px;
    margin-bottom: 20px;
}
/* Det normala priset när inga rabatter är inblandade*/
h4.objectPrice {
     width: 100%; 
     font-weight: bold;
     text-align: right;
}

/* Det rabatterade priset*/
h4.objectDiscountPrice {
    width: 100%; 
    font-weight: bold;
    text-align: right;
    color:red;
}

/* Ordinarie pris innan rabatt*/
h5.objectGrossPrice{
    width: 100%; 
    font-weight: bold;
    text-align: right;
    color:grey;
    text-decoration: line-through;
}

/*Hur ett objekt visas i sökresultatet*/
.object {
    border-radius: 5px;
    background-color: #eee;
    border: none;
}

/* Ett objekt som ingår i en grupp*/
.PartOfGroup {
    background-color: #6dcff6;
}

/*Själva gruppobjektet som visar sammanställningen av information*/
.ParentOfGroup {
  background-color: #00529b;
  background: -webkit-linear-gradient(#6dcff6, #00529b); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#6dcff6, #00529b); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#6dcff6, #00529b); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#6dcff6, #00529b); /* Standard syntax */
}

/*Navigeringsmenyn i överkant*/
.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

.navBtn{
   background: white;
}

#btnKeywords{
    background-color: white;
    color: black;
}
#btnKeywords:hover{
    background-color: #d81f5c;
    color:white;
}

.btn{
  font-size: 18px;
}
#btnCleanResult{
	/*display: none;*/
    background-color: #E87F5D;
    color: white;
    border: none;
  border-radius: 20px !important;
   
}

#btnCleanResult:hover{
    background-color: red;
    color:white;
	opacity: 0.6
}

#searchtop {
	/*display: none;*/
}

#searchtop li.dropdown {
	display: none;
}

/*Aktivt val*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #aaa;
    color: #555;
}

/*Ej valt alternativ*/
.navbar-default .navbar-nav > li > a {
    color: #777;
}

/*Utseende på knappar*/
.btn-default {
  border-radius: 20px !important;
  background: #E87F5D;
  border-width: 0;
  color: white;

}
.btn-default:hover {
    opacity:0.6;
    background: #E87F5D;
}
.btn-group{
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

.btn-group>.btn{
    width: auto;
    margin-right: 10px;
}

/*Utseende på knappar i kassa & framåt inkl mina sidor går det att även använda nedanstående css-klass. Behöver blaceras efter btn-default i css-filen*/
.buttonstyle {
  background: rgb(143,196,0);
  border-color: #000;
  border-width: 1px;
  border-radius: 0 !important;
}

.buttonstyle:hover {
  background: rgb(143,196,55);
  border-color: #000;
  border-width: 1px;
  border-radius: 0 !important;
}

/*.btn-default:hover {
  background: -webkit-linear-gradient(#fff, #358aae); 
  background: -o-linear-gradient(#fff, #358aae); 
  background: -moz-linear-gradient(#fff, #358aae); 
  background: linear-gradient(#fff, #358aae); 

}*/

/* Till bokningsknappen*/
.btn-primary, .btn-success {
  border-radius: 20px !important;
  background: #F5C06A;
  border: none;
  color: white;
  border-color: none;
}


.btn-primary:hover , .btn-success:hover, .btn-success[hover], .btn-success.focus {
background: #F5C06A !important;
  color: white;
opacity:0.6;
border: none;

}

.btn-primary:disabled , .btn-success :disabled, .btn-success[disabled]{
background: #F5C06A !important;
  color: white;
opacity:0.6;
border: none;
}


/*Utseende på negativa knappar*/
.btn-warning, .btn-warning:hover {
  background: #FF3300;
  border-width: 0;
  border-radius: 20px !important;
  color: #fff;
}

/* knappar för bla kalenderinformation, Minbokningssida */
.btn-info {
  width:100%;
}

.btn-info:hover {
  
}

/*Varningsinformation för cookies*/
.navbar#cookieInfo   {
    background-color: #CC0000;
    border-bottom: 3px solid #761212;
}

.cookieInfoText {
    font-weight: bold;
    color: #eee !important;
}


/*Objektbeskrivningstext under "läs mer"*/
.Objektbeskrivning {
    margin-top:6px;
}




/*Default Rubrik i produktbladet för beskrivningar/vägbeskrivning etc*/
.ObjdescrHeader.ui-state-default {
    background-color: #edc;
}

/*Default Rubrik i produktbladet för beskrivningar/vägbeskrivning etc*/
.ObjdescrHeader.ui-state-default.ui-state-hover {
    background-color: #345;
}


/*Aktiv Rubrik i produktbladet för beskrivningar/vägbeskrivning etc*/
.ObjdescrHeader.ui-state-default.ui-state-active {
    background-color: #cde;
}

/*Text flikarna*/
.ObjectDescr  {
    /*font-family: 'Times New Roman', Times, serif;*/
   
}

.ui-widget  {
    /*font-family: 'Times New Roman', Times, serif;*/
   
}


/* Yta för beskrivning av tilläggen (tilläggssidan)*/
.tillaggBeskrivning {
    background-color: #d3f3e2;
}

/* Tabell på MinBokning som visar betalninsginfo*/
.ekonomiInfo {
    border: 1px solid black;
}

.ekonomiInfo th {
    padding: 3px;
    border: 1px solid #52CCA3;
    background-color: #52CCA3;
}

.ekonomiInfo td {
    padding: 3px;
    border: 1px solid #52CCA3;
}

/* Tabell på MinBokning för beställda objekt*/

.box td.header {
    background-color: #52CCA3;
    font-weight: bold;
}

.box td.bottomrow {
    background-color: #DCF5ED;
    font-weight: bold;
    font-size: larger;
}

.box td, .box th {
    padding: 3px;
}


.box {
    border: 1px solid #52CCA3;
    padding: 3px;
}


/* MinBokning, Summeringsboxen längst ner som berättar vad som är betalt oc vad som återstår*/
.summering {
    border: 1px solid #787D82;
    background-color: #bec7ce;
    padding: 3px;
    margin-top: 10px;
}

.summering td {
    padding: 3px;
    font-weight: bold;
}

.summering td.col2 {
padding-left: 10px;
}

.mnuAccomodation{
  
  a{
    background: white;
    color:black;

  }
}


/*Kompletteringsknappar på Kundkorg, standardfärg*/
 .nav-pills > li {
    background-color: #E87F5D; /*#428bca*/ /*#337ab7*/  /*#CC2900*/
    border-radius: 4px;
    color: #fff;
}

/*Kompletteringsknappar på Kundkorg, standardfärg*/
 .nav-pills > li >a{

    color: #fff;
}

 /*Kompletteringsknappar på Kundkorg, standardfärg*/
 .nav-pills > li> a:hover,  .nav-pills > li > a.focus {
    background-color: #E87F5D; /*#428bca*/
    border-radius: 4px;
    color: #fff;
	opacity: 0.6
}
    /* Kalenderutformning (Produktblad) */
    /* Valbart datum i ankomstkalender */
     .arrival .ui-state-default   {
        background: #577800;
        color: #fff;
        font-weight: bold;
        text-shadow:0 -1px 0 #669E00;
        color:#fff;
        border:2px solid #000;

        background: rgb(143,196,0); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(143,196,0,1) 0%, rgba(107,165,0,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,196,0,1)), color-stop(100%,rgba(107,165,0,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* Opera 11.10+ */
        background: linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#6ba500',GradientType=0 ); /* IE6-9 */
      
    }
    /* Valbart datum i avresekalender */
    .available  .ui-state-default   {
        background: #8fc400 ;
        color: #fff ;
        font-weight: normal ;
        text-shadow:0 -1px 0 #669E00 ;
        color:#fff;
        border:2px solid #8fc400 ;
        background: rgb(143,196,0); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(143,196,0,1) 0%, rgba(107,165,0,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,196,0,1)), color-stop(100%,rgba(107,165,0,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* Opera 11.10+ */
        background: linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#6ba500',GradientType=0 ); /* IE6-9 */
      
    }

    /* Upptaget datum */
    .booked  {
        background: #e53c16 ; 
        color: #fff ;
        font-weight: normal ;

        text-shadow:0 -1px 0 #B21203 ;
        color:#fff;
        border:2px solid #e53c16 ;
        border-radius:4px;
        background: rgb(229,60,22); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(229,60,22,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,60,22,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
        background: linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e53c16', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
              
    }

 /* valt datum */
 .ui-state-active, .ui-widget-content .ui-state-active {
    background: #3399FF;
    font-weight: bold;
    color: #fff;
    border-color: #333399;
    text-shadow: 1px 1px 1px #000;
}


/* Special */
li > p.navbar-text {
	display:none;
}

#btnKeywords {
	display:none;
}

.holder {
	display:none;
}