html, body, form {
	font: 12px verdana, helvetica, sans-serif;
	height: 100%;
	color: black;
}
html {
	overflow: hidden;
}
html.aa_Tablet, html.aa_Phone {
	overflow: auto;
}
.dlgLogin, .dlgLogout {position: absolute; border: 1px solid black; top: 50%; left: 50%; padding: 16px; transform: translate(-50%, -50%); background: white; box-shadow: gray 10px 10px 40px; color: #222;}

body {
	background-color: #ebebeb;
}
.p_login body { background: #ebebeb; background-size: cover; background-position: center; background-repeat: no-repeat; backdrop-filter: contrast(.8);}

textarea {
	font: normal 1em verdana, helvetica, sans-serif;
}
.aa_Tablet body {
	font: 13px Verdana, Helvetica, sans-serif;
}

.sortable {
	width: 100%;
}
.sortable th, .clickable, .clickable input {
	cursor: pointer;
}
.draggable {
	cursor: move;
}
.selectable {
	background-color: #FFFF80;
}
.hidden {
	display: none !important;
}
.hiddenTab {
	display: none !important;
}
.inline {
	display: inline;
}
[disabled] {
	color: #a0a0a0;
}

.aAltoPageLayout {
	height: 100%;
}
.aAltoPageLayout .contentWrapper, .aAltoPageLayout .content {
	height: 100%;
	width: 100%;
}
.aa_Phone .aAltoPageLayout .contentWrapper, .aa_Phone .aAltoPageLayout .content {
	height: unset;
	width: 100%;
}
.aAltoPageLayout .contentInfoWrapper, .aAltoPageLayout .contentInfo {
	height: 100%;
	width: 100%;
}
.aa_Phone .aAltoPageLayout .contentInfoWrapper, .aa_Phone .aAltoPageLayout .contentInfo /*, .aa_Tablet .aAltoPageLayout .contentInfoWrapper, .aa_Tablet .aAltoPageLayout .contentInfo */{
	height: unset;
}
.aAltoPageLayout .contentWrapper.small {
	width: calc(100% - 450px);
}
.aAltoPageLayout .contentInfoWrapper.small {
	width: 450px;
	max-width: 600px;
}
.aa_Tablet .aAltoPageLayout .contentWrapper.small {
	width: calc(100% - 300px);
}
.aa_Tablet .aAltoPageLayout .contentInfoWrapper.small {
	width: 300px;
	max-width: 400px;
}
.aa_Phone .aAltoPageLayout .contentWrapper.small {
	width: 100%;
}
.aa_Phone .aAltoPageLayout .contentInfoWrapper {
	width: 100%;
}

.aa_Phone html, .aa_Phone body, .aa_Phone form {
	height: inherit;
}

.paneClass, .paneClass>div {
	width: 100%;
	height: 100%;
}
.fixedWidth {
	height: 100%;
}
.aa_Phone .fixedWidth {
	width: inherit;
	margin-bottom: 50px!important;
}
.aa_Phone.p_tableau .fixedWidth {
	height: inherit;
}

.p_aAlto .dijitTabContainerTopStrip {
	padding: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.p_aAlto .nowrapTabStrip {
	/*background: #6AA1E5;*/
	background: grey;
	height: 22px;
	padding-top: 1px;
    font-size: 1.1em;
}
.p_aAlto .dijitTab {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	/*background: #377fcd;*/
	background: lightgrey;
	color: white;
}
.p_aAlto .dijitTabInnerDiv,.p_aAlto .dijitTabContent {
}
.p_aAlto .dijitTab.dijitTabHover {
	background: slategrey!important;
} 
.p_aAlto .dijitTab.dijitTabChecked {
	background: white!important;
} 
.p_aAlto .dijitTab.dijitTabChecked span {
	color: black!important;
} 
.tabLabel {
	color: black;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 8px;
	text-transform: uppercase;
	
}
.p_aAlto .tabLabel {
	color: black;
	font-weight: bold;
	padding: 2px 8px;
	text-transform: uppercase;
	font-family: verdana;
}

table.autostripe tbody tr:nth-child(2n) {
  background: #eeeeee;
}
table.autostripe tbody tr:nth-child(2n+1) {
  background: white;
}

.xspColumnViewStart, .xspColumnViewMiddle, .xspColumnViewEnd {
	padding-right: 2px;
}
table {
	border-collapse: separate;
 	border-spacing: 1px;
 	backgroud: white;
/*	*border-collapse: collapse; /* hack is needed for IE7 also */
}

td {
	padding: 0px;
}

a:link, a:hover, a:visited, a:active {
	color: black;
}
.link, .link span {
	text-decoration: underline;
}

.odd {
 	background-color: rgb(240, 240, 240);
 	padding: 1px;
}

.odd:hover {
	background-color: rgb(255, 255, 128);
 	padding: 1px;
}

.even {
	background-color: white;
 	padding: 1px;
}
.even:hover {
	background-color: rgb(255, 255, 128);
 	padding: 1px;
}

.buttons {
	display: inline-block;
	width: 45%;
	padding: 2px 1px;
	white-space: nowrap;
	font-size: 0;
}
.buttons .buttonSeparator img {
	padding-left: 2px;
}
.pub {
	font-weight: bold;
	display: inline-block;
	width: 10%;
}
.headLine {
	display: inline-block;
	width: calc(45% - 12px);
	text-align: right;
}
.aa_Phone .buttons .buttonSeparator {
	padding-left: 12px;
}
.aa_Phone .buttons .groupSeparator {
	padding-left: 10px;
}

.aaActionButton {
    display: inline;
}
.aaActionButton img, .aaActionButton .image {
  border-radius: 5px;
  vertical-align: bottom;
  margin-right: 4px;
}
.aaActionButton.groupSeparator img {
  margin-left: 8px;
  padding: 0;
}
.aaActionButton .image {
    height: 40px;
    width: 40px;
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;
}
.aa_Phone .aaActionButton img, .aa_Phone .aaActionButton .image {
	height: 25px;
	width: 25px;
}
.buttons .pub {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	z-index: 2;
	margin-left: 30%;
}
.aa_Phone .buttons .pub {
	display: none;
}
.buttons .pub .client {
	font-weight: bold;
	font-size: 1.3em;
	color: #444;
}
.buttons .pub .partner {
	font-size: 1.1em;
	color: #888;
}
.buttons .gauge {
	display: table-cell;
	text-align: center;
	vertical-align: top;
	z-index: 2;
	float: right;
}
.buttons .headLine {
}
.aa_Phone .buttons .headLine {
	font-size: 1.6em;
}

.def-button {
	height: 18px;
	font-size: .8em;
	font-weight: bold;
	color: #404040 !important;
	background-color: #b0b0b0;
	border-radius: 2px;
	-moz-border-radius: 2px;
	margin: 0 1px;
	padding: 1px 2px;
	cursor: pointer;
	display: inline;
}

.aAlto-button {
	height: 12px;
	font-size: .8em;
	font-weight: bold;
	color: white;
	background-color: #335F96;
	border: 1px solid white;
	border-radius: 2px;
	-moz-border-radius: 2px;
	margin: 0 1px;
	padding: 1px 2px;
	cursor: pointer;
	display: inline;
	float: right;
}
.aAlto-button:hover {
	background-color: #537FC6;
}
.aAlto-button-image {
	height: 14px;
	font-size: .9em;
	font-weight: bold;
	color: white;
	border: 0;
	margin: 0 1px;
	padding: 1px 2px;
	cursor: pointer;
	display: inline;
	float: right;
}
.aAlto-button-image-left {
	height: 14px;
	font-size: .8em;
	font-weight: bold;
	color: white;
	border: 0;
	margin: 0 1px;
	padding: 1px 1px 1px 2px;
	cursor: pointer;
	display: inline;
	float: left;
}
.aAlto-icone {
	height: 12px;
	border: 0px solid white;
	margin: 0 1px;
	padding: 1px 2px;
	cursor: pointer;
	display: inline;
	float: right;
}

.xspPanelViewColumnHeader {
	display: inline;
}

[role="tooltip"] {
  opacity: 0;
  position: fixed;
  width: auto;
  max-width: 40vw;
  height: auto;
  min-height: 25px;
  line-height: 1.1em;
  font-size: .9rem;
  text-align: left;
  background-color: yellow;
  color: black;
  border-radius: 10px;
  padding: 10px 15px;
  transform: translateX(-50%);
  border: 1px solid grey;
  box-shadow: 5px 5px 5px grey;
  font-weight: 100;  
}
.below[role="tooltip"] {
  margin-top: 10px;
}
.above[role="tooltip"] {
  margin-bottom: 10px;
}

[role="tooltip"].active {
  opacity: 1;
  transition: opacity 0.1s;
  z-index: 20;
}

.below[role="tooltip"]::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid yellow;
  position: absolute;
  margin-top: -25px;
  transform: translateX(-50%);
  left: 50%;
}
.above[role="tooltip"]::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid yellow;
  position: absolute;
  margin-top: 21px;
  transform: translateX(-50%);
  left: 50%;
}

.tundra .dijitTooltipContainer {
	background-image: none;
	background-color: #FFFF40;
}
.tundra .dijitTooltipConnector {
	background-image: url("tooltiparrow.png") !important;
}

.dialogBox {
	width: 720px;
	height: 600px;
	max-width: 90%;
	max-height: 90%;
}
.dialogBox .dijitDialogPaneContent {
	height: calc(100% - 44px) !important;
	width: calc(100% - 14px) !important;
}
.dialogBoxFrame {
    width: 100%;
    height: calc(100% - 4px);
}
.aa_Tablet .dj_android .dialogBoxFrame {
	width: calc(100% - 16px);
}
.dijitDialogUnderlay {
    background: none repeat scroll 0 0 #000000;
    opacity: 0.35;
}   
.dj_ie .dijitDialogUnderlay {
    filter: alpha(opacity = 50);
}

.titleBox {
	line-height: 20px;
	color: white; 
/*	text-shadow: 1px -1px 2px white; */
	vertical-align: bottom;
	letter-spacing: 0px;
	font-weight: bold;
	padding-left: 6px;
}

.dump {
    height: 100%;
    overflow: auto;
    position: relative;
    border-top: 1px solid black;
}
.dump .label {
    width: 100px;
    display: inline-block;
    vertical-align: top;
}
.dump .data {
	display: inline-block;
}

.Formulaire { background: white; }
.aa_Phone .Formulaire { height: inherit!important; }

.Formulaire .form {
	font-size: 1em;
	display: table;
	border-collapse: collapse;
}
.Formulaire .form .FlatTable, .Formulaire .form .ListTable, .Formulaire .form .NotabTable {
	border-spacing: 5px;
}
.Formulaire .fieldNumber, .Formulaire .fieldNumber input {
	text-align: right;
}
.Formulaire .tab .tabTable, .Formulaire .form.NotabTable {
	width: calc(100% - 10px);
	border-collapse: separate;
	border-spacing: 5px;
	margin-bottom: -5px;
	background: white;
/*	border-radius: 8px;
	box-shadow: 2px 2px 12px grey;
*/
}
.aAltoPrintLayout .Formulaire .tab .tabTable, .aAltoPrintLayout .Formulaire .form.NotabTable {
}
.aAltoPrintLayout .Formulaire>table {
	width: 100%;
}
.fieldHelp { color: grey; font-size:.8em; }

.aAltoPrintLayout .Formulaire .form .FlatTable, .aAltoPrintLayout .Formulaire .form .ListTable, .aAltoPrintLayout .Formulaire .form .NotabTable {
	border-spacing: 2px;
	margin-bottom: -5px;
}
.dj_ie9 .Formulaire .tab .tabTable {
	width: 100%;
}
.Formulaire .tab.form {
	background-color: white;
}
.Formulaire .data.fieldCheckBox table.horizontal td {
    display: inline-block;
    width: unset;
}
.Formulaire.readMode .data .dijitArrowButtonContainer, .Formulaire .data.readonly .dijitArrowButtonContainer {
	display: none;
}
.Formulaire .areaWrapper {
	display: flex;
	flex-flow: wrap;
	width: calc(100% - 1px);
	margin-top: -1px;
	margin-bottom: -1px;
	padding-bottom: 0px;
	/*padding-bottom: 10px;*/
}
.aa_Phone .Formulaire .areaWrapper {
}
.Formulaire .areaWrapper .area {
	flex: 1;
	min-width: 260px;
	/*min-width: 300px;*/
}
.aa_Tablet .Formulaire .areaWrapper .area {
	min-width: 250px;
}

.Formulaire .fieldDir .dataarea {
	position:relative;
	border:0;
	margin-right:2px;
	overflow:auto;
}
.Formulaire .dataarea textarea {
	padding-right: 1px; 
	margin-bottom: 1px; 
	float: left;
	cursor: pointer;
	width: calc(100% - 3px);
}
.aa_Phone .Formulaire .dataarea {
	height: inherit!important;
}
.aa_Phone .Formulaire .dataarea textarea {
		float: inherit;
	height: inherit!important;
}
 
.Formulaire .fieldDir .dataarea.single textarea {
	height: 1.3em;
}
.Formulaire .fieldDir .dataarea textarea {
	height: 6em;
}
.Formulaire .fieldTiersM .dataarea textarea {
	height: 5em;
}
.Formulaire .fieldPicker .dataarea textarea {
	height: 5em;
}

.valuePicker .selectableValues, .valuePicker .listValues {
	border: 1px solid #aaa;
	overflow: auto;
}
.valuePicker .option {
	cursor: pointer;	
}
.valuePicker .marked {
	background: yellow;	
}
.aa_Tablet .valuePicker .option {
	line-height: 1.8em;
}
.valuePicker .option:hover {
	color: white;
	background: #008;	
}
.valuePicker .option.disabled{
	cursor: default;
	color: grey;
}
.valuePicker .option.disabled:hover{
	color: grey;
	background: inherit;	
}

.form .caption {
	font-size: 1.1em;
	font-weight: bold;
	color: white;
	background-color: #979797;
	text-align: center;
	padding : 3px;
	display: table-cell;
	border-radius: 0px;
	text-shadow: 2px 3px 3px rgba(0,0,0,0.3);
    letter-spacing: 0.15rem;
}
.form .caption * {
	font-weight: bold;
	color: white;
	text-align: center;
}

.Formulaire .form .label {
	position: relative;
	width: 100px;
	/*width: 120px;*/
	font-weight: normal;
	text-align: right;
	padding: 3px;
	margin: 1px;
	display: table-cell;
	vertical-align: middle;
	/*vertical-align: top;*/
	text-shadow: 2px 2px 4px rgba(100,100,100,0.5);
	
}

.form .label {
	text-align: left;
	color: rgba(102, 102, 102, 1);
	font-size: 1em	
	
}
.form .label * {
	text-align: left;
	font-size: 1em;
	
}
.form .label .xspMessage {
	position: absolute;
	left: 20px;
	top: 5px;
	color:red;
	display:block;
	opacity: .7;
}
.Formulaire .form .required .label {
}
.requiredIndicator {
	background: url(obligatoire.gif) no-repeat right;
	display: none;
}
.aa_Phone .Formulaire .form .label {
	display: block;
}
.aa_Phone .Formulaire .form .ListTable .label {
	display: table-cell;
}
.aa_Phone .Formulaire .form .label * {
	text-align: left;
}

.form .data {
	font-weight: bold;
	background-color: white;
	color: black;
	padding: 2px 2px 2px 5px;
	margin: 1px;
	display: table-cell;
	border: 1px solid #ccc;
	border-radius: 5px;
	vertical-align: top;
}
.form .data.printed {
	border: 0;
}
.form .required .data {
	border-left: 1px solid red;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0; 
}
.aa_Phone .Formulaire .form .data {
	display: block;
}
.aa_Phone .Formulaire .form .ListTable .data {
	display: table-cell;
}
.form .data.readonly, .form .data.readonly * {
	background-color: #e8e8e8 !important;
}		
.form .data * {
	font-weight: bold;
	color: black;
}
.form .data textarea, .form .data input, .form .data select, .form .data option {
	background-color: white !important;
	border: 0 !important;
}

.subform .nr {
	width: 1%;
}
.subform .label.required {
}
.subform .data.required {
	border-left: 1px solid red;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0; 
}
.aa_Phone .subform {
	overflow-x: auto;
	width: calc(100vw - 16px);
}
.dijitDialog.valuePickerBox {
	border: 6px solid gray;
}
.form .BLUE, .form .BLUE * {
	color: #0f45ff
}
.dijitDialog.valuePickerBox.BLUE {
	border-color: #0f45ff
}
.form .RED, .form .RED * {
	color: #fe0011;
}
.dijitDialog.valuePickerBox.RED {
	border-color: #fe0011;
}
.form .RED, .form .ORANGE * {
	color:   #e67e22;
}
.dijitDialog.valuePickerBox.ORANGE {
	border-color:   #e67e22;
}

.form .GREEN, .form .GREEN * {
	color:  #229954;
}
.dijitDialog.valuePickerBox.GREEN {
	border-color:  #229954;
}
.form .ORANGE, .form .PURPLE * {
	color:  #a30edc ;
}
.dijitDialog.valuePickerBox.PURPLE {
	border-color:  #a30edc ;
}

.dijitTab {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.NotabTable {
	margin: 6px;
}

.ccExplorer .Gantt .node {
	display: block;
}
.aa_Phone .ccExplorer .allModels {
	width: 100%;
	display: flex;
	flex-flow: wrap;
}

.test .ccExplorer .iconPane .fileIcon {
	display: none;
}

.ccExplorer .statusIcon {
	position: absolute;
	top: 0;
	left: 0;
	height: 100px;
	width: 18px;
}

.ccTableau { overflow: auto; position: relative; }
.aAltoPrintLayout .ccTableau { overflow: visible; }

.ccExplorer, .Tiles, .Grid { width: 100%; }
.Grid .catModels { display: grid; grid-template-columns: max-content; gap: 0; }
.Process .Grid .catModels { column-gap: 0; }
.Grid .gcell { border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; }
.aAltoPrintLayout .Grid .gcell { border: 5px solid white; }
.Process .Grid .gcell { border-left: 0; border-right: 0; }

.Grid .gcell { position: relative; text-align: center; }
.gcell>span { display: block; }
.gcell.row0 { position: absolute; outline: 2px solid lightgrey; padding: 0;margin-left:1.2px;	text-shadow: 2px 2px 3px #ccc; text-align: center; }

.Tiles .allModels { display: flex; flex-wrap: wrap; }
.Tiles .iconPane { flex-basis: 100px; }
.Tiles .catModels { display: flex; flex-flow: wrap; }

span.attachmentCount {
    width: 13px;
    position: absolute;
    top: 2px;
    right: 2px;
    font-weight: normal;
    text-align: center;
    color: white;
    font-size: 10px;
    background: red;
	filter: drop-shadow(0px 0px 2px #ddd);
    height: 13px;
    border: 2px solid white;
    border-radius: 100px;
	box-shadow: -2px 3px 5px 2px rgb(0 0 0 / 60%);
    z-index: 1;
}

.iconPane {
	display: inline-block;
	float: left;
	padding: 2px;
	margin: 3px;
	min-width: 45px;
	height: 80px;
	background: white;
	border: 1px solid lightgrey;
	text-align: center;
	border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
	overflow: hidden;
	box-shadow: 2px 3px 5px silver;
}
.tableauCell {
	position: relative;
}

/* min-width: 100px; */

.aa_Phone .iconPane {
	float: inherit;
}
.iconPane.wide { width: 400px; }
.iconPane.narrow {min-width: 100px;}
.iconPane.up { outline: 2px solid grey; }
.iconPane.unread { outline: 2px solid #FF8100; }
.iconPane.up .textDiv { font-size: 1.1em; }
.iconPane .iconDiv {
	height: 30px;
	width: 50px;
	margin: 0 auto 6px;
	text-align: center!important;
	position: relative;
}

.iconPane .iconProp {
	width: 16px;
}
.gallery .iconPane .iconProp {
	vertical-align: top;;
}
.iconPane .iconProp img {
	display: block;
}
.iconPane table {
	width: 100%;
}
.iconPane td {
	text-align: center;
	padding: 2px;
}
.iconPane .textDiv {
	font-weight: bold;
	font-style: italic;
	color: black;
	font-size: 13px;
	position: relative;
}
.iconPane .textDiv span {
    color: inherit;
    font: inherit;
}
.iconPane .imageTitle {
	display:none;
	font-weight: bold;
	font-size: 0.7em;
	color: black;
	white-space: nowrap;
}
.iconPane img {
	margin-bottom: 1px;
	border-radius: 0px;
	max-width: 70px;
}
.iconPane:hover {
	/*border: 1px solid #eee;*/
	border-color: lightgray;
}
.iconPane.unread:hover {
	border-color: #FFBB00;
}
.iconPane.clickable:hover {
    border-color: #999;
}
.iconPane.selected {
    border-color: red;
}
.iconPane .icons {
	position: absolute; 
	top: 18px; 
	right: 5px;
	z-index: 2;
}
.iconPane .icon {
	/*opacity: .3;
	filter:alpha(opacity=30);*/
		opacity: 0.7;
	filter:alpha(opacity=0);
}
.iconPane .icon:hover {
	/*opacity: .8;
	filter:alpha(opacity=80);*/
	opacity: 1;
	filter:alpha(opacity=0);
}
.iconPane .icon.left {
	position: absolute; 
	top: 2px; 
	left: 0px;
	z-index: 2;
	opacity: .7;
	filter:alpha(opacity=70);
}
.iconPane .postit {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
    background: url('postit.png');
    background-size: cover;
    z-index: 1;
}
.iconPane .postit-content {
    margin: 30% 0 0 6%;
    text-align: center;
    color: red;
    font-weight: bold;
    transform: rotate(-13deg);
}
.iconPane.narrow table {
    height: 100%;
    margin: auto;
}
.iconPane.vignet img {
	max-height: 66px;
	max-width: 100px; 
}

.MemoEnvoi .textDiv, .MemoRecu .textDiv {
	color: blue;
}

.Action .textDiv {
	color: #FF6100;
}

.Notification .textDiv {
	color: green;
}

.Gantt .iconPane {
	min-width: 5px !important;
	display: inline-block;
	float: inherit;
}

.tableauTable .tableauCell.first, .Grid .gcell.col1 {
	width: 200px;
	/*text-align: left;*/
}
.aa_Phone .tableauTable .tableauCell.first, .aa_Phone .Grid .gcell.col1 {
	max-width: 200px;
	width: unset;
}
.aa_Tablet .tableauTable .tableauCell.header, .aa_Tablet .tableauTable .tableauCell.header, .aa_Phone .tableauTable .tableauCell.header, .aa_Phone .tableauTable .tableauCell.header,
.aa_Tablet .cell.row1, .aa_Tablet .cell.col1, .aa_Phone .cell.row1, .aa_Phone .cell.col1,
 {
	word-break: break-word;
}
.tableauTable .col1 { width: calc((100% - 200px)/1); }
.tableauTable .col2 { width: calc((100% - 200px)/2); }
.tableauTable .col3 { width: calc((100% - 200px)/3); }
.tableauTable .col4 { width: calc((100% - 200px)/4); }
.tableauTable .col5 { width: calc((100% - 200px)/5); }
.tableauTable .col6 { width: calc((100% - 200px)/6); }
.tableauTable .col7 { width: calc((100% - 200px)/7); }
.tableauTable .col8 { width: calc((100% - 200px)/8); }
.tableauTable .col9 { width: calc((100% - 200px)/9); }
.tableauTable .col10 { width: calc((100% - 200px)/10); }
.tableauTable .col11 { width: calc((100% - 200px)/11); }
.tableauTable .col12 { width: calc((100% - 200px)/12); }
.tableauTable .col13 { width: calc((100% - 200px)/13); }
.tableauTable .col14 { width: calc((100% - 200px)/14); }
.tableauTable .col15 { width: calc((100% - 200px)/15); }
.tableauTable .col16 { width: calc((100% - 200px)/15); }
.tableauTable .col17 { width: calc((100% - 200px)/15); }
.tableauTable .col18 { width: calc((100% - 200px)/15); }
.tableauTable .col19 { width: calc((100% - 20px)/15); }
.tableauTable .col20 { width: calc((100% - 200px)/15); }

.Gantt .tableauTable .tableauCell.first {
	width: 300px;
}
.Gantt .tableauTable .label {
	width: 180px;
}
.Gantt .tableauTable .date {
	width: 60px;
	text-align: center;
}
.Gantt .tableauTable .col1 { width: calc((100% - 300px)/1); }
.Gantt .tableauTable .col2 { width: calc((100% - 300px)/2); }
.Gantt .tableauTable .col3 { width: calc((100% - 300px)/3); }
.Gantt .tableauTable .col4 { width: calc((100% - 300px)/4); }
.Gantt .tableauTable .col5 { width: calc((100% - 300px)/5); }
.Gantt .tableauTable .col6 { width: calc((100% - 300px)/6); }
.Gantt .tableauTable .col7 { width: calc((100% - 300px)/7); }
.Gantt .tableauTable .col8 { width: calc((100% - 300px)/8); }
.Gantt .tableauTable .col9 { width: calc((100% - 300px)/9); }
.Gantt .tableauTable .col10 { width: calc((100% - 300px)/10); }
.Gantt .tableauTable .col11 { width: calc((100% - 300px)/11); }
.Gantt .tableauTable .col12 { width: calc((100% - 300px)/12); }
.Gantt .tableauTable .col13 { width: calc((100% - 300px)/13); }
.Gantt .tableauTable .col14 { width: calc((100% - 300px)/14); }
.Gantt .tableauTable .col15 { width: calc((100% - 300px)/15); }

.dj_ios .tableauTable .col1 { width: 90%; }
.dj_ios .tableauTable .col2 { width: 45%; }
.dj_ios .tableauTable .col3 { width: 30%; }
.dj_ios .tableauTable .col4 { width: 22.5%; }
.dj_ios .tableauTable .col5 { width: 18%; }
.dj_ios .tableauTable .col6 { width: 15%; }
.dj_ios .tableauTable .col7 { width: 13%; }
.dj_ios .tableauTable .col8 { width: 11.2%; }
.dj_ios .tableauTable .col9 { width: 10%; }
.dj_ios .tableauTable .col10 { width: 9%; }
.dj_ios .tableauTable .col11 { width: 8.1%; }
.dj_ios .tableauTable .col12 { width: 7.5%; }
.dj_ios .tableauTable .col13 { width: 7%; }
.dj_ios .tableauTable .col14 { width: 6.5%; }
.dj_ios .tableauTable .col15 { width: 6%; }


.OkCancelButtons {
    bottom: 5px;
    padding: 2px 6px;
    position: absolute;
    right: 20px;
    text-align: right;
}
.OkCancelButtons .button {
	margin-left: 2px;
}

.dijitAccordionInnerContainer {
	position: relative;
}
.dijitTitlePane {
	position: relative;
}
.accordion {
	height: 100%;
}
.accordion-buttons {
	position: absolute;
	top: 4px;
	right: 6px;
	border-collapse:collapse;
}
.accordion-buttons img {
	margin: 0 4px;
	float: right;
	cursor: pointer;
}
.aa_Tablet .accordion-buttons img {
	width: 24px;
}

.ocbutton {
	border-radius: 5px;
}

.aa_Phone .buttons {
	/*position: fixed;
	left: 0px;
	bottom: 0px;
	height: 46px;
	width: 100%;
	display: table;*/
	background: #222;
	/*padding-top: 4px;
	z-index: 1;
    -webkit-backface-visibility: hidden;*/
    width: 100%;
    height: 40px;
    line-height: 32px;
}
.aa_Phone .ocbutton {
	/*display: table-cell;
	text-align: center;
	padding-top: 4px;*/
}
.aa_Phone .ocbutton img {
	/*margin-bottom: 2px;*/
}
.aa_Phone .ocbutton .text {
	color: white;
}
.aa_Phone .pub {
	display: none;
}
.aa_Phone .headLine {
	display: none;
}


/* iPad */
.dj_ios .aa_Tablet .xselect {
	overflow: auto;
	background: white;
	max-height: 40vh;
}
.dj_ios .aa_Tablet .xoption {
	background: white;
	line-height: 1.8em;
	font-size: 1.3em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.AjaxLoaderWrapper {
	position: relative;
	z-index: 1;
}
.AjaxLoader {
	position:fixed;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	z-index:1000;
	display:none;
	/*pointer-events: none;*/
}
.AjaxLoader .message {
    font-size: 1.6em;
    font-weight: bold;
    position: absolute;
    top: 100px;
    left: -150px;
    width: 300px;
    text-align: center;
    border: 1px solid black;
    background: white;
    display: none;
}

.aAltoError {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: lightgrey;
	text-align: center;
}
.aAltoError p {
	margin-bottom: 2em;
}

.aAltoTest td { padding: 2px 6px;}

.userInfo { border: 0; font-size: .9em; }
.userInfo img { margin: 0 4px; }
.aa_Tablet .userInfo img { margin: 0 14px; }

.aa_Phone .hamburgerMenu { position:absolute; bottom:50px; left:10px; background: #222; margin: 3px; }
.aa_Phone .hamburgerMenu img {
	margin-right: 6px;
}
.aa_Phone .hamburgerMenu span {
	color: white;
	font-weight: bold;
}
.aa_Phone .hamburgerMenu td {
	color: white;
	font-weight: bold;
    padding: 6px;
}
.aa_Phone .fieldTiers textarea {
	position: relative !important;
	width: calc(100% - 3px)!important;
}
.aa_Phone .bodyStyle {
    height: inherit!important;
}

.data.fieldDate .dijitArrowButton {
    color: #111;
    background: url('calendrier.gif');
    height: 16px;
    border: 0;
    width: 16px;
    background-repeat: no-repeat;
}
.data.fieldDate .dijitArrowButton input {
	display: none;
}
.tundra .cellLeaf {
    background: url("iconTelMobile.gif") no-repeat;
}
.tundra .phoneLeaf {
    background: url("iconTelFixe.gif") no-repeat;
}
.tundra .functionLeaf {
    background: url("iconJob.png") no-repeat;
    background-size: contain;
}
.tundra .contactLeaf {
    background: url("Responsable.gif") no-repeat;
    background-size: contain;
}

.duration, .duration0 {}
.duration1 {
	font-size: .9em;
}
.duration2 {
	font-size: 1.1em;
	font-weight: bold;
}
.duration3 {
	font-size: 1.2em;
	font-weight: bold;
}
.duration4 {
	font-size: 1.4em;
	font-weight: bold;
}
.duration5 {
	font-size: 1.6em;
	font-weight: bold;
}

.duration6 {
	font-size: 1.8em;
	font-weight: bold;
}
.ie-bug {
	font-size: 0.1px;
}

.cover {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.1;
	height: 100vh;
	width: 100vw;
	z-index: 999;	
}

#notifications {
	position: absolute;
	top: 10px;
	right: 10px;
}
.notification {
	position: relative;
    width: 360px;
    background: white;
    border: 1px solid #ccc;
    color: black;
    margin-top: 6px;
    box-shadow: -6px 6px 20px 1px rgba(0,0,0,0.2);
    height: 80px;
    transition-property: height;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.notification.closed {
	height: 0;
	z-index: -1;
	margin-top: 0;
}
.notification.closed * {
	display: none;
}
.notification img {
	float: left;
}
.notification .x {
	float: none;
	position: absolute;
	top: 4px;
	right: 4px;
}
.notification .title {
	display: inline-block;
	font-weight: bold;
    font-size: 14px;
    color: black;
    margin: 6px;
    min-width: 240px;
}
.notification .body {
    display: inline-block;
	font-size: 12px;
    color: black;
    margin: 6px;
    min-width: 240px;
}
.xspInputFieldFileUpload {
	max-width: calc(100% - 6px);
}

/* tablet */

.aa_Tablet input, .aa_Tablet select, .aa_Tablet .option {
}
.aa_Tablet .buttons .buttonSeparator {
	padding-left: 8px;
}
.aa_Tablet .buttons .groupSeparator {
	padding-left: 20px;
}
.aa_Tablet .OkCancelButtons .ocbutton {
	margin-left: 8px;
}
.aa_Tablet .iconPane {
	min-height: 64px;
	align-items: center;
}
.unreadMark, .readMark, .mailMark {
	display: none;
}

.aa_Phone .tundra .dijitTitlePaneContentInner {
	padding: 0px;
}

.aAltoPageLayout {
	display: block;
}
.aAltoPrintLayout {
	display: none;
}
.aAltoPrintLayout .printFooterGap {
	height: 1in;
}
.aAltoPrintLayout .printFooter {
	width: 100%;
	position: fixed;
    bottom: 0;
}
.aAltoPrintLayout .Formulaire .form .label {
	 width: 0px;
	 text-shadow: none;
}


.aAltoPrintLayout .Formulaire .form .caption { 
	text-shadow: none;    
	border-top: 10px solid white;
}

.aAltoPrintLayout .Formulaire .form .label.fieldSubForm { 
	width: 0px;
}

@media print{
	.aAltoPageLayout {
		display: none;
	}
	.aAltoPrintLayout {
		display: block;
	}
	body {
			background:white;
	}
	.AjaxLoader {
		display: none;
	}
	.noprint { display: none; }
}

.testMode {
	background: yellow;
}
}