/* Datatables center */
th.dt-center, td.dt-center { text-align: center; }
/* Status labels */
.label-active {
  background-color: #27ae60;
}
.label-terminated, .label-expired {
  background-color: #e74c3c;
}
.label-archived {
  background-color: #337ab7;
}
.label-continued {
  background-color: #f0ad4e;
}
.badge-blue {
  background-color: #337ab7 !important;
}
.panel-group > * > .panel {
	margin-top: 5px;
}
.panel-group > *:first-child > .panel {
	margin-top: 0px
}
.nav-help {
	padding-right: 15px;
}
.dropdown-menu > li > span.navbar-dropdown-text {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}
/*.dropdown-menu > li > a.a-primary > span {*/
    /*background-color: unset;*/
    /*color: #337AB7;*/
    /*border-color: #337AB7;*/
    /*font-weight: bold;*/
    /*clear: both;*/
/*}*/
.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 {
	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);
}
.file-upload {
	cursor: pointer;
}
.file-input:focus + label, .file-input-focused {
	outline: 1px dotted #000;
}
.file-input {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.criterion-description {
	text-decoration: underline;
}

.modal .error-modal .modal-header {
	background-color: #d9534f;
}

.oeca-success-alert .modal-footer .help-block,
.oeca-info-alert .modal-footer .help-block,
.oeca-error-alert .modal-footer .help-block {
	font-size: 12px;
}

#nominate-signatory-modal,
#terminate-structure-modal {
    padding-top: 25vh;
}

#request-operator-modal .select2,
#request-operator-modal .select2-results li {
    text-align: left;
}

#operator-results {
    text-align: left;
}

#permission-history_wrapper > #table-title {
    padding-left: 0;
}

dfn {
	border-bottom: #999 dotted 2px;
}
dfn span.glyphicon {
    font-size: 14px !important;
}
.gmg-btn-full-width > .btn-group {
	display: block;
}
.gmg-btn-full-width > .btn-group > .btn {
	display: block;
	float: none;
	width: 100%;
	margin-bottom: 5px;
}
.dashboard {
	margin-right: 2.5%;
	margin-left: 2.5%
}
td.details-control {
    cursor: pointer;
}
.dashboard #forms thead th {
	background-color: #cccecf;
}
.dashboard #forms tbody td {
    vertical-align: middle;
    height: 40px;
}
.dashboard table.dtr-inline tbody td {
    height: auto !important;
}
.dashboard #forms tbody td.word-wrap {
    word-break: break-word;
}
.dashboard #forms .dataTables_empty div {
    margin-top: 7px;
    margin-bottom: 7px;
}
.dashboard #forms .dataTables_empty p {
    margin-bottom: 5px;
}
.dashboard #pendingOperators thead th {
	background-color: #cccecf;
}
.dashboard #pendingOperators tbody td {
    vertical-align: middle;
    height: 40px;
}
.dashboard #pendingOperators tbody td.word-wrap {
    word-break: break-word;
}
.dashboard .btn-group-xs .btn {
    width: 90px;
}
.structures-summary .btn-group-xs .btn {
    width: 75px;
}
.dashboard .label, .structures-summary .label {
    font-size: 85%;
}
@media (min-width: 768px) {
	.gmg-btn-full-width {
		display: flex;
		flex-flow: row wrap;
		justify-content: stretch;
	}
	.gmg-btn-full-width > .btn-group {
		flex: 1 1 auto;
		padding-left: 10px;
	}
	.gmg-btn-full-width > .btn-group:first-child {
		padding-left: 0;
	}
}
.action-col div {
	margin: 0;
}
.clear {
	clear:both;
}
.fa-question-mark {
	cursor: help;
}
/*
CoR Styles
 */
.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;
}
.cor-header > div + div {
	border-left: 1px #ddd solid;
}
.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 {
	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: 120px;
}
@media print {
	structure-header {
		display: none;
	}
	.print-hide {
		display: none;
	}
	.cor {
		font-size: 65%;
	}
	.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-epa-logo {
		width: 80px;
	}
	.cor h5 {
		font-size: 12px;
	}
	.nav.nav-tabs {
	    display: none;
	}
	.operator-header {
	    display: none;
	}
}

/** Make Bootstrap navbar switch to responsive mode sooner to prevent wrapping, default is max-width: 768px **/

@media (max-width: 1000px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav > li {
        float: none;
    }
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-nav > li > .navbar-text {
        float: none;
    }
    .collapse.in {
        display: block !important;
    }
}

/** Prevents duplicate error message from showing within Limit Sets checkbox section on Edit Structure page **/
#editStructureLimitSets div.checkbox .validationMessage {
    display: none !important;
}

.operator-header {
	margin-bottom: 10px;
}
.operator-tabs {
    border-bottom: 5px solid #337ab7;
    padding-bottom: 1px;
}
.nav-tabs > li > a {
	background-color: #ececec;
	margin-right: 10px;
	color: #000;
}
.nav-tabs > li > a:hover {
	background-color: #d9d9d9;
	margin-right: 10px;
	color: #000;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus {
	background-color: #337ab7;
	color: #fff;
}
.nav-tabs > li.active > a:hover {
	background-color: #286090;
	color: #fff;
}
.tab-content {
    box-shadow: 0 3px 6px rgba(0,0,0,0.02), 0 3px 6px rgba(0,0,0,0.03);
}

.wrap-word {
	word-wrap: break-word;
	word-break: break-all;
}
.truncate-overflow {
	text-overflow: ellipsis;
	overflow: hidden;
}
.operator-name-column {
	max-width: 200px !important;
}
.structure-actions {
	max-width: 300px !important;
}
.dtTopPadding {
	padding-top: 4px;
}
.dtLeftAlign {
	text-align: left;
	padding-left: 30px;
}
.dtNoWrap {
	white-space: nowrap;
}
.tour.popover {
	background-color: #286090;
}
.popover-title {
	color: #fff;
	background-color: #286090;
}
.popover.top > .arrow {
    top: auto;
}
.popover.top > .tour.arrow:after {
	border-top-color: #286090;
}
.popover.right > .arrow:after {
	border-right-color: #286090;
}
.popover.bottom > .arrow {
    bottom: auto;
}
.popover.bottom > .arrow:after {
	border-bottom-color: #286090;
}
.popover.left > .arrow:after {
	border-left-color: #286090;
}
.tour .popover-content, .popover-navigation {
	background-color: #f7f7f7;
}
.btn.btn-primary-demo {
    background-color: #328acc;
    color: #fff;
    border-color: #328acc;
    font-weight: bold;
    margin-top: 7.5px;
}
.btn.btn-primary-demo:hover {
    color: #fff;
    background-color: #47a6ed;
    border-color: #328acc;
}

.tour-backdrop {
    position: absolute;
    z-index: 1100;
    background-color: #000;
    opacity: 0.2;
    filter: alpha(opacity=80);
}
#action-center-count, #my-requests-count {
	background-color: #328acc;
	margin-left: 3px;
}

.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-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-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-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-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-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.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.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.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.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;
}

/*These are specifically for fixing the red asterisks on the corporate operator poc detail fields in the view-only page:*/
.remove-required > div.form-group > label:after{
	display: none;
}
.remove-required > div.row > div > div.form-group > label:after{
	display: none;
}
.container-fluid {
	margin-right: 2.5%;
	margin-left: 2.5%
}
/* for formatting on updated modals */
.modalLi ol {
	list-style-position: inside;
	counter-reset: list;
}
.modalLi li {
	counter-increment: list;
}
.modalLi li::marker {
	content: "(" counter(list, lower-roman) ") ";
}