* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  /* margin-bottom: 60px; */
  /* padding-top: 60px; */
}

/* ---------------------------------------------------- */
/* font-size                      */
/* ---------------------------------------------------- */

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.17em;
}

h4 {
  font-size: 1.12em;
}

h5 {
  font-size: .83em;
}

h6 {
  font-size: .75em;
}

/* ---------------------------------------------------- */
/* utilities                      */
/* ---------------------------------------------------- */
.mt-5 {
  padding-top: 2rem !important;
}

.mt-6 {
  padding-top: 2.5rem !important;
}

.mt-7 {
  padding-top: 3rem !important;
}

.mt-8 {
  padding-top: 3.5rem !important;
}

.mt-9 {
  padding-top: 4rem !important;
}

.mt-10 {
  padding-top: 4.5rem !important;
}

/* ---------------------------------------------------- */
/* components footer                  */
/* ---------------------------------------------------- */
footer {
  /* position: absolute;
  bottom: 0; */
  width: 100%;
  /* height: 60px; */
  border-top: 1px solid #DDDDDD;
}

footer a {
  color: #fff
}

footer a:hover {
  font-size: 1em;
  color: #fff;
}

/* ---------------------------------------------------- */
/* components navbar                  */
/* ---------------------------------------------------- */
.sticky-top {
  z-index: 1020;
}

.sticky-top-2 {
  z-index: 1010;
}

.sticky-top-3 {
  z-index: 1000;
}

.sticky-top-1 {
  margin-top: 0rem;
}

.sticky-top-2 {
  margin-top: 3.5rem;
}

.sticky-top-3 {
  margin-top: 7rem;
}

/* ---------------------------------------------------- */
/* components button rounded          */
/* ---------------------------------------------------- */
.btn {
  cursor: pointer
}

.btn-round-lg {
  border-radius: 22.5px;
}

.btn-round {
  border-radius: 17px;
}

.btn-round-sm {
  border-radius: 15px;
}

.btn-round-xs {
  border-radius: 11px;
  padding-left: 10px;
  padding-right: 10px;
}

/* ---------------------------------------------------- */
/* components badg                    */
/* ---------------------------------------------------- */
.badge-notify {
  position: relative;
  top: -15px;
  left: -10px;
  width: 1.3rem;
  height: 1.3rem;
  padding: 5px;
  font-size: 0.45rem;
  text-align: center;
  border-radius: 50em;
  -moz-border-radius: 50em;
  -webkit-border-radius: 50em;
  line-height: 0.45rem;
}

/* ---------------------------------------------------- */
/* components alert                   */
/* ---------------------------------------------------- */
.alert {
  border: none;
  border-radius: 0;
  text-align: center;
  margin-bottom: 0;
  line-height: 1.1rem;
  padding-top: 1.5rem;
}

/* ---------------------------------------------------- */
/* components header                  */
/* ---------------------------------------------------- */
header {
  padding-top: 1em;
  padding-bottom: 1em;
  min-height: 3em;
  /*anciennement 10*/
  color: #fff;
  /* background:linear-gradient(0deg, rgba(43, 127, 134, 1), rgba(55, 163, 173, 0.1)), url(/assets/images/design/slider1_slide2.jpg) no-repeat center; */
  background-color: #e5f2f9;
}

header h1 {
  /*margin-top:1em;*/

}

@media print {
  header {
    padding-top: 0em;
    padding-bottom: 0em;
    min-height: 0px;
  }

}

header.auth {
  background: none;
}

/* ---------------------------------------------------- */
/* components well                    */
/* ---------------------------------------------------- */
.well {
  background-color: #E9ECEF;
  padding: 10px
}

.well {
  margin-bottom: 1rem
}

/* ---------------------------------------------------- */
/* components breadcrumb                    */
/* ---------------------------------------------------- */
.breadcrumb {
  margin-bottom: 0
}

/* ---------------------------------------------------- */
/* page define in css                 */
/* ---------------------------------------------------- */
#jumbotron {

  padding-left: 5%;
  /*height : 100%*/
  background: transparent url(/assets/images/design/slider1_slide2.jpg) center;
  background-repeat: no-repeat;
  background-color: transparent background-size: 100% 100%;
  height: 75vh;
}

#jumbotron .jumbotron {
  width: 60%;
  color: #fff;
  background-color: rgba(92, 124, 145, 0.4);
  padding: 20px 0 0 20px;
  margin-top: 35px
}

#jumbotron h1 {
  font-family: 'Garamond';
  font-size: 75px;
}

#jumbotron h2 {
  font-family: Georgia, serif;
}

#jumbotron p {
  font-family: Georgia, serif;
}

#slogan {
  background-color:
    /*#4DC6EB*/
    #417851;
  color: #fff;
  height: 19vh;
  padding-top: 35px;
}

#slogan h1,
#slogan .lead {
  color: #fff;
  font-weight: 100
}

#feature {
  padding-top: 70px;
  padding-bottom: 40px;
  /* background-color: #E7E7E7; */
}

#feature i {
  color: #205A80
}

#partner {
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 40px;
  /*margin-bottom:30px;*/
  /* border-top: 1px solid #ddd; */
}

#partner h1 {
  display: block
}

/*
#about {background-color:#418CAC;color:#fff;height:150px;padding-top:20px;
background: transparent url(/assets/images/design/slider1_slide2.jpg) no-repeat center;}
#about h1,#about small,#features h1,#features small{color:#fff}
#features{background-color:#418CAC;color:#fff;height:150px;padding-top:20px}
*/

/* ---------------------------------------------------- */
/* components totop                   */
/* ---------------------------------------------------- */
.totop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  padding-top: 5px;
  /* padding-right: 5px; */
  padding-bottom: 5px;
  padding-left: 5px;
  z-index: 104400;
  display: none;
  opacity: 0.9;
  background-color: #343A40;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 100;
  line-height: 1.33;
}

.totop a,
.totop a:visited {
  display: block;
  color: #fff;
  text-align: center;
}

.totop:hover {
  color: #fff;
  background-color: #007bff;
  transition: all 0.2s ease-in-out 0s;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}

/* ---------------------------------------------------- */
/* components icon                  */
/* ---------------------------------------------------- */

.icon-2x {
  font-size: 2em;
}

.icon-3x {
  font-size: 3em;
}

.icon-4x {
  font-size: 4em;
}

.icon-5x {
  font-size: 5em;
}

/* ---------------------------------------------------- */
/* components typo                    */
/* ---------------------------------------------------- */
a {
  text-decoration: none;
}

a:hover {
  /* text-decoration: none;
  -webkit-transition: color .5s linear;
  -moz-transition: color .5s linear;
  -ms-transition: color .5s linear;
  -o-transition: color .5s linear;
  transition: color .5s linear; */
}

/* ---------------------------------------------------- */
/* homepage                   */
/* ---------------------------------------------------- */
.homepage .side-bar .nav-tabs {
  border-bottom: none;
}

.homepage .side-bar .nav-tabs .nav-link {
  color: #aeaeae;
  border: none;
}

.homepage .side-bar .nav-tabs .nav-link.active,
.homepage .side-bar .nav-tabs .nav-link:hover {
  border-bottom: 2px solid #E51837;
  color: #222
}

.homepage {
  background: #EBEBEB
}

#homepage-carousel .carousel-caption {
  position: absolute;
  right: 15%;
  top: 15%;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

#homepage-carousel .carousel {
  overflow: hidden;
}

#homepage-carousel .carousel-item img {
  width: 100%;
  height: auto;
}

#homepage-carousel .carousel-inner {
  min-height: 300px;
}

#homepage-carousel .carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  padding-top: 0;
  padding-bottom: 0;
  color: #fff;
}

#homepage-carousel h1 {
  animation-delay: 1s;
}

#homepage-carousel h2 {
  animation-delay: 2s;
}

#homepage-carousel h3 {
  animation-delay: 3s;
}


footer {
  color: #fff
}

/* ---------------------------------------------------- */
/* login view                     */
/* ---------------------------------------------------- */

body.signin,
body.signup,
body.forgot_password,
body.change_password {
  color: #343A40
}

body.signin .primary-menu,
body.signup .primary-menu,
body.forgot_password .primary-menu,
body.change_password .primary-menu {
  display: none
}

body.signin .container-breadcrumb,
body.signup .container-breadcrumb,
body.forgot_password .container-breadcrumb,
body.change_password .container-breadcrumb {
  display: none
}

body.signin footer,
body.signup footer,
body.forgot_password footer,
body.change_password footer {
  display: none
}

body.signin section.auth,
body.forgot_password section.auth,
body.change_password section.auth {
  margin: 0 auto;
  max-width: 320px;
}

body.signup section.auth {
  margin: 0 auto;
  max-width: 400px;
}

body.signin section.auth a,
body.forgot_password section.auth a,
body.change_password section.auth a {
  color: #343A40;
}

body.signin header.auth,
body.signup header.auth,
body.forgot_password header.auth,
body.change_password header.auth {
  margin: 0 auto;
  max-width: 320px;
  text-align: center;
  margin-top: 3%
}

body.signin header.auth,
body.signup header.auth,
body.forgot_password header.auth,
body.change_password header.auth {
  background-color: transparent !important;
  padding-top: 0;
  padding-bottom: 0;
}

body.signin header.auth h1,
body.signup header.auth h1,
body.forgot_password header.auth h1,
body.change_password header.auth h1 {
  display: none;
}

/*bug print firefox*/
@media print {
  .container {
    width: auto;
  }
}

/** CUSTOM **/

.border-3 {
  border-width: 3px !important;
}

.border-5 {
  border-width: 5px !important;
}

.mon-exploitation {
  background-color: #28569b;
  color: #fff;
}

.moyenne {
  /* background-color: #63C771; */
  background-color: #63C771;
  color: #fff;
  display: none;
  /* Préférence pour la médiane actuellement */
  ;
}

.mediane {
  background-color: #7EE994;
  /* color: #fff; */
  color: #212529;
}

.mediane_old {
  background-color: #EFA595;
  color: #fff;
}

/*.table-custom-rounded {
  border: none;
}

.table-custom-rounded thead th {

  border: none;
}

.table-custom-rounded thead th:first-child {
  border-radius: 10px 0 0 0;
}

.table-custom-rounded thead th:last-child {
  border-radius: 0 10px 0 0;
}

.table-custom-rounded tbody tr:last-child td:first-child {
  border-radius: 0 0 0 10px;
}

.table-custom-rounded tbody tr:last-child td:last-child {
  border-radius: 0 0 10px 0;
}*/

.mediane2 {
  border: 0;
}

.rotate-r {
  -ms-transform: rotate(-40deg);
  /* IE 9 */
  transform: rotate(-40deg);
}

.rotate-l {
  -ms-transform: rotate(40deg);
  /* IE 9 */
  transform: rotate(40deg);
}

#usr_selected {
  /* width: 17em;
  min-width: 170px; */
}

#year_selected {
  /*width: 10%;*/
  min-width: 1%;
}

svg {
  /* width: 2000px; */
}

#highcharts-3 {
  width: 2000px;
}

.badge-mediane {
  color: #fff;
  background-color: #63C771;
}

.text-mediane {
  color: #63C771;
}

@media print {

  .header-pdf {
    padding-top: 14px !important;
    padding-bottom: 8px !important;
  }

  hr {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .d-print-shadow-none {
    box-shadow: none !important;
  }

  .header-bilan-elem {
    margin-top: 0.5rem !important;
  }

  .header-bilan-elem-1,
  .header-bilan-elem-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .table-custom {
    text-align: left;
    box-shadow: none;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .mediane,
  .mon-exploitation {
    background-color: white;
    color: black;
  }

  .page-break {
    page-break-before: always;
  }

  /*  tr .page-break{
    display: block;
    height: 60px;
    page-break-before: always !important;
  }*/

  nav {
    display: none !important;
  }

  body {
    padding: 0px !important;
    margin: 0px;
  }

  .table-custom thead .mon-exploitation,
  .table-custom thead .mediane {
    /*padding: 10px;*/
    text-align: left;
    text-shadow: none;
  }

  .table-custom .mon-exploitation {
    color: #28569b;
  }

  .table-custom .mediane {
    color: #63C771;
  }

  .form-note {
    border: 1px solid #28569b;
  }

  /**/

  .table-custom .diag-line {
    background-color: #ececec !important;
  }

  .titre-print {
    font-size: 90%;
  }

  ul li {
    page-break-inside: avoid;
  }

  #tarteaucitronRoot {
    display: none;
  }

}

.diag-line {
  background: linear-gradient(45deg, #eee 12.5%, #fff 12.5%, #fff 37.5%, #eee 37.5%, #eee 62.5%, #fff 62.5%, #fff 87.5%, #eee 87.5%);
  background-size: 15px 15px;
  background-position: 50px 50px;
  /* https://online-free-tools.com/fr/css_generateur_motif_pattern_background*/
}

/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a,
.bg-banner a {
  color: #dde4e8;
  /*background : #5C7C91 url(/assets/images/design/bg_testimonials_home.jpg) no-repeat center;*/
}

.dropdown-submenu a:hover,
.bg-banner a:hover {
  /*color: #8DAE5B;*/
  color: #FFF;
  /*background : #5C7C91 url(/assets/images/design/bg_testimonials_home.jpg) no-repeat center;*/
}

.dropdown-submenu a:hover,
.bg-banner .dropdown-item:hover {
  background: #245F89;
  font-size: 1em;
  color: white;
}

.dropdown-submenu a:focus {
  /*color: #8DAE5B;*/
  color: #FFF;
  background-color: #245F89;
  font-size: 1em;
  /*background : #5C7C91 url(/assets/images/design/bg_testimonials_home.jpg) no-repeat center;*/
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

.dl-bilan-button {
  background-image: none !important;
  background-color: #448FAF !important;
}

.navbar-dark .navbar-nav .nav-link {
  color: #dde4e8;
}

.navbar-dark:hover .navbar-nav:hover,
.nav-link:hover {
  color: #FFF;
  font-size: 1em;
}

.thead-light a {
  color: #495057;
}

.nav-link-bottom {
  padding: 0.3rem 1rem;
}

.border-typo {
  border: 1px solid rgba(0, 0, 0, 0.125);
}

/*.navbar-brand{
  padding-bottom: 0;
}*/