@charset "UTF-8";

/* CSS Document */

a {
	color: #3072AB;
    text-decoration: none;
}

/* @ FONT FACE */

@font-face {
	font-family: 'open_sansregular';
	src: url('../fonts/opensans-regular-webfont-webfont.ttf') format('truetype');
}

@font-face {
	font-family: 'open_sanssemibold';
	src: url('../fonts/opensans-semibold-webfont-webfont.ttf') format('truetype');
	/* ReSharper disable once InvalidValue */
}
/*Bens Stuff*/
.required,
.field-validation-error {
	font-size: .65em;
	padding-left: 4px;
	font-weight: 800;
	color: #b52c2c
}

.field-validation-error {
	font-size: .85em;
}

.helpIcon {
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
}

	.helpIcon:hover {
		cursor: pointer;
	}

.MaxSizeLabel {
	font-size: .75em;
	font-weight: 800;
	color: #b52c2c;
}

.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px 0px;
}

	.fileUpload input.upload {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 0;
		font-size: 20px;
		cursor: pointer;
		opacity: 0;
		filter: alpha(opacity=0);
	}
.filters input {
	width: 100%;
	box-sizing: border-box;
}
tfoot {
	display: table-header-group;
}
/* Aligns the search box (left) and buttons (right) */
div.top-container {
	display: flex;
	justify-content: space-between; /* Pushes search left & buttons right */
	align-items: center;
	width: 100%;
	padding: 5px 0;
}

/* Ensures search box stays aligned */
div.dataTables_filter {
	flex: 1;
}

/* Moves buttons to the right */
div.dt-buttons {
	display: flex;
	gap: 10px; /* Space between buttons */
}
/* Bottom container: aligns dropdown and pagination */
div.bottom-container {
	display: flex;
	justify-content: space-between; /* Moves dropdown left & pagination right */
	align-items: center;
	width: 100%;
	padding: 5px 0;
}

/** 
  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */
/*.clsDatePicker {
    z-index: 100000;
}*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
}
/*END Bens Stuff*/
body {
	background-color: #f1f2f6;
	font-family: 'open_sansregular', Verdana, Helvetica, sans-serif !important;
    font-size: 0.875rem;
}

h1,
h2,
h3,
h4,
h5,
p,
.navbar-inverse,
.dropdown-toggle,
.p.pull-right.wi-links a {
	font-family: 'open_sansregular', Verdana, Helvetica, sans-serif !important;
	letter-spacing: .05em;
}

tr.top {
	background-color: #d2d2d2;
	color: #084078;
	font-weight: normal;
}

h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h1 {
	font-size: 1.9em;
	font-weight: 600;
}

h2 {
	font-size: 1.8em;
	font-weight: 500;
}

h3 {
	font-size: 1.6em;
	font-weight: 400;
}

h5 {
    font-size: 1em;
}

h5.accordion-heading {
	font-weight: 500;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px
}

body {
	background-color: #f1f2f6;
}

.docs-header {
	border-top: transparent;
}

dt {
	padding-bottom: 5px;
}

dd {
	padding-bottom: 10px;
}

/* STYLING FOR HOMEPAGE CALL TO ACTIONS */

.box > .icon {
	text-align: center;
	position: relative;
}

	.box > .icon > .image {
		position: relative;
		z-index: 2;
		margin: auto;
		width: 88px;
		height: 88px;
		border: 8px solid white;
		line-height: 88px;
		border-radius: 50%;
		background: #63B76C;
		vertical-align: middle;
	}

	.box > .icon:hover > .image {
		background: #333;
	}

	.box > .icon > .image > i {
		font-size: 36px !important;
		color: #fff !important;
	}

	.box > .icon:hover > .image > i {
		color: white !important;
	}

	.box > .icon > .info {
		margin-top: -24px;
		background: rgba(0, 0, 0, 0.04);
		border: 1px solid #e0e0e0;
		padding: 15px 0 10px 0;
	}

	.box > .icon > .info > h3.title {
		font-size: 16px;
		color: #222;
		font-weight: 500;
	}

	.box > .icon > .info > p {
		font-size: 13px;
		color: #666;
		line-height: 1.5em;
		margin: 20px;
	}

	.box > .icon > .info > .more a {
		font-size: 12px;
		color: #222;
		line-height: 12px;
		text-transform: uppercase;
		text-decoration: none;
	}

.box .space {
	height: 30px;
}

.form-group {
	margin-bottom: 15px;
}

#login-dp {
	min-width: 250px;
	padding: 14px 14px 0;
	overflow: hidden;
	background-color: #f1f2f6;
	color: #000;
}

	#login-dp .help-block {
		font-size: 12px;
		color: #6B6B6B;
	}

	#login-dp .bottom {
		background-color: rgba(255,255,255,.8);
		border-top: 1px solid #ddd;
		clear: both;
		padding: 14px;
	}

	#login-dp .social-buttons {
		margin: 12px 0
	}

		#login-dp .social-buttons a {
			width: 49%;
		}

	#login-dp .form-group {
		margin-bottom: 10px;
	}

.panel-content {
	padding: 20px;
}

#usbank-payment-form {
	display: inline;
}

.btn-fb {
	color: #fff;
	background-color: #3b5998;
}

	.btn-fb:hover {
		color: #fff;
		background-color: #496ebc
	}

.btn-tw {
	color: #fff;
	background-color: #55acee;
}

	.btn-tw:hover {
		color: #fff;
		background-color: #59b5fa;
	}

.navbar {
    margin-bottom: 0;
    min-height: 50px;
    border: 1px solid transparent;
}

.navbar-custom .navbar-brand {
	padding: 9px 15px;
	opacity: 1;
}

.navbar-brand {
	padding: 8px 20px 5px 0;
	position: absolute;
    top: 0;
}

.navbar-brand > img {
    display: block;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-text {
	color: #fff;
}

p.pull-right.wi-links {
	margin: 15px;
}

	p.pull-right.wi-links a {
		margin-left: 15px;
		color: #fff;
	}

.navbar-default,
.navbar-inverse {
	font-family: 'open_sansregular', Verdana, Helvetica, sans-serif;
	color: #fff;
	border-color: #084078;
	background-color: #084078;
	margin: 20px 0px;
}

	.navbar-inverse .navbar-nav > li > a {
		color: white;
	}

	.navbar-inverse .navbar-toggler {
		border-color: #2f73b8;
		border-width: 2px;
        box-shadow: none;
	}

.navbar-default {
    -webkit-box-shadow: 0px -3px 12px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px -3px 12px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px -3px 12px 5px rgba(0, 0, 0, 0.3);
    margin: 0px;
    padding: 0;
}

.caret {
	color: #2f73b8;
}

.navbar,
.dropdown-menu {
	border-radius: 1px;
}


.navbar-custom .nav li a {
	color: #fff;
}

	.navbar-custom .nav li a.current,
	.navbar-custom .nav li a:active {
		border-bottom: none;
	}

@media only screen and (min-width: 750px) {

	.navbar-inverse .navbar-nav > li > a {
		color: white;
		font-size: .8em;
		padding: 15px 8px;
	}
}

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

.dropdown-menu > li > a {
	padding: 8px 20px;
}

.bootstrap-select > .btn {
	border-width: 1px !important;
}

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="span"] {
	margin-bottom: 0;
}

.dropdown-menu {
	background-color: #fff;
	padding: 0px;
	margin: 0px;
    font-size: 1em;
}

	.dropdown-menu > li > a {
		padding: 8px;
	}

.bootstrap-select.btn-group .dropdown-menu li a:active {
	background-color: transparent;
}

.img-center {
	margin: 0 auto;
	padding: 10px;
}

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

.topic {
	padding: 30px 0 10px 0;
	background: url('../imgs/Appimg_option1.jpg') left top no-repeat;
	background-size: cover;
}

	.topic h4,
	.topic h5 {
		color: #fff;
		font-weight: 100;
		font-family: 'open_sansregular', Verdana, Helvetica, sans-serif;
		letter-spacing: .03em;
	}

.titletag {
	margin-top: 60px;
	height: 50%;
}

    .titletag > div {
        display: inline-block;
        background-color: rgba(26, 66, 118, 0.6);
    }

	.titletag h3 {
		margin: 25px 15px;
		font-size: 1.75em;
	}

	.titletag a:link {
		text-decoration: none;
	}

.environment-title {
	margin-top: 100px;
	font-weight: bold;
	text-shadow: 2px 2px #000;
	color: white;
	text-transform: uppercase;
}

.docs-header {
	padding-top: 0px;
	background: none;
}


/******** styles below are for the tabs on the first login page (new) ************/


span.badge {
	margin-right: 10px;
}


.pager li > a,
.pager li > span {
	border-radius: 5px;
	letter-spacing: .05em;
	border-width: 2px;
	border-color: #a1a8b4;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 6px 15px;
	display: inline-block;
	text-transform: uppercase;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.pager .next > a,
.pager .next > span,
.pager .previous > a,
.pager .previous > span {
	float: left;
	margin: 0px 5px;
	background-color: transparent;
	border-color: #32a942;
	border-width: 1px;
	background-color: transparent;
}

	.pager .next > a:active,
	.pager .next > a:focus,
	.pager .next > a:hover {
		border-color: #32a942;
		background-color: #32a942 !important;
		color: white;
	}

.pager .next > a,
.pager .next > span {
	float: left;
	margin: 0px 5px;
	background-color: transparent;
	border-color: #32a942;
	border-width: 1px;
	background-color: transparent;
}

.pager .previous > a:active,
.pager .previous > a:focus,
.pager .previous > a:hover {
	border-color: #434a54;
	background-color: #434a54 !important;
	color: white;
}

.pager .previous > a,
.pager .previous > span {
	border-color: #434a54;
}

#tabsleft-tab7 .well {
	background-color: #f0f3f4;
	padding: 55px 20px;
}


/******** styles below are for the tabs on the first login page (old) ************/

.tab-content {
	border: 1px solid transparent;
	border-radius: 1px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	padding: 20px;
	background-color: #f1f2f6;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.nav-tabs > li > a {
	background-color: #084078 !important;
	color: #fff;
	margin-right: 8px;
	padding: 15px 20px;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-radius: 1px;
}

.nav-tabs > li:first-child > a {
	border-radius: 1px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
	color: #084078;
	background-color: #f1f2f6 !important;
}

.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover {
	background-color: #084078 !important;
	color: #fff;
}

.nav-tabs > li {
	border: none;
}

.nav-tabs {
	background-color: transparent;
}


/******** styles above are for the tabs on the first login page ************/


/******** styles below are for the dashboard page ************/

.dashboard-box {
	background-color: #ededed;
	padding: 10px;
	margin: 0px;
	color: #fff;
	min-height: 397px;
	border-color: #ccc;
	border-width: 1px;
	border: 1px solid #d6d7d8;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
}

.dashboard-menu li {
	padding: 9px 0px;
	color: #043c73;
	padding: 6px 8px;
	background: #fff;
	border-left: 6px solid #bec1c4;
	border-right: 6px solid #bec1c4;
	margin: 6px 0px !Important;
	-webkit-box-shadow: : 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
}

	.dashboard-menu li a {
		color: #043c73;
	}

ul.dashboard-menu {
	list-style: none outside none;
	margin: 0;
	padding: 15px 0px;
	font-size: 14px;
}

.dashboard-box h4 {
	margin: 4px 0px 10px 4px;
	font-weight: 600;
	color: #084078;
	font-size: 1.5em;
}

ul.list-style-none {
	list-style: none;
	margin: 0px;
	padding: 0px;
}


/******** styles above are for the dashboard page ************/

td .glyphicon {
	padding: 0px 4px 5px 0px;
	font-size: .8em;
}

td a {
	border-color: transparent;
	line-height: 1.35em;
}

.client-data {
	font-size: .95em;
	font-weight: bold;
}

.list-group {
	margin: 15px 0px 25px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.list-group-item:first-child {
	border-top-right-radius: 1px;
	border-top-left-radius: 1px;
}

a.list-group-item.active,
a.list-group-item.active:focus,
a.list-group-item.active:hover {
	background-color: #434a54;
	border-color: transparent;
	padding: 10px;
}

.badge-default,
.label-default {
	border: none;
	background-color: transparent;
	margin-right: 5px;
	color: #434a54;
	font-size: 100%;
	font-family: 'open_sansregular' Verdana, Helvetica, sans-serif;
}

.form-label,
.form-checkmark {
	padding: .2em 1em .05em .1em !important;
	font-weight: 100 !important;
	font-family: 'open_sansregular', Verdana, Helvetica, sans-serif !important;
}

input[type=date] {
	opacity: .5;
}

.btn-default:active,
.btn-default:focus,
.btn-default:hover {
	background-color: #777;
	color: white;
}

.btn-group .btn {
	margin-top: 0px;
}

label,
.editor-label {
	margin: 3px 0;
	display: inline-block;
	max-width: 100%;
}

.tag.label {
	display: inline-block;
	padding: 6px;
	margin: 2px 0px;
	font-size: 100%;
	cursor: pointer;
	font-weight: 600;
	background-color: grey;
}

.tag .glyphicon {
	margin: 0px 0px 0px 3px;
}

.tag.label.btn-info {
	background-color: #21709b;
}

	.tag.label.btn-info:hover,
	.tag.label.btn-info:active,
	.tag.label.btn-info:focus {
		background-color: #399fd6;
	}

.tag.label a {
	color: white;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
	display: inline-block;
	margin-left: 0.5rem;
	margin-right: 1rem;
	margin-bottom: 0;
	vertical-align: baseline;
}

.input-group.date .input-group-addon, .input-group.money .input-group-text {
	cursor: pointer;
	background-color: #084078;
	border-color: #084078;
	color: white;
}

.checkbox-inline,
.radio-inline {
	margin: 0px;
}

.checkbox, .radio {
	display: block;
	min-height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

label {
	font-weight: 600;
}

/*.required {
    font-size: .70em;
    color: #0c0c0c;
    font-family: 'open_sansregular', Verdana, Helvetica, sans-serif;
    padding-left: 4px;
    opacity: .80;
}*/

.list-group-item {
	padding: 10px 5px;
}

.topic h3 {
	margin-top: 20px;
	color: white;
}

.topic h5 {
	margin-top: -15px;
	margin-left: 15px;
}

h4 {
	margin-bottom: 15px;
	margin-top: 0px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > .disabled > a,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-radius: 1px;
	background-color: #aab2bd;
	color: white;
	border-color: transparent;
}

.pagination > li > a,
.pagination > li > span {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

.paginate_button li {
	border-color: transparent !important;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
	color: #fff;
	background-color: rgb(8, 64, 120);
	border-color: rgb(8, 64, 120);
}

.pagination > .disabled > a,
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover,
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
	color: #fff;
	background-color: #767676;
	border-color: #767676;
}

#table-respond {
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.fixed-table-container thead th .th-inner, .fixed-table-container tbody td .th-inner {
	padding: 5px;
}

td, th {
	padding: 5px;
}

.table-borderless tbody tr td, .table-borderless tbody tr th, .table-borderless thead tr th {
	border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	border-color: #fff !important;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
	padding: 2px 8px;
}

.buttons {
	margin: 0 0 20px 0;
}

.btn {
	border-radius: 5px;
	letter-spacing: .05em;
	border-width: 2px;
	border-color: #a1a8b4;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 5px 7px;
    font-size: 1em;
	display: inline-block;
	text-transform: uppercase;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-md {
	margin-right: 5px;
}

.btn:hover,
.btn:focus {
	border-color: #434a54;
	background-color: #434a54;
	color: white;
}

.btn-link {
	border-color: transparent;
	background-color: transparent;
	color: #337ab7;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-decoration: underline;
}

	.btn-link:hover,
	.btn-link:focus,
	.btn-link:active {
		border-color: transparent;
		background-color: transparent;
		color: #084078;
	}

.input-group-btn .btn {
	margin: 0 !important;
	border-width: 1px;
}


.selectpicker, .bootstrap-select > .dropdown-toggle {
	background-color: white !important;
}

	.selectpicker.disabled, .bootstrap-select > .dropdown-toggle.disabled {
		background-color: #d0d0d6 !important;
	}

	.selectpicker .filter-option, .bootstrap-select > .dropdown-toggle .filter-option {
		color: #434a54;
	}

#resultsselect {
	padding-top: 15px;
}

.glyphicon-remove,
.glyphicon-ok {
	margin: 0 10px 0 0;
}

.glyphicon-ok {
	color: #002754;
}

.glyphicon-chevron-right {
	margin: 0 0 0 10px;
	color: #006f0d;
}

.glyphicon-chevron-left {
	margin: 0 10px 0 0;
}

.glyphicon-question-sign {
	padding: .5em .15em .05em 0 !important;
	color: rgb(8, 64, 120);
}

.alert {
	background-color: #f1f2f6;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	border: none;
	border-radius: 1px;
}

	.alert .glyphicon {
		color: grey;
		opacity: 1;
	}


	.alert a {
		color: #434a54;
		text-decoration: underline;
	}

.alert-success strong {
	color: #00912b;
	padding-right: 5px;
	font-weight: 600;
}

.alert-info strong {
	color: #21709b;
}

.alert-danger strong {
	color: #C42736;
	padding-right: 5px;
}

.alert-warning strong {
	color: #ff5400;
	padding-right: 5px;
}

.alert-icon {
	font-size: 1em;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
	padding-right: 10px;
}

.form-control {
    font-size: 1em;
}

.form-control.disabled,
.form-control[disabled] {
	border-color: #d0d0d6;
	background-color: #d0d0d6;
}

.has-success .control-label,
.has-success .form-control-feedback {
	color: #00912b;
}

.has-success .form-control-feedback {
	border-color: #00912b;
}

.btn-success:focus,
.btn-success:hover {
	border-color: #32a942;
	background-color: #32a942;
}

.btn-danger:focus,
.btn-danger:hover {
	border-color: #d9534f;
	background-color: #d9534f;
}

.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.open .dropdown-toggle.btn-primary {
	border-color: transparent;
	background-color: #1e5c99;
	color: white;
}

.btn-primary {
	border-color: #21709b;
}

.btn-success {
	border-color: #00912b;
}

.btn-danger {
	border-color: #d9534f;
}

.btn-block {
	margin-top: 30px;
}

.btn-search {
	color: white;
	background-color: rgb(8, 64, 120);
	border-color: rgb(8, 64, 120);
}

button.ColVis_Button,
ul.ColVis_collection li {
	border-radius: 0px;
	letter-spacing: .05em;
	border-width: 0px;
	border-color: transparent;
	background-color: #21709b !important;
	color: #fff;
	background: none;
	cursor: pointer;
	padding: 6px 15px;
	display: inline-block;
	text-transform: uppercase;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

	button.ColVis_Button:hover,
	button.ColVis_Button:focus {
		border-color: #21709b;
		background-color: #21709b;
		color: #d6d6d6;
	}

	.ColVis_Button:hover,
	ul.ColVis_collection li:hover {
		border: 0px;
	}

.content-area {
	background-color: #fff;
	min-height: 550px;
	padding: 10px 25px;
	margin: 10px 0;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
}

.page-title {
	font-size: 1.5em;
	font-weight: 200;
	margin: 10px 0px 25px;
	border-bottom: 1px solid #e2e7eb;
	padding-bottom: 5px;
	letter-spacing: .01em;
}


/*-------------------------------------------- Accordian */

.panel-heading {
	padding-left: 10px;
	background-color: rgb(8, 64, 120);
	background-color: rgba(8, 64, 120, 1);
	line-height: 20px;
	font-size: 12px;
	border-radius: 4px;
}

.accordian-hr {
	margin: 10px 0px;
}

.panel-default {
	border-color: 1px solid transparent;
}

.panel-group .panel + .panel {
	margin: 0px;
}

.panel-default > .panel-heading {
	color: #fff;
	background-color: #084078;
	border-color: 2px solid #084078;
	border-radius: 1px;
	font-size: 1.2em;
	padding: 20px;
}

.panel-heading .accordion-toggle:after, .angular-collapse-panel .panel-title:after {
	/* symbol for "opening" panels */
	font-family: 'Glyphicons Halflings';
	content: "\e082";
	float: right;
	color: #fff;
}

.panel-heading .accordion-toggle.collapsed:after, .angular-collapse-panel .panel-title.collapsed:after {
	/* symbol for "collapsed" panels */
	content: "\e081";
}

.panel-group .panel-heading + .panel-collapse .panel-body,
.panel-body {
	padding: 10px;
	border-top-color: #f1f2f6;
	background-color: #f1f2f6;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.panel-group .panel-title a {
	display: block;
	color: #fff;
}

.panel-group {
	margin-bottom: 0px;
	background-color: #fff;
	border: transparent;
	border-radius: 4px;
}

.angular-collapse-panel:hover {
	cursor: pointer;
}

/************************* RESPONSIVE TABLE STYLING */

table {
	width: 100% !important;
	border-collapse: collapse;
}



/************************* END RESPONSIVE TABLE STYLING */


/* --------- FOOTER STYLING */

footer {
	color: #fff;
}

#footerlinks ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}

	#footerlinks ul li {
		display: inline;
	}

		#footerlinks ul li a {
			text-decoration: none;
			padding: .2em 1em;
			color: #fff;
		}

			#footerlinks ul li a:first-child {
				padding-left: 1px;
			}

footer h3 {
	margin-bottom: 30px;
}

footer .footer-above {
	padding-top: 50px;
	background-color: #2c3e50;
}

footer .footer-col {
	margin-bottom: 50px;
}

footer .footer-below {
	padding: 25px 0;
	background-color: #233140;
}

footer .footer-copyright {
	text-align: left;
	margin-top: 15px;
}

.accordion-button, .accordion-button:not(.collapsed) {
	color: #fff;
	background-color: #084078;
	
}
	.accordion-button:focus {
		box-shadow: none;
		outline: none;
	}
.accordion-body { 
	background-color: #f1f2f6;
}
/* Default Plus Sign */
.accordion-button::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='white'/%3E%3Cpath d='M8 4v8M4 8h8' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
	transform: scale(0.7);
	transition: transform 0.2s ease-in-out;
}

/* Minus Sign when Expanded */
.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='white'/%3E%3Cline x1='4' y1='8' x2='12' y2='8' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
	transform: rotate(-180deg) scale(0.7);
}

	@media only screen and (max-width: 1000px) {
		.footer-logo,
		.footer-nav {
			float: left;
			padding: 0 20px;
			width: 100%;
		}

		.titletag h3 {
			padding-top: 35px;
		}

		.nav-tabs > li {
			width: 30%;
		}

		.wizard-title {
			font-size: .90em;
			font-weight: 600;
			letter-spacing: 0;
			line-height: 2.2em;
		}

		.environment-title {
			margin-top: 25px;
		}
	}



	@media (max-width: 768px) {
		div.ColVis,
		.dataTables_wrapper .dataTables_length,
		.dataTables_wrapper .dataTables_filter {
			float: none;
			margin-bottom: 1em;
			margin: 0 auto;
			width: 50%;
			text-align: center;
		}

		p.pull-right.wi-links {
			margin: 15px 2px;
		}

			p.pull-right.wi-links a {
				font-size: .50em;
				margin-left: 4px;
			}

		.navbar-brand > img {
			width: 50%;
			height: 50%;
		}

		.dropdown-menu > li > a:hover {
			background-color: #21709b !important;
		}

		.dropdown-menu > li > a:focus {
			background-color: transparent !important;
		}

		.navbar-nav > li > a:hover {
			background-color: #195da1 !important;
		}

		.navbar-nav > li > a:focus {
			background-color: transparent !important;
		}

		.nav-tabs > li > a {
			padding: 5px 10px;
		}

		.footer-logo,
		.footer-nav,
		.footer-nav.contact {
			float: none;
			display: block;
			width: 30%;
			margin-bottom: 50px;
		}

			.footer-nav,
			.footer-nav.contact {
				width: 100%;
				margin-bottom: 30px;
			}

		.footer-logo {
			margin-bottom: 50px;
		}
	}

	@media (max-width: 767px) {

		#login-dp .form-group a,
		#login-dp .bottom a {
			color: #fff;
		}

		#login-dp {
			background-color: inherit;
			color: #fff;
		}

			#login-dp .bottom {
				background-color: inherit;
				border-top: 0 none;
			}

		#footerlinks ul {
			text-align: left;
		}

			#footerlinks ul li {
				display: block;
				margin-bottom: 10px;
			}

		footer .footer-copyright {
			text-align: left;
			padding: 0em;
			font-size: .85em;
		}

		.table-responsive {
			border: transparent;
		}

		.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
			color: #ededed;
		}
	}

	@media only screen and (max-width: 800px) {

		/* Force table to not be like tables anymore */
		#table-respond table,
		#table-respond thead,
		#table-respond tbody,
		#table-respond th,
		#table-respond td,
		#table-respond tr {
			display: block;
		}
			/* Hide table headers (but not display: none;, for accessibility) */
			#table-respond thead tr {
				position: absolute;
				top: -9999px;
				left: -9999px;
			}

		#table-respond tr {
			border: 1px solid #ccc;
		}

		#table-respond td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
			white-space: normal;
			text-align: right;
			min-height: 35px;
		}

			#table-respond td:before {
				/* Now like a table header */
				position: absolute;
				/* Top/left values mimic padding */
				top: 6px;
				left: 6px;
				width: 45%;
				padding-right: 10px;
				white-space: nowrap;
				text-align: left;
				font-weight: bold;
			}

		#table-respond .col-md-12 {
			padding: 0px;
		}
		/*
    Label the data
    */
		#table-respond td:before {
			content: attr(data-title);
		}

		#header .fa-3x {
			font-size: 1.5em !important;
			padding: 0px 5px !important;
		}

		#header .navbar-nav li > a > .text-center {
			font-size: .65em;
			font-weight: bold;
		}
	}


	@media (max-width: 500px) {
		.header-logo {
			max-width: 25%;
		}

		.topic h3 {
			font-size: 19px;
		}

		#footerlinks ul li a {
			font-size: .85em;
		}

		#footerlinks ul li {
			margin-bottom: 5px;
		}
	}


	@media screen and (max-width: 600px) {

		#table-respond table {
			border: 0;
		}

			#table-respond table thead {
				display: none;
			}

			#table-respond table tr {
				display: block;
				border-bottom: 5px solid #ccc;
			}

			#table-respond table tfoot tr {
				border-bottom: transparent;
			}

			#table-respond table td {
				display: block;
				text-align: right;
				font-size: 13px;
				border-bottom: 1px dotted #ccc;
				min-height: 35px;
			}

				#table-respond table td:last-child {
					border-bottom: 0;
				}

				#table-respond table td:before {
					content: attr(data-title);
					float: left;
					text-transform: uppercase;
					font-weight: bold;
				}
	}