/* Custom Styles */


/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
  padding-top: 13px;
  font-family: "Gill Sans", "Lato" , Helvetica, Arial, sans-serif; 
  /*background-color: #003A82;*/
/*  font-weight: 100; */
}
main {
	margin-bottom: 0px;
}
main .imgLeft {
	float: left;
	margin-right: 1em;
	margin-bottom: 0.5em;
}
main .imgRight {
	float: right;
	margin-left: 1em;
	margin-bottom: 0.5em;
}
h2 {
	color: #FFF;
	background-color: #E97919;
	padding: 6px 21px 6px 21px;
	margin-left:-15px;
	margin-right:-15px;
	margin-top:0px;
}
.navbar {
	background-color: #222222;
	border:0px;
}
.navbar-header.mynavbar {
	float:none;
	text-align:center;
}
a.navbar-brand.mynavbar {
	display:block;
	width:100%;
	padding: 15px auto;
}

footer {
/*  padding: 0 5px;*/
  font-size: 12px;
  font-weight: 600;
  line-height: 50px;
  padding-bottom:4px;
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  background-color: #5776BD;
  z-index:10;
}
footer p {
	margin-bottom: 0!important;
}
.footerNext, .footerPrev {
	font-size: 24px;
	display: block;
/*	background-color: #555;*/
	padding: 0px 10px;
	color:#DDD;
	/*
	padding: 0 10px;
	position: absolute;
	top: -10px;
	
	border: 1px solid #555;
	*/
}
.footerNext {
	right: 20px;
	float:right;
}
.footerPrev {
	left: 20px;
	float:left;
}
.footerMenu {
	padding-left:3px;
	padding-right:3px;
}
.list-group-item {
	border: none;
}
.bottom-border {
    border-bottom: 2px solid #ddd;
}


.ui-sortable .panel-info {padding: 2px; border: none; margin-bottom: 15px; box-shadow:none;}

.ui-sortable .panel-info .panel-body {
	background: #FAFAFA;	
	box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
 	padding: 6px 15px;
}
.ui-sortable .panel-info:hover {padding: 0px; margin-top: 2px; margin-bottom: 14px;}
.ui-sortable .panel-info:hover .panel-body {	
	box-shadow: 1px 1px 10px rgba(0,0,0,0.2);font-size: 1.3em;
}
.ui-sortable.notFull .panel-info .panel-body {
	display: inline-block;
}

/*center image*/

.img-center {
	position:relative;
	text-align:center;
	display:block;
}
.img-center img {
	display:inline;
}
.popover-area {
	position:absolute;
	background-color:#FFFFFF;
	cursor:pointer;
	opacity:0.01;
}
.clickable-img {
	cursor:pointer;
}

/* toc */

.panel.toc {
	box-shadow:none;
	border-bottom:1px solid #FFFFFF;
	border-radius:0px;
	background-color: #3868B4;
}
.toc .panel-body {
	padding-bottom:0px;
}

.toc p.sub {
	border: #3868B4 1px solid;
	background-color:#FFFFFF;
}
.toc p.sub a {
	color: #3868B4;
}

.toc a {
	color:#FFFFFF;	
}

ul.toclist {
	list-style-image: none;
	list-style-type: none;
	font-size:larger;
	color:#FFFFFF;
}
.toclist a {
	color:#FFFFFF;	
}

/* Overwrite bootstrap classes */
.bg-primary, .bg-info, .bg-success, .bg-warning, .bg-danger {
	padding:15px;
} 
a:hover, a:focus {
	text-decoration: none;
}

.lnk-internal {
	color:#28c45f;
	border-bottom:1px dotted #28c45f;	
}
a.lnk-internal:hover, a.lnk-internal:active, a.lnk-internal:visited {
	color:#28c45f;	
}

.lnk-external {
	border-bottom:1px solid #3868B4;
}
.noprint .col-md-12 a{
background-image:url("https://ec.europa.eu/eusa/ebooks/wit-fr/css/envelope.JPG");
width: 16px;
}
.noprint .col-md-12 span{
background-image:url("https://ec.europa.eu/eusa/ebooks/wit-fr/css/crayon.JPG");
width: 14px;
height:14px;
}
.table td{
  border-color: black;
    border-style: solid;
    height: 14.5pt;
    padding: 4pt;
    width: 157.4pt;
	}

/* video */
.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
}


.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*
 * Off Canvas
 * --------------------------------------------------
 */

@media screen and (min-width: 767px) {
#toptoc {
	display:none;
}
p, li {
	font-size:16px;
}

}

@media screen and (max-width: 767px) {

blockquote {
	font-size:16px;
}

}

@media print {
    footer {
        display:none !important;
    }
    .noprint {
        display:none !important;	    
    }
    .collapse {
	    display: inline !important;
	    height: auto !important;
	    visibility:visible;
	    page-break-inside: avoid;
	}
	blockquote {
		display:inline;
		font-size:16px;
		border:0;
		margin-left:40px;
	}
}