/*
 /------------------------------------------------------------
 |	Pilotons - La Poste :: style.css
 |------------------------------------------------------------
 |	D13 - Cosmic Web :: 2019
 \------------------------------------------------------------
 */
@charset "utf-8";
/*********
 * FONTS *
 *********/
body{ font-family: sans-serif; color:#000; }
.fontBase{ font-family: sans-serif; }

/*********
 * BASE *
 *********/
html{ overflow-y: scroll; height: 100%; margin: 0; padding: 0; }
body{ width: 100%; height: 100%; margin: 0; padding: 0; z-index: 1; }
body.modal-open {  overflow: visible;  }
.modal-open[style] { padding-right: 0px !important; }

/**********
 * COLORS *
 **********/
.lightgrey{ color: #E6e6e6; } .grey{ color: #a5a5a5; } .white{ color: white; } .red{ color: #E6412D; }
.black{ color: black; } .yellow{ color: #FBDC2D; } .blue{ color: #163585; } .lightblue{ color: lightblue; }
.orange{ color: #EEA012; } .green{ color: #93C03B; } .brown{ color: brown; } .purple{ color: purple; }
.bg-white{ color: #FFF; } .bg-black{ color: #000; } .bg-lightgrey{ background-color:#E6e6e6; } .bg-grey{ background-color: #a5a5a5; }
.bg-yellow{ background-color: #FBDC2D; } .bg-orange{ background-color : #EEA012; }  .bg-green{ background-color: #93C03B; } .bg-blue{ background-color : #163585; }
.hr-lightgrey{ background-color:#E6e6e6; height:2px; border:0; }

/*********
 * TEXTS *
 *********/
@media (max-width: 767px) { .font8{ font-size: 0.8em; } } /* sm */ @media (min-width: 768px) { .font8{ font-size: 0.8em; } } /* md */
@media (min-width: 992px) { .font8{ font-size: 0.8em; } } /* lg */ @media (min-width: 1200px) { .font8{ font-size: 0.8em; } } /* xl */
@media (max-width: 767px) { .font9{ font-size: 0.9em; } } /* sm */ @media (min-width: 768px) { .font9{ font-size: 0.9em; } } /* md */
@media (min-width: 992px) { .font9{ font-size: 0.9em; } } /* lg */ @media (min-width: 1200px) { .font9{ font-size: 0.9em; } } /* xl */
@media (max-width: 767px) { .font10{ font-size: 0.9em; } } /* sm */ @media (min-width: 768px) { .font10{ font-size: 0.9em; } } /* md */
@media (min-width: 992px) { .font10{ font-size: 1.0em; } } /* lg */ @media (min-width: 1200px) { .font10{ font-size: 1.0em; } } /* xl */
@media (max-width: 767px) { .font11{ font-size: 1.0em; } } /* sm */ @media (min-width: 768px) { .font11{ font-size: 1.0em; } } /* md */
@media (min-width: 992px) { .font11{ font-size: 1.0em; } } /* lg */ @media (min-width: 1200px) { .font11{ font-size: 1.1em; } } /* xl */
@media (max-width: 767px) { .font12{ font-size: 1.0em; } } /* sm */ @media (min-width: 768px) { .font12{ font-size: 1.0em; } } /* md */
@media (min-width: 992px) { .font12{ font-size: 1.1em; } } /* lg */ @media (min-width: 1200px) { .font12{ font-size: 1.2em; } } /* xl */
@media (max-width: 767px) { .font13{ font-size: 1.0em; } } /* sm */ @media (min-width: 768px) { .font13{ font-size: 1.0em; } } /* md */
@media (min-width: 992px) { .font13{ font-size: 1.1em; } } /* lg */ @media (min-width: 1200px) { .font13{ font-size: 1.3em; } } /* xl */
@media (max-width: 767px) { .font14{ font-size: 1.0em; } } /* sm */ @media (min-width: 768px) { .font14{ font-size: 1.0em; } } /* md */
@media (min-width: 992px) { .font14{ font-size: 1.2em; } } /* lg */ @media (min-width: 1200px) { .font14{ font-size: 1.4em; } } /* xl */
@media (max-width: 767px) { .font15{ font-size: 1.0em; } } /* sm */ @media (min-width: 768px) { .font15{ font-size: 1.1em; } } /* md */
@media (min-width: 992px) { .font15{ font-size: 1.3em; } } /* lg */ @media (min-width: 1200px) { .font15{ font-size: 1.5em; } } /* xl */
@media (max-width: 767px) { .font16{ font-size: 1.0em; } } /* sm */ @media (min-width: 768px) { .font16{ font-size: 1.2em; } } /* md */
@media (min-width: 992px) { .font16{ font-size: 1.4em; } } /* lg */ @media (min-width: 1200px) { .font16{ font-size: 1.6em; } } /* xl */
@media (max-width: 767px) { .font17{ font-size: 1.1em; } } /* sm */ @media (min-width: 768px) { .font17{ font-size: 1.3em; } } /* md */
@media (min-width: 992px) { .font17{ font-size: 1.5em; } } /* lg */ @media (min-width: 1200px) { .font17{ font-size: 1.7em; } } /* xl */
@media (max-width: 767px) { .font18{ font-size: 1.1em; } } /* sm */ @media (min-width: 768px) { .font18{ font-size: 1.4em; } } /* md */
@media (min-width: 992px) { .font18{ font-size: 1.6em; } } /* lg */ @media (min-width: 1200px) { .font18{ font-size: 1.8em; } } /* xl */
@media (max-width: 767px) { .font20{ font-size: 1.3em; } } /* sm */ @media (min-width: 768px) { .font20{ font-size: 1.6em; } } /* md */
@media (min-width: 992px) { .font20{ font-size: 1.8em; } } /* lg */ @media (min-width: 1200px) { .font20{ font-size: 2.0em; } } /* xl */
@media (max-width: 767px) { .font22{ font-size: 1.5em; } } /* sm */ @media (min-width: 768px) { .font22{ font-size: 1.8em; } } /* md */
@media (min-width: 992px) { .font22{ font-size: 2.0em; } } /* lg */ @media (min-width: 1200px) { .font22{ font-size: 2.2em; } } /* xl */
@media (max-width: 767px) { .font24{ font-size: 1.7em; } } /* sm */ @media (min-width: 768px) { .font24{ font-size: 2.0em; } } /* md */
@media (min-width: 992px) { .font24{ font-size: 2.2em; } } /* lg */ @media (min-width: 1200px) { .font24{ font-size: 2.4em; } } /* xl */
@media (max-width: 767px) { .font26{ font-size: 1.9em; } } /* sm */ @media (min-width: 768px) { .font26{ font-size: 2.2em; } } /* md */
@media (min-width: 992px) { .font26{ font-size: 2.4em; } } /* lg */ @media (min-width: 1200px) { .font26{ font-size: 2.6em; } } /* xl */
@media (max-width: 767px) { .font28{ font-size: 2.1em; } } /* sm */ @media (min-width: 768px) { .font28{ font-size: 2.4em; } } /* md */
@media (min-width: 992px) { .font28{ font-size: 2.6em; } } /* lg */ @media (min-width: 1200px) { .font28{ font-size: 2.8em; } } /* xl */
@media (max-width: 767px) { .font30{ font-size: 2.3em; } } /* sm */ @media (min-width: 768px) { .font30{ font-size: 2.6em; } } /* md */
@media (min-width: 992px) { .font30{ font-size: 2.8em; } } /* lg */ @media (min-width: 1200px) { .font30{ font-size: 3.0em; } } /* xl */
.letter-spacing2{ letter-spacing: 2px; }
.ws-normal{ white-space: normal; }

/*********
 * BLOCS *
 *********/

/* CONTENT */
#wrap{ min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -70px; padding: 0 0 70px; }
.btn.focus, .btn:focus{ box-shadow: none; }
.radius10{ border-radius: 10px; }
.cursor-pointer{ cursor: pointer; }
.cursor-help{ cursor: help; }
.modal-xl { max-width: 80% !important; }
.opacity3{ opacity: 0.3; }

/* HEADER */ 
.logo-header{ max-height: 250px; }

/* ACCUEIL */
.logo-welcome{ max-width: 100%; max-height: 400px; }
.img-logo{ max-width: 100%; max-height: 90px; }

/* GAUGES */
text.highcharts-credits{ display: none !important; }
#gauge-1-bp .highcharts-pane, #gauge-4-lp .highcharts-pane, #gauge-5-lp .highcharts-pane { fill: #163585 !important; }
#gauge-1-bp .highcharts-label text, #gauge-4-lp .highcharts-label text, #gauge-5-lp .highcharts-label text{ fill: white !important; }
#gauge-1-bp .highcharts-text-outline, #gauge-4-lp .highcharts-text-outline, #gauge-5-lp .highcharts-text-outline{ display: none !important; }
#gauge-1-bp .highcharts-yaxis-labels text, #gauge-4-lp .highcharts-yaxis-labels text, #gauge-5-lp .highcharts-yaxis-labels text{ fill: #fff !important; }
#gauge-2-pm .highcharts-yaxis-labels text, #gauge-3-ch .highcharts-yaxis-labels text{ fill: #163585 !important; }

/* FOOTER */
.footer{ max-width: 100%; min-height: 70px; }
.logo-footer{ max-height: 50px; }

/* ADMIN */
.img-admin-list{ max-width: 100px; max-height: 100px; }

/*********
 * FORMS *
 *********/
.ui-datepicker { font-size: 0.9em !important; }
#ui-datepicker-div { z-index: 999 !important; }
.form-control:focus { border-color: #005ac0;  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 90, 192, 0.8); background-color: rgb(255, 247, 178); }
.is-valid { background-color: rgba(147, 192, 59, 0.1); }
.is-invalid { background-color: rgba(192, 0, 0, 0.1); }
.btn.active, .btn:active { box-shadow: none; }
/* CHECKBOX */
.form-group input[type="checkbox"].validCheckbox { display: none; }
.form-group input[type="checkbox"].validCheckbox + .btn-group > label span { width: 20px; }
.form-group input[type="checkbox"].validCheckbox + .btn-group > label span:first-child { display: none; }
.form-group input[type="checkbox"].validCheckbox + .btn-group > label span:last-child { display: inline-block; }
.form-group input[type="checkbox"]:checked.validCheckbox + .btn-group > label span:first-child { display: inline-block; }
.form-group input[type="checkbox"]:checked.validCheckbox + .btn-group > label span:last-child { display: none; }
.form-group input[type="checkbox"]:checked.validCheckbox + .btn-group > .btn-checkbox{ background-color: #00a416; border-color: #00a416; color: #fff; }
/* PROGRESS */
.progress {background: rgba(245, 245, 245, 1); border: 0px solid rgba(245, 245, 245, 1); border-radius: 4px; height: 20px;}
.progress-bar-upload {background: rgb(22, 53, 133); background: -webkit-linear-gradient(top, rgb(251, 220, 45) 0%, rgb(22, 53, 133) 100%); background: linear-gradient(to bottom, rgb(251, 220, 45) 0%, rgba(255, 122, 13, 1) 100%);}
.progress-striped .progress-bar-upload {background-color: rgb(22, 53, 133); background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255, 255, 255, 0.15),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255, 255, 255, 0.15)),color-stop(0.75,rgba(255, 255, 255, 0.15)),color-stop(0.75,transparent),to(transparent))); background-image: -webkit-linear-gradient(45deg,rgba(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, 0.15) 50%,rgba(255, 255, 255, 0.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, 0.15) 50%,rgba(255, 255, 255, 0.15) 75%,transparent 75%,transparent); background-size: 11px 11px;}

/***************
 * DATA TABLES *
 ***************/
#tablesBase{ background-color: #d6d6d6; color: #000; }
#tablesBase tbody tr.even:hover, #tablesBase tbody tr.even td.highlighted { background-color: #a9bfc7; color:#000; }
#tablesBase tbody tr.odd:hover, #tablesBase tbody tr.odd td.highlighted { background-color: #90bbc7; color:#000; }
#tablesBase tr.even:hover { background-color: #a9bfc7; color:#000; }
#tablesBase tr.even:hover td.sorting_1 { background-color: #a9bfc7; color:#000; }
#tablesBase tr.even:hover td.sorting_2 { background-color: #a9bfc7; color:#000; }
#tablesBase tr.even:hover td.sorting_3 { background-color: #a9bfc7; color:#000; }
#tablesBase tr.odd:hover { background-color: #a9bfc7; color:#000; }
#tablesBase tr.odd:hover td.sorting_1 { background-color: #a9bfc7; color:#000; }
#tablesBase tr.odd:hover td.sorting_2 { background-color: #a9bfc7; color:#000; }
#tablesBase tr.odd:hover td.sorting_3 { background-color: #a9bfc7; color:#000; }

/*************
 * ANIMATION *
 *************/
.icon-animate-pulse:hover { -webkit-animation: pulse 1s;  animation: pulse 1s; }
.icon-animate-slide-up { -webkit-animation: slideInUp 1s;  animation: slideInUp 1s; }
.icon-animate-slide-down { -webkit-animation: slideInDown 1s;  animation: slideInDown 1s; }
.icon-animate-shake:hover { -webkit-animation: shake 1s;  animation: shake 1s; }
#animation-header-logo{ -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; }
#animation-header-text{ -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 3s; -moz-animation-duration: 3s; animation-duration: 3s; }
#animation-concept-text-1{ -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; }
#animation-concept-text-2{ -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; }
#animation-concept-text-3{ -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; }
#animation-concept-text-4{ -webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; }

/*********
 * LINKS *
 *********/
a:focus, a:hover, a:active { outline-style:none; text-decoration: none; }
.a-null, .a-null:hover, .a-null:focus, .a-null:active{ text-decoration: none; color: inherit; }
.a-admin{ text-decoration: none; color: white; } .a-admin:hover, .a-admin:focus, .a-admin:active{ text-decoration: none; color: #fbdc2d; }
.a-deco{ text-decoration: none; color: white; } .a-deco:hover, .a-deco:focus, .a-deco:active{ text-decoration: none; color: #e6412d; }
.a-help{ text-decoration: none; color: #dfac44; }  .a-help:hover, .a-help:focus, .a-help:active{ text-decoration: none; color: #2aa1df; }
.a-footer{ text-decoration: none; color: #fdff1f; }  .a-footer:hover, .a-footer:focus, .a-footer:active{ text-decoration: none; color: #ffffff; }
.a-mdp-oublie{ text-decoration: none; color: #373939; }  .a-mdp-oublie:hover, .a-mdp-oublie:focus, .a-mdp-oublie:active{ text-decoration: none; color: #4198ff; }
.a-opacity{ text-decoration: none; opacity: 0.6; }
.a-opacity:focus, .a-opacity:hover, .a-opacity:active{ opacity: 1;
    -o-transition:all .2s ease-out, all .2s ease-in; -ms-transition:all .2s ease-out, all .2s ease-in;
    -moz-transition:all .2s ease-out, all .2s ease-in; -webkit-transition:all .2s ease-out, all .2s ease-in;
    transition:all .2s ease-out, all .2s ease-in;}
.a-opacity-inverse{ text-decoration: none; opacity: 1; }
.a-opacity-inverse:focus, .a-opacity-inverse:hover, .a-opacity-inverse:active{ opacity: 0.5; }

/*******
 * BTN *
 *******/
.btn {
    outline: none !important;
    box-shadow: none !important;
}
.btn-primary { background-color: #fbdc2d; border-color: #fbdc2d; color: #000000; white-space: normal; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: #163585; border-color: #163585; color: #fbdc2d; }
.btn-valid { background-color: #00aa2d; border-color: #00aa2d; color: #ffffff; white-space: normal; }
.btn-valid:hover, .btn-valid:focus, .btn-valid:active { background-color: #163585; border-color: #163585; color: #fbdc2d; }
.btn-deco { background-color: #e6412d; border-color: #e6412d; color: #ffffff; white-space: normal; }
.btn-deco:hover, .btn-deco:focus, .btn-deco:active { background-color: #e28700; border-color: #e28700; color: #000000; }

/***********
 * TOOLTIP *
 ***********/
.tooltip-inner {  max-width: 200px;  padding: 3px 8px;  color: #d1d1d1;  text-align: center;  background-color: #252525;  border-radius: .25rem;  }
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {  margin-left: -3px;  content: "";  border-width: 0 5px 5px;  border-bottom-color: #252525;  }
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before { margin-left: -3px;  content: "";  border-width: 5px 5px 0;  border-top-color: #252525; }
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before { margin-top: -3px; content: ""; border-width: 5px 5px 5px 0; border-right-color: #252525; }
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before { right: 0; margin-top: -3px; content: ""; border-width: 5px 0 5px 5px; border-left-color: #252525; }

/*************
 * COLLAPSES *
 *************/
.card [data-toggle="collapse"]:before { content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 0.8rem; right: 1rem; }
.card [aria-expanded="true"]:before { content: "\f0d8"; }

/*******
 * NAV *
 *******/
.dropdown-menu{ background-color: rgba(255, 255, 255, 0); border: none; }

/**********
 * OTHERS *
 **********/
/* Extra Small XS */
@media (max-width: 575.98px) {
    .gauge-small{ min-width: 150px; max-width: 250px; height: 150px; margin: 0 auto; padding: 0; }
    .gauge-large{ min-width: 200px; max-width: 300px; height: 200px; margin: 0 auto; padding: 0; }
}

/* Small SM */
@media (min-width: 576px) {
    .gauge-small{ min-width: 150px; max-width: 250px; height: 150px; margin: 0 auto; padding: 0; }
    .gauge-large{ min-width: 200px; max-width: 300px; height: 200px; margin: 0 auto; padding: 0; }
}

/* Medium MD */
@media (min-width: 768px) {
    .gauge-small{ min-width: 150px; max-width: 250px; height: 150px; margin: 0 auto; padding: 0; }
    .gauge-large{ min-width: 200px; max-width: 300px; height: 200px; margin: 0 auto; padding: 0; }
}

/* Large LG */
@media (min-width: 992px) {
    .gauge-small{ min-width: 150px; max-width: 250px; height: 150px; margin: 0 auto; padding: 0; }
    .gauge-large{ min-width: 200px; max-width: 300px; height: 200px; margin: 0 auto; padding: 0; }
}

/* Extra Large XL */
@media (min-width: 1200px) {
    .gauge-small{ min-width: 300px; max-width: 400px; height: 250px; margin: 0 auto }
    .gauge-large{ min-width: 300px; max-width: 400px; height: 300px; margin: 0 auto }
}