html,body{margin:0}
body{background:#f1f1f1;}

.red{color:#c00;}
.bg-lightblue .close{color:#ffffff;}
.dark-bg{background:#343a40;color:#fff;}
.gray{color:#999;}
.bg-light-gray{background-color:#ccc;}
a.underline{text-decoration: underline}
#nav-back{
    position: absolute;
    left: 8px;
    font-size: 30px;
    color:#606060;
}

.margin-top-16{margin-top:16px;}
.margin-bottom-16{margin-bottom:16px;}
.margin-left-16{margin-left:16px;}
.margin-right-16{margin-right:16px;}
.margin-top-32{margin-top:32px;}
.margin-bottom-32{margin-bottom:32px;}
.margin-left-32{margin-left:32px;}
.margin-right-32{margin-right:32px;}
.padding-16{padding:16px;}
.padding-32{padding:32px;}
.pointer{cursor:pointer;}
.border-left{
    border-left: solid 1px #999;
    padding-left: 1rem;
}
.full-width{width:100%;}

.login-container{
    margin:64px auto;
    max-width:100%;
}
.login-content iframe{margin: 0 auto !important}
/* LOGHI */
.logo{max-width:200px;}
footer .logo{max-width:64px;}
.avatar{
    width: 64px;
    height: auto;
    border-radius: 100%;
}
.nav-item .avatar, .lista-azioni .avatar{
    width: 36px;
    margin-top: -8px;
    margin-right: 4px;
}
.callout .avatar{
    position: absolute;
    right: 16px;
    top: 4px;
}
.callout{
    border-left-width:16px;
}
.btn-in-carico{
    background:#d39e00;
    margin-top: -8px;
    color:#fff;
}
.alert-stato{
    display: block;
    text-align: center;
    background-color: #c00;
    color:#fff;
    padding: 0 4px;
    border-radius: 4px;
    /*animation: blinker 1s linear infinite;*/
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}
.display-table{display: table}
.display-table>div{display: table-cell}
.display-table>div .avatar{
    position: relative;
    top: 16px;
    left: -8px;
}
.display-block{display:block;}
.nowrap{white-space:nowrap;}
/* HEADER */
header h1{font-weight:bold}

.content-wrapper>.content{padding-top: 2rem;}
.separator{
    border-top: solid 1px #ccc;
    margin: 30px 0;
}

.pagina-accesso h1{
    font-size:2rem;
    font-weight:900;
}
.pagina-accesso h4{
    font-size: 0.85rem;
    font-weight: 700;
    margin: 1rem 0 auto;
}
.labels {margin-bottom:8px}
.input-search-result{
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 9;
    padding: 8px;
    box-shadow: 2px 2px 10px #00000033;
}
#search-result-content, #search-result-content li{
    list-style: none;
    padding: 8px;
}
#search-result-content li:hover{
    background: #e1e1e1;
}
.error-container{
    display: none;
    width:480px;
    margin: 0 auto;
    background:#cc000033;
    border:1px solid #cc0000;
    width: fit-content;
    z-index: 1000;
}

.error-container div{
    display: inline-block;
    padding:8px;
}
.error-container .error-code{background:#c00;color:#fff;}

.row-actions{
    visibility:hidden;
    text-align:center;
}
.td-azioni tr:hover .row-actions, .item-azioni:hover .row-actions{visibility:visible}
.td-azioni tr:hover{background:#dcdcdc !important;}
.row-actions .fa{
    color:#999999;
    margin:auto 2px;
    cursor:pointer;
}
.row-actions .fa:hover{color:#000000;}

/* Menu contestuale azioni */
.menu-actions{
    position:relative;
    display:inline-block;
}
.menu-actions-items{
    display:none;
    position: absolute;
    top: 0;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 1px 1px 4px #00000033;
}
.menu-actions .fa-ellipsis-h{
    margin-left:4px;
    color:#999999;
}
.menu-actions-item{
    padding: 4px 16px;
    cursor:pointer;
}
.menu-actions-item:hover{
    background:#eee;
}

.spinner{
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
    background: #ffffffcc;
    display: none;
}
.spinner div{
    margin: 0 auto;
    text-align: center;
}
.spinner .fas{
    margin: 0 auto;
    font-size: 64px;
    margin-bottom: 1rem;
}
.mostra{display:block !important}
/* **************************** FORMS *************************** */
form .formSection:nth-child(even){
    background:#eee;
    margin:16px -16px;
    padding:16px
}
.icheck-primary label {
    font-weight: 400 !important;
    margin-right: 16px;
}
[class*=icheck-]>input:first-child+label::before{background:#fff}
.form-group{margin-bottom: 8px;}
/* ************************* END FORMS *************************** */

/* DEBUG */
#formDebug{
    border: 1px solid #999;
    background:#eee;
    margin: auto 1rem;
}
@media(min-width:900px) {
    .labels span:not(:first-child){margin-left:16px}
}
@media(max-width:900px) {
    .row-actions{visibility:visible}
    .content-wrapper > .content{padding:0}

}
@media(max-width:640px) {
    .add-button .float-right{float: none !important;}
    .content:first-child {padding: 16px 8px;}
    .content .container-fluid{
        padding-left: 0;
        padding-right: 0;
    }
    .card{margin: 16px -16px}
    .alert{padding: 8px;}
    .alert .avatar{position: relative;}
    .labels span:not(:first-child){margin-left:0px}
    .labels span{
        display: block;
        margin-bottom: 8px;
    }
}