body{
    background-image:url('https://image.ibb.co/nMM5Tm/BACKGROUND.png');
    background-size:200px;
}

a{
    outline:0;
    border:0;
    text-decoration:none;
}

a.fancybox{
    pointer-events: none;
    cursor: default;
}

#clientstable{
	width:1200px;
	height:600px;
	margin:auto;
	margin-top:35px;
}

table.clients{
	margin:auto;
	margin-top:10px;
	font-size:13px;
}

table.clients td.title{
	font-weight:600;
}

table.clients .slot{
	width:70px;
	height:70px;
	background-color: rgba(250,250,250,1);
	border-radius:100%;
	border: 1px dashed #ccc;
	padding:10px;
	-webkit-box-shadow: inset 0px 0px 14px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 14px -6px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 14px -6px rgba(0,0,0,0.75);
    transition:0.1s;
}

table.clients .slot:hover{
    box-shadow: inset 0 0 0 5px #6ec0ac;
    transition:0.1s;
}

table.clients .slot-premiado{
	width:85px;
	height:85px;
	border-radius:100%;
	background-color:rgba(255,255,255,0.9);
	background-image:url('img/premiado.png');
	background-size:cover;
	background-position:center;
	border: 1px dashed #ccc;
	-webkit-box-shadow: inset 0px 0px 14px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 14px -6px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 14px -6px rgba(0,0,0,0.75);
}

table.clients .nome{
	width:100%;
	padding:0;
	text-align:center;
	font-family:'Open Sans';
	font-weight:600;
	font-size:10px;
	text-transform:uppercase;
	color:#555;
	position: relative;
    top: 50%;
    transform: translateY(-50%); 
    transition:0.2s;
}

table.clients a{
    text-decoration:none;
    transition:0.2s;
}

table.clients a:hover .nome{
    color:#6ec0ac;
    transition:0.2s;
}

.fancybox-close{
    display:hidden;
    position:relative;
}