@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/OpenSans.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/OpenSans-Bold.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/OpenSans-Italic.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/OpenSans-BoldItalic.woff) format('woff');
}

body {
    font-family: 'Segoe UI', 'Myriad Pro';
    background-color: #f5ecd9;
    color: #ffffff;
    font-size: 10pt;
    min-width: 994px;
}

a, a:hover, a:focus, a:visited {
    color: inherit;
    text-decoration: none;
}

.control-text {
    padding-top: 7px;
}

.btn-invisible,
.btn-invisible:focus,
.btn-invisible:active,
.btn-invisible[disabled],
.btn-invisible[disabled]:hover,
.btn-invisible[disabled]:focus,
.btn-invisible[disabled]:active {
    border: none;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    padding: 1px;
}

.pb-tabs {
    color: #f79646;
    font-size: 1.25em;
    font-weight: bold;
    margin-bottom: 6px;
    border: none;
}

    .pb-tabs > li {
        border: 1px solid #f79646;
        border-left: none;
        background-color: #ffffff;
    }

        .pb-tabs > li.disabled {
            background-color: transparent;
        }

.nav > li.disabled > a,
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
    color: #f3c38e;
}

.pb-tabs > li:first-child {
    border-left: 1px solid #f79646;
    border-radius: 5px 0 0 5px;
}

.pb-tabs > li:last-child {
    border-radius: 0 5px 5px 0;
}

.pb-tabs > li > a {
    margin-right: 0;
    border-radius: 0;
    border: none;
    padding-top: 5px;
    padding-bottom: 5px;
}

.pb-tabs > li.active > a,
.pb-tabs > li.active > a:hover,
.pb-tabs > li.active > a:focus {
    color: #ffffff;
    background-color: #f79646;
    margin-right: 0;
    border-radius: 0;
    border: none;
    padding-top: 5px;
    padding-bottom: 5px;
}

.pb-tab-content .panel {
    border-radius: 0;
    border: 4px solid #f1e1bf;
    background-color: #F9E9CB; /*#f8f3e9;*/
    box-shadow: none;
}

.pb-collection {
    background-color: #ffffff;
    border: 1px solid #e5e3e0;
    border-top: 2px solid #000000;
    padding: 5px;
}

.pb-section-header {
    border-bottom: 2px solid #000000;
    margin-bottom: 10px;
}

.glyphicon-remove {
    color: #ff0000;
}

.pb-collection div {
    display: inline-block;
    margin-right: 10px;
}

.pb-scroll-list {
    height: 100px;
    margin: 20px 0;
    overflow: scroll;
}

.pb-role-label {
    font-size: 1.5em;
    margin-top: 2px;
}

.pb-field-label {
    font-size: 1.5em !important;
    margin-top: 2px;
}

.pb-field-lg {
    border-color: rgb(255, 255, 255);  
    font-size: 26px; 
    opacity: 0.8;
    height: 42px;
    outline-style: none;
}

.pb-field {
    border-color: rgb(255, 255, 255);  
    font-size: 26px; 
    opacity: 0.8;
    height: 22px;
    outline-style: none;
}

.pb-owner {
    padding:2px 2px 2px 2px; 
    width:100%; 
    font-size: 18px; 
    position: absolute; 
    background-color: #ffffff;
}

.pb-input-group-addon {
	background-color: #ffffff;
    border: none;
    border-radius: 0px;
}

.pb-select2 {
    background: #ffffff !important;
    margin-top: -1px !important; 
    /*border: none !important;
    border-radius: 0px !important;*/
    border-color: transparent !important;
}
.select2-choices {
    border: none !important;
}

.select2-search-choice-close{
    background:url(../Images/Protoblazer/Button-Remove.svg) !important;
}

.menu-bar {
    z-index: 100;
    position: fixed;
    top: 0px !important;
    width: 100%;
    height: 60px;
    padding: 10px;
    background-color: #86cfe2;
}

.menu-bar .button {
    display: inline-block;
    margin: 0 10px;
    padding: 6px 20px;
    font-size: 1.25em;
    font-weight: bold;
    background-color: #0aa1bd;
}

.menu-bar .button:hover {
    background-color: #4cb6ca;
}

.proto-page-header {
    z-index: 100;
    position: fixed;
    top: 0px !important;
    margin-top: 60px;
    width: 100%;
    height: 110px;
    background-color: #0aa1bd;
}

    .proto-page-header .home {
        float: left;
        width: 111px;
        height: 120px;
        padding: 10px;
    }

    .proto-page-header .divider {
        float: left;
        width: 2px;
        height: 106px;
        background-color: #ffffff;
    }

    .proto-page-header .header {
        margin-left: 122px;
        height: 120px;
        padding: 10px 20px;
        font-size: 60px;
    }

.proto-page-content {
    margin-top: 180px;
}

.left-nav-icon {
	line-height:.8em;
	text-align:center;
	margin: 8px 0px 0px 8px;    
    width: 33px;
    height: 33px;
}

.left-nav-overview {    
	background:url(../Images/Protoblazer/Button-Overview.svg);
}

.left-nav-assessment {    
	background:url(../Images/Protoblazer/Button-Assessment.svg);
}

.left-nav-cropstargets {    
	background:url(../Images/Protoblazer/Button-CropsTargets.svg);
}

.left-nav-instructions {    
	background:url(../Images/Protoblazer/Button-Instructions.svg);
}

.left-nav-treatment {    
	background:url(../Images/Protoblazer/Button-Treatment.svg);
}

.left-nav-overview-selected {    
	background:url(../Images/Protoblazer/Button-Overview-Selected.svg);
}

.left-nav-assessment-selected {    
	background:url(../Images/Protoblazer/Button-Assessment-Selected.svg);
}

.left-nav-cropstargets-selected {    
	background:url(../Images/Protoblazer/Button-CropsTargets-Selected.svg);
}

.left-nav-instructions-selected {    
	background:url(../Images/Protoblazer/Button-Instructions-Selected.svg);
}

.left-nav-treatment-selected {    
	background:url(../Images/Protoblazer/Button-Treatment-Selected.svg);
}

.left-navigation {
    position: absolute;
    top: 180px;
    left: 0;
    width: 111px;
    color: #f79646;
}

.left-nav-divider {
    position: fixed;
    top: 166px;
    left: 111px;
    width: 2px;
    height: 100%;
    background-color: #f79646;
}

.button-save {
    z-index:3;
    position:relative; 
    outline:none;
    border:none;
    font-size: 10pt;
	background:url(../Images/Protoblazer/Button-Save.svg);
}

.button-remove {
	background:url(../Images/Protoblazer/Button-Remove.svg);
    vertical-align:bottom; 
    height:15px; 
    width:15px; 
    display:inline-block;
}

.button-add {
	background:url(../Images/Protoblazer/Button-Add.svg);
    height:26px; 
    width:26px;
    position:relative;
}

.button-add span {
    position:absolute; 
    top:-10px; 
    left:4px; 
    font-size:28px;
}

.button-add-gl {
	background: url(../Images/Protoblazer/Button-Add-Grey.svg);
    height: 20px; 
    width: 20px;
    position: relative;
    margin-top: -26px;
    margin-right: 2px;
    color: rgb(141, 141, 141);
    cursor: pointer;
    pointer-events: none;
}

.button-add-gl span {
    position: absolute; 
    top: -12px; 
    left: 1px; 
    font-size: 26px;
}

.button-add-someone {
	background:url(../Images/Protoblazer/Button-Add-Someone.svg);
    background-color: #ffffff !important;
    height:23px;
    width:23px;
    border:0;
}

.proto-page-content .main-content {
    margin-left: 122px;
    color: #000000;
    padding: 20px;
    height: 500px;
    position: relative;
    float: none;
    font-size:18px;
}

input .button {
    background-color: #2c768a;
}

.logo-small {
    float: right;
    position: relative;
    width: 375px;
    height: 100%;
}

    .logo-small img {
        position: absolute;
        top: 50%;
        width: 100px;
        height: 70px;
        margin-top: -40px;
    }

    .logo-small h1 {
        position: absolute;
        left: 50px;
        top: 50%;
        margin-top: -0.5em;
        margin-left: 40px;
        font-family: 'Roboto Condensed', Arial, sans-serif;
        font-size: 2em;
        font-weight: bold;
        font-style: italic;
        color:Blue
    }

.navigation-icon {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    font-size:medium;
    font-weight:bold;
    color:#E59400;
}

    .navigation-icon .img-circle {
        border: 2px solid;
        width: 54px;
        height: 54px;
        margin-left: auto;
        margin-right: auto;
        font-size: 1.75em;
    }

        .navigation-icon .img-circle span {
            top: 8px;
        }

.selected-icon {
    background-color: #CECE00;
    color: #000000;
}

.row-space {
    margin-top: 20px;
}

/* END SECTION */


/*Overrride toastr*/
.toast-top-right {
    top: 250px;
    right: 50px;
}

.toast-bottom-right {
    right: 50px;
    bottom: 50px;
}


/*jQuery Validation*/
.input-validation-error {
    border-color: #A90329;
    background-color: #fff0f0;
}

.valid {
    background: #f0fff0;
    border-color: #7DC27D;
}

.field-validation-error span {
    display: block;
    margin-top: 6px;
    padding: 0 1px;
    font-style: normal;
    font-size: 11px;
    line-height: 15px;
    color: #D56161;
}

.crop-page-name {
    margin-top: -26px;
}

.crop-protocol-id {
    font-size: 24px;
    margin-top: 1.0em;
}

.crop-protocol-name {
    font-size: 30px;
    margin-top: -60px;
}

.jtable-column-header {
    background-color: rgb(233,240,218);
    font-weight: 400;
    border-color: rgb(40,40,40);
    padding-left: 8px;
    padding-right: 8px;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    height: 32px;
}

#crop-list .jtable-column-header {
    background-color: rgb(233,240,218);
}

#target-list .jtable-column-header {
    background-color: rgb(227,221,234);
}

.crop-action {
    color: rgba(141, 141, 141, 1);
    cursor: pointer;
}

.crop-control-label {
    text-align: right;
    font-size: 18px;
    font-weight: 400;
}

.instructions-textarea .note-editor .note-editable {
    background-color: #ffffff;
}

.guidelines-header {
    background-color: #ffffff;
    border: 1px solid #a9a9a9;
    text-align: center;
    vertical-align: middle;
    height: 90px;
    line-height: 90px;
    font-size: 1.3em;
}

.guidelines-content {
    background-color: #ffffff;
    border: 1px solid #a9a9a9;
    min-height: 90px;
    padding: 0;
}

    .guidelines-content > div {
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        border-bottom: 1px solid #a9a9a9;
    }

span[data-select2-open] {
    cursor: pointer;
}

.crop-modal-row {
    padding-top: 5px;
    margin-top: 5px;
}

.font-weight-500 {
    font-weight: 500
}

/********************************************************/

.header-panel {
	padding: 1.5em 4em 0 1em;
	left: 10em;
	right: 0;
	position: fixed;
	z-index: 100;
	display: block;
	background-color: #222222;
    min-width: 994px;
}

.nav-left-panel {
	min-width: 0;
	padding: 2em 0 1em 0;
	margin: 0 1em 0 1em;
	text-align: center;
	position: fixed;
	z-index: 100;
	display: block;
	background-color: #222222;
}

a.disabled {
	pointer-events: none;
	cursor: default;
}

.form-content {
	position: relative;
	margin: 0 0 0 10em;
	padding-top: 7em;
	padding-bottom: 2em;
    padding-right: 3em;
}

.caption {
	font-size: 0.8em;
}

.caption-active {
	color: #00ADEF;
}

.caption-disabled {
	color: grey;
}

.header-panel .header {
	font-size: 4em;
	font-weight: 300;
}

.header-panel .actions-panel {
	float: right;
	vertical-align: middle;
	margin-top: 15px;
}

.content {
	margin: 15px 0px 0px 0px;
	font-weight: 300;
}

#global-totals span {
	width:75px;
	margin-right: 3em;
}

#global-label {
	margin-right:3em;
}

#global-label label {
	font-weight:600;
}

input[type="text"].solid {
	background-color:#444444;	
}

input[type="text"].form-control:focus {
	background-color:White;
}

input[type="text"].form-control:hover {
	background-color:#E3E3B2;
}

label.control-label.inline-control,
input[type="text"].form-control.inline-control {
	width:auto;
}

.form-control-static {
	padding-left: 27px;
    height: 2.5em;
}

.calculated {
    font-weight:600;
}

.content-block {
	display: block;
}

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

.glyph-pair {
	display: inline-block;
	line-height:.8em;
	text-align:center;
	margin: 0 .5em 0 .5em;
}

.section-header {
	margin:0;
	font-size: 1.8em;
	font-weight:200;
}

label {
	font-weight:300;
	padding-right:10px;
}

.required {
	font-weight: 600;
}

input[type="text"].form-control.name,
.name {
	width:100%;
	display:block;
	margin-bottom:10px;
	font-size:1.25em;
	font-weight:600;
}

textarea.form-control {
	width:200%;
	max-width:none;
	background-color:White;
	border:1px solid #8DB6C0;
	color:#555555;
	margin-bottom: 20px;
	display:block;
	font-size: 14px;
}

textarea.form-control:focus {
	background-color:#E3E3B2;
}

textarea.form-control:hover {
	background-color:#E3E3B2;
}

.radio-label {
    width:100%;
	margin-right:10%;
	margin-left:2%;
}

.radio-group {
	margin-bottom:2%;
}

.header-line {
	position:relative;
}

.people {
	margin-top: 25px;
}


/* Navigation */
.nav-dashboard {
	background:url(../Images/Button-Dashboard.svg);
}

.nav-objective {
	background:url(../Images/exam.jpg);
}

.nav-objective-active {
	background:url(../Images/Button-Status-Planning-Blue.svg);
}

.nav-materials {
	background:url(../Images/Button-Global-Materials.svg);
}

.nav-materials-active {
	background:url(../Images/Button-Global-Materials-Blue.svg);
}

.nav-design {
	background:url(../Images/Button-Status-Design.svg);
}

.nav-design-active {
	background:url(../Images/Button-Status-Design-Blue.svg);
}

.nav-design-disabled {
	background:url(../Images/Button-Status-Design-Grey.svg);
}

.nav-execution {
	background:url(../Images/Button-Status-Execution.svg);
}

.nav-execution-active {
	background:url(../Images/Button-Status-Execution-Blue.svg);
}

.nav-execution-disabled {
	background:url(../Images/Button-Status-Execution-Grey.svg);
}

.nav-analysis {
	background:url(../Images/Button-Status-Analysis.svg);
}

.nav-analysis-active {
	background:url(../Images/Button-Status-Analysis-Blue.svg);
}

.nav-analysis-disabled {
	background:url(../Images/Button-Status-Analysis-Grey.svg);
}

.nav-decision {
	background:url(../Images/Button-Status-Decisions.svg);
}

.nav-decision-active {
	background:url(../Images/Button-Status-Decisions-Blue.svg);
}

.nav-decision-disabled {
	background:url(../Images/Button-Status-Decisions-Grey.svg);
}

.nav-final {
	background:url(../Images/Button-Status-Finalized.svg);
}

.nav-final-active {
	background:url(../Images/Button-Status-Finalized-Blue.svg);
}

.nav-final-disabled {
	background:url(../Images/Button-Status-Finalized-Grey.svg);
}

.nav-files {
    background:url(../Images/Button-Attachments.svg);
}

.nav-export {
	background:url(../Images/Button-CreatePDF.svg);
}

.nav-setup {
	background:url(../Images/Button-Objective-Setup.svg);
}

.nav-setup-active {
	background:url(../Images/Button-Objective-Setup-Blue.svg);
}

.nav-setup-objective {
	background:url(../Images/Button-Objective-Define.svg);
}

.nav-setup-objective-active {
	background:url(../Images/Button-Objective-Define-Blue.svg);
}

.subnavigation {
	padding-bottom: 15px;
}

.subnav-fixed {
    position: fixed;
    z-index: 100;
    background-color: #222222;
    width: 100%;
}

.subnav-clear {
    margin-top: 90px;
}

.cancel {
	background:url(../Images/Button-Cancel.svg) no-repeat;
}

.continue {
	background:url(../Images/Button-Continue.svg) no-repeat;
}

.save {
	background:url(../Images/Button-Save.svg) no-repeat;
}

.revert {
	background:url(../Images/Button-Revert.svg);
}

.action-button-icon {
	width:3em;
	height:3em;
	vertical-align:middle;
	display:inline-block;
}

.action-button-wrapper {
	display:inline-block;
	margin: 0px 5px 0px 5px;
}

.action-button-label {
	font-weight:300;
	font-size:1.5em;
	vertical-align:middle;
	margin-right: 5px;
}

/* Page Icons */

.icon-objective {
	background:url(../Images/Status-In-Planning.svg);
}

.icon-materials {
	background:url(../Images/Status-In-Materials.svg);
}

.icon-design {
	background:url(../Images/Status-In-Design.svg);
}

.icon-finalized {
	background:url(../Images/Status-In-Finalized.svg);
}

@media (min-width: 768px) {
	.form-horizontal .control-label {
		text-align: left;
	}
}

/* Large Screen scale-up */
@media (min-width: 1367px) {
    .header-panel {
        padding: 3em 4em 0 1em;
        font-size: 1.3em;
    }

    .nav-left-panel {
        padding: 4em 0 1em 0;
        font-size: 1.3em;
    }

    .form-content {
        padding-top: 8.5em;
        font-size: 1.3em;
    }
}

/*itemized objective area*/

#itemized-objectives-requests {
	padding-right:3.5em;
}

#specific-objective-textarea {
	margin-top: .5em;
}

#specific-objective-textarea:disabled {
	margin-top: 1em;
	background-color: #444444 !important;
	cursor: not-allowed;
}


#itemized-objectives-selector {
	margin-top:20px;
	width:100%;
	height:4.1em;
	border: 1px solid lightgray;
	display:inline-block;
	padding: .5em;
	overflow-x:auto;
	white-space: nowrap;
}

.itemized-objective-counter.active {
	color:black;
	background:url(../Images/Counter-Background-Block.svg);
}

.itemized-objective-counter {
	display: inline-block;
	color: white;
	font-size: 1.5em;
	height: 1.5em;
	width: 1.5em;
	text-align: center;
	background: url(../Images/Counter-Background-Block-Outline.svg);
}
.itemized-objective {
	display:none;
	margin-top:1%;
}

.itemized-objective.active {
	display:block;
}


.delete-objective {
	display:block;
	margin-bottom: 7px;
}

.objective-deleted {
	display:none !important;
}

.objective-title {
	margin-top: 1em;
	display: inline-block;
	
}

.objective-textbox {
	margin-top: .6em;
}

.objective-title label {
	font-weight: 600;
}

.itemized-objective .glyph-pair {
	float: right;
}

.objective-header {
	width: 100%;
	height: 5em;
}

.objective-body {
	width: 100%;
	border: 1px solid #444444;
	height: 14.7em;
	overflow-y: auto;
    padding: 10px;
}

.title-label {
	font-weight: 600;
	padding-top: .5em;
}

.objective-title-wrapper {
	padding-top: .5em;
}

.error-header {
	font-weight:600;
}

.specific-error {
	margin-bottom:10px;
}

.header .small-label 
{
	visibility:visible;
	font-weight: 600;
	padding-top: .5em;
}