/* 
    As of 19.JUN.2018 CHAT has been removed.
    Sensible info (Fornuftig kortbruk) is still active.
*/

.sensible-info {
    background-color:#575757;
	border-radius: 5px 0 0 5px;
	right: 0;
    top: 345px;
	width: 160px;
	z-index: 99999;
	height: auto;
	position: fixed;
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-o-transform: translateX(100px);
	-webkit-transform: translateX(100px);
	transform: translateX(100px);
	-moz-transition: all 300ms cubic-bezier(0.39, 0.58, 0.57, 1);
	-o-transition: all 300ms cubic-bezier(0.39, 0.58, 0.57, 1);
	-webkit-transition: all 300ms cubic-bezier(0.39, 0.58, 0.57, 1);
	transition: all 300ms cubic-bezier(0.39, 0.58, 0.57, 1);
	-moz-animation: peek-a-boo 3000ms ease;
	-o-animation: peek-a-boo 3000ms ease;
	-webkit-animation: peek-a-boo 3000ms ease;
	animation: peek-a-boo 3000ms ease;
	-moz-animation-delay: 1000ms;
	-o-animation-delay: 1000ms;
	-webkit-animation-delay: 1000ms;
	animation-delay: 1000ms;
}

.no-animation.sensible-info, .no-animation.sensible-info:hover {
	-webkit-transform: none;
	-ms-transform: none;
	-moz-transform: none;
	transform: none;
	
	-webkit-animation: none;
	-ms-animation: none;
	-moz-animation: none;
	animation: none;
}

@-webkit-keyframes peek-a-boo {
	0% {
		-webkit-transform: translateX(100px);
	}

	15%, 85% {
		-webkit-transform: translateX(0);
	}

	100% {
		-webkit-transform: translateX(100px);
	}
}

@-moz-keyframes peek-a-boo {
	0% {
		-moz-transform: translateX(100px);
	}

	15%, 85% {
		-moz-transform: translateX(0);
	}

	100% {
		-moz-transform: translateX(100px);
	}
}

@-ms-keyframes peek-a-boo {
	0% {
		-ms-transform: translateX(100px);
	}

	15%, 85% {
		-ms-transform: translateX(0);
	}

	100% {
		-ms-transform: translateX(100px);
	}
}

@keyframes peek-a-boo {
	0% {
		transform: translateX(100px);
	}

	15%, 85% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(100px);
	}
}

.sensible-info:hover {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.sensible-info .innerWrap {
	color: #fff;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	margin-left: 10px;
	margin-top:5px;
    margin-bottom:5px;
	line-height: normal;
	overflow: auto;
	max-width: 800px;
	min-width: 320px;
}
    
    .sensible-info .innerWrap #sensibleText {
        float:left;
        height:30px;
        width:50px;
        margin:4px 0;
        font-size:11px;
        font-weight:normal;
        text-align:left;
    }

    .sensible-info .innerWrap .sensibleLink {
        float:left;
        width:100px;
        font-size:11px;
        padding-left:10px;
        padding-right:1%;
        margin:0;
        line-height:35px;
        color:#fff;
        text-decoration:underline;
        font-weight:normal;
    }


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

     .sensible-info { top: 115px; }

}
/* CHAT SLUTT */