/*
Theme Name:     eoft
Description:    
Author:         eoft
Template:       bootstrap-basic

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

@font-face {
  font-family: 'Arial Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('Arial Narrow'),
       url('/wp-content/themes/eoft/fonts/ArialNarrow.woff2') format('woff2'), 
       url('/wp-content/themes/eoft/fonts/ArialNarrow.woff') format('woff'),
       url('/wp-content/themes/eoft/fonts/ArialNarrow.ttf') format('truetype'),
			 url('/wp-content/themes/eoft/fonts/ArialNarrow.eot?#iefix') format('embedded-opentype');
}

@font-face {
  font-family: 'Comic Sans MS';
  font-style: normal;
  font-weight: 400;
  src: local('Comic Sans MS'),
       url('/wp-content/themes/eoft/fonts/comicsansms.woff2') format('woff2'), 
       url('/wp-content/themes/eoft/fonts/comicsansms.woff') format('woff'),
       url('/wp-content/themes/eoft/fonts/comicsansms.ttf') format('truetype'),
			 url('/wp-content/themes/eoft/fonts/comicsansms.eot?#iefix') format('embedded-opentype');
}

/*@font-face {
  font-family: 'Arial Narrow';
  font-style: italic;
  font-weight: normal;
	src: url('/wp-content/themes/eoft/fonts/ArialNarrow-Italic.eot');
  src: local('Arial Narrow'),
       url('/wp-content/themes/eoft/fonts/ArialNarrow-Italic.woff2') format('woff2'), 
       url('/wp-content/themes/eoft/fonts/ArialNarrow-Italic.woff') format('woff'),
       url('/wp-content/themes/eoft/fonts/ArialNarrow-Italic.ttf') format('truetype'),
			 url('/wp-content/themes/eoft/fonts/ArialNarrow-Italic.eot?#iefix') format('embedded-opentype');
}

@font-face {
  font-family: 'Arial Narrow';
  font-weight: bold;
	src: url('/wp-content/themes/eoft/fonts/ArialNarrow-Bold.eot');
  src: local('Arial Narrow'),
       url('/wp-content/themes/eoft/fonts/ArialNarrow-Bold.woff2') format('woff2'), 
       url('/wp-content/themes/eoft/fonts/ArialNarrow-Bold.woff') format('woff'),
       url('/wp-content/themes/eoft/fonts/ArialNarrow-Bold.ttf') format('truetype'),
			 url('/wp-content/themes/eoft/fonts/ArialNarrow-Bold.eot?#iefix') format('embedded-opentype');
}

@font-face {
  font-family: 'Arial Narrow';
  font-style: italic;
  font-weight: bold;
	src: url('/wp-content/themes/eoft/fonts/ArialNarrow-BoldItalic.eot');
  src: local('Arial Narrow'),
       url('/wp-content/themes/eoft/fonts/ArialNarrow-BoldItalic.woff2') format('woff2'), 
       url('/wp-content/themes/eoft/fonts/ArialNarrow-BoldItalic.woff') format('woff'),
       url('/wp-content/themes/eoft/fonts/ArialNarrow-BoldItalic.ttf') format('truetype'),
			 url('/wp-content/themes/eoft/fonts/ArialNarrow-BoldItalic.eot?#iefix') format('embedded-opentype');
}*/

@font-face {
  font-family: 'ZapfDingbats BT';
  font-style: normal;
  font-weight: 400;
  src: local('ZapfDingbats BT'),
			 url('/wp-content/themes/eoft/fonts/ZapfDingbatsBT-Regular.woff2') format('woff2'),
		 	 url('/wp-content/themes/eoft/fonts/ZapfDingbatsBT-Regular.woff') format('woff'),
       url('/wp-content/themes/eoft/fonts/ZapfDingbatsBT-Regular.ttf') format('truetype'),
       url('/wp-content/themes/eoft/fonts/ZapfDingbatsBT-Regular.eot?#iefix') format('embedded-opentype');
}

article {height: auto;  overflow: hidden;}

.draggable {cursor: move;cursor: grab;}

.btn-group {margin-bottom: 5px;}

.btn.toolbar{display:inline-block;*display:inline;*zoom:1;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#333333;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #cccccc;*border:0;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}
  
.btn.toolbar:hover,.btn.toolbar:focus,.btn.toolbar:active,.btn.toolbar.active,.btn.toolbar.disabled,.btn.toolbar[disabled]{color:#333333;background-color:#e6e6e6;*background-color:#d9d9d9;}
  
.btn.toolbar:active,.btn.toolbar.active{background-color:#cccccc;}
  
.btn.toolbar:first-child{*margin-left:0;}
  
.btn.toolbar:hover,.btn.toolbar:focus{color:#333333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
  
.btn.toolbar:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
  
.btn.toolbar.active,.btn.toolbar:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);}
  
.dropdown-menu>li>a:hover {cursor:pointer;}
  
.dropdown-menu>li>a.active { background-color: #e8e8e8; background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%); background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%); background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8)); background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);background-repeat: repeat-x;}
  
.dropdown-menu.scroll {height: auto;max-height:120px;overflow-x:hidden;}
 
.btn.actionconfig span.glyphicon {opacity: 0;}
  
.btn.actionconfig.active span.glyphicon {opacity: 1;}
  
input[type="checkbox"].tags-checkbox:checked + label > i:first-of-type,input[type="checkbox"].tags-checkbox + label > i:last-of-type{display: none;}
  
input[type="checkbox"].tags-checkbox:checked + label > i:last-of-type{display: inline-block;}
  
.disablecheckbox {z-index: 1000;opacity: 0.6;pointer-events: none;}
  
.enablecheckbox .labelcheckbox:hover {cursor: pointer;}
  
.draggable {cursor: move;}
  
#errorslist, #infoslist {list-style-type:none;}
.form-horizontal .has-feedback .form-control-feedback {
	right: 115px !important;
	z-index: 999 !important;
}
.has-info .form-control {
	border-color: #9acfea;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.has-info .control-label {
	color: #9acfea;
}

.spinnersvg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto auto;
  z-index: 10;
  background-position: center center;
  background-repeat: no-repeat;
  height: 40px;
  width: 40px;
}

[placeholder]:focus::-webkit-input-placeholder {
  transition: opacity 0.5s 0.3s ease;
  opacity: 0;
}
[placeholder]:focus:-moz-placeholder {
  transition: opacity 0.5s 0.3s ease;
  opacity: 0;
}
[placeholder]:focus::-moz-placeholder {
  transition: opacity 0.5s 0.3s ease;
  opacity: 0;
}
[placeholder]:focus::-ms-input-placeholder {
  transition: opacity 0.5s 0.3s ease;
  opacity: 0;
}

.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

.nav > li > a				{ background-color: #f5f5f5; color: #676767; border-color: #dddddd; border-width: 1px; padding: 5px 15px; line-height: 2; -webkit-transition: all 0.75s; -moz-transition: all 0.75s; transition: all 0.75s; }
.nav > li > a:active		{ background-color: #f5f5f5; color: #676767;}
.nav > li > a:focus 		{ background-color: #f5f5f5; color: #676767;} 
.nav > li > a:hover 		{ background-color: #eeeeee; color: #676767; border-color: #dddddd;} 
.nav > li.active > a:hover 	{color: #222222;} 

.form-horizontal .form-group {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.slider-selection {
  background: #BABABA;
}

input.colorselector {
  display: none;
}
input.colorselector:checked + label {
	border: 1px solid #f1f1f1;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
}

label.labelcolor {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  padding: 1px;
}
label.labelcolor:hover {
	cursor: pointer;
}
label.labelcolor span {
    display: block;
    width: 100%;
    height: 100%;
}

.mainaction {
  text-transform: uppercase;
  font-weight: 700;
  padding: 1rem 1rem;
  border-radius: 0;
  font-size: 1.8rem;
}

.dimempreinte {
    height:0;
    border-bottom:0.1rem solid #555;
    color: #555;
}
.dimempreinte::after {	
  content: '';
  width: 0; 
	height: 0; 
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 6px solid #555;
  position: absolute;
  right: -3px;
  top: -3px;
}
.dimempreinte::before {	
  content: '';
  width: 0; 
	height: 0; 
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 6px solid #555;
  transform: rotate(180deg);
  position: absolute;
  left: -3px;
  top: -3px;
}
#largempreinte {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
#hautempreinte {
  position: absolute;
  margin-top: auto;
  margin-bottom: auto;
  top: 0;
  bottom: 30px;
}

/* waiter loading */
.lds-dual-ring {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -32px; /* Half the height */
  margin-left: -32px; /* Half the width */
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.overlay {
    background: black; 
    display: none;
    position: absolute;
    top: 0;         
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
}
.overlay-content {
  position: fixed;
  top: 35%;
  left: 35%;
  font-weight: bold;
  font-size: 20px;
}
@media (max-width: 768px) {
  #champscol .input-group-btn {
    display: inline-block !important;
  }
  #configurateur #col1 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}