/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
  background-color:white;/*#EBE6D5;*/
}
body {
  padding-top: 70px;
}
footer {
  padding: 30px 0;
}

.navbar .navbar-brand {
    color: rgba(44, 42, 41, 1);
}
.navbar {
    font-size: 14px;
    background-color: rgba(188, 190, 192, 1);
    border-bottom-width: 1px;
	
}
.navbar .navbar-nav{
	margin-top:1px;

}
.navbar .navbar-nav>li>a {
    color: rgba(44, 42, 41, 1);
    background-color: rgba(188, 190, 192, 1);
}
.navbar .navbar-nav>li>a:hover,
.navbar .navbar-nav>li>a:focus {
    color: rgba(44, 42, 41, 1);
    background-color: rgba(245, 245, 245, 1);
}
.navbar .navbar-nav>.active>a,
.navbar .navbar-nav>.active>a:hover,
.navbar .navbar-nav>.active>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(99, 100, 102, 1);
}
.navbar .navbar-toggle {
    border-color: #636466;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
    background-color: #636466;
}
.navbar .navbar-toggle .icon-bar {
    background-color: #636466;
}
.navbar .navbar-toggle:hover .icon-bar,
.navbar .navbar-toggle:focus .icon-bar {
    background-color: #bcbec0;
}

#titre_page{
padding-top:15px;padding-bottom:10px;max-height:220px;
}

.ulutilmail{
margin-left:15px;
padding:0px;
}
.liutilmail{
margin:0px;
padding:0px;
}
.utilmail{
cursor:Pointer;
}
.utilmail:hover{
text-decoration:underline;
}

.btn{
margin-bottom : 2px;
}

.btn-um1{
background-color: hsl(53, 91%, 34%) !important; 
background-repeat: repeat-x; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e0c70a", endColorstr="#a59307"); 
background-image: -khtml-gradient(linear, left top, left bottom, from(#e0c70a), to(#a59307)); 
background-image: -moz-linear-gradient(top, #e0c70a, #a59307); 
background-image: -ms-linear-gradient(top, #e0c70a, #a59307); 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0c70a), color-stop(100%, #a59307)); 
background-image: -webkit-linear-gradient(top, #e0c70a, #a59307); background-image: -o-linear-gradient(top, #e0c70a, #a59307); 
background-image: linear-gradient(#e0c70a, #a59307); 
border-color: #a59307 #a59307 hsl(53, 91%, 31%); color: #fff !important; 
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.19); 
-webkit-font-smoothing: antialiased;
}

.btn-um2 { 
background-color: hsl(195, 60%, 35%) !important; 
background-repeat: repeat-x; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2d95b7", endColorstr="#23748e"); 
background-image: -khtml-gradient(linear, left top, left bottom, from(#2d95b7), to(#23748e)); 
background-image: -moz-linear-gradient(top, #2d95b7, #23748e); 
background-image: -ms-linear-gradient(top, #2d95b7, #23748e); 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d95b7), color-stop(100%, #23748e)); 
background-image: -webkit-linear-gradient(top, #2d95b7, #23748e); 
background-image: -o-linear-gradient(top, #2d95b7, #23748e); 
background-image: linear-gradient(#2d95b7, #23748e); 
border-color: #23748e #23748e hsl(195, 60%, 32.5%); 
color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16); 
-webkit-font-smoothing: antialiased; 
}

.btn-um3 { 
background-color: hsl(0, 69%, 28%) !important; 
background-repeat: repeat-x; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ce2525", endColorstr="#781616"); 
background-image: -khtml-gradient(linear, left top, left bottom, from(#ce2525), to(#781616)); 
background-image: -moz-linear-gradient(top, #ce2525, #781616); 
background-image: -ms-linear-gradient(top, #ce2525, #781616); 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ce2525), color-stop(100%, #781616)); 
background-image: -webkit-linear-gradient(top, #ce2525, #781616); 
background-image: -o-linear-gradient(top, #ce2525, #781616); 
background-image: linear-gradient(#ce2525, #781616); 
border-color: #781616 #781616 hsl(0, 69%, 23%); 
color: #fff !important; 
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); 
-webkit-font-smoothing: antialiased; 
}

.btn-urgent {
    background-color:#A72FBD;
    color:#fff;
}

.label-urgent {
    background-color:#A72FBD;
    color:#fff;
}

div.dataTables_length{
	display:inline;
}

div.dataTables_filter{
	float:right;
}

div.dataTables_info {
	display:inline;
	margin-bottom:0px;
}

div.dataTables_paginate{
	float:right;
	margin-top:2px;
	margin-bottom:0px;
}

a.paginate_active{
font-weight:bold;
border:1px solid #AAAAAA;
background-color:#EEEEEE;
padding:5px;
padding-left:8px;
padding-right:8px;
}

a.paginate_button{
margin:2px;
border:1px solid #EEEEEE;
padding:5px;
padding-left:8px;
padding-right:8px;
cursor:Pointer;
}

/*a.paginate_button_disabled,*/
a.paginate_disabled_previous 
{
margin:2px;
border:1px solid #EEEEEE;
visibility:hidden;
padding:5px;
padding-left:8px;
padding-right:8px;
}


a.paginate_enabled_previous
{
margin:2px;
border:1px solid #EEEEEE;
padding:5px;
padding-left:8px;
padding-right:8px;
cursor:Pointer;
}

/*a.paginate_button_disabled,*/
a.paginate_disabled_next
{
margin:2px;
border:1px solid #EEEEEE;
visibility:hidden;
padding:5px;
padding-left:8px;
padding-right:8px;
}

a.paginate_enabled_next
{
margin:2px;
border:1px solid #EEEEEE;
padding:5px;
padding-left:8px;
padding-right:8px;
cursor:Pointer;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
	background: url('images/sort_desc.png') no-repeat center right;
}

.sorting {
	background: url('images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
	background: url('images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('images/sort_desc_disabled.png') no-repeat center right;
}
 
.paginate_button_disabled {
	visibility: hidden;
}

table.display thead th:active,
table.display thead td:active {
	outline: none;
}


.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(-300px, 0) scale(4);
  font-size: 23px;
  direction: ltr;
  cursor: pointer;
}

.dropzone {
	height:70px;
	border: 1px dashed orange;
}
.dropzone.in {
	border: 2px dashed orange;
	background-color: gray;
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
}
.dropzone.hover {
	background-color:#E0E0E0;
	border: 2px dashed #47A447;
	}
.dropzone.fade {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 1;
}


/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {

  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}

/* sign in */
.div-signin {
  max-width: 330px;
  padding: 0px;
  margin: 0 auto;
}
.div-signin .div-signin-heading{
  margin-bottom: 10px;
}
.form-signin {
  max-width: 330px;
  padding: 0px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="identifiant"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.act:hover
{
cursor:pointer;
z-index:100;
}
.ttt:hover
{
cursor:pointer;
}

.bootstrap-select.btn-group .dropdown-menu {
    z-index: 2000;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
}

.bootstrap-select.btn-group .dropdown-header {
    color:black;
	font-weight: bold;
}
/* .modal { overflow: visible; } */
/* .modal-body { overflow-y: visible !important; } */

@media print {
  /* put your CSS rules if they are to apply in print only */
 .navbar
  {
	display: none;
 }
 #sidebar
  {
	display: none;
 }
 .noprt	
  {
  	visibility: hidden;
 }
 div.dataTables_filter
 {
	display: none;
 }
 #footer
  {
  	display: none;
 }
  
}

/* HIVER 2025 */
.spinspan {
  display: inline-block; /* Crucial pour que les transformations fonctionnent correctement */
  animation: rotation-360 2s linear infinite; /* Nom de l'anim. / Durée / Vitesse / Répétition */
}

@keyframes rotation-360 {
  0% {
    transform: rotate(0deg); /* Au début, pas de rotation */
  }
  100% {
    transform: rotate(360deg); /* À la fin, une rotation complète */
  }
}

.movespan {
  display: inline-block;
  animation: va-et-vient 0.5s ease-in-out infinite alternate; 
}

@keyframes va-et-vient {
  0% {
    transform: translateX(0); /* Position de départ : 0 pixel de déplacement */
  }
  100% {
    transform: translateX(3px); /* Position finale : déplacement de 3 pixels vers la droite */
  }
}

.vibrspan {
  display: inline-block;
  /* Durée très courte (0.1s), vitesse constante (linear), répétition infinie */
  animation: vibration 2s linear infinite; 
}

@keyframes vibration {
  0% {
    transform: translate(0, 0); /* Position initiale */
  }
  25% {
    transform: translate(1px, -1px); /* Décalage haut-droite */
  }
  50% {
    transform: translate(-1px, 1px); /* Décalage bas-gauche */
  }
  75% {
    transform: translate(1px, 1px); /* Décalage bas-droite */
  }
  100% {
    transform: translate(0, 0); /* Retour au centre (ou presque) */
  }
}