#wrap-header-v2 {
    background-color: var(--Primary-600);
    width: 100%;
    height: 64px;
}

#wrap-header-v2 > .righty {
    background-color: var(--Primary-600)
}

[multiple="multiple"] {
    overflow-y: scroll;
}

#wrap-header-v2 .header-logo-holder {
    float: left;
    width: 175px;
    background: #2B3B42;
    display: inline-block;
    height: 64px;
}

.totalIntakeHead[readonly="readonly"] {
    background-color: var(--System-success-050) !important;
    border: 1px solid var(--Mono-300)  !important;
}

.createdByFarmMind {
    background: url(../images/farmmind-banner.svg) no-repeat 0 0;
    width: 200px;
    height: 35px;
    vertical-align: middle;
    margin-left: 8px;
    margin-top: 20px
}

.fullPrice {
    color: var(--Mono-600, #4B5462);
    text-decoration: line-through;
}

#wrap-header-v2 .menu-primary-third-level li a {
    font-size:13px !important;
}

#wrap-header-v2 {
    box-sizing: content-box !important;
}



#wrap-header-v2 a[href="#menu-farm"] {
    height: 34px;
}
#wrap-header-v2 #menu-farm .caret {
    margin-top: 15px;
    border-top-color: white;
}
#wrap-header-v2 #menu-farm.open .caret {
    border-bottom: 4px solid #251B94;
}
#wrap-header-v2 #menu-farm .dropdown-toggle {
    line-height: 34px;
    margin-top: 0px;
    margin-left: 4px;
}

#wrap-header-v2 #connectionStatus {
    padding-left: 218px;
    line-height:64px;
    color:white;
}

#wrap-header-v2 .farm-name-menu {
    margin-right: 16px;
}

#wrap-header-v2 .nav-background:hover {
    background-color: inherit;
}

#wrap-header-v2  #menu-farm.open .dropdown-toggle {
    color: #251B94;
    background-color: white;
    border-radius:3px;
}

#wrap-header-v2  #menu-farm.open .current-farm-link {
    color: #251B94;
}

#wrap-header-v2 .righty {
    padding-top: 14px;
}

#wrap-header-v2 #menu-primary {
    padding-top:16px;

}

#wrap-header-v2 #farmMenuWrapper {
    background: white;
}
#wrap-header-v2 .second-level {
    display: inline-block;
    height: 680px;
    width: 100%;
    text-align: center;
    background: white;
    border-bottom: 1px solid #D1D5DB;
}

#wrap-header-v2 .dropdown-menu a {
    font-weight:bold;
}

#wrap-header-v2 a {
    outline: 0 !important;
}

#wrap-header-v2 .helpMenuDropdownOption {
    color:var(--Mono-700) !important;
    line-height: 24px;
    border-bottom:none;
}

#wrap-header-v2 .helpMenuDropdownOption:hover {
    background:var(--Primary-600);
    color:white !important;
}

#wrap-header-v2 #helpMenu.open .helpMenu {
    border: 1px solid white;
    border-radius: 4px;
    border-color: white;
    background-color: #251B94;
    background-image: url(../images/icons/info.svg);
    height: 32px;
    width: 32px;
    background-position: 50% 0px;
    background-size: 32px;
}

#wrap-header-v2 .dropdown-menu.helpMenu-menu {
    width:264px;
}

#helpMenu > div {
    right: 0px;
}

.searchContainer {
    padding: 12px;
}

.popoutIcon {
    display: inline-block;
    width:16px;
    height:16px;
    background: url(../images/icons/popout.svg) no-repeat 0 0;
    position: relative;
    top: 3px;
    left: 5px;
}

a:hover .popoutIcon {
    background: url(../images/icons/popout-hover.svg) no-repeat 0 0;
}

.tickIcon {
    background: url(../images/icons/tick.svg) no-repeat 0 0;
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    top: 10px;
}

.tickIconGreen {
    background: url(../images/icons/tick-green.svg) no-repeat 0 0;
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    top:-5px;
}

#wrap-header-v2 .drop-down-menu-item a.button-icon-change-account {
    background: url(../images/icons/changeaccount.svg) no-repeat 0 0;
}
#wrap-header-v2 .drop-down-menu-item a.button-icon-switch-farm-company {
    background: url(../images/icons/home.svg) no-repeat 0 0;
}

#wrap-header-v2 .drop-down-menu-item a.button-icon-switch-global {
    background: url(../images/icons/switch.svg) no-repeat 0 0;
}

#wrap-header-v2 .drop-down-menu-item a.button-icon-orghome {
    background: url(../images/icons/organisation.svg) no-repeat 0 0;
}
#wrap-header-v2 .drop-down-menu-item a.button-icon-partner-access {
    background: url(../images/icons/partner.svg) no-repeat 0 0;
}

#wrap-header-v2 .drop-down-menu-item a.button-icon-fms-system {
    background: url(../images/icons/tool.svg) no-repeat 0 0;
}
#wrap-header-v2 .drop-down-menu-item a.button-icon-home {
    background: url(../images/icons/star.svg) no-repeat 0 0;
}
#wrap-header-v2 ul.menu-primary-third-level {
    margin-left:0;
}

#wrap-header-v2 .navigation-list-second-level > li > a {
    text-align:left;
}

#wrap-header-v2 .current-farm-link {
    font-weight: bold;
    color: white;
    font-size: 14px;
}

#wrap-header-v2 .navigation-list-second-level > li {
    width: 224px;
    overflow-x: hidden;
}

@media (max-width:1355px) {
    #wrap-header-v2 .navigation-list-second-level > li, .menu-primary-third-level li {
        width: 160px !important;
    }

    .menu-primary-third-level a{
        width: 160px !important;
        padding: 9px 0px !important;
        font-size: 11px !important;
    }
}

@media (max-width:977px){
    #wrap-header-v2 .navigation-list-second-level > li, .menu-primary-third-level li {
        width: 130px !important;
    }

    .menu-primary-third-level a{
        width: 130px !important;
        padding: 9px 0px !important;
        font-size: 10px !important;
    }
}

#wrap-header-v2 .navigation-list li {
    float: initial;
    display: inline-block;
}

#wrap-header-v2 .menu-primary-third-level li {
    border-bottom:none;
}

#wrap-header-v2 #farmMenuWrapper .menu-primary-third-level li:hover {
    color:white;
    background:var(--Primary-600);
}

#wrap-header-v2 #farmMenuWrapper .menu-primary-third-level li a:hover {
    color:white !important;
    background:var(--Primary-600);
}

#wrap-header-v2 #farmMenuWrapper .menu-primary-third-level li a {
    color: var(--White);
}

#wrap-header-v2 #farmMenuWrapper .navigation-list li a {
    background: white;
    color:#374151;
    font-weight:700;
    font-size:15px;
}

#wrap-header-v2 a.helpMenu {
    background-position: 50% -35px;
    padding: 0 !important;
}

#wrap-header-v2 .dropdown-menu {
    position: absolute;
    top:41px;
    padding: 2px;
    background: white;
    border-radius: 4px;
    border: 2px solid var(--White);
    box-shadow: 1px 1px 7px 2px var(--Mono-500);
}

#wrap-header-v2 .nav > a:hover {
    background-color: initial;
}

#wrap-header-v2 .navigation-list-second-level > li > a {
    width:194px;
    border-bottom: 2px solid #D1D5DB;
}

#wrap-header-v2 ul.menu-primary-third-level {
    top:110px;
}

#wrap-header-v2 .navigation-list-second-level > li > a {
    height:76px;
}

#wrap-header-v2 .header-icon-level2 {
    position:relative;
    margin-bottom:4px;
}

#menu-notifications .dropdown-toggle2:hover {
    border: 1px solid white;
    border-radius: 4px;
    border-color: white;
    background-color: #251B94 !important;
}

#menu-notifications.has-notifications .dropdown-toggle2 {
    background-image: url(../images/icons/bell-filled.svg);
}

#wrap-header-v2 #menu-notifications.has-notifications #notifications-count {
    position: absolute;
    left: -18px;
    top: -2px;
    display: flex;
    justify-content: center;
    content: attr(data-badge);
    font-size: 10px;
    color: white;
    line-height: 14px;
    background-color: #dc2626;
    padding: 5px;
    border-radius: 14px;
    min-width: 14px;
    min-height: 14px;
    z-index:1000;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.75), 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

#menu-notifications .dropdown-toggle2 {
    background-image: url(../images/icons/bell.svg);
    background-size: 32px;
    border: 1px solid black;
    border-color: transparent;
    height:32px;
    width:32px;
    background-position: 50% 0px;
    background-repeat: no-repeat;
    display: block;
    position:relative;
}

#wrap-header-v2 a.dashboardMenu {
    background-image: url(../images/icons/dashboard.svg);
    background-size: 32px;
    border: 1px solid black;
    border-color: transparent;
    height:32px;
    width:32px;
    background-position: 50% 0px;
}

#wrap-header-v2 a.dashboardMenu:hover {
    border: 1px solid white;
    border-radius: 4px;
    border-color: white;
    background-color:#251B94;
}

#wrap-header-v2 a.reportsMenu {
    background-image: url(../images/icons/report.svg);
    background-size: 32px;
    border: 1px solid black;
    border-color: transparent;
    height:32px;
    width:32px;
    background-position: 50% 0px;
}

#wrap-header-v2 a.reportsMenu:hover {
    border: 1px solid white;
    border-radius: 4px;
    border-color: white;
    background-color:#251B94;
}

#wrap-header-v2 a.tagLibrary {
    background-image: url(../images/icons/library.svg);
    background-size: 32px;
    border: 1px solid black;
    border-color: transparent;
    height:32px;
    width:32px;
    background-position: 50% 0px;
}

#wrap-header-v2 a.tagLibrary:hover {
    background-color:#251B94;
    border: 1px solid white;
    border-radius: 4px;
    border-color: white;
}

#wrap-header-v2 a.calendarMenu{
    background-image: url(../images/icons/calendar.svg);
    background-size: 32px;
    border: 1px solid black;
    border-color: transparent;
    height:32px;
    width:32px;
    background-position: 50% 0px;
}

#wrap-header-v2 a.calendarMenu:hover {
    background-position: 50%;
    border: 1px solid white;
    border-radius: 4px;
    border-color: white;
    background-color:#251B94;
}

#wrap-header-v2 a.toolsMenu {
    background-image: url(../images/icons/tools.svg);
    background-size: 32px;
    border: 1px solid black;
    border-color: transparent;
    height:32px;
    width:32px;
    background-position: 50% 0px;
}

#wrap-header-v2 a.toolsMenu:hover {
    border: 1px solid white;
    border-radius: 4px;
    border-color: white;
    background-color:#251B94;
}

#wrap-header-v2 a.tasksMenu {
    background-image: url(../images/icons/tasks.svg);
    background-size: 32px;
    border: 1px solid black;
    border-color: transparent;
    height:32px;
    width:32px;
    background-position: 50% 0px;
}

#wrap-header-v2 a.tasksMenu:hover {
    background-color:#251B94;
    background-image: url(../images/icons/tasks.svg);
    background-size: 32px;
    border: 1px solid white;
    border-radius: 4px;
    border-color: white;
    background-repeat: no-repeat;
    background-position: 50% 0px;

}

#wrap-header-v2 .navigation-list-second-level > li > a {
    pointer-events:none;
}


#wrap-header-v2 .drop-down-menu-item a:hover {
    text-decoration: underline !important;
}

#wrap-header-v2 .farm-loggedin strong {
    padding: 0px 0 0px 0;
}

#wrap-header-v2 a.tasksMenu:hover {
    border: 1px solid white;
    border-radius: 4px;
    border-color: white;
}

#wrap-header-v2 a.mapMenu, #wrap-header-v2 a.mapMenu.no-module:hover {
    background-image: url(../images/icons/map.svg);
    border: 1px solid black;
    border-color: transparent;
    height:32px;
    width:32px;
    background-position: 50% 0px;
}
#wrap-header-v2 a.helpMenu, #wrap-header-v2 a.helpMenu.no-module:hover {
    background-image: url(../images/icons/info.svg);
    border: 1px solid black;
    border-color: transparent;
    height:32px;
    width:32px;
    background-position: 50% 0px;
    background-size:32px;
}
a.helpMenu.fwfp-help {
    background-image: url(../images/icons/info-fwfp.svg) !important;
    background-color: white;
}

.fwfp-help:hover {
    border-color: var(--Mono-300) !important;
    background-color: var(--Mono-100) !important;

}

#helpMenu.open .fwfp-help {
    border: 1px solid var(--Mono-300) !important;
    background-color:var(--Mono-050) !important;
}

#credentialsDialog{
    overflow-x: hidden;
}

#wrap-header-v2 a.mapMenu:hover {
    border: 1px solid white;
    border-radius: 4px;
    border-color: white;
    background-color:#251B94;
}

#wrap-header-v2 a.helpMenu:hover {
    border: 1px solid white;
    border-radius: 4px;
    border-color: white;
    background-color: #251B94;
}


#wrap-header-v2 #menu-notifications .dropdown-toggle {
    width: 32px;
    height: 32px;
    position: relative;
    padding-left: 0px;
    background-size: 24px 105px;
    border: 1px solid black;
    border-color: transparent;
}

#wrap-header-v2 #menu-notifications.has-notifications #notifications-count {
    left: 14px;
}
#wrap-header-v2 #menu-notifications.has-notifications .dropdown-toggle {
    display: block;
    background-position: 5px -35px;
}

#wrap-header-v2 #menu-notifications .dropdown-toggle:hover {
    border: 1px solid white;
    border-radius: 4px;
    border-color: white;
    background-color:#251B94;
}

#wrap-header-v2 #menu-notifications .dropdown-toggle {
    /*background: url(../images/icon-nav-notifications.png) no-repeat 10px 6px;*/
}

#wrap-header-v2 #menu-notifications .dropdown-toggle {
    width: 32px;
    height: 32px;
    position: relative;
    padding-left: 3px;
    background-size: 24px 99px;
}

#wrap-header-v2 #menu-notifications:not(.has-notifications) .dropdown-toggle:hover {
    display: block;
    background: url(../images/icon-nav-notifications.png) no-repeat 9px 6px;
    background-size: 24px 99px;
}

[title2] {
    position: relative;
    border-radius:4px;
}

.moveRight[title2]:hover:before {
    transform: translate(-70%, -10%);
}

#feature-add-edit-panel #feature-name-error, #feature-name-error2,#effluent-run-error,#block-paddocks-error,#hazard-name-error,#editPaddockError2,#report-criteria-error,#report-criteria-error-pasture,#delete-land-unit-error {
    display: flex;
    clear: both;
    background: var(--System-error-050);
    padding: 10px;
    border-radius: 5px;
    margin-top:15px;
    color:var(--Mono-900);
}

#feature-add-edit-panel #feature-name-error span, #feature-name-error2 span,#effluent-run-error span,#block-paddocks-error span,#hazard-name-error span,#editPaddockError2 span,#report-criteria-error span,#report-criteria-error-pasture span, #delete-land-unit-error span {
    margin-left: 6px;
    font-size: 15px;
}
#feature-add-edit-panel #feature-name-error:before, #feature-name-error2:before, #effluent-run-error:before,#block-paddocks-error:before,#hazard-name-error:before,#editPaddockError2:before,#report-criteria-error:before,#report-criteria-error-pasture:before, #delete-land-unit-error:before {
    display: inline-block;
    content: ' '; /*needs this */
    background: url(../images/icons/error_warning_map.svg) no-repeat;
    box-sizing: border-box;
    width:20px;
    height:20px;
    min-width: 20px;
    margin-right: 5px;
    top:10px;
    position: relative;
}

#feature-add-edit-panel #feature-name-error:before, #effluent-run-error:before,#block-paddocks-error:before,#hazard-name-error:before,#editPaddockError2:before,#report-criteria-error:before,#report-criteria-error-pasture:before {
    top: 0;
}

#editPaddockTitle{
    font-weight: 800;
    font-size: 15px;
}

[title2]:hover:before {
    background: var(--Mono-900);
    top: 100%;
    background: rgba(0, 0, 0);
    border-radius: 5px;
    color: #fff;
    font-size:12px !important;
    font-weight:700;
    font-family: 'Inter';
    content: attr(title2);
    padding: 5px 15px;
    position: absolute;
    z-index: 9999999999;
    width: auto;
    margin-top: 10px;
    transform: translate(-50%, -10%);
    left: 50%;
}

[title2]:hover:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 11px solid black;
    content: ' ';
    position: absolute;
    z-index: 99;
    top: 100%;
    transform: translate(-50%, -10%);
    left: 50%;
}

[title2-rel] {
    position: relative;
    border-radius:4px;
}

[title2-rel]:hover:before {
    background: var(--Mono-900);
    top: 25px;
    background: rgba(0, 0, 0);
    border-radius: 5px;
    color: #fff;
    font-size:12px !important;
    font-weight:700;
    font-family: 'Inter';
    content: attr(title2-rel);
    padding: 5px 15px;
    position: relative;
    z-index: 9999999999;
    width: auto;
    margin-top: 10px;
    transform: translate(-50%, -10%);
    left: -30px;
}

[title2-rel]:hover:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 11px solid black;
    content: ' ';
    position: relative;
    z-index: 9999999999;
    top: -4px;
    transform: translate(-50%, -10%);
    left: -55px;
}

.infoMessage {
    position: relative;
    border-radius:4px;
    width: 400px;
    left: -133px;
    top: 3px;
    display:none;
}

.infoMessage.tall:before {
    margin-top: 14px;
}
.infoMessage:before {
    background: var(--Mono-900);
    top: 100%;
    background: rgba(0, 0, 0);
    border-radius: 5px;
    color: #fff;
    font-size:12px !important;
    font-weight:700;
    font-family: 'Inter';
    content: attr(info-message);
    padding: 5px 15px;
    position: absolute;
    z-index: 9999999999;
    width: auto;
    margin-top: 10px;
    transform: translate(-50%, -10%);
    left: 50%;
}

.infoMessage:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 11px solid black;
    content: ' ';
    position: absolute;
    z-index: 99;
    top: 100%;
    transform: translate(-50%, -10%);
    left: 40%;
}

#wrap-header-v2 a.lwpDashboardMenu {
    background-position: 50% -38px;
    width: 32px;
    height: 32px;
    border: 1px solid black;
    border-color: transparent;
}


a.history-icon-small.event-icon-small::before {
    width: 71px; !important;
}


#wrap-header-v2 a.lwpDashboardMenu:hover {
    border: 1px solid white;
    border-radius: 4px;
    border-color: white;
    background-color:#251B94;
}
#wrap-header-v2 .header-icon-level2 img {
    margin-top: 15px;
    margin-left: 5px;
}

#wrap-header-v2 .navigation-list-second-level > li > a > span {
    width:initial;
}

#wrap-header-v2 #menu-tasking a:hover {
    background-color: #251B94;

}

#wrap-header-v2 #menu-notifications a:hover {
    background-color: initial;
}

#wrap-header-v2 #menu-tasking a {
    color: white;
    padding-top:0;
}


#wrap-header-v2 .dropdown-menu .version {
    background-color:white;
    color: var(--Mono-900);
    border-radius: 4px;
}

#wrap-header-v2 .dropdown-menu .farm-loggedin {
    background-color:white;
    color: var(--Mono-900);
}

#wrap-header-v2 .dropdown-menu .farm-loggedin a {
    color: var(--Primary-700);
    font-weight:bold;
    font-size:13px;
    margin-top:8px;
}

#wrap-header-v2 .link_my_org_home a:hover {
    height: initial !important;
}

#wrap-header-v2 .link_my_switch_farm a:hover {
    height: initial !important;
}

#wrap-header-v2 #logout {
    color:#111827;
    background: white;
}

#wrap-header-v2 #logout:hover {
    color:var(--Mono-900);
    background: var(--Mono-100);
}


#wrap-header-v2 #choose-farm-list a {
    color:var(--Primary-600);
    font-weight: bold;
}
#wrap-header-v2 #choose-farm-list a:hover {
    text-decoration: underline;
}


element.style {
}
#wrap-header-v2 .dropdown-menu .farm-loggedin a {
    color: var(--Primary-700);
    font-weight: bold;
}
#wrap-header-v2 #choose-farm-list dd a:hover, #choose-company-list dd a:hover {
    text-decoration: underline;
    background-color: white;
}

#wrap-header-v2 #choose-farm-list {
    border:none;
    padding:7px 0;
    margin-bottom:4px;
    padding-top:2px;
}

#wrap-header-v2 #menu-primary li:first-child a {
    margin-left: 0;
    padding-left: 12px;
    font-size:15px;
}

#wrap-header-v2 #menu-primary a {
    line-height:30px;
    color:white;
    font-size:15px;
    border: 1px solid black;
    border-color: transparent;
}

#wrap-header-v2 .pull-right.farm-name-menu .dropdown-toggle {
    border: 1px solid black;
    border-color: transparent;
}

#wrap-header-v2 .pull-right.farm-name-menu .dropdown-toggle:hover {
    border: 1px solid white;
    border-radius: 4px;
    background: #251B94;
}
#wrap-header-v2 #menu-primary a:hover {
    color: #fff;
    background: #251B94;
    border:1px solid white;
    border-radius:4px;
}
#wrap-header-v2 #menu-primary a.hovered {
    color: #fff;
    background: #251B94;
    border:1px solid white;
    border-radius:4px;
}
#wrap-header-v2 .header-logo-holder-after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 32px 0 32px 30px;
    border-color: transparent transparent transparent #2B3B42;
    float: left;
}

#wrap-panel-main-content {
    height: calc(100% - 63px);  /* minus height of header */
    background: var(--White);
    overflow: auto;
}

.panel-content {
    padding: 0px 20px 20px 20px;
    position: relative;
}

/*
 * Notifications panel
 *
 */
#tasking-events {
    overflow: auto;
}
#notifications-events {
    max-height: 400px;
    overflow: auto;
}
#notifications-events .notification {
    background: var(--Primary-200);
}

#notifications-events .notification-error {
    background: var(--System-error-700);
}

#notifications-events .notification-important {
    background: #D90700;
}

.taskingpanel {
    position: absolute;
    top: 63px;
    display:none;
    right: -500px;
    width: 450px;
    background: var(--Mono-100);
    color: var(--Mono-900);
    height: 100%;
    z-index: 9999999;
    border-left:1px solid var(--Mono-300);
    box-shadow: -2px 0px 9px 1px var(--Mono-900)1f;
}

#tasking-panel-content {


}

.button.button-blue-primary:hover {
    background: var(--Primary-900);
}

.taskbar {
    padding:10px;
    font-weight:bold;
}

#menu-tasking a {
    color: #ddd;
    font-size: 20px;
    height:30px;
}

#menu-tasking a:hover {
    background: var(--Primary-700);
    text-decoration:none;
}
#menu-tasking a {
    padding-top: 10px;
    padding-right: 4px;
    padding-left: 4px;
    display:block;
}



.dataTables_filter{
    border:1px solid var(--Mono-300);
}

.tasking-header {
    font-size: 15px;
    padding:10px;
    border-top:1px solid var(--Mono-300);
    background: white;
    color:var(--Mono-700);
    font-weight: bold;
    cursor:pointer;
}

.tasking-header:hover {
    background: var(--Mono-200);
}

#tasking-events {
    border-bottom:1px solid var(--Mono-300);
    background:white;
}
.tasking-content-wrapper {
    padding:0px 20px 10px 20px;
}

.tasking-header .arrow {
    margin-right:15px;
    cursor:pointer;
}

.taskCount {
}

.tasking-header .openArrow ~ span {
}

.tasking-header .openArrow ~ a {
}

.tasking-header .arrow.openArrow {
    border-width: 8px 4px 0 4px;
    border-color: #666 transparent transparent transparent;
}

.todocompleted  .detailsDisplay {
    text-decoration: line-through;
}

.todocompleted  .detailsDisplayTask {
    text-decoration: line-through;
}

[data-todo-history] {
    font-size:10px;
}

.tasking-content-wrapper input[type="checkbox"] {
    width: 19px !important;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    padding: 7px;
}

.tasking-content-wrapper input[type="checkbox"][checked="checked"] {

}

.scrollable-panel {
    max-height:450px;
}

.todoitem {
    position:relative;
}

.noTasks {
    margin-top: 15px;
    display: inline-block;
    font-style: italic;
}

.todoitem [data-delete-for] {
    position: absolute;
    right: -5px;
    font-size: 13px;
    z-index: 100;
    text-decoration:none;
    top:8px;
    cursor:pointer;
    display:none;
}

.detailsDisplayTask {
    margin-left: 5px;
    top: 2px;
    position: relative;
    max-width: 250px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.todoitem .margin {
    clear: both;
    padding-bottom: 8px;
}

.todoitem {
    clear:both;
    min-height:20px;
    padding-top: 10px;
}

.todoitem input[data-complete-for] {
    margin-right:10px;
    float:left;
}

.todoitem input[data-completetask-for][readonly] {
    opacity: 0.4;
}

.todoitem .detailsDisplay {
    width: calc(100% - 100px);
    float:left;
    cursor:pointer;
}

.todoitem:hover [data-delete-for] {
    display:inline-block;
}

.todoitem .detailsInput {
    width: calc(100% - 100px);
    float:left;
}

.overdueBadge {
    padding:7px;
    border-radius:15px;
    margin-left: 5px;
    color:var(--System-error-700);
    background:#FFECEC;
    font-weight: bold;
}

.taskResolutionInfoOverdue {
    float: right;
    color: var(--System-error-700);
}

.taskResolutionInfoFuture {
    float: right;
    color: #390;
}


.notifypanel {
    position: absolute;
    top: 63px;
    display:none;
    right: -500px;
    width: 450px;
    background: var(--Mono-100);
    color: var(--Mono-900);
    height: 100%;
    z-index: 9999999;
    box-shadow: -2px 0px 9px 1px var(--Mono-900)1f;
    border-left: 1px solid var(--Mono-300);
}
.notifypanel .notification {
    padding: 15px;
    border-bottom: 1px solid var(--Mono-300);
    background: white;
}

.notifypanel .notification:first-of-type {
    border-top: 1px solid var(--Mono-300);
}

.notifypanel #notifications-attention .notification {
    border-bottom: 1px solid #E99140;
    background: #FFFAF5;
}
.notifypanel #notifications-attention .notification:first-of-type {
    border-top: 1px solid #E99140;
}

.notifypanel #notifications-attention .notification .button {
    background: #E99140;
    color: white;
    border: none;
    padding: 6px 4px;
}

.notifypanel:hover #notifications-attention:hover .notification:hover .button:hover {
    background: var(--Sheep-orange-700);
}

.no-connection .notifypanel {
    top: 69px;
}
#notifications_errors {
    min-height: 200px;
}
.notifypanel .notifications-header {
    padding: 15px;
    font-weight: bold;
    background: var(--White);
    border-top:1px solid var(--Mono-300);
    color:var(--Mono-700);
    font-size:15px;
    cursor:pointer;
}

.notifications-header:hover {
    background:var(--Mono-200);
}

.notifypanel .notifications-header-main {
    padding: 10px 6px;
    font-size: 20px;
}

.dotdotdot {
    font-weight:bold;
    letter-spacing: 1px;
    text-decoration:none;
    color:var(--Mono-900);
    line-height: 10px;
    font-size: 20px
}
.dotdotdot:hover {
    text-decoration:none;
    color:var(--Primary-500);
}

.tasks-header-main {
    padding: 10px 6px;
    font-size: 20px;
    font-weight:normal;
}
.notifypanel .empty {
    border: none;
    font-weight: bold;
    text-align: center;
}
/*
 * Notification dialogs
 *
 */
.notification-dialog {
    position: absolute;
    z-index: 99;
    width: 360px;
    right: 20px;
    top: 150px;
    border-radius: 3px;
    border: 1px solid var(--Mono-300);
    background: -webkit-linear-gradient(top, var(--Mono-100), var(--Mono-200));
    background: -moz-linear-gradient(top, var(--Mono-100), var(--Mono-200));
    background: -ms-linear-gradient(top, var(--Mono-100), var(--Mono-200));
    padding: 8px 5px;
    color: #444;
}
.notification .button {
    width: 50px;
    border: 1px solid #bbb;
    margin: 3px 0px;
    padding: 4px;
    font-size: 11px;
    line-height: 12px;
}
.notification-type {
    background-repeat: no-repeat;
    background-position: 0 50%;
}
.notification .notification-content {
    width: 260px;
}
.notification-content {
    margin: 0px 0px 0px 10px;
}
.notification-status {
    margin: 0px 0px 10px 10px;
}
.notification-actions {
    float: right;
    width: 80px;
}
#menu-main ul[role="navigation"] {
    background: var(--Mono-100);
    box-shadow: 0 2px 10px rgba(0,0,0,.4);
}
.navigation-list li {
    float: left;
    font-weight: normal;
}
.navigation-list, .navigation-list ul, .navigation-list ol, .nav ul, .nav li {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
ul.navigation-list.navigation-bar.clearfix {
    margin-left: 4px;
}
ul.navigation-list.navigation-bar.clearfix > li {
    margin-left: 1px
}
#wrap-menu-main {
    position: relative;
    background: var(--Mono-100);
    border-bottom: 1px solid #bdbdbd;
}
#menu-main {
    position: relative;
    left: 30px;
    top: 8px;
    width: 591px;
    z-index: 1000;
    font-weight: bold;
}
#menu-main .bar {
    border: solid 1px transparent;
}
.wrap-page {
    padding-top: 20px;
    padding-bottom: 80px;
}

.wrap-single-form {
    border-radius: 16px;
    border: 1px solid var(--Mono-300);
    overflow:hidden;
}

.blueBar {
    fill: var(--Primary-700);
}

.form-action-buttons-primary.div-cell .button-commit {
    margin-right: 10px;
}


#finishSellAnimal {
    margin-right: 10px;
}

.yourCatchmentLink {
    margin-top:3px;
    padding:0px 7px 0px 7px;
}

.yourCatchmentLink:hover {
    background: var(--Mono-200);
    padding:7px 7px 7px 7px;
    border-radius: 4px;
}

#menu-main.open .bar {
    background-color: #676869;
    border-color: #444;
    border-bottom-color: #222;
    background-image: -moz-linear-gradient(bottom, #3b4042 0%, #676869 65%);
    background-image: -webkit-linear-gradient(bottom, #3b4042 0%, #676869 65%);
    background-image: linear-gradient(bottom, #3b4042 0%, #676869 65%);
    background-image: -ms-linear-gradient(bottom, #3b4042 0%, #676869 65%);
    background-image: -o-linear-gradient(bottom, #3b4042 0%, #676869 65%);
}
.btn-navigate {
    display: inline-block;
    width: 84px;
    padding: 10px 20px;
    padding: 3px 30px 3px 4px;
    margin: 10px 16px 23px 10px;
    background: #666 url(../images/icon-navigate.png) 86px 7px no-repeat;
    color: #fff;
    line-height: 24px;
    font-weight: normal;
    text-align: center;
    border-radius: 5px;
}
.btn-activities {
    padding: 4px 14px;
}
.btn-navigate:hover {
    color: white;
}
#menu-main.open .btn-navigate {
    padding: 3px 30px 3px 4px;
    background: var(--System-error-700) url(../images/icon-close.png) 82px 8px no-repeat;
}
#menu-main a:hover {
    text-decoration: none;
}
#menu-main a:focus {
    outline: none;
}
#menu-main ul {
    display: none;
    clear: both;
    width: 100%;
    min-height: 460px;
    position: absolute;
}
#menu-main ul.open, #menu-main li.active ul {
    display: block;
}
#menu-main ul li {
    width: 100%;
}
#menu-main ul li a {
    display: block;
    width: 160px;
    padding: 20px;
    border-top: solid 1px var(--Mono-200);
    border-bottom: solid 1px #fff;
    color: #777;
}
#menu-main > ul > li:last-child {
    border-bottom: solid 1px var(--Mono-200);
}
#menu-main ul a:hover {
    color: #369;
}
#menu-main > ul > li:first-child > a {
    border-top: solid 1px var(--Mono-300);
}
#menu-main li.active > a {
    background: #fff;
    border-right: solid 1px #fff;
    margin-right: -1px;
    z-index: 21;
    position: relative;
}
#menu-main ul ul {
    float: none;
    width: 390px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 200px;
    background: #fff;
    border-top: solid 1px var(--Mono-300);
    border-left: solid 1px var(--Mono-300);
    z-index: 20;
}
#menu-main ul ul li {
    width: auto;
}
#menu-main ul ul a {
    display: inline-block;
    width: 100px;
    height: 115px;
    margin: 25px 15px 0;
    padding: 0;
    background: #fff;
    border: 0;
    font-size: 13px;
    text-align: center;
    overflow: hidden;
}
#menu-main ul ul a span {
    display: block;
    width: 56px;
    height: 56px;
    margin: 0 auto 5px;
    background: #fff;
    border: 2px dotted #ccc;
    border-radius: 8px;
}
#wrap-header {
    background-color: #24272B;
    width: 100%;
    height: 40px;
}

#wrap-header-org {
    background-color: var(--Primary-200);
    width: 100%;
}

#menu-utility {
    font-weight: 600;
}

/*DROP DOWN OVERRIDE FOR PICTURE DROPDOWNS*/
#menu-utility .dropdown {
    float: left;
}
#menu-utility .dropdown-toggle {
    color: #dedfda;
}

#printMap.open a.printMap-btn {
    background-color: var(--Primary-700);
    background-position:    -80px 2px;
    color:white;
}
#menu-farm.open .dropdown-toggle {
    background-color: var(--Primary-700);
    color: white;
}
#menu-farm .dropdown-toggle {
    font-size: 12px;
    display: block;
    padding: 0px 10px;
    line-height: 40px;
    color: #dedfda;
}
#menu-farm .dropdown-toggle:hover {
    text-decoration: none;
    color: #fff;
}
#menu-farm .caret {
    border-top-color: #dedfda;
    margin-top: 18px;
    margin-left: 4px;
    margin-right: 3px;
    opacity: 1;
    display:inline-block;
}
#menu-mapoptions .dropdown-toggle {
    display: block;
    width: 64px;
}
#menu-mapoptions .dropdown-toggle {
    background: url(../images/home.png) 55% 50% no-repeat;
}
#menu-settings .dropdown-toggle, #menu-notifications .dropdown-toggle {
    display: block;
    width: 40px;
}
#menu-settings .dropdown-toggle {
    background: url(../images/icon-settings.png) 55% 50% no-repeat;
}
#menu-notifications .dropdown-toggle {
    display: block;
    background: url("../images/icon-nav-notifications.png") no-repeat 9px 6px;
    width: 33px;
    height: 40px;
    position: relative;
    padding-left: 15px;
    background-size: 26px 110px;
}

#menu-upgrade a {
    display: block;
    background: url("../images/upgarde.png") no-repeat;
    width: 26px;
    height: 26px;
    margin-top: 6px;
    position: relative;
    padding-left: 15px;
    background-size: 26px 26px;
}

#menu-upgrade-pending a {
    display: block;
    background: url("../images/upgrade-warning.png") no-repeat;
    width: 26px;
    height: 26px;
    margin-top: 6px;
    position: relative;
    padding-left: 15px;
    background-size: 26px 26px;
}

#menu-promo-running-inner {
    top:45px;
    right:5px;
    height:22px;
    border-radius:3px;
    background:#2979FF;
    color:white;
    line-height:22px;
    padding:3px 4px;
    z-index:98;
}

.possible-error {
    background: orange;
    color: white;
    font-size: 12px;
    text-align: center;
    padding: 10px;
}
#menu-promo-running-inner span.days-left {
    display:inline-block;
    height:16px;
    background:#FB8C00;
    position: relative;
    top: 0px;
    line-height: 16px;
    padding:0 3px;
    border-radius:3px;
}

#menu-upgrade-expired a {
    display: block;
    background: url("../images/upgrade-error.png") no-repeat;
    width: 26px;
    height: 26px;
    margin-top: 6px;
    position: relative;
    padding-left: 15px;
    background-size: 26px 26px;
}

.tasking-menu {
    position: absolute;
    width: 200px;
    height: 150px;
    left: -222px;
    background: white;
    padding: 10px;
    padding-bottom: 20px;
    border-left:1px solid var(--Mono-300);
    border-top:1px solid var(--Mono-300);
    border-bottom:1px solid var(--Mono-300);
    font-weight:bold;
}

#menu-notifications .dropdown-toggle:hover {
    display: block;
    background: var(--Primary-700) url("../images/icon-nav-notifications.png") no-repeat 10px -35px;
    background-size: 26px 110px;
}
#notifications-count {
    display:none;
}
#menu-notifications.has-notifications #notifications-count {
    display: inline-block;
    text-align: center;
    background-color: var(--System-error-700);
    color: white;
    font-weight: 600;
    font-size: 10px;
    padding: 0 3px 1px;
    min-width: 15px;
    border-radius: 2px;
    position: absolute;
    top: 10px;
    left: 21px;
}

#openmessages-count {
    display: inline-block;
    text-align: center;
    background-color: var(--System-error-700);
    color: white;
    font-weight: 600;
    font-size: 10px;
    padding: 0 3px 1px;
    min-width: 15px;
    border-radius: 2px;
    position: absolute;
    top: 10px;
    left: 24px;
}
#menu-notifications.has-notifications .dropdown-toggle {
    display: block;
    background-position: 10px -35px;
}
.no-connection #panel-notifications {
    top: 69px;
}
#panel-notifications .content {
    padding: 15px;
}

/*
 * navigation menu
 *
 */
#wrap-header {

}
#menu-primary a {
    display: block;
    padding: 0px 12px;
    font-size: 12px;
    line-height: 40px;
    font-weight: bold;
    text-decoration: none;
    color: #dedfda;
}
#menu-primary a:hover  {
    color: #fff;
    background: var(--Primary-700);
}

#menu-primary a.hover {
    background: var(--Mono-100);
    color: var(--Mono-900);
}
.menu-primary-second-level {
    text-align: center;
}
.menu-primary-second-level > ul {
    margin: 0 auto;
}

.menu-primary-second-level {
    position: absolute;
    top: 63px;
    left: 0;
    right: 0;
    background: var(--Mono-100);
    height: 100px;
    z-index: 200000000;
    border-bottom: 4px solid #c7c7c7;
}
.menu-primary-second-level a {
    color: black;
}

a.reportSearch {
    display: inline;
    border: 2px solid white;
    margin: 0px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
}

ul.menu-primary-third-level {
    text-align: left;
    width: 230px;
    margin-top: 0px;
    position: absolute;
    margin-left: -36px;
    top: 100px;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.menu-primary-third-level li {
    float: none;
    width: 222px;
    border-bottom: 1px solid #0d3143;
}
.menu-primary-third-level li:last-child {
    border: none;
}
.menu-primary-third-level li:last-child > a {

}

.menu-primary-third-level a {
    padding: 9px 15px;
    color: white;
    width: 200px;
    font-size: 12px;
    display: inline-block;
    text-decoration: none;
}
.menu-primary-third-level a:hover {
    width: 200px;
    background-color: #25a1df;
    color: var(--White);
}
.no-module, .menu-primary-third-level a.no-module, .menu-primary-third-level a:hover.no-module, .actionMenu .no-module, .nav .no-module:hover,
.button.no-module:hover, .panel-mob-action-menu li a.no-module {
    color: var(--Mono-200);
}
.no-module, .menu-primary-third-level a:hover.no-module, .actionMenu .no-module, .nav .no-module:hover, .panel-mob-action-menu li a.no-module {
    background-color: #696969;
    pointer-events: none;
}
.menu-primary-third-level .last {
    border: none;
}
.second-level, div.second-level[data-navigation-for] {
    display: inline-block
}
.navigation-list-second-level {
    position: relative;
}

.navigation-list-second-level > li > a {
    max-height: 100px;
}

.navigation-list-second-level > li > a {
    display: inline-block;
    padding: 0px 0px 21px 0px;
    width: 150px;
    height: 79px;
    font-weight: bold;
    border: 0;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    background-image: url('../images/icons-nav-menu.png');
    color: var(--Mono-200);
}

.navigation-org-list-second-level > li > a {
    background-image: url('../images/icons-org-nav-menu.png');
}
.navigation-org-list-second-level > li > a.nav-produce {
    background-image: url('../images/icons-nav-menu.png');
}
.navigation-list-second-level > li.on > a {
    color: #3c3c3c;
}
.navigation-list-second-level > li.on > a.no-module {
    color: var(--Mono-200);
}
.navigation-list-second-level > li > a:hover {
    text-decoration: none;
}
.navigation-list-second-level > li > a > span {
    display: block;
    width: 46px;
    height: 46px;
    margin: 7px auto 12px;
}
.navigation-list-second-level > li {
    width: 150px;
}

.navigation-list-second-level > li.incidents-menu {
    width: 200px;
}

/* arrow for a dropdown */
.menu-primary-third-level:before {
    position: absolute;
    top: -7px;
    left: 46%;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #29333d;
    border-left: 7px solid transparent;
    content: '';
}
.menu-primary-third-level li.offline > a {
    color: #58646e;
}

#connectionStatus {
    min-height: 20px;
    padding-left: 108px;
    line-height: 40px;
    vertical-align: middle;
    color: #dedfda;
    font-size: 12px;
    font-weight: bold;
    margin-right: 1px;
    text-align:center;
    box-sizing: initial;

}

.you-are-offline {
    width: 120px;
    background-color: var(--System-error-500);
    color: var(--White);
}

.you-are-online {
    width: 0px;
}

.dropdown-row {
    padding-top: 6px;
}
.farm-loggedin {
    padding: 10px 0;
    background-color: #EAEBEB;
    font-size: 11px;
    color: var(--Mono-900);
}
.farm-loggedin > div {
    padding: 0 15px;
}

div.dropdown-menu div.who-am-i {
    display: inline-block;
    width: 195px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.farm-loggedin strong {
    display: block;
    font-weight:600;
    padding: 0px 0 10px 0;
    border-bottom: 1px solid white;
    margin: 2px 0 7px 0;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.farm-loggedin a {
    display: block;
    color: #069;
    font-size: 11px;
    margin: 0 5px 0 0 ;
    padding: 0;
}

div.manage-user-links {
    background-color: #EAEBEB;
}

#choose-farm-list, #choose-company-list {
    margin: 0;
    padding: 0 0;
    border: 1px solid var(--Mono-300);
    border-bottom:none;
    font-size: 11px;
}

#choose-farm-list dl {
    overflow-y: auto;
    max-height: 286px;
    clear: both;
}

#choose-farm-list-short dl {
    overflow-y: auto;
    max-height: 286px;
    clear: both;
}

#choose-farm-list div.button-icon-switch-farm, #choose-company-list dt {
    margin: 0;
    padding: 7px 6px 7px 15px;
    font-weight: 600;
    border-bottom: 1px solid var(--Mono-300);
}

#choose-farm-list-short div.button-icon-switch-farm, #choose-company-list dt {
    margin: 0;
    padding: 7px 6px 7px 15px;
    font-weight: 600;
    border-bottom: 1px solid var(--Mono-300);
}

#choose-farm-list div.button-icon-switch-farm {
    height: 25px;
}

#choose-farm-list dd, #choose-farm-list-short dd, #choose-company-list dd {
    margin: 0;
    padding: 0 ;
}

#choose-farm-list dd a, #choose-company-list dd a{
    display:block;
}

#choose-farm-list-short dd a, #choose-company-list dd a{
    display:block;
    left:8px;
    position:relative;
    width:200px;
}

#choose-farm-list  dd a:hover, #choose-company-list dd a:hover {
    font-size: 12px;
    color:white;
    text-decoration:none;
    background-color:var(--Primary-700);
}

#wrap-header-v2 #choose-farm-list-short  dd a:hover, #choose-company-list dd a:hover {
    text-decoration:underline;
}

#choose-farm-list div[data-module="search"] {
    display: inline-block;
    float:right;
}

#choose-farm-list div[data-module-role="search-clear"] {
    float:none;
    margin-top: 0;
    position: relative;
    top: 3px;
}

#choose-farm-list input[name="chooseFarmQuickSearch"] {
    width: 120px;
}

.current-farm-link {
    font-size: 12px;
    max-width: 280px;
    display:inline-block;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
    margin-right: 5px;
}
#wrap-panel-main-content {
    clear: both;
}
a[href="#menu-farm"] {
    height: 40px;
}
.farm-loggedin .current-farm-link {
    font-family: "Open Sans";
}

.dropdown-menu > li:last-child > a {
    margin-bottom: 12px;
}

.rejectAnimalTransferDialog .ui-dialog-titlebar {
    height: 35px;
    background: var(--Mono-900);
    color: white;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.rejectAnimalTransferDialog .ui-dialog-content {
    padding-left: 23px;
}

.rejectAnimalTransferDialog .dialog-row {
    margin-bottom: 3px;
}

.rejectAnimalTransferDialog .dialog-first-row {
    margin-top: 20px;
    margin-bottom: 3px;
}

.rejectAnimalTransferDialog label#rejectReason {
    width: 448px;
    font-size: 13px;
}

.rejectAnimalTransferDialog .ui-dialog-buttonpane {
    background: var(--Mono-100);
}

.rejectAnimalTransferDialog textarea {
    resize: none;
}

.darkBackGroundError {
    background: #C00;
    color: white;
    font-size: 11px;
    padding: 6px 7px;
}

/*navigation icons*/
.nav-stocklist, .nav-stocklist.on.no-module {
    background-position: -824px -900px;
}
.nav-stocklist.on {
    background-position: -824px -800px;
}

a:hover .nav-stocklist-new-badge {
    background-image: url(../images/icons/new-hover.svg);
}

.nav-stocklist-new-badge {
    background-image: url(../images/icons/new.svg);
    height: 24px;
    width: 24px;
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle;
    margin-bottom: -1px;
    position:relative;
    top:-3px;
}

span.newstocklistimage  {
    background: url(../images/stocklist/sheep-stock-list.svg) no-repeat -0 0px;
    width: 100%;
    height: 150px;
    cursor:pointer;
    background-size: cover;
    display:block;
}

span.newstocklistclose  {
    background: url(../images/stocklist/x-solid.svg) no-repeat -0 0px;
    width: 30px;
    height: 30px;
    cursor:pointer;
    background-size: cover;
    display:block;
}

.stock-list-dialog .ui-dialog-titlebar {
    display: none;
}

.stock-list-dialog .ui-dialog-buttonpane {
    border: none;
    padding: 20px;
}

.stock-list-dialog .ui-dialog-buttonset {
    width: 100%;
    display: flex;
    justify-content: center;
}

.stock-list-dialog .ui-button {
    background: white;
    width: 50%;
}

.stock-list-dialog .button-commit {
    background: blue;
    width: 50%;
}

.nav-mobs, .nav-mobs.on.no-module {
    background-position: -20px -100px;
}
.nav-mobs.on {
    background-position: -20px 0px;
}

.nav-adjustments-to-stock, .nav-adjustments-to-stock.on.no-module {
    background-position: -20px 0px;
}
.nav-adjustments-to-stock.on {
    background-position: -20px -101px;
}

.nav-stockrec,  .nav-stockrec.on.no-module{
    background-position: -182px -100px;
}
.nav-stockrec.on {
    background-position: -182px 0px;
}

.nav-locks, .nav-locks.on.no-module {
    background-position: -182px 0px;
}
.nav-locks.on {
    background-position: -182px -101px;
}

.nav-weights, .nav-weights.on.no-module {
    background-position: -344px -100px;
}
.nav-weights.on {
    background-position: -344px 0px;
}

.nav-system-software, .nav-system-software.on.no-module {
    background-position: -344px 0px;
}
.nav-system-software.on {
    background-position: -344px -101px;
}

.nav-financial-settings, .nav-financial-settings.on.no-module {
    background-position: -506px 0px;
}

.nav-financial-settings.on {
    background-position: -506px -101px;
}

.navigation-list-second-level > li > a.nav-security-settings {
    background-image: url(../images/icons-org-nav-menu.png);
}

.nav-security-settings, .nav-security-settings.on.no-module {
    background-position: -647px 0px;
}

.nav-security-settings.on {
    background-position: -647px -101px;
}

.nav-farmiquser-settings, .nav-farmiquser-settings.on.no-module {
    background-position: -506px -200px;
}

.nav-farmiquser-settings.on {
    background-position: -506px -300px;
}


.nav-reproduction, .nav-reproduction.on.no-module {
    background-position: -506px -100px;
}
.nav-reproduction.on {
    background-position: -506px 0px;
}

.nav-paddocks, .nav-paddocks.on.no-module {
    background-position: -20px -500px;
}
.nav-paddocks.on {
    background-position: -20px -400px;
}
.nav-environment, .nav-environment.on.no-module {
    background-position: -20px -700px;
}
.nav-environment.on {
    background-position: -20px -600px;
}

.nav-soil, .nav-soil.on.no-module {
    background-position: -182px -500px;
}
.nav-soil.on {
    background-position: -182px -400px;
}
.nav-fertiliser, .nav-fertiliser.on.no-module {
    background-position: -344px -500px;
}
.nav-fertiliser.on {
    background-position: -344px -400px;
}
.nav-cropping, .nav-cropping.on.no-module {
    background-position: -506px -500px;
}
.nav-cropping.on {
    background-position: -506px -400px;
}
.nav-climate-weather, .nav-climate-weather.on.no-module {
    background-position: -669px -500px;
}
.nav-climate-weather.on {
    background-position: -669px -400px;
}

.nav-farmdetails, .nav-farmdetails.on.no-module {
    background-position: -20px -300px;
}
.nav-farmdetails.on {
    background-position: -20px -200px;
}
.nav-staff, .nav-staff.on.no-module {
    background-position: -182px -300px;
}
.nav-staff.on {
    background-position: -182px -200px;
}
.nav-contractors, .nav-contractors.on.no-module {
    background-position: -503px -897px;
}
.nav-contractors.on {
    background-position: -503px -798px;
}
.nav-third-party, .nav-third-party.on.no-module {
    background-position: -664px -897px;
}
.nav-third-party.on {
    background-position: -664px -798px;
}
.nav-roster, .nav-roster.on.no-module {
    background-position: -344px -897px;
}
.nav-roster.on {
    background-position: -344px -798px;
}
.nav-visits, .nav-visits.on.no-module {
    background-position: -183px -900px;
}
.nav-visits.on {
    background-position: -183px -801px;
}
.navigation-list-second-level > li > a.nav-incidents {
    width: 200px;
}
.nav-incidents, .nav-incidents.on.no-module {
    background-position: -651px -300px;
}
.nav-incidents.on {
    background-position: -651px -200px;
}
.nav-hazards, .nav-hazards.on.no-module {
    background-position: -821px -499px;
}
.nav-hazards.on {
    background-position: -821px -399px;
}
.nav-emergency-procedures, .nav-emergency-procedures.on.no-module {
    background-position: -20px -897px;
}
.nav-emergency-procedures.on {
    background-position: -20px -798px;
}
.nav-team-meetings, .nav-team-meetings.on.no-module {
    background-position: -183px -300px;
}
.nav-team-meetings.on {
    background-position: -183px -200px;
}
.nav-financiallocking, .nav-financiallocking.on.no-module {
    background-position: -668px -300px;
}
.nav-financiallocking.on {
    background-position: -668px -200px;
}
.nav-asurequality, .nav-asurequality.on.no-module {
    background-position: -662px -696px;
    background-size: 653%;
}
.nav-asurequality.on {
    background-position: -662px -598px;
}
.nav-farmproducts, .nav-farmproducts.on.no-module {
    background-position: -506px -300px;
}
.nav-farmproducts.on {
    background-position: -506px -200px;
}
.nav-farmassets, .nav-farmassets.on.no-module {
    background-position: -824px -700px;
}
.nav-farmassets.on {
    background-position: -824px -600px;
}

.nav-toolsandcalcs, .nav-toolsandcalcs.on.no-module {
    background-position: -829px -300px;
}
.nav-toolsandcalcs.on {
    background-position: -829px -199px;
}

.nav-healthsafety, .nav-healthsafety.on.no-module {
    background-position: -829px -500px;
}
.nav-healthsafety.on {
    background-position: -829px -400px;
}

.nav-timesheets, .nav-timesheets.on.no-module {
    background-position: -182px -697px;
}
.nav-timesheets.on {
    background-position: -182px -598px;
}

.nav-grazing, .nav-grazing.on.no-module {
    background-position: -830px -100px;
}
.nav-grazing.on {
    background-position: -830px -0px;
}
.nav-produce, .nav-produce.on.no-module {
    background-position: -668px -100px;
}
.nav-produce.on {
    background-position: -668px -00px;
}

.nav-milk, .nav-milk.on.no-module {
    background-position: -505px -698px;
}
.nav-milk.on {
    background-position: -505px -598px;
}

a.nav-home {
    display: inline-block;
    background: #2f353a url("../images/top-nav-icons.png") no-repeat -40px -38px;
    width: 40px;
    height: 35px;
    border: none;
}
a.nav-home:hover {


    background-position: -40px -2px;
    background-repeat: no-repeat;
}
.nav-background {

}
.nav-background:hover {
    background-color: var(--Primary-700);
}

#menu-farm.open .caret{
    border-top:none;
    border-bottom: 4px solid white;
}

.fiq-logo {
    position: absolute;
    top: 0;
    left: 0;
}

.nav > a:hover {
    background-color:var(--Primary-700);
}

a.tagLibrary, a.tagLibrary.no-module:hover {
    display: block;
    background-image:  url("../images/icon-nav-taglibrary.png");
    background-size: 32px;
    background-repeat: no-repeat ;
    background-position: 50% 12px;
    width: 40px;
    height: 40px;
    float: left;
    padding: 0px 3px;
    background-size: 26px 110px;
}
a.tagLibrary:hover {
    background-position: 50% -33px;
}
a.tagLibrary.offline {
    background-position: 50% -79px;
}

a.reportsMenu, a.reportsMenu.no-module:hover {
    display: block;
    background-image:  url("../images/icon-nav-reports.png");
    background-size: 32px;
    background-repeat: no-repeat ;
    background-position: 50% 10px;
    width: 40px;
    height: 40px;
    float: left;
    padding: 0px 3px 0;
    background-size: 26px 110px;
}
a.reportsMenu:hover {
    background-position: 50% -35px;
}
a.reportsMenu.offline {
    background-position: 50% -78px;
}

a.toolsMenu, a.toolsMenu.no-module:hover {
    display: block;
    background-image:  url("../images/icon-nav-tools.png");
    background-size: 32px;
    background-repeat: no-repeat ;
    background-position: 50% 10px;
    width: 40px;
    height: 40px;
    float: left;
    padding: 0px 3px 0;
    background-size: 26px 110px;
}

a.mapMenu {
    display: block;
    background-image:  url("../images/icon-nav-map.png");
    background-size: 32px;
    background-repeat: no-repeat ;
    background-position: 50% 10px;
    width: 40px;
    height: 40px;
    float: left;
    padding: 0 3px 0 3px;
}

a.helpMenu {
    display: block;
    background-image:  url("../images/icon-nav-help.png");
    background-size: 32px;
    background-repeat: no-repeat ;
    background-position: 50% 10px;
    width: 40px;
    height: 40px;
    float: left;
    padding: 0 3px 0 3px;
    background-size: 21px 110px;
}

a.helpMenu:hover {
    background-position: 50% -35px;
}
a.helpMenu.offline {
    background-position: 50% -79px;
}

a.mapMenu:hover {
    background-position: 50% -35px;
}
a.mapMenu.offline {
    background-position: 50% -62px;
}

a.calendarMenu, a.calendarMenu.no-module:hover {
    display: block;
    background-image:  url("../images/icon-nav-calendar.png");
    background-repeat: no-repeat ;
    background-position: 50% 8px;
    width: 40px;
    height: 40px;
    float: left;
    padding: 0 3px;
    background-size: 26px 110px;
}

a.calendarMenu:hover {
    background-position: 50% -36px;
}
a.calendarMenu.offline {
    background-position: 50% -79px;
}

a.lwpDashboardMenu, a.lwpDashboardMenu.no-module:hover {
    display: block;
    background-image:  url("../images/icon-nav-lwp.png");
    background-repeat: no-repeat ;
    background-position: 50% 8px;
    width: 40px;
    height: 40px;
    float: left;
    padding: 0 3px;
    background-size: 26px 110px;
}
a.lwpDashboardMenu:hover {
    background-position: 50% -36px;
}
a.lwpDashboardMenu.offline {
    background-position: 50% -79px;
}

a.tasksMenu, a.tasksMenu.no-module:hover {
    display: block;
    background-image:  url("../images/icon-nav-tasks.png");
    background-repeat: no-repeat ;
    background-position: 50% 10px;
    width: 40px;
    height: 40px;
    float: left;
    padding: 0 3px;
    background-size: 26px 110px;
}

a.tasksMenu:hover {
    background-position: 50% -35px;
}
a.tasksMenu.offline {
    background-position: 50% -79px;
}

a.dashboardMenu, a.dashboardMenu.no-module:hover {
    display: block;
    background-image:  url("../images/icon-nav-dashboard.png");
    background-repeat: no-repeat ;
    background-position: 50% 10px;
    width: 40px;
    height: 40px;
    float: left;
    padding: 0 3px;
    background-size: 26px 110px;
}

a.dashboardMenu:hover {
    background-position: 50% -35px;
}
a.dashboardMenu.offline {
    background-position: 50% -79px;
}

/*
 * DROP DOWN MENUS
 *
 */
.dropup, .dropdown {
    position: relative;
}
.dropdown-toggle {
    *margin-bottom: -3px;
}
.dropdown-toggle:active, .open .dropdown-toggle {
    outline: 0;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid white;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    opacity: 0.3;
    filter: alpha(opacity=30);
}
.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px;
}
.dropdown:hover .caret, .open .caret {
    opacity: 1;
    filter: alpha(opacity=100);
}
.dropdown-menu {
    position: absolute;
    top: 40px;
    z-index: 200000002;
    display: none;
    width:270px;
    background-color: var(--White);
    border-top:none;
}
.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}
.dropdown-menu .divider {
    *width: 100%;
    height: 1px;
    margin: 6px 1px;
    overflow: hidden;
    background-color: var(--Mono-200);
    border-bottom: 1px solid var(--White);
}
.dropdown-menu a {
    display: block;
    padding: 5px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: var(--Primary-700);
    white-space: nowrap;
}
.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    color: var(--White);
    text-decoration: none;
    background-color: var(--Primary-700);
}
.open {
    *z-index: 1000;
}
.open .dropdown-menu {
    display: block;
}
.pull-right .dropdown-menu {
    right: 0;
    left: auto;
}

.quickselect{
    margin-left:20px;
}

.quickselect-menu {
    position: absolute;
    z-index: 200000002;
    display: none;
    font-size:11px;
    background-color: var(--White);
    border: 1px solid #ccc;
    list-style:none;
    width:151px;
    padding:0 0;
    margin-top:-1px;
    line-height: normal;
    right: 0;
}

.quickselect-menu.quickselect-event-type {
    width: 215px;
}

.quickselect-menu li a {
    display:block;
    padding:7px 0 7px 10px;
    border-bottom:1px solid #e3e3e3;
}

.quickselect-menu li:last-child a  {
    border-bottom:none;
}

.quickselect-menu li > a:hover, .quickselect-menu .active > a, .quickselect-menu .active > a:hover {

    color: #036;
    text-decoration: none;
    background-color: var(--Primary-050);
}

.open .quickselect-menu {
    display: block;
}

.export-menu {
    display:inline-block;
    margin-left:20px;
    position: relative;
}

.export-menu.open {
    display:inline-block;
}

.export-menu .quickselect-menu {
    width:112px;
}
.nav .pull-right {
    float: right;
}
.nav {
    position: relative;
    left: 0;
    display: block;
    float: left;
    margin: 0px;
}

.version{
    background:#444;
    text-align:right;
    font-size:10px;
    padding:3px 8px;
    color:#fff;
}

/*
 *
 * BUTTON ICONS
 *
 *
 * */
.button-icon {
    width: 13px;
    height: 14px;
    display: inline-block;
    position:relative;
    padding-right:2px;
    top:1px;

}
.button-icon-add {
    background: url("../images/icon-btn-plus-green.svg") no-repeat;
}

.button-icon-edit {
    background: url("../images/icon-table-edit.png") no-repeat 0 0;
    background-position: 0px 0px;
    height: 16px;
    width: 16px;
}

.icon-edit:hover, .icon-delete:hover .icon-arrow-down:hover {
    color: var(--Primary-900);
}

.button-icon-home {
    background: url("../images/orghome-icon.png") no-repeat 0 0;
    background-position: 1px 2px;
    height: 16px;
    width: 16px;
}
/* .button-icon-home2{
    padding-top: 1px;
	padding-bottom: 5px;
	padding-left: 20px;
} */

.button-icon-partner-access {
    background: url("../images/partner.png") no-repeat 0 0;
    background-position: 1px 2px;
    height: 16px;
    width: 16px;
}

.button-icon-fms-system {
    background: url("../images/icons/tool.svg") no-repeat 0 0;
    background-position: 1px 2px;
    height: 16px;
    width: 16px;
}

.button-icon-change-account {
    background: url("../images/icons/changeaccount.svg") no-repeat 0 0;
    background-position: 1px 2px;
    height: 16px;
    width: 16px;
}

.button-icon-switch-farm {
    background: url("../images/switchfarms-icon.png") no-repeat 0 0;
    background-position: 13px 14px;
    /* height: 16px;
    width: 16px; */
}

.button-icon-switch-farm-company {
    background: url("../images/switchfarms-icon.png") no-repeat 0 0;
    background-position: 0px 2px;
    height: 16px;
    width: 16px;
}

.button-icon-calculate {
    display: inline-block;
    position: relative;
    background: url("../images/icon-btn-calculate.png") no-repeat;
    background-position: 1px 3px;
    height: 18px;
    width: 16px;
}


.button-inline {
    margin-left: 10px;

}
.button-inline-holder {
    padding: 20px 0;
    border-top: 1px solid #ccc;
    text-align:center;
}

.transect-highlight {
    background: var(--Mono-100);
    border: 1px solid var(--Mono-200);
    padding: 6px 14px;
}

/* Refresh */

a.icon-refresh, a.icon-refresh:hover, a span.icon-refresh, a span.icon-refresh:hover {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../images/icons/Refresh.svg) no-repeat 0 0;
    background-size: 60%
}

a.icon-refresh.offline, a span.icon-refresh.offline {
    background: url(../images/icon-refresh-large-inactive.png) no-repeat 0 0;
    background-size: 60%
}

a.refresh-stock-list {
    padding-top: 0px;
}

a.export-stock-list {
    padding-top: 5px;
}

a.refresh-stock-list span.icon-refresh {
    background-size: 100%;
    width: 20px;
    height: 18px;
    position: relative;
    top: 5px;
}

#refreshFarmIQData, a.refresh-stock-list {
    min-width: 32px;
}

#refreshFarmIQData {
    background-position: 7px 5px;
    padding: 0;
}

a.icon-refresh.refresh-stock-list {
    width: 83px;
    height: 16px;
    text-indent: 18px;
    background-size: 20%;
    background-position: 3px 4px;
    padding-top: 5px;
}

/*@type Helper classes
 *
 */
.scrollable-panel {
    overflow: auto;
}
.lefty {
    float: left;
}
.righty {
    float: right;
}
.active, .open {
    display: block;
}
.not {
    display: none;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.txt-right {
    text-align: right;
}
.txt-left {
    text-align: left;
}
.txt-center {
    text-align: center;
}
.txt-xs {
    font-size: 11px;
}
.txt-white {
    color: var(--White);
}
.underlined {
    text-decoration: underline;
}
.underlined-blue {
    text-decoration: underline;
    color: var(--Primary-700);
}
.block {
    display: block;
}
.label-right {
    padding-right: 6px;
}
label.block {
    padding-bottom: 8px;
    font-weight: bold;
    font-size: 15px;
}

label.highlighted {
    color: #47657d;
}
.background-info {
    color: #707070;
}
.border-bottom {
    border-bottom: 1px solid var(--Mono-300);
}
.offscreen {
    visibility: hidden;
    position: absolute;
    top: -500px;
    left: -500px;
}

#wrap-header > .righty > ul.nav{
    padding-left: 0;
}
#wrap-header > .righty > .nav{
    box-sizing: initial;
}



.corrective-action.pressed {
    background:	 #56D26F;
    border:1px solid var(--System-success-500);
}
.corrective-action.pressed:hover {
    background:	 #56D26F;
    border:1px solid var(--System-success-500);
}


*[hidden] { display: none; }

.map-no-select {
    /* Fix for the blue screen of chrome */
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}


.ui-widget-content a {
    color: var(--Black);
}

.harvest-ul {
    padding: 0;
    margin: 0;
}


@media only screen and (max-width: 1800px) {
    .rightHandMapPanel .widest-screen {
        display: none;
    }
}

@media only screen and (max-width: 1550px) {
    .rightHandMapPanel .medium-screen {
        display: none;
    }
}

@media only screen and (max-width: 1200px) {
    .rightHandMapPanel .small-screen {
        display: none;
    }
}


#performance-bar {
    vertical-align: middle;
    background: white;
    border-bottom: 1px solid var(--Mono-300);
    overflow: hidden;
    position:relative;
}

.performance-bar-cell {
    display:inline-block;
    width:200px;
}

.miniReport span {
    width: 30px;
    display: inline-block;
    height: 30px;
    margin-top: 5px;
    cursor: pointer;
    background: url(../images/icon-star-favourite.png) no-repeat 0 -38px;
    position: absolute;
    right: 23px;
    top: -4px;
    margin-top: 12px;
    margin-right: 6px;
}

.miniReport span.favourite {
    background: url(../images/icon-star-favourite.png) no-repeat 0 2px;
}

a.icon.icon-dash-launch:hover {
    text-decoration: none;
}

.crvTab.active:hover {
    background: white;
}

.help-icon-new {
    display:inline-block;
    font-weight:bold;
    width:18px;
    height:18px;
    line-height:18px;
    text-align:center;
    border-radius:11px;
    border:1px solid #015998;
    color:#015998;
    background:white;
    font-size:14px;
    cursor:pointer;
}


.form-vertical input[type='text'], .form-vertical input[type='number'], .form-vertical  select {
    width: 80%;
}
.form-horizontal {
   border: 1px solid var(--Mono-200);
}
.form-horizontal {
}
/*size of input boxes */
.input-xxxs {
    width: 32px;
}
.dataFeed {
    margin:10px;
    background: var(--Mono-100);
    border: 1px solid var(--Mono-300);
    padding:10px;
}
.input-xxs {
    width: 32px;
}
.angularerror {
    color: var(--System-error-700);
    font-size: 11px;
    padding-top: 3px;
    line-height: 14px;
}
#createTasksForm {
    min-height: 245px;
}
.input-xss {
    width: 30px;
}
.input-xs {
    width: 40px;
}
.input-postcode {
    width: 60px;
}
.input-s {
    width: 80px;
}

.input-sm {
    width: 110px;
}
.input-hm {
    width: 115px;
}
.input-sx {
    width: 125px;
}
.input-m {
    width: 150px;
}
.input-ml {
    width: 160px;
}
.input-l {
    width: 140px;
}
.input-ll {
    width: 200px;
}
.input-lll {
    width: 240px;
}
.input-xl {
    width: 270px;
}
.input-xxl {
    width: 350px;
}
.input-xxxl {
    width: 400px;
}
.input-full-dialog-medium {
    width: 374px;
}
.file-input {
    width:420px
}
.short {
    width: 40px;
}
.medium {
    width: 100px;
}
.long {
    width: 160px;
}
.margin-left-short {
    margin-left: 60px;
}
.margin-left-medium {
    margin-left: 120px;
}
.margin-left-long {
    margin-left: 180px;
}
.stretch {
    width: 90%;
}

.full-stretch {
    width: 97%;
}
.datepicker {
    background-image: url(../images/icons/datepicker.svg);
    background-position: 97% 0px;
    background-repeat: no-repeat;
    border-radius: 4px;
    overflow: hidden;
}




.observationPointImage.fantail {
    background-image: url(../images/fantail.png);
    background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center;
}

.observationPointImage.tui {
    background-image: url(../images/tui.png);
    background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center;
}

.observationPointImage.river {
    background-image: url(../images/river.png);
    background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center;
}


.construction-mini {
    background-image: url(../images/construction-mini.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 142px;
    height: 30px;
    position: relative;
    left: -10px;
    bottom: 4px;
}

.observationPointImage.stream {
    background-image: url(../images/stream.png);
    background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center;
}

.correctiveActionWidget table {
    display: block;
    height: 250px;
    overflow-y: scroll;
}

.lightbulb {
    background-image: url(../images/icon-lightbulb.png);
    background-position: 97% 4px;
    background-repeat: no-repeat;
    width: 25px;
    height: 40px;
    display: inline-block;
}

.grid th.subtable {
    background:var(--Primary-200)
}

.bugger {
    background-image: url(../images/bugger.svg);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    display: inline-block;
}

.icon-person {
    background-image: url(../images/icon-person.png);
    background-position: 97% 4px;
    background-repeat: no-repeat;
    width: 25px;
    height: 30px;
    display: inline-block;
    background-size: 95%;
}

.crvChartTitle {
    padding: 7px;
    text-align: center;
    font-weight: bold;
}

.icon-firstaid {
    background-image: url(../images/icon-firstaid.png);
    background-position: 97% 4px;
    background-repeat: no-repeat;
    width: 25px;
    height: 30px;
    display: inline-block;
    background-size: 95%;
}

.icon-affco {
    background-image: url(../images/firstlight/affcologo.png);
    background-repeat: no-repeat;
    width: 25px;
    height: 20px;
    display: inline-block;
    position:absolute;
    background-size: 95%;
}


.icon-ANZCO {
    background-image: url(../images/firstlight/ANZCO.png);
    background-repeat: no-repeat;
    width: 33px;
    height: 20px;
    display: inline-block;
    position:absolute;
    background-size: 95%;
}


.icon-greenlea {
    background-image: url(../images/firstlight/greenlealogo.png);
    background-repeat: no-repeat;
    width: 33px;
    height: 20px;
    display: inline-block;
    position:absolute;
    background-size: 95%;
}


.icon-cpr {
    background-image: url(../images/cpr.png);
    background-position: 97% 4px;
    background-repeat: no-repeat;
    width: 25px;
    height: 30px;
    display: inline-block;
    background-size: 95%;
}

.overseer {
    background-image: url(../images/overseer-logo.png);
    background-position: 97% 4px;
    background-repeat: no-repeat;
    width: 163px;
    height: 39px;
    display: inline-block;
}

.iconAttachment {
    background-image: url(../images/icon-attachment.png);
    background-position: 97% 4px;
    background-repeat: no-repeat;
    width: 20px;
    height: 22px;
    display: inline-block;
    position: relative;
    float: right;
    top: -6px;
}

.datepickerImg {
    background-image: url(../images/icons/datepicker.svg);
    background-position: 97% 4px;
    background-repeat: no-repeat;
    width: 25px;
    height: 30px;
    display: inline-block;
    top: 9px;
    position: relative;
    left:5px;
}

#reportCriteriaSelection tfoot td {
    color: black;
    border-top: 1px solid #ccc;
    font-weight: bold;
    background: #eee;
    border-left: 1px solid #ccc;
}

.iconCreateTask {
    background-image: url(../images/icon-createtask.png);
    background-position: 97% 4px;
    background-repeat: no-repeat;
    width: 29px;
    height: 20px;
    display: inline-block;
    top: 9px;
    position: relative;
    left:5px;
}

.task-checklist-container a.icon-attach.docs-attached {
    background: #2d862d;
    color: white;
}
.task-checklist-item a.icon-attach.docs-attached {
    background: #2d862d;
    color: white;
}

.messageImage {
    clear: both;
    margin-left: 60px;
}

.iconCreateAllTasks {
    background-image: url(../images/icon-createalltasks.png);
    background-position: 97% 4px;
    background-repeat: no-repeat;
    width: 29px;
    height: 20px;
    display: inline-block;
    top: 9px;
    position: relative;
    left:5px;
}

.categoryToggler {
    font-size:18px;
    color:var(--Primary-700);
    cursor:pointer;
}

.discountApplied {
    color: var(--System-Success-700, #15803D);
    font-size: 13px;
}

.menuSelect {
    display:inline-block;
    padding:10px;
    border:1px solid #888;
    border-radius:3px;
    font-weight:bold;
    width:200px;
    margin-right:10px;
    margin-top:10px;
    cursor:pointer;
}

.menuSelect.selected {
    color:white;
    background:var(--Primary-700);
}

.miniReport, .miniLink {

    padding: 7px;
    margin-top: 8px;
}

.miniReport {
    border: 1px solid var(--Mono-300);
    border-radius: 4px;
    position:relative;
    padding: 15px !important;
}

.miniReport h3 {
    color: var(--Primary-500);
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 4px;

}

.dashboard-reports .miniReport h3 a:first-of-type {
    max-width: 220px;
    display: inline-block;
    cursor:pointer;
}

.miniReport h3 a:first-of-type {
    max-width: 200px;
    display: inline-block;
}
.miniLink h3 {
    font-size: 14px;
    cursor:pointer
}
.button-group.filters-header a.button-filter {
    color:var(--Mono-900);
}

.button-group.filters-header a.button-filter:hover {
    color:white;
}

.button-group.filters-header a.button-filter.button-filter-down {
    background:var(--Mono-050);
    color: var(--Primary-700);
}

.miniLink .miniLinkIcon {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    padding: 2px;
}

.iconEditTask {
    background-image: url(../images/icon-task-calendar.png);
    background-position: 97% 4px;
    background-repeat: no-repeat;
    background-size: 52%;
    width: 29px;
    height: 20px;
    display: inline-block;
    top: 9px;
    position: relative;
    left:-8px;
}

.iconTaskText {
    margin-top: 5px;
    font-size: 9px;
    font-weight: bold;
    display: block;}

.iconTaskText.create {
    color: #75b51a;
}

.iconTaskText.createAll {
    color: white;
}

.iconTaskText.edit {
    color: #336597;
    position: relative;
    left: -7px;
}

.datepicker:disabled {
    background: var(--Mono-200);
    background-position: 97% -29px;
    background-repeat: no-repeat;
    color:var(--Mono-400);
}
.datepicker[readonly="readonly"] {
    border: 1px solid #AAA;
}

.datepicker::-ms-clear {
    width : 0;
    height: 0;
}
.label-col {
    width: 220px;
    display: inline-block;
}
.txt-sml {
    font-size: 10px;
}

.txt-betwn {
    font-size: 11px;
}

.txt-lrg {
    font-size: 14px;
}


.healthHeader {
    padding:10px;
}
.healthColumn {
    width:calc(33% - 30px);
    float:left;
    height:230px;
    background: var(--Mono-100);
    border: 1px solid var(--Mono-300);
    margin:10px;
    text-align: center;
}

#tasking-panel input[readonly="readonly"], select[readonly="readonly"] {
    pointer-events:none;
}

.healthColumn .columnHeading {
    background: #555;
    font-size: 14px;
    color: #fff;
    padding: 5px 0;
    border: 1px solid #555;
    font-weight:bold;
    display:block;
}

#tasking-events input[type="checkbox"] {
    width:12px;
}
div.chart-header {
    background-color: var(--Primary-200) !important;
    color:white;
    font-weight:bold;
    font-size:12px;
    height:40px;
    line-height:40px;
    text-align:center;
}


.healthColumn .columnDetailHeader {
    font-size:12px;
    border-top: 1px solid #bbb;
    margin-top:8px;
    padding-top:8px;
    display:block;
}

.healthColumn .columnDetailInfo {
    margin-top:5px;
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: var(--Mono-700);
}

.healthColumn label {
    margin-top:12px;
    padding-bottom:0;
    font-size:12px;
}

.healthColumn .columnIndicators {
    margin: 20px 0;
    display:block;
    height:30px;
    background: #369;
}

.healthColumn .columnDate,.columnDays {
    display:block;
    font-size: 16px;
    font-weight: bold;
    color: var(--Mono-700);

    margin-top: 12px;
}

.detailsDisplayTask:hover{
    text-decoration: underline;
    color:black;
}

.healthColumn .columnDate {
    margin-top:0 !important;
}

.healthColumn .columnDays {
    margin-bottom:20px;
}

#content-with-left-nav {
    width: 100%;
    height: 100%;
}
.panel-with-menu {
    margin-left: 206px;
    padding-top: 15px;
}
#connection {
    display: none;
    background: #ffcc33;
    font-size: 1.1em;
    line-height: 1.785714285714286;
    font-weight: bold;
    text-align: center;
    box-shadow: inset 0 -2px 3px rgba(0,0,0,.3);
}

.helpMenuDropdownOption {
    border-bottom: 1px solid var(--White);
    font-weight:bold;
    padding:10px 8px;
    color:#069 !important;
    background:var(--White);
}

#helpMenu.open .helpMenu {
    background-color: var(--Primary-700);
    color:white;
    background-position: 50% -35px;
}

.helpMenuDropdownOption:hover {
    text-decoration:none;
    color:#30A2DC  !important;
}
/*
 *
 * MAP
 *
 */
#wrap-panel-map {
    width: 100%;
    height: 100%;
    position: absolute;
    background: var(--White);
    z-index: 2;
    top: -9000px;
}
.freshwater-farm-flow.show-side-panel #wrap-panel-map {
    left: 25px;
}

#view-dashboard, #view-animal-registration, #kill-animal, #confirmation-screen, #view-landapplication-activity {
    z-index: 20;
}
#panel-map, #map {
    height: 100%;
}
/*
 * ARROWS
 *
 *
 */
.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #f00;
}
.arrow-right {
}
.arrow-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid blue;
}
/*
 *
 * MAP LAYERS
 *
 */
.panel-layers {
    position: absolute;
    border-bottom: 1px solid #777;
    background: var(--Mono-800);
    padding-bottom: 0;
    width: 200px;
    z-index: 100000;
}

#panel-layers-favourites {
    width: 330px;
    background: white;
    border-radius: 5px;
    padding:10px;
}

#saveMapView,#configureViews,#saveExistingMapView,#createNewView,#saveMapViewNew,#createNewViewFromExisting {
    background: var(--Primary-700);
    color:white;
    padding: 7px 11px;
    border-radius:6px;
    position: relative;
    cursor:pointer;
    width:auto;
    text-align: center;
    margin-bottom: 10px;
    font-size:15px;
    font-weight:600;
}


#saveMapView:hover, #configureViews:hover, #saveExistingMapView:hover, #createNewView:hover, #saveMapViewNew:hover,
#createNewViewFromExisting:hover {
    background-color: var(--Primary-900);
}

#editMapView {
    background: white;
    color:var(--Mono-900);
    padding: 7px 11px;
    border-radius:6px;
    position: relative;
    cursor:pointer;
    width: auto;
    text-align: center;
    margin-bottom: 10px;
    border: 1px solid var(--Mono-300);
    font-size:15px;
    font-weight: 600;
}

#deleteViewNo {
    background: var(--Primary-700);
    color:white;
    padding: 7px 11px;
    border-radius:6px;
    cursor:pointer;
    width: 100px;
    font-size:15px;
    text-align: center;
}

#deleteViewNo:hover{
    background: var(--Primary-900);
}

#deleteViewYes, #deleteExistingMapView {
    color: var(--Mono-900);
    background:white;
    padding: 7px 11px;
    border-radius:6px;
    cursor:pointer;
    width: 100px;
    font-size:15px;
    border:1px solid var(--Mono-300);
    text-align: center;
    margin-right:10px;
    font-weight: 600;
}

#deleteViewYes:hover, #deleteExistingMapView:hover, #editMapView:hover {
    background-color: var(--Mono-100);
    border: var(--Mono-300) 1px solid;
}

#configureViews span, #saveMapView span, #saveExistingMapView span, #saveMapViewNew span, #createNewView span, #createNewViewFromExisting span {
    background: url(../images/icons/star-white.svg) no-repeat 0 0;
    display:inline-block;
    width:17px;
    height:17px;
    position: relative;
    left: -2px;
    top: 2px;
}

#editMapView span {
    background: url(../images/icons/edit.svg) no-repeat 0 0;
    display:inline-block;
    width:17px;
    height:17px;
    position: relative;
    left: 1px;
    top: 5px;
}

#deleteExistingMapView {
    width:auto;
    text-align:center;
    margin-right:0px;
    margin-bottom:10px;
}

#deleteExistingMapView span {
    background: url(../images/icons/delete.svg) no-repeat 0 0;
    display:inline-block;
    width:17px;
    height:17px;
    position: relative;
    left: 0;
    top: 3px;
}

.nav-contractor-management.on {
    background-position: -666px -798px;
}

.nav-contractor-management, .nav-contractor-management.on.no-module {
    background-position: -666px -896px;
}

.panel-layers p {
    padding: 10px 15px 10px 15px;
    line-height: 15px;
    color: white;
    border-bottom: 1px solid #666;
    font-size: 11px;
}

.panel-layers h3 {
    background: url(../images/icon-star.png) no-repeat 10px 0;
    padding-left: 30px;
    line-height: 14px;
    color: white;
    margin: 15px 0 0 0 ;
    font-size: 13px;
}

.panel-layers.reports ul {
    height: 110px;
}

.panel-layers.panel-labels ul {
    height: 50px;
}

.panel-layers ul {
    font-size: 11px;
    background: white;
    padding: 5px;
    margin: 10px;
    height: 200px;
    overflow-y: scroll;
}

#block-type-features {
    height: auto;
}

.panel-layers ul li  {
    list-style-type: none;
    padding: 6px 0 0 5px;
}

input.custom-feature-layer {
    margin-right: 5px;
}

input.hazard-layer {
    margin-right: 5px;
}

.header-arrow-right {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    cursor:pointer;
    border-left:6px solid black;
    margin-bottom: 3px;
    margin-right:5px;
    display: inline-block;
}

.header-arrow-down {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    cursor:pointer;
    border-top: 6px solid black;
    margin-bottom: 5px;
    margin-right:5px;
    display: inline-block;
}
.borderedSection {
    border: 1px solid var(--Mono-300);
    border-radius:3px;
    padding-left:10px;
    padding-right:10px;
    margin-bottom:20px;
}


.panel-layers ul li.map-features {
    border-bottom: 1px solid var(--Mono-300);
    height: 20px;
    padding: 6px 0 0 5px;
}

.panel-layers ul li.map-hazards {
    border-bottom: 1px solid var(--Mono-300);
    height: 20px;
    padding: 6px 0 0 5px;
}

.agrivisit-marker {
    display:inline-block;
    background: var(--System-warning-500);
    font-size:8px;
    color:white;
    padding:3px;
    border-radius:3px;
    margin-left:20px;
}

#messages-dialog .messages {
    height:425px;
    overflow-y:auto
}

#messages-dialog .messageCard {
    padding-bottom:20px;
    position:relative;
    min-height:40px;
    clear: both;
}

#messages-dialog .titleLine {
    padding-bottom:4px;
}
#messages-dialog .theMessage {
    margin-bottom:5px;
    left: 60px;
    float: left;
}

[data-intro-text="true"] h2 {
    color: var(--Mono-700);
    text-align: center;
    font-size: 20px;
    margin-bottom:25px;
}

[data-intro-text="true"] p {
    margin-bottom:10px;
    font-size:13px;
    text-align:left;
}

.messageAvatar {
    float:left;
    width:40px;
    height:40px;
    border-radius:20px;
    background:var(--System-success-700);
    color:white;
    font-size:16px;
    margin-right:20px;
    text-align: center;
    line-height: 40px;
}

.messageAvatar.farmer {
    background:var(--System-warning-500)
}

.messageAvatar.visitor {
    background:var(--Blue-500)
}

#messages-dialog .messageCard .theUser {
    font-weight:bold;
    padding-right:20px;
}
#messages-dialog .messageCard .theDate {
    color: var(--Mono-500);
}
.panel-layers ul li.last {
    border-bottom: none;
}

.valueDown:before {
    color:red;
    content: "\ea36";
}

.valueUp:before {
    color:green;
    content: "\ea32";
}

.valueDown {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.valueUp {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.panel-layers ul li.map-features span {
    margin-left: 22px;
    display: inline-block;
}

.panel-layers ul li.map-hazards span {
    margin-left: 22px;
    display: inline-block;
}

.panel-layers ul li.map-features img {
    margin : 0 5px -2px -22px;
}

.panel-layers ul li.map-features span:hover {
    text-decoration: underline;
}

.panel-layers ul li.map-hazards img {
    margin : 0 5px -1px -22px;
}

.panel-layers ul li.map-hazards span:hover {
    text-decoration: underline;
}

.panel-layers ul li.radioIndent, .panel-layers ul li.checkIndent {
    padding: 3px 0 3px 33px;
}
.panel-layers ul li.checkIndent  span {
    margin-left: 5px;
    margin-bottom: 2px;
}

.panel-layers #layers-list li input {
    margin-right:3px;
    padding-right:0px;
}

.panel-layers #layers-list li.checkIndent input {
    margin-right:3px;
    padding-right:0px;
}

.panel-layers ul li ul {
    padding: 0;
    border: none;
    margin: 0;
    height: inherit;
    overflow: inherit;
}
.panel-layers ul li ul li {
    border: none;
}


.layers-tools {
    font-size: 11px;
    color: #fff;
    text-align: center;
    padding: 10px 10px 15px 10px;
    overflow: hidden;
}

.selected-hazard {
    width: 500px;
    background: var(--Mono-100);
    padding: 10px;
    margin-bottom: 5px;
    font-weight: bold;
    border: 1px solid var(--System-warning-500);
    border-radius: 3px;
}

.selected-hazard div {
    display: inline-block;
}

.selected-hazard .hazard-type {
    width: 170px;
    padding-left: 5px;
}

.selected-hazard .hazard-name {
    width: 260px;
}

.layers-tools span {
    display: block;
    text-align: left;
    padding: 7px 7px;
    border: 1px solid #444;
    margin: -5px 10px 0 10px;
    overflow: hidden;
}

.layers-tools span label {
    display: inline-block;
    font-size: 13px;
    color: var(--Mono-300);
    padding: 3px 0 0 0;
}

.layers-tools a {
    display:inline-block;
    font-size:12px;
    color:#fff;
    text-align:center;
    text-decoration:none;
    padding: 3px 15px;
    border-radius:12px;
    border:1px solid #000;
    margin:5px 0 0 0;
    min-width:90px
}

.mapOption {
    width: 240px;
    padding: 10px;
    margin: 10px;
    border: 1px solid var(--Mono-300);
    border-radius: 3px;
    float:left;
    height: 110px;
    position:relative;
}

.mapOption .optionHeader {
    font-weight:bold;
    font-size:13px;
    margin-bottom: 5px;
}

.mapOption .optionSelect {
    background: var(--Primary-700);
    color: white;
    width: 240px;
    display: block;
    height: 27px;
    vertical-align: middle;
    line-height: 27px;
    font-weight: bold;
    text-align: center;
    border-radius: 3px;
    bottom: 10px;
    position:absolute;
    cursor:pointer;
}

.layers-tools a.save {
    background:var(--Primary-700)
}

.layers-tools a.save:active {
    background:-webkit-gradient(
            linear, left top, left bottom,
            from(var(--Primary-700)),
            to(var(--Primary-900)));
}

div.mapToggles {
    text-align: center;
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #666;
    overflow: hidden;
}
div.mapToggles a:nth-child(2) {
    margin: 0 10px;
}

div.mapToggles a {
    display: inline-block;
    font-size: 11px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    width: 50px;
}
div.mapToggles a span {
    display: block;
    background: #666;
    border-radius: 3px;
    margin-bottom: 4px;
    width: 48px;
    height: 48px;
}

div.mapToggles a span.on {
    box-shadow: 0px 0px 10px var(--Mono-500), inset 0px 0px 0px 1px var(--Mono-500);
    width: 48px;
    height: 48px;
}

div.mapToggles a span.mapviewSimple {
    background: red url(../images/icon-mapview-simple.png) no-repeat 0 0;
}

div.overseerPreview {
    background: url(../images/overseer.png) no-repeat 0 0;
    z-index:100;
    position:absolute;
    background-size: 696px 360px;
    bottom: 20px;
    right: -160px;
    width:696px;
    height:360px;
    display:none;
}

div.sprayerHelp {
    position:relative;
    top:-73px;
    background: url(../images/spray-diagram.png) no-repeat 0 0;
    background-size: 178px 120px;
    border: 1px solid var(--Mono-300);
    height: 120px;
    width: 178px;
}

div.mapToggles a span.mapviewTopo {
    background: red url(../images/icon-mapview-topo.png) no-repeat 0 0;
}


.mapTypesContainer {
    position: absolute;
    left: 10px;
    bottom: 12px;
    display: flex;
    justify-content: space-evenly;
    align-items: flex-end;
}

.mapTypesOverlayButton {
    background-color: var(--Mono-050);
    margin: 0;
    border-radius: 8px;
    height: 64px;
    width: 64px;
    display: flex;
    background-size: cover;
    z-index: 10;
    align-items: flex-end;
    justify-content: center;
    box-shadow: 0 0 4px var(--Mono-500);
    box-sizing: border-box;
    border: 2px solid var(--Mono-050);
}

.mapTypesOverlayButton:hover {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6)), rgba(0, 0, 0, 0.9) url(../images/satelliteMap.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-color: var(--Mono-050);
}

.mapTypesOverlayButtonClicked {
    border: 3px solid var(--Mono-050);
}

.mapTypesOverlayButtonText {
    color: var(--Mono-050);
    font-size: 13px;
    font-weight: 600;
}

.viewToggle {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), rgba(0, 0, 0, 0.8) url(../images/satelliteMap.png);
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    position: relative;
    bottom: 2px;
}

.mapTypesOverlay {
    box-shadow: 0 0 4px gray;
    position: relative;
    right: 100%;
    display: none;
    background-color: var(--Mono-050);
    border-radius: 8px;
    padding: 6px;
    color: var(--Mono-100);
    align-items: flex-end;
    justify-content: center;
    margin: 0 0 0 8px;
}

.mapTypesOverlayText {
    font-size: 13px;
    font-weight: 600;
    color: var(--Mono-900);
    margin-top: 2px;
}

.mapViewIcon {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    border: 1px solid var(--Mono-200);
    background-repeat: no-repeat;
    background-size: cover;
}

.mapViewButton:hover p {
    color: var(--Primary);
}

.mapViewButton:hover div {
    border: 1px solid var(--Primary);
}

.mapViewButton:hover {
    background: none;
}

.mapViewButton {
    border: none;
    background: transparent;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 4px;
}

.mapViewButton:last-child {
    margin-right: 0;
}

.mapviewTopo {
    background-image: url(../images/topoMap.png);
}

.mapviewSatellite {
    background-image: url(../images/satelliteMap.png);
}

.mapviewSimple {
    background-image: url(../images/basicMap.png);
}

div.mapToggles a span.mapviewSatellite {
    background: red url(../images/icon-mapview-satellite.png) no-repeat 0 0;
}

div.drawToggles {
    text-align: center;
    padding: 10px 5px;
    overflow: auto;
}

div.drawToggles a {
    display: inline-block;
    font-size: 11px;
    line-height: 14px;
    color: var(--Mono-200);
    text-align: center;
    text-decoration: none;
    width: 85px;
    margin: 5px 5px 10px 5px;
    float:left;
    cursor:default;
}

div.drawToggles a.on {
    color: white;
    cursor: pointer;
}

div.drawToggles a span {
    display: block;
    background: var(--Primary-700);
    border-radius: 3px;
    margin: 0 0 6px 18px;
    width: 49px;
    height: 49px;
    background-position:  0px -47px;
    background-color: var(--Mono-800);
}

div.drawToggles a.on span {
    background-position:  0 0  ;
    background-color: var(--Primary-700);
}
/* var(--Mono-800) var(--Mono-800)  #31679 var(--Primary-700)9*/
div.drawToggles a span.extFence {
    background-image:  url(../images/icon-extFence.png)  ;
    background-repeat:no-repeat;
}

div.drawToggles a span.edtpaddock {
    background-image:  url(../images/icon-edit-paddock.png)  ;
    background-repeat:no-repeat;
}

div.drawToggles a span.intFence {
    background-image:  url(../images/icon-intFence.png) ;
    background-repeat:no-repeat;
}
div.drawToggles a span.mergePaddocks {
    background-image:   url(../images/icon-mergePaddock.png);
    background-repeat:no-repeat;
}
div.drawToggles a span.rmvPaddock {
    background-image:  url(../images/icon-removePaddock.png) ;
    background-repeat:no-repeat;
}

div.drawToggles a span.drawTransect {
    background-image:  url(../images/icon-transectLine.png)  ;
    background-repeat:no-repeat;
}

div.drawToggles a span.createNewBlock {
    background-image:  url(../images/icon-blocksCreate.png)  ;
    background-repeat:no-repeat;
}

div.drawToggles a span.editBlocks {
    background-image:  url(../images/icon-blocksEdit.png)  ;
    background-repeat:no-repeat;
}


#dialog-map-wrapper .measureCircle{
    border: 2px solid var(--System-error-700);
    min-width:20px;
    min-height:20px;
    border-radius:50%
}


/*
 *
 * Draw Line Menu
 *
 */
.panel-draw-line {
    position: absolute;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid var(--Mono-200);
    background: var(--White);
    padding-bottom: 0;
    -moz-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
    width: 210px;
    z-index: 100000;
}
.panel-draw-line h3 {
    font-size: 12px;
    color: #EEE;
    background: var(--Mono-800);
    padding: 5px 6px 6px 6px;
}
.panel-draw-line span.popup-arrow {
    display: block;
    position: absolute;
    bottom: -16px;
    left: 90px;
    background: url(../images/icon-popup-arrow.png) no-repeat 0 0;
    width: 30px;
    height: 16px;
    z-index: 100;
}
.panel-draw-line h3 a {
    background: url(../img/icon-mapPanel-close.png) no-repeat 0 0;
    margin: 2px 0 0 0;
    width: 12px;
    height: 12px;
    float: right;
}

#weatherStationAssociatedPaddocksTable {
    max-height: 200px;
    overflow-y: scroll;
}

#weatherStationAssociatedPaddocksTable .transectRow {
    background:var(--Mono-100) !important;
}

#weatherStationAssociatedPaddocksLegend {
    color: var(--Mono-900);
    font-size: 15px;
}

#weatherStationAssociatedPaddocksTable .associatedPaddock {
    padding: 10px;
    font-size: 13px;
}

#weatherStationAssociatedPaddocksTable {
    margin-bottom:10px;
}

#weatherStationAssociatedPaddocksLegend span.circle {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    display: inline-block;
    position: relative;
    top: 3px;
    background: var(--Mono-900);
    margin-right: 5px;
    height: 10px;
    width:10px;
}

.upload-container {
    width: 935px;
}

.upload-container-extra-padding {
    padding-top: 90px;
}

.upload-container .form-row:first-child {
    padding-top: 0px;
}


.upload-details {
    border: 1px solid var(--Mono-300);
    border-top: none;
    margin-bottom: 5px;
}

.upload-total {
    font-size: 13px;
    font-weight: normal;
    display: inline-block;
    float:right;
    margin: 7px;
}

.upload-total span {
    background :var(--System-success-050);
    border:1px solid var(--Mono-300);
    width: 44px;
    padding: 5px 10px;
    margin-left: 5px;
    display: inline-block;
    text-align: left;
    font-weight: bold;
}

.rejected .upload-name-hdr, .rejected .upload-total span {
    color: #f26522;
}

.upload .upload-hdr, .rejected .upload-details {
    border: 1px solid #f26522;
}

.upload .killsheet-details {
    border-top: none;
}

.upload-details .dataTables_scroll {
    margin: 0 0 20px 20px;
    width: 98%;
}

.upload-details .dataTables_scrollHead {
    width: 98% !important;
}

.upload-details .grid tbody tr td:last-child {
    border-right: none;
}

.invalid-file-upload {
    color: var(--System-error-700);
    font-size: 11px;
    padding-top: 3px;
    line-height: 14px;
}


div#reportActivitySelector a , #reportSummaryExpand {
    display: inline-block;
    background-image: url(../images/icon-legendToggle.png) ;
    background-repeat: no-repeat ;
    position:absolute;
    right: 0px;
    top: 0px;
    width: 21px;
    height: 21px;
    z-index: 100000000000000;
}

div#reportActivitySelector a.close ,  #reportSummaryExpand.close  {
    background-position:  -42px 0;
}

div#reportActivitySelector a.open ,  #reportSummaryExpand.open {
    background-position:  0  0;
}

span.agfirsticon  {
    background: url(../images/environ-icon-green.png) no-repeat -0 0;
    display: inline-block;
    width: 84px;
    height: 85px;
    margin-left: 25px;
    margin-right: 16px;
}

span.agfirstlogo  {
    background: url(../images/agfirst/agfirst.png) no-repeat -0 0;
    display: inline-block;
    width: 155px;
    height: 85px;
    margin-left: 117px;
    background-size: 130px 64px;
}

span.beefandlamblogo {
    background: url(../images/agfirst/bandl.jpg) no-repeat -0 0;
    display: inline-block;
    width: 155px;
    height: 85px;
    margin-left: 55px;
    background-size: 130px 64px;
}

span.poweredbylogo  {
    background: url(../images/powered-by-green.png) no-repeat -0 15px;
    display: inline-block;
    width: 196px;
    height: 85px;
    margin-left: 15px;
}

span.onfarmsafety  {
    background: url(../images/farmlands/onfarmsafety.jpg) no-repeat -0 0px;
    width: 300px;
    height: 60px;
    margin-right: 100px;
    cursor:pointer;
    background-size: cover;
}

span.agfirsttaskicon  {
    background: url(../images/task-plan.png) no-repeat -0 0;
    display: inline-block;
    width: 40px;
    height: 55px;
    margin-left: 69px;
    margin-right: 16px;
}

span.agfirstmapicon  {
    background: url(../images/map-plan.png) no-repeat -0 0;
    display: inline-block;
    width: 40px;
    height: 55px;
    margin-left: 69px;
    margin-right: 16px;
}

span.agfirsttickicon  {
    background: url(../images/tick-plan.png) no-repeat -0 0;
    display: inline-block;
    width: 40px;
    height: 55px;
    margin-left: 69px;
    margin-right: 16px;
}

.sDashboardWidgetContent span.square {
    display: inline-block;
    margin: 0 5px;
    width: 10px;
    height: 10px;
}

.crvChartFooter {
    font-size:10px;
}

#grazingDaysTableReport {
    color: white;
    font-size: 11px;
    margin-left: 20px;
    text-decoration: underline;
    cursor: pointer;
}

span.block {
    display: inline-block;
    position: relative;
    top: 0px;
    border: 3px solid;
    margin-right: 5px;
    width: 8px;
    height: 8px;
}

.report-header {
    color: white;
    font-size: 18px;
    margin-top: 22px;
    margin-right: 20px;
}

span.kpi_met {
    color: var(--System-success-700);
}

span.kpi_notmet {
    color: var(--Sheep-orange-700);
}

span.kpi_nodata {
    color: var(--Mono-100);
}

td.kpi_met_icon {
    background: url(../images/icon-kpi-met.png) no-repeat center;
}

td.kpi_notmet_icon {
    background: url(../images/icon-kpi-notmet.png) no-repeat center;
}

span.warn_prob_icon {
    background: url(../images/icon-kpi-notmet.png) no-repeat center;
    display:inline-block;
    width:20px;
    height:20px;
}

.help-heading {
    height:30px;
    padding-bottom:10px;
}

.mobCategory {
    padding: 1px 4px;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    margin-left: 1em;
    color: white;
}

.correctiveActionWidget {
    text-align:center;

}

.correctiveActionWidget .theHeader {
    height:35px;
    width:200px;
    color:white;
    font-weight:bold;
    font-size: 14px;
    line-height:35px;
    background: #555;
    margin: 0 auto;
}

.correctiveActionWidget .resolved {
    height:100px;
    width:200px;
    color:white;
    font-weight:bold;
    font-size: 22px;
    background: var(--System-success-500);
    margin: 0 auto;
}

.correctiveActionWidget .unresolved {
    height:100px;
    width:200px;
    color:white;
    font-weight:bold;
    font-size: 22px;
    background: var(--System-error-700);
    margin: 0 auto;
}

.correctiveActionWidget .unresolved span {
    font-size:11px;
    display:block;
    padding-top:20px;
    padding-bottom:10px;
}
.correctiveActionWidget .resolved span {
    font-size:11px;
    display:block;
    padding-top:20px;
    padding-bottom:10px;
}

.mobCategory.Hospital {
    background: var(--System-error-700);
}

.mobCategory.Colostrum {
    background: var(--Lime-700);
}

.mobCategory.Dry {
    background: var(--System-warning-500);
}

.mobCategory.Milking {
    background: var(--Blue-500);
}

.mobCategory.MobGroup {
    background: var(--Primary-500);
}

.mobCategory.Grazing {
    background: #32a885;
}

.timesheet-header-row {
    background:#eee;
    padding:10px;
    border:1px solid #ccc;
}
.timesheet-detail-row {
    padding:10px;
    border:1px solid #ccc;
    border-top:none;
}
.timesheet-subdetail-row {
    padding:10px;
    border:1px solid #ccc;
    padding-left:50px;
    border-top:none;
    display:none;
}
.dayHeader {
    width:83px;
    color:var(--Mono-700);
    display:inline-block;
    font-size:1.2em;
}
.timesheet-header-row.timesheet-footer-row div.dayHeader {
    font-size: 1em;
    text-decoration: none;
    color: var(--Mono-900);
    font-weight: normal;
}

.entryCell {
    display:inline-block;
    width:83px;
    vertical-align: top;
}

.overridden {
    color:red !important;
    font-weight:bold;
}

.timesheetNote {
    width: 550px;
    margin: 10px 10px 0 10px;
    padding: 10px;
    vertical-align: top;
    padding-bottom: 15px;
}


.timesheetNote.Approved {
    background: var(--System-success-050);
    border: 1px solid var(--System-success-500);
}

.timesheetNote.OnFarm {
    background: var(--System-success-050);
    border: 1px solid var(--System-success-500);
}

.timesheetNote.OffFarm {
    background: var(--Primary-050);
    border: 1px solid var(--Mono-300);
}

.timesheetNote.Submitted {
    background: var(--System-warning-050);
    border: 1px solid var(--Mono-200);
}

.timesheetNote.Open {
    background: var(--Primary-050);
    border: 1px solid var(--Mono-300);
}
.timesheetNote.Pending {
    background: var(--Primary-050);
    border: 1px solid var(--Mono-300);
}

.timesheetNote.Rejected {
    background: var(--System-error-500);
    border: 1px solid var(--Mono-200);
}

.timesheetNote.Unapproved {
    background: var(--System-error-500);
    border: 1px solid var(--Mono-200);
}

td.kpi_nodata_icon {
    background: url(../images/icon-kpi-nodata.png) no-repeat center;
}
/*
 *
 * MAP MOB INFO
 *
 */
.panel-mob-info {
    position:fixed;
    background:#fff;
    border:1px solid #ccc;
    z-index: 100000;
}

.mob-table-wrapper {
    border:1px solid #ccc;
    border-top:none;
    margin-bottom:5px;
    max-height:119px;
    overflow-y:auto;
    overflow-x: hidden;
    width: 278px;
    padding: 0px !important;
    font-size: 11px;
}

#mob-info-table-header , #mob-info-table-header-submit {
    font-size:11px;
    background:var(--Primary-200);
    padding-top:1px;
    width:280px;
    height:23px;
}

#mob-info-table-header tr , #mob-info-table-header-submit tr {
    background:none;
}

#mob-info-table-header td , #mob-info-table-header-submit td {
    color:var(--Black);
    padding:0 0 0 5px;
}

#mob-info-table-header td:nth-child(1) , #mob-info-table-header-submit  td:nth-child(1)  {
    width:188px;
    border-right: 1px solid var(--Mono-200);
}

#mob-info-table , #mob-info-table-submit {
    background:#fff;
    border-collapse:collapse;
    width:278px;  /* CHANGED */
}

#mob-info-table tr , #mob-info-table-submit tr {
    height:40px;
}

.mob-info-content tr:nth-child(odd)  {
    background:var(--Mono-200);
}

div.detailsBox div.mob-total-count {
    padding:0;
    margin-top: 2;
}

#mobMove div.mob-move-buttons {
    font-size: 12px;
    text-align: center;
    padding: 0 0 0 0;
    margin:15px 0 20px 0;
    overflow: hidden;
    float: right;
}

td.mob-info-content_deer span, td.mob-info-content_sheep span, td.mob-info-content_cattle span {
    margin-left: 45px;
}

.panel-mob-info h3 {
    font-size: 12px;
    color: white;
    background: #222;
    height: 15px;
    padding: 5px 6px 6px 6px;
    background-image: -moz-linear-gradient(bottom, var(--Mono-800) 0%, var(--Mono-800) 65%);
    background-image: -webkit-linear-gradient(bottom, var(--Mono-800) 0%, var(--Mono-800) 65%);
    background-image: linear-gradient(bottom, var(--Mono-800) 0%, var(--Mono-800) 65%);
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -moz-box-shadow: inset 0 -1px #000;
    -webkit-box-shadow: inset 0 -1px #000;
    box-shadow: inset 0 -1px #000;
    -moz-box-shadow: 0 1px 1px var(--Mono-500);
    -webkit-box-shadow: 0 1px 1px var(--Mono-500);
    box-shadow: 0 1px 1px var(--Mono-500);
}
.panel-mob-info h3 span {
    display: inline-block;
    font-size: 11px;
    padding: 3px 8px;
    background-image: -moz-linear-gradient(bottom, var(--Primary-800) 0%, var(--Primary-800) 65%);
    background-image: -webkit-linear-gradient(bottom, var(--Primary-800) 0%, var(--Primary-800) 65%);
    background-image: linear-gradient(bottom, var(--Primary-800) 0%, var(--Primary-800) 65%);
    -moz-box-shadow: inset 0 1px var(--Primary-800);
    -webkit-box-shadow: inset 0 1px var(--Primary-800);
    box-shadow: inset 0 1px var(--Primary-800);
    -moz-box-shadow: 0 1px 2px #000;
    -webkit-box-shadow: 0 1px 2px #000;
    box-shadow: 0 1px 2px #000;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-top: -2px;
    float: right;
}

td  span.mob-menu-locked {
    float: right;
    margin-top: 0px;
    margin-right: -10px;
    font-size: 15px;
    color: var(--Mono-300);
}

td span.mob-menu-select {
    float:right;
    margin-right:20px;
    color: #CCC;
}

td span.mob-menu-select a {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(../images/icon-mobActions.png) no-repeat;
    cursor: pointer;
}

td  span.mob-menu-locked a {
    display: inline-block;
    background: url(../images/icon-locked-cell.png) no-repeat;
    cursor: progress;
    width: 17px;
    height: 17px;
    margin-right: 27px;
}

.spinner {
    display: block;
    border-radius: 48px;
    background: url(../images/spinner.gif) no-repeat;
    cursor: pointer;
    width: 48px;
    height: 48px;
}

.panel-mob-info div.mob-total-count {
    margin: 6px;
}

.panel-mob-info h3 a {
    background: url(../img/icon-mapPanel-close.png) no-repeat 0 0;
    margin: 2px 0 0 0;
    width: 12px;
    height: 12px;
    float: right;
}

.mob-info-content {
    padding:10px;
    overflow: auto;

}
.detailsBox .mob-info-content {
    background: #fff;
    padding:10px 9px 0 9px;
    border-left:1px solid var(--Mono-300);
    border-right:1px solid var(--Mono-300);
    border-top: none;
    margin:-10px -20px 0 -20px;
    width:280px;
}

td.mob-info-content_sheep , div.sheep {
    cursor: pointer;
    background: url(../images/icon-mob-sheep.png) no-repeat 5px 5px;
    background-size: 30px 30px;
    width:200px;
}

td.mob-info-content_cattle , div.cattle {
    cursor: pointer;
    background: url(../images/icon-mob-cattle.png) no-repeat 5px 5px;
    background-size: 30px 30px;
    width:200px;
}

.diary-withholding-icon {
    background: url("../images/calendar/diary-withholding-icon.svg") no-repeat;
    min-width:24px;
    margin-top: 4px;
}

.move-collapse {
    background: url(../images/calendar/move-collapse.svg) no-repeat;
    min-width: 20px;
    height: 20px;
    padding-right: 5px; /* Don't change to margin - breaks the hover */
}

.mob-info-content_withholding {
    cursor: pointer;
    background: url(../images/icons/withholding.svg) no-repeat center center;
    background-size: 20px 20px;
    min-width: 20px;
    height: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    margin-left: 0px !important;
}

.nait-success-icon {
    background: url(../images/calendar/nait-success-icon.svg) no-repeat 0;
    min-width: 20px;
    height: 20px;
    min-height: 24px;
}

.nait-pending-icon {
    background: url(../images/calendar/nait-pending-icon.svg) no-repeat 0;
    min-width: 20px;
    height: 20px;
    min-height: 24px;
}

.nait-failed-icon {
    background: url(../images/calendar/nait-fail-icon.svg) no-repeat 0;
    min-width: 24px;
    height: 20px;
    min-height: 24px;
}

.nait-warning-icon {
    background: url(../images/calendar/nait-warning-icon.svg) no-repeat 0;
    min-width: 20px;
    height: 20px;
    min-height: 24px;
}

.nait-missing-icon {
    background: url(../images/calendar/nait-missing-icon.svg) no-repeat 0;
    min-width: 20px;
    height: 20px;
    min-height: 24px;
}

.nait-info-image-success {
    cursor: pointer;
    background: url(../images/calendar/nait-success-icon.svg) no-repeat center center;
    background-size: 20px 20px;
    min-width: 20px;
    height: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    margin-left: 0px !important;
}

.nait-info-image-pending {
    cursor: pointer;
    background: url(../images/calendar/nait-pending-icon.svg) no-repeat center center;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    margin-left: 0px !important;
}

.nait-info-image-failed  {
    cursor: pointer;
    background: url(../images/calendar/nait-fail-icon.svg) no-repeat center center;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    margin-left: 0px !important;
}

.nait-info-image-warning {
    cursor: pointer;
    background: url(../images/calendar/nait-warning-icon.svg) no-repeat center center;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    margin-left: 0px !important;
}

.nait-info-image-missing     {
    cursor: default;
    background: url(../images/calendar/nait-missing-icon.svg) no-repeat center center;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    margin-left: 0px !important;
}


td.mob-info-content_deer , div.deer {
    cursor: pointer;
    background: url(../images/icon-mob-deer.png) no-repeat 5px 5px;
    background-size: 30px 30px;
    width:200px;
}

.panel-mob-info-minimised {
    background: url(../images/icons/clear.svg) no-repeat 0 0;
    width: 50px;
    height: 71px;
    cursor: pointer;
    display: block;
    z-index: 1000;
    position: absolute;
}
.panel-mob-info-minimised:hover {
    background: url(../images/icons/Mobmove_XHover.svg) no-repeat 0 0;
}
.mob-info-content .mobname {
    display: inline-block;
    font-size: 11px;
    width: 65%;  /* use up all space on my line */
}

.grazingMob {
    background:#390;
    padding:1px 4px;
    border-radius:2px;
    color:#fff;
    font-size:10px;
    font-weight: bold;
}

.grazingMobOnImg {
    background-image:url(../images/icon-grazing-on.png);
    background-repeat:no-repeat;
    background-position:left;
    background-size:100%;
    display:inline-block;
    width:16px;
    height:16px;
    white-space:nowrap;
    vertical-align:middle;
    margin-right: 5px;
}

.grazingMobOn {
    color:#390;
    font-size:11px;
    font-weight: bold;
    display: relative;
    vertical-align:middle;
}

.grazingMob.off {
    background:purple;
}

.grazingMob.off.event {
    font-size: 14px;
}

.grazingMobName.on, .grazingMobName.on td {
    color:#390;
}

.mob-info-content .grazingMob {
    display: inline-block;
    font-size:9px;
    font-weight: normal;
    margin:0 0 0 45px;
}

.mob-info-content .padding {
    margin-bottom: 5px;
}

.mob-info-content span.mob-move {
    color: white;
}

/*.mob-info-content ul {
    padding: 0;
    border: 1px solid var(--Mono-100);
    margin: 0 10px;
    height: 120px;
    overflow: auto;
}
.mob-info-content ul li {
    list-style-type: none;
    padding: 7px 15px 7px 5px;
}
.mob-info-content ul li:nth-child(odd) {
    background: var(--Mono-200);
}
.mob-info-content li span {
    display: inline;
    float: right;
}*/
.panel-mob-info span.popup-arrow {
    display: block;
    position: absolute;
    bottom: -16px;
    left: 20px;
    background: url(../images/icon-popup-arrow.png) no-repeat 0 0;
    width: 30px;
    height: 16px;
    z-index: 100;
}
/*
 * MOB ACTION MENU
 *
 */
.panel-mob-action-menu {
    position: fixed;
    border: 1px solid var(--Mono-200);
    background: var(--White);
    padding-bottom: 0;
    width: 120px;
    z-index: 200000;
}
.panel-mob-action-menu h3 a {
    background: url(../img/icon-mapPanel-close.png) no-repeat 0 0;
    margin: 2px 0 0 0;
    width: 12px;
    height: 12px;
    float: right;
}

.panel-mob-action-menu ul {
    font-size: 12px;
}

.panel-mob-action-menu li {
    list-style-type: none;
    border-top: 1px solid var(--Mono-100);
}

.panel-mob-action-menu li:hover {
    background-color: var(--Primary-700);
}

.panel-mob-action-menu ul li:first-child {
    padding-top: 3px;
    border-top: none;
}

.panel-mob-action-menu ul li:last-child {
    padding-bottom: 3px;
}

.panel-mob-action-menu li a {
    display: block;
    background: url(../images/arrow-list-nxt.png) no-repeat 105px 7px;
    padding: 5px;
    color: var(--Mono-900);
    text-decoration: none;
}

.toolsBackground {
    background: url(../images/Draw_paddocks_down.png) no-repeat;
    display: inline-block;
    width: 54px;
    height: 54px;
}

.panel-mob-action-menu li a.disabled {
    display: block;
    background: url(../images/arrow-list-nxt.png) no-repeat 105px 7px;
    padding: 5px;
    color: #666;
    text-decoration: none;
}

.panel-mob-action-menu li:hover a {
    background: url(../images/arrow-list-nxt.png) no-repeat 105px -12px;
    color: #fff;
}
.panel-mob-action-menu li:hover a.disabled {
    background: url(../images/arrow-list-nxt.png) no-repeat 105px -12px;
    color: #666;
}

.offline {
    pointer-events: none;
}
a.offline {
    pointer-events: none;
    cursor: default;
    color: var(--Mono-500) !important;
}
.offline-explanation {
    padding-top: 2px;
    color: var(--System-error-700);
}
label.offline {
    color: var(--Mono-500) !important;
}


/*If our selects are empty our users can't use them so we should grey them out*/
select:empty {
    background-color: var(--Mono-200);
    border: 1px solid var(--Mono-300)
}

a[disabled] {
    pointer-events: none;
    cursor: default;
    color: var(--Mono-400) !important;
}

#view_stock_list [data-contract-id] {
    cursor:pointer;
}

.panel-map-tools-reports {
    background: var(--Mono-800) !important;
    z-index: 20000 !important;
}

.panel-map-tools-reports .nutrient-link {
    border: 1px solid white;
    background: var(--Mono-200);
    color: var(--Mono-900);
    width: 40px;
    padding-top: 20px;
}

.panel-map-tools-reports .selected {
    background: var(--Mono-800) !important;
    color: white !important;
}

.cattle-cursor {
    cursor: url("../images/icons/cattle.svg") 20 57, auto;
}
.deer-cursor {
    cursor: url("../images/icons/deer.svg") 20 57, auto;
}
.sheep-cursor {
    cursor: url("../images/icons/sheep.svg") 20 57, auto;
}

.move-all-cursor {
    cursor: url("../images/icon-mob_move_all.cur"), auto;
}



.draw-cursor {
    cursor: crosshair;
}

/* -- HELP MENU --*/
.helpMenu ul    {
    padding:5px 10px 0 10px;
    height:inherit;
    min-height:200px;
    max-height:300px;
}

.panel-layers ul li {
    list-style-type:none;
    line-height:14px;
    padding:6px 0 0 5px;
}

.panel-layers .helpMenu ul li   {
    background: url("../images/icons/moreInfo.svg") no-repeat 5px 4px;
    padding:4px 5px 7px 22px;
    margin-bottom:5px;
    border-bottom:1px solid var(--Mono-300);
}

.moreInfo {
    background: url("../images/icons/moreInfo.svg") no-repeat 5px 4px;
    background-size: 60%;
    padding:6px 5px 7px 22px;
}

.moreInfoOnBlack {
    background: url("../images/icon-moreInfo-onBlack.png") no-repeat 5px 4px;
    background-size: 60%;
    padding:6px 5px 7px 22px;
}

.helpMenu ul li {
    background: url("../images/icons/moreInfo.svg") no-repeat 5px 4px;
    padding:4px 5px 7px 22px;
    margin-bottom:5px;
    border-bottom:1px solid var(--Mono-300);
}

.helpMenu ul li:hover {
    color:var(--Primary-900);
    cursor:pointer;
}
.helpMenu ul li:last-child {
    border:none;
}

/* -- HELP PANEL --*/
.panel-help-item {
    position:absolute;
    border:1px solid #369;
    background: #369;
    width:320px;
    z-index: 100000;

}

.panel-help-item h3 {
    position:relative;
    background:var(--Primary-800) ;
    padding:0;
    margin:0;
}

.panel-help-item h3 span {
    display:inline-block;
    color:#fff;
    background:var(--Primary-700) ;
    padding:7px 25px 0 10px;
    height:25px;
    width:250px;
}

.panel-help-item h3 a {
    position:absolute;
    right:10px;
    top:8px;
    background: url("../images/icon-help-close.png") no-repeat 0 0;
    width:15px;
    height:15px;
}
.panel-help-item h3 a:hover {
    background: url("../images/icon-help-close.png") no-repeat 0 100%;
    cursor:pointer;
}

.panel-help-item ol {
    background:#fff;
    padding:10px 10px 0 25px;
    margin:0;
    overflow-y: auto;
    max-height: 300px;

}

.panel-help-item ol li {
    padding-bottom:10px;
}

/*
 * BUTTONS
 *
 */

.form-action-buttons-primary .button, .form-action-buttons-primary button {
    font-size: 12px;
    padding: 4px 10px 4px;
    margin-bottom: 0;
    *margin-left: .3em;
    line-height: 18px;
    *line-height: 20px;
}
.button.disabled {
    pointer-events: none;
}
.fiq-dialog .ui-state-default button:hover {
    background-color: var(--Mono-100);
    *background-color: var(--Mono-100);
    background-image: -ms-linear-gradient(bottom, var(--Mono-100), var(--Mono-100));
    background-image: -webkit-gradient(bottom, var(--Mono-100), var(--Mono-100));
    background-image: -webkit-linear-gradient(bottom, var(--Mono-100), var(--Mono-100));
    background-image: -o-linear-gradient(bottom, var(--Mono-100), var(--Mono-100));
    background-image: linear-gradient(bottom, var(--Mono-100), var(--Mono-100));
    background-image: -moz-linear-gradient(bottom, var(--Mono-100), var(--Mono-100));
}
.button:active, .button.active, .button.disabled, .button[disabled] {
    background-color: var(--Mono-200);
    color: var(--Mono-800) !important;
}
.button-commit {

}
.button:first-child {
    *margin-left: 0;
}
.button:hover {
    color: #000;
    text-decoration: none;
    background-color: var(--Mono-100);
    *background-color: var(--Mono-100);
}
.button.active, .button:active {
    background-color: var(--Mono-100);
    background-color: var(--Mono-100);
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.button.disabled, .button[disabled] {
    cursor: default;
    background-color: var(--Mono-200);
    color: var(--Mono-800) !important;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.button.disabled, .button[disabled],.button.offline {
    cursor: default;
    background-color: var(--Mono-200);
    color: var(--Mono-800) !important;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.button-group {
    position: relative;
    *margin-left: .3em;
    *zoom: 1;
}
.button-group:before, .button-group:after {
    display: table;
    content: "";
}
.button-group:after {
    clear: both;
}
.button-group:first-child {
    *margin-left: 0;
}
.button-group + .button-group {
    margin-left: 5px;
}
.button-toolbar {
    margin-top: 9px;
    margin-bottom: 9px;
}
.button-toolbar .button-group {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
}
.button-group > .button {
    position: relative;
    float: left;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.button-group > .button:first-child {
    margin-left: 0;
    border-right: 1px solid var(--Mono-200);
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.button-group > .button:last-child {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.button-group > .button.large:first-child {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px;
}
.button-group > .button.large:last-child, .button-group > .large.dropdown-toggle {
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
}
.button-group > .button:hover, .button-group > .button:focus, .button-group > .button:active, .button-group > .button.active {
    z-index: 2;
}
.button-group .dropdown-toggle:active, .button-group.open .dropdown-toggle {
    outline: 0;
}
.button-group > .dropdown-toggle {
    *padding-top: 4px;
    padding-right: 8px;
    *padding-bottom: 4px;
    padding-left: 8px;
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.button-group > .button-mini.dropdown-toggle {
    padding-right: 5px;
    padding-left: 5px;
}
.button-group > .button-small.dropdown-toggle {
    *padding-top: 4px;
    *padding-bottom: 4px;
}
.button-group > .button-large.dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px;
}
.button-group.open .dropdown-toggle {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.button-group.open .button.dropdown-toggle {
    background-color: var(--Mono-100);
}
.button-group.open .button-primary.dropdown-toggle {
    background-color: var(--Primary-700);
}
.button-group.open .button-warning.dropdown-toggle {
    background-color: var(--System-warning-500);
}
.button-group.open .button-danger.dropdown-toggle {
    background-color: var(--System-error-700);
}
.button-group.open .button-success.dropdown-toggle {
    background-color: var(--System-success-700);
}
.button-group.open .button-info.dropdown-toggle {
    background-color: var(--Primary-500);
}
.button-group.open .button-inverse.dropdown-toggle {
    background-color: var(--Mono-700);
}
.button .caret {
    margin-top: 7px;
    margin-left: 0;
}
.button:hover .caret, .open.button-group .caret {
    opacity: 1;
    filter: alpha(opacity=100);
}
.button-mini .caret {
    margin-top: 5px;
}
.button-small .caret {
    margin-top: 6px;
}
.button-large .caret {
    margin-top: 6px;
    border-top-width: 5px;
    border-right-width: 5px;
    border-left-width: 5px;
}
.dropup .button-large .caret {
    border-top: 0;
    border-bottom: 5px solid var(--Mono-900);
}
/*
 *
 * BUTTON TYPES
 *
 */

.button-group .button.button-filter-down:last-child,.button-group .button.button-filter:last-child {
    margin-right:0px;
}
.button-filter,.button-filter:hover {
    background: #555;
}

.button-group .button {
    box-shadow: none;
}

a.button-filter {
    color: var(--Mono-900);
    padding: 6px 10px;
    text-align:center;
    min-width: 60px;
    font-size: 11px;
}
a.button-filter.no-module, a:hover.button-filter.no-module {
    color: var(--Mono-200);
}

a.button-filter:hover,a.button-filter-down,a.button-filter-down:hover {
    color: var(--White);
    background: var(--Primary-700);
}

.button-filter-down,.button-filter-down:hover {
    background: var(--Primary-900) ;
}

a.button-filter[data-which-stock],a.button-filter[data-which-stock]:hover,a.button-filter-down[data-which-stock],a.button-filter-down[data-which-stock]:hover {
    width: 110px;
}

.button-warning {
    background-color: var(--System-warning-500);
    *background-color: var(--System-warning-500);
    background-image: -ms-linear-gradient(top, var(--System-warning-500), var(--System-warning-500));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--System-warning-500)), to(var(--System-warning-500)));
    background-image: -webkit-linear-gradient(top, var(--System-warning-500), var(--System-warning-500));
    background-image: -o-linear-gradient(top, var(--System-warning-500), var(--System-warning-500));
    background-image: -moz-linear-gradient(top, var(--System-warning-500), var(--System-warning-500));
    background-image: linear-gradient(top, var(--System-warning-500), var(--System-warning-500));
    background-repeat: repeat-x;
    border-color: var(--System-warning-500) var(--System-warning-500) var(--System-warning-500);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.button-warning:hover, .button-warning:active, .button-warning.active, .button-warning.disabled, .button-warning[disabled] {
    background-color: var(--System-warning-500);
    *background-color: var(--System-warning-500);
}

.fiq-dialog button .button-commit .ui-widget .ui-state-default, .button-commit, button.button-commit, .export-to-questionnaire-button, button.export-to-questionnaire-button {
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: var(--Primary-700);
    text-shadow: none;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.dialog-save-button {
    background: var(--Primary-700);
    color:white;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.dialog-save-button:hover {
    background: var(--Primary-900) ;
}

.button.button-blue-primary {
    background: var(--Primary-700);
    color:white !important;
    min-width:30px !important;
    margin-left:5px;
    border:none;
}

#dashboardTabsForm .ui-sortable-placeholder {
    height: initial !important;
    width: initial !important;
}

.small-help-text {
    font-size:10px;
    text-align:right;
    margin-right:20px;
    martin-top:5px;
}

button.button-commit:hover, button.button-commit:active, button.button-commit.active, button.button-commit.disabled, button.button-commit[disabled], .button-commit:hover, .button-commit:active, .button-commit.active, .button-commit.disabled, .button-commit[disabled], .export-to-questionnaire-button:hover, button.export-to-questionnaire-button:hover {
    color: var(--White) !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 10px;
    border-radius: 4px;
    background: var(--Primary-900) !important;
    border-color: var(--Mono-300);
}

.cancel-return-to-questionnaire-button {
    margin-right: 10px;
}

.button.button-favourite-animal-description {
    background-color: var(--Primary-700);
    min-width: 70px;
    background-color: linear-gradient(top, var(--Primary-700), var(--Primary-700));
    background-image: -webkit-linear-gradient(top, var(--Primary-700), var(--Primary-700));
    background-image: -ms-linear-gradient(top, var(--Primary-700), var(--Primary-700));
    background-image: -o-linear-gradient(top, var(--Primary-700), var(--Primary-700));
    background-image: -moz-linear-gradient(top, var(--Primary-700), var(--Primary-700));
    color: var(--White);
    /*  text-shadow: 0px -1px 0px rgba(000,000,000,1), 0px 1px 0px rgba(255,255,255,0.3);*/
}

button.button-favourite-animal-description:hover, button.button-favourite-animal-description:active, button.button-favourite-animal-description.active, button.button-favourite-animal-description.disabled, button.button-favourite-animal-description[disabled], .button-favourite-animal-description:hover, .button-favourite-animal-description:active, .button-favourite-animal-description.active, .button-favourite-animal-description.disabled, .button-favourite-animal-description[disabled] {
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: var(--Primary-700);
}

.button-reject {
    background-color: var(--System-error-700);
    min-width: 70px;
    background-color: linear-gradient(top, var(--System-error-700), var(--System-error-700));
    background-image: -webkit-linear-gradient(top, var(--System-error-700), var(--System-error-700));
    background-image: -ms-linear-gradient(top, var(--System-error-700), var(--System-error-700));
    background-image: -o-linear-gradient(top, var(--System-error-700), var(--System-error-700));
    background-image: -moz-linear-gradient(top, var(--System-error-700), var(--System-error-700));
    color: var(--White);
}
.button-reject:hover, .button-reject:active, .button-reject.active, .button-reject.disabled, .button-reject[disabled] {
    background-color: var(--System-error-700);
    *background-color: var(--System-error-700);
}
.button-accept {
    color: #fff;
    background: var(--System-success-500);
}

.button-accept:hover, .button-accept:active, .button-accept.active, .button-accept.disabled, .button-accept[disabled] {
    color: #fff !important;
    background: var(--System-success-700) !important;
}

.button-pressed, .button-pressed:hover, .button-pressed:active, .button-pressed.active, .button-pressed.disabled, .button-pressed[disabled] {
    background: var(--Mono-700);
    background-image: none;
    *background-color: var(--Mono-700);
    color: white;
}

.button-sm-grey, .button-draft-sm-grey {
    background-color: var(--Primary-700);
    background-color: linear-gradient(top, var(--Mono-100), var(--Mono-300) );
    background-image: -webkit-linear-gradient(top, var(--Mono-100), var(--Mono-300) );
    background-image: -ms-linear-gradient(top, var(--Mono-100), var(--Mono-300) );
    background-image: -moz-linear-gradient(top, var(--Mono-100), var(--Mono-300) );
    color: var(--Mono-700);
    border:1px solid var(--Mono-300);
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    font-size: 11px;
    padding: 1px 10px;
    margin: 0 0 10px 6px;
}

.button-draft-sm-grey {margin-top:-35px;}

.button-sm-grey:hover, .button-draft-sm-grey:hover {
    background-color: linear-gradient(top, var(--Mono-300), var(--Mono-100) );
    background-image: -webkit-linear-gradient(top, var(--Mono-300), var(--Mono-100) );
    background-image: -ms-linear-gradient(top, var(--Mono-300), var(--Mono-100) );
    background-image: -moz-linear-gradient(top, var(--Mono-300), var(--Mono-100) );
}
.animal-search-select-row {
    overflow: auto;
}
.form-section-heading-simple {
    font-size: 20px;
    margin: 0 0 15px 20px;
    color: var(--Primary-800);
}






/*
 * GRID
 *
 */
.grid-cell, .grid-1-5,.grid-1-5-1, .grid-2-5, .grid-3-5, .grid-4-5, .grid-5-5,.grid-address-line,.grid-1-3, .grid-half-1-5, .grid-1-and-half-5, .grid-flexible {
    display: inline-block;
    position: relative;
    float: left;
    margin-right: 20px;
    height: 100%;
    min-height: 1px;
}
.grid-1-5 .input-unit-single .stretch {
    width:122px;
}
.grid-1-5 .input-unit-triple .stretch {
    width:113px;
}
.grid-1-5 .input-unit-double .stretch {
    width:118px;
}
.grid-1-3 {
    width: 102px;
}
.grid-1-3 .stretch {
    width: 88px;
}
.grid-address-line {
    width: 438px;
}
.grid-address-line input.stretch{
    width: 420px;
}
.grid-cell, .grid-1-5 {
    width: 165px;
}

.grid-1-5 .stretch, .grid-cell .stretch {
    width: 150px;
}
.grid-1-5-1 .stretch {
    width: 225px;
}
.grid-1-and-half-5 {
    width: 246px;
}
.grid-1-and-half-5 .stretch {
    width: 235px;
}
.grid-half-1-5 {
    width: 82px;
}
.grid-half-1-5 .stretch {
    width: 68px;
}
.grid-2-5 {
    width: 348px;
}
.grid-2-5-1 {
    width: 290px;
}

.grid-2-5 .stretch {
    width: 334px;
}

.grid-3-5 {
    width: 532px;
}
.grid-3-5 .stretch {
    width: 518px;
}

.grid-3-6 {
    width: 620px;
}

.grid-4-5 {
    width: 716px;
}
.grid-4-5 .stretch {
    width: 702px;
}
.grid-5-5 {
    width: 936px;
    margin-right: 0px;
}
.grid-5-5 .stretch {
    width: 886px;
}
.grid-cell select.stretch, .grid-1-5 select.stretch, .grid-2-5 select.stretch, .grid-3-5 select.stretch, .grid-4-5 select.stretch, .grid-5-5 select.stretch {
    width: 100%;
}
ul.grid-cell-ul {
    padding-top: 6px;
}

.grid-cell-last {
    margin-right: 0px;
}
.grid-2 {
    width: 348px;
}
.grid-3 {
    width: 549px;
}
.txt-middle {
    vertical-align: middle;
}
.dialog-txt-middle {
    line-height: 80px;
    vertical-align: middle;
}
.grid-txt-middle {
    line-height: 30px;
    vertical-align: middle;
}

.grid-special-txt-middle {
    padding-top:30px;
}
.grid-txt-middle-with-label {
    line-height: 24px;
}
.in-the-gutter {
    margin-left: -20px;
    float: left;
    width: 20px;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
}
.margin-in-the-gutter {
    margin-left: -10px;
}
.field-separator {
    float: left;
    margin: 0px 10px;
    line-height: 30px;
    vertical-align: middle;
}
/* Field Grid */
.grid-1-10, .grid-2-10, .grid-3-10, .grid-4-10, .grid-5-10, .grid-6-10, .grid-7-10, .grid-8-10, .grid-9-10, .grid-10-10, .grid-11-10, .grid-10-10, .grid-1-12, .grid-2-12, .grid-3-12, .grid-4-12, .grid-5-12, .grid-6-12, .grid-7-12, .grid-8-12, .grid-9-12, .grid-10-12, .grid-11-12, .grid-12-12 {
    display: inline-block;
    position: relative;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    padding: 0.8% 0.5% 1%;
    height: 100%;
    /*ie7*/
    *margin-left: .8%;
    *margin-right: .8%;
    *padding: 0.8% 0.25% 1%;
}
/* 12-column Grid (thanks for Fluid 960 Grid System) */
.grid-1-12 {
    width: 5.333%;
}
.grid-2-12 {
    width: 13.666%;
}
.grid-3-12 {
    width: 22%;
}
.grid-4-12 {
    width: 30.333%;
}
.grid-5-12 {
    width: 38.666%;
}
.grid-6-12 {
    width: 47%;
}
.grid-7-12 {
    width: 55.333%;
}
.grid-8-12 {
    width: 63.666%;
}
.grid-9-12 {
    width: 72%;
}
.grid-10-12 {
    width: 80.333%;
}
.grid-11-12 {
    width: 88.666%;
}
.grid-12-12 {
    width: 97%;
}
.grid-1-10 {
    width: 10%;
}
.grid-2-10 {
    width: 20%;
}
.grid-3-10 {
    width: 30%;
}
.grid-4-10 {
    width: 40%;
}
.grid-5-10 {
    width: 50%;
}
/*
 * TABLE STYLES
 *
 */
.wrap-single-form {
    margin: 0 auto;
    width: 980px;
}
.wide-form {
    width:inherit;
    margin: 0 auto;
    min-width: 980px;
    max-width: 1200px;
}
.full-width-form {
    width:inherit;
    padding-left:20px;
    padding-right:20px;
}
.wrap-table, .wrap-form-page {
    width: 760px;
}
/*standard table */
.grid {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 1px solid var(--Mono-200);
}
.grid thead {
    background-image: -moz-linear-gradient(top, var(--Mono-200), var(--Primary-200));
    background-image: -webkit-linear-gradient(top, var(--Mono-200), var(--Primary-200));
    background-image: -ms-linear-gradient(top, var(--Mono-200), var(--Primary-200));
    background-image: linear-gradient(top, var(--Mono-200), var(--Primary-200));
}
.grid th {
    font-size: 11px;
    font-weight: bold;
    color: var(--White);
    background-color: var(--Primary-600);
    padding: 3px 10px;
    height: 20px;
    vertical-align: middle;
    border-right: 1px solid var(--Mono-200);
    border-left: 1px solid var(--Primary-200);
    border-collapse: separate;
    text-align: left;
}
.grid th.txt-center {
    text-align: center;
}

.nait-txn-summaries {
    padding-bottom: 20px;
}

.grid th:first-child{
    border-left: none;
}
.grid th.empty {
    border-left-style: none;
    border-right-style: none;
    padding: 0px;
}
.grid tbody td, .grid tfoot td {
    border-right: 1px solid #eee;
    border-top: 1px solid var(--Mono-300);
    padding: 10px;
    vertical-align: middle;
}
.grid tbody td.top {
    vertical-align: top;
}
.grid thead th.sorting_asc {
    background-image: url("../images/icon-sort-asc.png");
    background-image: url("../images/icon-sort-asc.png");
    background-color:var(--Primary-900);
    background-repeat: no-repeat;
    background-position: center right;
}
.grid thead th.sorting_desc {
    background-image: url("../images/icon-sort-desc.png");
    background-image: url("../images/icon-sort-desc.png");
    background-color:var(--Primary-900);
    background-repeat: no-repeat;
    background-position: center right;
}
.grid thead th.sorting {
    background-image: url("../images/icon-sort-both.png");
    background-image: url("../images/icon-sort-both.png");

    background-repeat: no-repeat;
    background-position: center right;
}

.grid tfoot tr.total-box {
    background-color: rgb(240, 254, 234);
    border: 2px solid var(--Mono-300);
}
.grid tfoot tr td.total {
    border-color: #ccc !important;
    text-align: right;
}

.grid tbody td select { margin-right:0 }

.odd {
    background-color: white;
}
.even {
    background-color: var(--Mono-100);
}

/* TABLE COLUMN WIDTHS
 *
 */
.col-1-12 {
    width: 5.333%;
}
.col-2-12 {
    width: 13.666%;
}
.col-3-12 {
    width: 22%;
}
.col-4-12 {
    width: 30.333%;
}
.col-5-12 {
    width: 38.666%;
}
.col-6-12 {
    width: 47%;
}
.col-7-12 {
    width: 55.333%;
}
.col-8-12 {
    width: 63.666%;
}
.col-9-12 {
    width: 72%;
}
.col-10-12 {
    width: 80.333%;
}
.col-11-12 {
    width: 88.666%;
}
.col-12-12 {
    width: 97%;
}
.col-tools {
    width: 65px;
}
.col-min {
    width: 8%
}
.col-min-med {
    width: 9%
}
.col-ten {
    width: 10%;
}
.col-tiny {
    width: 5%
}
.col-utiny {
    width: 1%
}
.col-max {
    width: 20%;
}
.col-med {
    width: 14%;
}
.col-med-max {
    width: 17%;
}
.centered-td {
    text-align: center;
    vertical-align: middle;
}

/*
 * TABLE SECTIONS
 *
 *
 */
.wrap-grid-summary {
    background: var(--Mono-100);
    border-left: 1px solid var(--Mono-300);
    border-right: 1px solid var(--Mono-300);
}
.sub-form-heading {
    font-size: 16px;
    color: var(--Mono-900);
    padding-top: 25px;
}

.sub-form-heading-2 {
    font-size: 13px;
    color: var(--Mono-900);
    padding-top: 10px;
    text-align: center;
    width: 60%;
    margin-left: 20%;
}

.wrap-expandable-header .sub-form-heading {
    font-size: 16px;
    color: var(--Primary-800);
    padding-top: 0px;
    padding-bottom: 10px;
}
.wrap-expandable-header {
    padding-top: 25px;

}
.wrap-expandable-header:first-child {
    padding-top: 0px;
}
.form-heading {
    font-size: 16px;
    color: var(--Mono-900);
    font-weight: 700;
}
.grid-summary label {
    color: var(--Mono-900);
}
.grid-heading {
    padding: 10px;
    background: var(--Mono-800);
}
.grid-heading h1 {
    color: var(--White);
}
.form-fixed {
    text-align: left;
    width: 720px;
    margin: auto;
}

/*

Colour Picker
*/

div.detailsBox.colour-picker p , div.detailsBox.interiorFence p , div.detailsBox.transectLine p {
    color:white;
    margin: 10px 20px;
    font-size:11px;
}

div.detailsBox.colour-picker fieldset {
    background-color:white;
    margin: 10px 20px ;
    font-size:11px;
    padding: 0 5px;
    color:black;
}

/*
 * FORM SECTIONS
 *
 *
 */
.div-tbl {
    display: table;
    width: 100%;
}
.div-cell {
    display: table-cell;
    vertical-align: top;
}
.cell-label {
    line-height: 26px;
    vertical-align: middle;
}
.heading-for-content h1 {
    font-size: 1.8em;
    font-weight: normal;
    margin-bottom: 28px;
}
.form-content {
    margin: 0px 20px;
}


.wrap-form-summary {
    background: var(--Primary-100);
    background-clip: padding-box;
    margin: -1px 0 0 0px;
}

.wrap-form-summary-new {
    background: white;
    background-clip: padding-box;
    margin: -1px -20px 0 -20px;
    color: var(--Mono-900);
    border-bottom: 1px solid var(--Mono-300);
    padding-left: 20px;
}

.wrap-form-summary-new .form-summary {
    color: var(--Mono-700);
    font-weight:bold;
}

.wrap-form-summary-new .dashboardMenu {
    position: absolute;
    background: white;
    z-index: 1;
    font-size: 12px;
    width: 150px;
    border: 1px solid var(--Mono-300);
    top: -70px;
    border-radius:3px;
}

.currentTab {
    font-size: 14px;
    margin: 0px 10px 10px 0px;
    padding: 7px 15px;
    border: 1px solid var(--Mono-300);
    border-radius: 4px;
    display: inline-block;
    font-weight: bold;
    margin-top: 20px;
    cursor:pointer;
}

.currentTab.activeTab {
    background: var(--White);
    Color: var(--Primary-700);
    border: 1px solid var(--Primary-700);
}

.wrap-form-summary-new .dashboardMenu div {
    line-height:40px;
    cursor:pointer;
}

.wrap-form-summary-new .dashboardMenu div:hover{
    background: var(--Mono-100);
}
.wrap-form-summary-overhang {
    background: var(--Primary-100);
    background-clip: padding-box;
}


.wrap-form-resolve-summary {
    background: var(--System-success-500);
    margin: -1px -1px 0 -1px;
}
.wrap-form-resolve-summary .form-summary {
    color: #fff;
}
.wrap-form-resolve-summary .resolve-message {
    background: var(--System-success-050);
    padding:20px 15px;
    padding-bottom: 0;
    color: #000;
    border-left: 1px solid var(--Mono-300);
    border-right: 1px solid var(--Mono-300);
}
.resolve-message .resolve-message-main {
    font-weight: bold;
}
.resolve-message .resolve-message-txt {
}
.resolve-message .resolve-message-line {
    font-weight: normal;
    padding-top:6px;
}
.resolve-message ul {
    list-style-position: inside;
    padding-top: 6px;
    padding-bottom: 12px;
    padding-left: 12px;
}
.wrap-resolve-message {
    background: #FFC;
}
.form-content .resolve-message {
    margin: 0;
    padding:16px 0;
}
.form-content  .resolve-message-main {
    padding: 0;
    margin: 0;
    margin-bottom: 6px;
}
.resolve-message-comment-wrap {
    margin: 16px 0px 0px 0px;
    padding: 12px;
    background: var(--White);
    border: 1px solid var(--Mono-300);
}
.resolve-message-from {
    color: var(--Mono-500);
    padding-bottom: 4px;
    border-bottom: 1px solid var(--Mono-200);
    margin-bottom: 16px;
}
.resolve-message-comment {
    font-size: 14px;
    font-weight: bold;
}
.form-summary {
    font-size: 20px;
    font-weight: bold;
    color: var(--Mono-900);
    line-height: 60px;
    vertical-align: middle;
    height: 60px;
    padding: 0px 14px;
}
.form-summary label {
    color: var(--White);
}
.form-summary-actions, .form-summary-expand {
    padding: 8px 8px;
}
.form-summary-expand {
    background: var(--Mono-500);
}
.form-summary-expand a, .form-summary-expand a:hover, .form-summary-expand a:visited {
    color: white;
    text-decoration: none;
}
.form-summary-actions {
    background: var(--Mono-700);
    text-align: right;
}
.form-section-heading {
    background: var(--Mono-700);
    font-size: 13px;
    border-bottom: 1px solid var(--Mono-300);
    border-top: 1px solid var(--Mono-100);
    background: -webkit-linear-gradient(top, var(--White), var(--Mono-200));
    background: -moz-linear-gradient(top, var(--White), var(--Mono-200));
    background: -ms-linear-gradient(top, var(--White), var(--Mono-200));
    margin-left: -1px;
}

.form-section-heading .subheading {
    font-weight: 600;
    color: var(--White);
    background: var(--Primary-800);
    height: 32px;
    margin-top: -1px;
    line-height: 30px;
    vertical-align: middle;
    font-weight: 300;
    padding: 0px 14px;
}
.form-section-heading .arrow-right {
    float: left;
    background: url("../images/chevron-right.png") no-repeat top left;
    height: 32px;
    margin-top: -1px;
    line-height: 30px;
    width: 30px;
}

.arrow-to-right {
    background: url("../images/chevron-right.png") no-repeat top left;
    height: 32px;
    width: 30px;
    position: relative;
    top: 10px;
}

.arrow-to-right2 {
    background: url("../images/chevron-right2.png") no-repeat 50% 50%;
    height: 28px;
    width: 17px;
    background-size: 50% 50%;
    position: relative;
    top: 9px;
}
.form-action-buttons {
    width: 100%;
}
.form-action-buttons-primary, .form-action-buttons-secondary {
    width: 50%;
}
.form-action-buttons-primary, .form-top-buttons {
    height: 60px;
    background: var(--Mono-100);
    vertical-align: middle;
    padding: 0;
}
.form-top-buttons {
    text-align: left;
    padding-left: 20px;
    border-bottom: 1px solid var(--Mono-300);
}
.form-action-buttons-primary .button {
    margin-left: 10px;
    min-width: 70px;
}
/*
 * HORIZONTAL FORMS
 *
 */
.wrap-form {
    border-bottom: none;
}

.form-row-harvest {
    padding-bottom: 25px;
    margin-top: 20px;
    margin-left: 12px;
}
.form-row {
    padding-bottom: 25px;
}
.file-input-row {
    padding-bottom: 10px;
}
.row-border-bottom {
    border-bottom: 1px solid var(--Mono-300);
    margin-bottom: 25px;
}
.row-border-top {
    border-top: 1px solid var(--Mono-300);
    padding-top: 10px;
}

.form-section-heading-simple + .form-content .form-row:first-child {
    padding-top: 0px;
}
.form-row:first-child, .form-row-first {
    padding-top: 25px;
}
.first-form-row {
    padding-top: 25px;
}
.last-form-row{
    padding-bottom: 40px;
}
.form-horizontal .form-row {
    padding-bottom: 16px;
}
.form-horizontal .row-border-bottom {
    margin-bottom: 16px;
}

.table-title {
    padding-bottom: 12px;
}
.table-title-permissions {
    color: var(--Primary-200);
    padding-bottom: 12px;
    font-size: 1.3em;
    font-weight: bold;
}

.hilite-box {
    border: 1px solid var(--Mono-300);
    background: var(--Primary-050);
    padding: 15px;
    border-radius: 4px;
    overflow: hidden;
}

#addActivityCost {
    margin-bottom: 5px;
}

#partialMatch, #exactMatch {
    top:2px;
    position:relative;
}



.hilite-box-yellow {
    border: 1px solid var(--Mono-200);
    background: var(--System-warning-050);
    padding: 15px;
}
.hilite-box-red {
    border: 1px solid var(--System-error-700);
    background: var(--System-error-050);
    padding: 15px;
}
.hilite-box-green {
    border: 1px solid var(--Mono-300);
    background: var(--System-success-050);
    padding: 15px;
}
.hilite-box-vid-search {
    border: 1px solid var(--Mono-200);
    background: var(--System-warning-050);
    padding: 2px 5px;
}
.hilite-box-eid {
    border: 1px solid var(--Mono-300);
    border-radius: 4px;
    background: var(--Primary-050);
}
.hilite-box-eid .line-item {
    margin-bottom: 8px;
    color: var(--Mono-800);
}
.hilite-box-eid .line-item:last-child {
    margin-bottom: 0px;
}
.hilite-box-pending-rec {
    border: 1px solid var(--Mono-300);
    border-radius: 4px;
    background: var(--Mono-100);
    padding: 15px;
    font-size: 0.95em;
}

.box-eid {
    padding:15px;
}
.box-eid-totals {
    padding:15px;
    background: var(--Mono-100);
    border-bottom: 1px solid var(--Mono-200);
}
.fake-input {
    padding: 0px 7px;
}
.hilite-box-padding {
    padding: 15px;
}
.hilite-box .txt-sml {
    padding-top: 12px;
}
.acknowlegde-box {
    border: 1px solid var(--Mono-300);
    border-radius: 4px;
    background: var(--System-success-050);
    padding: 15px;
}

.acknowlegde-box-not-checked {
    border: 1px solid var(--Mono-300);
    border-radius: 4px;
    background: var(--System-error-050);
    padding: 15px;
}

.form-horizontal {
}
.form-horizontal .label-group {
    display: inline-block;
    margin-left: 20px;
}
.form-group-heading {
    font-size: 14px;
    padding-bottom: 20px;
    font-weight: bold;
}
.form-group {
    margin-left: 160px;
}
.form-row-last {
    margin-bottom: 20px;
}
.form-page-heading {
    background: var(--Mono-100);
    padding: 15px 20px;
    border-bottom: 1px solid var(--Mono-300);
}
.form-page-heading h1 {
    font-size: 18px;
    font-weight: bold;
}
.form-page-content {
    padding: 15px 20px;
}
.form-horizontal .form-subsection {
    margin: 0 70px;
}
/*
 * FORM LISTS
 *
 */
/*for vertical lists generated by jsp*/
.form-checkbox-vertical-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.form-checkbox-vertical-list li {
    list-style: none;
    margin: 0px;
    padding: 2px 0px;
}
.form-checkbox-vertical-list label {
    margin-left: 4px;
    display: inline-block;
}

.form-inline-list-fakelabel {
    list-style: none;
    display: inline-block;
    height: auto;
    margin-top: -5px;
}

.form-inline-list-bales {
    list-style: none;
    display: inline-block;
    height: auto;
    width:200px;
}

.form-inline-list {
    list-style: none;
    display: inline-block;
    height: auto;
}
.form-inline-list li, .form-inline-list-fakelabel li ,.form-inline-list-bales  li{
    float: left;
    margin-right: 9px;
    line-height: 26px;
    vertical-align: middle;
}
.form-inline-list li:last-child, .form-inline-list-fakelabel li:last-child,.form-inline-list-bales li:last-child {

    margin-right: 0px;

}
.form-inline-list label, .form-inline-list-fakelabel label ,.form-inline-list-bales label {
    margin-left: 3px;
}
.list-highlight {
    background: var(--Primary-050);
    border: 1px solid var(--Mono-300);
    border-radius: 4px;
    padding: 0px 10px;
    padding-top: 4px;
}
.list-highlight li:last-child {
    margin-right: 0px;
}
/*
 * Prepend and append for units
 *
 */
.input-prepend .unit, .input-append .unit {
    display: inline-block;
    width: auto;
    height: 24px;
    min-width: 16px;
    padding: 5px 5px;
    font-weight: normal;
    line-height: 25px;
    text-align: center;
    background: var(--White);
}
.input-prepend .unit {
    padding: 0px 4px 0px 4px;
    border-left: 1px solid #AAA;
    border-top: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
    background: var(--Mono-200);
    position: absolute;
    top: 0px;
    width: 24px;
}
.input-prepend .unit.disabled {
    border-left: 1px solid var(--Mono-300);
    border-top: 1px solid var(--Mono-300);
    border-bottom: 1px solid var(--Mono-300);
    color: var(--Mono-700);
}
.input-append .unit {
    padding: 0px 4px 0px 4px;
    border-right: 1px solid #AAA;
    border-top: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
    background: var(--Mono-200);
    position: absolute;
    top: 0px;
}
.input-append .unit-multi {
    top: auto;
}
.input-append .unit-green, .input-prepend .unit-green {
    background-color: var(--System-success-050);
    border-color: var(--Mono-300);
}

.input-append input[disabled="disabled"] + .unit {
    border-right: 1px solid var(--Mono-300);
    border-top: 1px solid var(--Mono-300);
    border-bottom: 1px solid var(--Mono-300);
    color: var(--Mono-700)
}
.input-append .no-format {
    border: none;
}
.input-append, .input-prepend {
    position: relative;
}
.input-prepend .no-format {
    border: none;
}
.input-prepend input[type="text"] {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left: 33px;
}
.input-append input[type="text"] {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.input-prepend input[type="number"] {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left: 33px;
}
.input-append input[type="number"] {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.input-append input[readonly="readonly"] + span.unit {
    border-color: var(--Mono-300) !important;
}
.unit-no-format-append {
    padding-left: 2px;
    display: inline-block;
}





/*
 * @type left menu in admin
 *
 */
.nav-left {
    position: fixed;
    top: 63px;
    bottom: 0;
    left: 0;
    background: var(--Mono-100);
    padding: 0;
    border-right: 1px solid var(--Mono-300);
    border-top: 1px solid var(--Mono-300);
    margin: 0;
    width: 200px;
    height: 100%;
    overflow: scroll;
}
.nav-left ul {
    padding: 0 0 0 0;
    margin: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid var(--Mono-200);
}
.nav-left ul li {
    list-style: none;
    padding: 0 20px;
    border-bottom: 1px solid #fff;
    border-top: 1px solid var(--Mono-200);
    margin: 0;
}
.nav-left ul li a {
    display: block;
    font-size: 13px;
    color: #777;
    padding: 22px 15px 22px 5px;
}
.nav-left ul li a:hover {
    color: #369;
}
.nav-left h3 {
    font-size: 16px;
    line-height: 20px;
    padding: 25px 20px 25px 20px;
    margin: 0;
}
/*
 * Livevalidation
 *
 */
.LV_validation_message {
    font-weight: bold;
    margin: 0 0 0 5px;
}
.LV_valid {
    color: var(--System-success-500);
}
.LV_invalid {
    color: var(--System-error-700);
}
.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active {
    border: 1px solid var(--System-success-500);
}
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active {
    border: 1px solid var(--System-error-700);
}
.error {
    display: none;
    color: var(--System-error-700);
    font-size: 11px;
    padding-top:3px;
    line-height: 14px;
}

.detailsBox  #mobMoveForm .error{
    display: none;
    background: var(--System-error-700);
    color: white;
    font-size: 11px;
    padding: 6px 7px;
    margin-bottom: 10px;
}

.detailsBox .error {
    display: none;
    background: var(--System-error-700);
    color: white;
    font-size: 11px;
    margin: 5px 5px 0px 5px;
    padding:8px;
}

.displayederror {
    color: var(--System-error-700);
    font-size: 11px;
    color: #fff;
    background: #c00;
    -moz-box-shadow: inset 0 1px 5px var(--System-error-900);
    -webkit-box-shadow: inset 0 1px 5px var(--System-error-900);
    box-shadow: inset 0 1px 5px var(--System-error-900);
    padding: 6px 6px;
}
.error-row {
    color: var(--System-error-700);
    color: #fff;
    background: #c00;
}
.error.errorDisplay {
    display: block;
}
.required:after {
    color: #900;
    padding-left: 3px;
    font-weight: bold;
    content: "*";
}
.required-black:after {
    color: var(--Mono-900);
    padding-left: 3px;
    font-weight: bold;
    content: "*";
}
.requiredSized:after {
    color: #900;
    padding-left: 3px;
    font-size: 12px;
    font-weight: bold;
    content: "*";
    vertical-align: 5px;
}

.icon-warning {
    background: url("../images/icon-warning.png") no-repeat 10px 10px;
    padding: 15px;
    padding-left: 30px;
}

.error-validation-critical {
    background: url("../images/icon-warning.png") no-repeat 10px 10px;
    padding: 10px;
    padding-left: 46px;
    background-color: var(--System-error-700);
    color: var(--White);
    min-height: 30px;
}
.error-validation-warning {
    background: url("../images/icon-warning.png") no-repeat 10px 10px;
    padding: 10px;
    padding-left: 46px;
    background-color: var(--System-warning-050);
    min-height: 30px;
}
.error-validation-notice {
    background: url("../images/icon-warning.png") no-repeat 10px 10px;
    padding: 10px;
    padding-left: 46px;
    background-color: var(--Mono-100);
    color: var(--Mono-700);
    min-height: 30px;
}
.error-content {
    margin-left: 40px;
    color: var(--White);
}
.expand-tbl-row {
    width: 20px;
    height: 16px;
    background: url("../images/expand-arrow-header.png") no-repeat 50% 2px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}
.expand-tbl-row-expanded {
    width: 20px;
    height: 16px;
    background: url("../images/expand-arrow-header.png") no-repeat 50% -51px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}
.expand-tbl-row-expanded-bottom {
    width: 20px;
    height: 16px;
    background: url("../images/expand-arrow-header_bottom.png") no-repeat 50% -51px;
    display: inline-block;
}
.expand-header {
    background: url("../images/icon-arrow-expand-row.png") no-repeat center 1px;
    background: url("../images/icon-arrow-expand-row.png") no-repeat center 12px;
    cursor: pointer;
    cursor: hand;
}
.expand-header-expanded {
    background: url("../images/icon-arrow-expand-row.png") no-repeat center -43px;
    cursor: pointer;
    cursor: hand;
}
/* Dummy class for non-expandable sections */
.expand-tbl-row-no-expand {
}
/*
 * Page specific
 *
 */
.eid-cell {
    background: url(../images/icons/tag-solid.svg) no-repeat 50% 50%;
    width: 18px;
    height: 20px;
}

.eid-cell-dimensions {
    width: 18px;
    height: 16px;
}

.locked-row td:first-child {
    background: url(../images/icon-lock.png) no-repeat 50% 50%;
}
.locked-row td {
    color: var(--Mono-500);
}

.locked-row input {
    visibility: hidden
}

.status-warning-cell {
    background: url(../images/icon-status-warning.png) no-repeat 0 0;
    margin-left:7px;
    width:16px;
}
.status-ok-cell {
    background: url(../images/icon-status-ok.png) no-repeat 0 0;
    margin-left:7px;
    width:16px;
}
.status-grazing-cell {
    background: url(../images/icon-status-grazing.png) no-repeat 0 0;
    margin-left:7px;
    width:16px;
}
.eid-table-status-ok-cell {
    background: url(../images/icon-status-ok.png) no-repeat 0 0;
    margin-left:7px;
    width:16px;
    height:16px;
    text-indent: -5000px;
}
.eid-table-status-warning-cell {
    background: url(../images/icon-status-warning.png) no-repeat 0 0;
    margin-left:7px;
    width:16px;
    height:16px;
    text-indent: -5000px;
}

.status-warning-cell:hover, .status-ok-cell:hover, .status-grazing-cell:hover { background-position:0 100%;}

/*striped table*/
.stripes tr:nth-child(odd) {
    background-color: #fff;
}
.stripes tr:nth-child(even) {
    background-color: var(--Mono-100);
}
.stripes tr:nth-child(even) td{
    background-color: var(--Mono-100);
    border-bottom:1px solid var(--Mono-300);
    border-top:1px solid var(--Mono-300);
}
.stripes td:first-child {
    border-left: 1px solid var(--Mono-200);
}
.stripes td:last-child {
    border-right: 1px solid var(--Mono-200);
}

.existing-items {
    max-height:350px;
    overflow-y: auto;
    padding-bottom:10px;
    margin-bottom:10px;
}

.todoitem [data-delete-for] {
    font-size:12px;
    margin-right:10px;
    text-decoration:none;
}

.todoitem [data-delete-for]:hover {
    text-decoration:none;
}

.dataTables_scrollBody .stripes td:first-child, .dataTables_scrollBody .stripes td:last-child {
    border-right: none;
}

.search-tabs td:first-child {
    border-left: none;
}
.search-tabs td:last-child {
    border-right: none;
}

#upgradePanel,#completeUpgradePanel , #promoRunningPanel{
    position:absolute;
    top:50px;
    right:20px;
    width:280px;
    height:110px;
    background:white;
    z-index:3;
    border:1px solid var(--Mono-200);
    border-radius:3px;
    padding:6px 12px;
}

#promoRunningPanel {
    top:80px;
}
#promoRunningPanel .completeUpgradeDesc {
    font-size:1em !important;
}

#promoRunningPanel .promoRunningPanel {
    text-align: center;
    font-weight: bold;
}

#promoRunningPanel .yourPromo {
    text-align: center;
    font-weight: bold;
    color:#2979FF;
    font-size:16px;
    margin-bottom: 3px;

}

#completeUpgradePanel {
    height:85px;
}

#promoRunningPanel {
    height:160px;
}

#upgradePanel .titleLine {
    font-weight:bold;
    padding-bottom:5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#promoRunningPanel .completeCancelButton {
    background:#2979FF !important;
    color:white !important;
    border:none !important;
    cursor: pointer;
}

#upgradePanel .descLine {
    line-height: 16px;
    padding-bottom:10px;
    font-size:0.9em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#completeUpgradePanel .completeUpgradeTitle, #promoRunningPanel .completeUpgradeTitle {
    font-weight:bold;
    padding-bottom:5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#completeUpgradePanel .completeUpgradeDesc, #promoRunningPanel .completeUpgradeDesc {
    line-height: 16px;
    padding-bottom:10px;
    font-size:0.9em;
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
}

#completeUpgradePanel .completeUpgradeButton {
    background-image: linear-gradient(-179deg, var(--System-success-500) 0%, var(--System-success-500) 100%);
    border: 1px solid var(--System-success-500);
    border-radius: 3px;
    color:white;
    padding:4px;
    font-size:0.9em;
    cursor:pointer;
    font-weight:bold;
}

#completeUpgradePanel .completeDismissButton, #promoRunningPanel .completeCancelButton {
    background:var(--Mono-100);
    border: 1px solid var(--Mono-200);
    border-radius: 3px;
    color:var(--Mono-900);
    padding:4px;
    font-weight:bold;
    font-size:0.9em;
    margin-left:5px;
    cursor:pointer;
}

#upgradePanel .changeMindTitle {
    font-weight:bold;
    padding-bottom:5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#upgradePanel .changeMindDesc {
    line-height: 16px;
    padding-bottom:10px;
    font-size:0.9em;
}

#upgradePanel .upgradeButton {
    background-image: linear-gradient(-179deg, var(--System-success-500) 0%, var(--System-success-500) 100%);
    border: 1px solid var(--System-success-500);
    border-radius: 3px;
    color:white;
    padding:4px;
    font-size:0.9em;
    cursor:pointer;
    font-weight:bold;
}

.icon-add-green {
    color: var(--System-success-500);
}

#upgradePanel .upgradeButton[disabled] {
    background-image: linear-gradient(-179deg, var(--System-success-050) 0%, var(--Mono-300) 100%);
    border: 1px solid var(--Mono-300);
}

#upgradePanel .dismissButton {
    background:var(--Mono-100);
    border: 1px solid var(--Mono-200);
    border-radius: 3px;
    color:var(--Mono-900);
    padding:4px;
    font-weight:bold;
    font-size:0.9em;
    margin-left:5px;
    cursor:pointer;
}

/*error colors for eid file upload*/
tr.eidnotuseable, .eidnotuseable td, .eidnotuseable td a {
    color: var(--Mono-700);
    font-style: italic;
}
.eidnotuseable td a.disabled {
    background: url(../images/icon-table-delete.png) no-repeat 0 -23px
}
tr.eidweightunreasonable td {
}
tr.eidweightimpossible td {
    color: var(--System-error-700);
    font-style: italic;
}
tr.eidweightinvalid td {
    color: var(--System-error-700);
    font-style: italic;
}
tr.eidweightnotpresent td {
    color: var(--System-error-700);
    font-style: italic;
}

a.button-table-clone, a.button-table-clone-white {
    display: inline-block;
    text-indent: -5000px;
    width: 16px;
    height: 16px;
    background: url(../images/icon-table-clone.png) no-repeat 0 0;
}
a.button-table-clone-white {
    background-position: 0 -26px;
}
a.button-table-clone:hover, a.button-table-clone-white:hover {
    background-position: 0 -52px;
}
a.button-table-clone.offline,a.button-table-clone.disabled,a.button-table-clone[disabled=disabled] {
    background: url(../images/icon-table-clone.png) no-repeat 0 -23px
}

/*task buttons*/
a.button-task-edit {
    display: inline-block;
    width: 20px;
    min-width: 20px;
}

a.button-task-expire {
    display: inline-block;
    width: 35px;
    min-width: 35px;
}

a.button-task-goto {
    display: inline-block;
}

a.button-task-complete {
    display: inline-block;
    width: 28px;
    min-width: 28px;
}

a.button-task-restore {
    display: inline-block;
    width: 40px;
    min-width: 40px;
    margin-left:20px;
}

a.button-task-clone {
    display: inline-block;
    width: 26px;
    min-width: 26px;
}

.task-details > div.task-plan-info, .task-details > div.task-hazard-info, .task-details > div.task-incident-info, .task-details > div.task-stock-rotation-info {
    background: var(--Mono-100);
    color: var(--Primary-800);
    padding: 10px;
    margin-right: 15px;
    margin-top:10px;
}

.task-details div.task-plan-info-text {
    display: inline-block;
    width: calc(100% - 100px);
    vertical-align: top;
}

.plan-image-on-task {
    height:50px;
    width:50px;
    float: right;
}

span.plan-info-hdr, span.hazard-info-hdr, span.incident-info-hdr, span.stock-rotation-info-hdr {
    font-weight: bold;
}

.incident-info-details .incident-date {
    display: inline-block;
    margin-left: 20px;
}
.incident-info-details .incident-party {
    display: inline-block;
    margin-left: 20px;
}
.incident-info-details .incident-type {
    display: inline-block;
    margin-left: 20px;
}

.part-of-plan-hdr, .part-of-hazard-hdr, .part-of-incident-hdr, .part-of-env-plan, .part-of-emg-plan, .part-of-stock-rotation-hdr {
    background: var(--Mono-100);
    font-weight: bold;
    color: var(--Primary-800);
    padding: 6px 0 6px 0;
    text-align: center;
}

.task-row .title-col {
    position: relative;
}

.task-link-with-image {
    display: inline-block;
    width: calc(100% - 70px);
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

a.button-table-delete, a.button-table-delete-white {
    display: inline-block;
    text-indent: -5000px;
    margin-left: 10px;
    width: 16px;
    height: 16px;
    background: url(../images/icon-table-expire.png) no-repeat 0 0;
}
a.button-table-delete-white {
    background-position: 0 -26px;
}
a.button-table-delete:hover, a.button-table-delete-white:hover {
    background-position: 0 -26px;
}
a.button-table-delete.disabled:hover, a.button-table-delete.disabled {
    background-position: 0 -26px;
}

/*export button for tables*/
a.button-table-export {
    display: inline-block;
    text-indent: -5000px;
    width: 22px;
    height: 20px;
    background: url(../images/icon-download.png) no-repeat 0 0;
}
a.button-table-export-white {
    background-position: 0 -26px;
}
a.button-table-export:hover, a.button-table-export-white:hover {
    background-position: 0 -52px;
}
a.button-table-export[disabled=disabled], a.button-table-export-white[disabled=disabled] {
    background-position: 0 -27px;
}

/*image for icomoon fonts medium*/
a.icon-table-med {
    font-size: 19px;
}

/*edit and delete buttons for tables*/
a.button-table-edit, a.button-table-edit-white {
    display: inline-block;
    text-indent: -5000px;
    width: 16px;
    height: 16px;
    background: url(../images/icon-table-edit.png) no-repeat 0 0;
}
a.button-table-edit-white {
    background-position: 0 -26px;
}
a.button-table-edit:hover, a.button-table-edit-white:hover {
    background-position: 0 -52px;
}
a.button-table-edit[disabled=disabled], a.button-table-edit-white[disabled=disabled] {
    background-position: 0 -27px;
}

a.button-table-task-link {
    display: inline-block;
    text-indent: -5000px;
    width: 20px;
    height: 17px;
    margin-left: 10px;
    background: url(../images/icon-link-to-task.png) no-repeat 0 0;
}
a.button-table-task-link:hover {
    background-position: 0 -50px;
}
a.button-table-task-link[disabled=disabled] {
    background-position: 0 -25px;
}
.detailsDisplayTask {
    cursor:pointer;
}
a.button-table-plus, a.button-table-plus-white {
    display: inline-block;
    text-indent: -5000px;
    width: 16px;
    height: 16px;
    background: url(../images/icon-table-addto-inv.png) no-repeat 0 0;
}
a.button-table-plus-white {
    background-position: 0 -26px;
}
a.button-table-plus:hover, a.button-table-plus-white:hover {
    background-position: 0 -53px;
}

a.button-table-minus, a.button-table-minus-white {
    display: inline-block;
    text-indent: -5000px;
    width: 16px;
    height: 16px;
    background: url(../images/icon-table-minus-inv.png) no-repeat 0 0;
}
a.button-table-minus-white {
    background-position: 0 -26px;
}
a.button-table-minus:hover, a.button-table-minus-white:hover {
    background-position: 0 -53px;
}


a.button-table-edit.offline,a.button-table-edit.disabled {
    background: url(../images/icon-table-edit.png) no-repeat 0 -23px
}
a.button-table-expire, a.button-table-expire-white {
    display: inline-block;
    text-indent: -5000px;
    margin-left: 10px;
    width: 16px;
    height: 16px;
    background: url(../images/icon-table-delete.png) no-repeat 0 0;
}
a.button-table-expire[disabled=disabled] {
    background: url(../images/icon-table-delete.png) no-repeat 0 -23px
}
a.button-table-show {
    display: inline-block;
    text-indent: -5000px;
    margin-left: 10px;
    width: 18px;
    height: 16px;
    background: url(../images/icon-show.png) no-repeat 0 0;
}
a.button-table-hide {
    display: inline-block;
    text-indent: -5000px;
    margin-left: 10px;
    width: 18px;
    height: 16px;
    background: url(../images/icon-hide.png) no-repeat 0 0;
}

a.button-table-print {
    display: inline-block;
    text-indent: -5000px;
    margin-left: 10px;
    width: 27px;
    height: 16px;
    background: url(../images/icon-mapPrinting.png) no-repeat 0 0;
    background-size: 73%;
}
a.button-table-print:hover {
    background-position: 0 -70px;
}

a.button-table-expire-white {
    background-position: 0 -26px;
}
a.button-table-expire:hover, a.button-table-expire-white:hover {
    background-position: 0 -52px;
}
a.button-table-goto, a.button-table-goto-white {
    display: inline-block;
    text-indent: -5000px;
    margin-left: 10px;
    width: 20px;
    height: 16px;
    background: url(../images/icon-table-goto.png) no-repeat 0 0;
}
a.button-table-goto-white {
    background-position: 0 -26px;
}
a.button-table-goto:hover, a.button-table-goto-white:hover {
    background-position: 0 -52px;
}
a.button-table-goto.disabled:hover, a.button-table-goto.disabled {
    background-position: 0 -26px;
}

a.button-table-more, a.button-table-more-white {
    display: inline-block;
    text-indent: -5000px;
    margin-left: 10px;
    width: 16px;
    height: 16px;
    background: url(../images/icon-task-notes.png) no-repeat 0 0;
}

div.button-table-more, div.button-table-more-white {
    display: inline-block;
    text-indent: -5000px;
    width: 16px;
    height: 16px;
    background: url(../images/icon-task-notes.png) no-repeat 0 0;
    background-size: 56%;
}
a.button-table-more-white {
    background-position: 0 -26px;
}
a.button-table-more:hover, a.button-table-more-white:hover {
    background-position: 0 -52px;
}
a.button-table-more.disabled:hover, a.button-table-more.disabled {
    background-position: 0 -26px;
}
a.button-table-undodelete, a.button-table-undodelete-white {
    display: inline-block;
    text-indent: -5000px;
    margin-left: 10px;
    width: 16px;
    height: 16px;
    background: url(../images/icon-table-undelete.png) no-repeat 0 0;
}
a.button-table-undodelete-white {
    background-position: 0 -26px;
}
a.button-table-undodelete:hover, a.button-table-undodelete-white:hover {
    background-position: 0 -52px;
}
a.button-table-undodelete.disabled:hover, a.button-table-undodelete.disabled {
    background-position: 0 -26px;
}
/**/
a.button-table-save, a.button-table-save-white {
    display: inline-block;
    text-indent: -5000px;
    margin-left: 10px;
    width: 16px;
    height: 16px;
    background: url(../images/icon-table-save.png) no-repeat 0 0;
}
a.button-table-save-white {
    background-position: 0 -26px;
}
a.button-table-save:hover, a.button-table-save-white:hover {
    background-position: 0 -52px;
}
/**/
a.button-table-cancel, a.button-table-cancel {
    display: inline-block;
    text-indent: -5000px;
    margin-left: 10px;
    width: 16px;
    height: 16px;
    background: url(../images/icon-table-cancel.png) no-repeat 0 0;
}
a.button-table-cancel-white {
    background-position: 0 -26px;
}
a.button-table-cancel:hover, a.button-table-cancel-white:hover {
    background-position: 0 -52px;
}
/*inactive message for admin pages*/
.record-inactive-row td {
    color: var(--Mono-500);
}
td.record-inactive-message {
    text-align: center;
    color: var(--Mono-700);
}
.record-inactive-message strong {
    display: block;
    color: var(--System-error-700);
    padding-bottom: 4px;
}
.wrap-light {
    padding: 10px;
    width: 266px;
    background: var(--Mono-100);
}
/*
 * inline/edit create
 *
 */
.edit-inline {
    background: var(--Mono-200);
    padding: 10px 40px;
}
.pullout {
    background: var(--Mono-200);
    width: 210px;
    border-radius: 6px;
    padding: 10px;
    border: 1px var(--Mono-200) solid;
    margin: 0 auto;
}
.cell-darker {
    background: var(--Mono-200);
}
.cell-subtotal.first {
    border-top: 1px solid var(--Mono-200);
    padding-top: 20px;
}

.cell-subtotal {
    background: var(--Mono-100);
    padding-left: 25px;
    padding-right: 25px;
    border-left: 1px solid var(--Mono-200);
    border-right: 1px solid var(--Mono-200);
    border-bottom:1px solid var(--Mono-100);
}
.cell-total {
    background: var(--Mono-800);
    padding-top: 20px;
    padding-right: 25px;
    padding-left: 25px;

    border-left: 1px solid var(--Mono-200);
    border-right: 1px solid var(--Mono-200);
}
.cell-total label{

    color: var(--White);
    font-size: 16px;
}
.logBook .cell-total {
    background: var(--Mono-800);
    color: var(--White);
}
.total-costHa {
    padding-top: 12px;
    color: var(--White);
}
/*
 * Planting calculations
 *
 */
.tbl-spreadsheet {
    border-collapse: collapse;

    border: none;
}
.tbl-spreadsheet td {
    padding-bottom: 25px;
}
.tbl-spreadsheet .header {
    padding-bottom: 0px;
}
.total-multiselected {
    margin-top: 12px;
}
/*
 * average weights table
 *
 */

.search-tabs table.tbl-average-weight {
    border: none;
}
#weightsDetails .tbl-average-weight {
    border: none;
}
.tbl-average-weight td {
    padding-right: 10px;
}

div.multiPaddockSelected {
    position: fixed;
    bottom: 66px;
    left: 0;
    font-size: 12px;
    color: #eee;
    background: #222;
    padding: 5px 6px 6px 6px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -moz-box-shadow: inset 0 -1px #000;
    -webkit-box-shadow: inset 0 -1px #000;
    box-shadow: inset 0 -1px #000;
    -moz-box-shadow: 0 1px 1px var(--Mono-500);
    -webkit-box-shadow: 0 1px 1px var(--Mono-500);
    box-shadow: 0 1px 1px var(--Mono-500);
    width: 200px;
    z-index: 10000;
}

.reportDetails a {
    display: inline-block;
    position: absolute;
    left: 227px;
    top: 26px;
    width: 120px;
    height: 30px;
}

.showDetails {
    display: inline-block;
    width: 112px;
    height: 30px;
}

.showDetails a {
    display: inline-block;
    width: 112px;
    height: 30px;
    outline: none;
}

.in-herd {
    background: var(--Primary-700);
    padding: 1px 4px;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
}

.reportDetails a.off {
    background: url(../images/show-icon.png) no-repeat 0px -1px;
}

.reportDetails a.on {
    background: url(../images/show-icon.png) no-repeat 0 100%;
}

.showDetails a.off {
    background: url(../images/show-icon.png) no-repeat -4px -1px;
}

.showDetails a.on {
    background: url(../images/show-icon.png) no-repeat -4px 100%;
}

div.reportSelectionSummary {
    position: absolute;
    bottom: 0px;
    left:10px;
    font-size: 10px;
    color: white;
    z-index: 100023;
    padding:9px  0 7px 0;
    height: 52px;
}

div.reportSelectionSummary div.paddock-summary-content {
    width:140px;
}

#reportSelectionSummaryLine3 {
    margin: 5px 0 ;
}

div.paddockArea {
    font-size: 10px;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    float: left;
    width: 60px;
}
div.paddockArea span {
    display: inline-block;
    color: #000;
    background: var(--Primary-800);
    padding: 4px 10px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    margin-bottom: 5px;
}
div.paddockArea p {
    color: var(--White);
}

div.mapControls {
    position: relative;
    width: 75px;
    box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.99);
    -moz-box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.99);
    -webkit-box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.99);
}
a.homeView-btn {
    display: block;
    background: url(../images/icon-mapFavourites.png) no-repeat 50% 7px, -moz-linear-gradient(bottom, var(--Mono-100) 0%, var(--Mono-100) 100%);
    background: url(../images/icon-mapFavourites.png) no-repeat 50% 7px, -webkit-linear-gradient(bottom, var(--Mono-100) 0%,var(--Mono-100) 100%);
    background: url(../images/icon-mapFavourites.png) no-repeat 50% 7px, linear-gradient(bottom, var(--Mono-100) 0%,var(--Mono-100) 100%);
    -webkit-border-radius: 1px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius: 1px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-radius: 1px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid var(--Mono-200);
    width: 36px;
    height: 30px;
    float: left;
}
a.homeView-btn:hover {
    background: url(../images/icon-mapFavourites.png) no-repeat 50% -45px, -moz-linear-gradient(bottom, var(--Mono-100) 0%, var(--Mono-100) 100%);
    background: url(../images/icon-mapFavourites.png) no-repeat 50% -45px, -ms-linear-gradient(bottom, var(--Mono-100) 0%, var(--Mono-100) 100%);
    background: url(../images/icon-mapFavourites.png) no-repeat 50% -45px, -webkit-linear-gradient(bottom, var(--Mono-100) 0%,var(--Mono-100) 100%);
    background: url(../images/icon-mapFavourites.png) no-repeat 50% -45px, linear-gradient(bottom, var(--Mono-100) 0%,var(--Mono-100) 100%);
}
a.homeView-btn.offline {
    background: url(../images/icon-mapFavourites.png) no-repeat 50% -19px, -moz-linear-gradient(bottom, var(--Mono-100) 0%, var(--Mono-100) 100%);
    background: url(../images/icon-mapFavourites.png) no-repeat 50% -19px, -ms-linear-gradient(bottom, var(--Mono-100) 0%, var(--Mono-100) 100%);
    background: url(../images/icon-mapFavourites.png) no-repeat 50% -19px, -webkit-linear-gradient(bottom, var(--Mono-100) 0%,var(--Mono-100) 100%);
    background: url(../images/icon-mapFavourites.png) no-repeat 50% -19px, linear-gradient(bottom, var(--Mono-100) 0%,var(--Mono-100) 100%);
    background: url(../images/icon-mapFavourites.png) no-repeat 50% -19px, linear-gradient(bottom, var(--Mono-100) 0%,var(--Mono-100) 100%);
    pointer-events: none;
}
a.homeView-btn.on {
    background: url(../images/icon-mapFavourites.png) no-repeat 50% -45px, -moz-linear-gradient(bottom, var(--Mono-100) 0%, var(--Mono-100) 100%);
    background: url(../images/icon-mapFavourites.png) no-repeat 50% -45px, -webkit-linear-gradient(bottom, var(--Mono-100) 0%,var(--Mono-100) 100%);
    background: url(../images/icon-mapFavourites.png) no-repeat 50% -45px, linear-gradient(bottom, var(--Mono-100) 0%,var(--Mono-100) 100%);
}


a.printMap-btn {
    display: block;
    background-image:  url("../images/top-nav-icons.png");
    background-repeat: no-repeat ;
    background-position: -80px -38px;
    width: 40px;
    height: 40px;
    float: left;
}

.task-row {
    margin-top:10px;
    position: relative;
}

.tasks-filter {
    background: var(--Mono-100);
    border-bottom: 1px solid var(--Mono-200);
}

.horizontal-filter {
    display: inline-block;
    text-align: left;
    margin: 20px 0 20px 20px;
}
.horizontal-filter label {
    display: block;
}

.task-summary {
    width: 80%;
}

.task-complete, .fc-event.task-complete {
    background: var(--System-success-500) !important;
    border-color: var(--System-success-500);
    color: var(--Primary-800);
}

.complete-cell.task-complete {
    color: var(--System-success-500);
    text-decoration: line-through;
    background: white !important;
}

.complete-cell.task-overdue {
    color: var(--System-error-700);
    background: white !important;
}

.complete-cell.task-incomplete {
    color: black;
    background: white !important;
}
.complete-cell.task-deleted {
    color: var(--Mono-500);
    text-decoration: line-through;
    background: white !important;
}
.task-overdue {
    background-color: var(--System-error-700) !important;
    border-color: var(--System-error-700);
}
.task-incomplete {
    background: var(--Primary-800);
    border-color: var(--Primary-800);
}
.task-deleted, .fc-event.task-deleted {
    background: var(--Mono-500);
    border-color: var(--Mono-500);
}

.fc-event.task-deleted {
    text-decoration: line-through;
}

tr.main-task-row.task-deleted td {
    background: var(--White);
    color: var(--Mono-500);
    text-decoration: line-through;
}

tr.farm-plan-set-event.task-deleted td {
    background: var(--White);
    color: var(--Mono-500);
    text-decoration: line-through;
}

.task-status-legend {
    display: inline-block;
    margin-right: 10px;
}

.task-legends {
    padding: 10px 0 8px;
    border-top: 1px solid var(--Mono-200);
    background: var(--Mono-100);
    margin-top: 3px;
    text-align: center;
}

.task-legends > * {
    margin: 0px 10px;
}
.task-legend {
    display: inline-block;
    width: 16px;
    margin: 0 5px 0 0;
    border-radius: 10px;
}

.task-details {
    padding-left:15px;
}
.complete-cell input {
    margin-left:10px;
    margin-top:9px;
}

.complete-cell > * {
    display: table-cell;
    vertical-align: middle;
}



.task-notes-text {
    display: inline-block;
    width: 90%;
}
.task-notes-text pre {
    font-family: "Open Sans", "helvetica neue", helvetica, "lucinda sans unicode", "sans serif";
    overflow-x: auto;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.complete-cell {
    background:var(--Primary-800);
    height: 16px;
    display: inline-block;
    padding: 13px 7px 7px 14px;
    max-width: 430px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-details > div {
    padding-top:6px;
}
.task-status {
    position: absolute;
    right: 5px;
    bottom: 7px;
    padding: 2px 6px 3px;
    background: var(--System-warning-050);
    border: 1px solid var(--Mono-300);
    border-radius: 10px;
    font-size: 10px;
}
.task-category {

}
.task-status-text {
    float: right;
    font-size: 10px;
}

#saveFarmChanges:hover {
    background: var(--Primary-900)
}

.task-buttons {
    z-index: 1000;
    float:right;
    margin: 10px;
    margin-bottom: 15px;
    right: 0;
    position: absolute;
    top: 45px;
}


.task-details {
    padding-left:15px;
}
.complete-cell input {
    margin-left:10px;
    margin-top:9px;
}

.complete-cell span {
    font-weight:bold;
}

.fc-week .tag-holder {
    left: -5px;
    position: relative;
}

a.printMap-btn:hover {
    background:  var(--Primary-700) url("../images/top-nav-icons.png") no-repeat -80px 2px;
}

a.printMap-btn.offline {
    background-position: -80px -78px;
    background-repeat: no-repeat;

    pointer-events: none;
    cursor: default;
}
a.printMap-btn.off {
    background-position: -80px -78px;
    background-repeat: no-repeat;
    pointer-events: none;
    cursor: default;
}

a.printReport-btn {
    display: block;
    background-image:  url("../images/top-nav-icons.png");
    background-repeat: no-repeat ;
    background-position: -80px -38px;
    width: 40px;
    height: 40px;
    float: left;
}
a.printReport-btn:hover {
    background:  var(--Primary-700) url("../images/top-nav-icons.png") no-repeat -80px 2px;
}
a.printReport-btn.offline {
    background-position: -80px -78px;
    background-repeat: no-repeat;

    pointer-events: none;
    cursor: default;
}
a.printReport-btn.off {
    background-position: -80px -78px;
    background-repeat: no-repeat;
    pointer-events: none;
    cursor: default;
}

span.printMap-arrow {
    display: block;
    position: absolute;
    top: 33px;
    left: 44px;
    background: url(../images/arrow-menuNav-box.png) no-repeat 0 0;
    width: 24px;
    height: 9px;
    z-index: 1;
}
div.printMap-menu {
    position: absolute;
    font-size: 12px;
    background: #fff;
    padding: 0;
    width: 300px;
    z-index: 100000;
    left: auto;
    margin-right: 0px;
}
div.printMap-menu fieldset {
    padding: 15px 20px;
}
div.printMap-menu label span {
    font-size: 11px;
    color: #777;
    padding-left: 5px;
}
div.printMap-menu input {
    font-size: 11px;
    color: #888;
    padding: 0 0 0 7px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    margin: 5px 0 15px 0;
    height: 26px;
    border: 1px solid #AAA;
    width: 253px;
}
div.printMapRadios {
    padding: 0 0 5px 20px;
    float: left;
}
div.printMapRadios input {
    margin: 0 7px 0 0;
    width: inherit;
    height: inherit;
}
div.printMapRadios label {
    display: inline-block;
    padding-top: 42px;
    cursor: pointer;
}
div.portrait {
    padding-left: 50px;
}
div.portrait label {
    background: url(../images/icon-printOrientation-portrait.png) no-repeat 2px 0;
}
div.landscape label {
    background: url(../images/icon-printOrientation-landscape.png) no-repeat 4px 0;
}
.printMapRadios{
    border: none !important;
}
div.printConfirm {
    font-size: 12px;
    text-align: center;
    background: var(--Mono-800);
    padding: 10px 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-box-shadow: inset 0 -1px #000;
    -webkit-box-shadow: inset 0 -1px #000;
    box-shadow: inset 0 -1px #000;
    -moz-box-shadow: 0 1px 1px var(--Mono-500);
    -webkit-box-shadow: 0 1px 1px var(--Mono-500);
    box-shadow: 0 1px 1px var(--Mono-500);
    overflow: hidden;
}

div.printConfirm a a {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding: 3px 5px;
    margin: 0 19px;
    -moz-box-shadow: 0 1px 2px #444;
    -webkit-box-shadow: 0 1px 2px #444;
    box-shadow: 0 1px 2px #444;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    border: 1px solid #000;
    width: 100px;
}

.panel-mob-info div.mob-total-count {
    margin-top: 2px;
}

div.mob-move-buttons {
    font-size: 12px;
    text-align: center;
    padding: 3px 0 0 0;
    overflow: hidden;
    float:right;
}

div.mob-move-buttons a {
    display: inline-block;
    font-size: 12px;
    color: white;
    text-align: center;
    box-shadow: 0 1px 2px #444;
    border-radius: 12px;
    width: 90px;
}

div.mob-move-buttons a.move-all {
    background: var(--Primary-700);
    box-shadow: inset 0 1px var(--Primary-300);
}

div.mob-move-buttons a {
    padding: 5px 15px;
    margin: 0;
    text-decoration: none;
}

div.printConfirm a.print  {
    background-image: -moz-linear-gradient(bottom, var(--Primary-700) 0%, var(--Primary-700) 65%);
    background-image: -webkit-linear-gradient(bottom, var(--Primary-700) 0%, var(--Primary-700) 65%);
    background-image: linear-gradient(bottom, var(--Primary-700) 0%, var(--Primary-700) 65%);
    -moz-box-shadow: inset 0 1px var(--Primary-300);
    -webkit-box-shadow: inset 0 1px var(--Primary-300);
    box-shadow: inset 0 1px var(--Primary-300);
}
div.printConfirm a.cancel  {
    background-image: -moz-linear-gradient(bottom, var(--System-error-700) 0%, var(--System-error-700) 65%);
    background-image: -webkit-linear-gradient(bottom, var(--System-error-700) 0%, var(--System-error-700) 65%);
    background-image: linear-gradient(bottom, var(--System-error-700) 0%, var(--System-error-700) 65%);
    -moz-box-shadow: inset 0 1px var(--System-error-700);
    -webkit-box-shadow: inset 0 1px var(--System-error-700);
    box-shadow: inset 0 1px var(--System-error-700);
}
span.homeView-arrow {
    display: block;
    position: absolute;
    top: 33px;
    left: 8px;
    background: url(../images/arrow-menuNav-box.png) no-repeat 0 0;
    width: 24px;
    height: 9px;
    z-index: 1;
}
ul.homeView-menu {
    position: absolute;
    right: 0;
    top: 41px;
    font-size: 12px;
    background: #fff;
    padding: 0;
    border: 1px solid var(--Mono-200);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 170px;
    left: auto;
    margin-right: 37px;
}
ul.homeView-menu li {
    list-style-type: none;
}
li.homeFavourite a {
    display: inline-block;
    background: url(../images/icon-home.png) no-repeat 0 0;
    background-position: 2px 7px;
    padding-left: 30px;
    color: var(--Mono-900);
    text-decoration: none;
    height: 30px;
    width: 140px;
    padding-top: 5px
}
li.homeFavourite a:hover {
    color: var(--White);
    text-decoration: none;
    background-color: var(--Primary-700);
}
li.saveView a {
    display: inline-block;
    background: url(../images/star.png) no-repeat 0 0;
    background-position: 2px 7px;
    padding-left: 30px;
    color: var(--Mono-900);
    text-decoration: none;
    height: 30px;
    width: 140px;
    padding-top: 5px
}
li.saveView a:hover {
    color: var(--White);
    text-decoration: none;
    background-color: var(--Primary-700);
}
.panel-map-tools-reports div.rightTool {
    margin-top: -63px;
    margin-right: 15px;
    float: right;
}

.greenDot {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    background: green;
    margin-left: 45%;
}
.redDot {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    background: var(--System-error-700);
    margin-left: 45%;
}
.someSelected {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.miniColors-trigger {
    height: 18px;
    width: 18px;
    background: url(../images/trigger.png) center no-repeat;
    vertical-align: middle;
    display: inline-block;
    outline: none;
}
.miniColors-selector {
    position: absolute;
    width: 175px;
    height: 150px;
    background: #FFF;
    border: solid 1px #BBB;
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .25);
    box-shadow: 0 0 6px rgba(0, 0, 0, .25);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    z-index: 999999;
}
.miniColors-selector.black {
    background: #000;
    border-color: #000;
}
.miniColors-colors {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 150px;
    height: 150px;
    background: url(../images/colors.png) right no-repeat;
    cursor: crosshair;
}
.miniColors-hues {
    position: absolute;
    top: 5px;
    left: 160px;
    width: 20px;
    height: 150px;
    background: url(../images/colors.png) left no-repeat;
    cursor: crosshair;
}
.miniColors-colorPicker {
    position: absolute;
    width: 9px;
    height: 9px;
    border: 1px solid #fff;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
}
.miniColors-colorPicker-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 7px;
    border: 1px solid #000;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}
.miniColors-huePicker {
    position: absolute;
    left: -3px;
    width: 24px;
    height: 1px;
    border: 1px solid #fff;
    border-radius: 2px;
    background: #000;
}
.miniColors-link {
    display: block;
    background: var(--Mono-800) url(../images/colourWheel.png) no-repeat 11px 6px;
    padding: 7px 0 7px 33px;
    margin: 0px -11px 0px -11px ;
    border-top-width: 1px;
    color: white;
}

a.miniColors-link:hover {
    text-decoration: none;
    color: white;
}
/*
 * GRID VIEW
 *
 */
.norecords {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: var(--Mono-500);
}
.nomobilerecords{
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: var(--Mono-500);
    padding : 100px 0;
}
}
.dataTables_info {
    display: none;
}
#tbl_mobs_paddocks {
    /*width:auto !important;*/
}
#tbl_mobs_paddocks_filter {
    display: none;
}
.grid-view-full {
    width: 980px;
}
.grid-view {
    border-spacing: 0px;

}
.grid-view td {

}
.grid-view thead th {
    padding: 3px 10px;
}
.grid-view th {
    font-size: 11px;
    font-weight: normal;
    color: var(--White);
    outline: none;
}
.grid-view th {
    border-top: 1px solid var(--Mono-200);
}
.grid-view th {
    border-collapse: separate;
    border-right: 1px solid var(--Mono-300);
    border-left: 1px solid var(--Mono-200);

}
td.expandable-row  {
    border-collapse: separate;
    border-left: 1px solid var(--Mono-200);
    border-right: 1px solid var(--Mono-200);


}
.expandable-row .grid-view td, .expandable-row td {
    border-collapse: separate;
    border-left: 1px solid var(--Mono-200);
    border-right: 1px solid var(--Mono-200);
    color:var(--Primary-900);
}
.expandable-row td:first-child {
    border-left: 1px solid var(--Mono-200);
}

.grid-view tbody td, .grid tfoot td {
    padding: 10px;
    vertical-align: middle;
}
.grid-view tbody td.row-stock-details,  .grid-view tbody td.level1-nested-table {
    padding: 0;
    margin: 0;
}
.grid-view th {
    text-align: left;
}

.level1-nested-table .grid-view {
    border: 0;
}

.grid-view tbody td.expandable-row, .row-group-header, .dc-table-group {
    background-color: var(--White);
    padding: 0px 10px;
    color: var(--Mono-900);
    font-weight: bold;
    border: 1px solid var(--Mono-200);
    height: 39px;
}

.grid-view tbody td.expandable-row:hover, .row-group-header, .dc-table-group {
    background-color: var(--Mono-200);
}

.row-stock-details table.grid-view {
    border: none;
    border-left: 1px solid white;
    border-right: 1px solid white;
}
.row-stock-details table.grid-view td {

}
.grid-view .tbl-select {
    text-align: center;

}
.filter-grid {
    padding: 16px 0px;
}
.grid-view thead th.sorting_asc {
    background-image: url("../images/icon-sort-asc.png");
    background-image: url("../images/icon-sort-asc.png");
    background-color:var(--Primary-800);
    background-repeat: no-repeat;
    background-position: center right;
}
.grid-view thead th.sorting_desc {
    background-image: url("../images/icon-sort-desc.png");
    background-image: url("../images/icon-sort-desc.png");
    background-color:var(--Primary-800);
    background-repeat: no-repeat;
    background-position: center right;
}
.grid-view thead th.sorting {
    background-image: url("../images/icon-sort-both.png");
    background-image: url("../images/icon-sort-both.png");
    background-color: var(--Primary-600);
    background-repeat: no-repeat;
    background-position: center right;
}
td.col-14 {
    width: 14px;
}

#tbl_mobs_paddocks tr:last-child .row-stock-details table.grid-view, #tbl_off_farm_stock tr:last-child .row-stock-details table.grid-view {
    border-bottom: 1px solid #ccc;
}

/* nested tables */
.grid-view .nested-table .sorting_asc, .grid-view .nested-table .sorting_desc {
    background-color: var(--System-success-700)
}
.grid-view .nested-table .sorting, .grid-view .nested-table .sorting_disabled {
    background-color: DarkOliveGreen
}

.grid-view .nested-table th {
    border-right-color: DarkOliveGreen;
    border-left-color: var(--Mono-200);
}

/*
 * FARM SEARCH MODAL
 *
 */
#farm-search-results {
    border: 1px solid var(--Mono-300);
    height: 330px;
    margin: 20px;
    overflow: auto;
}
#farm-search-filters {
    padding: 10px;
}
a.button-add-farm-search {
    background: url(../images/icon-add-new.png) no-repeat 0 2px;
    padding-left: 18px;
    text-decoration: underline;
    color: var(--Primary-900);
    float: right;
    margin-top: 2px;
}

.tooManySearchResults {
    background-color: var(--System-warning-050);
    font-size: 12px;
    text-align: center;
    padding: 15px 20px;
    margin: 15px 20px;
    border: 1px solid var(--Mono-300);
}

.tooManySearchResultsNew {
    background-color: var(--System-warning-050);
    font-size: 11px;
    text-align: center;
    padding: 10px 20px;
    margin: 7px 20px;
    border: 1px solid var(--Mono-300);
}


.farm-search-add-new {
    padding: 0px 30px 20px 20px;
    font-size: 10pt;
}
.farm-search-add-new-centered {
    padding: 20px 80px 20px 20px;
    margin-left:auto;
    margin-right:auto;
    width:20%;
}

a.button-select-file {
    background: url(../images/icon-tag-library.png) no-repeat 0 0;
    background-size: 23px 22px;
    padding: 0 0 5px 28px;
    text-decoration: underline;
    color: var(--Primary-900);
    cursor: pointer;
}

a.button-select-file[data-buttonfor="libraryAttachment"] {
    background: url(../images/icon-library.png) no-repeat 0 0;
    background-size: 23px 22px;
    padding: 0 0 5px 28px;
    text-decoration: underline;
    color: var(--Primary-900);
    cursor: pointer;
}
a.button-select-file.disabled[data-buttonfor="libraryAttachment"] {
    color: #666;
    pointer-events: none;
    text-decoration: none;
}

span.hasAttachment {
    background: url(../images/icon-library.png) no-repeat 0 0;
    background-size: 20px 22px;
    display:inline-block;
    height:17px;
    width:25px;
}

a.button-select-local-file {
    background: url(../images/calendar/submitted-web.svg) no-repeat 0 0;
    background-size: 25px 22px;
    padding: 0 0 5px 33px;
    margin-right: 30px;
    margin-top: 5px;
    text-decoration: underline;
    color: var(--Primary-900);
    cursor: pointer;
    display: inline-block;
}

.activity-detail .submitted-web{
    background: url(../images/calendar/submitted-web.svg) no-repeat 0 0;
    background-size: 25px 22px;
    color: var(--Primary-900);
    display: inline-block;
    height: 22px;
    width: 26px;
    top: 4px;
    margin-left:4px;
    margin-right:4px;
    position: relative;
}

.activity-detail .submitted-mobile{
    background: url(../images/calendar/submitted-mobile.svg) no-repeat 0 0;
    background-size: 25px 22px;
    color: var(--Primary-900);
    display: inline-block;
    height: 22px;
    width: 22px;
    top: 4px;
    position: relative;
}

a.button-select-traits {
    background: url(../images/icon-tag-library.png) no-repeat 0 0;
    background-size: 23px 22px;
    padding: 0 0 5px 28px;
    margin-left: 30px;
    text-decoration: underline;
    color: var(--Primary-900);
    cursor: pointer;
}

.farm-search-processor {
    background-color: var(--Mono-500);
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 3px;
}
.button-inline-search {
    padding-left: 5px;
    display: inline-block;
    text-decoration: underline;
}
.button-inline-search:disabled,.button-inline-search[disabled="disabled"],.button-inline-search .offline {
}
.button-inline-select {
    margin-left: 10px;
    display: inline-block;
}

.farm-search-input-wrapper {
    background: var(--White);
    padding: 15px 20px;
}

.search-results-row {
    padding: 16px 0px;
    border-bottom: 1px solid var(--Mono-300);
    background: var(--White);
    color: var(--Mono-900);
}
.search-results-row .button {

}
.search-results-row:hover {
    background: var(--Mono-100);
}
.search-result-text {
    padding-left: 20px;
}
.search-result-button {
    padding-right: 10px;
    vertical-align: top;
    text-align: right;
}
/*for jquery ui dialog customisation */
.ui-widget-overlay {
    opacity: .6;
    filter: Alpha(Opacity=60);
    background: #000;
}
.dialog-farm-search .ui-dialog-content, .dialog-search .ui-dialog-content {
    padding: 0;
    margin: 0;
}
.ui-dialog .ui-dialog-titlebar {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.mock-dialog .ui-dialog-titlebar {
    float: left;
}
.ui-dialog-buttonpane {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.disabled {
    color: #666;
}
a.disabled, a.disabled:hover {
    color: #666;
    pointer-events: none;
    text-decoration: none;
}
a.disableLink, a.disableLink:hover {
    color: #999;
    pointer-events: none;
    cursor: default;

}
.animalTypeIds label {
    padding-right: 10px;
}
.fiq-dialog .error-server .error{
    padding: 20px 16px;
    color: var(--White);
    background: var(--System-error-700);
    font-weight: 600;
}
.fiq-dialog label.block {
    padding-bottom: 10px;
}
.form-section-dialog {
    margin-bottom: 14px;
}
.form-row-dialog {
    margin: 10px 0px;
    margin-top: 0px;
    padding-bottom: 0px;
}

.fiq-dialog .ui-widget-header:not(.ui-multiselect-header), .mock-dialog .ui-widget-header:not(.ui-multiselect-header) {
    background: var(--White);
    color: var(--Mono-900);
    font-weight: 700;
    font-size: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.mock-dialog .ui-widget-header {
    background: var(--Primary-700);
    padding: 0px;
}
.mock-dialog .ui-dialog-title {
    display: inline-block;
    margin-top: 10px;
    margin-left: 16px;
}
.mock-dialog .ui-widget-header {
    min-height: 45px;
}
.ui-dialog {
    padding: 0;
}
.fiq-dialog .ui-dialog-content {
    padding: 0;
}
.fiq-dialog .ui-widget-content {
    border: 0;
}
.fiq-dialog .dialog-content-wrapper {
    padding: 20px;
}


.fiq-dialog {
    border-radius: 8px !important;
    background: var(--White);


}


.fiq-dialog .ui-dialog-titlebar .ui-icon {
    width: 19px;
    height: 20px;
}
.fiq-dialog button {
    min-width: 70px;
}
.ui-button-text {
    font-size: 13px;
}
button.ui-button {
    min-width: 70px;
}

.fiq-dialog .ui-dialog-titlebar .ui-icon, .mock-dialog .ui-widget-header .ui-icon {
    width: 28px;
    height: 28px;
    top: 20px;
    left: 12px;
    position:relative;
    text-decoration: none;
    cursor:pointer;
    background: url(../images/icons/Mobmove-X.svg) no-repeat 0 0;
    z-index: 9999999999;
}

.filter-closer{
    position: absolute;
    top: 16px;
    right: 11px;
    width: 24px;
    height: 24px;
    background: url(../images/calendar/filter-closer.svg) no-repeat 0 0;
    float:right;
}



#diarySaveFilter, #diaryResetFilter {
    padding: 9px 11px 9px 11px;
}

#diarySaveFilter {
    background: var(--Primary-700);
    color: var(--White);
}

#diarySaveFilter:hover {
    background: var(--Primary-900);
    cursor: pointer;
}

.filter-closer:hover {
    background: url(../images/calendar/filter-closer-hover.svg) no-repeat 0 0;
    background-color: var(--Mono-200);
    cursor: pointer;
    border-radius: 4px;
}

.fiq-dialog .ui-dialog-titlebar .ui-icon:hover, .mock-dialog .ui-widget-header .ui-icon:hover {
    background: url(../images/icons/Mobmove-X-hover.svg) no-repeat 0 0;

}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 20px;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 22px;
}
.mock-dialog button.mock-dialog-titlebar-close {
    float: right;
    min-width: 45px;
    padding: 0px;
    margin: 0px;
    border: none;
    height: 45px;
    background: var(--Primary-800);
}
.fiq-dialog .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 1px;
}
.fiq-dialog .ui-dialog .ui-dialog-titlebar-close span {
    margin: 0;
}
.ui-icon-closethick {
    background-position: 0 0;
}

#farmiqCalendarWrapper {
    border: none;
}

.wrap-single-form.txt-center {
    border:none;
}

.fc-year-view .fc-row .fc-content-skeleton  {
    min-height: 938px;
}

.fc-content-skeleton tbody{
    height: max-content;
}

.fiq-dialog .ui-dialog-buttonset .ui-state-default, .ui-widget-content .ui-state-default {

}
.button-inline-remove {
    background: url(../images/icon-remove.png) no-repeat 0 0;
    padding-left: 20px;
    display: block;
    text-decoration: underline;
    color: var(--Primary-900);
}
.button-inline-add-new {
    background: url(../images/icon-add-new.png) no-repeat 0 0;
    padding-left: 18px;
    display: inline-block;
    text-decoration: underline;
    color: var(--Primary-900);
}
.button-inline-add-new.new-mob-for-trait-description {
    text-decoration: none;
}
.button-inline-add-new-map {
    background: url(../images/icon-add-new-map.png) no-repeat 0 0;
    padding-left: 20px;
    display: block;
    text-decoration: underline;
    color: var(--Primary-900);
}
.button-inline-add-new-noBlock {
    background: url(../images/icon-add-new.png) no-repeat 0 0;
    padding-left: 20px;
    text-decoration: underline;
    color: var(--Primary-900);
}
.button-inline-delete, .button-append-delete {
    background: url(../images/icon-table-delete.png) no-repeat 0 0;
    padding-left: 20px;
    text-decoration: underline;
    color: #000;
}
.button-inline-delete {
    display: block;
}
.button-inline-edit {
    background: url(../images/icon-table-edit.png) no-repeat 0 0;
    padding-left: 20px;
    display: block;
    text-decoration: underline;
    color: #000;
}
.button-inline-edit:hover {
    background-position:0 100%;
}
.button-inline-prev {
    background: url(../images/icon-prev.png) no-repeat 0 40%;
    padding-left: 15px;
    display: block;
    text-decoration: none;
    color: #000;
    line-height: 12px;
}
.button-inline-next {
    background: url(../images/icon-next.png) no-repeat 100% 40%;
    padding-right: 15px;
    display: block;
    text-decoration: none;
    color: #000;
    line-height: 12px;
}
.button-inline-delete {
    background: url(../images/icon-delete-white.png) no-repeat 0 0;
    display: block;
    text-decoration: underline;
    color: var(--Primary-900);
    float:right;
}
.button-inline-add-new:disabled, .button-inline-add-new[disabled="disabled"],.button-inline-add-new.offline  {
    background: url(../images/icon-add-new.png) no-repeat 0 -23px
}

.button-inline-remove:disabled, .button-inline-add-new[disabled="disabled"],.button-inline-add-new.offline  {
    background: url(../images/icon-remove.png) no-repeat 0 -23px
}

.button-drag:hover {
    background: url(../images/drag.png) no-repeat 0 -64px;
}

.button-drag  {
    background: url(../images/drag.png) no-repeat 0 0;
    width: 35px;
    height: 30px;
}

.fiq-dialog .ui-dialog-buttonpane {
    background-color:var(--Mono-100);
    border-top:1px solid var(--Mono-300);
    margin: 0;
    padding: 15px 20px;
}
.ui-dialog-buttonset button {
    min-width: 90px;
    margin-right: 10px;
}

.ui-dialog-buttonset button:last-child {
    margin-right: 0px;
}
/*
 * Select & search for animals
 *
 *
 */
.search-choose {
    padding: 50px 0 50px 0;
}
.search-choose p {
    margin-bottom: 20px;
}
.search-choose .message {
    font-weight: bold;
    font-size: 14px;
    color: var(--Mono-500);
}

.expandable-header {
    line-height: 40px;
}
.find-animals-wrapper {

}
.fake-link {
    cursor: pointer;
    cursor: hand;
}
.select-all {
    font-weight: normal;
    font-size: 12px;
}
.expandable-header .expand-arrow {
    padding-left: 16px;
    width: 20px;
    background: url("../images/expand-arrow-header.png") no-repeat 21px 13px;
}
.expandable-header .expand-arrow-down {
    padding-left: 16px;
    background: url("../images/expand-arrow-header.png") no-repeat 21px -40px;
}
.expandable-header label input{
    margin-left: 12px;
}
/*
 * Tabs customisation for search animals
 *
 */
.search-tabs .ui-widget-header {
    border: 0;
    border-bottom: 1px solid var(--Mono-300);
    background: var(--Primary-050);
}
.search-tabs .ui-widget-content {
    padding: 20px 0 0 0;
}
.search-tabs .ui-tabs-nav {
    padding: 20px 20px 0px 20px;
}

.search-tabs .ui-state-default {
    background: var(--Mono-100);
    color: var(--Mono-700);
}
.search-tabs .ui-state-default a {

    color: var(--Mono-700);
}
.search-tabs .ui-tabs-selected a{

    color: var(--Mono-900);
}
.search-tabs .ui-state-active {
    background: var(--White);
}
.search-tabs .tab-info-msg {
    background: var(--Primary-050);
    padding-left: 18px;
    padding: 20px 0px 0px 20px;
    font-weight: bold;
}
.search-tabs .tab-action {
    background: var(--Primary-050);
    padding-left: 18px;
    padding: 20px 20px 0px 20px;

}
.search-tabs .tab-error-msg {
    background: var(--Primary-050);

    padding: 20px 0px 0px 20px;
    color: var(--System-error-700);
    font-weight: bold;
}
.search-tabs .ui-tabs {
    border: 1px solid var(--Mono-300);
    padding: 0px;
}
.search-tabs .ui-tabs .ui-tabs-nav li a {
    font-size: 14px;
    font-weight: bold;
    padding: 6px 20px;
}

.search-tabs li.tab-other-gates {
    float: right;
}
.search-tabs .hilite-box {
    margin-top: 20px;
}
/*
 *
 * HELP STYLES
 *
 */
.whats-this {
    margin-bottom: -20px;
    z-index: 50;
}
/*
 * Clear search box button
 *
 */
.module-search {
}
.module-search .search-input {
    padding-right: 40px;
}

.farm-search-result {
    width:200px;
    border-top: 1px solid var(--Mono-300);
    margin-top: 12px;
}

.module-search .button-search-clear {
    margin-left: -30px;
    margin-top: 7px;
    width: 30px;
    height: 15px;
    display: inline-block;
    float: left;
    background: url("../images/button-clear-search.png") no-repeat center 0px;
}

.module-search .farm-summary {
    padding-top: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.no-close .ui-dialog-titlebar-close {
    display: none
}

.next-sample {
    background: url(../images/nextArrow.png) no-repeat 100% 0;
    padding-right: 20px;
}

.prev-sample {
    background: url(../images/prevArrow.png) no-repeat 0 0;
    padding-left: 20px;
}

.chart .optimal rect {
    fill: var(--System-success-500);
}
.chart text {
    font-family: sans-serif;
    font-size: 11px;
}

.crvchart text {
    font-family: sans-serif;
    font-size: 10px;
}

.chart line, .chart path {
    fill: none;
}

.chart .axis path, .chart .axis line {
    stroke: #000;
    shape-rendering: crispEdges;
}

.hrule, .vrule {
    stroke: var(--Mono-100);
    stroke-width: 1;
}

.targetLine{
    stroke: var(--System-success-500);
    stroke-width: 2;
}

.chart .deviation {
    fill: var(--Primary-200);
}

/* -- REPORT DATE PICKER NEW STYLES -- */
div.reportCriteriaSelection div.grabber {
    background: #000 url(../images/box-grip.png) no-repeat 50% 50%;
    padding: 8px 6px;
    overflow: hidden;
}

div.reportCriteriaSelection div.grabber a {
    display: block;
    background: url(../images/icon-grabber-close.png) no-repeat 0 0;
    width: 8px;
    height: 8px;
    float: right;
}

div.reportCriteriaSelection div.grabber div.grabber a:hover {
    background-position: 0 100%;
}

div.reportCriteriaSelection label {
    font-size: 10px;
    display: block;
    color: var(--Mono-300);
    padding: 5px 0;
}

div.reportCriteriaSelection div.dates span {
    font-size: 10px;
    padding: 0 5px;
    color: white;
}

div.reportCriteriaSelection div.dateSelector {
    background: var(--Mono-900);
}

div.reportCriteriaSelection.reports div.dateSelector {
    background: var(--Mono-800);
}

div.reportCriteriaSelection .odd:hover, div.reportCriteriaSelection .even:hover {
    background-color: var(--Primary-200);
    cursor: pointer;
}

div.farm-selection-summary{
    position:relative;
    background-color: black;
    color:white;
    font-size:10px;
    height: 21px;
    text-align:left;
}

div.farm-selection-summary .selection-paddock-count{
    position:absolute;
    top:2px;
    left:10px;
    width: 105px;
}

div.farm-selection-summary .selection-stock-tally{
    position:absolute;
    top:2px;
    left:175px;
    width: 105px;
}
/* -- FERTILISER REPORT SPECIFIC STYLES -- */
#tblFertilisers select{
    margin-right: 0px;
}
#tblFertilisers th{
    text-align: left;
}
#tblFertilisers td{
    text-align: left;
}

nav.reports {
    bottom: 0;
    height: 66px;
    width: 100%;
    background: url(../images/reportMap-bg.png) repeat-x ;
    position: fixed;
    z-index: 10000;
}

ul.reportNav {
    display: inline-block;
    box-shadow: 0 2px 5px var(--Mono-500), 0px -1px 1px var(--Primary-200);
    padding: 0;
    border-radius: 16px;
    margin-top: 15px;
}

div.paddockListTotal {
    float:left;
    border-right: 1px solid var(--Mono-200);
    padding-right: 15px;
    padding-left: 15px;
}

div.paddockListTotal:first-child {
    display:none;
}

div.paddockListTotal:nth-child(2) {
    padding-left: 0;
}

div.paddockListTotal:last-child {
    border-right:none;
}

div.paddockListTotal span {
    font-weight:bold;
    font-size:80%
}

ul.optionGroup {
    display: inline-block;
    padding: 0;
    border-radius: 16px;
    margin-top: 15px;
}

ul.optionGroup li {
    display: inline-block;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#666), color-stop(100%,#000));
    list-style-type: none;
    width: 80px;
    height: 30px;
    text-align: center;
    border: 1px solid #666;
    margin-right:-5px;
}

ul.optionGroup li.on {
    display: inline-block;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#AAA), color-stop(100%,#666));
    list-style-type: none;
    width: 80px;
    height: 30px;
    text-align: center;
    border: 1px solid #999;
}
ul.reportNav li {
    display: inline-block;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,var(--Primary-700)), color-stop(100%,var(--Primary-700)));
    list-style-type: none;
    border-right: 1px solid var(--Mono-200);
    border-left: 1px solid var(--Mono-200);
    margin: 0 -2px;
}

ul.optionGroup a {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}

ul.reportNav li:first-child {
    padding-left: 5px;
    border-left: none;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

ul.reportNav li:last-child {
    padding-right: 5px;
    border-right: none;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

ul.reportNav a.nutrient-link {
    font-size: 13px;
    color: #fff;
    margin: 0;
    padding: 10px 4px 8px 4px;
    width: 40px;
}

ul.reportNav li.on {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,var(--Primary-700)), color-stop(100%,var(--Primary-700)));
}
nav.reports a.mapMaps {
    background: url(../images/icon-reports-maps.png) no-repeat 50% 0;
}
nav.reports a.mapLayers {
    background: url(../images/icon-reports-layers.png) no-repeat 50% 0;
}

nav.reports a.mapTableReport {
    background: url(../images/icon-reports-table.png) no-repeat 50% 0;
}

nav.reports a.mapToolbox {
    background: url(../images/icon-reports-toolbox.png) no-repeat 50% 0;
}

nav.reports a.reportCriteria {
    background: url(../images/icon-report-criteria.png) no-repeat 50% 0;
}

nav.reports a.reportPrint {
    background: url(../images/icon-report-print.png) no-repeat 50% 0;
}

nav.reports a.on {
    background-position: 50% -57px;
}

#reportcriteria {
    min-height: 300px;
}

#panel-layers-reporting-criteria {
    width: 450px;
}

.report-criteria-error {
    background: #C00;
    color: white;
    font-size: 11px;
    margin: 5px 5px 0px 5px;
    padding: 8px;
}

.fertiliserPlanningSide {
    height: calc(100% - 100px);
    border-left:1px solid var(--Mono-300);
}

.fertiliserOrderSide {
    height: calc(100% - 100px);
    border-left:1px solid var(--Mono-300);
}

/* -- MAP MENUBAR MENU UPDATES-- */
.panel-layers.reports {
    background: var(--Mono-800);
}

.panel-layers.reports div.mapToggles {
    border-bottom: 1px solid var(--Mono-800);
}

.layers-tools.reports span {
    border: 1px solid var(--Mono-800);
}

div.formatToggles {
    text-align: center;
    padding: 20px 0 10px 0;
    overflow: hidden;
}

div.formatToggles a:nth-child(2) {
    margin: 0 10px;
}

div.formatToggles a {
    display: inline-block;
    font-size: 11px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    width: 50px;
}
div.formatToggles a span {
    display: block;
    background: #666;
    border-radius: 3px;
    margin-bottom: 4px;
    width: 48px;
    height: 48px;
}

div.formatToggles a span.on {
    box-shadow: 0px 0px 10px var(--Mono-500), inset 0px 0px 0px 1px var(--Mono-500);
    width: 48px;
    height: 48px;
}

div.formatToggles a span.formatCSV {
    background: url(../images/icon-file-csv.png) no-repeat 0 0;
}

div.formatToggles a span.formatPDF {
    background: url(../images/icon-file-pdf.png) no-repeat 0 0;
}

div.formatToggles a span.formatHTML {
    background: url(../images/icon-file-html.png) no-repeat 0 0;
}









.med-textarea {
    height: 130px;
    width: 479px;
}

.bold {
    font-weight: bold;
}





li.separator {
    background: url(../images/separator.png) no-repeat 0 0;
    width: 1px;
    height: 100px;
    display: none;
}

div.mob-move-buttons a.cancel {
    background: -webkit-gradient( linear, left top, left bottom, from(var(--System-error-700)), to(var(--System-error-700)));
    box-shadow: 0px 1px 3px rgba(53, 57, 61, 1), inset 0px 1px 3px rgba(53, 57, 61, 1);
    border: 1px solid #000;
}
div.mob-move-buttons a.move {
    background-image: -moz-linear-gradient(bottom, var(--Primary-700) 0%, var(--Primary-700) 65%);
    background-image: -webkit-linear-gradient(bottom, var(--Primary-700) 0%, var(--Primary-700) 65%);
    background-image: linear-gradient(bottom, var(--Primary-700) 0%, var(--Primary-700) 65%);
    -moz-box-shadow: inset 0 1px var(--Primary-300);
    -webkit-box-shadow: inset 0 1px var(--Primary-300);
    box-shadow: inset 0 1px var(--Primary-300);
    display: inline-block;
    font-size: 12px;
    color: white;
    text-align: center;
    padding: 5px;
    margin: 0 19px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    border: 1px solid black;
    width: 120px;
    text-decoration: none;
    font-size: 12px
}

.watermarked {
    color: var(--Mono-500);
}
.toolbar-grid,.toolbar-filter {
    background: var(--Mono-100);
    padding: 15px 20px;
    border-left: 1px solid var(--Mono-300);
    border-right: 1px solid var(--Mono-300);
    border-bottom: 1px solid var(--Mono-300);
}

.toolbar-grid-product-catalogue{
    background: var(--Mono-900);
    background-clip: padding-box;
    font-size: 16px;
    font-weight: 300;
    color: var(--White);
    line-height: 10px;
    padding: 15px 20px;
    border-left: 1px solid var(--Mono-300);
    border-right: 1px solid var(--Mono-300);
    border-bottom: 1px solid var(--Mono-300);
}

.toolbar-filter{
    border:none;
}
.confirmImage {
    background: url(../images/online-confirmation.png) no-repeat top left;
    height: 80px;
    width: 80px;
    margin-left: 46%;
}

.confirmImageSmall {
    background: url(../images/tick_small.png) no-repeat top left;
    height: 30px;
    width: 30px;
}

/*farm calendar */
#diaryScroller {
    background: var(--Primary-050);
    border-right: 1px solid var(--Mono-200);
}
#diaryScroller .no-results {
    padding: 20px 20px;
}

.ui-multiselect {
    padding: 2px 0 2px 4px;
    text-align: left
}

.ui-multiselect-single .ui-multiselect-checkboxes input {
    position: absolute !important;
    top: auto !important;
    left: -9999px;
}

.ui-multiselect-single .ui-multiselect-checkboxes label {
    padding: 5px !important
}

.ui-multiselect-header {
    margin-bottom: 3px;
    padding: 3px 0 3px 4px
}


.ui-multiselect-header ul li {
    float: left;
    padding: 0 10px 0 0
}

.ui-multiselect-header a {
    text-decoration: none
}

.ui-multiselect-header a:hover {
    text-decoration: underline
}

.ui-multiselect-header span.ui-icon {
    float: left
}

.ui-multiselect-header li.ui-multiselect-close {
    float: right;
    text-align: right;
    padding-right: 0
}

.ui-multiselect-menu {
    display: none;
    padding: 3px;
    position: absolute;
    z-index: 10000
}

.ui-multiselect-checkboxes {
    position: relative /* fixes bug in IE6/7 */;
    overflow-y: scroll
}

.ui-multiselect-checkboxes label {
    cursor: default;
    display: block;
    border: 1px solid transparent;
    padding: 3px 1px;
    color:var(--Mono-900) !important;
}

.ui-multiselect-checkboxes label:hover{
    cursor: pointer;
}

.ui-multiselect-checkboxes label input {
    position: relative;
    top: 2px;
    margin-right:5px;
    width: 20px;
}

.ui-multiselect-checkboxes li {
    clear: both;
    padding-right: 3px
}

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid
}

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
    display: block;
    padding: 3px;
    margin: 1px 0;
    text-decoration: none
}

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label {
    border: none
}

/* Otherwise on task popup, half of the multiselect is hidden */
#createTasksForm .ui-multiselect-menu, #editTaskForm .ui-multiselect-menu {
    position: fixed;
}

div.wrapper {
    padding: 20px 0 20px 20px;
    border: 1px solid #ccc;
    overflow: hidden;
    width: 920px;
}

div.logBook header h3 {
    font-size: 20px;
    color: #eee;
    background: #222;
    padding: 20px 20px 15px 20px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

p.active {

}

p.active a {
    color: white !important;
    color: white;
    background: var(--Primary-700) none !important;
}

div.paddockListLog {
    overflow: auto;
}

div.logBook.left {
    margin-right: 15px;
    float: left;
    width: 348px;
}

div.logBook.left section {
    overflow: auto;
    height: 555px;
}

.logBook.grid-3-5 {
    padding-top:15px;
    width: 590px;
}

div.logBook.left article {
    font-size: 11px;
    color: var(--Mono-900);
}

div.logBook.left h4 {
    font-weight: 600;
    color: #444;
    background-image: -moz-linear-gradient(bottom, var(--Mono-100) 0%, var(--Mono-100) 65%);
    background-image: -webkit-linear-gradient(bottom, var(--Mono-100) 0%, var(--Mono-100) 65%);
    background-image: linear-gradient(bottom, var(--Mono-100) 0%, var(--Mono-100) 65%);
    background:-ms-linear-gradient(bottom, var(--Mono-100), var(--Mono-100));
    padding: 4px 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0;
}

div.logBook.left h4 span {
    float: right;
}

div.logBook.left p a {
    display: block;
    color: var(--Mono-900);
    background: var(--Primary-050);
    text-decoration: none;
    padding: 10px 15px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.logBook.left p a span.task-deleted-text {
    text-decoration: line-through;
}

div.logBook.left p a:hover {
    background: var(--Primary-900);
    border-color: var(--Mono-300);
    cursor: pointer;
}

div.logBook.left p:last-child {
    border-bottom: none;
}

div.logBook.left article:first-child h4 {
    border-top: none;
}

div.logBook.left article:last-child p:last-child {
    border-bottom: 1px solid var(--Mono-200);
}

div.logBook.left p a.web-activity {
    background: url(../images/icon-desktopComputer.png) no-repeat 5% 50%;
    background-size: 4%;
    padding-left: 37px;
}

span.desktopComputer {
    background: url(../images/icon-desktopComputer.png) no-repeat 5% 50%;
    background-size: 56%;
    display: inline-block;
    height: 10px;
    width: 20px;
    margin-left:15px;
    margin-top:5px;
}

span.mobilePhone {
    background: url(../images/icon-mobilePhone.png) no-repeat 5% 50%;
    background-size: 36%;
    display: inline-block;
    height: 10px;
    width: 20px;
    margin-left:15px;
    margin-top:5px;
}

span.grazingOff {
    background:  url(../images/icon-calendar-grazing.png) no-repeat 5% 50%;
    background-size: 50%;
    display: inline-block;
    height: 10px;
    width: 20px;
    margin-left:15px;
    margin-top:5px;
}

span.completedTasksIcon {
    background:  url(../images/Complete.png) no-repeat 5% 50%;
    background-size: 55%;
    display: inline-block;
    height: 10px;
    width: 20px;
    margin-left:15px;
    margin-top:5px;
}

span.completedSectionIcon {
    background: url(../images/Complete.png) no-repeat 5% 70%;
    background-size: 70%;
    display: inline-block;
    height: 18px;
    width: 20px;
    float: right;
}

span.supportingResourcesIcon {
    background: url(../images/icon-i.png) no-repeat 5% 70%;
    background-size: 70%;
    display: inline-block;
    height: 18px;
    width: 20px;
    position: relative;
    top: 4px;
}

span.incompleteTasksIcon {
    background:  url(../images/Incomplete.png) no-repeat 5% 50%;
    background-size: 55%;
    display: inline-block;
    height: 10px;
    width: 20px;
    margin-left:15px;
    margin-top:5px;
}

span.overdueTasksIcon {
    background:  url(../images/Overdue.png) no-repeat 5% 50%;
    background-size: 55%;
    display: inline-block;
    height: 10px;
    width: 20px;
    margin-left:15px;
    margin-top:5px;
}

div.logBook.left p a.incompleteTasksIcon {
    background:  url(../images/Incomplete.png) no-repeat 5% 50%;
    background-size: 16px 16px;
    padding-left: 37px;
    color: var(--Primary-800);
}

div.logBook.left p a.incompleteTasksIcon:hover {
    background: var(--Primary-900) url(../images/Incomplete.png) no-repeat 5% 50%;
    background-size: 16px 16px;
    padding-left: 37px;
    cursor: pointer;
}

div.logBook.left p.active a.incompleteTasksIcon {
    background: var(--Primary-700) url(../images/Incomplete.png) no-repeat 5% 50% !important;
    background-size: 16px 16px !important;
    color: white !important;
}

div.logBook.left p a.overdueTasksIcon {
    background: var(--Mono-100) url(../images/Overdue.png) no-repeat 5% 50%;
    background-size: 16px 16px;
    padding-left: 37px;
    color: var(--System-error-700);
}

div.logBook.left p a.overdueTasksIcon:hover {
    background: var(--Primary-900) url(../images/Overdue.png) no-repeat 5% 50%;
    background-size: 16px 16px;
    padding-left: 37px;
    cursor: pointer;
}

div.logBook.left p.active a.overdueTasksIcon {
    background: var(--Primary-700) url(../images/Overdue.png) no-repeat 5% 50% !important;
    background-size: 16px 16px !important;
    color: white !important;
}

div.logBook.left p a.completedTasksIcon {
    background: var(--Mono-100) url(../images/Complete.png) no-repeat 5% 50%;
    background-size: 16px 16px;
    padding-left: 37px;
    color: var(--System-success-050);
}

div.logBook.left p a.completedTasksIcon:hover {
    background: var(--Primary-900) url(../images/Complete.png) no-repeat 5% 50%;
    background-size: 16px 16px;
    padding-left: 37px;
    cursor: pointer;
}

div.logBook.left p.active a.completedTasksIcon {
    background: var(--Primary-700) url(../images/Complete.png) no-repeat 5% 50% !important;
    background-size: 16px 16px !important;
    color: white !important;
}

div.logBook.left p a.web-activity:hover {
    background: var(--Primary-900) url(../images/icon-desktopComputer.png) no-repeat 5% 50%;
    background-size: 4%;
    padding-left: 37px;
    cursor: pointer;
}

div.logBook.left p.active a.web-activity {
    background: var(--Primary-700) url(../images/icon-desktopComputer.png) no-repeat 5% 50% !important;
    background-size: 4% !important;
    color: white !important;
}

div.logBook.left p a.mobile-activity {
    background:  url(../images/icon-mobilePhone.png) no-repeat 5% 50%;
    background-size: 3%;
    padding-left: 37px;
}

div.logBook.left p a.mobile-activity:hover {
    background: var(--Primary-900) url(../images/icon-mobilePhone.png) no-repeat 5% 50%;
    background-size: 3%;
    padding-left: 37px;
    cursor: pointer;
}

div.logBook.left p.active a.mobile-activity {
    background: var(--Primary-700) url(../images/icon-mobilePhone.png) no-repeat 5% 50% !important;
    background-size: 3% !important;
    color: white !important;
}

div.logBook.left p a.grazing-activity {
    background:  url(../images/icon-calendar-grazing.png) no-repeat 5% 50%;
    background-size: 16px 16px;
    padding-left: 37px;
}

div.logBook.left p a.grazing-activity:hover {
    background: var(--Primary-900) url(../images/icon-calendar-grazing.png) no-repeat 5% 50%;
    background-size: 16px 16px;
    padding-left: 37px;
    cursor: pointer;
}

div.logBook.left p.active a.grazing-activity {
    background: var(--Primary-700) url(../images/icon-calendar-grazing.png) no-repeat 5% 50% !important;
    background-size: 16px 16px !important;
    color: white !important;
}

td.availableDate a {
    background: var(--Primary-200) none !important;
}

/* ACTIVITY DETAILS TABLES */

div.logBook.right article p {
    font-size: 11px;
    margin: 0 0 3px 3px;
}

div.logBook table {
    font-size: 11px;
    border-collapse: collapse;
    border-spacing:0;
    margin-bottom:15px;
    width: 100%;
}

div.logBook article:first-child table {
    font-size: 12px;
}

div.logBook th h3 {
    color: var(--Mono-900);
    font-weight: 700;
    text-align: left;
    background: #fff;
    font-size: 20px;
    line-height: 24px;
    border: none;
    height: inherit;
}
div.logBook h3 {
    color: var(--Mono-900);
    font-weight: 700;
    text-align: left;
    background: #fff;
    font-size: 20px;
    line-height: 24px;
}
div.logBook th+th h3 {
    padding-left: 10px;
}

div.logBook td {
    text-align: left;
    background: var(--White);
    padding: 3px 5px;
    border: 1px solid var(--Mono-300);
    border-right: none;
    margin: 3px 0;
}
div.logBook td.txt-right {
    text-align: right;
}
div.logBook td.txt-center {
    text-align: center;
}
.audit {
    font-size: 90%;
    list-style: none;
}
.audit-section {
    padding-bottom: 15px;
    padding-top: 5px;
    border-top: 1px solid var(--Mono-300);
    margin-top: 10px;
}
.logBook .audit label {
    font-weight: 600;
}
div.logBook .grid tbody tr:last-child td {
    border-bottom: 1px solid var(--Mono-300);
}
div.logBook .grid tbody td:first-child {
    border-left: 1px solid var(--Mono-300);
}
div.logBook td:first-child.left {
    width: 195px;
}
div.logBook td.eid-cell {
    background: var(--White) url(../images/icons/eid-tag.svg) no-repeat 50% 50%;
}

div.logBook td.txt-left {
    text-align: left;
}
div.logBook td:last-child {
    border: 1px solid var(--Mono-300);
}

div.logBook .left {
    text-align: left;
    padding-left: 10px;

}
.log-wrap {
    background: #fff;
}

.eidlink {
    text-decoration: underline;
}

.eidlink:hover {
    cursor: pointer;
}
/*Animal Report */
.toolbar-report {
    background: var(--Mono-100);
    padding: 15px 20px;
    border-bottom: 1px solid var(--Mono-300);
}

.description-report {
    background: var(--System-warning-050);
    color:var(--Mono-700);
    line-height:18px;
    padding: 15px 20px 20px;
}
.description-report a{
    color:#fff;
}
.description-report > .form-row {
    padding:0;
}

.info-row .grid-1-5 {
    background: url(../images/separator-short.png) no-repeat right 0px;
}
.info-row .grid-1-5:last-child {
    background: none;
    margin-right: 0px;
}
.info-row label.block {
    color: var(--Mono-700);
    padding-bottom: 12px;
}
.info-row .animalInfo {
    font-weight: 600;
}

.tag-info-header {
    display: inline-block;
}
.tag-info-header span{
    display: inline-block;
}
.tag-info-header .tag-eid {
    font-weight: 600;
    font-size: 24px;
    padding-right: 12px;
}
.tag-info-header .tag-vid {
    color: var(--Mono-500);
    font-size: 18px;
}
.tag-info-message { display:none; }

.section-toolbar {
    padding: 20px;
    background: var(--Mono-100);
    border-bottom: 1px solid var(--Mono-300);
}
.section-toolbar select {
    margin-right: 5px;
    width: 164px;
}
.section-toolbar .button-inline-next, .section-toolbar .button-inline-prev {
    line-height: 26px;
}
#eventsTable {
;
}
#reportResults .toolbar-grid {
    border-left: none;
    border-right: none;
    border-top: 1px solid var(--Mono-300);
}
/*charts */
.chart-wrapper, .chart-grid .chart {
    border: 1px solid #ccc;
}
.chart-holder {
    text-align:center;
}
.chart-label {
    background: var(--Primary-700);
    color: var(--White);
    text-align:center;
    font-size: 14px;
    padding: 14px 0px;
}

.chart-grid {
    display: inline-block;
    min-height: 1px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
}

.txt-center .chart{
    padding-top:10px;
}

/*individual report */
#individual-report text {
    font-family: "Inter", "Open Sans", "helvetica neue", helvetica, "lucinda sans unicode", "sans serif";
    font-size: 9pt;
    color:var(--Mono-900);
}

#individual-report circle {
    fill: var(--System-success-500);
}

#individual-report line {
    stroke: var(--Mono-100);
    stroke-width: 1;
    fill: none;
}
#individual-report .vrule,#individual-report .hrule {
    stroke: var(--Mono-500);
    stroke-width: 1;
}
#individual-report .chart-wrapper path {
    fill: none;
    stroke: var(--Mono-500);
    stroke-width: 1;
}

#individual-report .chart-wrapper path.domain {
    fill: none;
    stroke: var(--Mono-500);
    stroke-width: 1;
}

#individual-report xaxis {
    stroke: var(--Mono-500);
    fill: none;
    stroke-width: 1;
}
#individual-report axis {
    color: var(--Mono-500);
    fill: none;
    stroke-width: 1;
}

#individual-report #eventsTable_filter {
    display: none;
}



#mob-report text {
    font-family: "Open Sans", "helvetica neue", helvetica, "lucinda sans unicode", "sans serif";
    font-size: 9pt;
    color:var(--Mono-900);
    opacity: 0.5;
}

#mob-report circle {
    fill: var(--Primary-700);
}

#mob-report line {
    stroke: var(--Mono-100);
    stroke-width: 1;
    fill: none;
}
#mob-report .vrule,#mob-report .hrule {
    stroke: var(--Mono-500);
    stroke-width: 1;
}
#mob-report path {
    fill: none;
    stroke: none;
    stroke-width: 1;
}

#mob-report path.domain {
    fill: none;
    stroke: none;
    stroke-width: 1;
}

#mob-report xaxis {
    stroke: var(--Mono-500);
    fill: none;
    stroke-width: 1;
}
#mob-report axis {
    color: var(--Mono-500);
    fill: none;
    stroke-width: 1;
}

#mob-report #eventsTable_filter {
    display: none;
}

#image-quality-slider a { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; padding: 0 !important; }


.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.icon-label {
    margin-bottom: 40px;
    color: #666;
    font-weight:bold;
    padding-top: 14px;
}

.icon-holder {
    padding-top: 20px;
    height: 120px;
    background-image: -ms-linear-gradient(top, var(--Mono-200), var(--Mono-200));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--Mono-200)), to(var(--Mono-200)));
    background-image: -webkit-linear-gradient(top, var(--Mono-200), var(--Mono-200));
    background-image: -o-linear-gradient(top, var(--Mono-200), var(--Mono-200));
    background-image: -moz-linear-gradient(top, var(--Mono-200), var(--Mono-200));
    background-image: linear-gradient(top, var(--Mono-200), var(--Mono-200));
}

.colorChooserTitle {
    font-size: 14px;
    color: #EEE;
    padding: 10px;
    overflow: hidden;
    font-weight:bold
}

.review-animals-heading-row {
    padding-top: 25px;
    padding-bottom: 12px;
}

.table-cell-1-3 {
    width: 33%;
}

.holdingPen {
    z-index: 10000;
    background:var(--Mono-900);
    border-radius:3px;
    color:white;
    position:absolute;
    width:310px;
    height:45px;
    left:25px;
    top:25px;
}

.holdingPenDiv {
    padding-top:7px;
    padding-left:10px;
    padding-right:10px;
}

.righty.holdingPenDiv {
    padding-top:9px;
}

#activity {
    background-color: white;
}

.error-text {
    color: var(--System-error-700);
    font-size: 11px;
}
.warning-text {
    color: var(--System-error-700);
}
.tooltip {
    position: absolute;
    z-index: 100000003000;
    display: block;
    padding: 5px;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
}

.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}

.tooltip.top {
    margin-top: -3px;
}

.tooltip.right {
    margin-left: 3px;
}

.tooltip.bottom {
    margin-top: 3px;
}

.tooltip.left {
    margin-left: -3px;
}

.tooltip-inner {
    max-width: 350px;
    padding: 7px 10px;
    color: var(--White);
    text-align: center;
    text-decoration: none;
    background-color: var(--Mono-700);
    -moz-box-shadow:1px 1px 10px 2px var(--Mono-500);
    -webkit-box-shadow:1px 1px 10px 2px var(--Mono-500);
    box-shadow:1px 1px 10px 2px var(--Mono-500);
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: var(--Mono-700);
    border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: var(--Mono-700);
    border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: var(--Mono-700);
    border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: var(--Mono-700);
    border-width: 0 5px 5px;
}

.tabs-header {
    margin-top: -10px;  /* yuk!  Where's my parent selectors! */
    margin-bottom: 20px;
}

.tabs-title {
    color: black;
    font-size: 11px;
}

.reinstate-details {
    width: 33%;
    display: inline-block;
    position: relative;
    float: left;
}

.reinstate-title {
    width: 33%;
    display: inline-block;
    position: relative;
    float: left;
    color: var(--Primary-800);
}

.panel-tooltip a{
    background: url("../images/question_mark.png") no-repeat ;
    foat: right;
    width: 32px;
    height: 32px;
    margin-right:32px;
}

.panel-help ul li  {
    background: url("../images/icons/moreInfo.svg") no-repeat ;
    padding-left:30px;
    margin: 15px;
    list-style:none;
    color: black;
    cursor:pointer;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 100000;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
    background-image: none;
}
body .ui-tooltip { border-width: 2px; }

#draw-line-tooltip {
    height: 20px;
    color:white;
    background-color:var(--Primary-700);
    border: 2px solid white;
    z-index: 100000;
    position:absolute;
}

#drawing-tools-tooltip {
    display: inline-block;
    margin: 2px 4px 0px 4px;
}

.gate-section-heading {
    padding-bottom: 10px;
}
.gate-section-heading-label {
    width: 220px;
    display: inline-block;
}
.gate-section-heading-label label {
    font-size: 13pt;
    color: var(--Mono-700);
}
.gate-section-heading-animals {
    width: 80px;
    display: inline-block;
    border-left: 1px solid var(--Primary-200);
    padding-left: 10px;
    color: var(--Primary-200)
}
.gate-section-heading-weights {
    width: 85px;
    border-left: 1px solid var(--Primary-200);
    display: inline-block;
    padding-left: 10px;
    color: var(--Primary-200)
}

.gate-section-heading-no-weights {
    width: 200px;
    border-left: 1px solid var(--Primary-200);
    display: inline-block;
    padding-left: 10px;
    color: var(--Primary-200)
}

.no-label {
    margin-top:25px;
}

th.reconcile-group-hdr {
    background-image: none;
    background-color: white;
    border-left: none;
    border-right: none;
    color: var(--Mono-900);
    text-align: left;
    padding: 3px 0px 5px 10px;
    font-size: 13px;
    font-weight: bold;
}

th.reconcile-separator {
    border-left: 6px solid var(--Mono-200);
}

.grid tbody td.reconcile-separator {
    border-left: 6px solid var(--Mono-200);
}


.relocation-section {
    padding-top: 20px;
}
.relocation-options {
    padding-top: 10px;
    padding-bottom: 10px;
}
.relocation-hdr {
    font-weight: bold;
}

.relocation-mob-paddock-hdr {
    font-weight: bold;
    padding-bottom: 12px;
    padding-top: 5px;
}

.cascade-delete-warning {
    font-weight: bold;
}

.dataTables_scrollBody {
    border-top:none;
    background-color:#fff;
    width:inherit !important;
}

.dataTables_wide {
    border:1px solid #ccc;
    border-top:none;
    background-color:#fff;
    width:100% !important;
}

.dataTables_scrollBody  .grid tbody td {
    border-left: 1px solid var(--Mono-300);
    border-bottom: 1px solid var(--Mono-300);
}

.dataTables_scrollBody  .grid tbody td:first-child, .dataTables_scrollBody  .grid tbody td:last-child {
    border-left: none;
}

.search-tabs table  {
    border: 1px solid var(--Mono-300);
}

.dataTables_wrapper .paginate_disabled_previous,  .dataTables_wrapper .paginate_disabled_next {
    display: none;
}

.eid-file-view td.dataTables_empty {
    height:230px;
    text-align:center;
    font-size:14px;
    text-indent:-5000px;
    font-weight:bold;
    color:var(--Primary-050);
    background:var(--Primary-050) url("../images/upload-different-file.png") no-repeat 50% 50%;
    border-bottom:1px solid var(--Primary-050);
}

#report-table-div .grid tbody td.dataTables_empty {
    height:164px;
    background:var(--Primary-050);
}

#report-log-events_wrapper .grid tbody td.dataTables_empty {
    background:var(--Primary-050);
}

#paddocksTable td.dataTables_empty, #landApplicationsTable td.dataTables_empty, #treatmentProductsTable td.dataTables_empty,
#produceList td.dataTables_empty {
    display:none;
}

.dataTables_scrollBody .grid tbody tr:last-child td { border-bottom: none; }

.grid tbody tr:last-child td { border-bottom: 1px solid #ccc; }

.grid tbody tr td:first-child {
    border-left: 1px solid #ccc;
}

.grid tbody tr td:last-child {
    border-right: 1px solid #ccc;
}

.search-tabs .grid tbody tr:last-child td { border-bottom: none; }

.scanning-hdr {
    padding-top: 10px;
    padding-bottom: 6px;
    margin-left: 10px;
    margin-right: 10px;
}
.scanning-hdr-cell {
    display: inline-block;
    font-weight: bold;
    width: 70px;
}
.scanning-hdr-cell:first-child {
    width: 180px;
}
.additional-detail-box .line-item, .scanning-row {
    padding-bottom: 6px;
}
.additional-detail-box .cell, .scanning-row-cell {
    display: inline-block;
    width: 70px;
    vertical-align: middle;
}
.additional-detail-box .cell:first-child, .scanning-row-cell:first-child {
    width: 180px;
}
.scanning-row-cell:first-child {
    padding-left: 10px;
}
.additional-detail-box .cell2 {
    display: inline-block;
    width: 160px;
}
.known-scan-count {
    font-style: italic;
}
.scanning-entry-cell.scanning-stock-details-hdr, .scanning-entry-total-cell.scanning-stock-details-hdr  {
    width: 350px;
}
.scanning-entry-cell.scanning-stock-percent-hdr, .scanning-entry-total-cell.scanning-stock-percent-hdr {
    margin-left: 50px;
}
.scanning-entry-cell, .scanning-entry-total-cell {
    display: inline-block;
    width: 60px;
}
.scanning-entry-total-cell {
    font-weight: bold;
}
.scanning-entry-hdr-cell {
    font-weight: bold;
}
.foetus-count {
    color: var(--Primary-050);
}
.hilite-box-scanning {
    border: 1px solid var(--Mono-300);
    border-radius: 4px;
    background: var(--Mono-100);
}
.hilite-box-scanning-additional {
    border: 1px solid var(--Mono-300);
    border-radius: 4px;
    background: var(--Mono-100);
    width: 360px;
    margin-right: -600px;
}
.hilite-box-scanning-cal {
    border: 1px solid var(--Mono-300);
    border-radius: 0;
    background: var(--Primary-050);
    margin-bottom: 20px;
}
.scanning-unknown-selector {
    background: var(--Primary-050);
    padding-top: 12px;
    padding-left: 10px;
    padding-bottom: 15px;
    border-top: 1px solid var(--Mono-300);
    margin-top: 10px;
}
.additional-detail-total, .scanning-unassigned-dams {
    background: var(--Primary-050);
    padding-top: 12px;
    padding-bottom: 15px;
    border-top: 1px solid var(--Mono-300);
}
.scanning-unassigned-label {
    display: inline-block;
    width: 180px;
    font-weight: bold;
    padding-left: 10px;
}
.additional-detail-total .total {
    display: inline-block;
    width: 70px;
    font-size: 12pt;
    font-weight: bold;
}
.additional-detail-total .invalid {
    display: inline-block;
    width: 70px;
    color: var(--System-error-700);
    font-size: 12pt;
    font-weight: bold;
}
.scanning-unassigned-count-invalid {
    color: var(--System-error-700);
}
.scanning-unassigned-error {
    padding-left: 10px;
    padding-top: 5px;
    color: var(--System-error-700);
}
.scan-by-row, .scanning-type-row {
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 10px;
    border-bottom: 1px solid var(--Mono-300);
}
.scanning-entry-row, .scanning-entry-totals-row {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 3px;
}
.scanning-stats-hdr {
    font-weight: bold;
}
.box-overall-scanning {
    width: 450px;
}
.box-overall-scanning.box-long {
    width: 575px;
}
.box-stock-class-scanning, .box-trait-scanning {
    width: 805px
}
.box-stock-class-scanning.box-long, .box-trait-scanning.box-long {
    width: 935px
}
.scanning-stats-table-hdr {
    color: var(--Mono-900);
    font-weight: bold;
    padding-bottom: 6pt;
}
.scanning-stats-table-row-all {
    font-weight: bold;
    font-size: 12pt;
    padding-bottom: 6pt;
}
.scanning-stats-table-row-dry {

}
.scanning-cal-results {
    display: inline-block;
    vertical-align: top;
}
.scanning-cal-potential {
    width: 36%;
    padding-left: 20px;
    padding-bottom: 15px;
    display: inline-block;
    vertical-align: top;
}
.scanning-cal-hdr-cell {
    display: inline-block;
    font-weight: bold;
    color: var(--Primary-050);
    width: 45px
}
.scanning-cal-row-cell {
    display: inline-block;
    width: 45px;
}
.scanning-cal-stock-details {
    width: 220px;

}
.scanning-cal-row-cell:first-child {
    padding-left: 10px;
}
.scanning-cal-percent {
    padding-left: 40px;
}
.scanning-cal-stats-table-hdr {
    color: var(--Primary-050);
    font-weight: bold;
    padding-left: 6px;
    padding-top: 10px;
}
.scanning-cal-stats-value {
    padding-left: 6px;
}

.rpt-table-wrap {
    padding:20px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
}



.rpt-table-wrap .grid th.empty-col, .rpt-table-wrap .grid tbody td.empty-col,
.rpt-table-details .grid th.empty-col, .rpt-table-details .grid tbody td.empty-col,
.grid th.empty-col, .grid tbody td.empty-col {
    background:white;
    border-right:1px solid var(--Mono-300);
    border-bottom:1px solid #fff;
}

.rpt-table-wrap .grid tbody td, .rpt-table-wrap .grid tfoot td,
.rpt-table-details .grid tbody td, .rpt-table-details .grid tfoot td {
    border-bottom: 1px solid var(--Mono-300);
    border-right: 1px solid var(--Mono-300);
    border-left:1px solid var(--Mono-300);
}

.rpt-table-wrap .grid tbody tr:last-child td,
.rpt-table-details .grid tbody tr:last-child td {
    border-bottom: 1px solid var(--Mono-300);
}

.rpt-table-wrap .grid tbody td.no-borders, .rpt-table-wrap .grid tbody tr.no-borders td {
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}

.rpt-table-headings {
    position:relative;
    font-size:13px;
    font-weight:bold;
    color:#222;
    margin-bottom:8px;
    background:#fff;
}

.grid tbody tr:last-child td.empty-col {
    border-bottom:1px solid #fff;
}

.level1 {
    background-color: linear-gradient(top, var(--Mono-100), var(--Mono-100));
    background-image: -webkit-linear-gradient(top, var(--Mono-100), var(--Mono-100));
    background-image: -ms-linear-gradient(top, var(--Mono-100), var(--Mono-100));
    background-image: -o-linear-gradient(top, var(--Mono-100), var(--Mono-100));
    background-image: -moz-linear-gradient(top, var(--Mono-100), var(--Mono-100));
}
.level2 {

    background: white;
}
.level2.even {
    background-color: var(--Mono-100);
}

#rec-report table a {
    text-decoration: underline;
    color:var(--Mono-900);
}
#rec-report table a.button {
    text-decoration: none;
    color:#036;
    border-radius: 4px;
    border: 1px solid var(--Mono-200);
}


.full-screen .wrap-form {
    margin:0 25px;
}

.level1-nested-table {
    background:var(--Mono-100);
    border-bottom:5px solid #999 !important;
    border-right:1px solid var(--Mono-100) !important;
    border-left:1px solid var(--Mono-100) !important;
    padding:30px 10px 20px;
}

.dataTables_info {
    display: none;
}

.rpt-table-value-toggle {
    position:absolute;
    top:-5px;
    right:20px;
    display:inline-block;
    padding:0;
    margin:0;
}

.rpt-table-value-toggle li {
    font-size:10px;
    line-height:17px;
    border:1px solid var(--Mono-200);
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    background-color:var(--Mono-200);
    margin:0;
    padding:0 5px 0 5px;
}

.rpt-table-value-toggle li:last-child {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    border-left:none;
}

.rpt-table-value-toggle li.active-radio {
    background-color:var(--Mono-200);
}

.rpt-table-value-toggle label {
    cursor:pointer;
}

.form-row + #mobSelection {
    margin-top:-25px;
}

.tbl-footnote{
    font-size:10px;
    text-align:center;
}

.fixed-width-11{
    width: 11%;
}
.fixed-width-11-5{
    width: 11.5%;
}
.fixed-width-12{
    width: 12%;
}
.fixed-width-15{
    width: 15%;
}
.fixed-width-37{
    width: 37%;
}

.stock-select-hdr {
    font-weight: bold;
    padding-bottom: 6px;
}

.stock-traits {
    height: 24px;
    line-height: 24px;
}
.stock-traits-split {
    padding-top: 6px;
}
.stock-traits-changed {
    /*Do not change colour below*/
    background-color: #b2ff59;
    border: 1px solid var(--Mono-200);
}
tr.stock-traits-changed td {
    background-color: var(--System-success-050);
}
div.previous-traits-legend {
    width: 16px;
    height: 16px;
    display: inline-block;
    border: gray;
    border-style: solid;
    border-width: thin;
    margin-right: 3px;
}
div.new-traits-legend {
    width: 16px;
    height: 16px;
    display: inline-block;
    border: 1px solid var(--Mono-200);
    border-style: solid;
    border-width: thin;
    background-color: var(--System-success-050);
    margin-right: 3px;
    margin-left: 6px;
}
tr.stock-traits-changed td.eid-cell {
    background: url(../images/icons/eid-tag.svg) no-repeat 50% 50%;
    background-color: var(--System-success-050);
    width: 18px;
    height: 16px;
}
.stock-traits-cal-hdr {
    font-weight: bold;
}
a.reset-stock {
    background: url(../images/icon-reset.png) no-repeat;
    background-position: 0 1px;
    padding-left: 18px;
}
a.reset-stock:hover {
    background-position: 0 -25px;
}
.graph p {
    margin-bottom: 15px;
    text-align: center;
}
.graph h4 {
    text-align: center;
}
.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.animalGroupSelect {
    border: 1px solid var(--Mono-200);
    margin-bottom:20px;
    background-color: #fff;
}
.animalGroupSelectRow {
    border-top: 1px solid var(--Mono-200);
    padding-top: 16px;
    background-color: #fff;
}
.animalGroupSelectControls {
    border-top: 1px solid var(--Mono-200);
    background: var(--Primary-050);
    padding-top: 16px;
}

#showForageSelect ~ label {
    margin-left: 5px;
}

.reportCheckBox ~ label {
    margin-left: 5px;
}

.keep-stock-explanation {
    font-style: italic;
    padding-left: 15px;
    white-space: nowrap;
}

.gate-summary-hdr {
    font-weight: bold;
    padding-bottom: 12px;
}
.relocation-offline-grazing {
    background-color: var(--System-error-500);
    color: white;
    margin-bottom: 10px;
    font-weight: bold;
    padding:10px 10px 10px 16px;
    margin:-15px -15px 10px -15px;
    border-radius: 4px 4px 0px 0px;
}
a.manage-file {
    background: url(../images/icon-reset.png) no-repeat;
    background-position: 0 1px;
    padding-left: 18px;
}
a.manage-file:hover {
    background-position: 0 -25px;
}
.or-delimiter {
    display:inline-block;
    margin:0 10px 0 15px;
}
select.mob-paddock-animal-select {
    margin-right: 0px;
    width: 350px;
}

.additional-detail-box {
    border: 1px solid var(--Mono-300);
    border-radius: 4px;
    background: var(--Mono-100);
}
.additional-detail, .additional-detail-total {
    padding: 15px 15px 0px 15px;
}
.additional-detail-box .row-border-bottom {
    margin-bottom: 8px;
}

.modal-info:hover {
    text-decoration: none;
}
.modal-info {
    background: url(../images/icons/moreInfo.svg) no-repeat 0 0;
    width:16px;
    display: block;
}

.level1-nested-table .dataTables_scrollHead {
    background-color: DarkOliveGreen;
}

.grid-view thead {
    background-color:var(--Primary-600);
}

span.revenue-group {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
span.revenue-group-1 {
    width: 28px;
    height: 30px;
    text-indent: -5000px;
    background: url(../images/capital.png) no-repeat 0 0;
    margin: 5px -15px -5px 15px;
    overflow: inherit;
}
span.revenue-group-2 {
    width: 28px;
    height: 30px;
    text-indent: -5000px;
    background: url(../images/trading.png) no-repeat 0 0;
    margin: 5px -15px -5px 15px;
    overflow: inherit;
}
span.revenue-group-3 {
    width: 28px;
    height: 30px;
    text-indent: -5000px;
    background: url(../images/genetics.png) no-repeat 0 0;
    margin: 5px -15px -5px 15px;
    overflow: inherit;
}
span.revenue-group-4 {
    width: 28px;
    height: 30px;
    text-indent: -5000px;
    background: url(../images/dairycapital.png) no-repeat 0 0;
    margin: -5px -15px 0 15px;
    overflow: inherit;
}
span.revenue-group-5 {
    width: 28px;
    height: 30px;
    text-indent: -5000px;
    background: url(../images/dairytrading.png) no-repeat 0 0;
    margin: -5px -15px 0 15px;
    overflow: inherit;
}

.mintBox {
    background: var(--System-success-050);
    border: 1px solid var(--System-success-500);
    border-radius: 4px;
    padding: 4px 8px;
    margin: -20px 0px 30px 0px;
}

a.info {
    background: url(../images/info.png) no-repeat 0 0;
}

span.info {
    background: url(../images/info.png) no-repeat 0 0;
    display: inline-block;
    width: 15px;
    height: 15px;
    cursor:pointer;
}

.mintBoxRow {
    margin-bottom: 3px;
    margin-top: 3px;
}
div.view-eid-file {
}

.stockRecLabel span {
    display: inline-block;
    height:100px;
    width:35px;
}

th.stockRecLabel {
    padding-left: 4px;
    padding-right: 4px;
}

.stockRecStockClass span {
    background: url(../images/stockrec-tableheaders.png) no-repeat 0 0;
}

.stockRecOpeningOwned span {
    background: url(../images/stockrec-tableheaders.png) no-repeat -35px 0;
}

.stockRecOpeningOnFarm span {
    background: url(../images/stockrec-tableheaders.png) no-repeat -70px 0;
}

.stockRecAdded span {
    background: url(../images/stockrec-tableheaders.png) no-repeat -105px 0;
}

.stockRecBirths span {
    background: url(../images/stockrec-tableheaders.png) no-repeat -140px 0;
}

.stockRecPurchased span {
    background: url(../images/stockrec-tableheaders.png) no-repeat -175px 0;
}

.stockRecReinstated span {
    background: url(../images/stockrec-tableheaders.png) no-repeat -210px 0;
}

.stockRecReceivedToGraze span {
    background: url(../images/stockrec-tableheaders.png) no-repeat -245px 0;
}

.stockRecReturnedFromGrazing span {
    background: url(../images/stockrec-tableheaders.png) no-repeat -280px 0;
}

.stockRecTransferredIn span {
    background: url(../images/stockrec-tableheaders.png) no-repeat -315px 0;
}

.stockRecTraitChangedIn span {
    background: url(../images/stockrec-tableheaders.png) no-repeat -350px 0;
}

.stockRecAgedIn span {
    background: url(../images/stockrec-tableheaders.png) no-repeat -385px 0;
}

.stockRecSold span {
    background: url(../images/stockrec-tableheaders.png) no-repeat -420px 0;
}

.stockRecDeaths span {
    background: url(../images/stockrec-tableheaders.png) no-repeat -455px 0;
}

.stockRecLost span {
    background: url(../images/stockrec-tableheaders.png) no-repeat -490px 0;
}

.stockRecSentToGraze span {
    background: url(../images/stockrec-tableheaders.png) no-repeat -525px 0;
}

.stockRecReturnedToOwner span {
    background: url(../images/stockrec-tableheaders.png) no-repeat -560px 0;
}
.stockRecTransferedOut span {
    background: url(../images/stockrec-tableheaders.png) no-repeat -595px 0;
}
.stockRecTraitChangedOut span {
    background: url(../images/stockrec-tableheaders.png) no-repeat -630px 0;
}
.stockRecAgedOut span {
    background: url(../images/stockrec-tableheaders.png) no-repeat -665px 0;
}
.stockRecClosingOnFarm span {
    background: url(../images/stockrec-tableheaders.png) no-repeat -700px 0;
}
.stockRecClosingOwned span {
    background: url(../images/stockrec-tableheaders.png) no-repeat -735px 0;
}
.stockRecClosingOnFarmSignOff span {
    background: url(../images/stockrec-tableheaders.png) no-repeat -770px 0;
}
.stockRecTotalWithAdjustments span {
    background: url(../images/stockrec-tableheaders.png) no-repeat -805px 0;
}
.stockRecAdjustments span {
    background: url(../images/stockrec-tableheaders.png) no-repeat -840px 0;
}

.stockRecNotPosted span {
    background: url(../images/stockrec-tableheaders.png) no-repeat -875px 0;
}
.animal-select-check-for-tags {
    background-color: var(--Primary-700);
    float: left;
    color: white;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    height: 50px;
    width: 100%;
}

.animal-select-check-for-tags .grid-2-5 {
    width: 36%;
    padding-left: 15px;
}

.animal-select-check-for-tags .grid-3-5 {
    width: 54%;
    padding-left: 15px;
}

.animal-select-check-for-tags .grid-4-5 {
    width: 78%;
    padding-left: 15px;
}

.animal-select-check-for-tags label {
    color: white;
    font-weight: bold;
    cursor: pointer;
}

div.animal-select-check-for-tags ul a:hover {
    color: var(--Mono-900);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-radius: 12px;
    background: var(--Mono-100);
}

div.animal-select-check-for-tags ul a {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    color: var(--Mono-900);
    text-align: center;
    text-decoration: none;
    padding: 5px;
    border-radius: 12px;
    min-width: 100px;
    line-height: 13px;
    background: var(--White);
}

a.register-tags-in-txn, a.register-tags-in-txn, a.ignore-tags-in-txn {
    background: var(--Primary-700);
    font-weight: bold;
    color:var(--White);
    text-align:center;
    text-decoration:none;
    border-color: var(--Primary-700);
}

a.register-tags-in-txn:hover, a.register-tags-in-txn:hover, a.ignore-tags-in-txn:hover {
    background: var(--Primary-900);
    font-weight: bold;
    color:var(--White);
    text-align:center;
    text-decoration:none;
}

div.animal-select-tags-yes ul a {
    display:inline-block;
    font-size:13px;
    color:var(--Mono-800);
    text-align:center;
    text-decoration:none;
    padding: 4px 5px 6px;
    border-radius:12px;
    min-width:100px;
    line-height: 13px;
    background-color: var(--Mono-100);
    border:  1px solid var(--Mono-200);
}

.unregistered-tags {
    float: left;
    border: 1px solid var(--Mono-200);
    border-top: none;
    margin-top: -25px;
    margin-bottom: 25px;
    padding:0 20px 0 15px;
    width: calc(100% - 38px);
    min-height: 35px;
    background-color: var(--System-success-050);
    font-size: 14px;
    text-align: center;
}

.unregistered-tags div {
    padding: 15px 60px 15px 80px;
}

.animal-select-tags-yes {
    float: left;
    border: 1px solid var(--Mono-300);
    border-top: none;
    margin-top: -25px;
    margin-bottom: 25px;
    padding:15px 20px 0 15px;
    width: calc(100% - 38px);
    min-height: 35px;
    background-color: white;
}

.animal-select-tags-yes .form-row, .animal-select-tags-yes .form-row:first-child {
    padding-top: 0px;
    padding-bottom: 10px;
}

.animal-select-tags-yes .row-border-bottom {
    margin-bottom: 15px;
}

.animal-select-disable {
    opacity:0.4;
}

.eid-file-warning {
    background: url(../images/icon-status-warning.png) no-repeat 0 0;
    height:16px;
    text-indent: 20px;
    display: inline-block;
}

#loadEidFileForEventDlg .animal-select-tags-yes {
    margin-top: 20px;
    border-top: 1px solid var(--Mono-300);
}

.close-grid {
    margin-right: 15px;
}

.ui-widget-header, .fiq-dialog .multiSelectAngularDropdown .ui-widget-header {
    background: var(--Mono-100);
    border: 1px solid var(--Mono-300);
}

.ui-multiselect-header {
    background: var(--Mono-100) !important;
    border: 1px solid var(--Mono-300) !important;
}

a.tableButton {
    display:inline-block;
    font-size:12px;
    color:#fff !important;
    text-align:center;
    text-decoration:none !important;
    padding: 3px 5px;
    border-radius:12px;
    border:1px solid #000;
    min-width:70px;
    background-color:  #555;
    box-shadow: 0px 1px 3px
    rgba(53,57,61,1), inset 0px 1px 1px
    rgba(94,98,102,1);
    background-image: -webkit-linear-gradient(-90deg , var(--Mono-700) 0%, var(--Mono-700) 100%);
    background:-webkit-gradient(linear, left top, left bottom, from(var(--Primary-900)), to(var(--Primary-700)));
    background:-moz-linear-gradient(top, var(--Primary-900), var(--Primary-700));
    background:-ms-linear-gradient(top, var(--Primary-900), var(--Primary-700));
    box-shadow:
            0px 1px 3px rgba(53,57,61,1),
            inset 0px 1px 1px rgba(140,180,220,1);
}

.odd .adjustment {
    background-color: var(--System-warning-050);
}
.even .adjustment {
    background-color: var(--System-warning-050);
}
.odd .total {
    background-color: var(--System-success-050);
}
.even .total {
    background-color: var(--System-success-050);
}

.rpt-table-details .grid tfoot .total th {
    border: none;
    text-align: right;
    background-color: white;
    color: black;
    font-weight: bold;
}
.rpt-table-details .grid tfoot .total td {
    background-color: var(--System-success-050);
    font-weight: bold;
}

.move-traits-section-heading {
    border: 1px solid var(--Mono-300);
    background: var(--Primary-050);
    padding: 15px;
    font-weight: bold;
}

.move-traits-section {
    border: 1px solid var(--Mono-300);
    border-top: none;
    margin-bottom: 50px;
    padding:20px 0 25px 0;
}

.move-traits-control-table {
    width: 896px;
    padding-top: 12px;
    border-top: 1px solid var(--Mono-300);
    margin-top: 20px;
}

.move-traits-control-table:FIRST-CHILD {
    border-top: none;
    padding-top: 0px;
    margin-top: 0px;
}

.move-animal-differences {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 20px auto -25px;
    background: var(--System-warning-050);
    width: 700px;
    border: 1px solid var(--Mono-300);
    border-bottom: none;
}

.move-animal-differences.escalated {
    background: var(--System-error-700);
}

.move-animal-differences.lfp-movement-differences {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-bottom: -25px;
    margin-left: 98px;
    background: var(--Primary-050);
    width: 700px;
    border: 1px solid var(--Mono-300);
    border-bottom: none;
}

.move-gate-name {
    font-size: 14px;
    font-weight: bold;
}

.unused-tags-warning {
    text-align: center;
    font-weight: bold;
    padding: 10px 0 20px;
}

.confirm-doa-warning {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 98px;
    background: var(--System-warning-050);
    width: 700px;
    border: 1px solid var(--Mono-300);
}

.confirm-return-qty-error {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 40px;
    margin-bottom: 20px;
    margin-left: 98px;
    background: var(--System-warning-050);
    width: 700px;
    border: 1px solid var(--Mono-300);
    color: var(--System-error-700);
}

.calendar-type-selection {
    width: 327px;
    line-height: 27px;
    font-size: 11px;
    text-align: center;
}

.grazing-purchase-section {
    background: var(--Primary-050);
    border: 1px solid var(--Mono-300);
    padding: 0 0 0 0;
    margin: 0 0 28px 0;
    float: left;
    width: 100%;
}

.grazing-purchase-section span {
    font-weight: bold;
    padding-bottom: 7px;
    display: block;
    padding: 10px 10px 4px 10px;
}

.grazing-purchase-section  ul {
    display: block;
    padding: 0 0 3px 10px;
}
.capitalise {
    text-transform: capitalize;
}

.print-only {
    display: none;
}

.mob-results {
    background: var(--Primary-050);
    border: 1px solid var(--Mono-300);
    padding: 10px 10px 10px 10px;
    margin-top: 20px;
    overflow: auto;
}

.mob-results:first-child {
    margin-top: 0px;
}

.mob-results-heading {
    background: var(--Primary-050);
    font-size: 14px;
    font-weight: bold;
    overflow: auto;
}

.mob-results-heading .tbl-expander {
    text-indent: 3px;
    width: 642px;
    padding: 5px 0 5px 10px;
}

.mob-results-heading select[data-supports-qtys="true"] {
}

.mob-results-heading .expand-tbl-row {
    background: url("../images/expand-arrow-header.png") no-repeat 0px 10px;
    cursor: pointer;
}

.mob-results-heading .expand-tbl-row-expanded {
    background: url("../images/expand-arrow-header.png") no-repeat 0px -43px;
    cursor: pointer;
}

.mob-results-table {
    width: 100%;
    margin: 20px 0 5px;
}

.mob-results-table tbody td {
    background: white;
    border-left: 1px solid var(--Mono-300);
    border-bottom: 1px solid var(--Mono-300);
}

.mob-results-table tbody td:last-child {
    border-right: 1px solid var(--Mono-300);
}

.mob-results-table tbody tr.not-matched td.disableable {
    color: var(--Mono-700);
    font-style: italic;
}

.grid-view tbody td.switch-on, .grid-view tbody td.switch-off {
    cursor: pointer;
    height: 16px;
    width: 65px;
}

.grid-view tbody td div.switch-on, .grid-view tbody td div.switch-off {
    cursor: pointer;
    height: 23px;
    width: 65px;
}

.grid-view tbody td.switch-on {
    background: url(../images/switch.png) no-repeat 50% -25%;
}

.grid-view tbody td div.switch-on {
    background: url(../images/switch.png) no-repeat 50% 0%;
}

.grid-view tbody td.switch-off {
    background: url(../images/switch.png) no-repeat 50% 121%;
}

.grid-view tbody td div.switch-off {
    background: url(../images/switch.png) no-repeat 50% 100%;
}

.grid-view tbody td.user-status-col {
    padding: 2px 10px 2px 10px;
}

span.switch-on {
    display:block;
    background: url(../images/switch.png) no-repeat 50% -20%;
    width:60px;
    height:32px;
    cursor:pointer;
}

span.switch-off {
    display:block;
    background: url(../images/switch.png) no-repeat 50% 120%;
    width:60px;
    height:32px;
    cursor:pointer;
}

.switch-pending {
    color: grey;
    text-align: center;
}

.mob-results-table tbody td.eid-match-included, .mob-results-table tbody div.eid-match-included {
    background: url(../images/switch.png) no-repeat 50% -25%;
    background-color: white;
    height: 16px;
    cursor: pointer;
    min-height:37px;
    max-width:65px;
    width:65px;
}

.mob-results-table tbody td.eid-match-excluded, .mob-results-table tbody div.eid-match-excluded {
    background: url(../images/switch.png) no-repeat 50% 123%;
    background-color: white;
    height: 16px;
    cursor: pointer;
    min-height:37px;
    max-width:65px;
    width:65px;
}

.pdfIcon {
    background: url(../images/pdf1.png);
    height: 40px;
    display:inline-block;
    width:40px;
    background-repeat: no-repeat;
    background-size: 40px 40px;
}


.help-button {
    background:var(--Primary-700);
    color:white;
    padding:8px;
    padding-left:10px;
    border-radius:3px;
    font-weight:normal;
    display: inline-block;
}

.help-button:hover {
    color:white;
    text-decoration:none;
}

td.recordTagsCol {
    width:75px;
    height:37px;
}

.mob-select-total {
    font-size: 13px;
    font-weight: normal;
    display: inline-block;
    margin-left: 187px;
}

div[data-dam-stock-class="true"] .mob-select-total {
    margin-left: 0;
}

.mob-select-total span {
    background :var(--System-success-050);
    border:1px solid var(--Mono-300);
    width: 44px;
    padding: 5px 10px;
    margin-left: 5px;
    display: inline-block;
    text-align: left;
    font-weight: bold;
}

.mob-select-options {
    display: inline-block;
    margin: 0 19px 0 0;
    font-weight: normal;
    font-size: 13px;
    width: 164px;
    float:right;
}

.mob-select-options label.block {
    padding-bottom: 4px;
}

.inspect-tags {
    background: url(../images/icons/eid-tag.svg) no-repeat 0% 0%;
    display:inline-block;
    padding-left: 25px;
    margin-left: 20px;
}

.error-tags {
    background: url(../images/icon-status-warning.png) no-repeat 0% 0%;
    display:inline-block;
    padding-left: 25px;
    margin-left: 20px;
}
.change-gates {
    background: url(../images/icon-gates-switch.png) no-repeat 0% 0%;
    display:inline-block;
    padding-left: 25px;
    margin-left: 20px;
}

.form-additional-eid-data-section input {
    margin-right: 3px;
}

.limit-text-width {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.filter-heading {
    font-weight: bold;
    padding-top: 10px;
}

.tags-read {
    width:52px;
}

.reset-holder {
    position: relative;
}

.chart-label .reset {
    background: url("../images/icon-reset-beefeq.png") no-repeat;
    background-position: 0px -0px;
    height: 18px;
    width: 20px;
    position: absolute;
    right: 6px;
    top: 15px;
}
.chart-label .reset.enabled {
    background-position: 0px -34px;
}
.chart-label .reset.enabled:hover {
    background-position: 0px -68px;
}


.chart-filter .reset {
    background: url("../images/icon-reset-beefeq.png") no-repeat;
    background-position: 0px -104px;
    height: 15px;
    width: 19px;
    float: right;
}
.chart-filter .reset.enabled {
    background-position: 0px -138px;
    cursor: pointer;
}
.chart-filter .reset.enabled:hover {
    background-position: 0px -172px;
}
.chart-filter .filter-heading {
    cursor: pointer;
}

input[type="radio"].toggle {
    display: none;
}

label.unselected {
    color: #aaa !important;
}

#draft-report select.unselected {
    border: 1px solid var(--Mono-300);
    background: white;
    color: var(--Mono-700);
}

#draft-report select {
    background: var(--System-success-050);
    color: black;
}

.addLineButton {
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    margin-left: 10px;
}


input.unselected {
    border: 1px solid var(--Mono-300);
    color: var(--Mono-700);
}

input[type="radio"].toggle:checked+label, .mode-selection.selected {
    background-color: var(--Primary-700);
    border: 1px solid var(--Primary-700);
    color: white;
    font-weight: 700;
}

input[type="radio"].toggle+label, .mode-selection {
    width: 3em;
    padding: 4px 7px 4px 7px;
    background: var(--White);
    border-radius: 4px;
    border: 1px solid #CCC;
    margin: 4px;
    line-height: 20px;
    cursor: pointer;
}

.mode-selection:hover {
    text-decoration: none;
}

input[type="radio"].toggle+label {
    background-color: var(--White);
}
.mode-selection {
    background-color: White;
}

input[type="radio"].toggle:checked+label.btn:hover {
    background-color: inherit;
    background-position: 0 0;
    -webkit-transition: none;
    -moz-trainsition: none;
    transition: none;
}

input[type="checkbox"].selectCheckBox {
    display: none;
}

input[type="checkbox"].selectCheckBox:checked+label {
    background-color: var(--System-success-050);
    border: 1px solid var(--Mono-200);
}

input[type="checkbox"].selectCheckBox+label {
    padding: 4px 7px 4px 7px;
    margin-left: 3px;
    background-color: var(--Mono-200);
    border-radius: 4px;
    border: 1px solid #CCC;
    margin: 4px;
    line-height: 20px;
    display: inline-block;
    cursor: pointer;
}

input[type="checkbox"].selectCheckBox:checked+label.btn:hover {
    background-color: inherit;
    background-position: 0 0;
    -webkit-transition: none;
    -moz-trainsition: none;
    transition: none;
}

input[type="radio"].selectRadioBox {
    display: none;
}

input[type="radio"].selectRadioBox:checked+label {
    background-color: var(--Primary-700);
    border: 1px solid var(--Primary-200);
    color:white;
}

input[type="radio"].selectRadioBox+label {
    padding: 4px 7px 4px 7px;
    margin-left: 3px;
    background-color: white;
    border-radius: 4px;
    border: 1px solid var(--Mono-300);
    color:#555;
    margin: 4px;
    width:100px;
    line-height: 20px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
}

.radio-description {
    display:inline-block;
    width:100px;
    padding: 0 12px;
    font-size:11px;color:#555;text-align:center;
}

input[type="radio"].selectRadioBox:checked+label.btn:hover {
    background-color: inherit;
    background-position: 0 0;
    -webkit-transition: none;
    -moz-trainsition: none;
    transition: none;
}

.reportHolder {
    float:left;
    width:290px;
    margin-right: 27px;
    margin-bottom: 25px;
    border: 1px solid #ccc;
    border-radius:4px;
    overflow: hidden;
}



.reportHolder .reportTop {
    height:34px;
    background:var(--Primary-700);
    color: white;
    font-weight:600;
    vertical-align: middle;
    line-height: 35px;
    padding-left: 16px;
    font-size:13px;
    margin: -1px -1px 0 -1px;
}

.reportHolder .reportMiddle {
    height:80px;
    background:white;
    padding: 15px;
}

.reportHolder .reportBottom {
    height:40px;
    background:var(--White);
    padding-bottom: 2px;
    padding-right: 5px;

}

.reportHolder .reportBottom a {
    float:right;
    margin-right:5px;
    margin-top:8px;

}
.reportHolder .reportTop span {
    float:right;
    width: 30px;
    display: inline-block;
    height: 30px;
    margin-top: 5px;
    cursor: pointer;
    background: url(../images/icon-star-favourite.png) no-repeat 0 -38px;


}

.reportHolder .reportTop span:hover {
    background: url(../images/icon-star-favourite.png) no-repeat 0 -76px;
    margin-top: 3px;
}

.reportHolder .reportTop span.favourite {
    background: url(../images/icon-star-favourite.png) no-repeat 0 2px;
    margin-top: 5px;
}

.favourite {
    width: 30px;
    display: inline-block;
    margin-top: 5px;
    background: url(../images/icon-small-star.png) no-repeat 5px 5px;
}

.validationErrors {
    background: var(--System-error-700);
    position:relative;
    z-index:1000;
    color: white;
    font-size: 11px;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
}

.hidden {
    visibility: hidden;
}

.unknown-mob-help {
    background: var(--System-warning-050);
    padding: 4px 10px;
    border: 1px solid var(--Mono-300);
}

.unknown-mob-help p {
    text-align: center;
    font-size: 12px;
}

.unknown-mob-help p:first-child {
    font-weight: bold;
}

.move-animals-full {
    display: inline-block;
    width: 250px;
    margin-right: 10px;
    vertical-align:top;
}

.move-animals-half {
    display: inline-block;
    width: 125px;
    vertical-align:top;
}

.move-animals-qty {
    display: inline-block;
    position:relative;
    vertical-align:top;
}

.move-animals-qty span {
    position:absolute;
    top:87px;
    left:13px;
    display:block;
    width:17px;
    height:9px;
    background: url(../images/arrw-draft-trait-column.png) no-repeat 0 0;
}
.move-animals-qty label {
    font-size: 9px;
    color: #FFF;
    padding: 5px 11px 5px 5px;
    background-color: var(--Primary-200);
    border-right: 1px solid var(--Mono-200);
    display: block;
    overflow: hidden;
    width: 30px;
    height: 40px;

}

.move-animals-qty:last-child label {
    border-right:none;
    padding-right:10px;
}

.move-animals-qty input {
    width: 29px;
    margin-right:2px;
    margin-top: 2px;
}

.move-animals-delete {
    display: inline-block;
    width: 15px;
    padding-top:6px;
}

.move-animals-row {
    padding: 0 20px 0 25px;
}

.error-border {
    border: red solid 1px !important;
}


.tasks-filter-section {
    max-height: 534px;
    overflow-y:auto;
}

.tasks-header {
    background: #666;
    color: white;
    font-weight: bold;
    font-size:14px;
    display:inline-block;
    line-height:25px;
    padding-left:10px;
    padding-top: 10px;
}

.search-tasks {
    width:360px;
    margin-top: 9px;
    margin-left: 9px;
    height: 30px;
    padding-left: 20px;
    font-weight: bold;
}

.task-row {
    clear: both;
    border:1px solid var(--Mono-300);
    background:white;
    padding-bottom:6px;
}

.task-notes {
    background:var(--Mono-100);
    min-height:50px;
    overflow:auto;
    padding-top: 0px !important;
    margin-right:15px;
}

.task-notes .notes-label {
    width:25px;
    float:left;
    font-weight:bold;
}
.title-row {
    font-weight:600;
    font-size:15px;
}
.task-row .confirmImageSmall {
    display: inline-block;
    height: 20px;
}
.task-row .details-row {
    font-size:11px;
    font-weight:normal;
    padding-left: 50px;
    padding-top: 10px;
}

.icon-view-calendar {
    display: inline-block;
    height: 20px;
    background: url(../images/icon-sml-calendar.png) no-repeat top left;
    width: 20px;
}
.icon-task-tick {
    display: inline-block;
    height: 60px;
    background: url(../images/icon-task-tick.png) no-repeat top left;
    width: 40px;
}

.icon-task-complete {
    display: inline-block;
    height: 20px;
    background: url(../images/icon-sml-completed.png) no-repeat top left;
    width: 20px;
}

.icon-task-incomplete {
    display: inline-block;
    height: 17px;
    background: url(../images/icon-sml-notcomplete.png) no-repeat top left;
    width: 20px;
    cursor: pointer;
}

.icon-task-assignee {
    display: inline-block;
    height: 15px;
    background: url(../images/icon-task-user.png) no-repeat 0 0;
    background-size: 93%;
    width: 15px;
    margin-right: 5px;
    position: relative;
    top: 3px;
    left: -1px;
}

.icon-task-calendar {
    display: inline-block;
    height: 15px;
    background: url(../images/icon-task-calendar.png) no-repeat 0 0;
    background-size: 100%;
    width: 14px;
    position: relative;
    top: 2px;
    margin-right: 3px;
}

.selectable-row {
    padding-left:20px;
    padding-top:10px;
}


.selectable-row:hover {
    background:white;
    font-weight:bold;
    color:#777;
    cursor: pointer;
}

.selectable-row.selected {
    background:white;
    font-weight:bold;
    color:#777;
    cursor: default;
    border-left:3px solid red;
}

.button-search-mag {
    margin-left: -50px;
    margin-top: 7px;
    width: 30px;
    height: 16px;
    display: inline-block;
    background: url("../images/icon-search.png") no-repeat center 0px;
    cursor: pointer;
}

span.search {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url("../images/icons/search.svg") no-repeat center 0px;
    cursor: pointer;
    margin-left: 9px;
    float: right;
}
.icon-task-complete + span {text-decoration:line-through}

.icon-notes{
    background: url(../images/icon-notes.png) no-repeat 0px 0px;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    display: inline-block;

}

.overlayed label {
    color:white;
}

.icon-hamburger{
    background: url(../images/icons/hamburger.svg) no-repeat center 0px;
    width: 25px;
    height: 18px;
    display: inline-block;
    cursor: pointer;
}

.icon-hamburger.not{
    display:none;
}

.icon-title-settings {
    background: url(../images/icon-dashboard-settings.png) no-repeat center -67px;
    width: 55px;
    height: 37px;
    display: inline-block;
    cursor: pointer;
    background-size: 90%;
    margin-top: 8px;
}

#file-library-menu, .popup-menu {
    position: absolute;
}
#file-library-menu ul, .popup-menu ul, #training-certs-menu ul, #competency-menu ul {
    width: 180px;
    max-height: none;
    overflow: hidden;
}
#userMenu.popup-menu ul {
    width: 220px;
}

#userMenu.popup-menu a {
    width: 200px;
    background-position: 180px 0;
}

#userMenu.popup-menu a.button-table-edit:hover {
    background-position: 180px -52px;
}

#userMenu.popup-menu a.button-table-expire:hover {
    background-position: 180px -52px;
}

#userMenu.popup-menu a.button-table-undodelete:hover {
    background-position: 180px -52px;
}

#file-library-menu li.file-menu, #monthly-grazing-invoice-menu li.invoice-action {
    border: none;
    padding: 5px 0 0 5px;
}
#file-library-menu li.file-menu:hover, #file-library-menu li.file-menu a:hover, #monthly-grazing-invoice-menu li.invoice-action:hover, #monthly-grazing-invoice-menu li.invoice-action a:hover, , .popup-menu li.plan-menu a:hover {
                                                                                                                                                                                                      background-color: var(--Primary-700);
                                                                                                                                                                                                  }
#file-library-menu li.file-action, #monthly-grazing-invoice-menu li.invoice-action {
    background-color: black;
}
#file-library-menu li.file-action a, #monthly-grazing-invoice-menu li.invoice-action a  {
    color: white;
}

#file-library-menu li.file-in-activity a {
    color: black;
}

#monthly-grazing-invoice-menu {
    position: absolute;
}
#monthly-grazing-invoice-menu ul {
    width: 150px;
    max-height: none;
    overflow: hidden;
}
#monthly-grazing-invoice-menu li a {
    background-repeat: no-repeat;
    background-position: 150px;
    padding: 0 0 3px 2px;
}

span.file-library-menu a, span.monthly-grazing-invoice-trigger a {
    display: inline-block;
    width: 17px;
    height: 17px;
    cursor: pointer;
    text-decoration: none;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 14px;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

span.file-library-menu a:before, span.monthly-grazing-invoice-trigger a:before, .icon-action:before {
    content: "\e90e";
    color: var(--Mono-800);
}

#file-library-menu li a {
    background-repeat: no-repeat;
    background-position: 150px;
    padding: 0 0 3px 2px;
}
#file-library-menu li.file-menu-divider {
    margin: 0 0 0 0;
}

.file-action-export {
    background-image: url(../images/icon-export-file.png);
}
.file-action-delete {
    background-image: url(../images/icon-white-delete.png);
}
.file-action-view {
    background-image: url(../images/icon-white-tag.png);
}
.file-action-edit {
    background: url(../images/icon-table-edit.png), 0, -22px;
}
.file-action-calendar {
    background-image: url(../images/icon-view-calendar.png);
}
.doc-action-export {
    background-image: url(../images/icon-export-file.png);
}
.doc-action-view {
    background-image: url(../images/icon-view-white.png);
}

#favourite-trait-select ul {
    width: 130px;
    max-height: none;
    overflow: hidden;
}
#favourite-trait-select li.action-menu {
    border: none;
    padding: 5px 0 0 5px;
}
#favourite-trait-select li.action-menu:hover, #favourite-trait-select li.action-menu a:hover {
    background-color: var(--Primary-700);
}
#favourite-trait-select li.select-action {
    background-color: black;
}
#favourite-trait-select li.select-action a  {
    color: white;
}

span.favourite-trait-select a {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(../images/icon-action.png) no-repeat;
    cursor: pointer;
}

#favourite-trait-select li a {
    background-repeat: no-repeat;
    background-position: 95px;
    padding: 0 0 3px 2px;
}

#favourite-trait-select {
    position: absolute;
}

.trait-action-edit {
    background-image: url(../images/icon-table-edit.png);
}
.trait-action-copy {
    background-image: url(../images/icon-table-clone.png);
}
.trait-action-delete {
    background-image: url(../images/icon-table-delete.png);
}

.weather-rain {
    background: url(../images/weather/rain.svg) no-repeat;
}

.weather-rain {
    background: url(../images/weather/rain.svg) no-repeat;
}
.weather-wind {
    background: url(../images/weather/wind.svg) no-repeat;
}
.weather-storm {
    background: url(../images/weather/storm.svg) no-repeat;
}
.weather-snow {
    background: url(../images/weather/snow.svg) no-repeat;
}
.weather-sleet {
    background: url(../images/weather/sleet.svg) no-repeat;
}
.weather-partly-cloudy-night {
    background: url(../images/weather/partly-cloudy-night.svg) no-repeat;
}
.weather-partly-cloudy-day {
    background: url(../images/weather/partly-cloudy-day.svg) no-repeat;
}
.weather-fog {
    background: url(../images/weather/fog.svg) no-repeat;
}
.weather-cloudy {
    background: url(../images/weather/cloudy.svg) no-repeat;
}
.weather-clear-night {
    background: url(../images/weather/clear-night.svg) no-repeat;
}
.weather-clear-day {
    background: url(../images/weather/clear-day.svg) no-repeat;
}

.add-stock-mode-selector {
}

.add-stock-mode-selector-choosen {
    padding-bottom: 0px;
}

.planIcons.Animal {

    background: url(../images/icons-nav-menu-white2.png);
    width: 590px;
    height: 174px;
    background-size: 590px 174px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position:-42px -2px;
}

.planIcons.Land {

    background: url(../images/icons-nav-menu-white2.png);
    width: 590px;
    height: 174px;
    background-size: 590px 174px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position:-234px -124px;
}

.planIcons.Other {
    background: url(../images/icons-nav-menu-white2.png);
    width: 590px;
    height: 174px;
    background-size: 590px 174px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position:-234px -64px;
}

.planIcons.Mixed {
    background: url(../images/icons-nav-menu-white2.png);
    width: 590px;
    height: 174px;
    background-size: 590px 174px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position:-234px -64px;
}

table[data-stock-traits-table].grid tfoot a {
    display: inline-block;
}

table[data-stock-traits-table].grid tfoot td {
    text-align: center;
    background-color: inherit;
    border-bottom: 1px solid #ccc;
}

.weatherButton {
    z-index: 10000;
    position: absolute;
    background: url(../images/icon-weather.png) no-repeat 50% 0;
    top: 180px;
    right: 10px;
    width: 76px;
    height: 76px;
}

.popup .button-bar  {
    text-align:center;
    padding:5px 0 20px 0;
}

.popup .button {
    display:inline-block;
    color:#fff;
    padding: 3px 15px;
    border-radius:12px;
    border:1px solid #000;
    margin:10px 5px 0 5px;
    min-width:100px;
}

.popup .button.save {
    background:-webkit-gradient(linear, left top, left bottom, from(var(--Primary-900)), to(var(--Primary-700)));
    background:-moz-linear-gradient(top, var(--Primary-900), var(--Primary-700));
    background:-ms-linear-gradient(top, var(--Primary-900), var(--Primary-700));
    box-shadow:
            0px 1px 3px rgba(53,57,61,1),
            inset 0px 1px 1px rgba(140,180,220,1);
}

.popup .button.save:active {
    background:-webkit-gradient(
            linear, left top, left bottom,
            from(var(--Primary-700)),
            to(var(--Primary-900)));
}

.popup .button.cancel {
    background:
            -webkit-gradient(
                    linear, left top, left bottom,
                    from(var(--System-error-700)),
                    to(var(--System-error-700)));
    box-shadow:
            0px 1px 3px rgba(53,57,61,1),
            inset 0px 1px 3px rgba(53,57,61,1);
}

.popup .button.cancel:active {
    background:-webkit-gradient(
            linear, left top, left bottom,
            from(var(--System-error-700)),
            to(var(--System-error-700)));
}


.avg-weight-hdr-row {
    padding-top: 25px;
    padding-bottom: 15px;
}

.avg-weight-type-row, .dam-stock-class-type-row {
    margin: 0 10px 15px 10px;
    border-bottom: 1px solid var(--Mono-300);
}

.avg-weight-row, .dam-stock-class-row {
    margin: 10px 10px 0 10px;
}
.avg-weight-row:FIRST-CHILD, .dam-stock-class-row:FIRST-CHILD {
    margin-top: 0px;
}

.avg-weight-total-box {
    width: 290px;
}

.avg-weight-total-box.with-carcass-weight {
    width: 400px;
}

.avg-weight-by-trait-box {
    width: 725px;
}

.hilite-box.avg-weight-by-trait-box, .hilite-box.avg-weight-total-box {
    padding: 15px 0 15px 0;
}

.avg-weight-by-trait-box.with-carcass-weight {
    width: 100%;
}

.avg-weight-row-cell, .dam-stock-class-row-cell {
    display: inline-block;
}

div[data-weight-type="total"] .avg-weight-row-cell {
    width: 117px;
}

div[data-dam-stock-class-type="total"] .dam-stock-class-row-cell, div[data-dam-stock-class-type="byTrait"] .dam-stock-class-row-cell:nth-child(3) {
    width: 200px;
}

div[data-weight-type="byTrait"] .avg-weight-row-cell, div[data-dam-stock-class-type="byTrait"] .dam-stock-class-row-cell {
    width: 105px;
}

div[data-weight-type="byTrait"] .avg-weight-row-cell:FIRST-CHILD, div[data-dam-stock-class-type="byTrait"] .dam-stock-class-row-cell:FIRST-CHILD {
    width: 60px;
    margin-left: 0px;
}

div[data-weight-type="byTrait"] .avg-weight-row-cell:nth-child(2), div[data-dam-stock-class-type="byTrait"] .dam-stock-class-row-cell:nth-child(2) {
    width: 400px;
}

.avg-weight-row-cell span, .avg-weight-row-cell span, .dam-stock-class-row-cell span {
    width: 30px;
    margin-left: 0px;
}

.avg-weight-row-cell.carcass-column-start {
    margin-left: 20px;
}

#animalWeightsForm div[data-animal-weight="mob"] .form-row {
    padding-top: 0px;
}

#animalWeightsForm .avg-weight-by-trait-box {
    width: 725px;
    background: var(--Mono-100);
    border: none;
}

#animalWeightsForm .avg-weight-total-box {
    width: 370px;
    background: var(--Mono-100);
    border: none;
}

.weight-event-cat-eid {
    float: left;
    width: 220px;
    padding: 20px 25px 25px;
    background-color: var(--Mono-100);
}

.weight-event-cat-non-eid {
    padding: 20px 6px 25px 25px;
    background-color:var(--Mono-100);
    border-bottom: 1px solid var(--Mono-300);
    margin: 0 10px 0 0;
}

.weight-event-cat-eid .weaning-date {
    margin-top:15px;
}

.logBook.mainWindow {
    overflow-y: auto;
    height: 540px;
    width: calc(100% - 400px);
    overflow-x: hidden;
    margin-right:0;
    padding-right:10px;
}

.dialog-content-wrapper .logBook.mainWindow {
    width:100%;
}

#diaryview .logBook.mainWindow {
    width: 575px;
    overflow-y: hidden;
    overflow-x: hidden;
    height: inherit;
}

.txt-right {
    margin-right:10px;
}

div.logBook strong {
    font-weight: 600;
}

.ui-multiselect-optgroup-label a {
    font-weight:600;
}

.mating-gender-heading {
    margin: 30px 0 -10px 20px;
}

.popup-section-header {
    background: var(--Primary-700);
    padding: 5px 0px;
    color: White;
    text-align: center;
    font-size: 1.17em;
}

.additional-data-section {
    overflow:hidden;
    margin-bottom:30px;
    padding-bottom: 20px;
    min-height: 30px;
}
.chart-additional-data {
    margin-right: 151px;
}

.additional-data-fields {
    float:left;
    width:290px;
    padding: 20px 25px 0 0;
}

.additional-data-event-date {
    width: 130px;
}

.additional-data-date {
    width: 110px;
}

.additional-data-time-of-day  {
    width: 120px;
}

.additional-data-time-of-day select {
    width: 124px;
}

.additional-data-fields .weaning-date {
    margin-top:15px;
}

.notes-section {
    padding:20px 0 10px;
    margin-top:50px;
    background-color: var(--Mono-100);
    border: 1px solid var(--Mono-200);
}

.border-top-section {
    border-top: 1px solid var(--Mono-200);
    padding-top:15px;
}

.weatherButton {
    z-index: 10000;
    position: absolute;
    background: url(../images/icon-weather.png) no-repeat 50% 0;
    top: 170px;
    right: 26px;
    width: 42px;
    height: 42px;
    background-size: 42px;
}

.animal-marking-launch {
    background-color: var(--System-success-500);
}

.animal-marking-launch-explanation {
    background-color: var(--System-success-050);
    border: 1px solid var(--Mono-300);
    border-top: none;
}

.animal-marking-launch-explanation span {
    font-size: 14px;
}

.topSection {
    padding:20px 15px;
    background:var(--Mono-050);
    border-bottom: 1px solid var(--Mono-300);
    vertical-align: top;
}



#feedBudgetForm .bottomSection {
    padding:20px 15px;
    border-bottom: 1px solid var(--Mono-300);
    vertical-align: top;
}

#feedBudgetForm .mainLabel {
    color: #444;
    font-weight:600;
}

.feedBudgetCell {
    display:inline-block;
    padding:5px;
}

#feedBudgetForm .contentArea {
    margin: 25px 25px 0;
    border: 1px solid var(--Mono-300);
    border-bottom: none;
}

#feedBudgetForm .contentAreaHeader {
    height:60px;
    background:var(--Primary-700);
    color:white;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 60px;
    padding-left:20px;
    margin: -1px -1px 0 -1px;
}

#feedBudgetForm .bottomHeading {
    font-size: 20px;
    color: var(--Primary-800);
    padding-bottom:30px;
}

#feedBudgetForm .bottomSection {
    padding: 20px 15px;
    border: 1px solid var(--Mono-300);
    border-top: none;
    vertical-align: top;
    margin: 0 25px;
}

#feedBudgetForm .bottomHeading span {
    font-size: 12px;
    color:var(--Primary-700);
    padding-left:20px;
}

#feedBudgetForm .contentAreaHeader span {
    display: inline-block;
    margin-right:10px;
}

#feedBudgetForm .contentAreaHeader .disabledCell {
    color:var(--Blue-050);
}

#feedBudgetForm .animalRow {
    margin-top:-30px;
}



input[type="radio"].no-module {
    pointer-events: none;
}

input[type="radio"].no-module+label {
    pointer-events: none;
    color: var(--Mono-500);
    background-color: var(--White);
}

.add-stock-label-col {
    width: 265px;
    display: inline-block;
    position: relative;
    float: left;
    padding-top: 12px;
}

.add-stock-label-col span.optional-hdr {
    display: block;
    font-weight: normal;
}

.stock-location-attribute {
    width: 266px;
}

.farm-search-container {
    width: 250px;
}

.farm-search-container .grid-1-5 {
    margin: 20px 20px 20px 20px;
}

.farm-search-container .module-search {
    background: #f0f5f6;
    border:none;
    width:266px;
    margin-top: 12px;
    border: 1px solid var(--Mono-300);
    float: none;
    font-size:15px;
}

.farm-search-container .module-search .farm-summary  {
    float: none;
    margin: 11px 20px 15px 20px;
}

.tag-animals-hdr {
    background-color: var(--Primary-050);
    padding: 0 0 0 15px;
    color: black;
    font-weight: bold;
    line-height: 14px;
    height: 70px;
    width: 918px;
    border: 1px solid var(--Mono-300);
}

.tag-animals-hdr div {
    display: inline-block;
    padding-top: 17px;
}

div.tag-animals-tags-hdr {
    width: 427px;
}

div.tag-animals-traits-hdr {
    width: 422px;
}
div.tag-animals-link-hdr {
    width: 50px;
}

.tag-animals-taits-section {
    border: 1px solid var(--Mono-300);
    margin-top: -25px;
    margin-bottom: 25px;
    padding: 0 0 0 15px;
    min-height: 35px;
    background-color: white;
    width: 918px;
}

.tags-animals-trait-row div {
    display: inline-block;
    width: 457px;
}

div.tags-animals-tags-cell {
    width: 427px;
    vertical-align: top;
}

div.tags-animals-traits-cell {
    width: 470px;
}

div.tags-animals-traits-cell select {
    width: 411px;
}

.tag-animals-taits-section span {
    background :var(--System-success-050);
    border:1px solid var(--Mono-300);
    width: 40px;
    padding: 5px 0px 5px 10px;
    display: inline-block;
    text-align: left;
    font-weight: bold;
    margin-right: 10px;
}

.tag-animals-taits-section div.error span {
    background :var(--White);
    border: none;
    width: 100%;
}

.tags-animals-trait-row {
    padding-top: 10px;
}

.tags-animals-trait-row:first-child {
    padding-top: 20px;
}
.tags-animals-trait-row:last-child {
    padding-bottom: 20px;
}

.tag-animals-summary {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-left: 98px;
    background: var(--System-warning-050);
    width: 700px;
    border: 1px solid var(--Mono-300);
    border-bottom: none;
}

.tag-animals-summary div {
    padding-bottom: 4px;
    text-align: center;
}

.tag-animals-summary div:last-child {
    padding-bottom: 0px;
}

div.tags-unlinked {
    background-image: url(../images/icon-eidlinked-no.png);
    background-size: 71%;
    background-repeat: no-repeat;
    width: 40px;
    height: 28px;
    vertical-align: bottom;
}

span.tasks-linked {
    background-image: url(../images/icon-task-linked-to-event.png);
    background-size: 75%;
    background-repeat: no-repeat;
    width: 20px;
    vertical-align: bottom;
}
.task-incomplete span.tasks-linked, .task-overdue span.tasks-linked {
    background-position-y: -16px;
}

.complete-cell.task-complete span {
    color: var(--System-success-500);
}

.complete-cell span.task-category {
    max-width: 430px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.tags-linked {
    background-image: url(../images/icon-eidlinked-yes.png);
    background-size: 71%;
    background-repeat: no-repeat;
    width: 40px;
    height: 28px;
    vertical-align: bottom;
}

#createTask .createTaskHeader,#editTask .createTaskHeader {
    background: var(--Primary-700);
    line-height:50px;
    font-size:14px;
    font-weight:bold;
    color:white;
    padding-left:10px;
    padding-right:10px;
}
.ui-multiselect {
    padding: 5px 0 5px 7px;
    text-align: left;
    background: var(--White) !important;
    border: 1px solid var(--Mono-300) !important;
    border-radius: 5px;
    height: 26px;
}

.ui-multiselect span:nth-child(2) {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 82%;
    display: inline-block;
}

[data-selector] td {
    border-radius: 0 !important;
}


.ui-multiselect-header {
    margin-bottom: 3px;
    padding: 7px 7px 6px;
    margin: 5px 5px 10px;
}

a.ui-multiselect-all {
    display: block;
    margin-bottom: 5px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
    position: relative;
}

.ui-multiselect-header ul li {
    float: inherit;
}

.ui-multiselect-header li.ui-multiselect-close {
    position: absolute;
    top: -2px;
    right: -2px;
    float: inherit;
    text-align: inherit;
    padding: inherit;
    z-index: 10000;
}

.ui-multiselect-menu {
    /* multiselect is now placed below button in dom, so need !important otherwise it inherits styles*/
    display: none;
    padding: 3px 3px 12px;
    position: absolute;
    z-index: 10000;
    border: 1px solid var(--Mono-300) !important;
    box-shadow: 1px 1px 7px 2px var(--Mono-300);
}

.ui-multiselect-checkboxes {
    position: relative /* fixes bug in IE6/7 */;
    overflow-y: auto;
    padding-left: 5px;
}


.ui-multiselect-filter {
    float: left;
    margin-right: 10px;
    font-size: 11px;
    color: var(--Mono-900);
    width: 100%;
    z-index: 10000;
    position: relative;
}

.ui-multiselect-hasfilter ul {
    position: relative;
    top: 0px;
}

.ui-multiselect-filter input {
    width: 85%;
    font-size: 10px;
    margin-left: 0;
    margin-bottom: 10px;
    margin-top: 3px;
    padding: 2px;
    border: 1px solid #ccc;
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    height: 26px;
}

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
    text-align:inherit;
    margin-top: 15px;
    padding-bottom: 5px;
    border:none
}

li.ui-multiselect-optgroup-label:first-child {
    margin-top: 0;
}

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
    display: block;
    padding: 3px;
    margin: 0;
    text-decoration: underline;
    font-size: 12px;
}

.ui-multiselect-header .ui-icon-check {
    background-position: -64px -146px;
}

.ui-multiselect-header .ui-icon-closethick {
    background-position: -81px -129px;
}

.password-section {
    border: 1px solid var(--Mono-300);
    background: url(../images/icon-lock.png) no-repeat calc(100% - 10px) 10px;
}

.search-dialog-results {
    border: 1px solid var(--Mono-300);
    height: 310px;
    padding: 0px 10px;
    overflow: auto;
}

.file-drop-target {
    border: 2px dashed var(--Mono-300);
    width: 470px;
    margin-left: 24px;
}

#loadEidFilesDlg, #loadDocumentDlg {
    margin: 5px;
}

#loadEidFilesDlg div, #loadDocumentDlg div {
    pointer-events: none;
}

#loadEidFilesDlg.file-drag a, #loadDocumentDlg.file-drag a {
    pointer-events: none;
}

#loadEidFilesDlg a, #loadDocumentDlg a {
    pointer-events: auto;
}

#loadDocumentDlg select {
    pointer-events: auto;
}

#loadEidFilesDlg.file-drag span, #loadDocumentDlg.file-drag span {
    pointer-events: none;
}

#loadEidFilesDlg span, #loadDocumentDlg span {
    pointer-events: auto;
}

#loadEidFilesDlg.file-drag, #loadDocumentDlg.file-drag {
    border: 2px dashed var(--Mono-300);
    margin: 3px;
    z-index 2;
    opacity: 0.45;
}

.file-drop-text {
    text-align: center;
    padding: 7px 0 0 0;
    font-size: 17px;
    font-weight: bolder;
    color: var(--Mono-500);
}

.file-load-button {
    text-align: center;
    padding: 7px 0 13px 0;
}

.eid-file-loaded {
    display: inline-block;
    padding-top: 13px;
    font-weight: bold;
    width: 448px;
    margin-left: 24px;
}

.eid-file-loaded .ui-progressbar {
    height: 5px;
    margin-top: 4px;
}

.load-invalid .progress-bar {
    background: red !important;
}

#menu-primary li:first-child a {
    margin-left: -15px;
    padding-left: 30px;
}

div.you-are-offline + #menu-primary li:first-child a {
    padding-left: 12px;
    margin-left: -1px;
}

.task-calendar {
    width: 920px;
    margin: 20px auto 30px;
}

.line-label {
    position: relative;
    transform: translateY(100%);
}

.hide-calendar .ui-datepicker-calendar {
    display: none;
}
.hide-calendar .ui-datepicker {
    margin: 0 auto;
}

.task-assignees {
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid var(--Mono-200);
    padding: 4px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.task-responsibility {
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid var(--Mono-200);
    padding: 4px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    height: 19px;
    line-height: 19px;
}

.task-date-summary {
    border: 1px solid var(--Mono-200);
    padding: 4px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.task-category-display {
    padding: 4px;
    vertical-align: top;
    border-radius: 4px;
}

.icon-cog-calendar {
    background: url(../images/calendar/icon-cog.svg) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

.icon-font-refresh-calendar{
    background: url(../images/calendar/icon-refresh.svg) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

.icon-font-refresh-calendar:hover {
    background: url(../images/calendar/icon-refresh-hover.svg) no-repeat;
}

.icon-cog-calendar:hover {
    background: url(../images/calendar/icon-cog-hover.svg) no-repeat;
}

.icon-font-refresh-calendar:hover, .icon-cog-calendar:hover {
    cursor: pointer;
}

.text-category-display-diary {
    vertical-align: top;
    border-radius: 4px;
    background: var(--White);
    border: 1px solid var(--Mono-200);
    padding: 1px 6px 3px 6px;
    width: fit-content;
    margin-top: 8px;
}

.stock-type-wrapper {
    margin-top: 2px;
}

.icon-cog-calendar {
    background: url(../images/calendar/icon-cog.svg) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

.icon-font-refresh-calendar{
    background: url(../images/calendar/icon-refresh.svg) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

.icon-font-refresh-calendar:hover {
    background: url(../images/calendar/icon-refresh-hover.svg) no-repeat;
}

.icon-cog-calendar:hover {
    background: url(../images/calendar/icon-cog-hover.svg) no-repeat;
}

.icon-font-refresh-calendar:hover, .icon-cog-calendar:hover {
    cursor: pointer;
}

.text-category-display-diary {
    vertical-align: top;
    border-radius: 4px;
    background: var(--White);
    border: 1px solid var(--Mono-200);
    padding: 1px 6px 3px 6px;
    width: fit-content;
    margin-top: 8px;
}

.stock-type-wrapper {
    margin-top: 2px;
}

.task-category-display.task-category-label {
    margin: 0;
    margin-right: 10px;
    margin-bottom: 3px;
    padding: 5px;
    height: 17px;
}


.task-assigned-display-diary {
    vertical-align: top;
    border-radius: 4px;
    padding: 1px 6px 3px 6px;
    width: fit-content;
    margin-top: 8px;
}

.diary-tag-icon {
    background: url(../images/icons/tag.svg) no-repeat;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: sub;
}

.sideLeftItem {
    cursor: pointer;
}

.fc-week .event-text {
    margin-left: 4px;
}

.event-text {
    font-size: 12px;
    line-height: 16px;
}

/** for all tr children under a parent with removeAllRadiusFromChildren class, remove border-radius */
.removeAllRadiusFromChildren tr td:last-child, .removeAllRadiusFromChildren tr td:first-child {
    border-radius: 0 !important;
}

.task-date-summary.overdue {
    color: var(--System-error-700);
}

.task-main-info.deleted, .task-main-info.deleted .task-date-summary.overdue, .task-details.deleted, .task-checklist-container.deleted, .task-checklist-container.deleted textarea {
    color: var(--Mono-500);
}

.vid-results {
    background: var(--Primary-050);
    border: 1px solid var(--Mono-300);
    padding: 10px 10px 10px 10px;
    margin-top: 20px;
    overflow: auto;
}

.vid-results:first-child {
    margin-top: 0px;
}

.vid-results-heading {
    background: var(--Primary-050);
    font-size: 14px;
    font-weight: bold;
    overflow: auto;
}

.vid-results-heading .tbl-expander {
    text-indent: 3px;
    width: 642px;
    padding: 5px 0 5px 10px;
}

.vid-results-heading select[data-supports-qtys="true"] {
}

.vid-results-heading .expand-tbl-row {
    background: url("../images/expand-arrow-header.png") no-repeat 0px 10px;
    cursor: pointer;
}

.vid-results-heading .expand-tbl-row-expanded {
    background: url("../images/expand-arrow-header.png") no-repeat 0px -43px;
    cursor: pointer;
}

#alertPanel {
    z-index:10000000;
    position:absolute;
    top:50px;
}

.systemAlert {
    width:600px;
    color:var(--Mono-900) !important;
    font-weight:bold;
    background:var(--System-error-700);
    padding:10px;
    margin-bottom:10px;
    border: 1px solid var(--Mono-900);
    border-radius:5px;
}

.readMoreButton {
    text-align: center;
    min-width: 60px;
    font-size: 12px;
    padding: 8px 26px 8px;
    line-height:50px;
}

.readMoreButton:hover {
    text-decoration:none;
}

a.confirmMessage:hover {
    text-decoration:none;
}

.systemAlert::after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

.systemAlert div a.button {
    border: 1px solid var(--Mono-900);
    color:var(--Mono-900);
}
.systemAlert div a.button:hover {
    border: 1px solid var(--Mono-900);
    color:var(--System-error-700);
}

.systemAlert p {
    color:var(--Mono-900);
    margin-bottom: 4px;
}

td.message_alert {
    background: url(../images/icon-kpi-notmet.png) no-repeat center;
}

.chevronCell {
    background: white !important;
    border: none !important;
}
.chevronCell span {
    background: url(../images/arrw-draft-trait-column.png) no-repeat 0 0;
    display: inline-block;
    width: 20px;
    height: 10px;
    margin-left: 27px;
}

a.tableRemoveLink {
    display: inline-block;
    background: url(../images/icon-table-delete.png) no-repeat 0 0;
    text-indent: -5000px;
    margin-left: 10px;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    margin-top: 3px;
}

a.tableEditLink {
    display: inline-block;
    background: url(../images/icon-table-edit.png) no-repeat 0 0;
    text-indent: -5000px;
    margin-left: 10px;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    margin-top: 3px;
}

a.tableEditLink:hover, a.tableRemoveLink:hover {
    background-position: 0 -52px;
}
.smallIconsHolder {
    width:18px;
    height:18px;
}
.smallIcons {
    background: url('../images/icons-nav-menu-white.png');
    width: 295px;
    height: 87px;
    background-size: 295px 87px;
    display:inline-block;
    background-repeat: no-repeat;
    background-position: -69px -1px;
}

.mediumIconsHolder {
    width:36px;
    height:36px;
}
.mediumIcons {
    background: url('../images/icons-nav-menu-white2.png');
    width: 590px;
    height: 174px;
    background-size: 590px 174px;
    display:inline-block;
    background-repeat: no-repeat;
    background-position: -69px -1px;
}

.changeDateNegative {
    background: var(--System-error-700);
    color: white;
    padding: 2px;
    font-weight: bold;
    margin:2px;
    font-size: 10px;
}

.changeDateNegative:visited {
    color: white;
}
.changeDateNegative:hover {
    text-decoration:none;
}
.changeDatePositive {
    background: var(--System-success-700);
    color: white;
    padding: 2px;
    font-weight: bold;
    margin:2px;
    font-size: 10px;
}

.changeDatePositive:visited {
    color: white;
}
.changeDatePositive:hover {
    text-decoration:none;
}

div.tag-cal-link {
    width: 112px;
}

.tag-count {
    margin-right: 20px;
}

.count-missmatch {
    background: var(--System-warning-050);
    border: 1px solid var(--Mono-300);
}

.missmatch-tag-details {
    display: inline-block;
}

.missmatch-tag-details .eid-file-warning {
    display: block;
}

.missmatch-tag-details .inspect-tags {
    margin: 9px 0 0 0;
}

#custom-features-name {
    width: 135px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

#custom-feature-title {
    width: 274px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    margin-bottom: -3px;
}

.list-name {
    width: 134px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    margin-left: 0 !important;
}

.pin1 {
    width: 26px;
    height: 42px;
    background: url("../images/icon-noticeboard-pin.png") no-repeat 50% 100%;
    display: inline-block;
    background-size: 27px 90px;
}

.gear {
    width: 17px;
    height: 17px;
    background: url("../images/gears.svg") no-repeat;
    display: inline-block;
    background-size: 17px;
    margin-right: 10px;
    margin-top:4px;
}


.dairygear {
    width: 17px;
    height: 17px;
    background: url("../images/gears.svg") no-repeat;
    display: inline-block;
    background-size: 17px;
    margin-right: 10px;
    margin-top:4px;
}

.pin1:hover {
    color:red;
}

.pin1.selected {
    width: 26px;
    height: 42px;
    background: url("../images/icon-noticeboard-pin.png") no-repeat  50% 0px;
    display: inline-block;
    background-size: 27px 90px;
}

.note-entered {
    width: 14px;
    height: 14px;
    background: url("../images/icon-notes2.png") no-repeat 50% -4px;
    display: inline-block;
    background-size: 20px 110px;
    position: relative;
    top: 3px;
}

.note-entered:hover {
    width: 14px;
    height: 14px;
    background: url("../images/icon-notes2.png") no-repeat 50% -92px;
    display: inline-block;
    background-size: 20px 110px;
    position: relative;
    top: 3px;
}

.note-entered.selected {
    width: 14px;
    height: 14px;
    background: url("../images/icon-notes2.png") no-repeat 50% 50%;
    display: inline-block;
    background-size: 20px 110px;
    position: relative;
    top: 3px;
}



.pin2.selected {
    width: 16px !important;
    height: 16px !important;
    background-size: 16px 70px !important;
    background: url("../images/icon-noticeboard-pin.png") no-repeat 50% 100%;
    display: inline-block;
}

.pin2 {
    width: 16px !important;
    height: 16px !important;
    background: url("../images/icon-noticeboard-pin.png") no-repeat 50% 0px;
    display: inline-block;
    background-size: 16px 70px !important;
}

.curved-arrow {
    width: 30px !important;
    height: 16px !important;
    background: url("../images/arrow-loop.png") no-repeat;
    display: inline-block;
    background-size: 25px 16px !important;
}

.pin2:hover {
    width: 16px !important;
    height: 16px !important;
    background: url("../images/icon-noticeboard-pin.png") no-repeat 50% -25px;
    /* display: inline-block; */
    background-size: 16px 70px !important;
}

.messageCount {
    position: relative;
    margin-left: -5px;
    padding-right: 26px;
}

.messageCount span {
    display: inline-block;
    text-align: center;
    background-color: var(--System-error-700);
    color: white;
    font-weight: 600;
    font-size: 10px;
    width: 19px;
    border-radius: 15px;
    position: absolute;
    top: -11px;
    left: 31px;
    height: 19px;
    line-height: 19px;
}

.arrow {
    width: 0;
    height: 0;
    border-style: solid;
    margin-left:4px;
    display: inline-block;
    border-width: 4px 0 4px 8px;
    border-color: transparent transparent transparent #666;
    vertical-align: top;
    margin-top: 5px;
}

.arrow.openArrow {
    border-width: 8px 4px 0 4px;
    border-color: #666 transparent transparent transparent;
}

.arrowWhite,.arrowBlack {
    width: 0;
    height: 0;
    border-style: solid;
    margin-left:4px;
    display: inline-block;
    border-width: 4px 0 4px 8px;
    border-color: transparent transparent transparent white;
    vertical-align: top;
    margin-top: 5px;
    margin-right:1em;
    cursor:pointer;
}

.arrowBlack {
    border-color: transparent transparent transparent var(--Mono-900);
}

.arrowWhite.openArrow{
    border-width: 8px 4px 0 4px;
    border-color: white transparent transparent transparent;
}
.arrowBlack.openArrow {
    border-width: 8px 4px 0 4px;
    border-color: var(--Mono-900) transparent transparent transparent;
}
.form-row.tiled-form-row {
    margin: 0 10px;
    background:var(--Mono-100);
    border: 1px solid var(--Mono-300);
    border-bottom:none;
    padding:10px;
    border-collapse: collapse;
}

.form-row.tiled-form-row.last {
    border-bottom: 1px solid var(--Mono-300);
}


.dashboard-print-button {
    right: 60px;
    top: 6px;
    position: absolute;
    width: 36px;
    height: 36px;
    background: url("../images/icon-dashboard-print.png") no-repeat 50% 0;
    background-size: 100% 87px;
}


.dashboard-print-button:hover {
    background-position-y: -54px;
}

.inlineField label {
    display: inline-block;
    color: white;
    background: var(--Primary-700);
    border: 1px solid var(--Primary-700);
    font-weight: bold;
    padding: 6px 8px;
    vertical-align: top;
}

.inlineField {
    display: inline-block;
    padding-left: 15px;
    vertical-align: middle;
}



.inlineField .error {
    width: 110px;
}

.inlineField input {
    display:inline-block;
    margin-left: -4px;
    width:90px;
}

.help-icon {
    float: right;
    background-image: url("../images/icon-widget-info.png");
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    background-size: 60px;
}
.help-icon-close-img:hover {
    background-position: 0 -36px;
}
.help-icon-close-img {
    background-position: 0 0px;
}
.help-icon-help-img:hover {
    background-position: -36px -36px;
}
.help-icon-help-img {
    background-position: -36px 0px;
}
.help-text h1 {
    color: var(--Primary-700);
}
.help-text {
    padding: 20px 25px 20px;
    margin: -20px -20px 30px -20px;
    border-bottom: 1px solid var(--Mono-300);
    background-color: var(--White);
}

.help-text ul {
    margin-left: 20px;
}
.help-text > * {
    padding-top: 6px;
}

.help-text-title {
    color: var(--Primary-800);
    padding-bottom: 2px;
}

.context-sensitive-popup {
    border: 1px solid #AAA;
    width: 100px;
    background: white;
    list-style-type: none;
    border-radius: 5px;
}
.context-sensitive-popup li {
    padding:6px;

}
.context-sensitive-popup li:hover {
    background: var(--Primary-700);
    color:white;
}

.context-sensitive-popup a {
    text-decoration:none;
    font-weight:bold;
    color:var(--Primary-700);
    width: 90px;
    display: inline-block;
}

.context-sensitive-popup a:hover {
    color: var(--White);
}

.totalsBox {
    width: 80px;
    border-top: 1px solid var(--Mono-300) !important;
    border-bottom: 1px solid var(--Mono-300) !important;
    background: var(--System-success-050) !important;;
}

.totalsCell {
    width: 120px;
    background: var(--Primary-050);
}

.nait-controls-info {
    width: 238px;
    display: inline-block;
}
.nait-controls {
    display: inline-block;
    vertical-align: top;
    margin-left: 19px;
}
.add-nait-tags-hdr {
    width: 759px;
    height: 65px;
    margin-bottom: 10px;
}
.inventory-box {
    background: var(--System-success-050);
    border: 1px solid var(--Mono-300);
    width: 490px;
    padding: 5px 5px;
    margin-bottom: 5px;
}

.inventory-box .inv-cell {
    display:inline-block;
    width:121px;

}

.select-menu li a {
    display: block;
    float: right;
    height: 15px;
    width: 7px;
    background: url(../images/arrow-list-nxt.png) no-repeat;
    color: var(--Mono-900);
    text-decoration: none;
}

.select-menu li:hover {
    background-color: var(--Primary-900);
}

.select-menu li:hover a {
    background: url(../images/arrow-list-nxt.png) no-repeat 0px -17px;
    color: #fff;
}


.remove-inventory-details textarea {
    padding:10px;
    width: 425px;
    height: 55px;
    resize: none;
}

.season-view-preference {
    border: 1px solid var(--Mono-300);
    margin: 20px 23px 1px 20px;
    height: 60px;
    padding: 15px 0 0px 15px;
    font-size: 13px;
}

.season-view-preference span {
    font-weight: bold;
    padding-right: 50px;
}

.season-view-preference label {
    padding-right: 10px;
}

.general-details-missing {
    padding: 36px;
    font-size: 13px;
}

.no-data, .noresult {
    font-size: 16px;
    padding: 20px 0 20px 0;
    align-content: center;
    text-align: center;
    border-left: 1px solid var(--Mono-300);
    border-right: 1px solid var(--Mono-300);
    border-bottom: 1px solid var(--Mono-300);
}

#retagAnimalForm .search-tabs .ui-tabs {
    border: none;
}


#paddockHistoryTable {
    padding-bottom: 0;
    border-radius: 0;
    border: none;
    margin: 0 -20px;
}

#paddockHistoryTable {
    padding:0;
}

#paddockHistoryTable .ui-tabs-nav {
    padding: 20px 35px 0;
    border-top: 1px solid var(--Mono-300);
    border-radius: 0;
}

#paddockHistoryTable .ui-tabs-panel {
    padding:15px 0 0;
}


#paddockHistoryTable.form-row:last-child .grid tbody tr td:first-child,
#paddockHistoryTable.form-row:last-child .stripes td:first-child {
    border-left:none;
}

#paddockHistoryTable.form-row:last-child .grid tbody tr td:last-child,
#paddockHistoryTable.form-row:last-child .stripes td:last-child {
    border-right:none;
}

#paddockHistoryTable .chart-label {
    background: var(--Primary-050);
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 14px 0px;
    margin: -1px -1px 0 -1px;
}

#paddockHistoryTable .chart-grid {
    display: inline-block;
    min-height: 1px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    width: 900px;
}

.inventory-holder {
    border: 1px solid var(--Mono-300);
    border-top: none;
    border-bottom: none;
    padding: 15px 0 10px;
    background: var(--Mono-100);
    border-bottom: 5px solid #999 !important;
}

#landapplicationactivity .inventory-holder, #animal-feed-page .inventory-holder {
    border: none;
    background: white;
    border-bottom: none !important;
}


#finishRecordTreatments:hover, #submitLandApplication:hover, #submitLandApplication:hover, #finishRetagAnimal:hover, #finishPaddockMoveAnimal:hover, .form-action-buttons-primary.div-cell > .button.button-commit:hover, .task-save:hover, .task-did-not-complete:hover, .task-save-and-complete:hover  {
    background: var(--Primary-900);
    color: white;
}

.mapPrintSelection {
    background-color: white;
    opacity: 0.50;
    filter: alpha(opacity=50);
}

.grid tfoot td.total-row-cell, .grid tfoot td.total-row-placeholder {
    border-top: 1px solid var(--Mono-200) !important;
}

.grid tfoot td.total-row-placeholder {
    border: none;
}

.displayMode {
    width: 98%; /*Needs this or it will get cutoff*/
}


.report-results-heading {
    background: var(--Mono-100);
    font-size: 16px;
    padding: 20px;
    border-bottom: 1px solid var(--Mono-300);
}

.hamburger-criteria {
    background: var(--Mono-050);
}

.hamburger-criteria label, .hamburger-criteria .sub-form-heading {
    color: var(--Mono-900);
}

.hamburger-criteria .description-report {
    background: var(--Mono-050);
    color: var(--Mono-900);
}

a.copy-right {
    background: url(../images/copy-arrow.png) no-repeat 0 -1px;
    width: 15px;
    height: 31px;
    display: inline-block;
    cursor: pointer;
    margin: 0px 0px 0px -3px;
    padding: 0;
    vertical-align: top;
}

.notes-heading {
    width:511px;
    display: inline-block;
}

.attachments-heading {
    width:200px;
    display: inline-block;
}

.notes-area {
    width: 532px;
    display: inline-block;
}

.notes-area textarea {
    padding:10px;
    width: 460px;
    height: 90px;
    margin-left:20px;
    resize: none;
}

.attachments-area {
    width: 425px;
    display: inline-block;
    vertical-align: top;
}

.attachment-loaded {
    display: inline-block;
    padding-top: 13px;
    font-weight: bold;
    width: 354px;
}

#addEventDlg .attachment-loaded {
    width: 300px;
}

#createTask .notes-area, #editTask .notes-area {
    width: 351px;
}
#createTask .notes-area textarea, #editTask .notes-area textarea {
    margin-left: 0;
    width: 306px;
    height: 117px;
}
#createTask .attachments-area, #editTask .attachments-area {
    width: 338px;
}
#createTask .attachment-loaded, #editTask .attachment-loaded {
    width:254px;
}

#createTask [data-attachment-summaries="true"] a, #editTask [data-attachment-summaries="true"] a {
    padding: 0;
}

.attachment-loaded .ui-progressbar {
    height: 5px;
    margin-top: 4px;
}

.attachment-invalid .progress-bar {
    background: red !important;
}

.documents-loaded .attachment-loaded {
    width: 478px;
}

.preview-frame {
    width: 750px;
    height: 420px;
    border: none;
}

a.button-attachment-view {
    display: inline-block;
    text-indent: -5000px;
    margin-left: 10px;
    width: 16px;
    height: 16px;
    background: url(../images/icon-view.png) no-repeat 0 0;
}
a.button-attachment-view[disabled=disabled] {
    background: url(../images/icon-view.png) no-repeat 0 -23px
}
a.button-attachment-view:hover {
    background-position: 0 -52px;
}
a.button-attachment-download {
    display: inline-block;
    text-indent: -5000px;
    margin-left: 10px;
    width: 19px;
    height: 16px;
    background: url(../images/icon-download.png) no-repeat 0 0;
}
a.button-attachment-download[disabled=disabled] {
    background: url(../images/icon-download.png) no-repeat 0 -25px;
}
a.button-attachment-download:hover {
    background-position: 0 -52px;
}
a.attachment-button {
    margin-left: 3px;
}
.image-attachment {
    border: 1px solid black;
}
.cal-attachment {
    padding: 10px 5px 10px 5px;
    margin-bottom: 5px;
    background: var(--Mono-100);
    border-radius: 4px;
    font-size: 14px;
}
.cal-attachment:hover {
    background: var(--Primary-700);
    color: var(--White);
    font-weight: 900;
    cursor: pointer;

}
.cal-attachment .attachment-name {
    display: inline-block;
    width: 300px;
}

.arrow_box {
    position: absolute;
    background: var(--Primary-400);
    border: 4px solid var(--Primary-400);
    width:240px;
    padding:7px;
    z-index:1000;
}
.arrow_box:after, .arrow_box:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: var(--Primary-400);
    border-width: 30px;
    margin-top: -30px;
}
.arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: var(--Primary-400);
    border-width: 36px;
    margin-top: -36px;
}

#hazards-name {
    display: inline-block;
    width: 135px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.doc-lib-dialog .ui-dialog-title {
    background-image: url(../images/icon-hamburger-white.png);
    border-image-width: 20px;
    background-repeat: no-repeat;
    padding-left: 21px;
}

#attachFromLibrary .hamburger-criteria {
    background: var(--Mono-800);
}

button.tmp-reenabled {
    opacity: .35;
}

.doc-lib-activity-checkbox {
    margin-right: 3px;
    vertical-align: middle;
}

.tasks-ctrl, .external-access-ctrl {
    height: 16px;
    cursor: pointer;
    min-height: 29px;
    max-width: 65px;
    width: 65px;
    display: inline-block;
    margin-left: 50px;
}

#addEventDlg .tasks-ctrl {
    margin-left: -5px;
    margin-top: -5px;
}

.external-access-ctrl {
    margin-right: 0;
    float: right;
}

.tasks-on, .access-on {
    margin-top: 5px;
    background: url(../images/calendar/switch-on.svg) no-repeat 100%;
}

.tasks-off, .access-off {
    margin-top: 5px;
    background: url(../images/calendar/switch-off.svg) no-repeat 100%;
}

.tasks-ctrl[disabled=disabled] {
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
}

.task-completed {
    background: var(--Mono-100);
}
.cal-attachment {
    display: block;
}
.cal-attachment-print {
    display: none;
}

.select-pop-right-arrow {
    display: block;
    float: right;
    height: 15px;
    width: 7px;
    background: url(../images/arrow-list-nxt.png) no-repeat 0 3px;
    color: var(--Mono-900);
    text-decoration: none;
}

.select-pop-right-arrow-new {
    display: inline-block;
    float: none;
    height: 15px;
    width: 7px;
    background: url(../images/arrow-list-nxt.png) no-repeat 0 3px;
    color: var(--Mono-900);
    text-decoration: none;
    position: absolute;
}

.lwpDashboardMenu-event {
    display: block;
    background: url("../images/calendar/lwp-dashboard-menu.svg") no-repeat 0 0;
}

.pamuDashboardHeader-event {
    display: block;
    background: url("../images/calendar/pamu-dashboard-menu.svg") no-repeat 0 0;
}

.mirakaDashboardHeader-event {
    display: block;
    background: url(../images/calendar/miraka-dashboard-menu.svg) no-repeat 0 0;
}

/*Selected list view version*/
.listview-event.selected .lwpDashboardMenu-event {
    background: url("../images/calendar/lwp-dashboard-menu-selected.svg") no-repeat 0 0;
}

.listview-event.selected .pamuDashboardHeader-event {
    background: url("../images/calendar/pamu-dashboard-menu-selected.svg") no-repeat 0 0;
}

.listview-event.selected .mirakaDashboardHeader-event {
    background: url(../images/calendar/miraka-dashboard-menu-selected.svg) no-repeat 0 0;
}


.select-diary-homepage {
    background: url(../images/icon-select-diary.png);
    height: 67px;
    width: 68px;
}
.select-dashboard-homepage {
    background: url(../images/icon-select-dash.png);
    height: 67px;
    width: 68px;
}
.select-map-homepage {
    background: url(../images/icon-select-map.png);
    height: 67px;
    width: 68px;
}
.select-lwp-homepage {
    background: black url("../images/icon-nav-lwp.png") center no-repeat;
    height: 67px;
    width: 68px;
}

.select-miraka-homepage {
    background: #091f40 url(../images/miraka-homepage.png) center no-repeat;
    height: 67px;
    width: 68px;
    background-size: contain;
}

.select-pamu-homepage {
    background: #091f40 url(../images/pamu-dashboard-logo.png) center no-repeat;
    height: 67px;
    width: 68px;
    background-size: contain;
}

.select-horizon-homepage {
    background: #091f40 url(../images/icons/horizon-dashboard-icon.svg) center no-repeat;
    height: 67px;
    width: 68px;
    background-size: contain;
}

.select-test-team-homepage {
    background: #091f40 url(../images/logon-logo.png) center no-repeat;
    height: 67px;
    width: 68px;
    background-size: contain;
}

#evidencedashboard:hover, #requirementdashboard:hover {
    border: 1px solid white;
    border-radius: 4px;
    border-color: white;
    background-color: #251B94 !important;
}

.layer-extender-span {
    width: 14px;
    height: 16px;
    background: url("../images/expand-arrow-header.png") no-repeat 50% 1px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    position: relative;
    left: -2px;
    content:''
}

.layer-extender-span.open {
    background: url("../images/expand-arrow-header.png") no-repeat 50% -51px;
    content:''
}

.sideLeft {
    float:left;
    width:25%;
}

.sideRight {
    float:left;
    width:75%;
}

.sideRight>div {
    border-left:1px solid var(--Mono-300);
}



.sideLeftItem a {
    color:#555;
}

.sideLeftItem {
    height:50px;
    line-height: 50px;
    padding-left: 10px;
    font-weight:bold;
    background:var(--Mono-100);
}

.sideLeftItem:hover{
    background: var(--Mono-200);
}


.sideLeftItem.active {
    border-left:3px solid var(--Mono-200);
    padding-left: 7px;
    background:var(--Mono-200);
    color: var(--Black);
}

.sideLeftItem.active a {
    color: var(--Black);
}

div.graze-care-logo {
    background: url(../images/graze-care-logo.gif) no-repeat 0 2px;
    padding: 9px 0 0 47px;
    height: 34px;
}

div.landbase-logo {
    background: url(../images/landbase-logo-emblem.png) no-repeat 0 2px;
    padding: 9px 0 0 47px;
    height: 34px;
}

div.crv-logo {
    background: url(../images/crv/crvsquare.png) no-repeat 0 2px;
    padding: 9px 0 0 47px;
    height: 34px;
    background-size: 40px 40px;
}
.ttp-logo {
    background: url(../images/ttp/ttpsquare.png);
    padding: 9px 0 0 47px;
    height: 34px;
    background-size: 40px 40px;
    background-repeat: no-repeat;
}

.gwrc-logo {
    background: url(../images/gwrc/gwrc.png);
    padding: 9px 0 0 47px;
    height: 34px;
    background-size: 40px 40px;
    background-repeat: no-repeat;
}

div.farmlands-logo {
    background: url(../images/farmlands/farmlands-logo-emblem.png) no-repeat 0 2px;
    padding: 9px 0 0 47px;
    height: 34px;
    background-size: 40px 40px;
}

div.synlait-logo {
    background: url(../images/synlait/synlait-tiny.png) no-repeat 0 2px;
    padding: 9px 0 0 47px;
    height: 34px;
    background-size: 40px 40px;
}

div.springsheep-logo {
    background: url(../images/springsheep/squre.png) no-repeat 0 2px;
    padding: 9px 0 0 47px;
    height: 34px;
    background-size: 40px 40px;
}

div.firstlight-logo {
    background: url(../images/firstlight/square.png) no-repeat 0 2px;
    padding: 9px 0 0 47px;
    height: 34px;
    background-size: 40px 40px;
}

div.pgg-logo {
    background: url(../images/pgg/pgg.png) no-repeat 0 2px;
    padding: 9px 0 0 47px;
    height: 34px;
    background-size: 46px 31px;
}

div.jenquip-logo {
    background: url(../images/jenquip/jequip-square.png) no-repeat 0 2px;
    padding: 9px 0 0 47px;
    height: 34px;
}

div.publictrust-logo {
    background: url(../images/publictrust/public-trust-logo.jpg) no-repeat 0 0px;
    padding: 9px 0 0 47px;
    height: 40px;
    background-size: 40px 40px;
}

div.gff-logo {
    background: url(../images/gff/gff-logo.jpg) no-repeat 0 0px;
    padding: 9px 0 0 47px;
    height: 40px;
    background-size: 40px 40px;
}

div.myfarms-logo {
    background: url(../images/myfarms/myfarms2.png) no-repeat 0 2px;
    padding: 9px 0 0 47px;
    height: 34px;
}

div.dts-logo {
    background: url(../images/dts/dts.png) no-repeat 0 2px;
    padding: 9px 0 0 47px;
    height: 34px;
}

div.merino-logo {
    background: url(../images/nzmerino/nzmerino-logo.png) no-repeat 0 2px;
    padding: 9px 0 0 47px;
    height: 34px;
    background-size: 34px;
}

div.iris-logo {
    background: url(../images/iris/iris.png) no-repeat 0 2px;
    padding: 9px 0 0 47px;
    height: 34px;
    background-size: 34px;
}

div.iris-large {
    background: url(../images/iris/iris.png) no-repeat 0 2px;
    padding: 0px 0 0 0px;
    height: 140px;
    background-size: 140px 140px;
}


.account-number-section input:disabled {
    background-color: var(--Mono-200);
}


div.tepari-large  {
    background: url(../images/tepari/tepari.png?v=1) no-repeat 0 2px;
    padding: 0px 0 0 0px;
    height: 140px;
    background-size: 140px 140px;
    margin-top: 10px;
}

div.gallagher-large  {
    background: url(../images/gallagher/g-white.png?v=1) no-repeat 0 2px;
    padding: 0px 0 0 0px;
    height: 70px;
    background-size: 194px;
    margin-left: -22px;
    margin-top: 0;
}

div.datamars-large  {
    background: url(../images/datamars/datamars_large.png) no-repeat 0 2px;
    padding: 0px 0 0 0px;
    height: 70px;
    background-size: 194px;
    margin-left: -2px;
    margin-top: 20px;
}

div.fonterra-large {
    background: url(../images/fonterra/fonterra.png) no-repeat 0 2px;
    padding: 0px 0 0 0px;
    height: 120px;
    background-size: 194px;
    margin-left: -22px;
    margin-top: 0;
}

div.synlait-large {
    background: url(../images/synlait/synlait.jpg) no-repeat 0 2px;
    background-size: contain;
    padding: 0 0 0 0;
    height: 130px;
    margin-top: 0;
}

div.anzco-logo {
    background: url(../images/anzco/anzco.png) no-repeat -3px 2px;
    padding: 9px 0 0 47px;
    height: 34px;
}

div.greenlea-logo {
    background: url(../images/greenlea/greenlea.jpeg) no-repeat -2px -1px;
    padding: 9px 0 0 47px;
    height: 34px;
    background-size: 40px 46px;
}

.figured-logo {
    background: url("../images/figured/figured.png") no-repeat 0px 0px;
    padding: 9px 0 0 47px;
    height: 34px;
    background-size: 34px 34px;
}

div.sl-logo {
    background: url(../images/sri-lanka-flag_small.jpg) no-repeat 0 2px;
    padding: 9px 0 0 47px;
    background-size: 40px 25px;
    height: 34px;
}

div.jenquip-large {
    background: url(../images/jenquip/jequip.png) no-repeat 0 2px;
    padding: 26px 0 0 47px;
    height: 34px;
}
div.trackmap-large {
    background: url(../images/trackmap/tabula.png) no-repeat 0 2px;
    padding: 26px 0 0 47px;
    height: 34px;
    background-size: 148px 34px;
}
div.trackmap-medium {
    background: url(../images/trackmap/tabula.png) no-repeat 0 2px;
    padding: 26px 0 0 55px;
    height: 15px;
    background-size: 100px 20px;
}

span.trackmap-small {
    background: url(../images/trackmap/tabula.png) no-repeat 0 2px;
    padding: 0px 0 0 60px;
    height: 10px;
    background-size: 43px 10px;
}
div.grassguide-large {
    background: url(../images/grass-guide.png) no-repeat 0 2px;
    padding: 26px 0 0 47px;
    height: 34px;
    background-size: 300px 60px;
}

div.portabull-large {
    background: url(../images/portabull.jpg) no-repeat 0 2px;
    padding: 0px 0 0 0px;
    height: 140px;
    background-size: 140px 140px;
}

div.dts-large {
    background: url(../images/dts/dtslarge.png) no-repeat 0 2px;
    padding: 0px 0 0 0px;
    height: 140px;
    background-size: 140px 140px;
}

div.stock-care-logo {
    background: url(../images/graze-care-logo.gif) no-repeat 0 2px;
    padding: 9px 0 0 47px;
    height: 34px;
}
.declaration {
    padding: 20px 0 10px;
    margin-top: 50px;
    background-color: white;
    border-top: 1px solid var(--Mono-200);
}

.declarationDetails {
    padding: 20px;
    margin:20px;
    background: var(--Mono-100);
    border: 1px solid var(--Mono-200);
    background:var(--System-warning-050);
}

.declarationRow,.declarationRow2 {
    padding-top:10px;
}

.declarationRow input {
    margin-right:20px;
}

.declarationRow2 input {
    margin-left:20px;
}

.declarationRow ul {
    margin-left:50px;
}

div.in-grazing-contract {
    font-weight: bold;
    padding: 5px;
    width: 100px;
    text-align: center;
    border: 1px solid var(--Mono-200);
    border-right:none;
    position: relative;
    color: black;
}

div.in-grazing-contract:after, div.in-grazing-contract:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

div.in-grazing-contract:after {
    border-width: 13px;
    margin-top: -13px;
}

div.in-grazing-contract:before {
    border-width: 14px;
    margin-top: -14px;
    border-color: rgba(7, 9, 25, 0);
    border-left-color: var(--Mono-200);
}

#view_stock_list div.in-grazing-contract {
    width: 65px;
}

.mob-results-table div.in-grazing-contract {
    width: 65px;
}

div.grazing-mob-colour-white {
    background: var(--White);
}

.grazing-mob-colour-white-background {
    background:var(--White);
}

.eid-cell-trans.grazing-mob-colour-white {
    background-color: var(--White);
}

div.grazing-mob-colour-white:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: var(--White);
}

div.grazing-mob-colour-green {
    background: var(--Lime-500);
}

.grazing-mob-colour-green-background {
    background:var(--Lime-500);

}

.eid-cell-trans.grazing-mob-colour-green {
    background-color: var(--Lime-500);
}

div.grazing-mob-colour-green:after {
    border-color: rgba(35, 211, 89, 0);
    border-left-color: var(--Lime-500);
}

div.grazing-mob-colour-blue {
    background: var(--Blue-500);
}

.grazing-mob-colour-blue-background {
    background:var(--Blue-500);
    color:white;
}

.eid-cell-trans.grazing-mob-colour-blue {
    background-color: var(--Blue-500);
}

div.grazing-mob-colour-blue:after {
    border-color: rgba(93, 88, 254, 0);
    border-left-color: var(--Blue-500);
}

div.grazing-mob-colour-yellow {
    background: var(--System-warning-500);
}

.eid-cell-trans.grazing-mob-colour-yellow {
    background-color: var(--System-warning-500);
}

div.grazing-mob-colour-yellow:after {
    border-color: rgba(223, 244, 115, 0);
    border-left-color: var(--System-warning-500);
}

.grazing-mob-colour-yellow-background {
    background:var(--System-warning-500);
}

div.grazing-mob-colour-pink {
    background: var(--Pink-500);
}

.grazing-mob-colour-pink-background {
    background:var(--Pink-500);
}

.eid-cell-trans.grazing-mob-colour-pink {
    background-color: var(--Pink-500);
}

div.grazing-mob-colour-pink:after {
    border-color: rgba(250, 87, 231, 0);
    border-left-color: var(--Pink-500);
}

.grazing-mob-colour-purple-background {
    background:var(--Primary-500);
    color:white;
}

div.grazing-mob-colour-purple {
    background: var(--Primary-500);
}

.eid-cell-trans.grazing-mob-colour-purple {
    background-color: var(--Primary-500);
}

div.grazing-mob-colour-purple:after {
    border-color: var(--Primary-500);
    border-left-color: var(--Primary-500);
}

.grazing-mob-colour-orange-background {
    background:var(--Sheep-orange-500);
}

div.grazing-mob-colour-orange {
    background: var(--Sheep-orange-500);
}

.eid-cell-trans.grazing-mob-colour-orange {
    background-color: var(--Sheep-orange-500);
}

div.grazing-mob-colour-orange:after {
    border-color: rgba(232, 133, 32, 0);
    border-left-color: var(--Sheep-orange-500);
}

div.grazing-mob-colour-red {
    background: var(--System-error-500);
}

.grazing-mob-colour-red-background {
    background:var(--System-error-500);
    color:white;
}

.eid-cell-trans.grazing-mob-colour-red {
    background-color: var(--System-error-500);
}

div.grazing-mob-colour-red:after {
    border-color: rgba(197, 25, 25, 0);
    border-left-color: var(--System-error-500);
}

.leftSide {
    width:250px;
    float:left;
}

.rightSide {
    width:calc(100% - 251px);
    float:right;
    border-left:1px solid var(--Mono-300);
}


.leftSideNav {
    border-bottom:1px solid var(--Mono-300);
    padding: 15px;
    font-weight:bold;
}

.leftSideNav:hover {
    background: var(--Mono-100);
}

.emptyListDisplay {
    padding-left:20px;
}

.leftSideNav a {
    color:var(--Mono-900);
}

.leftSideNav.activeNav {
    background: var(--Mono-200);
}

.leftSideNav.activeNav a {
    color:var(--Black);
}

.rightSideHeading {
    font-size: 20px;
    margin: 20px 0 0 20px;
    color: var(--Primary-800);
}

.planline {
    display: inline-block;
    position: relative;
    top: 3px;
    background: url(../images/legend-feature-line-mask.png) no-repeat -0 0;
    margin-right: 5px;
    width: 14px;
    height: 14px;
}

.planpolygon {
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 5px;
    width: 14px;
    height: 14px;
}

.plancircle {
    border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    display: inline-block;
    position: relative;
    top: 3px;
    background: var(--Mono-900);
    margin-right: 5px;
    width: 14px;
    height: 14px;
}

.reportcircle {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    display: inline-block;
    position: relative;
    background: var(--Mono-900);
    margin-right: 5px;
    margin-left: 5px;
    width: 8px;
    height: 8px;
}

.plancircle2 {
    border-radius: 7px;
    display: inline-block;
    position: relative;
    top: 3px;
    background: var(--Mono-900);
    margin-right: 5px;
    background: url(images/legend-feature-circle-mask.png) no-repeat -0 0;
    width: 14px;
    height: 14px;
}


.eid-cell-trans {
    width: 18px;
    height: 16px;
    background: url("../images/icon-tag-transparent.png") 50% 50% no-repeat;
}

.small-popup-header {
    background-color: var(--Primary-700)
}



div.scanning-read-only-field {
    display: inline-block;
    background: var(--System-success-050);
    border: 1px solid var(--Mono-300);
    padding: 5px 10px;
    text-align: left;
    width: 33px;
    height: 14px;
}

table.describe-stock-table tfoot td {
    text-align: center;
    background-color: inherit;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

table.describe-stock-table a.button-table-expire {
    margin-left: 0px;
}

table.describe-stock-table .stretch {
    width: 100%;
}

table.describe-stock-table .stretch {
    min-width: 70px;
}

.trait-description-action {
    width: 16px;
}

.trait-description-qty {
    width: 50px;
}

select[data-trait-description="mob"] {
    width: 78%;
}

a.button-inline-add-new.new-mob-for-trait-description {
    padding-left: 11px;
}
.trait-favourite-ctrl-row {
    margin-bottom: 5px;
}

.trait-favourite-ctrl-row input {
    margin-right: 5px;
}

.trait-favourite-select-clear {
    display: inline-block;
}

.trait-favourite-select-clear a[data-select-option] {
    outline: none;
}

.trait-description-total {
    font-weight: normal;
    display: inline-block;
}

.trait-description-total span {
    background: var(--System-success-050);
    border: 1px solid var(--Mono-300);
    width: 30px;
    padding: 5px 10px;
    display: inline-block;
    text-align: left;
    font-weight: bold;
}

div.landbase-logo {
    background: url(../images/landbase-logo-emblem.png) no-repeat 0 2px;
    padding: 0 0 0 47px;
    height: 34px;
    padding-left: 60px;
}

table.describe-stock-table input[data-trait-description="quantity"][disabled], table.dam-details-table input[data-dam-count="quantity"][disabled] {
    border: 1px solid var(--Mono-300);
    color: var(--Mono-900);
}

form.stock-care-report svg text.column-label {
    font-size: 10px;
}

div.sample-weight-range-row {
    padding-left: 23px;
    padding-bottom: 20px;
}

div.grid-cell.sample-weight-min-max {
    width: 45px;
    margin-right: 10px;
}

div.grid-cell.sample-weight-min-max-del {
    width: 5px;
    padding-top: 22px;
    font-size: 19px;
    margin-right: 8px;
}

div.grid-cell.sample-weight-input-cell, div.grid-cell.sample-condition-score-input-cell {
    width: 50px;
    margin: 0px;
}

div.grid-cell.sample-weight-input-cell label, div.grid-cell.sample-condition-score-input-cell label {
    border-top: 1px solid #AAA;
    border-left: 1px solid #AAA;
    border-bottom: none;
    width: 100%;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 4px;
    background: var(--Mono-100);
}

div.grid-cell.sample-weight-input-cell.last, div.grid-cell.sample-condition-score-input-cell.last {
    margin-right: 20px;
}

div.grid-cell.sample-weight-input-cell.last label, div.grid-cell.sample-condition-score-input-cell.last label {
    border-right: 1px solid #AAA;
}

div.grid-cell.sample-weight-input-cell input, div.grid-cell.sample-condition-score-input-cell input {
    width: 100%;
    padding: 0px;
    text-align: center;
}

div.sample-weight-input-container, div.sample-condition-score-input-container {
    width: 95%;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0 21px 20px 23px;
}

div.manual-weight-entry div[data-weight-type="total"] {
    margin-bottom: 20px;
    margin-left: 12px;
}

rect.weight-bar-1, circle.weight-bar-1, rect.condition-score-1, circle.condition-score-1 {
    fill: var(--Blue-700);
}

rect.weight-bar-2, circle.weight-bar-2, rect.condition-score-2, circle.condition-score-2 {
    fill: var(--Pink-700);
}

rect.weight-bar-3, circle.weight-bar-3, rect.condition-score-3, circle.condition-score-3 {
    fill: var(--Lime-700);
}

rect.weight-bar-4, circle.weight-bar-4, rect.condition-score-4, circle.condition-score-4 {
    fill: var(--System-warning-500);
}

rect.weight-bar-5, circle.weight-bar-5, rect.condition-score-5, circle.condition-score-5 {
    fill: var(--Blue-200);
}

rect.weight-bar-6, circle.weight-bar-6, rect.condition-score-6, circle.condition-score-6 {
    fill: var(--Sheep-orange-200);
}

rect.weight-bar-7, circle.weight-bar-7, rect.condition-score-7, circle.condition-score-7 {
    fill: var(--Primary-400);
}

rect.weight-bar-8, circle.weight-bar-8, rect.condition-score-8, circle.condition-score-8 {
    fill: var(--Sheep-orange-700);
}

rect.weight-bar-9, circle.weight-bar-9, rect.condition-score-9, circle.condition-score-9 {
    fill: var(--Primary-600);
}

rect.weight-bar-10, circle.weight-bar-10, rect.condition-score-10, circle.condition-score-10 {
    fill: var(--Lime-500);
}

label.weight-summary-stats-row-label {
    display: inline-block;
    width: 150px;
}

div.weight-summary-stats, div.condition-score-summary-stats {
    display: inline-block;
    width: 300px;
    vertical-align: top;
    margin-top: 20px;
    font-size: 14px;
}

div.data-weight-chart, div.data-condition-score-chart {
    display: inline-block;
}

div[data-weight-info="true"], div[data-condition-score-info="true"] {
    margin-top: 25px;
}

label.weight-summary-stats-row-label, label.condition-score-summary-stats-row-label {
    display: inline-block;
    width: 150px;
}

label.weight-summary-stats-row-value, label.condition-score-summary-stats-row-value {
    font-weight: bold;
}

span.tab-error {
    color: red;
}

.weight-entry-graph-legend, .condition-score-entry-graph-legend {
    margin-left: 30px;
    margin-top: 10px;
}

.logBook .weight-entry-graph-legend, .logBook .condition-score-entry-graph-legend {
    margin-bottom: 20px;
}

#finishSellAnimal:hover {
    background: var(--Primary-900)
}

#cancelAnimalSetup {
    margin-right: 15px;
}

a.button-show-all {
    display: inline-block;
    text-indent: -5000px;
    width: 24px;
    height: 24px;
    background: url(../images/breed-show-all.svg) no-repeat 0 0;
}


a.button-show-favourites {
    display: inline-block;
    text-indent: -5000px;
    width: 24px;
    height: 24px;
    background: url(../images/breed-show-favourites.svg) no-repeat 0 0;
}

.link-map {
    display: inline-block;
    text-indent: -5000px;
    width: 16px;
    height: 16px;
    background: url(../images/icon-link-map.png) no-repeat 0 0;
}

.link-no-map {
    display: inline-block;
    text-indent: -5000px;
    width: 16px;
    height: 16px;
    background: url(../images/icon-link-no-map.png) no-repeat 0 0;
}

div.faecal-egg-sample-hdr {
    text-align: center;
}

.box-overall-faecal-egg-count{
    width: 605px;
}

.box-stock-class-faecal-egg-count{
    width: 960px;
}

.box-trait-faecal-egg-count {
    width: 960px;
}
.faecal-egg-entry-cell.scanning-stock-details-hdr, .faecal-egg-entry-total-cell.scanning-stock-details-hdr  {
    width: 350px;
}
.faecal-egg-entry-cell.scanning-stock-percent-hdr {
    margin-left: 50px;
}
.faecal-egg-entry-cell, .faecal-egg-entry-total-cell {
    display: inline-block;
    width: 55px;
}
.faecal-egg-entry-hdr-cell {
    font-weight: bold;
}
.faecal-egg-entry-row {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 3px;
}
.faecal-egg-entry-row.last {
    margin-bottom: 20px;
}

div.liver-damage-sample-hdr {
    text-align: center;
}

.box-overall-liver-damage{
    width: 1158px;
}

.box-stock-class-liver-damage{
    width: 1158px;
}

.box-trait-liver-damage {
    width: 1158px;
}

.liver-damage-entry-cell.scanning-stock-details-hdr, .liver-damage-entry-total-cell.scanning-stock-details-hdr  {
    width: 180px;
}
.liver-damage-entry-cell.scanning-stock-percent-hdr {
    margin-left: 10px;
}
.liver-damage-entry-cell, .liver-damage-entry-total-cell {
    display: inline-block;
    width: 44px;
}

.liver-damage-sample-entry-hdr-cell {
    display: inline-block;
    margin-left: 4px;
    width: 40px;
}

.liver-damage-entry-hdr-cell {
    font-weight: bold;
}
.liver-damage-entry-row {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 3px;
}
.liver-damage-entry-row.last {
    margin-bottom: 20px;
}

.trace-elements-entry-cell, .trace-elements-entry-total-cell {
    display: inline-block;
    width: 55px;
}
.trace-elements-entry-hdr-cell-first {
    display: inline-block;
    width: 220px;
}
.trace-elements-entry-hdr-cell-first.bold {
    font-weight: bold;
}

.trace-elements-entry-hdr-cell {
    display: inline-block;
    width: 220px;
    text-align: center;
}

.trace-elements-entry-row {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 3px;
}

.trace-elements-entry-row.last {
    margin-bottom: 20px;
}

#AnimalDescriptionFavouriteDlg table.grid tbody td {
    cursor: default;
}

#AnimalMultiDateDlg .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    background: var(--Mono-100);
}
#AnimalMultiDateDlg .ui-state-default.ui-state-active {
    /*background: blue;*/
}

#AnimalMultiDateDlg td.ui-state-highlight, #AnimalMultiDateDlg td.ui-state-highlight a.ui-state-default {
    background: var(--Primary-700);
    color: var(--White);
}

#AnimalMultiDateDlg .ui-datepicker-title{
    margin: 4px 2.3em !important;
}

/* #AnimalMultiDateDlg div[style]{
	display: block!important;
	width: auto !important;
	min-height: 0px !important;
	max-height: none !important;
	height: 190px !important;
}  */

.multipleDateDiv{
    height: 195px !important;
}

.buttonmultipleDateCal{
    margin-right: 93px!important;
}

#AnimalMultiDateDlg .ui-dialog-titlebar-close{
    all: none!important;
}

.multipleDateImg{
    width: auto;
    height: auto;
    background-image: url(../images/icons/datepicker.svg);
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    background-position: 97% 4px;
}

.popup-menu a {
    text-indent: 0px;
    color: black;
    background-position: 140px 0;
    margin-left: 5px;
    width: 160px;
}

.popup-menu li.ui-menu-item {
    border-bottom: 1px solid var(--Mono-200);
    padding: 5px 0 5px 5px;
}

.popup-menu li:hover {
    color: var(--Primary-900);
    background-color: var(--Mono-100);
    background-position: 140px -52px;
}

.popup-menu li:hover a {
    color: var(--Primary-900);
    background-position: 140px -52px;
}

.popup-menu li a[disabled="disabled"] {
    color: var(--Mono-900);
    background-position: 140px -25px;
}

.popup-menu li:hover a[disabled="disabled"] {
    color: var(--Mono-900);
    background-position: 140px -25px;
}

.popup-menu li:hover a.button-table-task-link, .popup-menu li:hover a.button-table-clone {
    background-position: 140px -50px;
}

.popup-menu li:hover a.button-table-hide, .popup-menu li:hover a.button-table-show {
    background-position: 140px -51px;
}
.jqte {
    margin:0px;
}
div.jqte.jqte_focused {
    border-color:var(--Primary-700);
    box-shadow:0 0 10px var(--Primary-700) ; -webkit-box-shadow:0 0 10px var(--Primary-700); -moz-box-shadow:0 0 10px var(--Primary-700);
}

.jqte {
    margin:30px 0;
    border: #aaa 1px solid;
    overflow:hidden;
    border-radius: initial;
    transition: none;
}

.link_my_cad a:hover{
    /* font-weight:bold; */
    text-decoration:none;
    color:var(--Primary-700);
    /* font-size:10.6px;  */
    background: url('../images/profile-icon.png') no-repeat 0 -30px;
    width: 14px;
    height: 16px;
    display: block;
    margin-top: 0px;
}

.link_my_partner a:hover{
    /* font-weight:bold; */
    text-decoration:none;
    color:var(--Primary-700);
    /* font-size:10.6px;  */
    background: url('../images/partner.png') no-repeat -1px -28px;
    width: 10px;
    height: 16px;
    display: block;
    margin-top: 0px;
}

.link_my_org_home a:hover{
    /* font-weight:bold; */
    text-decoration:none;
    color:var(--Primary-700);
    /* font-size:10.6px;  */
    background: url('../images/orghome-icon.png') no-repeat 0 -29px;
    width: 14px;
    height: 16px;
    display: block;
    margin-top: 0px;
}

.link_my_fms a:hover{
    /* font-weight:bold; */
    text-decoration:none;
    color:var(--Primary-700);
    /* font-size:10.6px;  */
    background: url('../images/tools-icon.png') no-repeat 0 -29px;
    width: 14px;
    height: 16px;
    display: block;
    margin-top: 0px;
}

.link_my_set_homepage a:hover{
    text-decoration:none;
    color:var(--Primary-700);
    /* font-size:10.6px;  */
    background: url('../images/orghome-icon.png') no-repeat 0 -29px;
    width: 14px;
    height: 16px;
    display: block;
    margin-top: 0px;
}

.link_my_switch_farm a:hover{
    /* font-weight:bold; */
    text-decoration:none;
    color:var(--Primary-700);
    /* font-size:10.6px;  */
    background: url('../images/switchfarms-icon.png') no-repeat 0 -25px;
    width: 20px;
    height: 16px;
    display: block;
    margin-top: 0px;
}

.link_my a:hover{
    /* font-weight:bold; */
    text-decoration:none;
    color:var(--Primary-700);
    /* font-size:10.6px;  */
    background: url('../images/profile-icon.png') no-repeat 0 -30px;
    width: 14px;
    height: 16px;
    display: block;
    margin-top: 0px;
}

.fc-event-container {
    padding-right:5px !important;
    padding-left:5px !important;
    padding-bottom: 4px !important;
}

#farm-plans .fc-event-container {
    padding-right: 0 !important;
}

input.move-quantity-remaining.not-valid {
    background-color: var(--System-error-700);
    color: black;
    border: 1px solid var(--System-error-700);
}

#sellAnimalMultiOwner ul {
    padding: 0 0 5px 24px;
}

.sale-for-owner {
    border: 1px solid var(--Mono-300);
    padding: 5px;
    margin-bottom: 10px;
    background: var(--Mono-100);
}

div.logBook .sale-for-owner td {
    background: white;
}

div.logBook .sale-for-owner td.eid-cell {
    background: white url(../images/icons/eid-tag.svg) no-repeat 50% 50%;;
}

.individual-sale-controls {
    float: right;
    margin-bottom: 5px;
}
.individual-sale-controls a {
    margin-right: 5px;
}
.sale-for-owner h3 {
    display: inline-block;
}



.upload-hdr {
    background: var(--Mono-100);
    border: 1px solid var(--Mono-300);
    height: 45px;
}


.upload-name-hdr {
    color: var(--Primary-800);
    font-size: 20px;
    width: 650px;
    background-position: 0px 17px;
    padding: 10px 0 24px 15px;
    margin-left: 20px;
}

.upload-name-hdr div {
    display: inline-block;
    padding-right: 20px;
    width:500px;
}

.upload-name-hdr.expand-tbl-row-expanded {
    background-position: 0px -36px;
}

.attachment-scroller {
    display: inline-block;
    float: left;
}

.attachment-scroller .scroll-left, .attachment-scroller .scroll-right {
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: 75%;
}

.attachment-scroller .scroll-left:hover, .attachment-scroller .scroll-right:hover {
    background-position: 0px -48px;
}

.attachment-scroller .scroll-left.disabled, .attachment-scroller .scroll-right.disabled, .attachment-scroller .scroll-left.disabled:hover, .attachment-scroller .scroll-right.disabled:hover {
    background-position: 0px -24px;
}

.attachment-scroller .scroll-left {
    background-image: url(../images/prevArrow.png);
}

.attachment-scroller .scroll-right {
    margin-left: 3px;
    background-image: url(../images/nextArrow.png);
}

/*Product inventory css*/
div.upload-computer{
    background: url(../images/upload-computer.png) no-repeat 0 0;
    background-size: 30px 26px;
    height:26px;
    margin-top: 8px;
    margin-left: 20px;
}

div.upload-file-library{
    background: url(../images/upload-file-library.png) no-repeat 0 0;
    background-size: 30px 20px;
    height:20px;
    margin-top: 8px;
    margin-left: 20px;
}
div.hover-help-icon{
    background: url(../images/hover-help.png) no-repeat 0 0;
    background-size: 15px 15px;
    height:15px;
    background-position: right;
}
span.menu-option-icon{
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(../images/icon-action.png) no-repeat;
    cursor: pointer;
    float: right;
}

img.dairy-nz-white-logo {
    float: right;
    margin-top: 16px;
    margin-right: 10px;
    display: none;
}

img.dairy-nz-colour-logo {
    margin-top: 16px;
    display: none;
}
.multiSelectAngular {
    width:100%;
    display: inline-block;
}
.multiSelectAngularDropdown {
    background:white;
    width: 100%;
    border: 1px solid #aaa;
    margin-bottom: 10px;
    position: absolute;
    z-index: 100;
}
.multiSelectAngular button {
    width:100%;
}
.multiSelectAngular button.ui-multiselect[disabled=disabled] {
    color: var(--Mono-700);
    border: 1px solid var(--Mono-300) !important;
    background-color: white !important;
}
.multiSelectAngularCheckbox label {
    color: black;
    font-size:11px;
}
.multiSelectAngularDropdown .ui-multiselect-checkboxes {
    max-height:250px;
    overflow: auto;
}

.label-hoverable {
    cursor:pointer;
}

.label-hoverable:hover {
    text-decoration: underline;
}

[data-killed-table] {
    background:var(--Mono-100);
    border:1px solid var(--Mono-300);
    width: 920px;
    max-width: 920px;
    padding:1em;
}

[data-killed-table] .theBody {
    display:none;
}

[data-killed-table] .theBody .form-row {
    border-top:1px solid var(--Mono-300);
    padding-bottom: 15px;
    padding-top: 15px !important;
}
.fateAnimalSelectionHolder {
    vertical-align:middle;
    font-weight:bold;
    margin-top: 2em;
}

.causeInline {
    width: 380px;
    top: 36px;
    left: 423px;
}
.inline-plus span {
    width: 14px;
    height: 14px;
    display: inline-block;
    border: 1px solid var(--Primary-900);
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    color: white;
    background: var(--Primary-900);
    vertical-align: middle;
    font-weight: bold;
    line-height: 14px;
    margin-right: 4px;
}

.inline-plus.selected {
    color:var(--System-success-500);
}

.inline-plus:after {
    content:'Add disposal info';
}

.inline-plus.selected:after {
    content:'View disposal info';
}

.inline-plus.selected span {
    background:var(--System-success-500);
    border: 1px solid var(--System-success-500);
}

.ui-state-error span.ui-icon,
.ui-state-error-text span.ui-icon{
    background: url("../images/icon-help-close.png") no-repeat 0 100%
}

.ui-state-error button.ui-dialog-titlebar-close{
    height:28px!important;
}
.table-hover-icon {
    color: var(--Black);
    font-size: 16px !important;
    float:right;
}
.table-option-list > li:hover .table-hover-icon {
    color: var(--Mono-700);
}

.table-option-list{
    position: absolute;
    z-index: 100;
    width: 200px;
    background: white;
    border: 1px solid rgb(202,202,202);
    border-radius: 5px;
    -webkit-box-shadow: 0 0 3px 1px rgba(206,206,206,0.5);
    -moz-box-shadow: 0 0 3px 1px rgba(206,206,206,0.5);
    box-shadow: 0 0 3px 1px rgba(206,206,206, 0.5);
    right: 30px;
    top: 5px;
    list-style-type: none;
}
.table-option-list > li{
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--Mono-300);
    height: 40px;
    postion: relative;
}
.table-option-list > li > div{
    padding: 10px;
    font-size: 13px;
}
.table-option-list > li > a{
    padding: 10px;
    font-size: 13px;
    display:block;
}
.table-option-list > li:hover{
    color:var(--Black);
    background-color: var(--Mono-200);
}

.table-option-list div[data-action][disabled="disabled"] {
    pointer-events: none;
    cursor: default;
    color: var(--Mono-500) !important;
}

.click-pointer{
    cursor: pointer;
}

.popupHeader {
    color:var(--Primary-700);
    font-weight:bold;
}

.display-image-holder {
    display:inline-block;
    float:right;
    width:40%;
    height:250px;
    border: 1px solid var(--Mono-300);
    border-radius: 5px;
    margin-right: 10px;
    position:relative;
}

.display-image {
    display:inline-block;
    position: relative;
    width:400px;
    height:250px;
    float:right;
    margin-right: 50px;
}

.display-image.not {
    display: none;
}

.hazard-placeholder-image {
    background-image:url(../images/hazard.png);
    background-repeat:no-repeat;
    background-position: 50% 10px;
    width:100px;
    height:100px;
    padding:15px;
    margin:0 auto;
}

.doc-placeholder-image {
    background-image:url(../images/icons8-document-100.png);
    background-repeat:no-repeat;
    background-position: 50% 10px;
    width:100px;
    height:100px;
    padding:15px;
    margin:0 auto;
    background-size: 110px;
}

.display-image-holder .icon-picture {
    margin-top: 41px;
    margin-left: 38px;
    font-size: 26px;
}

.add-photo, .replace-photo, .delete-photo {
    background:green;
    color:white;
    cursor:pointer;
    width:100px;
    height:30px;
    display:inline-block;
    line-height:30px;
    position:absolute;
    bottom:0;
    left:0;
    text-align:center;
}

a.add-photo:hover, a.replace-photo:hover, a.delete-photo:hover {
    color: white;
}

.replace-photo {
    background: var(--Primary-200);
}

.delete-photo {
    background: var(--System-error-500);
    left: calc(100% - 100px);
}

.asset-placeholder-image {
    background-image:url(../img/blank2.png);
    background-repeat:no-repeat;
    background-position: -90px -50px;
    width:100%;
    height:100%;
    margin:0 auto;
}

.map-preview-shape{
    background-image:url(../images/map-feature-preview.png);
    background-repeat:no-repeat;
    width:141px;
    height: 67px;
    position: relative;
    top: 22px;
    right: 15px;
    float: right;
}

.map-preview-shape.dot{
    background-position:0 0;
}

.map-preview-shape.line{
    background-position:0 -71px;
}

.map-preview-shape.polygon{
    background-position:0 -142px;
}

.carousel {
    margin: auto;
    margin-top: 20px;
    width: 80%;
}

.carousel img {
    display: block;
    height: 270px;
    margin-right: 20px;
}

.flickity-enabled .flickity-prev-next-button {
    min-width: 0px;
}

.carousel-image-download {
    margin-right: 5px;
}

.tmpl-image-attachments {
    margin-bottom: 20px;
}

.image-attachments {
    margin-bottom: 30px;
}

.map-hazard-popup-container {
    width:320px;
    padding: 10px;
}

.map-hazard-popup-text {
    padding:0 0 4px 0;
}

.map-hazard-popup-title {
    font-weight:bold;
    font-size:15px;
}

.spannumberCircle{
    width:12%;
    float: right;
    line-height: normal;
    top: 13px;
}


.icon-info-assets {
    background-image: url(../images/icons/info-black.svg);
    width: 20px;
    height: 20px;
    margin-right: 8px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}


.numberCircle {
    color: var(--Mono-900);
    font-size: 11px ;
    height: 15px;
    width: 15px;
    padding: 3px 3px 3px 3px;
    text-align: center;
    min-width: 15px;
    display: inline-block;
}

.card {
    #box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    width: 240px;
    height:240px;
    margin:5px;
    cursor: pointer;
    border: 1px solid var(--Mono-300);
    box-sizing: border-box;
    #transition:1s;
    border-radius: 5px;
    /*overflow:hidden;*/
}
.card:hover {
    /*box-shadow: 0px 0px 2px 4px rgba(0,255,0,0.3);
    border: 1px solid var(--Mono-200);*/
    #box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    Box-shadow: 1px 1px 4px 0.19;
    background-color:var(--Mono-100);
}

.card-header {
    height:60%;
    width:90%;
    margin: 0 auto;
    margin-top: 10px;
    border-radius: 5px 5px 5px 5px;
    position:relative;
}

.card-thumbnail {
    position: relative;
    margin: 0 auto;
    margin-top: 10px;
    background-position: 50% 50%;
    width:  210px;
    height: 144px;
}

.card-title {
    font-weight:bold;
    max-height:16px;
    height:16px;
    overflow:hidden;
}

.card-info {
    overflow:hidden;
    max-height: 16px;
    height:16px;
}

.card-icon {
    color:var(--Mono-500);
    font-size:20px !important;
    display:inline-block;
    line-height:60px;
}

.card-icon:hover {
    color:var(--Primary-900);
    #font-size:20px !important;
}

.list-item-holder {
    display: flex;
    flex-direction: row;
    overflow-y:scroll;
    flex-wrap: wrap;
    height:88%;
    max-height:90%;
    padding:5px;
    align-content:flex-start;
}

.main-content-holder {
    height:80vh;
    width:100%;
    background-color:white;
    border: 1px solid var(--Mono-300);
    box-sizing: border-box;
    position:relative;
}

.card-menu {
    right:-10px;
    top:50px;
}

.card-description {
    width:90%;
    margin:0 auto;
    padding:5px;
    position:relative;
}

.card-description-summary {
    float:left;
    display:inline-block;
    width:90%;
}

.main-content-holder .sideLeft {
    width:20%;
    position:absolute;
    height:100%;
    box-sizing: border-box;
    overflow-y:auto;
    border-right:1px solid var(--Mono-300);
}

.main-content-holder .sideRight {
    width:80%;
    position:absolute;
    left:20%;
    height:100%;
    overflow:hidden;
}
.task-right-panel {
    display: inline-block;
    width: 75%;
    border-right: 1px solid var(--Mono-300);
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: top;
    min-height: 290px;
}

.task-right-panel .form-row, .task-left-panel .form-row {
    padding-bottom: 0;
    padding-top: 15px;
}

.task-right-panel .form-row:first-child, .task-left-panel .form-row:first-child {
    padding-top: 0;
}

.task-right-panel .form-row:first-child .form-inline-list {
    vertical-align: bottom;
}

.task-left-panel {
    display: inline-block;
    width: calc(24% - 20px);
    vertical-align: top;
    margin-left: 20px;
}

.task-left-panel .action-heading {
    margin-top: 20px;
}

.task-left-panel .grid-cell {
    text-align: center;
}

.task-left-panel .button, .task-left-panel a.button-select-file[data-buttonfor="libraryAttachment"] {
    width: 115px;
    text-decoration: none;
}

.task-left-panel .icon-note:before {
    padding-right: 5px;
}

.task-left-panel a span {
    font-family: "Open Sans", "helvetica neue", helvetica, "lucinda sans unicode", "sans serif";
}

.task-left-panel .part-of-plan-hdr {
    padding: 5px;
    margin-top: 10px;
    font-weight: normal;
}

.task-left-panel .part-of-plan-hdr .plan-name {
    font-weight: bold;
}

.task-left-panel .part-of-plan-hdr .pillar-name {
}

.task-date {
    display: inline-block;
    width: 170px;
    vertical-align: top;
}

.task-dates {
    display: inline-block;
    width: 370px;
}

.task-quick-date {
    position: absolute;
    top: 63px;
    left: 354px;
    border: 1px solid var(--Mono-300);
    padding: 4px;
    background: white;
}

.task-note textarea {
    width: calc(100% - 35px);
    resize: none;
}

.task-note a {
    float: right;
    position: relative;
    top: -26px;
    left: -30px;
}

.task-note[data-deleted=true] {
    display: none;
}

.task-instructions textarea {
    width: calc(100% - 35px);
    resize: none;
}

.task-instructions a {
    float: right;
    position: relative;
    top: -26px;
    left: -30px;
}

.task-instructions[data-deleted=true] {
    display: none;
}

.task-checklist-type {
    margin-bottom: 10px;
    border-top: 1px solid var(--Mono-300);
    padding-top: 15px;
    margin-right: 15px;
}

.task-checklist-item {
    width: calc(100% - 15px);
    margin-top: 10px;
}

.task-checklist-label-item {
    margin-top: 10px;
}

.expanding-textarea {
    position: relative;
    border: 1px solid var(--Mono-300);
}

.task-checklist-title, .task-checklist-note {
    display: inline-block;
    vertical-align: top;
    width: 37%;
}
.expanding-textarea textarea, .expanding-textarea pre {
    width: 95%;
    padding: 5px;
    font-family: "Open Sans", "helvetica neue", helvetica, "lucinda sans unicode", "sans serif";
    font-weight: normal;
    font-size: 12px;
    white-space: pre-wrap;
    word-wrap: break-word;
    background: transparent;
    margin: 0;
    outline: 0;
    border: 0;
}

.expanding-textarea textarea {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    /* Remove WebKit user-resize widget */
    resize: none;
}

.expanding-textarea > pre {
    display: block;
    /* Hide the text; just using it for sizing */
    visibility: hidden;
}

.task-checklist-item.standard .task-checklist-title {
    width: 46%;
}

input[name="checklistTitle"] {
    margin-right: 10px;
}

.add-checklist-item-div {
    margin-top: 10px;
}

.add-checklist-item {
    text-decoration: underline;
}

.add-checklist-item-label {
    text-decoration: underline;
    margin-left: 20px;
}

.task-checklist-label {
    display: inline-block;
    width: 92%;
}

.task-checklist-label input {
    width: 100%;
    padding-right: 0;
}

.task-checklist-item a, .task-checklist-label-item a {
    min-width: 20px;
    max-height: 16px;
    min-height: 16px;
    padding-left: 0;
    padding-right: 0;
}

.task-checklist-label-item a.icon-delete {
    margin-right: 15px;
}

.task-checklist-item a.icon-attach, .task-checklist-item a.icon-mandatory {
    margin-right: 3px;
}

.task-checklist-item a.icon-attach, .task-checklist-container-item a.icon-attach {
    width: 25px;
}

.task-checklist-item a.icon-attach:before, .task-checklist-container-item a.icon-attach:before {
    position: relative;
    left: -2px;
}

.task-checklist-item a.button.icon-mandatory {
    color: red;
    font-size: 20px;
}

.task-checklist-item a.button.icon-mandatory.mandatory, .task-checklist-container-item a.button.icon-mandatory {
    color: white;
    background: red;
}

.task-checklist-item[data-deleted=true], .task-checklist-label-item[data-deleted=true]{
    display: none;
}

.task-checklist-status {
    display: inline-block;
    vertical-align: top;
}

.task-checklist-status a {
    text-decoration: none;
    background-color: var(--Mono-200);
    border: 1px solid #ccc;
    padding: 3px;
    top: 0px;
    display: inline-block;
}

.task-checklist-status a:before {
    position: relative;
    top: 2px;
    left: 4px;
}

.task-checklist-status a.icon-tick:before {
    left: 3px;
}

.task-checklist-status a.on {
    background-color: var(--System-success-700);
    border: 1px solid var(--Mono-200);
    color:white;
}

.task-checklist-status a.on.task-checklist-fail {
    background-color: var(--System-error-700) !important;
}

.task-quick-date-launch {
    padding-bottom: 10px;
}

.task-quick-date-launch a {
    color: white;
    width: 8px;
    height: 12px;
    line-height: 12px;
    position: relative;
    text-align: center;
}
.task-quick-date-launch a.changeDatePositive {
    left: -13px;
}
.task-quick-date-launch a.changeDateNegative {
    left: -9px;
}

#chooseTaskCategoryForTaskDlg input[name="filterCategories"] {
    margin-left: 10px;
}

#chooseTaskCategoryForTaskDlg .form-row {
    padding-top: 10px;
    padding-bottom: 5px;
}

.task-category-label {
    display: inline-block;
    margin: 5px;
    border: 1px solid var(--Mono-200);
    padding: 5px;
}

#editTask .task-category-label:hover, #createTask .task-category-label:hover {
    background: var(--Primary-700);
    color: white;
}

.task-category-label a.icon-delete.righty {
    margin-left: 10px;
    position: relative;
    top: 2px;
    display: none;
}

.task-category-label:hover a.icon-delete.righty {
    display: block;
    color: white;
}

.form-row.orgDisplayOnly {
    padding-bottom: 20px;
}

.task-checklist-status input {
    position: relative;
    top: 6px;
}

.task-main-info {
    margin-left: 13px;
    margin-top: 10px;
}

.task-checklist-container {
    margin: 20px 10px 0 13px;
}

.task-checklist-container input[type="checkbox"] {
    vertical-align: top;
    position: relative;
    top: 6px;
}

.task-checklist-container a {
    text-decoration: none;
    background-color: var(--Mono-200);
    border: 1px solid #ccc;
    padding: 3px 0 3px 0;
    display: inline-block;
    min-width: 20px;
    max-height: 16px;
    min-height: 16px;
    vertical-align: top;
    margin-right: 2px;
}

.task-checklist-container a:last-child {
    margin-right: 0;
}

.task-checklist-container-item {
    margin-bottom: 5px;
}

.task-checklist-container-title {
    color: var(--Mono-900);
    font-size:15px;
    margin-bottom:4px;
    padding-bottom: 0 !important;
    padding-top: 8px;
}

.task-checklist-title-text {
    width: 260px;
    padding: 4px;
    display: inline-block;
    vertical-align: top;
}

.task-checklist-label-text {
    font-weight: bold;
    margin-top: 5px;
}

.green-subtable th {
    background-color: var(--System-success-700);
    width: 380px;
}

.task-display-checklist-note {
    display: inline-block;
}

.task-checklist-container-item .task-display-checklist-note {
    width: 370px;
}

.task-checklist-container-item.standard .task-display-checklist-note {
    width: 415px;
}

.task-save_buttons {
    text-align: right;
    padding-right: 10px;
    padding-bottom: 10px;
}

.checklist-completion-info {
    text-align: right;
    font-size: 10px;
}

.checklist-corrective-info {
    text-align: right;
    font-size: 10px;
    color:var(--System-success-700);
}

#createTask div.jqte, #editTask div.jqte {
    margin-top: 0;
}

#createTask div.jqte_editor, #editTask div.jqte_editor {
    min-height: 80px;
}

.farmPlanDates {
    display: inline-block;
}

.grid-task-title {
    display: inline-block;
    width: 530px;
    float: left;
}

.grid-task-control {
    display: inline-block;
    width: 150px;
    position: absolute;
    top: 5px;
    left: 435px;
}

.grid-task-control.tasks {
    width: 50px;
    left: 560px;
}

.grid-task-control label.block {
    padding-bottom: 0;
}

.grid-task-control .tasks-ctrl {
    margin-left: 0;
    position: relative;
    left: -7px;
    top: -5px;
}

.grid-task-control .notifications-ctrl {
    margin-left: 0;
    position: relative;
    left: -5px;
    top: -7px;
}

.grid-task-control .notifications-ctrl.switch-off {
    top: -2px;
}

#editTaskForm a.icon-font-note-lines:before {
    margin-right: 5px;
}

.flex {
    display:flex;
}

.task-category-container {
    display: inline-block;
}

.pillar-container {
    display: inline-block;
    width: 240px;
}

.treatmentDiaryDiseaseTable {
    margin-top:10px;
    margin-bottom:10px;
}

.truncate-nowrap {
    overflow: hidden;
    text-overflow: ellipsis;
}

.treatmentDiseaseNamesDiary {
    display:block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.treatmentDiseaseUdder {
    width:300px;
}

.treatmentDiseaseNoUdder {
    width:350px;
}

.treatmentApproachDiary {
    display:block;
    width:11em;
}

.treatmentUddersDiary {
    display:block;
    width:8em;
}

.visa-master-card {
    background-image: url(../images/upgrading/visa-master.png);
    background-repeat: no-repeat;
}

.farmlands-card {
    background-image: url(../images/upgrading/farmlandslogonew.png);
    background-repeat: no-repeat;
    width:80px;
    background-size: 80px;
}

.farmlands-card-back {
    background-image: url(../images/farmlands_card_back.png);
    background-repeat: no-repeat;
    width:300px;
    height:300px;
    top:10px;
    background-size:300px;
    display:inline-block;
    position:absolute;
}

.farmlands-card-front {
    background-image: url(../images/farmlands_card_front.png);
    background-repeat: no-repeat;
    width:300px;
    height:300px;
    top:10px;
    background-size:300px;
    display:inline-block;
    position:absolute;
}

#welcomeDialog .sub-form-heading {
    color: var(--Mono-700);
    text-align: center;
    font-size: 20px;
}

#welcomeDialog div[data-intro-text="true"] {
    margin: 20px 50px 15px 50px;
    text-align: center;
}

.welcome-screen-item {
    width: 250px;
    height: 150px;
    display: inline-block;
    background-size: 100%;
    margin-left: calc(32% - 250px);
}

.welcome-screen-item.even {
    width: 375px;
    height: 207px;
    display: inline-block;
    background-size: 100%;
    margin-left: calc(48% - 375px);
}

.welcome-screen-item:focus {
    outline: none;
}

.welcome-screen-item:last-child {
    margin-right: 0;
}

.welcome-staff {
    background-image: url(../images/Adding_Staff_to_my_Farm.png);
    background-repeat: no-repeat;
}

.welcome-hazards {
    background-image: url(../images/Introduction_to_Health_and_Safety.png);
    background-repeat: no-repeat;
}

.welcome-overview {
    background-image: url(../images/Introduction_to_FarmIQ.png);
    background-repeat: no-repeat;
}

.welcome-staff-fiq {
    background-image: url(../images/videos/staff.png);
    background-repeat: no-repeat;
}

.welcome-stock-fiq {
    background-image: url(../images/videos/stock.png);
    background-repeat: no-repeat;
}

.welcome-mobile-fiq {
    background-image: url(../images/videos/mobile.png);
    background-repeat: no-repeat;
}

.welcome-overview-fiq {
    background-image: url(../images/videos/intro.png);
    background-repeat: no-repeat;
}

.welcome-overview-farmsonline {
    background-image: url(../images/videos/farmsonline.jpg);
    background-repeat: no-repeat;
}

.welcome-overview-drawmap {
    background-image: url(../images/videos/drawmap.jpg);
    background-repeat: no-repeat;
}

#welcomeDialog .video-container {
    margin: 30px 0 0 45px;
}

.welcome-item-text {
    margin-top: 10px;
    text-align: center;
}

#welcomeDismissHelp {
    position: absolute;
    top: 45px;
    left: calc(100% - 392px);
    background: white;
    color: var(--Primary-700);
    z-index: 10000;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    border-radius: 4px;
}

#welcomeDismissHelp a {
    text-decoration: none;
    font-weight: normal;
}

#welcomeDismissHelp a.icon-arrow-up, #welcomeDismissHelp a.icon-arrow-up:hover {
    color: var(--Primary-700);
    cursor: default;
}

#welcomeDismissHelp a.icon-cross {
    margin-left: 10px;
    font-size: 10px;
    color: var(--Mono-800);
}

.dam-stock-class-box {
    width: 370px;
}

.dam-stock-class-by-trait-box {
    width: 690px;
}

.farmlands-pack-logo{
    background-image: url(../images/upgrading/farmlands.png);
    background-repeat: no-repeat;
    position: absolute;
    z-index: 90;
    height: 100px;
    left: 6%;
    background-size: 150px 51px;
    top: -16%;
    width: 100%;
}

#passwordForm .farmlands-pack-logo{
    left: 0;
    top: -20px;
    width: 210px;
    background-size: 190px;
}

#passwordForm .everyday-pack-logo, #passwordForm .performance-pack-logo, #passwordForm .livestock-pack-logo, #passwordForm .dairy-pack-logo {
    top: -28px;
    left: 27%;
    background-size: 100%;
}

.everyday-pack-logo {
    background-image: url(../images/upgrading/everyday.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 100px;
    z-index: 90;
    height: 100px;
    left: 25%;
    top: -28%;
}

.performance-pack-logo {
    background-image: url(../images/upgrading/performance.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 100px;
    z-index: 90;
    height: 100px;
    left: 25%;
    top: -28%;
}

.dairy-pack-logo {
    background-image: url(../images/upgrading/dairy.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 100px;
    z-index: 90;
    height: 100px;
    left: 25%;
    top: -28%;
}

.livestock-pack-logo{
    background-image: url(../images/upgrading/livestock.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 100px;
    z-index: 90;
    height: 100px;
    left: 25%;
    top: -28%;
}

.ttp-pack-logo{
    background-image: url(../images/ttp/ttprectangle.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 97%;
    z-index: 90;
    height: 140px;
    background-size: contain;
    left: 2px;
}

.map-video-image {
    background-image:url(../images/mapvideo.png);
    background-repeat: no-repeat;
    width: 100px;
    height:38px;
    margin-right:5px;
}

.original-txn-summary {
    padding: 0 15px;
    background: var(--System-success-050);
    border-left: 1px solid var(--Mono-300);
    border-right: 1px solid var(--Mono-300);
    border-bottom: 1px solid var(--Mono-300);
}

.make-me-commit.ui-button {
    background: var(--Primary-700);
    color: var(--White);
}

.make-me-commit.ui-button:hover {
    background: var(--Primary-900);
    color: var(--White);
}

.original-txn-summary .form-row {
    padding-bottom: 10px;
}

.original-txn-summary .review-animals-heading-row {
    padding: 0;
}

.original-txn-summary div[data-animal-select-section="true"] tbody td {
    background: white;
}

.original-txn-summary .original-txn-details {
    padding: 0 20px 0 20px;
}

.original-movement-header {
    font-weight: bold;
}

.original-movement {
    margin-bottom: 5px;
}

.original-traits .trait {
    display: inline-block;
}

.original-traits {
    display: inline-block;
    width: 300px;
    vertical-align: top;
}

.original-destinations {
    display: inline-block;
}

.original-destination {
    display: inline-block;
    width: 180px;
}

.delete-task-link {
    margin-right: 15px;
    position: relative;
    top: 26px;
    min-width: 20px;
    max-height: 16px;
    min-height: 16px;
    padding-left: 0;
    padding-right: 0;
}

ul[data-task-link-to-menu] a.disabled {
    color: #999;
}

.task-details-block {
    width: 33%;
    display: inline-block;
    vertical-align: top;
}

.safefarm-logo {
    background: url("images/safefarmlogo.png") no-repeat top left;
    height: 45px;
    width: 133px;
    float: left;
    margin-right:20px;
}

#file-library-search.ng-not-empty {
    color:black;
}

.user-warning {
    color: orange;
    font-size:11px;
    padding-top:3px;
    line-height: 14px;
}

.fc-year-button, .fc-basicWeek-button, .fc-month-button, .fc-today-button {
    text-transform: capitalize;
}

.previousTime {
    color: red;
    text-decoration: line-through;
}

.fertiliser-home-year-heading {
    color: var(--Primary-800);
    font-size: 20px;
    margin-left: 20px;
    margin-top: 20px;
    font-weight:550;
}

.fertiliser-home-plan {
    border: 1px solid var(--Mono-300);
    width: 30%;
    margin: 10px 0px 0px 20px;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 4px;
    cursor:pointer;
}

.fertiliser-home-plan-title {
    font-size: 16px;
    font-weight: bold;
}

.fertiliser-home-plan-dates {
    font-size: 13px;
    font-weight: 600;
}

.fertiliser-home-plan-contents {
    margin-left:10px;
    padding: 10px;
    float:left;
    width:70%
}

.fertiliser-home-plan-master {
    float: left;
    font-size: 17px;
    position: relative;
    top: 13px;
    left: 12px;
}

.fertiliser-home-options {
    position: absolute;
    top: 30px;
    right: 20px;
    color: var(--Mono-200);
    font-size: 14px;
}

.fertiliser-home-options-container {
    width: 15%;
    height: 80px;
    float: right;
}

.fertiliser-warning {
    border: 1px solid;
    padding: 10px;
    border-radius: 5px;
    background-color: var(--System-warning-700);
    margin-bottom: 10px;
    color: black;
}

.fertiliser-warning > h3 {
    color: black;
}

.fertiliser-plan-detail {
    display:inline-block;
    margin: 20px;
}

.fertiliser-plan-details-header {
    font-weight: 600;
}

.fertiliser-plan-detail-contents {
    color: var(--Primary-800);
    font-size: 16px;
    font-weight: 550;
}

.fertiliser-plan-table-header {
    width: 100px;
    background-color: var(--Primary-200);
    color: var(--White);
    padding: 10px;
    border:1px solid var(--Mono-300);
    text-align: left;
}

.order-table-header {
    width: 100px;
    background-color: var(--System-success-700);
    color: var(--White);
    padding: 10px;
    border:1px solid var(--Mono-300);
    text-align: left;
}

.fertiliser-plan-table td:first-child, .fertiliser-plan-table th:first-child {
    border-left:none;
}

.fertiliser-plan-table td:last-child, .fertiliser-plan-table th:last-child {
    border-right:none;
}

.fertiliser-plan-table-cell {
    width: 400px;
    padding: 10px;
    border:1px solid var(--Mono-300);
    border-right: 1px solid var(--Mono-300);
    font-weight:550;
}

.fertiliser-plan-table-cell .product-name {
    width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display:inline-block;
}

.fertiliser-plan-table-cell .area-description {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display:inline-block;
}

.order-table-cell {
    width: 100px;
    padding: 5px 10px;
    border:1px solid var(--Mono-300);
    border-right: 1px solid var(--Mono-300);
    font-weight:550;
}

.fertiliser-plan-table-container {
    width:99%;
    overflow-x: auto;
    white-space: nowrap;
    margin-left:10px;
}

.fertiliser-plan-table {
    width:1170px;
    border-collapse: collapse;
    border:1px solid var(--Mono-300);
}

.fertiliser-plan-table-section-header {
    background-color:var(--Mono-100);
    padding: 10px;
    font-weight: 600;
    border: 1px solid var(--Mono-300);
}

.down-triangle {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid black;
    display: inline-block;
}

.financial-tables-container {
    float:right;
    padding: 10px;
}

.financial-table-header {
    background-color: var(--Primary-200);
    color:white;
}

.financial-table th, .financial-table td {
    border:1px solid var(--Mono-300);
    padding:5px;
    width:90px;
}

.financial-table {
    border-collapse: collapse;
}

.financial-tables-container .show-months-link {
    float: left;
    text-decoration: underline;
    font-weight: bold;
}

.total-financial-table {
    margin-top: 10px;
    float: right;
    clear: right;
}

.total-financial-table td {
    width:90px;
    font-weight:bold;
}

.financial-table-container {
    float:right;
}

.fertiliser-map-plan-button {
    width:100px;
    position: relative;
    bottom: 9px;
}

.fertiliser-more {
    margin-left: 30px;
    color: grey;
    font-size: 14px;
    position: relative;
    top: 2px;
}

.fertiliserPlanCircle {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    display: inline-block;
    position: relative;
    top: 2px;
    background: var(--System-success-500);
    margin-right: 5px;
    width: 12px;
    height: 12px;
}

.fertiliser-plan-configure-table {
    padding:5px;
    padding-right: 10px;
    float:right;
}

.fertiliser-orders-table {
    border-collapse:collapse;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:20px;
    border:1px solid var(--Mono-300);
    width:95%;
}

.fertiliser-orders-table th {
    background-color:var(--System-success-700);
    color: white;
    text-align: left;
}

.fertiliser-orders-table th, .fertiliser-orders-table td {
    border:1px solid var(--Mono-300);
    padding:10px;
}

.fertiliser-orders-heading {
    color: var(--Primary-800);
    font-size: 14px;
    padding: 10px;
}

.fertiliser-plan-option-list {
    width:130px;
}

.fertiliser-plan-back-button {
    display:inline-block;
    transform: rotate(180deg);
    padding:10px;
    cursor:pointer;
}

.multiselect-box {
    border:1px solid var(--Mono-300);
    height:150px;
    overflow-y:auto;
}

.multiselect-container {
    float:left;
    width:250px;
}

.multiselect-box-heading {
    margin-bottom:5px;
}

.multiselect-option {
    padding:3px;
}

.multiselect-button {
    display:block;
    height:28px;
}

.multiselect-button-text {
    padding: initial !important;
}

.multiselect-option.selected {
    background: #AAA;
}

.fertiliser-plan-configure-default-container {
    float:left;
    margin:10px;
}

.configure-default-trace {
    width:100px;
}

.fertiliser-plan-default-input {
    width:90px;
    text-align:right;
    padding: 0 7px 0 0px !important;
}

.fertiliser-plan-details-left {
    display:inline-block;
}

.fertiliser-plan-name {
    font-size:20px;
    margin: 20px 0px 0px 20px;
}

.fertiliser-order-heading {
    font-size:20px;
    color: var(--Primary-800);
}

.order-heading {
    font-size:20px;
    color: var(--Primary-800);
    margin:10px;
}

.fertiliser-order-subheading {
    font-size:18px;
    color: var(--Primary-800);
    margin-bottom:10px;
    margin-top:10px;
}

.paddock-select-container {
    width: 300px;
    height:150px;
    overflow: hidden;
    margin-bottom:8px;
    border: 1px solid #eee;
}

.paddock-select-body-container {
    width: 100%;
    height:125px;
    overflow-y: scroll;
}

.fertiliser-product-nutrient {
    width:40px;
}

.fertiliser-product-nutrient-small {
    width:30px;
}

.fertiliser-product-nutrient-cell {
    text-align: center !important;
    padding: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fertiliser-mix-variety-name {
    color: var(--Primary-800);
    font-weight: bold;
}

.paddock-select td{
    padding: 3px 10px !important;
}

.paddock-select tr.selected {
    background-color: lightgrey;
}

.paddock-select-option {

}

.total-area {
    clear:both;
}

.add-new-fertiliser-button {
    font-size: 16px;
    position: relative;
    right: 20px;
    top: 5px;
}

.fertiliser-mix-totals td {
    background-color:var(--Primary-050) !important;
}

.mix-table-delete {
    font-size:16px;
    text-align:center;
    display:block;
    color:grey;
}

.rotate-90 {
    transform: rotate(90deg);
}

.fertiliser-plan-table {
    table-layout:fixed;
}

.fake-input-prepend {
    display: block;
    height: 24px;
    border: 1px solid #AAA;
}

.fertiliser-table-mix-variety-row {
    background-color: var(--Mono-100);
}

.fertiliser-table-mix-variety-row td {
    padding: 5px 10px;
    color: var(--Primary-800);
    font-weight:550;
}

.fertiliser-plan-total-cost-ha {
    text-align: right;
    font-weight: bold;
    margin: 10px;
}

.fertiliser-plan-option-list {
    position:fixed;
}

.trace-elements-headings {
    position: relative;
    bottom: 1px;
}

.empty-fert-group {
    margin-left: 23px;
}

.fertiliser-order-application-details {
    border: 1px solid var(--Mono-300);
    margin:10px;
    padding: 10px;
}

.use-exclusion-zones {
    position: absolute;
    float: right;
    right: 120px;
    top: 71px;
    z-index: 100;
}}

.fert-order-email {
    display:inline-block;
    margin-left: 10px;
}

.orders-table {
    border: 1px solid var(--Mono-300);
    margin:10px;
    border-collapse:collapse;
    table-layout:fixed;
}

.fake-input-prepend-unit {
    padding: 0px 4px 0px 4px;
    border-left: 1px solid #AAA;
    background: var(--Mono-200);
    top: 0px;
    width: 24px;
    float:right;
    height: 20px;
    padding-top: 4px;
    text-align: center;
}

.fake-input {
    margin-top:4px;
    display: inline-block;
    padding-left: 7px;
}

.add-carrier-button {
    position: relative;
    top: 1px;
    left: 5px;
}

.leftHandMiniHeader,label.block.leftHandMiniHeader{
    font-weight:700;
    font-size: 14px;
}

.other-email-address {
    margin: 10px 0px;
}

.add-another-email {

}

.residual-tonnes {
    position:relative;
    top:30px;
    font-weight: bold;
}

.exceeds-tonnage {
    color:red;
}

.fc-view-container{
    border-radius: 8px;
}

.areaType {
    width:250px;
}

.area-type-button {
    display:inline-block;
}

.arrow-down-v {
    background: url(../images/arrow_down.png) no-repeat right;
    height: 10px;
    width: 20px;
    display: inline-block;
}

.calendar-web-activity {
    background: url(../images/calendar/submitted-web.svg) no-repeat;
    height: 18px;
    width: 18px;
    display: inline-block;
    background-size: 100%;
    float: right;
}

.listview-event.selected .calendar-web-activity  {
    background: url(../images/calendar/submitted-web-selected.svg) no-repeat;
}

.calendar-mobile-activity {
    background: url(../images/calendar/submitted-mobile.svg) no-repeat;
    height: 23px;
    width: 12px;
    display: inline-block;
    background-size: 100%;
    float: right;
    margin: 8px 4px;
    top: -7px;
    scale(1.3);
    position: relative;
}

.listview-event.selected .calendar-mobile-activity {
    background: url(../images/calendar/submitted-mobile-selected.svg) no-repeat;
}

.edit-area-description {
    float: right;
    position: relative;
    font-size: 16px;
}

.curved-left-border {
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
}

.curved-right-border {
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
}

.adjust-date-button {
    height: 22px;
    padding: 4px 10px 4px;
    border: 1px solid #AAA;
    width:10px;
    border-left: 0;
    text-align:center;
    cursor:pointer;
}

.adjust-date-icon {
    font-size: 15px;
    display: block;
    colour:var(--Primary-700);
}

.adjust-date-button:hover {
    text-decoration:none !important;
}

.adjust-date-minus {
    font-size: 3px;
    margin-top: 10px;
    margin-left: -1px;
}

.adjust-date-plus {
    margin-top: 4px;
    margin-left: -2px;
}


/* this is an overwrite for jquery ui*/
/* TODO decouple - this CSS makes the eid tabs look strange in the modal window. Removed for now. Do we need this anymore?*/
.button {
    display: inline-block;
    text-align: center;
    min-width: 60px;
    font-size: 12px;
    padding: 4px 10px 4px;
    border: 1px solid var(--Mono-300);
    background: var(--White);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="white",endColorstr="var(--Mono-100)");
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: var(--Mono-900);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    line-height: 16px;
    display: inline-block;
    cursor: pointer;
    -webkit-font-smoothing: subpixel-antialiased;
}


.button:hover {
    text-decoration: none;
    color: var(--Mono-900);
    background: var(--Mono-100);
}


/* this is an overwrite for jquery ui*/
/* TODO decouple - this CSS makes the eid tabs look strange in the modal window. Removed for now. Do we need this anymore?*/
.button-primary {
    display: inline-block;
    text-align: center;
    min-width: 60px;
    font-size: 12px;
    padding: 4px 10px 4px;
    text-decoration: none;
    color: var(--White);
    background: var(--Primary-700);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    line-height: 16px;
    display: inline-block;
    cursor: pointer;
    -webkit-font-smoothing: subpixel-antialiased;
}


.button-primary:hover {
    text-decoration: none;
    color: var(--White);
    background: var(--Primary-900);
}


button.button, input[type="submit"].button {
    *padding-top: 2px;
    *padding-bottom: 2px;
}
button.button::-moz-focus-inner, input[type="submit"].button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
button.button.button-large, input[type="submit"].button.button-large {
    *padding-top: 7px;
    *padding-bottom: 7px;
}
button.button.button-small, input[type="submit"].button.button-small {
    *padding-top: 3px;
    *padding-bottom: 3px;
}
button.button.button-mini, input[type="submit"].button.button-mini {
    *padding-top: 1px;
    *padding-bottom: 1px;
}

#panel-layers .ui-widget-content{
    max-width: 413px;
}

#panel-layers .ui-multiselect-header,.grid-v2 .ui-multiselect-header{
    border: none !important;
    border-bottom: 1px solid var(--Mono-200) !important;
    border-radius: 0;
    background: white !important;
    font-size: 15px !important;
}

#panel-layers .ui-helper-reset .ui-icon,.grid-v2 .ui-helper-reset .ui-icon{
    display: none !important;
}

#panel-layers .ui-widget-header .ui-helper-reset, .grid-v2 .ui-widget-header .ui-helper-reset {
    display:flex;
}

#panel-layers .ui-widget-header .ui-helper-reset li:nth-child(2),.grid-v2 .ui-widget-header .ui-helper-reset li:nth-child(2) {
    margin-left:auto;
}
#panel-layers .ui-multiselect-menu,.grid-v2 .ui-multiselect-menu{
    position: relative !important;
    top: 2px;
    font-size:15px !important;
}

#fwfp-region-selector{
    height:40px;
}

#panel-layers .ui-widget-content a,.grid-v2 .ui-widget-content a{
    color: var(--Mono-600);
}

.grid-v2 .ui-multiselect-checkboxes label {
    font-size:15px;
}

.grid-v2 .ui-multiselect-checkboxes {
    margin-left:0;
}

.grid-v2 .ui-multiselect-checkboxes input {
    height:22px;
    position: relative;
    top: 5px;
}

.mirakaDashboardHeader {
    background-image: url(../images/icons/assurance-dashboard-icon.svg);
    background-size: 30px;
    border: 1px solid black;
    border-color: transparent;
    height: 33px;
    width: 34px;
    background-position: 50% 0px;
    display: block;
}

.nzfaDashboardHeader {
    background: url(../images/icons/nzfa-dashboard-icon.png) no-repeat;
    background-size: 30px;
    border: 1px solid black;
    border-color: transparent;
    height: 33px;
    width: 34px;
    background-position: 50% 0px;
    display: block;
}

.nzfaDashboardHeader:hover {
    background: url(../images/icons/nzfa-dashboard-icon-hover.png) no-repeat;
    background-size: 30px;
    border: 1px solid white;
    border-color: white;
    background-color:#251B94 !important;
    height: 33px;
    width: 34px;
    border-radius: 4px;
    background-position: 50% 0px;
    display: block;
}

.mirakaDashboardHeader:hover {
    background-position: 50%;
    border: 1px solid white;
    border-radius: 4px;
    border-color: white;
    background-color:#251B94;
}


.underlineHover:hover{
    text-decoration: underline !important;
}

.hoverableCheckbox:hover{
    cursor: pointer;
}
.pamuDashboardHeader {
    background-image: url(../images/icons/pamu-dashboard-icon.png);
    background-size: 30px;
    border: 1px solid white;
    height: 33px;
    width: 34px;
    background-position: 50%;
    border-radius: 4px;
    display: block;
}

.pamuDashboardHeader:hover {
    background-image: url(../images/icons/pamu-dashboard-icon-hover.png);
    background-position: 50%;
    border: 1px solid white;
    height: 33px;
    width: 34px;
    border-radius: 4px;
    border-color: white;
}

.horizonDashboardHeader {
    background-image: url(../images/icons/horizon-dashboard-icon.svg);
    background-size: 30px;
    border: 1px solid black;
    border-color: transparent;
    height: 33px;
    width: 34px;
    background-position: 50% 0px;
    display: block;
}

.westlandDashboardHeader {
    background-image: url(../images/icons/westland-dashboard-icon.svg);
    background-size: 30px;
    border: 1px solid black;
    border-color: transparent;
    height: 33px;
    width: 34px;
    background-position: 50% 0px;
    display: block;
}

.horizonDashboardHeader:hover {
    background-position: 50%;
    border: 1px solid white;
    border-radius: 4px;
    border-color: white;
    background-color: #251B94;
}

.testTeamDashboardHeader {
    background: url(../images/icons/test-team-dashboard-icon.png) no-repeat;
    background-size: 30px;
    border: 1px solid var(--Primary-600);
    height: 33px;
    width: 34px;
    background-position: 50%;
    border-radius: 4px;
    display: block;
}


.testTeamDashboardHeader:hover {
    background: url(../images/icons/test-team-dashboard-icon-hover.png) no-repeat;
    background-size: 30px;
    background-position: 50%;
    border: 1px solid white;
    height: 33px;
    width: 34px;
    border-radius: 4px;
    border-color: white;
}


.go-back-subscription{
    color: var(--Mono-700, #374151);font-size: 16px;cursor:pointer;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
}

.go-back-subscription:hover{
    text-decoration: underline;
    cursor: pointer;
}

.finishSection:hover{
    background: var(--Primary-900) !important;
}

.pointerHover > *:hover {
    cursor: pointer;
}
#clickableLink{
    color: var(--Mono-700);
    font-weight: 600;
}

.grey-lightning-bolt {
    background: url(../images/icons/lightning-bolt-grey.svg) no-repeat;
    width: 14px;
    height: 16px;
    display: inline-flex;
    margin-right: 5px;
    padding-bottom: 3px;
}

.blue-lightning-bolt {
    background: url(../images/icons/lightning-bolt-blue.svg) no-repeat;
    width: 14px;
    height: 16px;
    display: inline-flex;
    margin-right: 3px;
    padding-bottom: 3px;
    vertical-align: middle;
}

#clickableLink:hover{
     cursor: pointer;
     color: var(--Mono-900);
     text-decoration: underline;
}

.tableButton.signOffButton {
    color:black !important;
}

.signOffButton:hover {
    cursor: pointer;
}

.table-v2 {
    font-size:15px !important;
}

.listview-event-container .table-v2.grid td{
    padding-top: 0;
    padding-bottom: 0;
    min-height: 52px;
    line-height:30px;
}

.grid tbody td, .grid tfoot td{
    padding: 10px;
}

.fc-event {
    display: flex !important;
}


.fc-event a{
    display: inline-flex;
}


.fc-day-header.fc-mon, .fc-day-header.fc-tue, .fc-day-header.fc-wed, .fc-day-header.fc-thu, .fc-day-header.fc-fri, .fc-day-header.fc-sat, .fc-day-header.fc-sun {
    padding: 8px 24px 8px 24px !important;
}

.calendar-activity-icon{
    width:24px;
    height:24px;
    background-repeat: no-repeat;
}

.fc-other-month {
    background:var(--Mono-050);
}

.calendar-date-selector {
    padding: 4px 8px 4px 8px;
    background: var(--White);
    border: 1px solid var(--Mono-200);
    border-radius: 5px;
    cursor: pointer;
}

#weekSelector {
    min-width: 200px;
}


#weekSelector, #monthSelector {
    margin-right: 30px;
}


.calendar-date-selector:hover {
    background: var(--Mono-100);
}

.fiq-b-resolve{
    background: var(--Primary-700);
    color: white;
}

.fiq-b-resolve:hover{
    background: var(--Primary-900);
}

.quick-filter{
    border: 1px solid var(--Mono-300);
    padding: 4px 4px !important;
    cursor: pointer;
    box-shadow: none;
    box-sizing: border-box;
    display: inline-flex;
    line-height: 24px;
    color: var(--Mono-900);
    font-weight: 600;
    font-size: 15px;
}

.quick-filter-stock-container .quick-filter, .quick-filter-stock-container-cal .quick-filter {
    border-left:none;
}

.quick-filter-stock-container .quick-filter:first-of-type, .quick-filter-stock-container-cal .quick-filter:first-of-type {
    border-left: 1px solid var(--Mono-300);
}


#saveNote:hover {
    background: var(--Primary-900);
}

.quick-filter .quick-filter-text {
    margin-left: 6px;
    margin-right: 6px;
}

.not-stock-quick-filter {
    margin-left: 10px;
    border-radius: 4px;
}

/* First and last quick filter should have rounded corners*/
.quick-filter-stock-container a:first-child , .quick-filter-stock-container-cal a:first-child{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.quick-filter-stock-container a:last-child, .quick-filter-stock-container-cal a:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-right: 14px;
}

.quick-filter:hover {
    background-color: var(--Primary-050);
}

.quick-filter-icon {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    display: block;
}

.quick-filter.quick-filter-selected {
    background-color: var(--Mono-100) !important;
    font-weight: 600;
    color: var(--Primary-700);
    border: 1px solid var(--Primary-700) !important;
}

.cattle-quick-filter {
    margin-left: 4px;
    background: url(../images/calendar/cattle-quick-filter.svg) no-repeat;
    width:26px;
}

#CalendarSettings-dialog {
    height: 650px !important;
    width: 700px;
}

.sheep-quick-filter {
    margin-left: 4px;
    background: url(../images/calendar/sheep-quick-filter.svg) no-repeat;
}

.deer-quick-filter {
    margin-left: 4px;
    background: url(../images/calendar/deer-quick-filter.svg) no-repeat;
}

.goats-quick-filter {
    margin-left: 4px;
    background: url(../images/calendar/goats-quick-filter.svg) no-repeat;
}

.tasks-icon{
    background: url(../images/calendar/tasks-icon.svg) no-repeat;
}

.calendar-tasks-icon {
    min-width: 28px !important;
    max-width: 28px !important;
    width:26px !important;
    height: 25px !important;
    background: url(../images/calendar/tasks-icon.svg) no-repeat;
    margin-left:6px;
    margin-right:0 !important;
    padding-right: 0px !important;
}

.listview-event.selected .calendar-tasks-icon {
    background: url(../images/calendar/tasks-icon-selected.svg) no-repeat;
}

.fc-week .fc-event-container{
    padding-bottom: 0px;
    padding-top: 4px;
}

.calendar-tasks-recurring-icon {
    width:26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    height: 25px !important;
    background: url(../images/calendar/tasks-recurring-icon.svg) no-repeat;
    margin-left:6px;
    margin-right:0px !important;
}

.listview-event.selected .calendar-tasks-recurring-icon {
    background: url(../images/calendar/tasks-recurring-icon-selected.svg) no-repeat;
}

.icon-calendar2 {
    background: url('../images/calendar/calendar-icon.svg') no-repeat center center;
    width:20px;
    height:20px;
    display: inline-flex;
}

.icon-list2 {
    background: url('../images/calendar/list-icon.svg') no-repeat center center;
    width:20px;
    height:20px;
    display: inline-flex;
}

.button-filter-down .icon-list2, .button-filter:hover .icon-list2  {
    background: url('../images/calendar/list-icon-selected.svg') no-repeat center center;
    width:20px;
    height:20px;
    display: inline-flex;
}

.button-filter-down .icon-calendar2, .button-filter:hover .icon-calendar2 {
    background: url('../images/calendar/calendar-icon-selected.svg') no-repeat center center;
    width:20px;
    height:20px;
    display: inline-flex;
}

.calendar-task-overdue {
    background: url("../images/calendar/tasks-icon-overdue.svg") no-repeat center center;
    min-width:20px;
    vertical-align: middle;
    display: inline-grid;
}

.calendar-task-deleted {
    background: url("../images/calendar/deleted-tasks.svg") no-repeat center center;
    min-width:20px;
    vertical-align: middle;
    display: inline-grid;}

.calendar-task-incomplete {
    background: url("../images/calendar/tasks-icon-incomplete.svg") no-repeat center center;
    min-width:20px;
    vertical-align: middle;
    display: inline-grid;
}

.calendar-task-complete {
    background: url("../images/calendar/tasks-icon-completed.svg") no-repeat center center;
    min-width:20px;
    vertical-align: middle;
    display: inline-grid;
}

.calendar-task-did-not-complete {
    background: url("../images/calendar/tasks-icon-did-not-complete.svg") no-repeat center center;
    min-width:20px;
    vertical-align: middle;
    display: inline-grid;
}


/*Render different heights depending on view*/
.listview-event .calendar-task-overdue,
.listview-event .calendar-task-deleted,
.listview-event .calendar-task-incomplete,
.listview-event .calendar-task-complete,
.listview-event .calendar-task-did-not-complete {
    height: 20px;
}

.todd-wrapper .calendar-task-overdue,
.todd-wrapper .calendar-task-deleted,
.todd-wrapper .calendar-task-incomplete,
.todd-wrapper .calendar-task-complete,
.todd-wrapper .calendar-task-did-not-complete {
    height: 25px;
    margin-right:2px;
}


.cattle-grey-icon {
    background: url(../images/calendar/cattle-grey-icon.svg) no-repeat;
    width: 22px;
    height: 20px;
    vertical-align: middle;
    display: inline-grid;
    margin-right: 2px;
}

.cattle-icon {
    background: url(../images/calendar/cattle-icon.svg) no-repeat;
    width: 22px;
    height: 20px;
    vertical-align: middle;
    display: inline-grid;
    margin-right: 2px;
}


.sheep-icon {
    background: url(../images/calendar/sheep-icon.svg) no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-grid;
    margin-right: 2px;
}

.deer-icon {
    background: url(../images/calendar/deer-icon.svg) no-repeat;
    width: 20px;
    height: 24px;
    vertical-align: middle;
    display: inline-grid;
    margin-right: 2px;
}

.goats-icon {
    background: url(../images/calendar/goats-icon.svg) no-repeat;
    width: 20px;
    height: 24px;
    vertical-align: middle;
    display: inline-grid;
    margin-right: 2px;
}

#box1View, #box2View, #viewFrom, #viewTo, #viewFromAnimalPrivileges, #viewToAnimalPrivileges, #viewFromLandPrivileges , #viewToLandPrivileges,
#viewFromAdminPrivileges, #viewToAdminPrivileges, #viewFromReportPrivileges, #viewToReportPrivileges, #viewFromPeoplePrivileges, #viewToPeoplePrivileges
{
    overflow-y:scroll;
}

.listview-event.selected .cattle-icon {
    background: url(../images/calendar/cattle-icon-selected.svg) no-repeat;
}

.listview-event.selected .sheep-icon {
    background: url(../images/calendar/sheep-icon-selected.svg) no-repeat;
}

.listview-event.selected .deer-icon {
    background: url(../images/calendar/deer-icon-selected.svg) no-repeat;
}

.listview-event.selected .goats-icon {
    background: url(../images/calendar/goats-icon-selected.svg) no-repeat;
}

.stockListButtons .button-filter {
    display: inline-flex;
    width: 100%;
}

#confirmPlanting{

}

/*Sarah has asked for this button to be hidden*/
.fc-weekModeButton-button{
    visibility: hidden;
}

.sheep-grey-icon {
    background: url(../images/calendar/sheep-grey-icon.svg) no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-grid;
    margin-right: 2px;
}

.deer-grey-icon {
    background: url(../images/calendar/deer-grey-icon.svg) no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-grid;
    margin-right: 2px;
}

.goats-grey-icon {
    background: url(../images/calendar/goats-grey-icon.svg) no-repeat;
    width: 22px;
    height: 20px;
    vertical-align: middle;
    display: inline-grid;
    margin-right: 2px;
}

.cattle-calendar-coloured {
    background: url(../images/calendar/cattle-icon.svg) no-repeat;
    width: 22px;
    height: 20px;
    vertical-align: middle;
    display: inline-grid;
    margin-left: 6px;
}

.sheep-calendar-coloured {
    background: url(../images/calendar/sheep-icon.svg) no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-grid;
    margin-left: 6px;
}

.deer-calendar-coloured {
    background: url(../images/calendar/deer-icon.svg) no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-grid;
    margin-left: 6px;
}

.goats-calendar-coloured {
    background: url(../images/calendar/goats-icon.svg) no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-grid;
    margin-left: 6px;
}

.listViewToolbarRowTwo, .calendar-view-second-row {
    padding: 15px;
    padding-top: 0px;
    height: 30px;
}

#listViewToolbar {
    padding: 15px;
    height: 30px;
}

.fc-list-view {
    border: none !important;
}

.calendar-activity-icon-calendarview.year-view-icon {
    display: inline-block;
    transform-origin: center;
    padding-right:0;
    margin-left: 4px;
    margin-right: 4px;
    min-width:26px !important;
    max-width:26px !important;
}

.fc-view.fc-year-view .fc-event.calendar-event {
    padding:4px 0;
}


.listview-event.selected .deer-grey-icon {
    background: url(../images/calendar/deer-grey-icon-selected.svg) no-repeat;
}

.listview-event.selected .sheep-grey-icon {
    background: url(../images/calendar/sheep-grey-icon-selected.svg) no-repeat;
}

.listview-event.selected .cattle-grey-icon {
    background: url(../images/calendar/cattle-grey-icon-selected.svg) no-repeat;
}

.listview-event.selected .goats-grey-icon {
    background: url(../images/calendar/goats-grey-icon-selected.svg) no-repeat;
}

.fc-event {
    border-radius: 8px !important;
}

.calendar-select-labels:hover {
    text-decoration: underline;
    color: var(--Mono-900);
}

#finishAnimalSetup:hover, #finishFateAnimal:hover, #finishRecordAnimalMarkingOrWeaning:hover {
    background: var(--Primary-900);
}

h4:empty .animal-type-wrapper {
    /* Your custom CSS here */
    background-color: #f0f0f0; /* Example style */
}


.freshWaterPlans .wrap-single-form {
    border-radius: 0;
    border: none;
}

.general-land-icon-quick-filter {
    background: url('../images/calendar/general-land-icon.svg') no-repeat 0 0;
    width:32px;
}

.land-quick-filter-icon {
    background: url(../images/calendar/general-land-icon.svg) no-repeat 0 0;
    margin-left:4px;
    margin-right:4px;
    width: 24px;
}

.visits-icon-quick-filter {
    background: url('../images/calendar/visits-icon.svg') no-repeat 0 0;
    width:25px;
}

.tasks-quick-filter-icon{
    background: url(../images/calendar/tasks-icon.svg) no-repeat;
    margin-left:4px;
    margin-right:4px;
    width:19px;
}

.product-inventory-quick-filter-icon {
    background: url('../images/calendar/product-inventory-icon.svg') no-repeat 0 0;
    width:31px;
}

.notes-inventory-quick-icon {
    width:22px;
    background: url('../images/calendar/notes-icon.svg') no-repeat 0 0;
}

.button-incomplete-task{
    top: 0 !important;
    line-height: 19px;
}

.fc-event.calendar-event {
    border: 1px solid var(--Mono-200);
    padding: 4px;
    font-weight: 600;
    font-size: 1em;
}

.calendar-year-header {
    padding: 8px 24px 8px 24px !important;
}

.fc-event.calendar-event:hover {
    cursor: pointer;
    background: var(--Primary-050);
}

.table-v2.stripes .selected td {
    background-color: var(--Primary-700) !important;
    color:white;
}

.fc-month-view .fc-event.calendar-event, .fc-year-view .fc-event.calendar-event {
    line-height: 25px;
    transition: transform .25s ease;
    width: auto;
    min-height: 25px;
}

.fc-month-view .fc-event.calendar-event:hover, .fc-year-view .fc-event.calendar-event:hover {
    max-height: none;
    position: absolute;
    z-index: 2;
    transform: scale(1.1); /* Slight zoom effect on hover */
}

.fc-year-view .fc-event.calendar-event:hover{
    transform: scale(1.2);
}

.fc-icon-right-single-arrow:after{
    display: none;
}

.fc-icon-left-single-arrow:after{
    display: none;
}

.fc-icon-right-single-arrow, .fc-icon-left-single-arrow {
    width: 20px;
    height: 20px !important;
    top: 0 !important;
    left: 15%;
    top: -1px;
}

.fc-icon-left-single-arrow{
    background: url(../images/calendar/calendar-left.svg) no-repeat;
}


.fc-icon-right-single-arrow{
    background: url(../images/calendar/calendar-right.svg) no-repeat;
}

.listview-event.selected .diary-assigned-to-icon{
    background: url(../images/calendar/assigned-icon-selected.svg) no-repeat 0 0;
}

.diary-assigned-to-icon {
    background: url(../images/calendar/assigned-icon.svg) no-repeat 0 0;
    width: 14px;
    height: 17px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: sub;
}

#non-prod-banner{
    width:240px;
    height:64px;
    background: red;
}

.tag-holder {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.tag-count-icon {
    background: url(../images/calendar/tag-count-icon.svg) no-repeat;
    width: 20px;
    height: 20px;
    margin-left: 5px;
}

.tag-count-icon-list {
    background: url(../images/calendar/tag-count-icon.svg) no-repeat;
    scale(0.9);
    width: 19px;
    height: 18px;
    margin-left: 5px;
}

.listview-event.selected .tag-count-icon-list {
    background: url(../images/calendar/tag-count-icon-selected.svg) no-repeat;
}


#calendarNoteText {
    width: 450px;
    height: 150px;
}

.listview-event.list-planned {
    background: var(--Goat-100);
}

.listview-event.list-planned:hover {
    background: var(--Goat-200);
}