/* BACK TO TOP */

/* -------------------------------- 
Main components 
-------------------------------- */
.cd-top {
	display: 				inline-block;
	height: 				34px;
	width: 					34px;
	position: 				fixed;
	bottom: 				85px;
	right: 					12px;
	box-shadow: 			0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: 				hidden;
	white-space: 			nowrap;
	visibility: 			hidden;
	opacity: 				0;
	transition: 			opacity .3s 0s, visibility 0s .3s;
	z-index:				100;
	/* border:					2px solid #ff0000; */
}

#bodyTable a.cd-top, #bodyTable a.cd-top:visited, #bodyTable a.cd-top:hover, #bodyTable a.cd-top:focus, #bodyTable a.cd-top:active {
	color:    				#ffffff;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	transition: 			opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
  /* the button becomes visible */
	visibility: 			visible;
	opacity: 				1;
}

.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	opacity: 				.7;
}

.no-touch .cd-top:hover {
	opacity: 				1;
}

/* Large devices (laptops/desktops, for browsers 992px and LESS) */
@media only screen and (max-width: 992px) {
  .cd-top {
    right: 					12px;
	bottom: 				85px;
  }

}

/* Medium devices (landscape tablets, for browsers 767px and LESS) */
@media only screen and (max-width: 767px) {
  .cd-top {
    right: 					14px;
	bottom: 				85px;
  }
}

/* Extra small devices (phones, for browsers 480px and LESS) */
@media only screen and (max-width: 480px) {
  .cd-top {
    right: 					10px;
	bottom: 				85px;
  }
}