/*
 * 20190903: This is the new version of the IAMO CSS file which is being 
 * 	     designed to interoperate with Marketing & Media's new 
 *           stylesheets.  I hope to get this to work well with Grid as well.
 */
 
a {font-size: 1em; color:#c28e0e; text-decoration:none;}
a:hover, a:focus {border-bottom:solid 1px;}
hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #333333;}

 
 
/* purdue_iamo.css Contents

============================================================================
Building blocks that we could use like this:

	<table class="tableAlignCenter tableCellSpacing0">
	
That said, we probably want to be using app-specific stuff like this:

	#accountManagementContract { <stuff> }

	<div id="accountManagementContract"/>
============================================================================
*/

.tableAlignCenter { margin: 0 auto; }
.tableCellSpacing0 { border-collapse: collapse; border-spacing: 0; }
.tableCellSpacing5 { border-collapse: separate; border-spacing: 5px; }

.tableThTdCellPadding5px { padding: 5px; }
.tableThTdValign { vertical-align: top; }

.tableWidth100pct { width: 100% }

/*
============================================================================
*/

.accountManagementContractBodyTable1 {
	padding: 0px;
	border-collapse: collapse; border-spacing: 0;
	width: 100%
}

.accountManagementContractBodyTable2 {
	padding: 3px;
	border-collapse: collapse; border-spacing: 3px;
	width: 700px;
	margin: 0 auto;
	background-color: white;
}

.accountManagementContractBodyTable3 {
	padding: 3px;
	border-collapse: collapse; border-spacing: 3px;
	margin: 0 auto;
}


/*
	purdue_iamo_v2.css
*/


.pane {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: none;
}


.a_table {color:#000000; font-weight:normal; text-decoration:none;}
.a_table:link {color:#000000; font-weight:normal; text-decoration:none;}
.a_table:hover, .a_table:focus {color:#c28e0e; border-bottom:solid 1px #c28e0e;}

#new_site_main_content {margin:0px 0px 5px 5px; padding:0px 0px 5px 5px; }
#new_site_main_content h1 {font-size:1.5em; color:#c28e0e; margin:10px 0px 10px 0px; padding:0px; border-bottom:solid 1px #999; font-weight:normal;}
#new_site_main_content h2 {font-size:1.25em; color:#c28e0e; margin:10px 0px 10px 0px; padding:0px; border-bottom:solid 1px #999; font-weight:normal;}
#new_site_main_content h3 {font-size:1.1em; color:#333; font-weight:bold;}

/*
Do we really want to use this?

#new_site_main_content {margin:0px; padding:0px 0px 10px 10px; width:724px; border-top:1px solid #fff; }
#new_site_main_content h1 {font-size:1.75em; color:#a37b2c; margin:10px 0px 10px 0px; padding:0px; border-bottom:solid 1px #999; font-weight:normal;}
#new_site_main_content h2 {font-size:1.5em; color:#a37b2c; margin:10px 0px 10px 0px; padding:0px; border-bottom:solid 1px #999; font-weight:normal;}
#new_site_main_content h3 {font-size:1.1em; color:#333; font-weight:bold;}

#new_site_main_content pre {
	font-size: 1em;
	padding: 0;
	margin: 0;
	background: #f0f0f0;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 20px; *//*--Height of each line of code--*/
	/*width: 600px;
	overflow: auto;  *//*--If the Code exceeds the width, a scrolling is available--*/
	/* overflow-Y: hidden; */ /*--Hides vertical scroll created by IE--*/
/*
	}
#new_site_main_content pre code {
	margin: 0 0 0 40px; */ /*--Left Margin--*/
	/*padding: 18px 0;
	display: block;
}	
#accountSetup_main_content table {padding:0; border:0;}
*/
.IAMO_table {
	table-layout: auto;
}

.IAMO_table th {
	font-weight: bold
}

.IAMO_table thead tr th, .IAMO_table tbody tr td {
        border: none;
}

.IAMO_table_cellspacing0 { border-collapse: collapse; border-spacing: 0; }
.IAMO_table_cellspacing10 { border-collapse: separate; border-spacing: 30px 5px; margin-left: -30px; margin-right:-30px;}
/* .IAMO_table_spacingBetweenColumns { width: 50em; } */

.IAMO_table_ThTdCellPadding5px { padding: 5px; }

.secondary_navigation_menu ul {
        margin: 0;
        padding: 0;
        color: #000000;
        background-color:#c28e0e;
        list-style: none;
}


.secondary_navigation_menu ul li {
        border-radius: 0;
        border-bottom: solid 1px #ffffff;
}

.secondary_navigation_menu ul li a:link, .secondary_navigation_menu ul li a:focus {
        color: #000000;
        background-color:#c28e0e;
        font-size:.9em;
        font-weight: normal;
        text-decoration: none;
}

.secondary_navigation_menu ul li a:hover, .secondary_navigation_menu ul li a:active  {
        color: #ffffff;
        background-color: #000000;
}

.secondary_navigation_menu ul li.sub_menu {
        margin: 0;
        padding: 0;
        color: #000000;
        background-color:#c28e0e;
        list-style: none;
        font-size:.9em;
        font-weight: normal;
        text-decoration: none;
}

.secondary_navigation_menu .dropdown .dropdown-toggle:focus {
        background-color: #c28e0e;
        outline-color: #000000;
        outline-style: auto;
        outline-width: 3px;
        outline-offset:-2px;
}

.secondary_navigation_menu .dropdown-menu>li {
  border-radius: 0;
}

.secondary_navigation_menu .dropdown-menu>li>a {
  white-space: normal !important;
}

.secondary_navigation .navbar-header button.navbar-toggle {
        float: left;
        border:none;
        padding:2px 5px;
        text-decoration: none;
        color:#000000;
        font-size:.9em;
}
.secondary_navigation .navbar-header button.navbar-toggle:hover{color:#c28e0e;}

.secondary_navigation .navbar-header button.navbar-toggle .icon-bar {
        float:left;
        clear:left;
        margin-right:10px;
        background-color:#000;
}
.secondary_navigation .navbar-header button.navbar-toggle>.icon-bar:first-child{margin-top:3px}
.secondary_navigation .navbar-header button.navbar-toggle:hover .icon-bar{background-color:#c28e0e;}

.secondary_navigation .navbar-collapse {padding-left: 0px;}
.secondary_navigation .navbar-collapse.in {overflow-y:visible; }

.site_sm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.site_md {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.site_lg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}

.site_lg_bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

.soft_sm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}

.site_sm_bold_red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #aa3333;
	font-weight: bold;
}

.table_head {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	font-weight: bold;
	color: #666666;
	background-color: #f4f4f4;
	border-style: solid;
	border-color: #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
}

.error_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CC3333;
}
.error_sm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CC3333;
}
.error_md {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC3333;
}
.error_lg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CC3333;
}

.skiplink {display:none}

/* Table Header Area */
#tableHeader
{
	width:90%
}
#tableHeader tr {
	width:45%;
}

/* EditAccountMgmtGroupInfo Table */
#tableEditAcctMgmtGroupInfo {
	width=90%;
}
.first_column { width:25%; }
.second_column { width:5%; }
.third_column { width:70%; }

#tableEditAccountGroupPerson {
	width=100%;
}
.narrow_column { width:100px; }


/* New status/error style...in order to better present the information. */

.statusMessage_status {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0000ff
}
.statusMessage_error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC3333
}
.statusMessage_sm {
	font-size: .75em;
	font-weight: bold;
}
.statusMessage_md {
	font-size: 1em;
	font-weight: bold;
}
.statusMessage_lg {
	font-size: 1.25em;
	font-weight: bold;
}

.new_site_sm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #000000;
}

.new_site_md {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
}

.new_site_md_bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: bold;
	color: #000000;
}

.new_site_lg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	color: #000000;
}

table.table_cellspacing_0 {
	padding: 0;
}

table.table_cellspacing_5 {
	padding: 5;
}

table.table_cellpadding_5 td th {
	border-spacing:5;
	border-collapse:collapse;	
}

.IAMO_table_table_cellspacing_5 {
	padding: 5;
}

.IAMO_table_table_cellspacing_5 {
	padding: 5;
}

/* BHALSEMA: We may use this use later...
.a_table:link {color:#000000; font-weight:normal; text-decoration:none;}
.a_table:hover, .a_table:focus {color:#a37b2c; border-bottom:solid 1px #a37b2c;}
*/110370

/* BHALSEMA: We may use this use later...
.a_table {color:#333; text-decoration:none;}
.a_table:hover, .a_table:focus {color:#a37b2c; border-bottom:solid 1px #a37b2c;}
*/

#centered_iamo_buttons {
		text-align: center;
}

/* Buttons used to handle continue/cancel */
#iamo_continue_cancel {
	float: right;
	bottom: 0;110370
	margin-bottom: 15px;
}

.iamo_buttons, .iamo_buttons:link, .iamo_buttons:visited {
		font-size: 1em;
	color:#333;
	background-color:#fff;
	cursor: pointer;
	padding: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid #333;
}

.iamo_buttons:hover, .iamo_buttons:active, .iamo_buttons:focus {
	color: #000000;
	background-color: #a37b2c;
	border-color: #a37b2c;
}

.iamo_buttons_preferred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.iamo_buttons_divider {
	width: 5px;
	min-height: 1px;
}

#iamo_centered_at_bottom_section {
        text-align: center;
        bottom: 0;
        margin-bottom: 15px;
}

#iamo_buttons_continue_cancel {
	float: right;
	margin-right: 15px;
	bottom: 0;
	margin-bottom: 15px;
}

.iamo_3d_buttons, .iamo_3d_buttons:link, .iamo_3d_buttons:visited {
	color:#a37b2c;
	background-color:#ffffff;
	cursor: pointer;
	padding: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border: 5px solid #333;
	border-style: outset;
}

.iamo_3d_buttons:hover, .iamo_3d_buttons:active {
	color: #000000;
	background-color: #a37b2c;
}

.iamo_3d_buttons_preferred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.btn-primary_iamo, .btn-primary_iamo:link {color:#000;background-color:#c28e0e;border-color:#c28e0e; border-radius:0;}
.btn-primary_iamo:focus,.btn-primary_iamo.focus{color:#000000;background-color:#b46012;border-color:#b46012}
.btn-primary_iamo:hover{color:#000000;background-color:#b46012;border-color:#b46012}
.btn-primary_iamo:active,.btn-primary_iamo.active,.open>.btn-primary_iamo.dropdown-toggle{color:#000000;background-color:#b46012;border-color:#b46012}
.btn-primary_iamo:active:hover,.btn-primary_iamo:active:focus,.btn-primary_iamo:active.focus,.btn-primary_iamo.active:hover,.btn-primary_iamo.active:focus,.btn-primary_iamo.active.focus,.open>.btn-primary_iamo.dropdown-toggle:hover,.open>.btn-primary_iamo.dropdown-toggle:focus,.open>.btn-primary_iamo.dropdown-toggle.focus{color:#000000;background-color:#2b46012;border-color:#b46012}
.btn-primary_iamo:active,.btn-primary_iamo.active,.open>.btn-primary_iamo.dropdown-toggle{background-image:none}
.btn-primary_iamo.disabled,.btn-primary_iamo.disabled:hover,.btn-primary_iamo.disabled:focus,.btn-primary_iamo.disabled.focus,.btn-primary_iamo.disabled:active,.btn-primary_iamo.disabled.active,.btn-primary_iamo[disabled],.btn-primary_iamo[disabled]:hover,.btn-primary_iamo[disabled]:focus,.btn-primary_iamo[disabled].focus,.btn-primary_iamo[disabled]:active,.btn-primary_iamo[disabled].active,fieldset[disabled] .btn-primary_iamo,fieldset[disabled] .btn-primary_iamo:hover,fieldset[disabled] .btn-primary_iamo:focus,fieldset[disabled] .btn-primary_iamo.focus,fieldset[disabled] .btn-primary_iamo:active,fieldset[disabled] .btn-primary_iamo.active{background-color:#f3c758;border-color:#f3c758}
.btn-primary_iamo .badge{color:#c28e0e;background-color:#fff}

.btn-default_iamo{color:#000;background-color:#fff;border-color:#000; border-radius:0;}
.btn-default_iamo:link{font-weight: normal; color:#000;background-color:#fff;border-color:#000; border-radius:0;}
.btn-default_iamo:focus,.btn-default_iamo.focus{color:#000;background-color:#b46012; border-color:#b46012}
.btn-default_iamo:hover{color:#000;background-color:#c28e0e;border-color:#c28e0e}
.btn-default_iamo:active,.btn-default_iamo.active,.open>.btn-default_iamo.dropdown-toggle{color:#000;background-color:#e6e6e6;border-color:#adadad}
.btn-default_iamo:active:hover,.btn-default_iamo:active:focus,.btn-default_iamo:active.focus,.btn-default_iamo.active:hover,.btn-default_iamo.active:focus,.btn-default_iamo.active.focus,.open>.btn-default_iamo.dropdown-toggle:hover,.open>.btn-default_iamo.dropdown-toggle:focus,.open>.btn-default_iamo.dropdown-toggle.focus{color:#000;background-color:#c28e0e;border-color:#c28e0e}
.btn-default_iamo:active,.btn-default_iamo.active,.open>.btn-default_iamo.dropdown-toggle{background-image:none}
.btn-default_iamo.disabled,.btn-default_iamo.disabled:hover,.btn-default_iamo.disabled:focus,.btn-default_iamo.disabled.focus,.btn-default_iamo.disabled:active,.btn-default_iamo.disabled.active,.btn-default_iamo[disabled],.btn-default_iamo[disabled]:hover,.btn-default_iamo[disabled]:focus,.btn-default_iamo[disabled].focus,.btn-default_iamo[disabled]:active,.btn-default_iamo[disabled].active,fieldset[disabled] .btn-default_iamo,fieldset[disabled] .btn-default_iamo:hover,fieldset[disabled] .btn-default_iamo:focus,fieldset[disabled] .btn-default_iamo.focus,fieldset[disabled] .btn-default_iamo:active,fieldset[disabled] .btn-default_iamo.active{background-color:#fff;border-color:#ccc}
.btn-default_iamo .badge{color:#fff;background-color:#000}

.iamo_2d_buttons, .iamo_2d_buttons:link, .iamo_2d_buttons:visited {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 1em;
        color:#000000;
        background-color:#ffffff;
        cursor: pointer;
        padding: 5px 10px 5px 10px;
        border: 1px solid #000000;
        text-decoration: none;
}

.iamo_2d_buttons_preferred, .iamo_2d_buttons_preferred:link,
        .iamo_2d_buttons:visited {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 1em;
        color:#000000;
        background-color:#ffffff;
        cursor: pointer;
        padding: 5px 10px 5px 10px;
        border: 1px solid #000000;
        text-decoration: none;
}

.iamo_2d_buttons:hover, .iamo_2d_buttons:active , .iamo_2d_buttons:focus,
        .iamo_2d_buttons_preferred:hover, .iamo_2d_buttons_preferred:active 
        .iamo_2d_buttons_preferred:focus {
        color: #000000;
        background-color: #c28e0e;
        border: 1px solid #c28e0e;
}

#new_site_grid_content {margin:0px; padding:0px 0px 10px 10px; width:724px; border-top:1px solid #fff; }

/* BAH:  I need to figure out how I want to merge the v?_purdue.css content with this content.  This is starting to become a 
problem.  */

/*======================================================================================================
 * This is the support for the text that we add to Marketing and Media's header
 *======================================================================================================
 */

.IAMO_header {
        display: block;
        margin: 20px 0px;
        width: 25%;
}

.IAMO_header_info {
        display:block;
        width:100%;
        clear:left;
        color:#fff;
        font-family:"Archivo Narrow","Arial Narrow","Arial",sans-serif;
        font-size:1em;
        line-height:1.2em;
        letter-spacing:.5px;
}

.IAMO_header_info a {
        text-decoration: none;
        font-size: .9em;
        color:#333;
        background-color:#fff;
        cursor: pointer;
        padding: 3px 15px 3px 15px;
        border-radius: 0 0;
        border: 1px solid #333;
}

 .IAMO_content_breadcrumbs {
   color:#000000;
   background-color: #ffffff;
}

.IAMO_content_breadcrumbs p {
        color:#333;
        padding:0px;
        display:inline;
}

.IAMO_content_breadcrumbs a {
        display:inline;
        color:#000000;
        font-size:.9em;
        font-weight:bold;
        padding:0px;
        text-decoration: none;
        border-bottom: dotted 1px #000000;
}

.IAMO_content_breadcrumbs a:hover {
	color:#c28e0e;
        border-bottom: solid 1px #c28e0e;
}
.breadcrumb { background-color: inherit;}
.breadcrumb>li+li:before{content:"/";padding:0 5px; color:#ccc}
 
.col-centered{
    float: none;
    margin: 0 auto;
}

.wrapped {
  word-wrap: break-word;
}

.IAMO_colored_border {
        background-color: #ebebeb;
}

.IAMO_full_height {
	height: 45vh;
	overflow: hidden;
}

@media (min-width: 768px) {
	.row.display-flex {
  		display: flex;
  		flex-wrap: wrap;
	}
.	row.display-flex > [class*='col-'] {
  		display: flex;
  		flex-direction: column;
	}
}

.IAMO_nomenu_content {
	display: grid;
	text-align: left;
	height: auto;
	min-height: 100%;
	align-items: stretch;
	justify-items: stretch;
	grid-template-columns: 1fr;
	grid-template-rows: content content 4fr 1fr;
	grid-template-areas:
		"IAMOBreadCrumbs"
		"IAMOContentMainHeader"
		"IAMOContentMainBody"
		"IAMOContentMainFooter";
}

.IAMO_nomenu_content_main_body {
    margin:0px 0px; 
    padding:0px 0px; 
}
 
.IAMO_content {
	display: grid;
	text-align: left;
	margin: 0 30% 1% 10%;
	height: auto;
	min-height: 100%;
	align-items: stretch;
	justify-items: stretch;
	grid-template-columns:1fr 4fr;
	grid-template-areas:
		"IAMOLeftContent  IAMOBreadCrumbs"
		"IAMOLeftContent  IAMOContentMainHeader"
		"IAMOLeftContent  IAMOContentMainBody"
		"IAMOLeftContent  IAMOContentMainFooter";
}

table.narrow_iamo_table tr td {
        margin: 0;
        border: 0;
        border-collapse: separate;
        border-spacing: 2px 1px;
        font-size: .9em;
        box-sizing: content-box;
        vertical-align:middle;
}

.IAMO_content_left {
	grid-area: IAMOLeftContent;
	display: block;
}

.IAMO_content_right {
    grid-area: IAMORightContent;
    display: block;
}

.IAMO_content_main_header {
	margin-bottom: 1em;
}

.IAMO_content_main_footer {
    margin-bottom: 2em;
}
.IAMO_content_main_footer a {color:#c28e0e; text-decoration:none;}
.IAMO_content_main_footer a:hover {border-bottom: solid 1px #c28e0e;}

.IAMO_content_main_body {
    color:#000000;
    background-color:#ffffff;
    padding-bottom: 1em;
}

.IAMO_bordered_content_main_body {
	border: solid 5px #000000;
}

.IAMO_content_main_body  a {color:#a37b2c; text-decoration:none;}
.IAMO_content_main_body  a:hover {border-bottom: solid 1px #a37b2c;}
.IAMO_content_main_body h1 {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-transform: none;
	line-height: normal;
	font-size:1.5em; 
	font-weight:normal; 
	color:#c28e0e; 
	margin:10px 0px 10px 0px; 
	padding:0px; 
	border-bottom:solid 1px #999; 
}
.IAMO_content_main_body h2 {font-size:1.5em; color:#c28e0e; margin:10px 0px 10px 0px; padding:0px; border-bottom:solid 1px #999; font-weight:normal;}
.IAMO_content_main_body h3 {font-size:1.1em; color:#333; font-weight:bold;}
.IAMO_content_main_body pre {
		font-size: 1em;
		padding: 0;
		margin: 0;
		background: #f0f0f0;
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		line-height: 20px; 
		width: 600px;
		overflow: auto; 
		overflow-Y: hidden;  

}
.IAMO_content_main_body pre code {
		margin: 0 0 0 40px;  
		padding: 18px 0;
		display: block;
}      
.IAMO_content_main_body label {
	font-weight: normal;
}

.IAMO_content_main_body_logo {
	margin-bottom: 2em;
}

.padding-xs { padding: .25em; }
.padding-sm { padding: .5em; }
.padding-md { padding: 1em; }
.padding-lg { padding: 1.5em; }
.padding-xl { padding: 3em; }

.padding-x-xs { padding: .25em 0; }
.padding-x-sm { padding: .5em 0; }
.padding-x-md { padding: 1em 0; }
.padding-x-lg { padding: 1.5em 0; }
.padding-x-xl { padding: 3em 0; }

.padding-y-xs { padding: 0 .25em; }
.padding-y-sm { padding: 0 .5em; }
.padding-y-md { padding: 0 1em; }
.padding-y-lg { padding: 0 1.5em; }
.padding-y-xl { padding: 0 3em; }

.padding-top-xs { padding-top: .25em; }
.padding-top-sm { padding-top: .5em; }
.padding-top-md { padding-top: 1em; }
.padding-top-lg { padding-top: 1.5em; }
.padding-top-xl { padding-top: 3em; }

.padding-right-xs { padding-right: .25em; }
.padding-right-sm { padding-right: .5em; }
.padding-right-md { padding-right: 1em; }
.padding-right-lg { padding-right: 1.5em; }
.padding-right-xl { padding-right: 3em; }

.padding-bottom-xs { padding-bottom: .25em; }
.padding-bottom-sm { padding-bottom: .5em; }
.padding-bottom-md { padding-bottom: 1em; }
.padding-bottom-lg { padding-bottom: 1.5em; }
.padding-bottom-xl { padding-bottom: 3em; }

.padding-left-xs { padding-left: .25em; }
.padding-left-sm { padding-left: .5em; }
.padding-left-md { padding-left: 1em; }
.padding-left-lg { padding-left: 1.5em; }
.padding-left-xl { padding-left: 3em; }

.margin-xs { margin: .25em; }
.margin-sm { margin: .5em; }
.margin-md { margin: 1em; }
.margin-lg { margin: 1.5em; }
.margin-xl { margin: 3em; }

.margin-x-xs { margin: .25em 0; }
.margin-x-sm { margin: .5em 0; }
.margin-x-md { margin: 1em 0; }
.margin-x-lg { margin: 1.5em 0; }
.margin-x-xl { margin: 3em 0; }

.margin-y-xs { margin: 0 .25em; }
.margin-y-sm { margin: 0 .5em; }
.margin-y-md { margin: 0 1em; }
.margin-y-lg { margin: 0 1.5em; }
.margin-y-xl { margin: 0 3em; }

.margin-top-xs { margin-top: .25em; }
.margin-top-sm { margin-top: .5em; }
.margin-top-md { margin-top: 1em; }
.margin-top-lg { margin-top: 1.5em; }
.margin-top-xl { margin-top: 3em; }

.margin-right-xs { margin-right: .25em; }
.margin-right-sm { margin-right: .5em; }
.margin-right-md { margin-right: 1em; }
.margin-right-lg { margin-right: 1.5em; }
.margin-right-xl { margin-right: 3em; }

.margin-bottom-xs { margin-bottom: .25em; }
.margin-bottom-sm { margin-bottom: .5em; }
.margin-bottom-md { margin-bottom: 1em; }
.margin-bottom-lg { margin-bottom: 1.5em; }
.margin-bottom-xl { margin-bottom: 3em; }

.margin-left-xs { margin-left: .25em; }
.margin-left-sm { margin-left: .5em; }
.margin-left-md { margin-left: 1em; }
.margin-left-lg { margin-left: 1.5em; }
.margin-left-xl { margin-left: 3em; }

/*
 * This is the grid definition for the BoilerKey Welcome Page
 * Commented out in order to use the Autoprefixer version of this...
 
.bkWelcome {
		height: auto;
		min-height: 100%;
		margin-top: 15px;
		margin-bottom: 15px;
	display: grid;
	grid-gap: 15px;
	place-items: stretch / stretch;
	grid-template-columns: 2% 1fr 2%;
	    grid-template-areas:
	    ". BKlogo ."
	    ". BKnotice ." 
	    ". BKFirstTimeSelfServe ."
	    ". BKManageSelfServe . "
			". BKCellPhone ."
	    ". BKSelfRecovery ."
	    ". BKInfo ."
			". BKFaq .";
}

.bkWelcome a:hover {color: inherit; text-decoration: none; }
.bkWelcome a:link { color: inherit; text-decoration:none; }
.bkWelcome a:visited { color: inherit; text-decoration:none; }
.bkWelcome a:active { color: inherit; text-decoration:none; }

.bkWelcome_logo {
    grid-area: BKlogo;
    display:flex;
    align-items: center;
    justify-content: center;
	background-color:#ffffff;
}

.bkWelcome_logo img {
	width: 80%;
	height: auto;
}

.bkWelcome_notice {
	grid-area: BKnotice;
	display:flex;
	align-items: center;
	justify-content: center;
	background-color:#ffffff;
	font-family:"Archivo Narrow","Arial Narrow","Arial",sans-serif;
	font-size: 1.5em;
    font-weight: normal;
    color: #000000;
    text-align: center;
}

a .bkWelcome_tile_caption {
    text-align: left;
    margin-left: 10px;
    margin-bottom: 5px;
}

a .bkWelcome_tile_text {
	font-family:"Archivo Narrow","Arial Narrow","Arial",sans-serif;
    letter-spacing:0.015em;
    font-weight: normal;
    font-size:1em;
    line-size:.75em;
    max-width: 70%;
    margin-bottom: 5px;
    margin-left: 15px;
    text-align: left;
    color: #ffffff;
}

.bkWelcome_firsttime_selfserve {
    grid-area: BKFirstTimeSelfServe;
    display: flex;
    color:#000000;
    background-repeat:repeat;
    background-image:url("graphics/stripes-tile.png");
    flex-direction:column;
    align-content: flex-end;
}

.bkWelcome_manage_selfserve {
    grid-area: BKManageSelfServe;
    display: flex;
    color:#000000;
    background-repeat:repeat;
    background-image:url("graphics/stripes-tile.png");
    flex-direction:column;
    align-content: flex-end;
}

.bkWelcome_cellphone {
    grid-area: BKCellPhone;
    display: flex;
    color:#000000;
    background-repeat:repeat;
    background-image:url("graphics/stripes-tile.png");
    flex-direction:column;
    align-content: flex-end;
}

.bkWelcome_selfrecovery {
    grid-area: BKSelfRecovery;
    display: flex;
    color:#000000;
    background-repeat:repeat;
    background-image:url("graphics/stripes-tile.png");
    flex-direction:column;
    align-content: flex-end;
}

.bkWelcome_info {
    grid-area: BKInfo;
    display: flex;
    color:#000000;
    background-repeat:repeat;
    background-image:url("graphics/stripes-tile.png");
    flex-direction:column;
    align-content: flex-end;
}

.bkWelcome_faq {
    grid-area: BKFaq;
    display: flex;
    color:#000000;
    background-repeat:repeat;
    background-image:url("graphics/stripes-tile.png");
    flex-direction:column;
    align-content: flex-end;
}

.bkWelcome_firsttime_selfserve .fa.icon {
	display:block;
	font-size:35px;
	margin-top:50px;
	margin-bottom: 5px;
	color: #ffd100;
}

.bkWelcome_manage_selfserve .fa.icon {
	display:block;
	font-size:35px;
	margin-top:50px;
	margin-bottom: 5px;
	color: #29a592;
}

.bkWelcome_selfrecovery .fa.icon {
	display:block;
	font-size:35px;
	margin-top:50px;
	margin-bottom: 5px;
	color: #ad1f65;
}

.bkWelcome_cellphone .fa.icon {
	display:block;
	font-size:35px;
	margin-top: 50px;
	margin-bottom: 5px;
	color: #e9e45b;
}

.bkWelcome_info .fa.icon {
	display:block;
	font-size:35px;
	margin-top:50px;
	margin-bottom: 5px;
	color: #c28e0e;	
}

.bkWelcome_faq .fa.icon {
	display:block;
	font-size:35px;
	margin-top:50px;
	margin-bottom: 5px;
	color: #6e99b4;
}

@media only screen and (min-width: 500px) {
	.bkWelcome {
		height: auto;
		min-height: 100%;
		margin-top: 15px;
		margin-bottom: 15px;
	display: grid;
	grid-gap: 15px;
	place-items: stretch / stretch;
	grid-template-columns: 15% 1fr 15%; 
	grid-template-areas:
	    ". BKlogo ."
	    ". BKnotice ." 
	    ". BKFirstTimeSelfServe ."
	    ". BKManageSelfServe . "
			". BKCellPhone ."
	    ". BKSelfRecovery ."
	    ". BKInfo ."
			". BKFaq .";
	}
}

@media all and (min-width: 1000px){
	.bkWelcome {
		height: auto;
		min-height: 100%;
		margin-top: 15px;
		margin-bottom: 15px;
		grid-template-columns: 35% 1fr 1fr 1fr 1fr 1fr 1fr 35%;
		grid-template-areas:
			". BKlogo BKlogo BKlogo BKlogo BKlogo BKlogo ."
			". BKnotice BKnotice BKnotice BKnotice BKnotice BKnotice ."
			". BKFirstTimeSelfServe BKFirstTimeSelfServe BKManageSelfServe BKManageSelfServe BKCellPhone BKCellPhone ."
			". . BKSelfRecovery BKSelfRecovery BKSelfRecovery BKSelfRecovery . ."
			". . BKInfo BKInfo BKFaq BKFaq . .";
	}	
	.bkWelcome_logo img {
		width: 80%;
		height: auto;
	}

	.bkWelcome_firsttime_selfserve .fa.icon {
		display:block;
		font-size:40px;
		margin-top:50px;
		margin-bottom:5px;
	}
	
	.bkWelcome_manage_selfserve .fa.icon {
		display:block;
		font-size:40px;
		margin-top:50px;
		margin-bottom:5px;
	}

	.bkWelcome_cellphone .fa.icon {
		display:block;
		font-size:40px;
		margin-top:50px;
		margin-bottom:5px;
	}
		
	.bkWelcome_selfrecovery .fa.icon {
		display:block;
		font-size:40px;
		margin-top:50px;
		margin-bottom:5px;
	}
		
	.bkWelcome_info .fa.icon {
		display:block;
		font-size:40px;
		margin-top:35px;
		margin-bottom:5px;
	}
		
	.bkWelcome_faq .fa.icon {
		display:block;
		font-size:40px;
		margin-top:35px;
		margin-bottom:5px;
	}

	a .bkWelcome_tile_text {
		font-family:"Archivo Narrow","Arial Narrow","Arial",sans-serif;
	letter-spacing:0.015em;
	font-weight: normal;
	font-size:1.25em;
	line-size:1em;
		max-width: 70%;
		margin-bottom: 5px;
	margin-left: 15px;
		text-align: left;
		color: #ffffff;
	}
}

@media (min-width: 1000px) and (max-width: 1500px) {
	.bkWelcome {
		height: auto;
		min-height: 100%;
		margin-top: 15px;
		margin-bottom: 15px;
		grid-template-columns: 25% 1fr 1fr 1fr 1fr 1fr 1fr 25%;
		grid-template-areas:
			". BKlogo BKlogo BKlogo BKlogo BKlogo BKlogo ."
			". BKnotice BKnotice BKnotice BKnotice BKnotice BKnotice ."
			". BKFirstTimeSelfServe BKFirstTimeSelfServe BKManageSelfServe BKManageSelfServe BKCellPhone BKCellPhone ."
			". . BKSelfRecovery BKSelfRecovery BKSelfRecovery BKSelfRecovery . ."
			". . BKInfo BKInfo BKFaq BKFaq . .";
	}	
	
	.bkWelcome_logo img {
		width: 65%;
		height: auto;
	}

}

@media only screen and (min-width:500px) and (max-width:1500px) {	
	.IAMO_content_main_header > img.resize {
               width:50%;
       }
}
*/


.bkWelcome {
		height: auto;
		min-height: 100%;
		margin-top: 15px;
		margin-bottom: 15px;
	display: -ms-grid;
	display: grid;
	grid-gap: 15px;
	place-items: stretch / stretch;
	-ms-grid-columns: 2% 15px 1fr 15px 2%;
	grid-template-columns: 2% 1fr 2%;
	    -ms-grid-rows: auto 15px auto 15px auto 15px auto 15px auto 15px auto 15px auto 15px auto;
		grid-template-areas:
	    ". BKlogo ."
	    ". BKnotice ." 
	    ". BKFirstTimeSelfServe ."
	    ". BKManageSelfServe . "
			". BKCellPhone ."
	    ". BKSelfRecovery ."
	    ". BKInfo ."
			". BKFaq .";
}

.bkWelcome a:hover {color: inherit; text-decoration: none; }
.bkWelcome a:link { color: inherit; text-decoration:none; }
.bkWelcome a:visited { color: inherit; text-decoration:none; }
.bkWelcome a:active { color: inherit; text-decoration:none; }

.bkWelcome_logo {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: BKlogo;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: center;
	-ms-flex-align: center;
	    align-items: center;
    -webkit-box-pack: center;
	-ms-flex-pack: center;
	    justify-content: center;
	background-color:#ffffff;
}

.bkWelcome_logo img {
	width: 80%;
	height: auto;
}

.bkWelcome_notice {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
	grid-area: BKnotice;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
		align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
		justify-content: center;
	background-color:#ffffff;
	font-family:"Archivo Narrow","Arial Narrow","Arial",sans-serif;
	font-size: 1.5em;
    font-weight: normal;
    color: #000000;
    text-align: center;
}

a .bkWelcome_tile_caption {
    text-align: left;
    margin-left: 10px;
    margin-bottom: 5px;
}

a .bkWelcome_tile_text {
	font-family:"Archivo Narrow","Arial Narrow","Arial",sans-serif;
    letter-spacing:0.015em;
    font-weight: normal;
    font-size:1em;
    line-size:.75em;
    max-width: 70%;
    margin-bottom: 5px;
    margin-left: 15px;
    text-align: left;
    color: #ffffff;
}

.bkWelcome_firsttime_selfserve {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    grid-area: BKFirstTimeSelfServe;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color:#000000;
    background-repeat:repeat;
    background-image:url("graphics/stripes-tile.png");
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
	-ms-flex-direction:column;
	    flex-direction:column;
    -ms-flex-line-pack: end;
	align-content: flex-end;
}

.bkWelcome_manage_selfserve {
    -ms-grid-row: 7;
    -ms-grid-column: 3;
    grid-area: BKManageSelfServe;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color:#000000;
    background-repeat:repeat;
    background-image:url("graphics/stripes-tile.png");
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
	-ms-flex-direction:column;
	    flex-direction:column;
    -ms-flex-line-pack: end;
	align-content: flex-end;
}

.bkWelcome_cellphone {
    -ms-grid-row: 9;
    -ms-grid-column: 3;
    grid-area: BKCellPhone;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color:#000000;
    background-repeat:repeat;
    background-image:url("graphics/stripes-tile.png");
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
	-ms-flex-direction:column;
	    flex-direction:column;
    -ms-flex-line-pack: end;
	align-content: flex-end;
}

.bkWelcome_selfrecovery {
    -ms-grid-row: 11;
    -ms-grid-column: 3;
    grid-area: BKSelfRecovery;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color:#000000;
    background-repeat:repeat;
    background-image:url("graphics/stripes-tile.png");
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
	-ms-flex-direction:column;
	    flex-direction:column;
    -ms-flex-line-pack: end;
	align-content: flex-end;
}

.bkWelcome_info {
    -ms-grid-row: 13;
    -ms-grid-column: 3;
    grid-area: BKInfo;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color:#000000;
    background-repeat:repeat;
    background-image:url("graphics/stripes-tile.png");
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
	-ms-flex-direction:column;
	    flex-direction:column;
    -ms-flex-line-pack: end;
	align-content: flex-end;
}

.bkWelcome_faq {
    -ms-grid-row: 15;
    -ms-grid-column: 3;
    grid-area: BKFaq;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color:#000000;
    background-repeat:repeat;
    background-image:url("graphics/stripes-tile.png");
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
	-ms-flex-direction:column;
	    flex-direction:column;
    -ms-flex-line-pack: end;
	align-content: flex-end;
}

.bkWelcome_firsttime_selfserve .fa.icon {
	display:block;
	font-size:35px;
	margin-top:50px;
	margin-bottom: 5px;
	color: #ffd100;
}

.bkWelcome_manage_selfserve .fa.icon {
	display:block;
	font-size:35px;
	margin-top:50px;
	margin-bottom: 5px;
	color: #29a592;
}

.bkWelcome_selfrecovery .fa.icon {
	display:block;
	font-size:35px;
	margin-top:50px;
	margin-bottom: 5px;
	color: #ad1f65;
}

.bkWelcome_cellphone .fa.icon {
	display:block;
	font-size:35px;
	margin-top: 50px;
	margin-bottom: 5px;
	color: #e9e45b;
}

.bkWelcome_info .fa.icon {
	display:block;
	font-size:35px;
	margin-top:50px;
	margin-bottom: 5px;
	color: #c28e0e;
	
}

.bkWelcome_faq .fa.icon {
	display:block;
	font-size:35px;
	margin-top:50px;
	margin-bottom: 5px;
	color: #6e99b4;
	
}

@media only screen and (min-width: 500px) {
	.bkWelcome {
		height: auto;
		min-height: 100%;
		margin-top: 15px;
		margin-bottom: 15px;
	display: -ms-grid;
	display: grid;
	grid-gap: 15px;
	place-items: stretch / stretch;
	-ms-grid-columns: 15% 15px 1fr 15px 15%;
	grid-template-columns: 15% 1fr 15%; 
	-ms-grid-rows: auto 15px auto 15px auto 15px auto 15px auto 15px auto 15px auto 15px auto; 
	    grid-template-areas:
	    ". BKlogo ."
	    ". BKnotice ." 
	    ". BKFirstTimeSelfServe ."
	    ". BKManageSelfServe . "
			". BKCellPhone ."
	    ". BKSelfRecovery ."
	    ". BKInfo ."
			". BKFaq .";
	}
	.bkWelcome_logo {
				-ms-grid-row: 1;
				-ms-grid-column: 3;
	}
	.bkWelcome_notice {
				-ms-grid-row: 3;
				-ms-grid-column: 3;
	}
	.bkWelcome_firsttime_selfserve {
				-ms-grid-row: 5;
				-ms-grid-column: 3;
	}
	.bkWelcome_manage_selfserve {
				-ms-grid-row: 7;
				-ms-grid-column: 3;
	}
	.bkWelcome_cellphone {
				-ms-grid-row: 9;
				-ms-grid-column: 3;
	}
	.bkWelcome_selfrecovery {
				-ms-grid-row: 11;
				-ms-grid-column: 3;
	}
	.bkWelcome_info {
				-ms-grid-row: 13;
				-ms-grid-column: 3;
	}
	.bkWelcome_faq {
				-ms-grid-row: 15;
				-ms-grid-column: 3;
	}
}

@media all and (min-width: 1000px){
	.bkWelcome {
		height: auto;
		min-height: 100%;
		margin-top: 15px;
		margin-bottom: 15px;
		-ms-grid-columns: 35% 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 35%;
		grid-template-columns: 35% 1fr 1fr 1fr 1fr 1fr 1fr 35%;
		-ms-grid-rows: auto 15px auto 15px auto 15px auto 15px auto;
		    grid-template-areas:
			". BKlogo BKlogo BKlogo BKlogo BKlogo BKlogo ."
			". BKnotice BKnotice BKnotice BKnotice BKnotice BKnotice ."
			". BKFirstTimeSelfServe BKFirstTimeSelfServe BKManageSelfServe BKManageSelfServe BKCellPhone BKCellPhone ."
			". . BKSelfRecovery BKSelfRecovery BKSelfRecovery BKSelfRecovery . ."
			". . BKInfo BKInfo BKFaq BKFaq . .";
	}	
	
	.bkWelcome_logo img {
		width: 80%;
		height: auto;
	}

	.bkWelcome_firsttime_selfserve .fa.icon {
		display:block;
		font-size:40px;
		margin-top:50px;
		margin-bottom:5px;
	}
	
	.bkWelcome_manage_selfserve .fa.icon {
		display:block;
		font-size:40px;
		margin-top:50px;
		margin-bottom:5px;
	}

	.bkWelcome_cellphone .fa.icon {
		display:block;
		font-size:40px;
		margin-top:50px;
		margin-bottom:5px;
	}
		
	.bkWelcome_selfrecovery .fa.icon {
		display:block;
		font-size:40px;
		margin-top:50px;
		margin-bottom:5px;
	}
		
	.bkWelcome_info .fa.icon {
		display:block;
		font-size:40px;
		margin-top:35px;
		margin-bottom:5px;
	}
		
	.bkWelcome_faq .fa.icon {
		display:block;
		font-size:40px;
		margin-top:35px;
		margin-bottom:5px;
	}

	a .bkWelcome_tile_text {
		font-family:"Archivo Narrow","Arial Narrow","Arial",sans-serif;
        letter-spacing:0.015em;
        font-weight: normal;
        font-size:1.25em;
        line-size:1em;
		max-width: 70%;
   		margin-bottom: 5px;
    	margin-left: 15px;
		text-align: left;
		color: #ffffff;
	}
	.bkWelcome_logo {
				-ms-grid-row: 1;
				-ms-grid-column: 3;
				-ms-grid-column-span: 11;
	}
	.bkWelcome_notice {
				-ms-grid-row: 3;
				-ms-grid-column: 3;
				-ms-grid-column-span: 11;
	}
	.bkWelcome_firsttime_selfserve {
				-ms-grid-row: 5;
				-ms-grid-column: 3;
				-ms-grid-column-span: 3;
	}
	.bkWelcome_manage_selfserve {
				-ms-grid-row: 5;
				-ms-grid-column: 7;
				-ms-grid-column-span: 3;
	}
	.bkWelcome_cellphone {
				-ms-grid-row: 5;
				-ms-grid-column: 11;
				-ms-grid-column-span: 3;
	}
	.bkWelcome_selfrecovery {
				-ms-grid-row: 7;
				-ms-grid-column: 5;
				-ms-grid-column-span: 7;
	}
	.bkWelcome_info {
				-ms-grid-row: 9;
				-ms-grid-column: 5;
				-ms-grid-column-span: 3;
	}
	.bkWelcome_faq {
				-ms-grid-row: 9;
				-ms-grid-column: 9;
				-ms-grid-column-span: 3;
	}
}

@media (min-width: 1000px) and (max-width: 1500px) {
	.bkWelcome {
		height: auto;
		min-height: 100%;
		margin-top: 15px;
		margin-bottom: 15px;
		-ms-grid-columns: 25% 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 25%;
		grid-template-columns: 25% 1fr 1fr 1fr 1fr 1fr 1fr 25%;
		-ms-grid-rows: auto 15px auto 15px auto 15px auto 15px auto;
		    grid-template-areas:
			". BKlogo BKlogo BKlogo BKlogo BKlogo BKlogo ."
			". BKnotice BKnotice BKnotice BKnotice BKnotice BKnotice ."
			". BKFirstTimeSelfServe BKFirstTimeSelfServe BKManageSelfServe BKManageSelfServe BKCellPhone BKCellPhone ."
			". . BKSelfRecovery BKSelfRecovery BKSelfRecovery BKSelfRecovery . ."
			". . BKInfo BKInfo BKFaq BKFaq . .";
	}
	
	.bkWelcome_logo img {
		width: 65%;
		height: auto;
	}
	
	.bkWelcome_logo {
				-ms-grid-row: 1;
				-ms-grid-column: 3;
				-ms-grid-column-span: 11;
	}
	.bkWelcome_notice {
				-ms-grid-row: 3;
				-ms-grid-column: 3;
				-ms-grid-column-span: 11;
	}
	.bkWelcome_firsttime_selfserve {
				-ms-grid-row: 5;
				-ms-grid-column: 3;
				-ms-grid-column-span: 3;
	}
	.bkWelcome_manage_selfserve {
				-ms-grid-row: 5;
				-ms-grid-column: 7;
				-ms-grid-column-span: 3;
	}
	.bkWelcome_cellphone {
				-ms-grid-row: 5;
				-ms-grid-column: 11;
				-ms-grid-column-span: 3;
	}
	.bkWelcome_selfrecovery {
				-ms-grid-row: 7;
				-ms-grid-column: 5;
				-ms-grid-column-span: 7;
	}
	.bkWelcome_info {
				-ms-grid-row: 9;
				-ms-grid-column: 5;
				-ms-grid-column-span: 3;
	}
	.bkWelcome_faq {
				-ms-grid-row: 9;
				-ms-grid-column: 9;
				-ms-grid-column-span: 3;
	}	
}