/* ========================= */
/* Main ORaaS CSS stylesheet */
/* ========================= */

/* === TOOLTIPS */
.tooltip-inner {
	padding: 0.10rem 0.25rem;
	color: #fff;
	background-color: #888;
  }
  
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
	border-top-color: #888; 
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
	border-right-color: #888; 
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
	border-bottom-color: #888; 
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
	border-left-color: #888; 
}


/* === FOOTER */
.footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index:10;
}


/* === BODY, MAIN TITLES, MAIN STYLES, HOMEPAGE */
body {
	/* Margin bottom by footer height */
	margin-bottom: 40px;
	font-weight: 300;
	background-color: #3F3F41; /* PBT */
	color: #FFFFFF; /* PBT */
}

h1 {
	font-size:3.5rem;
	font-weight: 700;
}

.title-homepage{
	margin-top:100px;
}

.homepage {
	color:white;
}


/* === NAVBAR */
.bg-dark{
	background: linear-gradient(to right, #2d4057, #325372, #316d85);
}

.navbar-dark .navbar-nav .nav-link{
	color: white;
}


/* === TEXTE BLANC (titres, etc.) */
.text-white{
	color: #fff !important;
	font-weight: 20;
	outline:none;
}


/* TOOLS MAIN PAGE */
.toolspage{
	color: #FFFFFF;   /*PBT - OLD #3C4858; */
}

/* === PARAGRAPHS */
.p-4{
	padding:2.5rem!important;
	
}

.mb-1{
	font-weight:500;
}

.mb-2{
	color : #44c800;
}

.lead{
	color: #44c800;
}


/* === TITLES */
.docPageTitle, .docPageSubTitle {
	font-stretch: expanded;
	color: #44C800; /* Vert mousse */
	text-decoration: none;
	word-wrap: break-word;
}

.docPageTitle{
	font-size: 35px!important;
	font-weight: 500;
}

.docPageSubTitle {
	font-size: 25px!important;
	font-weight: 400;
}

.menuTitle{
	color:  #00C4FF; /* Bleu */
	text-decoration: none;
	font-size: 25px !important;
	font-weight: 500;
	line-height: 25px;
	margin-top: -10px;
	text-align: center; 	
}

.demoTitle{
	color: #44C800; /* Vert mousse */
	text-align: left;
	margin-top:5px;
	margin-bottom:10px;
}


/* === LINKS, MENUS */
.nav-link.active {
	color: #00E0FE!important; 
	background-color: #595959!important; 
	border-right: 2px solid rgb(49, 180, 204)!important;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.nav-tabs .nav-link{
	border:0;
	border-radius:0;
}

nav-link:hover {
	background-color: #efefef!important;
}

.nav-item .nav-link:hover {
	background: rgba(128, 128, 128, 0.12);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.dropdown-menu{
	background-color : #C2C2C2;   
}

.dropdown-divider{
	border-top-color: rgb(156, 156, 156);   
}

.dropdown-item:active{
	background-color: #0094c1;
}

a{
	color: #00E0FE;
}

a:hover{
	color: #00C4FF ;
}

a.nav-link.dropdown-toggle{
	outline: none;
}


/* === BUTTONS */
.btn-primary{
	color: #fff;
	background-color: rgba(239, 238, 255, 0.21);
	border-color: rgba(252, 255, 250, 0.49);
}

.btn-primary:hover{
	color: #fff;
	background-color: rgba(0, 222, 255, 0.45);
	border-color: #eae8f2;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle{
	background-color: #00deff;
	border-color: #eae8f2;
}

.btn-info{
	color: #fff;
    background-color: #0094c1;
    border-color: #006888;
}

.btn-info:hover{
	background-color: #007092;
	border-color: #006888;
}

.btn-info:active, {
	background-color: #007092;
	border-color: #006888;
}

.btn-primary:not(:disabled):not(.disabled):active{
	background-color: rgba(0, 0, 0, 0.45);
}

.btn-info.disabled, .btn-info:disabled, .btn-secondary.disabled, .btn-secondary:disabled{
	color: #6c6c6c;
	background-color: rgba(0, 0, 0, 0.1);
	border-color: rgba(0, 0, 0, 0.13);
}

/* === OUTPUT SECTION */
.output {
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:15px;
	/* background-color: #e0e0e0; */
	width: 100%;
	margin-left: 0px;
	margin-bottom: 15px;
	border-radius: 0.25rem;
	border: 1px solid rgb(210, 210, 210);
}

.output pre {
	color: #FFFFFF;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 100%;
}

.error {
	border-color: red;
	border-width: 2px;
}

.toolbar {
	margin-right: 10px;
}


/* === FORMS */
.inputFile {
	padding-bottom: 0px;
	padding-top: 0px;
	border: 0;
}

input {
	outline:none;
}

.form-control{
	background-color : #6C6C6C;   
	color : #FFFFFF;   
	font-size : 0.92rem;   
	height : calc(2.1rem + 2px);   
}

.form-control:focus{
	background-color : #C2C2C2;   
}

.form-control:disabled {
	color: #6C6C6C;
}
 
#viewOrbitForm {
	margin-bottom: 10px;
}


/* === C3 DISPLAYS */
.c3 svg {
	font: inherit;
	font-size: 10px;
}

.c3 path, .c3 line, .tick line {
  stroke: white;
} 

.tick text, .c3-legend-item text, .c3-axis-y text {
  fill: white;
} 

.c3-tooltip td {
  color: black;
}

.c3-shape {
	opacity:1 !important;
}


/* === LISTS */
.list-group-item{
	background-color : #3F3F41;
}


/* === ABOUT PAGES */
.blockquote-footer{
	color : #FFFFFF;   
}


/* === MODAL BOX */
.modal-content {
	background-color: #888;
}


/* === LAYER FOR COOKIES / GPDR ANNOUNCEMENTS */
#layerCookies {
	background:url(/images/background-agreement.png) repeat transparent;
	bottom:0;
	color:#fff;
	margin:0;
	padding:20px 0;
	position:fixed;
	text-align:center;
	width:100%;
	z-index:5000;
}

#layerCookies span, #layerCookies a {
	font-weight:bold;
	color:#fff;
}

#layerCookies span {
	position:relative;
	display:block;
	font-size:12px;
	font-weight:bold;
	margin:auto;
	max-width:1100px;
	text-align:left;
}

#layerCookies span#titreCookies {
	font-size:20px;
}

#layerCookies .close {
	opacity:1;
	filter: alpha(opacity=100);
	position:absolute;
	right:0;
	top:0;
	display:inline-block;
	width:17px;
	height:17px;
	text-indent:-9999em;
	cursor:pointer;
	background:transparent url("/images/cookies-close.png") no-repeat 0 0;
	vertical-align:middle;
}

.zoomIcon div:hover img {	
	transform: scale(1.1);
}

.propertiesTable td {
	padding: 10px;
}


/* === collapsible forms */
.collapsible-forms {
	border-bottom: none;
}

.collapsible-forms .collapse {
	padding-top: 15px;
	border: 1px solid rgba(128, 128, 128, 0.20); 
}

.collapsible-forms span {
	display: block;
}

.collapsible-forms .nav-link {
	background-color:rgba(128, 128, 128, 0.20);
}

.collapsible-forms .nav-link:hover {
	background-color: rgba(128, 128, 128, 0.25);
}

.collapsible-forms .nav-item {
    margin-bottom: -1px;
    margin-top: 3px;
}

.close-tab {
	opacity:1;
	display:inline-block;
	width:17px;
	height:17px;
	cursor:pointer;
	background:transparent url("/images/tab-close.png") no-repeat 0 0;
	vertical-align: top;
	margin-left: 10px;
}

/* === sticky icons & menus */
div.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 100px; /* height of the bannier  + 20px*/
  height: 100px;	/* by default, the div goes from top to bottom */
}

/* === announcement */

#announcement{
	margin-top:5px;
	margin-bottom:-10px;
	border-bottom-width:1px;
	border-bottom-color:#6c757d;
	border-bottom-style:solid;
/* 	font-size: larger; */
/* 	font-style: italic; */
}

#announcement div{
	width:100%;
	text-align:center;
	padding:5px;
}


#announcement .close {
	width:17px;
	height:17px;
	cursor:pointer;
	background:transparent url("/images/cookies-close.png") no-repeat 0 0;
	vertical-align:middle;
	margin-top: 10px;
}


/* === sub menu (admin nav bar - see the script in admin-navigation.html)  */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>a:after {
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0px;
  margin-left: 0px;
}