html {
    position: relative;
}

body {
    background-color: white;
    position: relative;
}

input, select {
    color: #333 !important;
    font-size: 16px !important;
}

/*select {*/
    /*padding: 3px 9px !important;*/
/*}*/

.error {
    color: red;
}

.my_body {
    background-color: white;
}

.head-row {
    margin-bottom: 30px;
    padding-top: 44px;
}

.advisory-instructions h1 {
    font-size: 48px;
    font-weight: bold;
    color: #0367c7;
    margin-top: 0;
}

.advisory-instructions ol {
    padding-left: 17px;
    font-weight: bold;
    /* color: #B0B0B0; */
}

.advisory-instructions li {
    margin-bottom: 8px;
}

.italic-instructions-span {
    font-style: italic;
}

.map-row {
    margin-bottom: 30px;
}

.advisory-map {
    width: 100%;
    height: 600px;
    position: relative;
    z-index: 0;
}

.map-address-suggestions {
}

.addresses-list-title {
    margin-top: 12px;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
}

.map-address-suggestions .list-group {
    margin-top: 0px;
}

.map-address-suggestions .list-group-item {
    padding: 20px;
    transition: background-color 0.4s ease, color 0.4s ease;
    cursor: pointer;
}

.map-address-suggestions .list-group-item:hover {
    background-color: #06c;
    color: white;
}

.no-map-suggestions {
    margin-top: 54px;
}

.map-address-suggestion-clicked {
    background-color: #06c;
    color: white;
}

/*
.choose-file-label {
    margin: 5px 0 0px;
}
*/
.segnalazione-form {
    margin-left: 0;
    margin-right: 0;
}

.data-fields-row {
    margin-bottom: 18px;
}

.privacy-captcha-row {
    margin-bottom: 18px;
}

.error-message {
    /*font-weight: bold;*/
    color: red;
}

.send-advice-button-container {
    float: right;
}

.send-advice-button-row {
    margin-bottom: 18px;
}

.no-photo-uploaded-box {
    background-color: #ebebeb;
    padding: 15px;
    padding-top: 56px;
    text-align: center;
    height: 150px;
}

.progress-bar-photo-container {
    display: none;
    margin-top: 62px;
}

.send-advice-button {
    height: 57px;
    font-size: 27px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 60% !important;
    margin-top: 16px;
    transition: 0.2s all;
}

.send-advice-button:hover {
    background-color: #054780;
}

.privacy-link {
    display: block;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.insert-photo-button {
    cursor: pointer;
}

.no-photo-uploaded-box {
    cursor: pointer;
}

.photo-preview {
    cursor: pointer;
}

.geolocation-panel {
    display: none;
    /*margin-top: 11px;*/
}

.geolocation-longitude {
    border-top: 0;
}

.gps-title {
    font-weight: bold;
    font-size: 17px;
}

.latitude-paragraph {
    display: inline-block;
    margin-bottom: 0;
}

.longitude-paragraph {
    display: inline-block;
}

.geolocation-latitude {
    color: #217dd2;
}

.geolocation-longitude {
    color: #217dd2;
}

.data-fields-title {
    padding: 15px;
    font-weight: bold;
}

.sign-fields-section {
    padding-left: 0;
}

.user-data-fields-section {
    padding-right: 30px;
}

.sign-data-fields-section {
    padding-left: 30px;
}

.data-fields-confirm-title {
    margin-bottom: 0;
}

.data-fields-confirm-upper-border {
    height: 1px;
    background-color: #337ab7;
    margin-bottom: 15px;
}

.data-fields-confirm-bottom-border {
    height: 1px;
    background-color: #337ab7;
}

.textarea-description {
    height: 110px !important;
    width: 100%;
}

.photo-preview {
    display: none;
    width: 100%;
    margin-top: 16px;
}

.select-image-input {
    font-size: inherit !important;
}

.radio-notify-kind {
    display: inline-block;
}

.radio-notify-kind-last {
    margin-left: 40px;
}

.send-advice-button .fa {
    font-size: 22px;
}

.send-advice-button .fa-refresh {
    display: none;
    color: #333333;
}

.send-advice-button-loading {
    color: #333333;
    background-color: #e0e0e0;
    border-color: #e0e0e0;
    cursor: not-allowed;
}

.send-advice-button-loading:hover, .send-advice-button-loading:focus, .send-advice-button-loading:active {
    color: #333333 !important;
    background-color: #e0e0e0 !important;
    border-color: #e0e0e0 !important;
}

.send-advice-button-loading:focus {
    color: #333333;
    background-color: #e0e0e0;
    border-color: #e0e0e0;
}

#progress-bar-photo-upload {
    width: 10%;
    height: 30px;
    background-color: #4CAF50;
    text-align: center; /* To center it horizontally (if you want) */
    line-height: 30px; /* To center it vertically */
    color: white;
}

.auto-scroll-down-button {
    padding: 10px 15px;
    background-color: #44cc54;
    color: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    /*margin-top: 12px;*/
    transition: background-color 0.4s, color 0.4s;
    /*float: right;*/
    cursor: pointer;
}

.auto-scroll-down-button:hover {
    background-color: #06c;
    color: white;
}

.auto-scroll-down-button span {
    width: 100%;
    display: inline-block;
}

.auto-scroll-down-button i {
    font-size: 22px;
}

/* JQuery validator Rules */
.segnalazione-form .error {
    color: red;
    margin-top: 4px;
}

/* Media Queries */
@media (max-width: 1200px) {

    .auto-scroll-down-button {
        margin-top: -7px;
    }

}

@media (max-width: 990px) {

    .no-map-suggestions {
        margin-top: 19px;
    }

    .map-address-suggestions .list-group {
        margin-top: 18px;
    }

    .sign-data-fields-section {
        padding-left: 15px;
    }

    .user-data-fields-section {
        padding-right: 15px;
    }

    .sign-fields-section {
        padding-right: 0;
    }

    .send-advice-button {
        width: 100% !important;
    }
}

/* Little Screen Mobile Rules (like iPhone 5) */
@media (max-width: 365px) {

    .advisory-instructions h1 {
        font-size: 40px;
    }

}

/* Firefox CSS */
_:-moz-tree-row(hover), .my_navbar-burger {
    position: absolute;
}

.help-body {
    width: 100%;
    height: calc(100% - 40px);
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 25px;
    padding-bottom: 50px;
}

.help-body li:before {
    color: #0066CC;
    content: counter(li);
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-weight: bolder;
}

.help-body h1 {
    margin-bottom: 21px;
}

.help-body ol {
    padding-left: 18px;
    list-style: none;counter-reset: li;
}

.help-body li {
    margin-bottom: 17px;
    counter-increment: li
}

#help-header {
    display: none;
}

.modal a.close-modal {
    top: 10px !important;
    right: 10px !important;
}