/* CSS Document  www.emellsupplies.se/css/layout.se  202404*/

body {
        font-family:  "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "sans-serif" ;
        font-size: 14px;
        /*border-top-color:#FE5000;
        border-top-width:5px;
        border-top-style:solid;*/
		margin:auto;
	    width:100%;
	    height:auto;
		padding:0; 
		overflow:scroll;		 
		 

        /*margin:auto;*/
        /*margin-left:20px;
        margin-right:20px;*/
        /*padding-left:50%;
        padding-right:50%;*/

        /*background-image: repeating-linear-gradient(135deg, #F3EFEF  0px, #F3EFEF 20px, #F8F8F8 20px,  #F8F8F8 40px);*/
        /*text-align:center;*/

        /*max-width:900px*/
		 
		
}
 
/* Add Zoom Animation */ 

.prodzoom{
        animation-name: animatezoom;

        background-color: grey;
    /*-webkit-animation: animatezoom 4s;*/
    /*animation: animatezoom 4s;*/
        animation-duration: 4s;
        animation-delay:1s;
        /* -moz-transition-duration: 2s; /* firefox */
}
@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)}
    to {-webkit-transform: scale(1)}
}
@keyframes animatezoom {
    from {transform: scale(0)}
    to {transform: scale(1)}
}

.alert-row{
margin-top:10px;
}

.align-right{
    text-align:right;	
	
}
 
.foto{ 
	/*margin:15px;
	padding:10px;*/
	width:100%;
	height:100%;
}


.foto-big{
	width:90%;
	height:90%;
	
}

.meny-row{
	hight: 30px;
	
}

.meny-btn{
	padding:1px;
	padding-left:15px;
	margin:1px;
	font-size: 15px;
	color:black;
	background-color: #FFF;
}
 
.antal-per-sida{	
	    background-color: #FFF;        
        padding-top:20px;
		padding-left:15px;
        margin: 24px 0px 12px 0px;
		height:60px;
		vertical-align:central;
        }
/*@media screen and (max-width: 600px) {
	   .antal-per-sida{
		   height:80px;
	   }
	
}*/
    
.badge{

	/*<a href="" class="btn">Profile<span class="badge">1</span></a>*/
 /*https://codepen.io/GeorgeErickson/pen/ytLeb*/
  display: block;
  position:relative;
  /*position: absolute;*/
  top: -47px;
  right: -32px;
  line-height: 22px;
  height: 26px;
  width:26px;
  padding: 0 8px;
  color: white;
  /*text-shadow: 0 1px rgba(0, 0, 0, 0.25); TWU*/
  /* font-size: 12px;*/
  /* text-align:center; 20200218*/
  text-align:center;
  font-family: "sans-serif" ;   
  font-weight:normal;
  border-width: 1px;
  border-style: solid;
  border-radius: 14px;
  border-color: #FE5000;
  background-color: #FE5000;
}

/*@media screen and (max-width: 960px) {
	.badge{		
	 height: 16px;
     width:16px;
	 border-radius: 8px;
	 top: -28px;
     right: -18px;
	 font-size: 10px;
	 line-height: 16px;
	 text-align:center;
	 padding-left:5px;
	  
	}
}*/

.bestall-losen{
	background-color: white;
	margin-left: 0px;
	margin-top:30px;
	margin-bottom:30px;
	padding-left:20px;
	padding-top:20px;
	
}
 
.bg-grey{
	background-color: #F3EFEF;
        color:#000;	
}

.bg-grey-dark{
	    background-color: #EADFDF;
        color:#000;	
} 
 
.bg-trans{
	   background-color:transparent;
}

/*.bg-white{  _background.css */
 
.brodtext{
        font-size: 12px;
}
 
/* Set a style for all buttons */
button {
    background-color: #FE5000;
    color: white;	 
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    /*width: 100%;*/
}

button:hover {
    opacity: 0.8;
}

button:visit{
	
}
 
.btn-group-login{
                align-self:center;
}

.btn-img{
	background-color: #FFF;
	margin:0px;
	padding:0px;
	
}
 
.btn-index-active{
        width: 30px;
        padding:2px 2px;
		margin-left:2px;
		margin-right:2px;
       /* margin: 24px 4px 12px 4px;*/
        background-color: white;
        color:black;
        border-color:black;
        border-width:thin;
        border-style:solid;

}

.btn-index{
        width: 30px;
        padding:2px 2px;
        /*margin: 24px 0 12px 0;*/
        background-color: white;
        color:black;
        /*border-color:black;
        border-width:thin;
        border-style:solid;*/
        

}

.btn-index-pnkt{
        width: 5px;
        padding:2px 2px;
      
        background-color: white;
        color:black;
         
        

}

.btn-index-sida{
        width: 80px;
        padding:2px 2px;
        /*margin: 24px 0 12px 0;*/
        background-color: white;
        color:black;
        /*border-color:black;
        border-width:thin;
        border-style:solid;*/
       

}
 
.btn-left{
         text-align: left;
	
	
	
}

.btn-link{
         /*font-weight: 100;*/
	      font-size: 20px;
	}

.btn-link-black{
         color: #000;
}

.btn-link-white{
         color: #FFF;
}
 
.btn-search{
        width: 40px;
        padding:2px 2px;

}

.btn-small{
	margin:0px;
	padding:0px;
}

.btn-text{
                
                font-size:14px;
                font-stretch:extra-expanded;
}
 
.card-body-filter{
	   padding-left:25px;
	   padding-right:0px; 
	   border:none;
	
	
}
 
.carousel{
	
	/*height:400px; 200224*/
	width:100%;
	min-height:400px; 
	max-width:100%;
	
}

.carousel-box{
	
	 
	/*max-height:300px;*/
	padding-left: 10px;
	width:auto;
}
  
.carousel-control-prev, .carousel-control-next{	
	/*display:none;*/
	color:cadetblue;
	width: 50px;
}

.carousel-control-prev-icon {
	background-color:transparent;
	text-align:right; 	 
	margin-right:10px;
	padding-right:10px;
	color:#000;
	background: url(//www.klevefors.se/image/arrow-left-mobile.png) no-repeat right white;
	width: 30px;  
	 
}
 
.carousel-control-next-icon {
	text-align:left; 	 
	margin-right:10px;
	padding-right:10px;
	color:#000;
	background: url(//www.klevefors.se/image/arrow-right-mobile.png) no-repeat right white;
	width: 30px;  
	
} 

.carousel-inner {
        /*background-color: #FDD086;*/
        background-color: #F5F5F5;
        margin-bottom:0px;
        padding-bottom:0px;
	    text-align: center;
		/*overflow-x: scroll;*/ 
	    /*left:60px;*/
}


 .carousel-indicators {
   height:0px;
   margin-top:0px;
   padding-top:0px;
   background-color: #FFFFFF;
} 

.carousel-indicators li{
   top:-1px;

}

.carousel-item{
    /*padding-bottom:85px;*/
	padding-leftt:70px;
	align-center:center;
	/*width:100%;*/
	/*margin-left:70px;*/
    width:auto;
	height:100%;
}


.center{
   text-align:center;
}

.close {
    /* Position it in the top right corner outside of the modal */
    position: absolute;
    right: 25px;
    top: 0;   
    font-size: 20px;
    font-weight: bold;
}

/* Close button on hover */
.close:hover,
.close:focus {
    color: #FE5000;
    cursor: pointer;
}



.close-message{
	position: absolute;
	right: 25px;
    top: 0;
	padding-top:0px;
	margin-top:0px;
    color: #fff;
    font-size: 35px;
    font-weight: bold;
	/*color: grey;*/
	background-color:transparent;
	
}


.col-filter-sort{	  
	  background-color:white;	  
	  margin-right:0px;
	  padding-right:15px;	 
      } 


collapse{
	 background-color: #FFFFFF;	
}

.collapse-button{
	background: url(//www.klevefors.se/image/arrow-down.png) no-repeat right white;
	/*width:300px;*/
	width: 100%; 
	padding-right:10px;
	 
} 

.column {
  float: left;
  width: 16.66%;
}
 
.container {
    
   width:100%;
   height:auto;	
   margin-left:0px;
   margin-right:0px;
   
}
.container-menue
{
  height:15%;	
} 

.container-body
{
  height:100%;	
}

.container-head {
    padding: 0px;
	margin:0px;	 
	width:100%;
    max-width:100%;
	height:154px;
}

.container-login{	
	margin-top:60px;
	height:444px;
	width:380px;
	margin-bottom:543px;
	margin-left:auto;
    margin-right: auto;
	border-radius:5px;
	background-color: #FFF;
	color:#000;	
} 

.container-mega {
	margin-left:0px;
	margin-top:2px;
	/*padding-top:67px;   201105*/
	padding-top:10px;
	/*width:900px;    TWU 200219*/
	width:100%;
	/*height:300px;*/
	z-index:50;
	
	
}

.container-100p{
	 width:100%;
	 max-width:100%;
	 margin-left:0px;
	 margin-right:0px;
	 padding-left:0px;	
	 padding-right:0px;
}

.container-960{
        width:960px;
        max-width:960px;
      /*  min-width:960px;		*/ 
        margin:auto;         
		padding-left:0px;
        padding-right:0px;	 

}

.container-960-margin{
        width:960px;
        max-width:960px;
        min-width:960px;
		overflow: scroll;
        background-color: white;
        /*text-align:center;*/
        margin:auto; 
		margin-top:20px;
		margin-bottom:40px;
        /*padding:0px;*/
		padding-left:15px;
        padding-right:30px;

}

.container-fluid {
    /*padding: 0px;*/
	position:relative;
	z-index:10;
}


.container-960-alert{
        background-color:transparent;
        width:960px;
        max-width:960px;
        min-width:960px;

        /*text-align:center;*/
        margin:auto;
		padding-top:15px;
        /*padding:0px;*/

}
 
.container-trans{
        background-color:transparent;
}

.cursor {
  cursor: pointer;
}
 

.custom-select{
        height:34px;
}

 
.fade2 {
    transform: scale(0.9);
    opacity: 0;
    transition: all .2s linear;
    display: block !important;
}

.favorit{
	padding:0px;
	margin:0px;
	 
}
  
.form-control:focus {
	border: 1px solid #000;
	border-color: #000;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(226, 229, 231, 0.6);
	
	
}

.form-group-srlk{
        padding-right:10px;

}



.glyphicons-chevron-left{
    padding-left:0px;	
}

.gron{
    background-color: #85B09A;
}

.grona-val{
    background-color: #1ACB70;
	color:#FFF;
}

.gul{
    background-color: #FDD086;
}




.header-1{
        height:60px;
		margin-left:0px;
		margin-right:0px;
		padding-left:0px;
		padding-right:0px;

}



.heart{
        position: relative;
        padding-top:5px;
        padding-right:5px;
        margin-right:0px;
        top:0px;
        text-align:right;
        z-index:2;
        color:grey;

}

.home-foto-rubr{
	 
	font-size: 20px;
	font-weight: bold;
}
.home-foto-rubr-col{
	margin-left:30px;
}



.hover-shadow:hover {
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}



#heart-id{
           position:relative;
           top:0px;
           left:50px;
         }



.ingress-r{
         
        font-size: 16px;
}
 
   
 
input[type=search] {
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        font-family: inherit;
        font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
        display: none;
}


input[type=search] {


        background: #ffffff url(http://www.klevefors.se/image/2x/search2x.png) no-repeat 10px center;  
		/*background: #ffffff url(http://www.emellsupplies.se/image/2x/search2x.png) no-repeat;
		/*background: #ffffff url(http://www.emellsupplies.se/image/2x/search2x.png) no-repeat fixed right;*/
        /*border: solid 1px #ccc;*/
		/*background-position:right center;*/
        border:none;
		
         
		 padding-top: 9px;
         padding-right: 30px;
         padding-bottom: 9px;
        /* padding-left: 0px;*/
		 
         width: 55px;
        -webkit-border-radius: 10em;
        -moz-border-radius: 10em;
        border-radius: 10em;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;		 
}
input[type=search]:focus {
        width: 130px;
        background-color: #fff;
        border-color: #66CC75;

        -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
        -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
        box-shadow: 0 0 5px rgba(109,207,246,.5);
}


input:-moz-placeholder {
        color: #999;
}
input::-webkit-input-placeholder {
        color: #999;
}

.input-group-text{
        background-color: #FFFFFF;
    border: none;

} 


.img-carousel {
		 width:80%;
		 height:auto;
	     text-align: center;
		
	}



/* Center the image and position the close button */
.imgcontainer {
    text-align: center;
    margin: 24px 0 12px 0;
    position: relative;
}

.imgProdSlide{

        border-radius: 3px;
		vertical-align: middle;
		max-width:400px;
		max-height:500px;
		 
}

.img.avatar {
    width: 40%;
    border-radius: 50%;
}
.img-holder{
        height:70px;
}

.img-kampanj {
        height:70px;
}

.img-hover-shadow {
  /*transition: 0.3s;*/
}

.iphone-back-btn{
	position:absolute;
	padding:0px;
	margin:0px; 
	top:25px; 
	left:25px;	 
	width:24px; 
}

.iphone-back-img{
	width:24px; 
	
}

.iphone-close-btn{
	position:absolute;
	padding:0px;
	margin:0px; 
	top:25px; 
	right:25px;	 
	width:24px; 
}

.iphone-close-img{
	width:24px; 
	
}


.iphone-grp{	 
	 position:relative;
	/* top:0px;
	 left:0px;*/
     width:	100%;
	 height:60px;
     z-index:2000;
	 
	 
	
}



.iphone-logo-btn{
	
	padding:0px;
	margin:0px;
	position:fixed;
	top:5px;
	left:10px;	
	width:150px;
}

.iphone-logo-img{
	     left:20px;	
	     width:100%; 
	     }

.iphone-meny{
	 /*text-align:right;*/
	 padding-right:15px;
	 margin-right:0px;
	 height:25px; 
	 width: 40px;
	 top:25px;
}

.iphone-meny-btn{
	position:relative;
	padding:5px;
	margin:0px; 
	/*top:25px;*/
	left:5px;	 
	width:40px; 
}

.iphone-search-btn{
	background-color: #FFF;
	position:relative;
	padding-left:5px;
	margin:0px; 
	top:5px;
	left:1px;	 
	width:40px; 
}


.iphone-shop-btn{
	position:fixed;
	padding:0px;
	margin:0px; 
	top:23px;
	right:93px;	 
	width:24px; 
}


.ledtext{
         
        font-size: 12px;

}
  

.log-in{
	
	padding-top:10px;
	margin:0px;
	position:relative;
	top:5px;
	left:0px;	
	width:50px;
}

	 
  
 
 
.login-ledtext{
	    text-aling:left;    
	
	
}

.login-modul {
         min-width:300px;

}

.login-modal-content {
    position: relative;
    background-color: #fefefe;
    margin: 5px auto; /* 15% from the top and centered */
    /*border: 1px solid #888;
   /* width: 80%; /* Could be more or less, depending on screen size */
    width:100%;
    max-width: 960px;
    padding: 10px;
    color:#000;
}

.login-row{
	margin-top:20px;
	height:80px;
	padding-left:15px;
	padding-right:15px;
	max-width:100%;
	
}

.login-row-2{
	margin-top:20px;
	height:40px;
}

.login-rubrik-1{	
      	padding-bottom:5px;
		width:100px;
       } 
	 
.login-text {      
        padding:0px;
		margin-top:10px;
		text-align:left;
            } 

.login-underline {
	    background-color: #FE5000;
        height:5px;
        width:100px;
}

.margin-100-proc{
	     width:100%;
	     max-width:100%;
	     margin-left:0px;
	     margin-right:0px;	
        }
		
.margin-90-proc{
	     width:90%;
	     max-width:90%;
	     margin-left:0px;
	     margin-right:0px;	
        }
		
.margin-80-proc{
	     width:80%;
	     max-width:80%;
	     margin-left:0px;
	     margin-right:0px;	
        }	

@media screen and (max-width: 350px) {
     .iphone-logo-img{
	     left:20px;	
	     width:100px; 
	     }
     .iphone-search-btn{
	     position:fixed;
	     padding:0px;
	     margin:0px; 
	     top:23px;
	     right:120px;	 
	     width:24px; 
         }
	
}
 
@media screen and (max-width: 475px) {
	.container-960{
		width:455px; 		 
	              }
}
		
@media screen and (max-width: 600px) {
   /* Extra small devices (phones, 600px and down) */	
	
    body {
        background-color: lightblue;
	    min-width:100%;		
	    padding-right: 0px;
	    margin-right:0px;
	    width:100%;
        }		
    .antal-per-sida{
		height:80px;	     
	    }	
    .carousel {
        width: 100%;
        min-height:200px; 
	    height:auto; 
       }		
    .carousel-indicators {
        top:auto;
        padding-bottom:0px;
        }	
    .carousel-indicators li{
        top:auto;
        }
    .col-filter-sort{	
	    margin-left:25px;
	    padding-top:10px;
        }	
	.column {
        float: left;
        width: 16.66%;
        }	
    .container-960{
		width:580px; 		 
	    }	 
	
	.iphone-logo-img{
	     left:20px;	
	     width:150px;		 
	     }
    .iphone-search-btn{
	     position:relative;
	     padding:0px;
	     margin:0px; 
	     top:5px;
	     right:150px;	 
	     width:24px; 
         }
    .iphone-shop-btn{
	     position:fixed;
	     padding:0px;
	     margin:0px; 
	     top:23px;
	     right:120px;	 
	     width:24px; 
         }
	 .marginleft{
            margin-left:5px;
            } 
		
     .marginleft-30px{
	        margin-left:-40px;
	        }		
     .marginright20{
	        margin-right:40px;
           }
	
	
}

/* 650
@media screen and (max-width: 650px) {
	.container-960{
		width:620px; 		 
	}
}*/

/*700 @media screen and (max-width: 700px) {
	.container-960{
		width:680px; 		 
	}
}
*/

/* 760 @media screen and (max-width: 768px) {
   /* Medium devices (landscape tablets, 768px and up) 



  body {
    background-color: palevioletred;
  }		
  .carousel {
    width: 100%;
    min-height:200px; 
	height:auto; 
  }
  .col-filter-sort{	
	margin-left:25px;
	margin-top:10px;
     }	
  .container-960{
		width:750px; 		 
	}	
	
}
 
@media screen and (max-width: 790px) {
	.col-filter-sort{	
	margin-left:25px;
	margin-top:10px;
     }
} 
/*800 @media screen and (max-height: 800px) {
	.carousel-inner {
	    width:100%;
		height:auto;	
		
	}
	.container-960{
		width:780px; 	
	 }}*/

/*850@media screen and (max-width: 850px) {
	.container-960{
		width:830px; 	
		margin-left:10px;	 
	}
}*/

  

 


@media screen and (max-width: 900px) {
	.container-960{
		width:880px; 		 
	}
}

/*950 @media screen and (max-width: 950px) {
	.container-960{
		width:930px; 		 
	} }*/

@media screen and (max-width: 960px) {
	.container-960{
        width:960px;		 
	} 
}

@media screen and (max-width: 992px) {
   /* Large devices (laptops/desktops, 992px and up) */ 
  body {
    background-color: goldenrod;
  }		
  .carousel {
    width: 100%;
    min-height:200px; 
	height:auto; 
  }
  .carousel-control-prev, .carousel-control-next{ 
	 
	color:cadetblue;
	width: 50px;
}	
  	
	
}

@media screen and (max-width: 1200px) and (orientation: landscape){
  /* Extra large devices (large laptops and desktops, 1200px and up) iphone 11 och gk ipad  gk-pc ej helskärm*/  
	body {
         background-color: orangered;	
         width:100%;
         height:auto;
   /* height:100%;	*/
   /*	height:2000px;*/
         max-width: 1200px;		
    /*max-height:400px;		*/
      		
         }	
   .container {
	     width:100%;
	     max-width: 1200px;		
	          }
	
   .carousel-inner {
	     width:100%;
		 height:auto;	
	   /* max-height:400px;*/
		
	          }
   .img-carousel {
		 width:100%;
		 height:auto;
		 /*max-height:400px;*/
	     text-align: center;
		 padding-bottom: 0px;
		 margin-bottom: 0px;		
	             }
	
    .carousel {
         width: 90%;
         max-height:80%;  
	     height:auto; 
                }
	
}  /* end @media screen and (max-width: 1200px) and (orientation: landscape) */



 ::before, ::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	 
}
.xcarousel-control-prev{
	background-color:transparent;
	 text-  align:right; 
	 padding-right:10px; 	 
	 color:#FFF;
	 justify-content:flex-end;
	
}
.xcarousel-control-next{
	 background-color:transparent;
	 text-align:left; 
	 padding-left:10px; 	 
	 color:#FFF;
	 justify-content:start;
	}
 
/*
.hoger_sida{
	
        background: white;
 }

 
 
.kontakt-box-col{
   padding-left:15px;
   padding-right:15px;	
   padding-bottom:15px;
   max-width:220px;	
}

.kontakta-info{
	padding:15px;
	padding-bottom:30px;
	color:#FFF;
	
}

.kontakta-oss-text{
	 font-family: "euclidflexregularm";
     text-align:left;	
	
}

.kontakta-img{
  text-align:center;
  padding:30px;	
  width:90%;
}

.kontakta-img-cont{
  text-align:center;  
   
}

.kontakta-pers-img{
  text-align:center;
  padding: 0px;	
  padding-bottom:20px;
  width:90%;
}

 
   

*/

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

.margin-top-40{
	    margin-top:40px;
}
.margin-trail{
	     margin-top:30px;	
         }

 .marginleft15{
	    margin-left:15px;
	    } 
 .marginleft25{
	    margin-left:25px;
	    } 	
.marginleft50{
	    margin-left:50px;
	    } 		
		
			

.meny_font{               /*NAVBAR-BS*/
        /* font-size: 14px;*/
        padding: 15px 15px;
        padding-top: 0px;
        padding-bottom: 10px;
        color:black;
}

.meny-iphone{
	    height:812px;		
	
}

.meny-iphone-cont{
	   padding-top:50px;
	   padding-bottom:50px;	
	   width:100%;	
	
}

.meny-iphone-head{
	    height:40px;		
	
}


.meny_head{
	    /*margin-top:15px;*/
        padding-bottom: 25px;
		z-index:100; 	
	
}

 .menu-link{        /*MEGADROP2*/
	padding-top:8px;
	
}

.menu-underline {
	background-color: #FFF;	 
	margin-top:0px;
	margin-right:15px;
	height:5px;
	width:100%;
}

.mina-sidor-info{
	text-align:left;
	padding-bottom:50px;
	
}

.mina-sidor{
        background-color: #FE5000;
        color:#FFF;
}

.mina-sidor-box{
   
	background-color: #FFF;
	text-align:center;
	height:190px; 
	margin:auto;
	margin-bottom:15px;
}

@media screen and (max-width: 960px) {	
   .mina-sidor-col-hoger{
        padding-left:40px;
	    padding-right:40px;
		
         }

}

@media screen and (max-width: 700px) {	
  .mina-sidor-col-hoger{
        max-width:100%;
		
         }
}

.mina-sidor-dropdown{
	padding-top:4px;
	margin-top:0px;
	/*background-color: #FFFFFF;*/
	background-color:transparent;
	text-align:center;
	
}
.nav .dropdown-menu .container-mina-sidor{
	background-color: #FFFFFF;
}
 
.mina-sidor-btn{
        background-color:#FFFFFF;
        max-width:150px;
       /* max-height:180px;*/
		width:100%;
        color:black;
		/*margin:0px;*/
		
		
		padding:5px;
		margin-bottom:20px;
		text-align:center;

}

.mina-sidor-img{
        background-color: #FFFFFF;
        max-width:150px;
        max-height:150px;
		margin-left:auto;
		margin-right:auto;
		width:80%;

}

.mina-sidor-item{
	  background-color: #FE5000;
}


.mina-sidor-meny{
        background-color: transparent;
		/*font-family: "euclidflexregularm";*/
		/*font-family: "euclidflexmedium";
		/*font-family: "euclidflexboldm";*/
        /*font-size: 14px;*/
        color:#000;
		padding-top:3px;
		padding-bottom:3px;
		padding-left:0px;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:0px;
		text-align:left;
}

.mina-sidor-meny_1{
	margin-top:20px;
}

.mina-sidor-rubr{
        margin-top:20px;
        margin-bottom:30px;        
        color:#FFF;       
        padding-left:30px;		
		text-align:left;
}

.mina-sidor-text{
        padding-left:17px;
		margin-left:0px;
		text-align:left;
        }

 
.modal-content {
        position: relative;
    background-color: #fefefe;
    margin: 5px auto; /* 15% from the top and centered */
    border: 1px solid #888;
   /* width: 80%; /* Could be more or less, depending on screen size */
   width:100%;
        max-width: 1200px;
        padding: 0;
        color:#000;
}

 
 

.mySlides {
  display: none;
}

.password{
        /* width:200px;*/
                /*width:100%;*/
                padding:20px;
}
.prick-gul{
	  margin-top:6px;
      width:10px;
      height:10px;
      border-radius:5px;
                        /*background-color:#E9CA25; */
	  background-color:#FFD500;	    
                        /* vertical-align:middle;*/
      vertical-align:      central;



}
.prick-gron{
	  margin-top:6px;
      width:10px;
      height:10px;
      border-radius:5px;           
		                /*background-color:#7CF98B;*/
      background-color:#81FF2E; /*TWU*/

}

.prick-rod{
	  margin-top:6px;
      width:10px;
      height:10px;
      border-radius:5px;
      background-color:#FF0000;
}
 
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
 
.prev{
         left: 0;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  /*background-color: rgba(0, 0, 0, 0.8);*/
   opacity: 0.5;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #B8B4B4;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
 /* background-color: #222;*/
  background-color: #FFF;
  padding: 2px 16px;
  color: white;
}

/**
Fixing bootstrap columns for safari
 */
 
 .row-noll-margin{
	 margin-right: 0px;
     margin-left: 0px;
	 
 }
 
.row:before, .row:after{
 display: inline-block !important;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

 
/* Six columns side by side */

  
/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

 
.right-pos{
margin-right:0px;
padding-right:0px;

}

.right-text{
	text-align:right;
}


.rubrik_3{
         /*font-family:euclidflexboldxl;*/
         /*font-family:euclidflexboldm;*/
         /*font-family:euclidflexregularm;*/
          
         font-size: 16px;
     /*font-weight: bold;*/
 }

.screenwidth{
      display:none;	
}

 .sid-rubrik{ 
          
          font-size: 20px;

   /*  font-weight:400;*/
   /*     padding:4px;*/
        /*  margin-left:30px;*/
          text-align: center;
          color:white;
          width:100%;
 }

 

 .sid-rubrik-grey{
          background:grey;
          font-family:euclidflexboldm;
         /* font-family:euclidflexregularm;*/
          font-size: 20px;

   /*  font-weight:400;*/
   /*     padding:4px;*/
        /*  margin-left:30px;*/
          text-align: center;
          color:white;
          width:100%;
           
 }
 	 .underrubrik{
          
          font-size: 16px;

   /*  font-weight:400;*/
   /*     padding:4px;*/
        /*  margin-left:30px;*/
          text-align: center;
          width:100%;
 }

.sok-line{
        text-decoration:none;
        color:black;
        background-color: #FFFFFF;
		padding-top:0px;
        height:20px;
		/*line-height:1.2;*/
 }
 
 #Sok {
        position:absolute;
        left:490px;
        top:35px;
        width:220px;
        height:70px;
        z-index:5;

        background-color: #FFFFFF;
}

 

.sticky-top{
	/*width:100%;*/
	width:1200;
	z-index:1900;
}

  

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
   /* background-color: #555;*/
    background-color:black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}
 
.tooltip .tooltiptext::after {
	
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
 

.tooltip:hover .tooltiptext tootip::after {
    visibility: visible;
    opacity: 1;
}

  
 
 
 
 
 .dropdown-item{	 
	 padding-top:0px;
	 padding-bottom:0px;
	 padding-right:0px;
	 padding-left:0px;
	 line-height:12px;
	 margin-right:0px;
	 
 }
 
 .dropdown-item-rad-1{	 
     background-color:transparent;
     color:#000;
	 padding-top:0px;
	 padding-bottom:5px;
	 padding-right:0px;
	 padding-left:0px;
	 line-height:30px;
	 margin-right:0px;
	 
 }
 
 .dropdown-btn-rad-1{
	 background-color:transparent;
     color:#000; 
	 padding:0px;
	 padding-left:5px;
	 margin:0px;
	 
 }
 
 
 .dropdown-item-2{	 
     background-color:#fff;
	 color:#000;
	 padding-top:0px;
	 padding-bottom:0px;
	 padding-right:0px;
	 padding-left:0px;
	 line-height:12px;
	 margin-right:0px;
	 border-radius:3px;
	 
 }
 
  .dropdown-item-3{	 
     background-color:transparent;
	 padding-top:0px;
	 padding-bottom:0px;
	 padding-right:0px;
	 padding-left:0px;
	 line-height:12px;
	 margin-right:0px;
	 color:#000;
	 
 }
 
 
 .dropdown-item:hover{
	 text-decoration:underline;
	 background-color:transparent;
	 
 }
 
 .dropdown-item-vit{
	 background-color:#FFF;
	 
 }

.dropdown-klass{     /*MEGADROP2*/ 
    padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;	
	/*height:40px; TWU 200219*/
	height:25px;
}

 
 
 .dropdown-klass{     /*MEGADROP2*/ 
    padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;	
	/*height:40px; TWU 200219*/
	height:20px
}
 
.container-mina-sidor{
	/*position:fixed;
	top:100px;
	right:200px;
	
	text-align:right;
	padding-right:15px; */
	padding-top:0px;
	margin-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	width:100%;
	/*float:right; */
	border-radius:3px;
	/*background-color: #FE5000;*/
	background-color:transparent;
	
}

.container-mina-sidor-2{
	width:100%; 
}
 
.padding-top-bottom{
	 padding-top:20px;
	 padding-bottom:20px; 
}