/*
	Adviser Portals Theme: Minimo
	================================
	Copyright Adviser Portals Ltd, 2012 All Rights Reserved.
	
	Designed by Andy Griffiths, 2012
	Updated by Andy Griffiths, 2014        
*/


/* #Reset
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	/*
blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
*/
	table {
		border-collapse: collapse;
		border-spacing: 0; }
		

/* #Basic Styles
================================================== */
body {
	background: url(/themes/minimo/images/minimo_bg.png) repeat;
	/* customize_background_colour */ background-color:#dbdcde; /* customize_background_colour */
	font: normal normal normal 12px 'droid sans';
	/* customize_body_text */ color:#444444; /* customize_body_text */	
	line-height: 20px;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

div.marketsummary table tr th,
div.marketsummary table tr td {
	font-size: 11px;
}

/* #Typography
================================================== */

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	
	h1 { margin-bottom: 10px;font: normal normal 38px/40px 'droid sans';color: #444444; }
	
	h2 { margin-bottom: 10px;font: normal normal normal 26px/28px 'droid sans';color: #444444; }
	h3 { margin-bottom: 4px;font: normal normal normal 22px/24px 'droid sans';color: #444444; }
	h4 { margin-bottom: 4px;font: normal normal normal 18px/20px 'droid sans';color: #444444; }
	h5 { margin-bottom: 4px;font: normal normal normal 16px/18px 'droid sans';color: #444444; }
	h6 { margin-bottom: 4px;font: normal normal normal 14px/16px 'droid sans';color: #444444; }	
	.subheader { color: #777; }	

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; }
	b { font-weight: bold; }
	small { font-size: 80%; }

/*	Blockquotes  */
	/*
blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px 40px; padding: 9px 20px 0 19px; border-left: 2px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
*/

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
	
	pre, code {
	font-family: monospace;
	}


/* #Links
================================================== */
	a { /* customize_link_colour */ color:#00825f; /* customize_link_colour */ text-decoration: none; outline: 0; }
	a:hover, a:focus { /* customize_link_colour_hover */ color:#949494; /* customize_link_colour_hover */ }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: disc; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 0px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */
		
	img {
		display: block;
		max-width: 100%;
		height: auto;
	}

/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }
	
	#select-nav {
	display: none;
	}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 348px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
		
		#select-nav {
		display: none;
		}
						                
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 280px; padding: 0 10px;}

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }
        
        .container .twelve.columns .twelve.columns, .container .two-thirds.column .two-thirds.column, .container .two-thirds.column .one-third.column, .container .twelve.columns .six.columns, .container .twelve.columns .four.columns, .container .twelve.columns .nine.columns, .container .twelve.columns .three.columns  { width: 280px; padding: 0; }
                
		#horizontal-nav {
		display: none;
		}
		
		#select-nav {
		display: block;
		margin-top: 20px;
		margin-bottom: 20px;
		}
		
		#vertical-nav {
		display: none;
		}
		
		.hideimage {
		display:none;
		}
		
		.top-bar {
		display: none;
		}
		
		.mobile-center img,
		.mobile-center h1,
		.mobile-center h2,
		.mobile-center h3,
		.mobile-center h4,
		.mobile-center h5,
		.mobile-center h6,
		.mobile-center p,
		.mobile-center a {
			text-align: center!important;
			float: none;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 20px;
		}
		
	}


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 400px; padding: 0 10px; }

        .container .twelve.columns .twelve.columns, .container .two-thirds.column .two-thirds.column, .container .two-thirds.column .one-third.column, .container .twelve.columns .six.columns, .container .twelve.columns .four.columns, .container .twelve.columns .nine.columns, .container .twelve.columns .three.columns  { width: 400px; padding: 0 0px; }

		#horizontal-nav {
		display: none;
		}

		#vertical-nav {
		display: none;
		}
		
		#responsive-nav {
		display: block;
		}
				
	}


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
    

/* Navigation
================================================== */

/* IPAD */

#controls li {
    display: block;
}

#controls li .link {
    display: block;
    padding: 10px;
    border-bottom: solid 1px #CCC;
}

#controls li .hover_controls {
    float: right;
    display: none;
}

#controls li:hover .hover_controls {
    display: block;
}

#controls {
margin: 0;
padding: 0;
}

/* VERTICAL */

#vertical-nav {
padding: 0;
margin-bottom: 20px;
}

#vertical-nav ul {
padding: 10px;
list-style: none;
/* customize_navigation_colour */ background-color:#00825f; /* customize_navigation_colour */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
  -moz-box-shadow:    2px 2px 4px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
  box-shadow:         2px 2px 4px 0px rgba(0,0,0,0.2);
background-image: url(/themes/minimo/images/minimo_highlight.png);
background-repeat: repeat-x;
background-position: top;
}

#vertical-nav ul li {
margin: 0;
padding: 0;
position: relative;
}

#vertical-nav ul li a {
display: block;
/* customize_navigation_link_colour */ color:#FFFFFF; /* customize_navigation_link_colour */
border-bottom: #FFFFFF;
border-bottom: 1px dotted rgba(255,255,255,0.5);
padding: 10px 5px;
margin: 0 5px;
font: normal normal normal 14px/16px 'droid sans'; 
}

#vertical-nav ul li:hover {
background-color: #FFFFFF;
background-color: rgba(255,255,255,0.9);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
-webkit-transition: all 0.6s ease; /* For chrome & safari */
-moz-transition: all 0.6s ease; /* For mozilla firefox */
-o-transition: all 0.6s ease; /* For opera */
transition: all 0.6s ease;
}

#vertical-nav ul li a:hover, #vertical-nav ul li a.nav-selected, #vertical-nav ul li a.nav-path-selected {
/* customize_navigation_link_hover_colour */ color:#00825f; /* customize_navigation_link_hover_colour */
}

#vertical-nav ul li.nav-selected {
background-color: #FFFFFF;
background-color: rgba(255,255,255,0.9);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
-webkit-transition: all 0.6s ease; /* For chrome & safari */
-moz-transition: all 0.6s ease; /* For mozilla firefox */
-o-transition: all 0.6s ease; /* For opera */
transition: all 0.6s ease;
}

#vertical-nav ul li.nav-path-selected {
background-color: #FFFFFF;
background-color: rgba(255,255,255,0.9);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
-webkit-transition: all 0.6s ease; /* For chrome & safari */
-moz-transition: all 0.6s ease; /* For mozilla firefox */
-o-transition: all 0.6s ease; /* For opera */
transition: all 0.6s ease;
}

#vertical-nav ul li ul {
height: auto;
width: 200px;
opacity: 0;
position: absolute;
left: -999999%;
top: 0;
margin: 0;
z-index: 25;
/* customize_sub-navigation_colour */ background-color:#00825f; /* customize_sub-navigation_colour */
}

#vertical-nav ul li:hover > ul {
opacity: 1;
position: absolute;
left: 100%;
-webkit-transition: opacity 1s ease; /* For chrome & safari */
-moz-transition: opacity 1s ease; /* For mozilla firefox */
-o-transition: opacity 1s ease; /* For opera */
transition: opacity 1s ease;
}

#vertical-nav ul li ul li a {
/* customize_sub-navigation_link_colour */ color:#ffffff; /* customize_sub-navigation_link_colour */
}

#vertical-nav ul li ul li a:hover, #vertical-nav ul li ul li a.nav-selected, #vertical-nav ul li ul li a.nav-path-selected {
/* customize_sub-navigation_link_hover_colour */ color:#00825f; /* customize_sub-navigation_link_hover_colour */
}

/* SELECT */

#select-nav {
padding: 0;
}

#select-nav select {
width: 100%;
}

.list-indent {
text-indent: 20px;
}

.list-indent:before {
content: '-';
}

/* Main
================================================== */

.top-bar {
height: 40px;
}

header {
	padding-top: 25px;
}

.main {
padding: 30px 0;
}

/* Login
================================================== */

#login {
float: right;
width: auto;
}

#login p {
margin-bottom: 0;
}

.login-button {
background: #50B848;
border: none;
padding: 5px 20px;
color: #ffffff;
display: inline-block;
font: normal normal normal 16px 'Oswald';
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
margin-bottom: 20px;
}

.login-button:hover {
 -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
}


.register-button {
background: #50B848;
border: none;
padding: 5px 20px;
color: #ffffff;
display: inline-block;
font: normal normal normal 16px 'Oswald';
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
margin-bottom: 20px;
}

.register-button:hover {
 -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
color: #ffffff;
}


.reset-button {
background: #BE1E2D;
border: none;
padding: 5px 20px;
color: #ffffff;
display: inline-block;
font: normal normal normal 16px 'Oswald';
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
margin-bottom: 20px;
}

.reset-button:hover {
 -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
}

.ccm-input-text, div.ccm-field-meta input, div.ccm-field-meta textarea, .ccm-input-date, .ccm-input-password {
font-size: 12px; 
border: 1px solid #aaa; 
color: #404041; 
padding: 4px;
width: 95%;
font: normal normal normal 14px/21px Arial, sans-serif;
}

.ccm-input-checkbox {
margin: 0 10px 0 0;
}

.inputs-list {
list-style: none;
padding-left: 0;
}

.dotted {
border-bottom: 4px dotted #D0D2D3;
}

#search-bar {
float: right;
height: 20px;
margin: 11px;
}

.login-register {
float: right;
margin-top: 10px;
margin-bottom: 0;
}

.copyright {
margin-top: 10px;
margin-bottom: 0;
}

.login-register p,
.copyright p {
margin-bottom: 0;
}

.ifap-login-button,
.ifap-logout-button,
.ifap-register-button {
background: #AAAAAA;
color: #FFFFFF;
border: none;
padding: 5px 10px;
display: inline-block;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
margin: 0px;
font: normal normal normal 10px 'Ubuntu';
letter-spacing: 0.5px;
}

.ifap-login-button:hover,
.ifap-login-button:active,
.ifap-logout-button:hover,
.ifap-logout-button:active,
.ifap-register-button:hover,
.ifap-register-button:active {
-webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
color: #FFFFFF;
}

.logged-in {
color: #FFFFFF;
}


/* Theme Styles
================================================== */
.logged-in {
color: #FFFFFF;
}

#page-wrap {
/* customize_page_wrap_colour */ background-color:#F5F5F5; /* customize_page_wrap_colour */
  -moz-box-shadow:    0px 0px 5px 3px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);
  box-shadow:         0px 0px 5px 3px rgba(0,0,0,0.1);
margin-top: 0px;
margin-bottom: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

.banner-wrapper {
position: relative;
margin-top: 20px;
}

.banner-top img {
position: absolute;
top: 0px;
z-index: 5;
}

.banner-bottom img {
position: absolute;
bottom: 0px;
z-index: 5;
}

footer {
/* customize_footer_colour */ background-color:#00825f; /* customize_footer_colour */
padding-top: 20px;
padding-bottom: 20px;
margin: 20px 0 0 0;
background-image: url(/themes/minimo/images/minimo_highlight.png);
background-repeat: repeat-x;
background-position: top;
/* customize_footer_text_colour */ color:#FFFFFF; /* customize_footer_text_colour */
}

.copyright p {
text-align: right;
color: #FFFFFF;
margin: 0;
padding: 0;
}

#page-wrap #ifapmortgagedisclosure-wrap {
	text-align: left;
	font-size: 13px;
	line-height: 18px;
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    padding: 15px 15px 0 !important;
}

/* Tables */

table {
  background: #fff;
  margin-bottom: 1.25rem;
  border: solid 1px #ddd;
}
table thead, table tfoot {
  background: #f5f5f5;
  font-weight: bold;
}
table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td {
  padding: 0.3rem;
  /* font-size: 0.875rem; */
  color: #222;
  text-align: left;
}
table tr th, table tr td {
  padding: 0.3rem;
  /* font-size: 0.875rem; */
  color: #222;
}
table tr.even, table tr.alt, table tr:nth-of-type(even) {
  background: #f9f9f9;
}
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
  display: table-cell;
  line-height: 1.125rem;
}

/* #Calculators */

div[id^="ifapcalculator-"][id*="-wrap"],
div[id^="ifap-"][id*="-form-wrap"] {
	background-color: #b4b4b4!important;
}

div[id^="ifapcalculator-"][id*="-wrap"],
div[id^="ifap-"][id*="-form-wrap"],
div[id^="ifapcalculator-"][id*="-wrap"] input, 
div[id^="ifapcalculator-"][id*="-wrap"] select,
div[id^="ifap-"][id*="-form-wrap"] input,
div[id^="ifap-"][id*="-form-wrap"] select,
div[id^="ifap-"][id*="-form-wrap"] textarea {
    border-width: 1px;
    border-style: solid;
    border-color: #b4b4b4!important;
}

@media only screen and (max-width: 767px) {
/*
	div#ap-contactlist-wrap table {
		max-width: 100%;
		display: block;
	}
*/
	
	div#ap-contactlist-wrap thead {
/*
		display: block;
		width: 100%;
		float: left;
*/
		display: none;
	}
	
	div#ap-contactlist-wrap tbody tr td {
		display: block;
		width: 100%;
	}
	
	div#ap-contactlist-wrap tbody tr td.ap-contacttelephone::before {
		content: 'T: ';
	}

	div#ap-contactlist-wrap tbody tr td.ap-contactmobile::before {
		content: 'M: ';
	}

/*
	div#ap-contactlist-wrap thead tr td {
		display: block;
		width: 20%;
		float: left;
		box-sizing: border-box;
		font-size: 10px;
	}
*/
}

/* customize_miscellaneous */ @media only screen and (max-width: 40em) {
	div.ap-biography-thumbnail {
		display: inline!important;
		margin-bottom: 10px;
	}
	div.ap-biography {
		flex-direction: column;
	}
} /* customize_miscellaneous */