/*
Style Name:     cda-table-style.css
Description:    Stili comuni tab CDA
Author:         NS12 - dream-team - rcs 
Version:        1.1
Date:           08/05/2019
Modified:      	25/07/2019
*/

.trn-blu{
    color: #2e5fb8;
}

.tbc-cont{
    /*min-width: 495px;*/
    /*max-width: 808px;*/
    max-width: 100%;
}

.tbc-table{
    display: table;
    border-collapse: collapse;
    /*font-family: Arial, Helvetica;*/
    font-size: 10px;
    font-weight: 100;
    color: #666;
    /*height: 100%;*/
    width: 100%;
}

.tbc-left{
    margin-bottom: 20px
}

.tbc-top,
.tbc-header,
.tbc-row{
    display: table-row;
    height: 100%;
    border-bottom: 1px solid #2e5fb8;
}

.tbc-row {
    line-height: 12px;
}

.tbc-cell{
    display: table-cell;
    text-align: center;
    padding: 5px 1px;
    word-break: break-word;
    word-wrap: break-word;
    /*border-left: 1px dotted red;*/
}

/* Header + Top */

.tbc-header {
    font-size: 11px;
}

.tbc-top,
.tbc-header{
    line-height: 12px;
    color: #2e5fb8;
}

/* Top2 */

.top2 .c1,
.top2 .c8{
    position: relative;
}

.top2 .c1 span,
.top2 .c8 span{
    position: absolute;
    bottom: 5px;
    width: 480px;
}

.tbc-last .tbc-top{
    font-size: 10px;
}

.tbc-last .tbc-row .tbc-cell:first-child{
    text-align: left;
    font-size: 11px;
}

.tbc-last .tbc-row .tbc-cell:not(:first-child){
    width: 32px;
    min-width: 32px;
}

.tbc-last .tbc-row .tbc-cell:last-child{
    width: 42px;
    min-width: 42px;
}

.tbc-last .tbc-row .tbc-cell:nth-child(2){
    width: 77px;
    min-width: 77px;
}

/* Celle */

.tbc-top .tbc-cell{
    height: 25px;
    vertical-align: bottom
}

.tbc-header .tbc-cell{
    height: 25px;
    vertical-align: top;
}

.tbc-top .c1, .tbc-top .c8,
.tbc-header .c1, .tbc-header .c8,
.tbc-header .c2, .tbc-header .c9,
.tbc-row .c1, .tbc-row .c8,
.tbc-row .c2, .tbc-row .c9{
    text-align: left;
}

.c1, .c8{
    width: 25%;
    min-width: 110px;
    font-size: 11px;
}

.c2, .c9{
    width: 15%;
    min-width: 60px;
    font-size: 11px;
}

.tbc-row .c1,
.tbc-row .c8{
    text-transform: uppercase;
}

.tbc-row .c2,
.tbc-row .c9{
    color: #333;
}

sup{
    font-size: 8px;
    color: #2e5fb8;
    line-height: 0;
    position: relative;
    top: -4px;
    right: -1px;
}

/* Left */

.c3, .c4, .c5, .c6{
    width: 8%;
    min-width: 48px;
}

/*.c7{
    max-width: 50px;
}*/

.c10, .c11, .c12, .c13{
    width: 5%;
}

/* Right */

.c0{
    height: 25px;
    width: 1px;
}

.tbc-top-r2 .c8{
    width: 100%;
}
.c14 {
    min-width: 30px;
    max-width: 70px;
}

.c15 {
    min-width: 18px;
}

.c16, .c18, .c20, .c22 {
  width: 20px;
}

/* Col-Span */

.tbc-co-span{
    position: relative;
}

.tbc-co-span span{
    font-size: 10px;
    position: absolute;
    width: 46px;
    bottom: 5px;
    text-align: center;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.tbc-no-span{
    font-size: 10px;
    width: 17px;
    min-width: 17px;
    text-align: center;
}

@media screen and (max-width: 830px),(min-width: 924px) {
/*@media screen and (max-width: 800px) and (min-width: 700px),(min-width: 957px) {*/
    .tbc-header .tbc-cell{
        height: 150px;
        max-width: 16px;
        padding-top: 15px;
    }

    .tbc-header .tbc-cell:not(.tbc-no-span) span{
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
        -webkit-transform-origin: left top;
        transform-origin: left top;
        display: block;
        position: relative;
        top: 128px;
        width: 140px;
        text-align: left;
    }

    .tbc-header .tbc-no-span{
        vertical-align: bottom;
    }

    .c1, .c8{
        width: 27%;
        min-width: 166px;
    }

    .c2, .c9{
        width: 15%;
        min-width: 60px;
    }

    .c10, .c11, .c12, .c13{
    }

    .c3, .c4, .c5, .c6{
        font-size: 10px;
    }

    .c3, .c5, .c6{
        min-width: 43px;
    }

    .c4{
        min-width: 50px;
    }
}

/*@media screen and (max-width: 800px) and (min-width: 700px),(min-width: 924px) {*/
@media screen and (min-width: 957px) {
    .tbc-left {
        float: left;
        width: 70%;
    }

    .tbc-right {
        float: left;
        width: 30%;
    }

     .c8, .c9{ 
        display: none; 
    }
}

@media screen and (max-width: 490px){
    .tbc-row .c1,
    .tbc-row .c8{
        font-size: 11px;
    }

    .c1, .c8{
        min-width: 90px;
    }
}

/* Note + Legenda */

.legenda-contenitore p {font-size: 12px;margin-bottom: 0px;}
.legenda-contenitore span:first-child{font-size: 12px;}
.legenda-contenitore span {font-weight:700}
.dsp-Flex {display: flex;margin-bottom: 0px;line-height: 1.5;}
.dsp-Flex span:first-child {flex: 1;color: #49a7da;}
.dsp-Flex span:nth-child(2) {flex: 70; padding-left: 3px;}
.noteTitolo{font-size: 12px;font-weight:700;color: #49a7da;}
.note{margin-bottom: 32px;margin-top: 20px;}