html {
    height: 100%;
}
body {
    /*background: #0a4b84;*/
    height: 100%;
}

div.main_content {
    margin: 1rem;
}

.usr-header {
    background: #0066cc;
    /*margin-bottom: 2rem;*/
    width: 100%;
    text-align: center;
}

.usr-header h2 {
    padding-bottom: 1rem;
    color: white;
}

.usr-header img {
    max-height: 6rem;
    margin: 1rem;
}

.heading-row {
    /*background-color: #0066CC;*/
    background-color: #9ca3af;
    color: white;
    margin: unset !important;
    width: 100%;
}

.normal-row {
    margin: unset !important;
    width: 100%;
}

.cella {
    /*border: 3px solid black;*/
    border: 1px solid rgba(61, 76, 124, 0.8);
    /*border: 1px solid rgba(86,61,124,.8);*/
    /*max-height: 72px;*/
    overflow: clip;
}

.custom_alert {
    position: absolute !important;
    top: 1rem;
    left: 1rem;
    right: 1rem;
}

#tabella>:nth-child(even){
    background-color: #F3F3F3;
}

.cella-centrata {
    text-align: center;
}

/*Sticky header */
.sticky-table-headers__sticky {
    /* Background color */

    /* Stick to the left */
    top: 0;
    position: sticky;

    /* Displayed on top of other rows when scrolling */
    z-index: 999;
}

.tooltip-inner-custom {
    max-width: 100% !important;
    text-align: left !important;
}

/*Form*/
.ui-widget {
    z-index: 10000 !important;
}
.ui-autocomplete {
    z-index: 10001 !important;
}

input {
width: 100%;
}

.sticky-footer {
    /* Background color */
    /*background-color: #9ca3af;*/

    bottom: 0;
    position: sticky;

    /* Displayed on top of other rows when scrolling */
    z-index: 9998;
}

.testoRidotto {
    font-size: 80%;
}

#istruzioni {
    text-align: center;
}

#istruzioni table tr th, #istruzioni table tr td {
    border: 1px black solid;
}

#istruzioni table {
    width: 100%;
}

.emptyInput {
    border: 1px solid red !important;
}

.successInput {
    border: 1px solid green !important;
}

kbd {
    background-color: #eee !important;
    border-radius: 3px;
    border: 1px solid #b4b4b4;
    box-shadow:
            0 1px 1px rgba(0, 0, 0, 0.2),
            0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
    color: #333 !important;
    display: inline-block;
    font-size: 0.85em;
    font-weight: 700;
    line-height: 1;
    padding: 2px 4px;
    white-space: nowrap;
}

/*MAPS*/
/*
 * Always set the map height explicitly to define the size of the div element
 * that contains the map.
 */
#map {
    height: 100%;
}

/*
 * Optional: Makes the sample page fill the window.
 */
html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.custom-map-control-button {
    background-color: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
    margin: 10px;
    padding: 0 0.5em;
    font: 400 18px Roboto, Arial, sans-serif;
    overflow: hidden;
    height: 40px;
    cursor: pointer;
}
.custom-map-control-button:hover {
    background: rgb(235, 235, 235);
}