BODY, TD, INPUT, SELECT, TEXTAREA, SPAN {
    font-size: 12px;
}

.TableauMessages *, .TableauHotLine *, #TableConfiguration * {
    font-size: 11px;
}

/* V6R3 - Contenu des Datagrid */
table.GVBasicList td span, table.GVBasicList td a, table.GVBasicList td input {
    font-size: 11px !important;
}


/* ------------------------------------------------ */
/* Pour utiliser une navbar bootstrap multi-niveaux */
/* ------------------------------------------------ */
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px; /**/
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #666666;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px; /*behavior: url(../Scripts/ie-compatibility/PIE.htc);*/
        }
/* ------------------------------------------------ */

/* Dégradé dans le fond du header */
form.x-border-layout-ct /* body:not(.Login) > form:first-of-type */ {
    /* simple dégradé de fond léger, en haut */
    background: -webkit-linear-gradient(top, #F1F4FB 0%, #FFFFFF 20px) !important;
    background: -o-linear-gradient(top, #F1F4FB 0%, #FFFFFF 20px) !important;
    background: linear-gradient(to bottom, #F1F4FB 0%, #FFFFFF 20px) !important;
    /* image de fond légère */
    background: url(../images/bg_screens/bg1_milky.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: 'center top' !important;
    background-size: 100% !important;
}

div#PanelCenter > div > div,
div#PanelWest > div > div,
.x-fieldset-header,
div.dds_header_and_navbar,
div#PanelNorth .mytoolbar,
div#PanelNorth .x-panel-body {
    background: transparent !important;
}



/*
BODY {font-size: medium; }
TD {font-size: medium; }
INPUT,SELECT,TEXTAREA,SPAN {font-size: medium; }
*/

/* V6R3 - PAGE DE CONNEXION */
body.Login {
    /*background-image: url(../images/connexion_background3.jpg);*/
    background-color: #E0E0F0;
    background-image: -webkit-linear-gradient(top, #F2F2F9 0%, #e0e0f0 100%);
    background-image: -o-linear-gradient(top, #F2F2F9 0%, #e0e0f0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F2F2F9), to(#e0e0f0));
    background-image: linear-gradient(to bottom, #F2F2F9 0%, #e0e0f0 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F9', endColorstr='#E0E0F0', GradientType=0);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);*/
    /*background-position: center -100px;*/
}

    body.Login.ie8 {
        background: #E8E8F4;
    }

    body.Login .PortalTitle {
        border-radius: 5px 5px 0 0 !important;
    }

    body.Login #CadreConnexion select {
        margin-left: 0 !important;
    }

    /* fin V6R3 */


    body.Login tr.Logo img {
        opacity: 0.9;
    }

        body.Login tr.Logo img:hover {
            opacity: 1;
            cursor: pointer;
        }

    body.Login #CadreConnexion_container {
        width: 380px;
        border-radius: 5px !important;
        /* ombrage */
        -moz-box-shadow: 2px 4px 6px #CCC; /* mozilla */
        -webkit-box-shadow: 2px 4px 6px #CCC; /* chrome + safari */
        box-shadow: 2px 4px 6px #CCC; /* opéra */
        /* légère transparence du fond (ne fonctionne pas sur IE8) */
        background: rgba(255,255,255,0.4);
        behavior: url(../Scripts/ie-compatibility/PIE.htc);
    }

    body.Login.ie8 #CadreConnexion_container {
        background-color: #F1F1F8;
    }

    body.Login #CadreConnexion {
        width: 100%;
        border-width: 0 !important;
        background: transparent;
    }

    body.Login #CadreConnexion_inner {
        border-style: solid;
        border-width: 0 1px 1px 1px !important;
        border-color: #98A2BC !important;
    }

    body.Login table#CadreConnexion td {
        padding: 4px;
    }

div.login_panel {
    padding: 0 20px;
}

body.Login input.form-control, body.Login .bootstrap-select {
    width: 220px !important;
}

/* partie "Logo haut" de la page de connexion */
body.Login td.Login_header_logo {
    padding: 80px 0 30px 0;
}
/* en mode "petite hauteur de fenêtre", il faut reserrer la partie haute */
@media (max-height: 620px) {
    body.Login td.Login_header_logo {
        padding-top: 30px;
    }
}

@media (max-height: 520px) {
    body.Login td.Login_header_logo {
        padding-top: 0;
    }
}


/* V6R3 - Au cas où (sur IE8 notamment) les select ne soient pas bootstrapisés */
body.ie select {
    background: #FFF !important;
    border: 1px solid #93B5CE !important;
    height: 24px;
}

.lbl_Info {
    white-space: normal !important;
    font-size: 13px !important;
}

#TbUserInfo {
    border: 0 !important;
    position: relative;
    top: +5px;
}
    /* boutons d'action permanents (en haut à droite, au-dessus de la navbar) */
    #TbUserInfo td.x-toolbar-left {
        width: auto;
    }

        #TbUserInfo td.x-toolbar-left button {
            color: #555;
            font-size: 12px;
            /*
    padding-left: 4px;
    background-image: none !important;
    */
        }

.ConnectionError {
    border: 1px solid #F79B56 !important;
    background: #FFCEB3;
    padding: 10px;
    color: #D10505 !important;
    font-weight: bold;
}

.btnLogin {
    display: inline-block;
    background: #15467E;
    padding: 5px 18px;
    text-decoration: none !important;
    border-radius: 2px;
    margin-bottom: 10px;
}

    .btnLogin span {
        color: white !important;
        font-size: 14px;
        font-weight: bold;
    }

    .btnLogin:hover {
        background: #004DAA;
        color: white;
        text-decoration: none;
    }


/* Sous-titre d'une page */
.PageInformation {
    margin-top: 0px !important;
    margin-left: 11px !important;
    float: left;
    width: 750px;
}

/* Titre / sous-titre d'une lightbox */
.Popup_Intro {
    text-align: left;
    padding-top: 10px;
}

/* Marge gauche uniforme pour tous les éléments d'une page */
ol.breadcrumb,
.PageInformation,
.PageInformation ~ table.DefaultTable,
.DefaultSummary ~ table.DefaultTable,
.DefaultSummary ~ .main_scrollable_zone > table, /* .DefaultTable */
.with-margin-left,
#header > table.DefaultTable:first-of-type {
    margin-left: 15px !important;
}
    /* pour préserver un alignement parfait entre le .PageInformation et les titres des blocs formulaires de gauche  */
    .DefaultSummary ~ table.DefaultTable td.td_tab_title,
    .DefaultSummary ~ .main_scrollable_zone > table td.td_tab_title {
        padding-left: 0 !important;
    }

/* le div#ddstop étant lui-même décalé de 4px... (15px - 4px = 11px) */
div#ddstop .PageInformation {
    margin-left: 11px !important;
}

/* les bandeaux contenus dans une zone décalée sur la droite doivent être décalés sur la gauche,
   afin qu'ils "collent" au bord gauche de la page */
.PageInformation ~ table.DefaultTable table.DefaultSummary {
    margin-left: -15px;
}

/* Idem, au-dessus d'un formulaire Ext.net */
.PageInformationExt {
    margin-left: 16px !important;
}

table#TabNavigation2 {
    float: right !important;
}




/* HOMEPAGE */


/* V6R3 - Footer moderne */
#home_footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px !important;
    background: #D8D8DA;
    background: rgba(50,50,50,0.8);
}

    #home_footer > table {
        width: 100%;
    }

    #home_footer td#footer_messages, #home_footer td#footer_hotline, #home_footer td#browser_messages {
        padding: 0 30px 0 10px !important;
        vertical-align: top;
        width: 50%;
    }

    #home_footer td#footer_hotline {
        padding-left: 30px !important;
        border-left: 1px dotted #777;
    }

    #home_footer td {
        padding-top: 3px;
    }

        #home_footer td div {
            margin: 0 !important;
            width: auto !important;
        }

        #home_footer td, #home_footer a, #home_footer td span {
            font-size: 12px !important;
            color: #DDD !important;
        }

            #home_footer td.ListTitle {
                padding-top: 10px;
                padding-bottom: 5px;
                color: #AAA !important;
            }

    #home_footer .ListTitle {
        border-bottom: 1px dotted #777;
    }

#divMessages, #divHotLine, #TableConfiguration {
    border: 0 !important;
    width: 540px;
}

.TableauMessages, .TableauHotLine, #TableConfiguration {
    background-color: transparent;
    padding: 20px;
}

#TableConfiguration {
    margin-top: 20px;
}

.TableauMessages td {
    text-align: left;
}

.TableauMessages td, .TableauHotLine td /*, #TableConfiguration td*/ {
    text-align: left;
}

#divMessages {
    max-height: 180px;
}

#Jobs {
    float: none;
}

/* lignes alertes en homepage */
.GVBasicListAlternatingRowStyle {
    background-color: #F5F5F6;
}


/* Liens de type "My Jobs" en page d'accueil*/
.MyJobLinks td {
    padding: 0 2px !important;
}

td.JobItemBeginning {
    width: 60px !important;
    text-align: right;
}

td.JobItemBeginning {
    /*list-style-type: square;*/
}

.AlertAction {
    margin-bottom: 6px;
    cursor: pointer;
}

.alerts .AlertAction {
    position: relative;
    top: -2px;
}

.alerts .AlertButtons input[type="image"] {
    display: block;
    margin-right: 10px;
}

.alerts .AlertZone {
    margin-top: 15px;
    border: 1px solid #E5E5E5;
    background: #F4F4F4;
    padding: 3px;
}

.AlertAction span {
    text-decoration: underline;
    font-size: 12px !important;
}

.AlertAction:hover span {
    color: #E55536;
    text-decoration: none;
}

div.AlertContent td.JobItemBeginning {
    width: 10px;
    padding-right: 4px;
}

.AlertContent {
    margin: 4px 0 10px 0;
}

.small {
    font-size: 11px !important;
}

/* reprise de la petite flèche Bootstrap accompagnant un lien de type "More criteria"  */
.area_witness {
    padding-left: 15px;
    padding-top: 1px;
    background-image: url(../images/ext-net_new.png) !important;
    background-position: 0 -60px !important;
}

.area_expanded {
    background-position: 0 -75px !important;
}

.area_expand_link {
    color: #15428b !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

    .area_expand_link:hover {
        text-decoration: underline !important;
    }

td.tdBtnTabImgBtn, td.left_separ {
    padding-left: 14px;
}

td.right_separ {
    padding-right: 18px;
    border-right: 1px solid #CCC;
}


/***************************************************/
/* Compatibilité bootstrap des formulaires Ext.net */
/***************************************************/


/* pour que les formulaires Ext.net se comportent normalement */
div.x-panel, div.x-panel *,
div.x-window, div.x-window *,
div.x-layer, div.x-layer * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

    /* cas particulier pour le panneau "central", qui ne contient pas forcément des composants Ext.net */
    div.x-panel#PanelCenter, div.x-panel#PanelCenter * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        /* ...mais qui peut lui-même en contenir ! (des composants Ext.net) */

        div.x-panel#PanelCenter div.x-panel, div.x-panel#PanelCenter div.x-panel *,
        div.x-panel#PanelCenter div.x-window, div.x-panel#PanelCenter div.x-window *,
        div.x-panel#PanelCenter div.x-layer, div.x-panel#PanelCenter div.x-layer *,
        div#PanelWest-xcollapsed, div#PanelWest-xcollapsed * {
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
        }

div#PanelSouth-xcollapsed, div#PanelSouth-xcollapsed * {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.above_more_criteria {
    padding-top: 20px !important;
}

.inline-block {
    display: inline-block;
}

.visibility-hidden {
    visibility: hidden;
}

/* Champs de formulaire ext.net */
.x-form-text {
    margin-top: 0 !important;
    border-radius: 4px;
    border: 1px solid #93B5CE;
    padding: 4px 4px;
}

.x-form-item, label.x-form-item-label,
span.x-fieldset-header-text,
span.x-panel-header-text {
    font-size: 12px !important;
}

.ext-strict .x-form-text {
    height: 14px;
}

.x-form-text:disabled, textarea.x-form-field:disabled {
    border-color: #DDD !important;
    color: #777;
}

/* conteneurs généraux */

div.x-panel-body > div > table {
    margin: 10px 4px;
}

#UserLanguageSelector {
    margin: 0 4px !important;
}

.x-form-group-body > div {
    margin: 10px 10px;
}

div.x-panel-body input[type="radio"].x-form-radio, div.x-panel-body input[type="checkbox"].x-form-checkbox,
input[type="checkbox"] {
    margin-top: 0;
}

div.x-panel-body label {
    margin-bottom: auto;
}

div.x-panel-body .x-panel-tbar > div {
    padding: 0;
}

div.x-panel-body > div > table > tbody > tr > td, td.tdBtnTabImgBtn {
    padding: 2px 0 2px 8px;
}


.x-form-check-wrap input {
    vertical-align: middle;
}

.ext-webkit .x-small-editor .x-form-field-trigger-wrap .x-form-trigger {
    height: 19px !important;
}

.x-form-field-trigger-wrap .x-form-trigger {
    margin-top: 3px !important;
}

div.x-panel [class*="icon-"] {
    font-family: inherit;
}

    div.x-panel [class*="icon-"]:before {
        content: none !important;
    }

/* V6R3 - mise en commentaire : */
/*div.x-panel .x-toolbar-left { width: auto !important; }*/

div.x-panel .x-toolbar-right {
    text-align: right !important;
    padding-right: 18px;
}

div.x-panel td.x-toolbar-right table {
    width: 100% !important;
}

    div.x-panel td.x-toolbar-right table td {
        text-align: right !important;
    }

        div.x-panel td.x-toolbar-right table td .xtb-text {
            padding-right: 10px !important;
        }

/* fond de la barre de boutons d'action dans les popup Ext.net */
div.x-window table.x-toolbar-ct,
div.x-menu-floating table.x-toolbar-ct {
    background: white;
    padding-left: 1px;
}

div.x-window .x-toolbar,
div.x-menu-floating .x-toolbar {
    padding-bottom: 0;
    background-color: white !important;
}


.ddsSearchGridToolBar .x-toolbar-ct {
    border-bottom: 0;
}

/* boutons d'action Ext.net plus espacés */
tr.x-toolbar-right-row td.x-toolbar-cell {
    padding-left: 0px;
}

/* Custo icônes incrustées dans les boutons Ext.net */
tr.x-toolbar-right-row table.x-btn-over [class^='x-btn-'],
#PanelCenter tr.x-toolbar-right-row table.x-btn-over [class^='x-btn-'],
#TbUserInfo td.x-toolbar-left [class^='x-btn-']:not(.x-btn-split) {
    background: transparent !important;
}

/* exception pour les boutons Ext.net munis d'une dropdown list */
#TbUserInfo td.x-toolbar-left .x-btn-mc em.x-btn-split {
    background-image: url(../images/ext_arrow-noline.gif) !important;
    cursor: pointer;
}

.x-menu-floating {
    border-color: #BCC4D3;
}

/* intérieur d'une dropdown list Ext.net */
.x-cycle-menu {
    background: #FAFAFA !important;
}

    .x-cycle-menu li.x-menu-list-item {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .x-cycle-menu .x-menu-item-active {
        background-image: none !important;
        background: #F2F2F5;
        border-color: transparent !important;
        margin: 0 !important;
    }

        .x-cycle-menu .x-menu-item-active a.x-menu-item {
            border-width: 0 !important;
            margin: 0 !important;
        }

    .x-cycle-menu .x-menu-item-checked {
        border: 1px transparent !important;
        background: #E0E4E8 !important;
    }

/* certains boutons ext.net doivent contenir un libellé permanent */
#TbUserInfo td.x-toolbar-left table.x-btn-over button {
    color: #000 !important;
}

tr.x-toolbar-right-row button[class*="icon-"] {
    padding-left: 36px !important;
    height: 36px !important;
    font-size: 11px;
}

tr.x-toolbar-right-row button.icon-zoom {
    background-image: url(../images/tiny-blue-icons/search.png) !important;
    background-image: url(../images/blue-icons/display.png) !important;
    height: 36px !important;
    /* grand format */
    background-image: url(../images/big-icons/search.png) !important;
    padding-left: 55px !important;
    height: 55px !important;
}

/*-------------------------------------------------*/
/*          BOUTONS DANS LES POPUP EXT.NET         */
/*-------------------------------------------------*/
.x-window-body tr.x-toolbar-left-row table.x-btn-text-icon button {
    height: 26px !important;
    padding-left: 28px !important;
}
    /*-------------------------------------------------*/

    .x-window-body tr.x-toolbar-left-row table.x-btn-text-icon button.icon-accept {
        background-image: url(../images/small-blue-icons/check2.png) !important;
    }

.x-window-body tr.x-toolbar-left-row table.x-btn-text-icon table.x-btn-over button.icon-accept {
    background-image: url(../images/small-blue-icons/check2-on.png) !important;
}
/*-------------------------------------------------*/

.x-window-body tr.x-toolbar-left-row table.x-btn-text-icon button.icon-cancel {
    background-image: url(../images/small-blue-icons/cancel.png) !important;
}

.x-window-body tr.x-toolbar-left-row table.x-btn-text-icon table.x-btn-over button.icon-cancel {
    background-image: url(../images/small-blue-icons/cancel-on.png) !important;
}
/*-------------------------------------------------*/



/*-------------------------------------------------*/
/*        AUTRES  BOUTONS D'ACTION EXT.NET         */
/*-------------------------------------------------*/
tr.x-toolbar-right-row button.icon-help {
    background-image: url(../images/small-gray-icons/info.png) !important;
    padding-left: 26px !important;
}

tr.x-toolbar-right-row table.x-btn-over button.icon-help {
    background-image: url(../images/small-gray-icons/info-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row table.x-btn-over button.icon-zoom {
    background-image: url(../images/big-icons/search-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-disk {
    background-image: url(../images/blue-gray-icons/save.png) !important;
}

#PanelCenter tr.x-toolbar-right-row button.icon-disk {
    background-image: url(../images/blue-gray-icons/save.png) !important;
}

tr.x-toolbar-right-row table.x-btn-over button.icon-disk {
    background-image: url(../images/blue-gray-icons/save-on.png) !important;
}

#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-disk {
    background-image: url(../images/blue-gray-icons/save-on.png) !important;
}

/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-cog {
    background-image: url(../images/blue-icons/generate.png) !important;
}

#PanelCenter tr.x-toolbar-right-row button.icon-cog {
    background-image: url(../images/blue-gray-icons/generate.png) !important;
}

tr.x-toolbar-right-row table.x-btn-over button.icon-cog {
    background-image: url(../images/blue-icons/generate-on.png) !important;
}

#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-cog {
    background-image: url(../images/blue-gray-icons/generate-on.png) !important;
}

/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-arrowswitch {
    background-image: url(../images/blue-icons/split.png) !important;
}

#PanelCenter tr.x-toolbar-right-row button.icon-arrowswitch {
    background-image: url(../images/blue-gray-icons/split.png) !important;
}

tr.x-toolbar-right-row table.x-btn-over button.icon-arrowswitch {
    background-image: url(../images/blue-icons/split-on.png) !important;
}

#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-arrowswitch {
    background-image: url(../images/blue-gray-icons/split-on.png) !important;
}

/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-decline {
    background-image: url(../images/blue-icons/erase.png) !important;
}

#PanelCenter tr.x-toolbar-right-row button.icon-decline {
    background-image: url(../images/blue-gray-icons/erase.png) !important;
}

tr.x-toolbar-right-row table.x-btn-over button.icon-decline {
    background-image: url(../images/blue-icons/erase-on.png) !important;
}

#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-decline {
    background-image: url(../images/blue-gray-icons/erase-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-printer {
    background-image: url(../images/blue-icons/printer.png) !important;
}

#PanelCenter tr.x-toolbar-right-row button.icon-printer {
    background-image: url(../images/blue-gray-icons/printer.png) !important;
}

tr.x-toolbar-right-row table.x-btn-over button.icon-printer {
    background-image: url(../images/blue-icons/printer-on.png) !important;
}

#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-printer {
    background-image: url(../images/blue-gray-icons/printer-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-pageexcel {
    background-image: url(../images/blue-icons/export-excel.png) !important;
}

#PanelCenter tr.x-toolbar-right-row button.icon-pageexcel {
    background-image: url(../images/blue-gray-icons/export-excel.png) !important;
}

tr.x-toolbar-right-row table.x-btn-over button.icon-pageexcel {
    background-image: url(../images/blue-icons/export-excel-on.png) !important;
}

#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-pageexcel {
    background-image: url(../images/blue-gray-icons/export-excel-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-pageattach {
    background-image: url(../images/blue-icons/download.png) !important;
}

#PanelCenter tr.x-toolbar-right-row button.icon-pageattach {
    background-image: url(../images/blue-gray-icons/download.png) !important;
}

tr.x-toolbar-right-row table.x-btn-over button.icon-pageattach {
    background-image: url(../images/blue-icons/download-on.png) !important;
}

#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-pageattach {
    background-image: url(../images/blue-gray-icons/download-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-user {
    background-image: url(../images/blue-icons/user.png) !important;
}

#PanelCenter tr.x-toolbar-right-row button.icon-user {
    background-image: url(../images/blue-gray-icons/user.png) !important;
}

tr.x-toolbar-right-row table.x-btn-over button.icon-user {
    background-image: url(../images/blue-icons/user-on.png) !important;
}

#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-user {
    background-image: url(../images/blue-gray-icons/user-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-bullettick {
    background-image: url(../images/blue-icons/check2.png) !important;
}

#PanelCenter tr.x-toolbar-right-row button.icon-bullettick {
    background-image: url(../images/blue-gray-icons/check2.png) !important;
}

tr.x-toolbar-right-row table.x-btn-over button.icon-bullettick {
    background-image: url(../images/blue-icons/check2-on.png) !important;
}

#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-bullettick {
    background-image: url(../images/blue-gray-icons/check2-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-lorry {
    background-image: url(../images/blue-icons/truck.png) !important;
}

#PanelCenter tr.x-toolbar-right-row button.icon-lorry {
    background-image: url(../images/blue-gray-icons/truck.png) !important;
}

tr.x-toolbar-right-row table.x-btn-over button.icon-lorry {
    background-image: url(../images/blue-icons/truck-on.png) !important;
}

#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-lorry {
    background-image: url(../images/blue-gray-icons/truck-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-lorryadd {
    background-image: url(../images/blue-icons/truck-add.png) !important;
}

#PanelCenter tr.x-toolbar-right-row button.icon-lorryadd {
    background-image: url(../images/blue-gray-icons/truck-add.png) !important;
}

tr.x-toolbar-right-row table.x-btn-over button.icon-lorryadd {
    background-image: url(../images/blue-icons/truck-add-on.png) !important;
}

#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-lorryadd {
    background-image: url(../images/blue-gray-icons/truck-add-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-brickadd {
    background-image: url(../images/blue-icons/box-new.png) !important;
}

#PanelCenter tr.x-toolbar-right-row button.icon-brickadd {
    background-image: url(../images/blue-gray-icons/box-new.png) !important;
}

tr.x-toolbar-right-row table.x-btn-over button.icon-brickadd {
    background-image: url(../images/blue-icons/box-new-on.png) !important;
}

#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-brickadd {
    background-image: url(../images/blue-gray-icons/box-new-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-packageadd {
    background-image: url(../images/blue-icons/box2-new.png) !important;
}

#PanelCenter tr.x-toolbar-right-row button.icon-packageadd {
    background-image: url(../images/blue-gray-icons/box2-new.png) !important;
}

tr.x-toolbar-right-row table.x-btn-over button.icon-packageadd {
    background-image: url(../images/blue-icons/box2-new-on.png) !important;
}

#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-packageadd {
    background-image: url(../images/blue-gray-icons/box2-new-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-add,
tr.x-toolbar-right-row button.icon-pageadd {
    background-image: url(../images/blue-icons/add.png) !important;
}

#PanelCenter tr.x-toolbar-right-row button.icon-add,
#PanelCenter tr.x-toolbar-right-row button.icon-pageadd {
    background-image: url(../images/blue-gray-icons/add.png) !important;
}

tr.x-toolbar-right-row table.x-btn-over button.icon-add,
tr.x-toolbar-right-row table.x-btn-over button.icon-pageadd {
    background-image: url(../images/blue-icons/add-on.png) !important;
}

#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-add,
#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-pageadd {
    background-image: url(../images/blue-gray-icons/add-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-pagegear {
    background-image: url(../images/blue-icons/batches.png) !important;
}

#PanelCenter tr.x-toolbar-right-row button.icon-pagegear {
    background-image: url(../images/blue-gray-icons/batches.png) !important;
}

tr.x-toolbar-right-row table.x-btn-over button.icon-pagegear {
    background-image: url(../images/blue-icons/batches-on.png) !important;
}

#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-pagegear {
    background-image: url(../images/blue-gray-icons/batches-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-doorout {
    background-image: url(../images/blue-icons/close.png) !important;
}

#PanelCenter tr.x-toolbar-right-row button.icon-doorout {
    background-image: url(../images/blue-gray-icons/close.png) !important;
}

tr.x-toolbar-right-row table.x-btn-over button.icon-doorout {
    background-image: url(../images/blue-icons/close-on.png) !important;
}

#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-doorout {
    background-image: url(../images/blue-gray-icons/close-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-delete {
    background-image: url(../images/blue-icons/delete.png) !important;
}

#PanelCenter tr.x-toolbar-right-row button.icon-delete {
    background-image: url(../images/blue-gray-icons/delete.png) !important;
}

tr.x-toolbar-right-row table.x-btn-over button.icon-delete {
    background-image: url(../images/blue-icons/delete-on.png) !important;
}

#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-delete {
    background-image: url(../images/blue-gray-icons/delete-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-pagewhitecopy {
    background-image: url(../images/blue-icons/copy.png) !important;
}

#PanelCenter tr.x-toolbar-right-row button.icon-pagewhitecopy {
    background-image: url(../images/blue-gray-icons/copy.png) !important;
}

tr.x-toolbar-right-row table.x-btn-over button.icon-pagewhitecopy {
    background-image: url(../images/blue-icons/copy-on.png) !important;
}

#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-pagewhitecopy {
    background-image: url(../images/blue-gray-icons/copy-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-reload {
    background-image: url(../images/blue-icons/refresh.png) !important;
}

#PanelCenter tr.x-toolbar-right-row button.icon-reload {
    background-image: url(../images/blue-gray-icons/refresh.png) !important;
}

tr.x-toolbar-right-row table.x-btn-over button.icon-reload {
    background-image: url(../images/blue-icons/refresh-on.png) !important;
}

#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-reload {
    background-image: url(../images/blue-gray-icons/refresh-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-cancel {
    background-image: url(../images/blue-gray-icons/cancel.png) !important;
}

#PanelCenter tr.x-toolbar-right-row button.icon-cancel {
    background-image: url(../images/blue-gray-icons/cancel.png) !important;
}

tr.x-toolbar-right-row table.x-btn-over button.icon-cancel {
    background-image: url(../images/blue-gray-icons/cancel-on.png) !important;
}

#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-cancel {
    background-image: url(../images/blue-gray-icons/cancel-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-accept {
    background-image: url(../images/blue-gray-icons/enable.png) !important;
}

#PanelCenter tr.x-toolbar-right-row button.icon-accept {
    background-image: url(../images/blue-gray-icons/enable.png) !important;
}

tr.x-toolbar-right-row table.x-btn-over button.icon-accept {
    background-image: url(../images/blue-icons/enable-on.png) !important;
}

#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-accept {
    background-image: url(../images/blue-gray-icons/enable-on.png) !important;
}
/*-------------------------------------------------*/
/* Icone Ouverture Entité sur les grilles Ext.Net */
.cell-imagecommand.icon-folderedit {
    background-image: url(../images/tiny-blue-icons/pencil.png) !important;
}
.cell-imagecommand.left-cell-imagecommand.icon-bulletgo {
    background-image: url(../images/tiny-blue-icons/dsi-shipment-pl-ok.png) !important;
}

.cell-imagecommand.left-cell-imagecommand.icon-buildingerror {
    background-image: url(../images/tiny-blue-icons/dsi-shipment-pl-ko.png) !important;
}

.cell-imagecommand.left-cell-imagecommand.icon-bulleteject {
    background-image: url(../images/tiny-blue-icons/dsi-shipment-pl-hasComments.png) !important;
}

.cell-imagecommand.left-cell-imagecommand.icon-bulletfeed {
    background-image: url(../images/tiny-blue-icons/dsi-shipment-pl-pending.png) !important;
}
/*-------------------------------------------------*/



/* libellés des fieldsets */
legend {
    background: #FFF;
    width: auto;
    padding: 0 4px;
    border-bottom: 0;
    margin-bottom: 5px !important;
}
/* bordures fieldsets */
.x-fieldset {
    border: 0;
    border-top: 1px dotted #BBD;
    border-top: 0;
    padding-bottom: 5px !important;
    margin-bottom: 0px !important;
}

/* mini-icônes (flèches, fermeture, etc) */
.x-tool {
    background-image: url(../images/ext-net_new.png) !important;
}

.x-form-file-wrap {
    height: 24px !important;
}


/*****************************************/
/* Customisation des formulaires Ext.net */
/*****************************************/

/* barres de titre Ext.net */
.x-panel-header {
    background: #F1F1F7 !important;
    color: #445;
    font-weight: normal;
}
/* toutes les bordures initialement bleu pâles dans Ext.net */
.x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar,
.x-form-check-group-label,
.x-grid-panel .x-panel-mc .x-panel-body,
.x-grid-group-hd,
.x-panel,
.x-panel-header,
.x-panel-body,
.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar,
.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar,
.x-panel-body-noheader, .x-panel-mc .x-panel-body,
.x-panel-tl, .x-panel-tr, .x-panel-bl, .x-panel-br,
.x-panel-ghost ul,
.x-panel-dd-spacer,
.x-window-proxy,
.x-window-mc,
.x-window-bbar .x-toolbar,
.x-panel-ghost .x-window-tl,
.x-html-editor-tb .x-btn-text,
.x-panel-noborder .x-panel-tbar-noborder .x-toolbar,
.x-panel-noborder .x-panel-bbar-noborder .x-toolbar,
.x-tab-panel-bbar-noborder .x-toolbar,
.x-tab-panel-tbar-noborder .x-toolbar,
.x-panel-noborder .x-panel-header-noborder {
    border-color: #DDDEDE;
}

.x-panel-noborder .x-panel-header-noborder {
    border-color: #D4D6D6;
}

.x-form-group .x-form-group-header {
    border-color: #D9D9D9;
}
/* gros séparateur vertical central */
div.x-border-layout-ct {
    background-color: #E4E6E6;
}

/* entêtes de colonnes dans les grilles Ext.net */
#PanelWest div.x-grid3-header-inner {
    background-color: #43627C !important;
}

div.x-grid3-header {
    background: transparent !important;
}

    div.x-grid3-header .x-grid3-td-checker, div.x-grid3-header div[class^="x-grid3-hd-"]:not(.x-grid3-hd-checker) {
        padding-top: 7px !important;
        height: 18px !important;
        background-image: none !important;
        background-color: #43627C !important;
        color: white;
    }

    div.x-grid3-header .x-grid3-hd-row td {
        border-right-color: #6A869D !important;
        font-size: 12px !important;
        font-weight: normal !important;
    }

div.x-grid3-cell-inner {
    padding: 6px 4px;
    font-size: 11px;
}

    div.x-grid3-cell-inner span {
        font-size: 11px;
    }

/* au passage de la souris sur une entête de colonne */
div.x-grid3-header .x-grid3-hd-btn {
    background-color: #43627C !important;
    background-image: url(../images/ext-net_col-header-hover.png) !important;
}

/* menu layout > advanced dans grille ext.net  
    TODO: make it more generic (=> #GPSearch_AdvancedFitLayoutMenu)
*/
div#GPSearch_AdvancedFitLayoutMenu .x-menu-list .x-form-item {
    margin: 2px 2px 0 0;
}

/* V6R3 */
form.x-border-layout-ct {
    background-color: #FFFFFF;
}


div.x-panel-body input[type="radio"],
div.x-panel-body input[type="checkbox"] {
    margin-top: 0;
}

.x-toolbar .xtb-sep {
    background-image: none;
    border-left: 1px solid #CCC;
}


/* interligne dans les formulaires ext.net */
.x-form-item {
    margin-bottom: 6px;
}

/* champs de saisie de type texte classiques */
.x-form-text {
    background-color: #FFF !important;
}

#PanelLanguage .x-form-text, #PanelLanguage .x-form-focus, .x-combo-list {
    border-color: #C4C4C4 !important;
}

/* Cellule modifiable dans les grilles Ext.Net */
.updField {
    background-image: url("../images/dirty1.gif") !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
}

.x-grid3-dirty-cell {
    background-image: url("../images/dirty.gif") !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
}

/* sidebar */
.x-layout-collapsed {
    background-color: #d2e0f2;
    background-color: #DFE2E6;
    border-color: #98c0f4;
    border-color: #CACFD2;
}
/* barre de titre munie de boutons */
.x-toolbar {
    background: #DDDEDE;
    border-top: 0 solid #CFCFCF !important;
    border-bottom: 0 solid #CCC !important;
}

/* message "Veuillez patienter..." */
.ext-el-mask-msg {
    border-color: #CCC;
    background-color: #FFF;
    background-image: none;
    padding: 20px;
}

    .ext-el-mask-msg div {
        background-color: inherit;
        border: 0;
        color: #222;
        font: 12px Arial;
    }


/* lightboxs flottantes */
.x-resizable-pinned .x-window-body {
    background-color: #E5E8F2;
    background-color: white;
}

.x-resizable-pinned .x-panel-body {
    border: none !important;
}

/* champs de saisie Ext.net */
div.x-panel-body textarea {
    color: #131E77 !important;
}

    div.x-panel-body input[readonly],
    div.x-panel-body input[disabled],
    div.x-panel-body textarea[readonly],
    div.x-panel-body textarea[disabled] {
        background-color: #FFFFFF;
        color: #666 !important;
    }

/* surbrillance sur champs en cours de saisie */
div.x-trigger-wrap-focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important;
}

/* comme on a passé la navbar Bootstrap en "fixed"... */
.navbar {
    margin-top: 45px !important;
}

.ext-strict .x-form-text {
    line-height: auto !important; /* height: auto !important;*/
}

.x-box-inner {
    height: 24px !important;
}

.x-form-item label.x-form-item-label {
    padding-top: 5px !important;
}

/* V6R3 - pour que les éléments des formulaires ext.net (voire même la navbar) ne soient pas cachés */
#PanelNorth div[class^="x-panel-"] {
    /* 29/01/2015 - finalement, on rétablit le Layout="FitLayout" */
    overflow: visible;
}


/* drapeaux davantage dans le ton du logo DDS */
table#UserLanguageSelector td.x-btn-mc button[class*="icon-flag"] {
    background-position: 0px 2px;
}

table#UserLanguageSelector button.icon-flagfr {
    background-image: url(../images/ext_flag_fr.png) !important;
}

table#UserLanguageSelector button.icon-flaggb {
    background-image: url(../images/ext_flag_gb.png) !important;
}


/* ONGLETS */
ul.x-tab-strip-top {
    background-color: #E1E1E1;
    background-image: none;
    border-bottom-color: #B7B7B7;
    list-style: none !important;
}

.x-tab-panel-header, .x-tab-panel-footer {
    background-color: #F5F5F5;
    border-color: #E3E3E3;
}

.x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner {
    background-image: url(../images/ext_tab_border.gif);
}

/* MESSAGES D'ERREUR */
body.x-body-masked .x-window-plain .x-window-mc {
    background-color: #D5D9DD;
}

.x-html-editor-wrap {
    border-color: #caced2;
}

.x-window-tl .x-window-header {
    color: #444;
}

.x-window-tc {
    background-image: url(../images/ext_msg_tc.png);
}

.x-window-tl {
    background-image: url(../images/ext_msg_tl.png);
}

.x-window-tr {
    background-image: url(../images/ext_msg_tr.png);
}

.x-window-bc {
    background-image: url(../images/ext_x-window-bc.png);
}

.x-window-bl {
    background-image: url(../images/ext_x-window-bl.png);
}

.x-window-br {
    background-image: url(../images/ext_x-window-br.png);
}

.x-window-mc {
    border-color: #A0A6AF;
    background-color: #D5D9DD;
}

.x-window-ml {
    background-image: url(../images/ext_x-window-ml.png);
}

.x-window-mr {
    background-image: url(../images/ext_x-window-mr.png);
}


/* BOUTON DE VALIDATION */
.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc {
    background-image: url(../images/ext_x-btn.gif) !important;
}

/* ENTÊTES DE COLONNES */
td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
    border-left-color: #E0E8ED;
    border-right-color: #C4C4DD;
}

    td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
        background-color: #F7F7F7;
        background-image: url(../images/ext_x-grid3-hd.gif);
    }

/* TOUS LES PETITS BOUTONS (FORMAT "SPRITES") */
.x-tool {
    background-image: url(../images/ext_x-tool-new.png);
}

/* Petit flèche ("caret") à droite des dropdown lists */
.x-form-field-wrap .x-form-trigger {
    background-image: url(../images/ext_dropdown-caret.png);
}

.x-editor-dropdown-list .x-form-field-wrap .x-form-trigger {
    position: relative !important;
}

.x-form-field-wrap img.x-form-arrow-trigger {
    height: 22px !important;
    margin-top: 0 !important;
    border: 0 !important;
}
/* la classe suivante n'est pas native ext.net, mais est ajoutée en javascript */
.x-form-field-wrap.x-dropdown-list, 
.x-editor-dropdown-list .x-form-field-wrap {
    /*padding: 4px 4px;*/
    border: 1px solid #93B5CE;
    border-radius: 4px;
}

    .x-form-field-wrap.x-dropdown-list:hover,
    .x-form-field-wrap.x-dropdown-list:hover .x-form-field,
    .x-editor-dropdown-list .x-form-field-wrap:hover,
    .x-editor-dropdown-list .x-form-field-wrap:hover .x-form-field {
        background: #ECF1F5 !important;
    }

    .x-form-field-wrap.x-dropdown-list .x-form-field,
    .x-editor-dropdown-list .x-form-field-wrap .x-form-field {
        border: 0 !important;
    }


/**********************************************************/
/*              Fin de la customisation Ext.net           */
/**********************************************************/



table.login_fields select {
    font-size: 13px;
}

table.login_fields input.txtB_def {
    width: 150px;
}

.ListTitle {
    background-color: #93ADB9 !important;
    background-color: #DEE8E8 !important;
    background-color: transparent !important;
    border-bottom: 1px solid #93ADB9;
    color: #445 !important;
    text-align: left !important;
}

/* icône de recherche contextuelle */
.FOBTN {
    background-image: url(../images/tiny-gray-icons/ctx-search.png);
    cursor: pointer;
    /*margin: 0 4px;*/
}

    .FOBTN:hover {
        background-image: url(../images/tiny-gray-icons/ctx-search-on.png);
    }

td.TitleRepeater {
    padding: 10px;
    color: #343434;
}

td.TitleRepeater, table.lightBG, table.lightBG td {
    background-color: #E8EAEA !important;
}


table.dCadre {
    border: 0;
    padding: 0;
    margin: 0;
    margin-left: 10px;
}

    table.dCadre .dCrit {
        padding-top: 10px;
    }

.PortalTitle {
    background-image: none;
    background: #7DABBB;
    background: #15467E;
}

span.WebAppTitle {
    color: #003676;
    color: white;
}

.drawBorder td, tr {
    border: 0 !important;
}

.drawBorder td, tr, .dCadre, .dCrit {
    border: 0 !important;
}

.MenuZone {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

a.sortCol {
    color: white !important;
    font-size: 11px !important;
}

a.lnk_Default, div#menuScreen span, ul#menuDeroulant span {
    font-size: 12px !important;
}

a.lnk_Default {
    text-decoration: underline !important;
}

    a.lnk_Default:hover {
        text-decoration: none !important;
    }


/* largeur par défaut des champs de saisie et de sélection dans les formulaire */
form#aspnetForm .form-control, form#aspnetForm button.dropdown-toggle, .bootstrap-select {
    width: 150px !important;
}

    form#aspnetForm .form-control.c_3, form#aspnetForm button.dropdown-toggle.c_3, .small_select .bootstrap-select.c_3 {
        width: 180px !important;
    }

    form#aspnetForm .form-control.c_4, form#aspnetForm button.dropdown-toggle.c_4, .small_select .bootstrap-select.c_4 {
        width: 250px !important;
    }


.small_select .bootstrap-select, form#aspnetForm .small_select button.dropdown-toggle {
    width: 130px !important;
}

.tiny_select .bootstrap-select, form#aspnetForm .tiny_select button.dropdown-toggle {
    width: 80px !important;
}

.medium_select .bootstrap-select, form#aspnetForm .medium_select button.dropdown-toggle {
    width: 150px !important;
}

tr.SelectedRowStyle .bootstrap-select a {
    color: #131E7B !important;
}

/*-------------------------*/
/* reprise de StyleBase.css, avec "préfixage" des classes afin qu'elles continuent à prévaloir (sinon, la largeur des champs sera trop homogêne) */
form#aspnetForm textarea.txtB_1000D {
    width: 500px !important;
}

form#aspnetForm textarea.txtB_800D {
    width: 400px !important;
}

form#aspnetForm input.form-control.txtB_2D, form#aspnetForm input.form-control.txtB_2DRO, form#aspnetForm input.form-control.txtB_d2D, form#aspnetForm input.form-control.txtB_d2DRO {
    width: 35px !important;
}

form#aspnetForm input.form-control.txtB_3D, form#aspnetForm input.form-control.txtB_3DRO, form#aspnetForm input.form-control.txtB_d3D, form#aspnetForm input.form-control.txtB_d3DRO {
    width: 50px !important;
}

form#aspnetForm input.form-control.txtB_4D, form#aspnetForm input.form-control.txtB_4DRO, form#aspnetForm input.form-control.txtB_d4D, form#aspnetForm input.form-control.txtB_d4DRO {
    width: 70px !important;
}

form#aspnetForm input.form-control.txtB_5D {
    width: 80px !important;
}

form#aspnetForm input.form-control.txtB_5DRO {
    width: 80px !important;
}

form#aspnetForm input.form-control.txtB_d5D {
    width: 80px !important;
}

form#aspnetForm input.form-control.txtB_d5DRO {
    width: 80px !important;
}

form#aspnetForm input.form-control.txtB_13D, form#aspnetForm input.form-control.txtB_d13D, form#aspnetForm input.form-control.txtB_d13DRO, form#aspnetForm input.txtB_13DRO {
    width: 100px !important;
}

form#aspnetForm input.form-control.txtB_16D, form#aspnetForm input.form-control.txtB_d16D, form#aspnetForm input.form-control.txtB_d16DRO, form#aspnetForm input.txtB_16DRO {
    width: 120px !important;
}

form#aspnetForm input.form-control.txtB_70D, form#aspnetForm input.form-control.txtB_d70D, form#aspnetForm input.form-control.txtB_d70DRO, form#aspnetForm input.txtB_70DRO {
    width: 250px !important;
}

form#aspnetForm input.form-control.txtB_80D, form#aspnetForm input.form-control.txtB_d80D, form#aspnetForm input.form-control.txtB_d80DRO, form#aspnetForm input.txtB_80DRO {
    width: 300px !important;
}

form#aspnetForm input.form-control.txtB_100D, form#aspnetForm input.form-control.txtB_d100D, form#aspnetForm input.form-control.txtB_d100DRO, form#aspnetForm input.txtB_100DRO {
    width: 300px !important;
}


form#aspnetForm input.form-control.txtB_600D, form#aspnetForm input.form-control.txtB_d600D, form#aspnetForm input.form-control.txtB_d600DRO, form#aspnetForm input.txtB_600DRO {
    width: 600px !important;
}


form#aspnetForm .ddl_4D, form#aspnetForm .ddl_4DRO {
    width: 30px !important;
}

form#aspnetForm .ddl_5D, form#aspnetForm .ddl_5DRO {
    width: 50px !important;
}

form#aspnetForm .ddl_7D {
    width: 80px !important;
}

form#aspnetForm .ddl_10D, form#aspnetForm .ddl_10DRO {
    width: 100px !important;
}

form#aspnetForm .ddl_20D, form#aspnetForm .ddl_20DRO {
    width: 120px !important;
}

form#aspnetForm .ddl_35D, form#aspnetForm .ddl_35DRO {
    width: 200px !important;
}

form#aspnetForm .ddl_40D, form#aspnetForm .ddl_40DRO {
    width: 2250px !important;
}

form#aspnetForm .ddl_50D, form#aspnetForm .ddl_50DRO {
    width: 245px !important;
}

form#aspnetForm .ddl_70D, form#aspnetForm .ddl_70DRO {
    width: 320px !important;
}

/* pour que les selectpickers épousent la largeur de leur contenant */
form#aspnetForm [class*="ddl_"] button {
    width: inherit !important;
}

/* champs de saisie */
form#aspnetForm .txtB {
    width: 150px !important;
}

form#aspnetForm .txtB_def {
    width: 150px !important;
}

form#aspnetForm .txtB_defRO {
    width: 150px !important;
}

form#aspnetForm .txtB_35D {
    width: 200px !important;
}

form#aspnetForm .txtB_35DRO {
    width: 200px !important;
}

form#aspnetForm .txtB_70D {
    width: 250px !important;
}

form#aspnetForm .txtB_70DRO {
    width: 250px !important;
}

form#aspnetForm .txtB_75D {
    width: 250px !important;
}

form#aspnetForm .txtB_75DRO {
    width: 250px !important;
}

form#aspnetForm .txtB_80D {
    width: 300px !important;
}

form#aspnetForm .txtB_80DRO {
    width: 300px !important;
}

form#aspnetForm .txtB_100D {
    width: 400px !important;
}

form#aspnetForm .txtB_150D {
    width: 388px !important;
}

form#aspnetForm .txtB_100DRO {
    width: 400px !important;
}

form#aspnetForm .txtB_150DRO {
    width: 388px !important;
}

form#aspnetForm .txtB_1000D {
    width: 500px !important;
}

form#aspnetForm .txtB_800D {
    width: 400px !important;
}

form#aspnetForm .txtB_1000DRO {
    width: 500px !important;
}

form#aspnetForm .txtB_1500D {
    width: 750px !important;
}

form#aspnetForm .txtB_2D, form#aspnetForm .txtB_2DRO, form#aspnetForm .txtB_d2D, form#aspnetForm .txtB_d2DRO {
    width: 35px !important;
}

form#aspnetForm .txtB_3D, form#aspnetForm .txtB_3DRO, form#aspnetForm .txtB_d3D, form#aspnetForm .txtB_d3DRO {
    width: 50px !important;
}

form#aspnetForm .txtB_4D, form#aspnetForm .txtB_4DRO, form#aspnetForm .txtB_d4D, form#aspnetForm .txtB_d4DRO {
    width: 70px !important;
}

form#aspnetForm .txtB_5D {
    width: 80px !important;
}

form#aspnetForm .txtB_5DRO {
    width: 80px !important;
}

form#aspnetForm .txtB_d5D {
    width: 80px !important;
}

form#aspnetForm .txtB_d5DRO {
    width: 80px !important;
}

form#aspnetForm .txtB_13D, form#aspnetForm .txtB_d13D, form#aspnetForm .txtB_d13DRO, form#aspnetForm .txtB_13DRO {
    width: 100px !important;
}

form#aspnetForm .txtB_16D, form#aspnetForm .txtB_d16D, form#aspnetForm .txtB_d16DRO, form#aspnetForm .txtB_16DRO {
    width: 120px !important;
}

/*-------------------------*/

textarea.description,
form#aspnetForm textarea.description {
    width: 380px !important;
    height: 45px !important;
}

form#aspnetForm .form-control.txtB_100P {
    width: 100% !important;
    height: 70px !important;
}

/* recherche articles dans Sourcing */
form#aspnetForm div.form-a-criterias input[type="text"].form-control, form#aspnetForm div.form-a-criterias button.dropdown-toggle {
    width: 200px !important;
    display: inline;
}

form#aspnetForm div.form-a-criterias td.td_txt_def {
    white-space: nowrap;
}

/* cellules dédiées aux icônes "loupe" */
td.td_search {
    width: 30px;
    white-space: nowrap;
}

form {
    /*margin-bottom: 0;*/
}

div.dCrit input.form-control, input.form-control-crit {
    display: inline;
    width: 185px;
}

span.l120 {
    width: 100px;
    white-space: normal;
    line-height: 12px;
}

.dCrit_special span.l120 {
    width: 131px;
}



/* on change de mode de scroll sur les table body */
#tbROA .rqof_header {
    top: 0;
    background-color: #959FB5;
}

div.bootstrap-select, select {
    background: transparent !important;
}

.bootstrap-select > select {
    left: 0px !important;
}

div.dCrit span {
    font-size: 12px;
}


div.art_list div.item_list {
    margin-left: 10px !important;
}


/* Liste : 100% de largeur */
#tbROA {
    width: 100% !important;
}

.wrapper {
    width: 98.5% !important;
}

/* popup offer.request */
.modal-body-little-padding {
    padding: 10px !important;
}

/* fermeture popup */
button.close span {
    font-size: 30px !important;
}

/* au sein des popup de recherche */
table.PopupTable {
    margin-top: 10px;
    border: 0 !important;
    background-color: transparent !important; /*color: #3151A5;*/
}

div#ddstop {
    margin: 7px 4px;
}

div#header {
    margin: 0;
}

table.PopupTable td input[type="text"] {
    display: inline;
    margin-bottom: 7px;
}
/* icône de recherche */
table.PopupTable td img.FOBTN {
    margin-left: 4px;
}

div.gridview_separator {
    height: 30px;
    background: #F1F1F7;
    background: #FFFFFF;
    background-image: -webkit-linear-gradient(top, #BBBBBB 0%, #FFFFFF 30%, #FFFFFF 100%);
    background-image: -o-linear-gradient(top, #BBBBBB 0%, #FFFFFF 30%, #FFFFFF 100%);
    background-image: linear-gradient(to bottom, #BBBBBB 0%, #FFFFFF 30%, #FFFFFF 100%);
    background-image: -webkit-gradient(linear, top, bottom, from(#D6D6D6), to(#FFFFFF));
}

/*
@screen-xs-max: 767px;
@screen-sm-min: 768px;
@screen-sm-max: 991px;
@screen-md-min: 992px;
@screen-md-max: 1199px;
@screen-lg-min: 1200px;
*/

/*
@font-face
{
    font-family: 'bonvenocflight';
    src: url('bonvenocf_light_macroman/BonvenoCF-Light-webfont.eot');
    src: url('bonvenocf_light_macroman/BonvenoCF-Light-webfont.eot?#iefix') format('embedded-opentype'), url('bonvenocf_light_macroman/BonvenoCF-Light-webfont.woff') format('woff'), url('bonvenocf_light_macroman/BonvenoCF-Light-webfont.ttf') format('truetype'), url('bonvenocf_light_macroman/BonvenoCF-Light-webfont.svg#bonvenocflight') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

body {
    padding-top: 0;
}

body, p, td, span, div {
    font-family: Arial;
}

.select-height {
    height: 24px;
}

div.banner {
    width: 100%;
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 6px;
    margin-left: 0;
}

    div.banner .logo img {
        margin: 0 4px;
    }

    div.banner span {
        font-size: 14px;
        font-weight: bold;
    }

/* fil d'Ariane */
ol.breadcrumb {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    margin-left: 15px !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

/* V6R3 */
ol.breadcrumb {
    height: 20px;
}

/* On contourne un bug avec bootstrap+IE8 */
body.ie8 .breadcrumb > li {
    /*display: inline-block;*/
    display: inline;
}

ol.breadcrumb li a {
    font-size: 13px;
    text-decoration: underline !important;
}

ol.breadcrumb li.active a {
    text-decoration: none !important;
}

/* titre de la page courante */
ol.breadcrumb li.active:last-child a {
    color: #4F4F4F;
    font-weight: bold;
}


form#aspnetForm-search-request {
    max-width: 870px;
}

    form#aspnetForm-search-request .row {
        padding-bottom: 6px;
    }

form#aspnetForm-create-request input[type="text"], button.dropdown-toggle {
    padding-left: 0;
}

.inline {
    display: inline !important;
}

form#aspnetForm .bootstrap-select {
    padding-left: 0;
    border: 0;
}

.bootstrap-select {
    border-width: 0 !important;
}

.form-horizontal .control-label {
    padding-top: 0;
}

/* pas de retour à la ligne autorisé dans les lignes de formulaire */
div.form-group div[class*="col-"] {
    white-space: nowrap;
}


/* sous les onglets d'une Request/Offer/Article */

ul.request-form-tabs ~ table {
    margin-top: 15px;
}

    ul.request-form-tabs ~ table > tbody > tr > td {
        padding: 0 !important;
    }

/* sous-titre du contenu d'un onglet Request/Offer/Article */
td.tab_content_intro {
    white-space: nowrap;
    padding-left: 60px;
    width: 400px;
}

tr.desc img#help {
    margin-left: 10px;
}

/* cartouche d'infos communes aux différents onglets d'une Request/Offer/Article */
div.common_infos {
    position: fixed;
    width: 100%;
    z-index: 1000;
    background: #005C95;
    background: #8598A7;
    margin: 0 0 15px 0;
    border-radius: 4px;
    behavior: url(../Scripts/ie-compatibility/PIE.htc);
}

div.common_infos-header {
    height: 65px;
}

body.ie8 div.common_infos-header {
    height: 75px;
}

div.common_infos td {
    padding: 4px;
}

    div.common_infos td span {
        font-size: 12px;
    }

div.common_infos td, div.common_infos label {
    color: white;
}

    div.common_infos td input {
        margin-top: 0;
        position: relative;
        top: 2px;
    }

    div.common_infos td.B span {
        white-space: nowrap;
    }

.border_b {
    border-bottom: 1px solid #CCC;
    margin-bottom: 10px;
}



/* contenu boutons */
.btn, .btn span, .btn a {
    font-size: 14px !important;
}


/* intitulés + contenu listes déroulantes */
span.filter-option, button.dropdown-toggle, ul.selectpicker span.text,
.dropdown-menu span, .dropdown-menu a, select {
    font-size: 12px !important;
}

.dropdown-menu {
    padding: 5px 0 !important;
}

ul.selectpicker {
    max-height: 273px !important;
}


.btn-circle-action {
    color: #E8EAEE;
    border-color: transparent;
    padding: 3px 0;
    text-align: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    overflow: hidden;
}

.common_infos .btn-circle-action {
    font-size: 16px;
    width: 32px;
    height: 32px;
    margin-left: 4px;
}

.icon2 {
    width: auto;
    height: auto;
    cursor: pointer;
}

/* attention, ":not()" pas compatible IE8 */
.btn-circle-action:not(.btn-primary) {
    color: #525961;
}
/* attention, ":not()" pas compatible IE8 */
.btn-circle-action:hover:not(.btn-primary), .btn-circle-action:focus:not(.btn-primary) {
    color: #000;
}

.btn-circle-action:hover, .btn-circle-action:focus {
    /*   background: #286090; */
    color: white;
    border-color: transparent;
}

.above-btn {
    margin-left: 6px;
    padding-top: 6px;
}

.req_list li.sort-button {
    margin-left: 12px;
    margin-right: 5px;
}

body.chrome .req_list li.sort-button {
    margin-left: 8px;
}

.padding-left {
    padding-left: 30px !important;
}

.little-padding-left {
    padding-left: 10px !important;
}

.padding-right {
    padding-right: 30px !important;
}

.little-padding-right {
    padding-right: 10px !important;
}


ul.request-form-tabs > li > a:hover {
    border-bottom-color: #CCC;
}

ul.request-form-tabs > li > a {
    font-size: 14px;
    padding: 4px 7px;
}
/* attention, ":not()" pas compatible IE8 */
ul.request-form-tabs > li:not(.active) > a {
    color: #999 !important;
}

div.left-box {
    padding-left: 0 !important;
}


/* labels à largeur fixe */
@media (min-width: 1200px) {
    .fixed-label {
        width: 165px !important;
    }
}


form#aspnetForm label.control-label {
    font-weight: normal;
    font-size: 14px;
    padding-right: 10px;
}

/* libellés de champs dans les formulaires de recherche */
.lbl_def {
    padding-right: 11px;
}

span.lbl_def {
    vertical-align: baseline;
}

/* cellules de tableau contenant des calendriers */
td.td_calendar {
    white-space: nowrap;
}
/* cellules de tableau contenant des champs de saisie */
td.td_input, td.td_calendar {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

/* champs de type date */
input.calendar {
    text-align: left;
}

input.calendar_date {
    width: 90px !important;
}

input.calendar_datetime {
    width: 130px !important;
}

form#aspnetForm td.td_calendar input.calendar_date {
    width: 75px !important;
}

form#aspnetForm td.td_calendar input.calendar_datetime {
    width: 125px !important;
}

body.ie form#aspnetForm td.td_calendar input.calendar_date {
    width: 100px !important;
}

body.ie form#aspnetForm td.td_calendar input.calendar_datetime {
    width: 125px !important;
}

/* Bordures séparatrices entre certaines sous-parties dans un formulaire */
.border_right, .border_top, .border_left, .border_bottom, .border_all {
    border-style: dotted;
    border-color: #43627C;
}

.border_left {
    border-width: 0 0 0 1px;
}

.border_top {
    border-width: 1px 0 0 0;
}

.border_right {
    border-width: 0px 1px 0px 0px;
}

.border_bottom {
    border-width: 0px 0px 1px 0px;
}

.border_all {
    border-width: 1px 1px 1px 1px;
}

td.td_separ {
    width: 30px;
}

    td.td_separ.border_left {
        width: 80px;
    }

    td.td_separ.border_right {
        width: 80px;
    }

td.td_separ_large {
    /*Largeur separ(30) + largeur icone calandrier(16)*/
    width: 46px;
}

/* Cellules de tableau centrées verticalement */
table.GVBasicList td {
    vertical-align: middle;
}

/* Cellules de tableau sans padding */
td.no_padding {
    padding: 0 !important;
}

/* Totaux dans une datagrid */
.GVBasicListFooterStyle {
    background-color: #DDD;
    color: #444;
}



/* zones autrefois à fond jaunâtre */
.lbl_d2D, .lbl_d5D, .lbl_d13D {
    background-color: inherit;
}

/* champs obligatoires */
/* libellés */
form#aspnetForm label.control-label.required,
span.MandatoryLabel {
    /* 17/12/2015 : choix acté en réunion = police de ces libellés en rouge */
    color: #000 !important;
}

tr.TitleRepeater .MandatoryLabel {
    color: #000 !important;
}

tr.TitleRepeater .mandatory_star {
    color: #E60000 !important;
}

/* astérisque rouge pour les champs obligatoires */
.mandatory_star {
    padding-left: 2px;
    font-size: 15px !important;
    color: #E60000;
}

/* dans les formulaires header et Cie */
table.Critere {
    background-color: transparent;
}

    table.Critere input[type="checkbox"] {
        margin-top: 0;
        margin-right: 3px;
    }

    table.Critere > tbody > tr > td {
        padding-top: 5px;
    }

    /* libellés des checkboxs dans les formulaires header et Cie */
    table.Critere td.Normal2 label, div.dCrit label, span.NW label {
        font-weight: normal;
        color: #000;
    }

        table.Critere td.Normal2 label[for] {
            cursor: pointer;
        }
    /* toute cellule de libellé suivant une autre dans les formulaires header et Cie */
    table.Critere td.Normal2 ~ td.Normal2, td.little_padding_left {
        padding-left: 5px;
    }

/* zone définie comme devant être scrollable (cf. common.js) */
.main_scrollable_zone {
    width: 100%;
}

.p98 {
    width: 98%;
}

.p99 {
    width: 99%;
}

.p90 {
    width: 90%;
}

.no_wrap {
    white-space: nowrap;
}

.padding_bottom {
    padding-bottom: 10px;
}

.centered {
    text-align: center;
}

/* sous-titres au sein d'un tableau de données */
td.Highlight {
    background: #8598A7;
    color: white;
    padding: 8px 2px 3px 6px;
}

/* valeurs */
input.Mandatory, textarea.Mandatory, div.Mandatory button.dropdown-toggle {
    border: 1px solid #8B90B7 !important;
    color: #463B62 !important;
}

input.Mandatory, textarea.Mandatory, div.Mandatory button.dropdown-toggle, select.Mandatory {
    /* 17/12/2015 : choix acté en réunion = fond blanc, et libellé suivi d'un astérisque rouge */
    background-color: #FFF;
}

table.GVBasicList input.Mandatory {
    background-color: #EDF5FA;
}

table.GVBasicList .bootstrap-select {
    width: auto !important;
}

form#aspnetForm label.control-label.required:after {
    /*content: "*";*/
    color: #D90000 !important;
    font-weight: bold;
    font-size: 18px;
}

form#aspnetForm div.form-group {
    margin-bottom: 4px;
}

#form1 {
    margin-bottom: 0;
}

    #form1 td.rh_lbl {
        padding-right: 5px;
    }

        #form1 td.rh_lbl span {
            font-size: 12px;
            color: inherit !important;
            font-weight: inherit !important;
            padding: inherit !important;
        }

td.Left_Ong {
    background-image: none;
    display: none;
}

td.Title {
    background-image: none;
    background-color: transparent;
    border-top: 0;
    text-indent: 0;
    padding-left: 0;
    color: black;
}

td.Right_Ong {
    background-image: none;
}

.form_block {
    margin-top: 20px;
}

#form1 input[type="text"] {
    display: inline;
}

    #form1 input[type="text"].c_0_2 {
        width: auto;
    }

form#form1 input[type="text"].form-control, form#aspnetForm input[type="text"].form-control, form#SearchPopupForm input[type="text"].form-control,
form#form1 input[type="password"].form-control, form#form1 select, button.dropdown-toggle, form#form1 textarea, form#aspnetForm textarea {
    padding: 1px 4px;
    font-size: 14px;
    color: #131E77;
    border: 1px solid #93B5CE;
    margin-top: 1px;
    margin-bottom: 1px;
}

form#form1 input[type="text"].form-control, form#aspnetForm input[type="text"].form-control, form#SearchPopupForm input[type="text"].form-control,
form#form1 input[type="password"].form-control, form#form1 select, button.dropdown-toggle {
    height: auto;
    height: 24px;
}

form#aspnetForm div.obj_list ul.nav-tabs {
    position: relative;
    top: 0;
    border-bottom: 0;
    margin-right: 3px !important;
    margin-bottom: 6px;
}

/* listes déroulantes "Bootstrap" */
form#aspnetForm ul.nav-tabs button.dropdown-toggle,
form#aspnetForm .top-buttons button.dropdown-toggle {
    width: auto !important;
    height: 34px;
    padding: 4px 10px;
    border: 0;
}

form#aspnetForm button.dropdown-toggle.width-auto {
    width: auto !important;
    padding-right: 12px;
    padding-left: 13px;
}

ul.dropdown-menu.with-icons {
    padding-left: 10px !important;
}

form#aspnetForm button.btn-primary.dropdown-toggle {
    color: white;
}

form#aspnetForm div.obj_list button.dropdown-toggle {
    position: relative;
    top: -3px;
}


form#SearchPopupForm div#ddstop {
    margin-top: 0;
}


/* V6R3 - idem, mais pour la page de connexion */
body.Login .form-control, body.Login select, body.Login button.dropdown-toggle {
    height: auto !important;
    padding: 4px 7px !important;
}

/* idem, mais pour les formulaires Ext.Net */
#form1 div.x-panel-body input[type="text"].form-control,
form#aspnetForm div.x-panel-body input[type="text"].form-control,
#form1 div.x-panel-body input[type="password"].form-control,
#form1 div.x-panel-body select, div.x-panel-body button.dropdown-toggle,
#form1 div.x-panel-body textarea, form#aspnetForm div.x-panel-body textarea,
.x-form-field, .x-form-item-label {
    font-size: 12px;
    font-family: arial;
}
/* libellés : pas en gras, et en noir */
.x-form-item-label {
    font-weight: normal !important;
    /* COULEUR LIBELLÉS */
    color: #333 !important;
    padding-right: 5px !important;
    box-sizing: border-box !important;
}

/* indicatifs téléphoniques */
form#aspnetForm input[type="text"].form-control.intcode {
    display: inline !important;
    width: 35px !important;
}

/* V6R3 - tous les champs sont par défaut en "display: inline;"... comme ça, c'est mieux ! */
form#aspnetForm .form-control {
    display: inline;
}


/* tableau contenant tous les boutons d'action contextuels à la page */
table.DefaultButton,
div.x-panel-body > div > table.DefaultButton {
    margin-right: 14px;
}

    table.DefaultButton.big_margin_right {
        margin-right: 80px;
    }

    table.DefaultButton.raised {
        position: relative;
        top: -8px;
    }

/* V6R3 - les lignes de résultats dans les autocomplete */
tr.list-item td {
    border: 1px solid transparent;
    padding-right: 4px;
}


form#aspnetForm div.row {
    margin-bottom: 2px;
    margin-bottom: 8px;
}

h1, h2, h3, h4 {
    color: #005C95 !important;
    color: #475B72 !important;
}

h4 {
    margin-left: 15px;
    margin-bottom: 10px;
}

div.container {
    width: auto;
    margin: 10px 15px;
    padding: 0;
}


/* pour que sous IE8, le temps que la page se charge (on est par défaut en mode width<768px),
   la navbar ne soit pas trop grosse (en hauteur)... */
.navbar {
    height: 38px !important;
}

body.not-ie8 .navbar {
    height: auto !important;
}

.navbar {
    min-height: inherit;
    margin-bottom: 0 !important;
}

/* ...et qu'il n'y ait aucune transition dans le positionnement du contenu de la page */
body.ie8 .navbar-nav > li > a {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.navbar-toggle {
    /*display: none;*/
    padding: 7px 8px;
    margin-top: 3px;
    margin-bottom: 3px;
}

body.not-ie8 .navbar-toggle {
    padding: 9px 9px;
    margin-top: 8px;
    margin-bottom: 8px;
}

a:hover {
    color: #E55536 !important;
}

div.dds_header_and_navbar {
    background: white;
    width: 100%;
    top: 0;
}

    div.dds_header_and_navbar a {
        text-decoration: none !important;
    }

.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

li.icon-right-dds {
    margin-left: 20px;
}

/* nom de la personne connectée */
.dds_top_welcome {
    color: #1B5289;
    font-weight: normal !important;
    margin-top: 8px;
    margin-right: 15px;
}


/* icônes dans la barre de menus */
ul.navbar-nav li a span {
    color: #ADB6BC !important;
}

ul.navbar-nav li.active a span {
    color: #475E84 !important;
}

div.banner ul.navbar-nav li a span {
    color: #AAA !important;
    font-weight: normal;
    position: relative;
    top: 2px;
}

/* lien actif dans la navbar (menu ou sous-menu) */
nav.navbar a.aActif {
    background: #E0E4E8 !important;
}

.navbar-default .navbar-nav > li > a:hover,
ul.navbar-nav li a:hover span {
    color: #00072D !important;
}


/* liens tout en haut à droite de l'écran */
.dds-navbar-above {
    margin-top: 8px;
    padding-left: 0;
}

    .dds-navbar-above li a {
        color: #444 !important;
        font-size: 13px;
        margin-right: 10px;
        margin-left: 10px;
    }

    .dds-navbar-above .separ {
        color: #BBB;
    }

.navbar-default {
    /* au cas où il y ait une image de fond */
    background-color: #FAFAFA;
    border-color: #E2E2E7;
    border-width: 1px 0 1px 0 !important;
}


/* chaque item de la barre de nav */
.nav > li > a, .navbar-header a, .navbar-collapse a {
    color: #667 !important;
    font-size: 13px !important;
}

ul.navbar-nav li.active a {
    /*color: #444 !important;*/
}

/* sous-menus de la barre de nav */
nav ul.dropdown-menu span, nav ul.dropdown-menu a {
    font-size: 13px !important;
}

.navbar-default .navbar-brand.logo {
    padding-right: 20px;
    padding-top: 6px;
    padding-left: 6px;
}

.navbar-brand.logo_right {
    padding-right: 0;
}


@media (max-width: 600px) {
    .app-title, .logo_right {
        display: none;
    }
}

div.banner .logo_right {
    margin-left: 20px;
}

.navbar-default .navbar-brand.app-title {
    font-size: 18px;
    font-weight: bold;
    color: #141F78 !important;
}

ul.navbar-right a {
}


ul.dropdown-menu table td {
    padding: 4px;
}

ul.dds-navbar-above li {
    display: inline;
}

/* navbar */
@media (min-width: 768px) {
    nav {
        border-radius: 0 !important;
        border-color: #D3D8DB !important;
        border-width: 1px 0 !important;
        margin: 0 15px 0 15px !important;
        margin: 0 0 0 0 !important;
    }

    .navbar {
        min-height: inherit;
    }

    #dds-navbar-main-content ul.navbar-nav > li > a {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

.navbar-collapse, .navbar-header {
    margin: 0 !important;
}

form.form-inline {
    margin: 20px 15px;
}


/* boutons tout en haut à droite de la nav */
button.btn-dds-header {
    padding: 3px 8px 2px 8px !important;
    font-size: 15px !important;
    font-weight: bold !important;
}

button.btn-dds_blue {
    background: #5392D5 !important;
    color: white !important;
}

    button.btn-dds_blue:hover {
        background: #335f8d !important;
    }

button.btn-dds_darkgray {
    background: #333333 !important;
    color: white !important;
}

    button.btn-dds_darkgray:hover {
        color: #999 !important;
    }

button.btn-dds-header[class^="icon-"] {
    font-size: 24px !important;
}

button.btn-dds-header-not-first {
    margin-left: 15px;
}

span.btn-dds-header-container {
    display: inline;
}

.left_logos {
}



/* interligne dans un formulaire */
td.inside_form div.row, div.form-container div.form-group {
    margin-top: 4px !important;
}

/* labels */
label {
    white-space: nowrap;
    color: #666;
}

.Border_B label {
    white-space: normal;
}

.Border_B span.NW label {
    white-space: nowrap;
}

td.rh_lbl span.label {
    color: #363636;
}

.btn:not(.btn-primary):not(.btn-dds_blue):not(.dropdown-toggle) {
    background: #D6D6DA;
}

    .btn:not(.btn-primary):not(.btn-dds_blue):not(.dropdown-toggle):hover {
        background: #CCCCCC;
    }

body.ie8 button.btn_blue, body.ie8 button.btn_gray,
body.ie8 a.btnLogin {
    position: relative;
    border-radius: 3px !important;
    behavior: url(../Scripts/ie-compatibility/PIE.htc) !important;
}

body.ie8 button.btn_gray {
    background: #D6D6DA !important;
}

body.ie8 .btn:not(.dropdown-toggle):hover {
    background: #CCCCCC;
}

body.ie8 textarea {
    border: 1px solid #93B5CE;
}
/*
--- Supprime les retours chariots... ce n'est pas ce qu'on souhaite dans une textarea multiligne
textarea
{
    white-space: normal;
}
*/

.btn-primary {
    background: #005C95;
    background: #0079FF;
    background: #0064D6 !important;
    border: 1px solid transparent;
}

    .btn-primary:hover {
        background: #2B64A4 !important;
    }


/* style par défaut d'un bouton */
.btn-primary {
    background: #15467E !important;
    color: white;
    border: none !important;
}

    .btn-primary a {
        color: white !important;
        text-decoration: none !important;
    }


li.dropdown a, ul.dropdown-menu li a {
    text-decoration: none;
    background-position: 0 3px;
    padding-left: 25px;
}

#action_buttons {
    display: inline-block;
    padding-top: 6px;
}

    #action_buttons a {
        /*background-color: #F5F5F5;*/
    }

.common_infos .btn-primary {
    background: #43627C !important;
}

    .common_infos .btn-primary:hover {
        background: #244D6F !important;
    }

/* boutons bleus avec libellés (+ dropdown menus) */
div.obj_list .btn-primary,
.above-btn .btn-primary,
.top-buttons .btn-primary {
    background: #0F4873 !important;
}

    div.obj_list .btn-primary:hover,
    .above-btn .btn-primary:hover,
    .top-buttons .btn-primary:hover {
        background: #0D558E !important;
    }

/* gros bouton dans liste request/offers "LIGHT" */
div.req_list_light .btn-primary {
    background: #43627C !important;
}

    div.req_list_light .btn-primary:hover {
        background: #244D6F !important;
    }

ul.search-buttons li button {
    background: #0F4873 !important;
}

/*
.jumbotron-container
{
    width: auto;
    margin-left: 15px;
    margin-right: 15px;
}
.jumbotron
{
    padding: 20px 40px 30px 40px !important;
}

.jumbotron-transparent-container .jumbotron
{
    background: transparent;
    padding: 0 20px 3px 0 !important;
}
.jumbotron h1
{
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 35px;
}
.jumbotron p
{
    font-size: 17px;
}
.jumbotron-transparent-container .jumbotron p
{
    color: #5B7592 !important;
}
*/

.transparent-breadcrumb {
    background: transparent;
}

.little-bottom-breadcrumb {
    margin-bottom: 0 !important;
}



/* ****************************************** */
/* CRITÈRES DE RECHERCHE */
/* ****************************************** */

/* pour que d'un tableau de critères à l'autre, les champs et libellés soient bien alignés verticalement */
table.DefaultCriterias .td_lbl_def {
    width: 160px;
}

table.DefaultCriterias .td_txt_def {
    width: 140px;
}

.td_lbl_def, .td_txt_def {
    padding-top: 4px;
}

/* libellés des cases à cocher et radio buttons */
label.lbl_def, label[for] {
    font-weight: normal;
    margin-left: 4px;
    padding-left: 0;
}

input[type="radio"] {
    margin-top: 0;
}

div.radio-or-checkbox {
    padding-top: 2px;
    padding-bottom: 4px;
}

td.pad_rl5 label {
    margin-top: 4px;
    margin-bottom: 0;
}

.td_txt_def.td_with_buttons a {
    border-radius: 4px;
    border: 0px solid #444488;
    background: #15467E;
    color: #FFF;
    text-decoration: none;
    padding: 5px 10px;
}

    .td_txt_def.td_with_buttons a:hover {
        background: #0048A0;
        color: #FFF !important;
    }

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

/* quand il faut laisser, sur la droite, la place correspondant à une icône de recherche contextuelle */
.search_icon_ghost {
    margin-right: 16px;
}


.square-box {
    background: #FBFBFD;
    border: 1px solid #D6D6DA;
    border: 1px solid #E4E4E8;
    border: 1px solid #C6D6DE;
    padding: 10px;
    border-radius: 4px;
}

.square-box-title {
    padding: 9px 8px 7px 10px;
    background-color: #D6D6DA;
    background-color: #E4E4E8;
    background-color: #C6D6DE;
    border-radius: 2px 2px 0 0;
}

    .square-box-title span {
        font-size: 12px;
    }

.square-box-body {
    width: 100%;
    border-top: 0;
    overflow: auto;
    border-radius: 0 0 4px 4px;
}

.box_container {
    margin-bottom: 15px;
}

.square-box-active {
    border: 1px solid transparent !important;
}

/* Homepage - liens permettant de contracter/déployer le contenu de chaque boi-boîte */
div.closeOrOpenBox {
    padding-right: 10px;
}

a.closeOrOpenBox {
    font-size: 20px;
    text-decoration: none;
    background: #EDEDF0;
    color: #666 !important;
    border: 1px solid #D6D6D8;
    padding: 1px 10px;
    position: relative;
    top: -3px;
}

.home_boxes a.closeOrOpenBox {
    top: 3px;
}

a.closeOrOpenBox:hover {
    background: #F5F5F5;
}

.GVBasicListHeaderStyle {
    background-color: #646977;
    background-color: #43627C;
}


/* ---------------------------------------------------------- */
/* Version "fond bleu foncé" des barres de titre en homepage */
.square-box-title {
    padding-top: 6px;
    padding-bottom: 4px;
    background-color: #15467E;
}

    .square-box-title span {
        color: white;
    }

    .square-box-title .square-box-body span {
        color: #222;
    }

.parent-square-box-title {
    padding-right: 4px;
    padding-left: 4px;
}

.child-square-box-title {
    background-color: #D6D6D6 !important;
}

    .child-square-box-title span {
        color: #333 !important;
        font-weight: bold !important;
    }
/* ---------------------------------------------------------- */


.MainFilterBox {
    margin-top: 7px;
    margin-bottom: 3px;
}

.square-box-title > div.closeOrOpenBox {
    padding-right: 3px;
}

div.closeOrOpenBox > a.closeOrOpenBox {
    font-size: 15px;
}

.box_container > div.closeOrOpenBox > a.closeOrOpenBox,
.simple-square-box-title > div.closeOrOpenBox > a.closeOrOpenBox {
    background: #15467E;
    color: #AAA !important;
    border: 1px solid #779;
}

    .box_container > div.closeOrOpenBox > a.closeOrOpenBox:hover,
    .simple-square-box-title > div.closeOrOpenBox > a.closeOrOpenBox:hover {
        background: #124D93;
    }

/* quand une box contient une datagrid */
.square-box-body .GVBasicListHeaderStyle {
    background-color: #15467E;
}

.square-box-body table.GVBasicList > tbody > tr > td,
.square-box-body table.GVBasicList > tr > td,
.square-box-body tr.GVBasicListHeaderStyle th {
    padding: 3px 4px;
}
/* zone qui devient "fantôme" après application du pluggin jquery.fixedHeaderTable */
.square-box-body div.fht-tbody tr.GVBasicListHeaderStyle th {
    padding: 2px 4px;
}


/* ---------------------------------------------------------- */

/* Depuis que l'appel à la fonction DDSGridViewComputeSize() a été désactivée, il faut compenser la perte de largeur des tableaux */
table.GVBasicList {
    width: 100%;
}

    table.GVBasicList th a:hover,
    tr.GVBasicListPagerStyle a:hover {
        color: #EEE !important;
    }

    table.GVBasicList > tbody > tr > td,
    table.GVBasicList > tr > td {
        border: 1px solid #CCC;
    }

    table.GVBasicList > tbody > tr > td,
    table.GVBasicList > tr > td {
        padding: 6px 4px;
    }

tr.GVBasicListHeaderStyle th {
    padding: 6px 4px;
    font-size: 12px;
    font-weight: normal !important;
    border-color: transparent;
}

tr.GVBasicListHeaderStyle th {
}

table.GVBasicList tr.GVBasicListHeaderStyle th.frozenTop {
    font-weight: normal !important;
    border-color: transparent;
}

table.GVBasicList tr.MouseOver td {
    background-color: #E5E5E5;
    color: #000;
}


table.GVBasicList tr.GVBasicListHeaderStyle th,
div.dataTableContainer tr.fht-table.GVBasicListHeaderStyle th.frozenTop,
th.frozenTop {
    color: white !important;
}

/* zone qui devient "fantôme" après application du pluggin jquery.fixedHeaderTable */
div.fht-tbody tr.GVBasicListHeaderStyle th {
    padding: 5px 4px;
}



/* pagination des datagrid alignée à droite */
tr.GVBasicListPagerStyle table {
}

    tr.GVBasicListPagerStyle table td {
        padding: 3px 0 1px 0;
    }

table.DefaultButton, table.DefaultTable {
    background-color: transparent !important;
}

table.DefaultButton {
    border-bottom: 0;
    border-top: 0;
}

/* cacher les icônes dans la navbar ? */
ul.navbar-nav li a span[class^="icon-"] {
    /* display: none; */
}
/* exceptions */
ul.navbar-nav li.visible_icon a span[class^="icon-"] {
    display: inline-block;
}

ul.navbar-nav a.big-icon-container {
    padding-top: 4px !important;
    max-height: 36px;
    overflow: hidden;
}

ul.navbar-nav li a span.big-icon {
    font-size: 30px;
}
/* ainsi que dans la bannière */
.dds-navbar-above li a span {
    display: none;
}
/* ni les coches */
ul.navbar-nav li a span[class="caret"] {
    display: inline-block;
    color: #666 !important;
}

/* hauteur navbar */
@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

ul.nav-tabs {
    margin-bottom: 5px;
}

    ul.nav-tabs li {
        border-color: #CCC !important;
    }

.nav-tabs > li > a {
    text-decoration: none !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-color: #CCC #CCC transparent #CCC;
}

.nav-tabs {
    border-bottom: 1px solid #CCC;
}

/* liste des offres */
div.obj_list .nb_offers {
    color: #0D144C;
}

div.obj_list li.active a, div.offers {
    background: #FBFBFD;
}

div.offers {
    border: 1px solid #CCC;
    border-radius: 0 0 4px 4px;
    behavior: url(../Scripts/ie-compatibility/PIE.htc);
    border-width: 0 1px 1px 1px;
}

.btn_noteDiv {
    width: 60px;
    padding: 0 !important;
    margin-top: 1px;
    margin-bottom: 5px;
    height: auto;
    font-size: 11px;
    color: #444;
}

.btn_noteDiv_OK {
    font-weight: bold;
}


/* Listes de Requests/Offers, etc */
.bordersList {
    border-color: #888 !important;
    border-color: #CCCCCC !important;
}

div.req_list a, ul.search-buttons a {
    text-decoration: none;
}

tr.SelectedRowStyle a {
    color: white !important;
}

/* colonnes des lignes ayant le "focus" dans la liste request/offers "LIGHT" */
div.req_list_light tr.SelectedRowStyle td,
div.req_list_light tr.SelectedRowStyle td a {
    color: #000 !important;
}

div.req_list_light tr.SelectedRowStyle td {
    background: #E3E3E3 !important;
}

    div.req_list_light tr.SelectedRowStyle td.T,
    div.req_list_light tr.SelectedRowStyle td.S {
        background: #CCCCCC !important;
    }

    div.req_list_light tr.SelectedRowStyle td.O {
        background: #BFBFBF !important;
    }

tr.desc {
    background-color: transparent;
}

    tr.desc td {
        color: #555;
    }

/* Couleurs de fond des colonnes dans les listes de Requests/Offers, etc */
#tbROA tr {
    background-color: white;
    background-color: #F1F1F4;
}

    #tbROA tr tr {
        background-color: inherit;
    }

#tbROA .T, .T, td.RO_bur {
    background-color: #cbcbcb;
    background-color: white;
    background-color: #E4E4E4;
}

.ofcomps, #tbROA .S, .S, .GvTablePopup, .StatCell1, .td.RO_fou {
    background-color: #b9b9b9;
    background-color: white;
    background-color: #C6C6C6;
    background-color: #BEBEBE;
    background-color: #D8D8D8;
}

.O, #tbROA .O, .OFd {
    background-color: #b8c8e0;
    background-color: white;
    background-color: #CAD6E8;
    background-color: #B1B1B1;
    background-color: #BEBEBE;
    background-color: #D8D8D8;
}


div.request {
    padding: 18px 0;
    border-top: 1px solid #CCC;
    margin-left: 10px;
    margin-right: 10px;
}

label.item_checkbox {
    position: relative;
    top: 2px;
    margin-right: 4px;
}

.req_list input[type="checkbox"] {
    display: inline;
}

form#aspnetForm div.row, div#page_create_request div.tab-pane div.row {
    margin-left: 0;
    margin-bottom: 0 !important;
}

body.not-ie table.main_form {
    display: none;
}

div.request:first-of-type {
    padding-top: 30px;
    border-top: 0;
}

div.offers div.request:nth-child(even) {
    background: #FBFBFD;
}

div.req_list div.item_list div {
    margin-left: 0;
    overflow: hidden;
    font-size: 12px;
}

div.req_list div.request_id, div.art_list div.art_link, div.req_list div.offer_id, div.req_list div.supplier_code, div.req_list div.trading_code {
    width: 90px;
    background: #2A6B8F;
    padding-top: 7px;
    padding-bottom: 6px;
    margin-left: 0;
}

div.art_list div.art_link {
    overflow: hidden;
    font-size: 11px;
}

div.req_list div.request_id, div.art_list div.art_link {
    background: #337AC5;
    background: #141F78;
    background: #1D62AF;
}

    div.req_list div.request_id:hover, div.art_list div.art_link:hover {
        background: #1D5E9E;
        background: #0E6DD7;
    }

a.product_code {
    width: 90px;
    background: #1D62AF;
    background: #15467E;
    display: inline-block;
    text-decoration: none;
    font-weight: normal;
    border: 0;
    color: #FFF;
    padding: 5px 10px 3px 10px;
    border-radius: 4px;
}

    a.product_code:hover {
        background: #0E6DD7;
        background: #2B64A4;
        color: #FFF !important;
    }

div.req_list div.trading_code {
    background: #778899;
    background: #90959A;
    background: #8598A6;
    background: #5F7382;
    background: #98A0AF;
    text-shadow: 1px 1px #778;
}

div.req_list div.supplier_code {
    background: #777;
    background: #777E90;
    width: 80px;
    width: auto;
}

div.req_list div.offer_id {
    background: #337AC5;
    background: #245089;
    background: #1E9700;
    background: #233848;
}

div.req_list div.offer_id, td.td_Offer .status_code {
    width: 105px;
}

div.offer_id_container {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

div.offer_id:hover {
    background: #033962 !important;
}

div.req_list div.code_INI {
    background: #8598A6;
}

    div.req_list div.code_INI:hover {
        background: #6D8595;
    }

div.req_list div.code_OK {
    background: #268024;
}

    div.req_list div.code_OK:hover {
        background: #169F0F;
    }

div.req_list div.code_NOK {
    background: #712424;
}

    div.req_list div.code_NOK:hover {
        background: #8F0606;
    }


div.req_list div.request_thumb_container {
    margin-left: 10px;
    width: 60px;
    text-align: center;
}

div.req_list div.request_offer_label {
    display: none;
    margin-left: 10px;
    font-size: 12px;
    width: 140px;
    line-height: 13px;
}

div.req_list div.offer_currency {
    width: 120px;
}

div.req_list img.request_thumb {
    max-height: 40px;
}

div.req_list div.request_title, div.art_list .art_title {
    width: 80px;
    font-size: 14px;
    font-weight: bold;
}

div.art_list .art_title {
    font-size: 13px;
}

div.req_list div.request_desc, div.art_list div.art_desc {
    width: 212px;
}

div.req_list div.request_collection {
    width: 210px;
}

div.req_list div.request_currency {
    width: 130px;
}

span.col_content_title {
    font-style: italic;
    color: #888;
}

div.req_list div.request_total_resp {
    margin-left: 30px;
    width: 150px;
    position: relative;
    top: -3px;
}

    div.req_list div.request_total_resp a {
        font-weight: bold;
        font-size: 14px;
    }

div.offer {
    margin-bottom: 5px;
}

    div.offer div.offer_thumb {
        width: 35px;
    }

    div.offer img.offer_thumb {
        max-height: 30px;
    }

.all_offers_header {
    margin-left: 10px;
}

.request_offers_header {
    margin-top: 10px;
    margin-bottom: 4px;
    margin-left: 15px;
}

.offers_header a {
    font-size: 14px !important;
}

.offers_header {
    display: block;
}

    .offers_header a {
        font-size: 13px;
    }

div.offers_body {
    margin-top: 6px;
}

div.inc_level {
    margin-top: 0;
    margin-right: 4px;
    margin-left: 4px !important;
    float: left;
    width: 36px;
    height: 20px;
    background: url('../images/sub_comment_dark_blue.png') no-repeat 14px -9px;
}

    div.inc_level div {
        padding-top: 10px !important;
    }

div.supplier_inc_level {
    margin-left: 60px !important;
}

div.offer_inc_level {
    margin-left: 114px !important;
}

div.direct_offer_inc_level {
    margin-left: 60px !important;
    width: 90px;
}

/* contenu d'un onglet */
.tab-pane {
    padding-top: 10px;
}

/* à l'intérieur d'une infobulle */
.tooltip-inner {
    max-width: 250px;
    text-align: left;
}

div.tooltip {
    background: transparent !important;
    border: 0 !important;
    z-index: 100001 !important; /* sinon, les popup ext.net passent devant */
}

.tooltip-inner img {
    max-width: 230px;
}

.tip_internal_id {
    padding-top: 5px;
    font-size: 10px;
    color: #DDD;
    font-style: italic;
}

div.row_customer {
    padding: 5px 0 !important;
}
    /* couleuyrs de fonds intermittentes */
    div.row_customer:nth-child(2n+1) {
        background-color: white;
    }

    div.row_customer:nth-child(2n+2) {
        background-color: #E5E5E5;
        border-top: 1px solid #DDDDDD;
    }

    div.row_customer:hover {
        background-color: #D9D9D9;
    }

/* champs en lecture seule */
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
div.x-panel-body input[readonly],
div.x-panel-body input[disabled],
div.x-panel-body textarea[readonly],
div.x-panel-body textarea[disabled] {
    /* 17/12/2015 : choix acté en réunion = champs en lecture seule davantage grisé */
    border-color: #C8C8C8 !important;
    background-color: #F8F8F8 !important;
    color: #888 !important;
}

.btn.disabled, [disabled].btn, fieldset[disabled] .btn {
    border-color: #C8C8C8 !important;
    background-color: #F8F8F8 !important;
    color: #888 !important;
    opacity: 1;
}

/* sauf pour les liste déroulantes "version ext.net", qui gère du readonly même si le champ n'est pas vraiment en readonly */
div.x-dropdown-list input.x-form-text,
div.x-editor-dropdown-list .x-form-field-wrap input.x-form-text {
    border: 1px solid #93B5CE !important;
    background-color: #FFFFFF !important;
    color: inherit !important;
}

/* champs de saisie : couleur de bordure plus marquée au passage de la souris et au focus */
form#aspnetForm input[type="text"]:hover,
form#aspnetForm input[type="text"]:focus {
    border: 1px solid #4B83B2 !important;
}

/* dropdownlists (ext.net + Bootstrap) */
form#aspnetForm div.x-dropdown-list:hover,
form#aspnetForm div.x-dropdown-list:focus,
form#aspnetForm div.x-editor-dropdown-list .x-form-field-wrap:hover,
form#aspnetForm div.x-editor-dropdown-list .x-form-field-wrap:focus,
.dropdown-toggle.btn-default:hover,
.open > .dropdown-toggle.btn-default {
    border: 1px solid #7998AF;
    background-color: #ECF1F5 !important;
}

/* dans les dropdownlist ext.net, la bordure ne se met pas sur le champs de saisie, mais sur son conteneur */
form#aspnetForm div.x-dropdown-list input[type="text"]:hover,
form#aspnetForm div.x-dropdown-list input[type="text"]:focus,
form#aspnetForm div.x-editor-dropdown-list .x-form-field-wrap input[type="text"] {
    border-width: 0 !important;
}

.ButtonsTable {
    background-color: transparent;
    color: #444444;
    border-bottom-color: transparent;
    width: auto;
}

table.RightButtons,
div.x-panel-body > div > table.RightButtons {
    float: right;
    margin-top: 0;
    margin-right: 25px;
}



.ButtonsWithMargin input[type="image"] {
    padding-left: 20px;
}

.Mandatory {
    background-color: #C9D3DB;
    background-color: #FFF;
}

table.Mandatory {
    background-color: transparent;
}

select.Mandatory {
    color: #000;
}

textarea.Mandatory {
    color: #222222;
}

.menu_control {
    background: #43627C;
}

td.Border_BL {
    border-bottom: #555555 1px dotted;
    border-right: #888 1px solid;
}


div.introduction {
    margin: 15px 10px 25px 10px;
}


.CTPH_Site {
    height: 400px;
}

td.TitleRepeater_lr5 {
    background-color: #484B4B;
    color: White;
    padding-left: 10px;
}

table.little-cell-padding td {
    padding: 3px;
}


.dvAsyncPB_sub {
    border: 0;
}

/* petit cartouche avec valeurs contextuelles */
table.DefaultStep, table.DefaultCriterias, table.DefaultSummary {
    border-color: #AAA !important;
    border: 0;
}

table.DefaultSummary {
    background-color: #F1F1F7;
}

    table.DefaultSummary .td_lbl_def, table.DefaultSummary .td_txt_def {
        padding: 3px 0px;
    }

table.header_summary {
    min-height: 56px;
}

    table.header_summary td {
        vertical-align: center;
    }

    table.header_summary span {
        white-space: nowrap;
    }

/* pour éviter qu'un contenu de page ne s'insère entre le texte d'intro et les boutons */
table.header {
    width: 100%;
}

td.td_tab_title {
    background-color: #43627C;
    background-color: transparent;
    text-align: left;
    padding: 20px 4px 4px 4px;
}

    td.td_tab_title .lbl_title {
        color: #141F78;
    }

table.messages td {
    font-size: 14px !important;
    color: #000;
    padding: 4px;
}

.MenuStaticSelectedStyle, .MenuDynamicSelectedStyle, .SelectedRowStyle, .MenuDynamicHoverStyle, .MenuStaticHoverStyle {
    background-color: #8598A7;
}

.GVBasicListSelectedRowStyle {
    background-color: #8598A7;
    color: black;
}

.rcdt2 {
    background-color: #565656;
}

.popupWindow, .tinyPopup {
    padding: 10px;
    background-color: #8A9CAE;
    border: 1 !important;
    background-color: #F7F7FC;
    border-color: #EEEEF2 !important;
    /* ombrage */
    -moz-box-shadow: 2px 4px 6px #BBBBBB; /* mozilla */
    -webkit-box-shadow: 2px 4px 6px #BBBBBB; /* chrome + safari */
    box-shadow: 2px 4px 6px #BBBBBB; /* opéra */
    display: none;
}

.popupWindow {
    z-index: 1001;
    border-color: #BCC1C4 !important;
    background-color: #F7F7FC;
    background-color: #FFD6C5;
}

td.GCTitle {
    padding: 3px;
    background: #CE674E;
    color: white;
}

.border_lbr {
    border-width: 0 !important;
    width: 100%;
}

.UserInfoDiv {
    background-color: #8598A7;
    border: 0 !important;
    width: auto;
    height: auto;
    position: absolute;
    z-index: 100;
    left: 250px;
    top: 10px;
    border: 1px solid;
}

    .UserInfoDiv, .UserInfoDiv td, .UserInfoDiv span {
        color: white !important;
    }

.UserVersionDiv {
    width: auto;
    height: auto;
    position: absolute;
    z-index: 100;
    left: 250px;
    top: 10px;
    border: 1px solid;
}

.UserInfoDiv, .UserVersionDiv {
    /* ombrage */
    -moz-box-shadow: 2px 4px 6px #BBBBBB; /* mozilla */
    -webkit-box-shadow: 2px 4px 6px #BBBBBB; /* chrome + safari */
    box-shadow: 2px 4px 6px #BBBBBB; /* opéra */
}

    .UserInfoDiv table td {
        padding: 4px 10px;
    }

        .UserInfoDiv table td span, .UserVersionDiv table td span {
            font-size: 12px;
            font-weight: normal;
        }

#top_floatting_message {
    position: absolute;
    z-index: 10000;
    border: 1px solid #DDDDDD;
    font-size: 12px;
    background: white;
    padding: 10px 30px 30px 30px;
    /* ombrage */
    -o-box-shadow: 0 2px 20px #CCCCCC;
    -webkit-box-shadow: 0 2px 20px #CCCCCC;
    -moz-box-shadow: 0 2px 20px #CCCCCC;
}

    #top_floatting_message a {
        text-decoration: underline;
    }

        #top_floatting_message a:hover {
            text-decoration: none;
        }

        #top_floatting_message a.btn_close {
            float: right;
            position: relative;
            top: -10px;
            left: 12px;
            font-family: Arial;
            margin-top: 10px;
            font-size: 14px;
            font-weight: bold;
            color: #777;
        }

/*Barre de navigation secondaire (step - étapes)*/
div.StepsListTable > table {
}

td.Step_Actif, td.Step_NotActif,
td.Left_Step, td.Right_Step, td.Left_StepNotActif, td.Right_StepNotActif, td.Rail_Actif {
    background-image: none !important;
}

    td.Step_Actif, td.Step_NotActif,
    td.Step_Actif a, td.Step_NotActif a {
        width: 120px !important;
    }

        td.Step_Actif a, td.Step_NotActif a {
            display: table-cell;
            height: 32px;
            vertical-align: middle;
        }

td.Left_Step, td.Left_StepNotActif, td.Right_Step, td.Right_StepNotActif,
td.Rail_NotActif, td.Rail_Actif {
    width: 1px;
    display: none;
}

td.Step_Actif a, td.Step_NotActif a {
    background-color: #43627C;
    background-repeat: no-repeat !important;
    background-position: left -1px !important;
    white-space: nowrap;
}

td.Step_NotActif a {
    background-color: #8699A8;
}

    td.Step_NotActif a:hover {
        background-color: #43627C;
    }

td.Rail_NotActif, td.Rail_Actif {
    padding: 0 !important;
}

/* Dernière cellule des onglets "étapes" */
td.Rail_Empty,
div.StepsListTable > table > tbody > tr:nth-of-type(2) > td:last-of-type {
    background-color: #8699A8 !important;
}

td.Step_Actif + td + td + td + td.Step_NotActif a,
td.Step_NotActif:hover + td + td + td + td.Step_NotActif a {
    background-image: url('../images/step-tab-on-off.png') !important;
}

td.Step_NotActif + td + td + td + td.Step_Actif a,
td.Step_NotActif + td + td + td + td.Step_NotActif a:hover {
    background-image: url('../images/step-tab-off-on.png') !important;
}

td.Step_NotActif + td + td + td + td.Step_NotActif a {
    background-image: url('../images/step-tab-off-off.png') !important;
}

td.Step_Actif + td + td + td + td.Step_Actif a,
td.Step_Actif + td + td + td + td.Step_NotActif a:hover,
td.Step_NotActif:hover + td + td + td + td.Step_Actif a {
    background-image: url('../images/step-tab-on-on.png') !important;
}


/* custo calendrier JQuery (datetimepicker) */
.xdsoft_datepicker .xdsoft_option {
    font-size: 12px;
}

td.notFirstCol {
    border-left: 1px solid #E5E5E5;
}

td.tdMessageTitle {
    padding: 10px;
    color: white;
}

td.tdMessageTitle,
tr.rqof_header td.TitleRepeater {
    background-color: #868989;
    background-color: #667480 !important;
}

.ddl_35D, .ddl_10D {
    border: 0 !important;
}

.menuIcon a {
    background-repeat: no-repeat;
    background-position: 0 5px; /*padding-left: 20px;*/
}

.menuIcon_add a {
    background-image: url('../images/menu-icons/add.png');
}

.menuIcon_attach a {
    background-image: url('../images/menu-icons/attach.png');
}

.menuIcon_calendar a {
    background-image: url('../images/menu-icons/calendar.png');
}

.menuIcon_collection a {
    background-image: url('../images/menu-icons/collection.png');
}

.menuIcon_compare a {
    background-image: url('../images/menu-icons/compare.png');
}

.menuIcon_changeStatus a {
    background-image: url('../images/menu-icons/change-status.png');
}

.menuIcon_delete a {
    background-image: url('../images/menu-icons/delete.png');
}

.menuIcon_display a {
    background-image: url('../images/menu-icons/display.png');
}

.menuIcon_duplicate a {
    background-image: url('../images/menu-icons/duplicate2.png');
}

.menuIcon_export a {
    background-image: url('../images/menu-icons/export.png');
}

.menuIcon_followUp a {
    background-image: url('../images/menu-icons/follow-up.png');
}

.menuIcon_leaflet a {
    background-image: url('../images/menu-icons/cloth.png');
}

.menuIcon_quantities a {
    background-image: url('../images/menu-icons/collection.png');
    background-image: url('../images/menu-icons/stats.png');
}

.menuIcon_packaging a {
    background-image: url('../images/menu-icons/cube.png');
}

.menuIcon_page a {
    background-image: url('../images/menu-icons/page.png');
}

.menuIcon_preSelect a {
    background-image: url('../images/menu-icons/pre-select.png');
}

.menuIcon_price a {
    background-image: url('../images/menu-icons/price.png');
}

.menuIcon_costsheet a {
    background-image: url('../images/menu-icons/prices.png');
}

.menuIcon_edit a {
    background-image: url('../images/menu-icons/edit.png');
}

.menuIcon_valid a {
    background-image: url('../images/menu-icons/enable.png');
}

.menuIcon_invalid a {
    background-image: url('../images/menu-icons/disable.png');
}

.menuIcon_prepare a {
    background-image: url('../images/menu-icons/dsi-prepare.png');
}

.menuIcon_prepare_light a {
    background-image: url('../images/menu-icons/dsi-prepare-light.png');
}

.menuIcon_calculate a {
    background-image: url('../images/menu-icons/dsi-calculate.png');
}

.menuIcon_generate a {
    background-image: url('../images/menu-icons/dsi-generate.png');
}

.menuIcon_split a {
    background-image: url('../images/menu-icons/split.png');
}

.menuIcon_extract a {
    background-image: url('../images/menu-icons/extract.png');
}


.highlighted, .objNOK {
    padding: 3px 10px;
    color: white;
    border-radius: 2px;
    /* ombrage */
    -moz-box-shadow: 2px 4px 6px #557189; /* mozilla */
    -webkit-box-shadow: 2px 4px 6px #557189; /* chrome + safari */
    box-shadow: 2px 4px 6px #557189; /* opéra */
    behavior: url(../Scripts/ie-compatibility/PIE.htc);
}

.highlighted, .objNOK {
    background-color: #CBAA00;
    background-color: #0079E0;
    background-color: #F37760;
}

.highlighted_box {
    background: #14A014;
}

.objNOK {
    background-color: #FF0000;
    margin-left: 4px;
}

td.Border_BL, td.Border_B {
    padding: 4px;
}

span.NW label {
    margin-right: 10px;
    margin-bottom: 0;
    margin-left: 2px;
}

span.NW input[type="radio"], span.NW input[type="checkbox"] {
    margin-top: 0;
}

#TabNavigation2 {
    width: auto;
}

    #TabNavigation2 td.txtStep {
        width: auto;
    }

    #TabNavigation2 td.imgStep {
        width: auto;
    }

        #TabNavigation2 td.imgStep input {
            margin-right: 10px;
        }

/* un script JS va afficher les cases du listing Request/Offers en temps et en heure, après repositionnement de celles-ci */
.req_list .general_checkboxes {
    display: none;
}

.general_checkboxes, .general_checkboxes div {
    position: absolute;
    z-index: 1000;
}

.general_checkboxes {
    left: 0;
    top: 32px;
}

.general_checkbox_request {
    left: 20px;
}

.general_checkbox_request {
    left: 14px;
}

.art_checkbox_request {
    left: 10px;
    top: -4px;
}

.general_checkbox_trading {
    left: 562px;
}

body.firefox .general_checkbox_trading {
    left: 558px;
}

.general_checkbox_supplier {
    left: 668px;
}

body.firefox .general_checkbox_supplier {
    left: 660px;
}

.general_checkbox_offer {
    left: 821px;
}

body.firefox .general_checkbox_offer {
    left: 804px;
}

body.ie8 .general_checkbox_offer {
    left: 817px;
}

/* toutes les cellules */
.item_list tbody#scrollable_tbody_1 > tr > td {
    border-top: 1px solid #CCC;
    padding-top: 7px !important;
}

/* toutes les cellules de la PREMIÈRE ligne de chaque Request */
.item_list tbody#scrollable_tbody_1 > tr.first_request_row > td {
    border-top: 2px solid #CCC;
    padding-top: 12px !important;
}

/* toutes les cellules de la DERNIÈRE ligne de chaque Request */
.item_list tbody#scrollable_tbody_1 > tr.last_request_row > td {
    padding-bottom: 10px !important;
}

/* toutes les cellules de la liste des articles */
tr.article_row > td {
    padding-bottom: 7px !important;
}


/* pour éviter les "width: 100%" sur les dernières colonnes (pas terrible en dehors d'IE...) */
td.td_lastcol {
    width: auto;
}

.item_list .sel_item {
    float: left;
    margin: 0 4px;
}

/* pour éviter bug de positionnement du calque vectoriel apposé par CCS3Pie */
body.ie8 .code_container {
    margin: 0 !important;
    padding: 0 !important;
}

body.ie8 div.code_container,
body.ie8 .status_code, body.ie8 .origin_code {
    position: relative;
}

.status_code, .origin_code {
    background: #E4E4E4;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    display: block;
    margin: 2px 0 0 24px;
    width: 90px;
    overflow: hidden;
    padding: 2px;
    border: 1px solid #D1D1D1;
    border-radius: 3px;
}


.art_list .art_supplier_ref {
    display: block;
    height: 21px;
    margin-bottom: 4px;
}

.art_list .status_code, .art_list .origin_code, div.art_list div.art_link {
    padding-right: 1px;
    padding-left: 1px;
    margin-left: 10px;
    width: 110px;
}

.art_list .status_code {
    margin-top: 5px;
}

.status_code span, .origin_code span {
    font-size: 10px !important;
    font-weight: bold;
}

.SupplierRequestStatus {
    margin-bottom: 6px;
}

.OfferStatus {
    margin: 3px 0 0 0;
    width: 95px;
}

.item_list .bold_info {
    font-weight: bold !important;
}

.item_list .req_title {
    font-weight: bold;
    font-size: 14px;
}

.preselection {
    font-weight: bold;
}

.item_list .offer_title {
    font-weight: bold;
    font-size: 12px;
}

.item_list .info_label, .art_list .info_label {
    font-style: italic;
    font-size: 11px;
    color: #888;
}

.item_list .info_value, .art_list .info_value {
    font-size: 11px;
    color: #222;
}

.item_list td.td_req_id {
    background-color: #F1F1F4;
    width: 100px;
}

.item_list td.td_req_img {
    width: 120px;
}

    .item_list td.td_req_img img.req_img {
        -moz-box-shadow: 2px 4px 6px #C8C8C8; /* mozilla */
        -webkit-box-shadow: 2px 4px 6px #C8C8C8; /* chrome + safari */
        box-shadow: 2px 4px 6px #C8C8C8; /* opéra */
        /*
    behavior: url(../Scripts/ie-compatibility/PIE.htc);
    */
    }

.item_list td.td_Offer td.offer_img_container {
    width: 88px;
}

.item_list td.td_Offer img.offer_img,
div.art_list img.art_img {
    width: 78px;
    height: 60px;
    -moz-box-shadow: 2px 4px 6px #AAAAAA; /* mozilla */
    -webkit-box-shadow: 2px 4px 6px #AAAAAA; /* chrome + safari */
    box-shadow: 2px 4px 6px #AAAAAA; /* opéra */
    /*
    behavior: url(../Scripts/ie-compatibility/PIE.htc);
    */
}

.item_list td.td_Offer img.offer_img {
    margin-right: 10px;
}

.item_list td.td_req_infos {
    width: 310px;
}

    .item_list td.td_req_infos table.req_infos_inside {
        width: 300px;
        margin: 6px 10px;
        border: 0 solid red;
    }

        .item_list td.td_req_infos table.req_infos_inside td {
            padding: 1px 0;
        }

.item_list td.td_Trading {
    background-color: #E4E4E8;
    width: 110px;
}

.item_list td.td_Offer {
    background-color: #D8D8DC;
}

.item_list td.td_Supplier {
    background-color: #D8D8DC;
    width: 160px;
}

.item_list td.empty {
    background-color: #E4E4E8;
}

.item_list td.td_Offer {
    min-width: 130px;
    border-left: 1px dotted #BBB;
}

    .item_list td.td_Offer.empty {
        min-width: 130px;
    }

.item_list td.empty {
    border-left-color: transparent;
    border-right-color: transparent;
}

span.TradingRequestStatus {
    margin-bottom: 6px;
}

/* request/offers non lues */
#tbROA .UR, a.UR {
    color: inherit;
}

div.req_list tr.UR td.td_req_id, div.req_list td.td_Offer.UR {
    border-left: 6px solid #db3f3f;
}

div.req_list #tbROA span.UR {
    color: #444;
}

img.notes {
    cursor: pointer;
    margin-left: 3px;
}

.div_notes {
    background: #596C7B;
    border-radius: 3px;
    border-width: 0 !important;
    -moz-box-shadow: 2px 4px 6px #BBBBBB; /* mozilla */
    -webkit-box-shadow: 2px 4px 6px #BBBBBB; /* chrome + safari */
    box-shadow: 2px 4px 6px #BBBBBB; /* opéra */
    behavior: url(../Scripts/ie-compatibility/PIE.htc);
}

/* articles */
#tbROA .rowEven {
    background-color: #F1F1F1;
    border: 0;
}

#tbROA .rowOdd {
    background-color: #EBEBEB;
    border: 0;
}


/* pieds de page Datadrids */
.GVBasicListPagerStyle {
    background-color: #DDD;
}

    .GVBasicListPagerStyle td table td a, .GVBasicListPagerStyle td table span, td.CellNumber a {
        margin-left: 4px;
        padding: 2px 8px;
        background-color: #999;
        font-size: 12px;
        color: white;
        text-decoration: none !important;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

.btn-little {
    text-decoration: none !important;
    background: #D6D6D6 !important;
    color: #444 !important;
    padding: 3px 8px 2px 8px;
    font-weight: normal;
    display: inline-block;
    border-radius: 3px;
}

    .btn-little:hover {
        background: #CCCCCC !important;
        color: #222 !important;
    }

.btn-little-blue {
    background: #15467E !important;
    color: #EEE !important;
}

    .btn-little-blue:hover {
        background: #2B64A4 !important;
        color: #FFF !important;
    }

.btn-sharp {
    border-radius: 0;
}

.innerTipHeader {
    padding: 10px;
    background: #333;
    margin-bottom: 5px;
    border-bottom: 1px dotted #DDD;
    font-weight: bold;
    font-style: italic;
}

.GVBasicListPagerStyle td table span {
    background-color: #666;
}

.GVBasicListPagerStyle td table a:hover, td.CellNumber a:hover {
    background-color: #888;
}

td.CellNumber a:hover {
    background-color: #366A93;
}

td.CellNumber a {
    background-color: #43627C;
    padding: 2px 10px 4px 10px;
}

    td.CellNumber a[disabled] {
        background-color: #0F4873;
    }

    .StepsListTable a:hover, td.CellNumber a:hover {
        color: white !important;
    }

.GVGroupStyle {
    background-color: #DAEAEF;
}

div.Title_Bold_12pt {
    background-color: #43627C;
    padding: 9px;
    color: #FFF;
}


/* pour corriger un pb de positionnement sur le contenu de certaines listes déroulantes Bootstrap "selectpicker" */
body > .bootstrap-select {
    height: 0;
}

.bootstrap-select.btn-group .dropdown-menu {
    z-index: 10000 !important;
}

/* pour compenser le fait qu'avec Bootstrap, les "cellspacing" et les "cellpadding" ne sont plus pris en compte... */
table.little_padding > tbody > tr > td {
    padding-right: 3px;
    padding-left: 3px;
}

.ListTable {
    border: 0 !important;
}

#scrollzoneMsg > table > tbody > tr > td {
    padding: 4px;
}

.my_tooltip {
    background-color: #EFF1F1;
    border: 1px solid #D4D9D9;
    margin: 0 0 0 15px;
    padding: 5px;
    /* ombrage */
    -moz-box-shadow: 2px 4px 6px #C4C8C8; /* mozilla */
    -webkit-box-shadow: 2px 4px 6px #C4C8C8; /* chrome + safari */
    box-shadow: 2px 4px 6px #C4C8C8; /* opéra */
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color=#C4C8C8);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/*Div de CONFIRMATION*/
.DivConfirm {
    border: 0 !important;
    background-color: #5E7698;
    /* ombrage */
    -moz-box-shadow: 2px 4px 6px #AAA; /* mozilla */
    -webkit-box-shadow: 2px 4px 6px #AAA; /* chrome + safari */
    box-shadow: 2px 4px 6px #AAA; /* opéra */
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color=#AAA);
}

    .DivConfirm * {
        color: #EEE !important;
    }

.DivConfirm_lightbox {
    padding: 15px;
    text-align: center;
    white-space: normal !important;
}

/* titres de critères dans écran type "Assign DA Code" */
.tr_group {
    background-color: #43627C;
}

/* libellés dans écran d'export PDF */
a.lnk_Default2 {
    color: #000 !important;
}


/* conteneur de l'UpdateProgress "old school" doit être caché par défaut */
.WaitPanel {
    display: none;
}


/* Custo E-CATALOG */
#ECataFilter {
    margin-right: 20px;
}

.FilterZone, .lbl_FilterTitle {
    background-color: transparent;
    border: 0;
}

div.FilterTitle span {
    font-weight: normal;
}

td.selFilter {
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #DEE5ED;
}

    td.selFilter * {
        font-weight: bold;
        color: #000;
        font-style: normal;
    }

.ECatTB {
    background-color: transparent;
    color: #FFFFFF;
}

table.ECataSItem {
    border: 0 !important;
}

.ECataLItem li, #action_buttons,
li.dropdown, ul.dropdown-menu li {
    list-style: none;
}

/* un code produit peut avoir un suffixe du type "_001" */
#ECataPdtList a.product_code,
#CartPdtList a.product_code {
    width: 135px;
    text-align: center;
}

#ECataPdtList div#PdtList.border_top {
    margin-top: 12px !important;
    padding-top: 10px !important;
    border-style: solid;
    border-color: #C6D6DE;
}

.ECataLItem .ECatLICP {
    vertical-align: top;
}

/* séparation entre titre produit et sa description */
td.ECatLILS {
    padding-top: 5px !important;
}

.lbl_Price {
    color: #F66 !important;
}

.ECataLItem .ECatLICP, .ECataLItem .ECatLILP, .ECataLItem .ECatLIPr, .ECataSItem .ECatLICP, .ECataSItem .ECatLILP,
.ECataSItem .ECatLIPr, .CartItem .ECatLICP, .CartItem .ECatLILP, .CartItem .ECatLIPS1, .CartItem .ECatLIPS2 {
    background-color: transparent;
    color: #39506B;
}

.ECataLItem {
    border: 1px solid #C6D6DE;
}

    .ECataLItem td {
        padding: 1px 3px;
    }

/* Pagination */
div#PdtPager {
    text-align: center;
}

table.TbPager {
    display: inline-block;
    width: auto;
}

/* Chaque item d'une liste détaillée de produits */
.ECataSItem, .ECataLItem, .CartItem {
    border-color: transparent !important;
    border-top: 1px solid #C6D6D6 !important;
    padding-bottom: 10px;
    margin-top: 10px;
}

#CartPdtList .square-box-body {
    padding-bottom: 25px;
}

#PdtHeader {
    padding-top: 5px;
    padding-bottom: 20px;
}

/* libellés + valeurs dans les produits de ECatalog */
.lbl_PL_lib {
    font-style: italic;
    color: #888;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
}

.lbl_PL_Dat {
    font-weight: normal;
    color: #222;
    font-size: 12px;
    font-style: normal;
    text-align: left;
}



.TbPager {
    background-color: transparent;
}

/* -------*/
/* Upload */
/* -------*/
.UploadArea input {
    width: 350px;
}

.UploadList {
    float: left;
    width: 80%;
}

/* -------------------------------*/
/* Réglage de largeur des tables */
/* ------------------------------*/
Table td.w_half {
    width: 50%;
}

Table.w_95 {
    width: 95%;
}

table.w_70 {
    width: 70% !important;
}

table.w_75 {
    width: 75% !important;
}

/* ----------------------*/
/* Définition du largeur */
/* ----------------------*/
.w_200 {
    width: 200px;
}

span.audit_report, span.test_report {
    padding: 2px 8px;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

span.audit_report {
    background-color: #92CDDC;
    color: #27435D;
}

span.test_report {
    background-color: rgb(255, 128, 0);
    text-shadow: 1px 1px #778;
}

/* -------------------------------------------*/
/* Réglage de la hauteur de la zone de click  */
/* pour les boites modales draggable          */
/* -------------------------------------------*/
.lightbox-header {
    width: 100%;
    min-height: 20px;
}

.draggable-header {
    cursor: move;
}

/* Vue planning pour la prise de RV */
.planningRDVheader {
    margin: 4px;
    font-weight: bold;
}

/* Textbox de type Time 00:00 */
input.time-box {
    text-align: center !important;
    padding-left: 1px !important;
}

/* Aligner label de td en haut */
td.atTop {
    vertical-align: top !important;
}

/* Link dans un td du GV */
a.td_nb_sum {
    color: #337ab7;
    float: right;
    text-decoration: none;
}

    a.td_nb_sum:hover {
        text-decoration: none;
    }

a.td_nb {
    color: #5f5f5f;
    float: right;
    text-decoration: none;
}

    a.td_nb:hover {
        color: #5f5f5f !important;
        text-decoration: none;
    }

.DefaultTable .bootstrap-select > select {
    left: 0;
}

.dCadre .bootstrap-select > select {
    left: 0;
}

/* Suppression de la croix "Clear Field" sur IE10/11 */
input::-ms-clear {
    display: none;
}

td#Ximg div.icon-information {
    background-image: url(../images/tiny-gray-icons/green-light.png) !important;
    margin-right: 0px !important;
}

td#Ximg div.icon-error {
    background-image: url(../images/tiny-gray-icons/orange-light.png) !important;
    margin-right: 0px !important;
}

td#Ximg div.icon-exclamation {
    background-image: url(../images/tiny-gray-icons/red-light.png) !important;
    margin-right: 0px !important;
}

.w_gv_100 {
    padding: 2px 0 2px 0 !important;
}

.tbGridView_2 {
    margin: 10px 0 10px 0 !important;
}

.wrapWhiteSpace {
    white-space: pre-wrap !important;
}

.x-form-empty-field {
    text-transform: capitalize !important;
}

/* début style pour les tabs */
ul.x-tab-strip-top, .x-toolbar {
    background-color: #FFF !important;
}

.x-tab-panel-header {
    border-color: #FFF !important;
}

.x-tab-strip-top .x-tab-right {
    background-image: none !important;
    background-color: #8699A8;
    border-radius: 5px 10px 0px 0px;
}

.x-tab-strip-top .x-tab-left {
    background-image: none !important;
    padding-left: 10px;
}

.x-tab-strip-top .x-tab-strip-inner {
    background-image: none !important;
}

.x-tab-strip-top .x-tab-strip-active .x-tab-right {
    background-color: #43627C !important;
}

.x-tab-strip-active span.x-tab-strip-text, span.x-tab-strip-text {
    color: #FFF !important;
}

.x-tab-panel-body, ul.x-tab-strip-top {
    border-color: #DDDEDE !important;
}
/* fin style pour les tabs */

.padding-left-20 {
    padding-left: 20px;
}

.height-150-important,
.height-150-important-x-box-inner > .x-box-inner {
    height: 150px !important;
}

.height-100-important {
    height: 100px !important;
}

.visibility-hidden {
    visibility: hidden;
}

.font-size-0 {
    font-size: 0 !important;
}

.italic {
    font-style: italic;
}

/* infoUserModal */
/* Additional css for V6 to make the modal looks almost like V7 modal */

#infoUserModal {
    padding: 15px;
}

    #infoUserModal span {
        font-weight: normal;
        font-size: 13px;
    }

    #infoUserModal .modal-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: 1rem 1rem;
        border-bottom: 1px solid #dee2e6;
        border-top-left-radius: calc(0.3rem - 1px);
        border-top-right-radius: calc(0.3rem - 1px);
        position: relative;
        background-color: #1971B1;
        color: #ffffff;
        border: 0;
        padding: 15px 15px;
        flex-shrink: 0;
    }

        #infoUserModal .modal-header .modal-title {
            font-weight: 700;
            font-size: 1.4rem;
            line-height: 1.42857;
            margin-left: auto;
            margin-right: auto;
            max-width: 80%;
            padding-left: 1rem;
            text-align: center;
            margin-top: 0;
            margin-bottom: 0;
        }

        #infoUserModal .modal-header button.close {
            cursor: pointer;
            padding: 1rem 1rem;
            margin: -1rem -1rem -1rem auto;
            background-color: unset;
            font-weight: 700;
            color: inherit;
            border: none 0;
            font-size: 1.2rem;
            line-height: 1.42857;
            height: 1.71429rem;
            margin-left: -1rem;
            opacity: 1;
        }

            #infoUserModal .modal-header button.close span {
                line-height: 0;
                font-size: 1em !important;
            }

                #infoUserModal .modal-header button.close span::after {
                    content: '×';
                }

                #infoUserModal .modal-header button.close span::after {
                    content: '✖';
                }

            #infoUserModal .modal-header button.close:hover span::after {
                opacity: 0.8;
            }

    #infoUserModal .modal-content {
        border: 0;
    }

    #infoUserModal .modal-body {
        position: relative;
        flex: 1 1 auto;
        padding: 1rem;
        position: relative;
        background-color: #1971B1;
        color: #ffffff;
        border: 0;
        padding: 15px 15px;
        flex-shrink: 0;
        background-color: transparent;
        color: #4c4c4c;
        padding-top: 15px;
        padding-bottom: 15px;
        flex-shrink: 1;
    }

    #infoUserModal .modal-body hr {
        margin-top: 15px;
        margin-bottom: 15px;
        border: 0;
        border-top: 1px solid rgba(135, 135, 135, 0.4);
    }

    #infoUserModal .modal-body table {
        width: auto;
    }

    #infoUserModal .modal-body table td {
        background-color: transparent;
        color: #4c4c4c;
        border: 0;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 8px;
        padding-right: 8px;
    }

    #infoUserModal .modal-body table td:last-child {
        padding-right: 0;
    }

    #infoUserModal .modal-body table td:first-child {
        padding-left: 0;
    }

    #infoUserModal .modal-body table td:first-child span {
        font-weight: 700;
    }