/* ----------------------------------
     _BOOTSTRAP OVERRIDES CONTENT_
	1. General overrides
	2. Header overrides
	3. Form overrides
	4. Modal popup overrides
	5. Bootstrap media block overrides
	6. Bootstrap pagination overrides
	7. Bootstrap accordion overrides
	
   ---------------------------------- */


/* ------------------------
     1. General overrides
   --\/-------------------- */

/* 	Bootstrap font-size note.
	Bootstrap uses px font sizes, so adjusting text size in browser settings has no effect - possible 508 issue.
	Setting html font size to 62.5% of browsers' default of 16px = 10px. Then, using ems on body will translate 
	to corresponding pixel size, but will create flexible text able to be resized by the user.
	Ex: font-size on body of 1.8em will result in 18px size text with default browser zoom and/or font settings. 
	--\/-- */
	
html {
	font-size:62.5%;
}

body {
	font-size:1.5em; /* Default global font size to 15px */
}

/*	--/\--
	End bootstrap font-size note.*/

p {
	margin:0 0 .5em 0;
}

.row {
	margin:0;
}

.form-style [class*='col-'] {
	display:block;
	float:left;
	padding-right:.5em;
}

/* Bootstrap/custom FEBI button icons & overrides.
   The febi custom icons are being created via font-face (as bootstrap does). Supposedly, this loads faster than css sprites. 
   This was created using: https://icomoon.io/app/#/select - loading selection.json from the /fonts folder back 
   to this site should allow us to add additional icons to glyphicons-febi in this same manner. 
   To use custom icons, replace class="glyphicon glyphicon-myIcon" with class="glyphicon-febi glyphicon-febi-myIcon".
   --\/-- */

	.btn .glyphicon,
	.btn .glyphicon-febi {
		align-self:center;
		margin:0 .5em 0 0;
	}
	
	.btn .glyphicon-log-out {
		transform:scaleX(-1);
		vertical-align:baseline;
	}
	
	@font-face {
		font-family: 'glyphicons-febi';
		/*src: url('fonts/glyphicons-febi.eot');*/
	}
	
	@font-face {
		font-family: 'glyphicons-febi';
		src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	
	[class^="glyphicon-febi-"], [class*=" glyphicon-febi-"] {
		font-family: 'glyphicons-febi';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
	
		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	.glyphicon-febi-calculator:before {
		content: "\e601";
	}
	.glyphicon-febi-calculator2:before {
		content: "\e600";
	}

/* --/\--
   End bootstrap & custom FEBI button icons */

/* --/\---------------------
     End general overrides
   ------------------------- */
   

/* -----------------------
     2. Header overrides
   --\/------------------- */

.navbar {
	margin:0;
}

.navbar-default {
	background-color:transparent;
	border:none;
}

.navbar-default .navbar-collapse {
	border:none;
}

.container-fluid {
	padding:0;
}

.container-fluid > .navbar-header {
	display:table-cell;
	margin:0;
	padding:0 1em;
	vertical-align:middle;
}

.container-fluid .navbar-collapse {
	margin:0;
	padding:0;
}

/* --/\--------------------
     End header overrides
   ------------------------ */


/* --------------------- 
     3. Form overrides  
   --\/----------------- */

.form-style [class*='col-'] {
	display:block;
	float:left;
	padding-right:.5em;
}

.form-group,
.radio {
	margin:0;
	padding:0 0 1em 0;
}

.form-group label {
	display:table-cell;
	font-family:'Open sans', verdana, sans-serif;
	font-weight:normal;
	padding:0 0 .25em 0;
	width:100%;
}

.form-group .btnHelp {
	display:table-cell;
	vertical-align:top;
}

input.form-control,
select.form-control {
	border:1px solid #999999;
	box-shadow:inset 0em .1em .2em rgba(0, 0, 0, .15);
}

input.form-control,
.input-group .form-control:first-child,
select.form-control {
	border-radius:.2em;
}

.input-group .input-group-addon.after {
	border-left:none;
	border-top-right-radius:.25em;
	border-bottom-right-radius:.25em;
}

/* --/\------------------ 
     End form overrides   
   ---------------------- */


/* --------------------------------
     4. Modal popup box overrides 
   --\/---------------------------- */

.modal-backdrop {
	background-color:rgba(0,0,0,.5);
}

.modal-backdrop.show,
.modal-backdrop.fade.show {
	opacity:1;
} 
   
ngb-modal-window.modal.fade.show {
	display:table !important;
	opacity:1;
}

ngb-modal-window .modal-dialog {
	display:table-cell;
	margin:auto;
	transform: initial !important;
	vertical-align:middle;
}

.vCenterPopup.modal .modal-lg > .modal-content,
.vCenterPopup.modal .modal-sm > .modal-content {
	margin:0 2em;
	width:auto;
}

.vCenterPopup.modal .modal-sm > .modal-content {
	margin:0 auto;
	max-width:300px;
}

.modal-content {
	border:none;
	border-radius:.4em .4em .25em .25em;
	margin:0 auto;
}

.modal-header {
	border-top-left-radius:.3em;
	border-top-right-radius: .3em;
	color:#ffffff;
	padding:0;
}

.modal-header .modal-title {
	box-shadow:none !important;
	font-size:2em;
	line-height:1.2em;
	padding:.5em 1em;
}

.modal-body {
	border:none;
	padding:1em;
}

.modal-body.media {
	padding:1em;
}

.modal-body.media .media-left {
	padding:0;
}

.modal-body.media .media-left img {
	height:1.5em;
	width:1.5em;
}

.modal-footer {
	border:none;
	padding:0 1em 1em;
}

.modal-footer .btn {
	margin:0;
}

/* --/\-----------------------------
     End modal popup box overrides
   --------------------------------- */
   
   
/* --------------------------------------
     5. Bootstrap media block overrides
   --\/---------------------------------- */

.media {
	display:block;
	margin:0;
	padding:0 0 1em .5em;
}

.media .icon {
	margin:0;
	padding:0;
}

.media-body {
	padding:0 0 0 1.25em;
}

.media h3 {
	font-size:1em;
	font-weight:bold;
	margin:0;
}

.media-list {
	margin:0;
}

.table-striped > tbody > tr:nth-child(odd) > td, 
.table-striped > tbody > tr:nth-child(odd) > th {
   background-color:  #e5e5ff;
}

.table-striped > tbody > tr:nth-child(even) > td, 
.table-striped > tbody > tr:nth-child(even) > th {
   background-color: #ffffff;
}

.ui-sortable {
	list-style: none outside none;
	margin: 10px 0 30px;
}

.ui-sortable > li:nth-child(even) {
	 background-color: #ffffff;
}

.ui-sortable > li:nth-child(odd) {
	 background-color: #e5e5ff;
}

.ui-sortable > li {
	 padding: 10px 0px 10px 0px;
}

/* --/\-----------------------------------
     End bootstrap media block overrides
   --------------------------------------- */

/* ----------------------------------
     Bootstrap pagination overrides
   --\/------------------------------ */
/*
.btnBar {
	text-align:center;
}

.btnBar .pagination {
	font-size:1.1em;
	margin:0;
	text-align:center;
}

.febi .btnBar .pagination li {
	border:none;
	display:table-cell;
}

.btnBar .pagination li:first-of-type a,
.btnBar .pagination li:last-of-type a {
	border-radius:0;
}

.btnBar .pagination li:last-of-type a:before {
	border-right:none;
}

.febi .btnBar .pagination li.active a:before,
.febi .btnBar .pagination a:hover:before,
.febi .btnBar .pagination a:focus:before {
	background-color:#ffffff;
	z-index:-1;
}

.febi .btnBar .pagination li.active a,
.febi .btnBar .pagination a:hover,
.febi .btnBar .pagination a:focus {
	background-color:#ffffff;
}

.febi .btnBar li.disabled a {
	color:#999999;
}

.febi .btnBar li.disabled a:hover,
.febi .btnBar li.disabled a:focus {
	background-color:transparent;
	color:#999999;
} 

.febi .btnBar li.disabled a:hover:before,
.febi .btnBar li.disabled a:focus:before {
	background-color:transparent;
	top:auto;
	bottom:auto;
}
*/

ngb-pagination {
	background-color:#333333;
	border:1px solid #333333;
	border-top:none;
	display:block;
	font-size:1.2em;
	margin:0 0 1em 0;
}

.febi ul.pagination {
	display:flex;
	margin:0 auto;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
}

.febi ul.pagination li {
	border:none;
	border-right:1px solid #cccccc;
	border-top:1px solid #cccccc;
	display:table-cell;
	flex-grow:1;
	text-align:center;
	vertical-align:middle;
}

.febi ul.pagination li:last-of-type {
	border-right-color:transparent;
}

.febi ul.pagination li a {
	background-color:transparent;
	border:1px solid transparent;
	border-radius:0;
	color:#ffffff;
	cursor:pointer;
	display:block;
	float:none;
	margin:0;
	padding:1em 1.5em;
	transition-duration:.25s;
	transition-property:background-color, border-color, color;
	transition-timing-function:ease;
}

.febi ul.pagination li.disabled a {
	color:#ababab;
}

.febi ul.pagination li.active a,
.febi ul.pagination li.active a:hover,
.febi ul.pagination li.active a:focus {
	background-color:#ffffff;
	border-color:transparent;
	color:#000000;
}

.febi ul.pagination li a:hover,
.febi ul.pagination li a:focus {
	background-color:rgba(255, 255, 255, .3);
	color:#ffffff
}

.febi ul.pagination li:last-of-type a:hover,
.febi ul.pagination li:last-of-type a:focus {
	border-right-color:#cccccc;
}

.febi ul.pagination li:first-of-type a:hover,
.febi ul.pagination li:first-of-type a:focus {
	border-left-color:#cccccc;
}

.febi ul.pagination li.disabled a:hover,
.febi ul.pagination li.disabled a:focus {
	background-color:transparent;
	border-color:transparent;
	color:#ababab;
	cursor:not-allowed;
}

/* --/\----------------------------------
     End bootstrap pagination overrides
   -------------------------------------- */
   
   
/* ---------------------------------
     Bootstrap accordion overrides
   --\/----------------------------- */
   
ngb-accordion .card .card-header {
	font-size:1em;
	margin:.25em 0 0 0;
}

ngb-accordion .card-header {
	margin-top:1em;
}

ngb-accordion .card-header a:before {
	content:"\E315";
	font-family: "Material Icons";
	font-size:1em;
	padding:0 .5em 0 0;
	
	align-self:center;
}

ngb-accordion .card-header.active a:before {
	content:"\E313";
	font-family: "Material Icons";
}
   
ngb-accordion .card-header a {
	border:1px solid;
	font-size:1.25em;
	font-weight:bold;
	font-family:'News Cycle', arial, tahoma, myriad, verdana, sans-serif;
	padding:.5em;
	transition-duration:.25s;
	transition-property:background, border, color;
	transition-timing-function:ease-in-out;
	
	display:flex;
	align-items:middle;
}

ngb-accordion .card-header a,
ngb-accordion .card-header a:visited {
	text-decoration:none;
}

ngb-accordion .card-header a:hover {
	text-decoration:none;
}

ngb-accordion .card-block {
	border:1px solid;
	border-top:none;
	padding:1em;
}

ngb-accordion .card .card-body {
	border:1px solid;
	margin:0;
	padding:1.25em;
}

ngb-accordion .card .card-body h2 {
	display:block;
	font-size:1.5em;
	font-weight:bold;
	margin:0;
	padding:.75em;
}

/* --/\---------------------------------
     End bootstrap accordion overrides
   ------------------------------------- */