/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

.navbar-inverse {
    background-color: #39870C;
}

a.navbar-brand {
  white-space: normal;
  text-align: center;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}

/* margin should be half the width https://css-tricks.com/full-width-containers-limited-width-parents/*/
.full-width {
    width: 96vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -48vw;
    margin-right: -48vw;
}

input[type=checkbox]:disabled + label {
    color: #ccc;
}

/*Tilly logo*/
.navbar-brand {
    font-family: 'Segoe Script';
    font-weight: bold;
    font-size: xx-large;
}
.progress-bar-invisible {
    background-color: #e9ecef !important;
}

/* Colours for progressbars*/
.tillage-primary {
    background-color: #ac9af1 !important;
}
.tillage-secondary {
    background-color: #f7c8ee !important;
}
.cultivation-row {
    background-color: #ffefb0 !important;
}
.cultivation-blind {
    background-color: #ffca96 !important;
}
.seeding {
    background-color: #f59a8e !important;
}
.harvest {
    background-color: #b6e6bd !important;
}

/*Legend box for chart*/
.box {
    margin-top: 3px;
    float: left;
    height: 20px;
    width: 20px;
    margin-bottom: 15px;
    border: 1px solid black;
    clear: both;
    border-radius: 5px;
    border-width: medium;
}

/*Limit text box width (used in apply to fields)*/
.thin-textbox {
    max-width: 100px;
}

/*Used by maps to show measurements of drawn icons*/
/*
.measurement-info {
    position: absolute;
    z-index: 999;
    top: 10px;
    left: 10px;
    background-color: white;
    border-radius: 10px;
    padding: 10px;
}*/

/*Rounded separator bar/divider*/
hr.rounded {
    border-top: 8px solid #bbb;
    border-radius: 5px;
}

/*Formats a bootstrap icon so it can be rotated - used in accordion*/
i.bi-chevron-down {
    display:inline-block;
}

/*rotates a bootstrap icon for use in accordion*/
[aria-expanded="true"] i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*Used initially for map spinner*/
.centered-element {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*Used to make table rows appear inactive when pending approval*/
.pending {
    opacity: .4;
}

/*Used for text area in report tables*/
td textarea{
    width:100%;
}

/*Used to highlight custom html when delete button hovered over.*/
button.CustomHtml {
    pointer-events: auto;
    position:absolute;
    top: 2px;
    right: 2px;
}
div.CustomHtml:hover {
    background: #c8dadf;
    outline: 2px dashed #92b0b3;
}
div.CustomHtml {
    pointer-events: none;
    position:relative;
}




/*Form used to update image captions*/
.form-popup {
    display: none;
    position: fixed;
    left: 45%;
    top: 20%;
    transform: translate(-50%, 5%);
    border: 3px solid #f1f1f1;
    z-index: 9;
    background-color: #fff;
}

/*Need a parent element to have a position*/
.top-right-x {
    position: absolute;
    right:0;
    top:0;
}

i.container-icon {
    position: relative;
}

i.contained-icon {
    position: absolute;
    top: -12px;
    left: -8px;
    font-size: 200%;
}

.nav-tabs .nav-item .nav-link {
    background-color: #0080FF;
    color: #FFF;
}

.nav-tabs .nav-item .nav-link.active {
    color: #0080FF;
}