body {
    height: 100vh%;
    min-height: 100vh;
    background: white;
    margin: 0px;
    font-family: 'Nunito';
    font-size: 18px;
}

#login {
    height: 100%;
    background-image: url("background.png");
    no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#searchbox {
    background-color: #a64d79;
}

#div_login_form {
    padding-top: 120px;
}

#div_login_form .is-block .mb-2 {
    color: white;
}

#login_form {
    background-color: #000D;
}

#filterbox div.select label.label.has-text-white {
    margin-right: 5px;
}

.tile {
    max-width: 180px;
}

#fidelity {
    background-color: transparent;
    margin-left: 7rem;
}

#total_sectors {
    background-color: lightskyblue;
}

p.subtitle {
    color: gray;
}

#table_data {
    width: 100%;
}

.table td.is-selected {
    background-color: #0000005e;
}

.htmx-indicator {
    padding-right: 150px;
}

.notification {
    max-height: 90px;
    border-radius: 0px;
}

#spinner {
    position: absolute;
    left: 50%;
    top: 400px;
}

p .heading {
    font-size: 13px important!;
}


#sort {
    padding-bottom: 15px;
}

.title {
    padding-top: 1rem;
    padding-left: 1rem;
}

.columns {
    margin: 1rem;
}

.box {
    min-height: 180px;
    max-height: 180px;
    box-shadow: 0 .1em 1em -.125em rgb(166, 77, 121),0 0 0 1px rgba(10,10,10,.02);
}

p .title {
    font-size: xx-large;
}

p .header {
    font-size: xxx-large;
}

p.title{
    padding-top: 2.3rem;
    font-size: 2.2rem;
}

#mci_button_search, #mmi_button_search {
    margin-top: 2rem;
}

#sort_x, #sort_y, #sort_diff, #sort_ranking {
    padding-bottom: 1rem;
}

.table.is-bordered th {
    border-width: 0px;
 }