@charset "utf-8";
/*-------------------------------------------------------------------*/
/*------------------------- Général ---------------------------------*/
/*-------------------------------------------------------------------*/
body {padding-top: 70px; padding-bottom: 40px;}

/*-------------------------------------------------------------------*/
/*--------------------- Message d'attente ---------------------------*/
/*-------------------------------------------------------------------*/
#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;}

/*-------------------------------------------------------------------*/
/*--------------------- Marge et padding ----------------------------*/
/*-------------------------------------------------------------------*/
.width-30 {width: 30px !important;}
.no-margin {margin: 0 !important;}
.no-margin-top {margin-top: 0 !important;}
.no-padding {padding: 0 !important;}
.indent-left-20{margin-left: 20px !important;}
.indent-left-10{margin-left: 10px !important;}
.indent-bottom-10 {margin-bottom: 10px !important;}
.indent-bottom-15 {margin-bottom: 15px !important;}
.indent-bottom-20 {margin-bottom: 20px !important;}
.indent-bottom-25 {margin-bottom: 25px !important;}
.indent-bottom-35 {margin-bottom: 35px !important;}
.indent-top-2 {margin-top: 2px !important;}
.indent-top-10 {margin-top: 10px !important;}
.indent-top-20 {margin-top: 20px !important;}
.indent-top-25 {margin-top: 25px !important;}
.table > tbody > tr > td.padding-left-20 {padding-left: 20px !important;}

.supp-td {position: relative}
.supp-btn {position: absolute; right: 0; top: 50%; height: 28px; margin-top: -14px;}

/*-------------------------------------------------------------------*/
/*---------------------------- Border -------------------------------*/
/*-------------------------------------------------------------------*/
.border-bottom {border-bottom: 1px solid #ccc}
.border-dark-bottom {border-bottom: 1px solid #515151;}

/*-------------------------------------------------------------------*/
/*-------------------------- Dropzone -------------------------------*/
/*-------------------------------------------------------------------*/
.dropzone {border: 2px dashed rgba(0, 0, 0, 0.8); min-height: 145px;}

/*-------------------------------------------------------------------*/
/*----------------------------- Texte -------------------------------*/
/*-------------------------------------------------------------------*/
.text-12 {font-size: 12px;}
.title-page {margin: 0 0 20px 0;}
.info-block {display: block; margin-bottom: 10px; margin-top: 5px;}
.count-info {margin: 0 3px; padding: 4px 11px; float: left; font-weight: 700;}

/*-------------------------------------------------------------------*/
/*----------------------------- Icone -------------------------------*/
/*-------------------------------------------------------------------*/
.fa-xl {font-size: 1.5em; line-height: 0.75em; vertical-align: -15%;}

/*-------------------------------------------------------------------*/
/*--------------------------- Background ----------------------------*/
/*-------------------------------------------------------------------*/
.pointer {cursor: pointer;}
.opacity-max {opacity: 0.8 !important; filter: alpha(opacity=80) !important;}

/*-------------------------------------------------------------------*/
/*--------------------------- Liste ---------------------------------*/
/*-------------------------------------------------------------------*/
.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;}

/*-------------------------------------------------------------------*/
/*--------------------------- Panel ---------------------------------*/
/*-------------------------------------------------------------------*/
#myTabContent > .tab-pane {position: absolute; z-index: 1;}
#myTabContent > .tab-pane.active {position: absolute; z-index: 2;}
.panel-heading.panel-btn  { padding: 5px 10px; }
.panel-heading.panel-btn  .panel-title{ line-height: 34px; }

/*-------------------------------------------------------------------*/
/*------------------ Couleur Aditionnelle ---------------------------*/
/*-------------------------------------------------------------------*/
.text-yellow {color:#f9cc00;}
.text-inverse {color:#383838;}
a.text-danger {color: #ec4844 !important;}
.bg-impec {background-color: #264f9a !important;}
.bg-impec.bg-caption {color: #fff; padding: 5px;}

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

/*-------------------------------------------------------------------*/
/*-------------------------- Badge ----------------------------------*/
/*-------------------------------------------------------------------*/
.container-notify {position: relative; z-index: 1;}
.label-notify { position:absolute; top: -5px; right: -7px; z-index: 10; width: 24px; height: 18px; }
.label-notify.label-notify-left { left: -7px; }
.label-notify.label-notify-note { background:transparent; top: -7px; right: -3px;}
.label-notify.label-notify-important { background:transparent; top: -7px; left: 50%;}

/*-------------------------------------------------------------------*/
/*------------------------- Label tr --------------------------------*/
/*-------------------------------------------------------------------*/
.label.label-lg {font-size: 100%; border-radius: 0;}
.label.label-block {width: 100%;}
.table > tbody > tr > td.label-td {position: relative; padding-right: 35px;}
.label-td .etiquette {position: absolute; right: 0; width: 70px;}
.label-td .etiquette.horaire {top: 0; margin-top: 6px;}
.label-td .etiquette.temps {bottom: 0; margin-bottom: 6px;}
input.horaire {border-color: #7947AA;}
input.temps {border-color: #428BCA;}
input:focus.horaire, input:hover.horaire {border-color: #7947AA; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(121, 71, 170, 0.6);}
input:focus.temps, input:hover.temps {border-color: #428BCA; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(66, 139, 202, 0.6);}

/*-------------------------------------------------------------------*/
/*-------------------------- 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 {white-space: nowrap;}
td.action i {margin-right: 8px}
.tablesorter-metro-dark {font-size:14px;}
.table.table-borderless  > tbody > tr > td {border: none;}
.tablesorter-metro-dark tr.odd > td {background-color: #ccc;}

/*-------------------------------------------------------------------*/
/*---------------------- Table Scroll -------------------------------*/
/*-------------------------------------------------------------------*/
.zui-table.table {margin-top: 2px;}
.zui-table thead th {white-space: nowrap;}
.zui-table tbody td {white-space: nowrap;}
.zui-wrapper {position: relative;}
.zui-scroller {margin-left: 30%; overflow-x: scroll; overflow-y: visible; width: 70%;}
.zui-table .zui-sticky-col {left: 0; position: absolute; top: auto; width: 30%;}

/*-------------------------------------------------------------------*/
/*----------------------- 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;}

/*-------------------------------------------------------------------*/
/*------------------------ fixtop -----------------------------------*/
/*-------------------------------------------------------------------*/
.fixtop {background-color: #fff; padding-bottom: 10px;}

/*-------------------------------------------------------------------*/
/*------------------------ 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-blue { color: #000; background-color: #fff; border-color: #7ab0e0; }
.btn-blue:focus, .btn-blue.focus { color: #fff; background-color: #7ab0e0; border-color: #142d5a; }
.btn-blue:hover { color: #fff; background-color: #7ab0e0; border-color: #7ab0e0; }
.btn-blue:active, .btn-blue.active { color: #fff; background-color: #7ab0e0; border-color: #142d5a; }
.btn-blue:active:hover, .btn-blue.active:hover, .btn-blue:active:focus, .btn-blue.active:focus, .btn-blue:active.focus, .btn-blue.active.focus  {
  color: #fff; background-color: #7ab0e0; border-color: #142d5a;
}
.btn.btn-special {white-space: normal; line-height: 1; font-size: 12px;}

/*-------------------------------------------------------------------*/
/*---------------------------- champs -------------------------------*/
/*-------------------------------------------------------------------*/
.temps-modal {width: 14.2857%; padding: 0 10px; float: left;}

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