:root {
    --primary-medium: #00A796;
    --primary-dark: #00695E;
    --primary-ligth: #00A796;
    --navbg: #00A796;
    --menulink: #0284CF;
    --black: #000;
    --white: #fff;
    --disabledbg: #c5ddea;
    --disabledcolor: #d8d8d8;
}

body {
    font-family: "Ubuntu", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    padding-top: 0;
}
.clearfix::after, .container::after, .container-fluid::after, .row::after, .form-horizontal .form-group::after, .btn-toolbar::after, .btn-group-vertical > .btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel-body::after, .modal-footer::after {
    clear: both;
}

.clearfix::before, .clearfix::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after {
    content: " ";
    display: table;
}

.bg-info {
    background-color: var(--navbg) !important;
    border-color: var(--navbg);
}

.container.container-navbar {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.navbar {
    min-height: 50px;
    border: 1px solid transparent;
}

.navbar-dark .navbar-brand {
    color: var(--white);
}

.navbar-dark .navbar-brand:hover {
    color: var(--white);
}

.navbar-dark .navbar-nav .nav-link {
    color: var(--white);
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: var(--primary-dark);
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    border-radius: 0;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

.navbar-inverse {
    background-color: var(--navbg);
    border-color: var(--navbg);
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar.navbar-nav > li > a:focus,
.navbar-inverse .navbar.navbar-nav > li > a:active {
    background-color: var(--primary-dark);
    border-color: var(--primary-medium);
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar.navbar-nav > .active > a:focus {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}

.navbar-brand {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
}

.nav-link {
    font-weight: 800;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: var(--white);
    background-color: var(--primary-dark);
}

.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color: var(--white);
    background-color: var(--primary-dark);
}

/* Dropdown menu*/
.dropdown-menu {
    font-size: 0.9rem;
}

a.dropdown-item, .breadcrumb-item > a {
    color: var(--primary-dark);
}

.dropdown {
    margin-top: 5px;
}

.dropdown > a,
.dropdown > a:hover,
.dropdown > a:focus {
    color: var(--white);
}

a.dropdown-item {
    padding: 7px 15px 7px 15px;
    /*padding: 15px;*/
    display: block;
}

a.dropdown-item:hover, .breadcrumb-item > a:hover,
a.dropdown-item:focus, .breadcrumb-item > a:focus {
    /*color: #218838;*/
    /*background-color: var(--primary-ligth);*/
    color: var(--primary-dark);
    text-decoration: none;
}

/* Breadcrumb */
.breadcrumb-item.active {
    color: var(--primary-dark);
}


a {
    color: var(--primary-medium);
}

a:hover, a:focus {
    color: var(--primary-medium);
    text-decoration: underline;
}

a.dropdown-item:active, .breadcrumb-item > a:active {
    background-color: var(--primary-ligth);
    color: var(--white);
}

/* Ridefinizione stili bottoni */
.btn {
    font-size: 0.9rem;
}

.btn-info-home {
    min-height: 5rem;
}

.btn-primary, .btn-default:not(.readonly):not(:disabled) {
    color: var(--white);
    background-color: var(--primary-ligth);
    border-color: var(--primary-medium);
}

.btn-primary:hover {
    color: var(--white);
    background-color: var(--primary-medium);
    border-color: var(--primary-ligth);
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
    color: var(--white);
    text-decoration: none;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: var(--disabledcolor);
    background-color: var(--disabledbg);
    border-color: var(--disabledbg);
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: var(--white);
    background-color: var(--primary-medium);
    border-color: var(--primary-ligth);
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
    color: var(--white);
    text-decoration: none;
}

.btn-success {
    color: var(--white);
    background-color: #007bff;
    border-color: #007bff;
}

.btn-success:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.btn-success:focus, .btn-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}


.validation-summary-errors > ul {
    list-style-type: none;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #E1E1E1;
    border-color: #ffffff;
}

.text-uppercase {
    text-transform: uppercase;
}

.mainlogo {
    display: block;
    max-width: 220px;
    max-height: 150px;
}

.container {
    padding: 20px;
}

#topbar span.pushright {
    border-right: 1px solid #D7D7D7;
    margin-right: 10px;
    padding-right: 15px;
}

div.item blockquote {
    border-left: none;
    margin: 0;
}

div.item blockquote img {
    margin-bottom: 10px;
}

div.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}

.form-group.required .control-label:after {
    content: "*";
    color: red;
    padding: 0.5em;
}

/* Loading div */
.shadow_div {
    -moz-box-shadow: #bababa 0 0 25px, #bababa 0 0 3px inset;
    -webkit-box-shadow: #bababa 0 0 25px, #bababa 0 0 3px inset;
    box-shadow: #bababa 0 0 25px, #bababa 0 0 3px inset;
}

.overlaypp {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    /*visibility: hidden;*/
    z-index: 1100;
}

.overlaypp_title {
    position: absolute;
    z-index: 1110;
    margin: auto;
    top: 0%;
    left: 0%;
    right: 0;
    bottom: 0;
    width: 30%;
    height: 20%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 60px;
    width: 60px;
    margin: 0px auto;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 6px solid rgba(0, 174, 239, 0.15);
    border-right: 6px solid rgba(0, 174, 239, 0.15);
    border-bottom: 6px solid rgba(0, 174, 239, 0.15);
    border-top: 6px solid rgba(0, 174, 239, 0.8);
    border-radius: 100%;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(359deg);
    }
}

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

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