.block { display: block; }
.no-margin { margin: 0 !important; }
.margin-10 { margin: 0 0 10px 0 !important; }

/* Progress Bar TO REMOVE? ---------------------- */
div.progress { padding: 2px; margin-bottom: 10px; border: 1px solid #cccccc; height: 25px; /* meter */ /* border radii */ }
div.progress .meter { background: #2ba6cb; height: 100%; display: block; width: 50%; }

div.progress.success .meter { background: #5da423; }
div.progress.caution .meter { background: #f0ad4e; }
div.progress.alert .meter { background: #c60f13; }

div.progress.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
div.progress.radius .meter { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
div.progress.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
div.progress.round .meter { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }

/* Textarea for WYSIWYG ---------------------- */
textarea {
    border:1px solid #999999;
    width:100%;
    margin:5px 0;
    padding:3px;
}
.textareacontainer {
    padding-right: 8px;
}

.no-break { white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }

.workflow .panel .row { margin-bottom: 0; }
.workflow .large { width: 100%; min-height: 60px; }

a[data-addanother] { margin: 5px 0 0 3px; }

form .control-group label { display: inline-block; }

.control-label small { font-size: 0.8em; color: #6f6f6f; display: block; }

.review-info p { margin-bottom: 40px; }

.no-list { list-style: none; margin: 0; }
.ui-draggable { cursor: pointer; }
.ui-state-disabled { opacity: 0.5; filter: alpha(50); }
.draggable .clause-body { display: none; }

.drag h3 { font-size: 1em; }
.drag h3:hover { margin-left: 5px; }
.drag .remove { display: none; }
.drag .ui-state-disabled h3:hover { margin-left: 0; }

.sortable { min-height: 100px; background: #eee; border: 1px #ddd solid; padding: 20px; overflow: hidden; }
.sortable.to-drag { padding-top: 20px; }
.sortable h3 { position: relative; }
.sortable .remove { font-style: normal; float: right; top: 0; color: #777; top: 0; font-size: 0.8em; }
.sortable .remove:hover { color: #a90329; }
.sortable .clause-body { display: block; }
.sortable ol { list-style: lower-alpha; }
.clauses .sortable p, .clauses .sortable li { font-size: 0.9em; }
.clauses input { font-size: 0.8em; padding: 3px; }

table .btn-mini { font-size: 10px; }

.padded { display: inline-block; margin: 7px 0; }

.plaintext { margin-top: 5px; display: block; }
.note { font-size: 0.8em; font-style: italic; }
.inline-block { display: inline-block; }

/*dl.tabs.contract-review { text-align: center; }*/

.panel .panel-bar { padding: 15px 20px; font-size: 0.875rem; }

.panel-home .panel-bar h2 { font-size: 1.5em; font-size: 1.5rem; }
.panel-home .panel-content { padding: 10px; }
.panel-home .separator { font-size: 1rem; border-left: 1px solid #d1d3d4; margin: 0 10px; padding: 8px 0; display: inline-block; }
@media only screen and (max-width: 950px) {
	.panel-home .separator { border-left: 0; border-bottom: 1px solid #d1d3d4; margin: 0 0 10px; display: block; height: 0; padding: 10px 0 0; }
}


.panel-nav .panel-bar h2 { font-size: 1.25em; font-size: 1.25rem; }
.panel-nav .panel-content { padding: 5px; padding-left: 0; margin-left: -10px; }
.panel-nav .btn-group.small a { margin: 0; }



/* -----------------------------------------
   Reports
----------------------------------------- */

form.reports .row { margin-bottom: 18px; }
form.reports .panel { margin-top: 0; }
.row.filter-selection .row { margin-bottom: 0; }

/*.panel.report-filters { padding-bottom: 10px; }*/
.report-filters .sm { max-width: 100px; }
.report-filters h2 { font-size: 100%; }
.report-filters h3 { border-left: 0; font-size: 10px; /*border-bottom: 1px #ccc solid;*/ padding: 5px 0 0 0; margin-bottom: 5px; font-weight: bold; text-transform: uppercase; margin-top: 10px; }
.report-filters h3:first-child { margin-top: 0; }
.report-filters p { margin: 5px 0 15px 0; }
.report-filters .filter-list label { margin: 0 0 3px 0; display: block; white-space: nowrap; border: 1px #ccc solid; padding: 2px 6px 2px 2px; font-size: 12px; position: relative; }
.report-filters .filter-list label i { display: none; color: white; position: absolute; top: 4px; left: 5px; }
.report-filters .filter-list label:hover { cursor: pointer; }
/*.report-filters .filter-list label.green { background-image: url('../img/icon-report-selected.png'); background-repeat: no-repeat; background-position: 6px 45%; }*/
.report-filters .filter-list label.green i { display: block; }
.report-filters .filter-list label.green input[type=checkbox] { visibility: hidden; }
.report-filters .filter-list .hide-results.active { overflow: auto; }

/*.scrollContainer { overflow: auto; width: 100%; border: 1px #999 solid; box-sizing: border-box; }
.scrollContainer .dataTable { border: 0; }
.scrollContainer .dataTable thead tr th:first-child, .scrollContainer .dataTable tfoot tr td:first-child { border-left: 0; }
.scrollContainer .dataTable thead tr th:last-child, .scrollContainer .dataTable tfoot tr td:last-child { border-right: 0; }
.scrollHint { background: #ccc; margin: 0; padding: 4px 7px; font-size: 12px; text-align: center; margin: 0 auto; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; }
@media only screen and (max-width: 767px) { .scrollHint { display: none; } }*/

.dataTable td:first-child { white-space: nowrap; }




/* ----------------------------------------------------------------------------------
   Contract Review
---------------------------------------------------------------------------------- */

/*div.panel.contract-header { margin-bottom: 40px; }*/
.contract-review h3 { margin: 10px 0 30px; }
.contract-review .right { float: none !important; position: absolute; right: 20px; top: 20px; }
@media only screen and (max-width: 760px) {
	.contract-review .right { position: relative; right: auto; top: auto; }
}
ul.tabs-content.tabs-content.contract-review > li { padding: 30px; }

.contract-bar { padding: 20px 20px; }
.contract-bar h2 { margin-bottom: 0; font-family: 'Open Sans', sans-serif; font-size: 1.5em; font-size: 1.5rem; font-weight: 600; color: #131e29; }

.contract-actions { position: absolute; top: 0; right: 20px; }
.contract-actions.new { top: 18px; }
.contract-actions form { display: inline; }

.contract-review .row.control-group { margin-bottom: 0; }
.contract-review.tabs dd { margin-right: 0; }
.contract-review.tabs .spacer { margin-left: 10px; }

/*dl.tabs, ul.tabs { margin-top: 15px; }*/
dl.tabs dd a { font-size: 0.875rem; }
dl.tabs dd.spacer { margin-left: 25px; }
dl.tabs dd.alt { float: right; }

.no-margin-top { margin-top: 0; }


div.contained {
	padding: 20px;
	border: solid 0 #ddd;
	border-width: 0 1px 1px 1px;
}
ul.tabs li a { cursor: default; }
ul.tabs li a.disabled { opacity: 0.5; }

ol { list-style: none; margin-left: 0; margin-bottom: 0; counter-reset: li; }
ol li { margin-bottom: 5px; border-bottom: 1px #ccc solid; padding: 5px 10px; list-style: none; }
ol li:last-child { border-bottom: 0; }
ol > li:before { content: counter(li) '. '; counter-increment: li; }
ol.no-list > li:before { content: ''; }

.deny label { margin: 0 0 20px 0; font-weight: bold; }
.deny textarea { width: 100%; min-height: 100px;}

.over { color: #a90329; font-weight: bold; }
.over em { font-style: normal; color: #999; }
input.total-display:disabled { border-color: transparent; background: none; }
#budget-table tfoot th, #grant-budget tfoot th, .grant-budget-table tfoot th { font-weight: bold; }

table.search-results { width: 1500px; }

.grant-budget .btn-mini { margin: 5px; }
.grant-budget *[data-addanother-table] { font-weight: normal; }
.grant-budget .panel > .row:last-child { margin: 10px 0; }
.superscript { font-size: 9px; vertical-align: top; }

.grant-budget *[data-detail-hidden] { display: none; }

.payment-methodology .panel { position: relative; padding-top: 10px; padding-bottom: 20px; }
.payment-methodology hr { border-color: #ccc; margin: 10px 0; }
.payment-methodology .delete-custom { margin-top: 6px; }
.payment-methodology .panel label, .grant-budget .panel label { font-size: 10px; }

#budget-table small { margin-top: 0; }
ul.tabs a { cursor: pointer !important; }
input.full { width: 100%; max-width: 100%; box-sizing: border-box; }

ul.no-list li.row { border-bottom: 1px #ccc solid; margin-bottom: 5px; padding: 9px 0; }
ul.no-list li.row:last-child { border-bottom: 0; }
ul.no-list li.row.title { border-color: #999; }

.panel.attachments { overflow: hidden !important; position: relative; }
.draggable .row { cursor: pointer; }
.draggable > .row:first-child { margin-top: 25px; }

#rates .delete-custom { position: absolute; right: 10px; top: 10px; z-index: 500; }
.rate-total { word-wrap: break-word; }


/* Icon Colors ---------------------- */
/*.contract-actions .icon-cancel:before { color: #e24f40; }
.contract-actions .icon-upload:before { color: #b8fffe; }
.contract-actions .icon-docs-1:before { color: #ceb888; }
.subheader .icon-edit:before { color: #181818; }*/

input[type="file"] { margin-bottom: 10px; }

.panel { position: relative; }
.cancel-control { position: absolute; right: 4px; top: 4px; z-index: 500; }
.cancel-control a.button.small { margin: 0; border-radius: 0; font-size: 0.75rem; }


/* -----------------------------------------
   Documents
----------------------------------------- */
#documents label { margin: 0; }
.remodal .text { margin-top: 0; }
.progress-bar td { padding: 0; }
.progress-bar div { height: 5px; width: 0; background-color: green; }

.files { position: relative; }
.files table { z-index: 50; background: none; position: relative; }
.files table tbody tr td { vertical-align: middle; }
.files tr { background: none !important; }
.files tr td:last-child { white-space: nowrap; }
.files tr.uploading { opacity: 0.4; filter: alpha(opacity=40); pointer-events: none; }
.files tr.cancelled { opacity: 1; color: white !important; background-color: #d9272e !important; /*filter: alpha(opacity=100);*/ }
.files tr.cancelled td, .files tr.cancelled a { color: white; }
.files tr.cancelled .file-name strong { display: block; }
.progress-bar { width: 0; height: 36px; background-color: #5aac51; position: absolute; top: 46px; z-index: 55; overflow: hidden; opacity: 0.85; filter: alpha(opacity=85);
	transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;
}
.progress-bar span { position: absolute; right: 5px; top: 50%; margin-top: -20px; color: white; font-size: 1.5rem; letter-spacing: -0.075rem; }

#file-filename { font-weight: bold; margin-left: 5px; display: inline-block; }
#file-form label, #file-form input[type="text"] { width: 100% !important; }

h2.version-edit { display: none; }
form.version-edit h2.version-edit { display: block; }
form.version-edit .version-add { display: none; }

.ie8 .files tr.uploading, .ie9 .files tr.uploading { filter: alpha(opacity=100); background: #5aac51 !important; }
.ie8 .files tr.cancelled, .ie9 .files tr.cancelled { background-color: #d9272e !important; }
.ie8 .files tr.uploading td, .ie9 .files tr.uploading td { color: white !important; }


/* -----------------------------------------
   Notes
----------------------------------------- */
.notes .right { margin-top: -5px !important; }
.notes small.gray { margin-top: -5px; display: block; }


/* -----------------------------------------
   Workflow
----------------------------------------- */
#content .workflow div.panel { padding: 15px 20px; margin: 0 0 10px; }
.workflow div.panel h4, .workflow div.panel p { margin-bottom: 0; }
/*.workflow div.panel:hover { background: #eee; }*/
.workflow h4 { margin-bottom: 0; font-family: 'Open Sans', sans-serif; font-size: 1.25rem; font-weight: 600; color: #131e29; }
.workflow .status { float: left; font-size: 1.5rem; text-align: center; margin: 0 15px 10px 0; color: white; background: #DDD; width: 45px; height: 45px; padding: 3px 4px; position: relative; 
	border-radius: 30px;
}
.workflow .status:before { display: block; position: absolute; left: 11px; top: 11px; }
.workflow .status.icon-forward { background: #5aac51; }
.workflow a.expandable { position: absolute; right: 0; top: 0; width: 100%; text-align: right; font-size: 2rem; display: block; padding: 23px 15px; line-height: 1em; z-index: 500; color: #ccc; }
.workflow a.expandable:hover { color: #d9272e; }
.workflow div.panel .status.icon-forward, .workflow div.panel:last-child .status.icon-down, .workflow div.panel:last-child .expandable, .workflow div.panel .workflow-remove { display: none; }
.workflow div.panel:last-child .status.icon-forward, .workflow div.panel:last-child .workflow-remove { display: inline-block; }
.workflow i { font-style: normal; }
/*.workflow .panel.active { border-top: 10px #5aac51 solid !important; }*/

#content .workflow-sidebar > .panel { margin-top: 10px; margin-bottom: 10px; }
#content .workflow-sidebar > .panel:first-child { margin-top: 0; }
.workflow-sidebar .panel-bar h4 { font-size: 1.25rem; }

div.panel-content.workflow-checklist { padding: 20px; }
.workflow-checklist .line-list li { padding: 5px; }

.workflow-notes { padding: 0 10px; height: 0; max-height: 0; overflow: hidden; box-sizing: border-box; }
.workflow .panel.active .workflow-notes, .workflow .panel:last-child .workflow-notes  { clear: both; height: auto; max-height: none; padding: 20px 10px 10px }
.workflow-notes hr { margin: 25px 0; }
.workflow-notes .note { margin-top: 15px; }
pre { font-size: 0.875rem; word-wrap: break-word; white-space: pre-wrap; }

.workflow-note .note-edit, .workflow-note .note-remove { display: none; }
.workflow-note:hover .note-edit, .workflow-note .note-remove { display: inline-block; margin-left: 10px; }

div.panel.workflow-actions { background: #f9f9f9; padding: 10px; }

.action-button { display: none; }
.action-button.active { display: block; margin: 0; }
.action-button button { margin: 10px 0 0; }

#workflow-budget { display: none; }
#workflow-budget.active { display: block; margin-top: 5px; }

#workflow-director { display: none; }
#workflow-director.active { display: block; margin-top: 5px; }

#workflow-supervisor { display: none; }
#workflow-supervisor.active { display: block; margin-top: 5px; }

#workflow-owneradmin { display: none; }
#workflow-owneradmin.active { display: block; margin-top: 5px; }

.current-action { color: #aaa; letter-spacing: -0.025rem; margin-top: 0; }
.current-action a { color: #aaa; }
.current-action a:hover { color: #777; }

.workflow-notes, .expandable, .workflow-note .note-edit { transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; }

#content ul.requirements li { font-size: 0.75rem; }
#content ul.requirements li.complete { color: #aaa; }




pre { white-space: pre-wrap; }


/* TO BE INCLUDED IN CUSTOM.CSS ---------------------- */
.btn-group.small a, .btn-group button { font-size: 0.875rem; }
.btn-group > .btn { margin-left: 0; }
.due.large { padding: 20px 30px; background: #e5e5e5; }
.due.large h2 { margin: 0; }





/* Table Print ---------------------- */
@media print {
 table {border-collapse: collapse !important;}
  table th,
  table td {
    border: 1px solid #ddd !important;
  }
}


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

	ul.tabs li a, dl.tabs dd a { font-size: 12px; }
	input.medium { width: 125px; }
	.btn-group { text-align: left; position: relative; margin-bottom: 10px; }

}

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

	ul.tabs li a, dl.tabs dd a { padding: 3px; }


}

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

	.btn-group { text-align: center; margin-top: 10px; }
	/*.btn-group .btn { padding: 4px 5px; }*/

	dl.tabs dd.alt { float: left; }
	ul.tabs, dl.tabs { height: auto; }
	ul.tabs li, dl.tabs dd { width: 49%; margin: 0; }
	ul.tabs li a, , dl.tabs dd a { display: block; }

	#report-templates, #report_templates_chosen { width: 100% !important; margin-bottom: 5px; display: block; }

	.grant-budget #budget-table { width: 1000px; }
	.scrollHint { display: block; }
	div.scrollable { border: 1px solid #ccc; position: relative; }
	div.scrollable table { margin: 0; }
	.payment-methodology .delete-custom { margin-top: 0; }

	input[type="file"] { max-width: 60%; }

}