/*====FONTS====*/
.tabAlignLeft {
    text-align: left;
}

.tabAlignCenter {
    text-align: center;
}

.tabAlignRight {
    text-align: right;
}

/*====/FONTS====*/

/*====FORM====*/
.inputArea.tabLeft {
    padding-right: 1em;
}

.inputArea.tabCenter {
    padding-left: 1em;
    padding-right: 1em;
}

.inputArea.tabRight {
    padding-left: 1em;
}

/*====/FORM====*/

/*====COMPONENTI====*/
/*Barra di navigazione inferiore*/
.bottomNavBox.hide {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .5s all ease;
    transition: .5s all ease;
}

/*/Barra di navigazione inferiore*/

/*BANNERS*/
.banner {
    max-height: 54px;
}

.banner .bannerSection.txt {
    padding: 0 36px 0 16px;
}

.banner .bannerSection.actions {
    padding: 10px 8px 8px 0;
}

/*Tipologie*/
.bannerArea.big .banner {
    max-height: 112px;
}

.bannerArea.big .bannerSection.txt {
    padding: 20px 16px 12px 16px;
}

.bannerArea.big .bannerSection.actions,
.bannerArea.img .bannerSection.actions {
    padding-top: 0;
    height: auto;
}

.bannerArea.big .bannerSection.actions .footer,
.bannerArea.img .bannerSection.actions .footer {
    position: relative;
    bottom: 8px;
    right: 0;
}

.bannerArea.img .banner {
    max-height: 120px;
}

.bannerArea.img .bannerImg {
    margin: 24px 16px 16px 16px;
}

.bannerArea.img .bannerSection.txt {
    padding: 24px 16px 20px 0;
}

/*/BANNERS*/

/*SLIDER*/
.draggableSlider {
    overflow-x: auto;
}

/*/SLIDER*/
/*====/COMPONENTI====*/

/*====TABELLE E COLONNE====*/
.tabColumnContainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.tabColumnWrap {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tabColumnNoWrap {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.tabVerticalAlign {
    -webkit-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
}

.tabVerticalAlign.tabTop {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
}

.tabVerticalAlign.tabBottom {
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
}

.tabVerticalAlign.tabStretch {
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
}

.tabColumnWrap.tabLeft,
.tabColumnNoWrap.tabLeft {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
}

.columnWrap.tabCenter,
.tabColumnWrap.tabCenter,
.tabColumnNoWrap.tabCenter,
.tabColumnNoWrap.tabCenter {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}

.tabColumnWrap.tabRight,
.tabColumnNoWrap.tabRight {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
}

.tabFlexDirectionColumn {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.columnContainer.tabFlexStart {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
}

.tabCol-5 {
    width: 5%;
}

.tabCol-10 {
    width: 10%;
}

.tabCol-15 {
    width: 15%;
}

.tabCol-20 {
    width: 20%;
}

.tabCol-25 {
    width: 25%;
}

.tabCol-30 {
    width: 30%;
}

.tabCol-33 {
    width: 33.33%;
}

.tabCol-35 {
    width: 35%;
}

.tabCol-40 {
    width: 40%;
}

.tabCol-45 {
    width: 45%;
}

.tabCol-50 {
    width: 50%;
}

.tabCol-55 {
    width: 55%;
}

.tabCol-60 {
    width: 60%;
}

.tabCol-65 {
    width: 65%;
}

.tabCol-70 {
    width: 70%;
}

.tabCol-75 {
    width: 75%;
}

.tabCol-80 {
    width: 80%;
}

.tabCol-85 {
    width: 85%;
}

.tabCol-90 {
    width: 90%;
}

.tabCol-95 {
    width: 95%;
}

.tabCol-100 {
    width: 100%;
}

/*====/TABELLE E COLONNE====*/

/*====UTILITA====*/
.tabHideElement {
    display: none;
}

.tabShowElement {
    display: block;
}

.tabPaddingLeft {
    padding-left: 16px;
    padding-left: 1rem;
}

.tabPaddingRight {
    padding-right: 16px;
    padding-right: 1rem;
}

.tabPaddingTop {
    padding-top: 16px;
    padding-top: 1rem;
}

.tabPaddingBottom {
    padding-bottom: 16px;
    padding-bottom: 1rem;
}

.tabNoPaddingLeft {
    padding-left: 0;
    padding-left: 0;
}

.tabNoPaddingRight {
    padding-right: 0;
    padding-right: 0;
}

.tabNoPaddingTop {
    padding-top: 0;
    padding-top: 0;
}

.tabNoPaddingBottom {
    padding-bottom: 0;
    padding-bottom: 0;
}

.tabMarginLeft {
    margin-left: 16px;
    margin-left: 1rem;
}

.tabMarginRight {
    margin-right: 16px;
    margin-right: 1rem;
}

.tabMarginTop {
    margin-top: 16px;
    margin-top: 1rem;
}

.tabMarginBottom {
    margin-bottom: 16px;
    margin-bottom: 1rem;
}

.tabNoMarginLeft {
    margin-left: 0;
    margin-left: 0;
}

.tabNoMarginRight {
    margin-right: 0;
    margin-right: 0;
}

.tabNoMarginTop {
    margin-top: 0;
    margin-top: 0;
}

.tabNoMarginBottom {
    margin-bottom: 0;
    margin-bottom: 0;
}

/*====/UTILITA====*/

/*TOOLTIPS*/
[data-tooltip]:after {
    max-height: 32px;
    padding: 8px 16px;
    padding: .5rem 1rem;
}

/*/TOOLTIPS*/