@charset "utf-8";
/*-------------------------------------------------------------------*/
/*------------------------- Général ---------------------------------*/
/*-------------------------------------------------------------------*/
body {padding-top: 70px; padding-bottom: 40px;}
.indent-top-10 {margin-top: 10px;}
a.text-danger {color: #ec4844 !important;}
.bg-frog {background:url(../image/impec-nettoyage-logo.png) no-repeat left 60px; background-size:contain;}
.text-impec {color:#264F9A;}
.text-yellow {color:#13007C;}
.text-inverse {color:#383838;}
.bg-impec {background-color:#264F9A;}
#waitmsg {
	width: 100%; height: 100%; background-color: #000; opacity: 0.8; filter:alpha(opacity=80); position:fixed; text-align: center; color:#FFF;
	z-index:50; margin:0 -20px; overflow: hidden;
}
.no-margin {margin: 0;}
.no-padding {padding: 0;}
.indent-left-20{margin-left: 20px;}
.indent-bottom-20 {margin-bottom: 20px;}
.indent-top-24 {margin-top: 24px;}
.table > tbody > tr > td.padding-left-20 {padding-left: 20px;}
.title-page {margin: 0 0 20px 0;}
.info-block {display: block; margin-bottom: 10px; margin-top: 5px;}
.border-bottom {border-bottom: 1px solid #ccc}
.border-dark-bottom {border-bottom: 1px solid #515151;}
.text-12 {font-size: 12px;}
.fa-xl {font-size: 1.5em; line-height: 0.75em; vertical-align: -15%;}

.list-docs {font-size: 16px;}
.list-docs li {margin-bottom: 10px; border-bottom: 1px dashed #ccc;}
.list-docs li a {text-decoration: none;}
.list-docs li:hover {border-color: #383838;}
.list-docs li a span {float: right; font-size: 12px; color: #aaa;}

#myTabContent > .tab-pane {position: absolute; z-index: 1;}
#myTabContent > .tab-pane.active {position: absolute; z-index: 2;}

/*-------------------------------------------------------------------*/
/*------------------------- Modale ----------------------------------*/
/*-------------------------------------------------------------------*/
.modal-backdrop.fade.in {opacity: 0.1; filter: alpha(opacity=10);}

.tab-content {border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px;}

/*-------------------------------------------------------------------*/
/*-------------------------- Panel ----------------------------------*/
/*-------------------------------------------------------------------*/
.panel-heading.panel-btn  { padding: 5px 10px; }
.panel-heading.panel-btn  .panel-title{ line-height: 34px; }

/*-------------------------------------------------------------------*/
/*-------------------------- Table ----------------------------------*/
/*-------------------------------------------------------------------*/
.table > thead > tr > td.inverse, .table > tbody > tr > td.inverse, .table > tfoot > tr > td.inverse, .table > thead > tr > th.inverse, .table > tbody > tr > th.inverse, .table > tfoot > tr > th.inverse, .table > thead > tr.inverse > td, .table > tbody > tr.inverse > td, .table > tfoot > tr.inverse > td, .table > thead > tr.inverse > th, .table > tbody > tr.inverse > th, .table > tfoot > tr.inverse > th { background-color: #383838; color: #fff; font-family: Verdana; }
td.action i {margin-left: 8px; margin-right: 8px;}
.tablesorter-metro-dark {font-size:14px;}
.count-info {margin: 0 3px; padding: 4px 11px; float: left; font-weight: 700;}

/*-------------------------------------------------------------------*/
/*----------------------- Tablesorter -------------------------------*/
/*-------------------------------------------------------------------*/
.table-title {margin: 8px 4px; font: bold 16px 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;  color: #fff;}

/*-------------------------------------------------------------------*/
/*------------------------ Connexion --------------------------------*/
/*-------------------------------------------------------------------*/
.form-login {margin: 0 auto; max-width: 400px; padding: 15px;}
.form-login .form-login-heading {margin-bottom: 10px;}
.form-login .form-control {-moz-box-sizing: border-box; font-size: 16px; height: auto; padding: 10px; position: relative;}
.form-login .form-control:focus {z-index: 2;}
.form-login input.premier {border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: -1px;}
.form-login input.dernier {border-top-left-radius: 0; border-top-right-radius: 0;}

/*-------------------------------------------------------------------*/
/*------------------------- Navbar ----------------------------------*/
/*-------------------------------------------------------------------*/
.navbar .collapse .icon {margin-right:5px;}

/*-------------------------------------------------------------------*/
/*------------------------- Admin -----------------------------------*/
/*-------------------------------------------------------------------*/


/*-------------------------------------------------------------------*/
/*------------------------ Select2 ----------------------------------*/
/*-------------------------------------------------------------------*/
.select2-results__option[aria-selected=true] { display: none; }

/*-------------------------------------------------------------------*/
/*------------------------ Message ----------------------------------*/
/*-------------------------------------------------------------------*/
.message.message-sm {padding: 10px 5px;}


/*-------------------------------------------------------------------*/
/*------------------------- Alertes ---------------------------------*/
/*-------------------------------------------------------------------*/
.growl-animated {
  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
}
hr.separator {
    clear: both; margin-top: 5px; margin-bottom: 5px; border: 0; height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
}

/*-------------------------------------------------------------------*/
/*-------------------------- Profil --------------------------------*/
/*-------------------------------------------------------------------*/
.table-user-information > tbody > tr {border-top: 1px solid rgb(221, 221, 221);}
.table-user-information > tbody > tr:first-child {border-top: 0;}
.table-user-information > tbody > tr > td {border-top: 0;}
.toppad {margin-top:20px;}

/*-------------------------------------------------------------------*/
/*------------------- Bouton Administration -------------------------*/
/*-------------------------------------------------------------------*/
.ds-btn li {list-style:none; float:left; padding:10px;}
.ds-btn li a span {padding-left:15px; padding-right:5px; width:100%; display:inline-block; text-align:left;}
.ds-btn li a span small {width:100%; display:inline-block; text-align:left;}

/*-------------------------------------------------------------------*/
/*--------------------------- Widgets -------------------------------*/
/*-------------------------------------------------------------------*/
.hero-widget {text-align: center; padding-top: 20px; padding-bottom: 20px; transition: all 0.2s ease-in-out 0s;}
.hero-widget.with-boutons {
	background-color: #f5f5f5; border: 1px solid #e3e3e3; padding-bottom: 0; padding-top: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; min-height: 20px;
}
.hero-widget:hover, .hero-widget:focus {border-color: #357ebd; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px; transition: 0.5s;}
.hero-widget .icone {display: block; font-size: 96px; line-height: 96px; margin-bottom: 10px; text-align: center;}
.hero-widget label {font-size: 17px;}
.hero-widget label small {font-size: 12px;}
.hero-widget .boutons .nav-pills > li > a {border-radius: 0; background-color: #777; color: #fff;}
.hero-widget .boutons .nav-pills > li:first-child > a {border-right: 1px dotted #373737;}
.hero-widget .boutons .nav-pills > li:last-child > a {border-left: 1px dotted #373737;}
.hero-widget .boutons .nav-pills > li > a:hover {background-color: #373737;}

/*-------------------------------------------------------------------*/
/*---------------------------- Bouton -------------------------------*/
/*-------------------------------------------------------------------*/
.btn-impec { color: #fff; background-color: #000000; border-color: #000000; }
.btn-impec:focus, .btn-impec.focus { color: #fff; background-color: #13007C; border-color: #13007C; }
.btn-impec:hover { color: #fff; background-color: #13007C; border-color: #13007C; }
.btn-impec:active, .btn-impec.active { color: #fff; background-color: #13007C; border-color: #13007C; }
.btn-impec:active:hover, .btn-impec.active:hover, .btn-impec:active:focus, .btn-impec.active:focus, .btn-impec:active.focus, .btn-impec.active.focus  {
	color: #fff; background-color: #13007C; border-color: #13007C;
}
.btn-impec:active, .btn-impec.active { color: #fff; background-image: none; }

/*---------------------------------------------------------------------*/
/*------------------------ Responsive ---------------------------------*/
/*---------------------------------------------------------------------*/
@media (max-width: 768px) {
	.ds-btn li {float:none;}
	.ds-btn li a span {display:inline;}
	.bg-frog {background:none;}
}
@media (min-width: 769px) and (max-width: 992px) {
	
}
@media (min-width: 993px) and (max-width: 1200px) {
	
}
@media (min-width: 1201px) {
	
}