/* BC Gov Font workaround for Cross-Origin Resource Sharing block by CL and RT */


#footer {
	 margin-top: -44px;
}

.template {
	 background-color: none;
}

/* logo whitespace */

#header .bcgov-title h1 {
	 color: #fff;
	 font-size: 35px;
	 margin-bottom: 0;
	 margin-left: 15px;
	 margin-top: 20px;
}

#logo a img {
	 margin:.7em 0 -1.2em 0;

}

.bcgov-title {
	 margin-left: -35px;
	 padding-bottom: 10px;
}

#env-user-container {
	 position: relative;
	 text-align: right;
	 width: 50%;
	 float: right;
}

.header-main-right {
	 margin-top: 16px;
}

.header-main-right > label {
	 color: #fff;
	 padding-right: 20px;
}

#header-main .navbar-fixed-top {
	 position: absolute;
}

a.env-authenticate {
	 margin-left: 10px;
	 border: 1px solid #fff;
}

a.env-pmt-list {
	 border: 1px solid #fff;
}

a label.env-username {
	 font-style: normal;
	 text-decoration: wavy !important;
	 color: #fff;
	 margin-right: 15px;
	 cursor: pointer;
}

.env-user {
	 margin: 25px 0;
}

.env-user label {
	 color: #fff;
}

#breadcrumbContainer {
	 width: 100%;
	 float: left;
	 height: 30px;
	 padding: 0;
}

.header-main-left {
	 white-space: nowrap;
}

@media (max-width: 767px) {
.background-fade img {
	 width:100% !important;
	 position:absolute !important;
	 margin-top:0 !important;
}
	 .env-container {
		  padding-top: 10px !important;
		  position: relative;
	 }
	 #header #logo img {
		  width: 95%;
		  height: 95%;
		  padding-left: 15px;
	 }
	 #breadcrumbContainer {
		  height: auto;
		  padding: 10px 0;
	 }
}

@media (max-width: 990px) {
.themePromoBox.left {
	 padding-right:0px !important;
}

.themePromoBox.right {
	 padding-left:0px !important;
}

.divider {
	display:none;
}

}

@media (max-width:1200px) {


.bcgov-title {
	 margin-left: 0px;
}

.themePromoBox.left {
	 padding-right:0;
}

.themePromoBox.right {
	 padding-left:0;
}

div.lang {
	 position:absolute;
	 display:inline;
	width:300px;
	height:auto;
	list-style-type:none;
	list-style:none;
	margin:-1em 0 0 13em !important;
	clear:both;
}

.lang li.chinese-simp p, .lang li.chinese-trad p {
	 position:relative;
	 top:-.5em;
	 width:90px;
}

.lang li.chinese-trad {
	margin:0 0 0 .5em;
	padding:0 0 0 0;
}

.lang li.french {
	margin:0 0 0 .8em;
}

.lang li.korean {
	 margin:0 0 0 .7em;
}

.youtube-player {
	 width:100% !important;
	 padding:0 !important;
	 margin:0 auto 0 auto !important;
}

ul.languages-lower-links {
	 display:block;
	 width:735px;
	margin-top:1em;
}

ul.languages-lower-links li {
	 line-height:2.43em;
}

/* end (max-width:1200px) */

}

@media (min-width: 768px) {
	 .env-container {
		  padding-top: 150px !important;
		  position: relative;
	 }
	 #breadcrumbContainer {
		  padding: 0;
	 }
}

@media (min-width: 991px) and (max-width:1200px) {

ul.languages-lower-links {
	 display:block;
	 width:735px !important;
	margin-top:1em;
}

ul.languages-lower-links li {
	 line-height:2.43em;
}

}

/* maybe needs to be back to 990px max-width */
@media (min-width: 769px) and (max-width:990px) {

.themePromoBox.left {
	 padding-right:0px;
}

.themePromoBox.right {
	 padding-left:0px;
}

.heading-container {
	 position:relative !important;
	 top:0 !important;
	display:block !important;
	background-color:#003366 !important;
	height:100px !important;
	width:300px !important;
	opacity:.8;
	margin:0 0 3em 0 !important;
}

.themeHeaderTitle > h1 {
	 position:absolute;
	 left:.5em !important;
	 top:.4em !important;
	 opacity: 1 !important;
}

.breadcrumb li a, .breadcrumb li {

}

.blue-heading-bar {
	background-color: #003366; /* for IE */
	background-color: rgba(0, 51, 102, 0.80);
	color: #fff;
	font-size: 24px;
	margin: 0;
	padding: 8px 15px 7px 15px;
	height:40px;
}

#breadcrumbContainer {
	  height: 10px;
	  padding: 0;
}

.breadcrumb {
	padding: 0 !important;
	margin: 0 0 0 0 !important;
	height:12px !important;
	position: absolute !important;
	top:-2.3em !important;
}

#header-main-row {
	padding-bottom:2em;
}


}

/* fix navbar button to resemble standard button toggle control */

button.navbar-toggle {
	 background-color: transparent !important;
}

button.env-button-custom {
	 border: none;
	 right: 30px;
	 padding-bottom: 15px;
}

/* accurate colours for navbar links */

#navbar > ul.nav > li > a {
	 color: #fff;
}

#navbar > ul.nav > li.active > a {
	 color: #1a5a96;
}

#navbar > ul.nav > li:hover {
	 background-color: rgba(255, 255, 255, 0.2);
	 color: #1a5a96;
}


/* adjust spacing for small screens */

@media (max-width: 767px) {
	 #env-logo {
		  margin: 5px 0 5px 15px;
	 }
	 .navigationRibbon {
		  visibility: hidden;
		  height: 0;
		  overflow: hidden;
	 }
	 #navbar {
		  width: 100%;
		  border-top: none;
	 }
	 .navbar-toggle {
		  margin-right: 0;
		  margin-bottom: 0;
	 }

.themePromoBox.left {
	 padding-right:0px !important;
}

.themePromoBox.right {
	 padding-left:0px !important;
}

.heading-container {
	 position:relative !important;
	 top:0 !important;
	display:block !important;
	background-color:#003366 !important;
	height:100px !important;
	width:300px !important;
	opacity: .8;
	margin:1em 0 3em 0 !important;
}

.themeHeaderTitle > h1 {
	 position:absolute;
	 left:.8em !important;
	 top:1.8em !important;
	 opacity: 1 !important;
}

.divider {
	display:none;
}

.breadcrumb {
	 position:relative !important;
	background: none;
	padding: 0;
	margin: -2.3em 0 0 0;
	position: absolute;
	bottom: 0;
}

#breadcrumbContainer {
	  height: 10px;
	  padding: 0;
}


}


/* remove navigation for all but small screens */

@media (min-width: 768px) {

	 #navbar,
	 #navbar ul {
		  visibility: hidden;
		  height: 0;
	 }
	 .navbar-collapse {
		  padding: 0 !important;
	 }

	 .heading-container {
	 position:relative;
	 top:0;
	display:block !important;
	background-color:#003366 !important;
	height:100px !important;
	width:300px !important;
	opacity: .8;
	margin:1em 0 2em 0;
}

.themeHeaderTitle > h1 {
	 position:absolute;
	 left:12px !important;
	 top:14px !important;
	 opacity: 1;
}

.themePromoBox.left {
	 padding-right:25px;
}

.themePromoBox.right {
	 padding-left:25px;
}





}


/* reset padding for dropdown menu controls */

.contentPageMainColumn ul.dropdown-menu {
	 padding-left: 0 !important;
}

.contentPageMainColumn ul.list-group {
	 padding-left: 0;
}


/* remove block image for dropdown menu <li> items */

ul.dropdown-menu > li {
	 background-image: none !important;
	 padding-left: 0 !important;
}


/* Bring back the Bootstrap Column Padding*/

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
	 position: relative;
	 min-height: 1px;
	 /** padding-right: 10px; **/
	 /** padding-left: 10px; **/
}


/* Modal Window Dressing */

h4.modal-title {
	 color: #ffffff;
	 font-weight: bold;
}

.modal-header {
	 color: #ffffff;
	 background-color: #003366;
	 border-color: #003366;
}

.modal-header > button {
	 color: #fff;
	 margin-top: 0 !important;
	 opacity: initial;
	 text-shadow: initial;
}

.close:focus, .close:hover {
	 color:#fcba19;
	 opacity: initial;
	 text-decoration: underline;
}


/* Bring back Responsive Table Responsiveness (e.g., horizonal scroll bar) */

.table-responsive {
	 min-height: 0.01% !important;
	 overflow:hidden !important;
}


/* Remove bullets from Datatable pagination control <li> items */

div#bs-datatables_paginate > ul > li,
ul.nav.nav-tabs > li,
ul.nav.nav-pills > li,
ul.pagination > li,
ul.pager > li,
ul.breadcrumb > li {
	 list-style-type: none !important;
	 list-style-image: none !important;
	 background-image: none !important;
	 padding-left: 0 !important;
}


/* disable wrapping and left-align table header content for prettier responsive tables */

th {
	 white-space: nowrap;
	 text-align: left;
}


/* remove bullets from list-group-item <li> items */

ul.list-group > li.list-group-item {
	 list-style-type: none !important;
	 list-style-image: none !important;
	 background-image: none !important;
	 padding-left: 15px;
	 margin-bottom: -1px;
}


/* tweak nav tab spacing */

.nav-tabs > li {
	 margin-bottom: -1px !important;
}


/* restore panel styles */

.panel-heading {
	 cursor: default !important;
}

.panel-env {
	 box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
	 border: 0px solid #335c85;
	 border-radius: 0 0 5px 5px;
}

.panel-env > .panel-footer {
	 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset;
	 border: 0px solid #335c85;
	 border-radius: 0 0 5px 5px;
	 background-color: #ebebeb;
}

.panel-env > .panel-heading {
	 color: #ffffff;
	 background-color: #335c85;
	 border-color: #335c85;
}

.panel-env > .panel-body {
	 background-color: #f1f1f2;
}

.panel-primary > .panel-heading {
	 color: #ffffff;
	 background-color: #003366;
	 border-color: #003366;
}

.panel-success > .panel-heading {
	 color: #3c763d;
	 background-color: #dff0d8;
	 border-color: #d6e9c6;
}

.panel-warning > .panel-heading {
	 color: #8a6d3b;
	 background-color: #fcf8e3;
	 border-color: #faebcc;
}

.panel-danger > .panel-heading {
	 color: #a94442;
	 background-color: #f2dede;
	 border-color: #ebccd1;
}

.panel-info > .panel-heading {
	 color: #31708f;
	 background-color: #d9edf7;
	 border-color: #bce8f1;
}

.panel-info > .panel-body {
	 background-color: #f1f1f2;
}

.panel-default > .panel-heading {
	 color: #fff;
	 background-color: #666;
	 border-color: #222;
}

.panel-default > .panel-body {
	 background-color: #f1f1f2;
}

.panel > .env-payment-list > .dataTables_wrapper {
	 padding-top: 10px;
	 border-top: solid 1px #ddd;
}

h3.panel-title {
	 padding: 0 15px;
	 font-size: 180%;
}

#pageIntro {
	 margin-bottom: 20px;
}

.env-login-options .row {}

.env-login-option {
	 text-align: center;
	 padding-bottom: 30px;
}

.env-login-option img {
	 box-shadow: rgba(0, 0, 0, 0.4) 0 2px 2px;
	 margin-bottom: 15px;
}


/* env Icons */

i.text-env {
	 color: #f4bd48;
	 text-shadow: 0 1px 0 #000;
}

.panel-info h3.panel-title small {
	 color: #000;
}

h3.panel-title small {
	 color: #fff;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
	 border-top: none;
}


/* Payment List */

label {
	 display: inline-block;
	 max-width: 100%;
	 margin-bottom: 5px;
	 font-weight: 700;
}


/*  ALERTS */

.env-alert {
	 padding: 15px;
	 margin-bottom: 20px;
	 border: 5px solid transparent;
	 border-radius: 7px;
	 box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4), 0 0 45px rgba(255, 255, 255, 0.7) inset;
}

.env-alert a {
	 text-decoration: underline;
}

env-alert li {
	 list-style-type: none !important;
	 list-style-image: none !important;
	 background-image: none !important;
}

.env-alert h4 {
	 margin-top: 0;
	 color: inherit;
}

.env-alert .env-alert-link {
	 font-weight: bold;
}

.env-alert > p,
.env-alert > ul {
	 margin-bottom: 0;
}

.env-alert > p + p {
	 margin-top: 5px;
}

.env-alert-dismissable,
.env-alert-dismissible {
	 padding-right: 35px;
}

.env-alert-dismissable .close,
.env-alert-dismissible .close {
	 position: relative;
	 top: -2px;
	 right: -21px;
	 color: inherit;
}

.env-alert-default {
	 color: rgba(0, 0, 0, 0.8);
	 background-color: #ccc;
	 border-color: #999;
}

.env-alert-default hr {
	 border-top-color: #999;
}

.env-alert-default .env-alert-link {
	 color: rgba(0, 0, 0, 0.8);
}

.env-alert-success {
	 color: #3c763d;
	 background-color: #dff0d8;
	 border-color: #5d884b;
}

.env-alert-success hr {
	 border-top-color: #c9e2b3;
}

.env-alert-success .env-alert-link {
	 color: #2b542c;
}

.env-alert-info {
	 color: #31708f;
	 background-color: #d9edf7;
	 border-color: #38598a;
}

.env-alert-info hr {
	 border-top-color: #a6e1ec;
}

.env-alert-info .env-alert-link {
	 color: #245269;
}

.env-alert-warning {
	 color: #8a6d3b;
	 background-color: #fcf8e3;
	 border-color: #f4bd48;
}

.env-alert-warning hr {
	 border-top-color: #f7e1b5;
}

.env-alert-warning .env-alert-link {
	 color: #66512c;
}

.env-alert-danger {
	 color: #a94442;
	 background-color: #f2dede;
	 border-color: #c81212;
}

.env-alert-danger hr {
	 border-top-color: #e4b9c0;
}

.env-alert-danger .env-alert-link {
	 color: #843534;
}

.payment-list-alert {
	 font-size: 130%;
}

.text-default {
	 color: #444;
}


/* LEGAL STATEMENT */

.env-legal {
	 height: 300px;
	 overflow: scroll;
	 border: 2px solid #ccc;
	 padding: 20px;
	 background-color: #fff;
	 box-shadow: rgba(0, 0, 0, 0.4) -10px 0 20px inset;
}