#addchrome:hover{
    opacity: 0.9;
}
body {
text-align: center;
font-family: "courier new", tahoma;
}

.edit{
	border-bottom:1px dotted #C2C2C2;
}
.edit:hover{
	background-color:#F0F0F0;
	cursor: pointer;
}


#gif-title{
	margin-top: 160px;
}

#gifcounter{
	margin-top:20px;
}

#copybtn.zeroclipboard-is-hover {
	color:#0C9ADC;
	cursor:pointer;
}

h1 {
	margin-top: 30px;
	font-family:  "Courier New", Courier, monospace;
}

p, pre {
margin: 0px;
padding: 5px 10px;
font-size: 14px;
margin-top:2px;
font-family: "Courier New", Courier, monospace;
}

a {
color: #ff9933;
font-size: 14px;
text-decoration: none;
}
a:hover {
	text-decoration:underline;
	color: #30A4D4;
}

h2{
	margin-top: 50px;
	color:#5B7C9E;
}

input {
	width:300px;
	height:20px;
	color:#666;
	padding:2px;
	font-size:1em;
}

button {
		height:23px;
		width:70px;
		background-color:#FFF;
		border:1px solid #DDD;
		box-shadow: none !important;
		outline:none;
}
button:hover{
		color:#0C9ADC;
}
.wrapper
{
width:270px;
margin: 0 auto;
}

.centered {
	text-align: center;
}

.share
	{	
		text-align: left;
 		padding-top:15px;
		padding-bottom:10px;
 		width:100px;
 		float:left;
}
.clear { clear: both;}

.sidelogo{
		position:fixed; bottom:0; right:0; z-index: 999;
}

#confirmation{
	display:none;
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
	margin-top:2px;
}

.alert-box {
		color:#555;
		border-radius:10px;
		font-family:"Courier New", Courier, monospace;
		padding:10px 36px;
		margin:10px;
}
.alert-box span {
	font-weight:bold;
	text-transform:uppercase;
}

.previewcomplete {
	background:#e3f7fc 10px 50%;
    border:1px solid #8ed9f6;
}

.installed {
    background:#F1F1F1 10px 50%;
    border:3px dashed #8ed9f6;
    display:none;
    color:#000;
}

.error {
	background:#FFD89D 10px 50%;
    border:1px solid #8ed9f6;
}

#overlay {
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.85) ;
    z-index: 2;
    /*opacity: 0.85;*/
    /*filter: alpha(opacity=85);*/
}
#installpop {
    background-color:#fff;
    padding-top: 1em;
    padding-bottom: 1em;
    width: 100%;
    position: absolute;
    top: 25%;
    z-index: 3;
    /*left: 25%;*/
    text-align:center;
}

.search-page {
	font-size: 25px;
	text-align: center;
}

.search-result {
	position: relative;
	width: 50%;
	cursor: pointer;
}

.search-result img, .search-result video {
	opacity: 1;
	display: block;
	width: 100%;
	height: auto;
	transition: .5s ease;
	backface-visibility: hidden;
}

.copy-gif {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%)
}

.search-result:hover img, .search-result:hover video {
	opacity: 0.3;
}

.search-result:hover .copy-gif {
	opacity: 1;
}

.copy-gif-text {
	background-color: cornflowerblue;
	color: white;
	font-size: 16px;
	padding: 16px 32px;
}