#ajax-feedback {
  position:fixed;
  z-index:9999;
  top:50px;
  text-align:center;
  width:100%;
  display:none;
}

#ajax-feedback p {
  display:inline-block;
  border:2px solid transparent;
  border-radius:10px !important;
  padding:.2em 0;
  width:33%;
  background:transparent;
  margin:0 auto;
  color:#4b8df8;
  font-weight: bold;
}

#ajax-feedback p i.fa {
  margin-top:.2em;
}

#ajax-feedback.ajax-ok p {
  border-color:transparent;
  background:transparent;
  color:#31c7b2;
}

#ajax-feedback.ajax-error p {
  border-color:transparent;
  background:transparent;
  color:orangered;
}

.jstree-default .jstree-search {
  font-style: italic;
  color: #75757C;
  font-weight: normal;
}




.logo-moulin {
  position: absolute;
  right: 22px;
  top: 1px;
  z-index: 1;
  height:70px;
  width:auto;
}

.page-header.navbar .page-logo .logo-default {
	width: 200px;
	margin: 5px 0 0 0;
}

.clear {
    clear:both;
}

.portlet > .portlet-body .caption {
    font-size:18px;
    line-height:18px;
    font-weight:400;
    padding:10px 0;
    margin:0 10px 5px 10px;
    border-bottom:1px solid #7CACFA;
    color:#7CACFA;
}

.portlet > .portlet-body .caption i {
    float:left;
    margin-top:4px;
    display: inline-block;
    font-size:13px;
    margin-right:5px;
    color:#7CACFA;
}

.form .form-body {
    padding:10px 10px 10px 10px;
}

.intraccess-multiselect {
    width:auto;
}

.intraccess-multiselect .ms-optgroup-label{
  color: #000;
  font-style:italic;
  background:#e5e5e5;
}

.intraccess-multiselect .ms-selectable{
    opacity: 0.40;
}

.dataTables_length label, .dataTables_length .form-control, .dataTables_filter label, .dataTables_filter .form-control, .dataTables_info  {
  font-size:11px;
  height:auto;
  padding:.2em;
}

table.dataTable thead {
	background-color: #DDD !important;
}

table.dataTable thead .filter{
	background-color: #FFF !important;
}


.icon-under-controller {
	opacity: 0.5;
}

.icon-no-controller {
	color: #e08283;
}

.btn-add {
	background-color: #31C7B2;
	color: white;
}


/***
Login page
***/
/* logo page */

.login .logo {
  display:block;
  margin: 2em auto;
  max-width:256px;
  min-width:200px;
  width:90%;
  height:auto;
}

.login .content {
  background-color: #fff;
  max-width: 500px;
  width:95%;
  margin-top: 40px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding:1em 2em;
}

.login .content h3 {
  color: #000;
}

.login .content h4 {
  color: #555;
}

.login .content p {
  color: #222;
}

.login .content .login-form,
.login .content .forget-form {
  padding: 0px;
  margin: 0px;
}

.login .content .input-icon {
  border-left: 2px solid #35aa47 !important;
}

.login .content .input-icon .form-control {
  border-left: 0;
}

.login .content .forget-form {
  display: none;
}

.login .content .register-form {
  display: none;
}

.login .content .form-title {
  font-weight: 300;
  margin-bottom: 25px;
}

.login .content .form-actions {
  background-color: #fff;
  clear: both;
  border: 0px;
  border-bottom: 1px solid #eee;
  padding: 0px 30px 25px 30px;
  margin-left: -30px;
  margin-right: -30px;
}

.login .content .form-actions .checkbox {
  margin-left: 0;
  padding-left: 0;
}

.login .content .forget-form .form-actions {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 20px;
}

.login .content .register-form .form-actions {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0px;
}

.login .content .form-actions .checkbox {
  margin-top: 8px;
  display: inline-block;
}

.login .content .form-actions .btn {
  margin-top: 1px;
}

.login .content .forget-password {
  margin-top: 25px;
}

.login .content .create-account {
  border-top: 1px dotted #eee;
  padding-top: 10px;
  margin-top: 15px;
}

.login .content .create-account a {
  display: inline-block;
  margin-top: 5px;
}

/* select2 dropdowns */
.login .content .select2-container {
  border-left: 2px solid #35aa47 !important;
}

.login .content .select2-container .select2-choice {
  border-left: none !important;
}

.login .content .select2-container i {
  display: inline-block;
  position: relative;
  color: #ccc;
  z-index: 1;
  top: 1px;
  margin: 4px 4px 0px -1px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
}

.login .content .has-error .select2-container i {
  color: #b94a48;
}

.login .content .select2-container a span {
  font-size: 13px;
}

.login .content .select2-container a span img {
  margin-left: 4px;
}

/* footer copyright */
.login .copyright {
  text-align: center;
  margin: 0 auto;
  padding: 10px;
  color: #999;
  font-size: 13px;
}


.calendar_table_form {
  width:100%;
  border:1px solid #000;
  border-collapse: collapse;
  clear:both;
}

.calendar_table_form td, .calendar_table_form th{
  padding:.2em .5em;
  border:1px solid #000;
}

.calendar_table_form tr.year th {
  text-align:center;
  font-weight:bold;
  background:#4B8DF8;
  color:#fff;
}

.calendar_table_form tr.month th {
  text-align:center;
  font-weight:bold;
  background:#4B8DF8;
  color:#fff;
}

.calendar_table_form td {
  background:#31c7b2;
  cursor:pointer;
}

.calendar_table_form td[data-wd="0"] {
  font-weight:bold;
}

.calendar_table_form td[data-wd="-1"] {
  background:#eee;
  font-style: italic;
  color:#666;
  cursor:normal;
}

.calendar_table_form td.exclude {
  background:#F3565D;
  color:#fff;
}

@media (max-width: 480px) {
  /***
  Login page
  ***/
  .login .logo {
    margin-top: 10px;
  }

  .login .content {
    width: 280px;
  }

  .login .content h3 {
    font-size: 22px;
  }

  .login .checkbox {
    font-size: 13px;
  }
}



.page-lock {
  top: 50%;
  left: 50%;
  position: absolute;
  margin-top: -140px;
  margin-left: -260px;
}

.page-lock .page-logo {
  margin-bottom: 15px;
}

.page-lock .page-body {
  width: 378px;
  padding: 10px;
  background: url(../vendor/metronic/assets/admin/pages/img/bg-white-lock.png) repeat;
}

.page-lock .page-body:after,
.page-lock .page-body:before {
  display: table;
  content: "";
  line-height: 0;
}

.page-lock .page-body:after {
  clear: both;
}

.page-lock .page-footer-custom {
  margin-top: 10px;
  text-align: left !important;
  font-size: 12px;
  color: #eaeaea;
}

.page-lock img.page-lock-img {
  float: left;
  width: 200px;
  height: auto;
}

.page-lock .page-lock-info {
  padding-left: 49px;
  float: none;
  width: 280px;
}

.page-lock .page-lock-info h1 {
  margin-top: -5px;
  font-weight: 300;
  color: #fff;
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 5px;
}

.page-lock .page-lock-info .email {
  color: #eee;
  display: block;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 10px;
}

.page-lock .page-lock-info .locked {
  color: #333;
  font-size: 14px;
  line-height: 14px;
  font-style: normal;
}

.page-lock .page-lock-info form {
  margin: 28px 0;
}

.page-lock .page-lock-info input {
  background: #fff;
}

.page-lock .relogin {
  margin-top: 10px;
}

.page-lock .relogin a {
  color: #e1e1e1;
}

.table-planification .form-group {
  margin-bottom:0;
}

.table-planification .exclude td {
  color:#666;
}

.table-planification .conflict td {
  color:red;
}

.table-planification .ok td {
  /*color:green;*/
}

.table-no-datable {
  width:100%;
}

.table-no-datable td, .table-no-datable th {
  padding:.25em .75em;
}



/*Responsive*/
@media (max-width: 768px) {
  .page-lock {
    top: 0px;
    width: 280px;
    margin-top: 20px;
    margin-left: -140px;
  }

  .page-lock .page-body {
    padding: 10px;
    text-align: center;
    width: 280px;
  }

  .page-lock img.page-lock-img {
    float: none !important;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 15px;
  }

  .page-lock .page-lock-info {
    float: none !important;
    width: 260px;
    margin: 0 auto;
  }

  .page-lock .page-lock-info input {
    width: 200px !important;
  }
}


/*** DHX Calendar ***/

.dhx_cal_event .dhx_body, .dhx_cal_event_line {
font-family: inherit;
}



.dhx_cal_container {
font-family: inherit;
}

.dhx_scale_bar {
font: inherit;
}

.dhx_cal_navline .dhx_cal_date {

font-family: inherit;
}

.dhx_cal_today_button {

font-family: inherit;
}




/*** TIMELINE related styles - Timeline UI Base ***/

.timeline {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}

/* The line */
.timeline:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10px;
  background: #ccc;
  left: 20%;
  margin-left: -10px;
}

.timeline > li {
  position: relative;
}

/*Remove timeline line for last entry*/
.timeline > li.timeline-noline:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10px;
  background: #fff;
  left: 20%;
  margin-left: -10px;
}

/* The date/time */
.timeline > li .timeline-time {
  display: block;
  width: 15%;
  text-align: right;
  position: absolute;
}

.timeline > li .timeline-time span {
  display: block;
  text-align: right;
}

.timeline > li .timeline-time span.date {
  font-size: 12px;
  color: #aaa;
  display: block;
  font-weight: bold;
}

.timeline > li .timeline-time span.date-today {
  font-size: 12px;
  color: #00FF00;	
  display: block;
  font-weight: bold;
}

.timeline > li .timeline-time span.date-tomorrow {
  font-size: 12px;
  color: #A9A9A9;
  display: block;
  font-weight: bold;
}

.timeline > li .timeline-time span.time {
  font-weight: 300;
  font-size: 38px;
  line-height: 38px;
  font-weight: bold;
}

/* Right content */
.timeline > li .timeline-body {
  margin: 0 0 15px 25%;
  color: #fff;
  padding: 10px;
  font-weight: 300;
  position: relative;
  border-radius: 5px;
}

.timeline > li .timeline-body h2 {
  font-weight: bold !important;
  margin-bottom: 0px;
  margin-top: 0px;
  padding: 0 0 5px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 24px;
}

.timeline > li .timeline-content {
  font-size: 14px;
}

.timeline > li .timeline-body .current {
    color: #007700;
}  
.timeline > li .endTimeTV{
/* 	border-top: 1px solid rgba(255, 255, 255, 0.3); */
	text-align: right;
	color: #000000;
}

.timeline > li .endTime{
	text-align: right;
	margin-top: 10px;
	margin-right: 10px 
}

.ie8 .timeline > li .timeline-body h2 {
  border-bottom: 1px solid #eee;
}

.timeline > li .timeline-body img.timeline-img {
  width: 75px;
  height: 75px;
  margin: 5px 10px 0 0px;
}

.timeline > li .timeline-body img.pull-right {
  margin-left: 10px;
}

.timeline > li .timeline-body a.nav-link {
  display: inline-block;
  margin-top: 10px;
  color: #fff;
  font-size: 14px;
  padding: 0px;
  text-align: left;
  text-decoration: none;
}

.timeline > li .timeline-body a.nav-link:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.timeline > li .timeline-body .btn {
  margin-top: 10px;
}

/* The triangle */
.timeline > li .timeline-body:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: #3594cb;
  border-width: 10px;
  top: 19px;
}

.timeline > li .timeline-content:after,
.timeline > li .timeline-content:before {
  display: table;
  line-height: 0;
  content: "";
}

.timeline > li .timeline-content:after {
  clear: both;
}

.timeline > li .timeline-footer:after,
.timeline > li .timeline-footer:before {
  content: "";
  display: table;
  line-height: 0;
}

.timeline > li .timeline-footer:after {
  clear: both;
}

/* The icons */
.timeline > li .timeline-icon {
  width: 40px;
  height: 40px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.4em;
  line-height: 40px;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  color: #fff;
  background: #aaa;
  border-radius: 50%;
  box-shadow: 0 0 0 8px #ccc;
  text-align: center;
  left: 20%;
  top: 0;
  margin: 5px 0 0 -25px;
  padding-bottom: 3px;
  padding-right: 1px;
  padding-left: 2px;
  -webkit-border-radius: 30px !important;
  -moz-border-radius: 30px !important;
  border-radius: 30px !important;
}

.timeline > li .timeline-icon > i {
  font-size: 18px;
}

/* Red */
.timeline li.timeline-red .timeline-body:after {
  border-right-color: #e02222;
}

.timeline li.timeline-red .timeline-body {
  background: #e02222;
}

.timeline li.timeline-red .timeline-time span.time {
  color: #e02222;
}

/* Yellow */
.timeline li.timeline-yellow .timeline-body:after {
  border-right-color: #ffb848;
}

.timeline li.timeline-yellow .timeline-body {
  background: #ffb848;
}

.timeline li.timeline-yellow .timeline-time span.time {
  color: #ffb848;
}

/* Green */
.timeline li.timeline-green .timeline-body:after {
  border-right-color: #35aa47;
}

.timeline li.timeline-green .timeline-body {
  background: #35aa47;
}

.timeline li.timeline-green .timeline-time span.time {
  color: #35aa47;
}

/* Blue */
.timeline li.timeline-blue .timeline-body:after {
  border-right-color: #4b8df8;
}

.timeline li.timeline-blue .timeline-body {
  background: #4b8df8;
}

.timeline li.timeline-blue .timeline-time span.time {
  color: #4b8df8;
}

/* Purple */
.timeline li.timeline-purple .timeline-body:after {
  border-right-color: #852b99;
}

.timeline li.timeline-purple .timeline-body {
  background: #852b99;
}

.timeline li.timeline-purple .timeline-time span.time {
  color: #852b99;
}

/* Grey */
.timeline li.timeline-grey .timeline-body:after {
  border-right-color: #555555;
}

.timeline li.timeline-grey .timeline-body {
  background: #555555;
}

.timeline li.timeline-grey .timeline-time span.time {
  color: #555555;
}

/* Hack for tv display */
/* To check and improve */
@media (max-width: 10000px) {
  timeline > li .timeline-time span.time {
    font-size: 18px;
  }

  .timeline:before {
    display: none;
  }

  .timeline > li .timeline-time {
    width: 100%;
    position: relative;
    padding: 0 0 20px 0;
  }

  .timeline > li .timeline-time span {
    text-align: left;
  }

  .timeline > li .timeline-body {
    margin: 0 0 30px 0;
    padding: 1em;
  }

  .timeline > li .timeline-body:after {
    right: auto;
    left: 20px;
    top: -20px;
  }

  .timeline > li .timeline-icon {
    position: relative;
    float: right;
    left: auto;
    margin: -55px 5px 0 0px;
  }

  /*colors*/
  .timeline li.timeline-red .timeline-body:after {
    border-right-color: transparent;
    border-bottom-color: #e02222;
  }

  .timeline li.timeline-blue .timeline-body:after {
    border-right-color: transparent;
    border-bottom-color: #4b8df8;
  }

  .timeline li.timeline-green .timeline-body:after {
    border-right-color: transparent;
    border-bottom-color: #35aa47;
  }

  .timeline li.timeline-yellow .timeline-body:after {
    border-right-color: transparent;
    border-bottom-color: #ffb848;
  }

  .timeline li.timeline-purple .timeline-body:after {
    border-right-color: transparent;
    border-bottom-color: #852b99;
  }

  .timeline li.timeline-grey .timeline-body:after {
    border-right-color: transparent;
    border-bottom-color: #555555;
  }
}

.delete-schedule {
  font-size:80%;
  color:red;
  cursor:pointer;
}

.delete-schedule:hover {
  text-decoration: underline;
}

fieldset {
  background:#f0f0f0;
  padding:0 0 0em 0;
  margin-bottom:0em;
}

fieldset .btn {
  margin-right:1em;
  margin-left:1em;
}

.icon-state-success { color:#3C763D; }
.icon-state-error { color:red; }
.icon-state-delegate { color:navy; }
.icon-second { opacity:.5; }

/** Hack for hidding day selection from datetime picker */
.only-time .prev span, .only-time .next span {
  display:none;
}

.only-time .switch {
  visibility: hidden;
  font-size:1px;
}

.only-time th {
  padding:0;
  height:auto;
}

.dhtml-tooltip-intraccess {
  border:2px solid #31708F;
  border-radius:5px !important;
  background-color: #EEF7FB;
  cursor: default;
  padding: .2em 1em;
  position: absolute;
  z-index: 500;
  opacity: 1;
  color:#000;
}

.dhx_cal_event_line.practice-libre-tennis {
  background-color: lightgreen !important;
  color: white !important;
}

.dhx_cal_event_line.practice-libre-tennis-booked {
  background-color: #d84a38 !important;
  color: white !important;
}

.dhx_cal_event_line.active-punctual {
  background-color: darkviolet !important;
  color: white !important;
}

.dhx_cal_event_line.active-recurrent {
  background-color: dodgerblue !important;
  color: white !important;
}

.dhx_cal_event_line.inactive-punctual {
  background-color: thistle !important;
  color: grey !important;
}

.dhx_cal_event_line.inactive-recurrent {
  background-color: lightblue !important;
  color: grey !important;
}

.colorLegend {
	margin-left: 50px;
	top: 5px !important;
}

.colorLegend table {
	border-collapse: separate; 
	border-spacing: 1px;
}

.colorLegend .plt_available {
	background-color: lightgreen;
	width: 40px;
	border: 1px solid;
	margin-left: 20px
} 

.colorLegend .plt_booked {
	background-color: #d84a38;
	width: 40px;
	border: 1px solid;
	margin-left: 20px
} 

.colorLegend .plt_notAvailable {
	background-color: white;
	width: 40px;
	border: 1px solid;
} 

.colorLegend .text {
	padding-left: 20px;
}


.content-stats {
  padding:1em;
}

.content-stats .danger {
    color:red;
    text-align:center;
    font-weight:bold;
}

.content-stats .stats {
  margin:0;
  padding:0;
}

.content-stats .resource-parent {
  font-weight:bold;
  color:blue;
  list-style:none;
  margin-bottom:2em;
}

.content-stats .resources {
  border-left:1px dotted blue;
  color:black;
  font-weight:bold;
  list-style:none;
}

.content-stats .resource {
  padding-bottom:1em;
}

.content-stats .tarifs {
  border-left:1px dotted black;
  color:black;
  font-weight:normal;

}