@import url(https://fonts.googleapis.com/css?family=Archivo+Narrow:400,700);

/* Sticky footer styles
-------------------------------------------------- */
html { position: relative; min-height: 100%; }

body { height: 100%; font-size: 14px; color: #666; font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial; font-weight: 400; /* Margin bottom by footer height */ margin-bottom: 60px; padding-top: 52px; background-image: url(../../7/images/noise.png); }

.btn-info {
    color: #fff;
    background-color: #e95d2a;
    border-color: #d75424;
}

.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #c24113;
    border-color: #e95d2a;
}
.navbar-brand { background-color:#fff;}


@media(min-width:769px) {
    .page-header { padding-bottom: 9.5px; margin: 42px 0 21px; border-bottom: 1px solid #eee; }
}

.page-header { padding-bottom: 9.5px; margin: 0px 0 65px; border-bottom: none; }
.jumbotron { background-image: url(../../7/images/jumbobg.jpg); }

@media screen and (min-width: 768px) {
    .jumbotron { padding: 21px 0; }
}

.gFont { font-family: 'Archivo Narrow'; }
    .gFont strong { font-weight: 700; }
.fpblu { color: #005894; }
.fbcyano { color: #008a9b; }
.white { color: #fff; }
.shadow { text-shadow: 0 1px 0 rgba(0,0,0,0.85); }
.orange { color: #e95d2a; }
h1, h2, h3, h4 { font-family: 'Archivo Narrow'; }


.navbar-xs { float: right; margin-right: 0px; }
.navbar-nav > li { float: left; }

.navbar-inverse { background-color: #545553; border-color: #045893; }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: #e95d2a; }
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    background-color: rgb(235, 235, 235);
}


.ng-invalid-required { border-color: #E74C3C; }
.ng-cloak { display: none; }
#footer { position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here */ height: 44px; background-color: #f5f5f5; }

    #footer .text-muted { margin: 5px 0; font-size: .7em; text-align: center; margin-bottom: 0; }
    #footer .btn { margin: 0; }

@media (min-width: 768px) {
    #footer { position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here */ height: 60px; background-color: #f5f5f5; }
        #footer .text-muted { margin: 20px 0 0 0; font-size: .9em; text-align: left; }
            #footer .text-muted.t-right { text-align: right; }
}



.splash { background: #E74C3C url(../../7/images/splash.jpg) no-repeat top center; min-height: 480px; width: auto; overflow: hidden; margin-right: 30px; }
.claim-text { color: #fff; text-align: center; margin-top: 430px; margin-bottom: 20px; font-size: 120%; }
.panel-login { padding: 10px; border-radius: 3px; margin-top: -52px; }
.login-logo { margin-bottom: 60px; }

@media(min-width:767px) {
    .panel-login { margin: 5%; }
    a { color: #333; }
        a:hover { color: #E74C3C; text-decoration: underline; }
    .btn-link { color: #e32f1c; }
        .btn-link:hover, .btn-link:focus { color: #b62616; text-decoration: underline; }
}

@media(min-width:960px) {
    .panel-login { margin: 5% auto; max-width: 800px; }
}

.form-login { padding: 0px 15px 5px 15px; margin: 0 auto; }

    .form-login .form-login-heading { margin-bottom: 10px; }

    .form-login .form-control { position: relative; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; font-size: 16px; }

        .form-login .form-control:focus { z-index: 2; }

    .form-login input[type="password"] { margin-top: 5px; margin-bottom: 5px; border-top-left-radius: 0; border-top-right-radius: 0; }



/*      helpers         */
.pointer { cursor: pointer; }

.green { color: #21a532; }
.b { font-weight: bold !important; }
.h3-top { margin-top: 0; }

/*      bootsrap */
.modal-xl { width: 90%; }
.modal-xxl { width: 98%; }
.uib-tab.active > a { font-weight: bold; color: #29d !important; }
.badge-orange { background-color: #e32f1c; }
.td-button { padding: 1px !important; }

.admin-divider:before { content: 'Menu Amministrazione'; font-size: 0.78em; }
.admin-divider { height: 17px !important; text-align: center; line-height: 14px; }

/*! 
 * angular-loading-bar v0.3.0
 * https://chieffancypants.github.io/angular-loading-bar
 * Copyright (c) 2014 Wes Cruver
 * License: MIT
 */
#loading-bar, #loading-bar-spinner { pointer-events: none; -webkit-pointer-events: none; -webkit-transition: 350ms linear all; -moz-transition: 350ms linear all; -o-transition: 350ms linear all; transition: 350ms linear all; }
    #loading-bar.ng-enter, #loading-bar.ng-leave.ng-leave-active, #loading-bar-spinner.ng-enter, #loading-bar-spinner.ng-leave.ng-leave-active { opacity: 0; }
        #loading-bar.ng-enter.ng-enter-active, #loading-bar.ng-leave, #loading-bar-spinner.ng-enter.ng-enter-active, #loading-bar-spinner.ng-leave { opacity: 1; }
    #loading-bar .bar { -webkit-transition: width 350ms; -moz-transition: width 350ms; -o-transition: width 350ms; transition: width 350ms; background: #29d; position: fixed; z-index: 2000; top: 0; left: 0; width: 100%; height: 2px; }
    #loading-bar .peg { display: block; position: absolute; right: 0; width: 100px; height: 100%; box-shadow: 0 0 10px #29d,0 0 5px #29d; opacity: 1; -webkit-transform: rotate(3deg) translate(0px,-4px); -moz-transform: rotate(3deg) translate(0px,-4px); -ms-transform: rotate(3deg) translate(0px,-4px); -o-transform: rotate(3deg) translate(0px,-4px); transform: rotate(3deg) translate(0px,-4px); }
#loading-bar-spinner { display: block; position: fixed; z-index: 100; top: 10px; left: 10px; }
    #loading-bar-spinner .spinner-icon { width: 14px; height: 14px; border: solid 2px transparent; border-top-color: #29d; border-left-color: #29d; border-radius: 10px; -webkit-animation: loading-bar-spinner 400ms linear infinite; -moz-animation: loading-bar-spinner 400ms linear infinite; -ms-animation: loading-bar-spinner 400ms linear infinite; -o-animation: loading-bar-spinner 400ms linear infinite; animation: loading-bar-spinner 400ms linear infinite; }

@-webkit-keyframes loading-bar-spinner {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes loading-bar-spinner {
    0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}

@-o-keyframes loading-bar-spinner {
    0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-ms-keyframes loading-bar-spinner {
    0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes loading-bar-spinner {
    0% { transform: rotate(0deg); transform: rotate(0deg); }
    100% { transform: rotate(360deg); transform: rotate(360deg); }
}