.box-info-wrapper .box-info {
  margin-bottom: 15px; }
.box-info .box-info-header {
  background-color: #d9f1fb;
  border: 1px solid #ccd2d2;
  border-bottom: 1px dashed #ccd2d2;
  padding: 12px 15px;
  color: #000;
  font-weight: bold; }
.box-info .box-info-inner {
  background-color: #fff;
  border: 1px solid #ccd2d2;
  border-top: 0; }
.box-info .box-info-content {
  padding: 10px 10px 15px 10px; }

.search-element-space {
  display: inline-block;
  margin-left: 10px; }


.dashboard-charts-inner {
  padding: 20px 30px 20px 0; }
  .order-dashboard-main .dashboard-charts-inner {
    padding: 0 20px 20px 0; }

.box-content-column-inner-weekend .box-content-column-header {
  background: #FFD0D0;
  margin-right: 18px; }
  .box-content-column-inner-weekend .box-content-column-header h1,
  .box-content-column-inner-weekend .box-content-column-header h3 {
    color: #474747; }
.box-content-column-inner-weekend .visit-table-inner {
  background: #EDEDED;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd; }


.merchandisingsForPointOfSale-item-wrapper {
  border-bottom: 1px dashed #ccc;
  padding-top: 10px; }

.merchandisingsForPointOfSale-item {
  position: relative; }

.merchandising-header-fields {
  padding-top: 5px; }
  .merchandising-header-fields .editor-label.flexible-label,
  .merchandising-header-fields .display-label.flexible-label,
  .merchandising-header-fields .editor-field.flexible-field,
  .merchandising-header-fields .display-field.flexible-field {
    margin-bottom: 0; }

.merchandising-item-actions {
  position: absolute;
  right: 10px;
  top: 0; }

.merchandising-image-description {
  text-align: center;
  padding: 10px 0; }

.questionDiv-wrapper {
  margin-bottom: 10px; }

.questionDiv {
  border: 1px solid #ccc;
  border-top: 0;
  background: #fff;
  position: relative;
  width: 70%;
  min-width: 500px; }
  .questionDiv .questionHeader {
    padding: 10px;
    font-weight: bold;
    background: #eee;
    border-bottom: 1px solid #ccc; }
  .questionDiv:first-child {
    border-top: 1px solid #ccc; }
  .questionDiv .question-remove {
    position: absolute;
    top: 45px;
    right: 10px; }
  .questionDiv .questionSelect {
    margin-top: 10px; }


.commissions-status-icon {
  background: transparent url("images/order_status_icons.png") center center no-repeat; }
  .commissions-status-icon.commissions-status-icon-1 {
    background-position: 0 0px; }
  .commissions-status-icon.commissions-status-icon-2 {
    background-position: 0 -19px; }
  .commissions-status-icon.commissions-status-icon-3 {
    background-position: 0 -38px; }
  .commissions-status-icon.commissions-status-icon-4 {
    background-position: 0 -57px; }
  .commissions-status-icon.commissions-status-icon-5 {
    background-position: 0 -76px; }
  .commissions-status-icon.commissions-status-icon-6 {
    background-position: 0 -95px; }
  .commissions-status-icon.commissions-status-icon-7 {
    background-position: 0 -114px; }
  .commissions-status-icon.commissions-status-icon-8 {
    background-position: 0 -133px; }
  .commissions-status-icon.commissions-status-icon-9 {
    background-position: 0 -152px; }

.order-package-item-actions {
  position: absolute;
  top: 10px;
  right: 10px; }

.common-value-span.total-value-span {
  font-size: 20px; }

.order-table-wrapper .status-icon-wrapper {
  float: right;
  line-height: 30px;
  height: 30px;
  vertical-align: middle; }

.order-table-wrapper .status-icon-wrapper > img {
  vertical-align: middle; }

.wholesaler-item {
  padding: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc; }
  .wholesaler-item > h2 {
    color: #333;
    padding-bottom: 5px; }
  .wholesaler-item > textarea {
    width: 400px; }
  .wholesaler-item > .datepicker[type='text'] {
    width: 100px; }

.package-item {
  position: relative;
  border-bottom: 1px solid #aaa; }

.package-item-header {
  padding: 20px 15px 5px 15px;
  color: #3c3c3c;
  font-size: 14px;
  font-weight: bold; }

.package-item-body {
  padding: 10px;
  position: relative; }

.order-part-summary {
  background: #d8f1fa;
  border: 1px solid #79d1ef;
  padding: 12px 15px;
  margin-top: 15px;
  color: #05608b; }
  .order-part-summary .editor-label {
    min-height: 0;
    height: 18px;
    margin-bottom: 0;
    width: auto;
    padding-right: 10px; }
    .order-part-summary .editor-label label {
      height: 18px;
      width: auto;
      vertical-align: bottom; }
  .order-part-summary .editor-field {
    min-height: 0;
    margin-bottom: 0;
    margin-left: 0; }
    .order-part-summary .editor-field span.common-value-span {
      height: auto;
      line-height: 1em;
      font-weight: bold; }

.order-icon {
  width: 26px;
  height: 26px;
  display: inline-block;
  background: transparent url("images/order_icons.png") center center no-repeat;
  vertical-align: top; }
  .order-icon.order-icon-cart {
    background-position: 0 -26px; }
  .order-icon.order-icon-doses {
    background-position: 0 0px; }
  .order-icon.order-icon-discount {
    background-position: 0 -52px; }

.order-view .box-header-inner {
  line-height: 26px; }

.order-pointofsell {
  margin-left: 95px; }

.order-wholesale-column {
  min-width: 150px; }
  .order-wholesale-column > a.remove-wholesaler {
    font-size: 1.8em;
    margin-left: 10px;
    text-decoration: none;
    vertical-align: bottom;
    color: black; }
    .order-wholesale-column > a.remove-wholesaler:hover, .order-wholesale-column > a.remove-wholesaler:active {
      color: red; }

.order-dose-column {
  min-width: 100px; }


/* Order Dashboard 
---------------------------------------------------- */
.order-dashboard-main {
  float: left;
  width: 70%; }

.order-dashboard-main-inner {
  padding-right: 20px; }

.order-dashboard-gauges {
  padding-top: 20px;
  padding-bottom: 10px; }

.order-dashboard-visits {
  float: right;
  width: 30%; }
  .order-dashboard-visits .visit-day-header {
    background: #eef4f6;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eef4f6 1%, #d4dadd 95%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eef4f6), color-stop(95%, #d4dadd));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eef4f6 1%, #d4dadd 95%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eef4f6 1%, #d4dadd 95%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eef4f6 1%, #d4dadd 95%);
    /* IE10+ */
    background: linear-gradient(to bottom, #eef4f6 1%, #d4dadd 95%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eef4f6', endColorstr='#d4dadd',GradientType=0 );
    /* IE6-9 */
    color: #333;
    padding: 12px; }
    .order-dashboard-visits .visit-day-header h1, .order-dashboard-visits .visit-day-header h3 {
      color: #333; }
    .order-dashboard-visits .visit-day-header h1 {
      line-height: 18px;
      font-size: 18px;
      font-weight: bold; }
    .order-dashboard-visits .visit-day-header h3 {
      font-size: 11px;
      font-weight: normal;
      margin-top: 5px; }
  .order-dashboard-visits .visit-day-inner {
    border-right: 1px solid #b5b5b5; }
  .order-dashboard-visits .visit-day-inner-weekend.day-saturday .visit-day-header {
    background: #fff5f5;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fff5f5 1%, #ffd0d0 95%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fff5f5), color-stop(95%, #ffd0d0));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff5f5 1%, #ffd0d0 95%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff5f5 1%, #ffd0d0 95%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff5f5 1%, #ffd0d0 95%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fff5f5 1%, #ffd0d0 95%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5', endColorstr='#ffd0d0',GradientType=0 );
    /* IE6-9 */ }
  .order-dashboard-visits .visit-day-inner-weekend.day-sunday .visit-day-header {
    background: #fff5f5;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fff5f5 1%, #ffd0d0 95%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fff5f5), color-stop(95%, #ffd0d0));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff5f5 1%, #ffd0d0 95%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff5f5 1%, #ffd0d0 95%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff5f5 1%, #ffd0d0 95%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fff5f5 1%, #ffd0d0 95%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5', endColorstr='#ffd0d0',GradientType=0 );
    /* IE6-9 */ }
  .order-dashboard-visits .mCSB_scrollTools .mCSB_draggerRail {
    border-right: 1px solid #777;
    border-left: 1px solid #777; }
  .order-dashboard-visits .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #555; }

.order-dashboard-visits-inner {
  border-left: 1px solid #b5b5b5;
  border-bottom: 1px solid #b5b5b5;
  background: #EFF3F6; }

.gauge-wrapper {
  width: 290px;
  height: 147px;
  margin-left: 30px;
  position: relative;
  background: transparent url("images/gauge_bg.png") center center no-repeat;
  overflow: hidden; }
  .gauge-wrapper .gauge-arrow {
    width: 13px;
    height: 285px;
    background: transparent url("images/gauges_arrow_icon.png") center center no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg); }

.gauge-container {
  width: 350px;
  margin: 0 auto; }
  .gauge-container .gauge-value {
    width: 100%;
    padding-top: 15px;
    font-size: 24px;
    line-height: 1em;
    padding-bottom: 15px;
    text-align: center;
    width: 350px;
    background: transparent url("images/gauge_value_bg.png") center top no-repeat; }
  .gauge-container .gauge-title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 15px; }


/* Questionnaires
------------------------------------------*/
.questionnaire-question-wrapper {
  border: 1px solid #8F9EAC;
  margin-bottom: 15px; }
  .questionnaire-question-wrapper:first-child {
    border-top: 1px solid #8F9EAC; }

.questionnaire-question-header {
  border-bottom: 1px solid #8F9EAC;
  background-color: #E8EBEE; }
  .questionnaire-question-header > h4 {
    text-align: right;
    float: right;
    background: #8F9EAC;
    padding: 5px 10px;
    color: #fff;
    margin: 0;
    min-width: 40px; }

.questionnaire-question {
  padding: 20px; }

.questionnaire-question .editor-label,
.questionnaire-question .editor-label > label {
  border-bottom: 1px solid #B0BAC4;
  width: auto;
  height: auto;
  font-weight: normal;
  display: block;
  float: none;
  text-align: left;
  font-size: 1.1em;
  padding-bottom: 5px;
  margin-bottom: 10px; }

.questionnaire-question .editor-field {
  margin: 0; }

.questionnaire-question .editor-field-answer {
  width: auto;
  float: none;
  height: auto;
  overflow: visible;
  display: inline-block; }

.editor-field.questionnaire-field-number input[type='text'] {
  width: 100px; }

.editor-field.questionnaire-field-text input[type='text'] {
  width: 80%; }

.createAnswerDiv {
  width: 870px; }

.questionnarie-form .field-validation-error {
  min-width: 186px;
  width: 50%;
  display: block; }


.order-dashboard-inner {
  padding: 20px; }


.wizard-steps {
  background: #8d9ba9;
  /* Old browsers */
  background: -moz-linear-gradient(top, #8d9ba9 1%, #c5d0d9 95%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #8d9ba9), color-stop(95%, #c5d0d9));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #8d9ba9 1%, #c5d0d9 95%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #8d9ba9 1%, #c5d0d9 95%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #8d9ba9 1%, #c5d0d9 95%);
  /* IE10+ */
  background: linear-gradient(to bottom, #8d9ba9 1%, #c5d0d9 95%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8d9ba9', endColorstr='#c5d0d9',GradientType=0 );
  /* IE6-9 */
  border: 1px solid #9ca2a9; }
  .wizard-steps ul {
    background: white;
    /* Old browsers */
    background: -moz-linear-gradient(top, white 1%, #ccd2d8 95%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, white), color-stop(95%, #ccd2d8));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, white 1%, #ccd2d8 95%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, white 1%, #ccd2d8 95%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, white 1%, #ccd2d8 95%);
    /* IE10+ */
    background: linear-gradient(to bottom, white 1%, #ccd2d8 95%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#ccd2d8',GradientType=0 );
    /* IE6-9 */
    float: left;
    border-right: 1px solid #9ca2a9;
    counter-reset: countsteps; }
  .wizard-steps li {
    float: left;
    display: block;
    color: #b0b2b4;
    height: 35px;
    line-height: 35px;
    padding-left: 57px;
    padding-right: 11px;
    position: relative;
    background: transparent url("images/step_arrow_bg.png") center left no-repeat; }
    .wizard-steps li:first-child {
      background: none;
      padding-left: 43px; }
      .wizard-steps li:first-child:before {
        left: 10px; }
    .wizard-steps li:before {
      counter-increment: countsteps;
      content: counters(countsteps, ".");
      background: transparent url("images/step_number_bg.png") center center no-repeat;
      color: #abaeb0;
      font-weight: bold;
      width: 23px;
      height: 24px;
      line-height: 24px;
      text-align: center;
      display: block;
      position: absolute;
      left: 24px;
      top: 50%;
      margin-top: -12px; }
    .wizard-steps li.finished-step, .wizard-steps li.finished-step:before, .wizard-steps li.current-step, .wizard-steps li.current-step:before {
      color: #3c3c3c; }
    .wizard-steps li.current-step, .wizard-steps li.current-step:before {
      font-weight: bold; }
  .wizard-action-bar .wizard-steps {
    border-left: 0;
    border-right: 0; }