body {
	margin: 0;
	padding:0;
	background-color:#FFF;
}

* {
	font-size: 12px;
	font-family: futura std light, Verdana, Arial, sans-serif;
	font-weight: normal;
	color:#000;
	margin:0;
	padding:0;
}


table {
	width:100%;
	border-collapse: collapse;
}

td {
	border: 1px solid #aaa;
	empty-cells: show;
	padding:2px;
}

th {
	border: 1px solid #aaa;
	font-weight:700;
	color:#000;
	background-color:#ccc;
	empty-cells: show;
	padding:2px;
}

tbody tr td:first-child {
	text-align:right;
}

table#banner th, table#banner th {
	border: none;
}

table#banner tr {
	border: 1px solid #aaa;
	border-bottom: 5px solid #aaa;
}

table#banner th a {
	font-weight:700;
}

table#banner th {
	text-align:right;
	font-weight:normal;
	background-color:#aac949;
}

table#banner th#office {
	text-align:left;
	font-family: futura std medium,Verdana, Arial, sans-serif;
	font-weight:700;
	padding-left:5px;
	width:120px;
}

table#banner th#command {
	text-align:left;
}

table#banner th#command ul li {
	padding:0 5px;
	border-right: 2px solid #ddd;
}

table#banner th#command ul li:last-child {
	border-right: none;
}

table#banner th#logout ul li {
	padding:0 5px;
	border-left: 2px solid #ddd;
}

table#banner th#logout ul li:first-child {
	border-left: none;
}

tr#menusub th {
	text-align: left;
	height:30px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding:0 5px;
}

tr#menusub th:last-child {
	text-align: right;
}

table#client tr#menusub th:nth-child(3n) {
	text-align: right;
}

table#client_add tr#menusub th:last-child {
	text-align: left;
}

table#task_add tr#menusub th:first-child, table#proj_add tr#menusub th:first-child {
	text-align: left;
}

table#calendar tr#menusub th:nth-child(3n) {
	text-align: center;
}

table#calendar td {
	display:table-cell;
	vertical-align:top;
	width:14.285714285714%;
	height:100%;
}

table#calendar table td {
	border: none;
	empty-cells: show;
	padding:2px;
	font-size: 10px;
	vertical-align:top;
}

table#calendar table td a {
	font-size: 10px;
	font-weight:normal;
}	

table#calendar table.day {
	height:100%;
}

table#calendar table.day td {
	text-align: left;
	width:70%;
	height:0.1px;
}

table#calendar table.day td:last-child {
	text-align: right;
}

table#calendar table.day tr:last-child td {
	color:red;
	height:auto;
	vertical-align:bottom;
}

table#calendar tr.total td {
	vertical-align:text-bottom;
}

table#calendar tr.total td:first-child {
	text-align:right;
}

table#calendar tr.total td:last-child {
	text-align:right;
}

table#calendar_daily tr#menusub th:nth-child(2n) {
	text-align: center;
}

table#calendar_daily td {
	vertical-align: top;
}

table#calendar_daily td:nth-child(4n), table#calendar_daily td:nth-child(5n), table#calendar_daily td:nth-child(6n), table#calendar_daily td:nth-child(7n) {
	text-align: right;
	width:80px;
}

table#calendar_daily tr:last-child td:nth-child(4n), table#calendar_daily tr:last-child td:nth-child(5n), table#calendar_daily tr:last-child td:nth-child(7n) {
	color:red;
}

table#calendar_daily tr:last-child td:nth-child(3n) {
	text-align: right;
}

table#calendar_daily td:last-child {
	text-align: center;
	width:100px;
}

table#form {
	width:auto;
	empty-cells: show;
	margin:20px auto;
	padding:2px;
}

table#form tr th a {
	font-weight:700;
	color:#000;
}

#form th, #form td {
	margin:0px;
	padding:5px;
}

#form td:first-child {
	text-align: right;
}

#form table {
	width: auto;
}

#form table td {
	border: none;
	text-align:right;
}

#summary tr td {
	border: 1px solid #aaa;
}

#clientSelect, #projectSelect, #taskSelect {
	width:100%;
}

table#client td:first-child {
	text-align: left;
}

table#client td:nth-child(7), table#client td:nth-child(8n), table#client td:nth-child(9n), table#client td:nth-child(10n) {
	text-align: center;
}

table#client td:last-child {
	text-align: center;
	width:100px;
}

table#client tr.even:hover td
{
    background: #dddddd;
}

table tr.even:hover td
{
    background: #e0e0e0;
}

table#proj td:first-child, table#proj td:nth-child(7n), table#proj td:nth-child(8n), table#proj td:last-child {
	text-align: center;
}

table#proj td:nth-child(9n), table#proj td:nth-child(10n) {
	text-align: right;
}

table#proj td:first-child {
	width:100px;
}

table#proj td:nth-child(3n) {
	width:50px;
	text-align:center;
}

table#proj td:nth-child(5n) {
	width:70px;
	text-align:center;
}

table#proj td:nth-child(6n) {
	width:50px;
	text-align:center;
}

table#proj td:nth-child(7n) {
	width:50px;
}

table#proj td:nth-child(8n) {
	width:30px;
}

table#proj td:nth-child(9n) {
	width:80px;
}

table#proj td:nth-child(10n) {
	width:70px;
}

table#proj td:last-child {
	width:125px;
}

table#task_edit tr#menusub th:first-child,
table#proj_edit tr#menusub th:first-child
{
	width:135px;
}


table#task_edit tr#menusub th:nth-child(3n),
table#proj_edit tr#menusub th:nth-child(3n)
{
	width:180px;
}

table#task_edit tr#menusub th:nth-child(2n),
table#proj_edit tr#menusub th:nth-child(2n)
{
	text-align: left;
	background-color:#eee;
	font-weight: normal;
}

table#task_edit tr#menusub th:last-child,
table#proj_edit tr#menusub th:last-child
{
	width:160px;
	background-color:#ccc;
	text-align: center;
}

table#estimate td:first-child, table#estimate td:nth-child(3n), table#estimate td:nth-child(8n), table#estimate td:nth-child(9n), table#estimate td:last-child {
	text-align: center;
}

table#estimate td:nth-child(5n), table#estimate td:nth-child(6n), table#estimate td:nth-child(7n) {
	text-align: right;
}

table#estimate td:nth-child(10n) {
	text-align: left;
}

tr.inputline td input, input.TOTALT {
	text-align: right;
	width:5em;
}

table#reports tr#menusub th:first-child, table#reports tr#menusub th:nth-child(2n) {
	text-align: left;
}

table#reports tr#menusub th:nth-child(4n) {
	text-align: center;
}

table#reports tr#menusub th:nth-child(3n), table#reports tr#menusub th:last-child {
	text-align: right;
}

table#reports td:first-child, table#reports td:nth-child(2n), table#reports td:nth-child(3n) {
	text-align: left;
}

table#reports td:nth-child(4n), table#reports td:nth-child(5n), table#reports td:nth-child(6n), table#reports td:last-child {
	text-align: center;
}

table#reports td:last-child {
	width:140px;
}

table#intervenants {
	width:100%;
	border-collapse:collapse;
}

table#intervenants td {
	border:1px solid #aaa;
	text-align:left;
}

table#documentation tr#menusub th:nth-child(2n), table#documentation tr#menusub th:nth-child(3n) {
	text-align: left;
}

table#documentation tr#menusub th:nth-child(4n) {
	text-align: right;
}

table#documentation td:first-child, table#documentation td:nth-child(2n) {
	text-align: left;
}

table#documentation td:nth-child(3n), table#documentation td:nth-child(4n), table#documentation td:nth-child(5n), table#documentation td:nth-child(6n), table#documentation td:nth-child(7n), table#documentation td:nth-child(8n), table#documentation td:nth-child(9n) {
	text-align: right;
}

table#documentation td:nth-child(10n), table#documentation td:nth-child(11n), table#documentation td:nth-child(12n), table#documentation td:nth-child(13n), table#documentation td:last-child {
	text-align: center;
}

table#documentation td:last-child {
	width:140px;
}

table#invoicing td:first-child, table#invoicing td:nth-child(9n), table#invoicing td:nth-child(10n), table#invoicing td:nth-child(11n), table#invoicing tr td:last-child {
	text-align: center;
}

table#invoicing td:nth-child(7n), table#invoicing td:nth-child(8n) {
	text-align: right;
}

table#invoicing td:first-child {
	width:100px;
}

table#invoicing td:nth-child(7n), table#invoicing td:nth-child(8n) {
	width:70px;
}

table#invoicing td:nth-child(9n) {
	width:30px;
}

table#invoicing td:nth-child(10n), table#invoicing td:nth-child(11n) {
	width:70px;
}

table#invoicing td:last-child {
	width:115px;
}

img {
	border:0;
	vertical-align:text-bottom;
}

ul {
	padding:3px;
}

li {
	display:inline;
}

textarea {
	width:100%;
	box-sizing: border-box;
}

input {
	width:100%;
	box-sizing: border-box;
}

option {
	margin: 0 2px 0;
}

option.heading1 {
	font-weight:700;
	margin: 5px 2px 3px;
}

.km {
	width:100%;
}

.year {
	width:auto;
}

.multiline_top {
	vertical-align:top;
}

.multiline_bottom {
	vertical-align:bottom;
}

.several input {
	width:auto;
}

.total td {
	background-color:#ddd;
}

.total {
	color:red;
}

.bolder {
	font-weight:800;
}

.error {
	color:red;
}

.highlight th {
	background-color:#ddd;
}
.highlight td {
	background-color:#eee;
}

.highlight1 td {
	background-color:#eee;
}

.highlight2 td {
	background-color:#e8e8e8;
}

.subtitle th {
	background-color:#ddd;
	font-weight:normal;
	text-align:left;
}

.subtitle th:first-child {
	text-align:right;
}

.subtotal th, .subtotal td {
	border: 1px solid #aaa;
	font-weight:700;
	color:#000;
	background-color:#ddd;
	empty-cells: show;
	padding:2px;
}

tr.name td, tr#nameother td, tr.estimate_reg td, tr#estimate_percentage td, tr#estimate_rate td, tr#estimate_fixed td, tr.displacement_reg td, tr#displacement_rate td {
	background-color:#eee;
}

table#send {
	width:100%;
}

table#send tr td:first-child {
	text-align:left;
}

table#send tr td:last-child {
	text-align:right;
}

table#send tr td input {
	width:auto;
}

tr#submit td {
	text-align:center;
}

tr#submit td input {
	width:auto;
}

input.number {
	text-align:right;
}

td.submit {
	text-align:right;
}

input[type="reset"], input[type="button"], input[type="submit"] {
	background-color:#eee;
	width:auto;
}

input[type="checkbox"] {
	width:auto;
}

input[type="button"].delete {
	background-color:red;
	color:#fff;
	width:auto;
}

.task_status_None { color: #ccc; }
.task_status_Pending { color: #f7962e; }
.task_status_Started { color: #aac949; }
.task_status_Standby { color: #0099ff; }
.task_status_Signed { color: #aac949; }
.task_status_Complete { color: #333; }
.task_status_Suspended { color: red; }
.task_status_Interrupted { color: #cc00cc; }

.bg_Started { background-color:#ff6; }

a:link { font-weight:500; text-decoration: none; }
a:visited { font-weight:500; text-decoration: none; }
a:hover { font-weight:500; text-decoration: none; }


/*
table#task td:first-child {
	width:100px;
}

table#task td:nth-child(3n) {
	width:70px;
}

table#task td:nth-child(4n) {
	width:70px;
}

table#task td:nth-child(5n) {
	width:70px;
}

table#task td:nth-child(6n) {
	width:50px;
}

table#task td:nth-child(7n) {
	width:40px;
}

table#task td:nth-child(8n) {
	width:150px;
}

table#task td:nth-child(9n) {
	width:70px;
}

table#task td:last-child {
	width:125px;
}

*/

table#task td:first-child
{
	text-align: center;
}

table#task td:nth-child(2n)
{
	text-align:left;
}

table#task td:nth-child(3n)
{
	text-align:center;
}

table#task td:nth-child(4n)
{
	text-align:center;
}

table#task td:nth-child(5n)
{
	text-align:center;
}

table#task td:nth-child(6n)
{
	text-align: center;
}

table#task td:nth-child(7n)
{
	text-align: center;
}

table#task td:nth-child(8n)
{
	text-align: center;
}

table#task td:nth-child(9n)
{
	text-align: center;
}

table#task td:nth-child(10n)
{
	text-align: center;
}

table#task td:nth-child(11n)
{
	text-align: center;
}

table#task td:nth-child(12n)
{
	text-align: center;
}

table#task td:nth-child(13n)
{
	text-align: left;
}

table#task td:nth-child(14n)
{
	text-align: left;
}

table#task td:nth-child(15n)
{
	text-align: center;
}

table#task td:nth-child(16n)
{
	text-align: right;
}

table#task td:nth-child(17n)
{
	text-align: right;
}

table#task td:nth-child(18n)
{
	text-align: right;
}

table#task td:nth-child(19n)
{
	text-align: right;
}

table#task td:nth-child(20n)
{
	text-align: center;
}

table#task td:last-child
{
	text-align: center; 
}












/* WEBC - CLASS - REFONTE ----------------------- -----------------------  ----------------------- ----------------------- */


body, html{height:100%;}

#webc_modal_bg{
    display: none;
    position: fixed;
    top:0; right:0; bottom:0; left:0;
    background-color: white;
    opacity: 0.8;
    z-index: 100;
}

.webc_clear {clear:both}

/* STRUCTURE BANNER */

#webc_top_banner {
	padding:6px; position:fixed; top:0; left:0; right:0; border-bottom:1px solid #95b532;z-index:10;
	background: #aac949;
	background: -moz-linear-gradient(top, #aac949 0%, #95b532 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aac949), color-stop(100%,#95b532));
	background: -webkit-linear-gradient(top, #aac949 0%,#95b532 100%);
	background: -o-linear-gradient(top, #aac949 0%,#95b532 100%);
	background: -ms-linear-gradient(top, #aac949 0%,#95b532 100%);
	background: linear-gradient(to bottom, #aac949 0%,#95b532 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aac949', endColorstr='#95b532',GradientType=0 );
}

#webc_top_banner_current_mission_box {
	float:right;width:300px; text-align:right; white-space:nowrap;
}
.webc_current_mission_icon {background: #ffffff; width:254px; height: 40px; float:left; text-align:center;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;color:#aac949;}
.webc_current_mission_icon_in { color:#ffffff;display:inline-block;background-color:orange; height:30px; line-height: 30px;width:30px;  text-align:center;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; }
.webc_current_mission_label {color:#ffffff;display:inline-block; height:30px; line-height: 30px; margin:5px; color:#333333}
.webc_current_mission_link {
	background: #ffffff; width:40px; height: 40px; float:right; text-align:center;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;color:#aac949;
}
.webc_current_mission_link_in {
	color:#ffffff;display:inline-block;background-color:#aac949; height:30px; line-height: 30px;width:30px; margin:5px;  text-align:center;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;
}

#webc_top_banner_ariane_box {
	width:auto; margin-right:310px; white-space:nowrap; overflow:hidden;
}

.webc_top_menu_link_box {
	display:inline-block;  color:#ffffff;
}
.webc_top_menu_link_separator {
	display:inline-block; line-height: 40px; color:#ffffff;
}
.webc_top_menu_link {
	color:#ffffff;margin:6px;padding:6px;
}
.webc_top_menu_link:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color:#82a31c;
	line-height: 20px;
	height:20px;
}
.webc_banner_avatar_box {
	background: #ffffff; width:40px; height: 40px; display:inline-block; text-align:center;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;color:#aac949;
}
.webc_banner_avatar_in {
	color:#ffffff;display:inline-block;background-color:#aac949; height:30px; line-height: 30px;width:30px; margin:5px;  text-align:center;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;
}

/* STRUCTURE MENU */

#webc_menu_col {
	width:46px; height:auto; position:fixed; top:47px; left:0; bottom:0; border-right:1px solid #95b532;z-index:10;
background: #95b532;
background: -moz-linear-gradient(top, #95b532 0%, #aac949 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95b532), color-stop(100%,#aac949));
background: -webkit-linear-gradient(top, #95b532 0%,#aac949 100%);
background: -o-linear-gradient(top, #95b532 0%,#aac949 100%);
background: -ms-linear-gradient(top, #95b532 0%,#aac949 100%);
background: linear-gradient(to bottom, #95b532 0%,#aac949 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95b532', endColorstr='#aac949',GradientType=0 );
} 

.webc_menu_col_vertical_tab_active {
	background-color: #ffffff;
	background-repeat:no-repeat; 
	background-position:center;;
	background-size:160%; width:40px; height: 40px; display:block;line-height: 40px;margin:6px; margin-bottom:0; margin-right:0; text-align:center;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	border-right:1px solid #ffffff;
}

.webc_menu_col_vertical_tab_inactive {
	background-color: none;
	background-image: url(images/webc/contact_w.png); 
	background-repeat:no-repeat; 
	background-position:center;;
	background-size:160%; width:39px; height: 40px; display:block;line-height: 40px;margin:6px; margin-bottom:0;margin-right:0; text-align:center;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.webc_menu_col_vertical_tab_calendar_w {background-image: url(../images/webc/calendar_w.png); color:#ffffff; }
.webc_menu_col_vertical_tab_contact_w {background-image: url(../images/webc/contact_w.png); }
.webc_menu_col_vertical_tab_project_w {background-image: url(../images/webc/project_w.png); }
.webc_menu_col_vertical_tab_task_w {background-image: url(../images/webc/task_w.png); }
.webc_menu_col_vertical_tab_todo_w {background-image: url(../images/webc/todo_w.png); }
.webc_menu_col_vertical_tab_doc_w {background-image: url(../images/webc/doc_w.png); }
.webc_menu_col_vertical_tab_invoice_w {background-image: url(../images/webc/invoice_w.png); }
.webc_menu_col_vertical_tab_config_w {background-image: url(../images/webc/config_w.png); }
.webc_menu_col_vertical_tab_logout {background-image: url(../images/webc/logout_w.png); }

.webc_menu_col_vertical_tab_calendar_g {background-image: url(../images/webc/calendar_g.png);  color:#aac949; }
.webc_menu_col_vertical_tab_contact_g {background-image: url(../images/webc/contact_g.png); }
.webc_menu_col_vertical_tab_project_g {background-image: url(../images/webc/project_g.png); }
.webc_menu_col_vertical_tab_task_g {background-image: url(../images/webc/task_g.png); }
.webc_menu_col_vertical_tab_todo_g {background-image: url(../images/webc/todo_g.png); }
.webc_menu_col_vertical_tab_doc_g {background-image: url(../images/webc/doc_g.png); }
.webc_menu_col_vertical_tab_invoice_g {background-image: url(../images/webc/invoice_g.png); }
.webc_menu_col_vertical_tab_config_g {background-image: url(../images/webc/config_g.png); }

.webc_menu_col_vertical_tab_inactive:hover {
	background-color:#82a31c;
	border-right:1px solid #82a31c;
}

#webc_main_col {
	position:absolute; top:52px;left:46px;width: auto; padding:6px; padding-right:3px;bottom:0; right:0;z-index:5;
}


.webc_loader_16 {
	width:20px;
	height:20px;
	background-image: url('../images/loader_64.gif');
	background-size: 16px;
	background-position: center;
	background-repeat:no-repeat;
	display:inline-block;
}

.webc_loader_32 {
	width:40px;
	height:40px;
	background-image: url('../images/loader_64.gif');
	background-size: 32px;
	background-position: center;
	background-repeat:no-repeat;
	display:inline-block;
}

.webc_loader_32_cover {
	width:100%;
	height:100%;
	min-height:300px;
	background-image: url('../images/loader_64.gif');
	background-size: 32px;
	background-position: center;
	background-repeat:no-repeat;
}

/* JUSTE DEV INFO */

.webc_dev_log_box {
	position: fixed;
	bottom:0;
	left:0;
	right:0;
	height:20px;
	background-color: #eeeeee;
	overflow:hidden;
	display:none;
	z-index:100000;
}

.webc_dev_log_box:hover {
	height:auto;
	overflow:initial;
}

/* LOGIN PAGE AND FORM ELEMENTS GENERAL STYLE */

.webc_login_form {
	color:#666666;
}

.webc_login_form_link,.webc_login_form_link:visited,.webc_login_form_link:active {
	color:#666666;
	text-decoration:none;
}
.webc_login_form_link:hover {
	color:#666666;
	text-decoration:underline;
}

.webc_login_form_shake_no {
    /* also need animation and -moz-animation */
    -webkit-animation: shake .6s linear;
	-webkit-animation: shake .6s linear;
	-moz-animation:    shake .6s linear;
	-o-animation:      shake .6s linear;
	animation:         shake .6s linear;
}


@-webkit-keyframes shake {
    8%, 41% {
        -webkit-transform: translateX(-20px);
    }
    25%, 58% {
        -webkit-transform: translateX(20px);
    }
    75% {
        -webkit-transform: translateX(-7px);
    }
    92% {
        -webkit-transform: translateX(7px);
    }
    0%, 100% {
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes shake {
    8%, 41% {
        -moz-transform: translateX(-20px);
    }
    25%, 58% {
        -moz-transform: translateX(20px);
    }
    75% {
        -moz-transform: translateX(-7px);
    }
    92% {
        -moz-transform: translateX(7px);
    }
    0%, 100% {
        -moz-transform: translateX(0);
    }
}
@-o-keyframes shake {
    8%, 41% {
        -o-transform: translateX(-20px);
    }
    25%, 58% {
        -o-transform: translateX(20px);
    }
    75% {
        -o-transform: translateX(-7px);
    }
    92% {
        -o-transform: translateX(7px);
    }
    0%, 100% {
        -o-transform: translateX(0);
    }
}
@keyframes shake {
    8%, 41% {
        transform: translateX(-20px);
    }
    25%, 58% {
        transform: translateX(20px);
    }
    75% {
        transform: translateX(-7px);
    }
    92% {
        transform: translateX(7px);
    }
    0%, 100% {
        transform: translateX(0);
    }
}

#mass_tool_barr {background : #82a31c; width:100%}
.mass_tool_barr_in {padding-left: 6px; padding-right:6px; width:auto; overflow:hidden}
.mass_tool_barr_in_left {float:left; width:70%; height: 42px; line-height:42px; color:#ffffff}
.mass_tool_barr_in_right {float:right; text-align:right; width:30%;height: 30px; margin-top:6px;}
#contact_show, #contact_total {color:#ffffff; font-weight:bold;}
.nbr_items_by_page {margin-left:40px; display:inline-block;color:#ffffff;margin-right:5px;}
#amount_of_items_by_contact_list_page {margin-right:6px; width:auto;}
.nbr_items_by_page_end {display:inline-block;color:#ffffff; }

.webc_client_list_form { height:calc(100% - 52px); width:calc(100% - 3px); background-color:#f8f8f8; }
#menusub_contact_list { height:50px; line-height:30px; position:fixed; left: 0px; right:0; top: 52px; padding-top:6px; padding-bottom:3px; background:#ffffff; width:100%;z-index:6; }
.menusub_contact_list_in {overflow:hidden;height:30px;width:auto;margin-left:52px; margin-right: 6px;}

.webc_login_form input[type="text"], .webc_client_list_form input[type="text"], .webc_login_form input[type="password"] {
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	padding: 10px;
	border: solid 1px #dcdcdc;
	transition: box-shadow 0.3s, border 0.3s;
	-moz-box-sizing: border-box; /* or `border-box` */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height:40px;
}

.webc_client_list_form input[type="text"] {
	height:30px;
	padding-top:0; padding-bottom:0;
	line-height:30px;
}

.webc_login_form input[type="text"]:focus,
.webc_login_form input[type="text"].focus,
.webc_client_list_form input[type="text"]:focus, 
.webc_client_list_form input[type="text"].focus,
.webc_login_form input[type="password"]:focus,
.webc_login_form input[type="password"].focus {
	border: solid 1px #666666;
	box-shadow: 0 0 5px 1px #969696;
} 

.webc_login_form select, .webc_calendar_form select, .webc_client_list_form select {
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	padding: 10px;
	padding-right:46px;
	border: solid 1px #dcdcdc;
	transition: box-shadow 0.3s, border 0.3s;
	-moz-box-sizing: border-box; /* or `border-box` */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height:40px;

		  background-image:
		    linear-gradient(45deg, transparent 50%, gray 50%),
		    linear-gradient(135deg, gray 50%, transparent 50%),
		    linear-gradient(to right, #ccc, #ccc);
		  background-position:
		    calc(100% - 16px) calc(1em + 5px),
		    calc(100% - 11px) calc(1em + 5px),
		    calc(100% - 2.5em) 0.5em;
		  background-size:
		    5px 5px,
		    5px 5px,
		    1px 2.2em;
		  background-repeat: no-repeat;

}

.webc_calendar_form select, .webc_client_list_form select { height:30px; padding: 5px; padding-right:46px;
		  background-image:
		    linear-gradient(45deg, transparent 50%, gray 50%),
		    linear-gradient(135deg, gray 50%, transparent 50%),
		    linear-gradient(to right, #ccc, #ccc);
		  background-position:
		    calc(100% - 16px) calc(1em + 1px),
		    calc(100% - 11px) calc(1em + 1px),
		    calc(100% - 2.5em) 0.4em;
		  background-size:
		    5px 5px,
		    5px 5px,
		    1px 1.58em;
}



.webc_login_form select:focus, 
.webc_login_form select.focus, 
.webc_calendar_form select:focus, 
.webc_calendar_form select.focus,
.webc_client_list_form select:focus,
.webc_client_list_form select.focus {
	border: solid 1px #666666;
	box-shadow: 0 0 5px 1px #969696;


		  outline: 0;

}

select::-ms-expand {   display: none; }

#trigger_client_list, #trigger_project_list, #this_user_calendar {
	max-width: 180px
}

.webc_login_form input[type="submit"],.webc_login_form input[type="button"],#webc_contact_filters_lists input[type="button"] { 
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-family: Arial;
	color: #ffffff;
	font-size: 12px;
	background-color: #aac949;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	border:0;
	cursor:pointer;
	-moz-box-sizing: border-box; /* or `border-box` */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height:40px;

}

.webc_login_form input[type="submit"]:hover,.webc_login_form input[type="button"]:hover,#webc_contact_filters_lists input[type="button"]:hover {
	background: #aac949;
	background-image: -webkit-linear-gradient(top, #aac949, #a5d412);
	background-image: -moz-linear-gradient(top, #aac949, #a5d412);
	background-image: -ms-linear-gradient(top, #aac949, #a5d412);
	background-image: -o-linear-gradient(top, #aac949, #a5d412);
	background-image: linear-gradient(to bottom, #aac949, #a5d412);
	text-decoration: none;
}

#webc_contact_filters_lists input[type="button"] {
	display:none;
	margin-top:10px;	
}



.webc_contact_list_button_edit { 
	text-decoration:none; 
	width:26px; 
	height:26px; 
	display:inline-block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color:#aac949;
	line-height:26px;
	color:#fff;
	text-align:center;
	margin-left:10px;
}
.webc_contact_list_button_supp { 
	text-decoration:none; 
	width:26px; 
	height:26px; 
	display:inline-block;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	background-color:orange;
	line-height:26px;
	color:#fff;
	text-align:center;
	margin-left:10px;
}

.webc_contact_list_button_map {
	text-decoration:none; 
	width:26px; 
	height:26px; 
	display:inline-block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color:lightBlue;
	line-height:26px;
	color:#fff;
	text-align:center;
	margin-left:10px;
}
.webc_contact_list_button_pdf {
	text-decoration:none; 
	width:26px; 
	height:26px; 
	display:inline-block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color:red;
	line-height:26px;
	color:#fff;
	text-align:center;
	margin-left:10px;

	/* ICI le code pour ajouter une image de fond en CSS */

	background-repeat:no-repeat;
	background-position:center;
	background-size:17px;
	background-image:url(../images/webc/icon_pdf.png);
	text-indent: -1000em;
}
.webc_contact_list_button_pdf:hover {
background-color:black;
}

.webc_contact_list_button_todo { 
	text-decoration:none; 
	width:26px; 
	height:26px; 
	display:inline-block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color:#aac949;
	line-height:26px;
	color:#fff;
	text-align:center;
	margin-left:10px;
}

.webc_contact_list_button_work { 
	text-decoration:none; 
	width:26px; 
	height:26px; 
	display:inline-block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color:#aac949;
	line-height:26px;
	color:#fff;
	text-align:center;
	margin-left:10px;
}

.webc_contact_list_button_chrono { 
	text-decoration:none; 
	width:26px; 
	height:26px; 
	display:inline-block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color:#aac949;
	line-height:26px;
	color:#fff;
	text-align:center;
	margin-left:10px;
}

.webc_contact_list_button_task { 
	text-decoration:none; 
	width:26px; 
	height:26px; 
	display:inline-block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color:#aac949;
	line-height:26px;
	color:#fff;
	text-align:center;
	margin-left:10px;
}

.webc_contact_list_button_invoice { 
	text-decoration:none; 
	width:26px; 
	height:26px; 
	display:inline-block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color:#aac949;
	line-height:26px;
	color:#fff;
	text-align:center;
	margin-left:10px;
}

.webc_contact_list_button_inactive {
	opacity : 0.2;
	pointer-events: none;
   	cursor: default;
}

.webc_cell_gradient {
	background: -moz-linear-gradient(left, rgba(238,238,238,0) 0%, rgba(238,238,238,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(238,238,238,0)), color-stop(100%,rgba(238,238,238,1)));
	background: -webkit-linear-gradient(left, rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);
	background: -o-linear-gradient(left, rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);
	background: -ms-linear-gradient(left, rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);
	background: linear-gradient(to right, rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eeeeee', endColorstr='#eeeeee',GradientType=1 );
	position:absolute;margin-left:60%; width:40%; height:100%;
}

.webc_cell_gradient_impair {
	background: -moz-linear-gradient(left, rgba(218,218,218,0) 0%, rgba(218,218,218,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(218,218,218,0)), color-stop(100%,rgba(218,218,218,1)));
	background: -webkit-linear-gradient(left, rgba(218,218,218,0) 0%,rgba(218,218,218,1) 100%);
	background: -o-linear-gradient(left, rgba(218,218,218,0) 0%,rgba(218,218,218,1) 100%);
	background: -ms-linear-gradient(left, rgba(218,218,218,0) 0%,rgba(218,218,218,1) 100%);
	background: linear-gradient(to right, rgba(218,218,218,0) 0%,rgba(218,218,218,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dadafa', endColorstr='#dadada',GradientType=1 );
	position:absolute;margin-left:60%; width:40%; height:100%;
}




/* ----- CALENDAR ------ */


.webc_calendar_slide {
	width:33.33%;
	float:left;
	z-index:0;
}

.webc_calendar_container {
	/*background: #eeeeee;*/
	overflow: hidden;
	width:100%; 
}
.webc_calendar_container_in {
	/*background: #eeeeee;*/
	width:100%; height: 100%;
}
.webc_calendar_line_week {
	display:table;width:100%;background-color:#ffffff;
}
.webc_calendar_line_week_in {
	display:table-cell;min-height: 100%; height:0; /* BIZARRE... without the height : 0, the hight is wird on safari, but OK on moz */
}
.webc_calendar_line_week_in_split_left_week_num {
	height:100%; float:left; width:30px; background: #cccccc;border-right: 3px solid #ffffff;
    border-top: 3px solid #ffffff; box-sizing: border-box;text-align:center; display:table;
}
.webc_calendar_line_week_in_split_left_week_days {
	display:table;height:100%;width:auto; margin-left:30px;
}

.webc_calendar_day_row {
	display: table-cell;
	vertical-align: top;
}
.webc_calendar_day_row_in {
	display: table;
	height:100%;
}

.webc_calendar_day_box {
	width:14.285vw;
	float: none;
	/*margin-bottom: -99999px;
	padding-bottom: 99999px;*/
	display:table-cell;
	vertical-align: top;
	background: #eeeeee;
	box-sizing:border-box;
	  -moz-box-sizing:border-box;
	  -webkit-box-sizing:border-box;
	border-right:3px solid #ffffff;
	border-top:3px solid #ffffff;



}

.webc_calendar_day_box_off {background:#f8f8f8;}

.webc_calendar_day_box_spacer{
	display:none;
	background:#f8f8f8;
}

.webc_calendar_day {

    width:auto;
    padding:6px;
	min-width: 114px;

	
}

.webc_calendar_day_box_today {
	background:#f9f7b9;
}
.webc_calendar_day_header_container, .webc_contact_listing_header_container {
	width:100%;background-color:#ffffff;
}
.webc_calendar_day_header_container_in {
	width: calc(100% - 88px);
	width: -webkit-calc(100% - 88px);
	display:table;
	margin-left: 82px;
}
.webc_contact_listing_header_container_in {
	width: calc(100% - 58px);
	width: -webkit-calc(100% - 58px);
	/*display:table;*/
	margin-left: 52px;
}
.webc_contact_listing_header_container_in_in {width:auto; margin-left:6px; margin-right:6px;}

.webc_calendar_day_header {
	width:14.285vw;
	min-width: 126px;
	height:20px;
	line-height:20px;
	box-sizing:border-box;
	  -moz-box-sizing:border-box;
	  -webkit-box-sizing:border-box;
	border-right:3px solid #ffffff;
	display:table-cell;
	border-top:3px solid #ffffff;
}
.webc_calendar_day_planing_km_and_time {
	width:auto;margin-left:30px; margin-right:30px;text-align:center;
}
.webc_calendar_day_planing_km {
	font-size: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color:#ffffff;
	display:inline-block;
	width:auto;
	padding-left:6px; padding-right:6px;
	height:22px; line-height:22px; 
	white-space:nowrap;

}
.webc_calendar_day_planing_time {
	font-size: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color:#ffffff;
	display:inline-block;
	width:auto;
	padding-left:6px;  padding-right:6px;
	height:22px;line-height:22px; 
	white-space:nowrap;
	margin-right:3px;

}
.webc_calendar_day_planing_num_day {
	font-size: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#2f92f8;
	color:#ffffff;
	display:inline-block;
	width:auto;
	height:22px; line-height:22px; width:22px; margin-right:3px;
	text-align:center;
	float:left;

}
.webc_calendar_day_planing_num_week_container {
	display:table-cell;
	vertical-align: middle;
	height:100%;
}
.webc_calendar_day_planing_num_week {
	font-size: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#666666;
	color:#ffffff;
	display:inline-block;
	width:22px;
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;


}
.webc_calendar_day_planing_add_item {
	font-size: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#aac949;
	color:#ffffff;
	display:inline-block;
	width:auto;
	height:22px; line-height:22px; width:22px; margin-right:0px;
	text-align:center;
	float:right;

}
.webc_calendar_line_in_day, a.webc_calendar_line_in_day {
	width:100%;
	font-size: 10px;
    font-weight: normal;
    border-bottom:1px dashed #cccccc;
    padding-top:3px; padding-bottom:3px;
    display:block;
}
.webc_calendar_line_in_day_top {
	font-size: 10px;
    font-weight: normal;
    border-bottom:1px dashed #cccccc;
    padding-top:3px; padding-bottom:3px;
}
.webc_calendar_line_in_day:hover { background-color:#cccccc; cursor: pointer}
.webc_calendar_day .webc_calendar_line_in_day:last-child {    
	border-bottom:0px dashed #cccccc;
    padding-bottom:0px; margin-bottom:0px;
}
.webc_calendar_line_in_day_label_col {
	/* margin-right:76px; */
	width:auto; 
	font-size: 10px;
}
.webc_calendar_line_in_day_label_col a {font-size: 10px;}
.webc_calendar_line_in_day_time_col {
	float:right;
	width:70px;
	text-align:right;
	font-size: 10px;
}

.webc_calendar_next {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float:right;
	width:30px;
	text-align:center;
	height:30px;
	color:#ffffff;
	background-image: url(../images/arrow-right-white.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:80%;
	background-color: #aac949;

}
.webc_calendar_prev {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float:left;
	width:30px;
	text-align:center;
	height:30px;
	color:#ffffff;
	background-image: url(../images/arrow-left-white.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:80%;
	background-color: #aac949;
}
.webc_calendar_prev_next_off{
	opacity : 0.2;
	pointer-events: none;
   	cursor: default;
}

.webc_create_new_contact_btn {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float:left;
	width:30px;
	text-align:center;
	height:30px;
	line-height:30px;
	color:#ffffff;
	background-image: url(../images/webc/add_member_w.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:140%;
	background-color: #aac949;
	margin-right:6px;
}

.webc_search_filter_on_mobile_btn {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float:right;
	width:30px;
	text-align:center;
	height:30px;
	line-height:30px;
	color:#ffffff;
	background-image: url(../images/webc/search_w.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:140%;
	background-color: #aac949;
	margin-left:6px;
	display:none;
}


.webc_mass_action_btn {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float:right;
	width:30px;
	text-align:center;
	height:30px;
	line-height:30px;
	color:#ffffff;
	background-repeat:no-repeat;
	background-position:center;
	background-size:80%;
	background-color: #aac949;
}

.webc_clean_search_field {
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	display: inline-block;
	width:30px;
	text-align:center;
	height:30px;
	line-height:30px;
	color:#ffffff;
	background-repeat:no-repeat;
	background-position:center;
	background-size:80%;
	background-color: #aac949;
	opacity : 0.2;
	pointer-events: none;
   	cursor: default;
}

.webc_clean_search_field_active {
	opacity : 1;
	pointer-events: auto;
   	cursor: pointer;
}

#webc_month_current_name {
	font-weight:bold;
	width:auto;
	margin-right:33px;
	margin-left:33px;
	text-align:center; 
	display:block;
}
#webc_month_choice_listing, #webc_contact_choice_listing {
	position:fixed;
	top:83px; 
	left:90px; 
	width:212px; 
	height: 200px; 
	z-index: 20;
	text-align:center;
	display:none;
}
#webc_contact_choice_listing {
	left:126px; 
	width:176px; 
}
.webc_month_choice_listing_arrows_box {
	position:relative;
	height:12px; width:100%;
	display:inline-block;
	text-align:left;
}
.webc_month_choice_listing_arrow {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #ffffff transparent;
	display:inline-block;
	position:absolute;
	z-index: 22;
	left:50%;
	margin-left:-5px;
	top:2px;
}
.webc_month_choice_listing_arrow_shadow {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 12px 12px 12px;
	border-color: transparent transparent #cccccc transparent;
	display:inline-block;
	position:absolute;
	z-index: 21;
	left:50%;
	margin-left:-7px;
}
.webc_month_choice_listing_box, .webc_client_choice_listing_box {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	/*border: solid 1px #666666;*/
	box-shadow: 0 0 5px 1px #969696;
	display:none;
	background:#ffffff; 
	width:212px; 
	height: 200px; 
	display:block;
	overflow-y: scroll;
}
.webc_client_choice_listing_box {
	width:176px; 
}


a.webc_month_choice_listing_item, a.webc_contact_choice_listing_item {
	padding-top:6px;
	padding-bottom:6px; border-bottom:1px solid #eeeeee;
	width:auto;
	margin-left:10px; margin-right:10px;
	display:block;
	text-align:center
}
a.webc_month_choice_listing_item_current, a.webc_contact_choice_listing_item_current {
	font-weight:bold;
	color:#2f92f8;
}
a.webc_month_choice_listing_item:last-child, a.webc_contact_choice_listing_item:last-child {
	border:0;
}

#webc_calendar_navigation, #webc_contact_navigation {
	float:left;  width:290px;
}
#webc_calendar_filters, #webc_contact_filters {
	width:auto; text-align: right; margin-left:300px;/*margin-right:3px;*/
}

#webc_contact_filters_lists {
	width:auto;
	z-index:101;
}


.webc_calendar_color_puce {
	display:inline-block;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width:6px; height:6px;
	background-color:red; margin-right:3px;
}

.webc_total_line {
	min-width: 900px;
	text-align:right; width: calc(100% - 3px); -webkit-width: calc(100% - 3px); height:22px; line-height:20px; background-color:#cccccc; float:left; border-top:3px solid #ffffff;padding-top:3px; padding-bottom:3px;
}
.webc_total_line_label {
	display:inline-block;padding-left:6px;padding-right:6px;
}
.webc_total_line_label_time {
	display:inline-block;padding-left:20px;padding-right:6px;
}

.webc_calendar_letter_day {
	display:none;
}


/* ------ REPLACE JS ANIMATION BY CSS ANIMATION ------ */

@-webkit-keyframes webc_calendar_bounceInLeft { 
    0% { 
    	-webkit-transform: translate3d(0, 0, 0);
        -webkit-transform: translateX(0); 
    } 
    100% { 
    	-webkit-transform: translate3d(0, 0, 0);
        -webkit-transform: translateX(33.3333%); 
    } 
} 

@-moz-keyframes webc_calendar_bounceInLeft { 
    0% { 
    	-moz-transform: translate3d(0, 0, 0);
        -moz-transform: translateX(0); 
    } 
    100% { 
    	-moz-transform: translate3d(0, 0, 0);
        -moz-transform: translateX(33.3333%); 
    } 
} 

@-o-keyframes webc_calendar_bounceInLeft { 
    0% { 
    	-o-transform: translate3d(0, 0, 0);
        -o-transform: translateX(0); 
    } 
    100% { 
    	-o-transform: translate3d(0, 0, 0);
        -o-transform: translateX(33.3333%); 
    } 
} 
@-ms-keyframes webc_calendar_bounceInLeft { 
    0% { 
    	-ms-transform: translate3d(0, 0, 0);
        -ms-transform: translateX(0); 
    } 
    100% { 
    	-ms-transform: translate3d(0, 0, 0);
        -ms-transform: translateX(33.3333%); 
    } 
} 

@keyframes webc_calendar_bounceInLeft { 
    0% { 
    	transform: translate3d(0, 0, 0);
        transform: translateX(0); 
    } 
    100% { 
    	transform: translate3d(0, 0, 0);
        transform: translateX(33.3333%); 
    } 
} 

@-webkit-keyframes webc_calendar_bounceInRight { 
    0% { 
    	-webkit-transform: translate3d(0, 0, 0);
        -webkit-transform: translateX(0); 
    } 
    100% { 
    	-webkit-transform: translate3d(0, 0, 0);
        -webkit-transform: translateX(-33.3333%); 
    } 
} 

@-moz-keyframes webc_calendar_bounceInRight { 
    0% { 
    	-moz-transform: translate3d(0, 0, 0);
        -moz-transform: translateX(0); 
    } 
    100% { 
    	-moz-transform: translate3d(0, 0, 0);
        -moz-transform: translateX(-33.3333%); 
    } 
}

@-o-keyframes webc_calendar_bounceInRight { 
    0% { 
    	-o-transform: translate3d(0, 0, 0);
        -o-transform: translateX(0); 
    } 
    100% { 
    	-o-transform: translate3d(0, 0, 0);
        -o-transform: translateX(-33.3333%); 
    } 
}

@-ms-keyframes webc_calendar_bounceInRight { 
    0% { 
    	-ms-transform: translate3d(0, 0, 0);
        -ms-transform: translateX(0); 
    } 
    100% { 
    	-ms-transform: translate3d(0, 0, 0);
        -ms-transform: translateX(-33.3333%); 
    } 
}

@keyframes webc_calendar_bounceInRight { 
    0% { 
    	transform: translate3d(0, 0, 0);
        transform: translateX(0); 
    } 
    100% { 
    	transform: translate3d(0, 0, 0);
        transform: translateX(-33.3333%); 
    } 
} 
.webc_calendar_bounceInLeft { 
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-o-animation-duration: 0.5s; 
	-ms-animation-duration: 0.5s; 
	-moz-animation-duration: 0.5s; 
    -webkit-animation-duration: 0.5s; 
    animation-duration: 0.5s; 
    -o-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both;     
	-o-animation-name: webc_calendar_bounceInLeft; 
	-moz-animation-name: webc_calendar_bounceInLeft; 
	-ms-animation-name: webc_calendar_bounceInLeft; 
    -webkit-animation-name: webc_calendar_bounceInLeft; 
    animation-name: webc_calendar_bounceInLeft; 
}
.webc_calendar_bounceInRight { 
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-o-animation-duration: 0.5s; 
	-ms-animation-duration: 0.5s; 
	-moz-animation-duration: 0.5s; 
    -webkit-animation-duration: 0.5s; 
    animation-duration: 0.5s; 
    -o-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both;     
	-o-animation-name: webc_calendar_bounceInRight; 
	-moz-animation-name: webc_calendar_bounceInRight; 
	-ms-animation-name: webc_calendar_bounceInRight; 
    -webkit-animation-name: webc_calendar_bounceInRight; 
    animation-name: webc_calendar_bounceInRight; 
}

@-webkit-keyframes webc_month_current_name_move_Right { 
    0% { 
    	-webkit-transform: translate3d(0, 0, 0);
        -webkit-transform: translateX(0);
        opacity:1; 
    } 
    100% { 
    	-webkit-transform: translate3d(0, 0, 0);
        -webkit-transform: translateX(-40px);
        opacity:0; 
    } 
} 

@-moz-keyframes webc_month_current_name_move_Right { 
    0% { 
    	-moz-transform: translate3d(0, 0, 0);
        -moz-transform: translateX(0);
        opacity:1; 
    } 
    100% { 
    	-moz-transform: translate3d(0, 0, 0);
        -moz-transform: translateX(-40px);
        opacity:0; 
    } 
}

@-o-keyframes webc_month_current_name_move_Right { 
    0% { 
    	-o-transform: translate3d(0, 0, 0);
        -o-transform: translateX(0);
        opacity:1; 
    } 
    100% { 
    	-o-transform: translate3d(0, 0, 0);
        -o-transform: translateX(-40px);
        opacity:0; 
    } 
}

@-ms-keyframes webc_month_current_name_move_Right { 
    0% { 
    	-ms-transform: translate3d(0, 0, 0);
        -ms-transform: translateX(0);
        opacity:1; 
    } 
    100% { 
    	-ms-transform: translate3d(0, 0, 0);
        -ms-transform: translateX(-40px);
        opacity:0; 
    } 
}

@keyframes webc_month_current_name_move_Right { 
    0% { 
    	transform: translate3d(0, 0, 0);
        transform: translateX(0); 
        opacity:1;
    } 
    100% { 
    	transform: translate3d(0, 0, 0);
        transform: translateX(-40px);
        opacity:0; 
    } 
} 

.webc_month_current_name_move_to_r {
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-o-animation-duration: 0.15s; 
	-ms-animation-duration: 0.15s; 
	-moz-animation-duration: 0.15s; 
    -webkit-animation-duration: 0.15s; 
    animation-duration: 0.15s; 
    -o-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both;     
	-o-animation-name: webc_month_current_name_move_Right; 
	-moz-animation-name: webc_month_current_name_move_Right; 
	-ms-animation-name: webc_month_current_name_move_Right; 
    -webkit-animation-name: webc_month_current_name_move_Right; 
    animation-name: webc_month_current_name_move_Right; 
}

@-webkit-keyframes webc_month_current_name_move_Left { 
    0% { 
    	-webkit-transform: translate3d(0, 0, 0);
        -webkit-transform: translateX(40px);
        opacity:0; 
    } 
    100% { 
    	-webkit-transform: translate3d(0, 0, 0);
        -webkit-transform: translateX(0px); 
        opacity:1; 
    } 
} 

@-moz-keyframes webc_month_current_name_move_Left { 
    0% { 
    	-moz-transform: translate3d(0, 0, 0);
        -moz-transform: translateX(40px);
        opacity:0; 
    } 
    100% { 
    	-moz-transform: translate3d(0, 0, 0);
        -moz-transform: translateX(0px);
        opacity:1; 
    } 
}

@-o-keyframes webc_month_current_name_move_Left { 
    0% { 
    	-o-transform: translate3d(0, 0, 0);
        -o-transform: translateX(40px);
        opacity:0; 
    } 
    100% { 
    	-o-transform: translate3d(0, 0, 0);
        -o-transform: translateX(0px);
        opacity:1; 
    } 
}

@-ms-keyframes webc_month_current_name_move_Left { 
    0% { 
    	-ms-transform: translate3d(0, 0, 0);
        -ms-transform: translateX(40px);
        opacity:0; 
    } 
    100% { 
    	-ms-transform: translate3d(0, 0, 0);
        -ms-transform: translateX(0px);
        opacity:1; 
    } 
}

@keyframes webc_month_current_name_move_Left { 
    0% { 
    	transform: translate3d(0, 0, 0);
        transform: translateX(40px); 
        opacity:0;
    } 
    100% { 
    	transform: translate3d(0, 0, 0);
        transform: translateX(0px);
        opacity:1; 
    } 
} 

.webc_month_current_name_move_to_l {
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-o-animation-duration: 0.15s; 
	-ms-animation-duration: 0.15s; 
	-moz-animation-duration: 0.15s; 
    -webkit-animation-duration: 0.15s; 
    animation-duration: 0.15s; 
    -o-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both;     
	-o-animation-name: webc_month_current_name_move_Left; 
	-moz-animation-name: webc_month_current_name_move_Left; 
	-ms-animation-name: webc_month_current_name_move_Left; 
    -webkit-animation-name: webc_month_current_name_move_Left; 
    animation-name: webc_month_current_name_move_Left; 
}

 /* --- same in reverse mode ----*/

@-webkit-keyframes webc_month_current_name_move_Right_reverse { 
    0% { 
    	-webkit-transform: translate3d(0, 0, 0);
        -webkit-transform: translateX(0px);
        opacity:1; 
    } 
    100% { 
    	-webkit-transform: translate3d(0, 0, 0);
        -webkit-transform: translateX(40px);
        opacity:0; 
    } 
} 

@-moz-keyframes webc_month_current_name_move_Right_reverse { 
    0% { 
    	-moz-transform: translate3d(0, 0, 0);
        -moz-transform: translateX(0px);
        opacity:1; 
    } 
    100% { 
    	-moz-transform: translate3d(0, 0, 0);
        -moz-transform: translateX(40px);
        opacity:0; 
    } 
}

@-o-keyframes webc_month_current_name_move_Right_reverse { 
    0% { 
    	-o-transform: translate3d(0, 0, 0);
        -o-transform: translateX(0px);
        opacity:1; 
    } 
    100% { 
    	-o-transform: translate3d(0, 0, 0);
        -o-transform: translateX(40px);
        opacity:0; 
    } 
}

@-ms-keyframes webc_month_current_name_move_Right_reverse { 
    0% { 
    	-ms-transform: translate3d(0, 0, 0);
        -ms-transform: translateX(0px);
        opacity:1; 
    } 
    100% { 
    	-ms-transform: translate3d(0, 0, 0);
        -ms-transform: translateX(40px);
        opacity:0; 
    } 
}

@keyframes webc_month_current_name_move_Right_reverse{ 
    0% { 
    	transform: translate3d(0, 0, 0);
        transform: translateX(0px); 
        opacity:1;
    } 
    100% { 
    	transform: translate3d(0, 0, 0);
        transform: translateX(40px);
        opacity:0; 
    } 
} 

.webc_month_current_name_move_to_r_reverse {
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-o-animation-duration: 0.15s; 
	-ms-animation-duration: 0.15s; 
	-moz-animation-duration: 0.15s; 
    -webkit-animation-duration: 0.15s; 
    animation-duration: 0.15s; 
    -o-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both;     
	-o-animation-name: webc_month_current_name_move_Right_reverse; 
	-moz-animation-name: webc_month_current_name_move_Right_reverse; 
	-ms-animation-name: webc_month_current_name_move_Right_reverse; 
    -webkit-animation-name: webc_month_current_name_move_Right_reverse; 
    animation-name: webc_month_current_name_move_Right_reverse; 
}

@-webkit-keyframes webc_month_current_name_move_Left_reverse { 
    0% { 
    	-webkit-transform: translate3d(0, 0, 0);
        -webkit-transform: translateX(-40px);
        opacity:0; 
    } 
    100% { 
    	-webkit-transform: translate3d(0, 0, 0);
        -webkit-transform: translateX(0px); 
        opacity:1; 
    } 
} 

@-moz-keyframes webc_month_current_name_move_Left_reverse { 
    0% { 
    	-moz-transform: translate3d(0, 0, 0);
        -moz-transform: translateX(-40px);
        opacity:0; 
    } 
    100% { 
    	-moz-transform: translate3d(0, 0, 0);
        -moz-transform: translateX(0px);
        opacity:1; 
    } 
}

@-o-keyframes webc_month_current_name_move_Left_reverse { 
    0% { 
    	-o-transform: translate3d(0, 0, 0);
        -o-transform: translateX(-40px);
        opacity:0; 
    } 
    100% { 
    	-o-transform: translate3d(0, 0, 0);
        -o-transform: translateX(0px);
        opacity:1; 
    } 
}

@-ms-keyframes webc_month_current_name_move_Left_reverse { 
    0% { 
    	-ms-transform: translate3d(0, 0, 0);
        -ms-transform: translateX(-40px);
        opacity:0; 
    } 
    100% { 
    	-ms-transform: translate3d(0, 0, 0);
        -ms-transform: translateX(0px);
        opacity:1; 
    } 
}

@keyframes webc_month_current_name_move_Left_reverse { 
    0% { 
    	transform: translate3d(0, 0, 0);
        transform: translateX(-40px); 
        opacity:0;
    } 
    100% { 
    	transform: translate3d(0, 0, 0);
        transform: translateX(0px);
        opacity:1; 
    } 
} 

.webc_month_current_name_move_to_l_reverse {
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-o-animation-duration: 0.15s; 
	-ms-animation-duration: 0.15s; 
	-moz-animation-duration: 0.15s; 
    -webkit-animation-duration: 0.15s; 
    animation-duration: 0.15s; 
    -o-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both;     
	-o-animation-name: webc_month_current_name_move_Left_reverse; 
	-moz-animation-name: webc_month_current_name_move_Left_reverse; 
	-ms-animation-name: webc_month_current_name_move_Left_reverse; 
    -webkit-animation-name: webc_month_current_name_move_Left_reverse; 
    animation-name: webc_month_current_name_move_Left_reverse; 
}







/* -------------- CONTACT LIST ------------------ */

#navig_contact_list {
	font-weight:bold;
	width:auto;
	margin-right:33px;
	margin-left:66px;
	text-align:center; 
	display:block;
}

.webc_contact_list_tools {
	float:right; width:130px;text-align:right;height:26px; line-height:26px; overflow:hidden;white-space:nowrap; text-align:right;
}
.webc_contact_list_tools_header {
	float:right; width:130px;text-align:right;height:20px; line-height:20px; overflow:hidden;white-space:nowrap; text-align:right;
}
.webc_contact_col_box_row {
	border-bottom:3px solid #ffffff; padding-top:3px; padding-bottom:3px; background-color:#eeeeee;
}
.webc_contact_col_box_row_impair {
	border-bottom:3px solid #ffffff; padding-top:3px; padding-bottom:3px; background-color:#dadada;
}
.webc_contact_col_box_row_in { 
	width:auto; margin-left:6px; margin-right:6px;
}
.webc_contact_col_box {
	width:auto; margin-right:130px;
}

.webc_contact_list_col_header {
	border-top:3px solid #ffffff; float:left;height: 20px; line-height: 20px; margin-right:1%;white-space:nowrap;overflow:hidden
}
.webc_contact_list_col {
	float:left;height: 26px; line-height: 26px; margin-right:1%;white-space:nowrap;overflow:hidden;position:relative
}

.webc_contact_list_col_in { position:absolute; width:100%; height:100% } 



.webc_contact_list_col_1 { width: 16% }
.webc_contact_list_col_2 { width: 8% }
.webc_contact_list_col_3 { width: 16% }
.webc_contact_list_col_4 { width: 16% }
.webc_contact_list_col_5 { width: 14% }
.webc_contact_list_col_6 { width: 10% }
.webc_contact_list_col_7 { width: 4% }
.webc_contact_list_col_8 { width: 2% }
.webc_contact_list_col_9 { width: 2% }
.webc_contact_list_col_10 { width: 2% }


#show_contact_list {
	margin-top:53px
}

.webc_contact_list_extra_organisation, .webc_project_list_extra_proj_num {
	display:none;
}


/* -------------- PROJECT LIST ------------------ */

.webc_project_list_tools {
	float:right; width:304px;text-align:right;height:26px; line-height:26px; overflow:hidden;white-space:nowrap; text-align:right;
}
.webc_project_list_tools_header {
	float:right; width:304px;text-align:right;height:20px; line-height:20px; overflow:hidden;white-space:nowrap; text-align:right;
}
.webc_project_col_box {
	width:auto; margin-right:304px;
}

.webc_project_list_col_1 { width: 7% }
.webc_project_list_col_2 { width: 16% }
.webc_project_list_col_3 { width: 5% }
.webc_project_list_col_4 { width: 18% }
.webc_project_list_col_5 { width: 10% }
.webc_project_list_col_6 { width: 6% }
.webc_project_list_col_7 { width: 6% }
.webc_project_list_col_8 { width: 4% }
.webc_project_list_col_9 { width: 6% }
.webc_project_list_col_10 { width: 5% }
.webc_project_list_col_11 { width: 6% }

/* -------------- TODO LIST -------------- */

.webc_todo_list_col_1 { width: 7% }
.webc_todo_list_col_2 { width: 16% }
.webc_todo_list_col_3 { width: 16% }
.webc_todo_list_col_4 { width: 12% }
.webc_todo_list_col_5 { width: 10% }
.webc_todo_list_col_6 { width: 8% }
.webc_todo_list_col_7 { width: 8% }
.webc_todo_list_col_8 { width: 6% }
.webc_todo_list_col_9{ width: 6% }

/* -------------- TASK LIST -------------- */

.webc_task_list_col_1 { width: 6% }
.webc_task_list_col_2 { width: 6% }
.webc_task_list_col_3 { width: 5% }
.webc_task_list_col_4 { width: 6% }
.webc_task_list_col_5 { width: 6% }
.webc_task_list_col_6 { width: 6% }
.webc_task_list_col_7 { width: 6% }
.webc_task_list_col_8 { width: 6% }
.webc_task_list_col_9 { width: 6% }
.webc_task_list_col_10 { width: 6% }
.webc_task_list_col_11 { width: 6% }
.webc_task_list_col_12 { width: 5% }
.webc_task_list_col_13 { width: 5% }
.webc_task_list_col_14 { width: 5% }
.webc_task_list_col_15 { width: 5% }


/* -------------- INVOICE LIST ------------------ */

.webc_invoice_list_col_1 { width: 7% }
.webc_invoice_list_col_2 { width: 16% }
.webc_invoice_list_col_3 { width: 5% }
.webc_invoice_list_col_4 { width: 18% }
.webc_invoice_list_col_5 { width: 10% }
.webc_invoice_list_col_6 { width: 6% }
.webc_invoice_list_col_7 { width: 6% }
.webc_invoice_list_col_8 { width: 4% }
.webc_invoice_list_col_9 { width: 6% }
.webc_invoice_list_col_10 { width: 5% }
.webc_invoice_list_col_11 { width: 6% }


 	/* #Tablet (Portrait)
  	================================================== */
    /* Note: Design for a width of 960px and a bit more... */

    @media only screen and (min-width: 960px) and (max-width: 1399px) {

		.webc_calendar_day_planing_km_and_time_extend_on_mobile,
		.webc_calendar_day_planing_time_extend_on_mobile,
		.webc_calendar_day_planing_km_extend_on_mobile {
			display:block;
			margin:0;
			margin-bottom:2px;
		}
		.webc_calendar_day_planing_km_and_time_extend_on_mobile {
			margin-top:26px;
		}

		.webc_contact_list_col_1 { width: 19%; }
		.webc_contact_list_col_2 { display:none; }
		.webc_contact_list_col_3 { width: 19% }
		.webc_contact_list_col_4 { width: 19% }
		.webc_contact_list_col_5 { width: 19% }
		.webc_contact_list_col_6 { width: 19% }
		.webc_contact_list_col_7 { display:none; }
		.webc_contact_list_col_8 { display:none; }
		.webc_contact_list_col_9 { display:none; }
		.webc_contact_list_col_10 { display:none; }

		.webc_project_list_col_1 { width: 9% }
		.webc_project_list_col_2 { width: 24% }
		.webc_project_list_col_3 { display:none; }
		.webc_project_list_col_4 { width: 24% }
		.webc_project_list_col_5 { display:none; }
		.webc_project_list_col_6 { width: 12% }
		.webc_project_list_col_7 { width: 14% }
		.webc_project_list_col_8 { display:11%; }
		.webc_project_list_col_9 { display:none; }
		.webc_project_list_col_10 { display:none; }
		.webc_project_list_col_11 { display:none; }

		.webc_todo_list_col_1 { width: 7% }
		.webc_todo_list_col_2 { width: 16% }
		.webc_todo_list_col_3 { width: 16% }
		.webc_todo_list_col_4 { width: 10% }
		.webc_todo_list_col_5 { width: 10% }
		.webc_todo_list_col_6 { width: 10% }
		.webc_todo_list_col_7 { width: 10% }
		.webc_todo_list_col_8 { width: 10% }
		.webc_todo_list_col_9{ display:none; }

		.webc_task_list_col_1 { width: 7% }
		.webc_task_list_col_2 { width: 16% }
		.webc_task_list_col_3 { width: 16% }
		.webc_task_list_col_4 { width: 10% }
		.webc_task_list_col_5 { width: 6% }
		.webc_task_list_col_6 { width: 10% }
		.webc_task_list_col_7 { width: 10% }
		.webc_task_list_col_8 { width: 16% }
		.webc_task_list_col_9 { display:none; }
		.webc_task_list_col_10 { display:none;}
		.webc_task_list_col_11 { display:none; }
		.webc_task_list_col_12 { display:none; }
		.webc_task_list_col_13 { display:none; }
		.webc_task_list_col_14 { display:none; }
		.webc_task_list_col_15 { display:none;}

		.webc_invoice_list_col_1 { width: 9% }
		.webc_invoice_list_col_2 { width: 24% }
		.webc_invoice_list_col_3 { display:none; }
		.webc_invoice_list_col_4 { width: 24% }
		.webc_invoice_list_col_5 { display:none; }
		.webc_invoice_list_col_6 { width: 12% }
		.webc_invoice_list_col_7 { width: 14% }
		.webc_invoice_list_col_8 { display:11%; }
		.webc_invoice_list_col_9 { display:none; }
		.webc_invoice_list_col_10 { display:none; }
		.webc_invoice_list_col_11 { display:none; }


    }

 	/* #Tablet (Portrait)
  	================================================== */
    /* Note: Design for a width of 960px and a bit more... */

    @media only screen and (min-width: 960px) and (max-width: 1100px) {

    	#webc_contact_filters_lists {
			display:none;
		}
		.webc_search_filter_on_mobile_btn {
			display:block;
		}
		.webc_contact_filters_lists_label {
			display:block; text-align:left;
		}
		#webc_contact_filters_lists input, #webc_contact_filters_lists select {
			width: calc(100% - 30px) !important;
			max-width: calc(100% - 30px) !important;
		}
		#webc_contact_filters_lists input[type="button"] {
			display:block;	width:100% !important; max-width:100% !important;
		}

    }


 	/* #Tablet (Portrait)
  	================================================== */
    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) { 
   
		.webc_calendar_day {
			/*width: 85px;*/
			min-width:85px;
			
			overflow-x:hidden;			
		}

		.webc_calendar_day_header {
			min-width: 97px;
		}

		.webc_total_line {
			min-width: 708px;
		}

		.webc_calendar_day_planing_km_and_time_extend_on_mobile,
		.webc_calendar_day_planing_time_extend_on_mobile,
		.webc_calendar_day_planing_km_extend_on_mobile {
			display:block;
			margin:0;
			margin-bottom:2px;
		}
		.webc_calendar_day_planing_km_and_time_extend_on_mobile {
			margin-top:26px;
		}

		.webc_calendar_line_in_day:hover { background-color:transparent}

		.webc_contact_list_col_1 { width: 19%; }
		.webc_contact_list_col_2 { display:none; }
		.webc_contact_list_col_3 { width: 19% }
		.webc_contact_list_col_4 { width: 19% }
		.webc_contact_list_col_5 { width: 19% }
		.webc_contact_list_col_6 { width: 19% }
		.webc_contact_list_col_7 { display:none; }
		.webc_contact_list_col_8 { display:none; }
		.webc_contact_list_col_9 { display:none; }
		.webc_contact_list_col_10 { display:none; }

		.webc_project_list_col_1 { width: 9% }
		.webc_project_list_col_2 { width: 24% }
		.webc_project_list_col_3 { display:none; }
		.webc_project_list_col_4 { width: 24% }
		.webc_project_list_col_5 { display:none; }
		.webc_project_list_col_6 { width: 12% }
		.webc_project_list_col_7 { width: 14% }
		.webc_project_list_col_8 { display:11%; }
		.webc_project_list_col_9 { display:none; }
		.webc_project_list_col_10 { display:none; }
		.webc_project_list_col_11 { display:none; }

		.webc_todo_list_col_1 { width: 7% }
		.webc_todo_list_col_2 { width: 16% }
		.webc_todo_list_col_3 { width: 16% }
		.webc_todo_list_col_4 { width: 10% }
		.webc_todo_list_col_5 { width: 10% }
		.webc_todo_list_col_6 { width: 10% }
		.webc_todo_list_col_7 { width: 10% }
		.webc_todo_list_col_8 { width: 10% }
		.webc_todo_list_col_9{ display:none; }

		.webc_task_list_col_1 { width: 7% }
		.webc_task_list_col_2 { width: 16% }
		.webc_task_list_col_3 { width: 16% }
		.webc_task_list_col_4 { width: 10% }
		.webc_task_list_col_5 { width: 6% }
		.webc_task_list_col_6 { width: 10% }
		.webc_task_list_col_7 { width: 10% }
		.webc_task_list_col_8 { width: 16% }
		.webc_task_list_col_9 { display:none; }
		.webc_task_list_col_10 { display:none;}
		.webc_task_list_col_11 { display:none; }
		.webc_task_list_col_12 { display:none; }
		.webc_task_list_col_13 { display:none; }
		.webc_task_list_col_14 { display:none; }
		.webc_task_list_col_15 { display:none;}

		.webc_invoice_list_col_1 { width: 9% }
		.webc_invoice_list_col_2 { width: 24% }
		.webc_invoice_list_col_3 { display:none; }
		.webc_invoice_list_col_4 { width: 24% }
		.webc_invoice_list_col_5 { display:none; }
		.webc_invoice_list_col_6 { width: 12% }
		.webc_invoice_list_col_7 { width: 14% }
		.webc_invoice_list_col_8 { display:11%; }
		.webc_invoice_list_col_9 { display:none; }
		.webc_invoice_list_col_10 { display:none; }
		.webc_invoice_list_col_11 { display:none; }


		#webc_contact_filters_lists {
			display:none;
		}
		.webc_search_filter_on_mobile_btn {
			display:block;
		}
		.webc_contact_filters_lists_label {
			display:block; text-align:left;
		}
		#webc_contact_filters_lists input, #webc_contact_filters_lists select {
			width: calc(100% - 30px) !important;
			max-width: calc(100% - 30px) !important;
		}
		#webc_contact_filters_lists input[type="button"] {
			display:block;	width:100% !important; max-width:100% !important;
		}

    }


    /* # BIG Smartphone (small IPAD???)
  	================================================== */
    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 0px) and (max-width: 767px) {

    	#webc_month_choice_listing, .webc_month_choice_listing_box, .webc_month_choice_listing_arrows_box {
    		width: calc(100% - 166px);
    	}
    	.webc_client_choice_listing_box, #webc_contact_choice_listing {
    		width: calc(100% - 208px);
    	}
    	.webc_month_choice_listing_box, .webc_client_choice_listing_box {
    		width: 100%;
    	}

    	#mass_tool_barr {display:none !important;}

    	.webc_calendar_day_header_container, .webc_contact_listing_header_container {
    		display:none;
    	}

    	.webc_contact_list_col_header {
			display:none;
		}

    	.webc_contact_list_tools, .webc_contact_list_tools_header {
    		width:85px;
    		height:36px;
    	}
    	.webc_contact_col_box,.webc_contact_col_box_impair {
			width:auto; margin-right:85px; 
		}

		.webc_contact_list_col_1 { width: 99%; height: 18px; line-height: 18px; }
		.webc_contact_list_col_2 { display:none; }
		.webc_contact_list_col_3 { display:none; }
		.webc_contact_list_col_4 { width: 99%; height: 18px; line-height: 18px;  }
		.webc_contact_list_col_4 div { font-weight: bold; }
		.webc_contact_list_col_5 { display:none; }
		.webc_contact_list_col_6 { display:none; }
		.webc_contact_list_col_7 { display:none; }
		.webc_contact_list_col_8 { display:none; }
		.webc_contact_list_col_9 { display:none; }
		.webc_contact_list_col_10 { display:none; }

		.webc_contact_list_extra_organisation, .webc_project_list_extra_proj_num {
			display: inline-block;
			font-style: italic;
		}

		.webc_project_list_col_1 { width: 99%; height: 18px; line-height: 18px; }
		.webc_project_list_col_1 a {font-weight:bold;}
		.webc_project_list_col_2 { width: 99%; height: 18px; line-height: 18px; }
		.webc_project_list_col_3 { display:none; }
		.webc_project_list_col_4 { display:none; }
		.webc_project_list_col_5 { display:none; }
		.webc_project_list_col_6 { display:none; }
		.webc_project_list_col_7 { display:none; }
		.webc_project_list_col_8 { display:none; }
		.webc_project_list_col_9 { display:none; }
		.webc_project_list_col_10 { display:none; }
		.webc_project_list_col_11 { display:none; }

		.webc_project_list_tools, .webc_project_list_tools_header {
    		width:125px;
    		height:36px;
    	}
    	.webc_project_col_box,.webc_project_col_box_impair {
			width:auto; margin-right:125px; 
		}

		.webc_todo_list_col_1 { width: 99%; height: 18px; line-height: 18px; }
		.webc_todo_list_col_2 { width: 99%; height: 18px; line-height: 18px; }
		.webc_todo_list_col_3 { display:none; }
		.webc_todo_list_col_4 { display:none; }
		.webc_todo_list_col_5 { display:none; }
		.webc_todo_list_col_6 { display:none; }
		.webc_todo_list_col_7 { display:none; }
		.webc_todo_list_col_8 { display:none; }
		.webc_todo_list_col_9{ display:none; }

		.webc_task_list_col_1 { width: 99%; height: 18px; line-height: 18px; }
		.webc_task_list_col_2 { width: 99%; height: 18px; line-height: 18px; }
		.webc_task_list_col_3 { display:none; }
		.webc_task_list_col_4 { display:none; }
		.webc_task_list_col_5 { display:none; }
		.webc_task_list_col_6 { display:none; }
		.webc_task_list_col_7 { display:none;}
		.webc_task_list_col_8 { display:none; }
		.webc_task_list_col_9 { display:none; }
		.webc_task_list_col_10 { display:none;}
		.webc_task_list_col_11 { display:none; }
		.webc_task_list_col_12 { display:none; }
		.webc_task_list_col_13 { display:none; }
		.webc_task_list_col_14 { display:none; }
		.webc_task_list_col_15 { display:none;}

		.webc_invoice_list_col_1 { width: 99%; height: 18px; line-height: 18px; }
		.webc_invoice_list_col_1 a {font-weight:bold;}
		.webc_invoice_list_col_2 { width: 99%; height: 18px; line-height: 18px; }
		.webc_invoice_list_col_3 { display:none; }
		.webc_invoice_list_col_4 { display:none; }
		.webc_invoice_list_col_5 { display:none; }
		.webc_invoice_list_col_6 { display:none; }
		.webc_invoice_list_col_7 { display:none; }
		.webc_invoice_list_col_8 { display:none; }
		.webc_invoice_list_col_9 { display:none; }
		.webc_invoice_list_col_10 { display:none; }
		.webc_invoice_list_col_11 { display:none; }


		.webc_contact_list_ck {
    		display:none;
    	}

    	.webc_contact_list_button_supp, .webc_contact_list_button_invoice, .webc_contact_list_button_task, .webc_contact_list_button_chrono, .webc_contact_list_button_todo {
    		display:none;
    	}
    	.webc_contact_list_button_edit, .webc_contact_list_button_map, .webc_contact_list_button_work {
    		width:36px; height:36px; line-height:36px;
    		margin-left:5px;
    	}

    	#menusub { height: 32px !important; } 
    	#menusub_contact_list { height: 32px; }

    	#show_contact_list {
			margin-top:35px
		}

    	#webc_calendar_slide_box { margin-top: 32px!important; } 
    	.webc_calendar_day_box_off {display:none;}
    	.webc_calendar_day_box_spacer {display:table-cell;}
    	.webc_calendar_line_week { height: auto !important; }

		.webc_calendar_line_week_in_split_left_week_days {
			margin:0; width:calc(100% - 30px);
		}
    	.webc_calendar_day_box { width: 50%;}
    	.webc_calendar_day_row {
			display: table;
			vertical-align: top;
			width:100%;
		}
		.webc_calendar_day_row_in {
			display: table-row;
			width:100%;
		}

		.webc_total_line {
			min-width: 180px;
			overflow:hidden;
		}


		.webc_calendar_day_planing_km_and_time_extend_on_mobile,
		.webc_calendar_day_planing_time_extend_on_mobile,
		.webc_calendar_day_planing_km_extend_on_mobile {
			display:block;
			margin:0;
			margin-bottom:2px;
		}
		.webc_calendar_day_planing_km_and_time_extend_on_mobile {
			margin-top:26px;
		}

		.webc_calendar_line_in_day:hover { background-color:transparent}


		.webc_calendar_day_planing_num_day {
			min-width:50px
		}
		.webc_calendar_letter_day {
			display:inline-block; color:#ffffff;
		}

		#webc_calendar_navigation {
			float:none; width:100%;
		}
		#webc_contact_navigation {
			float:left; width:calc(100% - 36px);
		}
		#webc_calendar_filters {
			display:none; 
		}
		#webc_contact_filters {
			margin-left:0;
		}
		
		#webc_contact_filters_lists {
			display:none;
		}

		.webc_search_filter_on_mobile_btn {
			display:block;
		}
		.webc_contact_filters_lists_label {
			display:block; text-align:left;
		}
		#webc_contact_filters_lists input, #webc_contact_filters_lists select {
			width: calc(100% - 30px) !important;
			max-width: calc(100% - 30px) !important;
		}
		#webc_contact_filters_lists input[type="button"] {
			display:block;	width:100% !important; max-width:100% !important;
		}

		#webc_top_banner_ariane_box {
		margin-right:0px;
		}



    }

    /* # regular Smartphone
  	================================================== */
    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 0px) and (max-width: 479px) {
    	.webc_calendar_day_box { display: block; width:100%; }
    	.webc_calendar_day_box_spacer { display:none; }
    	.webc_calendar_day_box_off {
		    display: none;
		}
    }


 	/* #Tablet (only IPAD and similar format TABLET)
  	================================================== */
    /* Note: Design for a width of 768px */

    
    @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
		/* your css rules for ipad portrait */
		.webc_calendar_line_in_day:hover { background-color:transparent}
	}
	@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
		/* your css rules for ipad landscape */
		.webc_calendar_line_in_day:hover { background-color:transparent}
	} 

 	/* #Tablet (only WINDOWS PHONE )
  	================================================== */
    /*  Windows 8+ IE only */

	@media screen and (-ms-high-contrast: none) {
	    * {

	    }
	    #webc_main_col * {
	    -ms-touch-action: pan-y; 
	    }
	    .webc_calendar_line_in_day:hover { background-color:transparent}
	}
	

#webc_contact_filters_lists.webc_contact_filters_lists_show_with_modal {
	display:block;
	position:fixed;
	top:100px; left:80px; right:30px;
	background:#ffffff;
	padding:20px;
	-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
	box-shadow: 0 0 10px 2px #666666;
}