/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default */

.next span
{
	font-size: 40px;
	position: relative;
	top: 6px;
	left: 2px;
}
.prev span
{
	font-size: 40px;
	position: relative;
	top: 6px;
	left: -2px;
}
.close span
{
	font-size: 24px;
	font-weight: normal;
}

.album_preview
{
	height: 170px;
	width: 150px;
	float: left;
	margin: 5px;
	background-color: #eeeeee;
}

.album_detail
{
	display: inline-block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.album_header
{
	width: 80%;
	display: inline-block;
}

.album_actions
{
	float: right;
	display: inline-block;
}

.add_album img
{
    height: 200px;
    width: 200px;
}

.album_full_height
{
	height  : 150px;
	width   : auto;
	opacity : 1.0;
}

.album_full_width
{
	width   : 150px;
	height  : auto;
	opacity : 1.0;
}

.photo
{
	position: relative;
	overflow: hidden;
	height: 200px;
	width: 200px;
	border-radius: 25px;
	display: inline-block;
	border: 1px solid gray;
	background-color: black;
	margin: 0px 5px 5px 0;
}
.photo a img
{
	height: 200px;
	position: absolute;
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
	margin: auto;
}
.photo_thumbnail
{
    display: initial;
    width: 100px;
/*	height: 80px; */
    overflow: hidden;
}

.photo_thumbnail img
{
	height: 100px;
}

.photo_actions
{
	text-align: right;
}

.photo_full_height
{
	height  : 80px;
	width   : auto;
	opacity : 1.0;
}

.photo_full_width
{
	width   : 80px;
	height  : auto;
	opacity : 1.0;
}

.blueimp-gallery > .slides > .slide
{
	visibility: visible;
}

.manage_list
{
    overflow-y: auto;
    height: calc(100% - 60px);
	margin: 25px 0 0 0;
}

.photo_filename
{
    display: none;
}

.btnmargin
{
    margin-top: 5px;
}

/* Extra small devices (phones, 480px and up) */
@media (min-width: 480px)
{
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px)
{
	.album_preview
	{
		height: 220px;
		width: 200px;
		float: left;
		margin: 5px;
		background-color: #eeeeee;
	}

	.album_full_height
	{
		height  : 200px;
		width   : auto;
		opacity : 1.0;
	}

	.album_full_width
	{
		width   : 200px;
		height  : auto;
		opacity : 1.0;
	}

	.photo_full_height
	{
		height  : 80px;
		width   : auto;
		opacity : 0.1;
	}

	.photo_full_width
	{
		width   : 80px;
		height  : auto;
		opacity : 0.1;
	}

	.album_full_height
	{
		height  : 200px;
		width   : auto;
		opacity : 0.1;
	}

	.album_full_width
	{
		width   : 200px;
		height  : auto;
		opacity : 0.1;
	}
    
    .photo_filename {
        display: block;
    }

    .btnmargin {
        margin-top: 0;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px)
{
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)
{
}