@import url(font/opensans_regular/stylesheet.css);
@import url(font/opensans_light/stylesheet.css);

body{font-family:open_sansregular}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: inherit;
    font-family: open_sanslight;
    line-height: 1.1;
}

.wait{
    opacity:0.3;
}

.modif #service,
.insert #service {
    display: none;
}
#service-edit {
    display: none;
}
.modif #service-edit,
.insert #service-edit {
    display: block;
}
.modif #service-edit a.create {
    display: none;
}
.insert #service-edit .remove,
.insert #service-edit .modif {
    display: none;
}

.cloud {
    position:absolute;
    top:0;
    left:0;
    border-radius:inherit;
    background:rgba(0,0,0,0.2) url(../img/wait.gif) 50% 50% no-repeat;
    width:100%;
    height:100%;
    z-index:100;
}
#fixed {
    z-index:1000;
    position:fixed;
    background-color:#FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
    padding:20px 20px 0 20px;
    box-shadow:0 0 10px rgba(0,0,0,0.8);
}

.page{margin:20px;}
.palette {
    position:relative;
    padding:20px 0;
    border-radius:10px;
    background-color:#EAEAEA;
    border:solid 2px #EAEAEA;
    margin-bottom:10px;
}
.palette .marge {
    padding:0 20px;
}
.view {
    position:absolute;
    width:100%;
}

.dropdown-menu{
    background-color:#EFEFEF;
}
header {
    padding:0;
}
#header {
    padding:10px 200px 0 20px;
    background-color:#222;
}
a.onglet {
	text-decoration:none;
	margin:5px 10px 0 0;
	padding:3px 16px;
	display:inline-block;
	font-size:1.2em;
	color:#888;
	border-radius:6px 6px 0 0;
}
a.onglet.sel {
	color:#DDD;
	background-color:#666;
}

#cartel{
	position:absolute;
	box-sizing: border-box;
	padding:7px 25px 7px 7px;
	width:190px;
	font-size:0.7em;
	top:0;
	right:10px;
	color:#BBB;
	background-color:#777;
	background-image:-moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 30%);
	background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 30%);
	background-image:linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 30%);
	border-radius:0 0 6px 6px;
}
#cartel B{color:#DDD;font-weight:normal;}
#cartel a{position:absolute;right:7px;top:7px;color:#BBB; font-size:1.8em;text-decoration:none;}
#cartel a:hover{color:#FFF;}

#header-tools {
    padding:10px 20px;
    background-color:#666;
}
label.required:before{
    content:"*";
    position:absolute;
    top:-3px;
    right:0;
    color:red;
    
}

.sortable {
	cursor:pointer;
	background-image:url(../img/sortable.png);
	background-repeat:no-repeat;
	background-position:6px 10px;
}
table tr th {color:#777;}
table tr th.sortable {
    padding-left:16px;
    color:#428BCA;
}
.sortable.arrow {
	background-image:url(../img/arrow.png);
	background-repeat:no-repeat;
	background-position:6px -20px;
    color:#000;
}
.sortable.arrow.desc {
	background-position:6px 10px;
}

.etape .form-horizontal label{font-size:0.9em;padding-top:0;}
.etape form {background-color:rgba(255,255,255,0.9); padding:20px 0;}
.etape-wait {background-image:url(../img/zebre.png);}
.etape-sleep {opacity:0.3;}
.etape-1 {
    background-color:rgba(0,200,220,0.5);
    border:solid 2px rgba(0,200,220,0.5);
}
.etape-2 {
    background-color:rgba(150,225,0,0.5);
    border:solid 2px rgba(150,225,0,0.5);
}
.etape-3 {
    background-color:rgba(200,0,150,0.5);
    border:solid 2px rgba(200,0,150,0.5);
}

.display-none{display:none}
.calendar {padding:5px;}

hr {border-top:solid 1px #DDD;clear:both;margin-top:0}
.intra-form {
    background-color:rgba(0,0,0,0.02);
    clear:both;
    padding-top:16px;
    background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.0) 7%, rgba(0,0,0,0.0) 93%, rgba(0,0,0,0.03) 100%);
    background-image:-moz-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.0) 7%, rgba(0,0,0,0.0) 93%, rgba(0,0,0,0.03) 100%);
    background-image:linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.0) 7%, rgba(0,0,0,0.0) 93%, rgba(0,0,0,0.03) 100%);
}

.table.tb-demande tbody > tr > td {border-top:1px solid #FFF;font-size:0.9em;}
table tr.status--1 {background-color:rgba(255,0,0,0.2);}
table tr.status-0 {background:rgba(0,0,0,0.1) url(../img/zebre.png);}
table tr.status-1 {background-color:rgba(0,234,355,0.1);}
table tr.status-2 {background-color:rgba(170,255,0,0.1);}
table tr.status-3 {background-color:rgba(255,0,187,0.1);}
table tr.status-4 {background-color:rgba(100,100,100,0.2);}

table tr.status--1 td.first{background-color:rgba(255,0,0,0.2);}
table tr.status-0 td.first{background:rgba(0,0,0,0.1) url(../img/zebre.png);}
table tr.status-1 td.first{background-color:rgba(0,234,355,0.2);}
table tr.status-2 td.first{background-color:rgba(170,255,0,0.2);}
table tr.status-3 td.first{background-color:rgba(255,0,187,0.2);}
table tr.status-4 td.first{background-color:rgba(100,100,100,0.2);}



.message-anim{opacity:1}

.message-anim.ng-enter,
.message-anim.ng-leave,
.view.ng-enter,
.view.ng-leave{
    -webkit-animation-duration:600ms;
    -moz-animation-duration:600ms;
    -ms-animation-duration:600ms;
    -o-animation-duration:600ms;
    animation-duration:600ms;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    }
.message-anim.ng-enter,
.message-anim.ng-leave{
    -webkit-animation-duration:900ms;
    -moz-animation-duration:900ms;
    -ms-animation-duration:900ms;
    -o-animation-duration:900ms;
    animation-duration:900ms;
    }

.message-anim.ng-enter{
    -webkit-animation-name:slideInDown;
    -moz-animation-name:slideInDown;
    -ms-animation-name:slideInDown;
    -o-animation-name:slideInDown;
    animation-name:slideInDown;
}
.message-anim.ng-leave{
    -webkit-animation-name:slideOutUp;
    -moz-animation-name:slideOutUp;
    -ms-animation-name:slideOutUp;
    -o-animation-name:slideOutUp;
    animation-name:slideOutUp;
}

.right.view.ng-enter{
    -webkit-animation-name:slideInRight;
    -moz-animation-name:slideInRight;
    -ms-animation-name:slideInRight;
    -o-animation-name:slideInRight;
    animation-name:slideInRight;
}
.right.view.ng-leave{
    -webkit-animation-name:slideOutLeft;
    -moz-animation-name:slideOutLeft;
    -ms-animation-name:slideOutLeft;
    -o-animation-name:slideOutLeft;
    animation-name:slideOutLeft;
}
.left.view.ng-enter{
    -webkit-animation-name:slideInLeft;
    -moz-animation-name:slideInLeft;
    -ms-animation-name:slideInLeft;
    -o-animation-name:slideInLeft;
    animation-name:slideInLeft;
}
.left.view.ng-leave{
    -webkit-animation-name:slideOutRight;
    -moz-animation-name:slideOutRight;
    -ms-animation-name:slideOutRight;
    -o-animation-name:slideOutRight;
    animation-name:slideOutRight;
}