/* CSS Document */

/* ::::::::::::::LAYOUT::::::::::::::*/

body {
	background-color:#9ea7b4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
acronym {
	text-decoration:none;
	}

/* ::::::::::COLOR CALENDAR:::::::::*/
.p_col td {
	background-color:black;
	font-size:10px;
	}

/* ::::::::::::::CONTAINER:::::::::::*/
.container {
	margin:auto;
	border:0;
	}

/* ::::::::::::::HEADER::::::::::::::*/
.header {
	height:35px;
	padding:0 0 5px 20px;
	}
.utime {
	font-size:30px;
	font-weight:bold;
	color:#2288ff;
	}
.web {
	font-size:30px;
	color:#dddddd;
	padding-left:10px;
	}
.desc {
	font-size:14px;
	font-weight:bold;
	color:#eeeeee;
	position:relative;
	bottom:5px;
	padding-left:20px;
	}
	
/* ::::::::::::::TOP MENU::::::::::::::*/

.topmenu_left {
	width:35px;
	background-image:url(images/topmenu-left.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	}
.topmenu_center {
	background-image:url(images/topmenu-center.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	}
.topmenu_center a {
	height:25px;
	color:#333333;
	text-decoration:none;
	padding:0 10px 0 10px;
	font-size:10px;
	line-height:26px;
	display:block;
	}
.topmenu_center a:hover {
	color:#cc7711;
	}
.topmenu_right {
	width:30px;
	background-image:url(images/topmenu-right.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	}
.topmenu_activ_left {
	width:20px;
	background-image:url(images/menu-item-left.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	}
.topmenu_activ_center a {
	height:25px;
	background-image:url(images/menu-item-bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	color:#ffffcc;
	text-decoration:none;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	line-height:22px;
	display:block;
	}
.topmenu_activ_center a:hover {
	color:#ffcc00;
	cursor:default;
	}
.topmenu_activ_right {
	width:20px;
	background-image:url(images/menu-item-right.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	}
.close {
	padding-top:5px;
	padding-left:5px;
	border:0;
	}

/* ::::::::::::::SUB MENU::::::::::::::*/

.submenu {
	background-color:#1d2f47;
	height:22px;
	}
.submenulink {
	color:#cccccc;
	font-size:10px;
	padding:0 10px 0 10px;
	text-decoration:none;
	}
.submenulink:hover {
	color:#ffcc00;
	}
.submenulink_active {
	color: #ffffcc;
	font-size:10px;
	font-weight:bold;
	padding:0 10px 0 10px;
	text-decoration:none;
	}
.submenulink_active:hover {
	color:#ffcc00;
	cursor:default;
	}

/* ::::::::::::::CONTENT::::::::::::::*/
.tdcontent {
	border:1px solid #1d2f47;
	background-color:#ffffff;
	height:650px;
	}
.content {
	border:0;
	}
.content tr {
	vertical-align:top;
	}

/* :::::::::::::ICONS::::::::::::::*/
.account {
	text-align:right;
	padding-right:5px;
	}

/* ::::::::::::::FORM TAB::::::::::*/
.formtab,
.info {
	border:0;
	text-align:left;
	}
.formtab {
	width:100%;
	background-color:#f0f3f5;
	}
.info {
	width:250px;
	}
.info img {
	border:none;
	}
.formtr {
	background-color:#f0f3f5;
	text-align:justify;
	}

.formflex {
	display:flex;
//	flex-direction:row;
	align-items:center;
	gap:5px;
	}



.formtab td,
.info td {
	padding:2px 5px 2px 5px;
	vertical-align:middle;
	}
.formtd {
	padding:5px 0 0 25px;
	height:30px;
	}
.titletd {
	border-bottom:1px solid #1d2f47;
	padding-left:20px !important;
	font-size:16px;
	font-weight:bold;
	color:#2244aa;
	height:30px;
	}
.minititletd {
	border-bottom:1px solid #1d2f47;
	padding:5px 0px 5px 20px !important;
	font-size:11px;
	font-weight:bold;
	color:#1d2f47;
	background-color:#f0f3f5;
	}
.titletd a,
.minititletd a {
	color:#b0b0b0;
	}
.titletd a:hover,
.minititletd a:hover {
	color:#ffcc00;
	}
.minititle {
	color:#2f5383;
	font-weight:bold;
	}
.descriptiontd {
	padding-bottom:10px !important;
	width:50%;
	}
.descriptiontd p span {
	color:#ffffff;
	background-color:#666666;
	font-size:14px;
	font-weight:bold;
	}
.descriptiontd img {
	float:right;
	}

/* ::::::::::MESSAGES BOX :::::::::::*/
.box_ok,
.box_err,
.box_att,
.box_hlp {
	position:absolute;
	z-index:50;
	top:250px;
	left:30%;
	font-weight:bold;

	/* 20-12-2023 */
	display:flex;			
	justify-content:center;
	align-items:center;

	border:15px solid #d0d7eb;
	background:#ffffff;
	background-position:5px 8px;
	background-repeat:no-repeat;
	padding:5px 15px 5px 50px;
	color:#444444;
	}
.box_ok {
	width:260px;
	height:35px;
	background-image:url('images/ok.gif');
	}
.box_err {
	width:260px;
	height:35px;
	background-image:url('images/ko.gif');
	}
.box_att {
	width:260px;
	height:35px;
	background-image:url('images/wait.gif');
	}
.box_hlp {
	background-image:url('images/icons/account.jpg');
	}

.box_map {
	position:absolute;
	z-index:50;
	top:22%;
	left:25%;
	background:#d0d7eb;
	padding:15px;
	}

/* ::::::::::MESSAGES TEXT ::::::::::*/
.message {
	padding:5px 15px 0px 5px;
	color:#3366cc;
	}

.redmess {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-left:15px;
	color:#ff0000;
	}

.msgok {
	background-image:url('images/ok.gif');
	background-repeat:no-repeat;
	padding:5px 15px 0px 50px;
	color:#3366cc;
	height:25px;
	}
.erreur {
	background-image:url('images/ko.gif');
	background-repeat:no-repeat;
	padding:5px 15px 0px 50px;
	color:#bb3333;
	height:25px;
	}
.atterr {
	background-image:url('images/atterr.png');
	background-repeat:no-repeat;
	padding:5px 15px 0px 50px;
	color:#bb3333;
	height:25px;
	}
.attention {
	background-image:url('images/att.png');
	background-repeat:no-repeat;
	padding:5px 15px 0px 50px;
	color:#3366cc;
	height:25px;
	}

/* ::::::::::::::FORMS::::::::::::::*/
.inputfield,
.inputid,
.inputidx,
.inputnum,
.inputname,
.inputdesc,
.inputdate,
.inputhour,
.inputdatehour,
.inputcolor,
.inputvalue,
.inputcoord,
.inputlongname,
.inputcomment {
	border:1px solid #1d2f47;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:5px;
	height:16px;
	color:#888888;
	}
.inputfield {
	}
.inputid {
	width:20px;
	}
.inputidx {
	width:35px;
	}
.inputnum {
	width:35px;
	}
.inputname {
	width:200px;
	}
.inputdesc {
	width:110px;
	}
.inputdate {
	width:80px;
	cursor:pointer;
	}
.inputhour {
	width:55px;
	}
.inputhour:disabled {
	background:url(images/formdis.jpg);
	}
.inputvalue {
	width:75px;
	}
.inputcoord {
	width:85px;
	}
.inputdatehour {
	width:120px;
	}
.inputcolor {
	width:58px;
	}
.inputlongname {
	width:400px;
	}
.inputcomment {
	width:250px;
	height:60px;
	}
.inputids {
	border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:transparent;
	height:10px;
	width:20px;
	}
.inputok,
.inputdates,
.inputcomments {
	border:1px solid #1d2f47;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	height:10px;
	}
.inputdates {
	width:70px;
	cursor:pointer;
	}
.inputcomments {
	width:200px;
	}
.inputok {
	width:20px;
	cursor:pointer;
	}



.inputclocking,
.inputshift,
.inputabsence,
.inputhr {
	user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-o-user-select:none;
	border:1px solid #1d2f47;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	cursor:pointer;
	padding:0 0 3px 0;
	}
.inputclocking {
	height:12px;
	width:45px;
	}
.inputshift {
	height:12px;
	width:110px;
	}
.inputabsence {
	height:12px;
	width:80px;
	}
.inputhr {
	text-align:center;
	display:inline-block;
	background-color:#f4f4f4;
	margin: 1px 0 1px 0;
	height:12px;
	width:14px;
	}

.selectbox {
	color:#888888;
	border:1px solid #1d2f47;
	}
.selectbox option,
.selectbox optgroup {
	background-color:#fafafa;
	color:#888888;
	}
.selectbox .odd {
	background-color:#e4ebef;
	}


.pickbox {
	color:#888888;
	border:1px solid #1d2f47;
	}
.pickbox option {
	background-color:#fafafa;
	color:#666666;
	}
.pickcopy_search {
	border:1px solid #1d2f47;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:5px;
	height:16px;
	width:100px;
	color:#888888;
	position:relative;
	left:1px;
	top:-1px;
	}


/* ::::::::::::::BUTTONS::::::::::::*/
.new_button {
	border:1px solid #666666;
	border-radius:6px;
	box-shadow:3px 3px 2px #aaaaaa;
	cursor:pointer;
	width:75px;
	padding:4px;
	color:#999999;
	display:inline-block;
	font:italic bold 14px/1 Calibri,sans-serif;
	text-align:center;
	text-shadow:1px 1px #000000;
	}

.button,
.button_plus,
.button_long,
.button_short {
	border:none;
	background:transparent no-repeat center center;
	}
.button {
	width:34px;
	height:25px;
	}
.button_plus {
	width:48px;
	height:25px;
	}
.button_long {
	width:64px;
	height:20px;
	}
.button_short {
	width:16px;
	height:12px;
	}
.button:hover,
.button_long:hover,
.button_short:hover {
	cursor:pointer;
	}

/* ::::::::::::::CHECKBOX::::::::::::::*/
.ckboxdp,
.ckboxhidden,
.ckboxdp + label input {
position:absolute;
z-index:-1000;
left:-1000px;
overflow: hidden;
}

.ckboxdp + label {
padding-left:18px;
height:15px; 
display:inline-block;
line-height:17px;
background-repeat:no-repeat;
background-position:0 0;
font-size:10px;
vertical-align:middle;
cursor:pointer;
}

.ckboxdp + label.ckred {
background-image:url(images/ckbox_red.png);
}

.ckboxdp + label.ckgreen {
background-image:url(images/ckbox_green.png);
}

.ckboxdp + label.ckblue {
background-image:url(images/ckbox_blue.png);
}

.ckboxdp:checked + label {
background-position:0 -15px;
}


.ckboxhs {
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
height:12px;
width:12px;
/*background-color:#ddd;*/
border-radius:4px;
border:1px solid #888;
}

.ckboxhs:checked {
background-color:#90e890;


/*margin:0px;
position:relative;
&:before {
  font-family:FontAwesome;
  content:'\f00c';
  display:block;
  color:grey;
  font-size:12px;
  position:absolute;
  }*/
}



/* ::::::::::::::TABLE::::::::::::::*/
.quotawk,
.quota {
	border-top:1px solid #1d2f47;
	border-bottom:1px solid #1d2f47;
	border-right:1px solid #f0f0f0;
	background-color:#ffffff;
	font-size:10px;
	}
.quotawk tr,
.quota tr {
	background-color:#f0f3f5;
	color:#333333;
	text-align:center;
	}
.quota td {
	padding:1px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:bottom;
	}
.quota a {
	text-decoration:none;
	padding:0px;
	color:blue;
	}
.quotawk td {
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:bottom;
	}

.clocking,
.histo {
	border-top:1px solid #1d2f47;
	border-bottom:1px solid #1d2f47;
	border-right:1px solid #f0f0f0;
	background-color:#ffffff;
	font-size:10px;
	}
.even td a,
.odd td a,
.clocking a,
.histo a {
	color:#333333;
	text-decoration:none;
	}
.clocking a:hover,
.histo a:hover {
	color:#5d708b;
	text-decoration:none;
	}
.clocking th,
.histo th {
	background-color:#f0f3f5;
	color:#333333;
	border-right:1px solid #ffffff;
	}
.clocking th {
	text-align:left;
	}
.clocking td,
.histo td {
	border-left:1px solid #f0f0f0;
	padding:2px;
	}
.histo td {
	font-family: Arial, Helvetica, sans-serif;
	}

.even {
	background-color:#ffffff;
	}
.odd {
	background-color:#e7ebef;
	}

.layout,
.layoutMB,
.collect {
	overflow:auto;
	border:1px solid #1d2f47;
	padding-left:8px;
	}

.collect {
	height:205px;
	}

.layout {
	background-color:#fafafa;
	height:190px;
	}

.layoutMB {
	background-color:#fafafa;
	height:380px;
	}

.layout a,
.layoutMB a,
.collect a {
	text-decoration:none;
	color:#888888;
	}

.layout tr:hover,
.layoutMB tr:hover {
	background-color:#ffb0b0;
	cursor:pointer;
	}

.layout table,
.layoutMB table,
.collect table {
	margin:0;
	border-collapse:collapse;
	}

.range table {
	border-collapse:collapse;
	background-color:none;
	}
.range_tr_odd {
	background-color:#d0e0f0;
	}
.range_tr_even {
	background-color:#c0d0e0;
	}
.range td {
	padding:0;
	margin:0;
	vertical-align:middle;
	}
.rangechk {
	width:13px;
	height:13px;
	margin:0;
	padding:0;
	}

.cycle table {
	border-collapse:collapse;
	}
.cycle td {
	padding:0;
	margin:0;
	width:16px;
	}

.lstdoc {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	}

.lstdir {
	font-size:18px;
	}

.select_tr {
	cursor:pointer;
	}
.select_tr:hover {
	background-color:#fff0f0;
	}
.selected_tr {
	cursor:pointer;
	background-color:#ffb0b0;
	}

.locaction {
	color:#aaaaaa;
	cursor:pointer;
	}
.locaction:hover {
	color:#ffcc00;
	}

/* :::::::::::JOB ENCODING:::::::::::*/
.jobtab {
	border-bottom:1px solid #1d2f47;
	padding-left:20px !important;
	font-size:16px;
	font-weight:bold;
	color:#2244aa;
	height:30px;
	}
.jobtab td {
	height:80px;
	vertical-align:middle;
	}


/* ::::::::::::::FOOTER::::::::::::::*/
.footer {
	background-color:#1d2f47;
	font-size:9px;
	color:#cccccc;
	text-align:center;
	height:20px;
	}

/* ::::::::::::::::HELP::::::::::::::*/
.infobul {
	position:absolute;
	visibility:hidden;
	border:1px solid #000000;
	width:auto;
	max-width:300px;
	padding:0px 3px 0px 3px;
	text-align:justify;
	font-size:95%;
	}