/*
    Created on : 3-nov-2016, 12:13:30
    Author     : Wilco
*/


div#container-dock {
	position: fixed; bottom: 0; right: 0;
	width: 100%;
	z-index: 1000;
}

div#container-dock a#toggle-container-dock-outer  {
	background: #AE3B2E;
	color: #fff;
	height: 44px;
	line-height: 44px;
	padding: 0 20px;
	position: absolute; right: 0; top: -43px;
	text-align: center;
	width: 100%;
}

div#container-dock a#toggle-container-dock-outer:hover,
div#container-dock a#toggle-container-dock-outer:focus {
	text-decoration: none;
}

div#container-dock a#toggle-container-dock-inner  {
	color: #ccc;
	position: absolute; right: 20px; top: 10px;
}

div#container-dock a#toggle-container-dock-inner:hover,
div#container-dock a#toggle-container-dock-inner:focus {
	color: #aaa;
	text-decoration: none;
}

div#container-dock-content {
	background: #fff;
	border: 1px solid #0090bc;
	border-bottom: none;
	color: #0090bc;
	padding: 20px;

	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

div#container-dock.closed div#container-dock-content {
	display: none;
}

.btn-green,
.btn-red {
	background:  #25d366;
    border: none;
    border-bottom: 2px solid #128c7e;
    color: #fff;
	display: block;
    float: none;
    font-size: 12pt;
    height: 46px;
    line-height: 44px;
    padding: 0 20px;
    text-align: center;
	text-decoration: none;
	white-space: nowrap;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btn-green:hover,
.btn-red:hover {
	text-decoration: none;
}

.btn-red {
	background: #AE3B2E;
    border-bottom: 2px solid #75030e;
}

div#to-top {
	z-index: 1000;
}

div.bannerBox .block ul {
	min-height: 164px;
}

@media screen and (min-width: 768px) {
	div#container-dock {
		right: 115px;
		min-width: 400px;
		width: auto;
	}

	div#container-dock a#toggle-container-dock-outer  {
		right: 20px; top: -43px;
		text-align: left;
		width: auto;
	}

}