﻿/* importo le variabili */
@import "variables.less";

body {
    font-family: 'Overpass Light';
    background-color: #FFFFFF /*#EAE8E3#F2F1EE*/;
    color: #000;
    font-size: 14px;
}

html {
    position: relative;
    min-height: 100%;
}

*, *:before, *:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

a {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}

a:hover, a span:hover, a:focus {
    color: @te-primary !important;
    text-decoration: none !important;
    outline: none !important;
}

input[type=text],
input[type=url],
input[type=tel],
input[type=number],
input[type=password],
input[type=email] {
    border: 1px solid #ccc;
}

/*FLOAT,DISPLAY,POSITION*/
.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.clear {
    clear: both;
}

.block {
    display: block;
}

.disptable {
    display: table;
}

.inlineblock {
    display: inline-block;
}

.tablecell {
    display: table-cell;
}

.dispNone {
    display: none;
}

/* MF cms204.0 - aggiungo boxflex*/
.boxFlexSpBetween {
    /*----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: space-between;
    align-items: flex-start; /**/
}

.boxArgomenti48 {
    width: 40%;
}

.listboxArgomenti {
    width: 100%;
    height: 10em !important; /*voglio vedere una decina di righe*/
}

.boxFrecceSpostaArgomenti {
    width: 55px; /*100px*/
    padding: 5px;
}

.boxFrecceSpostaArgomenti a {
    /*width: 40px;*/
    cursor: pointer;
    text-align: center;
    display: block;
}

@media screen and (max-width: 1290px) {
    .boxArgomenti48 {
        width: 47%;
    }
}

@media screen and (max-width: 876px) {
    .boxArgomenti48 {
        width: 46%;
    }
}

@media screen and (max-width: 670px) {
    .boxFrecceSpostaArgomenti {
        width: 40px;
    }

    .boxFrecceSpostaArgomenti a {
        width: 30px;
    }
}

@media screen and (max-width: 540px) {
    .boxArgomenti48 {
        width: 45%;
    }

    .boxFrecceSpostaArgomenti {
        width: 30px;
    }

    .boxFrecceSpostaArgomenti a {
        width: 20px;
    }
}

/* MF cms204.0 - fine boxflex*/

/*BOX FLOTTATI*/
.box45left {
    width: 45%;
    float: left;
}

.box48left {
    width: 48%;
    float: left;
}

.box55right {
    width: 55%;
    float: right;
}

.boxmin32left {
    width: 32%;
    float: left;
    min-width: 300px;
}

.boxmin48left {
    width: 48%;
    float: left;
    min-width: 365px;
}

.boxmin49left {
    width: 49%;
    float: left;
    min-width: 300px;
}
/*BOX NON FLOTTATI*/
.height43 {
    height: 43px !important;
}

.height60 {
    height: 60px !important;
}

.height65 {
    height: 65px;
}

.width30 {
    width: 30px;
}

.width140 {
    width: 140px;
}

.width25p {
    width: 25%;
}

.width48p {
    width: 48%;
}

.width49p {
    width: 49%;
}

.width97p {
    width: 97%;
}

.width99p {
    width: 99%;
}

.width100p {
    width: 100%;
}
/*TESTO*/
.smallcaps {
    font-variant: small-caps;
}

.bold {
    font-weight: bold;
}

.underline {
    text-decoration: underline;
}

.italic {
    font-style: italic;
}

.txtsize14 {
    font-size: 14px;
}

.txtsize20 {
    font-size: 20px;
}

.wrap200 {
    white-space: normal;
    width: 200px;
}

.txtWhite {
    color: #fff;
}

.txtRed {
    color: #bc3a5f;
}
/*ALLINEAMENTI*/
.txtjust {
    text-align: justify;
}

.txtcenter {
    text-align: center;
}

.txtright {
    text-align: right !important;
}

.vMiddle {
    vertical-align: middle;
}

.marginCenter {
    margin: 0 auto !important;
}

.font12 {
    font-size: 12px;
}
/*MARGIN E PADDING*/
.padding5 {
    padding: 5px;
}

.margin5 {
    margin: 5px;
}

.margintop3 {
    margin-top: 3px;
}

.margintop5 {
    margin-top: 5px;
}

.margintop10 {
    margin-top: 10px;
}

.margintop15 {
    margin-top: 15px;
}

.margintop20 {
    margin-top: 20px;
}

.marginright2 {
    margin-right: 2px;
}

.marginright5 {
    margin-right: 5px;
}

.marginright10 {
    margin-right: 10px;
}

.marginright20 {
    margin-right: 20px;
}

.marginbottom5 {
    margin-bottom: 5px;
}

.marginbottom10 {
    margin-bottom: 10px;
}

.marginbottom15 {
    margin-bottom: 15px;
}

.marginbottom20 {
    margin-bottom: 20px;
}

.marginleft5 {
    margin-left: 5px;
}

.marginleft15 {
    margin-left: 15px;
}

.paddingtop3 {
    padding-top: 3px;
}

.paddingtop5 {
    padding-top: 5px;
}

.paddingtop10 {
    padding-top: 10px;
}

.paddingright10 {
    padding-right: 10px;
}

.paddingright15 {
    padding-right: 15px;
}

.paddingbottom10 {
    padding-bottom: 10px;
}

.paddingleft5 {
    padding-left: 5px;
}

.paddingleft10 {
    padding-left: 10px;
}

.paddingleft15 {
    padding-left: 15px;
}

.paddingleft25 {
    padding-left: 25px;
}
/*BORDI*/
.borderGray {
    border: thin solid #BDC3D9;
}

.borderRightGray {
    border-right: thin solid #B8A0AB;
}

.borderLeftDarkRed {
    border-left: thin solid #621e32;
}

.borderLeftBlack {
    border-left: thin solid #000;
}

.borderDarkGray {
    border: thin solid #a5a19e;
}

.borderRed {
    border: 2px solid #9E3150;
}

.borderRedGroove {
    border: 2px groove #9E3150;
}

.borderLeftGreenDotted {
    border-left: 1px dotted #88BAA4;
}

.borderBottomGreenDotted {
    border-bottom: 1px dotted #88BAA4;
}

.btopRadius10 {
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
}

.bRadius5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.bbottomRadius5 {
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.bbottomBlue {
    border-bottom: thin solid #52696F;
}
/*OMBRE*/
.boxshadrightbottomRed {
    box-shadow: 2px 2px 2px #621e32;
}

.boxshadbottomRed {
    box-shadow: 0px 2px 1px #621e32;
}

.boxshadrightbottomGray {
    box-shadow: 3px 3px 0px #BDC3B9;
}

.boxshadleftbottomGray {
    box-shadow: -3px 3px 0px #BDC3B9;
}

.boxshadbottomGray {
    box-shadow: 0px 3px 0px #BDC3B9;
}

.txtIcons, .txtIconsWhite {
    font-size: 1.2em;
    position: relative;
    vertical-align: top;
    font-weight: normal !important;
}

.txtIcons {
    color: #415458;
    text-shadow: 1px 1px 0 #ffffff;
}

.txtIconsWhite {
    color: #ffffff;
}

.rowdati td {
    padding: 2px 2px 2px 2px;
    color: Black;
}

.rowhead {
    padding: 4px 2px 4px 2px;
    font-size: 1.2em;
    font-weight: normal;
    color: #fff;
    font-family: 'Overpass Regular';
    background-color: #000;
}

.rowhead th {
    text-align: center;
}

.rowcommand {
    text-align: center;
}

.rowcommand.commandEdit input[type=image]:hover, .rowcommand.commandDelete input[type=image]:hover {
    -webkit-filter: saturate(9);
    filter: saturate(9);
    cursor: pointer;
}

/*.errore
{
    font-size: 13px;
    background-color: #9E3150;
    font-weight: bold;
    color: #fff;
    padding: 2px 2px 2px 2px;
}*/

fieldset {
    text-align: left;
    border: 1px solid #000;
    padding: 5px 8px 10px 8px;
}

legend {
    width: auto;
    font-size: 17px;
    /*font-weight: 600;*/
    padding: 2px 4px 8px 4px;
    margin: 0;
    color: #257E78;
    text-shadow: 0 1px 0 #fff;
    font-variant: small-caps;
    border: 0;
}

#contenitore {
    width: 100%;
    max-width: 1330px;
    height: auto;
    background-color: #FFFFFF /*#EAE8E3 #F2F1EE*/;
    min-height: 500px;
    margin: 0 auto;
}

.barTop {
    max-width: 1330px;
    margin: 0 auto;
    background-color: @te-primary;
    height: 50px;
    padding: 10px;
    /*----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-end;
    /*align-items: center;*/
}

.barDescrFiera {
    text-align: center;
    flex: 1;
    color: white;
    font-weight: bold;
    margin: auto;
    font-size: 20px;
}

.evidenzia {
    background-color: yellow;
}

.intestazioneTop {
    max-width: 1330px;
    margin: 5px auto 5px auto;
    padding: 0 0 10px 0;
    border-bottom: 2px solid @te-primary;
    /*----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: center;
    /*align-items: stretch;*/
}

.intestazioneTop div {
    flex-grow: 1;
    color: @te-primary;
}

.imgIntestazioneTop {
    /*width: 150px;*/
    flex-grow: unset !important;
    margin-right: 15px;
}

.textIntestazioneTop {
    font-size: 1.4em;
}

.divUserLogout {
    float: right;
}

.pnlMenuAlto {
    float: left;
}

.panelBenvenuto {
    text-align: center;
    width: 100%;
    margin: 10px auto 20px auto;
    padding: 0 0 10px 0;
}

.panelBenvenuto h3 {
    color: #000;
    font-family: 'Overpass Regular';
}

/*#panelIstruzioni, #panelManualePdf {
    text-align: center;
    width: 100%;
    border-bottom: 4px dotted #B4B4B4;
    margin: 10px auto 20px auto;
    padding: 0 0 10px 0;
}

    #panelIstruzioni h3, #panelManualePdf h3 {
        color: #000;
        font-family: 'Overpass Regular';
    }*/

.introduzione {
    width: 100%; /**/
    text-align: center;
    font-size: 16px;
    color: #415458;
    text-shadow: 0 -1px 0 #fff;
    line-height: 20px;
    margin: 10px auto 10px auto;
    display: table;
    padding: 3px;
}

.welcome {
    font-weight: bold;
    font-variant: small-caps;
    font-size: 18px;
    color: #257E78;
    text-shadow: 0 -1px 0 #fff;
    margin-bottom: 3px;
}

.menuHome {
    width: 100%;
    text-align: center;
    /*----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: center;
    /*align-items: center;*/
}

.menuHome div {
    /*flex-grow: 1;*/
    font-variant: small-caps;
    margin-left: 20px;
    margin-right: 20px;
}

/*.menuHome h3 {
        width: 100%;
        margin-bottom: 15px;
        color: #000;
        font-family: 'Overpass Regular';
    }*/

.menuHome h3 {
    width: 100%;
    margin-bottom: 15px;
    color: #000;
    font-family: 'Overpass Regular';
    overflow: hidden;
    text-align: center !important;
    clear: both;
}

.menuHome h3 > span {
    position: relative;
    display: inline-block;
}

.menuHome h3 > span:before, .menuHome h3 > span:after {
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 1px solid #646464;
    width: 591px; /* half of limiter*/
    margin: 0 20px;
}

.menuHome h3 > span:before {
    right: 100%;
}

.menuHome h3 > span:after {
    left: 100%;
}

.buttonMenu, .activeMenu, .disabledMenu {
    text-align: center;
    display: block;
    padding: 5px;
}

.buttonMenu:hover {
    opacity: 0.8;
}

.buttonMenu span {
    font-size: 1.5em;
    color: #777474;
}

.iconmenu {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    border: 3px dotted #fff; /*44D2AE*/
    padding: 3px 6px;
    display: inline-block;
    font-size: 1.5em !important;
    color: #fff !important; /*44D2AE*/
    font-family: 'Overpass Regular';
    text-decoration: none !important;
    background-color: #000;
}

.activeMenu {
    cursor: default !important;
    /*color: #A21A20 !important;*/
    /*border: 1px solid #CAC7C7;*/
}

.activeMenu span {
    color: #ffffff !important;
    background-color: @te-primary;
    border: 3px solid @te-primary;
}

.activeMenu img {
    /*-webkit-filter: drop-shadow(0 4px 0 rgba(0,0,0,0.2));
        filter: drop-shadow(0 4px 0 rgba(0,0,0,0.2));*/
}

.activeMenu span:hover {
    color: #ffffff !important;
}

.disabledMenu {
    cursor: default !important;
    color: #CAC7C7 !important;
}

.disabledMenu img, .disabledMenu span {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.disabledMenu span {
    opacity: 0.5;
}

.disabledMenu span:hover {
    color: #fff !important;
}

.buttonMenuAlto {
    cursor: pointer;
}

.disabledButtonMenuAlto {
    opacity: 0.5;
}

.buttonMenuAlto, .disabledButtonMenuAlto {
    min-width: 80px;
    background-color: #A1C8B7;
    display: inline-block;
    padding: 6px 7px 6px 7px;
    margin: 0 5px 0 5px;
    -moz-box-shadow: 0px 2px 0px 0px #88baa4;
    -webkit-box-shadow: 0px 2px 0px 0px #88baa4;
    box-shadow: 0px 3px 0px 0px #88baa4;
    border: 1px solid #88baa4; /*1px solid #9E3150; #257E78*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #415458; /*#ffffff;*/
    font-size: 1.1em; /*15px;*/
    text-decoration: none;
    text-shadow: 0px 1px 0px #EAE8E3; /*#ffffff;*/
    text-align: center;
    /*font-variant: small-caps;*/
    top: 15px;
    position: relative;
    font-weight: bold;
}
/*a.buttonMenuAlto:hover*/
.buttonMenuAlto:hover {
    text-decoration: none;
    background-color: #88baa4;
    border: 1px solid #A1C8B7;
    box-shadow: 0px 3px 0px 0px #A1C8B7;
    -moz-box-shadow: 0px 3px 0px 0px #A1C8B7;
    -webkit-box-shadow: 0px 3px 0px 0px #A1C8B7;
    color: #415458;
}

#contenitorePagine {
    padding: 0 5px;
}

.borderPanel {
    padding: 10px;
    border: thin solid #A1C8B7;
    box-shadow: 0 0 1px #fff;
}

/*BOTTONI VARI*/
.btnbar {
    vertical-align: middle;
    background-color: #f1f1f4;
    padding: 5px;
    margin: 10px 0 1px 0;
    height: 48px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btnbar2 {
    vertical-align: middle;
    padding: 5px;
    margin: 1px;
    height: 30px;
}

.button {
    cursor: pointer;
}

.disabledButton {
    opacity: 0.5;
}

.button, .disabledButton {
    min-width: 80px;
    display: inline-block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    /*text-shadow: 0px 1px 0px #000000;*/
    -webkit-box-shadow: 0px 3px 0px @te-secondary;
    -moz-box-shadow: 0px 3px 0px @te-secondary;
    box-shadow: 0px 3px 0px @te-secondary;
    border: solid @te-primary 1px;
    color: #ffffff;
    font-size: 15px;
    background-color: @te-primary;
    /*padding: 4px 7px 4px 5px;*/
    padding: 6px 7px 6px 7px;
    margin: 0 5px 0 5px;
    text-decoration: none;
    font-family: 'Overpass Regular';
}

a.disabledButton:hover {
    color: #ffffff !important;
    cursor: default;
}

a.button:hover {
    text-decoration: none;
    background-color: @te-secondary;
    border: 1px solid @te-primary;
    box-shadow: 0px 3px 0px @te-primary;
    color: #ffffff !important;
}

.buttonGrande {
    cursor: pointer;
}

.disabledButtonGrande {
    opacity: 0.5;
    cursor: default;
}

.buttonGrande, .disabledButtonGrande {
    min-width: 80px;
    display: inline-block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 0px 3px 0px @te-secondary /*#88baa4*/;
    border: 1px solid @te-secondary /*#88baa4*/;
    background-color: @te-primary; /*#257E78;*/
    /*padding: 4px 7px 4px 5px;*/
    padding: 6px 7px 6px 7px;
    margin: 0 auto 2px auto;
}

a.buttonGrande, a.disabledButtonGrande {
    color: #ffffff !important;
    text-decoration: none;
    font-size: 22px;
    font-family: 'Overpass Regular';
    /*text-shadow: 0px 1px 0px #000000;*/
}

a.buttonGrande:hover {
    text-decoration: none;
    background-color: @te-secondary;
    border: 1px solid @te-primary;
    box-shadow: 0px 3px 0px @te-primary;
}

a.buttonGrande span.glyphicon:hover, a.disabledButtonGrande span.glyphicon:hover {
    color: #fff !important;
}

.icon {
    vertical-align: middle;
    border: 0;
}

.buttonBlu {
    cursor: pointer;
}

.disabledButtonBlu {
    opacity: 0.5;
}

.buttonBlu, .disabledButtonBlu {
    min-width: 80px;
    /*height: 20px;*/
    background-color: #52696F;
    display: inline-block;
    /*padding: 4px 5px 4px 5px;*/
    padding: 6px 7px 6px 7px;
    margin: 0 5px 0 25px;
    -moz-box-shadow: 0px 2px 0px 0px #6b8991;
    -webkit-box-shadow: 0px 2px 0px 0px #6b8991;
    box-shadow: 0px 3px 0px 0px #6b8991;
    border: 1px solid #6b8991;
    /*-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 15px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #000000;
    text-align: center;
    font-variant: small-caps;
}

/* MF cms204.0 - se buttonBlu è allineato a dx, allora il margin dev'essere ribaltato rispetto a quando è allineato a sx*/
/*.buttonBlu .floatright {
    margin: 0 25px 0 5px;
}

.buttonBlu .floatleft {
    margin: 0 5px 0 25px;
}*/


a.buttonBlu:hover {
    text-decoration: none;
    background-color: #6b8991;
    border: 1px solid #52696F;
    box-shadow: 0px 3px 0px 0px #52696F;
    -moz-box-shadow: 0px 3px 0px 0px #52696F;
    -webkit-box-shadow: 0px 3px 0px 0px #52696F;
    color: #fff !important;
}

.buttonRed {
    cursor: pointer;
}

.disabledButtonRed {
    opacity: 0.5;
}

.buttonRed, .disabledButtonRed {
    min-width: 80px;
    background-color: #bc3a5f;
    display: inline-block;
    padding: 6px 7px 6px 7px;
    margin: 0 5px 0 10px;
    -moz-box-shadow: 0px 2px 0px 0px #9E3150;
    -webkit-box-shadow: 0px 2px 0px 0px #9E3150;
    box-shadow: 0px 3px 0px 0px #9E3150;
    border: 1px solid #9E3150;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 15px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #000000;
    text-align: center;
    font-family: 'Overpass Regular';
    /*font-variant: small-caps;*/
}

a.buttonRed:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #9E3150;
    border: 1px solid #bc3a5f;
    box-shadow: 0px 3px 0px 0px #bc3a5f;
    -moz-box-shadow: 0px 3px 0px 0px #bc3a5f;
    -webkit-box-shadow: 0px 3px 0px 0px #bc3a5f;
}

a.buttonRed span:hover {
    color: #fff !important;
    text-decoration: none;
}

.username {
    position: relative;
    top: 20%;
    margin-right: 18px;
    text-align: center;
    font-size: 17px;
    color: #FFFFFF;
    font-family: 'Overpass Regular';
    /*text-shadow: 0 -1px 0 #000;
    font-weight: bold;*/
}

.buttonLogout {
    color: #FFFFFF;
    font-size: 28px;
}

.buttonLogout span {
    position: relative;
    top: 20%;
}

.buttonLogout:hover {
    text-decoration: none;
    color: #000000 !important;
}

.tab {
    text-decoration: none;
    color: #52696F;
    text-align: center;
    text-shadow: 0 -1px 0px #fff;
    font-variant: small-caps;
    font-size: 1.5em; /*17px;*/
    cursor: pointer;
    border-right: thin solid #52696F;
    border-left: thin solid #52696F;
    border-top: thin solid #52696F;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #e2dfd8;
    margin-right: 10px;
    box-shadow: 0 -2px 1px #bbb;
    line-height: 1.2em;
}

.tab a {
    text-decoration: none;
    color: #52696F;
}

.tab:hover {
    -moz-box-shadow: 0px 4px 0px 0px #88baa4;
    -webkit-box-shadow: 0px 4px 0px 0px #88baa4;
    box-shadow: 0px 5px 1px 0px #88baa4;
    background-color: #d1ccc1;
    text-decoration: none;
}

.tab a:hover {
    text-decoration: none;
}

.activeTab {
    text-decoration: none;
    color: #52696F;
    text-align: center;
    /*text-shadow: 0 -1px 0px #fff;*/
    font-weight: bold;
    font-variant: small-caps;
    font-size: 1.5em;
    border-right: thin solid #88baa4;
    border-left: thin solid #88baa4;
    border-top: thin solid #88baa4;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-right: 10px;
    -moz-box-shadow: 0px 5px 1px 0px #88baa4;
    -webkit-box-shadow: 0px 5px 1px 0px #88baa4;
    box-shadow: 0px 5px 1px 0px #88baa4;
    background-color: #d1ccc1;
    cursor: default;
    line-height: 1.2em;
}

.disabledTab {
    text-align: center;
    text-shadow: 0 -1px 0px #fff;
    font-variant: small-caps;
    font-size: 1.5em;
    border-right: thin solid #52696F;
    border-left: thin solid #52696F;
    border-top: thin solid #52696F;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #e2dfd8;
    margin-right: 10px;
    padding-top: 5px;
    opacity: 0.4;
    line-height: 1.2em;
}

.tabInfo {
    height: 35px;
    text-align: center;
    text-shadow: 0 -1px 0px #fff;
    font-variant: small-caps;
    font-size: 13px;
    border-right: thin solid #52696F;
    border-left: thin solid #52696F;
    border-top: thin solid #52696F;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #e2dfd8;
    margin-right: 10px;
    padding: 5px 5px 0 5px;
    box-shadow: 0 -2px 1px #bbb;
}

.titoloDati {
    /*width: 155px;*/
    width: 110px;
    padding-left: 5px;
    margin-bottom: 5px;
    text-shadow: 0 -2px 1px #F1F1F1;
    font-variant: small-caps;
}

.borderLogo {
    border: 2px dashed #B4B4B4;
    overflow: hidden;
    text-align: center;
}

.borderLogo img {
    max-width: 100%;
    max-height: 100%;
}

.borderPreview {
    border: 1px dashed #415458;
    box-shadow: 0px 1px 0 #ffffff;
}

.btnPreview {
    padding: 3px;
    color: #ffffff;
    background-color: @te-primary;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    /*border: 2px solid #000000;*/
    font-family: 'Overpass Regular';
}

.btnPreview:hover {
    opacity: 0.8;
    /*padding: 5px 8px 5px 8px;*/
}

.txtIstruzioni {
    font-weight: bold;
    /*font-variant: small-caps;*/
    font-size: 15px;
    color: #415458; /*#9E3150;*/
    text-shadow: 0 -1px 0 #fff;
    margin-bottom: 10px;
    vertical-align: middle;
}

.txtIstruzioniAll {
    font-weight: bold;
    /*font-variant: small-caps;*/
    font-size: 15px; /*15px;*/
    color: #415458; /*#9E3150;*/
    text-shadow: 0 -1px 0 #fff;
    vertical-align: middle;
    padding-left: 5px;
    /*margin-top: 10px;margin-bottom: 15px;*/
    display: block;
    text-align: center;
    margin: 10px auto 15px auto;
}

.txtEvidenziatoAll {
    font-weight: bold;
    color: #9E3150;
    font-size: 18px;
    font-variant: small-caps;
}

.bkgIstruzioniAll {
    width: 100%;
    border-radius: 5px;
    padding: 5px;
    /*box-shadow: -1px 2px 3px 0px #bbb;*/
    border: 1px solid #9E3150;
    border-left: 6px solid #9E3150 !important;
    border-right: 6px solid #9E3150 !important;
    background-color: #eeeadf; /*#f2f1ee;*/
    box-shadow: 0px 3px 3px 0px #bbb;
}

.txtIstruzioniDem {
    font-variant: small-caps;
    font-size: 15px;
    color: #9E3150;
    text-shadow: 0 -1px 0 #fff;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 5px;
    vertical-align: middle;
}

.txtIstruzioniAnteprimaDem {
    font-variant: small-caps;
    font-size: 17px;
    color: #9E3150;
    text-shadow: 0 -1px 0 #fff;
    margin-bottom: 10px;
    padding-left: 5px;
    vertical-align: middle;
}

.txtStatusDaPubbl, .txtStatusOnline {
    float: right;
    display: inline-block;
    margin: 5px 10px 0 0;
    padding: 4px;
    font-family: 'Overpass LightItalic';
    font-size: 16px;
    /*color: #52696F;
    text-shadow: 0 -1px 0 #fff;
    vertical-align: middle;
    background-color: #FFFACD;
    box-shadow: 0px 1px 2px #52696F;*/
}

.txtStatusDaPubbl span.glyphicon, .txtStatusOnline span.glyphicon {
    border-right: 3px solid @te-primary;
    padding-right: 5px;
    color: @te-primary;
    font-size: 16px;
}

.hr {
    width: 30%;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
    border-top: 1px dotted #f8fbf9;
    border-bottom: 1px dotted #88BAA4;
    box-shadow: 0 1px 1px #ddd;
}

.loadBar {
    vertical-align: middle;
    background-color: #ebf3f0;
    padding: 5px;
    /*margin: 1px 1px 10px 1px;*/
    height: 35px;
    box-shadow: 1px 2px 2px #ccc;
}

.ddlFiltroDaAet {
    background-color: #C0B9AA;
    font-weight: bold !important;
    font-size: 14px;
    border: 3px solid #000000;
}

.ddlFiltroDaExpo {
    background-color: #e7dabe;
    font-weight: bold !important;
    font-size: 14px;
    border: 3px solid #000000;
}

.pnlElenchiIscrizioni {
    padding: 0 10px 0 10px;
}

.tabIscrizioni {
    float: left;
}

.boxPanelLogoStand {
    width: 100%;
    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: center;*/
}

.riquadroLogoStand {
    width: 48%;
    min-width: 230px;
}

.pagerGrid a {
    color: #fff;
    text-decoration: none;
    font-size: 1.2em;
    padding: 0 3px 0 3px;
}

.pagerGrid a:hover {
    opacity: 0.8;
    font-style: italic;
}

.pagerGrid span {
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
    padding: 0 3px 0 3px;
}

select.ListBoxScegliElementi {
    height: 250px;
    width: 100%;
}

@media screen and (max-width: 760px) {
    .height65 {
        height: auto;
        padding-bottom: 40px;
    }

    .divUserLogout {
        float: none;
        margin-top: 20px;
    }

    .pnlMenuAlto {
        float: none;
    }

    #lblNominativo {
        margin: 0 auto;
        display: inline-block;
    }

    .tabIscrizioni {
        float: none;
        margin: 0 auto;
    }
}

@media screen and (max-width: 535px) {
    .imgIntestazioneTop, .textIntestazioneTop {
        margin-right: 0;
        width: 100%;
        text-align: center;
    }

    .imgIntestazioneTop {
        margin-bottom: 5px;
    }
}

#div_PresentazioneToolExpo {
    text-align: center;
    padding: 30px;
}

.linkEcommerceIEG {
    color: @te-primary;
    font-weight: bold;
}

.linkEcommerceIEG:hover {
    font-weight: normal;
    opacity: 0.8;
}
