html,body{
    margin:0;
    font-size:14px;
}
body{background:#f1f1f1;}

.red{color:#c00;}
.bg-lightblue .close{color:#ffffff;}
.bg-lightblue{background-color:#007fff !important;}
.dark-bg{background:#343a40;color:#fff;}
.blue-bg{background:#1F4661;color:#fff;}
.blue-text{color:#1F4661;}
.gold-bg{background:#d90;color:#fff;}
.gold-text{color:#d90;}
.gray{color:#999;}
.bg-light-gray{background-color:#ccc;}
.pagamento-1{background-color: #363; color: #fff;}
a.underline{text-decoration: underline}
#nav-back{
    position: absolute;
    left: -21px;
    font-size: 30px;
    color:#606060;
}
h3{
    font-size: 1.35rem;
    font-weight: bold;
}
.margin-0{margin: 0 !important;}
.margin-top-16{margin-top:16px;}
.margin-bottom-16{margin-bottom:16px;}
.margin-bottom-8{margin-bottom:8px;}
.margin-left-16{margin-left:16px !important;}
.margin-right-16{margin-right:16px !important;}
.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;}
.line-height-2{line-height: 2}
.pointer{cursor:pointer;}
.text-info.pointer:hover{color:#369 !important}
.text-l{font-size: 1.15em;}
.text-24{font-size: 24px;}
.border-left{
    border-left: solid 1px #999;
    padding-left: 1rem;
}
.full-width{width:100%;}
.max-width-100{max-width: 100%}
.container-1080{
    max-width:1080px;
    margin:0 auto;
}
.align-items-center{align-items: center}

.login-container{
    background:#ffffff;
    margin:64px auto;
    width: 640px;
    max-width:100%;
    box-shadow: 2px 2px 10px #00000033;
}

/* LOGHI */
.logo{max-width:100%;}
.logo-login{max-width: 256px;}
footer .logo{max-width:64px;}
.avatar{
    width: 64px;
    height: auto;
    border-radius: 100%;
}
.avatar-text{
    padding: 8px;
    border-radius: 50%;
    color: #fff;
}
.nav-item .avatar, .lista-azioni .avatar{
    width: 36px;
    margin-top: -8px;
    margin-right: 4px;
}
.dropdown-menu-lg .dropdown-item{
    padding: 1rem 2rem;
}
[class*=sidebar-dark-] .sidebar a{color:#fff;}
.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;*/
}
.white-badge{
    color: #333;
    border: solid 1px #999;
    padding: 8px 16px;
    border-radius: 4px;
}
.badge-icons .badge{font-size: 115%}

.check{
    border: solid 1px;
    width: 1.35rem;
    height: 1.35rem;
    display: inline-block;
    text-align: center;
    font-size:1.15rem;
    font-weight: 900;
    margin-left: -30px;
}

/* TABELLE */
#tabella td, #tabella th{
    padding: 8px;
}
.table-responsive{
    display: table;
}
.table-responsive tr:hover{
    background-color: #f1f1f1;
}
.display-table{display: table}
.display-table>div{display: table-cell}
.display-table>div .avatar{
    position: relative;
    top: 16px;
    left: -8px;
}
table.simple{width:auto}
table.simple th, table.simple td{
    padding:0.35rem;
    border-top:none;
}
table.simple td:first-child{
    text-align: right;
}
.table-condensed th,.table-condensed td{padding: 0.25rem !important;}
.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;}

/* Riga per stato */
tr.tr-stato-2, tr.tr-stato-2 a{color:#ccc} /* stato chiuso */
tr.tr-stato-2 .menu-actions{color:initial}
tr.tr-stato-2 td.stato{color:#00cc00}
tr.tr-fase-5{background-color:#feefee}


.label-chiaro label{
    font-style: italic;
    font-weight: 400 !important;
    color:#999;
    margin-bottom: 0;
}
.display-block{display:block;}
.responsive-row{display: inline-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;
}
.list-icon{
    color: #d90;
    font-size: 16px;
    margin-left: -18px;
}
.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:100%;
    margin: 0 auto;
    background:#cc000033;
    border:1px solid #cc0000;
    z-index: 1000;
}

.error-container div{
    display: inline-block;
    padding:8px;
}
.error-container .error-code{background:#c00;color:#fff;}
pre.vardump{
    z-index: 9999;
    position: absolute;
    background: #ccc;
}
.row-actions{
    visibility:hidden;
    text-align:center;
}
/* Menu contestuale azioni */
.menu-actions{
    position:relative;
    display:inline-block;
    white-space: nowrap;
}
.menu-actions-items{
    display:none;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 1px 1px 4px #00000033;
    z-index: 9;
}
.menu-actions .fa-ellipsis-h{
    margin-left:4px;
    color:#999999;
}
.menu-actions .fa{
    display: initial;
    color:#999;
    font-size: 85%;
}
.menu-actions-item{
    padding: 4px 16px;
    cursor:pointer;
    white-space: nowrap;
}
.menu-actions-item:hover{
    background:#eee;
}

.spinner{
    display: flex;
    align-items: center;
    position: fixed;
    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-modal{
    display: none;
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 0px;
    width: 100%;
    background: #00000033;
    z-index: 9;
}
.form-container{
    position: absolute;
    top: 48px;
    bottom: 0;
    right: 0px;
    width: 640px;
    max-width: 100vw;
    background: #fff;
    border: solid 2px #ccc;
}
.form-header, .form-body{
    padding: 24px 24px 0px 24px;
}
.form-header .fa-times:hover{color:#999}
form .formSection:nth-child(even){
    background:#eee;
    margin:16px -16px;
    padding:16px
}
label{
    margin-top: 1rem;
    margin-bottom: 0px
}
.icheck-primary label {
    font-weight: 400 !important;
    margin-right: 16px;
}
[class*=icheck-]>input:first-child+label::before{background:#fff}
.form-group{margin-bottom: 8px;}

/*RADIOBUTTON*/
input[type="radio"],input[type="checkbox"]{
    transform: scale(1.5);
    margin-right: 4px;
    margin-left: 16px;
}
.radiobutton {
    float: left;
    margin: 0 5px 0 0;
    width: 100px;
    height: 40px;
    position: relative;
}

.radiobutton label,
.radiobutton input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}
.radiobutton input[type="radio"] {
    opacity: 0.011;
    z-index: 100;
}

.radiobutton input[type="radio"]:checked + label {
    background: #007fff;
    color:#fff;
    border-radius: 4px;
}
.radiobutton:has(.btn){
    flex: 0 0 19%;
}
.radiobutton:has(.btn) input{visibility: hidden}

.button label {
    cursor: pointer;
    z-index: 90;
    line-height: 1.8em;
}

.btn-disabled{
    cursor: not-allowed;
    opacity: 0.5;
}
.radiobutton .btn{
    width: 100%;
    padding-bottom: 24px;
}
.radiobutton .btn-disabled{
    padding: 4px;
    margin-top: 14px;
}

button.icon, button.icon:focus{
    border: none;
    background: none;
    outline: none;
}
[type="submit"].preiscrizione{
    padding:1rem 2rem;
    font-size:1.5rem;
    font-weight: bold;;
}


/* ************************* END FORMS *************************** */

.squadra-1 .squadra-rossa{
    background-color: #c00;
    color:#fff;
}
.squadra-2 .squadra-blu{
    background-color: #00c;
    color:#fff;
}

@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;
    }
    .table-responsive th:not(:first-child):not(:last-child),
    .table-responsive td:not(:first-child):not(:last-child){
        display: none;
    }
    .responsive-row{
        display: block;
        margin:8px 0px
    }
    .radiobutton .btn{width: 100%}
    .radiobutton:has(.btn){
        flex: 0 48%;
    }


}
/* ***************** STAMPA ******************* */
.stampa.hidden{display: none}
@media print{
    section:not(.stampa), footer {
        display: none;
    }
    section.stampa {font-size:1.35rem;color:#000;}
    section.stampa .header{font-size:1rem;}
    .stampa.hidden{display: block}
    .page{page-break-after: auto}

}
/*aside{display: none}*/