#backToTop { border: medium none; background: url(/assets/images/back-Top.png) no-repeat scroll; bottom: 45%; cursor: pointer; height: 40px; position: fixed; right: 25px; width: 40px; z-index: 1000; display: none; opacity: .6; }

.img-responsive{max-width:100%;}
/*   navbar   */



/*          SMARTPHONES     */
@media(min-width: 20px) and (max-width:479px) {
    body{padding-top: 64px;}
    .menu-toggler { position: fixed; top: 5px; left: 5px; z-index:4 }
    .menu-toggler span { display: block; font-size: 10px; }
    .menu-closer { display: none; }
    .img-brand {position:fixed; 
                top:0; 
                width: 100%;
                background: #fff;
                display: flex; 
                align-items: center;
                flex-direction: column;
                z-index:2 ;
                height:60px;
                border-bottom: solid 1px #f1f1f1;
    }
    .img-brand img{max-width: 60%;margin-top:14px;}
    
}
@media(min-width: 480px) and (max-width:768px) {
    body{padding-top: 64px;}
    .menu-toggler { position: fixed; top: 10px; left: 10px;  z-index:4 }
    .menu-toggler span { display: block; font-size: 10px; }
    .menu-closer { display: none; }
    .img-brand {position:fixed; 
                top:0; 
                width: 100%;
                background: #fff;
                display: flex; 
                align-items: center;
                flex-direction: column;
                z-index:2 ;
                height:60px;
                border-bottom: solid 1px #f1f1f1;
    }
    .img-brand img{max-width: 40%;margin-top:14px;}
}

@media(min-width: 769px) and (max-width: 1199px) {
    .menu-toggler, .menu-closer { display: none !important }
    .img-brand { margin: -1px 0 28px 12px; width: 325px; }
}

@media(min-width: 1200px) {
    .menu-toggler, .menu-closer { display: none !important }
    .img-brand { margin: 0 auto 30px auto; width: 450px; }
}

.navbar { text-transform: uppercase; }
.nav.navbar-nav .dropdown-menu { background-color: rgba(0, 0, 0, 1); }
    .nav.navbar-nav .dropdown-menu a { color: #fff }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #999 !important; color: #fff !important }

/*          SMARTPHONES     */
@media(min-width: 200px) and (max-width:479px) {

    .navbar { position: fixed; top: 60px; bottom: 0; width: 100%; z-index: 1100; background-color: #fff; transform: translateX(-110%); transition: all .7s ease-in-out; padding: 25px; box-shadow: 0 10px 10px rgba(0, 0, 0, .8); }
        .navbar.in { transform: translateX(0); }

    .navbar-expand-sm .navbar-collapse { align-self: flex-start; }
    .navbar-nav { display: inline-block; float: none; }
    .navbar .navbar-collapse { display: block !important; 
                               clear: both; 
                               border: none; 
                               float: right; 
                               width: 100%; 
                               left: 0px; 
                               z-index: 101; 
                               box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); 
                               background: #fff;
    }

}

/*          TABLET     */
@media(min-width: 480px) and (max-width:768px) {
    .navbar { position: fixed; top: 60px; bottom: 0; width: 40%; z-index: 1100; background-color: #fff; transform: translateX(-110%); transition: all .7s ease-in-out; padding: 25px; box-shadow: 0 7px 10px rgba(0, 0, 0, .8); }
        .navbar.in { transform: translateX(0); }

    .navbar-expand-sm .navbar-collapse { align-self: flex-start; }
    .navbar-nav { display: inline-block; float: none; }
}

/*          DESKTOP     */
@media(min-width:769px) {
    .navbar{display:inline-block;float:right;}
}




/*              infrastructure          */
.panel-login { padding: 10px; border-radius: 3px; margin-top: -52px; }

.modal-xl { width: 90%; }
.modal-xxl { width: 98%; }
.modal-all { width: 100%; margin: 0; }

@media(min-width:767px) {
    .panel-login { margin: 5%; }
        .panel-login a:hover { color: #E74C3C; text-decoration: underline; }
        .panel-login .btn-link { color: #e32f1c; }
            .panel-login .btn-link:hover, .panel-login .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; }

.tab-content { border: solid 1px #e4e4e4; border-top: none; }

/*      helpers         */
.ng-invalid-required, .ng-invalid-email { border-color: #E74C3C; }
.ng-cloak { display: none !important; }
.pointer { cursor: pointer; }
.accent { color: #3498db; }
.orange { color: #e32f1c; }
.text-danger { color: #e32f1c; }
.green { color: #21a532; }
.b { font-weight: bold !important; }
.h3-top { margin-top: 0; }

.fa-house-and-office-fff.orange { background-image: url(../../amministrazione/assets/houseandoffice/images/house-and-office.svg); background-size: 36px 36px; background-position: 1px 1px; }
.fa-house-and-office-fff:before { content: "\f0c0"; color: transparent !important }
.fa.ion-ios-speedometer-outline::before { content: "\f0e4"; }
.fa.ion-ios-contacts-outline::before { content: "\f2be"; }
.fa.ion-ios-mail-outline::before { content: "\f1d9"; }
.fa.ion-ios-cart-outline::before { content: "\f07a"; }
.fa.ion-ios-browsers-outline::before { content: "\f0e8" }
.fa.ion-ios-globe-outline::before { content: "\f0ac" }


.edit-module { position: absolute; z-index: 999; margin-top: -25px; }
.edit-module-buttons { opacity: .5; background: #fff; border: solid 1px #e4e4e4; border-radius: 3px; padding: 3px; z-index: 1039; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 15px; line-height: 1.42857143; color: #333; }
    .edit-module-buttons:hover { opacity: 1; }
    .edit-module-buttons small { margin-right: 20px; color: #cbcbcb; }
    .edit-module-buttons .button-edit { margin-right: 20px; cursor: pointer; }
        .edit-module-buttons .button-edit:last-child { margin-right: 0; cursor: pointer; }
.edit-module .modal-header { background: #e32f1c; color: #fff; }
.edit-modal .checkbox.checkbox-peekmodule { margin-right: 10px; padding: 3px 8px; border-radius: 3px; background: #f6f6f6; }

.edit-modal .list-unstyled li span:hover { color: #bf6f66; cursor: pointer; }
.edit-modal .list-unstyled li span.selected,
.edit-modal .list-unstyled li span.selected:hover { color: #e32f1c; cursor: pointer; font-weight: bold; padding: 3px 8px 3px 0; border-radius: 3px; background: #f6f6f6; }
.edit-modal .list-unstyled.list-indent { margin-left: 10px; }

    .edit-modal .list-unstyled.list-indent li:before { content: '-'; color: #ddd }
.admin-divider:before { content: 'Menu Amministrazione'; font-size: 0.78em; }
.admin-divider { height: 17px !important; text-align: center; line-height: 14px; }

.adm-btn-group { position: relative !important; display: inline-block !important; vertical-align: middle !important; position: fixed !important; top: 3px !important; right: 3px !important; z-index: 1200 !important; }
    .adm-btn-group > .btn { padding: 5px !important; font-size: 13px !important; line-height: 1.5 !important; border-radius: 50% !important; position: relative !important; background-color: #fff !important; }
        .adm-btn-group > .btn:hover { background-color: #f6f6f6 !important; border-color: #adadad !important; }
.dropdown-menu.adm-dropdown-menu { position: fixed; top: 23px !important; left: auto !important; right: 25px !important; z-index: 1200 !important; width: 320px !important; padding: 5px 0 !important; margin: 2px 0 0 !important; list-style: none !important; font-size: 17px !important; text-align: left !important; background-color: #fff !important; border: 1px solid #ccc !important; border: 1px solid rgba(0,0,0,.15) !important; border-radius: 2px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175) !important; box-shadow: 0 6px 12px rgba(0,0,0,.175) !important; background-clip: padding-box; }
    .dropdown-menu.adm-dropdown-menu > li > a { display: block !important; padding: 3px 20px !important; clear: both !important; font-weight: normal !important; line-height: 1.42857143 !important; color: #333 !important; white-space: nowrap !important; }


.checkbox label:after,
.radio label:after { content: ''; display: table; clear: both; }

.checkbox .cr,
.radio .cr { position: relative; display: inline-block; border: 1px solid #a9a9a9; border-radius: .25em; width: 1.3em; height: 1.3em; float: left; margin-right: .5em; }

.radio .cr { border-radius: 50%; }

    .checkbox .cr .cr-icon,
    .radio .cr .cr-icon { position: absolute; font-size: .8em; line-height: 0; top: 50%; left: 20%; }

    .radio .cr .cr-icon { margin-left: 0.04em; }

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] { display: none; }

    .checkbox label input[type="checkbox"] + .cr > .cr-icon,
    .radio label input[type="radio"] + .cr > .cr-icon { transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all .3s ease-in; }

    .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
    .radio label input[type="radio"]:checked + .cr > .cr-icon { transform: scale(1) rotateZ(0deg); opacity: 1; }

    .checkbox label input[type="checkbox"]:disabled + .cr,
    .radio label input[type="radio"]:disabled + .cr { opacity: .5; }


.checkbox { padding-left: 20px; }

    .checkbox label { display: inline-block; position: relative; padding-left: 5px; }

        .checkbox label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #ccc; border-radius: 3px; background-color: #fff; -webkit-transition: border .15s ease-in-out, color .15s ease-in-out; -o-transition: border .15s ease-in-out, color .15s ease-in-out; transition: border .15s ease-in-out, color .15s ease-in-out; }

        .checkbox label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: -1px; top: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #555; }

    .checkbox input[type="checkbox"] { opacity: 0; z-index: 1; }

        .checkbox input[type="checkbox"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

        .checkbox input[type="checkbox"]:checked + label::after { font: normal normal normal 14px/1 FontAwesome; content: ""; }

        .checkbox input[type="checkbox"]:disabled + label { opacity: .65; }

            .checkbox input[type="checkbox"]:disabled + label::before { background-color: #eee; cursor: not-allowed; }

    .checkbox .checkbox-circle label::before { border-radius: 50%; }

    .checkbox .checkbox-inline { margin-top: 0; }

    .checkbox .checkbox-single label { height: 17px; }

.checkbox-primary input[type="checkbox"]:checked + label::before { background-color: #428bca; border-color: #428bca; }

.checkbox-primary input[type="checkbox"]:checked + label::after { color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before { background-color: #d9534f; border-color: #d9534f; }

.checkbox-danger input[type="checkbox"]:checked + label::after { color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before { background-color: #5bc0de; border-color: #5bc0de; }

.checkbox-info input[type="checkbox"]:checked + label::after { color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before { background-color: #f0ad4e; border-color: #f0ad4e; }

.checkbox-warning input[type="checkbox"]:checked + label::after { color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before { background-color: #5cb85c; border-color: #5cb85c; }

.checkbox-success input[type="checkbox"]:checked + label::after { color: #fff; }

.radio { padding-left: 20px; }

    .radio label { display: inline-block; position: relative; padding-left: 5px; }

        .radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #ccc; border-radius: 50%; background-color: #fff; -webkit-transition: border .15s ease-in-out; -o-transition: border .15s ease-in-out; transition: border .15s ease-in-out; }

        .radio label::after { display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: -20px; border-radius: 50%; background-color: #555; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform .1s cubic-bezier(.8, -.33, .2, 1.33); -moz-transition: -moz-transform .1s cubic-bezier(.8, -.33, .2, 1.33); -o-transition: -o-transform .1s cubic-bezier(.8, -.33, .2, 1.33); transition: transform .1s cubic-bezier(.8, -.33, .2, 1.33); }

    .radio input[type="radio"] { opacity: 0; z-index: 1; }

        .radio input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

        .radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }

        .radio input[type="radio"]:disabled + label { opacity: .65; }

            .radio input[type="radio"]:disabled + label::before { cursor: not-allowed; }

    .radio.radio-inline { margin-top: 0; }

    .radio.radio-single label { height: 17px; }

.radio-primary input[type="radio"] + label::after { background-color: #428bca; }

.radio-primary input[type="radio"]:checked + label::before { border-color: #428bca; }

.radio-primary input[type="radio"]:checked + label::after { background-color: #428bca; }

.radio-danger input[type="radio"] + label::after { background-color: #d9534f; }

.radio-danger input[type="radio"]:checked + label::before { border-color: #d9534f; }

.radio-danger input[type="radio"]:checked + label::after { background-color: #d9534f; }

.radio-info input[type="radio"] + label::after { background-color: #5bc0de; }

.radio-info input[type="radio"]:checked + label::before { border-color: #5bc0de; }

.radio-info input[type="radio"]:checked + label::after { background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after { background-color: #f0ad4e; }

.radio-warning input[type="radio"]:checked + label::before { border-color: #f0ad4e; }

.radio-warning input[type="radio"]:checked + label::after { background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after { background-color: #5cb85c; }

.radio-success input[type="radio"]:checked + label::before { border-color: #5cb85c; }

.radio-success input[type="radio"]:checked + label::after { background-color: #5cb85c; }
/*      helpers         */
.ng-invalid-required, .ng-invalid-email { border-color: #c61806; }
.ng-cloak { display: none !important; }
.pointer { cursor: pointer; }