html, body {
    font-size: 14px;
/*    line-height: 1.428; */
    font-family: /*"Helvetica Neue"*/, Helvetica, Arial, sans-serif !important;
}

html, body { height: 100%; }
h1, h2, h3, h4 { font-family: "Open Sans Condensed", sans-serif; }
h1 { color: #819831; margin: 20px 0 10px }
h4 { font-size: 18px; margin: 10px 0 }
label { font-weight: 600 }

.page-wrapper { min-height: 100%; margin-bottom: -155px; padding-bottom: 155px; } /* 155px = altezza del footer (ombra + footer) */

.tab-row { width: 100%; overflow: hidden }
.col-form-label { text-align: right; }

a, a:visited {
    color: #337ab7;
    text-decoration: none
}

    a:hover {
        color: #23527c;
        text-decoration: underline
    }

/* Set width on the form input elements since they're 100% wide by default */
/* input, select, textarea { max-width: 280px; } */

/* Classe "group" ------------------------------------------ */
/* 
    utilizzo:
    <div class="group">
        <div style="float:left"></div>
        <div style="float:left"></div>
        <div style="float:right"></div>
        ...
    </div>
*/
.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
* html .group { zoom: 1; }
/* IE6 */
*:first-child + html .group { zoom: 1; }
/* IE7 */
/* Classe "group" ------------------------------------------ */

/* jQuery UI Accordion ------------------------------------- */
.accordion .ui-accordion-header { width: 100%; background-color: #819831; color: white; font-size: 10pt; line-height: 16pt; }
.ui-accordion .ui-accordion-header-active { border-color: #c5c5c5; }
/* jQuery UI Accordion - FINE ------------------------------ */

/* Sfondo controlli euro e calendario ---------------------- */
.ctrl-cal { background-image: url(images/calendar.png); background-repeat: no-repeat; background-position: right 3px center; background-size: auto 15px; }
.ctrl-euro { background-image: url(images/euro.png);background-repeat: no-repeat;background-position: right;background-size: auto 15px; }

/* Sfondo controlli euro e calendario - FINE --------------- */


/* Switch SI/NO -------------------------------------------- */
.onoffswitch { position: relative; width: 53px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.onoffswitch-checkbox { display: none; }
.onoffswitch-label { display: block !important; overflow: hidden; cursor: pointer; border: 1px solid #999999; border-radius: 10px; }
.onoffswitch-inner { display: block !important; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; }
.onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 17px; padding: 0; line-height: 17px; font-size: 11px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; box-sizing: border-box; }
.onoffswitch-inner:before { content: "SI"; padding-left: 10px; background-color: #819831; color: #FFFFFF; }
.onoffswitch-inner:after { content: "NO"; padding-right: 10px; background-color: #EEEEEE; color: #999999; text-align: right; }
.onoffswitch-switch { box-sizing: content-box; display: block; width: 5px; margin: 6px; background: #FFFFFF; position: absolute; top: 0; bottom: 0; right: 32px; border: 1px solid #999999; border-radius: 10px; transition: all 0.3s ease-in 0s; }
.onoffswitch .onoffswitch-checkbox:checked ~ .onoffswitch-label .onoffswitch-inner { margin-left: 0; }
.onoffswitch .onoffswitch-checkbox:checked ~ .onoffswitch-label .onoffswitch-switch { right: 0; }
.onoffswitch-150 { width: 150px; }
.onoffswitch-150 .onoffswitch-switch { right: 125px; }
.onoffswitch-150 .onoffswitch-inner:before { padding-right: 90px; }
.onoffswitch-150 .onoffswitch-inner:before, .onoffswitch-150 .onoffswitch-inner:after { height: 24px; line-height: 24px }
.onoffswitch-150 .onoffswitch-switch { box-sizing: content-box; display: block; width: 12px; }
/* Switch SI/NO - FINE ------------------------------------- */

/* Spinner ------------------------------------------------- */
.simple-spinner { border: 5px solid #f3f3f3; border-radius: 50%; border-top: 5px solid #819831; width: 20px; height: 20px; box-sizing:content-box; -webkit-animation: spin 1.5s linear infinite; /* Safari */ animation: spin 1.5s linear infinite; }

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* Spinner - FINE ------------------------------------------ */

/* Stepper ------------------------------------------------- */
.stepper-wrapper { width: 100%; padding-top: 4px; padding-bottom: 5px; }
.stepper-wrapper ul { padding:0 }
.stepper-4-steps .stepper-step { width: 25% }
.stepper-5-steps .stepper-step { width: 20% }
.stepper-6-steps .stepper-step { width: 16.4% }
.stepper-7-steps .stepper-step { width: 14.28% }

.stepper-step { list-style-type: none; width: 20%; float: left; position: relative; color: black; text-align: center; top: -8px }
    .stepper-step:before { width: 16px; height: 16px; content: ""; line-height: 10px; border: 0; display: block; text-align: center; margin: 0 auto -12px auto; top: 24px; border-radius: 50%; position: relative; z-index: 2; background-color: #819831; }
    .stepper-step:after { width: 100%; height: 8px; content: ''; position: absolute; background-color: #819831; top: 28px; left: -50%; z-index: 0; }
    .stepper-step:first-child:after { content: none; }

.stepper-current ~ .stepper-step { color: #d6d6d0 }
.stepper-current ~ .stepper-step:before { border-color: #55b776; background: #d6d6d0; }
    .stepper-current ~ .stepper-step:after { background-color: #d6d6d0; } 

@media only screen and (max-width: 767px ) {
    .stepper-step div { display: none }
}
/* Stepper - FINE ------------------------------------------ */

/* Modifica .btn Bootstrap --------------------------------- */
.btn { color: white; background-color: #819831 }
.btn:hover {color:white; background-color:#AAC15C }
/* Modifica .btn Bootstrap - FINE -------------------------- */

.btn.btn-gray   { color: black; background-color: #F0F0F0 }
.btn.btn-yellow { color: black; background-color: #ffd83e }

/* Set padding to keep content from hitting the edges */
.body-content { padding-left: 15px; padding-right: 15px; }

hr.seppartecipanti { border-top: 2px solid #9EB64B; margin: 20px 0; opacity: 1 }

.fullwidth { width: 100% }
.hidden { display: none !important }

.field-validation-error { color: #8b2020 }
.validation-summary { display: none; color: #8b2020; margin: 20px 0 }

.topbar { width: 100%; background-color: #819831; min-height: 60px; padding: 10px; margin: 10px 0 }
.topbar-desc { margin: 0 auto; color: white; text-align: center; font-size: 16px; }
.topbar-periodo { margin: 0 auto; color: white; text-align: center; font-size: 12px; font-style: italic }

.firmacontratto { margin-top: 10px; padding: 10px; }
.firmacontratto.avviso { background-color: #ffe588; border: #f7a600 3px solid; }
.firmacontratto.blocco { background-color: #ffbbbb; border: #f70000 3px solid; }

.prtable { width: 100%; }
.prtable tr td:first-child { width: 0 }
.prtable tr td { border: 1px solid #999999; margin: 5px; padding: 5px }

.prbox { background-color: #819831; border-radius: 3px; padding: 10px; margin: 20px 0 20px 0; width: 100%; color: white }

.domanda { font-size: 14px; color: #404040 }

.numpass { margin: 0 5px}
.numpass div:first-of-type {text-align:center; font-size: 12px}

.dropdowncamera { display: inline-block; width: auto; }
.divcamera { margin: 10px 0 10px 0; display: flex; flex-wrap:wrap; align-items:center; justify-content: end; row-gap: 10px; }
    .divcamera:first-of-type .camerasep { display: none }

.labelcamera {min-width: 75px }

.camerasep { color: #819831; width: 100%; border-width: 5px; opacity: 1; }

.intestazionecamera { margin: 10px 0 10px 0; display: block; }

.divtipocamera { display: flex; align-items: center; color: black; flex-grow: 1; }
.divtipocamera select { margin-left:5px; flex-grow: 1; }

.divadultibambini { display: inline-block; vertical-align: top; padding-top: 6px; color: black }
.divcameraab { display:flex }

.divpulsanti { display: inline-block; vertical-align: top; padding: 2px 0 0 10px }

.datipart.cognome { width: 25% }
.datipart.nome { width: 25% }
.datipart.codicefiscale { width: 20% }

.recapaccordion-wrapper {width:70%; margin:0 auto}
.recapaccordion { display:flex !important }

.recapaccordion span:first-of-type { top: 5px; min-width: 15px }
.recapaccordion-nome { white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1 }
.recapaccordion-part { white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1 }
.recapaccordion-importo { white-space:nowrap }

.recap-totale { width: 70%; margin: 10px auto; border: 1px solid #e0e0e0 }

#cfform label { margin-right: 5px }

#accordionpartenze {width: 100% }

#prtabpartenze { width: calc(100% - 40px); margin: 20px }
#prtabpartenze td:first-child { padding-right: 5px; padding-left: 5px; width: 0; white-space: nowrap }
#prtabpartenze td:nth-child(2) { width: auto }
#prtabpartenze th { padding: 5px; }

.divoptpartenze { background-color: #819831; color: white; padding: 10px }

.rigacamera { background-color: #819831; color: white; padding:5px; margin-bottom:10px }
.rigapartenza { margin-bottom:10px }

.prdescpasseggero { background-color: #819831; color: white }

.prservizio td:nth-child(1) { border-right: none }
.prservizio td:nth-child(2) { border-left: none }

.prnoterpratica             { width:70%; margin:0 auto }
.prnoterpratica textarea { height: 100px }
.prnoterpratica > p         { margin:0 0 0 3px; padding:0 }

.onoffceliaco .onoffswitch-inner:before, .onoffceliaco .onoffswitch-inner:after { content: "CELIACO" }
.onoffdisabile .onoffswitch-inner:before, .onoffdisabile .onoffswitch-inner:after { content: "DISABILE" }

.prstepintro { margin: 47px 20px 30px 20px; font-size: 16px }
.cfwarning { color: red; margin-top: 5px; display: none }

.div-avanti-indietro { width: 100%; margin-top: 30px }
.div-avanti-indietro div:nth-child(1) { float: left }
.div-avanti-indietro div:nth-child(2) { float: right; }
.div-avanti-indietro div:nth-child(3) { clear:both }

.warning-giallo { width: 100%; padding: 15px; margin-top: 10px; background-color: #fff3c5; border: 1px solid #ffd83e }
.warning-grigio { width: 100%; padding: 15px; margin-top: 10px; background-color: #eeeeee; border: 1px solid #aaaaaa }

.form-lbl { margin-right: 5px; float: left }
.form-lbl, .regform-fld { margin-bottom: 15px; float: left }

@media screen and (max-width: 991px)
{
    .container {max-width: 800px}
}

@media screen and (max-width: 768px) {
    .form-lbl { width: 100%; clear: both; text-align: left !important }
    .form-fld { width: 100%; clear: both }
    .rigapartenza { margin-bottom: 0 }
}

@media screen and (max-width: 480px) {
    .divcamera { flex-direction: column; align-items: end; gap:10px }
    .divtipocamera { width:100% }
    .divtipocamera select { flex-grow: 1; margin-left:5px }
    .divcameraab { width: 100%; justify-content: space-around; }
    .updown-btn { width: 32px !important; height: 40px !important }
    .numpass div:first-of-type {text-align:center; font-size: 14px; margin-bottom: 3px }
    
    .recapaccordion-wrapper {width:90%; }
    .recapaccordion-wrapper .ui-accordion .ui-accordion-content { padding:5px }
    .recap-totale { width: 90%; }   
}

@media screen and (max-width: 300px) {
    .divtipocamera { display: block; }
    .divtipocamera select { width:calc(100% - 10px); }
}

/* User Home ----------------------------------------------- */
.userhome-box-cnt a { color: black }
.userhome-box-cnt:hover a { color: white }
.userhome-box { width: 100%; border: 1px solid #819831; border-radius: 5px; padding: 20px; margin-top: 20px }
.userhome-box:hover { background-color: #819831; }
.userhome-box .userhome-box-icon { width: 45px; height: 45px; margin: 10px 10px 0 0; float: left }
.userhome-box-icon span { display: inline-block; height: 100%; vertical-align: middle; }
.userhome-box-icon span img { display: inline-block; vertical-align: middle; }

@media screen and (max-width: 460px) {
    .userhome-box .userhome-box-icon { display: none }
}

/* User Home - FINE ---------------------------------------- */


/* Ricerca viaggi -------------------------------------------*/
.viaggi-src-tipo,
.viaggi-src-dalal,
.viaggi-src-int,
.viaggi-src-lbl,
.viaggi-src-lbl-int,
.viaggi-src-cerca { display: inline-block; vertical-align: middle }

.viaggi-src-tipo { }
.viaggi-src-dalal { max-width: 150px }
.viaggi-src-int { width: 100%; max-width: 520px; }
.viaggi-src-lbl-int { display: block; margin: 8px 0 0 5px }

.viaggi-src-cerca { margin-left: 10px }

@media screen and (max-width: 652px) {
    .viaggi-src-tipo, .viaggi-src-dalal { width: 100%; max-width: none }
    .viaggi-src-int { width: 100%; max-width: none; margin: 0 }
    .viaggi-src-lbl { margin-left: 5px; width: 100% }
    .viaggi-src-cerca { margin: 10px 0 0 0; width: 100% }
    .viaggi-src-cerca input { width: 100% }
    .viaggi-src-lbl-int { display: inline-block; margin: 0 0 0 5px }
}
/* Ricerca viaggi - FINE ----------------------------------- */


/* Tabella Viaggi ------------------------------------------ */

.viaggi-table { overflow: hidden; }
.viaggi-cell-idpratica-ag,
.viaggi-cell-idpratica-cl { width: 46px; float: left; padding-bottom: 100%; margin-bottom: -100%; }

.viaggi-cell-intestatario { width: calc(34% - 193px); float: left; padding-bottom: 100%; margin-bottom: -100%; }

.viaggi-cell-viaggio-ag { width: calc(34% - 115px); float: left; padding-bottom: 100%; margin-bottom: -100%; }

.viaggi-cell-viaggio-cl { width: calc(68% - 298px); float: left; padding-bottom: 100%; margin-bottom: -100%; }

.viaggi-cell-periodo       { width: calc(32% - 140px); float: left; padding-bottom: 100%; margin-bottom: -100%; }
.viaggi-cell-programma     { width: 70px; float: left; padding-bottom: 100%; margin-bottom: -100%; }
.viaggi-cell-programma-la { width: 388px; float: left; padding-bottom: 100%; margin-bottom: -100%; }
.viaggi-cell-programma-la-conf { width: 388px; float: left; padding-bottom: 100%; margin-bottom: -100%; }
.viaggi-cell-programma-s   { width: 194px; float: left; padding-bottom: 100%; margin-bottom: -100%; }
.viaggi-cell-riepilogo     { width: 80px; float: left; padding-bottom: 100%; margin-bottom: -100%; }
.viaggi-cell-conv          { width: 70px; float: left; padding-bottom: 100%; margin-bottom: -100%; }
.viaggi-cell-foglionot     { width: 80px; float: left; padding-bottom: 100%; margin-bottom: -100%; }
.viaggi-cell-autocert      { width: 88px; float: left; padding-bottom: 100%; margin-bottom: -100%; }
.viaggi-cell-statoconf     { width: 92px; float: left; padding-bottom: 100%; margin-bottom: -100%; }
.viaggi-cell-statoconf-sm  { display: none; float: left; padding-bottom: 100%; margin-bottom: -100%; }
.viaggi-cell-box > div     { font-family:"open sans condensed"; padding: 10px; }
.viaggi-cell-programma > div,
.viaggi-cell-programma-la > div,
.viaggi-cell-programma-la-conf > div,
.viaggi-cell-programma-s > div,
.viaggi-cell-riepilogo > div,
.viaggi-cell-conv > div,
.viaggi-cell-foglionot > div,
.viaggi-cell-autocert > div,
.viaggi-cell-statoconf > div { text-align: center }
.viaggi-cell-gap { height: 10px; display: none }
.viaggi-cell-header { background-color: #819831; color:white }

.viaggi-viaggio:nth-of-type(even) .viaggi-cell-idpratica-ag,
.viaggi-viaggio:nth-of-type(even) .viaggi-cell-idpratica-cl,
.viaggi-viaggio:nth-of-type(even) .viaggi-cell-intestatario,
.viaggi-viaggio:nth-of-type(even) .viaggi-cell-viaggio-ag,
.viaggi-viaggio:nth-of-type(even) .viaggi-cell-viaggio-cl,
.viaggi-viaggio:nth-of-type(even) .viaggi-cell-periodo,
.viaggi-viaggio:nth-of-type(even) .viaggi-cell-programma,
.viaggi-viaggio:nth-of-type(even) .viaggi-cell-programma-la,
.viaggi-viaggio:nth-of-type(even) .viaggi-cell-programma-la-conf,
.viaggi-viaggio:nth-of-type(even) .viaggi-cell-programma-s,
.viaggi-viaggio:nth-of-type(even) .viaggi-cell-riepilogo,
.viaggi-viaggio:nth-of-type(even) .viaggi-cell-conv,
.viaggi-viaggio:nth-of-type(even) .viaggi-cell-foglionot,
.viaggi-viaggio:nth-of-type(even) .viaggi-cell-autocert,
.viaggi-viaggio:nth-of-type(even) .viaggi-cell-statoconf { background-color: #f1f6e2 }
.viaggi-viaggio:nth-of-type(odd) .viaggi-cell-idpratica-ag,
.viaggi-viaggio:nth-of-type(odd) .viaggi-cell-idpratica-cl,
.viaggi-viaggio:nth-of-type(odd) .viaggi-cell-intestatario,
.viaggi-viaggio:nth-of-type(odd) .viaggi-cell-viaggio-ag,
.viaggi-viaggio:nth-of-type(odd) .viaggi-cell-viaggio-cl,
.viaggi-viaggio:nth-of-type(odd) .viaggi-cell-periodo,
.viaggi-viaggio:nth-of-type(odd) .viaggi-cell-programma,
.viaggi-viaggio:nth-of-type(odd) .viaggi-cell-programma-la,
.viaggi-viaggio:nth-of-type(odd) .viaggi-cell-programma-la-conf,
.viaggi-viaggio:nth-of-type(odd) .viaggi-cell-programma-s,
.viaggi-viaggio:nth-of-type(odd) .viaggi-cell-riepilogo,
.viaggi-viaggio:nth-of-type(odd) .viaggi-cell-conv,
.viaggi-viaggio:nth-of-type(odd) .viaggi-cell-foglionot,
.viaggi-viaggio:nth-of-type(odd) .viaggi-cell-autocert,
.viaggi-viaggio:nth-of-type(odd) .viaggi-cell-statoconf { background-color: #e5edca }

.viaggi-span-pdf { display:none }

.viaggi-confermata { color: green; font-weight: bold }
.viaggi-cell-daconfermare { background-color: #ffe588 !important }
.viaggi-cell-daconfermare a,
.viaggi-cell-statoconf-sm a { font-weight:bold }


@media screen and (max-width: 991px) {
    
    .viaggi-table .colpdf { clear: both; width:100% }
    .viaggi-cell-idpratica-ag { width: 46px; }
    .viaggi-cell-idpratica-cl { width: 100%; }
    .viaggi-cell-idpratica-ag > div > div:before,
    .viaggi-cell-idpratica-cl > div > div:before { content: "#" }
    .viaggi-cell-intestatario { width: calc(100% - 46px); text-align: right }
    .viaggi-cell-statoconf-sm { display: block; width: 100%; background-color: #ffe588; text-align: center }
    .viaggi-cell-viaggio-ag,
    .viaggi-cell-viaggio-cl { width: 70%; clear: both }
    .viaggi-cell-periodo { width: 30%; text-align:right }
    .viaggi-cell-programma,
    .viaggi-cell-programma-s,
    .viaggi-cell-riepilogo,
    .viaggi-cell-conv,
    .viaggi-cell-foglionot,
    .viaggi-cell-autocert { float: left; width: 50% }
    .viaggi-cell-statoconf { float: left; width: 100% }
    .viaggi-cell-programma-la { width: 100% }
    .viaggi-cell-programma-la-conf { width: 50% }
    .viaggi-cell-header { display: none }
    .viaggi-cell-gap { display: block; }
    .viaggi-span-pdf { display: inline }
    .viaggi-cell-programma,
    .viaggi-cell-conv,
    .viaggi-cell-autocert { border-right: 2px solid #819831 }
/*   .viaggi-cell-viaggio .viaggi-cell-box, */
    .viaggi-viaggio:nth-of-type(n) .viaggi-cell-viaggio-ag,
    .viaggi-viaggio:nth-of-type(n) .viaggi-cell-viaggio-cl,
    .viaggi-viaggio:nth-of-type(n) .viaggi-cell-periodo { background-color: #819831; color: white }
    .viaggi-viaggio:nth-of-type(n) .viaggi-cell-idpratica-ag,
    .viaggi-viaggio:nth-of-type(n) .viaggi-cell-idpratica-cl,
    .viaggi-viaggio:nth-of-type(n) .viaggi-cell-intestatario,
    .viaggi-viaggio:nth-of-type(n) .viaggi-cell-programma,
    .viaggi-viaggio:nth-of-type(n) .viaggi-cell-programma-la,
    .viaggi-viaggio:nth-of-type(n) .viaggi-cell-programma-la-conf,
    .viaggi-viaggio:nth-of-type(n) .viaggi-cell-programma-s,
    .viaggi-viaggio:nth-of-type(n) .viaggi-cell-riepilogo,
    .viaggi-viaggio:nth-of-type(n) .viaggi-cell-conv,
    .viaggi-viaggio:nth-of-type(n) .viaggi-cell-foglionot,
    .viaggi-viaggio:nth-of-type(n) .viaggi-cell-autocert,
    .viaggi-viaggio:nth-of-type(n) .viaggi-cell-statoconf { background-color: #e5edca }

    .viaggi-cell-daconfermare { display: none }

}

@media screen and (max-width: 460px) {
    .viaggi-cell-viaggio-ag,
    .viaggi-cell-viaggio-cl,
    .viaggi-cell-periodo { width: 100%; clear: both; text-align: center }
    .viaggi-cell-viaggio-ag .viaggi-cell-box,
    .viaggi-cell-viaggio-cl .viaggi-cell-box { border-bottom: 2px solid #e5edca }
    .viaggi-cell-periodo, .viaggi-cell-statoconf { float: left; width: 100%; text-align: center }
    .viaggi-cell-programma,
    .viaggi-cell-programma-s,
    .viaggi-cell-riepilogo,
    .viaggi-cell-conv,
    .viaggi-cell-foglionot { float: left; width: 50% }

}

/* Tabella Viaggi - FINE ----------------------------------- */



/* In Agenzia ---------------------------------------------- */

.inag-table {overflow: hidden}
.inag-cell-header { background-color: #819831; color: white }
.inag-cell-citta { width: 18%; float: left; padding-bottom: 100%; margin-bottom: -100%; }
.inag-cell-ragsoc { width: 24%; float: left; padding-bottom: 100%; margin-bottom: -100%; }
.inag-cell-indirizzo { width: 23%; float: left; padding-bottom: 100%; margin-bottom: -100%; }
.inag-cell-tel { width: 10%; float: left; padding-bottom: 100%; margin-bottom: -100%; }
.inag-cell-email{ width: 25%; float: left; padding-bottom: 100%; margin-bottom: -100%; word-break:break-all }
.inag-cell-box > div { font-family: "open sans condensed"; padding: 10px; }

.inag-frm-maindiv { width: 70%; border: 1px solid #819831; background-color: #819831; margin: 0 auto; }
.inag-frm-innerdiv { width: 100%; padding: 10px; color: white; }
    .inag-frm-innerdiv .validation-summary-errors { background-color: #ffcfcf; border: 1px solid #8b2020; margin-bottom: 15px; color: #8b2020 }
    .inag-frm-innerdiv a, .register-innerdiv a:hover, .register-innerdiv a:visited { color: white }



/* In Agenzia - FINE --------------------------------------- */



/* Registrazione ------------------------------------------- */

.register-maindiv { width: 70%; border: 1px solid #819831; background-color: #EFEFEF; margin: 0 auto; }
.register-innerdiv { width: 100%; padding: 10px; /*color: white;*/ }
.register-innerdiv .validation-summary-errors { background-color: #ffcfcf; border: 1px solid #8b2020; margin-bottom: 15px; color:#8b2020 }
.register-innerdiv a, .register-innerdiv a:hover, .register-innerdiv a:visited { color: white }

@media screen and (max-width: 992px) {
    .register-maindiv { width: 100% }
}

/* Registrazione - FINE ------------------------------------ */


/* Box generico ---------------------------------------------*/

.gen-box-header { width:70%; background-color:#819831; margin:0 auto; border-radius: 3px 3px 0 0; color: white; padding: 5px}
.gen-box-body { width:70%; border:2px solid #819831; margin:0 auto; border-radius: 0 0 3px 3px; padding: 5px }
.gen-box-body div:first-child { white-space:pre-line; margin-bottom:10px }
.gen-box-body span { font-size:12px }

/* Box generico - FINE --------------------------------------*/


.chkdp-pratica { display: flex; flex-direction: column; width: 95%; max-width: 380px; margin: 0 auto; justify-content: space-between; font-family: "open sans condensed"; font-size: 14px; margin-bottom: 10px; background-color: #e5edca }
    .chkdp-pratica:nth-child(2n+1) { background-color: #e5edca }
.chkdp-id { background-color: #819831; color: white; width: 100%; padding: 3px; margin: auto; }
.chkdp-part-wrapper { display: flex; flex-direction: column; flex-grow: 1; background-color: #f1f6e2 }
.chkdp-part { display: flex; flex-direction: row; }
/*.chkdp-part:nth-child(2n) { background-color: #c8d896 } */
.chkdp-cognome { }
.chkdp-nome { }
.chkdp-conferma { width: 100%; display: flex; justify-content: space-evenly; flex-direction: column; padding: 3px; text-align: center; border-top: 2px solid #819831 }
.chkdp-cognomenome { width: 50%; padding: 3px }
.chkdp-header { display: none }

@media only screen and (min-width:768px) {
    .chkdp-pratica { width: 80%; flex-direction: row; max-width: 700px; margin-bottom: 0 }
    .chkdp-pratica:nth-child(2n) { background-color: #f1f6e2 }
    .chkdp-pratica:nth-child(2n+1) { background-color: #e5edca }
    .chkdp-part-wrapper { display: flex; flex-direction: column; flex-grow: 1; background-color: initial; margin: auto }
    .chkdp-id { background-color: initial; color: initial; width: 10%; }
    .chkdp-conferma { width: 15%; border: none; }
    .chkdp-cognomenome { width: 50% }
    .chkdp-lbl-id-pratica { display: none }

    .chkdp-header { display: flex; background-color: #819831 !important; color: white !important }
}