/* Author: Louis Holladay
 * Website: AdminDesigns.com
 * Last Updated: 01/01/14 
 
 * This file is reserved for changes made by the user 
 * as it's often a good idea to seperate your work from 
 * the theme. It makes modifications, and future theme
 * updates much easier 
 *
 */

/* These styles have been placed here for
* convience as they have a high chance of being
* changed if one decides to modify the header
-----------------------------------------------*/

.interacted:invalid {
    border: 1px solid red;
}
.interacted:valid {
    border: 1px solid green;
}

.cacher{display: none}
.modal{z-index: 11910}
.header-btns > div > button:focus {color: #666;}

.header-btns  div.messages-menu  button#factred{
	color           : white;
	background-image: none;
	background-color: red;
	border-color    : transparent;
}

.header-btns  div.messages-menu  button#factyellowgreen{
	color           : white;
	background-image: none;
	background-color: yellowgreen;
	border-color    : transparent;
}
.header-btns  div.messages-menu  button#factdarkorange{
	color           : white;
	background-image: none;
	background-color: darkorange;
	border-color    : transparent;
}


.dropdown-items li div, .dropdown-items li div a{
    color: #333;
}

/*
#facturePre{background-color: red}
#factureNow{background-color: tomato}
#factureAfter{background-color: green}*/

/* Place custom styles below this line 
---------------------------------------*/

.navbar{background-color:rgb(40, 108, 171);background-image:none; z-index: 100000000000000000;} 
#content:after{background-color:rgb(240, 240, 240);background-image:none;} 
.navbar-brand{padding: 0;}

.navbar-brand .navbar-logo{max-width: 60px;}
.navbar-brand .navbar-logo{margin-left: 50px;}

ol.breadcrumb{margin-left: 25px;}
/* @menu */
#topbar{position: fixed;}

nav#two {
	position        : fixed;
	top             : 90px;
	right           : 50px;
	height          : 0px;
	z-index         : 4000;
}
nav#two ul{position:relative; height: 0px;}

nav#two ul li {
	text-align        : center;
	width             : 40px;
	position          : relative;
	background-color  : #fbac3e;
	margin            : 0;
	/*padding           : 10px;*/
	top               : -96px;
	color             : white;
	vertical-align    : bottom;
	float             : left;
	overflow          : hidden;
	margin-left       : 10px;
	-webkit-transition: all .1s ease-in;
	transition        : all .1s ease-in;
}

nav#two ul li.onglet1{top: -199px;}
nav#two ul li.onglet2{top: -184px;}
nav#two ul li.onglet3{top: -280px;}
nav#two ul li.onglet4{top: -353px;}
nav#two ul li.onglet5{top: -346px;}
nav#two ul li.onglet6{top: -228px;}
/*nav#two ul li.onglet7{top: -383px;}*/
nav#two ul li.onglet7{top: -147px;}
nav#two ul li.onglet8{top: -147px;}


@-moz-document url-prefix()
{
	nav#two {
		position: fixed;
		top     : 65px;
		right   : 50px;
		height: 0px;
		z-index: 4000;
		background-color: red;
	}
	nav#two ul li.onglet1{top: -177px;}
	nav#two ul li.onglet2{top: -162px;}
	nav#two ul li.onglet3{top: -258px;}
	nav#two ul li.onglet4{top: -330px;}
	nav#two ul li.onglet5{top: -323px;}
	nav#two ul li.onglet6{top: -205px;}
/*	nav#two ul li.onglet7{top: -360px;}*/
	nav#two ul li.onglet8{top: -124px;}
}


@media only screen and (min-device-width: 413px) and (max-device-width: 415px) { 
	nav#two {
		position: fixed;
		top     : 65px;
		right   : 50px;
		height: 0px;
		z-index: 4000;
		background-color: red;
	}
	nav#two ul li.onglet1{top: -177px;}
	nav#two ul li.onglet2{top: -162px;}
	nav#two ul li.onglet3{top: -199px;}
	nav#two ul li.onglet4{top: -330px;}
	nav#two ul li.onglet5{top: -182px;}
	nav#two ul li.onglet6{top: -202px;}
	nav#two ul li.onglet7{top: -300px;}
	nav#two ul li.onglet8{top: -123px;}
}
/*@media only screen and (min-device-width: 374px) and (max-device-width: 376px) { iPhone6 Styles }
@media only screen and (min-device-width: 359px) and (max-device-width: 361px) { iPhone6+ Alt Styles }
@media only screen and (min-device-width: 319px) and (max-device-width: 321px) { iPhone5 or less Styles }*/

/*
nav#two ul li.onglet1{top: 0px;}
nav#two ul li.onglet2{top: 0px;}
nav#two ul li.onglet3{top: 0px;}
nav#two ul li.onglet4{top: 0px;}
nav#two ul li.onglet5{top: 0px;}
nav#two ul li.onglet6{top: 0px;}
nav#two ul li.onglet7{top: 0px;}
*/
nav#two ul li p > u {
	display      : inline-block;
	font-size    : 14px;
	font-weight  : bold;
	margin-bottom: 8px;
}
nav#two ul li p a , nav#two ul li p span{
	display        : block;
	text-decoration: none;
	color          : white;
	margin-bottom  : 15px;
}
nav#two ul li p a{font-weight: bold;}

nav#two ul li h3{font-size: 22px;}
nav#two ul li h3:hover{cursor: pointer;}
nav#two ul li.afficher{
	top   : -4px;
	width : 160px;
	height: auto;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
	color           : #fff;
	background-color: #ff1f18;
	border-color    : #ff1f18;
}

.btn-danger {
	color           : #fff;
	background-color: #ff1f18;
	border-color    : #ff1f18;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
	z-index         : 2;
	color           : #fff;
	cursor          : default;
	background-color:rgb(40, 108, 171);
	border-color    :rgb(40, 108, 171);
}

.drapeau{margin-right: 10px;}

.tab-block .tab-content{float: left;}

.nav-tabs > li{top: -5px;}

.form-horizontal .control-label{text-align: left;}

ul.sortable{
	list-style: none;
	padding   : 0;
	margin    : 0;
}

ul.sortable li{
	padding         : 15px;
	background-color: #286CAB;
	color           : white;
	overflow        : hidden;
}

ul.sortable li{max-height: 150px;}


.tablePaiement{
	margin-left  : 15px;
	border-bottom:1px solid black;
}

figure{position: relative;}
figcaption{
	position         : absolute;
	top              : 50px;
	left             : -30px;
	font-size        : 18px;
	font-weight      : bold;
	border           : 1px solid red;
	color            : red;
	background-color : white;
	transform        :rotate(-40deg); 
	-ms-transform    :rotate(-40deg); /* Internet Explorer */
	-moz-transform   :rotate(-40deg); /* Firefox */
	-webkit-transform:rotate(-40deg); /* Safari et Chrome */ 
	-o-transform     :rotate(-40deg); /* Opera */

}
figcaption a {color: red !important; text-decoration: none !important}
/* couleur de fond pour les tableaux boostrap */
.table tbody tr.success {
  background-color: #dff0d8 !important;
}

.table tbody tr.error {
  background-color: #f2dede !important;
}

.table tbody tr.warning {
  background-color: #fcf8e3 !important;
}

.table tbody tr.info {
  background-color: #d9edf7 !important;
}

.btn-red {
    color: #fff;
    background-color: red;
    border-color: #731D1D;
}

/*#filtreEquipe{width: 200px;}*/