/*
	Theme Name:		ITBMS Theme
	Description:	A child theme of the Twenty Seventeen default WordPress theme
	Author:			eRepasi
	Template:		twentyseventeen
	Created:		21-Januar-2018
	Revision:		26-July-2018
	File:			style-popupBox.css (assets/css/style-popupBox.css)
*/
/*------------------------------------------------------------------------------
		********** The Modal-Box Styles **********
------------------------------------------------------------------------------*/

		/* The Modal (background) */

			.modal {
			    display: none; 							/* Hidden by default */
			    position: fixed; 						/* Stay in place */
			    z-index: 8888; 							/* Sit on top */		/* ? 1 ? for mpopup */
			    padding-top: 100px;
			    left: 0;
			    top: 0;
			    width: 100%; 							/* Full width */
			    height: 100%; 							/* Full height */
			    overflow: auto; 						/* Enable scroll if needed */
			    background-color: rgb(0,0,0); 			/* Fallback color */
			    background-color: rgba(0,0,0,0.4); 		/* Black w/ opacity */
			}

		/* The Modal Content (The Popup Box) */

			.modal-content {
			    position: relative;
			    background-color: #fefefe;
			    margin: auto;
			    padding: 0;
			    width: 75%;
	/*		    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);	*/
			    -webkit-animation-name: animatetop;
			    -webkit-animation-duration: 0.4s;
			    animation-name: animatetop;
			    animation-duration: 0.4s;
				border-radius: 17px;
			}
			@media (max-width: 1080px) {
				  .modal-content {
					    background-color: #fefefe;
					    margin: 10vh auto; 						/* 15% from the top and centered */
					    padding: 0px;
					    border: 3px solid #009475;				/* 3D-border like... */
					    width: 60%; 							/* Could be more or less, depending on screen size */
					}
				}

			.mpopup-head { padding: 2px 16px; background-color: #009475; color: #ffffff; border-radius: 15px 15px 0px 0px; }
			.mpopup-main { padding: 2px 16px; max-height: 600px; text-align: justify; overflow: auto; }
			.mpopup-foot { padding: 2px 16px; background-color: #009475; color: #ffffff; border-radius: 0px 0px 15px 15px; }

		/* add animation effects */

			@-webkit-keyframes animatetop {
			    from {top:-300px; opacity:0}
			    to   {top:0;      opacity:1}
			}
			@keyframes animatetop {
			    from {top:-300px; opacity:0}
			    to   {top:0;      opacity:1}
			}

		/* The Close button style */

			.close {
			    color: #ffffff;
			    float: right;
			    font-size: 28px;
			    font-weight: bold;
			}
			.close:hover,
			.close:focus {
			    color: #000000;
			    background-color: #ff0000;
			    text-decoration: none;
			    cursor: pointer;
			}