html{
    height: 100%;
}
.notransition * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}
/* Temp override to the ui-grid-header to fix height issue */
/*.ui-grid-header-cell-wrapper {*/
    /*height: 0px;*/
/*}*/

/*body::-webkit-scrollbar {*/
    /*/!* This is the magic bit *!/*/
    /*display: none;*/
/*}*/

/*body {*/
    /*-ms-overflow-style: none;*/
/*}*/
textarea {
    resize: none;
}
.hide {
    display: none;
}
.opIndicator {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-top: 5px;
    margin-left: 2px;

}
div.centre
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.opIndicator-none {
    background-color: transparent;
}
.opIndicator-fertilize{
    background-color: yellow;
}
.opIndicator-plant{
    background-color: green;
}
.opIndicator-spray{
    background-color: blue;
}
.opIndicator-till{
    background-color: purple;
}
.opIndicator-irrigate{
    background-color: lightblue;
}
.opIndicator-harvest-ticket{
    background-color: green;
}
.opIndicator-harvest-zone{
    background-color: red;
}
.opIndicator-weather{
    background-color: orange;
}
.red-icon{
    color: #e74c3c;
}

.green-icon{
    color: #73a839;
}
.icon-container{
    margin: 0 5px 0 2px;
}

.alternate-row {
    background-color: #e9e9e6;
}

.icon-container-small{
    margin: 0 2px 0 1px;
}
.container-fluid {
    height: 100%;
}

.page-fill-no-min {
    top: 70px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 30px;
}

.tissue-page-fill {
    top: 50px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0px;
    /*min-height: 550px !important;*/
}
.mobile-page-fill {
    top: 50px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 30px;
    /*min-height: 550px !important;*/
}

.mobile-page-body-fill {
    left: 15px;
    right: 15px;
    /*position: absolute;*/
    bottom: 50px;
    top: 50px;
}

.page-full-fill {
    top: 30px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 30px;
    min-height: 550px !important;
}

.page-fill {
    top: 70px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 30px;
    min-height: 550px !important;
}

.mesofarm-fill {
    top: 50px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0px;
    min-height: 550px !important;
}

.busy-div {
    position: fixed;
    bottom: 15px;
    left: 0;
    right: 0;
    margin-left:auto;
    margin-right:auto;
    width: 280px;
    z-index: 1500;
}

.page-scroll {
    margin-top: 70px;
}

.jobs-page-fill {
    top: 70px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 20px;
    min-height: 550px !important;
}

.btn-multiselect {
    max-width: 100px;
}

.location-management-tab-fill {
    left: 15px;
    right: 15px;
    position: absolute;
    bottom: 10px;
    top: 100px;
}

.anti-row {
    margin-left: 0px;
    margin-right: 0px;
}
.drop-shadow-popup { border: solid 1px #CCC; -moz-box-shadow: 5px 5px 0px #999; -webkit-box-shadow: 5px 5px 0px #999; box-shadow: 5px 5px 0px #999; }

.drop-shadow {
    -webkit-box-shadow: 0 0 5px 0;
    box-shadow: 0 0 5px 0;
}
.container.drop-shadow {
    padding-left:0;
    padding-right:0;
}

.grid-fill-blend-list,
.grid-fill-service-orders,
.grid-fill-template,
.grid-fill-product-pricing,
.grid-fill-service-order-jobs,
.grid-fill-only,
.grid-fill-service-orders-view-else,
.grid-fill-service-orders-view-application,
.grid-fill-service-orders-view-soil-sample {
    left: 30px;
    right: 30px;
    position: absolute;
    bottom: 20px;
    min-height: 400px !important;
}

.grid-fill-location-management {
    left: 15px;
    right: 15px;
    position: absolute;
    bottom: 10px;
    top: 70px;
}
.grid-fill-blend-list {
    top: 50px;
}
.grid-fill-only {
    top: 50px;
}

.grid-fill-product-pricing {
    top: 100px;
}

.grid-fill-service-orders {
    top: 100px;
}

.grid-fill-service-orders-view-else {
    top: 200px;
}

.grid-fill-service-orders-view-application {
    top: 280px;
}

.grid-fill-service-orders-view-soil-sample {
    top: 295px;
}

.grid-fill-service-order-jobs {
    top: 60px;
    left: 30px;
    right: 30px;
    margin: 0 auto;
}

.grid-fill-template {
    top: 150px;
    background-color: #c9e2b3;
}

.grid-fill-plot {
    top: 350px;
}

.grid-fill-forecast {

   /* height: 100%;*/
    min-height: 230px !important;
}

.left-col-sm {
    width: 70px;
    text-align: right;
    display: inline-block;
}

.left-col {
    width: 140px;
    text-align: right;
    display: inline-block;
}

.column-div {
    float: left;
    margin: 10px;
    /*padding-bottom: 1000px;*/
    /*margin-bottom: -1000px;*/
}

.center-div {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.vertical-center {
    min-height: 100%; /* Fallback for browsers do NOT support vh unit */
    min-height: 100vh; /* These two lines are counted as one :-)       */
    display: flex;
}

.progress {
    position: relative;
}

.progress span {
    position: absolute;
    display: block;
    width: 100%;
    color: black;
}

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


.map-container {
    height: 100%;
    width: 100%;
}

/*shuttle box stuff*/
.specialselector {
    padding: 12px 10px;
    background-color: #4b595b;
    margin-top: 15px;
    height: 28px;
}

.specialselector input[type='text'] {
    width: 98%;
    padding-left: 7px;
    height: 25px;
}

span.no_selection {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}

.listBoxList {
    margin: 0;
    padding: 0;
    height: 100%;
    list-style: none;
    position: relative;
}

.listBoxGroup {
    /*border: 1px solid #8e8e8e;*/
    background: #FFF;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 250px
}

.listBoxGroup li {
    padding: 2px 10px 2px 2px;
}

.shuttleItem {
    border-bottom: 1px solid #C7C7C7;
    color: Gray;
    font-family: 'HelveticaRegular' !important;
    font-size: 11px;
    font-weight: normal;
    cursor: default;
    white-space: nowrap;
    margin: 2px 5px 2px 5px;
}

.shuttleItemControls {
    float: right;
}

.shuttleButton {
    padding: 10px 10px 0px 20px;
}

.shuttleItem input {
    margin-top: 5px;
}

.specialselector select {
    width: 100%;
}

.selector .title {
    margin-top: 6px;
    padding-right: 30px;
}

.selector:after {
    clear: both
}

.shuttleBoxTable a {
    /*text-transform: uppercase;*/
    /*color: gray;*/
    cursor: pointer;
}

.shuttleBoxWrapper {
    margin: 0 20px;
}

/* End Shuttlebox Styles */

/*Start Map View*/
.accordion .panel,
.accordion .panel-default > .panel-heading,
.trialBoundaryEditNav .title,
.mapPlanningDiv .title
{
    background-color: #606060;
    border-radius: 4px;
}


.stripe {
    background-color: #f3f3f3;
}

#rkMapViewContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
}

#mapViewContainer{
    position: absolute;
    top: 50px;
    left: 0;
    bottom: 0;
    width: 100%;
}

#gmap, #rkMapViewGMap, #yieldEditorMap, #editorMap{
    width: 100%;
    height: 100%;
}

/* push map type drop down list up 5px */
.gm-style-mtc{
    top: -5px !important;
}

/* Start Print Map Styles */

#printMapButton {
    position: absolute;
    right: 268px;
    z-index: 1039;
}

#printMapContainer, #planningMapContainer {
    display: none;
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0;
    width: 275px;
    z-index: 1002;
    background-color: #1E2121;
    overflow-y: auto;
}

#printMapDiv, #planningMapDiv {
    background-color: #1E2121;
    font-size: 12px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #FFFFFF;
}

#printMapDiv fieldset{
    border: solid 1px #606060;
    padding: 5px 7px 5px 7px;
    margin-bottom: 10px;
}
#mapPlanningDiv fieldset{
    border: solid 1px #606060;
    padding: 5px 7px 5px 7px;
    margin-bottom: 10px;
}

 .printMapLegend{
    color: #FFFFFF;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 1px;
    border-bottom: none;
    width: auto;
}

.printMapOptions{
    margin-bottom: 2px;
}

.printMapOptions .printMapCheckbox{
    margin-left: 10px;
}

.printMapOptions label{
    margin-bottom: 0;
}

#printMapDiv .badge{
    color: #EEEEEE;
    text-shadow: 1px 1px #000000;
}
.printPreviewMapCanvas {
    width: 850px !important;
    height: 726px !important;
    float: left;
    margin-left: 260px;
}

#printMapButtons{
    margin-top: 20px;
    /*padding: 0px 30px 0px 30px;    */
}

#fieldGroups{
    margin-bottom: 10px;
}

.fieldGroupRow > td{
    padding-bottom: 5px;
    color: #000000;
}
#fillColorSelectorDiv,
#borderColorSelectorDiv{
    position: absolute;
    right: 320px;
    z-index: 1039;
    top: 5px;
}
#borderColorSelectorDiv{
    top: 30px;
}

#printMapDiv #txtNotes{
    color: #000000;
}

/* End Print Map Styles */


/* Start Measure Tool Styles */
#distanceMeasurementDiv {
    position: absolute;
    left: 993px;
    z-index: 1039;
    top: 5px !important;
}
    /*border: 2px solid;*/
    /*cursor: pointer;*/
    /*text-align: center;*/
    /*background-color: white;*/
    /*padding: 2px 4px;*/
    /*top: 0px;*/
/*}*/

#measureDiv {
    z-index: 8999;
    top: 7px;
    left: 8px;
    width: 235px;
    height: 585px;
    padding:10px;
    color: #FFFFFF;
    background-color: #1E2121;
    font-family: helvetica, sans-serif;
    font-size: 13px;
}

#measureDiv div.name{
    margin-top: 10px;
}

#measureDiv div.measurement{
    margin: 4px 0 2px 7px;
}

#measureDiv div.name  fieldset {
    border: 1px solid #3a3d3e;
}

#measureDiv div.name fieldset legend {
     width: auto;
    margin-left: 10px;
    margin-bottom: 0;
    font-size: 13px;
    color: #FFFFFF;
    border-bottom: none;
    position: relative;
}

#measureDiv legend.name{
    border-bottom: none;
}



.trialBoundaryEditNav .title,
.mapPlanningDiv .title {
    color: #FCB13E;
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    padding-left: 20px;
    margin-bottom: 15px;
}

/* End Measure Tool Styles */

/*
#mapLatLongLabelId {
 z-index: 0;
 position: absolute;
 right: 149px;
 background-color: white;
 top: 28px;
 margin-left: 7px;
 padding: 1px;
 text-align: center;
 font-size: 12px;
 width: 154px;
}
*/
#mapLatLongLabelId {
    background-color: white;
    margin-left: 7px;
    padding: 1px;
    text-align: center;
    font-size: 11px;
    width: 154px;
    position: absolute;
    z-index: 1039;
    margin-top: 5px;
    top: -1px;
    right: 196px;
    font-weight: 500;
    font-family: Roboto, Arial, sans-serif;
    border-radius: 3px;
    padding: 6px;
    border:none;
}

.mapLeftNav {
    line-height: 1;
    position: absolute;
    top: 2px;
    left: -275px;
    width: 300px;
    min-height: 600px;
    background: #1E2121;
    color: white;
    padding: 10px 10px 10px 15px;
    z-index: 1000;
    border-radius: 0px 5px 5px 0;
}

.mapLeftNav .fieldSelectionNav span,
.mapLeftNav .prescriptionNav span {
    display: block;
    clear: both;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

.mapLeftNav .fieldSelectionNav .rlgffLabel,
.mapLeftNav .fieldSelectionNav .select2-default span,
.rlgffDropdownContainer #growerCol > div .select2-default > span {
    color: #969792;
}

.mapLeftNav .fieldSelectionNav .select2 span,
.mapLeftNav .fieldSelectionNav .select2 .select2-drop {
    text-transform: none;
}


.collapseMapLeftNav {
    background-image: url('../images/crescoSlider.png');
    height: 102px;
    width: 29px;
}

.rlgffDropdownContainer,
.rlgffDropdownContainer #growerCol {
    width: 180px;
}

.rlgffDropdownContainer > div,
.rlgffDropdownContainer #growerCol > div {
    width: 180px;
}

.rlgffDropdownContainer > div span,
.rlgffDropdownContainer #growerCol > div span {
    color: black;
}

.mapLeftNavInner .fieldSelectionNav #lblLocations,
.mapLeftNavInner .fieldSelectionNav #lblGrowers {
    margin-top: 0.5em;
}


/* END Map View */

/* grower search */

#growerSelector {
    float: left;
    padding-left: 5px;
    padding-top: 5px;
}

.growerSearchBtn {
}

.growerSearchPopup {
    display: none;
    position: absolute;
    top: -20px;
    left: 40px;
    padding: 10px;
    border-radius: 5px;
    z-index: 1100;
    background-color: #606060;
}

.growerSearchPopup ul {
    background-color: white;
    list-style-type: none;
    margin: 0;
    margin-top: 5px;
    padding: 0;
}

.growerSearchPopup .resultLink {
    color: black;
    padding: 2px;
    margin-top: 3px;
    cursor: pointer;
}

.growerSearchPopup .growerResultsCount {
    float: left;
    margin-top: 4px;
    color: lightgray;
}

.growerSearchPopup .growerSearchCancel {
    float: right;
    margin-top: 4px;
    cursor: pointer;
    color: lightgray;
}

#ulGrowerSearch {
    max-height: 180px;
    overflow-y: auto;
}

.growerSearchLoading {
    background: url('../images/waitprompt.gif') no-repeat top right;
    background-size: 15px;
}

#divGrowerSearch {
    padding-top: 5px;
    display: inline-block;
    margin-left: 7px;
}

#growerSearchText {
    background-color: #fff;
    border: 1px solid #bbb;
    color: #000;
    height: 18px;
    width: 127px;
    padding: 0px;
}

.navbar {
    border-radius: 0;
}
.rkMapView > #cropYearContainer{
    /* height: 30px; */
    top: 1px;
    position: absolute;
    z-index: 1039;
    right: 370px;
}

#cropYearContainer{
    position: relative;
    right: 5px;
    padding-top: 5px;
}

#cropYearContainer .btn-group .dropdown-menu{
    width:117px;
}

/* Start Marker Label classes */
.google-map-label {
    font-family: "nevisBold", "Helvetica Neue", Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
}

.google-map-label-box {
    font-family: "nevisBold", "Helvetica Neue", Helvetica, sans-serif;
    color: White;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    background-color: #238AC1;
    border: 1px solid #124968;
    padding: 4px;
}

/* END Marker Label classes */

.gm-style-iw > div {
    overflow: hidden !important;
}

.gm-style-iw {
    max-width: none !important;
    padding: 10px !important;
}

.sfpTabs{
    top: 0;
    font-weight: 300;
    font-size: 13px;
}

.field-popup {
    width: 650px;
    height: 342px;
    margin-top: -4px;
}

.field-popup .close {
    background: url('../images/close_button.png') no-repeat top center;
    padding: 12px 10px 10px 14px;
    opacity: 1 !important;
}

.field-popup .tab-content {
    margin-top: 10px;
}

.field-popup .ui-grid a{
    cursor: pointer;
}

/* .field-popup .nav-tabs > li > a {
    background-color: white;
} */

.field-popup .nav-tabs > li.active > a {
    font-weight: bold;
}

/* #FieldPopupHeader {
    margin-top: 40px;
    position: absolute;
} */

.layers-grid {
    margin-top: 10px;
    width: 649px;
    height: 240px;
}

.layers-grid .ui-grid-cell{
    padding-right: 5px;
    padding-left: 5px;
}
.field-popup .info-header {
    margin-top: 10px;
    background-color: #c6c3c3;
    font-weight: bold;
    width: 315px;
    margin-left: 10px;
}

.field-popup .info-title {
    font-weight: bold;
    padding-top: 5px;
    padding-right: 0px;
}

/* End Field Popup styles*/

/* Start Add/Edit Farm/Field dialog & buttons */
.cancel {
    color: white;
    width: 75px;
    height: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: url('../images/reseller_grey_tile.jpg') repeat-x top center;
}

.addnewfarm {
    height: 22px;
    margin-top: 15px;
}

.addnewfarm .cancel {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 0;
    padding: 6px 25px 6px 25px;
}

.addnewfarm .cancel:hover {
    box-shadow: inset 0px 0px 3px #000;
    -moz-box-shadow: inset 0px 0px 3px #000;
    -webkit-box-shadow: inset 0px 0px 3px #000;
    text-shadow: 0px 0px 6px black;
    color: #fff;
}

.addnewfarm .cancel {
    text-decoration: none;
}

.addnewfarm .cancel:focus {
    color: white;
}

/* Add Farm or Field Dialog */
.addFarmFieldDialog .modal-dialog {
    width: 700px;
}

/* Add New Field */
#tblFieldForm td.title,
#tblFarmForm td.title {
    width: 100px;
    vertical-align: central;
}

/* End Add/Edit Farm/Field dialog & buttons */

/* Start soil points upload dialog */
.soilUploadDialog .modal-dialog,
.tissueUploadDialog .modal-dialog {
    width: 700px;
}
/* End soil points upload dialog */

/* Start soil layer edit dialog */
.soilLayerEditDialog .modal-dialog {
    width: 850px;
}

.soilLayerEditDialog .soilMapDiv {
    /*
    width: 530px;
    height: 530px;
    */
    width: auto;
}

/* End soil layer edit dialog */

/*<!--<style scoped>-->*/
/*<!--*//**//*.ui-grid-render-container-body .ui-grid-header-cell,*//**//*-->*/
/*<!--*//**//*.ui-grid-render-container-left .ui-grid-header-cell,*//**//*-->*/
/*<!--*//**//*.serviceOrdersGrid .ui-grid-row,*//**//*-->*/
/*<!--*//**//*.serviceOrdersGrid .ui-grid-cell,*//**//*-->*/
/*<!--*//**//*.serviceOrdersGrid .ui-grid-cell .ui-grid-vertical-bar {*//**//*-->*/
/*<!--*//**//*font-size: 12px;*//**//*-->*/
/*<!--*//**//*line-height: 20px;*//**//*-->*/
/*<!--*//**//*}*//**//*-->*/

.soilGrowerXRefDialog .modal-dialog {
    width: 700px;
}

/* Blend Styles */
.blHeader {
    background-image: none;
    background-color: #606060;
    color: white;
    font-size: 12px;
    font-weight: bold;
    height: 27px;
}

.blFooter {
    border-top: 1px solid #606060;
    font-style: italic;
}

.blSolRowOdd {

}

.blSolRowEven {
    background-color: #E4E4E4;
}

.nutrients_element {
    font-size: 12px;
    font-weight: bold;
    color: #797877;
    margin-bottom: 10px;
    padding-left: 0px;
    text-align: center;
}

.nutrients_element_insert {
    padding-left: 7px;
}

input.nutrientRateTxtBox::-webkit-inner-spin-button,
input.nutrientRateTxtBox::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.blendPreCalcDialog .modal-dialog {
    width: 450px;
}

.circleRed {
    width: 19px;
    height: 19px;
    background: #ff0000;
}
.circleGreen {
    width: 19px;
    height: 19px;
    background: #419641;
}
.circleYellow {
    width: 19px;
    height: 19px;
    background: #ffff00;
}
.circle {
    border-radius: 50%;
    display: inline-block;
    margin-right: 2px;
}

.blendEditDialog .modal-dialog {
    width: 750px;
    height: 450px;
}


/* End Blend Styles */

/* Start Left Nav Rx Panel */
.left-nav-rx{
    padding:5px;
}
.left-nav-rx input,
.left-nav-rx select {
    color: black;
    width: 100%;
}

.left-nav-rx label {
    margin-top: 5px;
}

.left-nav-rx-product label {
    margin:0;
}

left-nav-rx .input-group label{
    margin: 0 0 5px 0;
}
.left-nav-rx-product input,
.left-nav-rx-product select {
    width: 100%;
}

.left-nav-rx-product .input-group {
    margin-bottom: 4px;
}

.left-nav-rx .remove-button {
    background: url('../images/close_button.png') no-repeat top center;
    padding: 15px;
    float: right;
    display: inline-block;
    margin-top: -4px;
}

.left-nav-rx-product .input-group {
    width: 194px;
}

.left-nav-rx .btn {
    color: black;
    background-color: rgb(221,221,221);
}

.left-nav-rx .btn-group .btn {
    margin-right: 3px !important;
}

.left-nav-rx .results {
    margin-top: 10px;
}

.left-nav-rx .results .form-group {
    margin-bottom: 10px;
}

/*.left-nav-rx #rxType,*/
/*.left-nav-rx #rxCrop{*/
    /*width: 200px;*/
/*}*/

/*.left-nav-rx #rxProduct, .left-nav-rx #rxMultiCrop{*/
    /*width: 80%;*/
    /*margin-left: 0;*/
    /*padding-left: 0;*/
/*}*/

.left-nav-rx #rxMultiCrop > div > div > input,
.left-nav-rx #rxProduct > div > div > input,
.left-nav-rx #rxCrop > div > div > input{
    width: 100%;
}

/*.left-nav-rx .select2 span,*/
/*.left-nav-rx .select2 .select2-drop,*/
/*.left-nav-rx .select2-chosen,*/
/*.left-nav-rx .accordion-toggle{*/
    /*text-transform: capitalize !important;*/
/*}*/

.left-nav-rx .btn-add {
    margin-left: 2px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 33px
}

.left-nav-upload-text {
    height: 22px;
    font-size: 10px;
}
/* End Left Nav Rx Panel */

/* Start Left nav - layer info */

.layer-info .row {
 margin-top: 5px;
}

.layer-info select {
    color: black;
}

.layer-info .btn-group .btn {
    margin-right: 3px !important;
}

/* End Left nav - layer info */

.voffset2  { margin-top: 2px; }
.voffset5  { margin-top: 5px; }
.voffset10 { margin-top: 10px; }
.voffset15 { margin-top: 15px; }
.voffset30 { margin-top: 30px; }
.voffset40 { margin-top: 40px; }
.voffset60 { margin-top: 60px; }
.voffset80 { margin-top: 80px; }
/* End Left Nav Rx Panel */

.fadein.ng-enter {
    -webkit-transition: 1s;
    transition: 1s;
    opacity: 0;
}
.fadein.ng-enter.ng-enter-active {
    opacity: 1;
}
.inline-fadein.ng-hide-remove {
    -webkit-transition: 500ms ease all;
    -moz-transition: 500ms ease all;
    -o-transition: 500ms ease all;
    transition: 500ms ease all;
    display: inline-block !important;
    opacity: 0;
}
.inline-fadein.ng-hide-remove.ng-hide-remove-active {
    opacity: 1;
}
@-webkit-keyframes webkit-spin {
    from {
        -webkit-transform: scale(1) rorate(0deg);
    }
    to {
        -webkit-transform: scale(1) rotate(359deg);
    }
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.loading-icon {
    -ms-animation: spin .7s infinite linear;
    -moz-animation: spin .7s infinite linear;
    -webkit-animation: webkit-spin .7s infinite linear;
    top: 2px;
    margin-left: 7px;
}
.alert {
    margin-top: 15px;
}


@media (min-width: 480px) {
    #panel-heading.affix {
        position: static;
        top: 50px;
        z-index: 10;
    }
}

@media (min-width: 768px) {
    #panel-heading.affix {
        position: fixed;
        top: 50px;
        width: 718px;
        z-index: 10;
    }
}

@media (min-width: 992px) {
    #panel-heading.affix {
        position: fixed;
        top: 50px;
        width: 938px;
        z-index: 10;
    }
}

@media (min-width: 1200px) {
    #panel-heading.affix {
        position: fixed;
        top: 50px;
        width: 1138px;
        z-index: 10;
    }
}

.plotInfoDialog .modal-dialog {
    width: 850px;
}

.userEditDialog .modal-dialog {
    width: 500px;
}

.monthlySpreadDialog .modal-dialog {
    width: 1200px;
}

.forecastCategoryDialog .modal-dialog {
    width: 400px;
}
.forecastSeedAcresDialog .modal-dialog {
    width: 450px;
}
.forecastSeedManufacturerDialog .modal-dialog {
    width: 900px;
}

.forecastProductCategoryDialog .modal-dialog {
    width: 650px;
    height: 450px;
}

.forecastFooter {
    background-color: grey;
    color: white;
    text-align: right;
    height:30px;
    padding: 0px;
    vertical-align: middle;
}
.forecastSeedTreatmentDialog .modal-dialog {
    width: 800px;
}
.forecastSummaryDialog .modal-dialog {
    width: 900px;
}

.forecastYellowHighlight {
    background-color: yellow !important;
    color: black;
    text-align: right;
    font-weight: bolder;
}

.winningGreenHighlight {
    background-color: green !important;
    color: white;
    text-align: right;
    font-weight: bolder;
}

.forecastECell {
    background-color: rgb(235, 235, 228);
}


.fcell {
    line-height: 34px;
}

.forecastReallocDialog .modal-dialog {
    width: 550px;
}
.weatherZipDialog .modal-dialog {
    width: 350px;
}
.launchBlobDialog .modal-dialog {
    width: 250px;
}


/* Start Bottom Nav */

.mapBottomNav .mapBottomFieldNav {
    width: 170px;
    height: 20px;
    top: -20px;
    position: absolute;
    z-index: 999;
    overflow: hidden;
    background-image: url('../images/mapbottomsonav.png');
}

.mapBottomNav .mapBottomSONav {
    width: 165px;
    height: 0px;
    position: absolute;
    z-index: 999;
    overflow: hidden;
    background-image: url('../images/mapbottomsonav.png');
}

.mapBottomNav .mapBottomBlendNav {
    width: 160px;
    height: 0px;
    position: absolute;
    z-index: 999;
    overflow: hidden;
    background-image: url('../images/mapbottomsonav.png');
    left: 100px;
}

.mapBottomNav .mapBottomPointMaint,
.mapBottomNav .mapBottomTissuePointMaint {
    width: 145px;
    height: 0px;
    position: absolute;
    z-index: 999;
    overflow: hidden;
    background-image: url('../images/mapbottomsonav.png');
    left: 420px;
}

.mapBottomNav .mapBottomTissuePointMaint {
    left: auto;
    right: 0;
}

.mapBottomNav .mapBottomPointMaint ul li a, 
.mapBottomNav .mapBottomSONav ul li a, 
.mapBottomNav .mapBottomBlendNav ul li a,
.mapBottomNav .mapBottomTissuePointMaint ul li a {
    cursor: pointer;
    color: white;
    font-size: 13px;
}


.mapBottomNav .mapBottomNavContent {
    height: 65px;
    padding: 5px;
}

.mapBottomNav {
    background-image: url('../images/fields_bg_tile.jpg');
    width: 635px;
    height: 65px;
    color: White;
    z-index: 1000;
    left: 50% !important;
    margin-left: -300px;
}

.mfabFieldZones .mapBottomNav{
    width: 435px !important;
}
.mfabFieldZonesYield .mapBottomNav{
    width: 330px !important;
}
.mapBottomNav .collapseMapBottomtNav {
    left: 280px;
    background-image: url('../images/crescoSliderUp.png');
    background-repeat: no-repeat no-repeat;
    top: -29px;
    height: 29px;
}

.mfabFieldZones .mapBottomNav .collapseMapBottomtNav {
     left: 206px !important;
 }
.mfabFieldZonesYield .mapBottomNav .collapseMapBottomtNav {
    left: 185px !important;
}
.mapBottomNav .mapBottomFieldNav .navTitle {
    padding: 5px 10px 10px 30px;
    font-size: 10px;
}
.mapBottomNav .mapBottomFieldNav .navTitle a{
    cursor:pointer;
}

.mapBottomNav .mapBottomFlyout ul li {
    padding: 5px 5px 5px 5px;
    font-weight: bold;
    list-style: none;
}

.mapBottomNav .mapBottomFlyout ul li a:hover {
    color: #FBB03B !important;
}

.mapBottomNav .mapBottomFlyout ul {
    margin-top: 20px;
}

.mapBottomNav .mapBottomNavContent ul li {
    padding: 5px 5px 5px 5px;
    font-weight: bold;
    list-style: none;
    margin-left: 0;
    margin-right: 20px;
    display:inline-block;
    text-align:center;
    color: white;
}

.mapBottomNav .mapBottomNavContent ul li a img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.mapBottomNav .mapBottomNavContent ul li a:hover {
    color: #FBB03B !important;
}

.mapBottomNav .mapBottomNavContent ul li a{
    margin-top: 40px;
    color: white;
    font-size: 12px;
    cursor: pointer;
}

.mapBottomNav .mapBottomNavContent ul li a.disabled {
    color: silver !important;
}
.mapBottomNav .mapBottomNavContent ul li a.disabled:hover {
    color: silver;
}


.mapBottomNav .mapBottonReportsNav {
    width: 115px;
    height: 0px;
    position: absolute;
    left: 330px;
    z-index: 999;
    overflow: hidden;
    background-image: url('../images/mapbottomsonav.png');
}


.mapBottomNav .mapBottonReportsNav ul li {
    padding: 5px 5px 5px 5px;
    font-weight: bold;
    list-style: none;
}

.mapBottomNav .mapBottonReportsNav ul li:hover {
    background-color:silver;
}

.mapBottomNav .mapBottonReportsNav ul {
    margin-top: 20px;
}

.mapBottomFieldNavTitle {
    float: left;
    width: 112px;
    text-align: center;
    margin-right: 5px;
}

.mapBottomNavContent ul{
    padding-left: 30px;
}

.mapBottonReportsNav ul{
    padding-left: 20px;
}
/* End Bottom Nav */


.shuffle-animation.ng-enter,
.shuffle-animation.ng-leave {
    position: relative;
}

.shuffle-animation.ng-enter {
    -moz-transition: ease-out all 0.3s 0.4s;
    -o-transition: ease-out all 0.3s 0.4s;
    -webkit-transition: ease-out all 0.3s 0.4s;
    transition: ease-out all 0.3s 0.4s;
    left: 2em;
    opacity: 0;
}

.shuffle-animation.ng-enter.ng-enter-active {
    left: 0;
    opacity: 1;
}

.shuffle-animation.ng-leave {
    -moz-transition: 0.3s ease-out all;
    -o-transition: 0.3s ease-out all;
    -webkit-transition: 0.3s ease-out all;
    transition: 0.3s ease-out all;
    left: 0;
    opacity: 1;
}

.shuffle-animation.ng-leave.ng-leave-active {
    left: 2em;
    opacity: 0;
}


/* Start toaster overrides */

.toast-close-button,
#toast-container > div,
:not(.no-enter)#toast-container > div.ng-enter.ng-enter-active,
:not(.no-leave)#toast-container > div.ng-leave {
    opacity: 0.97;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=97);
    filter: alpha(opacity=97);
}

/* End toaster overrides */


/* Customer-driven styles  - The background works, navbar needs additional work 4/17/15 */
.sandersbackground-background {
    background-color: #381f20;
}

.crescobackground-background {
    background-color: #5A5A5A;
}

/* Start session idle timeout dialog */

.sessionIdleTimerAlertDuration {
    font-weight: bold;
}

/* End session idle timeout dialog */

.rlgff-vertical .rlg-label{
    font-weight: bold;
    text-align: right;
}

.rlgff-vertical .row{
    margin-bottom: 6px;
}

.img-rounded {
    border-radius: 6px;
    border: 1px solid #dddddd;
}


/* Start Field Zone List Page */
.viewMapCell {
    text-align: center;
}

.fieldZoneListRlgff {
    height: 52px;
}

#map_canvas {
    /*position: absolute;*/
    background: #eeeeee;
    color: #000000;
    border: 1px solid #1a1a1a;
}

#map_container {
    z-index: 10000;
    /*display: none;*/
    position: absolute;
    background: #eeeeee;
    color: #000000;
    border: 2px inset #1a1a1a;
}

#map_header {
    background-image: url(../images/GridHeader.gif);
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none
}
/* End Field Zone List Page */

/* Start Boundary Map Dialog */
.boundaryMapDialog .modal-dialog {
    width: 432px;
}

/* Start Field Zone Dialog */
.fieldZoneEditDialog .modal-dialog {
     width: 700px;
}
/* End Field Zone Dialog */

/* Start Field Zone Dialog */
.fieldZoneMassEditDialog .modal-dialog {
    width: 800px;
}
/* End Field Zone Dialog */

/* Start Field Zone Boundary Edit */
.fieldZoneBoundaryUploadControl {
    margin-top: 10px;
}
/* End Field Zone Boundary Edit */

/* main page*/
.bodyMain {
    font-family: "nevisBold", "Helvetica Neue", Helvetica, sans-serif;
    margin: 0px;
    height: 100%;
    width:100%;
    position: absolute;
}

.mediaSectionWrapper {
    cursor: pointer;
    width: 25%;
    height: 30px;
}

.mediaSection{
    margin-left: 15px;
    color: white;
    vertical-align: middle;
    font-size: larger;
   font-weight: bold;
}

.mediaWrapper {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1200px;
    margin: auto;
}

.mediaContainer {
    width: 100%;
    height: 195px;
    overflow-x: auto;
    overflow-y: hidden;
    /*background-color: rgba(44,45,54,1.0);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../images/weatherBackground6.png");
    /*-webkit-overflow-scrolling: touch;*/
    /*-webkit-scrollbar: none;*/

}

.followingForecast {
    float: left;
    height: 90px;
    width: 150px;
    margin: 10px;
}

.todayForecast {
    float: left;
    height: 90px;
    width: 255px;
    margin: 10px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.videoWrapper {
    width: 5100px;
    height: 100%;
    display: flex;
    align-items: center;
}

.videoContainer {
    width: 100%;
    height: 195px;
    overflow-x: auto;
    overflow-y: hidden;
    background-color: rgba(44,45,54,1.0);
    background-size: cover;
    background-repeat: no-repeat;
    /*-webkit-overflow-scrolling: touch;*/
    /*-webkit-scrollbar: none;*/
}

.videoThumb {
    /*background-color: #00b;*/
    background-repeat: no-repeat;
    float: left;
    height: 110px;
    width: 165px;
    margin: 10px;
}

a.videoThumb{
    text-align: center;
    color: white;
    font-family: "nevisBold", "Helvetica Neue", Helvetica, sans-serif;
    font-size: large;
    font-weight: 300;
}

/* End main page */

.dropdownContainer {
    padding: 0;
    margin-left: 0;
    margin-bottom: 6px;
    width: 90%;
}

/* Begin Field Ops */
.btn-remove-action, .btn-add-action{
    margin-top: -5px;
    width: 24px;
}
.btn-remove-action span,.btn-add-action span{
    margin-top: 2px;
    margin-left: -1px;
}
.btn-add-action span{
    margin-left: 1px;
}
.fav-popup a{
    cursor: pointer;
}
/* End Field Ops */

.ovh {
    overflow:hidden;
}

.distributionGroupDialog .modal-dialog {
    width: 900px;
}

/*yield editor */
.yield-op-section .panel-body{
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.yield-op-selector .eye{
    font-size: 16px;
    color: yellowgreen;
    margin-right: 4px;
    margin-left: 2px;
}
.yield-op-selector .panel-heading{
    background-color: #419641 !important;
}
.yield-op-selector .panel-heading .panel-title{
    color: white;
}
.yield-op-selector .op-panel{
    max-height: 200px;
    overflow-y: overlay;
    overflow-x: hidden;
}
.yield-op-selector .op-value {
    width: 36px;
}
.yield-op-selector .op-stat-value {
    width: 68px;
}
.yield-op-selector .op-header-text{
    font-size: x-small;
}

.yield-op-selector .op-header{
    margin-top: 10px;
}

.yield-op-selector input{
    color: black;
}
.yield-op-selector .yield-op{
    font-size: x-small;
}
.yield-editor .col-md-5{
    padding-right: 0px;
    min-width: 115px;
}
.yield-editor .col-md-1{
    padding-right: 8px;
    padding-left: 8px;
}
.yield-op-selector input[type="number"]::-webkit-outer-spin-button,
.yield-op-selector input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.yield-op-selector input[type="number"] {
    -moz-appearance: textfield;
}

.edit-soil-point .row{
    margin-top: 2px;
    margin-bottom: 2px;
}

.edit-soil-point .info-panel{
    min-height: 205px;
}

/* ======================= */

.error-color {
    color: #a94442;
}

.fullSizeModal .modal-dialog {
    width: 1100px;
}

.halfSizeModal .modal-dialog {
    width: 550px;
}


.productSearchDialog .modal-dialog {
    width: 750px;
    height: 450px;
}
.planSelectDialog .modal-dialog {
    width: 750px;
    height: 450px;
}

.input-xs {
    height: 25px;
    padding: 2px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.soInvoiceDialog .modal-dialog {
    width: 1100px;
    height: 850px;
}
.soInvoiceDialogDetails .modal-dialog {
    width: 800px;
}
.app-modal-window-xl .modal-dialog {
    width: 1200px;
}

.ag-fresh .gp-row {
    background-color: lightgreen !important;
}
.ag-fresh .gp-warn {
    background-color: yellow !important;
}
.ag-fresh .gp-danger {
    background-color: orangered !important;
    color: white;
}

.tick {
    display: inline-block;
    transform: rotate(45deg);
    height: 13px;
    width: 8px;
    margin: 0 5px;
    border-bottom: 3px solid lightgreen;
    border-right: 3px solid lightgreen;
}

.service-order-list-action-button {
    height: 23px;
    margin-left: 2px;
    margin-right: 3px;
    margin-top: 2px;
    width: 24px;
}

.pill {
    width: 36px;
    height: 20px;
    border-radius: 25px;
    margin: 1px 4px 1px 0px;
    display: inline-block;
    padding: 0px 4px;
    text-align: center;
    color: white;
}
.pill.inactive {
    background-color: rgb(217, 83, 79);
}
.pill.active {
    background-color: rgb(92, 184, 92);
}


.tab-header-wrapper {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.tab-header {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: #e0e0e0;
    border: 1px solid #968383;
    cursor: pointer;
    padding: 4px;
    color: gray;
}

.tab-header:first-child {
    border-top-left-radius: 5px;
    border-right: 0;
}
.tab-header:last-child {
    border-top-right-radius: 5px;
    border-left: 0;
}

.tab-header.tab-active {
    background: #d3d3d3;
    box-shadow: inset 0px 0px 4px rgb(0 0 0 / 35%);
    color: black;
}

.tab-body {
    padding: 10px;
    width: 100%;
    height: auto;
    background: #fafafa;
    border: 1px solid #d3d3d3;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.img-file-wrapper {
    list-style-type: none;
    padding: 0;
}

.img-file {
    padding: 4px 8px;
    border: 1px solid lightgray;
    border-radius: 5px;
    background: #fafafa;
    margin-bottom: 4px;
    display: flex;
    justify-content: space-between;
}

.img-file-name-wrapper {
    display: inline-flex;
    overflow: hidden;
}
.img-file-name {
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
    margin-right: 4px;
}
.img-file-size {
    color: gray; 
    font-weight: bold; 
    font-size: 1.25rem; 
    width: 85px;
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    border-radius: 5px;
    background: #fafafa;
    text-align: center;
}
.custom-file-upload.disabled {
    opacity: .75;
    cursor: not-allowed;
}

.file-upload-error {
    padding: 6px;
    margin: 4px 0;
}

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
    display:block;
}
.dropdown-submenu > a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover > a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

.shuttlebox-valid-border {
    border: 2px solid lightgreen !important;
    box-sizing: border-box;
}

.shuttlebox-invalid-border {
    border: 2px solid orangered !important;
    box-sizing: border-box;
    z-index: 1;
}