@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,600;1,400;1,600&display=swap');
body {
    /* Margin bottom by footer height */
    margin-bottom: 50px;
    /* brain-theme rewrite */
    background: url(../images/interface/background.png) repeat;
    font-size: 16px;
    min-height: 100%;
    position: relative;
    color: #fff;
    padding-top: 36px;
    /* bootstrap rewrite rules */
    line-height: 1.5;
    font-family: 'Raleway', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.navigation>li>a,
.stats li span {
    font-family: 'Raleway', sans-serif;
    font-weight: normal;
}

.navigation>li>ul li a {
    padding: 11px 12px;
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.height-100PR {
    height: calc(100% - 50px);
}

.footer {
    /*position: absolute;*/
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    /*height: 34px;*/
    /*line-height: 34px;*/
    /*background-color: #212429;*/
}

.container-fluid-start {
    height: 100%;
    display: table;
    width: 100%;
    padding: 0;
}

.row-fluid-start {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.centering-start {
    float: none;
    margin: 0 auto 0;
    width: 320px;
}


/****** WIDTH X SELECT LIST ECCC *******/

.width-100 {
    width: 100%;
}

.width-50per {
    width: 50%;
}

.width-30 {
    width: 30%;
}

.width-120 {
    width: 120px;
}

.height-120 {
    width: 120px;
}

.width-50 {
    width: 50px;
}

.height-50 {
    width: 50px;
}

.width-120 {
    width: 120px;
}

.height-120 {
    width: 120px;
}


/************ ALIGN, TEXT ***************/

.v-align {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

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

.text-bold {
    font-weight: bold;
}


/************ PADDING / MARGIN ***************/

.pdg-trbl-11 {
    padding: 11px;
}

.pdg-rl-0 {
    padding-left: 0;
    padding-right: 0;
}

.pdg-l-10 {
    padding-left: 10px;
}

.pdg-b-5 {
    padding-bottom: 5px;
}

.mrg-rb-10 {
    margin: 0 10px 10px 0;
}

.mrg-t-10 {
    margin-top: 10px;
}

.mrg-b-10 {
    margin-bottom: 10px;
}

.mrg-b-15 {
    margin-bottom: 15px;
}

.mrg-trbl-0 {
    margin: 0;
}


/************ COLORI ***************/


/******** bottone header background ********/

.color-warning {
    background-color: #DD845A;
}


/******** textinfo nuovo ********/

.text-info-light {
    color: #3C9AC9;
}

.bkg-error {
    background-color: #E06C5F;
}

.brd-color-warning {
    border-color: #CC6E30;
}


/************ FONT SIZE ***************/

.fs-16 {
    font-size: 16px;
}


/* ===== fs  ===== */

.fs-20 {
    font-size: 20px;
}


/************ LINE HEIGHT ***************/

.lh-12 {
    line-height: 1.2
}


/************ BORDER WARNING INTORNO TR ***************/

.panel .panel-body .table-bordered.brd-color-warning {
    border: solid 1px #CC6E30;
}

.table-striped.table-bordered.collapse-no {
    border-collapse: separate;
}

textarea {
    resize: none;
}


/************ Demo grid BACKGROUND COLOR ***************/

.demo-grid>div>div.bg-title-success {
    background-color: #3E9475;
}

.demo-grid>div>div.bg-title-primary {
    background-color: #496D80;
}


/************ LISTA NAV ***************/

.listNav {
    margin: 0 0 10px;
}


/********** VIEW FILE PDF IN CONFEZIONAMENTO *************/

.div-img-file {
    width: 50px;
    height: 50px;
    float: left;
    display: block;
    position: relative;
    border: solid 1px red;
}

.div-name-file {
    float: left;
    display: block;
    position: relative;
    margin-left: 10px;
    border: solid 1px green;
}


/************ UTENTI AGENDA ***************/

.ln-letters {
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.ln-letters a {
    font-size: 12px;
    display: inline-block;
    padding: 4px 1%;
    border-left: 1px solid #2A2E34;
    text-decoration: none;
    background: #414649;
    background: -moz-linear-gradient(top, #4e5659 0%, #414649 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4e5659), color-stop(100%, #414649));
    background: -webkit-linear-gradient(top, #4e5659 0%, #414649 100%);
    background: -o-linear-gradient(top, #4e5659 0%, #414649 100%);
    background: -ms-linear-gradient(top, #4e5659 0%, #414649 100%);
    background: linear-gradient(top, #4e5659 0%, #414649 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4e5659', endColorstr='#414649', GradientType=0);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
}

ul.listData {
    float: right;
    text-align: right;
    margin-top: -1px;
    font-size: 11px;
}

ul.listData li {
    display: inline-block;
    padding: 0 6px 1px 6px!important;
    border: none!important;
    margin-left: 6px
}

.listData .cNote {
    background: url(../images/darkBg.png) repeat;
    display: block;
    padding: 0 6px 1px 6px;
    border: 1px solid #24272B;
    color: #878787;
    margin-top: 1px;
}

.ln-letters a.ln-last {
    padding: 4px 11px 4px 12px;
}

.ln-letters a:first-child {
    border-left: none;
}

.ln-letters a:hover,
.ln-letters a.ln-selected {
    background-position: 0 -39px;
}

.ln-letters a.ln-disabled {
    color: #6a6a6a;
}

.ln-letter-count {
    text-align: center;
    font-size: 0.8em;
    line-height: 1;
    margin-bottom: 3px;
    color: #336699;
}

#myList>li {
    padding: 8px 0 8px 12px;
    background: url(../images/linesSep.png) repeat-x 0 0;
}

#myList>li:hover {
    background-color: #2c3032;
}

#myList>li:first-child {
    padding-top: 8px;
}


/************ LOGO & MIDLE NAV ***************/

.logo {
    float: left;
    margin: 10px 0;
}

.hide-this {
    display: none;
}

ul#menu>li.hide-this {
    display: none;
}


/**************** SEMAFORO CONFEZIONAMENTO *****************/

.p-nodata {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    border-radius: 10px;
    background-color: red;
    font-size: 10px;
    font-weight: bold;
    color: #000;
    line-height: 30px;
    text-align: center;
}

.p-yesdata {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    border-radius: 10px;
    background-color: green;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    line-height: 30px;
    text-align: center;
}

.div-stato-img {
    display: block;
    float: left;
    width: 48px;
    height: 48px;
    margin: 0 0 20px 0;
}

.div-stato-img img {
    width: 100%;
}

.div-stato-text {
    display: block;
    float: left;
    margin: 0 0 20px 20px;
}

.div-stato-text p {
    margin: 0;
    font-family: "Raleway", sans-serif;
    font-weight: normal;
    font-size: 24px;
    line-height: 48px;
    color: #DDD;
}


/**2809 style.css**/

.editor {
    height: 350px;
}


/* ===== Statistics ===== */

.stats_bi {
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
    color: #fff;
    border: solid 1px red;
}

.stats_bi:after {
    content: "";
    display: table;
    clear: both;
}

.stats_bi li {
    border: solid 0px green;
    display: inline-block;
}

.stats_bi li:first-child {
    padding-left: 0;
}

.stats_bi li:last-child {
    padding-right: 0;
}

.stats_bi li .btn {
    margin-right: 10px;
    padding: 4px 4px 4px 4px;
    font-size: 22px;
    float: left;
    font-weight: normal;
}

.stats_bi li .btn-default {
    color: #fff;
}

.stats_bi li span {
    font-size: 15px;
}

@media (max-width: 480px) {
    .stats_bi {
        text-align: center;
        margin-bottom: 5px;
    }
    .stats_bi li {
        width: 30%;
        padding: 0;
    }
    .stats_bi li .btn {
        float: none;
        display: block;
        margin: 0 5px;
    }
    .stats_bi li span {
        margin: 5px 10px 10px 10px;
        display: block;
    }
}