.glyphicon-empty:before {
  content: "\00a0";
}

@media (max-width: 767px) {
	.hide-xs{
		display:none;
	}
}
@media (max-width: 992px) {
	.hide-md{
		display:none;
	}
}
@media screen /*--This is for Print Preview Screen--*/
{
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
	.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
	.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
	.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
	.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
	.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
	.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
	.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
	.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
	.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
	.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
	.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    	padding-left: 5px;
    	padding-right: 5px;
	}
	
	
	.voffset  { margin-top: 2px !important; }
	.voffset1 { margin-top: 5px !important; }
	.voffset2 { margin-top: 10px !important; }
	.voffset3 { margin-top: 15px !important; }
	.voffset4 { margin-top: 30px !important; }
	.voffset5 { margin-top: 40px !important; }
	.voffset6 { margin-top: 60px !important; }
	.voffset7 { margin-top: 80px !important; }
	.voffset8 { margin-top: 100px !important; }
	.voffset9 { margin-top: 150px !important; }

	.container1{ width: 100px !important; }
	.container2{ width: 200px !important; }
	.container3{ width: 300px !important; }
	.container4{ width: 400px !important; }
	.container5{ width: 500px !important; }
	.container6{ width: 600px !important; }
	.container7{ width: 700px !important; }
	.container8{ width: 800px !important; }
	.container9{ width: 900px !important; }
	.container10{ width: 1000px !important; }
	.container11{ width: 1100px !important; }
	.container12{ width: 1200px !important; }
	
	.content {
    	padding: 0 5px;
	}
	.content > .box{
		background-color: #f9fafc;
	}

	.form-control:focus {
	  border-color: #A5947E;
	  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(165, 148, 126, 0.6);
	}
	
	.btn .badge-jlc,
	.badge-jlc {
    	background: rgba(165,148,126,0.5);
	}
	
	.btn .badge-jlc-light,
	.badge-jlc-light {
		background-color: #b9a892;
   		border-color: #89775f;
    	border-style: solid;
    	border-width: 1px;
    	color: #000;
    	padding: 2px 7px;
	}
	li.active .badge-jlc-light {
		background-color: #89775f;
	    color: #fff;
	}
	
	
	.btn-icon-left .fa,
	.btn-icon-left .glyphicon {
		margin: 0 10px 0 0;
	}
	.btn-icon-right .fa,
	.btn-icon-right .glyphicon{
		margin: 0 0 0 10px;
	}

	.btn-default, .btn-primary, .btn-flat {
		color: #FFF !important;
		background-color: #A5947E !important;
		border-color: #89775f !important;
	}
	.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
		 color: #666 !important;
		 font-style: italic;
		 opacity: 0.35;
	}
	
	.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	    background-color: #000 !important;
	    border-color: #222;
	    color: #fff;
	}
	.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	    background-color: #b9a892 !important;
	    color: #000 !important;
	}
	
	.tech-notes{
		margin-bottom: 8px;
	}
	
	.list-group-item.active {
		__padding: 0px 10px;
		background-color: #a5947e;
		border-color: #89775f;
		font-weight:bold;
	}
	.list-group-item.active:hover,
	.list-group-item.active:focus{
		background-color: #a5947e;
		border-color: #89775f;
	}

	/* #675947 */
	
	.btn:hover {
		color: #FFF !important;
		background-color: #000 !important;
		border-color: #A5947E !important;
	}
	.btn-xxs, .btn-group-xxs > .btn {
	    border-radius: 3px;
	    font-size: 14px;
	    line-height: 0.5;
	    margin: 0 5px;
	    padding: 3px 4px;
	}
	.btn-xls{
		background-color: #FFF !important;
	    border-color: darkgreen !important;
	    color: darkgreen !important;
	}
	.btn-xls:hover{
		background-color: #a1c4a1 !important;
		color:#fff;
	}
	
	.btn-pdf{
		background-color: #FFF !important;
	    border-color: #a80000 !important;
	    color: #a80000 !important;
	}
	.btn-pdf:hover{
		background-color: #ffcaca!important;
		color:#fff;
	}
	
	.input-group .form-control:last-child,
	.input-group-addon:last-child,
	.input-group-btn:last-child > .btn,
	.input-group-btn:last-child > .btn-group > .btn,
	.input-group-btn:last-child > .dropdown-toggle,
	.input-group-btn:first-child > .btn:not(:first-child),
	.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
	    border-bottom-right-radius: 4px;
	    border-top-right-radius: 4px;
	}
	
	
	a {
		color: #A5947E;
	}
	
	a:hover, a:focus {
		color: #000;
	}
	
	.pagination>.active>a {
		background-color: #A5947E;
		border-color: #A5947E;
	}
		
	.alert{
		margin: 5px;
		padding: 8px;
		font-size: 14px;
	}
	.alert .glyphicon{
		padding-right:5px;
	}
	.alert-warning{
		background-color: #fcf8e3 !important;
		color:#8a6d3b !important;
		border-color:#faebcc;
	}
	
	legend{
		border-bottom:0px solid transparent;
		border-top: 1px solid #a5947e;
    	border-left: 4px solid #a5947e;
    	margin-top: 5px;
	    padding: 0 10px;
	}
	
	.input-group-addon-login{
		min-width: 150px;
    	text-align: right;
	}
	
	
	.input-sm{
		height:30px;
	}
	.input-sm .glyphicon{
		 top: -3px;
		 font-size:12px;
	}

	.sidebar {
	    padding-top: 10px;
	}
    .sidebar-menu > li {
	    padding: 2px 0;
    }
    
	.skin-black-light .sidebar-menu > li:hover > a > span,
	.skin-black-light .sidebar-menu > li.active > a > span {
		border: 1px solid #AAA;
		border-radius: 0px 5px 5px 0px;
	}
	
	.sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
	    margin: 2px;
	}
	
	.skin-black-light .sidebar-menu > li > a{
		border: 1px solid #ffb31a;
		border-radius: 10px;
		margin-right: 4px;
		padding: 5px 0 5px 2px;
	}
	.skin-black-light .sidebar-menu > li > a > IMG{
		width: 45px;
		margin-left: -3px;
	}
	
	/* ----------------------------------------  */
	.alert-float{
		position: absolute;
	    top: 0px;
	    width: 800px;
    }
	.alert-error {
		color: #a94442;
		background-color: #f2dede;
		border-color: #ebccd1;
	}
	.alert-error hr {
		border-top-color: #e4b9c0;
	}
	.alert-error .alert-link {
		color: #843534;
	}
	
	.nav-tabs > li > a {
    	padding: 5px 15px;
	}
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
		background-color: #b9a892 !important;
    	color: #000 !important;
	}
	.nav-tabs > li > a {
	    background-color: #666;
	    color:#ccc;
	}
	
	.tab-content{
		background-color: #e9e9e9;
	}
	.tab-content .row {
    	margin-left: 15px;
    	margin-right: 15px;
	}
	
	.row {
	    margin-left: 5px;
	    margin-right: 5px;
	}
	
	.imgContainer{
		text-align:center;
		width:150px;
		margin:auto;
		margin-top:20px;
		border:1px solid #fff;
		border-bottom:5px solid #fff;
		padding: 10px;
	}
	#imgRand{
		border:5px solid transparent;
	}
	
	.img-centre-jlc {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.img-prev {
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
	  	max-width: 100px;
	 	min-width: 100px;
	 	border-width:1px;
		border-style:solid;
		border-color:#FFB31A;
	}
	#box-resultat {
		padding:5px;
	}
	#box-resultat .box {
	  	border: 1px solid #A5947E;
	  	float: left;
	    margin: 5px;
	    width: 200px;
	}
	#box-resultat .box > .box-header {
	  	color: #ffffff;
	  	background: #A5947E;
	  	background-color: #A5947E;
	  	padding: 5px
	}
	#box-resultat .selected > .box-header {
		background-color: #5f4d35;
	}
	#box-resultat .box > .box-header a,
	#box-resultat .box > .box-header .btn {
	  	color: #ffffff;
	  	font-size:16px;
	}
	#box-resultat .box > .box-header a.watch-info{
		cursor:help;
	}
	
	#box-resultat .box-infos{
		display:none;
	}
	#infoWatch h4{
		margin: 4px 0px;
	}
	#infoWatch UL{
		padding-left: 3px;
  	}
	#infoWatch UL LI span{
		font-weight:bold;
	}
	
	
	.box.box-img-prev {
		text-align: center;
	}

	.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {
		color: white;
	}
	
	
	
	.no-sort {
		text-align: center;
	}


	.nav-tabs-right > li{
		float:right;
	}
	
	
	
	
	.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger,
	.table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, 
	.table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, 
	.table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
		background: rgba(165, 148, 126, 0.5);
	}
	
	.input-group .input-group-addon {
    	background-color: #eee;
	}
	
	.dropdown-menu{
		background-color: #f4f4f4;
		border-color: #b9a892 !important;
	}
	
	.breadcrumb > .active A {
		color: #777 !important;
		font-weight:bold;
	}
	.breadcrumb LI .fa{
		padding-right:5px;
		font-size: 13px;
	}
}





/** Add JLC **/

/************************************************/
/** --------------- LAYOUT ------------------- **/
.main-header{
	border-top:5px solid #ffb31a;
}
.main-footer{
	xxdisplay:none;
	xxheight:0px;
	xxpadding:0px;
	xxborder:none;
}
/** --------------- Sidebar ------------------- **/
.no-sidebar .main-sidebar,
.no-sidebar .main-header{
	display: none;
}
.no-sidebar .content-wrapper,
.no-sidebar .main-footer{
	margin-left: 0px;
}

/************************************************/
/** --------------- TOP        --------------- **/

@media (max-width: 767px) {
	.skin-black-light .main-header > .logo {
		background-color: #A5947E;
	}
	.skin-black-light .main-header > .logo:hover {
		background-color: #89775f;
	}
}

/** --------------- USER        --------------- **/

.navbar-nav li.user-menu > a{
	padding: 4px 10px;
}
.navbar-nav li.user-menu > a .user-menu-small{
	line-height: 12px;
    padding: 10px 0px;
}
.navbar-nav li.user-menu > a .user-menu-full{
    padding: 10px;
}

.navbar-nav .user-menu .user-name{
	font-size:16px;
	font-weight:bold;
}
.navbar-nav .user-menu .user-shop-name{
	font-size:10px;
}
.navbar-nav .user-menu .user-country-flag{
	width:16px;
	margin-right:10px;
}

.navbar-nav > .user-menu > .dropdown-menu > li.dropdown-content{
	padding: 10px;
    text-align: center;
}
.navbar-nav > .user-menu > .dropdown-menu > li img.user-image {
	margin-top: 0px;
    width: 70px;
    height: 90px;
    float: none;
    border: 2px solid #EEE;	
}

.navbar-nav > .user-menu > .dropdown-menu > li .user-groupList,
.navbar-nav > .user-menu > .dropdown-menu > li .user-displayName,
.navbar-nav > .user-menu > .dropdown-menu > li .user-title,
.navbar-nav > .user-menu > .dropdown-menu > li .user-country,
.navbar-nav > .user-menu > .dropdown-menu > li .user-phone,
.navbar-nav > .user-menu > .dropdown-menu > li .user-town,
.navbar-nav > .user-menu > .dropdown-menu > li .user-boutique-sap{
	font-size: 12px;
	color:#333;
}
.navbar-nav > .user-menu > .dropdown-menu > li .user-groupList{
	color:#999;
	font-size: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > li .user-displayName{
	font-size: 16px;
}
.navbar-nav > .top-menu > .list-group > li.header {
	border-bottom: none;
}


/** Notif top menu **/

.notifications-menu .list-group .list-group-item .fa {
    position: absolute;
    right: 5px;
    top: 9px;
}
/*** All top menu **/

.navbar-nav > .top-menu > .dropdown-menu{
	padding: 0 0 0 0!important;
	margin: 0!important;
	top: 100%;
}
.navbar-nav > .top-menu > .list-group{
	width:300px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.navbar-nav > .top-menu > .list-group > .list-group-item{
	border: 1px solid #a5947e;
	background-color: #ffffff;
	padding: 8px 5px;
}

	
.navbar-nav > .top-menu > .list-group > .header,
.navbar-nav > .top-menu > .list-group > .footer{
	background-color: #89775f;
	color: #FFF;
	font-size: 12px;
	text-align:center;
	padding: 2px 5px;
}

@media (max-width: 991px) {
  .navbar-nav > .top-menu > .dropdown-menu > .footer > a{
    background: #fff!important;
    color: #444!important;
  }
}

.navbar-nav > .top-menu > .dropdown-menu > .footer > a:hover{
  text-decoration: none;
  font-weight: normal;
}


.fa-red{
	color: #C30000;
}
.fa-blue{
	color: #0080FF;
}
button .fa-left,
a .fa-left{
	padding-right: 5px;
}

.info-box {
    border-radius: 10px;
    min-height: 80px;
}
.info-box-icon {
    border-radius: 10px 0 0 10px;
    height: 80px;
    background: #a5947e;
}
.info-box-icon IMG{
	margin-top: -16px;
}
.info-box-number{
	padding-left:100px;
}
@media (max-width: 767px) {
	.info-box{
		border-color: green;
	}
	.info-box-icon {
	 	font-size: 30px;
	    line-height: 30px;
	    padding-top: 5px;
	}
	.info-box-icon IMG {
		margin-top: 2px;
	}
	.info-box-number{
		font-size: 14px;
	}
}


/** --------------- FOOTER --------------- **/

.navbar-static-top .select-language-container{
	padding:12px 15px;
}

.select-language-container{

}
   
.select-lang .dropdown-menu > .active > a,
.select-lang .dropdown-menu > .active > a:hover,
.select-lang .dropdown-menu > .active > a:focus {
	background-color: unset;
    color: unset;
    font-weight: bold;
}	
.select-lang{
	margin-right:0px;
}
.select-lang > .btn{
	padding: 0px 5px;
}
.select-lang .dropdown-menu{
	min-width: 0;
	white-space:nowrap;
	width: 130px;
}
.select-lang .dropdown-menu > li{
	float:left;
	display: inline-block;
}
.select-lang .dropdown-menu > li > a {
	padding: 5px 10px;
	width: 130px;
}
.select-lang .flag-langue{
    height: 20px;
    width: 20px;
}

/************************************************/
/** --------------- LOGIN      --------------- **/
.login .content-wrapper{
	padding-top: 0px;
}

.login-logo{
	
	padding-top:190px;
	background:url(../img/logo.png) center top no-repeat;
}
.login-logo a{
	display:none;
}
.login-box, .register-box {
    margin: 15px auto;
    width: 550px;
}
.login-box-body p{
	padding-top:10px;	
}
.login-box-body{
    border: 1px solid #AAA;
    border-radius: 10px;
    padding: 5px 20px;
}



/************************************************/
/** --------------- watch     --------------- **/

.watch-menu > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-bottom-left-radius: 0;
}
.watch-menu > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
	border-bottom-right-radius: 0;
}
.watch-menu .panel{
	width:180px;
}
.watch-menu .panel .panel-heading{
	padding: 5px;
}
.watch-menu .dropdown-menu-mvt .inactive{
	font-style:italic;
	color:#CCC;
	pointer-events: none;
	cursor: not-allowed;
	
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}
.watch-menu .dropdown-menu-mvt .inactive IMG{
	filter: alpha(opacity=20);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .20;
}

#box-resultat .box-img {
	min-height: 250px;
	max-width: 180px;
    max-height: 250px;
}

.imgBox{
    max-width : 180px; 
    max-height: 250px;
}

.nav-tabs > li > a {
	background-color: #a5947e !important;
    border-color: #89775f !important;
    color: #fff !important;
    padding: 8px 20px;
    font-size: 13px;
}


.global-infos UL LI > SPAN {
	font-weight:bold;
}
.global-infos .list-group{
	margin-bottom: 10px;
}

.global-infos UL.strap-cites,
.global-infos UL.buckle-type{
	padding-left:30px;
}

.global-infos-vertical .box-body {
	padding: 8px 0px;
}

#infoWatch UL.strap-cites,
#infoWatch UL.buckle-type{
	padding-left:30px;
}

.list-group-item{
	padding:5px;
}
.docs-list a.directory{
	background-color: #eee;
	color:#000;
}
.docs-list a.directory i{
	color:#8a6d3b;
	padding-right:5px;
}

.docs-list a.file{
	color:#333;
}
.docs-list a.file i{
	font-size:14px;
}
.docs-list a.file i.fa-file-pdf-o{ color:#d92626; }
.docs-list a.file i.fa-file-video-o{ color:#aa00aa; }
.docs-list a.file i.fa-file-excel-o{ color:#00a800; }
.docs-list a.file i.fa-file-word-o{ color:#128aed; }
.docs-list a.file i.fa-file-powerpoint-o{ color:#ff7040; }
.docs-list a.file i.fa-file-archive-o{ color:black; }
.docs-list a.file i.fa-file-image-o{ color:#00b3b3; }


.exploded-view .nav{
	background-color: #EEE;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
    border-radius: 6px 6px 0 0;
    padding:5px 5px 0px 5px;
}
.exploded-view .tab-content{
	background-color: #e9e9e9;
   	border:2px solid #89775f;
}
.exploded-view .nav-pills > li > a > img {
   max-width: 100px;
   border-radius: 6px;
}

.exploded-view .nav > li > a {
    display: block;
    padding: 2px 3px 0;
}
.exploded-view .nav-pills > li.active > a,
.exploded-view .nav-pills > li.active > a:hover,
.exploded-view .nav-pills > li.active > a:focus {
    background-color: #89775f;
    border:none;
    border-top:3px solid #89775f;
    border-left:1px solid #89775f;
    border-right:1px solid #89775f;
    color: #fff;
    border-radius: 10px;
}

.strap-list .panel,
.buckle-list .panel{
	float: left;
	margin: 5px;
	max-width: 400px;
}
.strap-list .media-left, 
.buckle-list .media-left{
	min-width:100px;
	text-align:center;
}
	
.list-group .list-group-item INPUT{
	margin-left:4px;
}
.list-group-labelled .list-group-item{
	 padding: 0;
}
.strap-list .list-group .active,
.buckle-list .list-group .active{
	 padding: 5px;
}


.list-group-labelled .list-group-item > B,
.list-group-labelled .list-group-item > B{
	min-width:170px;
	float:left;
	padding:5px;
	background-color:#eee;
	margin-right: 5px;
}
.list-group-labelled .list-group-item > DIV,
.list-group-labelled .list-group-item > DIV{
	padding: 5px 5px 5px 155px;
}



.strap-list .list-group IMG,
.buckle-list .list-group IMG{
	border: 4px solid transparent;
	border-radius: 10px;
    height: 40px;
}
.strap-list .list-group IMG.strap{
	height:60px;
}

.strap-list .list-group .variante IMG{
	width:50px;
}

/************************************************/
/** --------------- CART     --------------- **/
.cart-list .list-group-item .fa{
	padding-left:10px;
	font-size:18px;
	font-weight:bold;
}
.cart-list .list-group-item .title{
	font-size:13px;
	font-weight:bold;
}
.cart-list .list-group-item .title .fa{
	padding-left:0px;
	padding-right:10px;
	font-size:18px;
	font-weight:bold;
}
.cart-list .list-group-item .cart-infos{
	font-size:9px;
	color:#666;
}

.cart-list .pager li > a,
.cart-list .pager li > span {
	border: 1px solid #a5947e;
	font-weight:bold;
}
.cart-list .pager li > a:hover,
.cart-list .pager li > a:focus {
	background-color: #a5947e;
	color:#fff;
}
.cart-list .pager .disabled > a,
.cart-list .pager .disabled > a:hover,
.cart-list .pager .disabled > a:focus,
.cart-list .pager .disabled > span {
    border-color: #eaeaea;
    color: #ddd;
}
.cart-list .list-group-item .current{
	color:#C30000;
}
.cart-list .list-group-item .date{
	color:#CCC;
	padding-right:10px;
}

/************************************************/
/** --------------- NOTIFS     --------------- **/
.notifications-list .list-group-item .fa{
	padding-left:10px;
	font-size:18px;
	font-weight:bold;
}
.notifications-list .list-group-item .title{
	font-size:13px;
	font-weight:bold;
}
.notifications-list .list-group-item .title .fa{
	padding-left:0px;
	padding-right:10px;
	font-size:18px;
	font-weight:bold;
}
.notifications-list .list-group-item .notification-infos{
	font-size:9px;
	color:#666;
}

.notifications-list .pager li > a,
.notifications-list .pager li > span {
	border: 1px solid #a5947e;
	font-weight:bold;
}
.notifications-list .pager li > a:hover,
.notifications-list .pager li > a:focus {
	background-color: #a5947e;
	color:#fff;
}
.notifications-list .pager .disabled > a,
.notifications-list .pager .disabled > a:hover,
.notifications-list .pager .disabled > a:focus,
.notifications-list .pager .disabled > span {
    border-color: #eaeaea;
    color: #ddd;
}
.notifications-list .list-group-item .current{
	color:#C30000;
}
.notifications-list .list-group-item .date{
	color:#CCC;
	padding-right:10px;
}

.box-header .box-title{
	margin: 10px 0 0;
}

.box-header .box-legend{
	display:inline-block;
	float:right;
	font-size: 12px;
	margin-top: 10px;
	text-decoration:  underline;
}
.file-parent{
	font-size:9px;
	color:#666;
}

/************************************************/
/** --------------- configurator     --------------- **/
.panel-default > .panel-heading {
    font-size: 14px;
    font-weight: bold;
}
.nav-variantes > li > a {
    padding: 8px 5px;
}
.nav-variantes > li > a > .pull-left {
	padding: 0px 5px 0px 2px;
	color: #fff;
	font-size: 12px;
}
.nav-variantes > li.main > a {
	font-weight:bold;
}

.nav-variantes > li > a > .glyphicon {
	display:block;
}
.nav-variantes > li > a > .glyphicon-star {
	display:none;
}

.nav-variantes > li.main > a > .glyphicon {
	display:none;
}
.nav-variantes > li.main > a > .glyphicon-star {
	display:block;
}

.configurator-menu .btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-bottom-left-radius: 0;
}
.configurator-menu .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
	border-bottom-right-radius: 0;
}

.nav-stacked > li.active > a, .nav-stacked > li.active > a:hover{
    border: 1px solid #89775f !important;
}

.panel-disabled > .panel-heading {
    color: #C30000;
}

.ui-menu .ui-menu-item {
    list-style-image: none;
    padding: 5px 1em 0 0.4em;
    border:2px solid #FFF;
}


.ui-menu .ui-state-focus{
    background: #fff;
    margin:0;
    padding: 5px 1em 0 0.4em;
    border:2px solid #a5947e;
}
.ui-menu .ui-state-focus h4{
    color: #a5947e;
}




#configurator-form  h3{
	display:none;
}
.wizard ul{
    list-style: outside none none !important;
    margin: 0;
    padding: 0;
}

.wizard .steps > ul > li,
.wizard .actions > ul > li {
    float: left;
}
.wizard ul > li{
    display: block;
    padding: 0;
}
.wizard .steps .current a, 
.wizard .steps .current a:hover,
.wizard .steps .current a:active {
    background: #b9a892  none repeat scroll 0 0;
    color: #000;
    cursor: default;
}
.wizard .steps a,
.wizard .steps a:hover,
.wizard .steps a:active {
	border: 1px solid #89775f !important;
    border-radius: 5px;
    display: block;
    margin: 0 0.5em 0.5em;
    padding: 1em;
    text-decoration: none;
    width: auto;
}

.wizard .actions .current a, 
.wizard .actions .current a:hover,
.wizard .actions .current a:active {
    background: #b9a892  none repeat scroll 0 0;
    color: #000;
    cursor: default;
}
.wizard .actions a,
.wizard .actions a:hover,
.wizard .actions a:active {
	border: 1px solid #89775f !important;
    border-radius: 5px;
    display: block;
    margin: 0 0.5em 0.5em;
    text-decoration: none;
    width: auto;
}


.wizard .number{
}
.wizard .current-info{
	display:none;
}


.steps, .actions {
    background-color: #f5f5f5;
    border-radius: 4px;
    list-style: outside none none;
    margin: 5px;
    padding: 8px 15px;
}
.wizard .steps > ul > li.disabled A, 
.wizard .actions > ul > li.disabled A
{
    color:#CCC;
    font-style: italic;
}

#configurator{
	min-width:960px;
}
@media (max-width: 992px) {
	#configurator{
		min-width:700px;
	}
}

#variantes .nav-tabs > li > a {
	font-size:10px;
}

#configurator .box-info{
	padding:5px;
}
#configurator .box-info > .row{
	margin:0px;
	padding:0px;
} 
#configurator .panel-body {
    padding: 5px;
}


.configurator-peau .col-left,
.configurator-couture .col-left {
    min-width:170px;
}
.configurator-peau .col-right,
.configurator-couture .col-right {
    min-width:470px;
}
.configurator-recap #configurator-recap-view{
	padding:3px 0px;
}
.configurator-recap .panel{
	margin-bottom: 5px;
}



.configurator-recap .list-group .list-group-item > DIV{
	padding:5px;
}
#configurator-form .list-group-labelled .title,
#configurator-form .list-group .title,
.configurator-recap .list-group .title
{
	background-color: #f5f5f5;
    border-color: #ddd;
    color:#333;
    padding:3px;
    font-weight: bold;
}
#configurator-form .list-group .title IMG.type-finition{
	border: 1px solid #b0b0b0;
    height: 19px;
    padding: 1px;
    width: 45px;
}
#configurator-form .list-group-labelled .list-group-item > B{
    width: 150px;
    padding-left: 5px;
    padding-top: 4px;
    margin-right: 5px;
}
#configurator-form .configurator-couture .list-group-labelled .list-group-item > B,
.configurator-recap .list-group-labelled .list-group-item > B{
     width: 100px;
}
#configurator-form .list-group-labelled .btn-xs, .btn-group-xs > .btn{
	padding: 0 2px;
}
#configurator-form .list-group-labelled .list-group-item > DIV{
	padding:3px;
}
.configurator-size .list-group-labelled .list-group-item {
    padding: 5px;
}
#configurator-form .configurator-select-color,
#configurator-form .configurator-select-couture-color{
	cursor: pointer;
    display: inline-block;
	border:1px solid #666;
	color: transparent;
	font-weight:bold;
}
#configurator-form .configurator-select-color-active,
#configurator-form .configurator-select-couture-color-active {
	border:1px solid red;
	color: #fff;
}




.configurator-recap .glyphicon-hide {
    color: transparent;
}



.zoom {      
	-webkit-transition: all 0.35s ease-in-out;    
	-moz-transition: all 0.35s ease-in-out;    
	transition: all 0.35s ease-in-out;     
	cursor: -webkit-zoom-in;      
	cursor: -moz-zoom-in;      
	cursor: zoom-in;  
}     

.zoom:hover,  
.zoom:active,   
.zoom:focus {
	/**adjust scale to desired size, 
	add browser prefixes**/
	-ms-transform: translate(-200px) scale(3);    
	-moz-transform: translate(-200px) scale(3);  
	-webkit-transform: translate(-200px) scale(3);  
	-o-transform: translate(-200px) scale(3);  
	transform: translate(-200px) scale(3);
	    
	position:relative;      
	z-index:100;  
}

.dropdown-menu .panel{
	margin:5px;
}
.movement-img{
	width:100%;
	max-width: 250px;
}
.movement-img-menu, .movement-img-menu-verso{
	width:125px;
	border:1px solid #666;
}


.btn-new{
	background-color: #ffb31a !important;
    border-color: #897600 !important;
    color: #333 !important;
}
.btn-new:hover{
	background-color: #ffb31a! important;
	color:#000;
}

.img-hor {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

.navbar-left {
	padding: 10px 10px 0;
}

.label-important{
		background-color: #b94a48;
}

label.required:after {content: " *"; color: red;}

.green {
    color: green;
}

a.demo_img {
		display: block;
		width:50px;
		position:relative;
		line-height:25px;
		text-align:center;
}
	
a.demo_img>div {
		position:absolute;
		padding:0;
		margin:0;
		left: 1px; /* change this value to one that works best for you */
		top: -10px; /* change this value to one that works best for you */
		margin-left: 24px;
		opacity:0;
		height: 0;
		overflow: hidden;
}
	
a.demo_img>div img {
		padding:1px;
		margin-left:5px;
		-webkit-border-radius: 5px;
	   	   -moz-border-radius: 5px;
		    	border-radius: 5px;		
		-webkit-box-sizing:border-box; 
		   -moz-box-sizing:border-box; 
				box-sizing:border-box;
}

a.demo_img:hover>div {		
		opacity:1;
		height: 200px;
		padding: 8px;   		
		z-index:1;
}

.bg { 
  /* The image used */
  background-image: url("../img/Login_JLC.jpg");

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-size: cover;
}

.btn_login {
	background-color:#3A3935 !important;
	border-color:#3A3935;
}

.cropStrapShortSideContainer {
	position: relative;
	width: 100%;
	aspect-ratio: 4;
}

.cropStrapShortSideContainer > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 0px 37%;
}

.cropStrapLongSideContainer {
	position: relative;
	width: 100%;
	aspect-ratio: 4;
}

.cropStrapLongSideContainer > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 0px 69.5%;
}

.cropC2 img {
    margin: 0px 0px 0px 0px; /* translation Court */
}
.cropL2 img {
    margin: 52px -110px 0px 0px; /* translation Long */
}
.center {
     margin: auto;
     margin-top: 40vh;
}