@font-face {
  font-family: 'Silka';
  src:  url("../fonts/silka-regular-webfont-395c6019f11e355a3b0505a94c2e689e.woff2") format('woff2');
}
@font-face {
  font-family: 'Silka B';
  src:  url("../fonts/silka-bold-webfont-f28db5bde5d6f03116d2eb6c9ec50ca2.woff2") format('woff2');
}
@font-face {
  font-family: 'Silka SB';
  src:  url("../fonts/silka-semibold-webfont-56f7292614c26375c4cb455dda8a7a8f.woff2") format('woff2');
}

html,
body {


  /* prevent copy paste, to allow, change 'none' to 'text' */
  /*    font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size:12px;*/
  height: 100%;
  padding: 0px;
  width: 100%;
  /*font-family: "Silka";*/
  color: #171d3f;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.2;
  font-family: -apple-system, "Silka", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  margin: 0;
  /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.0;*/

  text-align: left;
  background-color: #fff;
}

/* Désactiver la sélection de texte pour tous les éléments */
h1, h2, h3, h4, h5, h6, a, img, ul, ol, li,
table, tr, td, th, article, section, nav, aside, header,
footer, main, blockquote, pre, code, button , label
{
  -webkit-user-select: none; /* Pour les navigateurs basés sur WebKit */
  -moz-user-select: none;    /* Pour Firefox */
  -ms-user-select: none;     /* Pour Internet Explorer/Edge */
  user-select: none;         /* Propriété standard */
}

.stelliant-font {
  font-family: "Silka SB";
}

.content-h2 {
  font-family: "Silka SB";
  font-size: 1.6rem;
  letter-spacing: .15em;
  margin-bottom: 65px;
}

.main-logo img {
  width: 212px;
  margin: auto;
  height: 94px;
}

.back-orange-stelliant {
  background-color:#f18b44 !important;
}

.orange-stelliant {
  color:#f18b44 !important;
}

.border-orange-stelliant {
  border-color:#f18b44 !important;
}

.content-h2:before {
  width: 100px;
  height: 2px;
  content: "";
  display: inline-block;
  background: -webkit-gradient(linear, left top, right top, from(#F7C800), color-stop(#FA8531), color-stop(#EA249E), to(#7238F7));
  background: linear-gradient(90deg, #F7C800, #FA8531, #EA249E, #7238F7);
  margin-right: 20px;
  margin-bottom: 4px;
}

.mapDiv {
	width:100%;
	height: 700px;
}

.verdana { 
	font-family: Verdana,Geneva,sans-serif; 
}

.hiddenRow {
    padding: 0 !important;
}

.c-pointer { cursor: pointer; }


.scroll-to-top {
  position: fixed;
  z-index: 5001;
  right: 15px;
  bottom: 15px;
  display: none;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #fff;
  background: rgba(52, 58, 64, 0.5);
  line-height: 46px;
}

.scroll-to-top:focus, .scroll-to-top:hover {
  color: white;
}

.scroll-to-top:hover {
  background: #343a40;
}

.scroll-to-top i {
  font-weight: 800;
}

.card-login {
    background-color: #F6F6F6;
    /* just in case there no content*/
    margin: 0 auto 25px;
    margin-top: 50px;
    /* shadows and rounded borders */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.3);
    max-width: 25rem;
}

.card-register {
    background-color: #F6F6F6;
    /* just in case there no content*/
    margin: 0 auto 25px;
    margin-top: 50px;
    /* shadows and rounded borders */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.3);
    max-width: 40rem;
}



table.boostrap4_table_head_dark_striped_rounded_compact {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  box-sizing: border-box;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}

table.boostrap4_table_head_dark_striped_rounded_compact thead th {
  font-size: 1rem;
  line-height: 1.5;
  border-collapse: collapse;
  box-sizing: border-box;
  text-align: inherit;
  padding: 0.3rem;
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
  color: #fff;
  background-color: #212529;
  border-color: #32383e;
}

table.boostrap4_table_head_dark_striped_rounded_compact td {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  border-collapse: collapse;
  box-sizing: border-box;
  padding: 0.3rem;
  vertical-align: top;
  box-shadow: 0 0 1px #212529;
}

table.boostrap4_table_head_dark_striped_rounded_compact
  tbody
  tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

table.boostrap4_table_head_dark_striped_rounded_compact th:first-of-type {
  border-top-left-radius: 10px;
}

table.boostrap4_table_head_dark_striped_rounded_compact th:last-of-type {
  border-top-right-radius: 10px;
}

table.boostrap4_table_head_dark_striped_rounded_compact
  tr:last-of-type
  td:first-of-type {
  border-bottom-left-radius: 10px;
}

table.boostrap4_table_head_dark_striped_rounded_compact
  tr:last-of-type
  td:last-of-type {
  border-bottom-right-radius: 10px;
}

.my-tooltip {
  color:#75a0b5;
  text-align:right;
  vertical-align: top;
}
.ui-tooltip {
  border: 1px solid white;
  background-color: #e3f2fd;
  color: #6c757d!important;
  border-radius: 3px;
  font-size: 13px;
  font-family: -apple-system, "Silka", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1.4;
  z-index: 5000;
}

.help-tip{
  position: absolute;
  top: 8px;
  right: 8px;
  text-align: center;
  background-color: #BCDBEA;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  cursor: default;
}

.help-tip:before{
  content:'?';
  font-weight: bold;
  color:#fff;
}

.help-tip:hover p{
  display:block;
  transform-origin: 100% 0%;

  -webkit-animation: fadeIn 0.3s ease-in-out;
  animation: fadeIn 0.3s ease-in-out;

}

.help-tip p{    /* The tooltip */
  display: none;
  text-align: left;
  background-color: #e3f2fd;
  padding: 8px;
  width: 250px;
  position: absolute;
  border-radius: 3px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  right: -4px;
  color: #000000;
  font-size: 13px;
  line-height: 1.4;
  z-index: 5000;
}

.help-tip p:before{ /* The pointer of the tooltip */
  position: absolute;
  content: '';
  width:0;
  height: 0;
  border:6px solid transparent;
  border-bottom-color:#c6d3dc;
  right:10px;
  top:-12px;
}

.help-tip p:after{ /* Prevents the tooltip from being hidden */
  width:100%;
  height:40px;
  content:'';
  position: absolute;
  top:-40px;
  left:0;
}

/* CSS animation */

@-webkit-keyframes fadeIn {
  0% { 
      opacity:0; 
      transform: scale(0.6);
  }

  100% {
      opacity:100%;
      transform: scale(1);
  }
}

@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:100%; }
}


.card-header .fa.fa-chevron-down {
  transition: .3s transform ease-in-out;
}

.card-header .collapsed .fa.fa-chevron-down {
  transform: rotate(90deg);
}


.image-preview {
  border: 1px solid #f18b44 !important;
  height:auto;
}

.btn-rechercher {
  background-color: #171D3F !important;
  color: white;
}


.btn-rechercher:hover {
  background-color: white !important;
  color: #171D3F !important;
}


.btn-close {
  background-color: #f18b44 !important;
  color: white;
}


.btn-close:hover {
  background-color: white !important;
  color: #f18b44 !important;
}
/*
.btn {
  border: 1px solid #171D3F;
  border-radius: 0;
  font-family: "Silka SB";
  font-size: 1.06667rem;
  justify-content: center;
}
*/