html {
  font-size: 13px;
}

h1 {
  font-size: 2rem;
}

.context-graph-menu {
  padding: 10px;
}

#bkg-signin h1 {
  margin-top: 40px;
}

#bkg-signin h2 {
  margin-top: 30px;
}

.breadbox-item {
  display: inline;
  padding-right: 10px;
}

.breadbox-item > .dropdown-menu {
  margin-top: 10px;
  padding: 10px;
}

.element-content {
  height: 350px;
  text-transform: uppercase;
}

.dropdown-menu {
  margin-top: 0;
}

em, .hlpst {
  background: yellow;
  font-style: normal;
}

.frequence {
  list-style-type: none;
}

.js-filter-type ul {
  list-style-type: none;
  padding-left: 5px;
}

.js-filter-type a::before {
  content: " ";
  display: inline-flex;
  background: url(../img/icons/arrow-right.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  width: 20px;
  height: 10px;
  transition: all .2s ease-out;
}

.collapsed::before {
  transform-origin: center;
    transform: rotate(-90deg) !important;
    transition: all .2s ease-out;
}  

.js-widget-container {
  border: 1px solid #EEE;
  padding: 10px;
}

#input-query,
#input-period {
  width: 180px;
}

.keyword-verbatim-filter > ul {
  list-style-type: none;
  padding-left: 0px;
}

.multifilter-list {
  height: 200px; 
  overflow: auto; 
  background-color: #EEE; 
  padding:10px;
  margin-bottom: 20px;
}

.main-nav-menu {
  border-color: #EEE;
}

.nav-wrapper-off {
  pointer-events: none;
  opacity: 0.5;
}

.navbar-brand {
  font-size: 1rem;
}

.nav-arkea {
  border-top:1px solid #EEE;
  height: 45px;
}

.no-display {
  display: none;
}

.notification-list {
  list-style-type: none;
  padding: 5px;
  width: 300px;
}

.notification-list li {
  border-top: 1px solid #EEE;
  padding: 5px;
}

#parameters ul {
  list-style-type: none;
}

.radio-bt-box {
  font-size: 1.2rem
}

#search-info {
  font-size:11px; 
  color:#CCC;
  margin-right:7px; 
  padding:0px 7px; 
  border:1px solid #CCC; 
  border-radius:15px;
  cursor: pointer;
}

#search-reset {
  cursor: pointer;
}

.sidebar {
  border-top: 0;
  border-bottom: 0;
  margin-top: 100px;
}

.sidebar-title {
  padding: 10px 0 10px 0px;
}

.tooltip-inner {
    max-width: 400px;
}

.verbatim-doc > .media-body {
  overflow-wrap: break-word;
  width: 100px;
}

/* small widget */

.small-wgt .wgt-header .float-right {
  display: none;
}
.small-wgt .wgt-body {
  height: 140px;
}
.small-wgt .wgt-footer {
  display: none;
} 

.sub-menu > a {
  text-transform: uppercase;
}

.sub-menu > ul {
  list-style-type: none;
  padding-left: 5px;
}

#sub-nav-2 {
  padding: 10px;
}

.table th {
  border-top: 0;
}

.verbatim-doc {
  padding: 10px;
}

.verbatim-doc-img {
  width: 70px;
}

.wgt-header {
  height: 30px;
}

.wgt-body {
  height: 380px;
}

.wgt-footer ul {
  height: 30px;
  margin-bottom: 0 !important;
}

.widget-verbatim {
  border: 0;
}

.yamm .yamm-content {
  padding: 10px 20px;
}

/************ Ajouts Emilie ************/

/* General */

body {
  color: #6A6A6A;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background: #F7F7F7;
}

.content {
  width: 80%;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 10px;
  margin-right: auto;
  margin-left: auto;
}

.m-55 {
  margin-top: 55px;
}

.m-100 {
  margin-top: 100px;
}

.bkg-white {
  background: #FFFFFF;
}

.bkg-light {
  background: #F4F4F4;
}

.bkg-dark {
  background: #6c6c6c;
}

.brd-right {
  border-right: 0.5px solid rgba(210, 210, 210, 0.699);
}

.txt-white {
  color: #FFFFFF!important;
}

a {
  text-decoration: none; 
  color: #6A6A6A;
}

a:hover {
  text-decoration: none!important; 
  color: #444444;  /* temporaire */
}

.red-arkea {
  color: #ED1C24!important;
}

#up {
  position: fixed;
  bottom: 20px;
  right: 0;
  cursor: pointer;
}

.titlePage {
  text-transform: uppercase; 
  font-size: 20px; 
  color: #ED1C24;
  font-weight: 500;
}

.marginPage {
  margin-top: 100px!important;
}

.dropdown-togglePerso::after {
  content: url(../img/icons/arrow-down-s.png);
  margin-left: 10px;
  vertical-align: 10%;
}

.dropdown-item.active, .dropdown-item:active {
  background: #FBD6D8;
}

.dropdown-item {
  width: 100%;
}
/* btn  */

.btn-primary {
  background: #E03136; 
  text-transform: uppercase; 
  font-size: 12px; 
  color: #fff; 
  border-radius: 50px;
  padding: 5px 25px;
  border: none; 
}

.btn-primary:hover {
  background: #F7A8AB;
}

.btn-primary:active {
  background: #444444!important;
}

.btn-secondary {
  background: transparent;
  text-transform: uppercase; 
  font-size: 12px; 
  color: #6A6A6A;
  border-radius: 50px; 
  padding: 3px 25px; 
  border: 0.5px solid #6A6A6A;
}

.btn-secondary.active {
  background: #E03136!important; 
  border: 0.5px solid #E03136!important;
  color: #fff;
}

.btn-dark {
  background: #444444;
  border: 0.5px solid #444444!important;
  text-transform: uppercase; 
  font-size: 12px; 
  border-radius: 50px;
  padding: 3px 25px; 
  color: #fff;
}

.btn-success {
  background: #E63135;
  border: none; 
}

.btn-success:hover {
  background: #F7A8AB;
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #444444;
  border-color: #444444;
}

.ranges li {
  color: #444444;
}

.ranges li:hover {
  background: #F7A8AB;
  border: 1px solid #F7A8AB;
  color: #fff;
  }

.ranges li.active {
  background: #E63135;
  border: 1px solid #E63135;
  color: #fff; }

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #ED1C24;
  border-color: transparent;
  color: #fff;
}

.daterangepicker td.in-range {
  background-color: rgba(251, 214, 216, 0.664);
  border-color: transparent;
  color: #000;
  border-radius: 0;
}


/* Page Signin */

#bkg-signin {
  height: 100vh;
  max-height: 100vh;
  background-image: url(../img/bkg-login.png);
  background-size: cover; 
  background-repeat: no-repeat;
}

#bkg-signin h2, #bkg-signin h3 {
  font-size: 20px; 
}

.flashInfo {
  background: #FFFFFF;
  height: 100vh;
}

.flashInfo h2 {
  color: #ED1C24;
  text-transform: uppercase; 
  font-weight: 700;
}

.infoBox {
  border-bottom: 0.5px solid #7070707a;
}

.boxConnexion {
  margin: 40% 0;
}

.form-group {
  display: block;
  width: 60%;
  margin: 10px auto;
}

/* Navmain  */

#main-nav {
  position: fixed;
  z-index: 100;
  width: 100%;
  min-width: 100%;
}

#main-nav, #main-nav .navbar-collapse, .form-inline {
  height: 55px;
}

.nav-item .dropdown-toggle {
  padding: 12px 0;
  text-align: center;
}

#nain-nav .dropdown-menu {
  border: none; 
  box-shadow: 4px 7px 12px #00000013; 
  border-radius: none;
}

#input-query {
  background: url(../img/icons/icon-search-s.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  border: none; 
  border-radius: 0;
  padding-left: 25px;
  width: 35%;
}

#input-period {
  border: none; 
  background: transparent;
  cursor: pointer;
}

.input-period {
  border-left: solid 0.5px #7070707a!important;
  padding-left: 20px;
}

.input-period {
  background: url(../img/icons/icon-calendar.png);
  background-repeat: no-repeat;
  background-position: 10% 50%;
  background-size: 18px;
}

.input-period p {
  line-height: 12px;
  color: #D2D2D2;
}

#calendar {
  cursor: pointer;
}

.table-condensed .prev {
  background-image: url(../img/icons/previous.png);
  background-repeat: no-repeat; 
}

.table-condensed .next {
  background-image: url(../img/icons/next.png);
  background-repeat: no-repeat; 
}

.daterangepicker.opensright:before, .daterangepicker.opensright:after {
  left: 92px;
}

.float-right .nav-link {
  border-left: 0.5px solid rgba(210, 210, 210, 0.699);
  padding: 15px 10px !important;
  height: 100%!important;
  color: #6A6A6A!important;
}

.dashAccess {
  border-left: 0.5px solid rgba(210, 210, 210, 0.699);
  text-transform: uppercase;
  line-height: 26px;
}

.float-right .navbar-nav a:hover {
  background: #FBD6D8;
  color: #ffffff;
}

.float-right .navbar-nav a.active {
  background: #E03136;
  color: #ffffff;
}


/* nav Particulier  */

.nav-arkea {
  position: fixed;
  width: 100%;
  z-index: 90;
  top: 55px;
}

.nav-arkea .nav-link {
  height: 45px;
  padding-top: 13px;
}

.nav-arkea .nav-link-active {
  background: #FFFFFF20;
}

.navbar-nav .nav-item:hover{
  background: #FFFFFF20;
}

.navbar-nav .dropdown-menu{
 width: 100%;
}


#navbarSupportedContent2 {
  text-transform: uppercase;
}

.multiAccess {
  background: #FFFFFF;
  border-radius: 50px 0 0 50px;
  text-transform: uppercase; 
  text-decoration: none; 
  color: #6A6A6A;
  padding-top: 12px;
}

.multiAccess span {
  padding-left: 40px;
  background: url(../img/icons/icon-multicriteres.png);
  background-repeat: no-repeat;
  background-position: 5% 75%;
  background-size: 15px;
}

.nav-arkea li.dropdown {
  position: relative; 
}

.nav-arkea .dropdown-menu {
  width: 250px;
  position: absolute;
  left: 0;
  margin-top: 0!important;
  border: none; 
  box-shadow: 0 7px 12px #00000013;
  margin-top: 8px;
  border-radius: none; 
}

.nav-arkea .dropdown-menu:before {
  content: url(../img/icons/select-light-up.png);
  position: absolute;
  top: -15px;
  left: 30px;
}

.box-lvl3 {
  position: relative;
}

.bloc-lvl3 {
  width: 250px;
  position: absolute; 
  left: 250px; 
  top: 0;
  list-style: none;
  background: #ffffff;
  border: none; 
  border-top: 0.1px solid #EEE;
  box-shadow: 0 3px 6px #00000013; 
  margin-top: 8px;
  border-radius: none; 
}

.box-lvl3:hover, .hoverMenu .hover-lvl3:hover, .yamm-content li:hover{
  background : #FBD6D8;
}

.yamm-content li {
  list-style: none!important;
}


/* Nav Multicriteres */

.multiButton {
  background: #E03136;
  border-radius: 50px 0 0 50px;
  text-transform: uppercase; 
  text-decoration: none; 
  padding-top: 14px;
  padding-bottom: 14px;
  color: #FFFFFF;
}

.multiButton span {
  padding-left: 40px;
  background: url(../img/icons/icon-multicriteres-white.png);
  background-repeat: no-repeat;
  background-position: 5% 75%;
  background-size: 15px;
}

.multiButton:hover {
  background: #E03136;
  color: #FFFFFF;
}

/* Sidebar */

.filter-title {
  text-transform: uppercase;
}

/*
.filter-title:after {
  content: url(../img/icons/arrow-down.png);
  position: absolute;
  right: 15px;
}
*/

.collapsed[aria-expanded="false"]::after {
   transform-origin: center;
   transform: rotate(180deg);
   transition: all .2s ease-out;
}  

.js-filter-type {
  padding: 8px 10px;
  border-bottom: 0.5px solid #D7DAE2;
  border-radius: 5px;
  box-shadow: 0 1px 1px #00000012;
}

input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
}

input[type=checkbox] {
  border-radius: 20%;
  background: #EBEBEB!important;
  height: 15px;
  width: 15px;
  vertical-align: middle;
}

input[type="checkbox"]:checked {
  background: #444444!important;
}

input[type="checkbox"]:checked::before {
  content: url(../img/icons/check.svg);
  height: 15px;
  width: 15px;
  display: block;
  position: absolute;
  left: 4px;
  top: -4px;
  color: #fff;
}

.form-check {
  padding: 2px 15px 0;
}

.form-check li {
  margin-left: 10px;
}

.form-check-label a, .form-check-label span {
  padding: 5px;
}

.form-check-label a {
  font-weight: 600;
}

.scrollable-menu {
    height: auto;
    max-height: 16rem;
    overflow-x: hidden;
}

.search-filter {
  margin:5px 0;
}


/* View Verbatim  */

.verbatimBox .list-unstyled, .keyword-verbatim-filter {
  background: #FFFFFF;
  box-shadow: 0 3px 6px #00000015;
  padding: 20px;
}

.verbatimBox h1 {
  font-size: 18px;
}

.verbatim-doc-img img {
  width: 45px;
  height: auto;
}

.list-unstyled {
  margin-top: 16px;
  padding-bottom: 0!important;
}

.list-unstyled li {
  border-bottom: 0.5px solid  rgba(210, 210, 210, 0.699);;
}

.pagination {
  display: flex;
  justify-content: center;
}

.page-link {
  color:#444444;
  line-height: 12px;
  background-color: transparent;
  border: none;
  border-right: 1px solid #dee2e6;
}

.page-item:last-child .page-link {
  border-right: none;
}

.page-link:hover {
  color:#ED1C24;
}

.page-item.active .page-link {
  color: #fff;
  background-color: #ED1C24;
  border-color: #ED1C24;
}

/* Select Facettes */

.tags {
  background: #EBEBEB;
  display: inline-block;
  border-radius: 50px;
  padding: 5px 10px;
  margin: 5px 5px 0 0;
}

/* Fils d'ariane */

#sub-nav-2 .breadbox-item:first-child:before {
  content: url(../img/icons/point-s.png); 
  vertical-align: top;
}

.filAriane {
  border-right: 0.5px solid #ED1C24;
}

.filAriane a {
  padding: 0 8px;
}

#sub-nav-2 .float-left {
  border-bottom: 0.5px dashed rgba(237, 28, 35, 0.267);
}

.filArianeDropDown {
  background: rgb(255, 218, 220);
  border-radius: 50px;
  padding: 2px 15px; 
  margin-left: 2px;
}

/* Widgets */

.nav-widget {
  background: transparent;
  text-transform: uppercase;
  font-size: 10px;
  color: #6A6A6A;
  border-radius: 50px!important;
  border: 1px solid #6A6A6A;
  height: 25px;
  padding-top: 4px;
}

.nav-pills {
  display: flex;
  justify-content: center;
}

.nav-widget.active {
  background: #E63135!important;
  border: 1px solid #E63135;
  color: #ffffff!important;
}

.wgt-header {
  border-bottom: 0.5px solid #00000012
}

.table td, .table th {
  padding: 0.5rem;
}

.titleWidget {
  text-transform: uppercase; 
}

.subtitle-wgt {
  font-weight: 500;
  padding-top: 10px
}

.js-widget-container .dropdown-menu {
  border: none; 
  box-shadow: 0 3px 6px #00000013; 
  margin-top: 8px;
  border-radius: none; 
}

.context-graph-menu li {
  border-bottom: 0.5px solid #F5F5F5;
}

.context-graph-menu li:hover {
  background: rgba(247, 168, 171, 0.295);
}

.m-neg5 {
  margin: -5px;
}

.element-content {
  margin-top: 10px;
}

/* Page Focus Actu */

.actuBox {
  background: #FFFFFF;
  border-top: 2px solid #ED1C24;
  padding: 15px;
  margin-bottom: 20px;
  width: 100%;
}

.actuBox h2 {
  font-size: 16px;
  text-transform: uppercase;
  color: #6A6A6A;
  font-weight: 400;
}

#wrapper-actu1 {
  padding: 20px;
}

/* Page Alerte */

.alert-box ul {
  background: #ffffff;
  padding: 10px 30px 30px;
  border-top: 2px solid #ED1C24;
}

.alert-box li:last-child {
  border-bottom: none;
}

.alert-box h2 {
  text-transform: uppercase; 
  font-size: 16px;
  font-weight: 400;
}

.alert {
  border-bottom: 0.5px dashed rgba(237, 28, 35, 0.26);
  margin-bottom: 0;
  padding: 0;
}

/* Page Rapports */

#rapports h2 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
}

.rapports-box {
  background: #FFFFFF;
  padding: 10px 30px;
  border-top: 2px solid #ED1C24;
}

.rapports-box article {
  padding: 15px 0;
  border-bottom: 0.5px dashed #ED1C24;
}

.rapports-box article:last-child {
  border-bottom: none;
}

.topic-rapport {
  font-weight: 600;
  font-size: 16px;
}

.rapports-box ul {
  padding-left: 15px;
}

.rapports-box li {
  list-style: none;
  padding-top: 10px; 
}

/* Page Aide */

.title-help {
  font-size: 16px;
  text-transform: uppercase;
  color: #6A6A6A;
  font-weight: 500;
  margin-bottom: 12px;
}

.helpBox {
  background: #FFFFFF;
  border-top: 2px solid #ED1C24;
  margin-bottom: 10px;
  padding: 20px 30px;
}

/* Page Multicritères */

#page-multifilter input[type=checkbox] {
  left: 15px;
}

#page-multifilter-categories input[type=checkbox]:checked::before {
  content: url(../img/icons/check.svg);
  height: 15px;
  width: 15px;
  display: block;
  position: absolute;
  top: 1px;
  left: 24px!important;
  color: #fff;
}

#page-multifilter h2 {
  font-size: 18px; 
  margin-bottom: 20px;
}

#page-multifilter-categories .multifilter-list {
  background: #ffffff;
  border-top: 2px solid #444444;
}

.multifilter-list {
  height: 295px;
  padding: 15px 20px 15px;
  overflow-x: hidden;
}

#page-multifilter ul {
  padding-left: 0!important;
}

#page-multifilter .form-check {
  margin-left: 0;
  padding-right: 0;
}

#page-multifilter-filters .multifilter-list {
  background: #ffffff;
  border-top: 2px solid #ED1C24;
}

/* width */
.multifilter-list::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.multifilter-list::-webkit-scrollbar-track {
  background: #F5F5F5; 
}
 
/* Handle */
.multifilter-list::-webkit-scrollbar-thumb {
  background: #EBEBEB; 
}

/* Handle on hover */
.multifilter-list::-webkit-scrollbar-thumb:hover {
  background: rgba(85, 85, 85, 0.445); 
}

.multifilter-list .form-check-label {
  margin-left: 5px;
}

/************ RESPONSIVE  **************/

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

  .no-display-mobile {
    display: none!important;
  }

  .navbar-nav .nav-item {
    width: 100%;
    text-transform: uppercase;
  }

  .navbar-nav a.nav-link {
    padding: 15px;
  }

  .nav-arkea {
    position: relative;
    top:0;
  }

  .nav-arkea .dropdown-menu {
    width: 100%;
  }

  .navbar-nav li {
    width: 100%!important;
  }

  .yamm-content ul {
    width: 100%;
  }

  #navbarSupportedContent3 {
    background: #444444;
    position: absolute;
    top: 43px;
    left: 0;
  }

  .univers {
    background: #F7F7F7;
  }

  .univers a.active {
    background: #F7A8AB;
    color: #ffffff;
  }

  .header-mobile {
    height: 50px;
  }
  
  .header-mobile .nav-item {
    width: 50%;
    text-align: center;
  }

  .header-mobile .float-right .nav-link {
    padding: 8px 15px!important;
  }

  .univers a {
    text-transform: uppercase;
    text-align: center;
    line-height: 28px;
  }

  .header-mobile ul {
    list-style: none;
  }

  .sidebar {
    margin-top: 0;
  }

  #navbarSupportedContent2 {
    background: #ffffff;   
    box-shadow: 0 2px 3px #EBEBEB;  
  }

  #navbarSupportedContent2 a {
    color: #444444!important; 
    padding: 10px 20px!important;
  }

  #navbarSupportedContent2 {
    margin-top: 12px!important;
  }

  .marginPage {
    margin-top: 30px!important;
  }

  #input-query-mobile {
    background: url(../img/icons/icon-search-s.png);
    background-repeat: no-repeat;
    background-position: 5% 50%;
    border: none; 
    border-radius: 0;
    padding-left: 50px;
    border-bottom: 0.5px solid #F7F7F7;
  }

  #input-period-mobile {
    border: none; 
    padding-left: 12%;
    background: transparent;
    padding-left: 0;
    background: url(../img/icons/icon-calendar.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 18px;
  }

  .nav-widget {
    font-size: 9px;
  }

  .m-55 {
    margin-top : 00px;
  }

}

@media screen and (min-width: 996px) { 

  .no-display-desktop {
    display: none!important;
  }

}

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

.nav-arkea .nav-link {
  font-size: 12px;
  height: 45px;
  padding-top: 15px;
}

#navbarSupportedContent2 {
  margin: 0;
  flex: 0 0 80%;
  max-width: 80%;
}

.navbar-nav {
  width: 100%;
}

.navbar-nav li {
  width: 25%;
}



}