/* Add here all your CSS customizations */
/* MICAN items */
@font-face {
	font-family: loew;
	src: url(/fonts/Loew/Loew/Loew-Black.otf);
	font-weight: 900;
}
@font-face {
	font-family: loew;
	src: url(/fonts/Loew/Loew/Loew-BlackItalic.otf);
	font-style: italic;
	font-weight: 900;
}
@font-face {
	font-family: loew;
	src: url(/fonts/Loew/Loew/Loew-BoldItalic.otf);
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: loew;
	src: url(/fonts/Loew/Loew/Loew-Heavy.otf);
	font-weight: 700;
}
@font-face {
	font-family: loew;
	src: url(/fonts/Loew/Loew/Loew-HeavyItalic.otf);
	font-weight: 700;
	font-style: italic;
}
@font-face {
	font-family: loew;
	src: url(/fonts/Loew/Loew/Loew-Italic.otf);
	font-style: italic;
}
@font-face {
	font-family: loew;
	src: url(/fonts/Loew/Loew/Loew-Light.otf);
	font-weight: 200;
}
@font-face {
	font-family: loew;
	src: url(/fonts/Loew/Loew/Loew-LightItalic.otf);
	font-weight: 200;
	font-style: italic;
}
@font-face {
	font-family: loew;
	src: url(/fonts/Loew/Loew/Loew-Medium.otf);
	font-weight: 500;
}
@font-face {
	font-family: loew;
	src: url(/fonts/Loew/Loew/Loew-MediumItalic.otf);
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: 'loew';
	src: url(/fonts/Loew/Loew/Loew-Bold.otf);
	font-weight: bold;
}
@font-face {
	font-family: 'loew';
	src: url(/fonts/Loew/Loew/Loew-Regular.otf);
}
/*
@font-face {
	font-family: loew;
	src: url(/fonts/Loew/Loew/Loew-Thin.otf);
	font-weight: 300;
	
}
@font-face {
	font-family: loew;
	src: url(/fonts/Loew/Loew/Loew-ThinItalic.otf);
	font-weight: 300;
	font-style: italic;
	
}
*/
 body {
		font-family: loew;
} 

b, strong {
	font-weight: bold;
}

.banner .col-8 {
	padding-top:32px;
}
 .top-menu {
	background-color: #3b87c0;
	padding:10px;
}
.top-menu a, .top-menu {
	color: white;
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
}
.top-menu a:hover {
	color: #083c68;
	text-decoration: none;
}
.banner {
	background-color: #234d89;
	padding:10px;
	color: white;
	font-size: 1.3rem;
}
.banner img {
	max-width: 150px;
	width: 100%;
}

.navbar {
	padding-top: 60px;
}
.navbar-dark .navbar-toggler {
	color: #fff;
	border: 0;
}
.navbar-dark .navbar-toggler:focus {
	outline: 0;
}

.fa.fa-bars.fa-1x {
	font-size: 42px;
}
.burgerMenu {
	font-size:14px;
}
.line {
	background-color: #3c87c0;
	padding: 5px;
}
.form-control {
	border-radius: 0;
}
.form-control:focus, .form-control {
	background-color: rgba(255,255,255,0.5);
}

.callout {
	padding:10px;
	font-size:20;
	text-align: center;
	/*font-weight:bold;*/
	padding-bottom: 40px;
}
.callout img {
	max-width:94px;
	width: 100%;
	/*padding-right: 20px;*/
}
.callout h1 {
	font-weight: bold;
	font-size: 2.7rem;
}
.callout h2 {
	font-weight: bold;
	font-size: 22px;
	margin-top: 10px;
}
#login h3 {
	font-weight: bold;
	margin-bottom: 30px;
}
input#strLoginUser {
	background-color: rgba(255,255,255,0.5);
}
.sideMenu {
	padding-top:20px;
	padding-left:20px;
	font-size:12;
	font-weight:200;
}
.sideMenu img {
	width:20px;
	height:20px;
	padding-right:2px;
}
.login {
	background-color: #0288c5;
	background-image: url(../images/mican_login_bg.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top right;
	color: white;
	font-size:16;
	font-weight:500;
	padding:50px;
	line-height:2;
}
/*.login div {
	padding-top:10px; 
}

.login label {
	padding-top: 15px;
}*/

.nav-item a {
	width: auto;
	display: inline-block;
}
.burgerMenu {
	background-color: #325f99;
	display: inline-block;
}

.callout1 {
	font-size:15px;
	font-weight:100;
	line-height:.5;
	/*margin-left:40px;*/
	margin-top:20px;
	margin-bottom:20px;
}
.callout1 strong {
	font-size: 18px;
}
.footer-copyright  {
	margin-top:20px;
	margin-bottom:20px;
}
.footer-copyright img {
	height:50px;
}
.footer-copyright p {
	padding-top:10px;
}
.calloutLoggedIn {
	background-color: #6da6d1;
	color: white;
	font-size:24px;
	padding:50px;
	line-height:2;
	text-align: left;
	line-height: 26px;
}
.callout2 {
	font-size:17px;
	font-weight:100;
	/*margin-left:40px;*/
	margin-top:20px;
	margin-bottom:20px;
	text-align: left;
}
.backgroundLoggedIn{
	background-image: url(../images/mican_logo_bg.jpg);
	background-size: 550px ;
	background-repeat:no-repeat;
	background-position:right bottom;

}
.backgroundLoggedIn label {
	color: #0e4071;
}
.backgroundLoggedIn input {
	background-color: #0e4071;
	color: grey;
}
.backgroundLoggedIn textarea {
	background-color: #0e4071;
	color: grey;
}
.popupHeader {
	background-color: #6da6d1;
	color: white;
	font-size:12;
	font-weight:100;
	padding:10px;
	line-height:2;

}
.popupPrompt {
	font-size:12;
	font-weight:100;
}
.popupPrompt img {
	width:20px;
}
.popup {
	font-size:12;
	font-weight:100;
}
.popup img {
	width:20px;
}
.popup input {
	width:50px;
}
.popupHeader a {
	vertical-align:text-top;
	text-align: right;
}
.fixedHeightContainer {
	float:right;
	height: 250px;
	width:250px; 
	/*padding:3px; */
	background:#ffffff;
	font-size: 10;
	color: #0e4071;
	font-weight:100;
}
.fixedHeightContent {
	height:224px;
	overflow:auto;
	background:#fff;
  }
.fixedHeightContent a {
	color:grey
}

#result, .progress { display:none; }


.table, table {
    display: table;
    width: 100%;
    margin-top: 50px;
}

table td a {
	color: #234d89;
	font-weight: bold;
	line-height: 12px;
}
table td:first-of-type a, table td:last-of-type a{
	font-weight: 900;
}
.table-row {
    display: table-row;
    width: 100%;
}


.table-cell {
    display: table-cell;
}

#deadlineDate {
	width: 100%;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd td {
	background-color: #fff!important;
	line-height: 18px;
}

table.dataTable.display tbody tr.even td, table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
	background-color: rgba(231, 236, 240, 0.5)!important;
	line-height: 18px;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
	border: 0!important;
}
table.dataTable.no-footer {
	border-bottom: 0!important;
	margin-bottom: 20px;
}
#homebuilder-list_length, #homebuilder-list_filter {
	margin-bottom: 15px;
}

.navbar-collapse {
	position: absolute;
	z-index: 100;
	top: 128px;
	left: -96px;
	

}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
	background-color: #325f99;
	padding: 10px 16px;
	width: 220px;
}

.navbar-dark .navbar-nav .active>.nav-link:hover {
	background-color: #fff;
	color: #325f99;
}


th {
	background-color:#234d89;
	font-size:14px;
	color:#ffffff;
	font-weight: bold;
	line-height: 2;
	padding:10px;
}
td {
	line-height:2;
	padding: 10px;
}
td:first-of-type {
	font-weight: bold;
}
/* bootstrap overrides */
.container {
	width:98%;
	max-width:100%;
/*	padding:0px;
	margin:0px; */
}
.btn {
	border-color:#ffffff;
	width:150px;
	border-width: 4px;
	border-radius: 0;
	font-weight: bold;
}
.btn-primary:hover {
	background-color: #fff;
	color: #234d89;
	border: 4px solid #fff;
}
.backgroundLoggedIn button[type=button] {
	font-size:10px;
}
.btn-primary {
	background-color:rgb(55, 136, 190);
}

#strHousetypeProfitContainer, #strPlotProfitContainer {
	display: none;
	padding: 3px;
}

input.form-control[readonly], textarea.form-control[readonly] {
    background-color: #0e4071; 
}
input[readonly]:hover, textarea[readonly]:hover {
    cursor: not-allowed;
}

select.form-control {
    background-color: #0e4071; 
    color: grey;
}

/*END MICAN Items 


.accordianTab {
	margin-bottom:10px;
	background:white;
	padding:5px;
	border-radius:5px;
	border:1px solid #dadada;
}

.accordianLink {
	background-image: url('../images/icon-plus.png');
	background-position:5px 11px;
	background-repeat:no-repeat;
	padding-left:35px;
}

.accordianLink p { padding-top:9px; }

.accordianTab .accordianLink { cursor:pointer; color: #7171b3;}

.accordianTab .accordianLink:hover { color:#401663; }

.accordianContent { display:none; padding:15px 20px 0px 20px; }

#accordianDiv {
	margin-top: 30px;
}

.mt-lg-5 {
	margin-top: 40px;
}

@media (max-width:992px) {
	.thumb-info.thumb-info-no-borders, .thumb-info.thumb-info-no-borders img {
		margin-bottom: 30px;
	}
}

@media (max-width: 768px) {
	.hideOnMobile {
		display: none;
	}
	
}

@media (max-width: 460px) {
	.header-nav-top {
		display: none!important;
	}

	.mt-lg-5 {
		width: 100%;
		float: none;
		flex: 0 0 100%;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.call-to-action h3 {
		font-size: 32px;
	}

	.img-fluid {
		margin-bottom: 20px;
	}
	*/


@media screen and (max-width: 900px) {
	.hidden-sm-down {
		display: none;
	}
	.hidden-sm-down+.col-11, .hidden-sm-down+.col-9, .hidden-sm-down+.col-10 {
		width: 100%;
		max-width: 100%;
		flex: 100%;
		margin-top: 0;
	}
	.callout2 {
		font-size: 15px;
	}
	.callout {
		font-size: 15px;
	}
	
	
}
@media screen and (max-width: 790px) {
	
	.top-menu .col-4 {
		display: none;
	}
	.top-menu .col-8 {
		width: 100%;
		max-width: 100%;
		text-align: center!important;
		flex: 100%;
		padding-left: 0px;
		padding-right:0px;
	}
	.backgroundLoggedIn {
		background-image: none;
	}
	.backgroundLoggedIn .col-1 {
		display: none;
	}
	.backgroundLoggedIn .col-md-10 {
		width: 100%;
		max-width: 100%;
		flex: 100%;
	}

	.calloutLoggedIn {
		font-size: 20px;
		padding: 20px;
	}

	table td:first-of-type a, table td:last-of-type a {
		font-weight: 700;
	}
	th {
		font-size: 10px;
	}
	.table, table {
		margin-top: 20px;
	}

	table td a, table td:first-of-type a, table td a, table td, table td:last-of-type a {
		font-weight: normal;
		font-size: 9px;
	}

}

@media screen and (max-width: 767px) {
	.navbar {
		padding-top: 0px;
		text-align: right;
		display: block;

	}
	.navbar-collapse {
		right: 0px;
		left: auto;
		top: 68px;
		width: 220px;
	}
	.calloutLoggedIn {
		font-size: 18px;
	}
	.callout .calloutLoggedIn img {
		width: 60px;
	}
}
@media screen and (max-width: 600px) {
	
	.top-menu a, .top-menu {
		font-size: 10px;
	}
	.banner .col-8 {
		padding-top: 22px;

	}
	.banner {
		font-size: 1rem;
	}

	.calloutLoggedIn {
		padding: 10px 30px;
	}

	.calloutLoggedIn .col-11 {
		font-size: 14px;
	}

	.fa.fa-bars.fa-1x {
		font-size: 30px;
	}
	.navbar-toggler {
		padding: 0;
	}

	


}
@media screen and (max-width: 600px) {
	
	.banner img {
		width: 100%;
		padding: 0;
	}
	.banner {
		font-size: 0.8rem;
	}
	.banner .col-8 {
		padding-top: 12px;

	}
	.callout {
		padding-bottom: 10px;
	}
	.callout h1 {
		font-size: 2rem;
		padding-bottom: 0px;
	}
	.callout h2 {
		font-size: 16px;
	}
	#login h3 {
		font-size: 1rem;
	}
	.hideMobile {
		display: none;
	}
	.footer-copyright img {
		height: auto;
		width: 100%;
	}
	.footer-copyright p {
		font-size: 12px;
	}
	table.dataTable tbody th, table.dataTable tbody td, table.dataTable thead th {
		padding: 8px 5px!important;
	}
}


@media screen and (max-width: 479px) {
    .table, .table-row {
        display: block;
    }
    .table-cell {
        display:inline-block;
	}
	td {
		line-height:.5;
		font-size:9px;
		padding-right:10px;
	}
	.callout {
		padding-bottom: 10px;
	}
	.callout h1 {
		font-size: 1.2rem;
		
	}
	.callout h2 {
		font-size: 11px;
	}
	.callout .col-4 {
		padding-left: 5px;
		padding-right: 5px;
	}
	.callout img {
		max-width: 94px;
		width: 100%;
	}

	

}