/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */


.flag + span { color: black; }

.acenter, .cdedate, .datecde, .cdeetat, .cdenum, .cdeurgente, .date { text-align: center; }
.aright { text-align: right; }
.aleft { text-align: left; }
.souligne { text-decoration: underline; }
.hsouligne:hover { text-decoration: underline; }
.nowrap { white-space: nowrap; }
.gras { font-weight: bold; }
.clearb { clear: both; }

.prix, .qte, .qtecde, 
.col-qte,
.col-prix { 
    text-align: right; 
    white-space: nowrap; 
}

.col-date,
.col-poste {
    text-align: center;
    white-space: nowrap;
}

.col-numcde {
    width: 110px;
    white-space: nowrap;
}
.col-poste {
    width: 70px;
    white-space: nowrap;
}
.col-date {
    width: 110px;
    white-space: nowrap;
}
.col-artcode {
    width: 110px;
    white-space: nowrap;
}
.col-artlib {
    min-width: 200px;
    /*white-space: nowrap;*/
}
.col-qte {
    width: 80px;
    white-space: nowrap;
}
.col-unit {
    width: 80px;
    white-space: nowrap;
}
.col-prix {
    width: 110px;
    white-space: nowrap;
}
td.col-refcde, th.col-refcde {
    min-width: 200px;
    /*white-space: nowrap;*/
}
input.col-refcde {
    width: 100%;
}

.input-error {
    /*
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    */
    border-color: #e91e63;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(247, 68, 68, 0.11);
}

.input-warning {
    border-color: #e9ba1e;
    background-color: #e9ba1e;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(247, 149, 68, 0.11);
}

.btn-form {
    height: 31px;
    margin: 10px 0 0 5px;
    padding: 0 22px;
    font: 300 15px/29px 'Open Sans',Helvetica,Arial,sans-serif;
    cursor: pointer;
}

.help-block { color: #e91e63;   /* rouge */ }

caption { color: rgb(51, 51, 51); }

.MessageBoxContainer li { font-size: 14px; margin-bottom: 8px; }

/* surcharge de la largeur des items dans le menu NAV horizontal : ./css/smartadmin-production.min.css */
.menu-on-top .menu-item-parent { max-width: 170px; }

/* espace entre <label> et champ de saisie 'Recherche' dans l'entête des datatables */
.dt-toolbar { border-bottom: none; margin-bottom: 15px; }
.dt-toolbar, .dt-toolbar-footer { background-color: transparent; }
.dt-toolbar-footer { border: none; }
.dt-toolbar .dataTables_filter .form-control { margin-left: 5px; }
div.dataTables_length label { float: right; }
/* changement de couleur du champ de recherche pour les listes datatables */
.dataTables_filter .form-control { background-color: #c9c9c9; border-color: #383838; }

/* erreur de saisie sur champ de formulaire */
label.error { color: #b94a48; }

/* couleurs dans le datepicker */
.caldayliv { 
    background-color: rgb(16, 158, 51); 
    color: white;
}

.alert-danger a {
    color: white;
    text-decoration: underline;
}
.alert-warning a {
    color: #f00;    /* rouge */
    text-decoration: underline;
}

.form-horizontal .text-label { text-align: left; margin-bottom: 0; padding-top: 7px; }

.form-control-ucase { text-transform: uppercase; }
.form-control-lcase { text-transform: lowercase; }

.form-group input[type=file] { margin-top: 5px; }

.bootstrapWizard li.for5step { width: 20%; }

/* correction sur le champ 'Recherche' des dataTable */
div.dataTables_filter input { margin-left: 5px; }

/* nom du client dans l'entête de la page */
.header-nomcli p {
    margin: 16px 40px 0 40px;
    font-weight: bold;
}

output ul {
    padding: 0 0 0 15px;
}


.alert-prioritaire {
    border-color: #f90;
    color: #1d1b18;
    font-size: 14px;
    background-color: #fffc00;
}
.alert-prioritaire p {
    padding-left: 18px;
}
.alert-prioritaire p a {
    color: red;
    font-weight: bold;
    text-decoration: underline;
}
.alert-prioritaire b, .alert-prioritaire strong {
    font-size: 16px;
}

#extr-page #main {
    min-height: 100vh;
}

/* --------------------------------------- styles des TreeView (pour le catalogue des pièces...) --------------------------------- */
.tree ul ul {
    padding-left: 25px;
    padding-top: 3px;
}
.tree li::before { top: -3px; }
.tree li::after { width: 22px; }
.tree li:last-child::before { height: 21px; }
.tree li { padding: 2px; }
.tree li span a { color: rgb(51, 51, 51); font-weight: normal; font-size: 13px; }
/*.tree li span a:hover { color: white; }*/
/*.tree li span a:hover { text-decoration: underline; }*/
.tree li .fa-lg { vertical-align: -1%; }

.alabelpointe { 
    background-color: #428BCA;      /* bleu joli ! */
}
.tree li span.alabelpointe a {
    color: white;
}
.tree li span.alabelpointe,
.tree li.parent_li ul li span.label {
    padding: 7px;
}
.tree li.parent_li > span:hover {
    color: #fff;
    background-color: #428BCA;      /* bleu joli ! */
    border: 1px solid #3570A0;
}
.tree li.parent_li > span:hover a {
    color: #fff;
    /*text-decoration: none;*/
}
.tree li span {
    /*
    webkit-transition: color .2s ease .1s, background-color .2s ease .1s, border-color .3s ease .2s;
    -moz-transition: color .2s ease .1s, background-color .2s ease .1s, border-color .3s ease .2s;
    -o-transition: color .2s ease .1s, background-color .2s ease .1s, border-color .3s ease .2s;
    transition: color .2s ease .1s, background-color .2s ease .1s, border-color .3s ease .2s;
    */
    webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

/* changement de couleur de fond/bordure des noeuds sous le noeud survolé */
.tree li.parent_li > span:hover + ul li span { 
    background:#4797D8!important;       /* bleu plus clair */
    border:1px solid #428BCA;
    color:#000;
}
.tree li.parent_li > span:hover + ul li::before {
    border-left-color:#428BCA;
}
.tree li.parent_li > span:hover + ul li::after {
    border-top-color:#428BCA;
}

/* c'est le style appliqué à un noeud lorsqu'un menu est cliqué dans le schéma du véhicule */
.tree li.parent_li.noeudactif > span, .tree li.noeudactif > span {
    background:#4797D8!important;       /* bleu plus clair */
    border:1px solid #428BCA;
    color:#000;
}


.header-search {
    margin-bottom: 28px;
}
.header-search > input[type="text"] {
    min-width: 400px;
}

/* surcharge de la valeur d'origine */
@media (max-width:767px) {
    .header-search { display: block; }
}
@media only screen and (min-width:0) and (max-width:679px) {
    .header-search { display: block; }
}

.modal-dialog { width: 1020px; }
.modal-body { 
    max-height: calc(100vh - 210px); 
    overflow-y: auto;
}

/* la hauteur de la boite ne fonctionne pas ! à voir plus en détail */
.modal-dialog-large { width: 95%; height: 85%; }



/* ----------------- écran d'attente de chargement ----------------------- */
.gi-5x { font-size: 5em; color: white; }
.glyphicon-refresh-animate {
    -animation: spin 1.7s infinite linear;
    -webkit-animation: spinWebkit 1.7s infinite linear;
    -moz-animation: spinMoz 1.7s infinite linear;
}

@-webkit-keyframes spinWebkit {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}
@keyframes spinMoz {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}


#myModalLarge {
    z-index: 1080;
}
.modal-backdrop {
    z-index: 1040;
}

#MsgBoxBack {
    z-index: 1090;
}

#loading-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1100;
    background: rgba(0, 0, 0, 0.65);
}

#loading-wrapper #loader {
    position: absolute;
    top: 40%;
    left: 45%;
    margin-left: -35px;
    margin-top: -35px;
    width: 256px;
    height: 256px;
}

.loaded #loading-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
}


/* -------------------- pour les tableaux/listes ----------------*/
.ligne_entetedocachat {
    background-color: #cecece;  /* #f9f9f9 */
}


td.icondetail.iconclose {
    background: url('images/details_close.png') no-repeat center center;
}
td.icondetail.iconopen {
    background: url('images/details_open.png') no-repeat center center;
}
td.icondetail {
    cursor: pointer;
}

.toggle-vis {
    cursor: pointer;
    text-decoration: underline;
}
.toggle-vis.colonne-cachee {
    color: #aaa;
}

/* -------------------- pour le carnet de commandes ----------------*/
.commandes-legende {
    margin: 15px 0;
}
    .commandes-legende span {
        display: inline-block;
        padding: 10px;
        margin-right: 5px;
    }

.mvt-insert, .cde-insert {
    /*background-color: #a7e696;*/
    background-color: #bce3b2;
}

.mvt-update, .cde-update {
    background-color: #ffffc0;
}

.cde-retard {
    /*background-color: #ff7373;*/
    background-color: #fd8e8e;
}

.cde-confirm {
    /*background-color: #c0c0ff;*/
    background-color: #b9f2ff;
}


/* -------------------- pour le responsive ----------------------*/
@media (min-width: 992px) {
  .collapsedtv {
    display: block;
    /* same width as sidebar */
    margin-left: -25%;
  }
}