/* Miligram overrides */
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
}

/* .top-nav-links,
.side-nav,
h1, h2, h3, h4, h5, h6 {
    font-family: "Raleway", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    color: #363637;
} */

a {
    color:#2f85ae;
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
}

/* a:hover,
a:focus,
a:active  {
    color:#2a6496;
    -webkit-transition:all 0.2s easeout;
    transition:all 0.2s ease-out;
} */

.side-nav a,
.top-nav-links a,
th a,
.actions a {
    color: #606c76;
}

.side-nav a:hover,
.side-nav a:focus,
.actions a:hover,
.actions a:focus {
    color:#2f85ae;
}

/* Utility */
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Main */
body {
    background: #f5f7fa;
}
.content {
    padding: 2rem;
    background: #ffffff;
    border-radius: 0.4rem;
    /* Thanks Stripe */
    box-shadow: 0 7px 14px 0 rgba(60, 66, 87, 0.1),
        0 3px 6px 0 rgba(0, 0, 0, 0.07);
}
.actions a {
    font-weight: bold;
    padding: 0 0.4rem;
}
th {
    white-space: nowrap;
}

/* Nav bar */
.top-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 112rem;
    padding: 2rem;
    margin: 0 auto 2rem;
}
.top-nav-title a {
    font-size: 2.4rem;
    color: #3200e6;
}
.top-nav-title span {
    color: #404041;
}
.top-nav-links a {
    margin: 0 0.5rem;
}
.top-nav-title a,
.top-nav-links a {
    font-weight: bold;
}

.side-nav-item {
    display: block;
    padding: 0.5rem 0;
}

/* View action */
.view.content .text {
    margin-top: 1.2rem;
}
.related {
    margin-top: 2rem;
}

/* Flash messages */
.message {
    padding: 1rem;

    background: #eff8ff;
    color: #2779bd;

    border-color: #6cb2eb;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    margin-bottom: 2rem;
}
.message.hidden {
    display: none;
}
.message.success {
    background: #e3fcec;
    color: #1f9d55;
    border-color: #51d88a;
}
.message.error {
    background: #fcebea;
    color: #cc1f1a;
    border-color: #ef5753;
}

/* Forms */
.input.radio,
.input.checkbox {
    margin-bottom: 2.0rem;
}
.input.radio input,
.input.checkbox input {
    margin: 0;
}
/* .input.radio label,
.input.checkbox label {
    margin: 0;
    display: flex;
    align-items: center;
}
.input.radio label > input,
.input.checkbox label > input {
    margin-right: 1.0rem;
}
.input.radio label:first-of-type {
    margin-bottom: 2.0rem;
} */

/* Paginator */
.paginator {
    text-align: right;
}
.pagination {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0 0 1rem;
}
.pagination li {
    margin: 0 0.5rem;
}
.prev.disabled a,
.next.disabled a {
    cursor: not-allowed;
    color: #606c76;
}
.asc:after {
    content: " \2193";
}
.desc:after {
    content: " \2191";
}

/* Error */
.error-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
}

@media screen and (max-width: 639px) {
    .top-nav {
        margin: 0 auto;
    }
    .side-nav {
        margin-bottom: 1rem;
    }
    .heading {
        margin-bottom: 1rem;
    }
    .side-nav-item {
        display: inline;
        margin: 0 1.5rem 0 0;
    }
    .asc:after {
        content: " \2192";
    }
    .desc:after {
        content: " \2190";
    }
}

/*!
 * Milligram v1.3.0
 * https://milligram.io
 *
 * Copyright (c) 2019 CJ Patoilo
 * Licensed under the MIT license
 */

*,*:after,*:before{
	box-sizing:inherit
}
html{
	box-sizing:border-box;
	font-size:62.5%
}
body{
	color:#606c76;
	font-family:'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-size:1.6em;font-weight:300;letter-spacing:.01em;line-height:1.6
}
blockquote{
	border-left:0.3rem solid #d1d1d1;margin-left:0;margin-right:0;padding:1rem 1.5rem
}
blockquote *:last-child{
	margin-bottom:0
}
/* .button,button,input[type='button'],input[type='reset'],input[type='submit']{
	background-color:#3200e6;
	border:0.1rem solid #3200e6;
	border-radius:.4rem;
	color:#fff;
	cursor:pointer;
	display:inline-block;
	font-size:1.1rem;
	font-weight:700;
	height:3.8rem;
	letter-spacing:.1rem;
	line-height:3.8rem;
	padding:0 3.0rem;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	white-space:nowrap
} */
/* .button:focus,.button:hover,button:focus,button:hover,input[type='button']:focus,input[type='button']:hover,input[type='reset']:focus,input[type='reset']:hover,input[type='submit']:focus,input[type='submit']:hover{
	background-color:#606c76;border-color:#606c76;color:#fff;outline:0
} */
.button[disabled],button[disabled],input[type='button'][disabled],input[type='reset'][disabled],input[type='submit'][disabled]{
	cursor:default;opacity:.5
}
.button[disabled]:focus,.button[disabled]:hover,button[disabled]:focus,button[disabled]:hover,input[type='button'][disabled]:focus,input[type='button'][disabled]:hover,input[type='reset'][disabled]:focus,input[type='reset'][disabled]:hover,input[type='submit'][disabled]:focus,input[type='submit'][disabled]:hover{
	background-color:#3200e6;border-color:#3200e6
	}
/* .button.button-outline,button.button-outline,input[type='button'].button-outline,input[type='reset'].button-outline,input[type='submit'].button-outline{
	background-color:transparent;color:#3200e6
} */
.button.button-outline:focus,.button.button-outline:hover,button.button-outline:focus,button.button-outline:hover,input[type='button'].button-outline:focus,input[type='button'].button-outline:hover,input[type='reset'].button-outline:focus,input[type='reset'].button-outline:hover,input[type='submit'].button-outline:focus,input[type='submit'].button-outline:hover{
	background-color:transparent;border-color:#606c76;color:#606c76
}
.button.button-outline[disabled]:focus,.button.button-outline[disabled]:hover,button.button-outline[disabled]:focus,button.button-outline[disabled]:hover,input[type='button'].button-outline[disabled]:focus,input[type='button'].button-outline[disabled]:hover,input[type='reset'].button-outline[disabled]:focus,input[type='reset'].button-outline[disabled]:hover,input[type='submit'].button-outline[disabled]:focus,input[type='submit'].button-outline[disabled]:hover{
	border-color:inherit;color:#3200e6
}
.button.button-clear,button.button-clear,input[type='button'].button-clear,input[type='reset'].button-clear,input[type='submit'].button-clear{
	background-color:transparent;border-color:transparent;color:#3200e6
}
.button.button-clear:focus,.button.button-clear:hover,button.button-clear:focus,button.button-clear:hover,input[type='button'].button-clear:focus,input[type='button'].button-clear:hover,input[type='reset'].button-clear:focus,input[type='reset'].button-clear:hover,input[type='submit'].button-clear:focus,input[type='submit'].button-clear:hover{
	background-color:transparent;border-color:transparent;color:#606c76
}
.button.button-clear[disabled]:focus,.button.button-clear[disabled]:hover,button.button-clear[disabled]:focus,button.button-clear[disabled]:hover,input[type='button'].button-clear[disabled]:focus,input[type='button'].button-clear[disabled]:hover,input[type='reset'].button-clear[disabled]:focus,input[type='reset'].button-clear[disabled]:hover,input[type='submit'].button-clear[disabled]:focus,input[type='submit'].button-clear[disabled]:hover{
	color:#3200e6
}
code{
	background:#f4f5f6;border-radius:.4rem;font-size:86%;margin:0 .2rem;padding:.2rem .5rem;white-space:nowrap
}
pre{
	background:#f4f5f6;border-left:0.3rem solid #3200e6;overflow-y:hidden
}
pre>code{
	border-radius:0;display:block;padding:1rem 1.5rem;white-space:pre
}
hr{
	border:0;border-top:0.1rem solid #f4f5f6;margin:3.0rem 0
}
input[type='email'],input[type='number'],input[type='password'],input[type='search'],input[type='tel'],input[type='text'],input[type='url'],input[type='color'],input[type='date'],input[type='month'],input[type='week'],input[type='datetime'],input[type='datetime-local'],input:not([type]),textarea,select{
	background-color:transparent;border:0.1rem solid #d1d1d1;border-radius:.4rem;box-shadow:none;box-sizing:inherit;height:3.8rem;padding:.6rem 1.0rem;width:100%
}
input[type='email']:focus,input[type='number']:focus,input[type='password']:focus,input[type='search']:focus,input[type='tel']:focus,input[type='text']:focus,input[type='url']:focus,input[type='color']:focus,input[type='date']:focus,input[type='month']:focus,input[type='week']:focus,input[type='datetime']:focus,input[type='datetime-local']:focus,input:not([type]):focus,textarea:focus,select:focus{
	border-color:#606c76;outline:0
}
select{
	padding-right:3.0rem
}
textarea{
	min-height:6.5rem
}
/* label,legend{
	display:block;font-size:2.0rem;font-weight:700;margin-bottom:2.0rem
} */
fieldset{
	border-width:0;padding:0
}
input[type='checkbox'],input[type='radio']{
	display:inline
}
.label-inline{
	display:inline-block;font-weight:normal;margin-left:.5rem
}
.container{
	margin:0 auto; /* max-width:112.0rem; */ max-width:120.0rem; padding:0 2.0rem;position:relative;width:100%
}
.row{
	display:flex;flex-direction:column;padding:0;width:100%
}
.row.row-no-padding{
	padding:0
}
.row.row-no-padding>.column{
	padding:0
}
.row.row-wrap{
	flex-wrap:wrap
}
.row.row-top{
	align-items:flex-start
}
.row.row-bottom{
	align-items:flex-end
}
.row.row-center{
	align-items:center
}
.row.row-stretch{
	align-items:stretch
}
.row.row-baseline{
	align-items:baseline
}
.row .column{
	display:block;
	flex:1 1 auto;
	margin-left:0;
	max-width:100%;
	width:100%
}
.row .column.column-offset-10{
	margin-left:10%
}
.row .column.column-offset-20{
	margin-left:20%
}
.row .column.column-offset-25{
	margin-left:25%
}
.row .column.column-offset-33,.row .column.column-offset-34{
	margin-left:33.3333%
}
.row .column.column-offset-50{
	margin-left:50%
}
.row .column.column-offset-66,.row .column.column-offset-67{
	margin-left:66.6666%
}
.row .column.column-offset-75{
	margin-left:75%
}
.row .column.column-offset-80{
	margin-left:80%
}
.row .column.column-offset-90{
	margin-left:90%
}
.row .column.column-10{
	flex:0 0 10%;
	max-width:10%
}
.row .column.column-20{
	flex:0 0 20%;
	max-width:20%
}
.row .column.column-25{
	flex:0 0 25%;
	max-width:25%
}
.row .column.column-33,.row .column.column-34{
	flex:0 0 33.3333%;
	max-width:33.3333%
}
.row .column.column-40{
	flex:0 0 40%;max-width:40%
	}
.row .column.column-50{
	flex:0 0 50%;max-width:50%
	}
.row .column.column-60{
	flex:0 0 60%;max-width:60%
	}
.row .column.column-66,.row .column.column-67{
	flex:0 0 66.6666%;max-width:66.6666%
	}
.row .column.column-75{
	flex:0 0 75%;max-width:75%
	}
.row .column.column-80{
	flex:0 0 80%;max-width:80%
	}
.row .column.column-90{
	flex:0 0 90%;max-width:90%
	}
.row .column .column-top{
	align-self:flex-start
	}
.row .column .column-bottom{
	align-self:flex-end
	}
.row .column .column-center{
	-ms-grid-row-align:center;align-self:center
	}
.row .column-responsive{
	display:block;flex:1 1 auto;margin-left:0;max-width:100%;width:100%
	}
@media (min-width: 640px){
  .row{
    flex-direction:row;margin-left:-1.0rem;width:calc(100% + 2.0rem)
  }
  .row .column{
    margin-bottom:inherit;padding:0 1.0rem
  }
  .row .column-responsive{
    margin-bottom:inherit;padding:0 1.0rem
  }
  .row .column-responsive.column-10{
    flex:0 0 10%;max-width:10%
  }
  .row .column-responsive.column-20{
    flex:0 0 20%;max-width:20%
  }
  .row .column-responsive.column-25{
    flex:0 0 25%;max-width:25%
  }
  .row .column-responsive.column-33,.row .column-responsive.column-34{
    flex:0 0 33.3333%;max-width:33.3333%
  }
  .row .column-responsive.column-40{
    flex:0 0 40%;max-width:40%
  }
  .row .column-responsive.column-50{
    flex:0 0 50%;max-width:50%
  }
  .row .column-responsive.column-60{
    flex:0 0 60%;max-width:60%
  }
  .row .column-responsive.column-66,.row .column-responsive.column-67{
    flex:0 0 66.6666%;
    max-width:66.6666%
  }
  .row .column-responsive.column-75{
    flex:0 0 75%;
    max-width:75%
  }
  .row .column-responsive.column-80{
    flex:0 0 80%;
    max-width:80%
  }
  .row .column-responsive.column-90{
    flex:0 0 90%;
    max-width:90%
  }
}
a{
  color:#3200e6;text-decoration:none
}
/* a:focus,a:hover{
  color:#606c76
} */
dl,ol,ul{
  list-style:none;margin-top:0;padding-left:0
}
dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{
  font-size:90%;margin:1.5rem 0 1.5rem 3.0rem
}
ol{
  list-style:decimal inside
}
ul{
  list-style:circle inside
}
/* .button,button,dd,dt,li{
  margin-bottom:1.0rem
} */
fieldset,input,select,textarea{
  /* margin-bottom:1.5rem */
}
blockquote,dl,figure,form,ol,p,pre,table,ul{
  margin-bottom:0
}
table{
  border-spacing:0;width:100%
}
td,th{
  border-bottom:0.1rem solid #e1e1e1;/*padding:1.2rem 1.5rem;*/text-align:left
}
.o-table td, .o-table th {
  /*padding:1.2rem 1.5rem;*/
  padding:0.6rem 0.75rem;
  /*
  border: solid 0.1rem;
  border-color: #ffffff;
  */
  
}
.s-table td, .s-table th {
  padding:0.1rem 0.2rem;
  border: solid 2px;
  border-color: #f6f6f6;
}
td:first-child,th:first-child{
  /*padding-left:0*/
}
td:last-child,th:last-child{
  /*padding-right:0*/
}
@media screen and (max-width: 639px){
  table{
    border-spacing:0;display:flex;width:100%
  }
  table thead{
    border-right:solid 0.1rem #e1e1e1
  }
  table thead td,table thead th{
    /*padding-left:0*/
  }
  table thead td:first-child,table thead th:first-child{
    /*padding-left:0*/
  }
  table thead td:last-child,table thead th:last-child{
    padding-right:1.2rem
  }
  table tbody{
    /*display:flex;*/overflow-x:auto;white-space:nowrap
  }
  table tbody tr{
    border-right:solid 0.1rem #e1e1e1
  }
  table tbody tr:last-child{
    border-right:none
  }
  table td,table th{
    display:block
  }
  table td:first-child,table th:first-child{
    padding-left:1.2rem
  }
  table td:last-child,table th:last-child{
    padding-right:1.2rem
  }
}
b,strong{
  font-weight:bold
}
p{
  margin-top:0
}
h1,h2,h3,h4,h5,h6{
  font-weight:300;letter-spacing:-.1rem;margin-bottom:2.0rem;margin-top:0
}
h1{
  font-size:4.6rem;line-height:1.2
}
h2{
  font-size:3.6rem;line-height:1.25
}
h3{
  font-size:2.8rem;line-height:1.3
}
h4{
  font-size:2.2rem;letter-spacing:-.08rem;line-height:1.35
}
h5{
  font-size:1.8rem;letter-spacing:-.05rem;line-height:1.5
}
h6{
  font-size:1.6rem;letter-spacing:0;line-height:1.4
}
/* img{
  max-width:100%
} */
.clearfix:after{
  clear:both;content:' ';display:table
}
.float-left{
  float:left
}
.float-right{
  float:right
}
/*
 * Custom
 */
.center {
  text-align: center
}
.nav-top-c{
  padding: 15px 20px 12px;
  background-color: #3200e6;
  border-radius: 50px;
  color: #fff;
}
.nav-top-c a{
  color: #fff;
}
/* .nav-top-links{
    font-family: "Raleway", sans-serif;
} */
.nav-top-links a {
    color: #606c76;
}
/* Nav bar */
.nav-top {
    display: flex;
    width: 100%;
    /* align-items: center; */
    justify-content: center;
    /*max-width: 112rem;*/
    padding: 2rem;
    /* margin: 0 auto 2rem; */
    /* position: sticky;
    position: -webkit-sticky;
    top: 0;
    background-color:#fff;
    z-index:1; */
}
.nav-top-title a {
    font-size: 2.4rem;
    color: #3200e6;
}
.nav-top-title span {
    color: #404041;
}
.nav-top-links a {
    margin: 0 0.5rem;
}
.nav-top-title a,
.nav-top-links a {
    font-weight: bold;
}

.nav-top-l img {
  width: 100px;
  min-width: 100px;
}

.nav-top-c {
  align-self:center;
}

.nav-top-l, .nav-top-r{
  flex-grow: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
.nav-top-l, .nav-top-r > a{
  font-weight: bold;
}

/* For mobiles */
/*@media screen and (max-width: 640px) and (orientation: portrait), screen and (max-height: 640px) and (orientation: landscape) {*/
@media screen and (max-width: 639px) {
    .largescreen-view {
        display:none;
    }
    .smallscreen-view {
        /* display:default */
    }
}

/* For others*/
/*@media screen and (min-width: 640px) and (orientation: portrait), screen and (min-height: 640px) and (orientation: landscape) {*/
@media screen and (min-width: 640px) {
    .largescreen-view {
        /* display:default */
    }
    .smallscreen-view {
        display:none;
    }
}
@media screen and (min-width: 640px) and (max-width: 1000px) {
	.div-nav-t-m {
		flex-direction: column;
	}
}

/* Hide the links inside the navigation menu (except for logo/home) */
#hamburgerMenu {
  display: none;
  background-color: #fafafa;
  max-height: 88vh;
  overflow-y: scroll;
  /* display: flex; */
  flex-direction: column;
  padding: 10px 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}

/* Style the hamburger menu */
#hamburgerMenu > a {
  padding-left: 40px;
  margin: 15px 0;
}

/* Style the hamburger menu */
.hamburger-button a.icon {
  color: #333;
}
.hamburger-button {
  font-size: 18px;
  /* padding: 11px 14px 8px;15px 20px 12px;
  background-color: #3200e6;
  border-radius: 50px;
  color: #fff;
  align-self:center;
  border: solid 0.3em;
  border-color: #fff; */
}
.nav-mobile {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  top: 0;
  background-color:#fff;
  z-index:1;
  /* background-size: 30%;
  background-repeat: no-repeat;
  background-image: url('../webroot/img/template/logo_geodis.svg'); */
}
.nav-menu-mobile {
  display: flex;
  /* align-items: center; */
  /* justify-content: space-between; */
  /*max-width: 112rem;*/
  /* padding: 2rem; */
  /* margin: 0 auto 2rem; */
}
.nav-menu-mobile-t {
  display: flex;
  width: 100%;
  /* align-items: center; */
  justify-content: space-evenly;
  /*max-width: 112rem;*/
  /* padding: 2rem; */
  /* margin: 0 auto 2rem; */
}
.div-mobile-top-l img {
  width: 100px;
  min-width: 100px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.div-mobile-top-l {
  flex-grow: 1;
  text-align:center;
  border: solid 0.3em;
  border-color: #fff;
}

.div-menu-mobile-m a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: start;
  background-color: #3200e6;
  color: #fff;
  border-radius: 8px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.18);
  padding: 0.25em 0.75em;
  min-width: 10ch;
  min-height: 44px;
  margin: 0.5rem 0.5rem;
}

#reportingPanel {
  display: none;
  border: solid 0.3em;
  border-color: #fff /*#3200e6*/;
}
.div-menu-mobile-b {
  display: flex;
  justify-content: space-evenly;
}

.div-menu-mobile-m{
  margin: 1.0rem 0.5rem;  
}
.footer-nav-t{
  display: flex;
  justify-content: space-evenly;
  background: #575757;
  padding: 1.0rem;
  color: #fff;
}
.footer-nav-b, .footer-nav-b a{
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  background: #232323;
  padding: 1.0rem;
  color: rgba(230,230,230,.8);
}
.footer-div-b-c{
  display: flex;
  align-items: center;
}
.footer-div-b-l, .footer-div-b-c, .footer-div-b-r{
  text-align: center;
}
.footer-div-t a{
  color : #fff;
}
.nav-menu{
  background: #fff;
  padding: 1rem 1rem;
}
body{
  /* background: rgba(87,87,87,.05); */
  background: #fff;
}


.div-menu-links a {
    display: inline-block;
    text-decoration: none;
    padding: 0 1rem;
    font-weight: 300;
    font-size: 16px;
}

.div-nav-menu a {
    color: #333;
}

.footer-div-t a {
    color: #fff;
}

.div-menu-links a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    transition: width .3s;
}

.div-nav-menu a::after {
    background: #3200e6;
}

.footer-div-t a::after {
    background: #fff;
}

.div-menu-links a:hover::after{
    width: 100%;
    /* transition: width .3s; */
}

.div-menu-links a:active {
     font-weight:bold;
}

.footer-div-t {
  display: flex;
  justify-content: space-evenly;
  background: #575757;
  padding: 1.0rem;
  color: #fff;
}
.nav-top-all{
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  background-color:#fff;
  z-index:1;
}
.container {
  height: 100%;
}
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  justify-content: space-between;
}

.effect-blur{
  opacity: 0.5;
  filter: blur(2px);
  background-color: rgba(0, 0, 0, 0.125)!important;
}

/*Bigscreens*/
/* #f6f6f6;rgba(87,87,87,.05); */


/* .nav-t {
 display: flex;
  justify-content: space-evenly;
  padding: 1.0rem;
  color: #fff;#f6f6f6
} */

.div-nav-t-t {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.4rem 10vw;
  font-size: 12px;
  background-color: #f6f6f6;
  /* padding: 0 15px 0 15px; */
/*   display: flex;
  justify-content: space-evenly;
  background: #f6f6f6;
  padding: 1.0rem;
  color: #333; */
}
.div-nav-t-t-mobile {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.4rem 0.4rem;
  font-size: 12px;
  background-color: #f6f6f6;
}
.div-nav-t-t-l-mobile {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
}

.div-nav-t-t-r-mobile > a {
  font-size: 18px;
}

.div-nav-t-t-r-mobile {
  border-left: 1px solid ;
  border-color: #333;
}
/* .div-nav-t-t-mobile > :not(:last-child):after {
  position: absolute;
  content: "aaa";
  width: 1px;
  height: 16px;
  background-color: #333;
} */

.div-nav-t-t-mobile > *, .div-nav-t-t-mobile > :not(:last-child):after {
  padding: 0 1em;
}

.div-nav-t-t > a {
  font-size: 18px;
}

.div-nav-t-t-l {
  display: flex;
  flex-grow: 1;
  justify-content: space-evenly;
}

.div-nav-t-t > :not(:last-child):after {
  position: absolute;
  content: "";
  width: 1px;
  height: 16px;
  background-color: #333;
}

.div-nav-t-t > *, .div-nav-t-t > :not(:last-child):after {
  margin: 0 3vw;
}

.main {
  background-color: #fff;
}

/* .div-nav-t-t > :not(:last-child):after {
  content: "";
  width: 1px;
  height: 16px;
  background-color: #333;
} */
/*
.div-nav-t-t-r:before {
  content: "";
  width: 1px;
  height: 16px;
  background-color: #333;
} */

/* .div-nav-t-t-r::before{
A FAIRE
  content: "";
  height: 16px;
    width: 1px;
    top: 8px;
    left: 0;
    background-color: #333;
} */

/* 
.div-nav-t-t-r {
  display: flex;
  justify-content: space-evenly;
  background: #fff;
  padding: 1.0rem;
} */

.div-nav-t-m-l img{
  height: 50px;
}
.div-nav-t-m-t-l img {
  height: 38px;
}
/* .div-nav-t-m-l i{
  opacity: .5;
}
.div-nav-t-m-l ai{
  opacity: .5;
} */
.div-nav-t-m-l a:not(:focus):not(:hover) i, .div-nav-t-m-t-l a:not(:focus):not(:hover) i {
  opacity: 0.5;
}
.div-nav-t-m-l a:focus i, .div-nav-t-m-l a:hover i, .div-nav-t-m-t-l a:not(:focus):not(:hover) i {
  color: #3200e6;
}
.div-nav-t-t a:focus i, .div-nav-t-t a:hover i, .div-nav-t-t-mobile a:focus i, .div-nav-t-t-mobile a:hover i {
  color: #3200e6;
}
.div-nav-t-t a:not(:focus):not(:hover) i, .div-nav-t-t-mobile a:not(:focus):not(:hover) i {
  opacity: 0.5;
}
.nav-t {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index:1;
}
.div-nav-t-b, .div-nav-t-b-mobile {
  background-color: #f6f6f6;
}

.div-nav-t-b {
  padding: 0 10vw;
}

.breadcrumb {
    padding: 6px 30px;
}

.breadcrumb>li {
    display: inline-block;
    font-size: 12px;
    margin-bottom: 0;/* TO DELETE AFTER EDIT DEFAULT*/
}

.breadcrumb>li+li:before {
    content: "|";
    padding: 0 5px;
    color: #333;
}

.breadcrumb>li a {
    color: #333;
}

.breadcrumb li:last-child, .breadcrumb li:last-child a {
    color: #3200e6;
}

/* .div-nav-t-m-l i {
  opacity: .5;
}
.div-nav-t-m-l a:focus, .div-nav-t-m-l a:hover {
  opacity: 1;
  color: #3200e6;
} */
/* .div-nav-t-t > div:not(:last-child)::after, .div-nav-t-t-l > div:not(:last-child)::after {
  content: "";
  height: 16px;
    width: 1px;
    top: 8px;
    left: 0;
    background-color: #333;
} */
.div-nav-t-m {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 0.4em 0;
}
.div-nav-t-m-t {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.4em 5%;
  background: #fff;  
}
.div-nav-t-m, .div-nav-t-m-t {
  background-color:#fff;
}
.div-nav-t-m-r {
 display: flex;
}
.div-nav-t-m-r > a, .div-nav-t-m-b > a {
    color: #333;
    padding: 0 15px;
    font-weight: 300;
    font-size: 16px;
}
.div-nav-t-m-b > a:hover, .div-nav-t-m-b > a:focus {
    color: #3200e6;
    font-weight: 600;
}

.div-nav-t-m-r > a::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  transition: width .3s;
  -webkit-backface-visibility: hidden;
}

.div-nav-t-m-r > a::after {
    background: #3200e6;
}

.div-nav-t-m-r > a:hover::after{
  width: 100%;
  transition: width .3s;
}

.div-nav-t-m-r a:active {
     font-weight:bold;
}

*:focus {
    -webkit-tap-highlight-color: transparent;
    outline: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.div-nav-t-m-l-default {
  margin-right: 50%;
}

.div-form-row {
  display:flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0.5rem 0;
  justify-content: flex-end;
}


.flex-grow-one {
  flex-grow: 1;
}

.div-form-row > * {
  font-size: 14px;
  margin-bottom: 0!important;
}

.div-form-inrow > * {
  font-size: 14px;
  margin-bottom: 0!important;
}

form.div-form-inrow {
  display:flex;
  align-items: center;
}


/* .div-form-row:first-child {
  font-weight: 700;
} */

.div-form-row > *:not(:first-child) {
  margin-left: 1rem;
  width: fit-content;
}

/* .div-form-column {
  flex-grow: 1;
  min-width: 50%;
} */

/* .div-form-column :not(:first-child) {
  margin-left: 1rem;
} */

.div-form-all{
  display:flex;
  flex-wrap: wrap;
  margin: 2.0rem 0;
}

.table-responsive{
	/* font-size: 62.5%; */
	/* font-size: 62.5%!important; */
	font-size:75%;
}


.div-items{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.div-item{
  display:flex;
  flex-wrap: wrap;
  flex-direction: column;  
  /* border: solid; */
  /* margin: 2rem; */
  padding: 2rem;
}

.div-item:nth-child(odd) {background: #F2F2F2}
.div-item:nth-child(even) {background: #E6E6E6}
.o-table tbody tr:nth-child(odd) {background: #F2F2F2}
.o-table tbody tr:nth-child(even) {background: #E6E6E6}

.div-item-row{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/*
.div-item-row-nowrap{
  display:flex;
  justify-content: space-between;
}
*/
/* .div-item-row:first-child{
  align-items: center;
  justify-content: space-between;
} */
/* .div-item-row:not(:first-child){
  justify-content: space-evenly;
} */
.div-item-row-col{
  display:flex;
  flex-wrap: wrap;
  align-items: center;
  /* flex-direction: column; */
}
.div-item-row-col-row{
  display:flex;
  flex-wrap: wrap;
  align-items: center;
}
.bolded{
  font-weight: bold;
/*   margin: 1rem 1rem 0 1rem; */
}
.div-item-row-col-row > div{
	text-align: center;
}
/* .div-item-row-col:not(:first-child), .div-item-row-col-row:not(:first-child){
  margin-left: 1rem;
} */
/*  .div-thisitem-row-col-row > *:not(:first-child){
  margin: 0 0 0.1rem 1rem;
}
*/
/* .div-thisitem-row-col-row > *:not(:first-child){
  margin-left: 1rem;
} */

/* .div-edititem-row-col-row > *:not(:first-child){
  margin-left: 1rem;
} */

/* .div-filter{
display:flex;
flex-wrap: wrap;
  flex-direction: column;  
  border: solid;
  margin: 2rem;
  padding: 2rem;
} */
.div-filter-row{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
/*   flex-direction: column; */
  
/*   align-items: center; */
  /* justify-content: space-evenly */
}
.div-filter-row-col{
  display:flex;
  flex-wrap: wrap;
  align-items: center;
/*   align-items: center;
  flex-direction: column; */
}
.div-filter-row-col-row{
  display:flex;
  flex-wrap: wrap;
  align-items: center;
/*   align-items: center; */
  /* justify-content: space-evenly */
}

.div-filter-row-col-row > div{
  padding: 1rem;
}
.div-filter-row-col-row > *:not(:first-child) {
/*   margin-left: 1rem; */
  width: fit-content;
}
.div-filter-row-button{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-evenly
}
ul.pagination{
  display:flex;
  flex-wrap: wrap;
}
ul.pagination > div{
  display:flex;
  flex-wrap: wrap;
}
.myh3 {
  font-weight:300;letter-spacing:-.1rem;font-size:2.8rem;line-height:1.3;
}
.myh4 {
  font-weight:300;letter-spacing:-.1rem;font-size:2.1rem;line-height:1.3;
}
.myh5 {
  font-weight:500;letter-spacing:-.1rem;font-size:1.85rem;line-height:1.3;
}
.div--m1{
  margin: 2rem 0;  
}
.div-item-row-col-row > h4 {
  margin-bottom: 0.5rem;
}
.div-item-row-col-row > h5 {
  margin: 1rem 0 0.5rem 0;
}

/* .div-thisitem{
	display:flex;
	align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column;
  
  align-items: center;
  justify-content: space-evenly
} */
.div-thisitem-row{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.div-edititem-row{
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
  /* justify-content: space-around; */
}
/* .div-thisitem-row-col{
  display:flex;
  flex-wrap: wrap;
  align-items: center;
  align-items: center;
  flex-direction: column;
} */
.div-thisitem-row-col-row{
  display:flex;
  flex-wrap: wrap;
  align-items: center;
}
.div-edititem-row-col-row{
  display:flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0.2rem 0;
}
.div-buttons{
  justify-content: space-between;
}
/*
.div-buttons > *{
  margin-bottom : 1em;
}
TODO
*/
.div-flex{
  display: flex;
}
.div-flex-a--c{
  align-items: center;
}
.flex-j-c--c{
  justify-content: center;
}
.flex-j-c--s-b{
  justify-content: space-between;
}
.flex-a-i--s{
  align-items: flex-start;
}
.a-tab{
  padding :0.5rem;
  border-radius: .4rem;
  border: 0.1rem solid #606c76;
  color: #606c76;
  font-weight:bold;
}
.selectedTab, .a-tab:hover{
	background-color: #3200e6;
	border: 0.1rem solid #3200e6!important;
	color: #ffffff!important;
}
/* .selectedTab{
	font-weight:bold;
} */
.a-tab:hover{
    opacity: 0.5;
}
.b--b1{
    border-bottom: 0.1rem solid #3200e6;
}
.opacity-half{
    opacity: 0.5;
}
.div-row-subbutton{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /*margin: 0.2rem;TODO*/
    justify-content: space-evenly;
}
.div-row-subbutton > *{
	padding: 0.4em 0.6em;
	font-size: 90%;
}
.button,button,input[type='button'],input[type='reset'],input[type='submit']{
    color: #fff;
    font-weight: 700;
    padding: 0.6em 0.8em;
    background-color: #3200e6;
    border-radius: 5em;
    border: 0;
    cursor:pointer;
}
.div--m-r--m1{
  margin-right: 0.5rem;  
}
.div--m-r--m2{
  margin-right: 1rem;  
}
.div-input-radio > label:not(:last-child){
	margin-right: 1rem;
}
legend{
	display:block;font-size:2.0rem;font-weight:700;margin-bottom:2.0rem
}
.m-b--m1{
  margin-bottom: 1rem;  
}
.m-b--m2{
  margin-bottom: 2rem;  
}
.m-t--m1{
  margin-top: 1rem;  
}
.my-txt1{
  font-weight: 900;
  font-size: 1.9rem;
}
.my-txt2{
  font-size: 2.6rem;
}
.my-txt3{
  font-size: 2.1rem;
}
.my-txt4{
  font-weight: 900;
  font-size: 3rem;
}
.my-txt5{
  font-size: 1.6rem;
}
.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputattachment {	
	width: 1px;
	position: absolute;
	z-index: -1;
}
.t-a--r {
	text-align: right;
}
.inputnumber--w3 {
	width : 7rem!important;
}
.inputnumber--w5 {
	width : 8.5rem!important;
}
.inputnumber--w10 {
	width : 13rem!important;
}
.d--n {
    display: none;
}
.d--h {
    display: hidden;
}
.v-a--m {
	vertical-align :middle;
}
.t-a--l {
  text-align: left;
}
.b-c--g2 {
  background-color: #f6f6f6;
}
.m-l--m2 {
  margin-left: 2rem;
}
.p-l--overr1 {
	padding-left: 4rem !important;
}
.t-d--overr1{
  display: table !important;
}
.f-s--150pc{
  font-size:150%;
}
.div-filter {
  background-color: #f6f6f6;
  padding: 1rem;
}
.td-stats-flex{
  display:flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0.5rem;
}
/*
.tmpstatsstocks-subcategory {
    font-style: italic;
    text-align: right;
}
*/
/* Normalize overrides */
button, input, optgroup, select, textarea, label {
	font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
/* .my-txt2{
  font-weight: 700;
  font-size: 1.8rem;
}
.my-txt3{
  font-weight: 500;
  font-size: 1.7rem;
}
.my-txt4{
  font-weight: 300;
  font-size: 1.6rem;
} */
/*
.button.button-outline,button.button-outline,input[type='button'].button-outline,input[type='reset'].button-outline,input[type='submit'].button-outline{
	background-color:transparent;color:#3200e6
}
*/
/*
.button:focus,.button:hover,button:focus,button:hover,input[type='button']:focus,input[type='button']:hover,input[type='reset']:focus,input[type='reset']:hover,input[type='submit']:focus,input[type='submit']:hover{
	background-color:#606c76;border-color:#606c76;color:#fff;outline:0
}
*/