@font-face {
  font-family: "coolvetica";
  src: url('fonts/coolvetica/coolvetica.ttf') format('truetype');
}




body {margin: 0px auto;
    font-family: coolvetica; color: #000;
	font-size: 1em;
	font-weight: normal;
}

a:link, a:active, a:hover, a:visited {
    font-family: coolvetica; color: #000;
	font-size: 1em;
	font-weight: normal; text-decoration:none;
}

a:-webkit-any-link {
    font-family: coolvetica; color: #fff;
	font-size: 1em;
	font-weight: normal; text-decoration:none;
}






a.simple:link, a.simple:active, a.simple:hover, a.simple:visited {
    font-family: coolvetica; color: #000;
	font-size: 1em;
	font-weight: normal; text-decoration:underline;
}



#queued_galleries{
width:1250px; height:auto; float:left; margin-bottom:25px;
}


#id{
width:60px; height:20px;
background-color: #fff; margin:2px; float:left;

}



#queued_galleries_bg{
width:1250px; height:auto; float:left;
background-color: #f5f5f5; margin:2px;

}




#added{
width:100px; height:20px;  margin:2px; float:left; margin-left:20px;

}

#orig_date{
width:100px; height:20px;  margin:2px; float:left; margin-left:20px;

}

#orig_url{
width:650px; height:20px; background-color: #fff; margin:2px; float:left; margin-left:30px;

}



#scan{
width:30px; height:20px;  margin:2px; float:left; margin-left:20px;

}

a.scan:link, a.scan:active, a.scan:hover, a.scan:visited {
    font-family: coolvetica; color: #000;
	font-size: 1em;
	font-weight: normal; text-decoration:underline;
}


#delete{
width:30px; height:20px;  margin:2px; float:left; margin-left:25px;

}



#save{
width:30px; height:20px;  margin:2px; float:left; margin-left:20px;

}










a.errormsg:link, a.errormsg:active, a.errormsg:hover, a.errormsg:visited {
    font-family: coolvetica; color: #ff0000;
	font-size: 1em;
	font-weight: normal; text-decoration:none;

}









@media screen and (max-width: 600px){
    ul.topnav li {float: none;}
}

.topnav, a.topnav:link, a.topnav:active, a.topnav:hover, a.topnav:visited, a.topnav:focus {
    font-family: coolvetica; color: #fff;
	font-size: 1em;
	font-weight: normal; text-decoration:none;
}




ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #5f5f5f;
}

li {
    float: left;
}

li a, .dropbtn {
    display: inline-block;

    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: #4CAF50;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}


/* menu end */






a img
{
	border: none; cursor: pointer; border-radius:5px 5px 0 0; z-index: 1;  margin-top: -16px;
}

a img:hover {
    opacity: .7;
}



/*   */
h1 {
font-size: 100%;
color: #000000;
}

table {
    width: 100%;
}
th {
    background-color: #7f7f7f;
    color: white; text-align: left;font-weight: normal; padding: 5px;
}

tr:nth-child(even){background-color: #f2f2f2; height:40px}

.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 10px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}
.button:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

select {
	display: inline;
	padding: 6px 35px 6px 6px!important;
	max-width: 100%; height: auto !important;
	border: 1px solid #e3e3e3; border-radius: 3px;
	background: url("https://image.ibb.co/iMeAJv/selectbox_arrow.png") right center no-repeat;
	background-color: #fff; color: #444444; font-size: 15px;
	line-height: 16px !important;
	appearance: none; /* this is must */
	-webkit-appearance: none;
	-moz-appearance: none; } /* body select.select_box option */
	body select option { padding: 0 4px; font-size:15px;} /* for IE and Edge */
	select::-ms-expand { display: none; }
	select:disabled::-ms-expand { background: #f60; }


input {
	border: 1px solid #e3e3e3; border-radius: 3px;padding: 6px 12px; font-size:15px;
}
	input[type="file"] {
	    display: none;
	}
	.custom-file-upload {
	    border: 1px solid #e3e3e3; border-radius: 3px;font-size:15px;
	    display: inline-block;
	    padding: 6px 12px;

	}











	footer {margin:0 auto;clear:both; padding:1px;  text-align:center; background-color:#e9e9e9; border-radius:6px; margin-top:30px; margin-bottom:10px}

	#pagination { width:auto; height:auto; text-align:center; clear:both; margin-top:20px; }
	.pagination {margin:0 auto;clear:both; padding:1px;  text-align:center; background-color:#e9e9e9; border-radius:6px;}
	.pagination ul {margin:0; padding:0; text-align:center;   }
	.pagination li {
		list-style-type: none;
		display: inline-block;  margin-top:10px; margin-bottom:10px;
		padding-bottom: 0px; float:none;
	}
	.pagination a {padding:2px 10px; border:2px solid #fff; border-radius:4px; text-decoration:none; color:#626262; background-color:#fff;  margin-right:5px;
	   -moz-box-shadow:    inset 0 0 10px #ccc;
	   -webkit-box-shadow: inset 0 0 10px #ccc;
	    box-shadow:        inset 0 0 10px #fff;}

	.pagination a:hover, .pagination a:active {border:2px solid #fff; color: #000; background-color:#e5e5e5; }

	.pagination span.currentpage {background-color:#e5e5e5; border-color:#fff; border-radius:4px;  cursor:default; color:#000; cursor:not-allowed;}
	.pagination span {padding:2px 10px; border:2px solid #fff; border-radius:4px; text-decoration:none; color:#626262; background-color:#fff;  margin-right:5px;
	   -moz-box-shadow:    inset 0 0 10px #ccc;
	   -webkit-box-shadow: inset 0 0 10px #ccc;
	    box-shadow:        inset 0 0 10px #fff;}



@media screen and (min-width: 313px) {

    #header {max-width: 313px; }

#grid-container {
   width: 100%;
    max-width: 313px;
    margin: 2em auto;
}

.cols {
    -moz-column-count:1;
    -moz-column-gap: 0.5%;
    -moz-column-width: 30%;
    -webkit-column-count:1;
    -webkit-column-gap: 0.5%;
    -webkit-column-width: 30%;
    column-count: 1;
    column-gap: 0.5%;
    column-width: 30%;
}
}



@media screen and (min-width: 625px) {

    #header {max-width: 625px; }

#grid-container {
   width: 100%;
    max-width: 625px;
    margin: 2em auto;
}

.cols {
    -moz-column-count:2;
    -moz-column-gap: 0.5%;
    -moz-column-width: 30%;
    -webkit-column-count:2;
    -webkit-column-gap: 0.5%;
    -webkit-column-width: 30%;
    column-count: 2;
    column-gap: 0.5%;
    column-width: 30%;
}
}



@media screen and (min-width: 938px) {

  #header {max-width: 938px; }

#grid-container {
   width: 100%;
    max-width: 938px;
    margin: 2em auto;
}

.cols {
    -moz-column-count:3;
    -moz-column-gap: 0.5%;
    -moz-column-width: 30%;
    -webkit-column-count:3;
    -webkit-column-gap: 0.5%;
    -webkit-column-width: 30%;
    column-count: 3;
    column-gap: 0.5%;
    column-width: 30%;
}
}


@media screen and (min-width: 1250px) {

  #header {max-width: 1250px; }

#container {
	width: 1250px; height:auto;
	margin: 0px auto;
}

#grid-container {
   width: 100%;
    max-width: 1250px;
    margin: 2em auto;
}

.cols {
    -moz-column-count:4;
    -moz-column-gap: 0.5%;
    -moz-column-width: 30%;
    -webkit-column-count:4;
    -webkit-column-gap: 0.5%;
    -webkit-column-width: 30%;
    column-count: 4;
    column-gap: 0.5%;
    column-width: 30%;
}
}


#gl_container { margin:5px; display:inline-block; background-color:#f2f2f2; border-radius:5px; text-align:center; }

#gl_site {
    position: relative; margin:0px; cursor: default;   top: -10px; left: -147px;
    display: inline-block;
    /*  border: 1px red solid;  */
    font-size: 0;
}
#gl_site .ste{ position: absolute; width:30px; height:20px; background: rgb(218, 57, 57); color:#e4dada; font-size: 14px; z-index: 2; border-radius: 50%; padding: 10px 6px 10px 6px;  opacity: .7;}
#gl_site:hover .ste{ opacity: .4; }



#gl_pcs {
    position: relative; margin:0px; cursor: default;   top: 35px; left: -150px;
    display: inline-block;
    /*  border: 1px red solid;  */
    font-size: 0;
}
#gl_pcs .ste{ position: absolute; width:30px; height:20px; background: rgb(46, 236, 106); color:#6b3737e6; font-size: 14px; z-index: 2; border-radius: 50%; padding: 10px 6px 10px 6px;  opacity: .7;}
#gl_pcs:hover .ste{ opacity: .4; }






.gl_model { position: relative; margin:0px; padding: 5px; height:20px; background: rgba(0,0,0,.6); color:#ffffff9e; top: -33px; font-size: 14px; z-index: 2;}
.gl_model:hover { opacity: .6; }


#gl_tags { width:auto; height:25px; padding:0px; margin-top:-25px; background-color:#f0f0f0; border-radius:0 0 5px 5px; }


a.tgs { font-size: 1em; text-decoration:none; cursor: pointer; background: rgba(255, 255, 255, 0.38); border-radius: 5px; border:1px solid #efe9e9; }
a.tgs:link, a.tgs:active, a.tgs:hover, a.tgs:visited { color: #715f5fc2; margin:2px; padding:3px;}

a.mdl { font-size: 1em; text-decoration:none; cursor: pointer; }
a.mdl:link, a.mdl:active, a.mdl:hover, a.mdl:visited { color: #ffffffc2; margin:2px; padding:3px;}






#mdl_bx_c { margin:5px; padding:25px 0 15px 0; display:inline-block; background-color:#f2f2f2; border-radius:5px; text-align:center; width:300px;}
#mdl_m { display:inline-block; width:auto; height:25px; padding:0px; margin-top:-25px; background-color:#f0f0f0; border-radius:0 0 5px 5px; }
a.mdls { font-size: 1em; text-decoration:none; cursor: pointer; background: rgba(255, 255, 255, 0.38); border-radius: 5px; border:1px solid #efe9e9; }
a.mdls:link, a.mdls:active, a.mdls:hover, a.mdls:visited { color: #715f5fc2; margin:2px; padding:3px;}


#nwk_bx_c { margin:5px; padding:25px 0 15px 0; display:inline-block; background-color:#f2f2f2; border-radius:5px; text-align:center; width:300px;}
#nwk_m { display:inline-block; width:auto; height:25px; padding:0px; margin-top:-25px; background-color:#f0f0f0; border-radius:0 0 5px 5px; }
a.nwks { font-size: 1em; text-decoration:none; cursor: pointer; background: rgba(255, 255, 255, 0.38); border-radius: 5px; border:1px solid #efe9e9; }
a.nwks:link, a.nwks:active, a.nwks:hover, a.nwks:visited { color: #715f5fc2; margin:2px; padding:3px;}

#frs_bx_c { margin:5px; padding:25px 0 15px 0; display:inline-block; background-color:#f2f2f2; border-radius:5px; text-align:center; width:300px;}
#frs_m { display:inline-block; width:auto; height:25px; padding:0px; margin-top:-25px; background-color:#f0f0f0; border-radius:0 0 5px 5px; }
a.frss { font-size: 1em; text-decoration:none; cursor: pointer; background: rgba(255, 255, 255, 0.38); border-radius: 5px; border:1px solid #efe9e9; }
a.frss:link, a.frss:active, a.frss:hover, a.frss:visited { color: #715f5fc2; margin:2px; padding:3px;}


#adv { width:300px; height:auto; margin:5px; padding: 35px 0 15px 0; display:inline-block; background-color:#f2f2f2; border-radius:5px; text-align:center;}