/* iCheck plugin Minimal skin, black
----------------------------------- */
.icheckbox_minimal,
.iradio_minimal {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 18px;
  height: 18px;
  background: url(../bundles/wfsonataadmin/images/admin/minimal.png) no-repeat;
  border: none;
  cursor: pointer;
}
.icheckbox_minimal {
  background-position: 0 0;
}
.icheckbox_minimal.hover {
  background-position: -20px 0;
}
.icheckbox_minimal.checked {
  background-position: -40px 0;
}
.icheckbox_minimal.disabled {
  background-position: -60px 0;
  cursor: default;
}
.icheckbox_minimal.checked.disabled {
  background-position: -80px 0;
}
.iradio_minimal {
  background-position: -100px 0;
}
.iradio_minimal.hover {
  background-position: -120px 0;
}
.iradio_minimal.checked {
  background-position: -140px 0;
}
.iradio_minimal.disabled {
  background-position: -160px 0;
  cursor: default;
}
.iradio_minimal.checked.disabled {
  background-position: -180px 0;
}
/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .icheckbox_minimal,
  .iradio_minimal {
    background-image: url(../bundles/wfsonataadmin/images/admin/minimal@2x.png);
    -webkit-background-size: 200px 20px;
    background-size: 200px 20px;
  }
}
.block_dashboard_income-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.block_dashboard_income-item {
  font-size: 1.7em;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  justify-content: space-evenly;
  -webkit-justify-content: space-evenly;
}
.block_dashboard_income__number {
  padding: 5px;
  border-radius: 3px;
}
.bold {
  font-weight: bold;
}
.inline {
  display: inline;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.t-left {
  text-align: left;
}
.t-center {
  text-align: center;
}
.t-right {
  text-align: right;
}
.m-top-5 {
  margin-top: 1px;
}
.m-top-5 {
  margin-top: 5px;
}
.m-top-10 {
  margin-top: 10px;
}
.m-top-20 {
  margin-top: 20px;
}
.m-top-30 {
  margin-top: 30px;
}
.m-left-5 {
  margin-left: 5px;
}
.m-left-10 {
  margin-left: 10px;
}
.m-left-15 {
  margin-left: 15px;
}
.m-left-20 {
  margin-left: 20px;
}
.m-left-25 {
  margin-left: 25px;
}
.m-right-5 {
  margin-right: 5px;
}
.m-right-10 {
  margin-right: 10px;
}
.m-right-20 {
  margin-right: 20px;
}
.m-right-30 {
  margin-right: 30px;
}
.m-right-40 {
  margin-right: 40px;
}
.m-right-50 {
  margin-right: 50px;
}
.m-right-60 {
  margin-right: 60px;
}
.m-bottom-0 {
  margin-bottom: 0;
}
.m-bottom-5 {
  margin-bottom: 5px;
}
.m-bottom-10 {
  margin-bottom: 10px;
}
.m-bottom-20 {
  margin-bottom: 20px;
}
.m-bottom-25 {
  margin-bottom: 25px;
}
.p-top-5 {
  padding-top: 5px;
}
.p-top-7 {
  padding-top: 7px;
}
.p-top-10 {
  padding-top: 10px;
}
.p-top-20 {
  padding-top: 20px;
}
.p-top-30 {
  padding-top: 30px;
}
.p-left-5 {
  padding-left: 5px;
}
.p-left-7 {
  padding-left: 7px;
}
.p-left-10 {
  padding-left: 10px;
}
.p-left-15 {
  padding-left: 15px;
}
.p-left-20 {
  padding-left: 20px;
}
.p-left-25 {
  padding-left: 25px;
}
.p-right-5 {
  padding-right: 5px;
}
.p-right-10 {
  padding-right: 10px;
}
.p-right-20 {
  padding-right: 20px;
}
.p-right-30 {
  padding-right: 30px;
}
.p-right-40 {
  padding-right: 40px;
}
.p-right-50 {
  padding-right: 50px;
}
.p-right-60 {
  padding-right: 60px;
}
.p-bottom-5 {
  padding-bottom: 5px;
}
.p-bottom-7 {
  padding-bottom: 7px;
}
.p-bottom-10 {
  padding-bottom: 10px;
}
.p-bottom-15 {
  padding-bottom: 15px;
}
.p-bottom-20 {
  padding-bottom: 20px;
}
.p-bottom-25 {
  padding-bottom: 25px;
}
.text-indent-10 {
  text-indent: 10px;
}
.text-indent-20 {
  text-indent: 20px;
}
.text-indent-30 {
  text-indent: 30px;
}
.text-indent-40 {
  text-indent: 40px;
}
.text-plain {
  color: #D8D8D8;
}
.nowrap {
  white-space: nowrap;
}
.p-10 {
  padding: 10px;
}
a {
  outline: none;
}
a:hover,
a:active,
a:focus {
  color: #3c8dbc;
}
.sonata-field-label {
  padding-top: 7px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  font-style: oblique;
}
table.sonata-ba-list td {
  overflow: inherit;
}
table.sonata-ba-list td img {
  vertical-align: middle;
}
table.sonata-ba-list td hr {
  margin: 7px 0;
}
.callout.callout-green {
  border-color: #00a65a;
}
.callout.callout-green.bg-grey {
  background: #F0F0F0;
}
.callout.callout-orange {
  border-color: #f39c12;
}
.callout.callout-orange.bg-grey {
  background: #F0F0F0;
}
.callout.callout-red {
  border-color: #dd4b39;
}
.callout.callout-red.bg-grey {
  background: #F0F0F0;
}
.callout.callout-blue {
  border-color: #3c8dbc;
}
.callout.callout-blue.bg-grey {
  background: #F0F0F0;
}
.callout.callout-grey {
  border-color: #C8C8C8;
}
.callout.callout-grey.bg-grey {
  background: #F0F0F0;
}
hr.small {
  margin: 10px 0;
}
.red {
  color: #dd4b39;
}
.red-taupe {
  color: #995061;
}
.red-important {
  color: #dd4b39 !important;
}
.green {
  color: #5d9c0a;
}
.blue {
  color: #0000ff;
}
.orange {
  color: #ffa500;
}
.black {
  color: #000000;
}
.white {
  color: #FFFFFF;
}
.grey {
  color: #eee;
}
.grey-dark {
  color: #bbb;
}
.label {
  font-size: 10.5px;
  vertical-align: middle;
}
.font-size-10 {
  font-size: 10px;
}
.font-size-12 {
  font-size: 12px;
}
.font-size-35 {
  font-size: 35px;
}
.font-size-30 {
  font-size: 30px;
}
.font-size-40 {
  font-size: 40px;
}
.bg-red {
  background-color: #dd4b39 !important;
}
.bg-red-taupe {
  background-color: #995061 !important;
}
.bg-brown {
  background-color: #997055 !important;
}
.bg-green {
  background-color: #5d9c0a !important;
}
.bg-green-medium {
  background-color: #5d9c0a !important;
}
.bg-green-light {
  background-color: #57c7a6 !important;
}
.bg-green-super-light {
  background-color: #DEF0E4 !important;
}
.bg-white {
  background-color: #FFFFFF !important;
}
.bg-grey {
  background-color: #eee !important;
}
.bg-dark-grey {
  background-color: #bbb !important;
}
.bg-orange {
  background-color: #ffa500 !important;
}
.pointer {
  cursor: pointer;
}
.f-left {
  float: left;
}
.f-right {
  float: right;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.v-align-m {
  vertical-align: middle;
}
.no-display,
.none {
  display: none;
}
.underline {
  text-decoration: underline;
}
.line-through {
  text-decoration: line-through;
}
.label {
  font-size: 10.5px;
  vertical-align: middle;
}
.table tr.success td {
  background-color: #DEF0E4;
}
.table tr.info td {
  background-color: #d9edf7;
}
.table tr.error td {
  background-color: #f2dede;
}
.table tr.sub-total td {
  background-color: #edf5f9;
}
.table ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
.bold {
  font-weight: bold;
}
th {
  text-transform: uppercase;
}
.uppercase {
  text-transform: uppercase;
}
.xxsmall {
  font-size: xx-small;
}
.xsmall {
  font-size: x-small;
}
.no-border {
  border: 0px none;
}
.no-lr-border {
  border-right: 0px none !important;
  border-left: 0px none !important;
}
.help-popover {
  margin-left: 2px;
  vertical-align: middle;
  font-size: 15px;
}
.link-append {
  cursor: pointer;
}
body {
  margin-bottom: 0px;
}
.skin-black .sidebar > .sidebar-menu > li > a:hover,
.skin-black .sidebar > .sidebar-menu > li.active > a {
  background: #555;
}
.skin-black .treeview-menu > li > a.red,
.skin-black .treeview-menu > li.active > a.red {
  color: #FF4343;
}
.skin-black .treeview-menu > li > a.red:hover,
.skin-black .treeview-menu > li.active > a.red:hover {
  color: #de3f3f;
}
.date > .input-group-addon {
  width: 0;
}
footer {
  position: relative;
  height: 50px;
  bottom: 0;
}
footer a {
  color: inherit;
}
.content-wrapper {
  padding-bottom: 20px;
}
.content-wrapper,
.right-side {
  background: #ecf0f5;
}
.box > .overlay,
.box > .loading-img {
  top: 0;
}
.btn {
  white-space: normal;
}
.box.box-solid.box-primary .dropdown-menu > li > a {
  color: #777;
}
.box.box-solid.box-primary .dropdown-menu > li > a.red {
  color: #dd4b39;
}
.box.box-solid.box-default > .box-header-light {
  background-color: #EEE;
}
.skin-black .sidebar > .sidebar-menu > li > a:hover,
.skin-black .sidebar > .sidebar-menu > li.active > a {
  border-color: #C8C8C8;
}
.nav > li > a {
  padding: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header i {
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-radius: 10%;
  color: rgba(255, 255, 255, 0.8);
  font-size: 60px;
  padding: 10px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  background: #fff;
}
.nav-tabs > li > a {
  color: #555;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #fff;
}
.alert-grey {
  background: #d2d6de;
}
.content-header > .breadcrumb,
.sonata-bc .breadcrumb {
  position: relative;
  float: none;
  right: 0;
  top: 0;
  font-size: 12px;
}
.navbar-top-links li a,
.navbar-top-links li span {
  padding: 15px;
  min-height: 50px;
}
.table-responsive .breadcrumb {
  margin: 0px;
}
.box .box-body .table {
  margin-bottom: 10px;
}
.box .box-body.scrollable {
  overflow-x: scroll;
}
.navbar-default {
  background: white;
}
.navbar.navbar-default.sticky {
  position: fixed !important;
  top: 50px;
  z-index: 1000;
  -webkit-animation: headerPinnedSlideDown 500ms;
  /* Safari 4+ */
  -moz-animation: headerPinnedSlideDown 500ms;
  /* Fx 5+ */
  -o-animation: headerPinnedSlideDown 500ms;
  /* Opera 12+ */
  animation: headerPinnedSlideDown 500ms;
  /* IE 10+ */
}
@-webkit-keyframes headerPinnedSlideDown {
  0% {
    top: -20px;
  }
  100% {
    top: 50px;
  }
}
@-moz-keyframes headerPinnedSlideDown {
  0% {
    top: -20px;
  }
  100% {
    top: 50px;
  }
}
@-o-keyframes headerPinnedSlideDown {
  0% {
    top: -20px;
  }
  100% {
    top: 50px;
  }
}
@keyframes headerPinnedSlideDown {
  0% {
    top: -20px;
  }
  100% {
    top: 50px;
  }
}
div.connection div input.big {
  height: auto;
  padding: 5px;
}
div.connection form .form-actions {
  margin-bottom: 20px;
}
h1 {
  margin: 0;
}
.table-bordered {
  border: 1px solid #CDCDCD;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #CDCDCD;
}
.sonata-bc a.white {
  color: #eee;
}
.sonata-bc .list-links a {
  color: #000;
  display: block;
}
.sonata-bc h3.box-title .label {
  font-size: 10.5px;
}
.sonata-bc td .product-span-price {
  display: inline;
}
.sonata-bc #set-online {
  font-size: 12px;
}
.sonata-bc .dropdown-menu {
  top: 95%;
  margin: 0;
}
.sonata-bc legend {
  color: #990000;
  border-bottom: 1px solid #990000;
}
.sonata-bc .sortable-veil {
  opacity: 0.5;
  background: #C8C8C8;
  z-index: 10;
  position: absolute;
  width: 100%;
  height: 100%;
}
.sonata-bc #change-locale ul {
  min-width: 160px;
}
.sonata-bc .stores a.active img,
.sonata-bc .cultures a.active img {
  border: 2px solid black;
}
.sonata-bc .catalog-infos-top a.active img {
  border: 2px solid black;
}
.sonata-bc #wf-filters input,
.sonata-bc #wf-filters textarea {
  width: auto;
}
.sonata-bc h4.filter_legend.active {
  color: #FFF;
}
.sonata-bc .sortable-body .separator td {
  background: repeating-linear-gradient(45deg, white, white 10px, #f0f0f0 10px, #f0f0f0 20px);
}
.sonata-bc .form-horizontal .help-block {
  color: #999;
  margin-top: 5px;
  margin-bottom: 7px;
}
.sonata-bc .nav-tabs > li > span {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
  min-height: 38px;
}
.sonata-bc .nav {
  margin-bottom: 0px;
}
.sonata-bc .nav.nav-tabs {
  margin-bottom: 0;
}
.sonata-bc table th.t-center,
.sonata-bc table td.t-center {
  text-align: center;
}
.sonata-bc table th.t-right,
.sonata-bc table td.t-right {
  text-align: right;
}
.sonata-bc table .non-active td {
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-color: #C8C8C8;
}
.sonata-bc button.close {
  width: 15px;
}
.sonata-bc #preview-selection-product {
  border: 1px solid #E5E5E5;
  max-height: 400px;
  overflow: scroll;
  padding: 10px;
  margin: 10px 0px;
}
.sonata-bc .list-all-product li,
.sonata-bc .products-list li {
  float: left;
  list-style: none;
}
.sonata-bc #products-ordered .product-box {
  border: 1px solid #E5E5E5;
  float: left;
  cursor: pointer;
  background: #FFFFFF;
  overflow: hidden;
}
.sonata-bc #products-ordered .product-box.alert-error {
  background: #F2DEDE;
  border: 1px solid #EED3D7;
}
.sonata-bc #products-ordered .product-item {
  cursor: pointer;
  margin-bottom: 5px;
  padding: 7px;
  position: relative;
  width: 100%;
}
.sonata-bc #products-ordered .product-item #box-preview {
  position: absolute;
  top: -1px;
  border: 1px solid #C1C1C1;
  left: -244px;
}
.sonata-bc #products-ordered .product-item .remove {
  z-index: 2;
  position: absolute;
  top: 10px;
  right: 10px;
  color: grey;
  font-size: 20px;
}
.sonata-bc #products-ordered .product-item .remove:hover {
  color: red;
  cursor: pointer;
}
.sonata-bc #products-ordered .product-item .availability {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 20px;
}
.sonata-bc #master-page-container #items-list {
  list-style: none outside none;
}
.sonata-bc #master-page-container .item {
  padding: 5px;
  height: 275px;
  margin: 5px;
  cursor: pointer;
  margin-bottom: 20px;
  border: 1px solid #000;
}
.sonata-bc #master-page-container .item-error {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  height: 275px;
  border: 1px solid #000;
  margin: 5px;
}
.sonata-bc #master-page-container .title {
  padding: 5px;
  overflow: hidden;
  display: inline-block;
  text-align: center;
  font-weight: bold;
}
.sonata-bc #master-page-container .title-type {
  background: #F0F0F0;
}
.sonata-bc #master-page-container .alert {
  margin: 5px;
}
.sonata-bc #master-page-container .alert a {
  color: #000;
}
.sonata-bc #master-page-container .alert-error a {
  color: #fff;
}
.sonata-bc #master-page-container a {
  text-decoration: none;
}
.sonata-bc #master-page-container .col-xs-6 {
  padding: 5px;
}
.sonata-bc #master-page-container img {
  max-height: 150px;
}
.sonata-bc #form-attribute-from-product {
  margin-top: 20px;
}
.sonata-bc .assets-image-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.sonata-bc .asset-box {
  height: 245px;
  margin-top: 5px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.sonata-bc .asset-box .move-anchor {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 20;
}
.sonata-bc .asset-box .asset-legend {
  font-size: 10px;
  line-height: 1.2;
}
.sonata-bc .asset-box.small {
  height: 150px;
}
.sonata-bc .asset-box .asset-delete {
  margin-top: auto;
}
.sonata-bc fieldset.well legend {
  border: 0;
  margin: 0;
}
.sonata-bc .well-white {
  background-color: transparent;
}
span.withIncident td {
  background: #FFFFBF;
}
span.withIncident1,
tr.withIncident1 > td {
  background: #D8E4BC;
}
span.withIncident2,
tr.withIncident2 > td {
  background: #B8CCE4;
}
span.withIncident3,
tr.withIncident3 > td {
  background: #E6B8B7;
}
span.withIncident4,
tr.withIncident4 > td {
  background: #CCC0DA;
}
span.withIncident5,
.withIncident5,
tr.withIncident5 > td {
  background: #D9D9D9;
}
#sf_admin_menu,
#sf_admin_theme_header,
#sf_admin_bar,
#sfWebDebug,
#country {
  display: none;
}
.evol-neg {
  color: red;
}
.evol-pos {
  color: green;
}
.lastCol {
  border-right: 2px solid #000;
}
.dataTables_wrapper {
  margin-bottom: 50px;
}
.line_detail {
  display: none;
}
.cultures a.active img {
  border: 2px solid black;
}
#order-product-modify td {
  vertical-align: middle;
  text-align: center;
}
#order-product-modify td.t-right {
  text-align: right;
}
#order-product-modify input {
  text-align: center;
}
.repurchase_container_line label {
  float: left;
  width: 200px;
}
.container-infos {
  display: none;
}
.sonata-bc input[type="file"] {
  background-color: transparent;
  border: medium none;
  display: block;
  height: 30px;
  padding-bottom: 30px;
}
#Product_title_or_ean_autocomplete,
#Product_quantity {
  margin-bottom: 0;
}
.form-horizontal-text {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
.form-horizontal-text .field-group {
  margin-bottom: 10px;
  padding-top: 5px;
}
.form-horizontal-text .field-group .field-label {
  float: left;
  text-align: right;
  width: 140px;
  display: block;
  margin-bottom: 5px;
}
.form-horizontal-text .field-group .field-text {
  margin-left: 160px;
}
.form-horizontal-text .field-group:after {
  clear: both;
}
.bo-droppable-active {
  background-color: #fff9df;
}
.bo-droppable-hover {
  background-color: #fffcb6;
}
.navbar-brand img {
  height: auto;
}
.unstyled {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
.sonata-ba-list ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
.box.box-success {
  border-top-color: #990000;
}
.bs-callout {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #eee;
  border-image: none;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px 1px 1px 5px;
  margin: 20px 0;
  padding: 20px;
}
.bs-callout h4 {
  margin-bottom: 5px;
  margin-top: 0;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  border-radius: 3px;
}
.bs-callout + .bs-callout {
  margin-top: -5px;
}
.bs-callout-danger {
  border-left-color: #d9534f;
}
.bs-callout-danger h4 {
  color: #d9534f;
}
.bs-callout-warning {
  border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
  color: #f0ad4e;
}
.bs-callout-info {
  border-left-color: #5bc0de;
}
.bs-callout-info h4 {
  color: #5bc0de;
}
.ui-draggable-dragging {
  z-index: 1000;
}
.ui-draggable-dragging {
  background-color: #FFFFFF !important;
}
.draggable > td:first-child > span.fa-arrows-v {
  padding: 5px 28px;
  cursor: all-scroll;
}
.well .pull-left {
  margin: 0 2px;
}
.btn-separator:after {
  content: ' ';
  display: block;
  float: left;
  background: #ADADAD;
  margin: 0 4px;
  height: 28px;
  width: 1px;
}
.sonata-ba-action.btn {
  white-space: nowrap;
}
.dropzone {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  left: 0;
  top: 0;
  z-index: 2;
  display: none;
  text-align: center;
}
.glyphicon-refresh-animate {
  -animation: spin .7s infinite linear;
  -webkit-animation: spin2 .7s infinite linear;
  display: none;
}
@-webkit-keyframes spin2 {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: scale(1) rotate(0deg);
  }
  to {
    transform: scale(1) rotate(360deg);
  }
}
.chart {
  display: inline-block;
  width: 52px;
  height: 52px;
  margin: 0px 10px 0 0;
  float: left;
  position: relative;
}
.chart span {
  line-height: 52px;
  height: 52px;
  width: 52px;
  position: absolute;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
}
.sidebar .sidebar-menu .treeview-menu > li.divider {
  border-bottom: 1px solid #CCC;
}
.form-horizontal .form-group {
  margin-left: 0px;
}
.form-group {
  margin-bottom: 10px;
}
.fa-flag.error {
  color: #f56954;
}
.fa-flag.success {
  color: #00a65a;
}
.fa-flag.warning {
  color: #f39c12;
}
.fa-flag.recommended {
  color: #00c0ef;
}
.fa-flag.default {
  color: #727272;
}
ul.token-input-list {
  float: left;
  max-width: 100%;
  border: 1px solid #ccc !important;
  width: 100% !important;
  max-height: 34px;
}
ul.token-input-list .token-input-token p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 95%;
}
ul.token-input-list > li.token-input-input-token {
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
}
ul.token-input-list > li > input:focus {
  border-color: #3c8dbc !important;
  box-shadow: none;
}
ul.token-input-list li input {
  width: 100% !important;
  padding: 0 !important;
}
#orders-donut-status,
#containers-donut-status {
  height: 250px;
}
.sortable-icon {
  cursor: hand;
}
.tab-content {
  padding-top: 15px;
}
/************/
/*CONNECTION*/
/************/
#connection {
  margin: 0;
  top: 23%;
  left: 50%;
  max-width: 83%;
  -moz-transform: translate(-53%);
  -webkit-transform: translate(-53%);
  -o-transform: translate(-53%);
  transform: translate(-53%);
}
#connection input.sonata-medium {
  width: 100%;
}
@media (min-width: 48em) {
  #connection {
    -moz-transform: translate(-25%);
    -webkit-transform: translate(-25%);
    -o-transform: translate(-25%);
    transform: translate(-25%);
  }
}
/************/
/*Block adresse*/
/************/
address {
  margin-bottom: 10px;
}
.address {
  display: block;
  margin-top: 10px;
}
.address .address-line {
  display: block;
  line-height: 1em;
}
/**********************/
/*  Sonata Tree view  */
/**********************/
.sonata-tree {
  list-style: none;
  padding-left: 0;
  margin-left: 15px;
  margin-right: 15px;
  padding-bottom: 10px;
}
.sonata-tree ul {
  list-style: none;
}
.sonata-tree ul:first-child {
  padding-left: 30px;
}
.sonata-tree__item {
  display: block;
  padding: 7px 15px 7px 7px;
  height: 45px;
  border: 1px solid #ddd;
  border-radius: 2px;
  position: relative;
  margin-bottom: 5px;
  margin-right: 10px;
  color: #444;
  background: #fff;
  line-height: 26px;
}
.sonata-tree__item .label {
  font-size: 12px;
  margin-top: 2px;
  border-radius: 2px;
}
.sonata-tree__item .label-warning {
  margin-right: 5px;
}
.toto {
  font-size: 12px;
  line-height: 16px;
  border-right: none 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.sonata-tree__item .fa-caret-right,
.sonata-tree__item > .fa-arrows-v {
  position: absolute;
  top: 0px;
  left: -30px;
  padding: 15px;
  color: #3c8dbc;
}
.sonata-tree__item:hover {
  background: #eee;
  color: #000;
}
.sonata-tree__item__is-hybrid {
  margin-right: 5px;
}
.sonata-tree__item.is-active {
  border: 1px solid #3c8dbc;
}
.sonata-tree__item.is-active:after,
.sonata-tree__item.is-active:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.sonata-tree__item.is-active:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #fff;
  border-width: 8px;
  margin-top: -8px;
}
.sonata-tree__item.is-active:before {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #3c8dbc;
  border-width: 9px;
  margin-top: -9px;
}
.sonata-tree__item.is-active:hover:after {
  border-left-color: #eee;
}
.sonata-tree__item.is-toggled .fa-caret-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sonata-tree__item.text-muted {
  margin-left: 10px;
}
.sonata-tree__item.separator {
  background: repeating-linear-gradient(45deg, white, white 10px, #f0f0f0 10px, #f0f0f0 20px);
}
.sonata-tree__item__edit {
  font-weight: bold;
}
.sonata-tree__item__edit:hover {
  text-decoration: underline;
}
.sonata-tree--toggleable li > ul {
  display: none;
}
.sonata-tree--toggleable .sonata-tree__item {
  margin-left: 0;
}
.sonata-tree--toggleable .sonata-tree__item .fa-caret-right {
  cursor: pointer;
}
.sonata-tree--toggleable .sonata-tree__item:last-child .fa-caret-right {
  display: none;
}
.sonata-tree--toggleable .sonata-tree__item .fa-caret-right:after {
  content: '';
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: -10px;
  right: -10px;
}
.sonata-tree--small {
  margin-left: 0;
}
.sonata-tree--small .sonata-tree__item__edit {
  font-size: 12px;
}
.sonata-tree--small .sonata-tree__item {
  padding: 3px 15px 4px 5px;
}
.sonata-tree--small .sonata-tree__item .fa-caret-right {
  top: 7px;
}
.clickable {
  cursor: pointer;
}
.filters .alert:last-child {
  margin-bottom: 0;
}
.filters .filter-container {
  border: 1px solid #C8C8C8;
  padding: 10px;
  margin-bottom: 20px;
}
.filters .filter-container .title {
  width: auto;
  position: absolute;
  background: whitesmoke;
  border: 1px solid grey;
  margin-top: -25px;
  padding: 0 10px;
}
.filters .filter-container .label.label-title {
  color: gray;
  font-size: 100%;
}
.filters .filter-container .tag.label.label-primary {
  padding: 5px;
  margin-right: 10px;
  font-size: 12px;
  line-height: 32px;
  font-weight: bold;
}
.filters .filter-container .tag.label.label-primary .close {
  float: none;
  vertical-align: middle;
  top: 0;
  opacity: 1;
  text-shadow: none;
  font-size: 15px;
  color: #fff;
}
.filters .filter-container .tag.label.label-primary a {
  text-decoration: underline;
  color: white;
}
.width-200 {
  max-width: 200px;
  width: 200px;
  min-width: 200px;
}
.icheckbox_minimal {
  margin-top: 7px;
}
.bg-season-P {
  background-color: #5d9c0a !important;
}
.bg-season-AW {
  background-color: #997055 !important;
}
.bg-season-SS {
  background-color: #57c7a6 !important;
}
.bg-season-XM {
  background-color: #dd4b39 !important;
}
tr.header th {
  color: #FFFFFF;
  background-color: #FFFFFF !important;
  border: 0px none;
}
tr.header th.P {
  background-color: #5d9c0a !important;
}
tr.header th.AW {
  background-color: #997055 !important;
}
tr.header th.SS {
  background-color: #57c7a6 !important;
}
tr.header th.XM {
  background-color: #dd4b39 !important;
}
tr.parent {
  cursor: pointer;
}
td.highlight {
  border-left: 1px dotted green;
  border-right: 1px dotted green;
  font-weight: bold;
  color: #5d9c0a;
  background-color: #DEF0E4 !important;
}
.skin-black .sidebar-form input[type="text"] {
  color: #FFFFFF;
}
.block-box {
  position: relative;
}
.block-box .config {
  position: absolute;
  top: 5px;
  right: 10px;
}
.block-box .config .fa {
  color: #bbb;
}
.block-box .config .fa:hover {
  color: #dd4b39;
}
.block-box .info-box-content .info-box-text small {
  display: block;
  font-size: 12px;
  min-height: 14px;
}
.block-box .overlay {
  z-index: 50;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.block-box .overlay .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  color: #000;
  font-size: 30px;
}
.block-box.gauge-box .config .fa {
  color: #FFFFFF;
}
.block-box.gauge-box .config .fa:hover {
  color: #eee;
}
.progress-bar.error {
  background-color: #dd4b39;
}
.progress-bar.success {
  background-color: #00a65a;
}
.progress-bar.recommended {
  background-color: #00c0ef;
}
.progress-bar.warning {
  background-color: #f39c12;
}
blockquote.medium {
  font-size: 15px;
}
blockquote.alert {
  background: #FAFAFA;
  border-left: 5px solid #d73925;
}
blockquote.alert footer,
blockquote.alert small,
blockquote.alert .small {
  color: #d73925;
}
blockquote.alert a {
  color: initial;
}
.label-list-children {
  font-size: 13px !important;
}
.box-search-result .box-body {
  max-height: 500px;
  overflow-y: auto;
}
.form-control.col-xs-6,
.form-control.col-sm-6,
.form-control.col-md-6,
.form-control.col-lg-6 {
  width: 50%;
}
.form-control.col-xs-4,
.form-control.col-sm-4,
.form-control.col-md-4,
.form-control.col-lg-4 {
  width: 33.33333333%;
}
.form-control.col-xs-3,
.form-control.col-sm-3,
.form-control.col-md-3,
.form-control.col-lg-3 {
  width: 25%;
}
.form-control.col-xs-2,
.form-control.col-sm-2,
.form-control.col-md-2,
.form-control.col-lg-2 {
  width: 16.66666667%;
}
.preview {
  width: 70%;
  margin: 0 auto;
}
.preview .display {
  background: #F0F0F0;
  border: 1px solid #7A7A7A;
  padding: 10px;
  float: left;
}
.preview .display-1 {
  height: 300px;
  width: 100%;
}
.preview .display-2 {
  height: 150px;
  width: 100%;
}
.preview .display-3 {
  height: 150px;
  width: 50%;
}
.preview .display-4 {
  height: 300px;
  width: 100%;
}
.form-group.col-xs-6:nth-child(2n+1) {
  padding-left: 0;
}
.form-group.col-xs-6:nth-child(2n) {
  padding-right: 0;
}
.token-input-list.disabled .token-input-input-token {
  background: #eee;
}
.token-input-list.disabled .token-input-input-token input {
  background-color: #eee;
}
.sonata-tree li.placeholder {
  border: 3px dashed #5d9c0a;
  margin-bottom: 5px;
}
div.token-input-dropdown {
  z-index: 100;
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
}
.timeline > li > .timeline-item {
  box-shadow: none;
}
.border-table-right {
  border-right: 1px solid #eee;
}
.border-table-left {
  border-left: 1px solid #eee;
}
.order-bottom-action a {
  margin: 0 5px 5px 0;
}
.order-title-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
}
.order-title-container .customer--link {
  display: block;
}
.order-title--store,
.order-title--labels,
.order-title--customer {
  margin-bottom: 5px;
}
.order-title--customer {
  text-align: center;
}
.order-title--labels {
  margin-left: 0;
}
.purchase-order-title-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
}
.purchase-order-title--store,
.purchase-order-title--labels,
.purchase-order-title--title {
  margin-bottom: 5px;
}
.purchase-order-title--title {
  text-align: center;
}
.purchase-order-title--labels {
  margin-left: 0;
}
.htfsdhgfsfds {
  color: red;
}
.panel-incident {
  margin: 0;
}
.container-dropzone {
  height: 200px;
}
.container-dropzone .dropzone {
  display: block;
  height: 200px;
  width: 100%;
  border: 5px dashed grey;
  background: white;
  padding: 10px 10px;
}
.container-dropzone .dropzone .dz-message .fa {
  font-size: 50px;
  display: block;
  margin-top: 20px;
}
.container-dropzone .dropzone .dz-preview > div.dz-image {
  border-radius: 0;
}
.container-dropzone .dropzone .dz-preview > div.dz-error-mark,
.container-dropzone .dropzone .dz-preview > div.dz-success-mark {
  background: #5d9c0a;
  top: 0;
  left: 0;
  margin-left: 0;
  margin-top: 0;
  width: 120px;
  height: 120px;
}
.container-dropzone .dropzone .dz-preview > div.dz-error-mark {
  background: #dd4b39;
}
.container-dropzone .dropzone .dz-preview > div svg {
  position: absolute;
  top: 27%;
  left: 27%;
}
.wf-editable {
  cursor: pointer;
}
.purchase-order-volume-estimation {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.purchase-order-volume-estimation .percentage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 50px;
  -webkit-box-flex: 1 1 50%;
  -moz-box-flex: 1 1 50%;
  -webkit-flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  position: relative;
}
.purchase-order-volume-estimation .percentage:last-child {
  margin-bottom: 25px;
}
.purchase-order-volume-estimation span.number {
  position: absolute;
  color: #A8A8A8;
}
.purchase-order-volume-estimation span.number.active {
  color: #000;
}
.purchase-order-volume-estimation span.type {
  position: absolute;
  bottom: -25px;
  color: #A8A8A8;
}
.purchase-order-volume-estimation span.type.active {
  color: #000;
}
.table-purchase-order-line > tr:nth-child(2n+1) td {
  background: #f9f9f9;
}
.table-purchase-order-line .purchase-order-line-canceled td {
  background: rgba(245, 212, 212, 0.5);
}
.table-purchase-order-line .purchase-order-line-selected td {
  background: rgba(213, 245, 212, 0.5);
}
.batch-line-select {
  vertical-align: middle;
  text-align: center;
}
.batch-line-selected td {
  background: rgba(213, 245, 212, 0.5);
}
.batch-line-canceled td {
  background: rgba(245, 212, 212, 0.5);
}
.product-add-form,
.product-add-csv-form,
.configurable-add-form {
  margin-top: 5px;
  background: #fff;
  padding: 5px;
  border: 1px solid #C8C8C8;
}
.product-add-csv-form-help {
  border-top: 1px solid #C8C8C8;
  padding-top: 10px;
  margin-top: 10px;
}
.order-product-title {
  background: #F3F3F3;
  padding: 5px;
  margin-top: 2px;
  display: inline-block;
  border: 1px solid #DEDEDE;
}
.admin-block-container {
  font-size: 1.25em;
  line-height: 50px;
}
.sub-order-product-display--none {
  display: none;
}
.sub-order-product-display.sub-active {
  background: #F9F9F9;
}
.sub-order-product-trigger-container {
  text-align: center;
  background: #F9F9F9;
}
.sub-order-product-trigger-container a {
  color: #000;
  font-weight: bold;
}
#update-order-trigger,
#update-transfer-trigger {
  display: none;
  left: calc(50% - 130px);
  z-index: 100;
  width: 260px;
  padding: 10px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.2em;
  position: fixed;
  bottom: 100px;
  border: #008d4c;
  border-radius: 5px;
}
.orderid-hidden,
.productid-hidden,
.createdat-hidden {
  display: none;
}
.navbar-custom-menu a.dropdown-toggle {
  height: 50px;
}
#s2id_add_product_configurable_product {
  width: 300px;
}
.order-product-prices-info {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  border-top: 1px solid #CDCDCD;
  margin-top: 5px;
  padding-top: 5px;
  text-align: right;
}
.edi-incident-tr.open {
  border-top: 5px solid #DBDBDB;
}
.edi-incident-detail-tr {
  background: #DBDBDB;
}
.edi-incident-detail-tr .box.box-solid.box-default > .box-header {
  background-color: #F0F0F0;
}
.incident-pictures {
  display: flex;
  flex-wrap: wrap;
}
.incident-pictures .incident-box-picture {
  display: block;
  margin: 0px 20px;
}
/**
    MEDIA QUERIES
 */
@media (min-width: 768px) {
  .purchase-order-volume-estimation .percentage {
    -webkit-box-flex: 1 1 33%;
    -moz-box-flex: 1 1 33%;
    -webkit-flex: 1 1 33%;
    -ms-flex: 1 1 33%;
    flex: 1 1 33%;
    margin-bottom: 35px;
  }
  .purchase-order-volume-estimation .percentage:last-child {
    margin-bottom: 35px;
  }
  #update-order-trigger {
    left: calc(50% - 85px);
    width: 400px;
    padding: 20px;
  }
}
@media (min-width: 992px) {
  .order-title--store,
  .order-title--labels,
  .order-title--customer {
    margin-bottom: 0;
  }
  .order-title-container {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .order-title-container .customer--link {
    display: inline-block;
  }
  .order-title--store {
    margin-right: 10px;
  }
  .order-title--labels {
    margin-left: 10px;
  }
  .purchase-order-title-container {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .purchase-order-title--store,
  .purchase-order-title--labels,
  .purchase-order-title--title {
    margin-bottom: 0;
  }
  .purchase-order-title--store {
    margin-right: 10px;
  }
  .purchase-order-title--labels {
    margin-left: auto;
  }
  .purchase-order-volume-estimation .percentage {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 35px;
  }
  .purchase-order-volume-estimation .percentage:last-child {
    margin-bottom: 35px;
  }
}
.navbar-static-top {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.skin-black .main-header > .logo {
  border-right: none;
  padding: 0;
  font-weight: 400;
  height: 53px;
  line-height: 43px;
}
.darty .main-header .navbar,
.darty .main-header > .logo {
  border-top: 3px solid #bf6c0f;
}
.darty .main-header > .logo {
  background: #bf6c0f;
  color: #fff;
}
.darty .main-header > .logo:hover {
  background: #bf6c0f;
}
.navbar-nav > li > a {
  line-height: 30px;
}
.navbar-top-links li a,
.navbar-top-links li span {
  padding: 15px 0;
}
.navbar-top-links li:first-child {
  padding-left: 10px;
}
.env {
  text-transform: uppercase;
  color: #fff;
}
.env.env--nav-bar {
  float: right;
  padding: 15px;
}
.env.login {
  text-align: center;
  padding: 25px 0;
  margin-bottom: 10px;
}
.env.login h2 {
  margin: 0;
}
.darty .env {
  background: #bf6c0f;
}
.input-error {
  border-color: #961f1f;
  color: #fff;
  font-weight: 600;
  background: #bc3c3c;
}
.form-affect-edi-to-expedition {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: end;
  align-items: end;
}
.col-bordered {
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
}
.product-top-information {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.product-top-information__image {
  border: 1px solid #C8C8C8;
  margin-right: 10px;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.font-size-em-1-2 {
  font-size: 1.2em;
}
.payment-history {
  background: #F0F0F0;
  color: #999;
}
.modal-dialog {
  width: 50%;
  overflow: hidden;
}