/* Default CSS Stylesheet for a new Web Application project */

BODY
{
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 100%;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal
}

.margin-bottom, .mb15 {
    margin-bottom: 15px;
}

#mainbody PRE P {
      FONT-FAMILY: Courier New, monospace ;
}

#mainbody PRE {
 overflow-x: auto;     /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap;                 /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap;                /* Opera 4-6 */
 white-space: -o-pre-wrap;              /* Opera 7 */
 word-wrap: break-word;                 /* Internet Explorer 5.5+ */
 width: 500px;
}

#mainbody TH, #mainbody THEAD, #mainbody TFOOT {
    COLOR: #003366;
    }
#mainbody H1, #mainbody H2, #mainbody H3, #mainbody H4, #mainbody H5 {
    COLOR: #003366;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
    }
#mainbody H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	margin-top: 0px;
	}			
#mainbody H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	}	
		
#mainbody H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	}			
#mainbody H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	}			
#mainbody H5	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	}	
		
#mainbody H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	}	
		
#mainbody TABLE {
	width:100%;
    }
    
table.plain th, table.plain td { padding: 3px; }
    
#homeTable { border: 1px solid black; }
#homeTable th, #homeTable td { padding: 2px; }

#mainbody TFOOT, #mainbody THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
#mainbody TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	


#mainbody A:link	{	
	text-decoration:	none;
	color:	#3333cc;
	}	
		
/*#mainbody A:visited	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
#mainbody A:active	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
#mainbody A:hover	{	
	text-decoration:	underline;
	color:	#3333cc;
	}*/
	
#mainbody SMALL	{	
	font-size:	.7em;
	}	

#mainbody BIG	{	
	font-size:	1.17em;
	}	

#mainbody BLOCKQUOTE, #mainbody PRE	{	
	font-family:	Courier New, monospace;
	}	
	

#mainbody UL LI	{	
	list-style-type:	square ;
	}	

#mainbody UL LI LI	{	
	list-style-type:	disc;
	}	

#mainbody UL LI LI LI	{	
	list-style-type:	circle;
	}

.documentContainer { clear: both; }
.documentContainer.viewer { overflow: auto; }
	
#mainbody OL LI	{	
	list-style-type:	decimal;
	}	

#mainbody OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

#mainbody OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

#mainbody IMG 	{
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	}
#mainbody .SmallText			
{
	font: 700 11px Arial,Helvetica; 
	padding: 1px;
	}

.red { color: red; }
.orange { color: darkorange; }
.green { color: green; }
.bold { font-weight: bold; }

#mainbody .CriticalText			
{
	color: Red; 
	font: 300 12px Arial,Helvetica; 
	padding: 1px;
	font-weight:	bold;
	}
#mainbody .ParkingPermitHuge
{
	color: Black; 
	font: 300 40px Arial,Helvetica; 
	padding: 1px;
	font-weight:	bold;
	}
#mainbody .StrongText			
{
	font: 300 12px Arial,Helvetica; 
	padding: 1px;
	font-weight:	bold;
	}
#mainbody .StrongTextLarger			
{
	font: 300 14px Arial,Helvetica; 
	padding: 1px;
	font-weight:	bold;
	}
#mainbody .StandardText			
{
	font: 300 12px Arial,Helvetica; 
	padding: 1px;
	}
#mainbody .StandardTextRed			
{
	color: Red;
	font: 300 12px Arial,Helvetica; 
	padding: 1px;
	}

#mainbody .StandardTextItalic			
{
	font: 300 12px Arial,Helvetica; 
	padding: 1px;
	font-style: italic;
	}
#mainbody .SectionSubheading	
{
	color: Blue; 
	font: 300 12px Arial,Helvetica; 
	padding: 1px;
	font-weight:	bold;
	}
#mainbody .Pageheading	
{
	color: #003366;
	font: 300 16px Arial,Helvetica; 
	padding: 1px;
	font-weight:	bold;
	}
#mainbody .TopBar			
{
	font: 700 12px Arial,Helvetica; 
	color: white;
	padding: 1px;
	}

#mainbody .logout {
	width:100%;
	text-align:right;
	}
#mainbody .logout a{
	color:red;	
}
#mainbody .SideBar			
{
	font: 700 12px Arial,Helvetica; 
	padding: 1px;
	}

#mainbody TD.StandardGridCell
{
	MARGIN: 0px;
	PADDING-BOTTOM: 1px;
    	PADDING-LEFT: 2px;
    	PADDING-RIGHT: 4px;
    	PADDING-TOP: 1px;
	}

#mainbody .iconimg
{
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}

#mainbody .SurvBody
{
  MARGIN: 3px 4px 4px 3px;
  COLOR: black;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  FONT-SIZE: 14px;
}

/*
Styles for OpenChart orders + documentation modules
*/
#mainbody .SurvQuestRequiredText
{
  COLOR:red;
}
#mainbody .SurvQuestHeadingText
{
  FONT-WEIGHT: bold;
  COLOR: black;
}
#mainbody .SurvQuestQuestionNumberText
{
  FONT-WEIGHT: bold;
  COLOR: #808080;
}
#mainbody .SurvQuestQuestionText
{
  COLOR: black;
}
#mainbody .SurvQuestQuestionChoice
{
  COLOR: #0000C0;
  FONT-WEIGHT: bold;
}



/*div {border:1px red solid; padding:1px;}*/

div.topnav {
	margin-top: 20px;
	margin-left: 50px;
	float:left;
}

div.topnav ul {
	margin:0px;
	padding:0px;
}

div.topnav li {
	float:left;
	padding: 5px;
	list-style-type:none;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	color:#888;
	border-top:1px blue solid;
}

div.topnav li.done {
	color:#88f;
}

div.topnav li.selected {
	color:#00f;
}

textarea {width:100%;}

div.problemdetail {
	padding:3px;margin:0 0 0 14px;background-color:#ddf;
	font: 300 12px Arial,Helvetica;
}

textarea {font: 300 12px Arial,Helvetica;}

/* With Transitional DOCTYPE setting overflow-y:visible will cause textarea to grow as needed.
   But with Strict DOCTYPE, we need to set overflow-y:hidden and use javascript to grow the textarea.  */

div.problemdetail textarea {width:95%; overflow-y:hidden}

.toomuch {color:red}

table.familyhistory     {width:100%;border-collapse:collapse}
.familyhistory th       {text-align:center; background-color:#cdd;}
.familyhistory td       {text-align:center;}
.familyhistory th.label {text-align:left; background-color:#cdd;}
.familyhistory td.label {text-align:left; padding-left:20px;}

.odd {background-color:#ddd}
table {border-collapse:collapse}

#mainbody td {vertical-align:top}

/*
Copied from OpenRegistration.css
*/

img
{
    BORDER: none;
}
table
{
    MARGIN: 0px;
    PADDING: 0px;
}

#mainbody h1.modtitle {PADDING:0px; MARGIN:0 0 5px 0;font-size:1.5em;color:#00c;}
#mainbody h2.modtitle {PADDING:0px; MARGIN:0px;font-size:1.2em}
#mainbody h3.modtitle {PADDING:0px; MARGIN:0px;font-size:1.1em}

.modbox {
	DISPLAY: block;
	MARGIN-BOTTOM: 15px;
	ZOOM: 1;
	BACKGROUND-COLOR: #fff;
	BORDER: none;
}
.modtitle {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	FONT-SIZE: 1.1em;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #e5ecf9;
	BORDER-TOP: #7aa5d6 1px solid;
	BORDER-RIGHT: #c5d7ef 1px solid;
	BORDER-LEFT: #c5d7ef 1px solid;
	BORDER-BOTTOM: #c5d7ef 1px;
}
.modboxin {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 10px;
	OVERFLOW: hidden;
	PADDING-TOP: 5px;
	BORDER: #c5d7ef 1px solid;
}

.black .modtitle {
	BACKGROUND-COLOR: white;
	BORDER:none;
	BORDER-BOTTOM: black 1px solid;
}

.black .modboxin {
	BORDER:none;
}


.orange .modtitle {
	BACKGROUND-COLOR: #fed479
}

.orange .modboxin {
	BORDER-LEFT: #fed479 1px solid;
	BORDER-RIGHT: #fed479 1px solid;
	BORDER-TOP: #fed479 1px solid;
	BORDER-BOTTOM: #fed479 1px solid
}

.default .modtitle {
	BACKGROUND-COLOR: #fed479;
	color: #fff;
}

.default .modboxin {
	BORDER-LEFT: #6cc487 1px solid;
	BORDER-RIGHT: #6cc487 1px solid;
	BORDER-TOP: #6cc487 1px solid;
	BORDER-BOTTOM: #6cc487 1px solid
}

.msg {
	MARGIN-BOTTOM: 15px;
	background: #ff8; 
	color: #fff;
	font-style: italic;
	width:75%;
	margin-left:auto;
	margin-right:auto;
}

.black .msg {
	background: white; 
}

.msg div  {
	padding:0px;
	margin:0px;
}

.msg div.msgbox {
	border: #c5d7ef 1px solid;
	padding:10px;
	OVERFLOW:hidden;
	text-align: center;
}

div.tl {
	float:left;
	width:5px;
	height:5px;
	margin-bottom:-5px;
	position:relative;
	z-index:10000;
}

div.tr {
	float:right;
	width:5px;
	height:5px;
	margin-bottom:-5px;
	position:relative;
	z-index:10000;
}

div.bl {
	float:left;
	width:5px;
	height:5px;
	margin-top:-5px;
}

div.br {
	float:right;
	width:5px;
	height:5px;
	margin-top:-5px;
}

.alert {color:red;}


.default .modtitle {background: url("../images/header-cyan.jpg"); }
.default .alert .modtitle {background: url("../images/header-orange.jpg"); }
div.tl {	background: url("../images/corner-stl.gif") no-repeat;}
div.tr {	background: url("../images/corner-str.gif") no-repeat;}
div.bl {	background: url("../images/corner-sbl.gif") no-repeat;}
div.br {	background: url("../images/corner-sbr.gif") no-repeat;}



/* EMF Stuff */

#mainbody .problemcat {
	MARGIN-Bottom:2px;
	BACKGROUND-COLOR: transparent;
}

#mainbody .problemcat h2.modtitle {
	BACKGROUND-COLOR: transparent;
	BORDER:none;
	BORDER-BOTTOM: none;
	PADDING:0px;
	MARGIN:0px;
	font-size:1em;
}

#mainbody .problemcat .modboxin {
	BORDER:none;
}


#mainbody table.problemlist {
	background-color: #eeeeee;
	font-size:10px;
	width:100%;
}

#mainbody table.problemlist td {
	width:33%;
	border:1px black solid
}

#mainbody .problemlist a {
	display: block;
	text-decoration: none;
}

#mainbody .problemlist a img {
	margin-top:0px;
	margin-left:0px;
	margin-right:2px;
	margin-bottom:-2px;
}

#mainbody .problemlist a.selected span {
	color:black;
}

/*#mainbody .problemlist a:hover {
	color: red;
	background-color: #ddddff;
}*/


.yui-panel label { display:block;float:left;width:45%;clear:left; }
.yui-panel .clear { clear:both; }
#pr_results { margin:0px;padding:5px;border:1px solid #ccc;background:#eff;}
#pr_results li { font-family:monospace }
#fh_results { margin:0px;padding:5px;border:1px solid #ccc;background:#fef;}
#fh_results li { font-family:monospace }


/* Clear calendar's float, using dialog inbuilt form element */
#cal_container .bd form {
    clear:left;
}

/* Have calendar squeeze upto bd bounding box */
#cal_container .bd {
    padding:0;
}

#cal_container .hd {
    text-align:left;
}

/* Center buttons in the footer */
#cal_container .ft .button-group {
    text-align:center;
}

/* Prevent border-collapse:collapse from bleeding through in IE6, IE7 */
#cal_container_c.yui-overlay-hidden table {
    *display:none;
}

/* Remove calendar's border and set padding in ems instead of px, so we can specify an width in ems for the container */
#cal {
    border:none;
    padding:1em;
}

/* Datefield look/feel.  
    These maybe in a dialog which is direct child of body, not #mainbody.
    Need to style both datefields in body and #mainbody */
#mainbody .datefield,
.datefield {
    margin:0px;
    padding:0px;
    width:100%;
    white-space:nowrap;
}

#mainbody .datefield input,
#mainbody .datefield button,
#mainbody .datefield label,
.datefield input,
.datefield button,
.datefield label  {
    vertical-align:middle;
}

#mainbody .datefield button,
.datefield button  {
    padding:0 5px 0 5px;
    margin-left:2px;
}

#mainbody .datefield button img,
.datefield button img {
    padding:0;
    margin:0;
    vertical-align:middle;
}

#validationDialog {
    color: red;
}
#validationDialog h2 {
    font-size: 1.2em;
    padding: 0px 0px 6px 0px;
    margin: 0px;
    color: red;
    font-weight: bold;
}

.validation-summary .header {
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 4px;
}

body #mainbody div.warning, .validation-summary {
    color: red;
    border:red 2px solid;
    background-color: #ffeeee;
    padding: 6px;
    margin: 12px 0px 12px 0px;
    color: red;
}

table.validation-summary td {
    padding: 6px;
}
    
table.validation-summary span {
    font-size: 1.4em !important;
}

body #mainbody td.warning {
    border:red 2px solid;
    background-color: beige;
    padding: 6px;
}

#mainbody span.warning {
    color:red;
    font-size: 1.2em;
    display: inline-block;
    margin-bottom: 6px;
}


#mainbody table.labdata td        {font-size: 11px;  padding: 1px; border: 1px solid #CCCCCC;}
#mainbody table.labdata table td  {border: none;}      /* table with in table */

div.studenthealth {
     width: 260px;
     color: black;
     padding: 3px;
     background-color: bisque;
     font-family: Verdana, Helvetica, sans-serif;
     font-size: 9px;
     font-weight: bold;
     border: coral 1px solid;
     float:right;
}     
div.studenthealth img {
     float:right;
}     
     
a.studenthealthlink:hover	{
	text-decoration: none;
	color:	black;
	}
a.studenthealthlink:link	{
    	text-decoration: none;
	color:	black;
	}
a.studenthealthlink:visited	{
    	text-decoration: none;
	color:	black;
	}
a.studenthealthlink:active	{
    	text-decoration: none;
	color:	black;
	}

div.studenthealthappt {
     color: black;
     padding: 5px;
     border: black 1px solid;
}     

.GridTable
{
    border-collapse: collapse;
    border: 1px solid #e0e0e0;
}
.GridHeaderRow
{
  BACKGROUND-COLOR: #d0d0d0;
}
.GridHeaderRowCell
{
    Color: #000000;
    Word-Break: break-word;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    text-align: center;
    vertical-align: Top;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    margin: 100px 100px 0 0;
}
.GridHeaderRowCellRequired
{
    Color: red;
    Word-Break: break-word;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    text-align: left;
    vertical-align: Top;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    margin: 100px 100px 0 0;
}
.GridQuestionRowEven
{
  BACKGROUND-COLOR: #f0f0f0;
}
.GridQuestionRowOdd
{
  BACKGROUND-COLOR: #ffffff;
}
.GridQuestionRowHeading
{
  BACKGROUND-COLOR: #d0d0d0;
}
.GridQuestionRowCellNumber
{
    Color: #000000;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    text-align: right;
    vertical-align: Top;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.GridQuestionRowCellLabel
{
    Color: #000000;
    Word-Break: break-word;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    PADDING-TOP: 0px;
    text-align: left;
    vertical-align: Top;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.GridQuestionRowCellHeading
{
    Color: #000000;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    text-align: left;
    vertical-align: Top;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
}

.ButtonLikeLink {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}

table.appt-list td {
	padding: 1em 0em 1em 0em;	
}

table.appt-list input[type='radio'] {
	margin-top: -1px;	
}

table.appt-list span.appt-provider {
	margin-left: 10px;
}

#tbNewDate {
	font-size: 1.2em;
}

div.footer {
	display: block;
	margin-top: 10px;
}

#progressHUD 
{
    color: White;
    background-color: Black;
    position: absolute;
    width: 200px;
    height: 150px;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
    z-index: 99999;
}
#progressMessage { margin-top: 100px; }

textarea.error, input.error {
    border: 1px solid Red;
    background-color: #ffeeee;
}

label.error, span.error {
    display: block;
    color: Red;
    font-weight: bold;
    font-size: 1.2em;
    padding: 4px;
    /*margin: -4px 0px 5px 0px;*/
}

span.error { line-height: normal; }

.success { color: #29b664; }
.error { color: #c0392b; }
p.success, p.error { font-size: 1.1em; font-weight: bold; }

a.button { color: #555 !important; }
a.button:hover { text-decoration: none !important; color: #212121 !important; }

input[readonly] { background-color: #eee; cursor: not-allowed; }

.hidden { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }


a:hover, a:active, a:focus {
  background-color: #DCFFFF;
  color:#000066 !important;
}

input.text:focus {
    background-color: #7FFF00; 
    color: #000;
}

input[type=checkbox]:focus + label, input[type=radio]:focus + label {
    background-color: #FF6; 
    color: #000; 
}

a.info {
    position:relative;
    z-index:98;
}
a.info:hover, a.info:focus, a.info:active {
    z-index:99;
    background-color:#ff0
}
a.info span {
    position: absolute;
    left: -9000px;
    width: 0;
    overflow: hidden;
}
a.info:hover span, a.info:focus span, a.info:active span {
    display:block;
    position:absolute;
    top:1.2em; left:1em; width:12em;
    border:1px solid #0cf;
    background-color:#cff;
    color:#000;
    text-align: center;
    height: auto;
    font-weight: normal;
}

#navlist a.info:hover span 
{
    top:1.5em;
}

#navlist a:hover, #cu-identity a:hover
{
    color: White !important;
}

span.required { color: Red; font-weight: bold; }

#ocommbypass { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
#ocommbypass:focus { position:absolute; left:0px; top:0px; width:auto; height:auto; overflow:visible; }
#cu-logo { float: left; }

/* Styles for new MVC content */

#container.pnccontainer { position: absolute; }
#container td, #container th { font-family: Arial, Helvetica, Tahoma; font-size: 12px; padding: 2px; vertical-align: middle; }
#container td.label { text-align: right; width: 17%; }

td.hleft, th.hleft { text-align: left; }
td.hright, th.hright { text-align: right; }
td.vtop, th.vtop { vertical-align: top; }
td.vbottom, th.vbottom { vertical-align: bottom; }
td.vmiddle, th.vmiddle { vertical-align: middle; }
.center {
    text-align: center;
}

td.immunDetails {
    padding-left: 5em;
    padding-bottom: 20px;
}

.left { 
    float: left; 
}
.right {
    float: right;
}

input.pncCommand {
    display: none !important;
}

#idletimeout { background:#CC5100; border:3px solid #FF6500; color:#fff; text-align:center; font-size:1.2em; padding:25px; position:fixed; top:0px; left:0; right:0; z-index:100000; display:none; }
#idletimeout a { color:#fff; font-weight:bold }
#idletimeout span { font-weight:bold }

@media print {
    #navlist { display: none; }
}

div.overlay { 
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    padding-top: 25px;
    background: rgba(255, 255, 255, 0.9);
}

div.overlay h2 {
    text-align: center;
    z-index: 999999;
    font-weight: bold;
}

.modal {
	background: rgba(0, 0, 0, 0.3);
}
.modal-content {
	z-index: 100000;
}

.mb15 { margin-bottom: 15px; }
.mb10 { margin-bottom: 10px; }
.bold { font-weight: bold; }

.ital {
	font-style: italic;
}

.hidden { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }

@font-face {
	font-family: '3of9';
	font-style: normal;
	font-weight: 400;
	src: url(/wwwroot/fonts/3of9.ttf) format('truetype');
}

.barcode3of9 {
	font-family: '3of9';
}

.modal.fill {
	max-height: 100%;
	height: 100%;
}

.modal.fill .modal-dialog {
	margin: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.modal.fill .modal-content {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.modal.fill .modal-body {
	flex-grow: 1;
	display: flex;
	padding: 0;
}

.modal.fill .modal-body iframe {
	border: none;
	flex-grow: 1;
}