* {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #838280;
}

p {
    margin: 2px 0;
}

h5 {
    margin: 4px 0 2px 0;
    font-size: 12px;
    font-weight: bold;
}

h4 {
    margin: 7px 0 5px 0;
    font-size: 14px;
    font-weight: bold;
}

h3 {
    margin: 8px 0 5px 0;
    font-size: 16px;
    font-weight: bold;
}

a {
    color: #777777;
}

    a:hover {
    }

    a:focus {
        outline: none;
    }

table {
    border-collapse: collapse;
}

textarea {
    resize: none;
}

div#cadre {
    width: 1000px;
    margin: 0 auto; /*border: solid 1px red;*/
}


/* Pages avec centrage vertical/horizontal : Début */
html, body, #form1, #aspnetForm {
    height: 100%;
}

#distance {
    width: 1px;
    height: 50%;
    margin-bottom: -300px; /* half of container's height */
    float: left;
}

#container {
    margin: 0 auto;
    position: relative; /* puts container in front of distance */
    height: 600px;
    clear: left;
    width: 100%; /*background-image: url(images/spirale.jpg);     background-repeat: no-repeat;     background-position: center;*/
    min-width: 1000px;
}

#contenu {
    position: relative;
    height: 100%;
    width: 1000px; /* centrage horizontal, supprimer pour caler à gauche */
    margin: 0 auto;
}

/* Boutons : Début */
.bouton {
    display: inline-block;
    /*float: left;*/
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
    background: #f2f2f2;
    border: solid 1px #ccc;
    font-weight: bold;
    color: #666;
    text-decoration: none;
    text-align: center;
    font-size: 11px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .bouton:hover {
        background: #f3f3f3;
        color: #333;
        border: solid 1px #aaa;
    }

    .bouton.fin {
        height: 21px;
        line-height: 21px;
    }


.boutonawseome {
    padding: 0;
    display: inline-block;
    background: #fdfdfd;
    border: solid 1px #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .boutonawseome i.fa {
        margin: 0;
        height: 20px;
        width: 20px;
        line-height: 21px;
        text-align: center;
    }


/* Boutons : Fin */

.textbox, .select {
    /*padding: 3px 2px;*/
    border-top: solid 1px #c0c0c0;
    border-right: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
    border-left: solid 1px #d9d9d9;
    /*border-top: solid 1px #a2733f;
    border-right: solid 1px #a2733f;
    border-bottom: solid 1px #a2733f;
    border-left: solid 1px #a2733f;*/
    background: transparent; /*background: #fff;*/
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #222222;
}

    .textbox.marron, .select.marron {
        border-top: solid 1px #a2733f;
        border-right: solid 1px #a2733f;
        border-bottom: solid 1px #a2733f;
        border-left: solid 1px #a2733f;
    }

.bouton.marron {
    border: solid 1px #c78e4e;
    color: #c78e4e;
}

    .bouton.marron:hover {
        border: solid 1px #a2733f;
        color: #a2733f;
    }

.bouton.sav {
    color: #d73030;
}

.select {
    /*padding: 2px;*/
}

    .select.large {
        font-size: 16px;
    }

    .textbox.ombre, .select.ombre {
        padding: 3px 2px;
        -webkit-box-shadow: inset 1px 1px 1px 0px #dddddd;
        -moz-box-shadow: inset 1px 1px 1px 0px #dddddd;
        box-shadow: inset 1px 1px 1px 0px #dddddd;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
    }

    .select.ombre {
        padding: 2px;
    }

    .textbox.blanc, .select.blanc {
        background: #ffffff;
    }

.textbox.large {
    font-size: 16px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.textbox:focus {
    border-color: #a3a3a3;
}

input[type=radio] {
    vertical-align: middle;
    margin-right: 2px;
    margin-top: -2px;
}

.divtop {
    padding: 10px;
    line-height: 30px;
    min-height: 30px;
    border-bottom: solid 1px #c0c0c0;
    font-size: 16px;
    font-weight: bold;
}

    .divtop a {
        text-decoration: none;
    }

.contenu {
    padding: 10px;
}

.gauche {
    float: left;
    width: 300px;
    border-right: solid 1px #c0c0c0;
}

.droite {
    margin: 0 0 0 300px;
    padding-left: 30px;
    min-width: 1200px;
    border-left: solid 1px #c0c0c0;
}

.clear {
    clear: both;
}

/* Menu : Début */

.ddsmoothmenu {
    /*font: bold 12px Verdana;*/ /*background: #414141;*/ /*background of menu bar (default state)*/
    width: 100%;
}

    .ddsmoothmenu ul {
        z-index: 100;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        /*Top level list items*/
        .ddsmoothmenu ul li {
            position: relative;
            display: inline;
            float: left;
        }

            /*Top level menu link items style*/
            .ddsmoothmenu ul li a {
                display: block; /*background: #414141;*/ /*background of menu items (default state)*/ /*color: white;*/ /*padding: 8px 10px;*/ /*border-right: 1px solid #778;*/ /*color: #2d2b2b;*/ /*text-decoration: none;*/
            }

            * html .ddsmoothmenu ul li a {
                /*IE6 hack to get sub menu links to behave correctly*/
                display: inline-block;
            }

                .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
                    color: white;
                }

                .ddsmoothmenu ul li a.selected {
                    /*CSS class that's dynamically added to the currently active menu items' LI A element*/ /*background: black;*/ /*color: white;*/
                }

                .ddsmoothmenu ul li a:hover {
                    /*background of menu items during onmouseover (hover state)*/ /*background: black; */ /*color: white;*/
                }

            /*1st sub level menu*/
            .ddsmoothmenu ul li ul {
                position: absolute;
                left: 0;
                display: none; /*collapse all sub menus to begin with*/
                visibility: hidden;
            }

                /*Sub level menu list items (undo style from Top level List Items)*/
                .ddsmoothmenu ul li ul li {
                    display: list-item;
                    float: none;
                }

                    /*All subsequent sub menu levels vertical offset after 1st level sub menu */
                    .ddsmoothmenu ul li ul li ul {
                        top: 0;
                    }

                    /* Sub level menu links style */
                    .ddsmoothmenu ul li ul li a {
                        /*font: normal 13px Verdana;*/ /*width: 160px;*/ /*width of sub menus*/ /*padding: 5px;*/ /*margin: 0;*/ /*border-top-width: 0;*/ /*border-bottom: 1px solid gray;*/
                    }

/* Holly Hack for IE \*/
* html .ddsmoothmenu {
    height: 1%;
}
/*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass {
    /*position: absolute;*/ /*top: 12px;*/ /*right: 7px;*/
}

.rightarrowclass {
    /*position: absolute;*/ /*top: 6px;*/ /*right: 5px;*/
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow {
    /*shadow for NON CSS3 capable browsers*/
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: silver;
}

.toplevelshadow {
    /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
    opacity: 0.5;
}

.ddsmoothmenu {
    /*background: #a2733f;*/ /*background of menu bar (default state)*/
    font-weight: bold;
    font-size: 13px;
    font-family: Arial, Sans-Serif;
    min-width: 700px;
}
    /*Top level menu link items style*/
    .ddsmoothmenu ul li a {
        background: #a2733f; /*background of menu items (default state)*/
        color: white;
        padding: 7px 20px 7px 20px;
        border-right: 1px solid #c2a981;
        border-right: 1px solid #fff;
        color: #2d2b2b;
        text-decoration: none;
    }

        .ddsmoothmenu ul li a.selected {
            /*CSS class that's dynamically added to the currently active menu items' LI A element*/
            background: #8a6236;
            color: white;
        }

        .ddsmoothmenu ul li a:hover {
            background: #8a6236; /*background of menu items during onmouseover (hover state)*/
            color: white;
        }

    /* Sub level menu links style */
    .ddsmoothmenu ul li ul li a {
        /*font: normal 12px Verdana;*/ /*width of sub menus*/
        font-weight: normal;
        width: 160px;
        padding: 5px;
        margin: 0;
        border-top-width: 0;
        border-bottom: 1px solid gray;
    }

.downarrowclass {
    position: absolute;
    top: 8px;
    right: 7px;
}

.rightarrowclass {
    position: absolute;
    top: 6px;
    right: 5px;
}

/* Menu : Fin */

/* Listes : Début */
/* Datalists Familles et Articles */
.dlVoyages, .dlArticles, .dlGammes2, .datalist {
    width: 100%;
}

    .dlVoyages td, .dlArticles td {
        border-bottom: solid 1px #c0c0c0;
        height: 26px;
        line-height: 26px;
    }

.dlMois td {
    border-bottom: solid 1px #c0c0c0; /*height: 100px;     line-height: 108px;*/
    height: 26px;
    line-height: 26px;
    text-align: center;
}

.dlTresoListe td {
    border-bottom: solid 1px #c0c0c0; /*height: 100px;     line-height: 108px;*/
    font-size: 14px;
}

.dlTreso td {
}

.dlDocuments td {
    border-bottom: solid 1px #c0c0c0;
    height: 32px;
    line-height: 32px;
}

.dlVoyages td table tr td, .dlArticles td table tr td, .dlGammes2 td table tr td, .datalist td table tr td {
    border: none;
}

.dlVoyages a, .dlArticles a, .datalist a {
    text-decoration: none;
}

.dlFournisseurs td table tr td {
}

.dlClients td table tr td {
}

.dlConseillers td table tr td {
}
/*
.bouton-tri
{
    text-decoration:  underline;
    color: red;
    font-weight: bold;
}
*/
/* Listes : Fin */

/* Fil d'ariane : Début */
.divchemin {
    padding: 10px 10px 10px 0;
    line-height: 30px;
    min-height: 30px;
    border-bottom: solid 1px #c0c0c0;
    font-size: 16px;
    font-weight: bold;
}

    .divchemin a {
        text-decoration: none;
    }
/* Fil d'ariane : Fin */


.custom-combobox {
    position: relative;
    display: inline-block;
}

.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    /* support: IE7 */
    *height: 1.7em;
    *top: 0.1em;
}

.custom-combobox-input {
    margin: 0;
    padding: 0.3em;
    width: 240px;
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto; /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    z-index: 1000 !important;
}

.progress {
    background: #000; /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE 5-7 */
    filter: alpha(opacity=20); /* Netscape */
    -moz-opacity: 0.2; /* Safari 1.x */
    -khtml-opacity: 0.2; /* Good browsers */
    opacity: 0.2;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
}

.engraved {
    /*color: #333;*/
    /*background-color: #666;*/
    text-shadow: 0px 1px 0px rgba(255,255,255,.5);
}

.fond-jaune {
    background: #fbfbd3;
}

h4.fond-marron {
    background: #a2733f;
    color: #fbfbd3;
    font-weight: normal;
}

.printdemande {
    border-collapse: collapse;
    font-size: 13px;
}

    .printdemande h2 {
        color: #a2733f;
    }

    .printdemande h3 {
        margin-top: 15px;
        line-height: 30px;
        border-bottom: solid 1px #a2733f;
        color: #a2733f;
    }

table.printdemande {
    border-collapse: collapse;
}

    table.printdemande td {
        vertical-align: top;
    }

.background-pub {
    background: #000;
}

.progress {
    background: #000;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    /* IE 5-7 */
    filter: alpha(opacity=10);
    /* Netscape */
    -moz-opacity: 0.1;
    /* Safari 1.x */
    -khtml-opacity: 0.1;
    /* Good browsers */
    opacity: 0.1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
}

.vert {
    color: #31b404;
}

.rouge {
    color: #f22b2b;
}

.datalist .large {
    font-size: 14px;
}

.datalist .small {
    font-size: 12px;
}

.colone-sep {
    width: 10px;
}

.regle {
    background: #c1e8b3;
}

.nonregle {
    background: #ffffb2;
}

.borderbottom {
    border-bottom: solid 1px #ccc;
}

.ecritures {
}

    .ecritures td {
        padding: 2px 5px;
    }

.page {
    padding: 2px;
    font-size: 14px;
}

    .page.selectionnee {
        font-weight: bold;
        font-size: 16px;
    }

.treso-item td {
    height: 26px;
    line-height: 26px;
}


div.menu-gauche {
    width: 230px;
    margin: 8px;
    float: left;
    min-height: 200px;
}

    div.menu-gauche ul {
        list-style-type: none;
    }

        div.menu-gauche ul li a {
            display: block;
            line-height: 32px;
            font-size: 20px;
            font-weight: bold;
            text-decoration: none;
        }

            div.menu-gauche ul li a:hover {
                text-decoration: underline;
            }

div.cartouche-accueil {
    width: 230px;
    margin: 8px;
    float: left;
    min-height: 260px;
    background-color: #ccc;
}

    div.cartouche-accueil.contenu {
        padding: 10px;
    }



    div.cartouche-accueil p.titre {
        margin: 0;
        padding: 0;
        line-height: 40px;
        text-align: center;
        color: #fff;
        font-weight: bold;
        font-size: 14px;
    }

    div.cartouche-accueil ul {
        list-style-type: none;
    }

        div.cartouche-accueil ul li a {
            display: block;
            line-height: 24px;
            font-size: 14px;
            text-decoration: none;
            color: #fff;
        }




/********************** Couleurs des menus *************************/
/* Demandes */
div.demandes, div.demandes ul, div.demandes ul li, div.demandes ul li a {
    background-color: #BA55D3;
}

    div.demandes ul li a:hover, div.demandes ul li a.selected {
        background-color: #9400D3;
    }

/* Base de données */
div.base-de-donnees, div.base-de-donnees ul, div.base-de-donnees ul li, div.base-de-donnees ul li a {
    background-color: #FFA500;
}

    div.base-de-donnees ul li a:hover, div.base-de-donnees ul li a.selected, div.base-de-donnees p {
        background-color: #FF8C00;
    }

/* Base de données */
div.ventes, div.ventes ul, div.ventes ul li, div.ventes ul li a {
    background-color: #FFA500;
}

    div.ventes ul li a:hover, div.ventes ul li a.selected, div.ventes p {
        background-color: #FF8C00;
    }


/* Statistiques */
div.statistiques, div.statistiques ul, div.statistiques ul li, div.statistiques ul li a {
    background-color: #32CD32;
}

    div.statistiques ul li a:hover, div.statistiques ul li a.selected, div.statistiques p {
        background-color: #228B22;
    }

/* Référentiel */
div.referentiel, div.referentiel ul, div.referentiel ul li, div.referentiel ul li a {
    background-color: #db12ff;
}

    div.referentiel ul li a:hover, div.referentiel ul li a.selected, div.referentiel p {
        background-color: #a70fc3;
    }

/* Gestion */
div.gestion, div.gestion ul, div.gestion ul li, div.gestion ul li a {
    background-color: #1E90FF;
}

    div.gestion ul li a:hover, div.gestion ul li a.selected, div.gestion p {
        background-color: #4169E1;
    }

/* Admin */
div.admin, div.admin ul, div.admin ul li, div.admin ul li a {
    background-color: #808080;
}

    div.admin ul li a:hover, div.admin ul li a.selected, div.admin p {
        background-color: #696969;
    }

/* Logistique */
div.logistique, div.logistique ul, div.logistique ul li, div.logistique ul li a {
    background-color: #FF0000;
}

    div.logistique ul li a:hover, div.logistique ul li a.selected, div.logistique p, a.logistique.selected {
        background-color: #DC143C;
    }

/* Default ddsmoothmenu */
div.generique, div.generique ul, div.generique ul li, div.generique ul li a {
    background-color: #a2733f;
}

.fa {
    margin-right: 5px;
}

table.cbl td input[type=checkbox] {
    vertical-align: middle;
    margin-right: 2px;
    margin-top: -2px;
}

table.cbl td label {
    vertical-align: middle;
    margin-right: 20px;
    margin-top: -2px;
}

table.rbl td input[type=radio] {
    vertical-align: middle;
    margin-right: 2px;
    margin-top: -2px;
}

table.rbl td label {
    vertical-align: middle;
    margin-right: 20px;
    margin-top: -2px;
}

table.rbl.large td label {
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
    margin-right: 20px;
    margin-top: -2px;
}







/* Listes : Début */
.datalist {
    width: 100%;
}

    .datalist td table tr td {
        border: none;
    }

    .datalist a {
        text-decoration: none;
    }

    .datalist .item {
        background-color: #f5efeb;
    }

        .datalist .item table {
            margin: 3px;
        }

            .datalist .item table td {
                height: 22px;
            }

    .datalist .alternatingitem {
        background-color: #ffffff;
    }

        .datalist .alternatingitem table {
            margin: 3px;
        }

            .datalist .alternatingitem table td {
                height: 22px;
            }

    .datalist .header .nouveau {
        background: #c2a981;
        color: #8f6638;
        margin: 10px 0;
        padding: 5px 0;
    }

    .datalist .header .entete {
        font-weight: bold;
        margin: 5px 0;
    }
/*



/* Pour les ecrans Master-Detail */
.liste {
}

    .liste div.pager {
        background: #ededed;
        padding: 2px;
    }

        .liste div.pager i.fa {
            margin: 0 2px;
        }

        .liste div.pager input {
            width: 30px;
            padding: 2px;
        }


.fvdetail {
}

    .fvdetail fieldset {
        border: solid 1px #aaaaaa;
        border-radius: 3px;
        padding: 10px;
        margin: 5px 0;
    }

    .fvdetail input[type=text], .fvdetail textarea {
        border: solid 1px #cccccc;
        min-height: 16px;
        border-radius: 3px;
        padding: 2px 5px;
        box-sizing: border-box;
        line-height: 18px;
        background: #fcfcfc;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        width: 100%;
    }

    .fvdetail select {
        border: solid 1px #cccccc;
        border-radius: 3px;
        min-height: 12px;
        line-height: 12px;
        padding: 1px 0;
        box-sizing: border-box;
        background: #fcfcfc;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        width: 100%;
    }

        .fvdetail input[type=text]:focus, .fvdetail textarea:focus, .fvdetail select:focus {
            /*background: #fff3b9;*/
            outline: none;
            background-color: #ffffcc;
        }

    .fvdetail input[type=text].dl, .fvdetail textarea.cl {
        border: solid 1px #cccccc;
        min-height: 16px;
        border-radius: 0;
        padding: 1px 2px;
        line-height: 18px;
        background: #fcfcfc;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        width: 100%;
    }

    .fvdetail table td {
        vertical-align: top;
    }

    .fvdetail .label {
        padding: 3px 5px 0 11px;
    }
/*.dlliste{
    border: solid 1px red;
}*/
.dlliste a {
    text-decoration: none;
}

    .dlliste a:hover td {
        background-color: #3970de;
        background-color: #6095ff;
        color: #fff;
    }

.dlliste td {
    /*padding: 2px;*/
    height: 20px;
    /*border-bottom: solid 1px #d0d7e5;*/
}

    .dlliste td span {
        padding: 0 2px;
        display: block;
    }

    .dlliste td td {
        padding: 0;
        border: none;
    }

    .dlliste td.item {
        background: #dddddd;
        background: #f0f0f0;
    }

    .dlliste td.alternatingitem {
        background: #ffffff;
    }

    .dlliste td.selecteditem {
        background: #3970de;
        color: #ffffff;
    }

        .dlliste td.selecteditem a {
            color: #ffffff;
        }

    .dlliste td.header span {
        padding: 0;
    }

        .dlliste td.header span.dummy {
            border-top: solid 1px #8a9096;
            border-bottom: solid 1px #d0d7e5;
            border-left: solid 1px #b1b5ba;
            background-color: #dfe3e8;
            /*background: red;*/
            height: 100%;
        }


/******************* Boutons de tri *****************/
.dlliste a.sort, span.header {
    height: 100%;
    width: 100%;
    display: block;
    line-height: 20px;
    text-align: center;
    color: #363636;
    border-top: solid 1px #8a9096;
    border-bottom: solid 1px #d0d7e5;
    border-left: solid 1px #b1b5ba;
    background-color: #e3e3e3;
}

    .dlliste a.sort:last-child {
        color: red;
    }

    .dlliste a.sort:hover {
        background: url(../images/linkbuttonhover.png);
        border-top: solid 1px #e8bf3a;
        border-bottom: solid 1px #e8bf3a;
        border-left: solid 1px #e8bf3a;
    }

    .dlliste a.sort span {
        /*padding: 0 2px;*/
        display: block;
        color: #363636;
        /*text-align: center;*/
    }

    .dlliste a.sort.asc span {
        background-image: url(../images/sortedasc.png);
        background-repeat: no-repeat;
        background-position: right;
    }

    .dlliste a.sort.desc span {
        background-image: url(../images/sorteddesc.png);
        background-repeat: no-repeat;
        background-position: right;
    }

/*Champ defs saisie pour la recherche*/
.dlliste input[type="text"] {
    height: 100%;
    width: 100%;
    border: none;
    font-style: italic;
    font-weight: bold;
}

.dlliste input:focus {
    /*background: #fff3b9;*/
    outline: none;
    background-color: #ffffcc;
}

.dlliste input[type="text"] {
    height: 100%;
    width: 100%;
    border: none;
    font-style: italic;
    font-weight: bold;
    font-size: 12px;
    color: #999;
}

.dlliste select {
    /*height: 100%;
    width: 100%;*/
    border: none;
    font-style: italic;
    font-weight: bold;
    font-size: 12px;
    color: #999;
}

    .dlliste input:focus, .dlliste select:focus {
        outline: none;
        background-color: #ffffcc;
    }



/* Pour les datalist standards */
.dl {
    font-family: Open Sans, sans-serif;
    font-size: 13px;
    width: 100%;
    /*height: 22px;*/
}

    .dl td {
        height: 22px;
        border-bottom: solid 1px #999;
    }

        .dl td span {
            padding: 0 2px;
            display: block;
        }

        .dl td td {
            padding: 0;
            border: none;
        }

        .dl td input[type=text], .dl td textarea {
            padding: 0 2px;
            border: none;
            border-radius: 0;
            margin: 0;
            min-height: 22px;
            line-height: 22px;
            width: 100%;
            background: transparent;
        }

        .dl td select {
            padding: 0;
            border: none;
            border-radius: 0;
            min-height: 22px;
            line-height: 22px;
            width: 100%;
            background: transparent;
        }


        .dl td.item {
            background: #f0f0f0;
        }

            .dl td.item table td {
                /*border: solid 1px transparent;*/
            }



        .dl td.edititem table td, .dl td table.newrow td {
            background: #f0f0f0;
            border: solid 1px #bbb;
        }

        .dl td.edititem table tr:first-child td, .dl td table.newrow tr:first-child td {
            border-top: none;
        }

        .dl td.edititem table tr:last-child td, .dl td table.newrow tr:last-child td {
            border-bottom: none;
        }


        .dl td.header {
            background: #f0f0f0;
            color: #222;
        }

            .dl td.header table, .dl td.item table, .dl td.alternatingitem table, .dl td.edititem table, .dl td.footer table {
                width: 100%;
            }

            .dl td.header table, .dl td.footer table {
                background: #e3e3e3;
            }

        .dl td.alternatingitem {
            background: #ffffff;
        }

            .dl td.alternatingitem table td {
                /*border: solid 1px transparent;*/
            }

        .dl td.selecteditem {
            background: #3970de;
            color: #ffffff;
        }

    .dl i.fa {
        font-size: 16px;
    }