.vibrate-2{-webkit-animation:vibrate-2 5s linear infinite both;animation:vibrate-2 5s linear infinite both}
/* ----------------------------------------------
 * Generated by Animista on 2023-2-6 23:49:44
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
 #background-wrap {
    bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: -1;
}
 @-webkit-keyframes vibrate-2{0%{-webkit-transform:translate(0) rotate(10deg);transform:translate(0) rotate(10deg)}20%{-webkit-transform:translate(2px,-2px) rotate(10deg);transform:translate(2px,-2px) rotate(10deg)}40%{-webkit-transform:translate(2px,2px) rotate(10deg);transform:translate(2px,2px) rotate(10deg)}60%{-webkit-transform:translate(-2px,2px) rotate(10deg);transform:translate(-2px,2px) rotate(10deg)}80%{-webkit-transform:translate(-2px,-2px) rotate(10deg);transform:translate(-2px,-2px) rotate(10deg)}100%{-webkit-transform:translate(0) rotate(10deg);transform:translate(0) rotate(10deg)}}@keyframes vibrate-2{0%{-webkit-transform:translate(0) rotate(10deg);transform:translate(0) rotate(10deg)}20%{-webkit-transform:translate(2px,-2px) rotate(10deg);transform:translate(2px,-2px) rotate(10deg)}40%{-webkit-transform:translate(2px,2px) rotate(10deg);transform:translate(2px,2px) rotate(10deg)}60%{-webkit-transform:translate(-2px,2px) rotate(10deg);transform:translate(-2px,2px) rotate(10deg)}80%{-webkit-transform:translate(-2px,-2px) rotate(10deg);transform:translate(-2px,-2px) rotate(10deg)}100%{-webkit-transform:translate(0) rotate(10deg);transform:translate(0) rotate(10deg)}}
 @-webkit-keyframes animateBubble{0%{margin-top:1000px}100%{margin-top:-100%}}@-moz-keyframes animateBubble{0%{margin-top:1000px}100%{margin-top:-100%}}@keyframes animateBubble{0%{margin-top:1000px}100%{margin-top:-100%}}@-webkit-keyframes sideWays{0%{margin-left:0}100%{margin-left:50px}}@-moz-keyframes sideWays{0%{margin-left:0}100%{margin-left:50px}}@keyframes sideWays{0%{margin-left:0}100%{margin-left:50px}}.x1{-webkit-animation:25s linear infinite animateBubble,2s ease-in-out infinite alternate sideWays;-moz-animation:25s linear infinite animateBubble,2s ease-in-out infinite alternate sideWays;animation:25s linear infinite animateBubble,2s ease-in-out infinite alternate sideWays;left:-5%;top:5%;-webkit-transform:scale(.6);-moz-transform:scale(.6);transform:scale(.6)}.x2{-webkit-animation:20s linear infinite animateBubble,4s ease-in-out infinite alternate sideWays;-moz-animation:20s linear infinite animateBubble,4s ease-in-out infinite alternate sideWays;animation:20s linear infinite animateBubble,4s ease-in-out infinite alternate sideWays;left:5%;top:80%;-webkit-transform:scale(.4);-moz-transform:scale(.4);transform:scale(.4)}.x3{-webkit-animation:28s linear infinite animateBubble,2s ease-in-out infinite alternate sideWays;-moz-animation:28s linear infinite animateBubble,2s ease-in-out infinite alternate sideWays;animation:28s linear infinite animateBubble,2s ease-in-out infinite alternate sideWays;left:10%;top:40%;-webkit-transform:scale(.7);-moz-transform:scale(.7);transform:scale(.7)}.x4{-webkit-animation:22s linear infinite animateBubble,3s ease-in-out infinite alternate sideWays;-moz-animation:22s linear infinite animateBubble,3s ease-in-out infinite alternate sideWays;animation:22s linear infinite animateBubble,3s ease-in-out infinite alternate sideWays;left:20%;top:0;-webkit-transform:scale(.3);-moz-transform:scale(.3);transform:scale(.3)}.x5{-webkit-animation:29s linear infinite animateBubble,4s ease-in-out infinite alternate sideWays;-moz-animation:29s linear infinite animateBubble,4s ease-in-out infinite alternate sideWays;animation:29s linear infinite animateBubble,4s ease-in-out infinite alternate sideWays;left:30%;top:50%;-webkit-transform:scale(.5);-moz-transform:scale(.5);transform:scale(.5)}.x6{-webkit-animation:21s linear infinite animateBubble,2s ease-in-out infinite alternate sideWays;-moz-animation:21s linear infinite animateBubble,2s ease-in-out infinite alternate sideWays;animation:21s linear infinite animateBubble,2s ease-in-out infinite alternate sideWays;left:50%;top:0;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8)}.x7{-webkit-animation:20s linear infinite animateBubble,2s ease-in-out infinite alternate sideWays;-moz-animation:20s linear infinite animateBubble,2s ease-in-out infinite alternate sideWays;animation:20s linear infinite animateBubble,2s ease-in-out infinite alternate sideWays;left:65%;top:70%;-webkit-transform:scale(.4);-moz-transform:scale(.4);transform:scale(.4)}.x8{-webkit-animation:22s linear infinite animateBubble,3s ease-in-out infinite alternate sideWays;-moz-animation:22s linear infinite animateBubble,3s ease-in-out infinite alternate sideWays;animation:22s linear infinite animateBubble,3s ease-in-out infinite alternate sideWays;left:80%;top:10%;-webkit-transform:scale(.3);-moz-transform:scale(.3);transform:scale(.3)}.x9{-webkit-animation:29s linear infinite animateBubble,4s ease-in-out infinite alternate sideWays;-moz-animation:29s linear infinite animateBubble,4s ease-in-out infinite alternate sideWays;animation:29s linear infinite animateBubble,4s ease-in-out infinite alternate sideWays;left:90%;top:50%;-webkit-transform:scale(.6);-moz-transform:scale(.6);transform:scale(.6)}.x10{-webkit-animation:26s linear infinite animateBubble,2s ease-in-out infinite alternate sideWays;-moz-animation:26s linear infinite animateBubble,2s ease-in-out infinite alternate sideWays;animation:26s linear infinite animateBubble,2s ease-in-out infinite alternate sideWays;left:80%;top:80%;-webkit-transform:scale(.3);-moz-transform:scale(.3);transform:scale(.3)}.bubble{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 20px 30px rgba(0,0,0,.2),inset 0 10px 30px 5px #fff;-moz-box-shadow:0 20px 30px rgba(0,0,0,.2),inset 0 10px 30px 5px #fff;box-shadow:0 20px 30px rgba(0,0,0,.2),inset 0 10px 30px 5px #fff;height:200px;position:absolute;width:200px}.bubble:after{background:-moz-radial-gradient(center,ellipse cover,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 70%);background:-webkit-gradient(radial,center center,0,center center,100%,color-stop(0,rgba(255,255,255,.5)),color-stop(70%,rgba(255,255,255,0)));background:-webkit-radial-gradient(center,ellipse cover,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 70%);background:-o-radial-gradient(center,ellipse cover,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 70%);background:-ms-radial-gradient(center,ellipse cover,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 70%);background:radial-gradient(ellipse at center,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 70%);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:inset 0 20px 30px rgba(255,255,255,.3);-moz-box-shadow:inset 0 20px 30px rgba(255,255,255,.3);box-shadow:inset 0 20px 30px rgba(255,255,255,.3);content:"";height:180px;left:10px;position:absolute;width:180px}






body {
    font-family: Arial;
}
.menu {
    background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;
background-size:16px 16px;
padding-top:10px;
}
.menu table{
    width:100%;
    border-bottom: 1px solid grey;
    padding-bottom:10px;
}
.menu table tr td a{
    font-size:14px;
    text-decoration:none;
    color:#fff;
}
.menu table tr td {
    text-align:center;
}
.menu table tr td:first-child {
    text-align:left;
    padding-left:20px;
    width:60%;
}
.ic_menu {
    max-width:50px;
    margin-bottom:5px;
}
.ic_menu:hover{
    -moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
#the_break {
    width:100%;
    height:1800px;
    outline:none;
    border:none;
    overflow:hidden;
}
/*Breaksheet*/
.head_gen {
    max-width:100%;
    padding-top:25px;
    padding-bottom:25px;
    background:#306681;
    text-align:left;
    padding-left:100px;
    color:#fff;
    overflow:hidden;
    max-height:20px;
}
input[type=text] {
    background:transparent;
    border:none;
    outline:none;
}
.input_date {
    font-size:14px;
    color:#fff;
    font-weight:bold;
    text-align:center;
}
.side_date {
    background:#679ecb;
    padding:50px;
    float:right;
    margin-top:-45px;
}
#big_table {
    background:#fff;
    min-width:100%;
    max-width:100%;
    border-collapse: collapse;
}
.bs_name {
    font-weight: bold;
    text-align:center;
    vertical-align: top;
    padding:10px;
    width: 50%;
}
.bs_name img {
    max-height: 40px;
}
.cm_list {
    min-width:100%;
    max-width:100%;
    border-collapse: collapse;
}
.cm_list tr td{
    border:1px solid rgba(9, 9, 9, 0.17);
    padding:2px;
}
.cm_list tr:nth-child(odd) {
    background-color: #F0F0F0;
}
.cm_list tr:hover {
    background-color: rgb(220, 233, 245);
}
.cm_list tr td input {
    width:100%;
    text-transform: uppercase;
    font-weight:600;
}
.cm_list tr td input:focus{
    font-weight:normal;
}
.cm_list tr:focus-within {
    background:rgb(197, 218, 238);
}
.cm_list tr:focus-within .option {
    opacity:1 ;
}
.cm_list tr:hover .option {
    opacity:1 ;
}
.cm_list tr:focus-within .cm_en_rota {
    display:none;
}
.cm_list tr:hover .cm_en_rota {
    display:none;
}
.cm_en_rota {
    position:absolute;
    font-size:10px;
}
.heure{
    text-align: center;
    width:50px;
}
.heure input {
    width:48px;
    text-align: center;
}
.info {
    overflow:hidden;
    text-align: center;
}
.info input {
    text-align: center;
}
.head_tr td{
    background-color: #306681;
    color:#fff;
    font-weight: bold;
    text-align: center;
}
.cm_name {
    width:20%;
    overflow: hidden;
}
.res_cm {
    text-align: center;
    font-size:14px;
}
.res_cm a img {
    max-width: 14px;
}
.options {
    width:100px;
    text-align: center;
}
.option {
    width:12px;
    height:12px;
    opacity:0;
    overflow: hidden;
    margin-right:5%;
}
.new_cm {
    animation: new_cm 5s ease 0.2s 1 normal forwards;
}
@keyframes new_cm {
	0% {
        background-color: green;
	}

	100% {
		opacity: 1;
	}
}
.rule_option {
    display: none;
}
.rule_option td {
    padding:5px;
}
.ruletxt {
    padding:5px;
    font-size:14px;
}
#regles {
    width:100%;
    border-collapse: collapse;
}
#regles tr td {
    font-size:12px;
    border:1px solid #c4c3c3;
    padding:5px;
}
.suppr {
    max-height:14px;
}
.print {
    display:inline-block;
    width:100px;
    background-color:#F0F0F0;
    border-radius: 12px;
    text-align:center;
    background-position: center 10px;
    background-repeat: no-repeat;
    background-size:60%;
    padding-top:85px;
    padding-bottom:5px;
    font-size:12px;
    color:#306681;
    margin:2px;
    -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.p_staff {
    background-image: url('./ic/staff.png');
}
.p_tot {
    background-image: url('./ic/ic-tot.png');
}
.p_crush {
    background-image: url('./ic/ic-crush.png');
}
.p_tapis {
    background-image: url('./ic/ic-tapis.png');
}
.print:hover {
    -webkit-box-shadow:inset 1px 1px 5px 2px #C9C9C9;
box-shadow:inset 1px 1px 5px 2px #C9C9C9;
}
#notes {
    width:100%;
    height:300px;
    border:none;
    resize: none;
}
#notes:focus {
    outline: none;
    border:none;
}
.en_rota {
    width:30px;
    height:30px;
}
.break {
    width:10%;
}
.break_no {
    background:#999999;
    color:#999999;
}
.break_30 {
    font-size:6px;
    position:absolute;
}
.prenom_bs {
    font-size:10px;
    text-align:center;
    text-transform: uppercase;
    padding:5px;
}
.timeline {
    width:150px;
    background:#ccc;
    font-size:10px;
    text-align: center;
}
.logo_h {
    max-width: 54px;
    padding-right:20px;
}
.tab_h {
    display:block;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    width:100%;
}
.tab_h tr td form input[type="text"]{
    width:40%;
    font-weight: bold;
}
.aide_txt {
    font-size:12px;
}
#alert_refresh {
    display:none;
}
/*Homepage*/
.homepage {
    background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;
background-size:16px 16px;
text-align: center;
color:#fff;
}

h1 {
    font-size:75px;
    animation: flicker 1.5s infinite alternate;
    color: #f73636;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    margin-bottom:0;
    margin-top:100px;
}

/* Flickering animation */
@keyframes flicker {
    
    0%, 18%, 22%, 25%, 53%, 57%, 100% {
  
        text-shadow:
        0 0 4px #fff,
        0 0 11px #fff,
        0 0 19px #fff,
        0 0 40px rgb(255, 0, 0),
        0 0 80px rgb(255, 0, 0),
        0 0 90px rgb(255, 0, 0),
        0 0 100px rgb(255, 0, 0),
        0 0 150px rgb(255, 0, 0);
    
    }
    
    20%, 24%, 55% {        
        text-shadow: none;
    }    
  }
h2 {
    margin-top:0;
    color:#f73636;
    text-shadow:
        0 0 4px #fff,
        0 0 11px #fff,
        0 0 19px #fff,
        0 0 40px rgb(255, 0, 0),
        0 0 80px rgb(255, 0, 0),
        0 0 90px rgb(255, 0, 0),
        0 0 100px rgb(255, 0, 0),
        0 0 150px rgb(255, 0, 0);
}
input[type="file"] {
    background:rgba(255, 255, 255, 0.204);
    padding:50px;
    width:50%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    margin-bottom:10px;
}
.flash {
    font-size:20px;
    padding:20px;
    width:30%;
    background-image: url('./ic/95.png');
    background-size:25%;
    background-repeat: no-repeat;
    background-position: 10px center;
    border-radius: 10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    color:#fff;
    background-color: #ff0000;
    -webkit-box-shadow:inset 0 0 30px 10px #000000;
    box-shadow:inset 0 0 30px 10px #000000;
    border:none;
    outline: none;
    cursor: pointer;
    font-style: italic;
    -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flash:hover {
    -webkit-box-shadow:inset 0 0 30px 5px #000000;
    box-shadow:inset 0 0 30px 5px #000000;
}
.all_bs {
    padding:20px;
}
.fl_t {
    width: 100%;
    margin: 1.5rem 0 2rem;
    color: #000;
    font-size: 0.875em;
    text-align: left;
  }
  
  .fl_t th {
    width: 50%;
    color: #999;
    font-size: 0.75em;
  }
  
  h2.fl {
    text-decoration: none;
    text-shadow: none;
    margin-top: 0px;
    margin-bottom: 50px;
    color: #fff;
    font-weight: bold;
    font-size: 1.25em;
    text-align: center;
  }
  
  h3.fl {
    margin: 1.5rem 0;
    color: #000;
    font-size: 0.875em;
    text-align: center;
  }
  .button {
    display: block;
    padding: 1em;
    margin-top: 0.75rem;
    color: inherit;
    font-size: 1em;
    text-align: center;
    text-decoration: none;
    background-color: currentColor;
    border-radius: 3em;
    transition: box-shadow 200ms;
    width:100px;
  }
  
  .button:hover {
    box-shadow: inset 0 0 1rem 2rem rgba(255, 255, 255, 0.15);
  }
  
  .button.alt {
    background-color: transparent;
    border: 1px solid;
  }
  
  .button.alt:hover {
    box-shadow: inset 0 0 0 0.125rem;
  }
  
  .button span { color: #fff; }
  
  input[type=checkbox] {
    position: relative;
      border: 2px solid #000;
      border-radius: 2px;
      background: none;
      cursor: pointer;
      line-height: 0;
      margin: 0 .6em 0 0;
      outline: 0;
      padding: 0 !important;
      vertical-align: text-top;
      height: 20px;
      width: 20px;
      -webkit-appearance:none;
    opacity: .5;
  }
  
  input[type=checkbox]:hover {
    opacity: 1;
  }
  
  input[type=checkbox]:checked {
    background-color: #000;
    opacity: 1;
  }
  
  input[type=checkbox]:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    width: 4px;
    height: 10px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 2;
  }
.valid_sett {
    display:block;
    width:90%;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
}
.connect {
    font-size:20px;
    border-radius:5px;
    padding:10px;
}
.ic-warning {
    background-image: url('./ic/warning.png');
    background-repeat: no-repeat;
    padding:12px;
    background-size: 14px;
    background-position: center;
}
.mois {
    display:inline-block;
    background:#A40000;
    color:#fff;
    font-size:12px;
    padding:3px;
    margin:10px 5px;
    width:80px;
    text-decoration: none;
    border-radius: 3px;
}
.mois:hover {
    background:#740101;
}
.mois_select {
    background:#510000;
}
table.bs_table {
    background-color: #FFFFFF;
    text-align: center;
    border-collapse: collapse;
    color:#000;
    width:90%;
    margin:20px auto;
    font-size:16px;
  }
  table.bs_table td, table.bs_table th {
    padding: 6px 2px;
  }
  table.bs_table td a {
    color:#000;
    text-decoration: none;
  }
  table.bs_table tr:nth-child(even) {
    background: #FFF0F0;
  }
  table.bs_table thead {
    background: #A40000;
    background: -moz-linear-gradient(top, #bb4040 0%, #ad1919 66%, #A40000 100%);
    background: -webkit-linear-gradient(top, #bb4040 0%, #ad1919 66%, #A40000 100%);
    background: linear-gradient(to bottom, #bb4040 0%, #ad1919 66%, #A40000 100%);
  }
  table.bs_table thead th {
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
  }
.td_bs {
    width: 75%;
}
.bs_title {
    padding:10px;
}
.color_line {
background:red;
width:20px;
height:20px;
}
.alert {
    width: 100%;
    padding: 12px 16px;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 12px;
    font-size: 13px;
  }
  
  .alert.alert-success {
    background-color: rgba(227, 253, 235, 1);
    border-color: rgba(38, 179, 3, 1);
    color: rgba(60, 118, 61, 1);
  }
  
  .alert.alert-info {
    background-color: rgba(217, 237, 247, 1);
    color: rgba(49, 112, 143, 1);
    border-color: rgba(126, 182, 193, 1);
  }
  
  
  .alert.alert-warning {
    background-color: rgba(252, 248, 227, 1);
    border-color: rgba(177, 161, 129, 1);
    color: rgba(138, 109, 59, 1);
  }
  
  .alert.alert-danger {
    background-color: rgba(248, 215, 218, 1);
    border-color: rgba(220, 53, 69, 1);
    color: rgba(114, 28, 36,1);
  }
.err_alert {
    width:12px;
    padding:5px;
    background:red;
    color:white;
    font-size:10px;
    border-radius: 100%;
    text-align: center;
    position:absolute;
    margin-left:50px;
    
}
a .noshow {
    color:#000;
}
.noshow {
    position:fixed;
    bottom:20px;
    width:30%;
    right:20px;
    background:#fff;
    padding:20px;
    font-size:13px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 10px 5px #D9D9D9;
box-shadow: 1px 1px 10px 5px #D9D9D9;
}
.pastille {
    background: red;
    width:20px;
    height:20px;
    position:absolute;
    margin-left:-25px;
    margin-top:-25px;
    border-radius: 100%;
}
.pulsate-fwd{-webkit-animation:pulsate-fwd 1s ease-in-out 5s infinite both;animation:pulsate-fwd 1s ease-in-out 5s infinite both}
@-webkit-keyframes pulsate-fwd{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulsate-fwd{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}




/* MODE BS */
.btn_bs {
    display: inline-block;
    font-size:1.3em;
    background-color: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
    width:300px;
    max-width:20%;
    padding: 50px 20px;
    max-height:100px;
    overflow: hidden;
    margin:30px;
    text-align:center;
    color:#fff;
    border-radius: 5%;
}
.btn_bs_2 {
    display: inline-block;
    font-size:12px;
    background-color: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
    width:300px;
    max-width:20%;
    padding: 30px 15px;
    height:80px;
    overflow: hidden;
    margin:5px;
    text-align:center;
    color:#fff;
    border-radius: 5%;
}
.bs_ic {
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
}
.lab_name {
    font-size:60px;
}
.ui-widget {
    width:100%;
    text-align:center;
    margin-top:100px;
}
#tags {
    font-size:70px;
    text-transform: uppercase;
    border:1px solid #000;
    width:50%;
    text-align: center;
}
#in_time {
    font-size:70px;
    text-transform: uppercase;
    border:1px solid #000;
    width:30%;
    text-align: center;
}
#ui-id-1 {
    max-width:50%;
    padding-left:0;
    padding-right:0;
    font-size:50px;
}
#ui-id-1 li:nth-child(n+2){
    display:none;
}
.go_btn {
    background:#306681;
    color:#fff;
    outline:none;
    border:1px solid #306681;
    cursor: pointer;
    text-decoration: none;
    border-radius:4px;
}
.name_gif {
    max-width:16px;
}
.alerteur {
    border-top:1px solid #999999;
    padding-top:20px;
}
#alerteur {
    width:80%;
    margin:auto;
    border-collapse: collapse;
}
#alerteur tr td {
    border:1px solid #999999;
    padding:10px;
}
.go_back_btn {
    color:#000;
    text-decoration: none;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    display:block;
    padding:5px;
    background: rgb(221,221,221);
background: linear-gradient(180deg, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 49%);
    margin-bottom:10px;
}
.historique {
    background:#000;
    width:80%;
    margin:auto;
    padding:4px;
    height:200px;
    overflow: auto;
    margin-bottom:20px;
    border-radius: 5px;
}
.historique p
{
    text-align: left;
    padding-left:20px;
    margin-bottom:10px;
    color:#fff;
    font-family:'Courier New', Courier, monospace;
}
.split_btn {
    position:relative;
}
.alert {
    font-size:15px;
}
.rota_c {
    width:100%;
    text-align:center;
    font-size:15px;
    border-collapse:collapse;
}
.rota_c tr:nth-child(odd){
  background-color:#F0F0F0;
}
.rota_c tr td {
    padding:5px;
    width:20%;
}


/*Quand on imprime*/
@media print {
    html {
      zoom: 45%;
    }
    input[type="text"]{
        font-size:12px;
    }
    .input_date {
        font-size:12px;
    }
    .hide_print {
        display:none;
    }
    .heure {
        font-size:12px;
        width:60px;
    }
    .prenom_bs {
        height:50px;
font-size:14px;
    }
    .info {
        font-size:12px;
    }
    .menu table tr td:first-child {
    text-align:left;
    width:70%;
    }
    .cm_en_rota {
    color:grey;
    }
  }