/* Small devices (mobile, 768px and below) */
/**Info Page Styles **/
.banner-tag{
	position:absolute;
	left:0px;
	right: 0;
	background-color:#F2A900;
	padding: 15px;
}
.banner-tag{
	display: flex;
	align-items: center;
}
.banner-icon{
	padding-right: 15px;
}
.banner-tag h4{
	margin-bottom:5px;
}
.banner-tag-corner{
	display:none;
}
.header-tag{
	background: #1375ba;
}
.header-tag:after {
	border-top-color: #1375ba;
}
.info-content span.primary, .info-content h3, .info-content h4, label.inner.login{
	color: #003066;
}
.numberCircle {
	background: #f2a900;
}
.callout{
	background:rgba(0,99,168,.18);
	border: solid 1px rgba(0,99,168,.5);
	color: rgba(0,48,102,1);
}
@media (min-width: 768px) {
	.wrapper-info{
		background: url(/resale/brand/CondoCerts/images/background.jpg) left top;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.wrapper-info:before { 
		background: linear-gradient(to bottom right, rgba(255,255,255,.87) 40%, rgba(255,255,255,.99) 60%);	
	}
}
/**custom css for CondoCerts main brand**/
.content-box{
	padding-bottom: 80px;
}
.content-box-text h1{
	margin-bottom: 20px;
}
.content-box-bottom{
	margin-top:20px;
	padding-top:20px;
}
.tab-bar{
	background: #003066;
	opacity:1;
}
h1.receiptLabel,
.footer-nav a{
	color: #002854;
}
.row.dark {
    background-color: #002854;
}

/**Internal Logo**/
.logo-index{
	/*border: solid 1px red;*/
	background: url('logo-index.png') no-repeat center; 
	background-size: 277px 93px;
	margin-bottom:12px;
}
.logo-inner{ 
	background: url('logo-inner.png') no-repeat left; 
	background-size: 210px 58px;
}

/**********************Internal Page styles*********************************************/

/**navtabs - active tab**/
.nav-tabs>li>a.active, 
.nav-tabs>li>a.active:focus, 
.nav-tabs>li>a.active:hover,
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:focus, 
.nav-tabs>li.active>a:hover,
.nav-tabs>li>a:hover,
.nav-tabs>li>a:active,
.nav-tabs>li>a:active:focus,
.nav-tabs>li>a:focus{
	background-color: #0079C2;
}
.login-box a,.orderNum a, h1.formLabel, h1.formLabel.faq,.breadcrumb > .active {
	color: #0079C2;
}
/**button styles**/
.btn-primary, .btn-primary:focus, a.btn-primary, .btn-upload
{
	background-color:#003066;
	background: -webkit-linear-gradient(top, #003066 1%,#002854 100%);
	background: -moz-linear-gradient(top,  #003066 1%, #002854 100%);
	background: -o-linear-gradient(top,  #003066 1%,#002854 100%);
	background: -ms-linear-gradient(top,  #003066 1%,#002854 100%);
	background: linear-gradient(to bottom,  #003066 1%,#002854 100%);
}
.btn-primary:hover, .btn-primary:active, .btn-primary:active:focus, 
a.btn-primary:focus, a:hover.btn-primary, a:focus.btn-primary, 
.btn-upload:hover, .btn-upload:active:focus, .btn-upload:focus{
	background:#002854;
}
.btn-secondary, .btn-secondary:focus, 
a.btn-secondary, #payNowButton, #infoSubmit{
	background-color:#f2a900;
	background: -webkit-linear-gradient(top, #f2a900 1%,#e89e00 100%);
	background: -moz-linear-gradient(top,  #f2a900 1%, #e89e00 100%);
	background: -o-linear-gradient(top,  #f2a900 1%,#e89e00 100%);
	background: -ms-linear-gradient(top,  #f2a900 1%,#e89e00 100%);
	background: linear-gradient(to bottom,  #f2a900 1%,#e89e00 100%);
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:active:focus, 
a:hover.btn-secondary, a:focus.btn-secondary, #payNowButton:hover, #infoSubmit:hover{
	background:#e89e00;
}

#orderNowButton, #reviewButton.btn-primary,.btn-info,
.btn-tertiary, .btn-tertiary:focus, a.btn-tertiary{
	background-color:#005eb8;
	background: -webkit-linear-gradient(top, #005eb8 1%,#0058aa 100%);
	background: -moz-linear-gradient(top,  #005eb8 1%, #0058aa 100%);
	background: -o-linear-gradient(top,  #005eb8 1%,#0058aa 100%);
	background: -ms-linear-gradient(top,  #005eb8 1%,#0058aa 100%);
	background: linear-gradient(to bottom,  #005eb8 1%,#0058aa 100%);
}
#orderNowButton:hover, #reviewButton.btn-primary:hover,
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info:active:focus,
.btn-tertiary:hover, .btn-tertiary:active, .btn-tertiary:active:focus, a:hover.btn-tertiary, a:focus.btn-tertiary{
	background: #0058aa;
}

/* Small devices (mobile, 320px and BELOW) */
@media (max-width: 390px) {
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.content-box{
		padding-bottom: 0px;
	}
	.banner-tag{
		left:-15px;
	}
	.banner-tag-corner{
		display:block;
		position:absolute;
		left: 0;
		bottom:-15px;
		width: 0;
		height: 0;
		border-top: 15px solid #795400;
		border-left: 15px solid transparent;
	}
}