.btn-check:active+.btn-light,
.btn-check:checked+.btn-light,
.btn-light.active,
.btn-light:active,
.show>.btn-light.dropdown-toggle {
    color: var(--geoagris-green);
}

.txt-a-r {
    text-align: right;
}

#map,
#map_loading {
    position: absolute;
    height: calc(100% - 155px);
    width: calc(100% - 25px - var(--left-menu, 0px));
}

#map_work_orders {
    height: 95%;
}

.map-holder {
    height: 500px;
}

#map_loading {
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.authentication-bg {
    background-image: url(../images/login_background_weldx.png);
    background-size: cover;
    background-repeat: no-repeat;
}

@media (min-width: 767.98px) {

    body[data-leftbar-compact-mode=condensed] {
        --left-menu: 70px;
    }

    body:not([data-leftbar-compact-mode=condensed]) {
        --left-menu: var(--leftbar-width);
    }
}

@media (max-width: 767.98px) {
    body[data-leftbar-compact-mode=condensed] {
        --left-menu: 0px;
    }
}

/* 
NO funciona bien
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    box-shadow: 0 0 0 30px var(--geoagris-green-20) inset !important;
    background-color: var(--geoagris-green-20) !important;
    opacity: 20%;
    transition: var(--geoagris-green-20) 5000s ease-in-out 0s;
} */

.color-white {
    color: white;
}

.btn-link {
    color: inherit;
}

a.mobile_link,
table.dataTable tbody tr.selected.selected a.mobile_link,
table.dataTable tbody th.selected.selected a.mobile_link,
table.dataTable tbody td.selected.selected a.mobile_link {
    font-weight: 800;
    color: black;
    text-decoration: underline;
    display: flex;
    gap: 10px;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
}

table.table.dataTable tr.selected td.select-checkbox:after,
table.table.dataTable tr.selected th.select-checkbox:after {
    content: "✓";
    font-size: 19.5px;
    margin-top: -19px;
    margin-left: -6px;
    text-align: center;
    text-shadow: none;
}

.login-container {
    max-width: 458px;
}

.faq-answer.agex-query {
    margin-bottom: 0.5em;
}

a.query-link {
    color: var(--bs-body-color);
}

a.query-link:hover {
    color: var(--geoagris-green);
    text-decoration: underline;
}

.machine-link {
    font-size: 1em;
    padding: 0 0.4rem;
    width: 100%;
    height: 100%;
}

.loader {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(100, 100, 100, 0.5);
    z-index: 1100;
    display: flex;
    justify-content: center;
}

.loader svg {
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.composite_images {
    position: relative;
    width: 30px;
    height: 30px;
}

.composite_images>.little {
    position: absolute;
    bottom: 0;
    right: 0;
}

.composite_images_50 {
    position: relative;
    width: 50px;
    height: 50px;
}

.composite_images_50>.little {
    position: absolute;
    bottom: 0;
    right: 0;
}

.filter_btn {
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.filter_btn>.dt-buttons {
    margin-right: 2rem;
}

.infowindow-mobile-name {
    font-weight: bold;
    font-size: 0.94rem;
}

.infowindow-mobile-data-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px 10px;
}

.infowindow-shape-data-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 3fr;
    gap: 5px 10px;
}

.infowindow-mobile-measures-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}

.infowindow-mobile-clima-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}


.description-item {
    font-size: 0.625rem;
    color: var(--geoagris-medium-grey);
    font-family: 'Lato';
}

.dato-fijo {
    font-size: 0.94rem;
    color: var(--geoagris-dark-grey);
    font-weight: 700;
    font-family: 'Lato';
}

.infowindow-mobile-status {
    font-size: 0.94rem;
    margin: 0.5rem 0;
}

.titulos-seccion {
    font-weight: 700;
    font-size: 0.94rem;
    color: var(--geoagris-light-grey);
    margin-bottom: 10px;
}

.geoagris-red {
    color: var(--geoagris-red);
}

.geoagris-green {
    color: var(--geoagris-green);
}

.geoagris-yellow {
    color: var(--geoagris-yellow);
}

.geoagris-light-grey {
    color: var(--geoagris-light-grey);
}

.geoagris-medium-grey {
    color: var(--geoagris-medium-grey);
}

.geoagris-dark-grey {
    color: var(--geoagris-dark-grey);
}

.geoagris-cyan {
    color: var(--geoagris-cyan);
}

.geoagris-red-bg {
    background-color: var(--geoagris-red-bg);
}

.geoagris-green-bg {
    background-color: var(--geoagris-green-bg);
}

.geoagris-yellow-bg {
    background-color: var(--geoagris-yellow-bg);
}

.geoagris-red-full-bg {
    background-color: var(--geoagris-red);
}

.geoagris-green-full-bg {
    background-color: var(--geoagris-green);
}

.geoagris-yellow-full-bg {
    background-color: var(--geoagris-yellow);
}


.geoagris-light-grey-bg {
    background-color: var(--geoagris-light-grey-bg);
}

.geoagris-medium-grey-bg {
    background-color: var(--geoagris-medium-grey-bg);
}

.geoagris-dark-grey-bg {
    background-color: var(--geoagris-dark-grey-bg);
}

.geoagris-cyan-bg {
    background-color: var(--geoagris-cyan-bg);
}

.bs-body-color {
    color: var(--bs-body-color);
}

.geoagris-red-svg {
    filter: invert(18%) sepia(64%) saturate(5386%) hue-rotate(348deg) brightness(93%) contrast(98%);
}

.geoagris-green-svg {
    filter: invert(48%) sepia(63%) saturate(7078%) hue-rotate(132deg) brightness(93%) contrast(102%);
}

.geoagris-yellow-svg {
    filter: invert(67%) sepia(60%) saturate(1189%) hue-rotate(9deg) brightness(105%) contrast(103%);
}

.geoagris-dark-grey-svg {
    filter: invert(41%) sepia(89%) saturate(0%) hue-rotate(20deg) brightness(95%) contrast(83%);
}

.bs-body-color-svg {
    filter: invert(49%) sepia(2%) saturate(0%) hue-rotate(27deg) brightness(97%) contrast(92%);
}

.infowindow-mobile-measure {
    font-weight: 900;
    font-size: 0.94rem;
}


.cards tbody tr {
    float: left;
    width: 20rem;
    margin: 0.5rem;
    border-radius: .25rem;
    /* box-shadow: 0.25rem 0.25rem 0.5rem rgba(0,0,0,0.25); */
    background-color: white;
}

.cards tbody td {
    display: block;
    border: 0;
}

.table tbody label {
    display: none;
}

.cards tbody label {
    display: inline;
    position: relative;
    font-size: 85%;
    top: -0.5rem;
    float: left;
    color: #808080;
    min-width: 4rem;
    margin-left: 0;
    margin-right: 1rem;
    text-align: left;
}

tr.selected label {
    color: #404040;
}

.table .fa {
    font-size: 2.5rem;
    text-align: center;
}

.cards .fa {
    font-size: 7.5rem;
}

.cards .table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: white;
    color: white;
}

/* Cards listado moviles */
.partial-select {
    white-space: nowrap;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 0.2em;
}

.cards.table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: transparent;
    color: var(--bs-body-color);
}

.cards tr {
    position: relative;
    height: 250px;
}

.cards td {
    position: relative;
    padding: 0;
}

.cards .composite_images .me-2 {
    height: 50px;
    width: 50px;
}

.cards img.little {
    height: 1em;
    width: 1em;
}

.cards .composite_images {
    position: absolute;
    top: 30px;
    left: 20px;
    height: 50px;
    width: 50px;
}

.cards .mobile_name {
    position: absolute;
    top: 30px;
    left: 90px;
    text-decoration: underline;
    font-size: 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 200px;
}

.cards .last_update {
    position: absolute;
    left: 90px;
    top: 70px;
}

.cards .last_status {
    position: absolute;
    top: 90px;
    left: 90px;
}

.cards .farm_name,
.cards .field_name,
.cards .machine_group_name,
.cards .id {
    display: none;
}

.cards .entity_name {
    position: absolute;
    left: 90px;
    top: 116px;
}

.cards .type_name {
    position: absolute;
    left: 90px;
    top: 137px;
}

.cards .task_name {
    position: absolute;
    left: 90px;
    top: 158px;
}

.cards .climatic_condition {
    left: 90px;
    top: 200px;
}

.cards .climatic_condition::before {
    content: attr(data-title);
    position: absolute;
    font-size: 0.7rem;
    top: -15px;
    font-weight: initial;
}

.cards .working {
    position: absolute;
    left: 200px;
    top: 200px;
    font-weight: bold;
}

.cards .working::before {
    content: attr(data-title);
    position: absolute;
    font-size: 0.7rem;
    top: -15px;
    font-weight: initial;
}

.cards .external_class {
    position: absolute;
    top: 5px;
    right: 10px;
    border: 0;
    font-size: 1.5rem;
}

.cards .external_class button {
    font-size: 1em;
    padding: 0 0.4rem;
    width: 100%;
    height: 100%;
}

.table [role=number] {
    text-align: end;
}

.table .table-hide {
    display: none;
}

.btn-close.map-modal-infowindow {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
}

/* Info Mobile */
.badge-container {
    background-color: white;
    padding: 0;
    margin: 0;
    position: relative;
    height: 1.1em;
    border-radius: 1.25em;
    margin-top: 0.1em;
}

.badge-container>.badge {
    width: 100%;
    position: absolute;
}

.labeled_text::before {
    content: attr(data-label);
    /* position: absolute; */
    top: -1rem;
    font-size: .75rem;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: block;
}

.labeled_text::after {
    content: attr(data-sublabel);
    position: absolute;
    top: 2.75rem;
    font-size: .75rem;
    width: 100%;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 0.5rem;
}

.labeled_text {
    /* width: 30%; */
    position: relative;
    font-weight: bold;
    font-size: 1rem;
}

.mobile_info {
    position: relative;
}

.info-cards {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
}

.mobile_info .status {
    display: grid;
    grid-template-columns: repeat(auto-fit, 33%);
}

.mobile_measures .status {
    display: grid;
    grid-template-columns: repeat(auto-fit, 33%);
}

@media (max-width: 600px) {

    .info-cards {
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }

    .mobile_info .status {
        display: grid;
        grid-template-columns: repeat(auto-fit, 50%);
    }

    .mobile_measures .status {
        display: grid;
        grid-template-columns: repeat(auto-fit, 50%);
    }
}

.mobile_info>.icon_name {
    display: flex !important;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
}

.mobile_info .mobile_icon {
    max-height: 75px;
    max-width: 75px;
}

.mobile_info .mobile_name {
    flex-grow: 1;
    width: 100%;
    display: inline-grid;
}

.mobile_info .mobile_name a {

    width: 100%;
    display: inline-block;
}

.mobile_info .mobile_pseudostatus {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
}

#offcanvasFilter {
    width: 75%;
}

.mobile_charts {
    display: flex;
    gap: 20px;
    align-items: center;
}

.mobile_charts .mobile_name {
    text-decoration: underline;
    font-size: 0.9rem;
    display: inline-grid;
}

.mobile_charts .mobile_name .mobile_link {
    display: inline-block;
    width: 100%;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobile_charts_query_container {
    /* width: fit-content; */
    display: flex;
    flex-direction: column;
}

.mobile_charts .mobile_icon {
    max-height: 50px;
    max-width: 50px;
}

.mobile_charts .mobile_icon_container {
    position: relative;
}

.mobile_charts .mobile_pseudostatus {
    position: absolute;
    bottom: 0;
    right: 0;
}


::-webkit-calendar-picker-indicator {
    /* geoagris-green usando filter */
    filter: invert(22%) sepia(100%) saturate(2416%) hue-rotate(140deg) brightness(101%) contrast(102%);
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    color: var(--geoagris-green);
}

.info_mobile_name {
    position: relative;
    z-index: 1;
    color: white;
    font-weight: bold;
    font-size: 1rem;
    height: 0;
    top: 30px;
    left: 60px;
    text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}

.info_mobile_name_back {
    background-color: rgba(0, 0, 0, 0.589);
    padding: 5px;
}

.form-check.form-check-right {
    padding: 0;
    padding-left: 0;
    padding-right: 1.612em;
}

.form-check.form-check-right .form-check-input {
    float: right;
    right: -20px;
    position: relative;
}

input[required]+label::after {
    content: '*';
}

.mobile_charts_all_container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.mobile_charts_container {
    display: flex;
    flex-direction: column;
    flex: 1 1 50%;
    min-width: 300px;
}

#measures-charts-container {
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.charts-spinner {
    display: flex;
    justify-content: center;
}

.card.no-shadow {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.card.no-shadow table.cards tr {
    -webkit-box-shadow: 0 0 35px 0 rgb(154 161 171 / 15%);
    box-shadow: 0 0 35px 0 rgb(154 161 171 / 15%);
}

@media (max-width: 375px) {
    .card-body {
        padding-left: 0;
        padding-right: 0;
    }

    .card-body.mobile_charts.card-body {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    #table_loading#table_loading {
        margin-top: -1.5rem;
        margin-bottom: -1.5rem;
        margin-left: 0;
        margin-right: 0;
    }

}



.mobile_info_max_width_150 {
    max-width: 150px;
}

.grid-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}

@media (max-width: 425px) {
    .grid-3 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
}

.mobile_info_max_width_500 {
    max-width: 600px;
    min-width: 500px;
}

@media (max-width: 500px) {
    .mobile_info_max_width_500 {
        max-width: 600px;
        min-width: 0;
    }
}

span.badge_status {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.form-floating>label {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}

#partial_loading {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#table_loading {
    position: absolute;
    z-index: 10000;
    background-color: rgba(0, 0, 0, 0.1);
    height: 100%;
    width: 100%;
    margin: -1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner-border-lg {
    border-width: 0.8em;
}

.btn-agex-mobile-config {
    width: 150px;
}

label.agex-label {
    color: var(--geoagris-green);
    opacity: 0.65;
    transform: scale(.85);
    margin-left: -6px;
}

.agex-label-2 {
    color: var(--geoagris-green);
    opacity: 0.65;
    transform: scale(.85);
    margin-left: -1rem;
}

.page-title-box.row {
    align-items: center;
}

.trash-list {
    cursor: pointer;
}

.trash-list,
.check-list {
    font-size: 24px;
}

.swal2-styled.swal2-confirm {
    background-color: var(--geoagris-medium-grey) !important;
}

.swal2-styled.swal2-cancel {
    background-color: var(--geoagris-green) !important;
}

.swal2-styled.swal2-cancel:focus {
    box-shadow: 0 0 0 3px rgba(0, 151, 57, .5) !important;
    stroke-opacity: .5;
}

.searchable_input {
    width: 100%;
    font-size: 16px;
    padding: 12px 20px 12px 12px;
    border: 1px solid #ddd;
    margin-bottom: 12px;
}

ul.searchable_list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.searchable_list li {
    border: 1px solid #ddd;
    margin-top: -1px;
    background-color: #f6f6f6;
    padding: .5rem;
    text-decoration: none;
    font-size: 18px;
    color: black;
    display: block;
}

ul.searchable_list li.disabled {
    cursor: not-allowed;
}

ul.searchable_list li:hover:not(.disabled) {
    background-color: #eee;
}

#searchOffcanvas {
    --offcanvas-width: 500px;
}

.control_button {
    background-color: transparent;
    border: 0px;
    cursor: pointer;
    margin-top: 8px;
    margin-right: 8px;
    text-align: right;
}

.control_button>.control_title {
    color: white;
    font-size: 0.94rem;
    filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 1));
    text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}

.invalid-login {
    max-width: 100%;
    padding: 0.4rem 0.8rem;
    margin-top: 0.1rem;
    font-size: .8125rem;
    color: #fff;
    background-color: rgba(250, 92, 124, .9);
    border-radius: 0.2rem;
}

.infowindow-weather-station-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.ws-timestamp {
    font-size: 0.94rem;
}

.infowindow-ws-data {
    font-weight: 900;
    font-size: 1.2rem;
}

.climate_station_machine {
    display: flex;
    gap: 10px;
    align-items: center;
    /* flex-wrap: wrap; */
}

.weather-stations-table.cards tr {
    padding: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.works-table tr .marker_icon {
    display: none;
}

.works-table tr .works-d-none {
    display: none;
}


.works-table.cards tr .works-d-none {
    display: block;
}

.works-table.cards tr .works-only-card {
    display: block;
}

.works-table tr .works-only-card {
    display: none;
}

.works-table.cards tr .works-only-table {
    display: none;
}

.works-table tr .works-only-table {
    display: table-cell;
}



.works-table.cards tr .works-icon {
    align-self: center;
    justify-self: center;
    display: block;
}

.works-table.cards tr td {
    align-self: center;
    display: block;
}

.works-circle {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    margin-right: 3px;
    display: inline-block;
}

.works-table.cards .works-view {
    position: absolute;
    top: 5px;
    right: 50px;
}

.works-table.cards .works-view a {
    display: flex;
    align-items: center;
    gap: 5px;
}

.works-table.cards .works-view i {
    width: 22px;
    font-size: 1.375rem;
}

.works-table .works-view {
    width: 26px;
}

.works-table.cards.cards tbody tr {
    position: relative;
    padding: 26px;
    display: grid;
    grid-template-columns: 0.5fr 2fr 2fr;
    gap: 10px;
    width: 280px;
    height: auto;
}

.works-table.cards td.works-button-view {
    grid-column: 1 / -1;
    padding-top: 20px;
    padding-bottom: 30px;
}

/* .works-table.cards td.machines {
    grid-column: 2 / -1;
}
 */

.weather-stations-table.cards td.station_machine {
    grid-column: 1 / -1;
}

.weather-stations-table.cards .climate_composite_images {
    width: 50px;
    height: auto;
}

.weather-last-update-card {
    display: none;
}

.weather-d-none {
    display: none;
}

.weather-stations-table.cards .weather-d-none {
    display: block;
}

.weather-stations-table.cards .weather-last-update-card {
    display: block;
}

.weather-stations-table.cards .weather_last_update {
    display: none;
}

.weather-stations-table .order {
    display: none;
}

.weather-stations-table.cards .weather-condition {
    font-size: 1rem;
}

.weather-stations-table.cards tr {
    position: relative;
    height: auto;
}

.works-table.cards .works-only-table {
    display: none;
}

.works-table.cards .work_orders {
    display: none;
}

.works-table.cards .works-icon {
    font-size: 1.325rem;
}

.works-table.cards .works-data {
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100px;
}

/*Cards mobiles*/
/*.mobiles-table.cards tbody tr {
    margin-left: 0px;
}*/

.mobiles-table.cards tbody {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
    justify-items: center;
}

@media (max-width: 425px) {
    .mobiles-table.cards tbody {
        justify-content: center;
    }
}

/**/

.weather-stations-table.cards tbody tr,
.works-table.cards tbody tr {
    width: 270px;
}

.weather-stations-table.cards tbody,
.works-table.cards tbody {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    justify-items: center;
}

.weather-station-card .card-body {
    padding-right: 0;
}

.invalid-tooltip {
    z-index: auto;
}

.alarm-item {
    background-color: rgba(0, 0, 0, .05);
    margin-bottom: 1rem;
}

.alarm-item:hover {
    color: #3b3b3b;
    background-color: var(--geoagris-light-grey);
}

.works-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 20px;
    align-content: center;
    /* overflow: hidden; */
}

.agex-button {
    height: 32px;
    width: 120px;
}

.btn-query-panel {
    width: auto;
}

.agex-calendar-input-icon::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    right: 10px;
    vertical-align: middle;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
    color: var(--geoagris-green);
    content: '\eb3c';
    font-family: 'unicons';
    font-size: 1.5rem;
    pointer-events: none;
}

.toolbar-button.toolbar-button {
    font-size: 18px;
}

.toolbar-button.toolbar-button>img {
    height: 18px;
    width: 18px;
}

.toolbar-button.active {
    color: var(--geoagris-green);
}

.climate-icon {
    font-size: 16px;
}

.alarm-icon {
    height: 50px;
    width: 50px;
    align-items: center;
    display: flex;
    /* align-content: center; */
    justify-content: center;
    text-decoration: none;
    border-radius: 50%;
    font-size: 2rem;
}


#alarms-table-card .cards tr {
    position: relative;
    height: 190px;
}

#alarms-table-card .cards .gps_time {
    display: none;
}

#alarms-table-card .cards .gps_time_date {
    position: absolute;
    top: 65px;
    left: 90px;
}

#alarms-table-card .cards .gps_time_time {
    position: absolute;
    top: 65px;
    left: 200px;
}

#alarms-table-card .cards .alarm_farm_name {
    position: absolute;
    top: 85px;
    left: 90px;
    width: calc(20rem - 215px);
    white-space: pre-wrap;
    font-size: 1rem;
}

#alarms-table-card .cards .alarm_field_name {
    position: absolute;
    top: 85px;
    left: 200px;
    width: calc(20rem - 220px);
    white-space: pre-wrap;
    font-size: 1rem;
}

#alarms-table-card .cards .alarm_data {
    left: 90px;
    position: absolute;
    top: 60px;
    font-size: 0.875rem;
}

.color-option {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 2px;
}

table.dataTable tr th.select-checkbox.selected::after {
    content: "✔";
    margin-top: -11px;
    margin-left: -4px;
    text-align: center;
    text-shadow: rgb(176, 190, 217) 1px 1px, rgb(176, 190, 217) -1px -1px, rgb(176, 190, 217) 1px -1px, rgb(176, 190, 217) -1px 1px;
    background-color: #009739;
}

tr.odd>td.custom-check,
tr.even>td.custom-check {
    text-align: center;
}

.selected.custom-selected.odd {
    --background-color: var(--geoagris-green) !important;

}

.selected.custom-selected.even {
    --background-color: var(--geoagris-green) !important;
}

#alarms-table-card tbody {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(21rem, 1fr));
    justify-items: center;
}



.works-table td.worked_real_ha {
    /*  display: flex;
    justify-content: center;
    align-items: center;*/
    text-align: center;
}

button.no-style {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

.work-detail-info-card {
    width: 25rem;
}

.work-detail-info-card .info-row {
    position: relative;
    padding-left: 2rem;
    display: grid;
    align-content: center;
    justify-content: start;
    justify-items: start;
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
    align-items: center;
    margin-bottom: 1rem;
}

.work-detail-info-card .info-row>i {
    height: 100%;
    position: absolute;
    width: 4rem;
    left: 0;
}

.work-detail-info-card .info-item>label {
    margin-left: 0;
    font-weight: 100;
}

.work-detail-info-card .info-item>div {
    margin-left: 0;
    font-weight: bolder;
}

.info-span-2 {
    grid-column: 1 / -1;
}

.works-table.cards td.works-shape-container.has-data {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: 0.5fr 2fr 2fr;
    gap: 10px;
}

.works-progress-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.worked_real_ha_button {
    margin-top: 5px;
}

.fuck-datatables {
    grid-column: 1/-1;
}

.geo-datatable-search label {
    position: relative;
}

.geo-datatable-search label::before {
    content: '\eb44';
    font-family: 'unicons';
    position: absolute;
    left: 14px;
    top: 6px;
    bottom: 0;
}

.geo-datatable-search label input {
    padding-left: 25px;
}

.show_query_button {
    /* width: 150px; */
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.spinner-border-lg {
    border-width: 0.4em;
}

.avatar-lg {
    height: 3rem;
    width: 3rem;
}


table.dataTable tbody tr.selected.selected,
table.dataTable tbody th.selected.selected,
table.dataTable tbody td.selected.selected {
    color: inherit;
}

table.dataTable tbody>tr.selected.selected,
table.dataTable tbody>tr>.selected.selected {
    background-color: inherit;
}

table.dataTable tbody>tr.selected.selected,
table.dataTable tbody>tr>.selected.selected {
    background-color: inherit;
}

table.dataTable tbody tr.selected.selected a,
table.dataTable tbody th.selected.selected a,
table.dataTable tbody td.selected.selected a {
    color: inherit;
}

table.dataTable tbody>tr.selected.selected td,
table.dataTable tbody>tr>.selected.selected td {
    border-color: inherit;
}

table.dataTable tr.selected td.select-checkbox.select-checkbox:after,
table.dataTable tr.selected.selected th.select-checkbox:after {
    color: inherit;
}


.work-detail-stats-card .card-body {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.work-detail-stats-card .stats-row {
    min-width: 200px;
    max-width: 300px;
    display: grid;
    grid-template-columns: 0.25fr 1fr 1fr;
    column-gap: 10px;
}

.work-detail-stats-card .stats-title {
    grid-column: 2/-1;
    align-self: center;
}

.work-detail-stats-card .stats-item {
    margin-top: 1rem;

    grid-column: 2/-1;

    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1rem;
}

.work-detail-stats-card .stats-item label {
    font-weight: 100;
}

#work-map {
    height: 600px;
    min-width: 300px;
}

@media (max-width: 1200px) {
    #work-map {
        min-width: 670px;
    }
}

@media (max-width: 425px) {
    #work-map {
        min-width: 300px;
    }


}

.worked-by-machine table td,
.worked-by-machine table th {
    /* white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;*/
    max-width: 90px;
}

.worked-by-machine table td a.mobile_link {
    display: inline;
}


@media (min-width: 425px) {
    .table>:not(caption)>*>* {
        padding: 0.3rem 0.3rem;
    }

    table.dataTable thead .sorting:after,
    table.dataTable thead .sorting_asc:after,
    table.dataTable thead .sorting_desc:after,
    table.dataTable thead .sorting_asc_disabled:after,
    table.dataTable thead .sorting_desc_disabled:after {
        top: 6px;
    }

    table.dataTable thead .sorting:before,
    table.dataTable thead .sorting_asc:before,
    table.dataTable thead .sorting_desc:before,
    table.dataTable thead .sorting_asc_disabled:before,
    table.dataTable thead .sorting_desc_disabled:before {
        top: 0px;
    }
}


.geo-datatable-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.geo-datatable-first {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    align-items: center;
}

@media screen and (max-width: 767px) {
    div.dt-buttons.dt-buttons {
        margin-bottom: 0em;
    }
}

.charts-grid {
    grid-template-columns: 100px 1fr 1fr;
    grid-template-rows: 30px 30px;
    grid-template-areas:
        "a b c";
    gap: 10px;
    align-items: center;
    margin: 1rem;
}

@media(max-width: 600px) {
    .charts-grid {
        grid-template-columns: 100px 1fr;
        grid-template-rows: 30px 30px;
        grid-template-areas:
            "a c"
            "b b";
    }
}

@media(max-width: 991px) {
    .middle-col {
        order: 3;
    }

    .last-col {
        order: 2;
    }
}

@media(max-width: 767px) {
    .middle-col {
        order: 2;
    }

    .last-col {
        order: 3;
    }
}

@media(min-width: 992px) {
    .middle-col {
        order: 2;
    }

    .last-col {
        order: 3;
    }
}

.charts-grid .works-title {
    grid-area: a;
}

.charts-grid .show_query_button {
    grid-area: b;
}

.charts-grid .toolbox {
    grid-area: c;
}

.mobile_charts_query_container_row {
    justify-content: center;
}

.works-detail-title-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.work-close-button {
    cursor: pointer;
}

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

.top-bar-logo {
    display: flex;
    align-content: center;
    height: var(--top);
    align-items: center;
    height: var(--topbar-height, 50px);
    transform: translate(0px, 3px);
}

body[data-leftbar-compact-mode="condensed"]:not(.authentication-bg) {
    min-height: unset;
}

.toolbar2 {
    margin-top: 15px;
}

.buttons-deselect-all {
    padding: 4px;
}

.buttons-select-all {
    padding: 0px;
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

#map-container {
    margin-left: auto;
}

table.dataTable.dtr-column>tbody>tr>td.dtr-control.dtr-control:before,
table.dataTable.dtr-column>tbody>tr>th.dtr-control.dtr-control:before,
table.dataTable.dtr-column>tbody>tr>td.control.control:before,
table.dataTable.dtr-column>tbody>tr>th.control.control:before {
    background-color: var(--geoagris-medium-grey);
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control.dtr-control:before {
    background-color: var(--geoagris-medium-grey);
}

.direction {
    width: auto;
}

.works-table.cards .works-icon .works-data {
    font-size: 0.9rem;
}

.work-detail-link {
    text-decoration: underline;
    color: var(--geoagris-green);
}

.new-title {
    font-size: 1rem;
    font-weight: bold;
}

@media screen and (max-width: 375px) {
    .works-toolbar-container {
        align-self: start;
        padding-top: 15px;
    }
}

.card-direction {
    padding: 12px;
}

.btn-direction {
    padding: 0;
}

/* iframe para old */

iframe {
    width: calc(100% - var(--leftbar-width));
    height: calc(100% - var(--topbar-height));
    position: absolute;
    /* border: 1px solid red; */
    margin-left: -12px;
}

body[data-leftbar-compact-mode="condensed"] iframe {
    width: calc(100% - 70px);
}

@media (max-width: 767.98px) {
    iframe {
        width: 100%;
    }
}

.work_detail_container {
    margin: 0 10px;
}

#btn-big-screen {
    display: block;
}

#btn-small-screen {
    display: none;
}


.select2-container .select2-selection--single.select2-selection--single {
    height: calc(1.5em + 0.5rem + 10px);

}

@media (max-width: 519px) {
    .btn-query-label {
        display: none;

    }

    .agex-button.show_query_button {
        width: auto;
    }
}

.work-close-button {
    display: flex;
    align-items: center;
}

#modal-pdf-spinner .spinner-border {
    text-align: center;
    color: var(--geoagris-green);
}

#modal-pdf-spinner .modal-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

#modal-files-spinner .modal-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.local_hours {
    font-size: 10px;
    font-weight: bold;
}

.toast-text {
    color: black;
}

.form-floating>.form-select {
    background-color: transparent;
}

select option:hover {
    background-color: var(--geoagris-green);
}

.path-datatable-title {
    font-size: 16px;
}

.progress {
    width: 100%;
}

.toolbox-machine {
    align-self: start;
    margin-top: 20px;
}

.mobile-config-group {
    padding: 10px;
}

#new-work-order.agex-button {
    width: auto;
    min-width: 120px;
}

.card-supply {
    background-color: #F4F3F4;
    border-radius: 4px;
}

.remove-supply {
    padding: 0;
}

.form-floating>.form-select.select-supply {
    background-color: white;
}

.form-floating>.form-select.select-field {
    background-color: white;
}

.form-floating>.form-select.select-farm-id {
    background-color: white;
}

.form-floating>.form-select.select-supply:disabled {
    background-color: #f5f5f5;
    color: #7a7a7a;
    opacity: 1;
}

.form-floating>.form-select.select-field:disabled {
    background-color: #f5f5f5;
    color: #7a7a7a;
    opacity: 1;
}

.form-floating>.form-select.select-farm-id:disabled {
    background-color: #f5f5f5;
    color: #7a7a7a;
    opacity: 1;
}




.form-floating>.form-select.select-supply-unit-id {
    background-color: white;
}
.form-floating>.form-select.select-supply-unit-id:disabled {
    background-color: #f5f5f5;
    color: #7a7a7a;
}

.buttons-alert {
    background: none;
    color: #7a7a7a;
    box-shadow: none;
    border: none;
}

.buttons-alert:hover {
    background: none;
    color: #7a7a7a;
    box-shadow: none;
    border: none;
}

.checkbox-disabled {
    pointer-events: none;
}

@media (min-width: 406px) {
    .btn-new-work-order {
        margin-left: -15px;
    }
}

.card-filter-button {
    margin-bottom: 5px;
}

.card-filter-button>.card-body {
    padding: 0.5rem 0.5rem;
}

#php-errors-show-modal-body {
    word-wrap: break-word;
}

.map-spinner-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
}

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

.work_order_detail_error {
    color: var(--geoagris-red);
}

.rangeSlider .rangeNub.rangeNub {
    background-color: var(--geoagris-green);
}

.rangeSlider.rangeSlider {
    background-color: var(--geoagris-green);
}

.rangeSlider .rangeHandle {
    z-index: auto !important;
}


.rangeSlider .rangeHandle.active .rangeNub.rangeNub {
    background-color: var(--geoagris-green);
}


.mapboxgl-popup-content.mapboxgl-popup-content {
    overflow-y: scroll;
    max-height: 350px;
    background-color: #fafafa;
}

.svelecte-control .sv-dd-item-active>.sv-item.sv-item {
    background-color: var(--geoagris-green);
}

.svelecte-control .sv-dd-item-active>.sv-item .sv-item-content.sv-item-content {
    color: white;
}

.mapboxgl-ctrl .dropdown-toggle {
    background: none;
    border: none;
    box-shadow: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mapboxgl-ctrl .dropdown-toggle:hover.dropdown-toggle:hover {
    background-color: transparent;
}

.mapboxgl-ctrl .dropdown-toggle::after {
    display: none;
}

.mapboxgl-ctrl-group-right {
    flex-direction: row;
}

.mapboxgl-popup-close-button {
    font-size: 1.5rem;
}

.form-floating>.label-accordion {
    padding: 2rem 1.9rem;
}

.mapboxgl-ctrl-icon>.uil-edit {
    font-weight: 900;
    font-size: 1rem;
    line-height: 1.9rem;
}

.mapboxgl-ctrl-icon>.uil-ruler {
    font-weight: 900;
    font-size: 1rem;
    line-height: 1.9rem;
}

.mapboxgl-ctrl-icon>.uil-trash-alt {
    font-weight: 900;
    font-size: 1rem;
    line-height: 1.9rem;
}

.mapboxgl-ctrl-icon>.uil-calcualtor {
    font-weight: 900;
    font-size: 1rem;
    line-height: 1.9rem;
}

.mapboxgl-ctrl-icon>.spinner-border-sm.spinner-border-sm {
    margin-top: 3px;
}

.mapboxgl-ctrl-icon.active {
    background-color: rgba(100, 100, 100, 0.5);
    color: var(--geoagris-green)
}

.mapboxgl-ctrl-icon.active:hover.mapboxgl-ctrl-icon.active:hover {
    background-color: rgba(100, 100, 100, 0.5);
    color: var(--geoagris-green)
}

.button_layers_container {
    display: flex;
}

.btn-custom,
.btn-custom:hover,
.btn-custom:focus {
    background-color: transparent;
    border-color: transparent;
    color: var(--geoagris-dark-grey);
    outline: none;
    transition: 0.4s;
}

#buttonCollapse {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #7a7a7a;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.25rem 0.9rem;
    font-size: 0.9rem;
    border-radius: 0.15rem;
    margin-bottom: 1rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.btn-custom i {
    margin-right: 0.5rem;
}

#collapseAdvancedCalculateArea>.form-floating {
    margin-bottom: 0.5rem;
}

.work-reprocess-button {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.chart-container-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.query_form_error {
    background-color: #E66C71;
}

.page-title-box .page-title.query-form-page-tile {
    line-height: 30px;
    margin-top: 30px;
}

.query_forms_query_container.query-form {
    max-width: 328px;
    min-width: 300px;
}

.query_forms_query_container .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 80px;
}

.query_forms_query_container .select2-container .select2-selection--single.select2-selection--single {
    height: calc(1.5em + 0.5rem + 35px);
}

.query_forms_query_container .select2-container .select2-selection--multiple {
    min-height: calc(1.5em + 0.5rem + 35px);
    padding-top: 25px;
}

.show_back_button {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 26px;
}

.order-1{ order: 1}
.order-2{order: 2}
.order-3{order: 3}
.order-4{order: 4}
.order-5{order: 5}
.order-6{order: 6}
.order-7{order: 7}
.order-8{order: 8}
.order-9{order: 9}
.order-10{order: 10}
.order-11{order: 11}
.order-12{order: 12}
.order-13{order: 13}
.order-14{order: 14}
.order-15{order: 15; grid-column: 2 / span 1;}
.order-16{order: 16}
.order-17{order: 17; grid-column: 3 / span 1;}

.disabled-tab {
    pointer-events: none;
    opacity: 0.5;
}

#firmware.form-control::file-selector-button {
	margin: 0rem 0rem;
}