pre {
    background: rgba(255,255,255,0.8);
}
@font-face {
    font-family: 'fira';
    src: url('../fonts/firasans-bold-webfont.eot');
    src: url('../fonts/firasans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/firasans-bold-webfont.woff2') format('woff2'),
         url('../fonts/firasans-bold-webfont.woff') format('woff'),
         url('../fonts/firasans-bold-webfont.ttf') format('truetype'),
         url('../fonts/firasans-bold-webfont.svg#fira') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'fira';
    src: url('../fonts/firasans-italic-webfont.eot');
    src: url('../fonts/firasans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/firasans-italic-webfont.woff2') format('woff2'),
         url('../fonts/firasans-italic-webfont.woff') format('woff'),
         url('../fonts/firasans-italic-webfont.ttf') format('truetype'),
         url('../fonts/firasans-italic-webfont.svg#fira') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'fira';
    src: url('../fonts/firasans-regular-webfont.eot');
    src: url('../fonts/firasans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/firasans-regular-webfont.woff2') format('woff2'),
         url('../fonts/firasans-regular-webfont.woff') format('woff'),
         url('../fonts/firasans-regular-webfont.ttf') format('truetype'),
         url('../fonts/firasans-regular-webfont.svg#fira') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	background: url('../images/2.jpg') right top #000 fixed;
	color: #eeeeee;
	font-family: 'fira', 'open_sansregular', Arial;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-bottom: 30px !important;
}

#user_welcome
{
	/*position: absolute;*/
	/*right: 5px;*/
	z-index: 2;
    float: right;
    position: relative;
}

body.maintenance {
  background: url('../images/6.jpg') right top #000 fixed;
}
body.config {
  background: url('../images/5.jpg') right top #000 fixed;
}
body:not(.login):not(.mobile) {
	padding: 0 60px 0 0;
}
a {
	color: #ffffff;
}
a:hover {
    color: rgba(81, 169, 255);
    text-decoration: none!important
}
a:focus, a:active, button:focus, button:active {
	outline:0!important;
}
h1, h2, h3, h4, h5, h6 {
    color: #fff;
    letter-spacing: 1.5px;
    margin: 10px 0;
    text-transform: uppercase;
}
h1 i {
    margin-right: 5px;
}
hr {
    border-top: 1px solid rgba(255,255,255,0.45);
}
.btn {
  border-radius: 0;
  border: none;
}
.btn.active {
    background: rgba(81, 169, 255, 0.8) !important;
}
.btn-light {
  color: #fff;
  background-color: rgba(255,255,255,0.3);
}

.btn-light:hover {
  color: #fff;
  background-color: rgba(255,255,255,0.1);
  border: none;
}

.btn-light.disabled, .btn-light:disabled {
  color: #bbb;
  background-color: rgba(255,255,255,0.3);
  border: none;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #fff;
  background-color: rgba(255,255,255,0.4);
  border: none;
}
.btn-xs {
    padding: .05rem .3rem .03rem!important;
    font-size: 0.75rem!important;
}
td {
    padding-top: 3px;
    padding-bottom: 3px;
}
td .btn {
    margin-right: 4px;
    vertical-align: baseline;
}
.btn i {
    margin-right: 5px;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

.col-lg-12 {
	padding: 0 10px;
}
.btn-titre {
	display: inline-block;
	position: absolute;
	right: 0;
}
.btn-titre a {
	cursor: pointer;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.42857;
	margin: 0;
	padding: 6px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #fff;
	line-height: 28px;
}
.btn-titre a:hover {
	background: rgba(0,0,0,0.3);
}

.inactive i {
	color: #fdfdfd!important;
}
.active i {
	color: #fff;
}
.visu_event {
	display: inline;
	font-size: 13px;
}
.blobs {
	display: block;
	/*width:600px;*/
	height:300px;
	position: absolute;
	top:0;
}
.blobs img {
	max-height: 100%;
	display: block;
	border: 2px solid #dc3545;
}
.blobs-left img {
	float: right;
	margin:0 5px 0 0;
}
.blobs-right img {
	float: left;
	margin:0 0 0 5px;
}
.action_event {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	display: none;
}
.action_event span {
	position: absolute;
	top:57px;
	text-align: center;
    color: #dc3545;
	font-family: "acensregular";
	letter-spacing: 1.3px;
    width: 100%;
}
.blobs:hover .action_event {
	display: block;
}
.blobs:hover .action_event span {
	display: none;
}
.blobs .action_event div:hover span {
	display: block;
}
.action_event a {
	display: block;
    font-size: 30px;
    margin: 0 auto;
    width: 30px;
    margin: 15px auto 0;
    color: #dc3545;
}
.cam_active {
	color: #dc3545!important;
}
.choix_cam {
	color: #fff;
	text-shadow:0 0 2px rgba(0,0,0,0.7);
}
.choix_cam:hover {
	color: #dc3545!important;
}
#menu_pb {
	background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    color: #dc3545;
    font-size: 20px;
    left: 10px;
    padding: 3px 7px;
    position: absolute;
    top: 10px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
#menu_pb p {
	margin: 10px 0 3px 0;
	font-family: "acensregular";
}
#live {
	position: absolute;
	right: 10px;
	top:10px;
    color: #dc3545;
    font-size: 20px;
}
#converter {
	position: absolute;
	right: 10px;
	top:40px;
    color: #dc3545;
    font-size: 20px;
}
#intrusion {
	width: 1920px;
	height:1080px;
}
.btn-appli {
	float: left;
    font-size: 40px;
    line-height: 1.33333;
    margin: 150px 15px 0;
    padding: 10px 16px;
}

.datepicker {
	color:#333;
}
#svg-track {
	z-index:9999;
}
.dynDiv_moveParentDiv {
    font-size: 35px!important;
    height: 45px!important;
    top: -45px!important;
}
.statut_intrusion {
    font-size: 35px!important;
    height: 35px!important;
    bottom: -35px!important;
line-height: 30px!important;
}
.dynDiv_resizeDiv_bl {
    bottom: -36px!important;
}
.dynDiv_resizeDiv_br {
    bottom: -36px!important;
}
#timeline {
	width: 1920px;
	margin: 5px 0 0 0;
	padding: 2px 25px;
	z-index: 1;
}
.from {
	background: #fff;
}
.from:hover,.irs-single:hover {
	cursor: pointer;
}
.from:hover {
	background: #dc3545;
}
.irs-single {
	width: 90px;
	text-align: center;
	background: #333;
}
.fa-spin {
  -webkit-animation: fa-spin 1s infinite linear;
  animation: fa-spin 1s infinite linear;
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.txt-center {
	text-align: center;
}
#timeline h1 {
	left: 900px;
    position: absolute;
}
.svg-cam:hover circle {
	fill-opacity:1;
}
.svg-cam path {
	/*fill-opacity:0.2;*/
}
.svg-cam path:not(.inactif):hover {
	/*stroke-width:2;*/
	cursor: pointer;
}
.choix-cam, .live {
	height: 60px;
	padding: 14px 0!important;
	width: 35px;
	margin: 0px !important;  				/* Override boostrap .pagination -1px, */
	border-left-style: hidden !important;	/* so we must hide left border instead */
	text-align: center;
}
.acces-record, .faux-positif {
	height: 60px;
	padding: 19px 0!important;
	width: 35px;
	margin: 0px !important;  				/* Override boostrap .pagination -1px, */
	border-left-style: hidden !important;	/* so we must hide left border instead */
	text-align: center;
	font-size: 16px;
}
.modal-backdrop {
  right: 0!important;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 700px;
    margin: 50px auto 150px;
  }
}
.timeline-nav-left {
	left: -25px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.timeline-nav-right {
	right: -25px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.timeline-nav {
    position: absolute;
    top: -4px;
    border: 1px solid #333;
    padding: 22px 0;
    height:60px;
    display: block;
	width: 20px;
	text-align: center;
	line-height: 1.3;
}
.no-select {
	color:#ddd;
}
.no-select:hover {
	color:#ddd;
	cursor:default;
}
.irs-single.en_cours {
	color: #dc3545!important;
}
.from.en_cours {
	background-color: #dc3545!important;
	z-index: 2;
}
.img-pb {
	position: absolute;
	top:130px;
}
#conteneur-image {
	position: absolute;
	top:130px;
}
#bg {
	
}
#event {
	position: absolute;
	z-index: 1;
}
.timeline-nav:hover {
	color: #dc3545!important;
}
.irs-nav:hover {
	color: #fff;
}
#refresh_img, #refresh_paginator {
	width: 1920px;
}
.action_img {
	color: #dc3545;
	font-size: 30px;
	z-index: 3;
}
.action_img:hover {
	cursor: pointer;
}
#acquittement {
	position: absolute;
	top:150px;
	left: 50px;
}
.temporaire {
	font-size: 20px;
	margin: 20px 0 20px 25px;
}
.f-right {
	float: right;
}
small {
    font-weight: normal!important
}
h1, h2, h3, h4, h5, h6 {    
    font-family: 'fira', 'open_sansregular', Arial!important;
    letter-spacing: 0!important;
    font-weight: bold!important;
}
h4, h5, h6 {
    text-transform: none!important;
}
table.dataTable tr th {
    font-weight: bold;
    font-size: 1.3em;
    text-shadow: 0 0 8px rgba(255,255,255,0.6);
}
table.dataTable tr td {
    text-shadow: 0 0 3px rgba(255,255,255,0.4);
}
table.dataTable tr th i {
    vertical-align: calc(1px);
}
table.dataTable tr.actif td {
    background: rgba(255,0,0,0.5)
}
table.dataTable tr.actif td a {
    color:#fff;
}
table.dataTable tr.actif td input {
    text-align: center;
    color:#000;
    border:none;
}
a:focus, a:active {
    color:#fff;
}
.fulscreen .modal-dialog {
    width: 100%;
    margin: 10px auto 0;
}
.fulscreen {
    width: 90%;
    margin: 0 auto;
}
table.dataTable tr td em {
    font-size: 11px;
    color: #ddd;
}
a.inactif, a.inactif:hover {
    color: #ddd!important;
    background: #aaa!important;
    cursor: default;
}
input {
    color: #fff;
    padding: 2px 5px;
    text-align: center;
    background: rgba(255,222,255,0.2);
    border: none;
    font-weight: normal!important;
    font-size: 13px;
}
td input {
    color: #00deff;
    background: rgba(0,222,255,0.2);
}
input.has-error {
    border: 1px solid #f00;
}
input[type="search"] {
    text-align: left;
}

.datetimepicker {
    background: rgba(15, 28, 34, 0.97);
    color:#fefefe;
    padding: 8px;
}
.datetimepicker thead {
    color: #cbe3f2;
}
.datetimepicker td.day {
    font-size: 0.9em;
}
.datetimepicker table tr td.new, .datetimepicker table tr td.old {
    color: #777;
}
.datetimepicker tfoot tr:first-child th:hover, .datetimepicker thead tr:first-child th:hover {
    background: none!important;
    color:#2489c5!important;
}

.datetimepicker table tr td.day:not(.disabled):hover,.datetimepicker table tr td.hour:not(.disabled):hover,.datetimepicker table tr td.minute:not(.disabled):hover 
{
    background:none!important;
    border:1px solid #2489c5!important;
    color:#2489c5!important;
}

.datetimepicker table tr td.today,.datetimepicker table tr td.today.disabled,.datetimepicker table tr td.today.disabled:hover,.datetimepicker table tr td.today:hover
{
    color:#2489c5;
    background:none;
}
.datetimepicker table tr td.active,.datetimepicker table tr td.active.disabled,.datetimepicker table tr td.active.disabled:hover,.datetimepicker table tr td.active:hover
{
    background:#2489c5!important;
    color:#fff;
}
.datetimepicker table tr td span.active,.datetimepicker table tr td span.active.disabled,.datetimepicker table tr td span.active.disabled:hover,.datetimepicker table tr td span.active:hover
{
    background:#2489c5!important;
    color:#fff;
}
.datetimepicker table tr td span:hover
{
    background:none!important;
    border:1px solid #2489c5!important;
    color:#2489c5!important;
}
.datetimepicker table tr td.today.active, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today.disabled.active, .datetimepicker table tr td.today.disabled.disabled, .datetimepicker table tr td.today.disabled:active, .datetimepicker table tr td.today.disabled:hover, .datetimepicker table tr td.today.disabled:hover.active, .datetimepicker table tr td.today.disabled:hover.disabled, .datetimepicker table tr td.today.disabled:hover:active, .datetimepicker table tr td.today.disabled:hover:hover, .datetimepicker table tr td.today.disabled:hover[disabled], .datetimepicker table tr td.today.disabled[disabled], .datetimepicker table tr td.today:active, .datetimepicker table tr td.today:hover, .datetimepicker table tr td.today:hover.active, .datetimepicker table tr td.today:hover.disabled, .datetimepicker table tr td.today:hover:active, .datetimepicker table tr td.today:hover:hover, .datetimepicker table tr td.today:hover[disabled], .datetimepicker table tr td.today[disabled] {
    background-color: #cbe3f2;
}



.actif input {
    color:#fff!important;
}
td input {
    /*width: 100%*/
}
span input {
    color: #fff;
    background: rgba(255,255,255,0.4);
}
a.type-liste {
    padding: 5px 10px 3px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border: 2px solid;
    margin: 0 5px 0;
    color: #dc3545;
    transition: all 0.2s ease;
}
a.type-liste.actif {
    background: #dc3545;
    color: #fff
}
.choix-type {
    margin: 0 0 15px 0
}
.modal-footer .btn {
    display: inline-block;
}
.modal-body input {
    text-align: left;
    color: #fff;
}
input.horaire {
    width: 35px;
    text-align: center;
}
input.error {
    border: 1px solid #ff0000;
    color: #ff0000
}
.modal-dialog {
    width: 750px;
}
.modal-large .modal-dialog {
    width: 750px;
    max-width: none;
}
.alert {
    font-size: 0.9em;
}
/*
.bouton, button, .bouton:focus, .bouton:active {
    font-size: 13px;
    margin: 5px 8px 5px 0;
    padding: 3px 7px;
    color: #fff;
    border: none;
    background: rgba(255,255,255,0.3);
    transition: all 0.5s;
    text-shadow: 0 0 1px rgba(255,255,255,0.3);
}
.bouton.disabled, button.disabled {
    color: #aaa;
    background: rgba(255,255,255,0.2);
    text-shadow: none;
}
.bouton i {
    color: #fff;
}
*/
.error {
    color: #fff;
    text-shadow: 0 0 4px rgb(239, 59, 59);
    background: rgb(239, 59, 59);
}
label.error {
    margin-top: -2px;
    font-size: 0.8em;
    padding: 0 7px;
    display: block;
}
label.error::before {
    content: "\f12a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 5px;
}
.label-info {
    color: #fff;
    text-shadow: 0 0 4px rgb(36, 137, 197);
    background: rgb(36, 137, 197);
}
label.label-info {
    margin-top: -2px;
    font-size: 0.8em;
    padding: 0 7px;
    display: block;
}
label.label-info::before {
    content: "\f129";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 5px;
}
td p {
    margin: 4px 0
}
.btn-danger {
    font-size: 15px;
    background: rgba(239, 59, 59, 0.55);
}
.btn-danger.cancel {
    font-size: 15px;
    background: rgba(75,75,75, 0.55);
}
.form-conteneur {
    display: inline;
}
.icheckbox_polaris, .iradio_polaris {
    margin-top: -6px!important;
}
select {
    height: 25px;
    background: rgba(255,255,255,0.7);
    border: none;
}
#max_atteint {
    display: none;
}
.legende {
    font-size: 0.7em;
    color: #ddd;
}
.badge {
    color: #fff;
    font-weight: normal;
    border-radius: 0;
    margin: 2px 3px 2px 0;
    background-color: rgba(192, 225, 247,0.6);
    text-shadow: 0 0 3px rgba(255,255,255,0.5);
    border-left: 4px solid rgba(255,255,255,0.7);
}
.badge-success {
    background-color: rgba(59, 239, 107, 0.6);
}
.badge-warning {
    background-color: rgba(255, 234, 9, 0.6);
}
.badge-danger {
    background-color: rgba(239, 59, 59, 0.6);
}
.badge-info {
    background-color: rgba(59, 197, 239, 0.6);
}
.badge-dark {
    background-color: rgba(114, 51, 222, 0.6);
}
.bootbox-body h4 {
    font-size: 16px;
}
td .discret {
    display: none;
}
td:hover .discret {
    display: inline-block;
}
.details {
    float: right;
    color: #fff;
}
.detail {
    display: none;
}
table.dataTable thead th, table.dataTable thead td {
    line-height: 18px;
}
th input {
    margin: 5px 0 0 0;
    text-align: left;
    font-size: 12px;
}
optgroup {
    background: #000;
    color: #fff;
}
th select {
    height: 20px;
    font-weight: normal;
    font-size: 12px;
    margin: 5px 0 0 0;
}
/*
███████╗ ██████╗ ██████╗ ███╗   ███╗
██╔════╝██╔═══██╗██╔══██╗████╗ ████║
█████╗  ██║   ██║██████╔╝██╔████╔██║
██╔══╝  ██║   ██║██╔══██╗██║╚██╔╝██║
██║     ╚██████╔╝██║  ██║██║ ╚═╝ ██║
╚═╝      ╚═════╝ ╚═╝  ╚═╝╚═╝     ╚═╝
*/
/***
Forms 
****/

.static-info {
  margin-bottom: 10px;
}

.static-info .name {
  font-size: 14px;
}

.static-info .value {
  font-size: 14px;
  font-weight: 600;
}

.static-info.align-reverse .name,
.static-info.align-reverse .value {
  text-align: right;
}

input.placeholder,
textarea.placeholder {
  color: #aaa !important;
}

.help-block {
 margin-top: 2px;
 margin-bottom: 15px;
}

.form-inline input {
  margin-bottom: 0px !important;
}
.control-label {
    margin-top: 2px;
    text-align: right;
    padding-right: 0;
}
.t-left {
    text-align: left;
}
.t-right {
    text-align: right;
}
.form-control-static {
  font-size: 14px;
  padding-top: 7px;
}

.control-label .required {
  color: #e02222;
  font-size: 12px;
  padding-left: 2px;
}

.switch-wrapper {
   display: inline-block;
}

.form {
  padding: 0 !important;
}

.form-body {
  padding: 10px;
}

.form-actions {
  padding: 20px 10px;
  margin-top: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
}

.form-actions.nobg {
  background-color: transparent;
}

.form-actions.top {
  margin-top: 0;
  margin-bottom: 20px;
  border-top: 0;
  border-bottom: 1px solid #e5e5e5;
}

.form-actions.fluid {
  padding: 20px 0;
}

.form-actions.fluid > [class^="col-"] {
  padding-left: 13px;
}

.form-actions:before,
.form-actions:after {
  display: table;
  line-height: 0;
  content: "";
}

.form-actions:after {
  clear: both;
}

.form-section {
  margin: 30px 0px 25px 0px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}

.form .form-section:first-child {
  margin-top: 5px;
}

.help-inline {
  font-size: 13px;
  color: #ddd;
  display: inline-block;
  padding: 0 5px 15px 5px;
  font-style: italic;
}
.actif > .help-inline, .actif > .help-block, .actif > label {
  color: #46b8da;
}
.has-error .help-block,.help-block {
  color: #ddd;
  font-style: italic;
  font-size: 13px;
}

.has-error label {
  color:#dc3545!important;
}
.has-error .form-control {
    border-color: #dc3545;
}

/* left, right aligned form actions */
.form-actions.right {
  padding-left: 0;
  padding-right: 10px;
  text-align: right;
}

.form-actions.left {
  padding-left: 10px;
  padding-right: 0;
  text-align: left;
}

/* Checkboxes */
.form-group .checkbox {
  padding-left: 0;
}

.checkbox-list > label {
  display: block;
}

.checkbox-list > label.checkbox-inline {
  display: inline-block;
}

.checkbox-list > label.checkbox-inline:first-child {
  padding-left: 0;
}

/* Radios */

.radio-list > label {
  display: block;
}

.radio-list > label.radio-inline {
  display: inline-block;
}

.radio-list > label.radio-inline:first-child {
  padding-left: 0;
}

.form-horizontal .radio-list .radio {
  padding-top: 1px;
}

.form-horizontal .radio-list > label {
  margin-bottom: 0;
}

.form-horizontal .radio > span {
  margin-top: 2px;
}

/* Rows seperated form layout */
.form-row-seperated .form-group {
  margin: 0;
  border-bottom: 1px solid #efefef;
  padding: 10px 0px 10px 0px;
}

.form-row-seperated .form-group.last {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
}

.form-row-seperated .form-actions {
  margin-top: 0;
}

.form-row-seperated .form-body {
  padding: 0;
  margin-top: 0;
}

.form-row-seperated .help-block {
  margin-bottom: 0;
}

/* form bordered */
.form-bordered .form-body {
  margin: 0;
  padding: 0;
}

.form-bordered .form-actions {
  margin-top: 0;
}

.form-bordered .form-group {
    margin: 0;
    border-bottom: 1px solid #efefef;
}

.form-bordered .form-group.last {
    border-bottom: 0;
}

.form-bordered .help-block {
  margin-bottom: 0;
}

.form-bordered .control-label {
  padding-top: 16px;
}

.form-bordered .form-group > div {  
  padding: 10px;
  border-left: 1px solid #efefef;
}

.form-bordered .form-actions.fluid > .row > div {
  padding-left: 10px;
}

.form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) {
  background-color: #fcfcfc;
}

.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {
  background-color: #fcfcfc;
} 

.form-horizontal.form-bordered.form-row-stripped .form-control {
  background: #fff !important;
}

.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div {
  background-color: #ffffff;  
}

/***
Forms
***/
code {
  border: 1px solid #e1e1e1;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);  
}
label {
  font-weight: 400;
  font-size: 14px;
}
.radio-control label {
  margin: 0!important
}

.form-control:-moz-placeholder {
  color: #999999;
}
.form-control::-moz-placeholder {
  color: #999999;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control {  
  font-size: 14px;
  font-weight: normal;
  color: #333333!important;
  background-color: #ffffff;
  border: 1px solid #C5C5C5;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #999999;
  outline: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}

.form-control.height-auto {
  height: auto;
}

.uneditable-input {
  padding: 6px 12px;
  min-width: 206px;
  font-size: 14px;
  font-weight: normal;
  height: 34px;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

label.form-control {
  display: block;
  margin-bottom: 5px;
}

input[disabled],
select[disabled],
textarea[disabled] {
  cursor: not-allowed;
  background-color: #aaa !important;
}

input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #F9F9F9 !important;
}

/* input  groups */
.input-group.input-group-fixed {
  width: auto !important;
}

.input-group-addon {
  border-color: #e5e5e5;
  background: #e5e5e5;
  min-width: 39px;
}

.input-group-addon > i {
  color: #999;
}

/* form control sizing */
.form-control-inline {
  display: inline-block !important;
}

.input-mini {
  width: 45px !important;
}

.input-xsmall {
  width: 80px !important;
}

.input-small {
  width: 120px !important;
}

.input-medium {
  width: 240px !important;
}

.input-large {
  width: 320px !important;
}

.input-xlarge {
  width: 480px !important;
}

.input-inline {
  display: inline-block;
  width: auto;  
  vertical-align: middle;
}

.form-group .input-inline  {
  margin-right: 5px;
}

.input-sm {
  height: 28px;
  padding: 5px 10px;
  font-size: 13px;
}

select.input-sm {
  height: 28px;
  line-height: 28px;
  padding: 2px 10px;
}

/***
Input spinner(in v1.4)
***/

input[type="text"].spinner,
input[type="password"].spinner,
input[type="datetime"].spinner,
input[type="datetime-local"].spinner,
input[type="date"].spinner,
input[type="month"].spinner,
input[type="time"].spinner,
input[type="week"].spinner,
input[type="number"].spinner,
input[type="email"].spinner,
input[type="url"].spinner,
input[type="search"].spinner,
input[type="tel"].spinner,
input[type="color"].spinner {
  background-image: url("../img/input-spinner.gif") !important;
  background-repeat: no-repeat;
  background-position: right 8px;
}

@media (max-width: 768px) {

  .input-large {
    width: 250px !important;
  }

  .input-xlarge {
    width: 300px !important;
  }

}
.badge.form-static {
    display: inline-block;
    margin: 11px 0 0;
}
.radio-control {
    /*width: calc(50%-15px);
    float: left;*/
}
.modal-content {
    background-color: rgba(15, 28, 34, 0.85);
}
.modal-backdrop {
    background-color: rgb(15, 28, 34);
}
.modal-backdrop.in {
    filter: alpha(opacity=85);
    opacity: .85;
}
.modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(200, 200, 200, .1);
    box-shadow: 0 5px 15px rgba(200, 200, 200, .1);
}
.modal-header {
    border-bottom: 1px solid rgba(255,255,255,0.35);
}
.modal-footer {
    border-top: 1px solid rgba(255,255,255,0.35);
}
.skin-section .list {
    float: left;
}
.skin-section .list li {
    padding-left: 32px;
    position: relative;
    padding-bottom: 15px;
}
.skin-section-inline .list li {
    float: left;
    padding-left: 28px;
    margin-right: 20px;
}
.skin-square .skin-section .list li{padding-left:32px}
@media screen and (max-width:1049px){.arrows,.fork-me{display:none}
}
.skin{position:relative;margin-bottom:40px;}
.skin-section{float:left;padding-top: 5px;line-height:18px;}
.skin-section h4{padding-bottom:18px;}
.skin-futurico .skin-section h4{color:#a0a0a0}
.skin-section .list{float:left;}
.skin-section .list li{position:relative;padding-bottom:15px}
.icheckbox_square,.icheckbox_square-red,.icheckbox_square-green,.icheckbox_square-blue,.icheckbox_square-aero,.icheckbox_square-grey,.icheckbox_square-orange,.icheckbox_square-yellow,.icheckbox_square-pink,.icheckbox_square-purple,.iradio_square,.iradio_square-red,.iradio_square-green,.iradio_square-blue,.iradio_square-aero,.iradio_square-grey,.iradio_square-orange,.iradio_square-yellow,.iradio_square-pink,.iradio_square-purple{position:absolute;top:-1px;left:0}
/*
.btn-danger {
    font-size: 15px;
    background: rgba(36, 137, 197, 0.55);
    text-shadow: 0 0 1px rgba(255,255,255,0.5);
    box-shadow: 0 0 2px rgba(36, 137, 197, 0.5), 0 0 2px rgba(36, 137, 197, 0.5);
}
.btn-danger {
    color: #fff;
    background-color: #2489c5;
    border-color: #2489c5;
}
.btn-danger:hover, .btn-danger:active {
    color: #fff;
    background-color: #1b6ea0;
    border-color: #1b6ea0;
}
.btn-danger.disabled:active, .btn-danger[disabled]:active, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus {
    background: rgba(50,50,50, 0.55);
}
*/
table .badge-info  {
    font-size: 12px;
    /*padding: .4em .5em .2em;*/
}
.bootstrap-switch {
    border: none;
}
p.skin-section {
  position: relative;
  margin: 5px 0;
  padding-left: 30px;
  line-height: 14px;
}

.bleu {
  color: rgba(59, 197, 239, 1);
}
.jaune {
  color: rgba(255, 234, 9, 1);
}

.rouge {
  color: rgba(239, 59, 59, 1);
}

.badge span:not(.badge-centrale) {
    background: rgba(0,0,0,0.2);
    padding: 2px 4px;
    margin: 0 0 0 5px;
    text-shadow: none;
    display: block;
}
.badge i {
    text-shadow: none;
}
table.dataTable tr td .rouge {
    text-shadow: 0 0 1px rgba(255,255,255,0.1);
}
.bootstrap-duallistbox-container .btn-group {
  display: none;
}
.bootstrap-duallistbox-container select {
    background: rgba(255,255,255,0.25)!important;
    border: none;
    padding: 3px 0;
}
.bootstrap-duallistbox-container select option {
  color: #fefefe !important;
  font-size: 0.9em;
  padding: 3px 4px;
}
option:hover, option:active, option:focus {
  outline:0!important;
}
.mr-0 {
  margin-right: 0;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    text-shadow: 0 0 1px;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #de1f26;
    text-decoration: none;
    background-color: rgba(0,0,0,0.7);
    border: 1px solid #333;
    border-left-style: solid;
}
.alert {
    color:#fff;
    border-radius: 0;
    border: none;
}
.alert-info {
    background: rgba(36, 137, 197, 0.7);
}
.alert-success {
    background: rgba(59, 239, 107, 0.7);
}
.alert-warning {
    background: rgba(255, 234, 9, 0.7);
}
.alert-danger {
    background: rgba(239, 59, 59, 0.7);
}
.badge-centrale {
    border-left: none;
    padding: 0.1em 0.25em !important;
    margin: 0 0 0 0!important;
    border-radius: 20% 0px 20% 0px;
}
.badge-lg {
    font-size: 0.85em !important;
    padding: 0.3em 0.5em !important;
    margin: 0 3px 0 3px !important;
}
.badges-centrale .badge-centrale {
    float: left;
}
td {
    position: relative;
}
td .badges-centrale {
    display: block;
    position: absolute;
    /*margin: -8px -10px;*/
    top: 2px;
    left: 2px;
    height: 100%;
}
.alert strong {
    font-size: 1.1em;
}
.skin-section ul {
    padding-left: 5px;
    font-size: 0.9em;
    margin: 0;
}
.skin-section ul li:last-child {
    padding-bottom: 0;
}
label {
    line-height: 22px;
    margin-bottom: .3rem;
}
label.disabled {
    color: #888;
}
.ctrl_badge {
    float: left;
    margin-right: 5px;
    text-align: center;
}
.ctrl_badge .fa-lg {
    font-size: 1.75em;
}
.ctrl_profil {
    padding: 3px 0;
}
.ctrl_profil .fa-lg {
    font-size: 1.5em;
    margin-left: -7px;
}
.ctrl_badge .badge-centrale {
    border-radius: 20% 0 0 0;
}
.form-body h4 {
    margin: 6px 0 0 0;
}
.form-body h4 .fa, .form-body h4 .far {
    font-size: 1.6em;
    display: inline-block;
    margin-right: 4px;
}
.form-body hr {
    margin: -2px 0 5px 0;
}
.modal-body {
    padding: 3px;
}
.modal-body .control-label {
    line-height: 30px;
    margin: 0;
}
.modal-body .explanation {
    font-size: 0.9em;
    text-align: right;
}
.ctrl-info .badge, label .badge {
    font-size: 12px;
}
.ctrl-info {
    text-align: left;
    color: #aaa;
    line-height: 18px !important;
    margin: 0.1rem 0 !important;
}
.ctrl-info .info {
    font-size: 0.85em;
}
.alert-sm {
    font-size: 0.8em;
    padding: 0.3rem;
    margin-bottom: 0.3rem;
}
.form-group {
    margin-bottom: 0.35rem;
}
.btn-form {
    float: right;
}
.badge-centrale.inactive {
    background-color: #999 !important;
    color: #333 !important;
    text-shadow: none;
    box-shadow: 0 0 10px rgba(0,0,0,0.25) inset;
}
.badge-centrale.inactive i {
    color: #333 !important;
}

#legende {
    margin: 0 0 10px 0;
}

#legende a {
    text-shadow: 0 0 1px rgba(255,255,255,0.2);
    padding: 5px 7px;
    transition: all 0.5s;
    margin: 0 10px 0 0;
    color:#fff;
}

#legende a.inactif {
  text-shadow: 0 0 1px rgba(255,255,255,0.2)!important;
  color:#fff!important;
}
.form-group-sm label, .form-group-sm select {
    font-size: 0.8em;
}
.inline-icheck .icheckbox_square-blue {
    position: relative;
    float: left;
    margin: 5px 2px 0 0;
}
#singleUser {
    position: fixed;
    top:0;
    left:0;
    right: 0;
    z-index: 1;
}
.modal-open #singleUser {
    z-index: 1051;
}
body.single-user .container-fluid {
    margin-top: 50px;
}
#singleUser .alert .btn {
    vertical-align: bottom!important;
    background: rgba(90, 98, 104, 0.75);
    border-color: rgba(90, 98, 104, 0.75);
}
#singleUser .alert {
    text-align: center;
    font-size: 1.3em;
}
#singleUser .alert-info {
    background: rgba(36, 137, 197, 1);
}
#singleUser .alert-success {
    background: rgba(59, 239, 107, 1);
}
#singleUser .alert-warning {
    background: #fba540;
}
#singleUser .alert-danger {
    background: rgba(239, 59, 59, 1);
}
#singleUser .progress {
    position: absolute;
    height: 3px;
    left:0;
    top:0;
    right:0;
    background: rgba(255,255,255,0.15);
}
#singleUser .progress-bar {
    display: block;
    height: 3px;
    width:0%;
    background: rgba(255,255,255,1);
}
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
    box-shadow: none!important;
}
/*
h1 .fa {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 50%;
    width: 43px;
    height: 43px;
    line-height: 43px!important;
    text-align: center;
    color: rgba(15, 28, 34, 0.85);   
    vertical-align: text-bottom;
    font-size: 0.7em;
}
*/
.btn-title {
    margin-bottom: 8px;
}
.page-title {
    margin-left: -26px;
}
.page-title .fa-stack {
    vertical-align: text-bottom;
    font-size: 0.6em;
    margin-right: 0;
}
.mobile-only {
    display: none;
}
#integrity-alert {
    display: none;
}
#integrity-alert .alert {
    margin: 0 0 5px 0;
}
.alert hr {
    margin: 5px 0;
    border-color: rgba(255,255,255,0.25);
}
.close {
    text-shadow: none;
}
table.dataTable table tr {
    background: none !important;
}
table.dataTable table td {
    padding: 2px 4px!important;
}
footer {
    background: rgba(0,0,0,0.2);
    padding: 3px 5px;
    font-size: 0.65em;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 60px;
    color: #aaa;
    text-align: right;
}
footer .version {
    color: #777;
    font-size: 0.9em;
}
.icheckbox_square-blue.square-sm {
    background-position: -1px -1px;
    border: 1px solid #ddd;
}
.icheckbox_square-blue.square-sm.hover {
    background-position: -26px -2px;
    border: 2px solid #2489c5;
}
.icheckbox_square-blue.square-sm.checked {
    background-position: -51px -3px;
    border: none;
}
.icheckbox_square-blue.square-sm {
    height: 16px;
    width: 16px;
}
.label-icheck-sm {
    line-height: 16px;
    padding-left: 20px;
    position: relative;
}
#conf-file {
    background-color: rgba(226, 42, 24, 0.9);
    margin-right: 5px;
    color: #fff;
    padding: 3px;
    font-size: 1.1em;
}
.swal2-content {
    position: relative;
}
.swal2-content .toggle-pass {
    position: absolute;
    top: 28px;
    right: -5px;
}
.notif-zone {
    position: relative;
    float: right;
    margin: 5px 15px 0 10px;
}
.notif-zone button {
    background: transparent;
    border: 0;
    color: #fff;
}
.notif-zone .notif-badge {
    background: #f00;
    width: 17px;
    height: 17px;
    padding: 0;
    text-align: center;
    border: none;
    line-height: 16px;
    position: absolute;
    top: -3px;
    right: -6px;
    border-radius: 50%;
    margin: 0;
    font-size: 0.75em;
}
.notif-zone .fa-lg {
    font-size: 1.5em;
}
.notif-zone .notif {
    display: none;
    background: rgba(255,255,255,0.9);
    position: absolute;
    width: 350px;
    right: 0px;
    padding: 3px 5px;
    font-size: 0.8em;
    z-index:3;
    top: 30px;
    color:#333 !important;
}
.notif-zone .notif ul {
    max-height: 500px;
    overflow-y: scroll;
}
.notif-title {
    color:#333;
}
.notif-title .close-notif {
    color:#333;
    padding: 0; 
    float: right;
}
.notif-zone .notif ul {
    padding: 0;
    position: relative;
}
.notif-zone .notif ul li {
    padding: 1px 3px 0;
    margin:1px 0;
}
.notif-zone .notif ul li.waiting {
    font-weight: bold;
    font-size: 1.1em;
}
.notif-zone .notif::before {
    content: "\f0d8";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: rgba(255,255,255,0.75);
    position: absolute;
    top: -14px;
    right: 12px;
}
.notif li:nth-child(2n+1) {
    background: rgba(0,0,0,0.15);
}