#disclaimer {
    background-color: #6B8F00;
    padding: 6px;
    border-radius: 9px;
    color: white;
    max-width: 580px;
    display: block;
    margin: auto;
    font-size: 11px;
}

#disclaimerContainer {
    width: 100%;
    margin-bottom: 70px;
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

a {
    outline: 0 !important;
    color: black;
}

    a:hover {
        color: forestgreen;
    }

.navbar {
    border: 0px !important;
    margin-bottom: 0px !important;
}

.PageContent {
    padding-top: 10px;
}

.groupOptions {
    min-width: 270px;
    width: 90%;
}

#OptionsSubmit {
    padding: 10px 0px;
    background: #f5f5f5;
    border: 1px solid #dcd4d4;
    border-radius: 5px;
}

#NoDashboardStatus {
    text-align: center;
}

    #NoDashboardStatus label {
        font-weight: normal;
        color: red;
    }

    #NoDashboardStatus a {
        font-weight: normal;
        color: black;
    }

.SchedulingTableCon {
    max-height: 295px;
    overflow-y: auto;
}
/***********Dashboard**************/


/*.dropdown-submenu{
    position:relative;
}
.dropdown-submenu>.dropdown-menu{
    top:0;
    left:100%;
    max-width:180px;
    margin-top:-6px;
    margin-right:-1px;
    background-color: #222;
    border-color: #080808;
    border-left: 0px;
}*/
.password-wrapper {
    position: relative;
}

    .password-wrapper input::-ms-reveal {
        display: none;
    }

.eye-icon {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    background-color: transparent;
    border: none;
}

.dropdown-submenu {
    position: relative;
    display: inline-block;
    width: 100%;
}

    .dropdown-submenu > a::after {
        display: none;
        content: "";
        float: left;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 4px 0 4px 4px;
        border-left-color: #000;
        margin-top: 6px;
        margin-right: -10px;
    }

    .dropdown-submenu > ul.dropdown-menu {
        position: absolute;
        right: 100%;
        top: 0;
        margin-left: 5px;
    }

.dropdown-menu2 {
    max-width: 280px !important;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
    left: -100%;
    margin: 0px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}
#DisplayDailyAverageCon, .input-group-addon{
    padding-left: 10px;
    margin-left: 0px;
    min-width: unset !important;
}
.dropdown-submenu.pull-left {
    float: none;
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: auto;
        margin-left: 10px;
    }

.dropdown-menu-right {
    margin-left: 0;
}

@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}
/*Common Styles*/
/* IMPORTANT: this style must be applied so iOS phones can scroll the viewport when tapping inside bootstrap tables */
.fixed-table-body {
    -webkit-overflow-scrolling: touch;
}
/*Header size and colour*/
.header-container {
    background-color: white;
    height: 130px;
}

.headerimage {
    padding: 5px;
}
/*Full Width Container*/
.container-full {
    margin: 0 auto;
    width: 100%;
}
/*Top Navbar*/
.navbar-xs {
    position: relative;
    min-height: 20px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}

.navbar-nav-xs {
    min-height: 20px;
    height: 20px
}

.navbar-xs .container {
    min-height: 20px;
    height: 20px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/*Breadcrum Container Margins.*/
.container {
    margin-right: auto;
    margin-left: auto;
}
/*Top Navbar margin and height*/
.top-navbar {
    margin: 0px;
    height: 20px;
}
/*User Dropdown*/
#navUserName:hover {
    cursor: pointer;
}

.userInfoList {
    width: 300px;
}

.userDropDown span {
    padding-top: 2px;
}

#userDropDownImg {
    height: 18px;
    padding: 1px;
}

.messageNum {
    width: 20px;
}

.messageInfo {
    width: 350px;
}

#messageLbl {
    font-size: 12px;
    font-weight: normal;
}

li.userEdit {
    height: 20px;
    width: auto;
}

.navbar-nav > li.userEdit > a.userEditLink {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.navbar-nav > li.userEdit > a.userLogoutLink {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px;
}

.navbar-nav > li.userEdit > a.adminLogoutLink {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px;
}

a.userLogoutLink, a.adminLogoutLink {
    text-decoration: none;
}

.dropdown-menu.adminInfoList {
    min-width: 115px;
}

.inverse-dropdown {
    background-color: #222;
    border-color: #080808;
}

    .inverse-dropdown li a {
        color: #999;
    }

        .inverse-dropdown li a:hover {
            color: #fff;
            background-color: #000;
        }

    .inverse-dropdown divider {
        background-color: #000;
    }
/*Admin Information Table*/
#adminInfoTbl {
    min-width: 108px;
    color: white;
    margin-left: 5px;
}
/*User Information Link rows*/
#userInfoTbl > tbody > tr {
    height: 20px;
}

.navbar-nav > li.userDropDownList > a.userEditLink, #messageLink {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 5px;
}
/*Message Link*/
#MessageStatus {
    max-width: 130px;
    padding-left: 5px;
    padding-right: 5px;
}

.not-active {
    pointer-events: none;
    cursor: default;
}
/*Farm information link image size and position*/
#userFarmInfoImg {
    width: 20px;
    height: 20px;
    margin: 2px;
}
    /*farm information link hover style*/
    #userFarmInfoImg:hover {
        width: 24px;
        height: 24px;
        margin: 0px;
    }
/*Admin farm input width*/
#adminFarmSelect {
    width: 100px;
}

.no-padding {
    margin-bottom: 0 !important;
    padding: 0 !important;
}

#logoutCon {
    width: 60px;
}
/*Sample select style*/
#sampleSel {
    max-width: 100px;
    padding-left: 5px;
    padding-right: 5px;
}
/*Farm select style*/
#FarmSel {
    max-width: 115px;
    padding-left: 5px;
    padding-right: 5px;
}

.FarmItem {
    text-overflow: ellipsis;
}

.span {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    width: auto;
}
/*Loader style*/
.loaderCon {
    width: 50px;
    height: 40px;
    padding: 0px;
    margin: 0px;
}

#loader {
    display: none;
    height: 30px;
    width: 30px;
    padding: 0px;
    margin: 10px 5px;
    background-color: transparent !important;
}

img.loader {
    width: 30px;
    height: 30px;
}

.loginLoader {
    display: none;
    height: 34px;
    width: 34px;
    margin: auto;
    padding: 0px;
    background-image: url(/Content/images/Win10Loader.gif);
    background-size: 34px !important;
}

.loginStatus:hover {
    cursor: default !important;
    background-color: transparent !important;
}

.PageStatus {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 0px;
}

.container-fluid .breadcrumb {
    display: inline-block;
    float: left;
    margin-right: 50px;
    margin-bottom: 0px;
    border-radius: 5px;
    padding: 2px 15px;
}

.breadcrumbCon {
    height: 24px;
    width: 100%;
}

.StatusCon {
    display: none;
    height: 24px;
    width: 100%;
    text-align: center;
}

.Status {
    height: 24px;
    width: auto;
    float: left;
}

    .Status .alert {
        margin-bottom: 0px !important;
        padding: 1px 3px !important;
        display: table;
    }
/*Text Colour for the selected tab -> Quick View, Results By Date and Payments.*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #00c600;
}
/*The Page Content Container Styles*/
.page-content {
    margin: 15px;
    padding-bottom: 50px;
}
/*Table Toolbar*/
.fixed-table-toolbar .pull-right {
    margin-right: 10px !important;
}
/*Table bottom margin*/
.table {
    margin-bottom: 0px;
}
/*Table column time cell width*/
.cellWidthTime {
    margin-top: 60px;
    min-width: 60px;
    max-width: 60px;
}
/*Bootstrap table container radius*/
.fixed-table-container {
    -webkit-border-radius: 0 !important;
}

    .fixed-table-container thead th:first-child {
        border-top-left-radius: 0 !important;
        -webkit-border-top-left-radius: 0 !important;
    }
/*Bootstrap Table Border Radius*/
.bootstrap-table {
    -webkit-border-radius: 0 !important;
}
/*Bootstrap table header right side border*/
.fixed-table-header {
    border-right: 1px solid #ddd !important;
}
/*Warning top margin*/
.warningMargin {
    margin-top: 60px;
}
/*Class for centering content*/
.RowContentCenter {
    /*text-align: center;*/
}

table.table-fixedheader > tbody {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 70vh;
    height: auto;
    display: block;
    padding-right: 20px;
}

.fixed-table-body-columns {
    width: auto;
}
/*Process bar container style*/
.progressCon {
    height: 10px;
    width: 100%;
    border-top: 1px solid white;
}

.progress {
    height: 10px !important;
    border-radius: 0px !important;
}
/*********************************************************/
/*Login*/
#loginContent {
    margin: auto;
    max-width: 340px;
    margin-top: 20px;
}

/*********************************************************/
/*Results -> Quick View and Results By Date*/
.TabBorder {
    border-top: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
}

.noOverflow {
    overflow: auto;
}

.ResultsTblLbls {
    Color: #5cb85c;
    font-size: 16px;
    font-weight: bold;
}

.ResultsWaringLbls {
    color: #f0ad4e;
}

.ui-datepicker-header {
    background: #5cb85c;
    border: 1px solid #2A6B2A;
}

td.Comment:hover {
    color: blue;
    cursor: pointer;
}
/* Result alert classes (note matches ResultAlert enum names for easy use) */
.Advisory {
    /* Light brown */
    background-color: #CD853F !important;
}

.Altered {
    /* Light red */
    background-color: #FF9F9F !important;
}

.Average {
    /* Light orange */
    background-color: #FF8020 !important;
}

.Downgrade {
    /* Green */
    background-color: #80FF00;
}

.HighVariance {
    /* Light yellow */
    background-color: #FFFF80;
}

.LowVariance {
    /* Light blue */
    background-color: #80FFFF;
}

.Restricted {
    /* Purple */
    background-color: #C000C0;
}

.Unofficial {
    background-color: brown;
}

.Official {
    background-color: #FF00FF;
}

.LegendSquare {
    display: inline-block;
    border: 1px solid #000 !important;
    height: 10px !important;
    width: 10px !important;
}
/*********************************************************/
/*Results -> Summary*/

#seasonLbl {
    padding: 0px;
    padding-left: 8px;
    position: absolute;
    width: 167px;
}

.fixed-table-container tbody .cell-no-bordered {
    border-left: 0px;
}

.fixed-table-container thead .cell-no-bordered {
    border-left: 0px;
}
/*********************************************************/
/*Finance -> Document Request*/
#docRequestBtnCon {
    margin-top: 10px;
    text-align: right;
    height: 35px;
    margin-bottom: 60px;
}

#docRequestBtn {
    height: 35px;
}

.docForms {
    width: 100%;
    margin-top: 5px;
}

    .docForms .input-group {
        width: 100%;
    }

    .docForms input {
        width: 100%;
        height: 34px
    }

#documentRequestForm {
    margin-top: 5px;
}
/*********************************************************/
/*Information -> Edit*/

#FarmInfoPage table {
    margin-bottom: 10px;
    border-radius: 5px;
}

#farmInfoTblCon .bootstrap-table .fixed-table-toolbar {
    border: 0px;
}

#farmInfoTblCon {
    margin-bottom: 20px;
}

.farmInfoTblHead1 {
    width: 110px;
}

.farmInfoTblHead2 {
    text-align: center;
}

/*********************************************************/
/*Information -> Messages*/
.messages {
    margin-top: 10px;
    padding: 5px;
    border: 1px solid rgb(106, 181, 23);
    border-radius: 5px;
    color: #525252;
}

/*********************************************************/
/*Information -> Portal Statisics*/

.selectedParamCon {
    width: 100%;
    max-width: 140px;
}

#selectedSeasonsText {
    height: 40px;
}

#selectedTestsText {
    height: 60px;
}

#selectedTestsText, #selectedSeasonsText {
    width: 100%;
    margin-bottom: 3px !important;
    background: #EEEEEE;
    border-radius: 4px;
    border: 1px solid #ccc;
}
/* Hide the up/down arrows on number fields */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

.contactFormAddon {
    min-width: 100px !important;
    text-align: left !important;
}

.contactFormInput {
    width: 100%;
}

.clearFix::after {
    content: "";
    display: block;
    clear: both;
}

.greyborder {
    border: 1px solid #eee !important;
}

.FarmContent .list-group-item.active {
    background-color: #5bc5e7;
    border: 0px;
    color: white;
}

.SquareDropdown {
    margin-top: 5px;
    margin-left: -5px;
    border-radius: 0px !important;
    border-color: grey !important;
}

    .SquareDropdown.dropdown-menu-right {
        margin-right: -5px;
        margin-left: 0px !important;
    }

    .SquareDropdown > li > a:hover, .SquareDropdown > li > a:focus {
        background-color: #309cc0 !important;
    }
/* emulates the look of the panel heading so panels and listgroups look consistent */
.list-group-heading {
    padding: 15px;
    margin-top: 0px;
    background-color: #f5f5f5
}

#QVPageContent .tab-content,
#RBDPageContent .tab-content,
#PaymentsPageContent .tab-content,
.settingsTabsContent,
#ForecastDataTab,
#ForecastGraphTab {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.FarmContent {
    border: 1px solid #ddd;
    border-top: 0px;
}

.settingsTabsContent {
    height: auto !important;
    padding-top: 5px;
}

#ForecastDataTab {
    padding-top: 5px;
}

.nav-tabs > li > a {
    border: 1px solid #ddd;
}

@media (max-width: 767px) {
    #optionssMenu {
        margin-left: -20px !important;
    }
}

@media (min-width: 768px) {
    #optionssMenu {
        margin-left: -22px !important;
    }
}

.cellWidthForecast {
    width: 81px;
    min-width: 81px;
    max-width: 81px;
}

.resultValue {
    text-align: right;
    min-width: 30px;
    width: 65px !important;
    padding: 5px;
}

.bootstrap-table .table > tbody > tr > td.no-padding {
    padding: 0 !important;
}

.no-wrap {
    white-space: nowrap;
}

.table-striped {
    background-color: white;
}

.table-striped-collapse > tbody > tr:nth-of-type(4n-1) {
    background-color: #f9f9f9;
}

.collapse-no-animation {
    -webkit-transition: none;
    transition: none;
    animation-duration: 0;
}

.helpLinks {
}

#TblLegends {
    overflow: auto;
    background-color: white;
    height: 32px;
    border: 1px solid #ddd;
    padding: 0px;
}

#CustomTabsCon {
    Width: 175px;
    float: right;
    margin-top: 5px;
    height: 20px;
    background: #5bc6e8;
    border-radius: 5px;
    margin-right: 10px
}

#DisplayDailyAverageCon {
    Width: 230px;
    float: left;
    background: #5bc6e8;
    border-radius: 5px;
    margin-top: 5px;
    margin-right: 15px;
    margin-left: 10px
}

    #DisplayDailyAverageCon label {
        font-weight: normal;
        color: white;
        margin-bottom: 0px;
    }

    #DisplayDailyAverageCon:hover {
        cursor: pointer;
    }

#LegendCon {
    Width: calc(100% - 365px);
    float: left;
    min-width: 165px;
}

    #LegendCon dl {
        margin: auto;
    }

#SelectedSampleDisplay {
    text-transform: uppercase;
}

.ComparisonTable > thead > tr > th {
    background-color: transparent !important;
    color: black !important;
}

.no-clip-background {
    background-clip: padding-box;
}

.ui-datepicker {
    z-index: 10000 !important;
}


.datepicker {
    z-index: 10000 !important;
}

.TableFooterTotalBold {
    font-weight: bold;
}

.HaulerScheduleContent {
    background: white;
}



div.dom_wrapper {
    position: sticky; /* Fix to the top */
    top: 5px;
    padding: 5px;
    z-index: 100;
    background: rgba(255, 255, 255, 1); /* hide the scrolling table */
}

.datatableheader {
    padding-top: 5px;
}

.dt-search {
    float: right;
    margin-right: 15px;
}

.dt-info, .dt-length {
    float: left;
}

.dt-buttons.btn-group.flex-wrap {
    display: flex;
    justify-content: center;
    float: none;
}

nav[aria-label="pagination"] {
    float: right !important;
}

.LanguagelinkActive {
    /*text-decoration: underline;*/
    font-weight: bold;
}

.DTFC_LeftBodyLiner {
    overflow-x: hidden;
}

.HaulerLoadSubHeader {
    background-color: darkgray;
    color: white;
}

.panel-basic {
    margin-bottom: 0px;
    background-color: #fff;
    border: 1px solid transparent;
}

.table tbody tr td a.iconPointer {
    cursor: pointer;
}

}

.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
    right: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}


.DashboardConsOpt {
    min-width: 350px;
    max-width: 350px;
    width: 90%;
}

.DashboardConsOptLabel {
    width: 150px !important;
    min-width: 150px;
}

/*Options - selected dashboard style*/
.OptionDashboardSelected {
    background-color: gray;
}

.FilterBox {
    width: 100%;
    background-color: white;
    text-align: left;
    vertical-align: middle;
    border-radius: 5px;
    border: 2px solid lightgrey;
    padding:10px;
}

.border-container {
    border: 1px solid #ddd;
    margin: 15px;
    padding: 15px;
    border-radius: 4px;
}

.FilterSpan {
    margin: auto;
    align-items: center;
}
/*.row{
    margin:0px !important;
    margin-top:15px !important;
}*/
.tab-content .row {
    margin: 0px !important;
}

.ReportItems > .glyphicon-ok {
    visibility: hidden;
}

.seasonSelected > .glyphicon-ok {
    visibility: visible !important;
}

.p-0 {
    padding: 0px;
}

.borderRadius10 {
    border-radius: 10px !important;
}

.ReportItems:nth-child(odd) {
    margin-right: 5px;
    margin-bottom: 5px;
}

#GraphSelectSeasonsCon > .col-lg-6:nth-last-child(-n+2) .ReportItems {
    margin-bottom: 0;
}
.dt-container {
    padding: 10px 0px;
}

div.dt-buttons {
    margin-bottom: 5px;
}

.dt-info, .dt-paging {
    margin-top: 10px !important;
}
#newsTable_wrapper {
    border: none !important;
}

    #newsTable_wrapper .dt-search {
        margin-bottom: 15px !important;
        margin-right: 0px !important;
    }

.RowContentCenter:has(+ #UpdateWaitDiv) {
    margin-top: 15px;
}

#detailTabList {
    background-color: white;
}

.RowContentCenter:has(#ParamsContent) {
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: white;
}

#DashboardOption.RowContentCenter {
    text-align: center;
}

#GroupOption.RowContentCenter {
    text-align: center;
}

#TabOption.RowContentCenter {
    text-align: center;
}

@media (min-width: 768px) {
    .input-group {
        margin: 5px 0px 5px 0px;
    }
}

.row:has(#detailTabList) {
    margin: 15px !important;
}
.ThirdPartiesHeading {
    padding: 5px 30px !important;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
#InputSubmitButton{
    float:right !important;
}
/*
.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 > a:after {
        border-color: transparent transparent transparent #bdbdbd;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        content: " ";
        display: block;
        float: right;
        height: 0;
        margin-right: -10px;
        margin-top: 5px;
        width: 0;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #555;
    }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
    text-decoration: none;
}

@media (max-width: 767px) {

    .navbar-nav {
        display: inline;
    }

    .navbar-default .navbar-brand {
        display: inline;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-default .navbar-nav .dropdown-menu > li > a {
        color: red;
        background-color: #ccc;
        border-radius: 4px;
        margin-top: 2px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #333;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            background-color: #ccc;
        }

    .navbar-nav .open .dropdown-menu {
        border-bottom: 1px solid white;
        border-radius: 0;
    }

    .dropdown-menu {
        padding-left: 10px;
    }

        .dropdown-menu .dropdown-menu {
            padding-left: 20px;
        }

            .dropdown-menu .dropdown-menu .dropdown-menu {
                padding-left: 30px;
            }
}

@media (min-width: 768px) {
    ul.nav li:hover > ul.dropdown-menu {
        display: block;
    }
}
*/