/*                       */
/* Alert Modal Container *//*////////////////////////////////////////////////*/
/*                       */

.alert-modal-container
{

	position: fixed;

	visibility: hidden;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;

	min-width: calc(100vw - (100vw - 100%));
	max-width: calc(100vw - (100vw - 100%));

	height: 100%;
	max-height: -webkit-fill-available;
	max-height: 100vh;

	padding: 10px;

	z-index: 9999;

	background-color: rgba(0,0,0,0.5);

	opacity: 0;

	transition: opacity 0.2s linear;

}

.alert-modal-container.show
{

	opacity: 1;

}

.alert-modal-container.alert-full-screen 
{

	padding: 0;

}





/*                                      */
/* Alert Modal Full Screen Close Button *//*/////////////////////////////////*/
/*                                       */

.alert-modal-full-screen-close-button
{

	position: absolute;

	right: 10px;
	top: 10px;

	margin: 3px;

	color: rgba(70,70,70,1);
	font-size: 22px;

	z-index: 20;

	cursor: pointer;

	background-color: transparent;

	border: 2px solid rgba(70,70,70,0);

	border-radius: 3px;

	transition: color 0.2s linear,
				border-color 0.2s linear;

	outline: none;

}

.alert-modal-full-screen-close-button:hover
{

	color: rgba(140,140,140, 1);

}

.alert-modal-full-screen-close-button:focus
{

	border: 2px solid rgba(70,70,70,1);

}

.alert-modal-full-screen-close-button:active
{

	transform: translate(1px, 1px);

}

.alert-full-screen .alert-full-screen-close-button
{



}




/*             */
/* Alert Modal *//*//////////////////////////////////////////////////////////*/
/*             */

.alert-modal
{

	max-width: calc(100% - 20px);

	max-height: 100%;

	border-radius: 5px;

	background-color: white;

	transform: scale(0);

	transition: transform 0.2s ease-in;

	box-shadow: 0 0 5px 2px rgba(0,0,0,0.5);

}

.alert-modal-container.show .alert-modal
{

	transform: scale(1);

}

.alert-full-screen .alert-modal
{

	width: 100%;
	max-width: 100%;

	height: 100%;

	border-radius: 0;

}





/*                    */
/* Alert Modal Header *//*///////////////////////////////////////////////////*/
/*                    */

.alert-modal-header
{

	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;

	font-size: 20px;
	color: rgba(70,70,70,1);

	padding: 10px 15px;

	background-color: rgba(240,240,240,1);

	border-bottom: 1px solid gray;

	border-radius: 5px 5px 0 0;

}

.alert-full-screen .alert-modal-header
{

	display: none;

}





/*                  */
/* Alert Modal Icon *//*/////////////////////////////////////////////////////*/
/*                  */

.alert-modal-icon
{


}





/*                   */
/* Alert Modal Title *//*////////////////////////////////////////////////////*/
/*                   */

.alert-modal-title
{

	font-weight: bold;

}





/*                   */
/* Close Alert Modal *//*////////////////////////////////////////////////////*/
/*                   */

.close-alert-modal
{

	font-size: 23px;

	cursor: pointer;

}

.close-alert-modal:hover
{

	transform: scale(1.05);

}

.close-alert-modal:active
{

	transform: scale(0.95);

}





/*                     */
/* Alert Modal Message *//*//////////////////////////////////////////////////*/
/*                     */

.alert-modal-message
{

	display: flex;
	flex-direction: column;
	align-items: center;

	width: 500px;
    max-width: 100%;
	max-height: calc(100vh - 80px);

	overflow-y: scroll;
	overflow-x: hidden;

	padding: 20px;

	text-align: center;

}

.alert-full-screen .alert-modal-message
{

	width: 100%;
	max-height: 100%;

	padding: 0;

}



@media only screen and (max-width: 400px)
{

	.alert-modal-message
	{

		padding: 10px;

	}

}