.portlet-boundary_gov_noaa_orr_diver_projectsubmission_portlet_ProjectSubmissionPortlet_ h2.portlet-title-text {
    display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.uploadDocumentData{
    cursor: pointer;
}

#charNum{
	color:red;
	text-align:right;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.location-input .select2 {
    width: 100% !important;
}

.field-name-body {
    display: none;
}

.box
{
	font-size: 1.25rem; /* 20 */
	border-radius: 4px;
    background-color: #f0f0f1;
	position: relative;
	padding: 60px 20px;
}
.box.has-advanced-upload
{
	outline: 2px solid #87888b;
	outline-offset: -10px;

	-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
	transition: outline-offset .15s ease-in-out, background-color .15s linear;
}
.box.is-dragover
{
	outline-offset: -20px;
	outline-color: #c8dadf;
	background-color: #fff;
}
	.box__dragndrop,
	.box__icon
	{
		display: none;
	}
	.box.has-advanced-upload .box__dragndrop
	{
		display: inline;
	}
	.box.has-advanced-upload .box__icon
	{
		width: 100%;
		height: 80px;
		fill: #92b0b3;
		display: block;
		margin-bottom: 40px;
	}

	.box.is-uploading .box__input,
	.box.is-success .box__input,
	.box.is-error .box__input
	{
		visibility: hidden;
	}

	.box__uploading,
	.box__success,
	.box__error
	{
		display: none;
	}
	.box.is-uploading .box__uploading,
	.box.is-success .box__success,
	.box.is-error .box__error
	{
		display: block;
		position: absolute;
		top: 50%;
		right: 0;
		left: 0;

		-webkit-transform: translateY( -50% );
		transform: translateY( -50% );
	}
	.box__uploading
	{
		font-style: italic;
	}
	.box__success
	{
		-webkit-animation: appear-from-inside .25s ease-in-out;
		animation: appear-from-inside .25s ease-in-out;
	}
		@-webkit-keyframes appear-from-inside
		{
			from	{ -webkit-transform: translateY( -50% ) scale( 0 ); }
			75%		{ -webkit-transform: translateY( -50% ) scale( 1.1 ); }
			to		{ -webkit-transform: translateY( -50% ) scale( 1 ); }
		}
		@keyframes appear-from-inside
		{
			from	{ transform: translateY( -50% ) scale( 0 ); }
			75%		{ transform: translateY( -50% ) scale( 1.1 ); }
			to		{ transform: translateY( -50% ) scale( 1 ); }
		}

	.box__restart
	{
		font-weight: 700;
	}
	.box__restart:focus,
	.box__restart:hover
	{
		color: #39bfd3;
	}

	.js .box__file
	{
		width: 0.1px;
		height: 0.1px;
		opacity: 0;
		overflow: hidden;
		position: absolute;
		z-index: -1;
	}
	.js .box__file + label
	{
		text-align: center;
   		width: 100%;
		text-overflow: ellipsis;
		white-space: nowrap;
		cursor: pointer;
		display: inline-block;
		overflow: hidden;
	}
	.js .box__file + label:hover strong,
	.box__file:focus + label strong,
	.box__file.has-focus + label strong
	{
		color: #39bfd3;
	}
	.js .box__file:focus + label,
	.js .box__file.has-focus + label
	{
		outline: 1px dotted #000;
		outline: -webkit-focus-ring-color auto 5px;
	}
		.js .box__file + label *
		{
			/* pointer-events: none; */ /* in case of FastClick lib use */
	}

.no-js .box__file + label
{
	display: none;
}

.no-js .box__button
{
	display: block;
}
.box__button
{
	font-weight: 700;
	color: #e5edf1;
	background-color: #39bfd3;
	display: none;
	padding: 8px 16px;
	margin: 40px auto 0;
}
	.box__button:hover,
	.box__button:focus
	{
		background-color: #0f3c4b;
	}

* {
    margin: 0;
    padding: 0;
}
body {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #231f20;
    letter-spacing: 0;
}

.fa-times.file{
	padding-left: 10px;
	color: red;
}

.fund-head {
    font-weight: bold;
}

content-wrapper {
    padding: 2%;
    border: 1px solid #acaeb1;
}

.main-container{
	max-width: 970px;
}

.page-header{
	font-family: "Roboto Slab",serif;
    font-size: 32px;
    padding: 0;
    margin: 0;
    color: rgb(92, 150, 191);
    text-align: left;
    border: 0;
}

.region-content .block {
    margin: 7px 0;
}

section {
	display:block;
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " ";
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px){
.col-sm-12 {
    width: 100%;
}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12  {
    float: left;
}

}

.col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

p {
    margin: 0 0 10px;
	display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    color: #444444;
}

.olMapViewport, .olMapviewport > *{
	touch-action: none;
	overflow: hidden;
}

.project-map, .project-map-map, .map {
	position: relative;
}


p.map-intro{
	font-size: 14px;
    color: black;
}

span.map-intro-image{
	display: inline-block;
    width: 5%;
    vertical-align: top;
}

span.map-intro-text{
	display: inline-block;
    width: 90%;
}

.guideline p {
    color: black;
}

.panel-group {
    margin-bottom: 20px;
}

.form-group:last-child, .panel:last-child {
    margin-bottom: 0;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}
.panel-default {
    border-color: #ddd;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-default>.panel-heading {
    font-size: 20px;
    font-weight: 600;
    color: #5797bb;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-group .panel-heading {
    border-bottom: 0;
}
.form-type-password-confirm label, .panel-heading {
    display: block;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: rgb(92, 150, 191);
}

h4 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.confirmation-number{
	font-size: 18px;
	font-weight: bold;
}

.conf-header{
	font-size:18px;
	color: #444444;
}
.field-item-header{
	font-weight: bold;
}

.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
    color: inherit;
}

body a {
    color: #92be1d;
    font-weight: 600;
    word-break: break-word;
}

body, body a {
    font-family: Roboto,sans-serif;
}

a {
    color: #337ab7;
    text-decoration: none;
}

a {
    background-color: transparent;
}

.collapse {
    display: none;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #ddd;
}

.panel-body {
    padding: 15px;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
}

ul, menu, dir {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
}

.region-content .block {
    margin: 7px 0;
}

.section-header{
	color:white;
	font-size: 18px;
	background-color: #196791;
    text-align: left;
    vertical-align: middle;
    padding: 10px;
    margin: 20px 15px 20px 0;
    font-weight: bold;
    clear: both;
}

.section-text{
	min-height: 300px;
}

.form-section-text{
	min-height: 450px;
	margin: 0 45px 0 15px;
}

.attach-section-text{
	min-height: 250px;
	margin: 0 45px 0 15px;
}

.field-form{
	overflow-y: auto;
}

.required {
	color:red;
}

div.DTE_Field_Error {
    color: #b11f1f;    
    font-size: 14px !important;
    padding-top: 5px;
}

tbody tr > td {
    padding-left: 18px !important;
}

.ta-small{
	height:120px;
	width:100%;
    border-radius: 6px;
    background-color: #f0f0f1;
    border-color: #87888b;
}

.ta-large{
	height:300px;
	width:100%;
    border-radius: 6px;
    background-color: #f0f0f1;
    border-color: #87888b;
}

.guideline {
    margin-top: 20px;
    border: solid 1pt;
    background-color: #f0f0f1;
    border-radius: 4px;
}

.guideline > * {
    margin: 20px;
}

.ital{
	font-style:italic;
	font-size: 14px;
}
.partner-add{
	text-align:left;
}
.partner-rmv{
	text-align:right;
}

.guide-h{
   color: black;
   font-weight: bold;
}

#loc-desc, #proj-desc, #proj-ben-txtarea, #proj-plan-txtarea {
	max-width: 100%;
}

/* button */
.cancel-edit-btn{
	float:left;
}
.rmv-part-btn{
	margin-top: 15px;
}
.section-intro .section1divbtn{
	text-align: right;
    margin-top: 90px;
}
.section1divbtn .cancel-edit-btn{
	float:left;
	padding-left: 15px;
}
.section1divbtn .submit-form-btn{
	float:right;
	padding-right: 15px;
}
.sub-btn {
	cursor: pointer;
    background-color: #fff;
    border-color: #92be1d;
    font-weight: bold;
    font-size: 15px;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 5px;
    background-image: none;
    padding: 6px 16px;
}
.sub-dark-btn {
	cursor: pointer;
    background-color: #fff;
    border-color: black;
    font-weight: bold;
    font-size: 15px;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 5px;
    background-image: none;
    padding: 6px 16px;
}
.button-text {
		font-size: 12px;
		margin-left: 5px;
		color: #92be1d;
		font-family: 'Source Sans Pro', sans-serif;
}

.remove-divbtn{
	text-align: center;
}

.button-dark-text {
		font-size: 12px;
		margin-left: 5px;
		color: black;
		font-family: 'Source Sans Pro', sans-serif;
}
	
.proj-icon  {
	margin-left: 5px;
    color: #92be1d;
}

.proj-icon-dark  {
	margin-left: 5px;
    color: black;
}

.funding-input-cost {
    margin-bottom: 20px;
}

.fund-input {
    margin: 20px 0;
}


/* input */
.contact-input > label, .desc-input > label, .status-input > label, .location-input > label{
	margin-bottom:5px;
}
label{
	color: #444444;
}
.contact-input, .desc-input, .status-input, .location-input{
	min-height:50px;
	padding: 0;
	margin-bottom:15px;
}

.contact-input > .contact-input, .desc-input > .desc-input, .status-input > .status-input, .location-input > .location-input{
	margin-bottom:0;
}

.contact-input > *, .desc-input > *{
	display:block;
}

.status-input, .location-input, .location-desc-input {
	display: inline-block;
}

.location-desc-input{
	padding: 0;
}

input[type="radio"]{
	margin-right:5px;
}

.lbl-intro, .lbl-edit{
	margin:10px 0;
}

.lbl-edit{
	font-weight: bold;
	width:35%;
}

.conf-num, .user-email{
	width:60%;	
}

.record-lookup{
	margin-top: 40px;
    border: 1px solid;
    padding: 0 5px 10px 10px;
}

.input-full{
	width: 100%;
    border-radius: 4px;
    background-color: #f0f0f1;
    border-color: #87888b;
    border-width: thin;
    min-height: 26px;
}

.input-third{
	width:50%;
}

.input-pad-left{
	padding-left:20px;
}

.status-input > select, .location-input > select{
    width: 100%;
}

.checkbox-input > label {
    display: block;
    font-style:bold;
    font-size:14px;
    color: black;
}

.checkbox-input {
    margin-bottom: 15px;
}

.funding-input-cost .fund-input {
    display: inline-block;
}

.fund-input > * {
    display: block;
}

.cbox-container{
    width: 33%;
    display: inline-block;
    margin: 5px 0;
}

.cbox-container > label {
    margin-left: 5px;
}

.record-lookup > label, .record-lookup > input {
    width: 45%;
}

.width-40{
	width:40%;
}

.width-45{
	width:45%;
}

.width-25{
	width:25%;
}

.width-50{
	width:50%;
}

.width-51{
	width:51%;
}

.ui-dialog { 
	z-index: 1000 !important;
}

/* css for the mapping interface */

.project-map {
	margin-bottom: 20px;
}

#map-draw-tools {
    display: inline-block;
}

#map-draw-tools .olButton {
    cursor: pointer;
    background-color: #fff;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    padding: 3px 26px;
    color: #92be1d;
    border-width: 2px;
    border-style: solid;
    text-align: right;
    display: inline-block;
    margin-left: 4px;
}

#map-draw-tools .drawLineBtnItemActive, #map-draw-tools .drawPointBtnItemActive, #map-draw-tools .drawPolygonBtnItemActive {
    background-repeat: no-repeat;
    background-position: 5px;
    filter: brightness(80%);
}

#map-draw-tools .drawLineBtnItemInactive, #map-draw-tools .drawPointBtnItemInactive, #map-draw-tools .drawPolygonBtnItemInactive {
    background-repeat: no-repeat;
    background-position: 5px;
}

#map-draw-tools .drawLineBtnItemActive, #map-draw-tools .drawLineBtnItemInactive {
    background-image: url(images/draw-line.png);
    background-repeat: no-repeat;
    background-position: 5px;
    background-size: 20px;
    width: 72px;
    height: 29px;
}

#map-draw-tools .drawPointBtnItemActive, #map-draw-tools .drawPointBtnItemInactive {
    background-image: url(images/draw-point.png);
    background-repeat: no-repeat;
    background-position: 5px;
    width: 72px;
    height: 29px;
}

#map-draw-tools .drawPolygonBtnItemActive, #map-draw-tools .drawPolygonBtnItemInactive {
    background-image: url(images/draw-polygon.png);
    background-repeat: no-repeat;
    background-position: 5px;
    background-size: 30px;
    width: 120px;
    height: 29px;
}

.point-btn {
	background-image: url(images/draw-point.png);
    background-repeat: no-repeat;
    background-position: 5px;
    width: 72px;
    height: 29px;
    padding: inherit;
}

.line-btn {
	background-image: url(images/draw-line.png);
    background-repeat: no-repeat;
    background-position: 5px;
    width: 72px;
    height: 29px;
    padding: inherit;
}

.polygon-btn {
	background-image: url(images/draw-polygon.png);
    background-repeat: no-repeat;
    background-position: 5px;
    width: 120px;
    height: 29px;
    padding: inherit;
}

.drawItemActive {
	filter: brightness(80%);
}

.delete-all-geometries-button, .new-delete-all-geometries-button {
    background-image: url(images/draw-delete-all.png);
    background-repeat: no-repeat;
    background-position: 5px;
    width: 200px;
    height: 29px;
    padding: inherit;
}

.delete-last-geometry-button, .new-delete-last-geometry-button {
    background-image: url(images/draw-delete.png);
    background-repeat: no-repeat;
    background-position: 5px;
    width: 200px;
    height: 29px;
    padding: inherit;
}

.fa-ban {
	color: #92be1d;
}

#map {
    height: 400px;
    margin-bottom: 25px!important;
    z-index: 0;
}

.helpQuickTip {
	color: #869CAD;
	font-size: 14px;
	margin-left: 10px;	
}

.mapIntro {
	box-shadow: 10px 10px 5px #888888;
}