body
{
   overflow-x: hidden;
   overflow-y: auto;
   background: linear-gradient(to right, #e6e6e6 0%, #fefefe 4%, #fefefe 96%, #e6e6e6 100%);
}

#dl
{
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   flex-wrap: wrap;
   width: 100%;
   margin: auto;
}
#dl > div
{
   padding-left:30px;
   padding-right:30px;
   text-align:center;
}

section
{
   display: flex;
   justify-content: space-between;
   width: 90%;
   margin: auto;
   font-family: 'Maitree', cursive;
   font-size: 1.2em;
   background-color: #fefefe;
}
article
{
	flex: 1;
	overflow: hidden;
}
aside
{
   flex: 1;
   margin: 30px;
   padding: 30px;
}
aside > div
{
   flex: 1;
   margin-top: 10px;
   padding: 30px;
   background: #e6e6e6;
   overflow-x: auto;
   border-radius: 10px;
   border: 2px solid #003761;
}



h1,h2
{
   display: flex;
   margin: 30px 20px;
   font-family: Calibri, sans-serif;
   color: #003761;
}
h1
{
   font-size: xx-large;
   font-weight: bold;
}
h2
{
   font-size: x-large;
}




header
{
   /*opacity: 0.95;*/
   margin-bottom: 70px;
}


.filter_container
{
   display: flex;
   flex-flow: row wrap;
   justify-content: flex-start;
   width: 90%;
   margin: auto;
   align-items: baseline;
}
.filter_item
{
   min-width: 12%;
   padding : 10px;
}

.filter {
   background-color: #4CAF50;
   color: white;
   padding: 20px 40px;
   margin: 20px 0;
   border: none;
   cursor: pointer;
   max-width: 300px;
   font-size: 20px;
}
.filter:hover {
    background-color: #ff7878;
    color: red;
}

/*##############################################################################
            TopNav
##############################################################################*/
#TopNav {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   position: fixed;
   margin: 0;
   top: 0px;
   left: 0.5%;
   right: 0.5%;
   height: 65px;
   width: 99%;
   z-index: 99;
   overflow: hidden;
   border-radius: 4px;
   box-shadow: 0 0 4px rgba(255, 255, 255, 0.6);
}
#TopNav .elemNav:nth-child(4) { flex: 4; }
#TopNav .elemNav, #TopNav .elemNav:nth-child(4):hover
{

   /* Specifying a fallback color and we define CSS3 gradients for the major browsers: */
   background-color: #f0f0f0;
   background-image: linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
   position:relative;
   float: left;
   list-style: none;
   border-right: 1px solid rgba(9, 9, 9, 0.125);
   box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
}

#TopNav .elemNav:nth-child(5) { flex: 1; }

#TopNav .elemNav:hover{
   /* Gradients! */
   background-image:-webkit-gradient(linear, left top, right top, from(rgba(168,168,168,0.5)),color-stop(0.5,rgba(168,168,168,0)), to(rgba(168,168,168,0.5)));
   background-image:linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));

   box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
   transition:0.25s all;
}

/* Treating the first LI and li:after elements separately */
#TopNav .elemNav:first-child{
   border-radius: 4px 0 0 4px;
}

#TopNav .elemNav:first-child:after,
#TopNav .elemNav.selected:first-child:after{
   box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
   border-radius:4px 0 0 4px;
}

#TopNav .elemNav:last-child{
   border-radius: 0 4px 4px 0;
}

/* Treating the last LI and li:after elements separately */
#TopNav .elemNav:last-child:after,
#TopNav .elemNav.selected:last-child:after{
   box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
   border-radius:0 4px 4px 0;
}

#TopNav .elemNav:hover:after,
#TopNav .elemNav.selected:after,
#TopNav .elemNav:target:after{
   /* This property triggers the CSS3 transition */
   opacity:1;
}

#TopNav:hover .elemNav.selected:after,
#TopNav:hover .elemNav:target:after{
   /* Hides the targeted li when we are hovering on the UL */
   opacity:0;
}

#TopNav .elemNav:nth-child(4):hover:after,
#TopNav .elemNav.selected:nth-child(4):after,
#TopNav .elemNav:nth-child(4):target:after{
   /* This property triggers the CSS3 transition */
   opacity:0;
}
#TopNav .elemNav:nth-child(5):hover:after,
#TopNav .elemNav.selected:nth-child(5):after,
#TopNav .elemNav:nth-child(5):target:after{
   /* This property triggers the CSS3 transition */
   opacity:0;
}

#TopNav .elemNav.selected:hover:after,
#TopNav .elemNav:target:hover:after{
   opacity:1 !important;
}

/* Styling the anchor elements */
#TopNav .elemNav a{
   display: flex;
   justify-content: center;
   align-items: flex-end;
   text-decoration:none;
   font-family: 'Amatica SC', cursive;
   font-size: 14px;
   font-weight: bold;
   overflow: hidden;
   padding: 0px;
   margin-top: 10px;
   width: 65px;
   height: 50px;
   color: #2e2e50;
}
#TopNav a.homeIcon    {  background:url('/pix/mini_home.png') no-repeat top center;        background-size: 32px;  }
#TopNav a.catIcon     {  background:url('/pix/mini_catalogue.png') no-repeat top center;   background-size: 32px;  }
#TopNav a.dlIcon      {  background:url('/pix/mini_download.png') no-repeat top center;    background-size: 32px;  }
#TopNav a.frIcon      {  background:url('/pix/mini_fr.png') no-repeat top center;          background-size: 32px;  }
#TopNav a.enIcon      {  background:url('/pix/mini_uk.png') no-repeat top center;          background-size: 32px;  }
#TopNav a.loginIcon   {  background:url('/pix/mini_login.png') no-repeat top center;       background-size: 32px;  }
#TopNav a.accountIcon {  background:url('/pix/mini_account.png') no-repeat top center;     background-size: 32px;  }
#TopNav a.keyIcon     {  background:url('/pix/mini_key.png') no-repeat top center;         background-size: 32px;  }
#TopNav a.logoutIcon  {  background:url('/pix/mini_exit.png') no-repeat top center;        background-size: 32px;  }
#TopNav a.emailIcon   {  background:url('/pix/mini_email.png') no-repeat top center;       background-size: 32px;  }
#TopNav a.kurosIcon   {
   margin: 0;
   background:url('/pix/mini_logo_kuros.png') no-repeat center center;
   background-size: auto 36px;
   height: 65px;
   width: 100%;
   text-indent: -9999px;
}

#TopNav a.cfosatIcon   {
   margin: 0;
   background:url('/pix/mini_logo_cfosat.png') no-repeat center center;
   background-size: auto 32px;
   height: 65px;
   width: 100%;
   text-indent: -9999px;
}




/* forms */
input {
    border: 2px solid #bdbdbd;
    padding:10px;
    border-radius:4px;
    font-size:14px;
}

input[readonly] {
    cursor: text;
    background-color: #fff;
}


.error {color: #FF0000;}



footer
{
   display: flex;
   background: url('/pix/separateur.png') repeat-x top;
   justify-content: space-around;
   margin: auto;
   margin-top: 60px;
   padding: 20px 0px 20px 0px;
   text-align: center;
}











/*##############################################################################
            Science Nav
##############################################################################*/
nav {
	display: flex;
	flex-direction: column;
	height: 350px;
	background: url('/pix/bg_title.jpg') no-repeat;
	background-size: cover;
	justify-content: space-between;
}
nav .titre{
   display: flex;
   flex-direction: column;
   color: #f0f0f0;
   font-family: 'Akronim', cursive;
}
nav .titre .t1 {
   display: flex;
   padding-left: 60px;
   font-size: 80px;
   text-shadow:1px 1px 2px #2e2e50;
}
nav .titre .t2 {
   display: flex;
   padding-left: 30px;
   font-size: 48px;
   text-shadow:1px 1px 2px #2e2e50;
}
nav .titre .t2 .cap {
   font-style: normal;
   color: red;
}
nav .menu
{
   display:flex;
   flex-direction: row;
   justify-content: flex-end;
   align-content: flex-end;
}
nav .menu ul.sdt_menu{
   text-align:left;
   margin:0;
   padding:0;
   list-style: none;
   width:1020px;
}
nav .menu ul.sdt_menu a{
   text-decoration:none;
   outline:none;
}
nav .menu ul.sdt_menu li{
   float:left;
   width:170px;
   height:50px;
   position:relative;
   cursor:pointer;
}
nav .menu ul.sdt_menu li > a{
   position:absolute;
   top:5px;
   left:0px;
   width:170px;
   height:50px;
   z-index:12;
/*
   -moz-box-shadow:0px 0px 2px #2e2e50 inset;
   -webkit-box-shadow:0px 0px 2px #2e2e50 inset;
   box-shadow:0px 0px 2px #2e2e50 inset;
*/
}
nav .menu ul.sdt_menu li a img{
   border:none;
   position:absolute;
   width:0px;
   height:0px;
   bottom:0px;
   -moz-box-shadow:0px 0px 5px #2e2e50;
   -webkit-box-shadow:0px 0px 5px #2e2e50;
   box-shadow:0px 0px 5px #2e2e50;
}
nav .menu ul.sdt_menu li span.sdt_wrap{
   position:absolute;
   top:0px;
   left:0px;
   width:170px;
   height:50px;
}
nav .menu ul.sdt_menu li span.sdt_active{
   position:absolute;
   background:#e6e6e6;
   top:50px;
   width:170px;
   height:0px;
   left:0px;
   z-index:0;
/*
   -moz-box-shadow:0px 0px 4px #2e2e50 inset;
   -webkit-box-shadow:0px 0px 4px #2e2e50 inset;
   box-shadow:0px 0px 4px #2e2e50 inset;
*/
}
nav .menu ul.sdt_menu li span span.sdt_link{
   display: flex;
   justify-content: center;
   text-decoration:none;
   color:#f0f0f0;
   margin:auto;
   font-family: 'Amatica SC', cursive;
   text-shadow:1px 1px 1px #2e2e50;
   font-weight: bold;
   font-size:36px;
}
nav .menu ul.sdt_menu li span span.sdt_descr{
   visibility : hidden;
   margin-left:10px;
   margin-right:10px;
   font-family: 'Maitree', cursive;
   text-decoration:none;
   color:#2e2e50;
   font-weight: bold;
   font-size:12px;
   float:left;
}
nav .menu ul.sdt_menu li:hover span span.sdt_descr{
   visibility : visible;
}

.Pagetitle{
   display: flex;
   width: 100%;
   margin: 0;
   padding: 20px 0px;
   color: #2e2e50;
   font-family: 'Akronim', cursive;
   font-size: 80px;
   font-weight: normal;
   text-shadow:1px 1px 2px #003761;
   justify-content: center;
}

.warn_l1v1 {
   display:flex;
   padding:30px;
   margin: 10px 50px 50px 50px;
   text-align:justify;
   background:#f0f0f0;
}

#Warning_DOI {
   display:flex;
   padding:30px;
   margin: auto;
   margin-top: 100px;
   min-width: 1000px;
   max-width: 1500px;
   justify-content: center;
   align-items: center;
   background:#FFE4E1;
   color: red;
}

/*##############################################################################
            Camp Choice
##############################################################################*/
#camp {
   display: flex;
   flex-direction: column;
   width:100%;
}
#camp .menu
{
   display:flex;
   flex-direction: row;
   width:100%;
   justify-content: space-around;
   align-content: center;
   background:#e6e6e6;
}
#camp .menu .sdt_menu{
   display:flex;
   margin:0;
   padding:0;
   list-style: none;
}
#camp .menu a{
   text-decoration:none;
   outline:none;
}
#camp .menu ul.sdt_menu li{
   float:left;
   width:250px;
   height:50px;
   position:relative;
   cursor:pointer;
}
#camp .menu ul.sdt_menu li span span.sdt_link{
   display: flex;
   text-decoration:none;
   color:#2e2e50;
   margin:auto;
   font-family: 'Amatica SC', cursive;
   text-shadow:1px 1px 3px #2e2e50;
   font-weight: bold;
   font-size:38px;
}
#camp .menu ul.sdt_menu li span span.sdt_link:hover{
   color:red;
   text-shadow: 1px 1px 8px #FF0000;
}




figure {
   display: flex;
   flex-direction: column;
   justify-content: center;
   margin: auto;
   width: 70%;
}

figure img {
   display: flex;
   overflow: hidden;
   min-height: 0;
   min-width: 0;
   width: 100%;
}
figure figcaption {
   font-family: 'Maitree', 'sans-serif';
   font-style: italic;
   color: #2e2e50;
   font-size: 14px;
}



.table-container {
    min-width: 900px;
    max-width: 1300px;
    border:1px solid #ccc;
    border-radius: 3px;
}
table {
   display: flex;
   flex-flow: column;

   font-family: 'Maitree', cursive;
   color:#2e2e50;
   font-size:16px;
   text-shadow: 1px 1px 0px #fff;
   background:#e6e6e6;
   border:#ccc 1px solid;

   border-radius:3px;

   -moz-box-shadow: 0 1px 2px #d1d1d1;
   -webkit-box-shadow: 0 1px 2px #d1d1d1;
   box-shadow: 0 1px 2px #d1d1d1;
}
table thead {
    /* head takes the height it requires,
    and it's not scaled when table is resized */
    max-height: 10%;
    flex: 0 0 auto;
    width: calc(100% - 0.9em);
}
table tbody {
    /* body takes all the remaining available space */
    flex: 1 1 auto;
    display: block;
    max-height: 30em;
    overflow-y: scroll;
}
table tbody tr {
    width: 100%;
}
table thead,
table tbody tr {
    display: table;
    table-layout: fixed;
}
table th {
   height:3em;
   padding-left: 1em;
   padding-right: 1em;
   border-top:1px solid #fafafa;
   border-bottom:1px solid #e0e0e0;

   background: #ededed;
   background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
   background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table tr:first-child th:first-child {
   border-top-left-radius:3px;
}
table tr:first-child th:last-child {
   border-top-right-radius:3px;
}
table tr {
   text-align: center;
}
table td {
   height:40px;
   border-top: 1px solid #ffffff;
   border-bottom:1px solid #e0e0e0;
   border-left: 1px solid #e0e0e0;

   background: #fafafa;
   background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
   background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
   background: -o-linear-gradient(#fbfbfb, #fafafa);
   background: -ms-linear-gradient(#fbfbfb, #fafafa);
   background: linear-gradient(#fbfbfb, #fafafa);
}
table td:first-child {
   border-left: 0;
}
table label{
    text-align:center;
    padding-top:1em;
    padding-bottom:1em;
    padding-left:3em;
    padding-right:3em;
}
table tr.even td {
   background: #f6f6f6;
   background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
   background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table tr:last-child td {
   border-bottom:0;
}
table tr:last-child td:first-child {
   border-bottom-left-radius:3px;
}
table tr:last-child td:last-child {
   border-bottom-right-radius:3px;
}
table tr:hover td {
   background: #f2f2f2;
   background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
   background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
}


.modalDialog {
   position: fixed;
   font-family: Arial, Helvetica, sans-serif;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: rgba(0,0,0,0.7);
   z-index: 99999;
   opacity:0;
   -webkit-transition: opacity 400ms ease-in;
   -moz-transition: opacity 400ms ease-in;
   transition: opacity 400ms ease-in;
   pointer-events: none;
}
.modalDialog h1 {
   display: flex;
   margin: auto;
   padding: 30px;
   align-items: center;
   justify-content: center;
   font-style: bold;
   text-align: center;
   background-color: #f0f0f0;
   color: #2e2e50;
}
.modalDialog h2 {
   display: flex;
   margin: auto;
   padding: 30px;
   align-items: center;
   justify-content: center;
   font-style: bold;
   text-align: center;
   background-color: #f0f0f0;
   color: #2e2e50;
}
.modalDialog:target {
   opacity:1;
   pointer-events: auto;
}
.modalDialog > div {
   min-width: 800px;
   max-width: 1500px;
   position: relative;
   margin: 100px auto;
   border-radius: 10px;
   background: #fff;
   background: -moz-linear-gradient(#fefefe, #e6e6e6);
   background: -webkit-linear-gradient(#fefefe, #e6e6e6);
   background: -o-linear-gradient(#fefefe, #e6e6e6);
}
.modalDialog2login > div > div {
   padding: 0px 100px 50px 100px;
}
.modalDialog > div > .ncdump {
   padding: 30px 100px 50px 100px;
   max-height: 550px;
   overflow-y: scroll;
}
.modalDialog ul
{
   text-decoration:none;
   padding: 0px 100px 50px 100px;
}
.modalDialog ul li
{
   padding: 0px;
   margin-bottom: 10px;
}
.modalDialog .close {
   background: #606061;
   color: #FFFFFF;
   line-height: 25px;
   position: absolute;
   left: -12px;
   text-align: center;
   top: -10px;
   width: 24px;
   text-decoration: none;
   font-weight: bold;
   border-radius: 12px;
   -moz-box-shadow: 1px 1px 3px #000;
   -webkit-box-shadow: 1px 1px 3px #000;
   box-shadow: 1px 1px 3px #000;
}
.modalDialog .close:hover
{
   background: #00d9ff;
}
.modalDialog .error
{
   display: flex;
   margin: auto;
   padding: 30px 30px 30px 30px;
   font-family: 'Arizonia', cursive;
   word-spacing:10px;
   font-size: 72px;
   font-style: bold;
   text-align: center;
   align-items: center;
   justify-content: center;
   color: #2e2e50;
}




.modalDialog2login {
   position: fixed;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: rgba(0,0,0,0.7);
   z-index: 99999;
   opacity:0;
   -webkit-transition: opacity 400ms ease-in;
   -moz-transition: opacity 400ms ease-in;
   transition: opacity 400ms ease-in;
   pointer-events: none;
}
.modalDialog2login h1 {
   display: flex;
   margin: auto;
   padding: 30px;
   align-items: center;
   justify-content: center;
   font-family: 'Arizonia', cursive;
   word-spacing:10px;
   font-size: 72px;
   font-style: bold;
   text-align: center;
   background-color: #f0f0f0;
   color: #2e2e50;
}
.modalDialog2login:target {
   opacity:1;
   pointer-events: auto;
}
.modalDialog2login > div {
   min-width: 500px;
   max-width: 1200px;
   max-height: 700px;
   position: relative;
   margin: 150px auto;
   border-radius: 10px;
   background: #fff;
   background: -moz-linear-gradient(#fefefe, #e6e6e6);
   background: -webkit-linear-gradient(#fefefe, #e6e6e6);
   background: -o-linear-gradient(#fefefe, #e6e6e6);
}
.modalDialog2login > div > div {
   padding: 0px 100px 50px 100px;
}
.modalDialog2login > div > .ncdump {
   max-height: 500px;
   overflow: auto;
}
.modalDialog2login .connexion {
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}
.modalDialog2login .connexion:hover {
    background-color: #ff7878;
    color: red;
}
.modalDialog2login .close {
   background: #606061;
   color: #FFFFFF;
   line-height: 25px;
   position: absolute;
   left: -12px;
   text-align: center;
   top: -10px;
   width: 24px;
   text-decoration: none;
   font-weight: bold;
   border-radius: 12px;
   -moz-box-shadow: 1px 1px 3px #000;
   -webkit-box-shadow: 1px 1px 3px #000;
   box-shadow: 1px 1px 3px #000;
}
.modalDialog2login .close:hover
{
   background: #00d9ff;
}
.modalDialog2login .error
{
   display: flex;
   margin: auto;
   padding: 30px 40px 30px 40px;
   font-family: 'Arizonia', cursive;
   word-spacing:10px;
   font-size: 72px;
   font-style: bold;
   text-align: center;
   align-items: center;
   justify-content: center;
   color: #2e2e50;
}


#list_users
{
   display: flex;
/*   overflow-x: scroll;*/
}

#list_users td .blk_label
{
   display: flex;
   height:40px;
   align-items: middle;
   margin: 0;
   padding: 0;
   align-items: center;
   justify-content: center;
}


#list_requests ul
{
   text-align:left;
   text-decoration:none;
   outline:none;
   color: #000;
}
#list_requests li
{
   padding-bottom:10px;
}

#list_requests li
{
   font-size: 20px;
   color: #000;
}
#list_requests li i
{
   font-size: 0.8em;
   color: #2e2e50;
}
#list_requests li:hover
{
   color: red;
   font-weight: bold;
}


ul
{
   text-align:justify;
   text-decoration:none;
   padding-bottom: 10px;
}
li
{
   padding-bottom: 5px;
}

.mid
{
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-left: 30px;
   padding-right: 30px;
}

.mid0
{
   display: flex;
   justify-content: space-arround;
   align-items: center;
   padding-left: 30px;
   padding-right: 30px;
}

.split
{
   display: flex;
   width: 100%;
   Margin: 50px;
}
.split > div {
   min-width: 30%;
}


.colonne {
	display: flex;
	flex: 1;
	max-width: 70em;
	margin: auto;
	font-family: 'Maitree';
	flex-direction: column;
	text-align: justify;
	overflow-x: auto;
}


#CITE {
	display: flex;
	flex: 1;
	font-size: 14px;
	max-width: 70em;
	margin: 3em auto;
	flex-direction: column;
	text-align: left;
	overflow-x: auto;
	background-color:#e6e6e6;
	padding:10px 40px 30px 40px;
	border-radius:20px;
	font-family:'Source Code Pro';
}
#CITE .nobr{
	white-space:nowrap;
}

#DOI
{
	display: flex;
	flex: 1;
	max-width: 60em;
	margin: auto;
	flex-direction: column;
	text-align: justify;
	overflow-x: auto;
}
#DOI ul {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: baseline;
   width: 100%;
   margin:5px 0;
   padding:0;
   list-style: none;
   font-family: 'Pavanam';
   font-size: 18px;
}
#DOI ul li {
   display: flex;
   padding: 5px;
   text-align: justify;
}
#DOI ul li:first-child {
   min-width: 150px;
   max-width: 150px;
   text-align: left;
}
#DOI a {
	text-decoration:none;
}
.TopRight{
	position:absolute;
	margin-left:250px;
	padding-left:50%;
	top: 250px;
	float:left;
}
.TopRight a{
	text-decoration:none;
}
.TopRight img{
	vertical-align: middle;
}

.FlightsTable
{
	display: table;
	margin: 30px auto;
	padding: 0px;
	width: 90%;
	font-family: monospace;
    color: #FFFFFF;
	border-radius: 20px;
	border: 1px solid #e6e6e6;
    background: #0094CD;
}
.FlightsTable h1
{
	text-align: center;
}
.FlightsTable .row {
	display: table-row;
}
.FlightsTable .row_em {
    display: table-row;
    background: #0069B4;
}
.FlightsTable .row:first-child {
	background: #003761;
	font-weight: bold;
}
.FlightsTable .cell {
	display: table-cell;
	padding: 10px 15px;
	text-align: center;
	vertical-align: middle;
}
.FlightsTable .row:first-child .cell:first-child {
	border-top-left-radius: 20px;
}
.FlightsTable .row:first-child .cell:last-child {
	border-top-right-radius: 20px;
}
.FlightsTable .row_em:first-child .cell:last-child {
    border-top-right-radius: 20px;
}


.left
{
   display: flex;
   padding-right: 10%;
   justify-content: flex-start;
   align-items: flex-start;
}

.padl10
{
   padding-left: 10%;
}


/* Button deco */
.Hidden_menu .button {
  display: inline-block;
  position: relative;
  height: 20px;
  width: 20px;
  background-color: rgba(255, 255, 255, .8);
  box-shadow: 1px 1px 5px #ccc;
  padding: 0;
  outline: 0;
  border: 0;
  border-radius: 6px;
  color: #333;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
 }
.Hidden_menu .button::before,
.Hidden_menu .button::after {
  content: "";
  position: absolute;
  width: 45%;
  height: 14%;
  background: #333;
  transition: .25s;
  will-change: transform, bottom, left, right;
}
.Hidden_menu .button::before {
  bottom: 40%;
  left: 16%;
  transform: rotate(45deg);
}
.Hidden_menu .button::after {
  bottom: 40%;
  right: 16%;
  transform: rotate(-45deg);
}

/* Hiding / Showing  */
.Hidden_menu .button + div {
  transform: scaleY(0);
  max-height: 0;
  transform-origin: top;
  transition:  .25s;
}
.Hidden_menu .button:active + div, .Hidden_menu .button:focus + div {
  transform: scaleY(1);
  max-height: 40em;
}
.Hidden_menu .button:focus {pointer-events:none;}
.Hidden_menu .button:not(:focus) { pointer-events:auto }

/* Button's animation */
.Hidden_menu .button:focus::before {
   transform: rotate(-45deg) translateZ(0);
 }
.Hidden_menu .button:focus::after {
   transform: rotate(45deg) translateZ(0);
 }