.FSBody{
	background-color: #f5f7fa;
	color:#6a6c6f;
}
.FSTopMarginContain{
	margin-top:125px;
}
.FSMenuBg {
	background-color:#f7f9fa;
}
.FSRiquadroBianco{
	background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    margin-top:10px;
}
.FSMenuContain{
	width: 100%;
}
.FSMenuPosition{
	position: fixed;
	z-index: 1000;
	background: #f5f7fa;
}
.FSContainerBg {
	background-color:#f1f3f6;
	margin-top:15px;
}
.FSPanelBg {
	background-color:#ffffff;
	border:1px solid #dddede;
}
.FSMenuBorder {
	border:1px solid #edeef0;
}
.FSMenuSx {
	height:100%;
}
.FSMenuItem{
	font-size:14px;
	font-weight:bold;
	color:#6a6c6f;
	padding-left:20px;
	line-height:60px;
}
.FSMenuHeight{
	height:60px;
}
.FSMenuHeightInfo{
	height:250px;
}
.FSMenuCollapse{
	background-image: url("../image/FIRMASPID-Collapse.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size:50px;
	cursor:pointer;
}
.FSMenuInfoUserImgMan{
	background-image: url("../image/FIRMASPID-InfoUser.png");
	background-position-x: 10px;
	background-position-y: 10px;
	background-repeat: no-repeat;
	background-size:120px;
	height: 155px;
    margin: 25 0 0 0;
}
.FSMenuInfoUserImgWoman{
	background-image: url("../image/FIRMASPID-InfoUserWoman.png");
	background-position-x: 10px;
	background-position-y: 10px;
	background-repeat: no-repeat;
	background-size:120px;
	height: 155px;
    margin: 25 0 0 0;
}
.FSMenuInfoUser {
    line-height: 35px;
    padding: 170 0 0 15;
    font-size: 21px;
    font-weight: bold;
}
.FSMenuInfoUserPoc {
    line-height: 35px;
    padding: 25 0 0 15;
    font-size: 21px;
    font-weight: bold;
}
.FSPInfoUser{
	line-height:1.5;
	font-size:14px;
    font-weight:normal;
    overflow-wrap: anywhere;
}
.FSPInfoUserDetail{
	margin-bottom: 0px;
}
.FSBenvenutoLabel{
	font-size:38px;
	padding: 25 0 10;
	line-height: 35px;
}
.FSToolInfo {
	font-size:16px;
	font-weight:Bold;
	color:#4b6088;
	margin:45px 10px 5px;
	float:right;
}
.FSToolLogout {
	width:52px;
	margin:40px 1px 0px 15px;
	float:right;
}
.FSToolSocialIcon {
	width: 22px;
    margin: 18px 6px 0px 0px;
	float:right;
}

.FSMenuPagAttiva{
	color:#ffffff;
	text-decoration: Underline;
}
.FSMenuLogo {
    width: auto;
    height: 85px;
    padding: 5px;
}
.FSMenuLogoCustom {
    width: auto;
    height: 50px;
    padding: 5px;
}
.FSButtonVerify {
    border-radius: 25px;
    font-size: 15px;
    font-size: 1.07142857rem;
    line-height: 1.5;
	background: #0070ba;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    font-weight: 700;
    color: #fff;
    margin-top: 24px;
    margin-bottom: 70px;
    float:right;
    padding-bottom: 10px;
    padding-top: 12px;
    padding-left: 30px;
    padding-right: 30px;
}



.FSConfermaDocumentoFirmatoErrore{
    font-size:22px;
    font-weight:bold;
    color:#ff0000ba;
    padding-top:20px;
    text-align:center;
    line-height: 1.1;
}


.noBorder{
	border:none!important;
}

.marginTop8{
	margin-top:8px;
}

.text-danger{
	color:red;
}
.bgWhite{
	background-color:#ffffff;
}
.disabilitato {
    pointer-events:none;
    opacity:0.6;
}
.disabilitatoTutorial {
    pointer-events:none;
}
.comboSize{
	width:100%;
}


/* FOOTER - INIZIO */

.FSFooter {
    width: 100%;
    top: 100%;
    border-top: 1px solid #fff;
    background: #ffffff;
    color: #e8f0f2;
    text-shadow: 0 1px 1px #fff;
    margin-top: 20px;
}

.FSFooter-content {
    margin: 0 9%;
}

.FSFooter-list {
    margin: 0 auto;
	display: inline-block;
}

.FSFooter_secondary {
    width: 100%;
    border-top: 1px dotted #9da3a6;
    text-align: right;
}
.FSFooter-copyright {
    color: #9da3a6;
    letter-spacing: 0.05rem;
    margin-top: 1rem;
}
.FSFooter-copyright, .FSFooter-disclaimer {
    margin-top: 1rem;
    padding-left: 0.65rem;
    font-size: .6875rem;
}
.FSFooter-copyright, .FSFooter-list_secondary {
    display: inline-block;
    vertical-align: top;
}
.FSFooter-list li{
	display: inline-block;
}
.FSFooter-list_secondary {
    margin-left: 0.75rem;
    font-size: .6875rem;
}

.FSFooter-list li:first-child a {
    padding-left: 0;
}
.FSFooter-list a {
    font-size: .9375rem;
    color: #6c7378;
    text-decoration: none;
    text-transform: uppercase;
}
.FSFooter-list a, .FSFooter-list_secondary a {
    display: block;
    padding: 1rem 0.75rem 0.75rem;
    font-weight: 400;
}
.FSFooter-list_secondary li {
    display: inline-block;
    vertical-align: top;
}
.FsFooter-list_secondary a {
    font-size: .6875rem;
    padding: 1.1rem 0.75rem 0.75rem;
    color: #9da3a6;
}
.FSModalQuestionBackground {
    background-image: url("../image/FIRMASPID-Upload-KO.png");
    background-position: center 70%;
    background-repeat: no-repeat;
    background-size: 90px;
    height: 250px;
}
.FSModalQuestion{
    font-size: 22px;
    font-weight: bold;
    color: #ff0000ba;
    padding-top: 20px;
    text-align: center;
    line-height: 1.1;
}
.featurette {
  padding-top: 10px;
  padding-right: 20px;
  padding-left: 20px;
}
.attesa{
    background: gray url(../image/loading.gif) center center no-repeat;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
    opacity: .5;
    background-color: gray;
}
.button-saml {
  background-color: #006332;
  color: #fff;
}
.button-saml svg {
  fill: #fff;
}
.button-saml:hover {
  background-color: #002714;
  color: #fff;
}
.button-saml:active {
  background-color: #83edaf;
  color: #002714;
}
.italia-it-button-size-saml {
  font-size: 15px;
  width: 320px;
}
.italia-it-button-size-saml > span img {
  width: 29px;
  height: 29px;
  border: 0;
}

/* FOOTER - FINE */


		/* RIDIMENSIONAMENTO PER SMARTPHONE O RISOLUZIONE MINORI 767px - INIZIO */
		@media screen
			and (max-width: 767px) {

			.FSTopMarginContain{
				margin-top:15px;
			}
			.FSMenuPosition{
				position: relative;
			}
			.FSMenuInfoUserImgMan{
				height: 170px;
				display: none!important;
			}
			.FSMenuInfoUserImgWoman{
				height: 170px;
				display: none!important;
			}
			.FSMenuInfoUser {
			    line-height: 25px;
			    padding: 15 0 0 190;
			    font-size: 21px;
			    font-weight: bold;
			}
			.FSMenuInfoUserPoc {
			    line-height: 25px;
			    padding: 15 0 0 20;
			    font-size: 21px;
			    font-weight: bold;
			}
			.FSMenuSx {
				height:200px;
			}
            .FSMenuLogo {
                width: auto;
                height: 50px;
                padding: 5px;
            }
            .FSMenuLogoCustom {
                width: auto;
                height: 30px;
                padding: 5px;
            }
			.FSBenvenutoLabel {
			    padding: 10 0 15;
			 }

			.comboSize{
				width:95%;
			}
			.FSFooter_secondary {
		    	width: 95%;
			}
		}
		/* RIDIMENSIONAMENTO PER SMARTPHONE O RISOLUZIONE MINORI 767px - FINE */


	.contenitorecentrato{
	    height: 100%;
    display: table !important;
	}
		.oggettocentrato{
		    display: table-cell;
    vertical-align: middle;
    text-align: center;
    }



/* PRESO DAL WEB PER PAGINA INIZIALE*/

.info-federa {
    border-radius: 0 !important;
    color: white;
    /*background-color: rgba(175, 175, 175, 0.47);*/
    background-color: rgba(84, 84, 84, 0.47);
    text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
}

#image-cover {
    /*background: url(../images/cover.png) no-repeat center top #001A27;*/
    background-size: 100% auto;
    background-color: #0186a5;
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    min-height: 100vh;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.enterbutton:hover {
    text-decoration: none;
}

.enterbutton:visited {
    text-decoration: none;
}

.enterbutton h2 {
    color: white;
    text-decoration: none !important;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 0px;
}

.enterbutton p {
    color: white;
}

.enterbutton>img {
    border-width: 5px;
    border-style: solid;
    box-shadow: 0 0px 20px #666;
    opacity: 0.8;
    filter: alpha(opacity = 80);
}

.enterbutton>img:hover {
    opacity: 1;
    filter: alpha(opacity = 100);
    box-shadow: 0 0px 40px #666;
}

.darkDiv {
    background-color: rgba(111, 122, 146, 0.78);
    color: white;
}

.darkDiv a {
    color: white;
}

.darkBackground {
  background-color: rgba(111, 122, 146, 0.78);
}

.lightDiv a {
    color: #5a5a5a;
}

.image-header-section {
    width: 200px;
    height: auto;
    margin-bottom: 20px;
}

.image-header-section-federa {
    width: auto;
    height: 40px;
}

.image-section {
    width: 150px;
    height: auto;
}

#authnMethod .col {
    margin-bottom: 30px;
    text-align: center;
}

#authnMethod .col p {
    margin-right: 10px;
    margin-left: 10px;
}

#authnMethod h2 {
    font-weight: normal;
}

#authnMethod img {
    width: 100px;
    height: 100px;
}

.featurette {
    padding-bottom: 20px;
    min-height: 100vh;
}

.featurette-divider {
    margin: 40px 0;
}

.featurette-heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -1px;
    text-align: center;
    font-size: 20px;
}

.lead {
    text-align: center
}

.backToTop {
    padding-top: 50px;
    text-align: center;
}

.backToTop a {
    color: black;
}

.header-logo {
    text-align: center;
    padding: 0;
}

.header-logo img {
    width: auto;
    height: 40px;
}

.main {
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    padding: 20px 0 20px 0;
}

#header-text {
    color: #F36D2A;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    font-size: 30px;
}

.main h1 {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 10px;
}

.row {
    margin: 20px 0 0 0;
}

.footer {
    margin-top: 20px
}

#image-footer {
    height: 50px;
}

.btn-stretch {
    width: 280px;
}

.spid-idp-button .spid-idp-button-menu li {
    text-align: left !important;
}

.spid-idp-button .spid-idp-button-menu li>a img {
    height: 45px !important;
}

.col-spid {
    margin-top: 0px;
}

.col-smartcard {
    margin-top: 0px;
}

.error-page a {
    color: white;
    text-decoration: underline;
}

.lepida-button {
    color: white !important;
    font-size: 15px !important;
}

.federa-button {
    color: white !important;
    /*background-color: #F36D2A !important;*/
    background-color: #0D479F !important;
}

.federa-button:hover {
    color: white !important;
    /*background-color: #EF4107 !important;*/
    background-color: #4E8FF1 !important;
}

.smartcard-button {
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}

.smartcard-button:hover {
    background-color: #286090 !important;
    border-color: #204d74 !important;
}

.lepida-button-text {
    padding: 1.4em 1em 1em 1em !important;
    font-size: 1.0em !important;
}

.button-firma-cia{
        margin-left:30px!important;
}

.button-cie {
    background-color:#1068C9;
    text-align: center;
}


@media ( min-width : 768px) {

    #authnMethod img {
        width: 170px;
        height: 170px;
    }

    #image-cover {
        padding-bottom: 100px;
    }

    .error-page {
        min-height: 800px;
    }

    .featurette-heading {
        font-size: 50px;
        text-align: left
    }

    .lead {
        text-align: left
    }

    .row {
        margin: 60px 0 60px 0;
    }

    #header-text {
        font-size: 36px;
    }

    .main {
        padding: 20px 0 20px 0;
    }

    .main p {
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 1.4;
    }

    .main h1 {
        font-size: 36px;
        margin-bottom: 10px;
    }

    .header-logo {
        padding: 10px 0 10px 0;
    }

    .header-logo img {
        height: 80px;
    }

    .image-header-section {
        width: 300px;
    }

    .image-header-section-federa {
        width: 300px;
        height: auto;
    }

    .image-section {
        width: 200px;
    }

    .enterbutton h2 {
        font-size: 30px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    #authnMethod .col {
        margin-bottom: 50px;
    }

    .col-spid {
        margin-top: 120px;
    }

    .col-smartcard {
        margin-top: 60px;
    }
}

@media ( min-width : 992px) {
    .featurette-heading {
        margin-top: 120px;
    }

    #authnMethod .col.col-lg-4 {
        width: 33.33333333%;
        float: left;
    }

}

/* RIDIMENSIONAMENTO PER SMARTPHONE O RISOLUZIONE MINORI 767px - INIZIO */
@media screen
	and (max-width: 767px) {

    .FSButtonVerify {
        border-radius: 25px;
        font-size: 14px;
        line-height: 1.5;
        background: #0070ba;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        font-weight: 700;
        color: #fff;
        margin-top: 24px;
        margin-bottom: 70px;
        float: right;
        padding-bottom: 8px;
        padding-top: 8px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .FSElencoDetail {
        font-size: 9px!Important;
    }

    .button-firma-cia{
        margin:0 0 20px!important;
    }

    .table td{
        padding:0px!important;
    }
    /* nascondo l'icona per l'ordinamento che rende illeggibili le intestazioni sul cellulare */
    table.table thead .sorting {
        background: none!important;
    }

    .table th {
        font-size: 10px!important;
    }
    .table th, .table td {
        padding: 2px!Important;
        line-height: 13px!important;
        text-align: left;
        vertical-align: top;
        border-top: 1px solid #dddddd;
    }
    .noPhone{
        display:none!Important;
    }

    .navbar .nav > li > a {
        padding: 9 4 4 4px!Important;
        font-size:12px!important;
    }
}
/* RIDIMENSIONAMENTO PER SMARTPHONE O RISOLUZIONE MINORI 767px - FINE */