/*---------------------------------HEADER---------------------------------------------*/
#reskin-header.top-bar {
    color: #828282;
    background-color: #4F4F4F;
    height: 57px;
}

#reskin-header .nav-container a {
    text-transform: capitalize;
    color: #828282;
}

#reskin-header .nav-container a.u-icon-menu {
    background-color: #4F4F4F;
}

#reskin-header section.utility-nav a.u-icon-notifications {
    background: none;
    padding: 0;
    height: auto;
    width: auto;
}

#reskin-header .u-icon-notifications:before {
    background: url("../img/icons/icon-notification.svg") no-repeat center center;
    content: "";
    display: block;
    height: 29px;
    text-align: center;
    top: 0;
    width: 29px;
    transform: scale(.85);
}

#reskin-header section.utility-nav .notifications {
    padding: 0 20px 0 0;
}

#reskin-header section.utility-nav .notifications .notification-count {
    top: 3px;
    right: -6px;
    font-size: 12px;
    height: 18px;
    width: 18px;
    font-weight: 600;
    background: #E2332D;
    color: #FFF;
}

#reskin-header.top-bar .company-name {
    border-right: 1px solid #FFF;
}

#reskin-header .section-wrapper {
    border-left: 1px solid #FFF;
}

#reskin-header.top-bar .company-name a,
#reskin-header .section-wrapper h2 {
    color: #FFF;
}

#reskin-header.top-bar:hover {
    color: #C5D800;
}

#reskin-header section.utility-nav a.u-icon-account_circle:before {
    background: url("../img/icons/icon-profile.svg") no-repeat center center;
    color: transparent;
    height: 29px;
    text-align: center;
    top: -3px;
    left: 0;
    width: 29px;
    transform: scale(.85);
}

#reskin-header .c-main-nav__scroller,
#reskin-header .c-main-nav__wrapper.c-main-nav--open-all {
    width: 290px;
    color: #828282;
    overflow: visible;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

#reskin-header .c-main-nav__menu-item {
    border-bottom: none;
}

#reskin-header .c-main-nav__menu-item a {
    padding: 15px 30px 12px 67px;
    font-weight: 600;
}

#reskin-header .c-main-nav__menu-item a svg {
    color: #4F4F4F;
    width: auto;
}

#reskin-header .c-main-nav__menu-item > a:hover {
    background-color: #F2F2F2;
    color: #333;
}

#reskin-header .nav-container span[class*=" u-icon-"], .nav-container span[class^=u-icon-] {
    margin-top: -12px
}

#reskin-header .nav-container span[class*=" u-icon-"], .nav-container span.u-icon-resources {
    margin-top: -16px;
}

#reskin-header section.utility-nav ul {
    right: -20px;
    top: 42px;
    width: 246px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25)
}

#reskin-header section.utility-nav .notifications ul {
    right: -44px;
    width: 290px;
}

#reskin-header section.utility-nav .profile ul {
    top: 54px;
    width: 246px;
}

#reskin-header section.utility-nav ul li h4,
#reskin-header section.utility-nav ul li p {
    color: #333;
}

#reskin-header section.utility-nav ul li {
    border-bottom: 2px solid #f2f2da;
    margin: 0;
    background: #fff;
}

#reskin-header section.utility-nav ul li a:hover {
    background: #F2F2F2;
    color: #333;
}

#reskin-header section.utility-nav ul li:first-of-type {
    background: #F2F2DA;
    padding: 10px 20px;
}

#reskin-header .section-wrapper svg {
    fill: #FFF;
}
/*---------------------------------FOOTER---------------------------------------------*/
/*overrides for new footer*/
.site-outer-wrapper {
    flex: 1 0 auto;
    padding-top: 60px;
}

body.logged-in {
    margin-top: inherit;
    padding-top: inherit;
}
/*end*/

footer.site-footer#reskin-footer {
    background-color: #4F4F4F;
    border: none;
}

#reskin-footer ul {
    list-style-type: none;
}

#reskin-footer ul li {
    color: #FFF;
    font-size: 12px;
    line-height: 20px;
}

#reskin-footer ul li:first-of-type {
    font-weight: 700;
    text-transform: uppercase;
}

#reskin-footer ul li::after {
    content: none;
}

footer.site-footer#reskin-footer section {
    padding: 20px 30px 0;
    max-width: 100%;
    width: 100%
}

footer.site-footer#reskin-footer .border-right {
    border-right: 1px solid #fff;
}

#reskin-footer .footer-svg {
    margin: 10px 40px 0 0;
}

#reskin-footer .copyright {
    margin-bottom: 5px;
}

#reskin-footer .feedback-button {
    background: #C5D800;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    position: absolute;
    width: 160px;
    height: 30px;
    top: -30px;
    right: 30px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    color: #333333;
}

#reskin-footer .feedback-button a {
    color: #333333;
}

footer.site-footer#reskin-footer a::after {
    content: none;
}

#reskin-footer text {
    color: #fff;
    font-size: 14px;
}

#reskin-footer .footer-links {
    align-items: flex-start
}

#reskin-footer .footer-links a {
    font-weight: normal;
}

#reskin-footer .social-media a svg {
    color: #fff;
}

#reskin-footer .social-media > div:last-of-type a:not(:last-of-type) svg {
    margin-right: 10px;
}

#reskin-footer .contact-number a {
    color: #C5D800;
    font-size: 20px;
}

#reskin-footer .desktop-only {
    display: none;
}

#reskin-footer .mobile-only {
    display: flex;
}

#reskin-footer .contact {
    margin-right: 100px;
}

#reskin-footer .copyright text {
    margin-right: 30px;
}

@media (max-width: 1023px) {
    #reskin-footer .flexbox-grid .grid-item {
        align-items: center;
        flex-direction: column;
    }

    #reskin-footer .contact,
    #reskin-footer .footer-svg {
        margin-right: 0;
    }

    footer.site-footer#reskin-footer section {
        align-items: center !important;
    }

    #reskin-footer .copyright text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        margin: 0 auto;
    }

    #reskin-footer .mobile-only {
        margin: 20px 0;
    }

    #reskin-footer .copyright text span {
        display: block;
    }
}

@media (min-width: 896px) {

    #reskin-footer .social-media {
        justify-content: flex-end
    }

    #reskin-footer .desktop-only {
        display: flex;
    }

    #reskin-footer .mobile-only {
        display: none;
    }
}

/*---------------------------------MAIN BACKGROUND---------------------------------------------*/
#reskin-site-outer-wrapper,
#reskin-site-outer-wrapper #app {
    background: #f2f2f2;
}

#reskin-site-outer-wrapper {
    padding-bottom: 20px;
}

.reskin-pop-out-window-modal {
    height: 0px;
}
/*---------------------------------LP CARDS---------------------------------------------*/
#reskin-quickview-widgets .quickview-widget {
    width: 30%;
    margin-right: 1.6%;
    margin-left: 1.6%;
    margin-bottom: 49px;
}

@media(max-width: 1440px) {
    #reskin-quickview-widgets .quickview-widget {
        width: 48%;
        margin-right: 1%;
        margin-left: 1%;
    }
}

#reskin-quickview-widgets .quickview-widget .toggle-button {
    background: #aaa;
    height: 60px;
    border-radius: 10px 10px 0 0;
}

#reskin-quickview-widgets .quickview-widget .toggle-button h1 {
    font-weight: 600;
}

#reskin-quickview-widgets .quickview-widget .toggle-button h1 .cropiq-version {
    color: #bdd500;
    font-weight: 600;
}

#reskin-quickview-widgets .quickview-widget .toggle-button .toggle-button-icon {
    margin-left: 10px;
    margin-top: 10px;
}

#reskin-quickview-widgets .quickview-widget .btn {
    border-radius: 180px;
    background-color: #4f4f4f;
    box-sizing: border-box;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    line-height: normal;
    padding: 13px 15px;
}

#reskin-quickview-widgets .quickview-widget .toggle-content {
    background: #fff;
    border-radius: 0 0 10px 10px;
    padding: 15px;
    width: 100%;
}

#reskin-quickview-widgets .quickview-widget .toggle-content header {
    height: 44px;
    background-color: #F2F2F2;
    color: #333;
    font-weight: 600;
}

#reskin-quickview-widgets .quickview-widget .toggle-content ul li {
    background: #fff;
    padding-left: 29px;
}

#reskin-quickview-widgets .quickview-widget .weather-widget .fixed-height {
    border: 1px solid #f2f2f2;
}

#reskin-quickview-widgets .quickview-widget .toggle-content .fixed-height section {
    background: #fff;
}

#reskin-quickview-widgets .quickview-widget .toggle-content .fixed-height {
    height: 351px;
}

#reskin-quickview-widgets .quickview-widget .toggle-content #allLogs.fixed-height {
    height: 315px;
}

#reskin-quickview-widgets .quickview-widget .toggle-content #myLogs.fixed-height {
    height: 363px;
}

#reskin-quickview-widgets .quickview-widget .toggle-content #loadingLogs.fixed-height {
    height: 315px;
}

#reskin-quickview-widgets .quickview-widget .toggle-content .fixed-height--nobuttons {
    height: 400px;
}

#reskin-quickview-widgets .quickview-widget .toggle-content .fixed-height section .action-buttons a {
    background: #fff;
    color: grey;
}

#reskin-quickview-widgets .quickview-widget .toggle-content .content-container section {
    width: 48%;
    background: #fff;
    padding-left: 0;
}

#reskin-quickview-widgets .quickview-widget .toggle-content .content-container section a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

#reskin-quickview-widgets .quickview-widget .toggle-content .content-container section a h2 {
    margin: 0;
    font-size: 16px;
}

#reskin-quickview-widgets .quickview-widget .toggle-content .content-container section a h2:hover{
    color: #333;
}

#reskin-quickview-widgets .quickview-widget .toggle-content .content-container section a .svg-container {
    height: 30px;
    margin: 0 5px 0 0;
    width: 30px;
}

#reskin-quickview-widgets .quickview-widget .toggle-content .content-container {
    height: 400px;
    padding-top: 15px;
}

#reskin-quickview-widgets #season-dates{
    font-weight: 600;
}

#reskin-quickview-widgets .toggle-content.logs-widget.logs-widget--nodata{
    height: 440px;
}

#reskin-daily-logs-line {
    padding-bottom: 15px;
}
#reskin-daily-logs-text {
    width: 80%;
    color: #333;
    line-height: 24px;
}

#reskin-cropiq-widget-line {
    padding-bottom: 20px;
}

#reskin-cropiq-widget-text {
    width: 80%;
    color: #333;
    line-height: 24px;
}

#reskin-cropiq-widget-text .cropiq-line-date{
    font-weight: 600;
    color: #6e7a00;
}

#reskin-cropiq-widget-text .cropiq-line-product{
    font-weight: 400;
}

#reskin-daily-logs-text:hover {
    color: #333;
}

#reskin-daily-logs-text span.past-due{
    color: #e2332d;
}

/* Widget Scrollbar */
.reskin-scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.reskin-scrollbar::-webkit-scrollbar-track {
    border-radius: 3px;
    width: 15px;
    padding: 2px 2px 2px 2px;
    border: 1px solid #f2f2f2;
    border-left: none;
    background-color: #fafafa;
    box-sizing: border-box;
}

.reskin-scrollbar::-webkit-scrollbar-thumb {
    background: #C6C6C6;
    border-radius: 180px;
    min-height: 20px;
    min-width: 20px;
}

.reskin-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #a0a0a0;
}

.reskin-scrollbar--onboarding::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.reskin-scrollbar--onboarding::-webkit-scrollbar-track {
    border-radius: 6px;
    margin-top: 2px;
    border-left: 1px solid #f2f2f2;
}

#reskin-dashboard-nav .dashboard-nav-section-child header, .dashboard-nav-section header {
    background-color: #aaa;
    color: #fff;
    border-radius: 10px 10px 0 0;
    height: 60px;
}

#reskin-dashboard-nav .dashboard-nav-section-child .content-container, .dashboard-nav-section .content-container {
    background: #fff;
    border-radius: 0 0 10px 10px;
}

#reskin-dashboard-nav-btns{
    width: 100%;
    justify-content: flex-start;
}

#reskin-dashboard-nav-btns.dashboard-nav-btns a {
    width: 30%;
    height: 100px;
    margin-right: 1.6%;
    margin-left: 1.6%;
    margin-bottom: 41px;
    border-radius: 10px;
    border: 1px solid #aaa;
}

#reskin-quickview-widgets #cropIQDashboard .dashboard-nav-btns {
    width: 100%;
}

#reskin-quickview-widgets #cropIQDashboard .dashboard-nav-btns .dashboard-nav-section-child {
    margin: 0;
    width: 50%;
}

#reskin-quickview-widgets #cropIQDashboard .dashboard-nav-btns .dashboard-nav-section-child:first-of-type .toggle-button{
   border-radius: 10px 0 0 0;
   background: #aaa;
}

#reskin-quickview-widgets #cropIQDashboard .dashboard-nav-btns .dashboard-nav-section-child:nth-child(2) .toggle-button {
    padding-top:10px;
    padding-right:20px;
}

#reskin-quickview-widgets #cropIQDashboard .dashboard-nav-btns .dashboard-nav-section-child .toggle-button {
    border-radius: 0 10px 0 0;
    background: #828282;
}

#reskin-quickview-widgets #cropIQDashboard .dashboard-nav-btns .dashboard-nav-section-child:first-of-type .toggle-button img {
    margin-left: 10px;
    margin-top: 10px;
}

#reskin-quickview-widgets #cropIQDashboard .dashboard-nav-btns .dashboard-nav-section-child .content-container--split-left,
#reskin-quickview-widgets #cropIQDashboard .dashboard-nav-btns .dashboard-nav-section-child .content-container--split-right{
    padding: 0;
    overflow: hidden;
    height: 440px;
    margin: 0;
    border-radius: 0 0 0 10px;
}

#reskin-quickview-widgets #cropIQDashboard .dashboard-nav-btns .dashboard-nav-section-child .content-container--split-right {
    width: 100%;
    border-radius: 0 0 10px 0;
}

#reskin-quickview-widgets #cropIQDashboard .reskin-scrollbar{
    padding-top: 39px;
    padding-left: 25px;
    padding-bottom: 25px;
}

#reskin-quickview-widgets #cropIQDashboard .reskin-scrollbar p {
    width: 90%;
}


#reskin-dashboard-nav-btns.dashboard-nav-btns a.btn.icon-btn {
    background: #fff;
    color: #4f4f4f;
}

#reskin-dashboard-nav-btns.dashboard-nav-btns a.btn.icon-btn .svg-container {
    background: #4f4f4f;
    height: 100%;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#reskin-dashboard-nav-btns.dashboard-nav-btns a.btn.icon-btn .svg-container--blue {
    background: #1763a6;
}

#reskin-dashboard-nav-btns.dashboard-nav-btns a.btn.icon-btn .svg-container--darkblue {
    background: #3d5a80;
}

#reskin-dashboard-nav-btns.dashboard-nav-btns a.btn.icon-btn .button-text-container {
    font-size: 20px;
    padding-left: 15px;
}

#reskin-dashboard-nav-btns.dashboard-nav-btns a.btn.icon-btn.not-active {
    background: #c6c6c6 !important;
    box-shadow: none;
    color: #333;
    pointer-events: none;
    opacity: .8;
    cursor: not-allowed;
}


@media(max-width: 1440px) {
    #reskin-dashboard-nav-btns.dashboard-nav-btns a {
        width: 48%;
        margin-right: 1%;
        margin-left: 1%;
    }
}

@media(max-width: 896px) {
    #reskin-dashboard-nav-btns.dashboard-nav-btns a {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        height: 60px;
    }

    #reskin-dashboard-nav-btns.dashboard-nav-btns a.btn.icon-btn .svg-container {
        width: 60px;
    }

   
    .reskin-btn-labs .svg-container img, .reskin-btn-supplier .svg-container img{
        transform: scale(.9);
    }

    .reskin-btn-knowledge-hub .svg-container img{
        transform: scale(.6);
    }

}



#app .new-subsection-nav-toggle {
    background: #606b00;
}

@media(max-width: 897px) {
    #app .new-subsection-nav li a {
        background: #f2f2f2;
        color: #333;
        border-bottom: 0px;
        border-top: 1px solid #547a68;
    }

    #app .new-subsection-nav {
        border-bottom: none;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
    }

    #app .new-subsection-nav-toggle {
        background: #606b00;
        color: #fff;
        height: 34px;
        border-radius: 6px 6px 0 0;
        padding-top: 7px;
    }

    #app .new-subsection-nav-wrapper:after {
        background: #4f4f4f;
    }

    #app .new-subsection-nav-toggle .u-icon-accordion {
        width: 33px;
    }

    #app .new-subsection-nav-toggle .u-icon-accordion:before {
        left: 10px;
        top: 8px;
    }
}

@media(min-width: 898px) {
    #app .new-subsection-nav {
        border-bottom: 2px solid #606B00;
    }

        #app .new-subsection-nav li a {
            background: #8A9900;
            border-bottom: none;
        }

    #app .audit-access li a.audit-access,
    #app .audit-history li a.audit-history,
    #app .auditor-list li a.auditor-list,
    #app .brands li a.brands,
    #app .climate li a.climate,
    #app .corrective-actions-pending li a.corrective-actions-pending,
    #app .corrective-actions-resolved li a.corrective-actions-resolved,
    #app .crop-iq-company-products li a.company-products,
    #app .crop-iq-input-costs li a.input-costs,
    #app .crop-iq-inventory li a.inventory,
    #app .crop-iq-label-search li a.label-search,
    #app .crop-iq-listing li a.records,
    #app .crop-iq-recommendations li a.recommendations,
    #app .crop-iq-reports li a.reports,
    #app .crop-iq-spray-management li a.spray-management,
    #app .crop-iq-tank-mixes li a.tank-mixes,
    #app .custom-maps li a.custom-maps,
    #app .site-alerts li a.site-alerts,
    #app .dashboard li a.dashboard,
    #app .defects li a.defects,
    #app .estimation li a.estimation,
    #app .farm-details li a.farm-details,
    #app .field-data li a.field-data,
    #app .food-safety li a.food-safety,
    #app .growers li a.growers,
    #app .industry-override li a.industry-override,
    #app .lines li a.lines,
    #app .notifications li a.notifications,
    #app .packaging li a.packaging,
    #app .permissions li a.permissions,
    #app .products-supplied li a.products-supplied,
    #app .rei-phi li a.rei-phi,
    #app .scouting-create li a.create-report,
    #app .scouting-reports-records li a.reports,
    #app .scouting-reports-view li a.reports,
    #app .season li a.season-setup,
    #app .seasons li a.seasons,
    #app .setup li a.setup,
    #app .site li a.site-setup,
    #app .sites li a.sites,
    #app .sizes li a.sizes,
    #app .supplier-documents li a.supplier-documents,
    #app .supplier-info li a.supplier-info,
    #app .supplier-listing li a.supplier-listing,
    #app .supplier-reports li a.supplier-reports,
    #app .supplier-requests li a.supplier-requests,
    #app .user-profile li a.user-profile,
    #app .analysis a.analysis,
    #app .board a.board,
    #app .company a.company,
    #app .crm-dashboard.crm-dashboard,
    #app .crm-opportunity-board.crm-opportunity-board,
    #app .crm-search a.crm-search,
    #app .crm-settings a.crm-settings,
    #app .crm-sopportunity-board.crm-opportunity-board,
    #app .crm-task-board a.crm-task-board,
    #app .crop-groups a.crop-groups,
    #app .crops a.crops,
    #app .employees li a.employees,
    #app .lab-order li a.order,
    #app .lab-pending-approval li a.pending-approval,
    #app .lab-results li a.results,
    #app .lab-upload li a.upload,
    #app .paymentdetails a.paymentdetails,
    #app .roles li a.roles,
    #app .schedule a.schedule,
    #app .users a.users,
    #app .users li a.users,
    #app .varieties a.varieties,
    #app .weatherstations a.weatherstations {
        background: #606B00;
    }

    #app .new-subsection-nav li a:hover {
        background: #828282;
    }
}


#app .ui-tabs.rounded-tabs .ui-tabs-nav li.ui-tabs-tab a {
    background: #fff;
    color: #333;
    border: 1px solid #606b00;
    border-bottom: none;
}

#app .ui-tabs.rounded-tabs .ui-tabs-nav li.ui-tabs-active a,
#app .ui-tabs.rounded-tabs .ui-tabs-nav li.ui-tabs-active a:hover {
    background: #606b00;
    color: #fff;
}

#app .ui-tabs.rounded-tabs .tab-content {
    border: 1px solid #606b00;

}

.app-refresh .new-subsection-nav li a.selected-tab {
    background: #606b00 !important;
    color: #fff;
    height: 34px;
    padding-top:7px;
}


/*---------------------------------BUTTONS---------------------------------------------*/
.app-refresh .btn.disabled,
.app-refresh .btn:disabled,
.app-refresh .button.disabled,
.app-refresh .button:disabled,
.app-refresh .k-button.disabled,
.app-refresh .k-button:disabled,
.app-refresh .k-edit-form-container .k-button.disabled,
.app-refresh .k-edit-form-container .k-button:disabled,
.app-refresh .k-edit-form-container .k-primary.disabled,
.app-refresh .k-edit-form-container .k-primary:disabled,
.app-refresh .k-filter-menu .k-button.disabled,
.app-refresh .k-filter-menu .k-button:disabled,
.app-refresh .k-popup .k-button.disabled,
.app-refresh .k-popup .k-button:disabled,
.app-refresh .k-popup .k-primary.disabled,
.app-refresh .k-popup .k-primary:disabled,
.app-refresh .ui-widget-content a.btn.disabled,
.app-refresh .ui-widget-content a.btn:disabled,
.app-refresh .ui-widget input.btn.disabled,
.app-refresh .ui-widget input.btn:disabled,
.app-refresh [type=button].disabled,
.app-refresh [type=button]:disabled,
.app-refresh [type=reset].disabled,
.app-refresh [type=reset]:disabled,
.app-refresh [type=submit].disabled,
.app-refresh [type=submit]:disabled,
.app-refresh a.btn.disabled,
.app-refresh a.btn:disabled,
.app-refresh button.disabled,
.app-refresh button:disabled,
.app-refresh input[type=button].disabled,
.app-refresh input[type=button]:disabled {
    background: #c6c6c6 !important;
    color: #333 !important;
}

.app-refresh a.btn,
.app-refresh a.button,
.app-refresh .btn-primary,
.app-refresh .btn-primary:focus,
.app-refresh .btn.btn-primary,
.app-refresh .btn.btn-primary:focus,
.app-refresh a.btn.btn-primary,
.app-refresh a.btn.btn-primary:focus,
.app-refresh .btn-primary:visited,
.app-refresh .btn.btn-primary:visited,
.app-refresh .btn-default,
.app-refresh .btn-default:visited,
.app-refresh .arrow-button.btn-primary,
.app-refresh .btn-marigold,
.app-refresh .btn-marigold:focus,
.app-refresh .btn.btn-marigold,
.app-refresh .btn.btn-marigold:focus,
.app-refresh a.btn.btn-marigold,
.app-refresh a.btn.btn-marigold:focus,
.app-refresh .add-button,
.app-refresh .btn.modal-link,
.app-refresh .button.save,
.app-refresh input[class*="button"][value="Search"],
.app-refresh a[href="#close-modal"].button.btn-marigold,
.app-refresh a[href="#close-modal"].btn.btn-marigold,
.app-refresh a[href="#close-modal"].button.btn-primary,
.app-refresh a[href="#close-modal"].btn.btn-primary,
.app-refresh #upload-btn {
    background: #8A9900;
    color: #fff;
    border-radius: 180px;
    border: none;
}


.app-refresh a.btn:hover,
.app-refresh a.button:hover,
.app-refresh .btn-primary:hover,
.app-refresh .btn-primary:focus:hover,
.app-refresh .btn.btn-primary:hover,
.app-refresh .btn.btn-primary:focus:hover,
.app-refresh a.btn.btn-primary:hover,
.app-refresh a.btn.btn-primary:focus:hover,
.app-refresh .btn-primary:visited:hover,
.app-refresh .btn-default:hover,
.app-refresh .arrow-button.btn-primary:hover,
.app-refresh .btn-marigold:hover,
.app-refresh .btn-marigold:focus:hover,
.app-refresh .btn.btn-marigold:hover,
.app-refresh .btn.btn-marigold:focus:hover,
.app-refresh a.btn.btn-marigold:hover,
.app-refresh a.btn.btn-marigold:focus:hover,
.app-refresh .add-button:hover,
.app-refresh .btn.modal-link:hover,
.app-refresh .button.save:hover,
.app-refresh input[class*="button"][value="Search"]:hover,
.app-refresh a[href="#close-modal"].button.btn-marigold:hover,
.app-refresh a[href="#close-modal"].btn.btn-marigold:hover,
.app-refresh a[href="#close-modal"].button.btn-primary:hover,
.app-refresh a[href="#close-modal"].btn.btn-primary:hover,
.app-refresh #upload-btn:hover {
    background: #606b00;
    color: #fff;
}

.app-refresh .button.btn-alt-2,
.app-refresh .btn.btn-alt-2,
.app-refresh .btn-alt-2,
.app-refresh .btn-pistachio,
.app-refresh .button.btn-pistachio,
.app-refresh .btn.btn-pistachio {
    background: #c5d800;
    color: #333;
    border-radius: 180px;
}

.app-refresh .button.btn-alt-2:hover,
.app-refresh .btn.btn-alt-2:hover,
.app-refresh .btn-alt-2:hover,
.app-refresh .btn-pistachio:hover,
.app-refresh .btn-pistachio:visited:focus,
.app-refresh .button.btn-pistachio:hover,
.app-refresh .btn.btn-pistachio:hover {
    background: #adbd00;
    color: #333;
}


.app-refresh .btn.back-button,
.app-refresh .button.back-button,
.app-refresh button.back-button,
.app-refresh .btn.arrow-button,
.app-refresh button.arrow-button,
.app-refresh .button.arrow-button{
    background: #606b00;
    color: #fff;
    min-width: 117px;
    border-radius: 180px;
}

.app-refresh .btn.back-button,
.app-refresh .button.back-button,
.app-refresh button.back-button {
    padding-left: 44px !important;
}

.app-refresh .btn.arrow-button,
.app-refresh button.arrow-button,
.app-refresh .button.arrow-button{
    padding-right: 44px !important;
}

.app-refresh .btn.back-button::after,
.app-refresh .button.back-button::after,
.app-refresh button.back-button::after,
.app-refresh .btn.arrow-button::after,
.app-refresh button.arrow-button::after,
.app-refresh .button.arrow-button::after {
    font-size: 16px !important;
    font-weight: 400 !important;
}

.app-refresh .btn.back-button::after,
.app-refresh .button.back-button::after,
.app-refresh button.back-button::after {
    left: 28px !important;
}

.app-refresh .btn.arrow-button::after,
.app-refresh .button.arrow-button::after,
.app-refresh button.arrow-button::after {
    right: 29px !important;
}

.app-refresh .btn.back-button:hover,
.app-refresh .button.back-button:hover,
.app-refresh button.back-button:hover,
.app-refresh .btn.arrow-button:hover,
.app-refresh button.arrow-button:hover,
.app-refresh .button.arrow-button:hover{
    background: #8a9900;
}

.app-refresh .btn-alt-1,
.app-refresh .btn.btn-alt-1,
.app-refresh .btn.btn-alt-1:visited,
.app-refresh .btn-cancel,
.app-refresh .btn-cancel.button.modal-link,
.app-refresh .button.btn-cancel,
.app-refresh a[href="#close-modal"].button,
.app-refresh a[href="#close-modal"].button.btn-cancel,
.app-refresh a[href="#close-modal"].btn,
.app-refresh a[href="#close-modal"].btn.btn-cancel,
.app-refresh a[href="#close_modal"].button,
.app-refresh a[href="#close_modal"].button.btn-cancel,
.app-refresh a[href="#close_modal"].btn,
.app-refresh a[href="#close_modal"].btn.btn-cancel {
    background: #fff;
    color: #333;
    border: 2px solid #333;
    border-radius: 180px !important;
}

.app-refresh .btn-cancel,
.app-refresh .btn-cancel.button.modal-link,
.app-refresh .button.btn-cancel {
    padding: 11px 30px;
}

.app-refresh .btn-alt-1:hover,
.app-refresh .btn.btn-alt-1:hover,
.app-refresh .btn.btn-alt-1:visited:hover,
.app-refresh .btn-cancel:hover,
.app-refresh .button.btn-cancel:hover,
.app-refresh .btn-cancel.button.modal-link:hover,
.app-refresh a[href="#close-modal"].button:hover,
.app-refresh a[href="#close-modal"].button.btn-cancel:hover,
.app-refresh a[href="#close-modal"].btn:hover,
.app-refresh a[href="#close-modal"].btn.btn-cancel:hover,
.app-refresh a[href="#close_modal"].button:hover,
.app-refresh a[href="#close_modal"].button.btn-cancel:hover,
.app-refresh a[href="#close_modal"].btn:hover,
.app-refresh a[href="#close_modal"].btn.btn-cancel:hover {
    background: #f2f2f2;
    color: #333;
    border-radius: 180px !important;
}

/*---------------------------------PAGE LINES---------------------------------------------*/
.app-refresh .top-button-heading-container,
.app-refresh .reskin-bottom-border,
.app-refresh .hub-bottom-border {
    border-bottom: 2px solid #797979;
}


.app-refresh h1:after{
    background: #797979;
}

.app-refresh .u-border-color--hub,
.app-refresh .u-border-color--pistachio {
    border-color: #797979 !important;
}

.app-refresh .bottom-button-container {
    border-top: 2px solid #797979;
}

.app-refresh .bottom-button-container.no-border,
.app-refresh .instructions.no-border {
    border: none;
}

.app-refresh .bottom-button-container.no-bottom-border {
    border-bottom: none;
}

.app-refresh h2.instructions {
    border-top: 2px solid #797979;
    border-bottom: 2px solid #797979;
}

.app-refresh #areaContainer h2.toggle-button:after,
.app-refresh .modal.big-honkin-modal h1:after {
    background: #797979;
}

.app-refresh .log-info.purpose-statement {
    border-bottom: 1px solid #797979;
}

@media (min-width: 56em) {
    .app-refresh .border-center-header-container {
        border-bottom: 2px solid #797979;
    }
}

/*---------------------------------CONTAINERS---------------------------------------------*/
.app-refresh .page-header {
    background: #8a9900;
}

.app-refresh .content-container-white-bg, .modal .content-container-white-bg,
.app-refresh .basic-toggle-container2 {
    border: 1px solid #606b00;
}

.app-refresh .modal .button-container.section-bottom:before{
    background: none;
}

.app-refresh .header-container--green {
    background: #8A9900;
    color: #fff;
    padding: 10px;
}

.app-refresh .header-container--green:after{
    display:none;
}

/*---------------------------------INSTRUCTIONS---------------------------------------------*/
.app-refresh h2.instructions {
    padding-left: 35px;
}

.app-refresh h2.instructions:before {
    content: url(../img/icons/reskin/icon-info.svg);
    display: inline-block;
    vertical-align: middle;
    background: none;
    text-align: left;
    margin-top: 0;
    top: 6px;
}

.app-refresh h1.triangle-warning,
.app-refresh .triangle-warning {
    padding-left: 0;
}

.app-refresh h1.triangle-warning:before,
.app-refresh .triangle-warning:before {
    content: url(../img/icons/reskin/icon-warning.svg);
    display: inline-block;
    vertical-align: middle;
    background: none;
    text-align: left;
    margin-top: 0;
    padding-right: 8px;
}

/*---------------------------------LOGIN---------------------------------------------*/
@media (max-width: 480px) {
    .app-refresh.app-refresh--reskinbackground,
    body.app-refresh.landing.onboarding-lite {
        background: #fff !important;
    }
    .app-refresh main.login-container, 
    .app-refresh main#app.onboarding-container,
    .app-refresh.onboarding-lite section#login-form-container {
        width: 100% !important;
    }
}

@media (min-width: 481px) {
    body.app-refresh.landing.onboarding-lite {
        background: #dbdbdb !important;
    }
}    
@media (min-width: 481px) and (max-width: 768px) {
    .app-refresh.app-refresh--reskinbackground,
    body.app-refresh.landing.onboarding-lite {
        background: #dbdbdb !important;
    }
}


.app-refresh main.login-container,
.app-refresh main#app.onboarding-container {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: none;
    width: 375px;
    text-align: center;
}

.app-refresh.app-refresh--reskinbackground {
    background: url('../img/login-background.jpg');
    background-size: cover;
}

.app-refresh main .not-logged-in-top {
    padding: 20px 20px 10px 20px;
}

.app-refresh #btnLogin,
.app-refresh #btn-reset-link,
.app-refresh #saveButton{
    margin-top: 15px;
    color: #333;
    font-weight: 600;
    font-family: Source Sans Pro,sans-serif;
}

.app-refresh #btnLogin {
    width: 170px;
}

.app-refresh #btn-reset-link {
    width: 243px;
}

.app-refresh #saveButton{
    width: 236px;
}

.app-refresh #login-form .need-subscription-text {
    margin-bottom: 5px;
    font-size: 16px;
}

.app-refresh #login-form .btn.btn-getstarted {
    max-width: 206px;
    background: #716e60;
    font-family: Source Sans Pro,sans-serif;
}

.app-refresh #login-form p.forgot-password {
    font-size: 14px;
    color: #333;
}

.app-refresh #login-form label {
    color: #333;
    margin-bottom: 7px;
    font-size: 16px;
    font-weight: 600;
}

.app-refresh #login-form input {
    height: 44px;
    border: 1px solid #c6c6c6;
    border-radius: 6px;
}

.app-refresh #login-form input:focus {
    border: 2px solid #9aab01;
}

.app-refresh #login-form button,
.app-refresh #login-form a.btn {
    height: 44px;
}

.app-refresh #login-form .input-wrapper{
    position: relative;
}

.app-refresh #login-form #toggle-password,
.app-refresh #login-form #toggle-confirm-password {
    position: absolute;
    top: 3px;
    right: 15px;
    font-size: 22px;
    color: #c6c6c6;
    cursor: pointer;
}

.app-refresh .not-logged-in-top h3{
    font-weight:600;
}

.app-refresh main .not-logged-in-footer {
    padding: 10px 10px;
}

.app-refresh main .not-logged-in-footer p {
    font-size: 14px;
    margin: 0;
}

.app-refresh main .not-logged-in-footer .copyright-text {
    color: #828282;
}

.app-refresh main .not-logged-in-footer .highland-link {
    color: #828282;
    font-weight: 400;
    text-decoration: underline;
}


body.app-refresh.landing.onboarding-lite {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Source Sans Pro", sans-serif;
}

.app-refresh.onboarding-lite .login-container {
    box-shadow: none;
}

.app-refresh.onboarding-lite section#login-form-container {
    background-color: #fff;
    border-radius: 6px 6px;
    box-shadow: none;
    width: 375px;
    text-align: center;
    font-size: 16px;
    min-height: 680px;
    padding-top: 10px;
    margin:auto;
}

.app-refresh.onboarding-lite section#login-form-container .login-title {
    font-size: 16px;
}

.app-refresh.onboarding-lite .login-logo {
    margin: auto;
    margin-top: 40px;
}

.app-refresh.onboarding-lite #btnLogin:disabled {
    color: #333 !important;
    font-weight: 600;
    font-family: Source Sans Pro,sans-serif !important;
    opacity: 1;
}

.app-refresh.onboarding-lite .btn.btn-getstarted {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    color: #fff;
}

.app-refresh.onboarding-lite a {
    color: #6e7a00;
    font-weight: 600;
}

.app-refresh.onboarding-lite #login-form-container .not-logged-in-footer p {
    font-size: 14px;
    margin: 0;
}

.app-refresh.onboarding-lite #login-form {
    padding: 0 20px 0 20px;
}

.app-refresh.onboarding-lite .status-container {
    margin-bottom: 20px;
}

.app-refresh p#errorsReport {
    border: none;
    padding: 10px 20px 10px 20px;
    margin-bottom: 0;
}

.app-refresh p#errorsReport a {
    color: #333;
    text-decoration: underline;
}

.app-refresh .status-container {
    display: flex;
    padding-left: 20px;
    background-color: #f8c1bf;
    margin-top: 30px;
}

.app-refresh #btnLogin.button--loading{
    padding-left:0;
    padding-right: 10px;
    width: 170px;
}

.app-refresh .button--loading span{
    margin-left: 29px;
}

.app-refresh .button--loading::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border: 3px solid #f2f2f2;
    border-top-color: #828282;
    border-radius: 50%;
    animation: button-loading-spinner 1s ease infinite;
}

@keyframes button-loading-spinner {
    from {
        transform: rotate(0turn);
    }

    to {
        transform: rotate(1turn);
    }
}

/*---------------------------------SWITCH COMPANY---------------------------------------------*/
.app-refresh main#app.onboarding-container figure {
    padding: 40px 30px 0;
}

.app-refresh main#app.onboarding-container .login-companies {
    text-align: left;
}

.app-refresh main#app.onboarding-container .login-companies #searchText,
.app-refresh.onboarding-lite .login-companies #searchText {
    margin-bottom: 0;
    border-radius: 6px 6px 0 0;
    height: 44px;
    border: 1px solid #c6c6c6;
}

.app-refresh.onboarding-lite .login-companies #searchText:focus,
.app-refresh main#app.onboarding-container .login-companies #searchText:focus {
    border: 2px solid #9aab01;
}

.login-companies ul#companyList,
.login-companies ul#userList {
    border: 1px solid #a3a9ae;
    height: 271px;
    overflow: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: none;
    border-radius: 0 0 6px 6px;
   
}

.login-companies ul#companyList li,
.login-companies ul#userList li {
    margin-bottom: 0;
    border-bottom: 1px solid #c6c6c6;
}

.login-companies ul#companyList li a,
.login-companies ul#userList li a {
    width: 100%;
    display: inline-block;
    padding: 10px 15px;
    font-weight: 600;
    color: #333;
}

.login-companies ul#companyList li a:hover,
.login-companies ul#userList li a:hover,
.login-companies ul#companyList li:hover a,
.login-companies ul#userList li:hover a{
    color: #333;
}

.login-companies ul#companyList li:hover,
.login-companies ul#userList li:hover {
    color: #333 !important;
    background: #f2f2f2;
    cursor: pointer;
}


.app-refresh.onboarding-lite section#login-form-container .login-companies{
    padding: 20px;
    text-align: left;
}

/*---------------------------------SWITCH USER---------------------------------------------*/
.app-refresh .switch-users.not-logged-in-top h1 {
    text-align: left;
    font-size: 24px;
    font-weight: 600;
}

.app-refresh .bold {
    font-weight: 600;
}

.app-refresh .switch-users.not-logged-in-top h1::after {
    display: none;
}

.login-companies ul#companyList, .login-companies ul#userList {
    height: 211px;
}

/*---------------------------------SWITCH APP---------------------------------------------*/
.app-refresh.onboarding-lite #switch-app.onboarding-container {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    width: 375px;
}

.app-refresh.onboarding-lite #switch-app.onboarding-container .login-logo{
    margin-bottom: 100px;
}

.app-refresh.onboarding-lite a.app-option{
    margin-bottom: 30px;
    height: 72px;
    border-radius:10px;
    color: #333;
    background: #d7d7d7;
    box-shadow:none;
    font-size: 24px;
    text-align:center;
    width: 315px;
}

.app-refresh.onboarding-lite a.app-option .svg-container {
    background: #4f4f4f;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.app-refresh.onboarding-lite a.app-option .button-text-container {
    font-family: "Source Sans Pro", sans-serif;
    font-size:24px;
    padding:0;
    text-align:center;
}

.app-refresh.onboarding-lite #switch-app.onboarding-container .not-logged-in-footer{
    margin-top:80px;
}

input::-ms-reveal,
input::-ms-clear {
    display: none;
}

.app-refresh .alert-banner .banner-info-icon {
    background: #0744cf;
    width: 50px;
    display: flex;
    justify-content: center;
    padding: 12px;
}

.app-refresh .alert-banner {
    background-color: #cfdbf7;
    color: #333;
    margin-bottom: 15px;
    text-align: center;
    font-family: "SourceSansPro-Regular", "Source Sans Pro", sans-serif;
    display: flex;
    justify-content: start;
    position:fixed;
    top:0;
    left:0;
    width: 100%;
    z-index: 1;
}

.app-refresh .alert-banner .banner-msg{
    padding: 10px;
    width: 100%;
}

/*---------------------------------SEASON SETUP RESULTS---------------------------------------------*/
.app-refresh #seasonResults ul li.SeasonData{
    border: 1px solid #828282;
    border-radius: 6px;
    background: #fff;
}

.app-refresh #seasonResults ul li.SeasonData a h3{
    background: #8a9900;
    color: white;
}

.app-refresh #seasonResults .site-grid.info-listing .SeasonData div ul li{
    background: #fff;
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

.app-refresh .site-grid a.checked:before, .site-grid a:hover:before, .site-grid label.checked:before, .site-grid label:hover:before{
    border: 3px solid #8a9900;
}

/*--------------------------------- SITE ALERTS ---------------------------------------------*/
hr.h1-replica {
    background: #797979;
    border: none !important;
    height: 2px;
    width: 100%;
}


/*---------------------------------CROPIQ WORK ORDER / SPRAY RECORD---------------------------------------------*/

.app-refresh .work-order-view h1,
.app-refresh .work-order-view h3,
.app-refresh .spray-record-view h1,
.app-refresh .spray-record-view h3 {
    font-size: 16px;
    color: #212626;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.app-refresh .work-order-view h1:after,
.app-refresh .spray-record-view h1:after {
    background: #c5d800;
    height: 2px;
}

.app-refresh .work-order-view .hr-green,
.app-refresh .spray-record-view .hr-green {
    border-bottom: 2px solid #c5d800;
    margin: 0;
    margin-bottom: 20px;
}

.app-refresh .work-order-view hr{
    margin: 15px 0;
}

.app-refresh .work-order-view h3,
.app-refresh .spray-record-view h3 {
    font-weight: normal;
}

.app-refresh .work-order-section-title input[type=checkbox],
.app-refresh .spray-record-section-title input[type=checkbox] {
    flex: 0 0 20px;
}

.app-refresh .work-order-section-title h1,
.app-refresh .spray-record-section-title h1 {
    flex: 1;
}


@media (min-width: 480px) {
    .app-refresh .work-order-view .work-order-section-title--with-checkbox,
    .app-refresh .spray-record-view .spray-record-section-title--with-checkbox {
        margin-left: -30px;
    }
}

.app-refresh .work-order-view .table-contained th,
.app-refresh .work-order-view .table-contained td,
.app-refresh .spray-record-view .table-contained th,
.app-refresh .spray-record-view .table-contained td {
    padding-left: 10px;
}

.app-refresh .work-order-view #no-color-square,
.app-refresh .spray-record-view #no-color-square {
    height: 20px;
    width: 20px;
    border: 1px solid #c6c6c6;
    background: linear-gradient(to bottom right, transparent calc(50% - 1px), #c6c6c6 calc(50% - 1px), #c6c6c6 50%, transparent 50%);
}

.app-refresh .work-order-view .content-container--green-border,
.app-refresh .spray-record-view .content-container--green-border {
    border: 2px solid #c5d800;
    border-radius: 6px;
    padding: 17px;
}

.app-refresh #ExcludedRecords {
    padding: 1px;
}

.app-refresh #excludedRecordsWrapper {
    width: 100%;
}

@media (min-width: 768px) {
    .app-refresh .work-order-view .product-epano,
    .app-refresh .spray-record-view .product-epano {
        text-align: right;
    }
}
@media (min-width: 896px) {
    .app-refresh #excludedRecordsWrapper {
        width: 50%;
    }
}

.app-refresh .work-order-view .u-icon-download,
.app-refresh .spray-record-view .u-icon-download {
    font-size: 21px;
    margin-bottom: 0;
}

.app-refresh .work-order-view .container--avoid-page-break-inside,
.app-refresh .spray-record-view .container--avoid-page-break-inside {
    page-break-inside: avoid;
}

.app-refresh .work-order-view img.uploaded-image,
.app-refresh .spray-record-view img.uploaded-image {
    max-width: 145px;
    max-height: 152px;
}

@media print {
    .app-refresh .spray-record-section-title,
    .app-refresh .work-order-section-title {
        display: none;
    }
}

/*--------------------------------- Preloader ---------------------------------------------*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff url('../img/Leaf_Bubble_Loader.gif') no-repeat center;
    z-index: 1003;
}

/*--------------------------------- DailyLogsWidget ---------------------------------------------*/

.past-due-badge {
    background: #E2332D;
    border-radius: 5px;
    color: #FFF;
    padding: 2px 6px;
}

.not-started-badge {
    background: #FFC108;
    border-radius: 5px;
    color: #333;
    padding: 2px 6px;
}

.in-progress-badge {
    background: #3A9B35;
    border-radius: 5px;
    color: #FFF;
    padding: 2px 6px;
}

.locked-badge {
    background: #343A40;
    border-radius: 5px;
    color: #FFF;
    padding: 2px 6px;
}

.pending-approval-badge {
    background: #4709CC;
    border-radius: 5px;
    color: #FFF;
    padding: 2px 6px;
}

.rejected-badge {
    background: #89221C;
    border-radius: 5px;
    color: #FFF;
    padding: 2px 6px;
}

.logs-button-wrapper {
    border-bottom: 1px solid #333;
    margin-bottom: 5px;
}

.app-refresh li.k-button,
.app-refresh .k-multiselect-wrap li.k-button.k-state-hover {
    background: #8A9900 !important;
}

@media (min-width: 896px) {
    .scouting-report-print-width10p {
        width: 10% !important;
    }

    .scouting-report-print-width20p {
        width: 20% !important;
    }

    .scouting-report-print-width40p {
        width: 40% !important;
    }
}


/*--------------------------------- Work Order View Page ---------------------------------------------*/


.app-refresh .work-order-view table.table-contained thead tr {
    border-bottom: none;
}

.app-refresh .work-order-view .custom-lower-margin {
    margin-bottom: 5px !important;
}

.app-refresh .work-order-view table.table-contained.blocks-table tr td,
.app-refresh .work-order-view table.table-contained.blocks-table tr td:last-of-type {
    padding: 0 !important;
    margin: 10px 0;
    min-height: 44px;
}

.app-refresh .work-order-view .table-contained.products-table tr,
.app-refresh .work-order-view .table-contained.products-table tr td {
    background: none !important;
}

.app-refresh .work-order-view .table-contained.products-table tr td p {
    margin: 0 !important;
}

.app-refresh .work-order-view.print-view * {
    font-size: 14px !important;
}

.app-refresh .work-order-view [data-label="Start"] label,
.app-refresh .work-order-view [data-label="End"] label,
.app-refresh .work-order-view [data-label="Block"] label {
    font-weight: normal;
}

.app-refresh .work-order-view .table-contained td {
    padding-left: 0 !important;
}

.app-refresh .work-order-view .table-contained th {
    padding: 5px 0 0 0 !important;
}

.app-refresh .work-order-view .table-contained.products-table th {
    padding: 5px 10px 10px 0 !important;
    vertical-align: bottom;
}

.app-refresh .work-order-view .border-bottom tr:last-of-type > td,
.app-refresh .work-order-view.print-view .border-bottom tr:last-of-type > td {
    display: none;
}

.app-refresh .work-order-view td[data-label="Planting"] div:nth-child(n+5):last-child,
.app-refresh .work-order-view.print-view td[data-label="Planting"] div:nth-child(n+3):last-child {
    margin-bottom: 10px;
}

.app-refresh .work-order-view .triangle-warning:before {
    margin-left: -4px;
    padding-right: 6px;
}

.app-refresh .work-order-view .work-order-comment {
    padding-top: 5px;
}

.app-refresh .work-order-view .attachment-file {
    min-height: 44px;
    margin-left: 8px;
}

.app-refresh .work-order-view .weather-table td,
.app-refresh .work-order-view .weather-table tr,
.app-refresh .work-order-view .weather-table th {
    background: none;
    text-align: left;
}

.app-refresh .work-order-view [data-label=Label],
.app-refresh .work-order-view [data-label=Label] a,
.app-refresh .work-order-view [data-label=Label] a:visited,
.app-refresh .work-order-view [data-label=SDS],
.app-refresh .work-order-view [data-label=SDS] a,
.app-refresh .work-order-view [data-label=SDS] a:visited {
    background: transparent;
    padding: 0;
    display: table-cell;
}

.app-refresh .work-order-view .table-contained tr [data-label=SDS],
.app-refresh .work-order-view .table-contained tr [data-label=Label] {
    vertical-align: top;
}

.app-refresh .work-order-view [data-label=SDS] a span.u-icon-download:before,
.app-refresh .work-order-view [data-label=Label] a span.u-icon-download:before {
    top: 0;
    left: 0;
}

.app-refresh .work-order-view .u-padding-right-1 {
    padding-right: 5px !important;
}

.app-refresh .work-order-view .font-normal,
.app-refresh .normal-weight {
    font-weight: normal !important;
}

.app-refresh .work-order-view .products-table-wrapper {
    overflow-x: scroll;
}

.app-refresh .work-order-view .products-table th,
.app-refresh .work-order-view .products-table td {
    width: 160px;
}

.app-refresh .work-order-view.print-view .products-table th,
.app-refresh .work-order-view.print-view .products-table td {
    width: auto;
}

.app-refresh .work-order-view .pointer {
    cursor: pointer;
}

.app-refresh .work-order-view .border-bottom tr:last-of-type > td hr,
.app-refresh .work-order-view.print-view .border-bottom tr:last-of-type > td hr {
    display: none;
}

.app-refresh .work-order-view table.table-contained.no-striping.products-table.u-margin-0 td p {
    margin-bottom: 5px !important;
}

@media(max-width: 895px) {
    .app-refresh .work-order-view .mobile-flex-column {
        flex-direction: column !important;
    }

    .app-refresh .work-order-view table.table-contained.no-striping.products-table.u-margin-0 td,
    .app-refresh .work-order-view table.table-contained.no-striping.products-table.u-margin-0 td a {
        width: 100% !important;
        display: block !important;
        margin-left: 0 !important;
    }

    .app-refresh .work-order-view .products-table-wrapper {
        overflow: hidden;
    }

    .app-refresh .print-same-as-screen {
        width: 90% !important;
    }

    .app-refresh .flexbox-grid.two-column-mobile .grid-item.two-thirds {
        width: 100%;
    }
}

@media(max-width: 767px) {
    .app-refresh .work-order-view .desktop-only {
        display: none !important;
    }
    .app-refresh .addSiteAlert {
        width: 100%;
    }
}

/*--------- Overwriting print page css ------------------*/
@media print {
    .app-refresh .work-order-view .work-order-section-title {
        display: block;
    }

    .app-refresh .work-order-view.print-view .work-order-section-title--with-checkbox {
        margin-left: 0;
    }

    .app-refresh [data-label="Planting"].md-u-margin-0 {
        margin-top: 0 !important;
    }

    .app-refresh .work-order-view.print-view * {
        font-size: 14px !important;
    }

    /*top padding on print.*/ 
    .app-refresh.logged-in .site-outer-wrapper {
        padding-top: 20px !important;
    }

    .app-refresh .blocks-table thead > tr > th:nth-child(-n+2) {
        width: 20% !important;
    }

    .app-refresh .work-order-view table.table-contained.no-striping.products-table.u-margin-0 td,
    .app-refresh .work-order-view table.table-contained.no-striping.products-table.u-margin-0 td a {
        width: auto !important;
        display: table-cell !important;
    }

    .app-refresh .work-order-view .border-bottom tr:last-of-type > td hr,
    .app-refresh .work-order-view.print-view .border-bottom tr:last-of-type > td hr {
        display: none;
    }

    .app-refresh .work-order-view.print-view .mobile-flex-column {
        flex-direction: row !important;
    }
    .app-refresh .work-order-view.print-view [data-label="Start"] label,
    .app-refresh .work-order-view.print-view [data-label="End"] label,
    .app-refresh .work-order-view.print-view [data-label="Block"] label {
        margin-top: 8px !important;
    }
    .app-refresh .work-order-view.print-view table.table-contained.blocks-table tr td {
        min-height: 33px !important;
    }
    .app-refresh .work-order-view .table-contained.products-table th {
        padding: 5px 5px 10px 0 !important;
    }
}

.app-refresh .work-order-view .c-map-container {
    height: 880px;
    max-width: 698px;
}

.app-refresh .work-order-view .print-view .c-map-container {
    width: 698px;
}

.app-refresh .rei-modal-record:nth-of-type(2n+1) {
    background: #f2f2f2;
}

.app-refresh .u-icon-trash-delete:before {
    content: url(../img/icons/reskin/icon-trash-delete.svg);
    vertical-align: middle;
}
/*--------------------------------- SUPPLIER VIEW CARD ---------------------------------------------*/

.app-refresh .fixed-main-contact {
    width: 120px;
    height: 26px;
    color: #ffffff;
    text-align: center;
    margin-left: auto;
}

.app-refresh .orange-background {
    background-color: #e29031;
}

.email-alert p {
    color: #ff3333;
}

.app-refresh .right-align {
    margin-left: auto !important;
}

.app-refresh .curved-border {
    border-radius: 6px;
}


.u-icon-add-supplier-contact {
    text-align: center;
    flex-basis: 100%;
}

.u-icon-add-supplier-contact:before {
    content: url(../img/icons/reskin/SP_AddSupplierContact.svg);
    display: inline-block;
    vertical-align: middle;
    background: none;
    text-align: center;
    margin-top: 0;
    padding-right: 8px;
}

.supplier-contact-container {
    gap: 10px;
    align-items: stretch;
}

.supplier-contact-card {
    padding: 15px 15px;
    border-radius: 6px;
    background-color: #f2f2f2;
}

.supplier-contact-card-create-container {
    cursor: pointer;
    min-height: 631px;
}

.supplier-contact-card-create-content {
    height: 100%;
}

#selectActiveIngredientFilter .k-dropdown {
    min-width: 100%;
    max-width: 100%;
}

.app-refresh .u-margin-left-auto {
    margin-left: auto !important;
}

/*---------------------------------IN-APP ALERT BANNER--------------------------------------------*/
.alert-banner-in-app .banner-info-icon {
    background: #0744cf;
    width: 50px;
    display: flex;
    justify-content: center;
    padding: 12px;
}

.alert-banner-in-app {
    background-color: #cfdbf7;
    color: #333;
    text-align: center;
    font-family: "SourceSansPro-Regular", "Source Sans Pro", sans-serif;
    display: flex;
    justify-content: start;
    position: inherit;
    width: 100%;
    z-index: 1;
    margin-bottom: 5px;
    margin-top: -2px;
}

.alert-banner-in-app .banner-msg {
    padding: 10px;
    width: 100%;
    justify-content: center;
    text-align: center;
}

.alert-banner-in-app .close-btn-container {
    line-height: 20px;
    transition: 0.3s;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    color: black;
    font-weight: bold;
    font-size: 24px;
}
.alert-banner-in-app .close-btn-container .close-btn {
    width: 24px;
    height: 24px;
    border: none;
    cursor: pointer;
    text-align: center;
    justify-content: center;
}

.alert-banner-in-app .close-btn-container .close-btn:hover {
    border-radius: 6px;
    background-color: rgba(174, 194, 239, 1);
    cursor: pointer;
}

@media print {
    #in-app-system-message {
        display: none;
    }
}