﻿
.ai-socialToolbar
{
    /*	border-top: 1px solid #ececec !important; 	border-bottom: 1px solid #ececec !important;*/
    width: 100%;/*auto;*/
    padding-top: 10px;
}

.ai-socialToolbar-plugins
{
    /*float: left;*/
    width: 100%;/*auto;*/
     /*----flexbox-----*/
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;/**/
    justify-content: flex-start;
    align-items: flex-start;/**/
}

.ai-social-plugin/*.ai-socialToolbar-plugins*/ 
{
    /*float: left;*/
    margin: 3px 0;
}

.ai-boxRigaTop
{
    border-top: 1px solid #e0e0e0 !important;
    width: auto;
}

#PlaceHolderCommenti h3 {
    text-transform: none !important;
}
#PlaceHolderCommenti h3 span {
    font-family: 'Chivo BoldItalic';
}
/*.toggle {
    min-height: 30px;
}
.plusminus
{
    width: 170px;
    font-weight: bold;
    color: #FF146C;
    font-size: 13px;
    margin-bottom: 5px;
}*/
.divIconaUser  {
    width: 55px;
    text-align:center;
    
}
    .divIconaUser i {
        font-size: 24px;
        color: #000;
        /*border: 1px solid #000;*/
        background-color: #f1f1f4;
        padding:10px;
    }
.divInfoCommento  {
    flex: 1;
}
.infoUser {
    font-family: 'Chivo Regular';
    font-size: 14px;
    color: #B4B4B4;
    text-align: right;
}
.nome, .dataCommento {
    /*font-style: italic;
    font-weight: bold;
    margin: 0 0 5px 0;*/ 
}

.nome {
    border-right: 2px solid #B4B4B4;
    padding-right: 5px;
}
.dataCommento {
    padding-left: 5px;
}
/*.abstractCommento {
    width: 100%;
}*/

.testoCommento {
    width: 100%;
    text-align: justify;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 22px;
    color: #000;
}

.divRispostaCommento {
    width: 100%;
    font-size: 16px;
    color: #000;
}
.divRispostaCommento p:first-child {
    font-family: 'Chivo Regular';
}
    .divRispostaCommento p:nth-child(2) {
        padding-left:20px;
    }
/*.notadirettore
{
    padding: 10px 0 0 25px;
    margin: 0 0 8px 0 !important;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
.nota
{
    padding-left: 25px;
    padding-right: 10px;
    font-style: italic;
    text-align:justify;
}*/
.boxLasciaCommento {
    width: 100%;
    padding: 10px;
    background-color: #000000;
}

.ai-boxRigaBottom {
    border-bottom: 1px solid #ffffff !important;
    width: auto;
    color: #333333;
    padding: 5px 0;
    margin-bottom: 10px;
    color: #44D2AE;
    font-family: 'Chivo Regular';
    font-size: 18px;
}

/*.titolettoGreen {
    color: #44D2AE;
    font-family: 'Chivo Regular';
    font-size: 14px;
}*/

.txtinp
{
    /*border: 1px solid #e0e0e0 !important;
    font-family: arial;*/
    font-size: 16px;
}

.lblinp
{
    /*border: 1px solid #e0e0e0 !important;*/
    font-family: 'Chivo Light';
    color: #fff;
    font-size: 16px;
    text-align: right;
}
.lblInfo {
    color: #fff;
    font-size: 14px;
}

/* classi per funzioni di controllo fatte con jquery */
.beforeSubmit, .beforeUndo {
}

#divRisposta
{
    text-align: center;
    color: #44D2AE;
    font-family: 'Chivo Italic';
    font-size: 14px;
    height: 20px;
}

/* RC beba202.2 - Inserimento nuovo stile btn share */
/* INSERIMENTO STANDARD SHARE BUTTONS */
.share-buttons {
    /*position: absolute;*/
    width: 100%; /*300px*/
    /*height: 212px;*/
    /*padding-left: calc(calc(300px / 2) - calc(30px / 2));*/
    /*top: 50%;
    left: 50%;
    margin-left: calc(-(300px / 2));
    margin-top: calc(-(212px / 2));*/
    display: flex;
    /*justify-content: center;*/
    flex-direction: column;
    margin-left: 43%;
}

    .share-buttons .share-button {
        float: left;
        margin-top: 15px;
    }

        .share-buttons .share-button:first-child {
            margin-top: 0;
        }

        .share-buttons .share-button:after {
            clear: both;
            display: table;
        }

.share-button-justify {
    display: flex;
    justify-content: flex-start;
    margin-top: 15px;
}

.share-button {
    display: block;
    position: relative;
    height: 30px;
}

    .share-button:hover {
        cursor: pointer;
    }

        .share-button:hover .share-button-primary {
            box-shadow: 1px 0 0 0 rgba(0, 0, 0, .3);/*.1*/
        }

        .share-button:hover .share-button-secondary-content {
            transform: translate3d(0, 0, 0);
        }

.share-button-primary {
    position: absolute;
    background: rgb(40, 37, 86); /*#fff*/
    width: 30px;
    height: 30px;
    border-radius: calc(30px / 2);
    left: 0;
    top: 0;
    /*margin-top: calc(-(30px / 2));*/
    text-align: center;
}

.share-button-icon {
    display: block;
    color: #fff;/*#242424*/
    position: absolute;
    width: 30px;
    line-height: 30px;
    font-size: 16px;
    margin-top: 1px;
}

.share-button-secondary {
    overflow: hidden;
    margin-left: calc(30px / 2);
    height: 30px;
}

.share-button-secondary-content {
    font-family: sans-serif;
    font-size: .75em;
    background: rgba(142, 138, 190, 0.8); /*#fff*/
    display: block;
    height: 30px;
    text-align: left;
    padding-left: calc(30px * .8);
    padding-right: calc(30px * .6);
    line-height: 30px;
    color: #242424;
    border-radius: 0 calc(30px / 2) calc(30px / 2) 0;
    transform: translate3d(-100%, 0, 0);
    transition: transform 175ms ease;
}

.btnShare{
    color: white;
}

.btnShareVerticalCenter{
    padding-top: 5px;
}

.copyLinkEvidenza {
    font-weight: 900;
    font-size: 1em;
}

/*.tooltipCopyLink {
    position: relative;
    display: inline-block;
}

    .tooltipCopyLink .tooltiptextCopyLink {
        visibility: hidden;
        width: 140px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 1;
        bottom: 150%;
        left: 50%;
        margin-left: -75px;
        opacity: 0;
        transition: opacity 0.3s;
    }

        .tooltipCopyLink .tooltiptextCopyLink::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    .tooltipCopyLink:hover .tooltiptextCopyLink {
        visibility: visible;
        opacity: 1;
    }*/

/* fine inserimento btn share social */