/*@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap');
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;    
    background:transparent;
}

body {
    line-height:1;
   
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul, ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    vertical-align:baseline;
    background:transparent;

    text-decoration:none;
    color:inherit;

}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

.hidden{
    visibility: hidden;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

#ArchivioLayoutBody ol {
list-style-type: decimal !important;
}
/*FINE Foglio di reset */


/* FONT AWESOME */

/*
importa quelle nuove come su cyp
@font-face {
    font-family: 'FontAwesome';
    src: url('/css/fonts/fontawesome-webfont.woff2') format('woff2'),
         url('/css/fonts/fontawesome-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}*/

/* Font Awesome Free 5.0.6 */
/*
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("/css/fonts/fontawesom5/fa-brands-400.eot");
  src: url("/css/fonts/fontawesom5/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/css/fonts/fontawesom5/fa-brands-400.woff2") format("woff2"), url("/css/fonts/fontawesom5/fa-brands-400.woff") format("woff"), url("/css/fonts/fontawesom5/fa-brands-400.ttf") format("truetype"), url("/css/fonts/fontawesom5/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands'; }
  */
/* Font Awesome Free 5.0.6 */
/*
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    src: url("/css/fonts/fontawesom5/fa-solid-900.eot");
    src: url("/css/fonts/fontawesom5/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/css/fonts/fontawesom5/fa-solid-900.woff2") format("woff2"), url("/css/fonts/fontawesom5/fa-solid-900.woff") format("woff"), url("/css/fonts/fontawesom5/fa-solid-900.ttf") format("truetype"), url("/css/fonts/fontawesom5/fa-solid-900.svg#fontawesome") format("svg");
}
.fa,
.fas {
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
}
*/

/* FONT AWESOME */
@font-face {
  font-family: 'Font Awesome 5';
  font-style: normal;
  font-weight: 900;
  src:	url("/css/fonts/fontawesom5/fa-solid-900.eot");
  src:	url("/css/fonts/fontawesom5/fa-solid-900.eot?#iefix") format("embedded-opentype"),
		url("/css/fonts/fontawesom5/fa-solid-900.woff2") format("woff2"),
		url("/css/fonts/fontawesom5/fa-solid-900.woff") format("woff"); 
}

.fa,
.fas
{
	font-family: 'Font Awesome 5';
	font-weight: 900; 
	font-style: normal;
}



@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("/css/fonts/fontawesom5/fa-regular-400.eot");
  src: url("/css/fonts/fontawesom5/fa-regular-400.eot?#iefix") format("embedded-opentype"),
		url("/css/fonts/fontawesom5/fa-regular-400.woff2") format("woff2"),
		url("/css/fonts/fontawesom5/fa-regular-400.woff") format("woff");
}

.far {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	font-style: normal;
}


@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: lighter;
  font-display: auto;
  src: url("/css/fonts/fontawesom5/fa-light-300.eot");
  src: url("/css/fonts/fontawesom5/fa-light-300.eot?#iefix") format("embedded-opentype"),
		url("/css/fonts/fontawesom5/fa-light-300.woff2") format("woff2"),
		url("/css/fonts/fontawesom5/fa-light-300.woff") format("woff");
}
.fal {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
	font-style: normal;
}

.fab {
  font-family: 'Font Awesome 5 Brands'; }


		
	.fa-eye:before {
        content: "\f06e";
    }
	.fa-eye-slash:before {
        content: "\f070";
    }
  
    .fa-file-alt:before {
        content: "\f15c"; 
    }

	.fa-id-card:before{
		content: "\f2c2";
	}

	.fa-credit-card-front:before {
		content: "\f38a";

	}

	.fa-ticket-alt:before {
		content: "\f3ff";
	}

    .fa-user-shield::before{
        content:"\f505"
    }
    .fa-user-circle::before{
        content:"\f2bd"
    }

	.fa-home:before {
		content: "\f015";
	}

	.fa-bars:before {
		content: "\f0c9";
	}


	.fa-qrcode:before {
		content: "\f029";
	}

	.fa-digital-tachograph:before  {
		content: "\f566";
	}


    .fa-search:before  {
		content: "\f002";
	}


    /*nscondo le icone dei link sociali perche uso i font*/
    .onlyIE{
        display:none;
    }

    
    .fa-exclamation-triangle:before{
		content:"\f071";
	}
/* FINE FONT AWESOME */



@keyframes blinkerNews{
    /* 0%{     color: transparent;    }
	70%{    color:transparent;  }
    100%{   color: #008d44;    } */
    0%{     color: #008d44;    }
	70%{    color:#008d44;  }
    100%{   color:transparent;    }

}
/* @keyframes blinkerRedAlert{
    0%{     color: #1b80cded;    }
	70%{    color:#1b80cd;  }
    100%{   color:transparent;    }
} */
@keyframes blinkerRedAlert{
    0%{     color: red;    }
	70%{    color:red;  }
    100%{   color:transparent;    }
}


#GP_CASA {display:initial;
    font-size: 16px;
    color: #616360;
}

/*Frecce*/
 .freccia{
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.freccia.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.freccia.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.freccia.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.freccia.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}






body {
    font-size: 18px;
    /* font-family: Montserrat,Arial,SansSerif; */
    font-family: 'Open Sans',Arial,sans-serif;
    display: block;
    color: black;
    overflow-x: hidden;
}



/*ADMIN */
.rubPanelInner1 {
    padding:0;
    left:-180px;
    top:-20px;
    
}
.ingranaggio {
    /*margin-top: 10px;*/
}

#SALVA_JsonInfoEvento {
    margin: 10px 0px 0 240px;
    width: 140px;
    background-color: #4297d7;
    color: white;
    padding: 7px 10px;
    border-radius: 4px;
    cursor: pointer;
}

.adminDida {
    display: block;
    margin: 0px 0px 0 240px;
    width: 240px;
    background-color: #eaf5fe;
    color: #2E6E9E;
    padding: 7px 10px;
}









/*IMPOSTAZIONI COMUNI*/
/* Le dimensioni dei div sono padding inclusi */
div,
label,
button,
input, textarea {
    box-sizing:border-box;
}
div:focus,
label:focus,
button:focus,
input:focus, textarea:focus, select:focus {
    box-sizing:border-box;
	outline:none;
}

input:focus, textarea:focus, select:focus{
	outline-width:1px;
	outline:auto;
	outline-color:#008c45;
}
button{
	cursor:pointer;
}

.empty {
    display:none;
}

p {
    font-size: 16px;
    line-height: 25px;
}

a:hover  {
    text-decoration:none;
}

hr {
    border-top: 1px solid #f2f2f2;
}

.row {
    padding:10px;
}

.row-content {
    position:relative;
    width:100%;
    max-width:1280px;
    margin:0 auto;
    font-size:0px;
}

.row-cell {
    font-size:15px;
    /*float:left;*/ /*non mettere altrimenti si sfasano i box*/
    display:inline-block;
    vertical-align:top;
    margin:10px 0;
    padding:0 10px;
    position:relative;
	width:100%;
}




#bkgWall, #mobileProgressIndicatorBackground{
    display: none;
    opacity: 0.2;
    background-color: rgb(0, 0, 0);
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
	z-index:40;
}
#bkgWall.transparent, #mobileProgressIndicatorBackground.transparent {
	background-color: transparent;
}

#progressIndicator, #mobileProgressIndicator{
    width: 100px;
    width: 100px;
    position: fixed;
    top: calc(50vh - (100px / 2));
    left: calc(50vw - (100px / 2));
    z-index: 99; /*41*/
}


#mobileProgressIndicatorBackground{
    z-index: 99;
}
#mobileProgressIndicator{
    z-index: 100;
}

h1, .box-title{
    text-transform: uppercase;
    font-size: 25px;
	font-weight: 700;
    padding: 20px 0;
}



.sectionTitle{
	padding: 5px;
	font-size: 16px;
	border-bottom: 1px solid black;
	margin: 25px 0 15px 0;
	color: black;
	font-weight: bolder;
	text-transform: uppercase;
}
.sectionTitle.mini {
    font-size: 14px;
    margin-bottom: 0;
    text-transform: none;
    text-transform: uppercase;
    line-height: 17px;
}
.sectionTitle.mini.short {
	width: 50%;
}

.sel{
    color: #1b80cd;
}
.sel select{ 
    color: #1b80cd;
}


.boxCf {
    padding: 10px 0;
    line-height: 20px;
}

.boxCf label{
    vertical-align: bottom!important;
	width:unset!important;
}
.boxCf input{
    border-bottom: 1px solid black;
    width: 250px;
    font-size: 18px;
    padding: 5px;
    margin-left: 20px;
    text-transform: uppercase;
}
.boxCf input[readonly]{
    background-color: #ccc;
    color: white;
    cursor: default;
}
.boxCf p{
	font-size: 13px;
	line-height: 18px;
	margin-top: 15px;
	font-weight: lighter;
	padding:0;
}

input[type="checkbox"][readonly] {
    pointer-events: none;
}

/* **** Sito *** */






/* TOP  */
#rowTop{
	/* background-color:#252525;
	color:white;
	padding:0; */
    background-color: white;
    color: #252525;
    padding: 0;
    /* border-bottom: 1px solid #252525; */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);    
}

#rowTop .row-cell.logo{
	width:100px;
	z-index: 5;
}
#rowTop .row-cell.central{
	width: calc(100% - 100px - 250px);
}
#rowTop .row-cell.login{
    width: 250px;
    text-align: right;	
	/*line-height: 50px;*/
}


#rowTop .row-cell.logo img{
	width:100%;
}

#rowTop .row-cell.login a{
    background-color: darkslategray;
    padding: 10px 15px;
    text-transform: uppercase;

}

#rowTop .row-cell.login #lnkAccedi{
    margin-top: 10px;
    display: inline-block;
    margin-right: 10px;
}


#rowTop .forHelp{
	float: right;
	font-size:13px;
}

#rowTop .forHelp a{
	font-weight:bold
}



#rowTop .row-cell.login  #customUserPanel{
    position: absolute;
    /*width: 200px;*/
	right: 10px;
	/*top: -20px;*/
}
#rowTop .row-cell.login  #customUserPanel a{

}
#rowTop .row-cell.login  #customUserPanel .nome{
    margin-right: 10px;
    font-size: 13px;
    background-color: transparent;
    text-transform: inherit;
    text-decoration: underline;
    cursor: pointer;
    padding: inherit;    
}





/* HOME PUBBLICA */
#publicHome{

}


/*#publicHome #topRow{
	padding:0;
}

#publicHome #topRow .row-cell{
	width:50%;
	text-align: center;
}


#publicHome #topRow h1{
    text-align: center;
    margin-top: 90px;
    font-size: 31px;
}

#publicHome #topRow button {
    margin-top: 20px;
}

#publicHome .topImg{
    position: relative;
}

#publicHome .topImg img{
    width: 100%;
}
#publicHome .topImg .overFilter{

}*/


#publicHome #topRow{
	padding:0;

	position: absolute;
    left: 0;
    right: 0;
    top: 0;

}
#publicHome #topRow .row-content{
	max-width:unset;
}

#publicHome #topRow .row-cell{
	text-align: center;
    padding: 0;
    margin: 0;
}
#publicHome .topImg{
    background-image: url(/img/homeCtpi.png);
    width: 100%;
    height: 30vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    color: white;
	max-height: 550px;
}
#publicHome #topRow h1{
    text-align: center;
    padding-top: 7vw;
    font-size: 2vw;
	/*text-shadow: 1px 2px 2px black;*/
	text-shadow: 1px 2px 2px rgba(0,0,0,.2);
}

#publicHome #topRow a {
    margin-top: 20px;
	display: inline-block;
	font-size: 30px;
}




/* box bottoncioni */

#publicHome #homeButtons{
	margin-top: 25vw;
}

#publicHome #homeButtons .titolo{
	font-size: 31px;
	text-align: center;
	padding: 50px 0;

}
#publicHome #homeButtons .titolo span{
    background: -webkit-linear-gradient(45deg, #1b80cd, #008d44 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#publicHome #homeButtons .row-cell {
    width: 33.3333333333%;
}
#publicHome #homeButtons .box{
    padding: 10px;
    text-align: center;
    /*height: 30vw;*/
    /*box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);*/
    border-radius: 4px;
	/*height: 33.333333vw;*/
	/*height: 100%;*/
}

#publicHome #homeButtons .row-cell.col1 {
    width: 100%;
}

#publicHome #homeButtons .row-cell.col1 .box {
	width: 33.3333333333%;
	margin: auto;
}





#publicHome #homeButtons .box .boxLink {
	width:100%

}

#publicHome #homeButtons .box .bkg{
	min-height: 125px;
}
#publicHome #homeButtons .box .bkg i {
	font-size: 8vw;
	color: rgb(27, 128, 205, 0.8);
	background: -webkit-linear-gradient(45deg, #1b80cd, #008d44 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#publicHome #homeButtons .box .bkg.small i {
	font-size:4vw;
}

#publicHome #homeButtons .box .boxTitolo{
    font-size: 25px;
	padding: 30px 0 20px;
	min-height: 100px;
}
#publicHome #homeButtons .box .boxButton{
}
#publicHome #homeButtons .box .buy{
background-color: #008c45;
    border: 2px solid #008c45;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    text-transform: uppercase;
}


#publicHome #homeButtons .box .boxDesc{
    font-size: 18px;
    line-height: 22px;
	color: dimgray;
	padding-top: 25px;
}
#publicHome #homeButtons .box .boxNote {
	margin-top: 5px;
    line-height: 19px;
    font-weight: 500;
    color: black;
}

#publicHome #homeButtons .row-cell hr {
	display: none;
}











/*INIZIO FORM GENERICI */
.genericForm .titolo {
    margin:10px 0 10px;
    font-size:20px;
    text-transform:uppercase;
    color:#44557C;
    padding:5px;
}
    .genericForm p {
        font-size:16px;
		padding: 0px 0 20px;
    }

    .genericForm .formCont.forOpt .DformLabel {
        display:initial;
    }

    .genericForm .DformLabel,
    .genericForm .DformLabelIgnoreForm {
		width: 100%;
		/* background-color: red; */
		display: inline-block;
		vertical-align: bottom;
    }
	.genericForm [data-obl='1']:after {
		content: "*";
		color: red;
	}


    .genericForm .formCont{
		position:relative;
        margin-top: 30px;
    }

    .genericForm .DformValue,
    .genericForm  textarea.DformValue {
		font-size: 18px;
		padding: 10px;
		border: 1px solid #ccc;
		margin-top: 5px;
		border-radius: 4px;
		width: 90%;	
    }

	.genericForm .DformValue[readonly] {
		background-color: #ccc;
		color: white;	
        	cursor: default;	
	}
    

	.genericForm .DformValue[type='checkbox']{
		width:unset;
		margin-top:7px;
	}

    /*option button*/
    .genericForm .formCont.forOpt {
        margin-top:10px;
        padding-top:10px;
    }

        .genericForm .formCont.forOpt .DformLabel {
            padding:0;
        }
        .genericForm .formCont.forOpt ul {
            list-style: none;
            margin-top: 10px;
            border: 1px solid rgba(4,154,73,0.5);
            font-size: 0;
        }
        .genericForm .formCont.forOpt li {
            font-size: 16px;
            line-height: 25px;
            display: inline-block;
            width: 49%;
            margin:0;
        }
        .genericForm .formCont.forOpt input {
            width:initial;
            margin:10px;
        }
        .genericForm .formCont.forOpt span {
            /*color:darkgray;*/
            color:#5D5D5D;
        }



    /*Note*/
    .genericForm .note{
		font-size: 13px;
		line-height: 20px;
		margin-top: 15px;
		font-weight: lighter;
    }

	.genericForm .note a{
		text-decoration:underline;
	}

    .genericForm select {
        background-color: white;
    }

    /*Checkbox privacy*/
    .genericForm .formCont.forChk input {
        width:auto;
    }




    .genericForm .formCont.forData {
        
    }
    .genericForm .formCont.forData label{
        display: block;
    }
    .genericForm .formCont.forData select{
            width: 30%;
    }


    /*Bottone*/
    .genericForm .formCont.forBtn {
        text-align:center;
    }
        .genericForm .formCont.forBtn a {
            font-size:18px;
            background-color:#005696;
            color:white;
            padding:15px 30px;
            line-height:70px;
            cursor:pointer;
            border-radius:4px;
        }





    .genericForm .infoPrivacy {
		color: black;
		margin-bottom: 25px;
		margin-top: 5px;
		display: inline-block;
		width: 90%;
		vertical-align: top;
		font-size:15px;
		line-height:20px;
    }
    .genericForm .infoPrivacy  a{
		text-decoration: underline;
		font-weight: bold;
    }

    .genericForm .infoExt{
	    display: block;
		font-size:15px;
		line-height:20px;
    }



.genericForm .ui-helper-hidden-accessible{
display:none;
}
.genericForm .ui-autocomplete{
    height:170px;
    overflow-x: auto;
	background-color: white;
	z-index: 2;
    position: absolute;
    border-radius: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}
.genericForm .ui-autocomplete a {
	display:block;
	padding:10px;
	cursor:pointer;
    font-weight: bold;
    color: #008c45;
	border-radius:0;
}
.genericForm .ui-autocomplete a.ui-state-focus {
	color:white;
	background-color:#008c45;
	display:block;
}

.ui-state-active {
    background-color: red;
    font-weight: bold;
}




.FormRisp {
    text-align:center;
}



/*risultato pagamento */

.pagamentoOK{
    text-align: center;
    padding: 50px 0;
    /*color: #008c44;*/
	line-height: 25px;
}
.pagamentoKO{
    text-align: center;
    padding: 50px 0;
    color: red;
	line-height: 25px;
}




/*FINE FORM GENERICI */




/* BOTTONI BOTTONI BASE */
.goButton{
	background-color: #008c45;
	border:2px solid #008c45;
    padding: 10px 15px;
    text-transform: uppercase;
    color: white;
	letter-spacing: 1px;
	font-family: arial;
	font-size: 15px;
	font-weight:normal;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    border-radius: 4px;
    margin-left: 5px;
}
.goButton.mini{
	background-color: #008d44;
    color: white;
    padding: 2px 10px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    border-radius: 4px;
}
.goButton.secondary {
	background-color: white;
	color:#008c45;
	
}
.goButton:disabled{
	background-color: gray;
}

.miniLink{
    background-color: transparent;
    color: #008c45;
    /* font-family: Montserrat,Arial,SansSerif; */
    font-family: 'Open Sans',Arial,sans-serif;
	font-size: 13px;
    text-decoration: underline;
	margin-left: 15px;
    cursor: pointer;
}


/*  POPUP GENERICHE */
.genericPopUpContainer{
	display:none;
	background-color: white;
    width: 450px;
    overflow: hidden;
    z-index: 50;
    margin: auto;
    position: fixed;
    top: 50px;
    right: 0;
    left: 0;
    text-align: left;
    /* transition: all 0.3s; */
    box-shadow: 0 4px 10px rgba(0,0,0,.33);
    border-radius: 5px;
    font-size: 15px;
}

.genericPopUp .titolo{
	background-color: #005c85;
    color: white;
    padding: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.genericPopUp p{
	padding:15px 15px 0;
    font-size: 13px;
    line-height: 18px;
}
.genericPopUp .content{
	padding:15px 15px 0;
    font-size: 18px;
    line-height: 18px;
}

.genericPopUp .formCont{
	padding: 0 10px;
}
.genericPopUp .formCont .DformValue{
	width:100%;
}
.genericPopUp .note{
	margin-top:0;
}
/*FINE POP UP GENERICHE*/





/* POPUP GENERICA PUNTI DI RITIRO */
#puntoRitiroSelector select{
    font-size: 18px;
    line-height: 25px;
    padding: 10px;
    border: 1px solid #ccc;
    margin-top: 5px;
    border-radius: 4px;
    margin-bottom: 15px;
    margin-left: 5px;
    width: 90%;
}

#puntoRitiroSelector .buttons{
    margin: 20px 0;
}
/* FINE POPUP GENERICA PUNTI DI RITIRO */







/* FORM REGISTRAZIONE  */
#rowRegistrazione{
	position:relative;
}

#rowRegistrazione .row-cell{
	width:50%;
	padding:0 40px;
}


#rowRegistrazione #firstTimeAlert{
	display:none;
}

#rowRegistrazione #formReg [data-command="passwordEye"]{
	position: absolute;
    top: 30px;
    right: 11%;
    font-size: 20px;
    background-color: transparent;
    color: rgba(0,0,0,0.651);
	width: 35px;
}
#rowRegistrazione #formLogin [data-command="passwordEye"]{
	position: absolute;
    top: 30px;
    right: 11%;
    font-size: 20px;
    background-color: transparent;
    color: rgba(0,0,0,0.651);
	width: 35px;
}

#rowRegistrazione button {
    float: right;

}

#rowRegistrazione #lnkPasswordPersaEcom {
    float: left;
    margin-top: 20px;
    color: black;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
	color:#008c45;
}
#rowRegistrazione #pwdPersaPanelEcom{
	display:none;
}



#rowRegistrazione .passwordPersa .TitoloLogin{
    margin: 80px 0px 00px;
    font-size: 20px;
    color: black;
    text-align: left;
    text-transform: uppercase;
    /* border-top: 1px solid #dadada; */
    border-bottom: none;
	background-color: white;
}


#rowRegistrazione .passwordPersa .TestoLogin p {
    color: black;
    background-color: white;
    font-weight: lighter;
    font-size: 12px !important;
    line-height: 15px;
    border-radius: 4px;
    padding: 10px 10px;
}


#rowRegistrazione .passwordPersa #email_Pwd_login{
	border-color:black;
	width:100%;
}


#rowRegistrazione .passwordPersa #btnRipristinaPwd{
	margin-top:20px;
}

/*Box di verifica mail*/
#rowRegistrazione #MailVerificationCodeBox{
	display:none;
    background-color: white;
    width: 450px;
    overflow: hidden;
    z-index: 5;
    margin: auto;
    position: absolute;
        bottom: 130px;
    right: 0;
    left: 0;
    text-align: left;
    /* transition: all 0.3s; */
    box-shadow: 0 4px 10px rgba(0,0,0,0.33);
    border-radius: 5px;
	font-size: 15px;
}

#rowRegistrazione #MailVerificationCodeBox .t {
    color: white;
    font-weight: bold;
        background-color: #252525;
    padding: 15px;
}
#rowRegistrazione #MailVerificationCodeBox .t2 {
padding: 15px;
    padding-bottom: 5px;
    font-weight: bold;
}
#rowRegistrazione #MailVerificationCodeBox p {
	padding: 15px;
    line-height: 24px;
}

#rowRegistrazione #MailVerificationCodeBox .spam{
	display: block;
    font-size: 11px;
    line-height: 15px;
    font-weight: 600;
    margin-top: 5px;
}


#rowRegistrazione #MailVerificationCodeBox .linkButton{
    display: inline-block;
    color: #008c45;
    text-decoration: underline;
    background-color: white;
    font-size: 15px;
    float: unset;
    margin: 0;
    padding: 0;
    letter-spacing: unset;
    text-transform: lowercase;
}

#rowRegistrazione #MailVerificationCodeBox input {
	border: 1px solid #008c45;
    margin: 0 0 0 15px;
    font-size: 15px;
	text-transform:uppercase;
    padding: 5px;
    color: #008c45;
    font-weight: bold;
}
#rowRegistrazione #MailVerificationCodeBox .continua {
	margin: 0;
    display: inline;
    float: unset;
    padding: 5px 10px;
    font-size: 14px;
    margin-left: 15px;
    letter-spacing: 1.2px;	
	border-radius: 4px;
    background: #008c45;
    color: white;
}

#rowRegistrazione #MailVerificationCodeBox .altro {
	margin-left: 15px;
	margin-bottom: 15px;
}

/*fine di verifica mail*/

/* FINE FORM REGISTRAZIONE  */










/* FORM CALCOLO COD FISC */
[data-calcCfContainer]{
	display: none;
    background-color: white;
    width: 450px;
    overflow: hidden;
    z-index: 50;
    margin: auto;
    position: fixed;
    top: 50px;
    right: 0;
    left: 0;
    text-align: left;
    /* transition: all 0.3s; */
    box-shadow: 0 4px 10px rgba(0,0,0,.33);
    border-radius: 5px;
    font-size: 15px;
}

#frmCalcoloCfWidzard{

}

#frmCalcoloCfWidzard .t{
	background-color: #005c85;
	color:white;
	padding:10px;
    font-weight: bold;
    text-transform: uppercase;
}



#frmCalcoloCfWidzard.genericForm .formCont{
	padding:0 10px;
}
#frmCalcoloCfWidzard.genericForm input,
#frmCalcoloCfWidzard.genericForm #comboGenere{
	width:100%;
}


/* PHOTO BOOTH */
[data-photoBoothContainer] {
    display: none;
    background-color: white;
    overflow: hidden;
    z-index: 50;
    margin: auto;
    position: fixed;
    top: 50px;
    right: 0;
    left: 0;
    text-align: left;
    /* transition: all 0.3s; */
    box-shadow: 0 4px 10px rgba(0,0,0,.33);
    border-radius: 5px;
    font-size: 15px;
}

[data-photoBoothContainer] .t{
    background-color: #005c85;
    color: white;
    padding: 10px;
    font-weight: bold;
    text-transform: uppercase;	
	cursor: move;
}

[data-photoBoothContainer] .subt {
	color: white;
	background-color: #008d44;
	padding: 0px 10px 5px;
	font-size: 13px;
}


[data-photoBoothContainer] .connection{
	padding-top: 30px;
    text-align: center;
    font-weight: bolder;

}
[data-photoBoothContainer] #photoBoothVideo,
[data-photoBoothContainer] #photoBoothPhoto,
[data-photoBoothContainer] #photoBoothCanvas{
	position:absolute;
	top:53px;
	left:0;
}

[data-photoBoothContainer] #photoBoothReset{
	margin-top:210px;
}

[data-photoBoothContainer] #boxScatta,
[data-photoBoothContainer] #boxInvia{
    padding: 10px 0;
    text-align: center;

    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
[data-photoBoothContainer] button{
    width: 120px;
}
[data-photoBoothContainer] #boxInvia {
	display:none;
}
[data-photoBoothContainer] .error{
	text-align:center;
	color:red;
}

#PopUpContainerDraggable{
    position: fixed;
    z-index: 40;
    text-align: center;
    right:unset;
    left: calc(50% - 160px);
    transition:unset;
}

#PopUpContainerDraggableheader {
    padding: 10px;
    cursor: move;
    z-index: 41;
    /*background-color: #2196F3;*/
    /*color: #fff;*/
  }



/* MENU RISERVATA */

#resStaticMenu .callTo{
    color: #008e44;
    font-weight: bold;
    font-size: 20px;
    width: 150px;
}

#resStaticMenu #menuContainer{
    background-color: white;
    width: auto;
    z-index: 50;
    position: absolute;
    left: 0;
	top: 25px;
    box-shadow: 0 4px 10px rgba(0,0,0,.33);
    border-radius: 8px;
	display:none;
}
#resStaticMenu #menuContainer .cell{
    padding: 10px;
	display: inline-block;
	vertical-align: top;

}
#resStaticMenu #menuContainer .cell{
    text-transform: uppercase;
	color: #008c45;
}
#resStaticMenu #menuContainer .cell1 .fa-home{
	font-size: 40px;
	display: block;
	margin-bottom: 5px;
	color: #008D44;
    background: -webkit-linear-gradient(60deg, #008d44 0%, rgb(5 216 106) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


#resStaticMenu #menuContainer .cell2{
    width: 180px;
    text-align: right;
}

#resStaticMenu #menuContainer .cell2 a,
#resStaticMenu #menuContainer .cell3 a{
	display: block;
    text-align: right;
    margin-bottom: 10px;
}



#resStaticMenu #menuContainer .rowMnu .area{
	font-weight: bold;
    margin-top: 15px;
    border-bottom: 1px solid;
	text-transform: uppercase;
	padding-bottom: 5px;
}

#resStaticMenu #menuContainer .rowMnu.def .cell{
	padding-right:50px;
	color: #008c45;
	text-align:center;
	width:170px;
	margin-bottom: 15px;
}

#resStaticMenu #menuContainer .rowMnu .bkg{

}

#resStaticMenu #menuContainer .rowMnu .bkg i{
    font-size: 80px;
    color: #008D44;
    background: -webkit-linear-gradient(60deg, #008d44 0%, rgb(5 216 106) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#resStaticMenu #menuContainer .rowMnu .bkg.small i {
    font-size: 40px;
}

#resStaticMenu #menuContainer .rowMnu .tit{
    margin-top: 10px;
	font-weight: 500;
}

/*riga short */

#resStaticMenu #menuContainer .rowMnu.short .cell{
    padding: 0;
    text-align: left;
    margin-bottom: 15px;
    width: 100%;
}



/*  Menu in linea */
#resStaticMenu #inlineMenu{
    width: calc(100% - 150px);
    text-align: right;
}

#resStaticMenu #inlineMenu a {
    margin: 0 10px;
    color: #008e44;
    text-decoration: underline;
    text-underline-offset: 5px;
}



/* HOME PAGINA RISERVATA */
#resHome{

}


/* trasferimento cf */
#resHome #richiesteCf{

}
#resHome #richiesteCf .row-cell{
    background-color: #f73131;
    color: white;
    padding: 10px;
    border-radius: 8px;
    line-height: 20px;
}
#resHome #richiesteCf .row-cell .data{
    font-size: 14px;
    text-decoration: underline;
    font-weight: bold;
}
#resHome #richiesteCf .row-cell .card{
    font-weight: bold;
}

#resHome #richiesteCf button{
    margin: 15px 20px 5px 0;
    background-color: white;
    border-color: white;
    color: black;
}





/* in scadenza */
#resHome #inScadenza .row-cell{
	width:100%;
	height:unset;
	min-height:unset;
	margin-bottom: 30px;
}

#resHome  .rowScadenza{
	border-bottom: 1px solid lightgray;
    padding: 5px 0;
}

#resHome  .rowScadenza .cell{
	display: inline-block;
    font-size: 18px;
    line-height: 30px;
	vertical-align:top;
}
#resHome  .rowScadenza .cell.desc{
	width: 30%;
}
#resHome  .rowScadenza .cell.tessera{
    width: 30%;
	font-size:15px;
}
#resHome  .rowScadenza .cell.tipoScadenza{
	width: 18%;
    text-align: right;
    font-size: 15px;
    font-weight: bold;
    padding-right: 10px;
}
#resHome  .rowScadenza .cell.data{
	width: 10%;
}

#resHome  .rowScadenza .cell.btn{

}
#resHome  .rowScadenza .cell.btn a{
    background-color: #008d44;
    color: white;
    padding: 2px 10px;
}



/* box bottoncioni */
#resHome #homeButtons .row-cell {
	width:33.3333333333%;
    height:21vw; /* 25vw; */
    min-height: 310px;
}
#resHome #homeButtons .row-cell.w50{
	width:50%;
}
#resHome #homeButtons .box{
    /*border: 2px solid #008c45;*/
    border-radius: 4px;
    padding: 10px;
    text-align: center;
	height: 100%;
}

#resHome #homeButtons .box .scadenze{
    position: absolute;
    background: red;
    color: white;
    padding: 5px 0px;
    width: 180px; /*Perché devo centrarlo*/
    font-weight: bold;
    border-radius: 16px;
    left: calc(50% - 90px);
    top: -10px;
    font-size: 12px;
    display: none;
}



#resHome #homeButtons .box .boxLink {
	width:100%

}

#resHome #homeButtons .box .bkg{
	min-height: 125px;
	min-height: unset;
}
#resHome #homeButtons .box .bkg i{
    font-size: 8vw;
    color: rgb(0 140 69 / 0.8);
    /* text-shadow: 0 2px 8px rgba(0, 255, 128, 0.4); */
}
#resHome #homeButtons .box .bkg.small i {
	font-size: 4vw;
}

#resHome #homeButtons .box .boxTitolo{
    font-size: 25px;
    /*line-height: 100px;*/
    color: #018c44;
	font-weight: bold;
	padding: 30px 0 30px;
}
#resHome #homeButtons .box .boxDesc{
    font-size: 18px;
    line-height: 22px;
	color: dimgray;
}
#resHome #homeButtons .box .boxNote {
margin-top: 5px;
    line-height: 19px;
    font-weight: 500;
    color: black;
}



#resHome #home2Buttons {
    text-align: center;
    margin-bottom: 100px;

}
#resHome #home2Buttons a {
}
/* FINE HOME PAGINA RISERVATA */











/* SPECIALIZZAZIONE FORM ACQUISTO TESSERA*/


#resAcquistoTessera .draftBox
{
    border: 2px solid #1a80cd;
    border-radius: 16px;
    padding: 20px;
    background: #edf7ff;
    background: -webkit-linear-gradient(0deg, #edf7ff, white);
    display: inline-block;
    /*box-shadow:  0 2px 8px 0 rgb(0,87, 141, 30%), 0 4px 4px 0 rgba(0, 87,141,0.2), 0 6px 3px -3px rgba(0,87,141,0.15);    */
    /* box-shadow:  0 2px 8px 0 rgb(26,128,205, 30%), 0 4px 4px 0 rgba(26,128,205,0.2), 0 6px 3px -3px rgba(26,128,205,0.15);     */
    line-height : 23px;
}

#resAcquistoTessera .draftBox b{
    display: block;color: #1a80cd;margin-bottom: 5px;
}

#resAcquistoTessera .draftBox .abandonedRequest{
    margin-top: 10px;
}
#resAcquistoTessera .draftBox .abandonedRequest b{
    display: unset;
}

#resAcquistoTessera #abandonedRequests [data-command='reopenAbandonedRequest']{
background: #1b81c7;color: white;padding: 5px 10px;border-radius: 3px;border: 2px solid #1b81c7;margin-left: 10px;text-transform: uppercase;
}
#resAcquistoTessera #abandonedRequests [data-command='deleteAbandonedRequest']{
background: transparent;border: 2px solid #1b81c7;color: #1B81C8;padding: 5px 10px;border-radius: 3px;margin-left: 10px;text-transform: uppercase;
}





#resAcquistoTessera #boxIntestatario,
#resAcquistoTessera #boxTutore{
	width:49%;
	display:inline-block;
	vertical-align:top;
}

#resAcquistoTessera #boxIntestatario{
	padding-right: 30px;
}
#resAcquistoTessera #boxIntestatario.alone{
	width:100%;
}

#resAcquistoTessera #boxTutore{
	padding-left:30px;
	display:none;
}


#resAcquistoTessera .boxScegli .subtit{
    padding: 5px;
    font-size: 16px;
    margin: 25px 0 15px 0;
    color: black;
    font-weight: bolder;
	
}
#resAcquistoTessera .boxScegli hr{
    border-color:#ccc;
	display:none;
}
#resAcquistoTessera .boxScegli select{
    font-size: 18px;
    padding: 10px;
    border: 1px solid #ccc;
    margin-top: 5px;
    border-radius: 4px;
}






#resAcquistoTessera #frmAcquistoTessera .formCont{
    width: 49%;
    display: inline-block;
    margin-top: 30px;
}

#resAcquistoTessera #frmAcquistoTessera .formCont.fullRow{
    width: 100%;
}
#resAcquistoTessera #frmAcquistoTessera .formCont.fullRow .DformLabel{
    width: unset;
	display: block;
}
#resAcquistoTessera #frmAcquistoTessera .formCont.fullRow .infoPrivacy{
    width: unset;
	font-weight: bold;
}





#resAcquistoTessera #frmAcquistoTessera .boxData .DformLabelData{
	display:block
}
#resAcquistoTessera #frmAcquistoTessera .boxData select{
	width:30%;
}



#resAcquistoTessera #frmAcquistoTessera .formCont.boxIndirizzo{
    width: 95%;
}
#resAcquistoTessera #frmAcquistoTessera .formCont .DformValue.dug{
	width:70px;
}
#resAcquistoTessera #frmAcquistoTessera .formCont .DformValue.toponimo{
	width: calc(100% - 75px);
}
#resAcquistoTessera #frmAcquistoTessera .formCont.boxIndirizzo .partIndirizzo{
width: calc(99% - 80px);
    display: inline-block;
}
#resAcquistoTessera #frmAcquistoTessera .formCont.boxIndirizzo .labelDug{
	display:none;
}
#resAcquistoTessera #frmAcquistoTessera .formCont.boxIndirizzo .partNum{
width: 80px;
display: inline-block;
}


#resAcquistoTessera #divFototessera {
    width: 100%;
    max-width: 150px;
    display: inline-block;
}
#resAcquistoTessera #divFototessera img {
    width: 100%;
	margin-top: 40px;
}


#resAcquistoTessera #uploadFototessera {
    display:none;
}




#resAcquistoTessera #frmAcquistoTessera .formCont.forContracts{
	margin-top:0;
}

#resAcquistoTessera #frmAcquistoTessera .contractContainer{
    /* margin-top: 20px; */
}
#resAcquistoTessera #frmAcquistoTessera .contractContainer .contract{
    display: inline-block;
    width: 50%;
    font-size: 18px;
    line-height: 30px;
	margin-top: 10px;
    vertical-align: top;
}
#resAcquistoTessera #frmAcquistoTessera .contractContainer [type='checkbox']{
	vertical-align: top;
    margin-top: 8px;
}
#resAcquistoTessera #frmAcquistoTessera .contractContainer .desc{
    margin-left: 10px;
    display: inline-block;
    /* color: #008c45; */
    width: 60%;
}
#resAcquistoTessera #frmAcquistoTessera .contractContainer .price{
	/*margin-left: 15px;*/ 
    display: inline-block;
    width: 20%;
    /* font-weight: bold; */
    /* color: #008c45; */
    text-align: right;
}

#resAcquistoTessera #frmAcquistoTessera .contractContainer .period{
    display: none;
    font-size: 13px;
    line-height: 13px;
    font-weight: bold;
    padding-left: 30px;
	color: #1b80cd;
}

#resAcquistoTessera #frmAcquistoTessera .totalone{
    text-align: center;
    color: #1b80cd;
    text-transform: uppercase;

}










/* ELENCO TESERE RICHIESTE IN AREA RISERVATA UTENTE */
#resElencoTessereRichieste .row-cell.tessera{
	width: 33.33333333333%;
	line-height: 25px;
}
#resElencoTessereRichieste .row-cell.tessera  .box{
    /*border: 1px solid #008c45;
    border-radius: 4px;
    padding: 10px;*/

    /* border: 1px solid #008c45; */
    border-radius: 4px;
    padding: 10px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    background-color: #f5fbff;

}
#resElencoTessereRichieste .row-cell.tessera .NumeroStato{

}
#resElencoTessereRichieste .row-cell.tessera .num{
    font-weight: bold;
}
#resElencoTessereRichieste .row-cell.tessera .stato{
	float: right;
	color: #008c45;
}
#resElencoTessereRichieste .row-cell.tessera .s3 .stato{
	float: right;
	color: red;
	font-weight:bold;
}

#resElencoTessereRichieste .row-cell.tessera .retry{
	position: absolute;
    right: 21px;
    top: 40px;
    font-size: 15px;
    background-color: red;
    padding: 5px 10px;
	display:none;
}
#resElencoTessereRichieste .row-cell.tessera .s3 .retry,
#resElencoTessereRichieste .row-cell.tessera .s2 .retry{
	/*position: absolute;
    right: 21px;
    top: 40px;
    font-size: 15px;*/


	/* display:initial; */
    display:inline-block;
}


#resElencoTessereRichieste .row-cell.tessera .nome{
font-weight: bold;
}
#resElencoTessereRichieste .row-cell.tessera .data{

}
#resElencoTessereRichieste .row-cell.tessera .noteLabel{
    margin-top: 10px;
}
#resElencoTessereRichieste .row-cell.tessera .note{
font-weight: lighter;
}
#resElencoTessereRichieste .row-cell.tessera .modifica{
	/* visibility: hidden; */
    /* display:none; */
    display: inline-block;
    font-size: 13px;
    padding: 5px 10px;    
}
#resElencoTessereRichieste .row-cell.tessera .s5 .modifica{
	/* visibility: hidden; */
    display:inline-block;
}

#resElencoTessereRichieste .row-cell.tessera .action{
	text-align:right;
}

/* tessera stampata */
#resElencoTessereRichieste .row-cell.tessera .box.s4{
	color: #008c45;
    background-color: #dff7eb;
}


/*tessera rifiutata*/
#resElencoTessereRichieste .row-cell.tessera .box.s5,
#resElencoTessereRichieste .row-cell.tessera .box.s7{
	border-color:red;
	color:red;
	background-color:#ffeded;
}
#resElencoTessereRichieste .row-cell.tessera .box.s5 .stato,
#resElencoTessereRichieste .row-cell.tessera .box.s7 .stato{
	color:red;
}
#resElencoTessereRichieste .row-cell.tessera .box.s5 .goButton{
    visibility: visible;
    background-color: red;
	border-color:red;
    padding: 5px 10px;
    font-size: 13px;
}

/*richiesta annullata e stornata*/
#resElencoTessereRichieste .row-cell.tessera .box.s7{
    color: gray;
    background-color: #d3d3d31f;
}
#resElencoTessereRichieste .row-cell.tessera .box.s7 .stato{
	color:darkslategray;
}





/* FORM MODIFICA ANAGRAFICA */
#resModificaAnagraficaTessera #frmModificaAnagraficaTessera .formCont {
    width: 49%;
    display: inline-block;
    margin-top: 30px;
}
#resModificaAnagraficaTessera #frmModificaAnagraficaTessera .formCont.fullRow{
    width: 100%;
}
#resModificaAnagraficaTessera #frmModificaAnagraficaTessera .formCont.boxIndirizzo {
    width: 95%;
}
#resModificaAnagraficaTessera #frmModificaAnagraficaTessera .formCont.boxIndirizzo .partIndirizzo {
    width: calc(99% - 80px);
    display: inline-block;
}
#resModificaAnagraficaTessera #frmModificaAnagraficaTessera .formCont .DformValue.dug {
    width: 70px;
}
#resModificaAnagraficaTessera #frmModificaAnagraficaTessera .formCont .DformValue.toponimo {
    width: calc(100% - 75px);
}
#resModificaAnagraficaTessera #frmModificaAnagraficaTessera .formCont.boxIndirizzo .labelDug {
    display: none;
}
#resModificaAnagraficaTessera #frmModificaAnagraficaTessera .formCont.boxIndirizzo .partNum {
    width: 80px;
    display: inline-block;
}

/* FORM RINNOVI */
#resRinnovi .boxScegli .subtit{
    padding: 5px;
    font-size: 16px;
    margin: 25px 0 15px 0;
    color: black;
    font-weight: bolder;
	
}
#resRinnovi .boxScegli hr{
    border-color:#ccc;
	display:none;
}
#resRinnovi .boxScegli select{
    font-size: 18px;
    padding: 10px;
    border: 1px solid #ccc;
    margin-top: 5px;
    border-radius: 4px;
}

#resRinnovi #cards{
    font-size: 0;
	margin-top: 20px;
}

#resRinnovi #cards .cardContainer{
	display: inline-block;
    width: 25%;
    font-size: 0;
	padding: 10px 10px 0 0;
}

#resRinnovi #cards .card{
    border: 1px solid gray;
    padding: 10px;
    border-radius: 4px;
	cursor:pointer;
}
#resRinnovi #cards .card:hover{
	border-color:#008c45;
	border-width:1px;
	box-shadow: 0 1px 3px 0 rgba(0, 140, 69, .2), 0 1px 1px 0 rgba(0, 140, 69, .14), 0 2px 1px -1px rgba(0, 140, 69, .12);
}
#resRinnovi #cards .card.selected{
    border: 2px solid rgb(27, 128, 205);
    background-color: #1b80cd;
    color: white;    
}

#resRinnovi #cards .card .inbl{
    display: none;
}
#resRinnovi #cards .card[data-blacklisted='true']{
    background-color: #b3adad;
    color: white;
    
}

#resRinnovi #cards .card[data-blacklisted='true'] .inbl{
    display: inline;
    color: red!important;
    font-size: 12px;
    text-transform: none;
}


#resRinnovi #cards .card .left{
    display: inline-block;
    width: 100px;
}
#resRinnovi #cards .card .left img{
	width: 100%;
}

#resRinnovi #cards .card .right{
    display: inline-block;
    /* width: calc(100% - 100px); */
    text-align: right;
    vertical-align: top;
	font-size: 16px;
}
#resRinnovi #cards .card .number{
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 12px;
}

#resRinnovi #cards .name{
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: uppercase;
}

#resRinnovi #cards .card .expiry{
    font-size: 14px;
    margin-top: 12px;
}

#resRinnovi #cards .card .expiry{
    font-size: 14px;
    margin-top: 12px;
}

#resRinnovi #cards .card .expiry a{
    display:none
}

#resRinnovi #cards .expiring  .card .expiry{
    color:red;
    font-weight:bold;
}

#resRinnovi #cards .expiring .card .expiry a{
    display: inline;
    text-decoration: underline;
}

#resRinnovi #cards .expired .card{
    border: 1px solid red;
    background-color: rgb(248 8 8 / 5%);
}
#resRinnovi #cards .expired .card .expiry{
    color:red;
    font-weight:bold;
}
#resRinnovi #cards .expired .card .expiry a{
    display: inline;
    text-decoration: underline;
}



/* POPUP SELEZIONA 730   */
#info730SelectorContainer{
    width: 600px;
    /* height: 315px; */
    /*top:unset;
    bottom: 350px; */
    top:25vh;
}
#info730Selector .content{
    font-size: 15px;
    overflow-y: scroll;
    max-height: 80vh;    
}
#info730Selector .intro{
    line-height: 23px;
    padding: 0 10px 15px;
    
}
#info730Selector .radio{
    display: inline-block;
    width: 49%;
}

#info730Selector  #txtCf730{
    width: 50%;
    margin-right: 10px;
}
#info730Selector .boxNote{
    padding: 25px 10px 10px;
    /* font-weight: bold; */
    font-size: 12px;
}

#info730Selector .buttons{
    /* position: absolute; */
    /* bottom: 10px; */
    /* right: 13px; */
    margin: 0px 0 15px;
}



/*.DetOrdine [data-obj='info730'] input:read-only{*/
.trElencoBACKORDER_det .testata .tBox select, .trElencoBACKORDER_det .testata .tBox input:read-only{
    background-color: transparent;
    color:black;
    border:none;
    accent-color: transparent;
}




/* riacquisto */
#resRinnovi #recentPurchasedTickets{
    font-size: 0;
}
#resRinnovi .recentTicketContainer{
    display: inline-block;
    width: 33%;
    height: 150px;
    vertical-align: top;
}

@media (max-width: 1260px) {
    #resRinnovi .recentTicketContainer{
        width: 50%;
    }  
}


#resRinnovi .recentTicket{
    /* background: green; */
    margin: 10px;
    /* padding: 10px; */
    color: black;
    height: 90%;
    /* border: 2px solid green; */
    border: 2px solid #005c85;
    border-radius: 8px;
}
#resRinnovi .recentTicket .left{
    width: 70%;
    display: inline-block;
    padding: 10px;
}
#resRinnovi .recentTicket .right{
    display: inline-block;
    width: 30%;
    font-size: 18px;
    vertical-align: top;
    text-align: right;
}

#resRinnovi .recentTicket .title {
    font-size: 18px;
    background: #008d44;
    /* background: -webkit-linear-gradient(0deg, #008d44, #1b80cd); */
    background: -webkit-linear-gradient(0deg, #005c85, #1b80cd);
    color: white;
    padding: 10px;
    
}
#resRinnovi .recentTicket .od{
    font-size: 15px;
    line-height: 18px;
    margin-top: 10px;
}

#resRinnovi .recentTicket .period{
    font-size: 15px;
    font-weight: bold;
}

#resRinnovi .recentTicket .price{
    font-size: 27px;
    text-align: right;
    margin-top: 15px;
    padding-right: 10px;
}
#resRinnovi .recentTicket .price span{
    font-size: 15px;
}

#resRinnovi .recentTicket button{
    margin-top: 15px;
    margin-right: 10px;
}

/* fine riacquisto */


#resRinnovi .contractContainer{
    margin-top: 20px;
	font-size:0;
	vertical-align: top;
	
}
#resRinnovi .contractContainer .contract{
    font-size: 18px;
    line-height: 30px;
    width: 50%;
    display: inline-block;
    vertical-align: top;
	margin-top: 10px;
}
#resRinnovi .contractContainer [type='checkbox']{
	vertical-align: top;
    margin-top: 8px;
}
#resRinnovi .contractContainer .desc{
    margin-left: 10px;
    display: inline-block;
    /* color: #008c45; */
    width: 60%;
	line-height:20px;
}




.contractContainer .help{
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
    background: #008c451a;
    color: #008c45;
    padding: 10px;
    border-radius: 4px;    
}

.contractContainer [data-command='showContractHelp']{
    background-color: white;
    color: #008d44;
    font-weight: 900;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 2px solid #008d44;
}









#resRinnovi .contractContainer .desc sup{
    /* vertical-align: super; */
    font-size: 14px;
    background: #008e43;
    color: white;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
}
#resRinnovi .contractContainer .desc .currentPeriodo{
    font-size: 12px;
    font-weight: 600;
}
#resRinnovi .contractContainer .period{
    font-size: 12px;
    font-weight: 600;
    color:#1b80cd ;
    margin-left: 27px;
}
#resRinnovi .contractContainer .avvisoQr{
    font-size: 13px;
    line-height: 15px;
    background-color: red;
    color: white;
    padding: 8px;
    margin-top: 5px;
    border-radius: 4px;
    background: linear-gradient(319deg, black 0%, red 79%);
}
#resRinnovi .contractContainer .avvisoQr b{

}
#resRinnovi .contractContainer .avvisoQr a{
    margin: 5px 5px 0 0;
    display: inline-block;
    border: 1px solid white;
    padding: 3px 6px;
    border-radius: 4px;
}
#resRinnovi .contractContainer .avvisoQr a.qr{

}
#resRinnovi .contractContainer .avvisoQr a.app{
    background: white;
    color: black;
    font-weight: bold;
}


#resRinnovi .contractContainer .price{
	/*margin-left: 15px;*/ 
    display: inline-block;
    /* width: 20%; */
    width: 100px;
    /* font-weight: bold; */
    /* color: #008c45; */
    text-align: right;
	vertical-align: top;
}

#resRinnovi .contractContainer .qtaCont{
    /* float: right; */
    font-size: 15px;
    margin-left: 15px;
}
#resRinnovi .contractContainer .dropQta{
    border: 1.5px solid;
    font-size: 18px;
    border-radius: 4px;
    
}


#resRinnovi .totalone {
    text-align: center;
    /* color: #1b80cd; */
    text-transform: uppercase;
}

#resRinnovi .totalone .tip {
    display: inline-block;
    background: white;
    color: #1b80cd;
    padding: 10px 20px;
    border-radius: 4px;
}


#resRinnovi #alertForBlueListBlock{
    /* background: red; */
    color: red;
    padding: 20px;
    border-radius: 4px;
    margin-top: 10px;
    line-height: 20px;
}

#resRinnovi #alertForObliterazione{
    width: 50%;
    margin: 0 auto;
    text-align: center;
    line-height: 24px;
}

@media (max-width: 800px) {
    #resRinnovi #alertForObliterazione{
        width: 100%;
    }
}


#resRinnovi #alertForObliterazione input{
    
}

#resRinnovi #alertForObliterazione span{
    margin-top: 5px;
    display: inline-block;
    width: 90%;
    vertical-align: top;
    font-size: 15px;
    line-height: 20px;    
}


#resRinnovi  .buttonContainer{
	margin-top:30px; /*30px;*/
	text-align:center;
}



/* ACQUISTO QR */
#resQr{

}
#resQr .contractContainer{
margin-top: 20px;
    font-size: 0;
    vertical-align: top;
}

#resQr .contractContainer .contract {
    font-size: 18px;
    line-height: 30px;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}
#resQr .contractContainer [type='checkbox'] {
    vertical-align: top;
    margin-top: 8px;
}
#resQr .contractContainer .desc {
    margin-left: 10px;
    display: inline-block;
    width: 60%;
}
#resQr .contractContainer .price {
    display: inline-block;
    width: 20%;
    text-align: right;
    vertical-align: top;
}
#resQr .contractContainer .segment {
    font-size: 12px;
    font-weight: 600;
    color: #1b80cd;
    margin-left: 27px;
    display: block;
}
#resQr .totalone {
    text-align: center;
    color: #1b80cd;
    text-transform: uppercase;
}
#resQr .buttonContainer {
    margin-top: 60px;
    text-align: center;
}





/* MIEI QR*/
#resMieiQr{

}

#resMieiQr .nota{
    font-size: 13px;
    line-height: 15px;
    margin-top: 15px;
}

#resMieiQr .row-cell{
	width:33%;
}
#resMieiQr .row-cell .stato{
    display: none;
}
#resMieiQr .row-cell[data-status='Expired'] .stato{
	color: red;
    display: inline;
}


#resMieiQr .box {
    font-size: 15px;
    line-height: 25px;
    /* border: 1px solid #008c45; */
    border-radius: 4px;
    padding: 10px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    /*background-color: #f5fbff;*/
}

#resMieiQr .box .desc{
    font-weight: bold;
    font-size: 20px;
}
#resMieiQr .box .res span{
	font-weight:bold;
}
#resMieiQr .box .scad{
}
#resMieiQr .box img{
	width:100%;
}
#resMieiQr .box .notDispo{
	position: absolute;
    top: 200px;
    text-align: center;
    left: calc((100% / 2) - (115px / 2));
    /* right: 0; */
    color: white;
    background: rgb(0 0 0 / 0.7);
    display: inline;
    width: 115px;
    padding: 5px;
    border-radius: 4px;
}
#resMieiQr .box .btnCont{
	text-align:center;
}
#resMieiQr .box .goButton.mini{
}
#resMieiQr .box .acq{
    color: dimgray;
    margin-top: 13px;
    text-align: center;
    font-size: 13px;
}




/* LE MIE CARTE */

#resMieCarte .nota{
    font-size: 13px;
    line-height: 15px;
    margin-top: 15px;
}

#resMieCarte .box{
    color: black;
	font-size: 15px;
    line-height: 25px;
    /*border: 1px solid #008c45;*/
	border-radius: 4px;
    padding: 10px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    /*background-color: #f5fbff;*/
}

#resMieCarte .box .headerBox{
    padding: 10px;
    border-bottom: 1px solid rgb(223 223 223);
}

#resMieCarte .box .headerBox .left{
    display: inline-block;
    width: 30%;
    vertical-align: top;
}

#resMieCarte .box .headerBox .right{
    display: inline-block;
    width: 69%;
    font-weight: bold;
}

#resMieCarte  .dissocia{
    /* margin-left: 20px;
    background: red;
    border: red; */
    background: transparent;
    color: red;
    font-family: arial;
    font-size: 13px;
    margin-left: 20px;
    text-decoration: underline;
    /* font-weight: bold; */
    /* text-transform: uppercase;    */
}


#resMieCarte .box .contentBox {
padding: 10px;

}

#resMieCarte .box .titolo{
	font-weight: bold;
	text-transform: uppercase;
    font-size: 18px;
}
#resMieCarte .box .info{
	display:inline-block;
	width:30%;
}
#resMieCarte .box .contracts{
    display: inline-block;
    width: 69%;
    vertical-align: top;
}


#resMieCarte .box .info .item {

}
#resMieCarte .box .info .item.sub {
	/*color:gray;*/
	font-size:13px;
    line-height: 16px;
}
#resMieCarte .box .info .buy{
    margin-top: 15px;
    display: inline-block;	
}

#resMieCarte .box .contracts{

}
#resMieCarte .box .contract {
	line-height: 30px;
}
#resMieCarte .box .contract .qtaCont b{
	font-size:13px;
	margin-left: 15px;
}
#resMieCarte .box .contracts .sectionTitle{
    margin: 0;
}

#resMieCarte .onCardContracts{
	margin-bottom:15px;
}
#resMieCarte .blueListContracts{

}
#resMieCarte .lastUpdate{
    margin-top: 20px;
    background-color: rgb(25 128 205 / 5%);
    border-radius: 8px;
    padding: 5px 10px;
    font-size: 13px;
    color: dimgrey;
}



/* in scadenza */
#resMieCarte .box.expiring .expiry{
    color:red;
    font-weight:bold;
}
#resMieCarte .renew{
    display: none;
}
#resMieCarte .box.expiring .renew{
    display: inline;
}
/* scaduta */
#resMieCarte .box.expired{
    border: 2px solid red;
    box-shadow: 0 1px 3px 0 rgb(248 8 8 / 20%), 0 1px 1px 0 rgb(251 3 3 / 14%), 0 2px 1px -1px rgb(250 3 3 / 12%);
    background-color: rgb(248 8 8 / 5%);
}
#resMieCarte .box.expired .titolo{
    color:red;
}
#resMieCarte .box.expired .expiry{
    color:red;
    font-weight:bold;
}
#resMieCarte .box.expired .renew{
    display: inline;
}
#resMieCarte .box.expired [data-command='richiestaDuplicatoTessera'],
#resMieCarte .box.expired .addticket,
#resMieCarte .box.expired .editadr{
    display: none!important;
}
#resMieCarte .box.expired [data-command='richiestaRinnovoTessera']{
    margin-left: 0;
    font-weight: bold;
}

/* In blacklist */
#resMieCarte .box.inBlackList{
    background-color: rgba(0,0,0,.1);
    color: gray;
}

#resMieCarte .box.inBlackList .contentBox,
#resMieCarte .box.inBlackList .sectionTitle{
    color: gray;
}
#resMieCarte .box.inBlackList [data-command='richiestaDuplicatoTessera'],
 #resMieCarte .box.inBlackList .addticket,
 #resMieCarte .box.inBlackList .buy,
 #resMieCarte .box.inBlackList .editadr {
    display: none !important;
}

/* FINE LE MIE CARTE */



/* CUSTOMIZZAZIONE POPOUP RITIRO PER DUPLICATO CARTE*/
#resMieCarte #puntoRitiroSelector .msg{
    line-height: 23px;
    margin-left: 5px;
    display: inline-block;   
}



/* PAGAMENTO MULTE */
#resPagamentoMulte{

}

#resPagamentoMulte #frmRicercaMulta{
    
}

#resPagamentoMulte #frmRicercaMulta #boxRicerca{
     
}
#resPagamentoMulte #frmRicercaMulta #boxRicerca .subtit{
    font-weight: bold;
}
#resPagamentoMulte #frmRicercaMulta #boxRicerca #txtCodiceMulta{
    width: 225px;
}



#resPagamentoMulte #error{
    margin-top: 40px;
    border: 1px solid red;
    padding: 10px;
    width: 50%;
    background-color: red;
    color: white;
    line-height: 18px;
}
#resPagamentoMulte #error strong{
    padding-bottom: 10px;
    display: inline-block;
}

#resPagamentoMulte #dettaglioMulta{
    margin-top: 40px;
    border: 1px solid;
    padding: 10px;
}

#resPagamentoMulte #dettaglioMulta .left{
    width: 49%;
    display: inline-block;
}

#resPagamentoMulte #dettaglioMulta .causale{
    font-size: 25px;
    font-weight: bold;
}

#resPagamentoMulte #dettaglioMulta .note{
    margin-top: 5px;
    margin-bottom: 30px;
}

#resPagamentoMulte #dettaglioMulta .item{
    width: 49%;
    display: inline-block;
}

#resPagamentoMulte #dettaglioMulta .item .val{
    font-weight: bold;
}

#resPagamentoMulte #dettaglioMulta .item .dida{
    margin-bottom: 15px;
    color: gray;
    font-size: 14px;
}

#resPagamentoMulte .right{
    width: 49%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

#resPagamentoMulte .right .price{
    text-align: center;
    font-size: 50px;
    font-weight: bold;
}

#resPagamentoMulte .right .goButton{
    margin-top: 30px;
}







/* FINE PAGAMENTO MULTE */





/* LE MIE CARTE DI CREDITO XPAY */
#resMieCarteXpay{

}
#resMieCarteXpay .row-cell{
	width:100%;
}
#resMieCarteXpay .carta{
	display:inline-block;
    vertical-align: top;
    border-radius: 4px;
    padding: 10px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    margin-bottom: 20px;
	border-left: 10px solid white;
	
}

#resMieCarteXpay .carta[data-stato='expired'] {
	border-left: 10px solid red;
}
#resMieCarteXpay .carta[data-stato='expired'] .boxPan {
	color:red;
}



#resMieCarteXpay .carta .boxBrand{
    display: inline-block;
    width: 100px;
}
#resMieCarteXpay .carta .boxBrand .brand{
	width: 100%;
}

#resMieCarteXpay .carta .boxBrand.visa .brand{
    margin-top: 7px;
}
#resMieCarteXpay .carta .boxBrand.mastercard .brand{
}
#resMieCarteXpay .carta .boxPan{
    display: inline-block;
    width: 300px;
    vertical-align: top;
}
#resMieCarteXpay .carta .boxPan .pan{
    display: inline-block;
    width: 100%;
    margin-left: 10px;
    font-size: 20px;
    margin-top: 10px;
    font-weight: bold;
}
#resMieCarteXpay .carta .boxPan .exp{
	margin-left: 10px;
}

#resMieCarteXpay .carta .boxDataReg{
display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 200px;
    margin-top: 10px;
}
#resMieCarteXpay .carta .boxDataReg .data{
    display: block;
    font-weight: bold;
}

#resMieCarteXpay .carta .boxButtons{
    display: inline-block;
    width: 110px;
    vertical-align: top;
    padding: 10px 0;
}
#resMieCarteXpay .carta .boxButtons button{
    background-color: red;
    border: red;
}



#resMieCarteXpay .carta.noresult{
    box-shadow: none;
}





#resMieCarteXpay .boxInfoUtili .securedByVisaContainer {
    margin-top: 5px;
}
#resMieCarteXpay .boxInfoUtili .securedByVisaContainer img {
    width: 50px;
    vertical-align: middle;
    margin: 0 5px;
}

/* FINE LE MIE CARTE DI CREDITO XPAY */







/* POPUP SELEZIONE PERIODO */
#contractPeriodSelectorContainer {
    background-color: white;
    width: 350px;
    overflow: hidden;
    z-index: 50;
    margin: auto;
    position: fixed;
    bottom: 350px;
    right: 0;
    left: 0;
    text-align: left;
    /* transition: all 0.3s; */
    box-shadow: 0 4px 10px rgba(0,0,0,.33);
    border-radius: 5px;
    font-size: 15px;
}
#contractPeriodSelectorContainer .t{
	background-color: #005c85;
    color: white;
    padding: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
#contractPeriodSelectorContainer .content{
	padding:20px;
}
#contractPeriodSelectorContainer .desc{
	line-height:20px;
}
#contractPeriodSelectorContainer #comboContractPeriod{
	background-color: white;
	font-size: 18px;
    padding: 10px;
    border: 1px solid #ccc;
    margin-top: 15px;
    border-radius: 4px;
    width: 100%;
}
#contractPeriodSelectorContainer .buttons{
	margin-top:20px;
	text-align:right;
}
#contractPeriodSelectorContainer .buttons button{
	margin-left:10px;
}






/* POPUP SELEZIONA OD - personalizzazione genericPopup */
#contractODSelectorContainer{
    width: 600px;
    height: 315px;
    /*top:unset;
    bottom: 350px; */
    top:25vh;
}

#contractODSelectorContainer .boxOD{
    display: inline-block;
    width: 45%;
}
#contractODSelectorContainer #btnCerca{
    display: inline-block;
    background-color: #018c44;
    color: white;
    font-size: 20px;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    vertical-align: bottom;
    border-radius: 4px;
}

#contractODSelectorContainer .boxNote{
    padding: 5px 10px;
    font-weight: bold;
    font-size: 12px;
}

#contractODSelectorContainer .linee{
    padding: 5px;
    margin-top: 10px;
    height: 115px;
    overflow-y: scroll;
}
#contractODSelectorContainer .linea{
    padding: 10px 5px;
    border-bottom: 1px solid #cccccc;
    color: #018c44;
}

#contractODSelectorContainer .buttons{
    position: absolute;
    bottom: 10px;
    right: 13px;
}




/* POPUP SELEZIONA CS (corsa semplice) - personalizzazione genericPopup */
#contractCSSelectorContainer{
    width: 600px;
    height: 315px;
    /* top:unset;
    bottom: 350px; */
    top:25vh;
    
}



#contractCSSelectorContainer .boxNote{
    padding: 5px 10px;
    font-weight: bold;
    font-size: 12px;
}

#contractCSSelectorContainer .contracts{
    padding: 5px;
    margin-top: 10px;
    height: 210px;
    overflow-y: scroll;
    border-bottom: 1px solid lightgray;
}
#contractCSSelectorContainer .contract{
    padding: 10px 5px;
    border-bottom: 1px solid #cccccc;
    color: #018c44;
}

#contractCSSelectorContainer .buttons{
    position: absolute;
    bottom: 10px;
    right: 13px;
}








/* POPUP PAGAMENTO */
#paymentsPopUpContainer{

}

#paymentsPopUp .content{
    padding: 0 15px;
}

#paymentsPopUp .titolo1{
font-size: 25px;
    text-align: center;
    padding: 20px 10px;
    text-transform: uppercase;
}


#paymentsPopUp .existingCard{
    vertical-align: top;
    border-bottom: 1px solid lightgray;
}
#paymentsPopUp .existingCard input{

}

#paymentsPopUp .existingCard .box1{
	display:inline-block;
	width: 20%;
}
#paymentsPopUp .existingCard .box2{
    display: inline-block;
    width: 58%;
    vertical-align: top;
}
#paymentsPopUp .existingCard .box3{
    display: inline-block;
    width: 18%;
    vertical-align: top;
    padding: 10px 0;
}

#paymentsPopUp .existingCard .brand{
	width:100%;
}
#paymentsPopUp .existingCard .visa .brand{
	margin-top:7px;
}
#paymentsPopUp .existingCard .pan{
    display: inline-block;
    width: 100%;
    margin-left: 10px;
    font-size: 20px;
    margin-top: 10px;
	font-weight: bold;
}
#paymentsPopUp .existingCard .exp{
margin-left: 10px;
}
#paymentsPopUp .existingCard button{
    margin-left: 0;
}
#paymentsPopUp .count0{
	display:none;
}


#paymentsPopUp .notExisting{
padding: 10px;
}
#paymentsPopUp .notExisting input{
    display: none;
}
#paymentsPopUp .notExisting .newCard{
	display: inline-block;
    width: 90%;
    font-size: 18px;
    font-weight: 500;
    /* background-color: #008d44; */
    color: #008d44;
    /* border-radius: 4px; */
    text-decoration: underline;
    text-align: left;
    background-color: white;
}
#paymentsPopUp .notExisting .nota{
display: block;
    font-size: 13px;
    margin-top: 5px;
    line-height: 14px;
}


#paymentsPopUp .securedByVisaContainer{
    margin-top: 30px;
    text-align: center;
}
#paymentsPopUp .securedByVisaContainer img{
    width: 50px;
    vertical-align: middle;
    margin: 0 5px;
}
#paymentsPopUp .securedByVisaContainer .securedByVisa{
    font-size: 11px;
    margin-top: 10px;
    margin-bottom: 20px;
}

/* FINE POPUP PAGAMENTO */




/* CHECKOUT PARZIALE */
#confermaContainer .row-cell{
	width:100%;
}
#confermaContainer .checkOutTitle{
	text-align:center;
}

#confermaContainer .f1{
	font-size: 25px;
    margin-top: 80px;
    text-align: center;
}
#confermaContainer .f2{
    font-size: 18px;
    margin-top: 10px;
    text-align: center;
    color: black;
    line-height: 23px;
}
#confermaContainer .f3{
    font-size: 25px;
    margin-top: 50px;
    text-align: center;
	line-height:35px;
}
#confermaContainer .f1 span,
#confermaContainer .f2 span,
#confermaContainer .f3 span
{
	font-weight:bold;
	color: black;
}

#confermaContainer .spam{
    display: block;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 25px;
    font-size: 12px;
    font-weight: bold;
}



/*qr acquistati*/
#confermaContainer .infoQr{

}

#confermaContainer .infoQr .dida{
    font-size: 25px;
    margin-top: 50px;
    text-align: center;
    line-height: 35px;
}
#confermaContainer .infoQr .dida.mobile{
	display:none;
}
#confermaContainer .infoQr .dida a {
    color: #008d44;
    text-decoration: underline;
    font-weight: bold;
}

#confermaContainer .infoQr .qrItem{
    position:relative;
    display: inline-block;
    width: 50%;
    text-align: center;
	padding: 50px;
}

#confermaContainer .infoQr.count1 .qrItem{
	width:100%;
}

#confermaContainer .infoQr .qrItem img{

}
#confermaContainer .infoQr .qrItem .notDispo {
    position: absolute;
    top: 200px;
    text-align: center;
    left: calc((100% / 2) - (195px / 2));
    /* right: 0; */
    color: white;
    background: rgb(0 0 0 / 0.7);
    display: inline;
    width: 195px;
    padding: 5px;
    border-radius: 4px;
    line-height: 18px;
}
#confermaContainer .infoQr .qrItem .desc{
    text-align: center;
    margin-top: 25px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 25px;
}


#confermaContainer .rowQrNotAvailable{
    font-size: 25px;
    margin-top: 50px;
    text-align: center;
    line-height: 35px;
}
#confermaContainer .rowQrNotAvailable a{
    color: #008d44;
    text-decoration: underline;
    font-weight: bold;
}
/* FINE CHECKOUT PARZIALE */









/* BANCKORDER */
/*ordini cliente*/
#GestioneCliente #containerElencoBACKORDER{
	font-size:15px;
}



#divElencoBACKORDER{
	margin-top:10px;
}
.trElencoBACKORDER {
    font-size:0;
	position:relative;


    border-bottom: 1px solid #d2d2d2;
    border-top: 1px solid transparent;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    animation: animateElement linear .1s;
}

.trElencoBACKORDER[data-statoid='29'],
.trElencoBACKORDER[data-statoid='38']{ /*Errore riscatto bonus*/
	color:#ff0102;
}

	#BackOrder #titoli{
		font-weight:bold;
	}

	#BackOrder .oCol{
        display:inline-block;
        font-size:15px;
        padding:10px;
        vertical-align:top;
    }

	#BackOrder .oCol span{
		display:none;
	}

    #BackOrder .oCol.Ordine {
		width:10%;
    }
    #BackOrder .oCol.Data {
		width:15%;
    }
    #BackOrder .oCol.Stato {
		width:15%;
    }

    #BackOrder .oCol.Totale {
		width:10%;
		text-align:right;
    }
    #BackOrder .oCol.Ricevuta {
    width: 15%;
    text-align: left;
    }

    #BackOrder .oCol.Bottoni {
		width: 5%;
		min-width: 80px;
    }

	#BackOrder .oCol.Bottoni .btnDettaglio{
		vertical-align:middle;
	}


    #BackOrder .oCol.Ricevuta a {
		display:block;
    }


    /*ordini cliente - dettaglio ajax*/


/*Dettaglio ordine ajax*/
.trElencoBACKORDER_det{
    background-color: rgba(238, 238, 238, 0.35);
	border: 1px solid rgba(238, 238, 238, 0.35);
    padding: 10px 50px;
    padding-bottom: 30px;
}



.trElencoBACKORDER_det .DetOrdine .tit{
	font-weight: bold;
	margin: 10px 0px;
    display: block;
	color:black;
}


.trElencoBACKORDER_det .testata{

}
.trElencoBACKORDER_det .testata .tBox{
    display: inline-block;
    /*width: 32%;*/
	width:49%;
    vertical-align: top;
	line-height:18px;
	
}


.trElencoBACKORDER_det .testata .tBox select,
.trElencoBACKORDER_det .testata .tBox input{
    background-color: white;
    border: 1px solid #0084c3;
    color: #0084c3;
    font-weight: bolder;
    margin-bottom: 5px;
    font-size: 15px;
	padding: 2px 5px;
    border-radius: 4px;
}

.trElencoBACKORDER_det .testata button{
	background-color: #004a81;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-weight: bold;
	cursor:pointer;
}
.trElencoBACKORDER_det .testata .onlyAdmin button{
    background-color: #0084c3;
}

.trElencoBACKORDER_det .testata  .trackingLinkNO{
	display:none;
}
.trElencoBACKORDER_det .testata .linkTrack{
	background-color: #0084c3;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-weight: bold;
    margin-top: 10px;
    display: inline-block;
    text-transform: uppercase;
}


.trElencoBACKORDER_det .testata .tBox [data-containerModificaOrdineAdmin]{
    border: 1px solid #0084c3;
    padding: 0px 10px 10px;
    margin-top: 15px;
    border-radius: 8px;
}

.trElencoBACKORDER_det .testata .downLoadFat a{
    margin-top: 5px;
    display: inline-block;
    background-color: #004a81;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: bold;
}
.trElencoBACKORDER_det .testata .downLoadFat .delete{
	background-color: red;
    margin-left: 10px;
	cursor:pointer;
}


.trElencoBACKORDER_det .testata .tBox.payment{

}
.trElencoBACKORDER_det .testata .tBox.payment div{
	margin-bottom:5px;
}
.trElencoBACKORDER_det .testata .tBox.payment .payKO{
	color:red;
}


.trElencoBACKORDER_det .righe{
	margin-top:30px;
}

.trElencoBACKORDER_det .righe table{
	width:100%;
}

.trElencoBACKORDER_det .righe table tr td{
	padding:10px 5px;
	border-bottom: 1px solid lightgray!important;

}
.trElencoBACKORDER_det .righe table tr:first-child td{
	font-weight:bold;
}

.trElencoBACKORDER_det .righe table tr td.colDescrizione{
	    width: 100px;
}
.trElencoBACKORDER_det .righe table td.colQta{
    width: 50px;
    text-align: center;
}
.trElencoBACKORDER_det .righe table td.colTotRiga{
	width: 100px;
}
.trElencoBACKORDER_det .righe table td.colRiordino{
	width:10%;
}

.trElencoBACKORDER_det .righe table tr td.colDescrizione .nome{
	display: block;
    margin-bottom: 4px;
}
.trElencoBACKORDER_det .righe table tr td.colDescrizione .desc{
    color: darkslategray;
    font-size: 13px;
}


.trElencoBACKORDER_det .righe table td.colRiordino button{
	background-color: #004a81;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-weight: bold;
	cursor:pointer;
}

.trElencoBACKORDER_det .piede div{
	padding: 10px 5px;
}



/* FINE BACKORDER */







/* LOAD MORE ELENCHI */
.loadMoreContainer {
    text-align: center;
}
.loadMoreContainer button {
    font-size: 13px;
    text-transform: uppercase;
    background-color: #008c45;
    padding: 5px 10px;
    /*border-radius: 4px;*/
    letter-spacing: 1px;
    font-weight: bold;
    color: white;
    margin: 55px 0;
    cursor: pointer;
}



/*  RIGA DI ESSUN RIS TROVATO*/
.noresult{
	width: 100% !important;
    color: gray;
    padding: 50px 0;
    font-size: 18px!important;
	line-height:25px;
}
.noresult a,
.noresult .miniLink{
    font-size: 18px;
}

/* RESET PASSWORD */
#BTN_PWD_INVIA p {
    color: white;
    font-size: 11px;
    font-weight: bold;
    padding-top: 8px;
    text-align: center;
    background-color: #008c44;
}
#passwordLayout input {
    border: 1px solid #DDDDDD;
    font-size: 18px;
    padding: 10px;
    border: 1px solid #ccc;
}




/* I MIEI DATI */
#resMyData{

}

#resMyData .row-cell{
    width: 49%;
}

#resMyData  .title{
    font-size: 25px;
    /* line-height: 100px; */
    /* color: #018c44; */
    font-weight: bold;
    padding-top: 30px;
    padding-bottom: 30px;
}

#resMyData  .text{
    font-size: 18px;
    margin-top: 5px;
}
#resMyData  .subtext{
    font-size: 13px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: dimgray;
    line-height: 22px;
    min-height: 132px;
}
#resMyData #userBox{
    text-align: center;
}

#resMyData #userBox .fa-user-circle{
    /* font-size: 10vw; */
    font-size: 145px;
    color: #008D44;
    background: -webkit-linear-gradient(60deg, #008d44 0%, #08dd6e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


#resMyData #userBox .goButton{
    margin-top: 15px;
}

/* POPUP CAMBIO MAIL */
#PopUpChangeMail .content{
    padding: 20px;
}
#PopUpChangeMail  .desc{
    line-height: 20px;
    font-size: 15px;
    padding-left: 10px;
}
#PopUpChangeMail  .perc50{
    width: 49%;
    display: inline-block;
}

#PopUpChangeMail  .buttons{
    margin-top: 20px;
    padding: 15px 0;
    text-align: right;
    padding-right: 20px;
}




/* CONFIGURAZIONE FAMIGLIA */
#resFamiglia .subtit {
    padding: 5px;
    font-size: 16px;
    margin: 25px 0 15px 0;
    color: black;
    font-weight: bolder;
}
#resFamiglia #user .row-cell{
    width: 24%;
    padding-left: 0;
}

#resFamiglia #user .formCont {
    margin-top: 5px;
}

#resFamiglia .member .row-cell{
    height: 65px;
    font-size: 18px;
    padding-left: 0;
}
#resFamiglia .member .row-cell.flagContainer{
    width: 400px;
    
}
#resFamiglia .member .row-cell.relationship{
    width: 185px; 
}
#resFamiglia .member .row-cell.readOnlyDataContainer{
    width: unset;
}

#resFamiglia .member .row-cell.readOnlyDataContainer .dotContainer{
    width: 16px;
    display: inline-block;
    padding-top: 5px;
    margin-right: 10px;    
}
#resFamiglia .member .row-cell.readOnlyDataContainer .nameContainer{
    display: inline-block;
    width: 350px;
    vertical-align: top;
    line-height: 25px;
    font-size: 15px;
}

/* select:focus{
    outline-color: unset;
} */

#resFamiglia .member.inFamily .dotContainer span{
    background-color: green;
}
#resFamiglia .member.inFamily .flagContainer select,
#resFamiglia .member.inFamily .flagContainer select:focus{
    border-color: green;
    outline-color: green;
}
#resFamiglia .member.notFamily .dotContainer span{
    background-color: red;
}
#resFamiglia .member.notFamily .flagContainer select,
#resFamiglia .member.notFamily .flagContainer select:focus
{
    border-color: red;
    outline-color: red;
}




/* ACQUISTO IN GAMIGLIA */
#resAcquistoFamiglia #cards{
    font-size: 0;
	margin-top: 20px;
}

#resAcquistoFamiglia #cards .cardContainer{
	display: inline-block;
    width: 25%;
    font-size: 0;
	padding: 10px 10px 0 0;
}

#resAcquistoFamiglia #cards .card{
    border: 1px solid gray;
    padding: 10px;
    border-radius: 4px;
	cursor:pointer;
}


#resAcquistoFamiglia #labelInPurchase{
    font-weight: bold;
    margin-top: 40px;
    padding-top: 20px;
    color: #1b80cd;
    border-top: 1.2px solid black;    
}

#resAcquistoFamiglia #cards .cardInPurchase{
    width: 50%;
}
#resAcquistoFamiglia #cards .cardInPurchase .card{
	cursor:default;
    background-color: #1b80cd;
    color:white;
    border-color: #1b80cd;
    position: relative;
}


#resAcquistoFamiglia #cards .cardInPurchase .del{
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    color:white;
    margin: 5px 10px;
    text-transform: ca;
    font-weight: bold;
    text-decoration: underline;
}




#resAcquistoFamiglia #cards .card:hover{
	border-color:#008c45;
	border-width:1px;
	box-shadow: 0 1px 3px 0 rgba(0, 140, 69, .2), 0 1px 1px 0 rgba(0, 140, 69, .14), 0 2px 1px -1px rgba(0, 140, 69, .12);
}
#resAcquistoFamiglia #cards .cardInPurchase .card:hover{
	cursor:default;
    color:white;
    border-color: #1b80cd;
    box-shadow:none;
}
#resAcquistoFamiglia #cards .card.selected{
    border: 2px solid rgb(27, 128, 205);
    background-color: #1b80cd;
    color: white;    
}

#resAcquistoFamiglia #cards .card .inbl{
    display: none;
}
#resAcquistoFamiglia #cards .card[data-blacklisted='true']{
    background-color: #b3adad;
    color: white;
    
}

#resAcquistoFamiglia #cards .card[data-blacklisted='true'] .inbl{
    display: inline;
    color: red!important;
    font-size: 12px;
    text-transform: none;
}


#resAcquistoFamiglia #cards .card .left{
    display: inline-block;
    width: 100px;
}
#resAcquistoFamiglia #cards .card .left img{
	width: 100%;
}

#resAcquistoFamiglia #cards .card .right{
    display: inline-block;
    /* width: calc(100% - 100px); */
    text-align: right;
    vertical-align: top;
	font-size: 16px;
}
#resAcquistoFamiglia #cards .card .number{
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 12px;
}

#resAcquistoFamiglia #cards .name{
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: uppercase;
}

#resAcquistoFamiglia #cards .card .expiry{
    font-size: 14px;
    margin-top: 12px;
    line-height: 22px;
}


#resAcquistoFamiglia #contractsContainer .t{
    background-color: #008c45;
    color: white;
    padding: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

#resAcquistoFamiglia #contractsContainer{
    overflow-y: scroll; /* PEr farlo funzionare imposta max-height */
    max-height: 80vh;
}

#resAcquistoFamiglia #contractsContainer .sectionTitle.mini.short{
    width: unset;
}



#resAcquistoFamiglia #contractPeriodSelectorContainer{
    top: 100px;
    bottom: unset;
}




#resAcquistoFamiglia #contractsContainer #blackListInfo .sectionTitle{
    background: red;
    margin: 0;
    padding: 12px;
    color: white;
    border: none;
}




#resAcquistoFamiglia #riepilogoInFamigliaContainer{
    width: 800px;
    padding: 10px 10px;
}

#resAcquistoFamiglia #riepilogoInFamiglia h2{
    font-size: 14px;
    border-bottom: 1px solid #008c44;
    color: #008c44;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 5px;
}

#resAcquistoFamiglia #riepilogoInFamiglia .img{
    text-align: center;
}
#resAcquistoFamiglia #riepilogoInFamiglia img{
    width: 150px;
    vertical-align: top;
}

#resAcquistoFamiglia #riepilogoInFamiglia #contracts{
    font-size: 0px;
}
#resAcquistoFamiglia #riepilogoInFamiglia .contractHead {
    font-weight: bold;
}
#resAcquistoFamiglia #riepilogoInFamiglia .cell{
    vertical-align: top;
    display: inline-block;
    font-size: 16px;
    padding: 5px 0 5px 0;
    line-height: 20px;
}
#resAcquistoFamiglia #riepilogoInFamiglia .person {
    /* width: 145px; */
    width: 200px;
    text-transform: capitalize;
    font-weight: bold;
}
#resAcquistoFamiglia #riepilogoInFamiglia .card {
    width: 145px;
}
#resAcquistoFamiglia #riepilogoInFamiglia .what {
    width: 250px;
}
#resAcquistoFamiglia #riepilogoInFamiglia .fullprice {
    width: 100px;
    text-align: right;
}
#resAcquistoFamiglia #riepilogoInFamiglia .discount {
    width: 100px;
    text-align: right;
}
#resAcquistoFamiglia #riepilogoInFamiglia .price {
    width: 100px;
    text-align: right;
    font-weight: bold;
}






#resContrattiFamiglia .contractContainer{
    margin-top: 20px;
	font-size:0;
	vertical-align: top;
	
}
#resContrattiFamiglia .contractContainer .contract{
    font-size: 18px;
    line-height: 30px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
	margin-top: 10px;
}
#resContrattiFamiglia .contractContainer [type='checkbox']{
	vertical-align: top;
    margin-top: 8px;
}
#resContrattiFamiglia .contractContainer .desc{
    margin-left: 10px;
    display: inline-block;
    /* color: #008c45; */
    width: 60%;
	line-height:20px;
}

#resContrattiFamiglia .contractContainer .desc sup{
    /* vertical-align: super; */
    font-size: 14px;
    background: #008e43;
    color: white;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
}
#resContrattiFamiglia .contractContainer .desc .currentPeriodo{
    font-size: 12px;
    font-weight: 600;
}
#resContrattiFamiglia .contractContainer .period{
    font-size: 12px;
    font-weight: 600;
    color:#1b80cd ;
    margin-left: 27px;
}
#resContrattiFamiglia .contractContainer .avvisoQr{
    font-size: 13px;
    line-height: 15px;
    background-color: red;
    color: white;
    padding: 8px;
    margin-top: 5px;
    border-radius: 4px;
    background: linear-gradient(319deg, black 0%, red 79%);
}
#resContrattiFamiglia .contractContainer .avvisoQr b{

}
#resContrattiFamiglia .contractContainer .avvisoQr a{
    margin: 5px 5px 0 0;
    display: inline-block;
    border: 1px solid white;
    padding: 3px 6px;
    border-radius: 4px;
}
#resContrattiFamiglia .contractContainer .avvisoQr a.qr{

}
#resContrattiFamiglia .contractContainer .avvisoQr a.app{
    background: white;
    color: black;
    font-weight: bold;
}


#resContrattiFamiglia .contractContainer .price{
	/*margin-left: 15px;*/ 
    display: inline-block;
    /* width: 20%; */
    width: 100px;
    /* font-weight: bold; */
    /* color: #008c45; */
    text-align: right;
	vertical-align: top;
}

#resContrattiFamiglia .contractContainer .qtaCont{
    /* float: right; */
    font-size: 15px;
    margin-left: 15px;
}
#resContrattiFamiglia .contractContainer .dropQta{
    border: 1.5px solid;
    font-size: 18px;
    border-radius: 4px;
    
}


#resContrattiFamiglia .totalone {
    text-align: center;
    /* color: #1b80cd; */
    text-transform: uppercase;
}

#resContrattiFamiglia .totalone .tip {
    display: inline-block;
    background: #1b80cd;
    color: white;
    padding: 10px 20px;
    border-radius: 4px;
}


#resContrattiFamiglia #alertForBlueListBlock{
    /* background: red; */
    color: red;
    margin-bottom:  10px;
    line-height: 20px;
}

#resContrattiFamiglia #alertForObliterazione{
    margin: 0 auto;
    text-align: center;
    line-height: 24px;
}

@media (max-width: 800px) {
    #resContrattiFamiglia #alertForObliterazione{
        width: 100%;
    }
}


#resContrattiFamiglia #alertForObliterazione input{
    
}

#resContrattiFamiglia #alertForObliterazione span{
    margin-top: 5px;
    display: inline-block;
    width: 90%;
    vertical-align: top;
    font-size: 15px;
    line-height: 20px;    
}


#resContrattiFamiglia  .buttonContainer{
	margin-top:30px; /*30px;*/
	text-align:center;
}









/* AREE BETA TEST */
.betaBox{
	background-color: red;
    color: white;
    font-size: 15px;
    padding: 10px;
    line-height: 20px;
	text-align: center;
}
.betaBox .t{
    font-size: 20px;
    margin-bottom: 10px;
}

#stageHeader{
	
}





/* BONUS TRASPORTI SU RINNOVI  */
#resRinnovi .bonusTrasporti{
    margin: 15px 0;
    display: block;
    border: 1px solid #1980cd;
    background-color: rgb(25 128 205 / 5%);
    border-radius: 8px;
    padding: 10px;
    line-height: 20px;
}
#resRinnovi .bonusTrasporti input{
    border: 1px solid lightgray;
    font-size: 20px;
    padding: 5px 10px;
    width: 400px;
    margin: 10px 0;
}
#resRinnovi .bonusTrasporti button{
    padding: 6px 10px;
    vertical-align: bottom;
        margin-bottom: 10px;
}
#resRinnovi .bonusTrasporti .bonusOK{
    display: block;
    color:green;
    font-weight: bold;
}









.staticFooter{
	margin-top:30px;
	padding:50px 0;
	text-align:center;
	color:white;
	background-color:#252525;
    background: -webkit-linear-gradient(0deg, #005c85, #1b80cd);
}



/* Banner quadrato */
.bannerQ .row-cell{
    padding: 0;margin: 0;
    text-align: center;
}
.bannerQ img{
    width: 50%;;
}


/*sposta il footer automaticamente in basso 
per funzionare devi mettere il footer fuori dal layout
https://stackoverflow.com/questions/30470296/how-to-avoid-an-unknown-height-sticky-footer-to-overlap-content-with-css-only/30470537
*/
html {
    height: 100%;
}
body {
    margin: 0;
    min-height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
#layout {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
staticFooter {
    background: silver;
    /* height: 200px; */
}



/*COOCKIE*/

/*#cookie-bar p{
font-size:18px;
}


#cookie-bar a {
	color: #000000;
	display: inline-block;
	border-radius: 3px;
	text-decoration: none;
	cursor: pointer;
	background-color: yellow;
	padding: 0 10px;
	font-weight: bold;
}

#cookie-bar .cb-enable {
	background: #007700;
	margin: 6px 0 24px 0;
	width: 100px;
	color: white;
}*/



#cookie-bar {
	background: white;
	color: black;
	line-height: 24px;
	padding: 3px 0;
	position: absolute;
	text-align: center;
	width: 76%;
	z-index: 1000;
	position: fixed;
	top: calc((100% - 675px)/2);
	margin: auto;
	left: calc((100% /2) - (76% / 2));
	padding: 50px;
	bottom: unset;
	box-shadow: 2px 2px 7px 5px lightgrey;
	border-radius: 8px;
}

#cookie-bar .logo{
width: 100px;
}


#cookie-bar p {
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 32px;
    font-size: 15px;
    line-height: 18px;
 }

 #cookie-bar a {
color: black;
    display: inline-block;
    border-radius: 3px;
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
}

#cookie-bar .cb-enable {
    background: black;
    margin: 20px;
    padding: 6px 12px;
    color: white;
    text-decoration: none;
}

#cookie-bar .cb-enable:hover{
	background-color:black;
	color:white;
}



/* cookie 800x600 */
@media (max-width: 800px) {
	#cookie-bar {
		/* background-color: red; */
		top: 50px;
	}
}