/*
 * Components CSS - v4 - 2016-07-08
 * https://www.myresponsee.com
 * Copyright 2016, Vision Design - graphic zoo
 * Free to use under the MIT license.
*/
/* Tabs */
.tab-item {
  background: none repeat scroll 0 0 #fff;
  display: none;
  padding: 1.25rem 0;
}
.tab-item.tab-active {
  display: block;
}
.tab-content > .tab-label {
  display: none;
}
.tab-nav > .tab-label {
  float:left;
}
a.tab-label, a.tab-label:link, a.tab-label:visited, a.tab-label:hover {
  background: none repeat scroll 0 0 #262626;
  color: #fff;
  margin-right: 1px;
  padding: 0.625rem 1.25rem;
  transition: background 0.20s linear 0s;
  -o-transition: background 0.20s linear 0s;
  -ms-transition: background 0.20s linear 0s;
  -moz-transition: background 0.20s linear 0s;
  -webkit-transition: background 0.20s linear 0s;
}
a.tab-label:hover,a.tab-label.active-btn {
  background: none repeat scroll 0 0 #999;
}
.tab-label.active-btn {
  cursor: default;
}
.tab-content {
  text-align: left;
}
@media screen and (max-width:768px) {    
  .tab-nav > .tab-label {
    margin: 0.5px 0;
    width: 100%;
  }
}
/* Custom forms */
form.customform input:not(.spinner), form.customform select, form.customform textarea, form.customform button {
 font-size:0.9rem;
 font-family:inherit;
 margin-bottom:1.25rem;
} 
form.customform input:not(.spinner), form.customform select {height: 2.7rem;}
form.customform input:not(.spinner), form.customform textarea, form.customform select { 
 background: none repeat scroll 0 0 #F5F5F5;
 transition: background 0.20s linear 0s;
 -o-transition: background 0.20s linear 0s;
 -ms-transition: background 0.20s linear 0s;
 -moz-transition: background 0.20s linear 0s;
 -webkit-transition: background 0.20s linear 0s;
}
form.customform input:hover, form.customform textarea:hover, form.customform select:hover, form.customform input:focus, form.customform textarea:focus, form.customform select:focus {background: none repeat scroll 0 0 #fff;}
form.customform input:not(.spinner), form.customform textarea, form.customform select {
 background: none repeat scroll 0 0 #F5F5F5;
 border: 1px solid #E0E0E0;
 padding: 0.625rem;
 width: 100%;
}
form.customform input[type="file"] {
 border: 1px solid #E0E0E0;
 height: auto;
 max-height: 2.7rem;
 min-height: 2.7rem;
 padding: 0.4rem;
 width: 100%;
}
form.customform input[type="radio"], form.customform input[type="checkbox"] {
 margin-right: 0.625rem;
 width:auto;
 padding:0;
 height:auto;
}
form.customform option {padding: 0.625rem;}
form.customform select[multiple="multiple"] {height: auto;}
form.customform button {
 width: 100%;
 background: none repeat scroll 0 0 #152732;
 border: 0 none;
 color: #fff;
 height: 2.7rem;
 padding: 0.625rem;
 cursor:pointer;
 width: 100%;
 transition: background 0.20s linear 0s;
 -o-transition: background 0.20s linear 0s;
 -ms-transition: background 0.20s linear 0s;
 -moz-transition: background 0.20s linear 0s;
 -webkit-transition: background 0.20s linear 0s;
}
/* Tooltip */
a.tooltip-container,.tooltip-container {
  border-bottom:1px dotted;
  border-bottom-color: color;
  cursor: help;
  font-weight: 600;
}
a .tooltip-content,.tooltip-content {
  background: #152732 none repeat scroll 0 0;
  color: #fff!important;
  border-radius: 3px;
  display: none;
  font-size: 0.8rem;
  font-weight: normal;
  line-height: 1.3rem;
  margin-top: -1.25rem;
  max-width: 300px;
  padding: 0.625rem;
  position: absolute;
  z-index: 10;
}
.tooltip-content::after {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 7px solid #152732;
  bottom: -5px;
  clear: both;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  width: 0;
}
a.tooltip-content.tooltip-bottom,.tooltip-content.tooltip-bottom {
  margin-top: 1.25rem;
}
.tooltip-content.tooltip-bottom::after {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 0;
  border-bottom: 7px solid #152732;
  top: -5px;
}
/* Buttons */
.button,a.button,a.button:link,a.button:active,a.button:visited {
  background: #777 none repeat scroll 0 0;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 0.85rem;
  padding: 0.825rem 1rem;
  text-align: center;
  transition: all 0.20s linear 0s;
  -o-transition: all 0.20s linear 0s;
  -ms-transition: all 0.20s linear 0s;
  -moz-transition: all 0.20s linear 0s;
  -webkit-transition: all 0.20s linear 0s;
}
.button.rounded-btn {
  border-radius: 4px;
}
.button.rounded-full-btn {
  border-radius: 100px;
}
.button:hover {box-shadow: 0 0 10px 100px rgba(255,255,255,0.15) inset;}
.button.secondary-btn,a.button.secondary-btn,a.button.secondary-btn:link,a.button.secondary-btn:active,a.button.secondary-btn:visited {
  background: #444 none repeat scroll 0 0;
}
.button.cancel-btn,a.button.cancel-btn,a.button.cancel-btn:link,a.button.cancel-btn:active,a.button.cancel-btn:visited {
  background: #dc003a none repeat scroll 0 0;
}
.button.submit-btn,a.button.submit-btn,a.button.submit-btn:link,a.button.submit-btn:active,a.button.submit-btn:visited {
  background: #a1b6c7 none repeat scroll 0 0;
}
.button.reload-btn,a.button.reload-btn,a.button.reload-btn:link,a.button.reload-btn:active,a.button.reload-btn:visited {
  background: #ff9800 none repeat scroll 0 0;
}
.button.disabled-btn {
  cursor: not-allowed!important;
  opacity: 0.2;
}
.button i {
  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
  border-radius: 27px;
  color: #fff!important;
  display: inline-block;
  font-size: 0.8rem;
  height: 27px;
  line-height: 27px;
  margin-right: 5px;
  width: 27px;
  transition: all 0.20s linear 0s;
  -o-transition: all 0.20s linear 0s;
  -ms-transition: all 0.20s linear 0s;
  -moz-transition: all 0.20s linear 0s;
  -webkit-transition: all 0.20s linear 0s;
}
.button:hover > i {
  background: rgba(0, 0, 0, 0.06) none repeat scroll 0 0;
}
.border-radius  { 
  border-radius: 3px;
}
.padding-2x {
  padding: 2.5rem!important;
}
.block-bordered {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.inline {
	display:inline-block;
	margin-right:10px;
}
.perdu{
	float:right;
	font-size:.7rem;
}
.slogan{
	font-family:Titillium Web, sans-serif;
	font-size:x-large;
}
footer div{
	background-color:#efefef;
	padding:1em;
}
input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px #f5f5f5 inset; /* Change the color to your own background color */
}
input:-webkit-autofill:focus {
    -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px #f5f5f5 inset;
}
.profile{
	margin-bottom:20px;margin-top:20px;
}
.bluelight{
	background-color:aliceblue;
}
.indent{
	margin-left:20px;
}
form .error {
  color: #ff0000;
}
.error_place{
	border:1px solid red;
	background-color:#fff0f0;
	color: #ff0000;
	display:inline-block;
}
.alert_place{
	border:1px solid orange;
	background-color:#ffa5003b;
	color: #000000;
	display:inline-block;
}
.ok_place{
	border:1px solid #1f5a01;
	background-color:#cef1c7;
	color: #1f5a01;
	display:inline-block;
}
.decon{
	display:inline-block;vertical-align:sub;padding-top:15px;
}
.formu{
	margin-bottom:0 !important;
	margin-top:1.25rem !important;
}
i[class*='icon-']{
	color:steelblue;
}
a>i[class*='icon-']:hover{
	opacity:.5;
}
.claire{
	background-color:rgba(232, 232, 232, 0.2);
}
.light_claire{
	color:rgb(255, 249, 242) !important;
}
.word_wrap
{
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.opaque{
	transition:all 0.20s linear 0s;
  -o-transition:all 0.20s linear 0s;
  -ms-transition:all 0.20s linear 0s;
  -moz-transition:all 0.20s linear 0s;
  -webkit-transition:all 0.20s linear 0s;
	opacity:.3;
}
.opaque:hover{
	opacity:1;
}
span.big-font{
	font-size:1000%;
	color:#cec0b9;
}
.fbicon{
	transition:all 0.20s linear 0s;
  -o-transition:all 0.20s linear 0s;
  -ms-transition:all 0.20s linear 0s;
  -moz-transition:all 0.20s linear 0s;
  -webkit-transition:all 0.20s linear 0s;
	color:#cec0b9 !important;
}
.fbicon:hover{
	opacity:.7;
}
#my-notification-button{
	height:40px;
	width:auto;
	display:inline-block;
	border-radius: 4px;
	border:1px solid #ccc;
	background-color:green;
	color:black;
	padding:7px;
	text-decoration:none;
	line-height:25px;
	vertical-align:text-bottom;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	text-shadow:1px 1px 1px #fff;
	text-align:center;
}
#my-notification-button:hover{
	opacity:.8;
}
#msg_push, .connected_devices{
	display:inline-block;
	padding:5px;
	vertical-align:baseline;
	width:100%;
}
#msg_push{
	margin-bottom:10px;
}
.tooltip_templates { display: none; }
.connected_devices{
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #b9b9b9;
	position:relative;
	min-height:50px;
	padding-top:10px;
}
.centrer {
   height: 50px;
   left: 50%;
   margin-top: -25px;
   margin-left: -25px;
   position: absolute;
   top: 50%;
   width: 50px;
}
.check{
    display: inline;
    vertical-align: bottom;
}
.spinner{
	max-width:50px;
}
.aff_msg{
	padding:20px;
	background-color:#46b47c2e;
	margin-top:30px;
}
.print, #exportxt{
	cursor:pointer;
	border-radius:4px;
	border:1px solid #cec0b9;
	padding:3px;
	margin-top:5px;
}
.print:hover, #exportxt:hover{
	opacity:.7;
}
/* MODAL */
.modal-container {
  max-width: 500px;
  padding: 0;
  margin: 0;
  border-radius: .3em;
  box-shadow: 0 0.1em 0.4em rgba(0,0,0,.3);
}

.modal-title {
  font-weight: 700;
  padding: 1.5em;
  /*font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
}

.modal-body {
  max-height: 50vh;
  padding: 0 1.5em 1.5em 1.5em;
  overflow-y: auto;
}

.modal-footer {
  padding: 1.5em;
  text-align: right;
}

p:first-child {
  margin-top: 0;
}
.modal-btn {
  background: #4682b4;
  border-width: 0;
  color: #fff !important;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 1.5;
  border-radius: 20px;
  text-transform: uppercase;
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 100%;
  font-weight: 700;
  margin: 5px 5px 5px 0;
  display: inline-block;
  cursor: pointer;
  outline: none;
  transition: all .2s ease-in-out !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.modal-btn:hover {
	background: #91c3ec;
}
/* Custom entrance animation */

.fancybox-slide--complete .modal-container {
    -webkit-animation: slide-down .216s;
    animation: slide-down .216s;
}

@-webkit-keyframes slide-down{
  0% {
    margin-top: -3em;
    opacity: 0;
  }
  100%{
    margin-top: 0;
    opacity: 1;
  }
}

@keyframes slide-down{
  0% {
    margin-top: -3em;
    opacity: 0;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
/* FIN MODAL */
.txt_bleu{
	color:#4682b4;
}
.txt_red{
	color:#ff0000 !important;
}
.selected_color{
	background-color:rgba(70, 212, 60, 0.2) !important;
	font-weight:bold;
}
.bloc_hover:hover{
	background-color:rgba(70, 212, 60, 0.2) !important;
	font-weight:bold;
	cursor:pointer;
}
.petit{
	font-size:12px;
}
.fb-comments > span{
	width:100% !important;
}
.fb-comments > span > iframe{
	width:100% !important;
}
.fb-comments{
	width:100% !important;
}