.container-fluid {
	margin-right: 2.5%;
	margin-left: 2.5%
}
.add-noi-row {
	margin-bottom: 20px;
}
.add-noi-row .btn {
	width: 200px;
}
.dashboard #forms thead th {
	background-color: #cccecf;
}
.dashboard #forms tbody td {
    vertical-align: middle;
    height: 40px;
}
.colvis-placement ~ .dt-button-collection {
	left: -130px !important;
}
.addAreaSidenav {
  height: 100%; /* Full-height: remove this if you want "auto" height */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #f2f4f5 !important; 
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 200px;
  padding-bottom: 250px;
}
@media (max-width: 640px) {
	#addAreaNavbar {
		display:none;
		}
	#addAreaMobilebutton {
		display:block;
		}
}
@media (min-width: 640px) {
	#addAreaMobilebutton {
		display:none;
		}
	#addAreaNavbar {
		display:block;
		}
}
#createAreaBtnSpn + .popover {
    max-width: 80%;
}
p.lg-paragraph {
	margin: 65px;

}
.subquestion {
	position: relative;
}
.subquestion > .glyphicon-share-alt {
	position: absolute;
	left: 19px;
	transform: scaleY(-1);
}
.subquestion.\32x > .glyphicon-share-alt {
	left: 44px;
}
.subquestion.\33x > .glyphicon-share-alt {
	left: 69px;
}
.subquestion.\34x > .glyphicon-share-alt {
    left: 94px;
}
.subquestion > div.short-subquestion {
	margin-left: 25px;
}
.subquestion > div:not(.short-subquestion) {
	margin-left: 25px;
	width: calc(100% - 25px);
}
.subquestion.\32x > div {
	margin-left: 50px;
	width: calc(100% - 50px);
}
.subquestion.\33 x > div {
	margin-left: 75px;
	width: calc(100% - 75px);
}
.subquestion.\34 x > div {
    margin-left: 100px;
    width: calc(100% - 100px);
}
.dropdown-menu > li > a.a-primary, a.a-primary > span {
    background-color: unset;
    color: #337AB7;
    border-color: #337AB7;
    font-weight: bold;
}
.dropdown-menu > li > a.a-primary:hover, a.a-primary:hover > span,
.dropdown-menu > li > a.a-primary:focus, a.a-primary:focus > span {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}
.dropdown-menu > li > a.a-primary.isDisabled, a.a-primary.isDisabled > span,
.dropdown-menu > li > a.a-primary.isDisabled:hover, a.a-primary.isDisabled:hover > span,
.dropdown-menu > li > a.a-primary.isDisabled:focus, a.a-primary.isDisabled:focus > span {
    background-color: unset;
    cursor: not-allowed;
    color: #337AB7;
    border-color: #337AB7;
    font-weight: bold;
    opacity: 0.7;
}
.dropdown-menu > li > a.a-info, a.a-info > span {
    background-color: unset;
    color: #46b8da;
    border-color: #46b8da;
    font-weight: bold;
}
.dropdown-menu > li > a.a-info:hover, a.a-info:hover > span,
.dropdown-menu > li > a.a-info:focus, a.a-info:focus > span {
    color: #fff;
    background-color: #46b8da;
    border-color: #46b8da;
}
.dropdown-menu > li > a.a-info.isDisabled, a.a-info.isDisabled > span,
.dropdown-menu > li > a.a-info.isDisabled:hover, a.a-info.isDisabled:hover > span,
.dropdown-menu > li > a.a-info.isDisabled:focus, a.a-info.isDisabled:focus > span {
    background-color: unset;
    color: #46b8da;
    border-color: #46b8da;
    font-weight: bold;
    cursor: not-allowed;
    opacity: 0.7;
}
.dropdown-menu > li > a.a-warning, a.a-warning > span {
    background-color: unset;
    color: #f0ad4e;
    border-color: #f0ad4e;
    font-weight: bold;
}
.dropdown-menu > li > a.a-warning:hover, a.a-warning:hover > span,
.dropdown-menu > li > a.a-warning:focus, a.a-warning:focus > span {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}
.dropdown-menu > li > a.a-warning.isDisabled, a.a-warning.isDisabled > span,
.dropdown-menu > li > a.a-warning.isDisabled:hover, a.a-warning.isDisabled:hover > span,
.dropdown-menu > li > a.a-warning.isDisabled:focus, a.a-warning.isDisabled:focus > span {
    background-color: unset;
    color: #f0ad4e;
    border-color: #f0ad4e;
    font-weight: bold;
    cursor: not-allowed;
    opacity: 0.7;
}
.dropdown-menu > li > a.a-danger, a.a-danger > span {
    background-color: unset;
    color: #D9534F;
    border-color: #D9534F;
    font-weight:bold;
}
.dropdown-menu > li > a.a-danger:hover, a.a-danger:hover > span,
.dropdown-menu > li > a.a-danger:focus, a.a-danger:focus > span {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.dropdown-menu > li > a.a-danger.isDisabled, a.a-danger.isDisabled > span,
.dropdown-menu > li > a.a-danger.isDisabled:hover, a.a-danger.isDisabled:hover > span,
.dropdown-menu > li > a.a-danger.isDisabled:focus, a.a-danger.isDisabled:focus > span {
    background-color: unset;
    color: #D9534F;
    border-color: #D9534F;
    font-weight:bold;
    cursor: not-allowed;
    opacity: 0.7;
}
.dropdown-menu > li > a.a-success, a.a-success > span {
    background-color: unset;
    color: #5CB85C;
    border-color: #5CB85C;
    font-weight: bold;
}
.dropdown-menu > li > a.a-success:hover, a.a-success:hover > span,
.dropdown-menu > li > a.a-success:focus, a.a-success:focus > span {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.dropdown-menu > li > a.a-success.isDisabled, a.a-success.isDisabled > span,
.dropdown-menu > li > a.a-success.isDisabled:hover, a.a-success.isDisabled:hover > span,
.dropdown-menu > li > a.a-success.isDisabled:focus, a.a-success.isDisabled:focus > span{
    background-color: unset;
    color: #5CB85C;
    border-color: #5CB85C;
    font-weight: bold;
    cursor: not-allowed;
    opacity: 0.7;
}
@media print {
    .tab-content-top {
        border: none !important;
    }
    .tab-content {
        border: none;
    }
    .activity-header {
        display: none;
    }
    .annual-report-header {
        display: none;
    }
    .oeca-sidebar {
        display: none;
    }
    .oeca-content h3:first-child,
    .oeca-content h3:first-child + br,
    .oeca-content h3:first-child + br + div,
    .oeca-content h3:first-child + br + div + br {
        display: none;
    }
	.alert-warning {
		background-color: #fcf8e3 !important;
	}
	.alert-info {
		background-color: #d9edf7 !important;
	}
	.oeca-diff {
		background-color: #fdeb01 !important;
	}
	.cor {
		font-size: 130%;
	}
	.cor .panel-default > .panel-heading {
		background-color: #ddd !important;
	}
	.container {
		padding: 0;
	}
	.cor {
		border: unset;
		border-top: 1px #ddd solid;
	}
	.cor-underline > .form-control-static::after{
		background-color: #CCC !important;
	}
	.cor .list-group-item-header {
		background-color: #f5f5f5 !important;
	}
	/*
	doesnt work in phantom js just disable for printing and use text-decoration if we upgrade to phantomjs 2 we can
	re-enable this
	 */
	.cor-underline > .form-control-static::after {
		display: none;
	}
	.cor-underline > .form-control-static {
		border-bottom: #CCC 2px solid;
		padding-bottom: 0;
	}
	body {
		padding-top: 15px;
		font-family: Helvetica, Ariel, sans-serif !important;
	}
	.cor h5 {
		font-size: 12px;
	}
	/* The display: flex rule in oeca.css doesn't work in phantom js, below for use in form compare PDF. */
	.dual-form-view > * {
	    float: left;
	    width: 50%;
	}
}
.panel-group > * > .panel {
	margin-top: 5px;
}
.panel-heading .btn {
	margin: 0 5px;
}
.cor {
	border: 2px #ddd solid;
}
.cor-header {
	border-bottom: 1px #ddd solid;
	margin-right: 0;
	margin-left: 0;
	display: flex;
}
.cor-header > div {
	padding: 5px;
	font-weight: bold;
	text-align: center;
}
.ri-cor-header-column {
	text-align: left !important;
}
.ut-header-type {
	vertical-align: middle;
}
.no-border > div + div {
	border-left: 0px !important;
}
.cor-header + .revision > div {
    text-align: left;
    font-weight: normal;
}
.cor-underline-group {
	display: table;
}
.cor-underline-group > label {
	margin: 0;
	float: left;
}
.cor-underline-group > span {
	float: left;
}
.cor-underline {
	display: inline-block;
	padding: 0 0 0 3px;
	height: 1lh;
}
.cor-underline + .cor-underline {
	margin-left: 15px;
}
.cor-underline > .form-control-static::after {
	content: '';
	width: 100%;
	display: block;
	background-color: #CCC;
	height: 2px;
	margin-top: -3px;
}
.cor-underline > .form-control-static > span {
	display: inline-block;
}
.cor-boxes label {
	font-weight: normal;
}
.cor > .panel, .cor > collapsible-panel > .panel {
	border-radius: 0;
	margin-bottom: 0;
}
.cor > p {
	margin: 5px;
}
.cor blockquote {
	/*
	normal font size for free text fields
	*/
	font-size: 14px;
}
.yes-no-box {
	margin-left: 30px;
	font-weight: normal;
}
.yes-no-box + .yes-no-box {
	margin-left: 10px;
}
.cor .list-group-item-header {
	background-color: #ddd;
}
.cor-epa-logo {
	width: 100%;
	max-width: 180px;
}
.cor-id-logo {
	width: 100%;
	max-width: 100px;
}
.cor-ne-logo {
	width: 100%;
	max-width: 150px;
}
.cor-ut-logo {
	height: 100%;
	max-height: 120px;
}
.cor-il-logo {
	height: 100%;
	max-height: 120px;
}
.cor-md-logo {
	width: 100%;
	max-width: 220px;
}
.cor-ct-logo {
	width: 100%;
	max-width: 110px;
}
.cor-compare-logo {
	max-width: 90%;
}
.cor-ri-text {
	color: #337ab7;
}
.tab-content-top {
    border-top: 1px solid #ddd;
}
.product-actions {
	font-size: 150%;
	text-align: center;
}
div.row.cor-header {
    margin-left: 0px;
    margin-right: 0px;
}
.not-modal > .modal-content > .modal-footer {
	border-top: unset;
}
.no-scroll .modal-body {
    max-height: 100vh !important;
}
.special-pop  .popover {
    min-width: 300px;
}
.oeca-error-alert #fileInputButton {
    color: #fff;
    border-color: #d43f3a;
    background-color: #d9534f;
}
.action-center-active {
    background-color: #f5f5f5; 
}
#action-center-flag {
	background-color: #d9534f;
	margin-left: 5px;
}
.action-center-active {
    background-color: #f5f5f5; 
}
#action-center .panel.panel-default {
	margin-top: 10px;
	padding: 10px;
}
#action-center hr {
    border: none;
    height: 1px;
    background-color: #33333359;
}
.action-center-buttons .label.label-primary {
	font-size: 100%;
}
.action-center-buttons button {
	margin-right: 10px;
	flex: 1;
	white-space: normal;
	max-width: 190px;
	min-height: 73px;
}
.action-center-buttons .btn-group {
	display: flex;
}
.action-center-buttons button {
	display: flex;
    align-items: center;
    text-align: left;
}
.action-center-buttons button strong {
    padding-left: 10px;
}
.action-center-btn-selected {
	color: #337ab7 !important;
	display: none;
	background-color: #cee8ff !important;
}
#action-center .action-center-buttons .btn-group > .btn {
  border-radius: 5px!important;
  padding: 10px;
}
#clear-filter-axn i {
    margin: 0 auto;
    font-size: 200%;
    color: #337ab7;
}
#clear-filter-axn {
  background-color: #ffffff;
  max-width: 73px;
}
.btn.btn-release-outline {
    background-color: unset;
    color: #337ab7;
    border-color: #337ab7;
    font-weight: bold;
}
.btn.btn-release-outline:hover,
.btn.btn-release-outline:focus {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}
.action-col div {
	margin: 0;
}
.report-year-selection {
	width: auto;
}
.report-year {
	padding-right: 0;
	padding-top: .5em;
    text-align: right;
    white-space: nowrap;
    width: auto;
}
.select2-container--default .select2-results > .select2-results__options {
	max-height: 300px;
	min-height: 100px;
	overflow-y: auto;
}
.select2-container
.select2-selection.select2-selection--multiple
.select2-search.select2-search--inline
.select2-search__field:not([placeholder='']) {
	width: 100% !important; margin-right: 100000px;
}
