@charset "utf-8";
/* CSS Document */

#popup-container				{z-index: 1000; display: none; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%;}

#popup							{width: 776px; overflow: auto; box-shadow: 0 0 45px #111; margin: 0 auto;
								 position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}

#popup-header					{}
#popup-header div:first-of-type	{cursor: pointer; width: 3.6rem; height: 3.6rem; margin: 0;
								 background: url('/images/svg/go-back-left-arrow.svg') no-repeat center center; background-size: 1.2rem;}
#popup-header div:last-of-type	{color: white; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 1.2rem;}

#popup-content					{width: 100%; min-height: 500px; max-height: 550px; border: none; overflow: scroll; overflow-x:hidden; background-color: #fff;}
#popup-content > div 			{padding: 1rem}

#popup-user-search				{background-color: #f2f2f2; padding: 0.3rem 0.8rem 0.2rem 0.8rem !important;}

/* Style for thumbnail view */
ul.ThumbView * 					{margin: 0px; padding: 0px;}
ul.ThumbView					{margin: 0px; padding: 0px;}
ul.ThumbView li 				{width: 15.5em; height: 12em; margin: 0 0 5em 0; float: left; display: inline; position: relative; text-align: center; }
ul.ThumbView li div				{width: 15em; position: absolute; bottom: 0; left:0;}
ul.ThumbView li p 				{position: absolute; top: 100%; left: 0; padding: 3px; width: 15em;}
.ListImages 					{display: block; margin: 0px auto 0 auto;}
ul.ThumbView em 				{display: block; font-weight: bold;}

#popup-image-container			{overflow: auto;}

@media only screen and (max-width: 776px){
#popup							{position: absolute !important; top: 0; right: 0; bottom: 0; left: 0; width: 100%; box-shadow: none; -webkit-transform: none; -ms-transform: none; transform: none;}
#popup-content					{height: auto; position: absolute; top: 3.6rem; bottom: 0; overflow-y: scroll;}
}