/*!
 * CINC Bootstrap Theme v1.0
 *
 * Table of Contents
 * 
 * 1. Scaffolding
 * 2. Header
 *		a. Menu
 *		b. Navbar
 * 3. Headings
 * 4. Links
 * 5. Form Elements
 * 6. Buttons
 * 7. Contextual Backgrounds
 * 8. Dropdowns
 * 9. Button Groups
 * 10. Segmented Buttons
 * 11. Global Nav
 * 12. Table
 * 13. Sidebar
 * 14. Panels
 * 15. Legend
 * 16. Progress Bar
 * 17. Misc Overridess
 * 18. Example Support Classes
 */

/* 1. Scaffolding */
 body {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
}

a {
	color: #4c4c4c;
	text-decoration: none;
}

a:hover {
	color: #e87722;
	text-decoration: none;
}

/* 2. Header */
/* a. menu */
.dropdown-menu { background-color: #000000; }
.dropdown-menu > li > a { color: #ffffff; }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background-color: #333333;
	background-image: none;
	color: #ffffff;
}

.dropdown-menu .divider {
    background-color: #404040;
}

/* navbar */
.navbar-default {
	background-image: none;
	border-radius: 0;
	box-shadow: none;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
	background-image: none;
	box-shadow: none;
}

.navbar-inverse {
	background-color: rgba(0,0,0,0.8);
	background-image: none;
	border-radius: 0;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a {
	background-image: none;
	box-shadow: none;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
	color: #ffffff;
	text-shadow: none; 
}

.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
	border-radius: 0;
}

@media (max-width: 767px) {
	.navbar .navbar-nav .open .dropdown-menu > .active > a,
	.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #fff;
		background-image: none;
	}
}

/* 3. Headings */
h1 {
	font-family: "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	color: #e87722;
}

h2 {
	font-family: "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	color: #3a913f;
}

h3 {
	font-family: "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	color: #333333;
}

h4 {
	font-family: "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	color: #4c4c4c;
}

h5 {
	font-family: "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 19px;
	color: #333333;
}

h6 {
	font-family: "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 19px;
	color: #333333;
}

/* 4. Links */

/* 5. Form Elements */
.form-inline .row { margin-bottom: 10px; }

label {
	font-size: 14px;
	font-weight: bold;
	margin: 5px 5px 0 0;
	text-align: right;
	width: 120px;
	vertical-align: top;
}

.radio label,
.checkbox label { width: auto; }

.form-control {
	border: 1px solid #cccccc;
	box-shadow: inset 0 1px 0 #ececec;
}

.form-control:focus {
    border-color: #3a913f;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 0 #ececec, 0 0 5px 0 #3a913f;
    box-shadow: inset 0 1px 0 #ececec, 0 0 5px 0 #3a913f;
}

.input-group-addon { background-color: #ffffff; }

/* 6. Buttons */
.btn { border-radius: 3px; }

.btn:active,
.btn.active {
	background-image: none;
}

.btn-default {
	background-image: none;
	background-color: #3a913f;
	border-color: #3a913f;
	color: #ffffff;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
	background-color: #347727;
	border-color: #347727;
	color: #ffffff;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
	background-color: #f1f1f2;
	border-color: #f1f1f2;
	background-image: none;
	color: #afafaf;
}

.btn-primary {
	background-image: none;
	background-color: #e87722;
	border-color: #e87722;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
	background-color: #d75c00;
	border-color: #d75c00;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	background-color: #f1f1f2;
	border-color: #f1f1f2;
	background-image: none;
	color: #afafaf;
}

.btn-secondary {
	background-image: none;
	background-color: #ffffff;
	border-color: #cccccc;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active {
	background-color: #e87722;
	border-color: #e87722;
	color: #ffffff;
}

.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled.focus,
.btn-secondary[disabled].focus,
fieldset[disabled] .btn-secondary.focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active {
	background-color: #f1f1f2;
	border-color: #f1f1f2;
	background-image: none;
	color: #afafaf;
}

.btn-help {
	background-color: #ffffff;
	border-color: #cccccc;
	border-radius: 0;
	color: #4c4c4c;
}

.btn-help:hover,
.btn-help:focus,
.btn-help:active,
.btn-help.active {
	background-color: #e87722;
	border-color: #e87722;
	color: #ffffff;
}

.btn-help.disabled,
.btn-help[disabled],
fieldset[disabled] .btn-help,
.btn-help.disabled:hover,
.btn-help[disabled]:hover,
fieldset[disabled] .btn-help:hover,
.btn-help.disabled:focus,
.btn-help[disabled]:focus,
fieldset[disabled] .btn-help:focus,
.btn-help.disabled.focus,
.btn-help[disabled].focus,
fieldset[disabled] .btn-help.focus,
.btn-help.disabled:active,
.btn-help[disabled]:active,
fieldset[disabled] .btn-help:active,
.btn-help.disabled.active,
.btn-help[disabled].active,
fieldset[disabled] .btn-help.active {
	background-color: #f1f1f2;
	border-color: #f1f1f2;
	background-image: none;
	color: #afafaf;
}

.btn-help i { color: #e87722; }

.btn-help:hover i,
.btn-help:focus i,
.btn-help:active i,
.btn-help.active i { color:#ffffff; }

/* 7. Contextual Backgrounds */
.bg-primary {
	background-color: #3a913f;
	color: #ffffff;
}

.bg-success {
	background-color: #e87722;
	color: #ffffff;
 }

.bg-info {
	background-color: #006298;
	color: #ffffff;
 }

.bg-warning { background-color: #bbbdc0; }
.bg-danger { background-color: #e0e721; }

.bg-primary.bg-lighten { background-color: #a3c89d; }
.bg-success.bg-lighten { background-color: #efbb85; }
.bg-info.bg-lighten { background-color: #8fb1cc; }
.bg-warning.bg-lighten { background-color: #dddedf; }
.bg-danger.bg-lighten { background-color: #eef37f; }

/* 8. Dropdowns */
/* a. Standard */
.btn-group .dropdown-menu { background-color: #ffffff; }
.btn-group .dropdown-menu > li > a { color: #3a913f; }

.btn-group .dropdown-menu > li > a:hover,
.btn-group .dropdown-menu > li > a:focus {
	background-color: #ffffff;
	color: #e87722;
}

.btn-group .dropdown-menu .divider { background-color: #dddddd; }

.btn-group.open > .dropdown-toggle.btn-default,
.btn-group.open > .dropdown-toggle.btn-default:hover, 
.btn-group.open > .dropdown-toggle.btn-default:focus, 
.btn-group.open > .dropdown-toggle.btn-default.focus {
	background-color: #347727;
	border-color: #347727;
	box-shadow: none;
	color: #ffffff;
}

/* b. with Checkboxes */
.input-group-btn > .dropdown-menu > li > a:focus,
.input-group-btn > .dropdown-menu > li > a:active {
	outline: none;
}

.multi-select > .input-group-btn > button {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

/* 9. Button Group */
.btn-group[role="group"] .btn-default {
	background-color: #ffffff;
	border-color: #cccccc;
	border-radius: 0;
	color: #4c4c4c;
}

.btn-group[role="group"] .btn-default:hover,
.btn-group[role="group"] .btn-default:focus,
.btn-group[role="group"] .btn-default:active,
.btn-group[role="group"] .btn-default.active {
	background-color: #e87722;
	border-color: #e87722;
	color: #ffffff;
}

.btn-group[role="group"] .btn-default i { color: #e87722; }

.btn-group[role="group"] .btn-default:hover i,
.btn-group[role="group"] .btn-default:focus i,
.btn-group[role="group"] .btn-default:active i,
.btn-group[role="group"] .btn-default.active i {
	color: #ffffff;
}

/* 10. Segmented Buttons */
.input-group input[type="text"].form-control { box-shadow: none; }

.input-group-btn > .dropdown-toggle {
	border-radius: 0; }

.input-group-btn.open > .dropdown-toggle.btn-default,
.input-group-btn.open > .dropdown-toggle.btn-default:hover, 
.input-group-btn.open > .dropdown-toggle.btn-default:focus, 
.input-group-btn.open > .dropdown-toggle.btn-default.focus {
	background-color: #347727;
	border-color: #347727;
	box-shadow: none;
	color: #ffffff;
}

.input-group-btn .dropdown-menu { background-color: #ffffff; }
.input-group-btn .dropdown-menu .divider { background-color: #dddddd; }

.input-group-btn .dropdown-menu > li > a { color: #3a913f; }

.input-group-btn .dropdown-menu > li > a:hover,
.input-group-btn .dropdown-menu > li > a:focus {
	background-color: #ffffff;
	color: #e87722;
}

.input-group-btn:last-child > .btn:not(.dropdown-toggle) {
    border-left: 1px solid #cccccc;
}


/* 11. Global Nav */

.navbar-cinc > .nav > .dropdown > a {
	color: #222222;
	font: bold 16px/20px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.navbar-cinc > .nav > .dropdown > a > i {
	color: #3a913f;
	font-size: 18px;
}

.navbar-cinc > .nav > .dropdown > a:hover,
.navbar-cinc > .nav > .dropdown > a:active {
	background-color: #ffffff;
	color: #e87722; 
}

.navbar-cinc > .nav > .dropdown > a:focus {
	background-color: inherit;
	color: inherit;
}

.navbar-cinc .dropdown .dropdown-menu { background-color: #ffffff; }
.navbar-cinc .dropdown .dropdown-menu a { color: #3a913f; }
.navbar-cinc .dropdown .dropdown-menu a:hover {
	background-color: #ffffff;
	color: #e87722; 
}

.navbar-cinc .dropdown .dropdown-menu .divider {
    background-color: #dddddd;
}

.navbar-cinc .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
 }

.fa-reports:before {
    background-image: url(../images/icon-report.png);
    content: '';
    display: inline-block;
    height: 18px;
    width: 18px;
    background-size: contain;
    margin-top: -3px;
}

/* 12. Table */
table {
    border-spacing: 0;
    border-collapse: inherit;
}

.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td { border-top-width: 2px; }

.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 0;
	border-right-width: 0;
	border-style: solid;
	font-size: 12px;
    padding: 6px;
    vertical-align: middle;
}

.table > thead > tr > th:first-child, 
.table > tbody > tr > th:first-child,
.table > tfoot > tr > th:first-child,
.table > thead > tr > td:first-child,
.table > tbody > tr > td:first-child,
.table > tfoot > tr > td:first-child {
	border-left-width: 2px;
}

.table > thead > tr > th:last-child, 
.table > tbody > tr > th:last-child,
.table > tfoot > tr > th:last-child,
.table > thead > tr > td:last-child,
.table > tbody > tr > td:last-child,
.table > tfoot > tr > td:last-child { border-right-width: 2px; }

.table > thead > tr > th {
    background-color: #3a913f;
    border-color: #3a913f;
    color: #ffffff;
}

.table > tbody > tr.cinc-group > th {
	background-color: #ccced0;
	border-color: #ccced0;
}

.table > tbody > tr.cinc-account > th {
	background-color: #e7e8e9;
	border-color: #e7e8e9;
	padding: 9px 6px;
}

.table > tbody > tr > td {
	border-color: #ffffff;
    border-bottom-color: #f7f7f7;
	cursor: pointer;
}

.table > tbody > tr.selected > td { border-color: #e87722; }

.table .radio,
.table .checkbox { margin: 0; }

.table .radio input[type="radio"],
.table .checkbox input[type="checkbox"] { margin-left: -16px; }

/* 13. Sidebar */
.panel-cinc {
    background-color: #f8f8f8;
    border: 1px solid #cccccc;
    border-radius: 0;
    padding: 5px 0;
}

.panel-cinc .panel-heading {
	background-color: #e6e6e7;
	border-radius: 0;
	padding: 8px 10px;
}

.panel-cinc .panel-title {
	font-size: 12px;
	font-weight: bold;
    line-height: 18px;
}

.panel-cinc .panel-title .fa-spinner {
	font-size: 16px;
    line-height: 18px;
}

.panel-cinc .panel-body {
    padding: 0; 
}

.panel-cinc .panel-section {
	font-size: 12px;
	padding: 15px; 
}

.panel-cinc label {
	display: inline-block;
	font-size: 12px;
	width: 25%;
}

.panel-cinc .value {
    margin-top: 5px;
    display: inline-block;
}

.panel-cinc .disabled { color: #4c4c4c; }

.panel-cinc .fa-circle {
    font-size: 6px;
    line-height: 18px;
    vertical-align: text-top;
}

.panel-cinc .text-warning { color: #e87722; }
.panel-cinc .text-danger { color: #e82222; }

.panel-cinc .btn-group button { border-right: none; }
.panel-cinc .btn-group:first-child button { border-left: none; }

.panel-cinc .list-report > a {
	color: #4c4c4c;
	display: block;
	padding: 5px;
}

.panel-cinc .list-report > a:hover {
	color: #e87722;
	text-decoration: none;
}

.panel-cinc .list-report > a > i { color: #e87722; }

.panel-cinc .panel-group .panel-accordion {
    border: none;
    border-radius: 0;
    margin-top: 0;
}

.panel-cinc .panel-accordion .panel-heading {
	background-color: #f8f8f8;
	padding: 0;
}

.panel-cinc .panel-accordion .panel-title a {
	background-color: #3a913f;
	color: #ffffff;
    display: block;
    overflow: hidden;
	padding: 8px 10px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.panel-cinc .panel-accordion .panel-body > a {
    border-bottom: 1px solid #e0e0e0;
    color: #4c4c4c;
    display: block;
    font-size: 12px;
    padding: 8px 8px 8px 20px;
    text-decoration: none;
}

.panel-cinc .panel-accordion .panel-body > a:hover {
	background-color: #e87722;
	color: #ffffff;
}

.panel-cinc .panel-accordion .panel-title a > i { font-size: 16px; }

.panel-cinc .panel-accordion .panel-title a.collapsed {
	background-color: #f8f8f8;
	color: #3a913f;
}
.panel-cinc .panel-accordion .panel-title a.collapsed > i:before { content: '\f055'; }

.panel-cinc .panel-group { margin-bottom: 0; }

/* 14. Panel */
.panel { box-shadow: none; }

.panel-default > .panel-heading {
	background-color: #f8f8f8;
	background-image: none;
	border-color: #cccccc;
}

.panel-default .panel-title { font-weight: bold; }

/* 15. Legend */
.legend {
	font-size: 12px;
	font-weight: bold;
}

.legend span { margin-left: 10px; }

i.fa-circle { font-size: 10px; }

i.fa-circle.ach { color: #820098; }
i.fa-circle.closed { color: #009897; }
i.fa-circle.invalid { color: #359800; }
i.fa-circle.over { color: #fd6dfd; }
i.fa-circle.unbalanced { color: #df6667; }
i.fa-circle.duplicate { color: #4a9eff; }
i.fa-circle.unlinked { color: #f6962f; }

/* 16. Progress Bar */
.progress {
	background-image: none;
	border: 1px solid #e8e8e8;
	box-shadow: none;
}
.progress-bar {
	background-image: none;
	background-color: #e87722;
}

/* 17. Misc Overrides */
.text-warning { color: #e87722; }

/* 18. Example Support Classes */
.cinc-examples p { padding: 15px; }