.main-header{
    grid-area: header;
}

.data{
    grid-area: data;
}

.wrapper{
    display: grid;
    grid-gap: 0px;
    grid-template-areas:
	"header"
	"data";
    min-height: 100vh;
}

@media (min-width: 800px) {
    .wrapper {
	grid-template-columns: 1fr;
	grid-template-rows: 56px auto;
	grid-template-areas:
	    "header"
	    "data";	
}

.main-header{
    background-color: #514343;
    color:#fff;
}
    
.modal
{
    z-index: 1000 !important;
}

.modal-card
{
    max-width: 1025px !important;
    min-width: 1025px !important;
    min-height: calc(100vh - 80px) !important;
    max-height: calc(100vh - 80px) !important;
}

.tabContent {
    display: none;
}

#modalTotalCultivo
{
    position: absolute !important;
    z-index: 1000 !important;
    display: none;
    min-height: calc(100vh - 130px) !important;
    max-height: calc(100vh - 130px) !important;
    width: 310px;
}

#modalTotalCultivoHeader
{
    cursor: move;
}

#modalTotalCultivo .modal-card
{
    max-width: 310px !important;
    min-width: 310px !important;
    min-height: calc(100vh - 130px) !important;
    max-height: calc(100vh - 130px) !important;
}

.card.is-active
{
    display: block !important;
}

.table.is-scrollable tbody
{
    overflow-y: scroll;
    width: auto;
    position: absolute;
    min-height: calc(100vh - 100px - 128px) !important;
    max-height: calc(100vh - 100px - 128px) !important;
}


.buttons .select{
    margin-bottom: .5rem;
}

#modalDrawMaps {
    position: absolute !important;
    top: 75px;
    right: 25px !important;
    z-index: 900 !important;
    display: none;
    min-height: calc(75vh - 100px) !important;
    max-height: calc(75vh - 100px) !important;
    max-width: 380px !important;
    min-width: 380px !important;
}

#modalDrawMaps .modal-card {
    min-height: calc(75vh - 100px) !important;
    max-height: calc(75vh - 100px) !important;
    max-width: 380px !important;
    min-width: 380px !important;
}

#modalDrawMaps .modal-card-foot, #modalDrawMaps .button{
    display: block;
}

#modalDrawMaps .button{
    margin-top: 5px;
    margin-bottom: 5px;
}

#historiaAccion td{
    vertical-align: middle;
}