/*!
 The copyright to the computer program(s) herein is the property
of FarmIQ, New Zealand, e-Spatial and/or other parties (as
applicable). This program(s) may be used and/or copied only with
the written permission from FarmIQ or in accordance with the
terms and conditions stipulated in the agreement/contract under
which the program(s) have been supplied.
*/
@font-face {
    font-family: "Open Sans";
    src: url(fonts/OpenSans-Regular.ttf);
    font-weight: normal;
    font-style: normal;
}

.circleSpinner {
    border-radius:48px;
    width: 48px;
    height: 48px;
    position: relative;
    perspective: 1000px;
}

.event-header-v2 {
    color: var(--Mono-900, #111827);
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
}

.circleSpinner img {
    border: 2px solid white;
    border-radius:100px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    animation: flip 1.2s linear infinite;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

@keyframes flip {
    0% {
        transform: rotateY(0deg);
    }
    50% {
        transform: rotateY(90deg);
    }
    100% {
        transform: rotateY(0deg);
    }
}

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

@font-face {
    font-family: "Open Sans";
    src: url(fonts/OpenSans-Bold.ttf);
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "Open Sans";
    src: url(fonts/OpenSans-Italic.ttf);
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: "Open Sans";
    src: url(fonts/OpenSans-Italic.ttf);
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: "Open Sans";
    src: url(fonts/OpenSans-Semibold.ttf);
    font-weight: 600;
    font-style: normal;
}

body, h1, h2, h3, h4, h5, h6, p, ul, dl, ol, form, fieldset, input, label, table, tbody, tfoot, th, tr, td, textarea, select {
    font-family: "Inter", "helvetica neue", helvetica, "lucinda sans unicode", "sans serif";
    font-weight: normal;
    color: var(--Mono-700);
    padding: 0;
    border: 0;
    margin: 0;
}
body {
    margin: 0;
    line-height: 1.4;
    font-size: 12px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    min-width: 800px;
}

a {
    color: var(--Mono-700);
    text-decoration: none;
}
a:hover {
    color: var(--Mono-700);
}
a:focus {
    outline: thin dotted;
}
a:hover, a:active {
    outline: 0;
}
ul {
    padding: 0;
    margin: 0;
}

input[type='text'], input[type='number'], input[type='password'], input[type='email'], select {
    padding: 0 0 0 7px;
    height: 24px;
    border: 1px solid #AAA;
}

select {
    border: 1px solid #AAA;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 26px;
}

textarea {
    border: 1px solid var(--Mono-300);
    padding:5px;
}
input[type=text], input[type=password] {
    padding: 0 7px;
}
input[disabled='disabled'],input:disabled,select:disabled, label.offline input, input.offline {
    border:1px solid var(--Mono-300);
    background-color: white;
    color: var(--Mono-700);
}
input[readonly="readonly"], select[readonly="readonly"]
{
    border:1px solid var(--Mono-300);
    background-color: white;
}

[data-price-row="true"] input[readonly="readonly"], select[readonly="readonly"] {
    background-color: var(--Mono-100);
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

select:disabled {
    color:var(--Mono-700);
    background:var(--Mono-200);
}
/*
 * @type interface elements
 * @sections aside,.panel-content, #wrap-panel-main-content, #wrap-panel-map, #panel-map, #panel-tools, .panel-with-menu
 *
 */
aside {
    position: fixed;
    min-height: 400px;
    height: 100%;
    background: gray;
    width: 300px;
    float: left;
}


ul + div.layers-tools{
    margin-top: -10px;
}

#survicate-box button {
    background: var(--Primary-700);
}

/* 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, button {
    display: inline-block;
    text-align: center;
    min-width: 60px;
    font-size: 12px;
    padding: 4px 10px 4px;
    border: 1px solid var(--Mono-200);
    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: #000;
    -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;
}

.mapFooterButton {
    height: 32px;
    font-size: 13px;
    font-weight: 600;
    color: var(--Mono-900);
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    display: flex;
}

.mapFooterButton.on {
    border: 2px solid var(--Primary-600);
}

.closeIconButton {
    height: 24px;
    width: 24px;
    cursor: pointer;
    background: url(../images/icons/x-circle.svg) no-repeat;
}

.closeIconButton:hover {
    background: url(../images/icons/x-circle-hover.svg) no-repeat;
}

button:hover {
    color: #000;
    border-color: #999;
    text-decoration: none;
    background: var(--Mono-200);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--Mono-100)",endColorstr="var(--Mono-200)");
    background: -webkit-gradient(linear,left top,left bottom,from(var(--Mono-100)),to(var(--Mono-200)));
    background: -moz-linear-gradient(top,var(--Mono-100),var(--Mono-200));
    background-image: -o-linear-gradient(top,var(--Mono-100) 0,var(--Mono-200) 100%);
    background-image: linear-gradient(to bottom,var(--Mono-100) 0,var(--Mono-200) 100%);
}
/*
 *
 * MAP LAYERS
 *
 */
.panel-layers {
    position: absolute;
    border-bottom: 1px solid #777;
    background: var(--Mono-800);
    padding-bottom: 0;
    width: 200px;
    z-index: 100000;
}

.warning-box-new {
    clear: both;display: flex;flex-direction: row;background:var(--System-warning-050);padding:10px;border-radius:5px;margin:15px 0;font-size: 14px; text-align: left; color: var(--Mono-900);
}
#paddockRemoveYes {
    background: var(--System-error-700);
}
#paddockRemoveYes:hover {
    background: var(--System-error-900);
}

#feature-edit-points-holder .mapHeader,#edit-paddock-panel .mapHeader {
    font-size:13px;
}

input.inputError {
    border:1px solid var(--System-error-700)
}

#multi-paddock-select-message {
    font-size: 13px;
    margin: 10px 0;
}

#feature-edit-points-holder .rulerPointRow div,#edit-paddock-panel .rulerPointRow div  {
    font-size:13px;
}

#feature-edit-points-holder .rulerPointsFooter, #edit-paddock-panel .rulerPointsFooter,.popupPointsFooter {
    font-size:13px;
}

.panel-layers.panel-layers-popup {
    width: 400px;
    background: white;
    padding: 15px;
    border-radius: 5px;
    top: 30%;
    left: calc(50% - 200px);
    text-align:center;
}

.panel-layers.panel-layers-popup h4 {
    font-size: 20px;
    font-weight: 600;
    float: left;
    color: var(--Mono-900);
}

#panel-layers-favourites {
    width: 380px;
    background: white;
    border-radius: 5px;
    padding:10px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 136px;
}

#panel-layers-find-paddock {
    width: 380px;
    background: white;
    border-radius: 5px;
    padding:10px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 136px;
}


.freshwater-farm-flow div #panel-layers-favourites {
    bottom: 234px;
}

.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;
}

.mapHeader {
    font-size:15px;
    font-weight:600;
    border:1px solid var(--Mono-300);
    flex: 1;
    padding:7px;
}
.rulerPointRow {
    display: flex;
    text-align: center;
}
.rulerPointsFooter,.popupPointsFooter{
    background: var(--Primary-050);
    font-size:15px;
    font-weight:700;
    padding:7px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid var(--Mono-300);
    border-top: none;
}
.rulerPointsFooter p,.popupPointsFooter p{
    margin-top: 5px;
    font-size: 15px;
    font-weight: 700;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.rulerPointRow:nth-child(even) div {
    background: var(--Mono-050);
}
.rulerPointRow div {
    font-size:15px;
    font-weight:normal;
    border:1px solid var(--Mono-300);
    flex: 1;
    padding:7px;
    border-top:none;
    text-align: right;
}

.mapLeftSidePanel {
    width:450px;
    display: block;
    float: left;
    height: calc(100% - 149px);
    border-right: 1px solid #dadada;
    padding:10px;
    padding-left:12px;
    position: absolute;
    background: white;
    overflow-y: auto;
}

.freshwater-farm-flow .mapLeftSidePanel {
    height: calc(100% - 247px);
}

.mapLeftSidePanel .closer,
#panel-layers-favourites .closer,
#panel-layers-find-paddock .closer,
.panel-layers.panel-layers-popup .closer,
.freshwater-popup .closer,
.freshwater-popper .closer
{
    position: relative;
    width: 28px;
    height: 28px;
    top: 0px;
    right: 0px;
    text-decoration: none;
    cursor: pointer;
    background: url(../images/icons/clear.svg) no-repeat 0 0;
    display: inline-block;
    float: right;

}

.mapLeftSidePanel .closer:hover,#panel-layers-find-paddock .closer:hover,#panel-layers-favourites .closer:hover, .panel-layers.panel-layers-popup .closer:hover {
    background: url(../images/icons/clear.svg) no-repeat 0 0;
    text-decoration: none;
}

.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;
}

.helpLink {
    border:1px solid var(--Mono-300);
    border-radius:3px;
    padding:5px;
    color:var(--Primary-700);
    background:white;
    font-size: 13px;
    font-weight: bold;
    margin-left:10px;
}

.helpLink:hover {
    text-decoration:none;
    color:var(--Primary-700);
}

.helpLink img {
    position: relative;
    top: 5px;
    margin-right:3px;
}

#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;
}

div.legend li.activeInLegend {
    min-height: 18px;
}

.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;
}

.crvLoading {
    position: absolute;
    width: 300px;
    left: calc(50% - 100px);
    top: 300px;
    height: 100px;
    border: 1px solid var(--Mono-300);
    text-align: center;
    background:white;
    font-size:15px;
    z-index:1;
}

.crvLoading .icon {
    margin-top:30px;
    font-size:20px;
}

.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;
}

ul + div.layers-tools{
    margin-top: -10px;
}

.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.line-above-total {
    padding-top:5px;
    margin-top:5px;
    border-top:1px solid var(--Mono-300);
}

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;
}

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 .ol-scale-line.ol-unselectable{
    right:250px;
    height: 17px;
    top:10px;
    left: initial;
}

#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;
}
/*
 *
 * MAP LEGEND
 *
 */
#legend-container {
    position: fixed;
    right: 242px;
    bottom: 154px;
    display: flex;
    flex-direction: column-reverse;
}

div.legend {
    border-radius: 6px;
    padding: 8px;
    position: absolute;
    font-size: 11px;
    color: var(--Mono-900);
    opacity: 1;
    background: var(--White);
    width: 215px;
    z-index: 100000;
}

div.legend li {
    position: relative;
    list-style-type: none;
    padding: 2px 6px 2px 6px;
    border-bottom: 1px solid var(--Mono-200);
}

div.legend li label {
    display: inline-block;
    position: absolute;
    top: 4px;
    width: 115px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.shapeSelect {
    display: inline-block;
    width: 132px;
    margin-right: 10px;
    padding:2px;
    border: 2px solid var(--White);
    border-radius: 5px;
}

.shapeSelect:hover {
    border: 2px solid var(--Primary-800);
    border-radius: 5px;
    padding:2px;
}

.shapeSelect.shapeSelected {
    border: 2px solid var(--Primary-500);
    border-radius: 5px;
    padding:2px;
}

.shapeSelect div {
    border: 1px solid var(--Mono-300);
    border-radius: 5px;
}

.shapeSelect img {
    width: 100px;
    padding: 10px;
}

.shapeSelect span {
    padding:8px;
    text-align:center;
    font-weight:bold;
    font-size:14px;
    display: block;
    padding-bottom: 0;
}

.featuresText {
    cursor:pointer;
}

.row-has-parent {
    margin-left:20px;
}

.miniColorWrapper.miniColors-trigger {
    width: 445px;
    height: 30px;
    border: 1px solid var(--Mono-400);
    border-radius: 4px;
    background: initial;
    line-height: 30px;
    font-size: 14px;
}

.miniColorWrapper.miniColors-trigger.open .icon-font-down-chevron:before {
    content: "\e9bc";
}

.miniColorWrapper.miniColors-trigger:hover {
    background-color: var(--Mono-100);
    cursor: pointer;
}

.miniColorWrapper.miniColors-trigger span.icon-font-down-chevron {
    font-size: 8px;
    padding-left: 5px;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

.miniColorWrapper.miniColors-trigger a.miniColor-swatch {
    height: 18px;
    width: 18px;
    background: url(../images/trigger.png) center no-repeat;
    vertical-align: middle;
    margin: 0 0.35em 0 0.25em;
    display: inline-block;
    outline: none;
    margin-right:10px;
    margin-left: 6px;
}

div.legend li span.value {
    position: absolute;
    right: 6px;
    top: 4px;
    text-align: right;
    z-index: 100;
}

div.legend ul span.valueMain {
    float: right;
    text-align: right;
    z-index: 100;
    margin-top: 4px;
}

div.legend h3 {
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    border: none;
    margin: 0 0 0 0;
    padding: 5px 6px 2px 6px;
}

div.legend h3 a {
    display: block;
    color: var(--Mono-700);
    text-decoration: none;
    cursor: pointer;
}

div.legendBody {
    max-height: 290px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin; /* For Firefox */
    -ms-overflow-style: none; /* For IE & Edge */
}

div.legendBody::-webkit-scrollbar {
    display: none;
}

div.legend h3.first {
    margin: 0 0 0 0;
    font-size: 15px;
    font-weight: bold;
    color: var(--Mono-900);
    height: 21px;
}

div.legend h3.first a{
    color: white !important;

}

div.legend h3 #legend-toggle  {
    display: inline-block;
    background: url(../images/icons/eye-close.svg) no-repeat;
    background-size: 19px;
    width: 21px;
    height: 21px;
    float: right;
}

div.legend h3 #legend-toggle.open  {
    background-position:  0  0;
    background: url(../images/icons/eye-open.svg) no-repeat;
    background-size: 19px;
}

div.legend h3 #legend-toggle.close  {
    background: url(../images/icons/eye-close.svg) no-repeat;
    background-size: 19px;
}

div.legend h3 a:hover span {
    background-position: -42px -42px;
}
div.legend h3 a.open span {
    background-position:  0  0;
}
div.legend h3 a.open:hover span {
    background-position: 0 -42px;
}
div.legend ul {
    padding-bottom: 10px;
}

div.legend ul ul {
    padding-bottom: 0px;
}
div.legend li span.square {
    display: inline-block;
    position: relative;
    top: 3px;
    background: var(--Mono-700);
    margin-right: 5px;
    width: 14px;
    height: 14px;
}

div.legend li span.circle {
    border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    display: inline-block;
    position: relative;
    top: 3px;
    background: var(--Mono-700);
    margin-right: 5px;
    width: 14px;
    height: 14px;
}

div.legend li div.ring {
    border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border: solid 2px #f00;
    display: inline-block;
    position: relative;
    top: 3px;
    background: transparent;
    margin-right: 5px;
    width: 12px;
    height: 12px;
}

div.legend li div.active {
    background: var(--Primary-700);
}

div.legend li div.clickme {
    cursor: pointer;
    display: block;
    background: transparent;
    width: 100%;
    height: 100%;
}

div.legend li span.line {
    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;
}

div.legend ul span.line {
    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;
}

div.legend li span.polygon {
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 5px;
    width: 14px;
    height: 14px;
}

div.legend li span.any {
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 5px;
    width: 14px;
    height: 14px;
}


#legend-pick-colours {
    font-size: 13px;
    font-weight: 600;
    line-height: 25px;
    color: var(--Mono-900);
    width: 100%;
    border: none;
    text-align: start;
    background: var(--Mono-100);
    border-radius: 0;
    padding: 0 6px;
}

#legend-pick-colours:hover {
    background: var(--Mono-300);
    cursor: pointer;
}

#legend-pick-colours img {
    vertical-align: middle;
}

#panel-colour-selector {
    color: var(--Mono-700);
    border-radius: 6px;
    border: 1px solid var(--Mono-200);
    background: white;
    padding: 12px;
    width: 330px;
}

/*
 * Custom dialog box style for now for legend colour selector.
 * We should removed this once all dialog boxes have the same style.
 */
#panel-colour-selector > .dialog-header {
    background: white;
    font-size: 15px;
    font-weight: 600;
    display: inline-flex;
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
}

#panel-colour-selector > .dialog-header > span {
    color: var(--Mono-900);
    background: white;
    padding: 0;
    height: unset;
    width: unset;
}

#pick-colour-cancel {
    position: unset;
    width: 28px;
    height: 28px;
    top: 20px;
    right: 20px;
    text-decoration: none;
    cursor: pointer;
    background: url("../images/icons/clear.svg") no-repeat;
}

#pick-colour-cancel:hover {
    background-color: var(--Mono-100);
    border-radius: 16px;
    text-decoration: none;
}


#panel-colour-selector > .updatePaddock {
    background-color: white;
    padding: 20px 0 0 0;
}

#panel-colour-selector > .updatePaddock > a.save {
    border-radius: 4px;
    background-color: var(--Primary-700);
    color: white;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    height: 32px;
    padding: 0;
    margin: 0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    border: 1px solid var(--Mono-200);
    display: flex;
    align-items: center;
    justify-content: center;
}

#panel-colour-selector > .updatePaddock > a.save:hover {
    background-color: var(--Primary-900);
}

#panel-colour-selector > p, #panel-colour-selector > fieldset {
    font-size: 13px;
    color: var(--Mono-900);
    margin: 0;
    padding: 8px 0 0 0;
    text-align: left;
}

/*
 * The legend list colour is not wrapping the colour square and the
 * feature name in a div. Instead it uses div in the same level as
 * divider between lines and the location of the div is the first
 * element of the line.
 * To adjust the gap between div, then we need 3 different style
 * for the first div, last div, and in-between div(s).
 */
#legend-list-colour > div {
    padding: 0 0 6px 0;
}

#legend-list-colour > div:first-of-type {
    padding: 0;
}

#legend-list-colour > div:last-of-type {
    padding: 6px 0 0 0;
}
/* End of legend-list-colour */

/* Hiding scrollbar for Pick Colour List */
#legend-list-colour {
    scrollbar-width: thin; /* For Firefox */
    -ms-overflow-style: none; /* For IE & Edge */
}

#legend-list-colour::-webkit-scrollbar {
    display: none; /* For Chrome */
}
/* End of hiding scrollbar for Pick Colour List */

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

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

#weatherStationAssociatedPaddocksLegend {
    font-size: 15px;
}

#weatherStationAssociatedPaddocksLegend span.circle {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    display: inline-block;
    position: relative;
    top: 3px;
    background: var(--Mono-700);
    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.tracmapfarmiq  {
    background: url(../images/trackmap/tabula.png) no-repeat -0 0px;
    width: 100%;
    height: 94px;
    cursor:pointer;
    background-size: cover;
    display:block;
}

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);
}


.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-700);
    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,.panel-task-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,.panel-task-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,.panel-task-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;
}

[aria-describedby="tracmapMessageDialog"] .ui-widget-header, .fiq-dialog .multiSelectAngularDropdown .ui-widget-header {
    background: var(--System-success-500);
}

[aria-describedby="tracmapMessageDialog"] .ui-dialog-titlebar-close {
    background-color:var(--System-success-500);
}

[aria-describedby="tracmapSuccessDialog"] .ui-widget-header, .fiq-dialog .multiSelectAngularDropdown .ui-widget-header {
    background: var(--System-success-500);
}

[aria-describedby="tracmapSuccessDialog"] .ui-dialog-titlebar-close {
    background-color:var(--System-success-500);
}

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

.panel-mob-info h3 a,.panel-task-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;
}

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: 100%;  /* use up all space on my line */
}

.stopMobOverflow {
    max-width: 320px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.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;
}

.mob-info-table-header-new {

}

.mob-table-wrapper-new {
    border-collapse: collapse;
    margin-top:5px;
    font-size: 14px;
}

.mob-table-wrapper-new thead th {
    font-weight:bold;
    text-align: left;
    line-height: 30px;
}

.mob-table-wrapper-new tbody td {
    text-align: left;
    line-height: 30px;
    border-top: 1px solid #d2d2d2;
}

.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-700);
    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;
}

/*
 * MAP TOOLBAR
 *
 */
.panel-map-tools {
    bottom: 0;
    height: 66px;
    width: 100%;
    background: var(--Mono-800);
    position: fixed;
    z-index: 10000;
    text-align: center;
    display: block;
}

#panel-map-tools.panel-map-tools {
    display: flex;
    justify-content: space-between;
}
.freshwater-farm-flow .panel-map-tools {
    left: 0;
    bottom: 72px;
}

.editMap {
    background: url(../images/editMap-bg.png) repeat-x 0 0;
}
.panel-map-tools ul li {
    display: inline;
    list-style-type: none;
    text-align: center;
}
.panel-map-tools a {
    display: inline-block;
    font-size: 10px;
    color: white;
    text-decoration: none;
    padding-top: 37px;
    margin: 10px 0;
    height: 16px;
    width: 80px;
}

#panel-map-edit-tools  a{
    display: inline-block;
    font-size: 10px;
    color: white;
    text-decoration: none;
    padding-top: 37px;
    margin: 10px 0;
    height: 16px;
    width: 110px;
}

a.mapSelect {
    background: url(../images/icon-map-select.png) no-repeat 50% 0;
}
a.mapPrint {
    background: url(../images/icon-map-print.png) no-repeat 50% 0;
}
a.mapMeasure {
    background: url(../images/icon-map-measure.png) no-repeat 50% 0;
}
a.mapDrawJourney {
    background: url(../images/icon-map-draw-journey.png) no-repeat 50% 0;
}
a.mapDraw {
    background: url(../images/icon-managePaddocks.png) no-repeat 50% 0;
}
a.mapBlocks {
    background: url(../images/icon-manageBlocks.png) no-repeat 50% 0;
}
a.mapDrawFeature {
    background: url(../images/icon-drawFeatures.png) no-repeat 50% 0;
}
a.mapDrawHazard {
    background: url(../images/icon-hazard.png) no-repeat 50% 0;
}
a.mapSplit {
    background: url(../images/icon-map-split.png) no-repeat 50% 0;
}
a.mapMerge {
    background: url(../images/icon-map-merge.png) no-repeat 50% 0;
}
a.mapUndo {
    background: url(../images/icon-map-undo.png) no-repeat 50% 0;
}
a.mapLayers {
    background: url(../images/icon-map-layers.png) no-repeat 50% 0;
}
a.mapLabels {
    background: url(../images/icon-map-labels.png) no-repeat 50% 0;
}
a.favouriteViews {
    background: url(../images/views.png) no-repeat 50% 0;
}
a.planningViews {
    background: url(../images/icon-map-layers.png) no-repeat 50% 0;
}
a.help {
    background: url(../images/icon-editmap-help.png) no-repeat 50% 0;
}
a.mapMaps {
    background: url(../images/icon-map-maps.png) no-repeat 50% 0;
}
a.resetCount {
    background: url(../images/icon-reset.png) no-repeat;
    height: 20px;
    width:20px;
    display: inline-block;
    background-position: 50% 5px;
}
a.resetCount.on {
    background: url(../images/icon-reset.png) no-repeat;
    height: 20px;
    width:20px;
    display: inline-block;
    background-position: 50% -21px;
}
a.mapMeasure{
    background: url(../images/icon-map-measure.png) no-repeat 50% 0;
}
a.active {
    background-position: 50% -120px;
}
a.on {
    background-position: 50% -60px;
}

a.disabled {
    background-position: 50% -114px;
}


.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;
}


#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-700);
    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;
}

/*---DIALOG HEADER ----*/
.dialog-header {
    position:relative;
    background:var(--Primary-800) ;
    padding:0;
    margin:0;
    font-size: 1.17em;
}

.dialog-header  span {
    display:inline-block;
    color:#fff;
    background:var(--Primary-700) ;
    padding:7px 25px 0 10px;
    height:25px;
    width:230px;
}

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

/* -- 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;
}
.button:hover, button:hover {
    color: var(--Mono-900);
    border-color: var(--Mono-300);
    text-decoration: none;
    background: var(--Mono-200);
}
.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:first-child {
    *margin-left: 0;
}
.button-new {
    text-align: center;
    min-width: 60px;
    padding: 8px 10px 8px;
    border: 1px solid #b5b5b7;
    border-radius:4px;
    font-weight:bold;
    font-size:14px;
    color:black;
    cursor:pointer;
}

.button-new.button-delete {
    background: var(--System-error-700);
    color:white;
}

.button-new.button-delete:hover {
    background: var(--System-error-900);
    color:white;
}

.drawAndEditButton{
    text-align: center;
    width: 157px;
    padding: 7px 11px 7px 6px;
    border: 1px solid var(--Mono-300);
    border-radius:6px;
    font-weight:600;
    font-size:13px;
    color: var(--Mono-900);
    cursor:pointer;
    background-color: var(--White);
    line-height:18px;
}

.drawAndEditButton:hover {
    background: var(--Mono-300)
}

.button-new-flex {
    display: flex;
    flex-direction: row;
    min-width: 60px;
    padding: 8px 12px 8px 8px;
    border: 1px solid #b5b5b7;
    border-radius: 4px;
    font-weight: bold;
    font-size: 14px;
    color: black;
}

.button-new:hover,
.button-new-flex:hover {
    background: var(--Mono-100);
    text-decoration: none;
    cursor:pointer;
}

.ghost-button-icon {
    border: none;
    background: none;
    font-family: "Inter", "helvetica neue", helvetica, "lucinda sans unicode", "sans serif";
    display: flex;
    padding: 3px 5px;
    padding-right: 8px;
    align-items: center;
    gap: 4px;
    color: var(--Mono-600) !important;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    border-radius: 6px;
}

.ghost-button-icon:hover {
    background: var(--Mono-100);
    text-decoration: none;
    cursor:pointer;
}

.button-new-icon:hover {
    background: white;
    text-decoration: none;
    cursor:pointer;
}

.button-new-icon {
    display: flex;
    border: 1px solid var(--Mono-300);
    border-radius: 6px;
    background: none;
    font-weight: 600;
    color: var(--Mono-900);
    align-items: center;
    gap: 2px;
    padding: 2px 6px 2px 2px;
    font-size: 13px;
}

.sheep-with-circle {
    height: 25px;
    float: left;
    border: 1px solid #C2410C;
    padding: 2px;
    border-radius: 20px;
}

.deer-with-circle {
    height: 25px;
    float: left;
    border: 1px solid #14B8A6;
    padding: 2px;
    border-radius: 20px;
}

.cattle-with-circle {
    height: 25px;
    float: left;
    border: 1px solid #0EA5E9;
    padding: 2px;
    border-radius: 20px;
}

.sheep-without-circle {
    height: 25px;
    float: left;
    padding: 2px;
}

.deer-without-circle {
    height: 25px;
    float: left;
    padding: 2px;
}

.cattle-without-circle {
    height: 25px;
    float: left;
    padding: 2px;
}


.mob-info-content-single-header {
    margin-top:12px;
}

.button-new.button-new-primary {
    color:white;
    background: var(--Primary-700);
}

.button-new.button-new-primary:hover {
    color:white;
    background: var(--Primary-900);
}

.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-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.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;
}
.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;
}
.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: #CCC;
    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);
    border-color: 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;
}

.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);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: var(--Mono-200);
}

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

.button.button-favourite-animal-description {
    background-color: var(--Primary-700);
    min-width: 70px;
    background: 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);
    border-color: var(--Primary-700);
    border-top-color: var(--Mono-200);
    border-bottom-color: var(--Primary-700);
}

.button.button-reject {
    background-color: var(--System-error-700);
    min-width: 70px;
    color: var(--White);
}
.button.button-reject:hover, .button.button-reject:active, .button.button-reject.active, .button.button-reject.disabled, .button.button-reject[disabled] {
    background-color: var(--System-error-900);
    color: var(--White);
}
.button.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;
    background: var(--System-success-900);
}

.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: 164px;
}

.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;
}
.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: normal;
    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(--Mono-700);
    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(--Mono-700);
    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-12 {
    width: 12%;
}
.col-tiny {
    width: 5%
}
.col-utiny {
    width: 1%
}
.col-arrow {
    max-width:2%;
    min-width: 2%;
    width:2%
}
.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-700);
}
.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-700);
    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;
    padding: 10px;
    border: 1px solid var(--Mono-300);
    top: -70px;
}

.currentTab {
    font-size: 14px;
    margin: 10px;
    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 {
    color: var(--Primary-700);
    background: var(--White);
    border: 1px solid var(--Primary-700);
}

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

.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 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-action-buttons-primary {
    text-align: right;
    padding-right: 20px;
    border-top: 1px solid var(--Mono-300);
    margin-right:10px;
}
.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;
}
.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;
}

.rulerPointRow.editMode {
    background: var(--Primary-050) !important;
}
/*
 * 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;
}

.txtbox-closer {
    position: relative;
    width: 15px;
    height: 24px;
    display: inline-block;
    background: url(/farmiq/images/icons/clear.svg) no-repeat center 0px;
    right: 8px;
    float:right;
    top:-32px;
    margin-top: 2px;
    cursor:pointer;
}

.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 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: 45px;
    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: "*";
}
.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;
}

#mapping-import-shapes-panel .icon-font-down-chevron:before {
    background: url(../images/icons/chevron-down.svg);
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
}

#mapping-import-shapes-panel .miniColorWrapper.miniColors-trigger span.icon-font-down-chevron {
    font-size: 8px;
    padding-left: 5px;
    float: right;
    margin-top: 2px;
    margin-right: 3px;
}

#mapping-import-shapes-panel .miniColorWrapper.miniColors-trigger a.miniColor-swatch {
    margin-bottom: 4px;
}

.prettySelect:hover {
    cursor: pointer;
    background-color: var(--Mono-100);
}

.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;
}

.eidCell {
    background: url(../images/icons/tag-solid.svg) no-repeat 50% 50%;
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin-right: 6px;
    align-self: center;
}

.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 #ccc;
}
.stripes td:last-child {
    border-right: 1px solid #ccc;
}

.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 {
    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;
}

#completeUpgradePanel {
    height:85px;
}

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

#completeUpgradePanel .completeUpgradeTitle {
    font-weight:bold;
    padding-bottom:5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#completeUpgradePanel .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 {
    background:var(--Mono-100);
    border: 1px solid var(--Mono-200);
    border-radius: 3px;
    color:var(--Mono-700);
    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-700);
    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;
}

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

.helpLink {
    border:1px solid var(--Mono-300);
    border-radius:3px;
    padding:5px;
    color:var(--Primary-700);
    background:white;
    font-size: 13px;
    font-weight: bold;
    margin-left:10px;
}

.helpLink:hover {
    text-decoration:none;
    color:var(--Primary-700);
}

.helpLink img {
    position: relative;
    top: 5px;
    margin-right:3px;
}

.task-buttons-extra-margin {
    margin-right: 6px;
    margin-top: 12px;
}

.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: 16px;
    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: 16px;
    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;
}

div.reportCriteriaSelection {
    position: fixed;
    bottom: 66px;
    right: 0;
    font-size: 12px;
    color: #EEE;
    background: var(--Mono-900);
    width: 440px;

    z-index: 1000;
}
div#reprort-summary-div {
    color:white;
    font-size: 16px;
    padding: 15px 0px 15px 10px;
}

div#reprort-summary-div span {
    font-size: 11px;
    float:right;
    display:inline-block;
    margin-top: 5px;
    margin-right: 10px;

}

div.summary-selectors{
    padding: 15px 0px 15px 10px;

}
div.summary-selectors select{
    width: 140px;
    margin-right:22px;
}

div.reportCriteriaSelection.stage0 {
    bottom: -100px;
}

div.reportCriteriaSelection.stage1 {
    bottom: 10px;
}

div.reportCriteriaSelection.stage2 {
    bottom: 66px;
}


div.reportCriteriaSelection.stage3 {
    bottom: 66px;
}

.freshwater-farm-flow div .reportCriteriaSelection {
    display: none;
}

div.reportCriteriaSelection.reports {
    background: var(--Primary-800);
}

div.reportCriteriaSelection .odd {
    background-color: white;
}
div.reportCriteriaSelection .even {
    background-color: var(--Mono-100);
    border-bottom:1px solid var(--Mono-200);
    border-top:1px solid var(--Mono-200);
}
div.reportCriteriaSelection input {
    margin-top: 3px;
    margin-bottom: 3px;
    width: 100px;
}

div#selection-paddocks-details-div{
    background-color:white;
}
.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%;
}

.paddockSelectionSummary {
    order: 1;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    color: white;
    right:56px;
    position:relative;
}

#mapSummaryContainer{
    min-width:260px;
}

.paddock-summary-content {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.paddock-summary-content .label {
    order: 1;
    text-align:left;
}

.paddock-summary-content .value {
    order: 2;
    text-align:right;
}

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-didnotcomplete {
    color: var(--Mono-500);
    background: white;
}

.didntGetDone {
    padding: 8px;
    margin: 6px;
    background: var(--Mono-500);
    border-radius: 10px;
    color: white;
}

.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;
}

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

.complete-cell span {
    font-weight:bold;
}

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-image: -moz-linear-gradient(top, var(--Primary-900) 0%, var(--Primary-700));
    background-image: -webkit-linear-gradient(top, var(--Primary-900) 0%, var(--Primary-700));
    background-image: -ms-linear-gradient(top, var(--Primary-900) 0%, var(--Primary-700));
    background-image: linear-gradient(top, var(--Primary-900) 0%, 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-700);
    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-700);
    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-edit-tools > #mapEditTools {
    display: inline-flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

#panel-map-edit-tools > #mapEditTools > div.editToolsAlt {
    align-self: flex-end;
    display: contents;
}

ul.editTools {
    clear: left;
    margin-top: 0px;
    float: left;
    width: 100%;
}
ul.editToolsAlt {
    background: url(../images/editMap-bg.png) repeat;
}
div.rightTool {
    margin-top: -73px;
    margin-right: 15px;
    float: right;
}
.panel-map-tools-reports div.rightTool {
    margin-top: -63px;
    margin-right: 15px;
    float: right;
}

.flexCenter {
    display: flex;
    align-items: center;
}


.flexCenterSpaced {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fc-row.fc-week.fc-widget-content:nth-child(1) {
    z-index: 10;
}

.fc-row.fc-week.fc-widget-content:nth-child(2) {
    z-index: 9;
}

.fc-row.fc-week.fc-widget-content:nth-child(3) {
    z-index: 8;
}

.fc-row.fc-week.fc-widget-content:nth-child(4) {
    z-index: 7;
}

.fc-row.fc-week.fc-widget-content:nth-child(5) {
    z-index: 6;
}

.fc-row.fc-week.fc-widget-content:nth-child(6) {
    z-index: 5;
}

.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;
}

.calendar-header-section {
    display: flex;
    flex-direction: row;
    max-width: 400px; /*Don't remove this or the div will cover the buttons for tasks*/
}

.calendar-header-icon {
    width:30px;
    margin-right:10px;
    position: relative;
    top: 6px;
}

.calendar-header-section h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: var(--Mono-900);
}

.animal-type-wrapper {
    position:relative;
}

.audit-information p {
    margin-top:15px;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

article table.diary-information-table {
    font-size:13px;
    margin-top:20px;
}

article table.diary-information-table h3 {
    font-size:16px !important;
    font-weight:600;
}

article table.diary-information-table td {
    border:none !important;
    margin-top:6px !important;
    font-size:14px;
    padding-left:0 !important;
}

.animal-type-wrapper span {
    position:absolute;
    width: 26px;
    height: 26px;
    left: 7px;
    top: -3px;
    display: inline-block;
}

.calendar-header-wrapper {
    width:100%;
}

.calendar-header-wrapper p {
    font-size: 15px;
    font-weight: normal;
    line-height: 24px;
}

.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_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(--Mono-300);
}
.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: 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));
    padding: 0px 10px;
    color: #555;
    font-weight: bold;
    border-top: 1px solid var(--White);
    height: 39px;
}

.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(--Mono-700);
    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(--Mono-700);
    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-050)
}
.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;
}

.calendar-list-description strong {
    font-weight:600;
}


.event-holder .event-text {
    font-weight:400;
}

.event-holder .event-text strong {
    font-weight:600;
}

.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;
}

span.paperclip {
    background: url(../images/icons/paperclip.svg) no-repeat 0 0;
    background-size: 18px 22px;
    display:inline-block;
    height:21px;
    width:21px;
}

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;
}

.search-results-row {
    padding: 16px 0px;
    border-bottom: 1px solid var(--Mono-300);
    background: var(--White);
    color: var(--Mono-700);
}
.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;
}

.locationWarning {
    border-radius: 6px;
    background: var(--Primary-050);
    padding: 9px;
    margin-right: 76px;
    font-size: 13px;
    line-height: 18px;
}

.locationWarning img {
    margin-right: 5px;
    position: relative;
    top: 3px;
}

.lmuSection {
    border-radius: 6px;
    padding:8px 14px;
}

.breadcrumbs {
    padding-top:20px;
    font-size: 17px;
    line-height: 24px;
}

.breadcrumbs a {
    display:inline-block;
    text-decoration: underline;
    cursor:pointer;
}

.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: 4px;
    border: 1px solid #CCC;
}

.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;
}

.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;
}

.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;
}

.section-icon-row {
    color:var(--Mono-500)
}

.mappingSection:hover .section-icon-row {
    color:var(--Mono-800)
}

.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-top: 1px solid var(--Mono-300);
    border-bottom: 1px solid var(--Mono-300);
    padding: 0;
}
.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;
}

#search-farm-name:focus {
    border: 1px solid var(--Primary-700);
}
/*
 *
 * 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;
}

.mapSideSection {

}

.mapSideSection h2 {
    font-size:15px;
    color: var(--Mono-900);
    font-weight:600;
}

.mapSideSection .drawComponent.disabled {
    background: var(--Mono-300);
}
.mapSideSection .drawComponent {
    width: 120px;
    height: 94px;
    float:left;
    border: 1px solid var(--Mono-300);
    border-radius:5px;
    font-size:13px;
    font-weight:600;
    padding:10px;
    margin-top:10px;
}
#associatedPaddocksDiv {
    font-size:13px;
}

.grid-v2 input {
    height: 30px;
    border-radius: 5px;
}

.grid-v2 input.datepicker {
    background-position-y: 2px;
}

.grid-v2 input[type="radio"] {
    height: 12px;
    border-radius: initial;
    margin-right:5px;
}

/*
    Date picker
*/
.ui-datepicker-calendar .ui-state-hover{
    background: var(--Mono-200);
}

.ui-datepicker-calendar .ui-state-active{
    background: var(--Primary-700) !important;
    color: white; !important;
}

body .ui-datepicker-calendar .ui-state-highlight, body .ui-datepicker-calendar .ui-widget-content .ui-state-highlight, body .ui-datepicker-calendar .ui-widget-header .ui-state-highlight {
    background: var(--Mono-200);
    color: var(--Black);
}


.grid-v2 .input-prepend .unit, .grid-v2 .input-append .unit {
    height: 30px;
    line-height: 30px;
    border-radius: 0 5px 5px 0;
}

.grid-v2 select {
    height: 30px;
    border-radius: 5px;
    margin-right: 0px;
}

.grid-v2 .required:after {
    color:var(--System-error-700);
}

.grid-v2 label {
    font-size:13px;
}

.modernSelector{
    border: 1px solid var(--Mono-300) !important ;
    font-size: 15px;
}

.modernSelector:hover{
    background: var(--Mono-050);
    cursor:pointer;
}

.labelAssociatedPaddocks {
    font-weight:bold;
}
.associatedPaddocksHelpMessageNew {
    padding: 8px;
    width: 520px;
    border-radius: 5px;
    background: var(--Cattle-sky-050);
    border: 1px solid var(--Cattle-sky-500);
}
.mapSideSection .drawComponent .drawComponentTitle {
    width: 90px;
    display: inline-block;
}

.mapSideSection .drawComponent .drawInfo{
    width: 20px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    background: url("../images/icons/info-black.svg") no-repeat center 0px;
}

.mapSideSection .drawComponent:hover .drawInfo {
    background: url("../images/icons/info-blue.svg") no-repeat center 0px;
}

.mapSideSection .drawComponent:hover .infoMessage {
    display:block;
}

.drawComponentImgHolder {
    text-align: left;
    margin-top:10px;
}


.split {
    font-size:13px;
    margin-top:13px;
}

#mapping-draw-paddock-panel-choose-points #feature-name-error,#feature-name-error2,#effluent-run-error,#editPaddockError2,#report-criteria-error {
    color: var(--System-error-900);
    margin-top: 10px;
    font-size: 13px;
}

.module-search .button-search-clear:hover {
    background: url("../images/button-clear-search.png") no-repeat center -25px;
}

.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);
}

.chart2 .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-700);
}

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;
}




#panel-layers-reporting-criteria {
    width: 450px;
}

#panel-layers-reporting-criteria div.criteria-inputs {
    float: left;
}

.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 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-700) !important;
}

.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-700);
}

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-700);
    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(--Mono-100) 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: #fff;
    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: "Open Sans", "helvetica neue", helvetica, "lucinda sans unicode", "sans serif";
    font-size: 9pt;
    color:var(--Mono-700);
}

#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: blue;
}

#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; }

.mobTallies {
    margin-top: 12px;
}

.hoverActivity:hover {
    background: var(--Mono-050);
}

.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-700);
    border-radius:3px;
    color:white;
    position:absolute;
    width:310px;
    height:45px;
    left:25px;
    top:25px;
}

.mapToast {
    z-index: 10001;
    background:#F0FDF4;
    border-radius:3px;
    color:#111827;
    position:absolute;
    width:310px;
    height:45px;
    left:25px;
    top:25px;
    font-size:14px;
    padding: 10px;
}

.mapToastHeader {
    font-weight:bold;
    ext-overflow: ellipsis;
    white-space: nowrap;
    max-width: 270px;
    overflow: hidden;
}

.mapToastDetail {
    ext-overflow: ellipsis;
    white-space: nowrap;
    max-width: 270px;
    overflow: hidden;
}

.holdingPenDiv {
    padding-top:7px;
    padding-left:10px;
    padding-right:10px;
}

.righty.holdingPenDiv {
    padding-top:9px;
}

#activity {
    background-color: white;
}

.new-file {
    color: var(--Primary-800);
    font-size: 11px;
    margin-left: 5px;
    font-weight:bold;
    font-style: italic;
}

.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);
}

.price-warning {
    padding-bottom: 10px;
}
.price-warning p {
    background:     var(--System-warning-050);
    padding: 10px;
    border-radius: 5px;
    border: 1px solid var(--System-warning-500);
    display: inline-block;
    width: 500px;
}
.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-700);
    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);
}

/* Summary Animals */
.summary-container {
    display: flex;
    justify-content: space-between;
    order: 3;
    gap: 20px;
    margin: 7px 15px 7px 10px;
}

.map-selection-container {
    order: 1;
    margin-left: 15px;
}

.map-selection-container > div#mapSelectionTools {
    display: inline-flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.map-edit-tools-container {
    order: 2;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 20px;
}

.animalTotals {
    order: 2;
    display: flex;
    flex-direction: column;
    position:relative;
    right:58px;
}

.animal-type-summary-content {
    background-size: 18px 18px;
    height: 16px;
    color: white;
    padding: 2px 0 0 2px;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}

.animal-type-summary-content > img {
    height: 16px;
    float: left;
}

.animal-type-summary-content span.label {
    margin-left: 5px;
    flex-basis: 50%;
    text-align: left;
}

.animal-type-summary-content span.value {
    text-align: right;
}

.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;
}

.table-v2.grid tr th:last-child {
    border-right: 1px solid #ccc;
}

.table-v2.no-sort th:after {
    display:none !important;
}

.table-v2 .rulerPointRow {
    text-align:left;
}

.color-swatch {
    display:inline-block;
    float:right;
    width:20px;
    height:20px;
}

.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(--Primary-050);
    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-700);
}
#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 {
    background-color: var(--System-success-050);
    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-200);
}

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: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: var(--Mono-100);
    border-radius: 12px;
}

div.animal-select-check-for-tags ul a {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 5px;
    border-radius: 12px;
    min-width: 100px;
    line-height: 13px;
    background: var(--Primary-700);
    background: -webkit-linear-gradient(var(--Primary-700), var(--Primary-700));
    background: var(--Primary-700);;
    border-color: var(--Primary-700);
    border-top-color: var(--Mono-200);
    border-bottom-color: var(--Primary-700);
}

a.register-tags-in-txn, a.register-tags-in-txn:hover {
    background:-webkit-gradient(linear, left top, left bottom, from(var(--Sheep-orange-500)), to(var(--Sheep-orange-500)));
    background:-moz-linear-gradient(top, var(--Sheep-orange-500), var(--Sheep-orange-500));
    background:-ms-linear-gradient(top, var(--Sheep-orange-500), var(--Sheep-orange-500));
    font-weight: bold;
    color:#fff;
    text-align:center;
    text-decoration:none;
    border-radius:4px;
    box-shadow: 0px 1px 3px ;
}

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+label, .mode-selection {
    width: 3em;
    padding: 4px 7px 4px 7px;
    background-color: var(--Mono-200);
    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(--Mono-200);
}
.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 .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);
    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: 9px;
}

.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;
}

.farmax-total {
    font-weight:bold;
    margin-bottom:5px;
}
.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/icon-search.png") 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;
}

.farmax-projected {
    font-size: 9px;
    display: block;
    font-style: italic;
}
#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-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;
}

#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;
}

.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-200);
    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(--Mono-100) !important;
    border: 1px solid #aaa !important;
    border-radius: 5px;
    height: 26px;
}

.ui-multiselect span:nth-child(2) {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 85%;
    display: inline-block;
}

.ui-multiselect.ui-state-hover {
    background:var(--Mono-100);
}

.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 #aaa !important;
}

.ui-multiselect-checkboxes {
    position: relative /* fixes bug in IE6/7 */;
    overflow-y: auto;
    padding-left: 5px;
}

.fc-day-grid-event.calendar-event.calendar-tasks-icon {
    width:auto !important;
}

#detailsDialog .activity-detail {
    position: relative;
    top: -20px;
}

.activity-detail .task-row {
    border:none;
}

.ui-multiselect-filter {
    float: left;
    margin-right: 10px;
    font-size: 11px;
    color: var(--Mono-700);
    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;
}

crvmultiselect .ui-multiselect span.ui-icon {
    width: 23px !important;
}

.ui-multiselect span.ui-icon {
    float: right;
    background-position: 0 !important;
    width: 21px;
    height: 18px;
}

.grid-v2 .ui-multiselect span.ui-icon {
    width: 36px;
}

a.button[disabled] span {
    color: var(--Black);
}

a.button[disabled]:before {
    color: var(--Black);
}



.ui-multiselect.ui-state-default .ui-icon {
    background-image: url(../images/icons/chevron-down.svg);
}

.ui-multiselect.ui-state-active .ui-icon {
    background-image: url(../images/icons/chevron-up.svg);
}

.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;
}

.task-category-display-calendar {
    padding: 4px;
    vertical-align: top;
    border-radius: 4px;
    display:block !important;

}

.task-category-display.task-category-label {
    margin: 0;
    margin-right: 10px;
    margin-bottom: 3px;
    padding: 5px;
    height: 17px;
}

.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-700) !important;
    font-weight:bold;
    background:var(--System-error-700);
    padding:10px;
    margin-bottom:10px;
    border: 1px solid var(--Mono-700);
    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-700);
    color:var(--Mono-700);
}
.systemAlert div a.button:hover {
    border: 1px solid var(--Mono-700);
    color:var(--System-error-700);
}

.systemAlert p {
    color:var(--Mono-700);
    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-700);
}

.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-700) 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: 4px 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);
}

.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-700);
    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;
}

.mapPrintSelection {
    background-color: white;
    opacity: 0.50;
    filter: alpha(opacity=50);
}

.grid tfoot td.total-row-placeholder {
    border: none;
}

.report-results-heading {
    background: var(--Mono-100);
    font-size: 16px;
    padding: 20px;
    border-bottom: 1px solid var(--Mono-300);
}

.hamburger-criteria {
    background: rgb(36, 39, 43);
}

.hamburger-criteria label, .hamburger-criteria .sub-form-heading {
    color: white;
}

.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: 5px 5px 5px 5px;
    margin-bottom: 5px;
    background: var(--Mono-100);
}
.cal-attachment:hover {
    background: var(--Primary-900);
}
.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-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-700);
    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-700);
    text-decoration: none;
    position: absolute;
}

.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;
}

#legend-list h3 {
    cursor: pointer;
    border-bottom: 1px solid var(--Mono-200);
}

#legend-list h3.collapsable:after {
    width: 21px;
    height: 21px;
    background: url("../images/icons/chevron-up.svg") no-repeat;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    content:'';
    float: right;
}

#legend-list h3.collapsable.closed:after {
    background: url("../images/icons/chevron-down.svg") no-repeat;
}

div.closable {
    display:inline-block;
    width:20px;
    height:20px;
}
div.closable.closed {
    background: url("../images/icons/chevron-down.svg") no-repeat;
}

div.closable.open {
    background: url("../images/icons/chevron-up.svg") no-repeat;
}

.activityBox {
    display:flex;
    border-radius: 6px;
    border: 1px solid var(--Mono-300);
    background: var(--Mono-050);

}

.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 {
    height:50px;
    line-height: 50px;
    padding-left: 10px;
    font-weight:bold;
    border-bottom:1px solid var(--Mono-300);
}

.sideLeftItem a {
    color:#555;
}

.sideLeftItem.active {
    border-left:3px solid var(--Primary-700);

    padding-left: 7px;
    background:white;
}

.sideLeftItem.active a {
    color:var(--Primary-700);
}

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.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.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;
}

.navItemContainer {
    margin: 4px 10px 0px 10px;
    border-radius: 8px;
}

.centerFlex {
    display: flex;
    align-items: center;
}

.rightSide {
    width:calc(100% - 251px);
    float:right;
    border-left:1px solid var(--Mono-300);
}

.leftSideNav {
    font-weight:bold;
}

.leftSideNav.navItemContainer {
    padding: 10px;
}

.leftSideNav {
    border-bottom:1px solid var(--Mono-300);
    padding: 15px;
}

.emptyListDisplay {
    padding-left:20px;
}

.leftSideNav a {
    color:var(--Mono-700);
}

.leftSideNav.activeNav {

}

.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-700);
    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-700);
    margin-right: 5px;
    margin-left: 5px;
    width: 8px;
    height: 8px;
}

.plancircle2 {
    border-radius: 7px;
    display: inline-block;
    position: relative;
    top: 3px;
    background: var(--Mono-700);
    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%;
}

.mobsFilterSection .layersSection {
    border-bottom: none;
}

.mobsFilterSection .layersSelectorSection {
    border-bottom: 1px solid var(--Mono-300);
    padding-bottom: 10px;
}

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;
}

div.miraka-logo {
    background: url(../images/miraka-company-dashboard.png) no-repeat 0 2px;
    padding: 9px 0 0 47px;
    height: 34px;
}

div.farmax-logo {
    background: url(../images/farmax-logo.png) no-repeat 0 2px;
    padding: 9px 0 0 47px;
    height: 34px;
    background-size: 40px;
}

div.tepari-logo-small {
    background: url(../images/tepari/small.png) no-repeat 0 2px;
    padding: 9px 0 0 47px;
    height: 34px;
    background-size: 40px;
}

div.gallagher-logo-small {
    background: url(../images/gallagher/small.png) no-repeat 0 2px;
    padding: 9px 0 0 47px;
    height: 34px;
    background-size: 40px;
}

div.fonterra-logo-small {
    background: url(../images/fonterra/fonterra-mobile-white-logo.svg) no-repeat 0 11px;
    padding: 9px 0 0 47px;
    height: 34px;
    background-size: 38px;
}

div.datamars-logo-small {
    background: url(../images/datamars/datamars.png) no-repeat 0 11px;
    padding: 9px 0 0 47px;
    height: 34px;
    background-size: 40px;
}

div.datamars-logo-small2 {
    background: url(../images/datamars/datamars.png) no-repeat 0 0;
    padding: 9px 0 0 47px;
    height: 34px;
    background-size: 40px;
}

div.nzfa-logo {
    background: url(../images/icons/nzfap-green-external.jpg) no-repeat 0 2px;
    background-size: contain;
    padding: 0px 0 0 110px;
    height: 55px;
    width: 400px;
}

.coverReport.farmaxReport:after {
    content: '';
    background: url(../images/powered-farmax.svg) no-repeat 0 2px;
    position: absolute;
    background-size: 100px 22px;
    z-index: 99;
    top: 6%;
    left: 70%;
    width: 100px;
    height: 22px;
}


div.pamu-dashboard-logo {
    background: url(../images/pamu-dashboard-logo.png) no-repeat 0 2px;
    padding: 9px 0 0 47px;
    height: 34px;
}

div.horizon-dashboard-logo {
    background: url(../images/horizon-logo.jpeg) no-repeat 0 2px;
    padding: 9px 0 0 120px;
    height: 34px;
    background-size:100px;
}

div.westland-dashboard-logo {
    background: url(../images/westland-logo.png) no-repeat 0 2px;
    padding: 9px 0 0 120px;
    height: 34px;
    background-size:250px;
    background-color: #69babb;
    text-indent: -9999px;
}

div.test-team-dashboard-logo {
    background: url(../images/logon-logo.png) no-repeat 0 2px;
    background-size: 30px;
    padding: 9px 0 0 120px;
    height: 34px;
    background-size:100px;
}

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-700);
}

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;
}

a.button-show-all {
    display: inline-block;
    text-indent: -5000px;
    width: 16px;
    height: 16px;
    background: url(../images/icon-show-all.png) no-repeat 0 0;
}

a.button-show-favourites {
    display: inline-block;
    text-indent: -5000px;
    width: 16px;
    height: 16px;
    background: url(../images/icon-show-favourites.png) 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-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;
}

div.searchResultsPaddock ul {
    height: initial;
    max-height: 100px;
    overflow-y: auto;
    margin: 0;
    font-size: 15px;
    margin-bottom:10px;
}

div.searchResultsPaddock ul li {
    text-decoration: underline;
    cursor: pointer;
    padding-bottom:8px;
    color(var--Mono-700);
}

div.searchResultsPaddock ul li:hover {
    color:var(--Mono-900);
    background:var(--Mono-100);
}

div.searchResultsPaddock ul li::selection {
    color:var(--Mono-900);
    background:var(--Mono-100);
}

.paddock-search-selected{
    color:var(--Mono-900);
    background:var(--Primary-050);
}

#mobFilteringEnabled > a {
    font-size: 15px;
    color: var(--Primary-900);
    font-weight: bold;
    line-height: 34px;
}
#mobFilteringEnabled > .statusLine {
    float: right;
    line-height: 30px;
    font-style: italic;
}

#mobFilteringEnabled > .statusLine.inEffect {
    font-weight:bold;
    color:var(--System-success-700);
}
.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:20px !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(--Mono-200);
    font-size: 16px !important;
    float:right;
}
.table-option-list > li:hover .table-hover-icon {
    color:white;
}
.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:white;
    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;
}
.numberCircle {
    border-radius: 12px; /* one half of ( (border * 2) + height + padding ) */
    color: var(--Mono-700);
    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;
    background-color:var(--Mono-200);
    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-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-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;
}

.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/farmlandcard.png);
    background-repeat: no-repeat;
}

.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;
}

.calendar-task-overdue .lwp-requirement-calendar, .calendar-task-overdue.lwp-requirement-calendar-list {
    background-image: url(../images/lwp-requirement-calendar-overdue.svg);
}

.calendar-task-incomplete .lwp-requirement-calendar, .calendar-task-incomplete.lwp-requirement-calendar-list {
    background-image: url(../images/lwp-requirement-calendar-incomplete.svg);
}

.calendar-task-completed .lwp-requirement-calendar, .calendar-task-completed.lwp-requirement-calendar-list {
    background-image: url(../images/lwp-requirement-calendar-completed.svg);
}

.lwp-requirement-calendar-list {
    background-image: url(../images/lwp-requirement-calendar.svg);
    background-repeat: no-repeat;
    width: 15px !important;
    height: 24px !important;
    margin: 9px 11px -5px 6px !important;
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari */
    color-adjust: exact !important;                 /* Firefox */
}

.lwp-requirement-calendar {
    background-image: url(../images/lwp-requirement-calendar.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 21px;
    height: 17px;
    vertical-align: middle;
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari */
    color-adjust: exact !important;                 /* Firefox */
}

#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%;
}

.crv-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);
}

.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;
}


.switchtag {
    background: url(../images/switchtag.png) no-repeat 0 0;
    background-repeat: no-repeat;
    width: 33px;
    height: 30px;
    display: inline-block;
    background-size: 33px 30px;
    margin-right: 4px;
    position: relative;
    top: 7px;
}

.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;
}

.other-email-address {
    margin: 10px 0px;
}

.add-another-email {

}

.residual-tonnes {
    position:relative;
    top:30px;
    font-weight: bold;
}

.exceeds-tonnage {
    color:red;
}

.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-mobile-activity {
    background: url(../images/icon-mobilePhone.png) no-repeat;
    height: 23px;
    width: 12px;
    display: inline-block;
    background-size: 100%;
    float: right;
    margin: 4px 4px;
}

.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;
}
.queriesTitle {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 5px;
}

.queriesSubTitle {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}


.queriesTitleAlert {
    color:var(--System-error-700);
}

tr.greenText td {
    color:var(--System-success-700);
    font-weight:bold;
}

tr.redText td {
    color:var(--System-error-700);
    font-weight:bold;
}

.dashboardFav {
    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;
    top: 14px;
    margin-top: 12px;
    margin-right: 6px;
    left: 30px;
}
.dashboardFav.selectedFav {
    background: url(../images/icon-star-favourite.png) no-repeat 0 2px;
}

.userFav {
    width: 30px;
    display: inline-block;
    height: 23px;
    cursor: pointer;
    background: url(../images/icons/fav.svg) no-repeat;
    margin-right: 6px;
    position: absolute;
    top: 13px;
}
.userFav.selectedFav {
    background: url(../images/icons/fav-selected.svg) no-repeat;
}

input.searchicon {
    background: transparent url("../images/icons/search.svg") no-repeat 6px;
    height: 23px;
    width: 23px;
    padding-left: 25px;
}

.farmiqTab {
    height:19px;
    margin-top:20px;
    margin-left:10px;
    display:inline-block !important;
    width:120px;
    border: 1px solid #d2d2d2;
    color:#AAA;
    background:#eee;
    font-weight:bold;
    padding:10px 5px;
    text-align:center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor:pointer;
}

.farmiqLoadingWrapper {
    z-index: 200000;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgb(0, 0, 0);
    opacity: 0.6;
    cursor: wait;
    position: fixed;
}

.farmiqLoading {
    position: absolute;
    width: 300px;
    left: calc(50% - 100px);
    top: 300px;
    height: 100px;
    border: 1px solid #d2d2d2;
    text-align: center;
    background-color:white;
    font-size:15px;
    z-index:200001;
}

.farmiqLoading .icon {
    margin-top:30px;
    font-size:20px;
}

.farmiq-form .form-action-buttons-primary {
    background: #fafafa;
    border-bottom:none;
}


.smallTabs .farmiqTab {
    width:50px;
    margin-top:0px;
    border-bottom: none;
}

.farmiqTab.active {
    background:#251B94 !important;
    color:white !important;
}

.farmiqTab:hover {
    background:#f2f2f2;
    color:#02457a;
    text-decoration:none;
}

.farmiq-expander {
    background: #dcdcdc;
    padding: 6px;
    font-weight: bold;
    margin-bottom:3px;
}

.farmiqTabSection {
    height:60px;
    border-bottom:1px solid #d2d2d2;
}
.marker-txt {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    width: 35px;
    height: 35px;
    background-color: var(--Mono-900)F48;
    border-radius: 4px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}
.marker-txt2 {
    position: absolute;
    right: -9px;
    top: -9px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 7pt;
    width: 16px;
    height: 16px;
    background-color: red;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.report-toggler {
    margin: 4px 6px;
    display: block;
    border: 1px solid #374151;
    padding: 3px;
    text-align: center;
    border-radius: 4px;
    font-weight: bold;
    color:#5981ae;
    cursor:pointer;
}

.report-toggler.selected {
    background:#5042F8;
    color:white;
}

.report-toggler:hover {
    text-decoration:none;
}
.farmiq-expander .expend-counter {
    color:#888;
    font-weight:normal;
}
.farmiq-expander .icon {
    font-size: 10px;
    margin-top: 4px;
    margin-left: 4px;
}

.leftSideNav.activeNav a {
    color:#5981AE;
}

.leftSideNav.activeNav {

}

#panUp {
    border-radius: 5px 5px 0 0;
    border: 1px solid var(--Mono-400);
    border-bottom: none;
    background-color: white;
    background-image: url(../images/icons/arrowhead.svg);
    background-repeat: no-repeat;
    background-position: center;
}

#panRight {
    background-color: white;
    border-radius: 5px 5px 0 0;
    border: 1px solid var(--Mono-400);
    border-bottom: none;
    left: 30px;
    top: 30px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background-image: url(../images/icons/arrowhead.svg);
    background-repeat: no-repeat;
    background-position: center;
}

#panDown {
    background-color: white;
    border-radius: 5px 5px 0 0;
    border: 1px solid var(--Mono-400);
    border-bottom: none;
    top: 60px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background-image: url(../images/icons/arrowhead.svg);
    background-repeat: no-repeat;
    background-position: center;
}

#panLeft {
    background-color: white;
    border-radius: 5px 5px 0 0;
    border: 1px solid var(--Mono-400);
    border-bottom: none;
    left: -30px;
    top: 30px;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    background-image: url(../images/icons/arrowhead.svg);
    background-repeat: no-repeat;
    background-position: center;
}

#centerButton,#centerButtonPopup {
    background-color: white;
    top: 30px;
    border: 1px solid var(--Mono-400);
    background-image: url(../images/icons/map-center.svg);
    background-repeat: no-repeat;
    background-position: center;
}

#centerButton:hover,#centerButtonPopup:hover {
    background-image: url(../images/icons/map-center-hover.svg);
}

#trueNorth,#trueNorthPopup {
    border-radius: 0 0 5px 5px;
    background:white;
    border: 1px solid var(--Mono-400)
}

#compassIcon,#compassIconPopup {

    background-repeat: no-repeat;
    background-position: center;
    height: 28px;
}

#compassIcon:hover,#compassIconPopup:hover {
    content: url(../images/icons/compass-hover.svg);
}

#panDown:hover, #panUp:hover, #panRight:hover, #panLeft:hover {
    background-image: url(../images/icons/arrowhead-hover.svg);
}

[data-tooltip] {
    position: relative;
    border-radius: 5px;
}

[data-tooltip]:hover::before, .tooltip-bottom[data-tooltip]:hover::before {
    top: 92%;
    left: -125%;
    background: black;
    border-radius: 5px;
    color: white;
    font-size: 14px !important;
    font-weight:700;
    content: attr(data-tooltip);
    padding: 10px;
    position: absolute;
    z-index: 9999999999;
    width: auto;
    white-space: nowrap;
    margin-top: 10px;
}

[data-tooltip]:hover::after, .tooltip-bottom[data-tooltip]: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: 90%;
    left: 26%;
}

.tooltip-left[data-tooltip]:hover::before {
    top: -7px;
    right: 120%;
    left: unset;
    background: black;
    border-radius: 5px;
    color: white;
    font-size: 14px !important;
    font-weight:700;
    content: attr(data-tooltip);
    padding: 10px;
    position: absolute;
    z-index: 9999999999;
    width: auto;
    white-space: nowrap;
    margin-top: 10px;
}

.tooltip-left[data-tooltip]: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: 35%;
    left: -25%;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.tooltip-top[data-tooltip]:hover::before {
    box-shadow: 1px 3px 9px 3px #111827;
    top: -70px;
    right: 25%;
    left: unset;
    background: black;
    border-radius: 5px;
    color: white;
    font-size: 14px !important;
    font-weight:700;
    content: attr(data-tooltip);
    padding: 10px;
    position: absolute;
    z-index: 9999999999;
    width: auto;
    white-space: nowrap;
    margin-top: 10px;
}

.tooltip-top[data-tooltip]: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: -10px;
    left: 50%;
    transform: rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.tooltip-top-middle[data-tooltip]:hover::before {
    bottom: calc(100% + 10px);
    top: unset;
    left: unset;
    background: var(--Mono-800);
    border-radius: 6px;
    color: white;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 600;
    content: attr(data-tooltip);
    padding: 10px;
    position: absolute;
    z-index: 9999999999;
    width: 150px;
    text-wrap: wrap;
    margin-top: 10px;
    text-align: center;
}

.tooltip-top-middle[data-tooltip]:hover::after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 11px solid var(--Mono-800);;
    content: ' ';
    position: absolute;
    z-index: 99;
    top: -10px;
    left: 50%;
    transform: rotate(180deg) translateX(50%);
    -moz-transform: rotate(180deg) translateX(50%);
    -webkit-transform: rotate(180deg) translateX(50%);
    -o-transform: rotate(180deg) translateX(50%);
}


.tooltip-right[data-tooltip]:hover::before {
    bottom: unset;
    top: 0;
    transform: translateY(-50%);
    left: calc(100% + 10px);
    background: var(--Mono-800);
    border-radius: 6px;
    color: white;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 600;
    content: attr(data-tooltip);
    padding: 10px;
    position: absolute;
    z-index: 9999999999;
    width: 190px;
    text-wrap: wrap;
    margin-top: 10px;
    text-align: center;
}

.tooltip-right[data-tooltip]:hover::after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 11px solid var(--Mono-800);;
    content: ' ';
    position: absolute;
    z-index: 99;
    top: 50%;
    left: 100%;
    transform: rotate(270deg) translateX(50%);
    -moz-transform: rotate(270deg) translateX(50%);
    -webkit-transform: rotate(270deg) translateX(50%);
    -o-transform: rotate(270deg) translateX(50%);
}

.tooltip-new-top[data-tooltip]:hover::before {
    background: var(--Mono-700);
    border-radius: 5px;
    color: white;
    font-size: 14px !important;
    font-weight:700;
    content: attr(data-tooltip);
    padding: 10px;
    position: absolute;
    z-index: 9999999999;
    white-space: nowrap;
    margin-top: 10px;
    left: 50%;
    right: unset;
    top: -20px;
    bottom: unset;
    transform: translateX(-50%) translateY(-100%);
    width: 200px;
    white-space: normal;
    text-align: center;
}

.tooltip-new-top[data-tooltip]:hover::after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 11px solid var(--Mono-700);
    content: ' ';
    position: absolute;
    z-index: 99;
    top: -12px;
    left: unset;
    right: 50%;
    transform: rotate(180deg) translateX(-50%);
    -moz-transform:rotate(180deg) translateX(-50%);
    -webkit-transform: rotate(180deg) translateX(-50%);
    -o-transform: rotate(180deg) translateX(-50%);
}

#mapNavControl {
    top: 40px;
    right: 20px;
    background-color: transparent;
    padding: 0;
}

#map #mapNavControl {
    right: 60px;
}

.freshwater-farm-flow.show-side-panel #map #mapNavControl {
    right: 85px;
}

/* Map layers */

input.apple-switch {
    position: relative;
    -webkit-appearance: none;
    outline: none;
    width: 45px;
    height: 25px;
    background-color: var(--Mono-050);
    border: 1px solid var(--Mono-300);
    border-radius: 20px;
    box-shadow: inset -20px 0 0 0 var(--Mono-200);
    cursor: pointer;
}

#showFeatureNameSelect:hover {
    color: var(--Primary)
}

input.apple-switch:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    background: transparent;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    box-shadow: 2px 4px 6px rgba(0,0,0,0.2);
}

input.apple-switch:checked {
    box-shadow: inset 20px 0 0 0 var(--Primary);
    border-color: var(--Primary);
}

input.apple-switch:checked:after {
    left: 20px;
    box-shadow: -2px 4px 3px rgba(0,0,0,0.05);
}

.leftDrawerTitle {
    margin-top: 8px;
    font-weight: 600;
    font-size: 20px;
}
.leftDrawerSubTitle {
    margin-top: 16px;
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 16px;
}

.adjustLayersSubTitle {
    margin-top: 16px;
    font-size: 16px;
}
.adjustLayersDescription {
    margin-top: 8px;
    font-size: 13px;
}

.layersTitleContainer {
    max-width: 90%;
}

.adminLink {
    font-weight: 600;
    color: var(--Mono-600);
}

.adminLink:hover {
    text-decoration: underline;
}

.iconImage {
    vertical-align: middle;
}

.highlightDiv {
    background: var(--Primary-050);
}

.childListTtem {
    padding-left: 8px
}

.childListTtem:hover {
    cursor: pointer;
}

.subLayerToggler {
    accent-color: var(--Primary)
}

.iconExitButton {
    padding: 0;
    min-width: 0;
    background: none;
    border: none;
    border-radius: 16px;
    align-self: flex-end;
}

.iconExitButton:hover {
    background: var(--Mono-100);
}

.layersButton {
    border: none;
    background: none;
    font-size: 16px;
    color: var(--Mono-500);
    padding: 0;
}

.layersButton:hover {
    color: var(--Mono-900);
    text-decoration: underline;
    background: none;
}

.parentLabel:hover {
    cursor: pointer;
}


.expander {
    display: none;
}

.layersControl {
    margin: 20px;
    margin-bottom: 150px;
}

.layersControl > * {
    margin-bottom: 6px;
}

.spaceBetweenCenter {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.spaceBetween {
    display: flex;
    justify-content: space-between;
}

.centerSelf {
    align-self: center;
}

.extendLayers {
    cursor: pointer;
}

.radioOption {
    list-style-type: none;
}

.layersList {
    margin-top: 20px;
}

.noListStyle {
    list-style-type: none;
}

.layersSection {
    border-bottom: 1px solid var(--Mono-300);
    padding: 6px;
}

.layersSection:hover {
    background: var(--Mono-100)
}

.layersListTitle {
    font-weight: 600;
    font-size: medium;
}

.layersOptionTextContainer {
    display: flex;
    align-items: center;
    cursor: pointer;
    max-width: 80%;
}

.layersOptionText {
    font-size: medium;
    margin-right: 2px;
}

.layerExtender {
    align-self: start;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    margin-left: 4px;
    margin-top: 4px;
    background: url(../images/icons/chevron-down.svg) no-repeat 50%;
}

.layerExtender.open {
    background: url("../images/icons/chevron-up.svg") no-repeat 50%;
}

.safeVisitLayer {
    font-size:10px;
    align-items: center;
}

.safeVisitUpdate {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.safeVisitRefreshButton {
    text-decoration:underline;
}

.labelDescription {
    display: flex;
    align-items: center;
}

.labelIconSpan {
    display: inline-block;
    width: 20px;
    height: 16px;
    background-image: url(../images/icons/label-icon.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-right: 2px;
}

.labelIconTextContainer {
    display: flex;
    align-items: center;
    gap: 4px;
}

.layersDescription {
    display: none;
}

.visitorLegendRow {
    border:2px solid white;
    border-radius: 10px;
    color:white;
    text-align:center;
}


div.legend li.layerGroup {
    border-bottom: none;
    margin-bottom: 8px;
    padding-right: 0;
}
div.legend li.testyeah {
    margin-left: 4px;
}

#legend-list {
    max-height: 500px;
}



.fiq-dialog-new {
    border: 1px solid var(--Mono-300) !important;
    border-radius:10px !important;
}


.fiq-dialog-new .ui-dialog-titlebar {
    display:none !important;
}

#mob-report #reportResults {
    border: 1px solid var(--Mono-300);
}

#dialogpanelmob #reportResults {
    border:none;
}

.mob-report-v2 .leftSide {
    font-size:15px;
}

.mob-report-v2 .leftSide .leftSideNav {
    border-bottom:none;

}

.mob-report-v2 .leftSide .leftSideNav a {
    color:var(--Mono-600);
}

.mob-report-v2 .leftSide .leftSideNav:hover {
    background:var(--Mono-100);
}

.mob-report-v2 .leftSide .leftSideNav.activeNav {
    background:var(--Primary-100);
}

.mob-report-v2 .leftSide .leftSideNav.activeNav a {
    color:var(--Primary-700);
}

#dialogpanelmob #reportResults {
    position: relative;
    left: -11px;
}

.mob-report-v2 .leftSide {
    background:white;
}

.mob-report-v2 {
    background:var(--Mono-050);
}

.dialog-new-closer-container {
    position: absolute;
    right: 0;
}

.stickyTop {
    position: sticky;
    top: 0;
    padding-top: 20px;
    z-index: 9999;
    background: var(--Mono-050);
    padding-bottom: 5px;
    margin: -20px -2px 10px -2px;
}

.normalTop {
    margin-top: 20px;
}

a.dialog-new-closer {
    top: 0;
    right: 0;
    z-index: 100000000;
}

#dialogpanelmob {
    background:var(--Mono-050);
    padding: 0;
}

#dialogpanelmob .leftSide {
    margin-left: -30px;
    margin-top: -21px;
    padding-top: 20px;
    position: fixed;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.listItemIconContainer {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.linkListItem {
    height: 30px;
}

span.linkListIcon {
    height: 28px;
    margin-right: 4px;
}

.left-side-home {
    display:inline-block;
    width:20px;
    height:20px;
    background: url(../images/icons/home-small-disabled.svg) no-repeat 0 0;
    padding-right: 10px;
    position: relative;
    top: 3px;
}

.leftSideNav.activeNav .left-side-home {
    background: url(../images/icons/home-small-blue.svg) no-repeat 0 0;
}

.left-side-treatments {
    display:inline-block;
    width:20px;
    height:20px;
    background: url(../images/icons/treatment-small-disabled.svg) no-repeat 0 0;
    padding-right: 10px;
    position: relative;
    top: 3px;
}

.leftSideNav.activeNav .left-side-treatments {
    background: url(../images/icons/treatment-small-blue.svg) no-repeat 0 0;
}

.left-side-weights {
    display:inline-block;
    width:20px;
    height:20px;
    background: url(../images/icons/weight-small-disabled.svg) no-repeat 0 0;
    padding-right: 10px;
    position: relative;
    top: 3px;
}

.leftSideNav.activeNav .left-side-weights {
    background: url(../images/icons/weight-small-blue.svg) no-repeat 0 0;
}

.Cattle {
    background: url(../images/icons/cattle-without-circle.svg) no-repeat 0 0;
    display: inline-block;
    width: 30px;
    height: 20px;
    padding-right: 5px;
}
.Deer {
    background: url(../images/icons/deer-without-circle.svg) no-repeat 0 0;
    display: inline-block;
    width: 30px;
    height: 20px;
    padding-right: 5px;
}
.Sheep {
    background: url(../images/icons/sheep-without-circle.svg) no-repeat 0 0;
    display: inline-block;
    width: 30px;
    height: 20px;
    padding-right: 5px;
}

.landLogo {
    background: url(../images/icons/paddock.svg) no-repeat 0 0;
    display: inline-block;
    width: 30px;
    height: 20px;
}

.block-holder {
    border:1px solid var(--Mono-200);
    border-radius:5px;
    background:white;
    padding:15px;
}

.treatment-circle {
    background: url(../images/icons/treatment-circle.svg) no-repeat 0 0;
    display: inline-block;
    width: 34px;
    height: 34px;
}

.weight-circle {
    background: url(../images/icons/weight-circle.svg) no-repeat 0 0;
    display: inline-block;
    width: 34px;
    height: 34px;
}

.drafting-circle {
    background: url(../images/icons/drafting-circle.svg) no-repeat 0 0;
    display: inline-block;
    width: 34px;
    height: 34px;
}

.left-side-eid {
    display:inline-block;
    width:20px;
    height:20px;
    background: url(../images/icons/eid-small-disabled.svg) no-repeat 0 0;
    padding-right: 10px;
    position: relative;
    top: 3px;
}

.leftSideNav.activeNav .left-side-eid {
    background: url(../images/icons/eid-small-blue.svg) no-repeat 0 0;
}

.left-side-move {
    display:inline-block;
    width:20px;
    height:20px;
    background: url(../images/icons/move-small-disabled.svg) no-repeat 0 0;
    padding-right: 10px;
    position: relative;
    top: 3px;
}

.leftSideNav.activeNav .left-side-move {
    background: url(../images/icons/move-small-blue.svg) no-repeat 0 0;
}

.left-side-drafting {
    display:inline-block;
    width:20px;
    height:20px;
    background: url(../images/icons/drafting-small-disabled.svg) no-repeat 0 0;
    padding-right: 10px;
    position: relative;
    top: 3px;
}

.leftSideNav.activeNav .left-side-drafting {
    background: url(../images/icons/drafting-small-blue.svg) no-repeat 0 0;
}

.left-side-activity {
    display:inline-block;
    width:20px;
    height:20px;
    background: url(../images/icons/activity-small-disabled.svg) no-repeat 0 0;
    padding-right: 10px;
    position: relative;
    top: 3px;
}

.leftSideNav.activeNav .left-side-activity {
    background: url(../images/icons/activity-small-blue.svg) no-repeat 0 0;
}

.left-side-costs {
    display:inline-block;
    width:20px;
    height:20px;
    background: url(../images/icons/costs-small-disabled.svg) no-repeat 0 0;
    padding-right: 10px;
    position: relative;
    top: 3px;
}

.leftSideNav.activeNav .left-side-costs {
    background: url(../images/icons/costs-small-blue.svg) no-repeat 0 0;
}

.left-side-notes {
    display:inline-block;
    width:20px;
    height:20px;
    background: url(../images/icons/notes-small-disabled.svg) no-repeat 0 0;
    padding-right: 10px;
    position: relative;
    top: 3px;
}

.leftSideNav.activeNav .left-side-notes {
    background: url(../images/icons/notes-small-blue.svg?1) no-repeat 0 0;
}

.safeDateComponent {
    border: 1px solid #B91C1C;
    color: #B91C1C;
    background: #FEF2F2; /* nice pale pink */
    line-height: 20px;
    border-radius: 3px;
    margin-top: 10px;
    padding: 2px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.naitSuccess {
    border: 1px solid var(--System-success-900);
    border-radius: 3px;
    color: var(--System-success-900);
    background: var(--System-success-050);
    line-height: 20px;
    margin-top: 10px;
    padding: 2px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.naitSuccess:hover {
    background: var(--System-success-100);
}

.naitPending {
    border-radius: 3px;
    color: var(--System-warning-500);
    background: var(--System-warning-050);
    line-height: 20px;
    margin-top: 10px;
    padding: 2px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: default;
}

.naitPending:hover {
    color: var(--System-warning-100);
}

.naitFailed {
    border-radius: 3px;
    border: 1px solid #B91C1C;
    color: #B91C1C;
    background: #FEF2F2;
    line-height: 20px;
    margin-top: 10px;
    padding: 2px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.naitFailed:hover {
    background: var(--System-error-100);
}


.naitWarning {
    border-radius: 3px;
    color: #B45309; /* Dark Orange */
    background: #FEF3C7; /* Light Orange */
    line-height: 20px;
    margin-top: 10px;
    padding: 2px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.naitWarning:hover{
    background: #FCE0A2;
}

.naitMissing {
    border-radius: 3px;
    color: #9D174D; /* Dark Pink */
    background: #FCE7F3; /* Light Pink */
    line-height: 20px;
    margin-top: 10px;
    padding: 2px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: default;
}

.mapRevenueGroup {
    display: inline-block;
    font-size: 13px;
    line-height: 13px;
    padding: 4px;
    border-radius: 3px;
    color: #0369A1;
    background: #BFDBFE;
    font-weight:bold;
}

.wrapChildren {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.wrapChildren > div {
    margin-right: 8px;
}

.openManageMap:hover {
    text-decoration: none;
}

.ol-popup:after, .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.list-events-popup {
    list-style-type: none;
    margin-top:15px;
    margin-bottom:10px;
}

.list-events-popup li {
    line-height: 24px;
    border-bottom: 1px solid #d2d2d2;
    padding-top:6px;
    padding-bottom:6px;
}

.list-events-popup li:hover {
    background: #F9FAFB;
}
.list-events-popup li:hover .icon-font-right-chevron {
    position: relative;
    left: 5px;
}

.list-events-popup li span {
    line-height: 30px;
}

#cancelMove {
    margin:10px 10px;font-size:15px;font-weight:bold;color:#B91C1C;cursor:pointer;
}

#cancelMove:hover {
    color:#111827;
    text-decoration:underline;
}

#allowUnderline:hover{
    text-decoration:underline;
}

#mobMoveForm .required:after {
    color: #111827 !important;
}

#mobMoveForm label {
    color: #111827 !important;
}



.list-events-popup li a:first-of-type {
    text-decoration: none;
    color:black;
    font-size:14px;
    font-weight: 600;
    width:100%;
    display:inline-block;;
}

.list-events-popup li a:hover {
    text-decoration: none;
}

.event-icon-small {
    display:inline-block;
    width:24px;
    height:24px;
    background-size: cover;
    top: 5px;
    position: relative;
    margin-right: 5px;
}

.move-icon-small {
    background: url(/farmiq/images/icons/small-mobmove.svg) no-repeat 0 0;
    background-size: cover;
}

.health-icon-small {
    background: url(/farmiq/images/icons/small-health.svg) no-repeat 0 0;
    background-size: cover;
}

.moveAnimalRow {
    clear: both;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 4px 6px;
    border-radius:3px;
}

.moveAnimalRow.sheepRow {
    background: #FFF7ED;
}
.moveAnimalRow.deerRow {
    background: #F0FDFA;
}
.moveAnimalRow.cattleRow {
    background: #F0F9FF;
}

.mobsSelectRow {
    padding:4px;
    border-radius:3px;
    margin-top:5px;
    font-weight:600;
    cursor:pointer;
}


.animal-mobsSelectRow {
    background: var(--Mono-050);
}

.animal-mobsSelectRow:hover {
    background: var(--Mono-100);
}


.moveAnimalRow span {
    margin-left:10px;
    font-size:14px;
}

#mobMoveForm label {
    font-size:14px;
    font-weight:bold;
}

#mobMoveForm .error {
    font-size:13px;
}

#mobMoveForm select, #mobMoveForm input {
    height:30px;
    background:white !important;
    margin-right:0;
}

.history-icon-small {
    background: url(/farmiq/images/icons/small-history.svg) no-repeat 0 0;
    background-size: cover;
}

.feeding-icon-small {
    background: url(/farmiq/images/icons/small-feeding.svg) no-repeat 0 0;
    background-size: cover;
}

.scanning-icon-small {
    background: url(/farmiq/images/icons/small-scanning.svg) no-repeat 0 0;
    background-size: cover;
}

.mating-icon-small {
    background: url(/farmiq/images/icons/small-mating.svg) no-repeat 0 0;
    background-size: cover;
}

.expand-chart {
    background: url(/farmiq/images/icons/expand-icon.svg) no-repeat 0 0;
    background-size: cover;
    display:inline-block;
    width:16px;
    height:16px;
}

.expand-chart-text {
    font-size:13px;
    font-weight:bold;
    position: relative;
    top: -3px;
    margin-left:3px;
}

.expand-chart-wrapper {
    padding: 10px;
    border: 1px solid var(--Mono-300);
    display: inline-block;
    border-radius: 4px;
    padding-top: 7px;
    position: absolute;
    right: 20px;
    top: 10px;
    padding-bottom: 3px;
    cursor:pointer;
    margin-top: 6px;
    margin-right: 18px;
}

.expand-chart-wrapper:hover {
    background: var(--Mono-050);
}

.sales-icon-small {
    background: url(/farmiq/images/icons/small-sales.svg) no-repeat 0 0;
    background-size: cover;
}

.death-icon-small {
    background: url(/farmiq/images/icons/small-death.svg) no-repeat 0 0;
    background-size: cover;
}

.add-icon-small {
    background: url(/farmiq/images/icons/small-add.svg) no-repeat 0 0;
    background-size: cover;
}

.forage-icon-small {
    background: url(/farmiq/images/icons/small-forage.svg) no-repeat 0 0;
    background-size: cover;
}

.weigh-icon-small {
    background: url(/farmiq/images/icons/small-weigh.svg) no-repeat 0 0;
    background-size: cover;
}

.sale-icon-small {
    background: url(/farmiq/images/icons/small-stock.svg) no-repeat 0 0;
    background-size: cover;
}

.general-icon-small {
    background: url(/farmiq/images/icons/small-general.svg) no-repeat 0 0;
    background-size: cover;
}

.goBack {
    font-size:15px;
    color:#EF4444;
    font-weight:bold;
    cursor:pointer;
    position:relative;
    top:5px;
}

.goBack:hover{
    text-decoration: underline;
}

.ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}

.ol-popup:before {
    border-top-color: var(--Mono-300);
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}

.ol-popup-content {
    min-width: 400px;
    max-height: 410px;
    overflow-x: auto;
    padding-top: 10px;
    padding-bottom:5px;
    padding-left: 20px;
    padding-right: 20px;
}

.ol-popup-closer {
    position: absolute;
    width: 28px;
    height: 28px;
    top: 20px;
    right: 20px;
    text-decoration: none;
    cursor:pointer;
    background: url(/farmiq/images/icons/Mobmove-X.svg) no-repeat 0 0;
}

.ol-popup-closer:hover {
    background: url(/farmiq/images/icons/Mobmove-X-hover.svg) no-repeat 0 0;
}

.mob-remover {
    width: 28px;
    height: 28px;
    background: url(/farmiq/images/icons/Mobmove-X.svg) no-repeat 0 0;
    cursor:pointer;
    display: inline-block;
}

.mob-remover:hover {
    width: 28px;
    height: 28px;
    background: url(../../images/icons/Mobmove-X-hover.svg) no-repeat 0 0;
    cursor:pointer;
    display: inline-block;
}

.ol-popup-closer:hover {
    text-decoration: none;
}

.table-v2 {
    font-size: 15px;
}

.table-v2.grid th {
    font-size: 15px;
    height: 30px;
    background-color: #fff !important;
    color: var(--Mono-700) !important;
    border-bottom: 1px solid var(--Mono-200);
    font-weight: 600;
    border-left:none;
    border-right:none;
}

.table-v2.grid.nosort th {
    cursor:initial
}

.help-icon-small {
    background: url(../images/icons/info-black.svg) no-repeat center 0px;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
}
.help-icon-small:hover {
    background: url(../images/icons/info-blue.svg) no-repeat center 0px;
    cursor: pointer;
}

.table-v2.grid th:not(.numericColumn):not(.noordering)::after,
.table-v2.grid th.numericColumn::before {
    content: "";
    display: none;
    width: 17px;
    height: 17px;
    background-size: cover;
    vertical-align: text-bottom;
    margin-left: 4px;
    margin-right: 4px;
}

.noSortHeader:hover {
    cursor: pointer;
}

.noSortHeader::after {
    content: none !important;
    background: none !important;
}

.table-v2.grid th.sorting_desc::after,
.table-v2.grid th.numericColumn.sorting_desc::before {
    background-image: url(../images/icon-sort-desc-v2.png);
}
.table-v2.grid th.sorting_asc::after,
.table-v2.grid th.numericColumn.sorting_asc::before {
    background-image: url(../images/icon-sort-asc-v2.png);
}
.table-v2.grid th.numericColumn.sorting:hover::before,
.table-v2.grid th.sorting:hover::after {
    background-image: url(../images/icon-sort-asc-light-v2.png);
}
.numericColumn {
    text-align: right !important;
    padding-right: 20px !important;
}

.table-v2.stripes tr:nth-child(odd)  {
    background-color: var(--Mono-050);
}
.table-v2.stripes tr:nth-child(even) {
    background-color: #fff ;
}
.table-v2.stripes tr:nth-child(odd) td {
    background-color: inherit;
}
.table-v2.stripes tr:nth-child(even) td {
    background-color: inherit ;
}
.table-v2.grid tr:hover {
    background: var(--Mono-100);
}


.table-v2 thead th.sorting {
    background-image: none !important;
}

.table-v2 thead th:hover {
    cursor: pointer;
}

.table-v2.grid tr:hover .chevron-selector {
    color: var(--Mono-800);
    font-size: 13px;
}

.table-container-v2 .dataTables_scrollHead {
    background-color: white;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

.table-v2.grid td {
    border-left:none;
    border-right:none;
}
.table-v2.grid {
    border-collapse: separate;
    border-spacing: 0;
}

.table-v2.grid tr td {
    border-right: none;
    border-bottom: none !important;
    border-top: none !important;
}

.table-v2.grid tr th {
    border-right: none;
}

.table-v2.grid {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 6px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
}

.table-v2.grid tr th:first-child,
.table-v2.grid tr td:first-child {
    border-left: 1px solid var(--Mono-200);
}
.table-v2.grid tr th {
    border-top: solid 1px var(--Mono-200);
}
.table-v2.grid tr th:last-child,
.table-v2.grid tbody tr td:last-child {
    border-right: 1px solid var(--Mono-200);
}

/* top-left border-radius */
.table-v2.grid tr:first-child th:first-child {
    border-top-left-radius: 6px;
}

/* top-right border-radius */
.table-v2.grid tr:first-child th:last-child {
    border-top-right-radius: 6px;
}

/* bottom-left border-radius */
.table-v2.grid tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
}

/* bottom-right border-radius */
.table-v2.grid tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}

.activityTitle {
    font-weight: 600;
    margin-bottom: 4px;
}
.table-v2.grid td.footerTd {
    text-align: right;
    padding-right: 20px;
    font-weight: 600;
}
.footerTd:hover {
    cursor: default;
}

.tableFooterRow {
    background-color: var(--Primary-050) !important;
}

.mobEventDescription {
    clear: both;
    padding-top: 10px;
    font-size: 14px;
}

.activityTitleContainer {
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.activities-dropdown {
    background: var(--Primary-700);
    width: 120px;
    position: absolute !important;
    right: 48px;
    color: white;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    font-weight: bold;
    top: -5px;
    border-radius:5px;
    margin-top: 1px;
}

.mob-history-dropdown-toggle:hover {
    background: var(--Primary-900);
    border-radius:5px;
}


.activities-dropdown .dropdown-toggle {
    color:white !important;
}

.activities-dropdown .dropdown-toggle .caret {
    margin-left: 10px;
    margin-top: 15px;
    opacity: 1;
    margin-right: 5px;
}

.activities-dropdown .dropdown-menu li a:hover {
    color:white !important;
}

.activities-dropdown .list-events-popup li a {
    line-height: 22px !important;
}

.activities-dropdown .dropdown-menu .list-events-popup li {
    padding-top: 0;
    padding-bottom: 0;
}

.date-options {
    border: 1px solid var(--Mono-300);
    display: inline-block;
    border-radius: 4px;

    position: absolute;
    right: 130px;
    top: 10px;

    cursor: pointer;
    margin-top: 6px;
    font-size: 15px;
    font-weight: bold;
}
.date-options span {
    display: inline-block;
    width: 40px;
    text-align: center;
    border-right: 1px solid var(--Mono-300);
    padding-top: 5px;
    padding-bottom: 5px;
}

.date-options span.active {
    background:var(--Mono-200);
}

.event-icon-small-no-position {
    display:inline-block;
    width:24px;
    height:24px;
    background-size: cover;
    top: 5px;
    margin-right: 5px;
}

.featuresLeftPanel {

}
.featuresLeftPanelList {
    list-style-type: none;
}

ul.featuresLeftPanelList li {
    border-bottom: 1px solid var(--Mono-200);
    padding: 6px;
    color: var(--Mono-900);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul.featuresLeftPanelList li:hover {
    background: var(--Mono-100);
    cursor: pointer;
}

ul.featuresLeftPanelList li:first-child {
    border-top: 1px solid var(--Mono-200)
}


.tabButtonGroup {
    display: inline-flex;
    align-items: flex-start;
    gap: -1px;
}

.button.tabButton{
    border: 1px solid var(--Mono-300);
    border-radius: 0px 0px 0px 0px;
    line-height:25px;
}

.button.tabButton:only-child{
    border: 1px solid var(--Mono-300) !important;
    border-radius: 6px 6px 6px 6px !important;
    border-right: 1px solid var(--Mono-300) !important;

}

.button.tabButton:first-of-type{
    border-radius: 6px 0px 0px 6px;
    border-right:none;
}

.button.tabButton:last-of-type{
    border-radius: 0px 6px 6px 0px;
}

.button.tabButton.tabButtonSelected{
    color: var(--Primary-700);
    background: var(--Mono-050);
}

#endReportingDate:hover{
    background-color: var(--Mono-050);
}

#startReportingDate:hover{
    background-color: var(--Mono-050);
}

.featuresListItemInner {
    display:flex;
    gap: 4px;
    align-items: center;
    width:100%
}

.editIcon {
    width: 20px;
    height: 20px;
    background: url(../images/icons/edit_fancy.svg) no-repeat center top;
    display: inline-block;
}
.editIcon:hover {
    text-decoration:none;
    background:
            url(../images/icons/edit_fancy-hover.svg) no-repeat center top;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display:inline-block;
    background-color: white;
}
.addIcon {
    width: 20px;
    height: 20px;
    background-image: url('../images/icons/add.svg');
    background-repeat: no-repeat;
}

.addIcon:hover:before {
    width: max-content !important;
}
.saveMapIcon {
    width: 20px;
    height: 20px;
    background-image: url('../images/icons/save-map.svg');
    background-repeat: no-repeat;
    display: inline-block;
}
.editMapIcon {
    width: 20px;
    height: 20px;
    background-image: url('../images/icons/edit-map.svg');
    background-repeat: no-repeat;
    display: inline-block;
}
.saveMapIcon:hover, .editMapIcon:hover {
    cursor: pointer;
}

.trashIcon {
    text-decoration:none;
    background:
            url(../images/icons/trash.svg) no-repeat center top;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display:inline-block;
}

.trashIcon:hover {
    text-decoration:none;
    background:
            url(../images/icons/trash-hover.svg) no-repeat center top;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display:inline-block;
    background-color: white;
}

.undoIcon {
    width: 20px;
    height: 20px;
    background-image: url('../images/icons/trash.svg');
    background-repeat: no-repeat;
    display: inline-block;
}

.undoIcon:hover {
    cursor: pointer;
}

.addIcon:hover {
    cursor: pointer;
    background-image: url('../images/icons/add_hover.svg');
}

.goToFeatureGroup {
    display: flex;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../images/icons/chevron-right.svg)
}

.openMapOption {
    display: flex;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../images/icons/chevron-down.svg)
}

.openMapOption.opened {
    background-image: url(../images/icons/chevron-up.svg)
}

.goToFeatureGroup:hover {
    cursor: pointer;
    background-color: var(--Mono-050);
}

.mapOpenerOption, .mapOpenOption {
    clear:both;
    padding: 10px;
}

.mapOpenerOption:hover, .mapOpenOption:hover {
    background: var(--Mono-100);
    cursor: pointer;
}

.mapOpenerOption.lineAbove, .mapOpenOption.lineAbove {
    padding-top:10px;
    border-top:1px solid var(--Mono-200);
}

.mapOpenerOption.lineBelow, .mapOpenOption.lineBelow {
    padding-bottom:10px;
    border-bottom:1px solid var(--Mono-200);
}

.mapOpenerOption h2, .mapOpenOption h2 {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
}

.mapOpenerOption span, .mapOpenOption span {
    float:right;
}

.openMapOption:hover {
    cursor: pointer;
    background-color: var(--Mono-050);
}

.featuresOpener {
    display: flex;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 50%;
}

.featuresOpener,
.featuresOpener.open {
    background-image: url(../images/icons/chevron-down.svg);
}

.featuresOpener:hover,
.featuresOpener.open:hover {
    cursor: pointer;
    background-color: var(--Mono-050);
}

.featuresOpener.open,
.featuresOpener.open:hover {
    background-image: url(../images/icons/chevron-up.svg);
}

.featuresText {
    max-width: 320px;
    display: block;
    left:15px;
    position:relative;
}

.featureInnerItem {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    background: var(--Mono-100);
    border-radius: 8px;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.featureEditDescription {
    margin-right: 32px;
    font-size: 15px;
    margin-bottom: 12px;
    color: var(--Mono-800)
}

.addNewFeatureContainer {
    display: flex;
    margin-top: 24px;
    justify-content: space-between;
    height: 38px;
}
.featureUndo {
    text-decoration: none;
    color: var(--Primary-700);
    display: inline-block;
    float: right;
    line-height: 25px;
}
.featureEditDelete {
    min-width: 55px;
    display: flex;
    justify-content: space-between;
}
.featureUndo:hover {
    cursor:pointer;
    font-weight: 600;
}
.featureInput {
    width: 85%;
    border-radius: 4px;
}
.featureName {
    width: 40%;
}
.longitude {
    width: 23%;
}
.latitude {
    width: 23%;
}
.featureTd {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#features-list tr:hover {
    background: var(--Primary-100);
}

.hoverRow {
    background: var(--Primary-100) !important;
}

.featureRow {
    height: 20px
}


.colourPickerContainer .miniColorWrapper.miniColors-trigger {
    width: 100%;
    border-radius: 6px;
    border-color: var(--Mono-300);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.prettySelect {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('../images/icons/chevron-down.svg');
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: 99%;
    margin-right: 0;
}

.shapeDescription {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 4px 8px 4px 8px;
    border: 1px solid var(--Mono-200);
    background: var(--Mono-050);
    border-radius: 6px;
    margin-bottom: 8px;
    gap: 8px;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
}

.shapeDescriptionPrimary {
    border-color: var(--Primary);
    color: var(--Primary);
    background: var(--Primary-050);
}

.featureGroupNameInput {
    border-radius: 6px;
    width: 97%;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.removeBottomBorder {
    border-bottom: none !important;
}

.confirmDeletePopup {
    background: var(--Mono-050) !important;
    padding: 8px !important;
    border-radius: 8px !important;
}

.confirmDeletePopup  .ui-dialog-buttonpane {
    background: var(--Mono-050) !important;
}

.confirmDeletePopup * {
    border: none;
}

.confirmDeletePopup .ui-dialog-title {
    font-size: 16px;
}

.confirmDeletePopup .ui-dialog-titlebar {
    background: var(--Mono-050) !important;
}


.confirmDeletePopup .ui-dialog-titlebar-close,
.confirmDeletePopup .ui-resizable-handle {
    display: none;
}

.irrigatorAnimation {
    animation: rotate 5s linear infinite;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.radio-container {
    display: flex;
    position: relative;
    cursor: pointer;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    font-size: 14px;
}

.radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.radio-checkmark {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    border: 2px solid var(--Mono-300);
}

.radio-container:hover input ~ .radio-checkmark {
    border: 2px solid var(--Mono-500);
}

.radio-container input:checked ~ .radio-checkmark {
    background-color: var(--Primary);
    border: 2px solid var(--Primary);
}

.radio-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.radio-container input:checked ~ .radio-checkmark:after {
    display: block;
    border: 2px solid var(--Primary);
}

.radio-container .radio-checkmark:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.icon-font-location-map:before {
    content: ' ';
    background-image: url("../images/icons/map-black.svg");
    background-repeat: no-repeat ;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
}

.ol-zoom {
    position: relative;
    top: 0;
    right: 5px;
    left: unset;
}

.ol-zoom .ol-zoom-in, .ol-zoom .ol-zoom-out {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    color: #6b7280;
    margin:0;
    border: none;
    border-radius:0;
    background-color: var(--White);
    box-shadow:none;
    outline:none;
}

.ol-zoom button.ol-zoom-in {
    border: 1px solid var(--Mono-400);
    border-radius: 5px 5px 0 0;
    background-image: url(../images/icons/plus.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.ol-zoom button.ol-zoom-out {
    border: 1px solid var(--Mono-400);
    background-image: url(../images/icons/minus.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.ol-zoom .ol-zoom-in:hover, .ol-zoom .ol-zoom-out:hover,
.ol-zoom .ol-zoom-in:focus, .ol-zoom .ol-zoom-out:focus {
    color: #111827;
    background-color: white;
}

.ol-zoom button.ol-zoom-in:hover,
.ol-zoom button.ol-zoom-in:focus{
    background-image: url(../images/icons/plus-hover.svg);
}

.ol-zoom button.ol-zoom-out:hover,
.ol-zoom button.ol-zoom-out:focus{
    background-image: url(../images/icons/minus-hover.svg);
}

.ol-zoom,
.ol-zoom:focus,
.ol-zoom:hover {
    max-width: 28px;
    background-color: transparent;
}

.ol-control.pan-control{
    position: relative;
    right: 80px;
    padding: 0;
}

.ol-control .ol-pan-button{
    border: 1px solid var(--Mono-200);
    min-width:30px;
    min-height:30px;
    color:black;
    position:absolute;
    margin:0;
    border: none;
    border-radius:0;
    box-shadow:none;
    background: var(--Mono-200);
}

.ol-control .ol-pan-button:hover,
.ol-control .ol-pan-button:focus{
    background: var(--Mono-200);
    border: none;
    outline:none;
}

.ol-scale-line.ol-unselectable{
    right: 20px;
    height: 17px;
    top: 10px;
    left: initial;
}

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

#ol-compass{
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    color: white;
    /*(border-left-width + border-right-width) * 0.866% = border-bottom-width for equilateral triangle*/
    border-bottom: 34.64px solid var(--Mono-200);
    position: absolute;
}

#ol-compass-tip{
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    color: white;
    /*(border-left-width + border-right-width) * 0.866% = border-bottom-width for equilateral triangle*/
    border-bottom: 8.66px solid blue;
    position: absolute;
}

#pan-up{
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid black;
    margin: 0 auto;
    height: auto;
}
#pan-right{
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid black;
    margin: 0 auto;
    height: auto;
}
#pan-left{
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 10px solid black;
    margin: 0 auto;
    height: auto;
}
#pan-down{
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid black;
    margin: 0 auto;
    height: auto;
}

.no-header-dialog .ui-dialog-buttonset {
    width: 100%;
}

.no-header-dialog .ui-dialog-buttonpane button {
    float:right;
}
.no-header-dialog .ui-dialog-buttonpane button.dialog-lefty-button {
    float:left;
}

.taskStatusIndicator {
    padding: 0px 10px;
    background: var(--System-warning-050);
    border-radius: 6px;
    color: var(--System-warning-700);
    font-weight: bold;
    line-height: 20px;
    position: relative;
    margin-right:10px;
    top: 3px;
}

.taskStatusIndicator img {
    position: relative;
    top: 2px;
}

.taskCategoryMarker {
    padding: 0px 10px;
    margin-right:10px;
    border: 1px solid var(--Mono-300);
    border-radius: 6px;
    font-weight: bold;
    line-height: 20px;
    top: 3px;
    position:relative;
}

.taskCategoryMarker img {
    position: relative;
    top: 3px;
}

.taskIndicatorWrapper {
    margin: 10px 0;
    display: flex;
    flex-wrap: wrap;
    row-gap: 6px;
}


#panel-layers button.ui-multiselect,.grid-v2 button.ui-multiselect {
    height: 40px;
    padding-top: 8px !important;
    background: white !important;
    font-size: 15px !important;
}

#panel-layers button.ui-multiselect:hover,.grid-v2 button.ui-multiselect:hover {
    background: var(--Mono-050) !important;
}


#panel-layers .ui-multiselect-menu input[type="checkbox"],.grid-v2 .ui-multiselect-menu input[type="checkbox"] {
    accent-color: var(--Primary) !important;
}

.grid-v2 .ui-multiselect-checkboxes li {
    font-size: 15px;
    line-height: 20px;
}

#panel-layers .ui-multiselect-menu .ui-multiselect-close,.grid-v2 .ui-multiselect-menu .ui-multiselect-close {
display:none;
}

.taskStatusIndicator.taskStatusIndicator-overdue {
background: var(--System-error-050);
color: var(--System-error-700);
}

.taskStatusIndicator.taskStatusIndicator-complete {
background: var(--System-success-050);
color: var(--System-success-700);
}

.no-header-dialog .ui-dialog-buttonpane button.dialog-save-button {
margin-left:10px;
}

.fiq-dialog.no-header-dialog .ui-dialog-buttonpane {
background-color: white;
border-top: none;
}

.no-header-dialog .ui-widget-header{
display:none;
}

.no-header-dialog {
border-radius:10px !important;
}

.dashboardCalendarLogo {
border-radius: 2px;
font-size: 9px;
padding: 1px;
margin-right: 2px;
display: inline-block;
line-height: 10px;
vertical-align: text-bottom;
}

.stockListBanner {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 16px;
margin-bottom: 34px;
}
.stockListTitle {
font-size: 36px;
font-weight: 700;
}
.stockListTopButtons {
display: flex;
padding: 16px 4px 16px 4px;
align-items: center;
}
.stockListTableContainer {
border-color: var(--Mono-200);
border-width: 1px;
border-style: solid;
border-radius: 8px 8px 0 0;
}
.stockListTable {
border-radius: 8px;
border-collapse: collapse;
border: none;
width: 100%;
font-size: 15px;
}

.stockListTable .row-stock-details {
padding: 0;
}

.stockListInnerRow {
width: 100%;
border-collapse: collapse;
background-color: var(--Mono-050);
font-size: 15px;

}

.stockListMobName {
font-weight: 700;
font-size: 15px;
}

.tbl-expander {
display: flex;
align-items: center;
justify-content: center;
}

.stockListTable th {
border-bottom: 1px solid var(--Mono-200);
border-top: 1px solid var(--Mono-200);
padding: 16px 8px 16px 8px;
text-align: left;
font-weight: bold;
font-size: 16px;
cursor: pointer;
}

.stockListTable .even {
background-color: white !important;
}

.stockListTable td {
border-left: none !important;
border-right: none !important;
padding: 10px 8px 10px 8px;
background: none;
}


.stockListTable thead {
text-wrap: nowrap;
white-space: nowrap;
}

.rowOpenerAllText {
width: 100px
}

.totalsRow {
border-top: 1px solid var(--Mono-200);
}


.stockListTable tr {
border-bottom: 1px solid var(--Mono-200)
}



.stockListTable tr:hover {
background-color: var(--Primary-050) !important;
cursor: pointer;
}

.stockListTable thead tr:hover {
background-color: white !important;
}


.stockListTable tr:last-child {
border-bottom:none;
}

.stockListEditMobName {
width: 18px;
height: 24px;
margin: 4px;
background: url(../images/icons/edit-pencil.svg) no-repeat 50%;
cursor: pointer;
border-radius: 12px;
}

.rowOpenerLogo {
width: 20px;
height: 20px;
margin: 4px 4px 4px 4px;
background: url(../images/icons/chevron-down.svg) no-repeat 50%;
cursor: pointer;
border-radius: 12px;
}

.rowOpenerLogo:hover {
background-color: white;
}

.rowOpenerLogo.open {
background-image: url("../images/icons/chevron-up.svg");
}

.lockIcon {
display: inline-block;
width: 20px;
height: 20px;
margin: 4px 4px 4px 4px;
border-radius: 12px;
background: url(../images/icons/locked.svg) no-repeat 50%;
}

#delete-consent-button{
    border: 1px solid var(--Mono-300);
    margin-left:10px;
    padding:9px 17px;
    background: var(--System-error-500);
    color:white;
}

#delete-consent-button:hover{
    background: var(--System-error-700);
}

.button-consent-attachment-add:hover{
    text-decoration: underline;
}

.rowOpenerAll {
display: flex;
gap: 4px;
cursor: pointer;
align-items: center;
}
.stockListMobNameContainer {
display: flex;
gap: 8px;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
white-space: nowrap;
}

.stockListButtons a {
display: inline-block;
background: white;
color: var(--Mono-900) !important;
border: 1px solid var(--Mono-300);
border-right: none;
margin-right: 0 !important;
font-size: 13px;
padding: 6px 8px 6px 8px;
width: 24px;
line-height: 18px;
height: 18px;
}
.stockListButtons a:hover {
background: var(--Mono-050) !important;
}

.stockListButtons a.button-filter-down {
background: var(--Primary-050) !important;
color: var(--Primary) !important;
margin: 0;
}

.stockListButtons a:last-child {
border-right: 1px solid var(--Mono-300);
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}

.stockListButtons a:first-child {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}

.absolute {
position: absolute;
}

.searchIcon {
left: 8px;top: 8px
}
.clearSearchIcon {
top: 2px;
right: 4px;
cursor: pointer;
}

.stockListSearch input {
border: 1px solid var(--Mono-300);
border-radius: 6px;
height: 30px;
padding-left: 32px;
}

.stockListTable th:not(.sorting_disabled)::after {
content: "";
display: inline-block;
width: 17px;
height: 17px;
background-size: cover;
vertical-align: middle;
margin-left: 4px;
margin-right: 4px;
}

.stockListTable th.sorting_desc::after
{
background-image: url(../images/icon-sort-desc-v2.png);
}
.stockListTable th.sorting_asc::after
{
background-image: url(../images/icon-sort-asc-v2.png);
}

.stockListTable th.sorting:hover::after {
background-image: url(../images/icon-sort-asc-light-v2.png);
}

span.iconButtonContainer {
width: 24px;
height: 24px;
padding: 8px;
display: flex;
border-radius: 24px;
cursor: pointer;
}

span.iconButtonContainer:hover {
background: var(--Mono-100);
}

.stockListTotals {
background: var(--Primary-050);
}
.stockListTotals td {
font-weight: 700;
}

td.noBorder {
border: none
}

.revenueGroupDisplay {
border-radius: 6px;
color: #322659;
background: #D6BCFA;
padding: 4px;
font-size: 13px;
font-weight: 600;
margin-right: 20px;
max-width: 110px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: auto;
}

.tooltip-inner {
background-color: black !important;
border-radius: 6px !important;
font-size: 12px !important;
font-weight: 700 !important;
font-family: 'Inter' !important;
}

.tooltip.top .tooltip-arrow {
border-top-color: black  !important;;
}

.stockListTable .locked-row td:first-child {
background: none;
}

.freshWaterPlans h1 {
color: #000;
font-size: 34px;
font-style: normal;
font-weight: 700;
line-height: 42px;
}

.freshWaterPlans p {
color: var(--Mono-600);
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 25px;
}

.freshWaterPlans p.smallerText {
color: var(--Mono-900);
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}

.freshWaterPlans ul {
margin-left:20px;
}
.freshWaterPlans li {
color: var(--Mono-900);
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 32px;
}

.freshWaterPlans h2 {
color: var(--Mono-900);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 24px;
}

#wrap-header-v2.fresh-water-header {
background-color:white;
height:89px;
border-bottom: 1px solid var(--Mono-200);
display:flex;
}

#wrap-header-v2.fresh-water-header .fresh-water-logo {
width: 250px;
margin-left: 32px;
}

.catchment-notes {
margin-top:20px;
padding:15px;
border: 1px solid var(--Mono-200);
border-radius:5px;
display:block;
}

.catchment-notes:hover {
background: var(--Mono-100);
cursor:pointer;
}


.catchment-notes .catchmentName {
color: var(--Mono-700);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px;
}

.catchment-notes .catchmentName img {
position: relative;
top: 4px;
}

.catchment-notes .catchmentNotes {
color: var(--Mono-700);
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 28px;
}

.catchment-notes .link {
cursor:pointer;
}

.catchment-help {
    color: var(--Mono-800);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 10px 20px 10px 15px;
    border-radius: 6px;
    background: var(--Primary-050);
    margin-top:24px;
    display: flex;
    align-items: center;
}

.fwfp-info-help {
    color: var(--Mono-800);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 10px 20px 10px 15px;
    border-radius: 6px;
    background: var(--Primary-050);
    margin-top: 24px;
}

.helpDivWithButton {
    color: var(--Mono-800);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 10px 20px 10px 15px;
    border-radius: 6px;
    background: var(--Primary-050);
    margin-top:12px;
}

.achievementSection {
width:33%;
margin:10px 40px 10px 40px;
text-align: center;
font-size: 17px;
font-weight: 600;
line-height: 22px;
}

.mappingSection {
    padding:24px 0;
    border-bottom:1px solid var(--Mono-300);
    display:flex;
    cursor:pointer;
}

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

.mappingSection.disabled .section-icon-row {
    display:none;
}

.mappingSection:hover {
    background: var(--Mono-050);
}

.mappingSection .mappingStep {
    color: var(--Mono-600);
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    width: 70px;
    border-right:1px solid var(--Mono-300);
    margin-right: 20px;
    left:10px;
    position: relative;
}

.severityDisplay {
    padding: 4px;
    padding-top: 2px;
    border-radius: 4px;
    border: 1px solid var(--System-error-700);
    background: var(--System-error-050);
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    line-height: 38px;
    margin-bottom:10px;
    color:var(--System-error-700);
}

.severityDisplay.highRisk {
    color:var(--System-error-700);
    border: 1px solid var(--System-error-700);
    background: var(--System-error-050);
}

.severityDisplay.mediumRisk {
    border: 1px solid #FFC000;
    background: #FFC000;
    color:white;
}

.risks-button {
    background:var(--Mono-700);
    color:white;
    padding: 6px 8px 12px 16px;
    align-items: center;
    border-radius: 24px;
}

.risks-button:hover {
    color:white;
    background-color: var(--Mono-900);
}

.exportOption{
    cursor: pointer;
}

#fwfp-finish-risk-action-instructions:hover{
    background-color: var(--Primary-900) !important;
}

.radioHolder:hover{
    background-color: var(--Mono-100);
    cursor: pointer;
}

.severityDisplay.lowRisk {
    border: 1px solid #FFF2CC;
    background: #FFF2CC;
    color:black;
}

.mappingSection .mappingDescription {
color: #000;
font-size: 17px;
font-style: normal;
font-weight: 600;
line-height: 22px;
    width:100%;
}

.mappingSection .mappingDescription .section-icon-row {
    float:right;
    margin-right:10px;
    position: relative;
    top:3px;
}

.catchment-help img {
padding: 0 7px;
position: relative;
}

.fresh-water-section {
width:200px;
border: 1px solid var(--White);
    margin:5px 0;
}

.fresh-water-section.progress:hover {
cursor:pointer;
background: var(--Mono-100);
border: 1px solid var(--Mono-100);
border-radius:15px;
}

.finishRisksIntroduction:hover,
.finishIntroduction:hover,
.finishMappingIntroduction:hover,
.nextToMap:hover,
.finishFeaturesMapping:hover{
background: var(--Primary-900) !important;
}

.fresh-water-section .section-number {
color: var(--Mono-500);
text-align: left;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: 18px;
padding-top: 14px;
    margin-left:15px;
}

.fresh-water-section .section-name {
color: var(--Mono-500);
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 20px;
text-align: left;
    margin-left:15px;
}

.fresh-water-section.complete .section-name {
color: var(--Mono-800);
}

.fresh-water-section.active .section-name {
color: var(--Primary-700);
}

.fresh-water-section .section-status {
border-top: 6px solid var(--Mono-200);
margin: 8px 15px 10px 15px;
}

.fresh-water-section .section-complete {
border-top: 6px solid var(--Mono-500);
width:0%;
margin: 8px 15px 10px 15px;
position: relative;
top: -16px;
}

.fresh-water-section.active .section-complete {
border-top: 6px solid var(--Primary-700);
}

.section-complete.section-10-percent {
width:calc(170px * 0.1);
}
.section-complete.section-20-percent {
width:calc(170px * 0.2);
}
.section-complete.section-30-percent {
width:calc(170px * 0.3);
}
.section-complete.section-40-percent {
width:calc(170px * 0.4);
}
.section-complete.section-50-percent {
width:calc(170px * 0.5);
}
.section-complete.section-60-percent {
width:calc(170px * 0.6);
}
.section-complete.section-70-percent {
width:calc(170px * 0.7);
}
.section-complete.section-80-percent {
width:calc(170px * 0.8);
}
.section-complete.section-90-percent {
width:calc(170px * 0.9);
}
.section-complete.section-100-percent {
width:170px;
}

.section-complete.section-100-percent:after {
content: ' ';
background: url(../images/icons/section-complete.svg) no-repeat;
box-sizing: border-box;
width:20px;
height:20px;
min-width: 20px;
margin-right: 5px;
top: -50px;
position: relative;
display: inline-block;
left: 150px;
}

.fresh-water-closer {
    width:150px;
}

#newTabLink{
    width:20px;
    height:20px;
    background: url(../images/icons/new-tab-link.svg) no-repeat;
    vertical-align: middle;
}

.fresh-water-section-wrapper {
width:calc(100% - 400px);
justify-content: center;
display:flex;
    margin-left:-30px;
}

.fresh-water-closer img {
top: 30px;
display: inline-block;
position: relative;
margin-right:10px;
border: 1px solid white;
}

.fresh-water-closer a {
display: inline-block;
height: 30px;
line-height: 30px;
position: relative;
top: 23px;
}

.fresh-water-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: white;
    height:48px;
    padding:12px 0;
    display:flex;
    border-top:1px solid var(--Mono-200);
    justify-content: space-between;
}

.fresh-water-footer a {
    height:30px;
    line-height:30px;
    margin:0 32px;
}

.help-popup-wrapper {
    z-index: 20001;
    position: absolute;
    border-radius: 6px;
    padding: 20px 24px;
    min-width: 240px;
    max-width: 360px;
    background: var(--primary-600, #5042F8);
    font-family: Inter;
    color: var(--mono-white, #FFF);
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    display: none;
    list-style-position: inside;
}

.help-popup-triangle{
position: absolute;
border-style: solid;
border-width: 15px;
border-color: transparent transparent var(--primary-600, #5042F8) transparent;
}

.help-popup-wrapper p,
.help-popup-wrapper h2 {
color: inherit;
}

.help-popup-step {
font-size: 13px;
font-weight: 600;
margin-bottom: 6px;
}

.help-popup-title {
font-size: 16px;
font-weight: 700;
margin-bottom: 6px;
}

.help-popup-description {
font-size: 15px;
font-weight: 500;
margin-bottom: 24px;
color: white;
}

.help-popup-description * {
color: white;
}

.help-popup-description a {
text-decoration: underline;
}

.help-popup-description a:hover {
color: white;
}

.help-popup-description li {
font-size: 13px;
}

.help-popup-buttons {
display: flex;
justify-content: space-between;
width: 100%;
}

.help-popup-skip-button {
align-self: flex-start;
background: none;
border: none;
color: inherit;
box-shadow: none;
padding-left: 0;
text-align: left;
font-size: 15px;
}
.help-popup-skip-button:hover {
background: inherit;
color: inherit;
text-decoration: underline;
}

.help-popup-next-button {
align-self: flex-end;
font-size: 13px;
margin-left: auto;
}

.button.button-v2 {
    line-height: 28px;
}

.button.button-v2 .css-plus {
    font-size:1.2rem;
    margin-right:5px;
    color: var(--Mono-500);
}

.fresh-water-remove {
    padding: 4px 5px 4px 5px;
    border:1px solid var(--Mono-300);
    background:white;
    border-radius:6px;
    cursor:pointer;
}

.select-with-icon {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 20px;
    padding-left: 16px;
    background: url(../images/icons/chevron-down.svg) no-repeat right center;
    background-position: calc(100% - 12px) center;
}

#freshwater-risks-popup .popup-footer,.freshwater-popup .popup-footer {
    margin-top: 10px;
    display: flex;
    position: absolute;
    bottom: 0;
    padding-bottom:10px;
    width: 532px;
}
#freshwater-risks-popup .popup-header {
    display: flex;
    flex-direction: column;
}

.freshwater-popup .popup-header {
    display: flex;
    flex-direction: column;
}

.freshwater-popup  {
    display:none;
    padding: 24px;
    top: 50%;
    left: 50%;
    //transform: translate(-50%, -50%);
    z-index:3000000;
    width:530px;
    text-align: left;
    border-bottom:none;
    position: absolute;
    background: white;
    border-radius: 5px;
}

.freshwater-popper  {
    width: 705px;
    display:none;
    padding: 32px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index:3000000;
    text-align: left;
    border-bottom:none;
    position: absolute;
    background: white;
    border-radius: 5px;
}

.freshwater-popper h4 {
    font-size: 20px;
    font-weight: 700;
    text-align:center;
}

.freshwater-popper .popup-header h4 {
    text-align:center
}

.freshwater-popper .marginTop {
    margin-top:24px;
}
.freshwater-popper .popup-header div {
    font-size:17px;
    margin-top:10px;
    text-align: center
}

.freshwater-popper input:not([type="radio"]):not([type="checkbox"]),
.freshwater-popper textarea:not([type="radio"]):not([type="checkbox"]) {
    width: 100%;
    box-sizing: border-box;
    border-color: var(--Mono-300) !important;
}

.freshwater-popper .form-row {
    padding-top: 24px;
    padding-bottom: 0;
}

.freshwater-popper form {
    height: 100%;
}

.freshwater-popper .popup-body {
    overflow-y: auto;
}

.freshwater-popper .iconExitButton {
    float: right;
}

.freshwater-popper footer {
    margin-top: 32px;
    display: flex;
    justify-content: space-between;
    gap: 32px;
}

.freshwater-popper footer a {
    width: 50%;
}

.freshwater-popper select {
    width: 100%
}

.freshwater-popper select:hover {
    cursor: pointer;
}

.fix-select .ui-multiselect-menu
{
    width: 97% !important;
    position: absolute !important;
    top: initial;
    box-shadow: 1px 1px 7px 2px #90909066 !important;
    margin-top: 2px !important;
}
.freshwater-popper .ui-multiselect {
    width: 100% !important;
    padding-left: 16px !important;
}

.activityItem {
    padding:15px;
    border-top:1px solid var(--Mono-200);
    font-size:17px;
}

#freshwater-risks-popup .popup-body, .freshwater-popup .popup-body {
    clear: both;
    display: flex;
    flex-direction: column;
    position: relative;
    height:100%;
    height: auto !important;
    max-height: calc(100% - 100px) !important;
    overflow-y: auto;
}

#freshwater-risks-popup .popup-container, .freshwater-popup .popup-container {
    height:100%;
}

#freshwater-risks-popup .grid-v2 .ui-multiselect-menu,
.freshWaterPlans .grid-v2 .ui-multiselect-menu
{
    position: absolute !important;
    top: initial;
}

.fresh-water-remove:hover {
    background:var(--Mono-100);
}

.fresh-water-remove img {
    position: relative;
    top:3px;
}

.pill-section {
    margin-top:24px;
    border-radius: 6px;
    border: 1px solid var(--Mono-300, #D1D5DB);
    background: var(--Mono-050, #F9FAFB);
    padding: 18px;
    display:flex;
    align-items: center;
}

.pill {
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    border-radius: 6px;
    background: var(--Mono-200);
    padding: 2px 6px;
    display:inline-block;
}

#saveAndExit{
    float:right;
    margin-right:30px; /*An extra two pixels is added by the bar, so techinically 32*/
}

.next:hover{
    background: var(--Primary-900) !important;
}


.descriptionOpener.closable.closed:hover,
.descriptionOpener.closable.open:hover,.seeMore:hover {
    background-color: var(--Mono-100);
    border-radius: 7px;
}

#fwfp-next.fwfpDisabled:hover {
  background: var(--Primary-300) !important;
  cursor: default;
}
#fwfp-next.fwfpDisabled {
    background: var(--Primary-300) !important;
}

.popup-body .grid-v2 label {
    font-size: 16px;
}

.popup-body .grid-v2 select {
    height:40px;
    font-size: 17px;
}

.popup-body .grid-v2 input[type="text"] {
    height:40px;
    font-size: 17px;
}

.popup-body .grid-v2 input[type="number"] {
    height:40px;
    font-size: 17px;
}

.popup-body .grid-v2 textarea,textarea.fresh-water {
    resize: vertical;
    border-radius:5px;
    font-size:17px;
}

.popup-body .grid-v2 button.ui-multiselect {
    height:40px;
    font-size: 17px;
}

.addAnotherLandUnit {
    color: var(--Mono-700);
    font-weight: 600;
    font-size:15px;
    padding: 8px 10px 8px 8px;
    border-radius: 4px;
    border: 1px solid var(--Mono-300);
}

.addAnotherLandUnit:hover {
    background-color: var(--Mono-100);
}

.freshWaterPlans .error,.popup-container .error {
    font-size: 15px;
}

.freshWaterPlans .error:before,.popup-container .error:before {
    background-image: url(../images/icons/error.svg);
    content:' ';
    width: 16px;
    height: 17px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 4px;
}

.hoverCursor:hover {
    cursor: pointer;
}

.freshwater-img-tile {
    display: flex;
    flex-direction: column;
    height: 206px;
    width: 216px;
    border-radius: 8px;
    border: 1px solid var(--Mono-200);
    margin-right: 24px;
    margin-bottom: 18px;
}

.freshwater-img {
    height: 127px;
    width: 216px;
    border-radius: 8px 8px 0 0;
}

.freshwater-img-footer {
    height: 56px;
    padding: 10px 18px;
}

.freshwater-img-details {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    min-height: 40px;
}

.freshwater-img-title {
    color: black;
    font-size: 15px;
    font-weight: 600;
}

.freshwater-img-buttons > *:not(:last-child) {
    padding-right: 8px;
}

.freshwater-img-notes {
    float: left;
    font-size: 13px;
    color: var(--Mono-500);
    width: 100%;
}

.freshwater-img-actions {
    display: flex;
    justify-content: space-between;
}

.freshwater-img-icon {
    font-size: 18px;
    color: var(--Mono-500);
}

.freshwater-img-icon:hover {
    cursor: pointer;
    color:var(--Mono-900);
}

.input-fill {
    width: 100%;
    box-sizing: border-box;
    border-color: var(--Mono-300) !important;
}

.input-fill-container > button {
    width: 100%;
    box-sizing: border-box;
}

.plus-button:hover {
    background: var(--Mono-100);
}

.plus-button span {
    height: 15px;
}

.plus-button {
    border-radius: 6px;
    border: 1px solid var(--Mono-300, #D1D5DB);
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    display: inline-flex;
    padding: 12px 28px 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--Mono-900, #111827);
    font-family: Inter;
    font-size: 16px;
    font-weight: 700;
}

.plus-button img {
    width:24px;
    height:24px;
}

#freshwater-summary input[type='text'], input[type='number'] {
    border-color: var(--Mono-300);
}

.flex-form-row {
    margin-top: 24px;
    display: flex;
    gap: 24px;
    flex-grow: 1;
}

.flex-form-row > div {
    flex: 1;
    margin: 0 14px 0 0;
}

.flex-form-row input {
    width: 100%;
}

.flex-form-row textarea {
    width: 100%;
    padding: 7px
}

.inputAppenderV3 {
    position: absolute;
    top: 69%;
    right: 0;
    transform: translateY(-50%);
    padding: 0 8px;
    font-size: 15px;
    color: var(--Mono-500);
}

.input-container {
    position: relative;
}

.input-container input[type='number'] {
    padding-right: 7px;
}

.changePaymentContainer {
    float: right;
    display: flex;
    align-self: baseline;
    flex-direction: column;
    align-content: space-between;
    justify-content: center;
    align-items: flex-end;
    gap: 18px;
    height: 100%;
}

.mapDrawOption {

    border: 1px solid var(--Mono-300, #D1D5DB);
    background: #FFF;
    color: var(--Mono-700, #374151);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    padding: 9px 17px;
}

.mapDrawOption.left {
    border-radius: 6px 0px 0px 6px;
}

.mapDrawOption.right {
    border-radius: 0px 6px 6px 0px;
    border-left:none;
}
.mapDrawOption.activeOption {
    color: var(--Primary-700, #3D2DF7);
}

.tempFeatureRow {
    line-height:32px;
}

tr.deletedRow {
    text-decoration: line-through;
}

tr.deletedRow .deleteTempFeature, tr.deletedRow .featureNameOverride {
    display:none !important;
}

tr.editingRow .featureNameOverride {
    display:initial;
}

tr.editingRow .featureTempName, tr.editingRow .featureTempEdit {
    display:none;
}

tr.editingRow .featureNameOverride {
    width: 100%;
    height: 30px;
    border-radius: 4px;
}

tr.deletedRow .undoTempFeature {
    display:block;
}

.attachmentsZone {
    border-radius: 8px;
    border: 1px dashed var(--Mono-500, #6B7280);
    background: var(--Primary-050, #F5F4FF);
}
.attachmentsZone.dragover {
    border: 4px dashed var(--Mono-500, #6B7280);
    background: var(--Primary-100, #F5F4FF);
}

.selectableRow {
    line-height: 30px;
    border-bottom: 1px solid var(--Mono-300);
    font-size:15px;
    display:flex;
}
.selectableRow input {
    margin-left: auto;
}

#saved-view-help-icon:hover .help-hover-content, #saved-view-help-icon:hover .help-hover-arrow {
    display: block;
}

.help-hover-content {
    display: none;
    box-shadow: 1px 1px 0px 3px var(--Mono-700);
    top: -10px;
    transform: translateY(-100%) translateX(-50%);
    margin-left: 8px;
    background: var(--Mono-700);
    border-radius: 5px;
    color: white;
    font-size: 14px !important;
    font-weight: 700;
    padding: 10px;
    position: absolute;
    z-index: 9999999999;
    text-align: center;
    width: 200px;
    margin-top: 10px;
}

.help-hover-arrow {
    display: none;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 11px solid var(--Mono-700);
    position: absolute;
    z-index: 99;
    top: 0px;
    margin-left: -1px;
    transform: rotate(180deg) translateX(-50%);
    -moz-transform: rotate(180deg) translateX(-50%);
    -webkit-transform: rotate(180deg) translateX(-50%);
    -o-transform: rotate(180deg) translateX(-50%);
}

.notes-section.notes-section-v2 {
    background: white;
}
.notes-section.notes-section-v2 .form-section-heading-simple .subheading {
    color: var(--Mono-900, #111827);
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
}

.notes-section.notes-section-v2 textarea {
    border-radius:6px;
    margin-left:0;
}

.notes-section.notes-section-v2 .form-section-heading-simple {
    margin-left:0;
}

.notes-section.notes-section-v2 .notes-area {
    width: 510px;
}

.textAreaMax {
    color: var(--Mono-500, #6B7280);
    text-align: right;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.notes-section.notes-section-v2 .button-select-local-file {
    border-radius: 6px;
    border: 1px solid var(--Mono-300, #D1D5DB);
    background: #FFF;
    padding: 9px 11px;
    color: var(--Mono-900);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    background: url(../images/from-computer.svg) no-repeat 0 0;
    background-size: 23px 22px;
    background-position: 5px;
    text-decoration: none;
    padding-left: 35px;
}

.notes-section.notes-section-v2 .button-select-file {
    border-radius: 6px;
    border: 1px solid var(--Mono-300, #D1D5DB);
    background: #FFF;
    padding: 9px 11px;
    color: var(--Mono-900);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    background: url(../images/from-library.svg) no-repeat 0 0;
    background-size: 23px 22px;
    background-position: 5px;
    text-decoration: none;
    padding-left: 35px;
}
.no-event-selected {
    height: 182px;
    padding: 16px 48px;
    border-radius: 8px;
    border: 1px solid var(--Mono-200);
    line-height: 182px;
    text-align: center;
    position: relative; /* Make sure the parent container is positioned */
}

.no-event-selected-cow {
    background: url(../images/calendar/no-event-cow.svg) no-repeat 0 0;
    width: 150px;
    height: 150px;
    position: absolute;
    right: 30px; /* Adjust to match padding or desired alignment */
    top: 50%;
    transform: translateY(-50%);
}