/*.top-nav >*/ li.infotext {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
    margin-right: 1em;
    color: #999;
}
.field-validation-error {color: #a94442; font-weight: bold;}
.field-validation-valid {display: none;}
input.input-validation-error {border: 1px solid #a94442;}
select.input-validation-error + .select2-container--bootstrap .select2-selection {border: 1px solid #a94442;}
.validation-summary-errors {
    color: #a94442;
    font-weight: bold;
    font-size: 1.1em;
}
.validation-summary-valid {display: none;}
.btn-huge {
    height: 6em;
    font-size: 2.5em;
    line-height: 6em;
    margin-bottom: 1em;
}
.table-fluid {width: auto;}
.indirizzo_estero {display: none;}
.nazione_estero .indirizzo_estero {display: block;}
.nazione_estero .indirizzo_italia {display: none;}



/*personalizzazione template --------------------------------------------------------*/
.spaceDiv{display:block;height:40px;float:none;clear:both}
/*.row {background-color:white}*/
footer{font-size:12px}
.parP{font-size:12px}
.bd-example {
    padding: 2.5rem;
    margin: 30px 0;
    border-width: .2rem;
    position: relative;
    /*border: solid #fff;
    background-color:#fff;*/
}
.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
    background-color:#fff
}
.bd-callout-warning {border-left-color: #f0ad4e;}
.bd-callout-danger {border-left-color: #d9534f;}
.bd-callout+.bd-callout {margin-top: -.25rem;}
.bd-callout code {border-radius: .25rem;}
code {
    padding: .2rem .4rem;
    font-size: 90%;
    color: #bd4147;
    background-color: #f7f7f9;
    border-radius: .25rem;
}
.bd-example .form-group {
    display:block;
    padding:5px 10px;
    border:1px dotted #999;
    margin-bottom: 15px;
    /*background-color:#fff*/
}
.text-secondary {color: #999;}
.smallT{font-size:small; margin-left:15px}
.pull-right {float: right!important;}
.bd-example .form-control{}
.margTB{margin:10px 0; display:block}
.margT15{margin-top:15px!important}

/*HEADER ---------------------------------------*/
.navbar-inverse {background-color:white;
    border-bottom: 1px solid #CBCBCB;
    box-shadow: 0 2px 2px -2px rgba(0,0,0,0.15);
    /*padding-right: 30px;*/
    color: #818D8E;
    /*height:72px;*/
}
/*.navbar-header{width:100%; padding:0; margin:0; display:block;}div contenente il div che contiene il logo*/
.navbar-brand {padding:0; margin:0;}/*anchor contenente il logo*/
/*.navbar-brand>img {width:70%; padding:0; margin:0;} LOGO*/

/*MENU TOP*/
.top-nav>li>a {font-family: "Roboto",arial,sans-serif; font-size:14px; font-weight:400}
.top-nav>li ul li {white-space:nowrap!important; font-size:12px;}
/*.nav {}
.navbar-right {}*/
.dropdown-menu {
    min-width: 230px;
}

/*BARRA LATERALE MENU -----------------------------------------*/
.side-nav {/*top:72px;*/ background-color: #1C7AA8; font-family: "Roboto",arial,sans-serif; font-size:16px; }
/*.navbar-inverse .navbar-nav li {}*/
.navbar-inverse .navbar-nav>li>a {color:white;-moz-transition: color 0.25s ease; -o-transition: color 0.25s ease; -webkit-transition: color 0.25s ease; transition: color 0.25s ease; font-weight:400!important}
/*.navbar-nav li:first-child  {background-color:#d6c42e}*/
.navbar-nav li.bgdark  {background-color:#222}
.navbar-nav li{border-bottom: 1px #4290b4 solid;/*border-top: 1px #222 solid;*/}
.navbar-nav>li>a {
    padding-top: 20px;
    padding-bottom: 20px;
}
.navbar-toggle {background-color: #1C7AA8;}/*pulsante responsive*/

/*PAGINA HOME GESTIONALE -------------------------------------*/
/*.container-fluid {position:relative;top:10px;}*/
#page-wrapper {position:relative;margin-top: 5em;background-color:transparent}/*contenitore*/
.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 0;
    font-size: 30px;
    color:#7F8184;
    font-style:normal!important;
}
.text-primary {color: #337ab7;}
.text-primary2 {color: #d6c42e;}
body {font-family: Verdana,Arial,sans-serif; /*font-size: 12px;*/ line-height: 1.42857143;/*background-color:#f5f5f5!important;*/margin-top:0}
a{font-weight:bold}
p{color: #666;}
hr{clear:both;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{/*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/font-family: "Roboto Condensed",arial,sans-serif;}
.h1, h1{font-size: 38px; font-weight: 400;margin-bottom:30px}
.h2, h2{font-size: 32px; font-weight: 400; margin:50px 0 30px 0;clear:both; }
.h3, h3 {font-size: 28px; font-weight: 400; margin:30px 0 20px 0;}
.h4, h4 {font-weight:normal;font-size: 22px;}
.clear{clear:both}

.font9{font-size:.9em}
.font8{font-size:.8em}
/*.fa-5x{font-size:4em!important}*/

.col-md-12 {padding:10px; border:1px solid #ddd}
.panel-default>.panel-heading {background-color:#EFEFEF; border-color: #ddd;}
.panel-title {font-size:20px!important;}
#collapseOne{float:none;clear:both}
.panel-heading {padding: 15px 15px 20px 15px;}
.panel-default {border-color: #ddd;}
.panel-body {min-height:150px}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    /*border: 1px solid transparent;*/
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel2 {
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
    font-size:.8em;
    color:#999
}
.panel2 h1{color:#4290b4}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.panel2 .form-control {padding:5px!important}
textarea {width:100%;height: 100px;resize: vertical;overflow: auto;font-size:.7em; display:block; clear:both}


/*TABELLE --------------------------------------*/
.table {/*margin-top:30px;*/ border: 1px solid #CBCBCB; margin-bottom: 20px; font-family: "Roboto",arial,sans-serif;}
.table tr {
        background-color: #fff;
        -moz-transition: background-color 0.2s ease, color 0.2s ease;
        -o-transition: background-color 0.2s ease, color 0.2s ease;
        -webkit-transition: background-color 0.2s ease, color 0.2s ease;
        transition: background-color 0.2s ease, color 0.2s ease;
    }
.table th {
    font-weight: 400;
    font-size: 13px;
    color: #252525;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    border-left: none;
    border-right: none;
    border-top: none;
    letter-spacing: 0.1em;
    background-color: #eee;
}
/*.legenda{width:25%}*/
.text-right {text-align: right!important;}
.text-left {text-align: left!important;}


/*FORM --------------------------------------*/
label {margin-top: 5px; margin-bottom: 5px;}
.form-control {padding:0!important;}

/*TOOLTIP*/
.red-tooltip + .tooltip > .tooltip-inner {background-color: #f00; font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; font-size:14px; }
.red-tooltip + .tooltip > .tooltip-arrow {border-bottom-color:#f00;}

.black-tooltip + .tooltip > .tooltip-inner {background-color: #222; font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; font-size:14px; line-height: 1.4em; padding: 8px 20px; width:200px}
.black-tooltip + .tooltip > .tooltip-arrow {border-bottom-color:#222; }
.form-group .black-tooltip  {font-size: 30px;}


/*FIELDSET ----------------*/
fieldset.boxBord {background-color: #ffffff;padding: 20px;border: 1px solid #F8F9FB;border-radius: 6px;box-shadow: 0 0 1px 0 rgba(0,12,32,0.04), 0 10px 16px 0 rgba(10,31,68,0.06);/*margin:30px 15px 15px 15px;*/border:1px solid #ddd;overflow-x:visible;}
        fieldset.boxBord p{font-size: 20px;font-weight: 300;color: #8da2b5;margin-bottom: 0;}
        fieldset.boxBord legend, .legend {color: white;padding-left: 12px;padding-right: 12px;font-size:16px;background-color:#4078a6;border-radius:6px; text-transform:uppercase; width:auto }
        fieldset.boxBord legend span {text-transform: uppercase; margin-left: 6px; color: #000; font-weight: bold;font-size:14px}

        .tooltipped {cursor:pointer}
        .mTop {margin-top:30px}

/*IFRAME VIDEO ----------*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media (min-width: 768px) {
.col-sm-offset-3 {margin-left: 25%;}
}
@media (min-width: 451px) {}
.col-sm-6 {width: 50%;float:left}
@media (min-width:530px) and (max-width:820px) {
    #page-wrapper {margin-top:8em;}
}
@media (min-width:410px) and (max-width:515px) {
    #page-wrapper {margin-top:11em;}
}
@media (max-width:414px) {
    #page-wrapper {margin-top:11em;}
}
@media screen and (max-width:450px){
    .col-sm-6 {width: 50%; float:left}
}
@media screen and (max-width:450px){
    .panel2 {width:100%!important; }
}

/*

RESPONSTABLE 2.0 by jordyvanraaij
  Designed mobile first!

If you like this solution, you might also want to check out the 1.0 version:
  https://gist.github.com/jordyvanraaij/9069194

*/

/* COLUMN WIDTH
table tr:nth-child(3) { width: 20% } - This would select the third row
table tr:nth-child(5) { width: 50% } - This would select the fifth row
table tr:nth-child(2n) { width: 15% } - This would select every second row
    td:nth-child(5) {width:auto;} - This would select the fifth column

*/
.responstable {
  margin: 1em 0;
  width: 100%;
  overflow: hidden;
  background: #FFF;
  color: #024457;
  border-radius: 10px;
  border: 1px solid #1C7AA8;
  table-layout: auto;
  font-size:.9em;

}
.responstable tr {border: 1px solid #D9E4E6;}
.responstable tr:hover {background-color:#FAFAD2!important;}
.responstable tr:nth-child(odd) {background-color: #EAF3F3;}
.responstable th {
  display: none;
  border: 1px solid #FFF;
  background-color: #1C7AA8;
  color: #FFF;
  padding: 1em;
}
/*.responstable th:first-child {display: table-cell; text-align: center;}
.responstable th:nth-child(2) {display: table-cell; }
.responstable th:nth-child(2) span {display: none;}
.responstable th:nth-child(2):after {content: attr(data-th);}*/

/*@media (min-width: 800px) {
  .responstable td:nth-child(9) {width:100%!important; white-space:nowrap}
}*/
@media (min-width: 480px) {
  .responstable th:nth-child(2) span {display: block;}
  .responstable th:nth-child(2):after {display: none;}
}
 /*.responstable td {
 display: block;
  word-wrap: break-word;
  max-width: 7em;
}*/

.responstable td:first-child {
  display: table-cell;
  text-align: center;
  border-right: 1px solid #D9E4E6;
}
/*@media (min-width: 480px) {
  .responstable td {border: 1px solid #D9E4E6;}
}*/
.responstable th, .responstable td {text-align: left; margin: .5em 1em;}
@media (min-width: 480px) {
  .responstable th, .responstable td {
    display: table-cell;
    padding: 1em;
  }
}
@media(min-width:768px) {
    .side-nav {
        left: 250px!important;
        width: 250px!important;
        margin-left: -250px!important;
    }
 }




/*ACCORDION x menu laterale*/
.side-nav {background-color: #3778a6;}
.navbar-fixed-top .panel-group2.navbar-collapse {
                    max-height: 100%;
                    overflow-y: auto !important;
                    margin-bottom: 0;
                }
.panel-group2 .panelSB {
                    border: 0;
                    border-radius: 0;
                    box-shadow: none;
                }
.panel-group2 .panelSB + .panelSB {
                        margin-top: 0;
                    }
.panel-group2 .panel-collapse .panel-body {
                    padding: 0;
                }
.panel-default2 .panel-heading {
                    border-radius: 0;
                }
.panel-default2 .panel-heading.bgHeadUfficoPostale {
                        background-color: #1c3d6d;
                        border-bottom: 1px #4290b4 solid;
                    }
.panel-default2 .panel-heading.bgHeadUfficoPostale a {
                            color: #fff !important;
                            font-weight: normal;
                        }
.panel-default2 .panel-heading.bgHeadSpedizionePacchi {
                        background-color: #1c3d6d;
                        border-bottom: 1px #4290b4 solid;
                    }
.panel-default2 .panel-heading.bgHeadSpedizionePacchi a {
                            color: #fff !important;
                            font-weight: normal;
                        }
.panel-default2 .panel-heading.bgHeadServiziFinanziari {
                        background-color: #1c3d6d;
                        border-bottom: 1px #4290b4 solid;
                    }
.panel-default2 .panel-heading.bgHeadServiziFinanziari a {
                            color: #fff !important;
                            font-weight: normal;
                        }
.panel-default2 .panel-heading.bgHeadContiCorrenti {
                        background-color: #1c3d6d;
                        border-bottom: 1px #4290b4 solid;
                    }
.panel-default2 .panel-heading.bgHeadContiCorrenti a {
                            color: #fff !important;
                            font-weight: normal;
                        }
.panel-default2 .panel-heading.bgHeadServiziAssicurativi {
                        background-color: #1c3d6d;
                        border-bottom: 1px #4290b4 solid;
                    }
.panel-default2 .panel-heading.bgHeadServiziAssicurativi a {
                            color: #fff !important;
                            font-weight: normal;
                        }


.panel-default2 .panel-heading.bgHeadContoPagamento {
                        background-color: #1c3d6d;
                        border-bottom: 1px #4290b4 solid;
                    }
.panel-default2 .panel-heading.bgHeadContoPagamento a {
                            color: #fff !important;
                            font-weight: normal;
                        }


.panel-default2 .panel-heading.bgHeadFatturaElettronica {
                        background-color: #1c3d6d;
                        border-bottom: 1px #4290b4 solid;
                    }
.panel-default2 .panel-heading.bgHeadFatturaElettronica a {
                            color: #fff !important;
                            font-weight: normal;
                        }


.panel-default2 .panel-heading.bgHeadManuale {
                        background-color: inherit;
                    }
.panel-default2 .panel-heading.bgHeadManuale a {
                            color: #fff !important;
                            font-weight: normal;
                            font-family: "Roboto",arial,sans-serif;
                            font-size: 16px;
                        }
 .panel-default2 .nav li, .side-nav.navbar-nav li:first-child {
                    background:inherit;
                    border-bottom: 1px #4290b4 solid;
                }
.panel-default2 .nav li a {
                        color: #fff !important;
                        font-weight: normal;
                        padding-top: /*19px*/10px;
                        padding-bottom: /*19px*/10px;
                    }
.panel-default2 .nav li a.active {
                            background: /*#2c8dbd*/#d6c42e;
                            border-bottom: 1px #fff solid;
                            border-top: 1px #fff solid;
                        }


.page-navigation {
    margin: 1em 0;
}

.page-navigation a {
    background: #fff;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    font-weight: normal;
    display: inline-block;
}

.page-navigation a:not(:first-child) {
    border-left-width: 0;
}

.page-navigation a:first-child {
    border-radius: 4px 0 0 4px;
}

.page-navigation a:last-child {
    border-radius: 0 4px 4px 0;
}

.page-navigation a[data-selected] {
    background-color: #337ab7;
    border-color: #337ab7;
    color: #fff;
}

.select-pagination {
    padding: 6px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    display: inline-block;
}

.select-pagination-container {margin: 20px 0;}
label.mate { position:relative!important;}


/* Effetto lampeggio x caricamento in corso... */
body{
	}
	 .blink{
		/*font-size: 240px;*/
		color: rgb (0, 137, 226);

		animation: blink 1s infinite;
	 }

	 @keyframes blink{
		0%{opacity: 1;}
		75%{opacity: 1;}
		76%{ opacity: 0;}
		100%{opacity: 0;}
	 }