/* ++++++++++++++++++++++++++++++++++++++++ GLOBAL +++++++++++++++++++++++++++++++++++++++++++++++*/ 
body {
    padding-top: 110px;
    font-family:Georgia, "Times New Roman", Times, serif;
}

h2, h3{	color:#CC0000; margin-bottom:30px;}

a:focus{outline:0; }

.testorosso{ color:#a94442;}

.testoverde{ color:#00CC00;}

.testoblu{ color:#72b8d9;}

.testoarancio{ color:#ee7600;}

.testogiallo{ color:#FFFF6A;}

.testogrigio{ color:#888;}

.testopiccolo {
    font-size:  12px;
    margin-top:-100px;
    padding-top:0px;
}

.testomedio {
    font-size:  14px;
}

#footer {
    -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 0.3);
    box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 0.3);
    background-color: #daf3fe;
    padding:5px;
    margin-top: 10px;
}
.panel-default > .bg-happy,
.bg-happy { background-color: #a8dff9 }
label {
    padding: 10px;
    padding-top: 12px;
}






/* ++++++++++++++++++++++++++++++++++++++++ MEDIA SIZES +++++++++++++++++++++++++++++++++++++++++++++++*/ 
body, .jumbotron p{  font-size: 16px;}  

h1 {  font-size:  26px;}
h2 {  font-size:  24px;}
h3 {  font-size:  18px;}
#footer {font-size:  14px;}
.nav { font-size:15px; line-height:1.528;}

@media (max-width:1199px){

    .div-table2 { font-size: 12px; }
    .div-table3 { font-size: 10px; }
}




/* ++++++++++++++++++++++++++++++++++++++++ NAV MENU +++++++++++++++++++++++++++++++++++++++++++++++*/ 


.navbar-brand,
.navbar-nav li a {
    line-height: 86px;
    height: 86px;
    padding-top: 0;
}

.logo-fixed {
    display:inline;
    padding:0;
    margin:0;
}

.navbar {
    -webkit-box-shadow: 0px -2px 8px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:    0px -2px 8px 0px rgba(50, 50, 50, 0.4);
    box-shadow:         0px -2px 8px 0px rgba(50, 50, 50, 0.4);
    min-width:366px;
}

.navbar-toggle {
    margin: 0;
    margin-right:10px;
    margin-top:16px;
}

.navbar-default {
    background-color: #daf3fe;
    border-color: #E7E7E7;
}

.navbar-default .navbar-brand {
    color: #333;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;
}

.navbar-default .navbar-nav > li > a {
    color: #5895b0;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #333;
    color: #5895b0;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #5895b0;
    background-color: #b1def3;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #daf3fe;
}

.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #b1def3;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: 0;
}

.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    border-color: #5895b0;
    background-color: #daf3fe;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #5895b0;
}

.dropdown-menu li a{
    line-height: 35px;
    height: 35px;
}

/*since bootstrap screen is set at 1200*/
@media (max-width:1199px){

    .navbar-nav li a {
        height: 32px;
        line-height: 32px;
        padding-top: 0;
    }
}






/* ++++++++++++++++++++++++++++++++++++++++ JUMBOTRON +++++++++++++++++++++++++++++++++++++++++++++++*/ 
.jumbotron p {
    margin-bottom: 10px;
}

.jumbotron {
    background-color: #f8f7f7;
    margin-bottom: 30px;
    padding: 10px;
}

.jumbotron .table { background-color:#f8f7f7}




/* ++++++++++++++++++++++++++++++++++++++++ NEWS BOX - PROJECT BOX - CERTIFICATION BOX +++++++++++++++++++++++++++++++++++++++++++++++*/ 
.glyphicon
{
    margin-right:4px !important; /*override*/
}

.pagination .glyphicon
{
    margin-right:0px !important; /*override*/
}

.pagination a
{
    color:#555;
}

.panel ul
{
    padding:0px;
    margin:0px;
    list-style:none;
}

.news-item
{
    margin:0px;
    border-bottom:1px dotted #555; 
}

.PROJECTSPOTLIGHT > .news-item
{
    border-bottom:0px;
}
.PROJECTSPOTLIGHT > .news-item > .btn
{
    margin-top: 10px;
}
.panel-default > .bg-success {
    background-color: #dff0d8;
}

.panel-default > .bg-warning {
    background-color: #fcf8e3;
}

.panel-default > .bg-danger {
    background-color: #f2dede;
}

.PROJECTSPOTLIGHT {
    min-height:280px;
}





/* ++++++++++++++++++++++++++++++++++++++++ BOOTSTRAP OTHER +++++++++++++++++++++++++++++++++++++++++++++++*/ 
.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
    color:#5895b0;
}
.form-group { padding:5px;}
.form-horizontal .control-label { padding:10px; font-size: 14px; }
.form-horizontal .has-feedback .form-control-feedback { right: 0px; }
.form-control-feedback { top: 10px; }


.form-horizontal .has-feedback .select-feedback .form-control-feedback { right: 0px; }
.form-horizontal .has-feedback .select-feedback-right .form-control-feedback { left: 0px; }
.messageContainer { color: #A94442; font-size: 12px; width: 100%; clear:both; margin-bottom: 8px;}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #B1DEF3; }
.table-sm { font-size: 12px;}





/* ++++++++++++++++++++++++++++++++++++++++ PRINTO EMAIL +++++++++++++++++++++++++++++++++++++++++++++++*/ 
.email-table { width: 90%; }
.email-td { padding: 5px 5px 5px 0; /* border: 1px solid black; */ }
.email-td1 { width: 20%; }
.email-td2 { width: 80%; }
.email-area {width: 90%; height: 300px; }
.email-error { color: #ff0000; }
.email-sent { color: #005316; } 






/* ++++++++++++++++++++++++++++++++++++++++ PRINTO OTHER +++++++++++++++++++++++++++++++++++++++++++++++*/ 
.div-table { border: 1px solid #CCCCCC; width: 50%; min-width: 300px;  padding: 10px; background-color: #FFFFFF; }
.div-table > .div-title { border: 1px solid #CCCCCC; background-color: #FFFFCC; }
.div-table2 { border: 1px solid #CCCCCC; min-width: 110px;  padding: 5px; background-color: #FFFFCC; white-space:normal; background-color: #FFFFFF; }
.div-table3 { border: 1px solid #CCCCCC; min-width: 40px;  padding: 3px;  white-space:normal; background-color: #FFFFFF; }
#governing_panel_11{ padding-left:5px; padding-right:5px;}

.selectCountry {
    padding:10px 0 0 45px;
    background-position:5px center;
    background-repeat:no-repeat;
}
.one-border-bottom { padding: 8px; }
.border-bottom { border-bottom: 0px; }
.one-border-bottom { border-bottom: 1px solid #CCCCCC; }
@media (min-width:991px){
    .one-border-bottom { border-bottom: 0px; }
    .border-bottom { border-bottom: 1px solid #CCCCCC; }
}
.td_padding { padding: 7px; }

.cookieBanner 
{
    position: fixed; 
    padding: 5px; 
    text-align:center; 
    left: 0; 
    width: 100%;  
    line-height: 22px; 
    background-color: #ccc; 
    color: #666; 
    bottom: 0px;
}

#family-banner 
{
    padding: 0px; 
}
.tr_hover:hover {
    background-color: #B1DEF3;
}

#photo_menu 
{ 
    display:inline; 
    border: 1px solid #555;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#name_menu { display:none; }
@media (max-width:1199px){
    #photo_menu { display:none; }
    #name_menu { display:inline; }
}

.users-table { width: 550px; border-collapse:collapse; padding: 5px; background-color:#FFF; }
.users-title-td { background-color: #0CF; color: #fff; padding: 5px; font-weight:bold; }
.users-td {  padding: 5px; background-color: #F8F7F7;}
.users-filter {  width: 60px; height: 25px; font-size: 11px; }
.users-filter-person {  width: 120px; padding: 0; padding-left: 3px; padding-right: 3px; }
.table-cell { border: 1px solid #ccc;  padding: 2px;}
.table-cell-left { border: 1px solid #ccc; border-right: 0;}
.table-cell-right { border: 1px solid #ccc; border-left: 0;  padding-left: 5px;}
.table-row:hover { background-color:#FE5;}
.table-row2:hover {background-color: #B1DEF3;}

@media (max-width:1400px){
    .hidden-xs { display: none !important; }
    .visible-xs { display: inline !important; }
}
.code_text 
{
    width: 100%; 
    padding: 3px;
    background-color: white;
    color: #555;
    border: 1px solid #555;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.code_text2
{
    padding: 3px;
    background-color: white;
    color: #555;
    border: 1px solid #555;
}
.status_1, .status_2, .status_3, .status_4, .status_6
{
    text-align: center;
    padding: 3px;
    border: 1px solid #555;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.status_1 { background-color: #F00; color: #fff; }
.status_2 { background-color: #F60; color: #fff; }
.status_3 { background-color: #FF0; color: #555; }
.status_4 { background-color: #3F0; color: #555; }
.status_6 { background-color: #d8dee9; color: #555; }

label {
    padding: 10px;
    padding-top: 12px;
}

.submenu
{
    margin-top:10px;
    width:100%;
    text-align:center;
}
.sublink, .sublink:hover, .sublink:visited
{
    color:#5895b0;
    text-decoration:none;
    margin:10px;
    font-size:18px;
    padding: 8px;
    background-color: #fff;
    border: 2px solid #5895b0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    white-space: nowrap;
    display: inline-block;
}
.sublink_sel, .sublink_sel:hover, .sublink_sel:visited 
{
    color:#5895b0;
    text-decoration:none;
    margin:10px;
    font-size:18px;
    padding: 8px;
    background-color: #daf3fe;
    border: 2px solid #5895b0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    white-space: nowrap;
    display: inline-block;
}



#usersMap { margin: 0; width: 100%; height: 580px; clear:both; }
#usersMap img { max-width: none; }
#usersMap label { width: auto; display: inline; }
#usersMap path {
    stroke-width:1; /* control the countries borders width */
    stroke:#6699cc; /* choose a color for the border */}
#usersMap path:nth-child(14) {fill:#CCCCCC;}



.google-visualization-tooltip {
    border:solid 1px #CCC!important; border-radius: 10px!important;
    background-color: white; position: absolute; text-align: center;
    font-size: 12px!important; padding: 0!important; margin:0!important; 
    /*width: 100px!important; height: 82px!important;*/
}
.google-visualization-tooltip-item-list { list-style-type: none; margin: 0!important; padding: 0!important; }
.google-visualization-tooltip-item:first-child { margin: 0!important; padding: 0!important;}
.google-visualization-tooltip-item { margin: 0!important; padding: 0!important; }

.flag_tooltip {position: absolute; bottom: 0px; left: 26px;}

.error_doubleentry, .error_doubleentry_vas, .error_doubleentry_viewcheck, .error_doubleentry_check
{
    padding: 2px;
    width: 5px;
    background-color: #FFA79C;
    border: 2px solid #CC4F40;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.error_doubleentry_vas
{
    padding: 12px;
}
.error_doubleentry_check
{
    width: 25px;
}
.error_doubleentry_viewcheck
{
    padding-top: 8px;
    padding-bottom: 0px;
    margin-bottom: 2px;
}
.table-gray tr th { background-color:#f8f7f7}
.table-gray tr td { background-color:#f8f7f7}

.btn-primary {
    background-color: #daf3fe;
    color:#555;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
    background-color: #afdcc5;
}