/* Modal CSS */
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 3000; /* Sit on top */
    padding-top: 0px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100vw; /* Full width */
    height: 100vh; /* Full height */
    overflow: hidden; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}


.modal-header
{
    padding: 10px;
	background-color: var(--um-maroon);
}


.modal-title
{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}

.modal-body
{
	padding: 0;
	background-color: rgb(240,240,240);
}

.modal-body .alert
{
	margin-bottom: 0;
}

.bootbox .modal-dialog .modal-content .modal-body
{
	padding: 16px;
}


.modal-footer
{
	border-top: 1px solid var(--um-maroon);
	background-color: rgb(240,240,240);
	padding: 5px 10px;
}

.modal-close
{
	position: absolute;
	top: 10px;
	right: 10px;
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.5rem;
	color: #000;
}


.modal-close:hover
{
	color: #fff;
}

.modal-content {
    margin: 0 auto;
    display: block;
    /*max-width: 700px;*/
    max-height: 100%;
		background-color: transparent;
		border: 0;
		overflow: auto;
}

.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}



@media (max-width: 560px)
{
}

@media (max-width: 767px) 
{
	.modal-content 
	{
	/*		max-width: 100%;*/
	}
}


.bootbox > .modal-dialog > .modal-content
{
	background-color: #fff;
}

.btn
{
	white-space: normal;
}

.modal-footer .btn
{
	margin-right: 0 !important;
	padding: 3px 8px;
	background: var(--um-maroon);
	border: 0;
	font-size: 14px;
	color: #fff;
}

.bootbox > .modal-dialog > .modal-content > .modal-footer
{
	display: inline-block;
	text-align: right;
	min-width: 100%;
}

.btnBootbox
{
	margin-bottom: 10px !important;
}

.btn-default
{
	border-color: rgba(000,107,84,1);
	background-color: rgba(000,107,84,1);
	color: #fff;
}

.modalMsg
{
	padding: 1 rem;
}


.polyfill-hidden
{
	display: none !important;
}


.bootbox .modal-title
{
	font-size: 16px;
}


.bootbox .form-control
{
	margin-top: 10px;
}


.bootbox textarea.form-control
{
	min-height: 100px;
}


.bootbox .bootbox-close-button
{
	width: fit-content;
	margin-right: 5px;
	margin-top: 0 !important;
	margin-bottom: 5px;
}


.bootbox .innerBox
{
	border:1px solid #ccc; 
	padding:10px; 
	margin-bottom:10px; 
	background:#f9f9f9;
	border-radius: 4px;
	word-break: break-word;
}


.bootbox-form .bootbox-prompt-message
{
	margin-bottom: 5px;
}


.graph-modal
{
	width: calc(100vw - 40px);
	height: calc(100vh - 40px);
	max-width: calc(100vw - 40px);
	max-height: calc(100vh - 40px);
	margin: 20px;
}


.graph-modal .modal-body
{
	height: calc(100vh - 140px);
	overflow-x: hidden;
	overflow-y: auto;
}