/* Positionnement des alertes, pour tenir compte de la barre haute (attention avec le defilement probablement bizarre) */
.toast-top-right{top:70px;right:12px}
.footer{
    font-size: 0.8rem;
    padding: 0 0.5rem !important;
}
.extend_footer {
    height: 40px;
}
/* Autocomplete correction */
.autocomplete .select2-selection__clear {
    margin: 0 !important;
}

.autocomplete .select2-selection__choice {
    margin-top: 0 !important;
}
.autocomplete .select2-search__field {
    margin-top: 0 !important;
}

/* barre de progression */
#nprogress .bar, .spinner {
    height: 5px!important;
    z-index: 9999999!important;
}
#nprogress .spinner {
    z-index: 9999999!important;
}

/* APPLICATION EN DESSOUS */

.c_head{
    font-size: 1.5rem;
    color: #0f6674;
    border-bottom: #00a87d solid 1px;
    margin-bottom: 10px;
    margin-top: 15px;
    position: relative;
}

.c_cal {
    font-size: 1rem;
    text-align: right;
    position: absolute;
    bottom: 4px;
    right: 0;
}

.day_t {
    font-weight: normal;
    color: #1f76b0;
    font-size: 0.88rem;
}
.day_t > span {
    font-weight: bold;
    font-size: 1rem;
    color: #9f1447;
}

.day_card{
    text-align: center;
    background-color: #fafafa;
    border-radius: 5px;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: 10px;
}

.day_card > .day_d {
    color: #0c525d;
    font-weight: bold;
}
.day_card > .day_d > div {
    font-weight: normal;
    color: #0c525d;
    margin-top: -5px;
}
.day_card > .day_w {
    font-size: 0.9rem;
}

.rain {
    margin-bottom: 30px!important;
    max-width: 400px;
    margin:0 auto;
}

.rain > .time {
    display: flex;
    justify-content: space-between;
    margin-bottom: -15px;
    margin-top: -5px;
}
.rain-data {
    display: flex;
    list-style: none;
    padding: 0;
}
.rain-data > li {
    width: 200px;
    text-align: center;
    border:#FFFFFF solid 1px;
}
.rain-data-legend {
    color: #777777;
    margin-left: -9px;
    font-size:0.9rem;
    position:absolute;
}

.rain-1 {
    background-color: #FFF;
}
.rain-2 {
    background-color: #5ec5ed;
}
.rain-3 {
    background-color: #009ee0;
}
.rain-4 {
    background-color: #1f76b0;
}
.r-l-t{
    margin: 0 auto;
}
.rain-legend {
    padding-left: 5px;
    padding-right: 5px;
    font-size: small;
}
.rain-icon {
    width: 30px;
}



.h_t {
    color: #1f76b0;
    font-weight: bold;
    text-align: left;
    margin-top: 4px;
}

.h_w {
    color: #7a8793;
    font-weight: lighter;
    font-size: 0.88rem;
    margin-top: -4px;
}

.h_i {
    text-align: right;
}

.h_wi {
    color: #0f6674;
}

.h_wi > div {
    color: #FF0000;
    font-size: 0.9rem;
}

.bookmark {
    text-align: center;
    background-color: #fafafa;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: 10px;
    padding: 10px 0;
}

.bookmark > b {
    color: #0f6674;
    font-size: 1.1rem;
}

.del_l {
    margin: 30px 0;
}

.b_l{
    font-size: 2rem;
    color: #0c525d;
}
.b_zc {
    margin-top: -5px;
    color: #7a8793;
}

/* Vigilance (VMF) */
.vigilance-ribbon-overflow {
  overflow: hidden;
  white-space: nowrap;
}
@keyframes vigilance-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.vigilance-marquee {
  display: inline-block;
  white-space: nowrap;
  animation: vigilance-scroll 20s linear infinite;
  letter-spacing: 5px;
  font-weight: bolder;
  min-width: 200%;
}
.vmf_on {
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    padding: 5px 10px;
    margin-top: 10px;
    margin:0px auto;
}

.vmf_on_m {
    font-size: 1.2rem;
    margin-top: 10px;
}

.vmf_0 {
    background-color: #F0F0F0;
    color: #7a8793;
}
.vmf_1 {
    background-color: #31aa35;
    color: #F0F0F0;
}
.vmf_2 {
    background-color: #fff600;
    color: #16181b;
}
.vmf_3 {
    background-color: #ffb82b;
    color: #16181b;
}
.vmf_4 {
    background-color: #cc0000;
    color: #F0F0F0;
}

.vmf_time_c {
    display: flex;
}

.vmf_time_i {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 0px;
}

.vmf_time_h {
    font-size: 12px;
    font-weight: bold;
    transform: rotate(-90deg);
}

.vmf_t_1 {
    color: #31aa35;
}
.vmf_t_2 {
    color: #fff600;
}
.vmf_t_3 {
    color: #ffb82b;
}
.vmf_t_4 {
    color: #cc0000;
}
.vmf_r {
    padding: 1rem!important;
    border-radius: 5px;
}
.vmf_r_2 {
    border: 5px solid #fff600;
}
.vmf_r_3 {
    border: 5px solid #ffb82b;
}
.vmf_r_4 {
    border: 5px solid #cc0000;
}
.vmf_patch {
    position: fixed;
    right: 1rem;
    top:1rem;
    font-size: 1.8rem;
}

.vmf_report {
    font-size: 0.85rem;
}

.vmf_report_t {
    text-align: center;
    font-size: 0.75rem;
    color:#0c525d;
}

.vmf_report_st{
    font-weight: bold;
    border-bottom: #9f1447 solid 1px;
    margin-bottom: 1rem;
}

.vmf_report_i{
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.vmf_t_phenomenons {
    margin: 0 auto;
}
.vmf-phe{
    text-align: left;
    font-weight: bold;
}
.vmf_t_phenomenons td {
    padding: 3px;
}

.iso0{
    border-top: #eeeeee solid 1px;
}

.run_c {
    width: 40px;
    border-radius: 20px;
    color: #FFFFFF;
    max-width: 90px;
    min-width: 60px;
    margin: 0 auto;
}
.r_open{
    font-size: 1.6rem;
    font-weight: bold;
}

.run_1 {
    background-color: #29903a;
}
.run_2 {
    background-color: #006fac;
}
.run_3 {
    background-color: #FF0000;
}
.run_4 {
    background-color: #232323;
}

.level_0 {
    color: #FFFFFF;
}
.level_1 {
    color: #29903a;
}
.level_2 {
    color: #006fac;
}
.level_3 {
    color: #FF0000;
}
.level_4 {
    color: #232323;
}

.runs_inf {
    font-size: 1rem;
    text-align: right;
    position: absolute;
    bottom: -1px;
    right: 0;
}

svg {
    fill: #0f6674;
}
.f1_2rem{
    font-size: 1.2rem;
   }

.f1_6rem{
    font-size: 1.6rem;
   }
.snow {
    font-weight: bolder;
    color: #0f6674;
    margin-bottom: -10px;
}
.resort_flag {
    position: fixed;
    right: 1rem;
    top:1rem;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 10px;
}
.resort_open {
    background-color: #008000;
    color: #FFFFFF;
}
.resort_open_we {
    background-color: #FFA833;
    color: #FFFFFF;
}
.resort_close {
    background-color: #FF0000!important;
    color: #FFFFFF;
}
.webcam_thumb {
    height: 100px;
    max-width: 150px;
}
.webcam_title {
    font-weight: bolder;
    color: #0f6674;
    margin-top: -5px;
    margin-bottom: 20px;
}

.webcam_frame{
    display: none!important;
}

.no_v_pad{
    padding-top: 2px!important;
    padding-bottom: 2px!important;
}

.sep_b {
    border-bottom: #edecd6 solid 1px;
}

.act {
    border-radius: 4px;
    padding-left: 4px;
}
.act_i {
    margin-left: 1.38rem;
    font-size: 0.8rem;
    margin-top: -0.4rem;
    font-style: italic;
}
.act_w {
    margin-left: 1.38rem;
    font-size: 0.8rem;
    margin-top: -0.2rem;
    font-style: italic;
}
.act_close {
    background-color: #FDEDEC!important;
}
.act_h_close {
    background-color: #fdf5ec !important;
}
div.activities div.act:nth-child(odd) {background: #FFFFFF}
div.activities div.act:nth-child(even) {background: #FFFFFF}

.overlay_loader {
    display: none!important;
}

/* TRAIN  PMT */
.pmt_timeline {
    margin-left: -20px !important;
    margin-right: -15px !important;
    margin-bottom: 100px !important;
}
.pmt_pr_h {
    font-weight: bold !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.pmt_las_pr {
 -webkit-animation: PMT_BLINK_ANIM 1s infinite; /* Safari 4+ */
  -moz-animation:    PMT_BLINK_ANIM 1s infinite; /* Fx 5+ */
  -o-animation:      PMT_BLINK_ANIM 1s infinite; /* Opera 12+ */
  animation:         PMT_BLINK_ANIM 1s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes PMT_BLINK_ANIM {
0%, 49% {
    background-color: #c5c5c5;
}
50%, 100% {
}
}
/* COULEUR TEMPO */
.tempo_0 {
    background-color: #AAAAAA;
    color: #444444;
}
.tempo_1 {
    background-color: #1057c8;
    color: #F4F4F4;
}
.tempo_2 {
    background-color: #F4F4F4;
    color: #444444;
}
.tempo_3 {
    background-color: #E85130;
    color: #F4F4F4;
}

/* MQTT */
.mqtt_compo {
    text-align: center;
    background-color: #fafafa;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: 10px;
    padding: 10px 0;
    cursor: pointer;
}
.mqtt_compo div.m_i {
    font-size: 2rem;
}