/* CSS Document by Black meridian */

/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   reset                                               <<<< */
/* ------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   global                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   boostrap                                            <<<< */
/* ------------------------------------------------------------------------ */

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

.row {margin-left: 0; margin-right: 0;}
.table-bm {display: table; margin-bottom: 0; width: 100%; /*table-layout: fixed;*/ background: none !important;}
.oldie .table-bm {table-layout: auto;}
.table-auto {table-layout: auto;}
[class*='col-'] {padding-left: 0; padding-right: 0;}
.table-cell {display: table-cell;  float: none; vertical-align: top;}
.valign-top {vertical-align: top;}
.valign-middle {vertical-align: middle;}
.valign-bottom {vertical-align: bottom;}

.gras {font-weight: bold !important;}
.italique {font-style: italic !important;}


h1,h3 { font-family:"Myriad Pro", "Gill Sans", "Gill Sans MT",  "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}

h1 { color:#253549; font-size:32px; font-size:3.2rem; line-height:40px; line-height:4.2rem; }

h3 { color:#e44b6b; font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem}

body .container.body .right_col {background: #edeff5; color:#253549}
.left_col {background: #1b2b3c;}

.right_col > div > .clearfix:first-child + div {padding-top: 25px;}

.sidebar-footer { background: #1b2b3c;}

.well { background-color:#f2f5fa; border:none}

.prix { text-align:right}
.quantite { text-align: center}

.profile_details:nth-child(3n) { clear:none}

.badge {background-color: #e44b6b; padding: 3px 6px 3px 5px; margin-left: 8px;}
.ticketEnCours {display: inline-block; margin: 10px 0; padding: 3px 10px; border: 1px solid #24a78e; text-decoration: none; color: #0b594a; background: #98e9d9;}
p:first-child .ticketEnCours {margin-top: 0;}
p:last-child .ticketEnCours {margin-bottom: 0;}
.table-bm .innerAction .btn + .btn {margin-left: 10px;}

.table-bm.table-striped > tbody > tr.Forte > td:first-child,
.table-bm.table-striped > tbody > tr.Normale > td:first-child,
.table-bm.table-striped > tbody > tr.Faible > td:first-child {position: relative; padding-left: 15px;}
.table-bm.table-striped > tbody > tr.Forte > td:first-child:before,
.table-bm.table-striped > tbody > tr.Normale > td:first-child:before,
.table-bm.table-striped > tbody > tr.Faible > td:first-child:before {position: absolute; left: 0; top: 0; bottom: 0; width: 5px; content: "";}
.table-bm.table-striped > tbody > tr.Forte > td:first-child:before {background: #f73b3b}
.table-bm.table-striped > tbody > tr.Normale > td:first-child:before {background: #fda159}
.table-bm.table-striped > tbody > tr.Faible > td:first-child:before {background: #fddf9d}

.modal .note-editable {min-height: 200px;}

.note-editable ul {list-style: disc outside; padding-left: 20px;}
.note-editable ol {list-style: decimal outside; padding-left: 20px;}

.menu_section {margin-bottom: 10px;}
.nav-md .container.body .col-md-3.left_col.menu_fixed {overflow: auto;}


/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   boutons                                      <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.btn {border-radius: 2px; padding: 2px 10px; }
.btn.btn-success {background-color:#9ace3e; border-color:#9ace3e}
.btn.btn-danger {background-color:#e44b6b; border-color:#e44b6b}
.btn.btn-primary {background-color:#37adf7; border-color:#37adf7}
.btn.btn-primary2 {background-color:#004794; border-color:#004794}

.btn.buttons-excel {margin-bottom: 20px; line-height:28px; color: #fff; background-color:#1abb9c; border-color:#1abb9c}

.btn-sm, .btn-sm span { line-height:25px}


.btn-md, .btn-md span { line-height:28px}
.btn-xl, .btn-xl span { line-height:58px; text-transform:uppercase}

.btn .deroule:before { content: "\e114";}
.details .btn .deroule:before { content: "\e113";}
.detailsSav .btn .deroule:before { content: "\e113";}

.innerActions .btn + br + .btn { margin-top:10px}
.innerActions .btn {}

.glyphicon {    padding-right: 4px;}

.input-group-btn button.btn { padding:6px 12px}

.form-control-feedback {
    margin-top: 5px;
    margin-right: 10px;
}

.form-group .btn {padding: 7px 15px;}

.timeline .tags {bottom: 15px;}
.timeline .tags .fa.fa-calendar {position: absolute; left: 50%; top: 50%; margin: -16px -15px;}
.timeline .tags .fa {position: absolute; left: 50%; top: 50%; margin: -16px;}

.modal button.close.minimize {margin-right: 10px;}
.modal button.close.minimize .fa {position: relative; top: -2px; font-size: 24px; font-weight: bold;}

.btn-circle {border-color: #919191; color: #fff; background: #999;}
.btn-circle {
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.btn-circle.btn-success {border-color: #8cbd36; background: #9ace3e;}
.btn-circle.btn-warning {border-color: #eea236; background: #f0ad4e;}
.btn-circle.btn-danger {border-color: #d04361; background: #e44b6b;}
.btn-circle .glyphicon {font-size: 12px;}
.btn-circle .glyphicon:last-child {padding-right: 0;}
.btn-circle.btn-xs {padding: 1px 0 0; width: 20px; height: 20px; text-align: center;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   tableau                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */


.table-bm.table-striped>tbody>tr:nth-of-type(odd) {background-color: #f2f5fa;}
.table-bm.table-striped>tbody>tr:nth-of-type(even) {background-color: #fff;}

body .right_col .table-bm.table-striped td {vertical-align:middle}
.table-bm.table-bordered {border: 1px solid #ddd;}
.table-bm.table-bordered>tbody>tr>td, .table-bm.table-bordered>tbody>tr>th, .table-bm.table-bordered>tfoot>tr>td, .table-bm.table-bordered>tfoot>tr>th, .table-bm.table-bordered>thead>tr>td, .table-bm.table-bordered>thead>tr>th { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}

.bigNumber { text-align:center; font-size:32px; font-size:3.2rem; line-height:40px; line-height:4.2rem; }
span.bigNumber { display:inline-block; margin:0 10px; position:relative; top:6px}

.table-bm>tbody>tr>td, .table-bm>tbody>tr>th, .table-bm>tfoot>tr>td, .table-bm>tfoot>tr>th, .table-bm>thead>tr>td, .table-bm>thead>tr>th {

    border-top: 0px solid #ddd;
}

body .right_col .table-bm.table-striped .details table tr td {
    border-bottom: 1px solid #ddd;
}
.table-lot_detail_preparation{ margin-bottom:60px !important}
.table-bm.table-marge-bottom{ margin-bottom:60px !important}
.table-bm.table-marge-bottom:last-child{ margin-bottom:20px !important}


.table-bm tr.tr_lot_detail td {
    border-bottom: 1px solid #ddd !important; 
}


.table-bm tr.total td { padding-top:20px !important; padding-bottom:20px !important}

.table-bm tr.details td:first-child { border-left: 10px solid #9ace3e !important;  } 
.table-bm .innerAction .btn-success{ margin-right:13px} 


.table-bm tr.statut0 td:first-child { border-left: 10px solid #F3B308 !important;  } 
.table-bm tr.statut1 td:first-child { border-left: 10px solid #DD4F7C !important;  } 
.table-bm tr.statut2 td:first-child { border-left: 10px solid #004794 !important;  } 

.table-bm tr.trDetails>td:first-child { border-left: 10px solid #9ace3e !important;  }

.table-bm tr.details td:first-child { border-left: 10px solid #9ace3e !important;  } 

.table-bm tr.trDetailsSav>td:first-child { border-left: 10px solid #37adf7 !important;  }

.table-bm tr.detailsSav td:first-child { border-left: 10px solid #37adf7 !important;  } 


.table-bm .innerAction { text-align:right}

.table-bm .innerAction .btn {min-width:200px; max-width:100%;  margin-bottom:0; margin-right:0}
.table-bm .innerAction.innerAction-sm .btn {min-width:50px; max-width:auto;}
.table-bm .innerAction.innerAction-sm .btn +.btn { margin-left:13px}

.bigTexte {font-size:22px; font-size:2.2rem; line-height:30px; line-height:3.2rem;}

.profile_details .well {min-height:230px}
.profile_details .profile_view {
    display: block;
}

.title_right .input-group { margin-top: 7px; margin-bottom:0}
.title_right .input-group input { font-style:italic}
.title_right .input-group button { color:#FFF; background-color:#e44b6b}

.logo { vertical-align:middle}

.nav_title { background:none}

.max-200 { max-height:170px; text-align:right}

.nav_menu { position:fixed; z-index:100; padding-right: 235px;}

.right_col { padding-top:50px !important}
#id1 .right_col,
#id155 .right_col { padding-top:100px !important}
#id1 .right_col .page-title,
#id155 .right_col .page-title { display:none}

#id112 .note-editor.note-frame .note-editing-area .note-editable {height: 300px !important;}

.nav.side-menu > li.alert-success {border: 0;}
.nav.side-menu > li.alert-success:hover {background: #198f78;}
.nav.side-menu > li.alert-success.active {background: #2b7466;}
.nav.side-menu > li.alert-success > a {margin-bottom: 0; background: none !important}
.nav.side-menu > li.alert-success.active > a {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.x_title .alert {margin-top: 15px;}
.container.body {overflow: hidden;}

.tab-container {margin: 60px 0 20px; border: 1px solid #ddd; background: #fff;}
.tab-container .nav-tabs {margin: -36px -26px 20px; padding: 0; border: 0; height: 40px; background: none;}
.tab-container ul.bar_tabs > li.active {border-left: 0;}
.tab-container ul.bar_tabs > li.active > a {border-bottom: 1px solid #fff;}
.tab-container .tag {background-color: #e44b6b;}
.tab-container .tag:after {border-left-color: #e44b6b;}

#informationsClient {padding: 0 30px;}
#informationsClient .control-label {margin-bottom: 5px;}
#informationsClient label.error {display: none;}
#informationsClient .form-actions {margin: 20px 0 20px;}
#informationsClient .form-actions .btn {padding-left: 30px; padding-right: 30px;}

.tile-stats .icon {right: 12px; width: auto; height: auto;}

input[type='file'][name='file'] {height: auto !important;}

/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   form                                            <<<< */
/* ------------------------------------------------------------------------ */


form.form-bm .form-group label{ padding-top:2px}

.modal form.form-bm .form-group label {
    padding-top: 8px; 
}

form.form-bm .form-group input{ padding-left:5px}


/*
table {
    border-collapse: collapse;
}
table td, table th {
    border: 1px solid black;
}
table tr:first-child th {
    border-top: 0;
}
table tr:last-child td {
    border-bottom: 0;
}
table tr td:first-child,
table tr th:first-child {
    border-left: 0;
}
table tr td:last-child,
table tr th:last-child {
    border-right: 0;
}
*/

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}


/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   form                                         <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#id112 #formTicket.form-horizontal .control-label {text-align: left;}
#id134 .right_col {min-height: 0 !important;}

#dropZone.dropzone {
    min-height: 120px;
    border: 1px solid #e5e5e5;
  background: 
  /* On "top" */
  repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    #ccc 10px,
    #ccc 20px
  );
}
#dropZone.dropzone p {
    line-height: 120px;
  margin:0 auto; text-align:center;
  font-size:18px; 
}

#dropZone.dropzone {
    width: 100%;
    list-style: none;
    padding-left: 0;
    display: inline-block;
    margin-bottom: 30px;
  padding:20px;
}

#dropZone.dropzone .dz-preview {
    float: left;
    width: 180px;
    margin-right: 15px;
    margin-bottom: 15px;
}
#dropZone.dropzone .dz-preview img {
    height: 180px;
  width:180px;
    border: 1px solid #ddd;
    padding: 5px;
    margin-bottom: 15px;
  background-color:#FFF
}


#dropZone.dropzone .dz-preview  span {
    float: right;
}
#dropZone.dropzone .links {display:none}

#dropZone.dropzone .dz-remove {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;color:#e44b6b;

  
}
#dropZone.dropzone .dz-remove:before {
    content: "\f014";
      font: normal normal normal 14px/1 FontAwesome;
    padding-right:5px;
    
}

.wrapper-sm-10 { margin-bottom:10px}
/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   dashboard                                    <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.tile-stats .innerAction { margin-left:10px; margin-right:10px}

.tile-stats h3 span.count {
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
  color:#253549;
}
.tile-stats h3 span.count-sm {
    font-size: 35px;
    font-weight: 700;
    line-height: 35px;
  color:#253549
}

.tile-stats h3  {
  font-size: 22px;
    font-size: 2.2rem;
    line-height: 22px;
    line-height: 2.2rem;
    padding:15px 0 5px 0px

}

.tile-stats .panel_toolbox { min-width:auto}

.tile-stats .bigNumber { text-align:right; font-size:24px; font-size:2.4rem; line-height:32px; line-height:3.2rem}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   ticket v2                                    <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.ticket-v2 .x_panel { padding-bottom:0}
.ticket-v2 .x_title { border-bottom:none; padding-bottom:0}
.ticket-v2 .x_content { border-top: 2px solid #E6E9ED;}
.ticket-v2 .panel_toolbox { min-width:30px}
.ticket-v2 .alert { text-align:center; text-transform:uppercase}
.ticket-v2 h3 { margin-bottom:0}
.ticket-v2 h3 em { color:#253549; font-style:normal}
.ticket-v2 .block .btn-delete {visibility: hidden; position: relative; z-index: 10; float: right; margin: 0 0 10px 10px; padding: 0; border: 0; font-size: 20px; line-height: 20px; color: #f00000; background: none;}
.ticket-v2 .block .btn-delete:hover,
.ticket-v2 .block .btn-delete:focus {color: #ae0000;}
.ticket-v2 .block:hover .btn-delete {visibility: visible;}

.ticket-v2 ul.messages li.partenaire {padding: 0; border: 2px solid #00ace5;}
.ticket-v2 ul.messages li.partenaire .block {margin-left: 103px;}
.ticket-v2 ul.messages li.partenaire .tags .fa {color: #00ace5;}


/* li = form-octp, from-client, from-partenaire */
/* block : .block.email .block.commentaire .block.info */


.ticket-v2 .innerAction  { margin:20px 0 }
.ticket-v2 .innerAction-messages { position:relative; top:-28px; margin:0 }

.ticket-v2 .innerAction-messages .btn { border-radius: 18px; padding: 6px 8px 5px 9px; margin:0}
.ticket-v2 .innerAction-messages .btn .glyphicon { padding-right:0}

.ticket-v2 .innerAction-messages .btn.btn-email { color:#FFF; background-color: #253549; border-color: #253549;}
.ticket-v2 .innerAction-messages .btn.btn-commentaire { color:#FFF; background-color: #ccc; border-color: #ccc;}
.ticket-v2 .innerAction-messages .btn.btn-partenaire { color:#FFF; background-color: #37adf7; border-color: #37adf7;}

.ticket-v2 ul.messages { padding-bottom:20px}

.ticket-v2 ul.messages h2 { margin-bottom:8px}

.ticket-v2 ul.messages .block_content p,
.ticket-v2 ul.messages .block_content ul,
.ticket-v2 ul.messages .block_content ol {margin-bottom: 10px;}
.ticket-v2 ul.messages .block_content ul > li {padding: 0; border: 0; list-style: disc inside;}
.ticket-v2 ul.messages .block_content ol > li {padding: 0; border: 0; list-style: decimal inside;}

.ticket-v2 .excerpt  { min-height:50px}
.ticket-v2 .excerpt img { max-width:100%}


.ticket-v2 .from-otcp .tag { background-color:#253549}
.ticket-v2 .from-otcp .tag:after { border-left-color:#253549}

.ticket-v2 .from-client .tag { background-color:#1ABB9C; color:#000}
.ticket-v2 .from-client .tag:after { border-left-color:#1ABB9C}

.ticket-v2 .from-partenaire .tag { background-color:#37adf7}
.ticket-v2 .from-partenaire .tag:after { border-left-color:#37adf7}

.ticket-v2 .to-otcp .block { border-left-color:#e44b6b; }
.ticket-v2 .to-otcp h2.title:before { border-color:#e44b6b; }

.ticket-v2 .to-client .block {    border-left-color:#1ABB9C; }
.ticket-v2 .to-client h2.title:before { border-color:#1ABB9C; }

.ticket-v2 .to-partenaire .block {    border-left-color:#37adf7; }
.ticket-v2 .to-partenaire h2.title:before { border-color:#37adf7; }


.ticket-v2 .from-otcp.to-client .block {    border-left-color:#253549; }
.ticket-v2 .from-otcp.to-client h2.title:before { border-color:#253549; }

.ticket-v2 .from-client.to-otcp .block {    border-left-color:#1ABB9C; }
.ticket-v2 .from-client.to-otcp h2.title:before { border-color:#1ABB9C; }


.ticket-v2 .from-otcp.to-otcp .block {    border-left-color:#ccc; }
.ticket-v2 .from-otcp.to-otcp h2.title:before { border-color:#ccc; }

.ticket-v2 .from-otcp.to-partenaire .block {    border-left-color:#253549; }
.ticket-v2 .from-otcp.to-partenaire h2.title:before { border-color:#253549; }

.ticket-v2 .from-partenaire.to-otcp .block {    border-left-color:#37adf7; }
.ticket-v2 .from-partenaire.to-otcp h2.title:before { border-color:#37adf7; }

.ticket-v2 .messages .commentaire { color:#777; background-color:#efefef}
.ticket-v2 .messages .info { color:#777; background-color:#efefef}

.ticket-v2 .byline {overflow: hidden; text-overflow: ellipsis;}
.ticket-b2b .form-horizontal .control-label {text-align: left;}

/*





.ticket-v2 .messages .commentaire { color:#999; background-color:#ededed}
.ticket-v2 .messages .partenaire { background-color:#f2fbff }

.ticket-v2 .timeline  h2.title:before { border-color:#e44b6b}
.ticket-v2 .timeline .commentaire h2.title:before { border-color:#ccc}
.ticket-v2 .timeline .partenaire h2.title:before { border-color:#37adf7}


.ticket-v2 .timeline .commentaire + .commentaire { border-top: 2px dotted #FFF;}
.ticket-v2 .timeline .partenaire + .partenaire { border-top: 2px dotted #FFF;}



*/


.inner-dotdotdot {
  overflow: hidden;
}
.inner-dotdotdot .dotdotdot-message {
  max-height: 60px;
}

/* toggle full story */
.inner-dotdotdot .full-story {
  max-height: initial;
}
.inner-dotdotdot .toggle:before {
  content: 'Lire la suite';
}
.inner-dotdotdot .full-story .toggle:before {
  content: 'Masquer la suite';
}
.inner-dotdotdot a.toggle {width:auto; padding-top:5px}


.main_menu .fa { font-size: 14px; width:22px }

.nav h3 {color:#e44b6b; font-size:15px; padding-top:15px}

.nav>li>a, .nav>li>span {
    padding: 10px 15px 9px; display:block
}
.nav.side-menu>li>a,.nav.side-menu>li>span {margin-bottom:1px}

.nav.child_menu>li>span, .nav.side-menu>li>span {
    color: #E7E7E7;
    font-weight: 500;
}
.niv3 { padding: 0px 0px 0px 23px; }
.niv3 ul { margin:0}
.niv3 i.fa { /*display:none*/}
.niv3 li a { padding:7px 15px 7px 17px}
.niv3 li a:before {}
.niv3 .side-menu { border-left:#FFF solid 1px}

.niv3 li.active, .niv3 li.current-page {
    border-right: 0px solid #1ABB9C !important;
}

.category {color:#e44b6b !important}

.menu_section a { color:#FFF}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   ticket-b2b                                   <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.ticket-v2.ticket-b2b h3 {margin: 0 0 10px;}
.ticket-v2.ticket-b2b .x_content {padding-top: 20px; padding-bottom: 20px;}
.ticket-v2.ticket-b2b .form-group:last-child {margin-bottom: 0;}
.ticket-v2.ticket-b2b .form-group.row-sm-5 {margin-left: -5px; margin-right: -5px;}
.ticket-v2.ticket-b2b .control-label {padding-bottom: 5px;}
.ticket-v2.ticket-b2b .control-label.text-left {text-align: left;}
.ticket-v2.ticket-b2b .select2-container--bootstrap .select2-selection {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}
.ticket-v2.ticket-b2b label.error {display: none;}

.ticket-v2.ticket-b2b .x_content > div:not(.toggle-content) .btn {display: inline-block; position: relative; margin: 0; padding: 6px 15px; border: 0; font: 15px/16px "Roboto Condensed", Arial, sans-serif; text-transform: uppercase; text-decoration: none; color: #fff; background: #00ace5;}
.ticket-v2.ticket-b2b .x_content > div:not(.toggle-content) .btn {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  -webkit-transition: background 250ms ease-in-out;
     -moz-transition: background 250ms ease-in-out;
          transition: background 250ms ease-in-out;
}
.ticket-v2.ticket-b2b .x_content > div:not(.toggle-content) .btn:hover,
.ticket-v2.ticket-b2b .x_content > div:not(.toggle-content) .btn:focus {background: #097fa7;}
.ticket-v2.ticket-b2b div[id^='msgBox'] a:before {margin-right: 7px; content: "\f1c1"; font: normal normal normal 14px/1 FontAwesome;}

.ticket-v2.ticket-b2b .btn#btCloturerTicket {padding: 4px 13px; border: 2px solid #c00; background: #c00;}
.ticket-v2.ticket-b2b .btn#btCloturerTicket:hover,
.ticket-v2.ticket-b2b .btn#btCloturerTicket:focus {color: #000; background: #fff;}
.ticket-v2.ticket-b2b .btn#btCloturerTicket + .dropdown-toggle {margin-left: -2px; padding: 4px 13px; border: 2px solid #c00; background: #c00;}
.ticket-v2.ticket-b2b .btn#btCloturerTicket + .dropdown-toggle:hover,
.ticket-v2.ticket-b2b .btn#btCloturerTicket + .dropdown-toggle:focus {color: #000; background: #fff;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   preparateur                                  <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.preparateur {margin: 30px 0; padding-left: 20px; border-left: 2px solid #17375e;}
.preparateur .preparateur-title {position: relative; margin: 0 0 0 -20px; padding: 10px 20px; border: 0; font-size: 24px; text-transform: uppercase; color: #fff; background: #17375e;}
.preparateur .preparateur-title {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}
.preparateur .preparateur-title[data-toggle]:after {position: absolute; right: 25px; top: 50%; margin-top: -5px; border: solid transparent; border-width: 15px 15px 0; border-top-color: #fff; content: "";}
.preparateur .preparateur-title[data-toggle].collapsed:after {margin-top: -10px; border-top: 0px solid transparent; border-bottom: 15px solid #fff; content: "";}
.preparateur .preparateur-title .bigNumber {top: auto; margin: 0; font-size: 50px; line-height: 50px; font-weight: bold;}
.preparateur .table-responsive {margin-top: 20px;}
.preparateur .table-responsive .table-responsive {margin-top: 0;}

.preparateur.preparateurProb {border-left-color: #e86053;}
.preparateur.preparateurProb .preparateur-title {background: #e86053;}

.preparateur tr.group {color: #fff !important; background: #556577 !important;}
.preparateur tr.group td {padding: 10px 15px; border-left-color: #556577 !important; border-right-color: #556577 !important;}
.preparateur tr.group h2 {margin: 0; font-size: 24px;}

.preparateur tr.group {background: #edeff5 !important;}
.preparateur tr.group td {position: relative; z-index: 1; padding: 25px 0 30px; border: 0; font-size: 24px; line-height: 28px; color: #000;}
.preparateur tr.group td:before {position: absolute; z-index: -1; left: -1px; top: 0; right: -1px; bottom: 0; border-left: 1px solid #edeff5 !important; border-right: 1px solid #edeff5 !important; content: "";}
.preparateur tr.group td:after {display: block; height: 2px; content: ""; background: currentColor;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   ticket v3                                    <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.titre-client {margin: -10px 0 20px;}
.titre-client a {color: inherit;}
.titre-client a:hover,
.titre-client a:focus {text-decoration: underline;}
.ticket-v3 .col-ticket-left > h2,
.ticket-v3 .col-ticket-right > h2 {font-size: 24px; color: #37adf7;}
.ticket-v3 h2 {margin: 0 0 20px;}
.ticket-v3 h2 a {color: inherit;}
.ticket-v3 h2 a:hover,
.ticket-v3 h2 a:focus {text-decoration: underline;}
.ticket-v3 h3 {margin-bottom: 10px;}
.ticket-v3 h3 a {color: inherit;}
.ticket-v3 h3 a:hover,
.ticket-v3 h3 a:focus {text-decoration: underline;}
.ticket-v3 h3:last-child {margin-bottom: 0;}
.ticket-v3 h3 + .x_content {border-top: 0;}
.ticket-v3 label.error {display: none;}

.ticket-v3 .x_content ~ ul.messages {/*padding-top: 17px;*/ padding-bottom: 17px; /*border-top: 1px solid #ddd;*/}
.ticket-v3 ul.messages {padding-bottom: 0;}
.ticket-v3 ul.messages > li:first-child {padding-top: 0;}
.ticket-v3 .x_content ul.messages:first-child {margin-top: -8px;}
.ticket-v3 .x_panel {min-height: 59px;}
.ticket-v3 .x_panel hr {margin: 20px 0; border-top-color: #ddd;}
.ticket-v3 .x_panel hr + h3 {margin-top: -5px;}
.ticket-v3 .x_panel hr + .x_content {padding-top: 0;}
.ticket-v3 .x_panel > .x_title.hide:first-child + .x_content,
.ticket-v3 .x_panel > .x_content:first-child {margin-top: -10px;}
.ticket-v3 .x_content {margin-top: 0; padding: 20px 0; border-top: 0;}
.ticket-v3 .x_content > h3:first-child {margin-top: 0;}
.ticket-v3 .x_title + .x_content {border-top: 1px solid #ddd;}
.ticket-v3 .x_title.hide + .x_content {border-top: 0;}
.ticket-v3 .x_title {min-height: 37px;}
.ticket-v3 .x_title:after {display: table; clear: both; content: "";}
.ticket-v3 .x_title h2 {margin: 6px 0;}
.ticket-v3 .tab-container {margin: 40px 0 10px; border-color: #e6e9ed;}
.ticket-v3 .tab-container .nav-tabs {margin-bottom: 0;}
.ticket-v3 .nav-tabs > li.active > a,
.ticket-v3 .nav-tabs > li.active > a:focus,
.ticket-v3 .nav-tabs > li.active > a:hover {border-color: #e6e9ed;}
.ticket-v3 .tab-container .x_content {padding-top: 10px;}
.ticket-v3 .form-group .row + .row {margin-top: 10px;}
.ticket-v3 .form-group .btn {margin: 0; padding: 6px 15px;}
.ticket-v3 .compose-message-editor {margin: 20px 0;}
.ticket-v3 .compose-message-editor .panel {margin: 0;}
.ticket-v3 .toggle-content h3 {margin-bottom: 20px;}
.ticket-v3 .toggle-content #dropZone {margin: 0;}
.ticket-v3 .toggle-content .inner {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd;}
.ticket-v3 .toggle-content .form-actions {margin-top: 20px; text-align: right;}


.ticket-v3 .btn#btCloturerTicket {padding: 4px 13px; border: 2px solid #c00; background: #c00;}
.ticket-v3 .btn#btCloturerTicket:hover,
.ticket-v3 .btn#btCloturerTicket:focus {color: #000; background: #fff;}
.ticket-v3 .btn#btCloturerTicket + .dropdown-toggle {margin-left: -2px; padding: 4px 13px; border: 2px solid #c00; background: #c00;}
.ticket-v3 .btn#btCloturerTicket + .dropdown-toggle:hover,
.ticket-v3 .btn#btCloturerTicket + .dropdown-toggle:focus {color: #000; background: #fff;}
.ticket-v3 .btn#btCloturerTicket,
.ticket-v3.ticket-b2b .btn#btCloturerTicket {padding: 10px 15px; height: 48px; font-size: 17px;}
.ticket-v3 .btn#btCloturerTicket + .dropdown-toggle,
.ticket-v3.ticket-b2b .btn#btCloturerTicket + .dropdown-toggle {padding: 10px; height: 48px;}

.ticket-v3 h3 + #wrappertypeTicket {padding-top: 0; border-top: 0;}
.ticket-v3 #wrappertypeTicket {margin-bottom: 0; margin-top: 10px; padding-top: 17px; border-top: 1px solid #ddd;}
.ticket-v3 #wrappertypeTicket .control-label {margin-bottom: 10px;}
.ticket-v3 .innerAction.innerAction-messages {top: auto; margin-top: -2px; margin-bottom: 5px;}
.ticket-v3 .innerAction.innerAction-messages .btn {width: 37px; height: 37px;}
.ticket-v3.ticket-b2b .form-group:last-child {margin-bottom: 10px;}


#id519 .page-title {background: #f4c142; color: #fff; padding-left: 20px; padding-right: 20px; margin-left: -20px; margin-right: -20px; width: auto;}
#id519 .page-title h1 {color: inherit;}
#id519 .titre-client {background: #f4c142; color: #fff; padding-left: 20px; padding-right: 20px; margin-left: -20px; margin-right: -20px; padding-bottom: 10px;}

#id278 .page-title {background: #62c89c; color: #fff; padding-left: 20px; padding-right: 20px; margin-left: -20px; margin-right: -20px; width: auto;}
#id278 .page-title h1 {color: inherit;}
#id278 .titre-client {background: #62c89c; color: #fff; padding-left: 20px; padding-right: 20px; margin-left: -20px; margin-right: -20px; padding-bottom: 10px;}

#id636 .page-title {background: #37adf7; color: #fff; padding-left: 20px; padding-right: 20px; margin-left: -20px; margin-right: -20px; width: auto;}
#id636 .page-title h1 {color: inherit;}
#id636 .titre-client {background: #37adf7; color: #fff; padding-left: 20px; padding-right: 20px; margin-left: -20px; margin-right: -20px; padding-bottom: 10px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   media queries                                <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
  
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
  
}