<style>



body {
    font-family: Helvetica,Arial,sans-serif ;
    font-size: 1em;
	margin: 0 2em 2em 2em;
	}
h1 {
    font-family: Helvetica,Arial,sans-serif ;
    font-size: 2em;
	}
h2 {
    font-family: Helvetica,Arial,sans-serif ;
}
		
label {
	width: 20%;
	display: inline-block;
	margin-bottom: 5px;
	font-family: Helvetica,Arial,sans-serif ;

}
 .hidden {
            display: none;
        }

.col-form-label {
  padding-top: calc(.375rem + 1px);
  padding-bottom: calc(.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
  font-weight: bold;
}

input, select, textarea {
	width: 70%;
	display: inline-block;
	padding: 8px;
	box-sizing: border-box; 
	font-family: Helvetica,Arial,sans-serif ;
	font-size : 1em;
}
/*
:read-only {
	border : none ;
}
*/
:required {
	/* background-color : #FFE4E1 ; */
	background-color: transparent; 
}
:invalid  {
	background-color: rgb(240 100 200 / 10%);
	border : 2px dashed red;
}

.circle{
    display: inline-block;
	margin-right: 0.5em;
    width:2em;
    background:#FF0000;
    height:2em;
    text-align:center;
	line-height:2em;
	border-radius : 2em ;
	color: white ;
}
.vis-item.vis-range .vis-item-content {
  font-family: Helvetica,Arial,sans-serif ;
}
.vis-labelset .vis-label {
  border-bottom: 1px solid #bfbfbf;
  color: #4d4d4d;
  left: 0;
  top: 0;
  width: 100%;
  display: flex;
}
.vis-labelset .vis-label .vis-inner {
    display: inline-block;
    padding: 5px;
    align-content: center;
}
.vis-time-axis .vis-text {
    box-sizing: border-box;
    color: #4d4d4d;
    overflow: hidden;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    font-weight: 700;
}

.form-group {
	margin-bottom: 15px;
}



.dynamic-section {
	margin-bottom: 15px;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	background-color: #1997c6 ;
	color: white ;
	text-decoration : none ;
	font-family: Helvetica,Arial,sans-serif ;
}
.btn:hover {
    color: #fff;
    background-color: #0f5a76;
    border-color: #0f5a76;
}

/* Style pour la fenêtre modale */
.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2000;
}

/* Style pour le contenu de la fenêtre modale */

.modal-content {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-color: #fff;
    width: 800px;
    height: 600px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Style pour le bouton de fermeture de la fenêtre modale */
.close-modal {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 18px;
    font-weight: bold;
    color: #f00;
    cursor: pointer;
}

/* Style pour l'iframe de la fenêtre modale */
.modal-iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.vis.timeline .timeaxis .grid.odd {
    background: red;
  }


.bootstrap-table .fixed-table-container .table thead th {
  vertical-align:top;
  padding:0;
  margin:0
}

.rayure {
  background: repeating-linear-gradient(
    45deg,       /* Angle des rayures */
    #ffcc00,     /* Couleur 1 */
    #ffcc00 1px, /* Fin de la couleur 1 */
    #ff9900 1px, /* Début de la couleur 2 */
    #ff9900 2px  /* Fin de la couleur 2 */
  );
}

.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: 0 0;
  border: 1px solid red;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  border-color: #dee2e6 #dee2e6 whitesmoke;
}

.nav-link {
  display: block;
  padding: .5rem 1rem;
  color: #0f5a76;
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.nav-link:focus, .nav-link:hover {
  color: #1997c6;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #1997c6;
  background-color: whitesmoke;
  border-color: #dee2e6 #dee2e6 whitesmoke;
}

//
// Switch
//

.form-switch {
  padding-left: $form-switch-padding-start;

  .form-check-input {
    width: $form-switch-width;
    margin-left: $form-switch-padding-start * -1;
    background-image: escape-svg($form-switch-bg-image);
    background-position: left center;
    @include border-radius($form-switch-border-radius);
    @include transition($form-switch-transition);

    &:focus {
      background-image: escape-svg($form-switch-focus-bg-image);
    }

    &:checked {
      background-position: $form-switch-checked-bg-position;

      @if $enable-gradients {
        background-image: escape-svg($form-switch-checked-bg-image), var(--#{$variable-prefix}gradient);
      } @else {
        background-image: escape-svg($form-switch-checked-bg-image);
      }
    }






/* Import fonts */
@import url(https://fonts.googleapis.com/css?family=Orbitron%3Aregular%2C500%2C600%2C700%2C800%2C900%7COpen%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%7COpen%20Sans%3A400%7CRoboto%3A400%7COrbitron%3A700%7CLato%3A700&amp;subset=latin%2Clatin-ext&amp;display=swap);

</style>			