@gris: #E2E2E2;
@beige: #b3d1ff;
@creme: #FFFFF;
@rouge: #d60036;

.tuileGroup
{
    color:#000000;
    font-size:2em;
    padding-left:5px;
}

.tuile_grise {
    .tuile_priv(@gris);
}
.tuile_beige {
    .tuile_priv(@beige);
}
.tuile_creme {
    .tuile_priv(@creme);
}
.tuile_creme:hover {
    .tuile_priv(@rouge);

    span
	{
		color:#FFFFFF;
		text-align:center;
		padding-left:5px;
		display:block;
        line-height:16px;
	}
}

a:link.tuile_creme, a:visited.tuile_creme {
    color: @rouge;
}

.tuile_priv(@couleur) {
    margin: 4px;
    padding: 4px;
    width: 130px;
    height: 120px;
    background-color: @couleur;
    border-color: @couleur;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    font-size: 1.1em;
    display: block;
    text-decoration: none;
    img
	{
	    border:0px;
        padding-top:5px;
        padding-bottom:0px;
	}
	span
	{
		color:black;
		text-align:center;
		padding-left:5px;
		display:block;
        line-height:16px;
	}
}

.tuileInfo
{
	.tuileInfo_priv(#bcbcbc);
}

.tuileInfo_priv(@couleur)
{
    margin:5px;
    padding:5px;
    width:170px;
    height:120px;
    background-color:@couleur;
    text-align:right;
    font-size:1.7em;
    display:block;
    text-decoration:none;

	img
	{
		border:0px;
		/*height:50px;*/
		width:70px;
	}

	span
	{
		height:80px;
		color:White;
		text-align:left;
		padding-left:5px;
		padding-bottom:10px;
		display:block;
	}
}

.tuileInfoProjet
{
    margin:5px;
    padding:5px;
    width:250px;
    height:150px;
    background-color:#6A92FF;
    text-align:right;
    font-size:1.8em;
    display:block;
    text-decoration:none;

	span
	{
		height:110px;
		color:White;
		text-align:left;
		padding-left:5px;
		padding-bottom:10px;
		display:block;
	}
}

/************************************************/

.ic-title-label {
    font-size: x-large;
    color: @beige;
}

.ic-subtitle-label {
    font-size: large;
    color: @beige;
    padding-left:20px;
}

/*
    Style pour utiliser les <table> pour faire de la mise en page
    class="ic-inline-table" : table sans bordure avec un petit espacement entre les cellules
    class="ic-inline-table container" : idem mais avec 100% de largeur
    class="ic-centered-block" : aligne un bloc horizontalement au centre (pas seulement une table)
*/
table.ic-inline-table, table.ic-collapse-table {
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
}

table.container.ic-inline-table, table.container.ic-collapse-table {
    width: 100%;
}

.ic-truncate-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ic-centered-block {
    display: block;
    margin: 0 auto;
}

.ic-inline-table > tr > td,
.ic-inline-table > tbody > tr > td,
.ic-inline-table > tr > td,
.ic-inline-table > tbody > tr > td {
    border-top: 8px solid transparent;
}

.ic-inline-table > tr:first-child > td,
.ic-inline-table > tbody > tr:first-child > td,
.ic-inline-table > tr:first-child > td,
.ic-inline-table > tbody > tr:first-child > td {
    border-top: none;
}

table.ic-inline-table > tr > td, table.ic-inline-table > tbody > tr > td {
    border-left: 8px solid transparent;
    padding: 0;
}

    table.ic-inline-table > tr > td:first-child, table.ic-inline-table > tbody > tr > td:first-child {
        border-left: none;
    }

.ic-tab-content {
    overflow-y: auto;
}

/************************************************/
/* Toolbar du bas des page d'édition            */

table.editPageToolbarBottom {
    border-spacing: 0px;
}

    table.editPageToolbarBottom td {
        padding: 0px;
    }

    table.editPageToolbarBottom div.dxb {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    table.editPageToolbarBottom div.dxbButton_Office365,
    table.editPageToolbarBottom div.dxbButtonSys,
    table.editPageToolbarBottom div.dxbTSys {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

/************************************************/
.labelErreur{
    color:red;
    background-color:#FFC8C8;
    padding:6px 10px;
}

.filtreRecherche {
    .filtreRechercheEntete(@gris)
}

.filtreRechercheEntete(@couleur) {
    border: 1px solid @couleur;
}

.actualiser_filtre{
    color:red !important;
    font-style:italic;
    margin-left:15px;
}

.ListWagonTitle, .ListCaisseTitle, .ListAtelierTitle, .ListWagonAtelierTitle {
    font-size: x-large;
    color: #d60036;
    margin-left: 5px;
}

.FormTitle {
    background-color: #d60036;
    color: #FFF;
    font-size: 1.27em;
    border-bottom: 1px solid #000;
}

.BorderBlocForm {
    border: 1px solid #d60036;
    margin-bottom:5px;
    padding:0px;
}

.BorderBlocFormTerminal {
    margin-bottom: 5px;
    padding: 0px;
}

.BorderBlocFormRight {
    border-right: 1px solid #d60036;
}

.ic_errorPopupTxt {
    margin-top: 10px;
    color: red;
    background-color: #f2cedb;
    padding-top: 5px;
    padding-bottom: 5px;
}
/*
.dxgvControl_Office365, .dxgvDisabled_Office365{
    color:black;
}
.dxflFormLayout_Office365 {
    color: black;
}
.dxflFormLayout_Office365 .dxflCaption_Office365 {
    color: black;
}

.dxpcLite_Office365 .dxpc-header, .dxdpLite_Office365 .dxpc-header {
    color: black;
}
.dxeEditArea_Office365, body input.dxeEditArea_Office365 {
    color: black;
}
.dxeListBox_Office365 {
    color: black;
}
.dxeBase_Office365 {
    color: black;
}
.dxeCalendar_Office365 {
    color: black;
}
.dxeCalendar_Office365 td.dxMonthGridWithWeekNumbers > table > tbody > tr > td:first-child, .dxeCalendar_Office365 td.dxMonthGridWithWeekNumbers > div.dxAC > div > table > tbody > tr > td:first-child {
    color: black;
}
.dxpLite_Office365 {
    color: black;
}
.dxpLite_Office365 .dxp-num {
    color: black;
}
.dxpLite_Office365:not(.dxpLiteDisabled_Office365) .dxp-num:hover:not(.dxp-current) {
    color: black;
}
.dxlpLoadingPanel_Office365, .dxlpLoadingPanelWithContent_Office365 {
    color: black;
}
.dxgvEmptyDataRow_Office365 {
    color: black;
}
.dxucControl_Office365, .dxucEditArea_Office365, body input.dxucEditArea_Office365 {
    color: black;
}
.dxucControl_Office365 .dxucBrowseButton_Office365 a {
    color: black;
}
*/