@charset "UTF-8";
/* SASS variables are information about icon's compiled state, stored under its original file name
 *
 * .icon-home
 *   width: $icon-home-width
 *
 * The large array-like variables contain all information about a single icon
 * $icon-home: x y offset_x offset_y width height total_width total_height image_path
 *
 * At the bottom of this section, we provide information about the spritesheet itself
 * $spritesheet: width height image $spritesheet-sprites
 */
/* The provided mixins are intended to be used with the array-like variables
 *
 * .icon-home
 *   @include sprite-width($icon-home)
 *
 * .icon-email
 *   @include sprite($icon-email)
 */
/* The `sprites` mixin generates identical output to the CSS template
 *   but can be overridden inside of SASS
 *
 * @include sprites($spritesheet-sprites)
 */
/*@import url("http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=cyrillic,cyrillic-ext,latin,latin-ext");*/
.common-del_cargobus {
  background-image: url(../img/common_sprite.png);
  background-position: 0px -317px;
  width: 300px;
  height: 80px;
}

.common-del_dpd {
  background-image: url(../img/common_sprite.png);
  background-position: -300px -464px;
  width: 90px;
  height: 46px;
}

.common-del_itella {
  background-image: url(../img/common_sprite.png);
  background-position: 0px 0px;
  width: 300px;
  height: 186px;
}

.common-del_osc {
  background-image: url(../img/common_sprite.png);
  background-position: -300px -130px;
  width: 295px;
  height: 47px;
}

.common-del_self {
  background-image: url(../img/common_sprite.png);
  background-position: -300px -317px;
  width: 298px;
  height: 69px;
}

.common-lang_by {
  background-image: url(../img/common_sprite.png);
  background-position: -569px -225px;
  width: 19px;
  height: 13px;
}

.common-lang_de {
  background-image: url(../img/common_sprite.png);
  background-position: -569px -212px;
  width: 19px;
  height: 13px;
}

.common-lang_ee {
  background-image: url(../img/common_sprite.png);
  background-position: -569px -238px;
  width: 19px;
  height: 13px;
}

.common-lang_fi {
  background-image: url(../img/common_sprite.png);
  background-position: -569px -199px;
  width: 19px;
  height: 13px;
}

.common-lang_lt {
  background-image: url(../img/common_sprite.png);
  background-position: -550px -225px;
  width: 19px;
  height: 13px;
}

.common-lang_lv {
  background-image: url(../img/common_sprite.png);
  background-position: -550px -238px;
  width: 19px;
  height: 13px;
}

.common-lang_no {
  background-image: url(../img/common_sprite.png);
  background-position: -550px -251px;
  width: 19px;
  height: 13px;
}

.common-lang_pl {
  background-image: url(../img/common_sprite.png);
  background-position: -569px -186px;
  width: 19px;
  height: 13px;
}

.common-lang_ru {
  background-image: url(../img/common_sprite.png);
  background-position: -550px -199px;
  width: 19px;
  height: 13px;
}

.common-lang_se {
  background-image: url(../img/common_sprite.png);
  background-position: -550px -186px;
  width: 19px;
  height: 13px;
}

.common-lang_uk {
  background-image: url(../img/common_sprite.png);
  background-position: -550px -212px;
  width: 19px;
  height: 13px;
}

.common-misc_scanophone {
  background-image: url(../img/common_sprite.png);
  background-position: 0px -186px;
  width: 250px;
  height: 131px;
}

.common-pay_danskeBank {
  background-image: url(../img/common_sprite.png);
  background-position: 0px -464px;
  width: 300px;
  height: 46px;
}

.common-pay_lhv {
  background-image: url(../img/common_sprite.png);
  background-position: -250px -186px;
  width: 300px;
  height: 101px;
}

.common-pay_nordea {
  background-image: url(../img/common_sprite.png);
  background-position: -300px -397px;
  width: 300px;
  height: 65px;
}

.common-pay_seb {
  background-image: url(../img/common_sprite.png);
  background-position: -300px 0px;
  width: 300px;
  height: 130px;
}

.common-pay_swedBank {
  background-image: url(../img/common_sprite.png);
  background-position: 0px -397px;
  width: 300px;
  height: 67px;
}

.xe-flex--row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.xe-flex--rowLeft {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}

.xe-flex--rowRight {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: right;
}

.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.xe-column--left {
  float: left;
  padding-right: 4px;
}

.xe-column--right {
  float: right;
  padding-left: 4px;
}

.xe-2columns--left {
  float: left;
  width: 50%;
  padding-right: 4px;
}

.xe-2columns--right {
  float: right;
  width: 50%;
  padding-left: 4px;
}

.xe-contentCard, .xe-contentCard--extraWide {
  background: #FFF;
  padding: 20px;
  margin-bottom: 24px;
  /*transition: all 0.2s ease-in;*/
}
.xe-contentCard:hover, .xe-contentCard--extraWide:hover {
  /*box-shadow: #CCD1D9 2px 2px 3px;*/
}

.xe-contentCard--bg {
  background: url("../../../img/xelance/bg/cream_pixels.png");
}

.xe-contentCard--extraWide {
  padding: 0;
}

.xe-contentCard--remPadBo {
  padding-bottom: 1px !important;
}

.xe-util--noPadding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.xe-util--relative {
  position: relative;
}

.xe-util--align-left {
  float: left;
}

.xe-util--align-right {
  float: right;
}

.xe-util--clearfix {
  overflow: hidden;
  *zoom: 1;
}

.xe-util--text-left {
  text-align: left;
}

.xe-util--text-right {
  text-align: right;
}

.xe-util--text-center {
  text-align: center;
}

.warning_box {
  background: #F5F7FA;
  padding: 8px;
  display: inline-block;
  color: #000;
}

.bad {
  color: #FFF;
  background: #DA4453;
}

.hasDatepicker:before {
  font-family: "FontAwesome";
  color: red;
  position: relative;
  left: -10px;
  content: "";
}

input.form-control, textarea.form-control {
  background-color: #F5F7FA;
}

.pac-container {
  z-index: 1055 !important;
}

.xe-search--theme_dark {
  border: none;
  color: #F5F7FA;
  border-radius: 0;
  background-color: #656D78;
}

.xe-search--theme_white {
  border: none;
  color: #434A54;
  border-radius: 0;
  background-color: #CCD1D9;
}

.checkbox {
  margin: 0 0 !important;
  line-height: 1rem;
  text-align: left;
}
.checkbox input[type="checkbox"]:focus + label::before {
  outline: none;
}

.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #4A89DC;
  border-color: #4A89DC;
}
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #FFF;
}

.ui-datepicker {
  position: absolute;
  z-index: 1000;
}

input.xe-input {
  width: auto;
  border: none;
  border-bottom: 1px solid #CCD1D9;
  transition: all 0.2s ease-in;
}
input.xe-input:hover, input.xe-input:focus, input.xe-input:active {
  outline: none;
  border-bottom: 1px solid #4A89DC;
}

.xe-input--regular {
  width: auto;
  border: none !important;
  border-bottom: 1px solid #CCD1D9 !important;
  outline: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: all 0.2s ease-in;
}
.xe-input--regular:-moz-placeholder {
  color: #8c939e !important;
}
.xe-input--regular::-moz-placeholder {
  color: #8c939e !important;
}
.xe-input--regular:-ms-input-placeholder {
  color: #8c939e !important;
}
.xe-input--regular::-webkit-input-placeholder {
  color: #8c939e !important;
}
.xe-input--regular:hover, .xe-input--regular:focus, .xe-input--regular:active {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid #4A89DC !important;
}

.xe-input--search {
  box-shadow: none !important;
  border-radius: 2px !important;
  border: 1px solid #CCD1D9;
}
.xe-input--search:-moz-placeholder {
  color: #000;
}
.xe-input--search::-moz-placeholder {
  color: #000;
}
.xe-input--search:-ms-input-placeholder {
  color: #000;
}
.xe-input--search::-webkit-input-placeholder {
  color: #000;
}

.input-group-addon {
  border: 1px solid #CCD1D9;
}

.xe-textarea textarea {
  width: auto;
  border-radius: 0;
  border: none;
  padding: 0;
  border-bottom: 1px solid #CCD1D9;
  box-shadow: none;
  transition: all 0.2s ease-in;
}
.xe-textarea textarea:hover, .xe-textarea textarea:focus, .xe-textarea textarea:active {
  outline: none;
  border-bottom: 1px solid #4A89DC;
  box-shadow: none;
}

.xe-textarea--warning {
  background-color: #fbdea3 !important;
}

.xe-textarea--traditional {
  padding: 4px;
  border: 1px solid #CCD1D9;
}
.xe-textarea--traditional:-moz-placeholder {
  font-size: 0.9rem;
}
.xe-textarea--traditional::-moz-placeholder {
  font-size: 0.9rem;
}
.xe-textarea--traditional:-ms-input-placeholder {
  font-size: 0.9rem;
}
.xe-textarea--traditional::-webkit-input-placeholder {
  font-size: 0.9rem;
}

.xe-googleLocation {
  width: 90%;
  margin-top: 0 !important;
}
.xe-googleLocation .xe-label {
  display: block;
}
.xe-googleLocation .xe-value {
  display: block !important;
}
.xe-googleLocation input {
  padding-left: 4px;
}
.xe-googleLocation input:-moz-placeholder {
  color: #CCD1D9;
}
.xe-googleLocation input::-moz-placeholder {
  color: #CCD1D9;
}
.xe-googleLocation input:-ms-input-placeholder {
  color: #CCD1D9;
}
.xe-googleLocation input::-webkit-input-placeholder {
  color: #CCD1D9;
}
.xe-googleLocation input:focus, .xe-googleLocation input:active {
  outline: 1px solid #4A89DC;
}
.xe-googleLocation .xe-googleForm__field {
  width: 100%;
}
.xe-googleLocation .xe-googleForm__field--auto {
  width: 100%;
  margin-bottom: 4px;
}
.xe-googleLocation .xe-googleForm__field--auto:-moz-placeholder {
  color: #AAB2BD;
}
.xe-googleLocation .xe-googleForm__field--auto::-moz-placeholder {
  color: #AAB2BD;
}
.xe-googleLocation .xe-googleForm__field--auto:-ms-input-placeholder {
  color: #AAB2BD;
}
.xe-googleLocation .xe-googleForm__field--auto::-webkit-input-placeholder {
  color: #AAB2BD;
}
.xe-googleLocation .xe-googleForm__field--slim {
  width: 5rem;
}
.xe-googleLocation .xe-googleForm__field--wide {
  width: 12rem;
}

select.form-control {
  outline: none;
  border: 1px solid #CCD1D9;
  border-radius: 0;
}

::-webkit-scrollbar {
  width: 1em;
  height: 1em;
}

::-webkit-scrollbar-thumb {
  background: #AAB2BD;
}

::-webkit-scrollbar-track {
  background: #f2f3f5;
}

.xe-pagination, .xe-pagination__exact {
  display: inline-block;
  padding: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.xe-pagination li, .xe-pagination__exact li {
  display: inline;
}
.xe-pagination li:first-child > a, .xe-pagination__exact li:first-child > a {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #F5F7FA;
}
.xe-pagination li:last-child > a, .xe-pagination__exact li:last-child > a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #F5F7FA;
}
.xe-pagination li a, .xe-pagination__exact li a {
  color: #434A54;
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.5;
  background-color: #FFF;
  text-decoration: none;
  border: 1px solid #E6E9ED;
  margin-left: -1px;
}
.xe-pagination li a:hover, .xe-pagination__exact li a:hover {
  background-color: #8CC152;
  border-color: #8CC152;
}
.xe-pagination li.xe-active a, .xe-pagination__exact li.xe-active a {
  z-index: 2;
  cursor: default;
  background-color: #8CC152;
  border-color: #8CC152;
}
.xe-pagination li.xe-disabled a, .xe-pagination__exact li.xe-disabled a, .xe-pagination li.xe-disabled a:hover, .xe-pagination__exact li.xe-disabled a:hover {
  cursor: default;
  background-color: #FFF;
  border-color: #E6E9ED;
}

.xe-pagination__exact {
  background-color: #F5F7FA;
  padding: 0 10px;
}
.xe-pagination__exact a {
  margin: 5px 0;
  padding: 1px 12px !important;
}
.xe-pagination__exact form {
  position: relative;
  float: left;
}
.xe-pagination__exact input {
  width: 50px;
  margin: 5px 0;
  margin-right: 4px;
  padding: 1px 6px;
  line-height: 1.5;
  border: 1px solid #E6E9ED;
  border-radius: 4px;
}

input, select, textarea {
  background: #F5F7FA;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 6px 6px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

input:focus, select:focus, textarea:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

a {
  text-decoration: none !important;
  color: #4A89DC;
  cursor: pointer;
}
a:hover, a:focus {
  text-decoration: none !important;
  color: #5D9CEC;
}
a:visited {
  color: #4A89DC;
}

.xe-a__btn--default {
  display: inline-block;
  padding: 4px 8px;
  margin: 0;
  font-size: 0.8rem;
  font-weight: normal;
  line-height: 1.2rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  font-family: inherit;
  border: 1px solid;
  border-radius: 4px;
  cursor: pointer;
  color: #434A54;
  background-color: #FFF;
  border-color: #656D78;
}
.xe-a__btn--default:visited {
  color: #434A54;
  background-color: #FFF;
  border-color: #656D78;
}
.xe-a__btn--default, .xe-a__btn--default.disabled, .xe-a__btn--default[disabled] {
  border-color: #656D78;
  background-color: #FFF;
}
.xe-a__btn--default:hover, .xe-a__btn--default:focus, .xe-a__btn--default:active, .xe-a__btn--default.active {
  color: #FFF;
  border-color: #656D78;
  background-color: #AAB2BD;
  outline: none !important;
}

.xe-a__btn--normal {
  display: inline-block;
  padding: 4px 8px;
  margin: 0;
  font-size: 0.8rem;
  font-weight: normal;
  line-height: 1.2rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  font-family: inherit;
  border: 1px solid;
  border-radius: 4px;
  cursor: pointer;
  color: #FFF;
  background-color: #656D78;
  border-color: #656D78;
}
.xe-a__btn--normal:visited {
  color: #FFF;
  background-color: #656D78;
  border-color: #656D78;
}
.xe-a__btn--normal, .xe-a__btn--normal.disabled, .xe-a__btn--normal[disabled] {
  border-color: #656D78;
  background-color: #656D78;
}
.xe-a__btn--normal:hover, .xe-a__btn--normal:focus, .xe-a__btn--normal:active, .xe-a__btn--normal.active {
  color: #FFF;
  border-color: #AAB2BD;
  background-color: #AAB2BD;
  outline: none !important;
}

.xe-a__btn--primary {
  display: inline-block;
  padding: 4px 8px;
  margin: 0;
  font-size: 0.8rem;
  font-weight: normal;
  line-height: 1.2rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  font-family: inherit;
  border: 1px solid;
  border-radius: 4px;
  cursor: pointer;
  color: #FFF;
  background-color: #4A89DC;
  border-color: #4A89DC;
}
.xe-a__btn--primary:visited {
  color: #FFF;
  background-color: #4A89DC;
  border-color: #4A89DC;
}
.xe-a__btn--primary, .xe-a__btn--primary.disabled, .xe-a__btn--primary[disabled] {
  border-color: #4A89DC;
  background-color: #4A89DC;
}
.xe-a__btn--primary:hover, .xe-a__btn--primary:focus, .xe-a__btn--primary:active, .xe-a__btn--primary.active {
  color: #FFF;
  border-color: #5D9CEC;
  background-color: #5D9CEC;
  outline: none !important;
}

.xe-a__btn--success {
  display: inline-block;
  padding: 4px 8px;
  margin: 0;
  font-size: 0.8rem;
  font-weight: normal;
  line-height: 1.2rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  font-family: inherit;
  border: 1px solid;
  border-radius: 4px;
  cursor: pointer;
  color: #FFF;
  background-color: #8CC152;
  border-color: #8CC152;
}
.xe-a__btn--success:visited {
  color: #FFF;
  background-color: #8CC152;
  border-color: #8CC152;
}
.xe-a__btn--success, .xe-a__btn--success.disabled, .xe-a__btn--success[disabled] {
  border-color: #8CC152;
  background-color: #8CC152;
}
.xe-a__btn--success:hover, .xe-a__btn--success:focus, .xe-a__btn--success:active, .xe-a__btn--success.active {
  color: #FFF;
  border-color: #A0D468;
  background-color: #A0D468;
  outline: none !important;
}

.xe-a__btn--danger {
  display: inline-block;
  padding: 4px 8px;
  margin: 0;
  font-size: 0.8rem;
  font-weight: normal;
  line-height: 1.2rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  font-family: inherit;
  border: 1px solid;
  border-radius: 4px;
  cursor: pointer;
  color: #FFF;
  background-color: #DA4453;
  border-color: #DA4453;
}
.xe-a__btn--danger:visited {
  color: #FFF;
  background-color: #DA4453;
  border-color: #DA4453;
}
.xe-a__btn--danger, .xe-a__btn--danger.disabled, .xe-a__btn--danger[disabled] {
  border-color: #DA4453;
  background-color: #DA4453;
}
.xe-a__btn--danger:hover, .xe-a__btn--danger:focus, .xe-a__btn--danger:active, .xe-a__btn--danger.active {
  color: #FFF;
  border-color: #ED5565;
  background-color: #ED5565;
  outline: none !important;
}

.xe-a__btn--warning {
  display: inline-block;
  padding: 4px 8px;
  margin: 0;
  font-size: 0.8rem;
  font-weight: normal;
  line-height: 1.2rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  font-family: inherit;
  border: 1px solid;
  border-radius: 4px;
  cursor: pointer;
  color: #FFF;
  background-color: #F6BB42;
  border-color: #F6BB42;
}
.xe-a__btn--warning:visited {
  color: #FFF;
  background-color: #F6BB42;
  border-color: #F6BB42;
}
.xe-a__btn--warning, .xe-a__btn--warning.disabled, .xe-a__btn--warning[disabled] {
  border-color: #F6BB42;
  background-color: #F6BB42;
}
.xe-a__btn--warning:hover, .xe-a__btn--warning:focus, .xe-a__btn--warning:active, .xe-a__btn--warning.active {
  color: #FFF;
  border-color: #FFCE54;
  background-color: #FFCE54;
  outline: none !important;
}

.xe-a__btn--info {
  display: inline-block;
  padding: 4px 8px;
  margin: 0;
  font-size: 0.8rem;
  font-weight: normal;
  line-height: 1.2rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  font-family: inherit;
  border: 1px solid;
  border-radius: 4px;
  cursor: pointer;
  color: #FFF;
  background-color: #37BC9B;
  border-color: #37BC9B;
}
.xe-a__btn--info:visited {
  color: #FFF;
  background-color: #37BC9B;
  border-color: #37BC9B;
}
.xe-a__btn--info, .xe-a__btn--info.disabled, .xe-a__btn--info[disabled] {
  border-color: #37BC9B;
  background-color: #37BC9B;
}
.xe-a__btn--info:hover, .xe-a__btn--info:focus, .xe-a__btn--info:active, .xe-a__btn--info.active {
  color: #FFF;
  border-color: #48CFAD;
  background-color: #48CFAD;
  outline: none !important;
}

.xe-a__btn--navbar {
  display: inline-block;
  padding: 4px 8px;
  margin: 0;
  font-size: 0.8rem;
  font-weight: normal;
  line-height: 1.2rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  font-family: inherit;
  border: 1px solid;
  border-radius: 4px;
  cursor: pointer;
  color: white;
  background-color: #656D78;
  border-color: #656D78;
}
.xe-a__btn--navbar:visited {
  color: white;
  background-color: #656D78;
  border-color: #656D78;
}
.xe-a__btn--navbar, .xe-a__btn--navbar.disabled, .xe-a__btn--navbar[disabled] {
  border-color: #656D78;
  background-color: #656D78;
}
.xe-a__btn--navbar:hover, .xe-a__btn--navbar:focus, .xe-a__btn--navbar:active, .xe-a__btn--navbar.active {
  color: white;
  border-color: #AAB2BD;
  background-color: #AAB2BD;
  outline: none !important;
}

.xe-a__btn--navbarGo {
  display: inline-block;
  padding: 4px 8px;
  margin: 0;
  font-size: 0.8rem;
  font-weight: normal;
  line-height: 1.2rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  font-family: inherit;
  border: 1px solid;
  border-radius: 4px;
  cursor: pointer;
  color: white;
  background-color: #CCD1D9;
  border-color: #CCD1D9;
}
.xe-a__btn--navbarGo:visited {
  color: white;
  background-color: #CCD1D9;
  border-color: #CCD1D9;
}
.xe-a__btn--navbarGo, .xe-a__btn--navbarGo.disabled, .xe-a__btn--navbarGo[disabled] {
  border-color: #CCD1D9;
  background-color: #CCD1D9;
}
.xe-a__btn--navbarGo:hover, .xe-a__btn--navbarGo:focus, .xe-a__btn--navbarGo:active, .xe-a__btn--navbarGo.active {
  color: white;
  border-color: #CCD1D9;
  background-color: #CCD1D9;
  outline: none !important;
}

.xe-a__btn--ghostWhite {
  border: 1px solid white !important;
  display: inline-block;
  padding: 4px 8px;
  margin: 0;
  font-size: 0.8rem;
  font-weight: normal;
  line-height: 1.2rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  font-family: inherit;
  border: 1px solid;
  border-radius: 4px;
  cursor: pointer;
  color: #FFF;
  background-color: transparent;
  border-color: transparent;
}
.xe-a__btn--ghostWhite:visited {
  color: #FFF;
  background-color: transparent;
  border-color: transparent;
}
.xe-a__btn--ghostWhite, .xe-a__btn--ghostWhite.disabled, .xe-a__btn--ghostWhite[disabled] {
  border-color: transparent;
  background-color: transparent;
}
.xe-a__btn--ghostWhite:hover, .xe-a__btn--ghostWhite:focus, .xe-a__btn--ghostWhite:active, .xe-a__btn--ghostWhite.active {
  color: #FFF;
  border-color: #ED5565;
  background-color: #ED5565;
  outline: none !important;
}

.xe-a__btn--s {
  padding: 1px 4px;
  font-size: 0.7rem;
}

html {
  font-size: 100%;
  line-height: 1.5em;
}

body {
  font-size: 12px;
  font-family: "Arial, Helvetica, sans-serif";
}

strong {
  font-weight: bold;
}

h3, h4 {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

h4 {
  font-size: 1.2rem;
  font-weight: normal;
}

label {
  font-weight: normal !important;
}

textarea {
  width: 100% !important;
}

.fa-lg {
  font-size: 1.5rem;
}

.xe-warning {
  background-color: #DA4453;
  color: #FFF;
}
.xe-warning a {
  color: #FFF;
  text-decoration: none;
  width: 100%;
}
.xe-warning .xe-heading__statusMenu {
  background-color: #ED5565;
  margin-left: 8px;
}
.xe-warning i {
  font-style: normal;
}
.xe-warning i:before {
  font-family: FontAwesome;
  font-size: 1.5rem;
  content: "";
  display: inline-block;
  text-align: center;
  width: 2.25rem;
  vertical-align: middle;
}

.xe-pending {
  background-color: #FFCE54;
  color: #FFF;
}
.xe-pending a {
  color: #FFF;
}
.xe-pending .xe-heading__statusMenu {
  background-color: #F6BB42;
  margin-left: 8px;
}
.xe-pending i {
  font-style: normal;
}
.xe-pending i:before {
  font-family: FontAwesome;
  font-size: 1.5rem;
  content: "";
  display: inline-block;
  text-align: center;
  width: 2.25rem;
  vertical-align: middle;
}

.xe-success {
  background-color: #A0D468;
  color: #FFF;
}
.xe-success a {
  color: #FFF;
}
.xe-success .xe-heading__statusMenu {
  background-color: #8CC152;
  margin-left: 8px;
}
.xe-success i {
  font-style: normal;
}
.xe-success i:before {
  font-family: FontAwesome;
  font-size: 1.5rem;
  content: "";
  display: inline-block;
  text-align: center;
  width: 2.25rem;
  vertical-align: middle;
}

.xe-dataGroup {
  margin-top: 20px;
}

.xe-label {
  color: #000;
  font-size: 0.85rem;
  line-height: 12px;
}

.xe-value {
  color: #000;
  display: inline-block;
  width: auto;
}

.xe-methodSelect {
  margin-top: 8px;
  width: 100%;
  color: #CCD1D9;
}
.xe-methodSelect span {
  display: inline-block;
  width: 100%;
}
.xe-methodSelect .xe-methodList {
  color: #CCD1D9;
  padding-top: 12px;
}
.xe-methodSelect .xe-methodList i {
  padding: 0 4px;
}
.xe-methodSelect .xe-methodList i:hover {
  color: #000;
  cursor: pointer;
}

.xe-color--success {
  cursor: pointer;
  color: #8CC152 !important;
}
.xe-color--success:hover {
  color: #A0D468 !important;
}

.xe-color--warning {
  cursor: pointer;
  color: #F6BB42 !important;
}
.xe-color--warning:hover {
  color: #FFCE54 !important;
}

.xe-color--error {
  cursor: pointer;
  color: #DA4453 !important;
}
.xe-color--error:hover {
  color: #ED5565 !important;
}

.xe-flex--rowColorHover {
  background-color: #CCD1D9;
}

.xe-infoBox, .xe-infoBox--success, .xe-infoBox--warning, .xe-infoBox--error {
  background: #F5F7FA;
  width: auto;
  float: left;
  clear: both;
  display: block;
  padding: 4px 12px;
}
.xe-infoBox i, .xe-infoBox--success i, .xe-infoBox--warning i, .xe-infoBox--error i {
  padding-right: 8px !important;
  vertical-align: -1px;
}

.xe-infoBox--success {
  color: #FFF;
  background: #8CC152;
}

.xe-infoBox--warning {
  background: #F6BB42;
}

.xe-infoBox--error {
  color: #FFF;
  background: #DA4453;
}

a.xe-numberCount, a.xe-numberCount--warning, a.xe-numberCount--error {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
}
a.xe-numberCount .xe-numberCount_number, a.xe-numberCount--warning .xe-numberCount_number, a.xe-numberCount--error .xe-numberCount_number {
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
  line-height: 2rem;
  text-align: center;
  background: #F5F7FA;
  border-left: 4px solid #CCD1D9;
}
a.xe-numberCount .xe-numberCount_description, a.xe-numberCount--warning .xe-numberCount_description, a.xe-numberCount--error .xe-numberCount_description {
  padding: 0 0 0 8px;
}

a.xe-numberCount--warning .xe-numberCount_number {
  background: #F6BB42;
  border-left: 3px solid #FFCE54;
}
a.xe-numberCount--warning:hover .xe-numberCount_number {
  background: #FFCE54;
  border-left: 3px solid #FFCE54;
}

a.xe-numberCount--error .xe-numberCount_number {
  color: #FFF;
  background: #DA4453;
  border-left: 3px solid #ED5565;
}
a.xe-numberCount--error:hover .xe-numberCount_number {
  background: #ED5565;
  border-left: 3px solid #ED5565;
}

.xe-infoArea, .xe-infoArea--success, .xe-infoArea--warn, .xe-infoArea--error {
  background: #F5F7FA;
  padding: 8px;
  display: inline-block;
  color: #000;
}

.xe-infoArea--success {
  background: #A0D468;
}

.xe-infoArea--warn {
  background: #fcf8e3;
}

.xe-infoArea--error {
  color: #FFF;
  background: #DA4453;
}

.xe-thTitle {
  text-align: left;
  padding-left: 5.3rem;
}
.xe-thTitle .fa {
  color: #CCD1D9;
}
.xe-thTitle .fa:hover {
  color: #AAB2BD !important;
}
.xe-thTitle span:nth-child(2) {
  font-family: "Fira Sans Medium";
}

.xe-tdTitle i {
  color: #CCD1D9;
  cursor: pointer;
  margin-left: 4px;
}
.xe-tdTitle img {
  margin-right: 8px;
  width: 50px;
  height: 50px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.xe-tdDiscount span.xe-tdDiscountPrice {
  padding-right: 16px;
}
.xe-tdDiscount input {
  width: 2rem;
  display: inline-block;
  font-size: 0.8rem;
}
.xe-tdDiscount input + span {
  color: gray;
  font-size: 0.8rem;
}

.xe-tdDiscountOn input {
  color: #000;
  background: #d7e9c3;
}

.xe-tableHover {
  background: #e6f0fc !important;
}

.xe-trChecked {
  background: #cfe2f9 !important;
}

.xe-tdHighlight {
  font-family: "Fira Sans Medium";
}

.xe-tdAlignCenter {
  text-align: center !important;
}

.xe-tdAlignRight {
  text-align: right !important;
}

.xe-tdWidthS {
  width: 3rem;
}

.xe-tdWidthM {
  width: 4rem;
}

.xe-tdWidthL {
  width: 5rem;
}

.xe-table {
  font-size: 0.9rem;
  white-space: nowrap;
  padding: 0 4px;
  width: 100%;
  text-align: left;
  color: #434A54;
  border-bottom: 1px solid #b8d4f7;
  margin: 8px 0;
}
.xe-table thead {
  border-bottom: 2px solid #b8d4f7;
}
.xe-table thead tr th {
  text-align: left;
  line-height: 2rem;
  color: #434A54;
}
.xe-table tr td i {
  color: transparent !important;
}
.xe-table tr:hover td i {
  color: #CCD1D9 !important;
}
.xe-table tr:hover td i:hover {
  color: #AAB2BD !important;
}
.xe-table tr:hover td i.fa.fa-trash {
  color: #DA4453 !important;
}
.xe-table tr:hover td i.fa.fa-trash:hover {
  color: #ED5565 !important;
}

.xe-amountInTable span:first-of-type {
  padding-right: 4px;
}
.xe-amountInTable span:first-of-type a {
  color: #CCD1D9;
}
.xe-amountInTable span:first-of-type a:hover {
  color: #AAB2BD;
}
.xe-amountInTable span:last-of-type {
  padding-left: 4px;
}
.xe-amountInTable span:last-of-type a {
  color: #CCD1D9;
}
.xe-amountInTable span:last-of-type a:hover {
  color: #AAB2BD;
}

.xe-tableMath {
  margin-top: -8px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZjBmYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: linear-gradient(to top, #e6f0fc, #ffffff);
  margin-right: -7px;
  border-right: 7px solid transparent;
}
.xe-tableMath td {
  padding: 8px 0;
}
.xe-tableMath tr:last-child {
  background-color: #e6f0fc !important;
}

.xe-tableProfit tbody tr td {
  border: none;
  padding: 8px 0;
  padding-right: 15px;
}
.xe-tableProfit tbody tr td:first-of-type {
  text-align: right;
  padding-right: 12px;
}
.xe-tableProfit tbody tr td:last-of-type {
  font-family: "Fira Sans Medium";
}
.xe-tableProfit tbody tr:nth-of-type(4) {
  border-bottom: 1px solid #8CC152;
  font-family: "Fira Sans Medium";
}
.xe-tableProfit tbody tr:last-of-type td:last-of-type {
  padding-right: 0px;
}

.bpopupWindow {
  background-color: #fff;
  border-radius: 15px;
  color: #000;
  display: none;
  padding: 20px;
  min-width: 400px;
  min-height: 180px;
}

.b-close {
  cursor: pointer;
  position: absolute;
  right: -10px !important;
  top: -10px !important;
  font-size: 2rem;
}

.tooltip-inner {
  background: #DA4453 !important;
}

.tooltip-arrow {
  border-top-color: #DA4453 !important;
}

.xe-dropdown {
  position: relative;
  z-index: 10;
}
.xe-dropdown ul {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 100;
  text-align: left;
  list-style: none;
}

.xe-dropdown--thick ul {
  background: #E6E9ED;
  line-height: 2.5rem;
  padding: 0 40px;
  margin: 0;
  font-size: 0.8rem;
}
.xe-dropdown--thick li {
  color: #434A54;
  border-bottom: 1px solid #CCD1D9;
}
.xe-dropdown--thick li:first-child {
  position: absolute;
  top: -80px;
  right: 0;
  width: 100%;
  color: #434A54;
  border-bottom: none;
  background: #E6E9ED;
  padding: 0 40px;
  margin: 0;
}
.xe-dropdown--thick li:last-child {
  border-bottom: none;
}

.xe-dropdown--thin ul {
  margin-top: 8px;
  background: #CCD1D9;
  text-align: left;
  padding: 4px;
  width: auto;
}
.xe-dropdown--thin li {
  white-space: nowrap;
  color: #434A54;
  border-bottom: 1px solid #AAB2BD;
}
.xe-dropdown--thin li:last-child {
  border-bottom: none;
}

html {
  height: 100%;
}

body {
  padding-top: 40px;
  padding-right: 0;
  color: #434A54;
}

.xe-wrapper {
  margin: -40px 0 0 0;
  padding-top: 40px;
  position: relative;
  height: auto;
  background-color: #F5F7FA;
  transition: all 0.2s ease-in;
}

.xe-pageContentWrapper {
  position: relative;
  padding-top: 10px;
  width: 100%;
  height: 100%;
  min-height: 1000px;
}

.xe-pageContent {
  position: relative;
  padding-right: 30px;
  max-width: 1400px;
  overflow: auto;
}

.xe-pageEntity {
  width: 99%;
  float: left;
  position: relative;
  margin-left: 1%;
}

.navbar {
  min-height: 40px;
  margin-bottom: 0;
}

.xe-b-navbar {
  padding: 0;
  background: #282828;
  border: none;
  /*box-shadow: #434A54 1px -1px 3px inset;*/
  max-height: 40px;
}
.xe-b-navbar a {
  color: #FFF;
}
.xe-b-navbar .xe-navbar__wrapper {
  overflow: hidden;
  position: relative;
  display: inline;
  text-align: left;
  white-space: nowrap;
}
.xe-b-navbar .xe-navbar__container {
  max-height: 40px;
  max-width: 1400px;
  padding-right: 28px;
  padding-left: 12px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.xe-navbar__block {
  height: 32px;
}

.xe-navbar__logo {
  float: left;
}
.xe-navbar__logo img {
  margin-top: -2px;
}

.xe-navbarTitleFront, .xe-navbarTitleBack {
  display: inline-block;
  font-size: 20px;
}

.xe-navbarTitleBack {
  display: none;
}

.xe-navbarSearch {
  width: 380px;
  height: 40px;
}
.xe-navbarSearch .navbar-form {
  margin-top: 2px;
  padding: 0;
}
.xe-navbarSearch .navbar-form input {
  background: #AAB2BD;
  color: #FFF;
  width: 100%;
}
.xe-navbarSearch .navbar-form input:-moz-placeholder {
  color: #F5F7FA !important;
}
.xe-navbarSearch .navbar-form input::-moz-placeholder {
  color: #F5F7FA !important;
}
.xe-navbarSearch .navbar-form input:-ms-input-placeholder {
  color: #F5F7FA !important;
}
.xe-navbarSearch .navbar-form input::-webkit-input-placeholder {
  color: #F5F7FA !important;
}

.xe-b-navbar--alvadi {
  border-top: 2px solid transparent;
}

.xe-b-navbar--profi {
  border-top: 2px solid transparent;
}

.xe-navButton {
  display: inline-block;
}
.xe-navButton:first-child {
  margin-right: 8px;
}
.xe-navButton a {
  /*font-size: 18px;*/
}
.xe-navButton a:hover {
  color: black;
}

.xe-userArea {
  display: inline;
  position: relative;
  top: -5px;
}
.xe-userArea .fa {
  color: #FFF !important;
}
.xe-userArea .xe-userArea_userPic {
  /*border-radius: 20%;*/
  width: 50px;
  height: 39px;
  margin-top: -4px;
  margin-right: 4px;
}
.xe-userArea .xe-userArea_points {
  margin-left: 12px;
  display: inline-block;
  width: 40px;
  -webkit-transform: skew(-10deg);
      -ms-transform: skew(-10deg);
          transform: skew(-10deg);
  background: #967ADC;
  text-align: center;
  position: relative;
  bottom: -1px;
}
.xe-userArea .xe-userArea_points a {
  display: inline-block;
  line-height: 38px;
}
.xe-userArea .xe-userArea_points a:hover {
  color: white;
}

.xe-userLogout {
  display: inline-block;
  font-size: 28px;
  line-height: 28px;
  padding: 0;
  margin-left: 8px;
}
.xe-userLogout a:hover {
  color: #E9573F;
}

.navbar-default {
  background: #CCD1D9;
  box-shadow: none;
}
.navbar-default .xe-navbarTitleFront {
  text-align: right !important;
}
.navbar-default .xe-navbarSearch .navbar-form input {
  background: #FFF;
  color: #434A54;
}
.navbar-default .xe-navbarSearch .navbar-form input:-moz-placeholder {
  color: #AAB2BD !important;
}
.navbar-default .xe-navbarSearch .navbar-form input::-moz-placeholder {
  color: #AAB2BD !important;
}
.navbar-default .xe-navbarSearch .navbar-form input:-ms-input-placeholder {
  color: #AAB2BD !important;
}
.navbar-default .xe-navbarSearch .navbar-form input::-webkit-input-placeholder {
  color: #AAB2BD !important;
}
.navbar-default .xe-userArea_points {
  background: #AC92EC;
}

.xe-overlayField {
  display: none;
  position: fixed;
  top: 40px;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  z-index: 1100;
  background: #F5F7FA;
}

.xe-searchBox {
  width: 56rem;
  margin-left: 15rem;
}

.xe-searchLast a {
  display: inline-block;
  line-height: 2rem;
  padding-top: 12px;
  width: 100%;
  text-align: -4px;
  cursor: pointer;
  border-top: 1px solid #E6E9ED;
  color: #434A54;
}
.xe-searchLast a:hover {
  color: #4A89DC;
}
.xe-searchLast a:first-child {
  border-top: none;
  padding-top: 0;
}
.xe-searchLast a i {
  color: #AAB2BD;
}
.xe-searchLast a span {
  padding-left: 20px;
}

.xe-searchWindow {
  margin: 80px 0;
}
.xe-searchWindow .xe-column--left {
  padding-left: 24px;
}
.xe-searchWindow .xe-column--left ul li {
  padding-right: 12px;
}
.xe-searchWindow .xe-column--left ul li a {
  color: #434A54;
}
.xe-searchWindow .xe-column--left ul li.active a {
  color: #4A89DC;
}
.xe-searchWindow .xe-column--right {
  padding-right: 16px;
}
.xe-searchWindow .xe-column--right ul li {
  padding-right: 12px;
}
.xe-searchWindow .xe-column--right ul li a {
  color: #434A54;
}
.xe-searchWindow .xe-column--right ul li.active a {
  color: #4A89DC;
}
.xe-searchWindow .tab-content {
  margin-top: 4px;
  background-color: #FFF;
}
.xe-searchWindow .tab-content a {
  color: #434A54;
}
.xe-searchWindow .tab-content a:hover {
  color: #4A89DC;
  cursor: pointer;
}
.xe-searchWindow .xe-searchAnswer {
  padding: 10px;
  border-top: 1px solid #E6E9ED;
}
.xe-searchWindow .xe-searchAnswer:first-child {
  border-top: none;
}

.xe-wrapper {
  padding-left: 16px;
}
.xe-wrapper.active, .xe-wrapper.shown {
  padding-left: 200px;
}
.xe-wrapper.active .xe-sidebarWrapper, .xe-wrapper.shown .xe-sidebarWrapper {
  left: 200px;
}
.xe-wrapper.active .xe-sidebarNav, .xe-wrapper.shown .xe-sidebarNav {
  overflow-y: auto;
  overflow-x: hidden;
}

.xe-sidebarWrapper {
  margin: -40px 0 0 -200px;
  padding-top: 40px;
  left: 16px;
  width: 200px;
  position: absolute;
  height: 100%;
  background: #E6E9ED;
  transition: all 0.2s ease-in;
}

.xe-sidebarNav {
  z-index: 1000;
  position: fixed;
  display: block;
  float: left;
  width: 200px;
  height: 100%;
  color: black;
  font-size: 13px;
  box-shadow: #434A54 -3px 0px 8px inset;
  background-color: #F5F7FA !important;
  line-height: 16px;
}
.xe-sidebarNav a {
  color: black;
}

.xe-sidebarMenu__Icon {
  margin-top: 3.4rem;
  color: #434A54;
}

.xe-sidebarMenu__Button {
  float: right;
  margin: 16px;
  display: none;
}
.xe-sidebarMenu__Button .xe-btnToggle {
  font-size: 12px;
  font-weight: 300;
  color: black;
  border: 1px solid black;
  padding: 4px 4px;
}
.xe-sidebarMenu__Button:hover {
  cursor: pointer;
}

.xe-sidebarField {
  padding: 4px 0;
  margin-top: 4px;
  margin-right: 16px;
  margin-left: 8px;
}
.xe-sidebarField .form-group {
  margin-bottom: 0px;
}
.xe-sidebarField input {
  background-color: #FFF;
}

.xe-categoryTitle {
  font-weight: 600;
}

.xe-sidebarMainList {
  padding-bottom: 8px;
}
.xe-sidebarMainList li {
  padding-bottom: 12px;
}
.xe-sidebarMainList li:first-of-type {
  padding-top: 12px;
}
.xe-sidebarMainList li a:hover {
  color: #5D9CEC;
}
.xe-sidebarMainList i.fa {
  padding-right: 12px;
  font-weight: 900;
}

ul.xe-sidebarMainList__sublist, ul.xe-sidebarMainList__recentList {
  display: none;
}
ul.xe-sidebarMainList__sublist li, ul.xe-sidebarMainList__recentList li {
  padding-left: 8px;
  padding-bottom: 4px;
}

ul.xe-sidebarMainList__recentList {
  display: block;
}
ul.xe-sidebarMainList__recentList li {
  display: none;
}

.xe-sidebarMainList__recentList--more {
  margin: 0 50%;
  cursor: pointer;
}

.xe-openMenu:before {
  padding: 0 24px 0 4px;
}

.xe-downIcon:before {
  padding: 0 24px 0 4px;
}

.xe-wrapper .xe-sidebarWrapper {
  background: transparent !important;
}

.xe-wrapper.shown .xe-sidebarNav, .xe-wrapper.active .xe-sidebarNav {
  background: #434A54;
}

.xe-b-fastBar {
  width: 5%;
  float: left;
  position: relative;
  z-index: 1;
}
.xe-b-fastBar a {
  display: block;
  padding-top: 20px;
  color: #CCD1D9;
  transition: all 0.2s ease-in;
}
.xe-b-fastBar a:hover {
  color: #4A89DC;
}
.xe-b-fastBar a .fa-lg {
  font-size: 2rem;
}
.xe-b-fastBar .xe-b-fastBar--state_active {
  color: #5D9CEC;
}
.xe-b-fastBar small {
  font-size: 0.5rem;
}
.xe-b-fastBar hr {
  height: 4px;
  background: transparent;
  border: none;
}
.xe-b-fastBar .xe-fastbar__save small {
  display: block;
}
.xe-b-fastBar .xe-fastbar__save .xe-fastbar__saveError a, .xe-b-fastBar .xe-fastbar__save .xe-fastbar__saveError small {
  color: #DA4453;
}
.xe-b-fastBar .xe-fastbar__save .xe-fastbar__saveError a:hover, .xe-b-fastBar .xe-fastbar__save .xe-fastbar__saveError small:hover {
  color: #ED5565;
}
.xe-b-fastBar .xe-fastbar__save .xe-fastbar__saveSuccess {
  display: none;
}
.xe-b-fastBar .xe-fastbar__save .xe-fastbar__saveSuccess a, .xe-b-fastBar .xe-fastbar__save .xe-fastbar__saveSuccess small {
  color: #8CC152;
}
.xe-b-fastBar .xe-fastbar__save .xe-fastbar__saveSuccess a:hover, .xe-b-fastBar .xe-fastbar__save .xe-fastbar__saveSuccess small:hover {
  color: #A0D468;
}

.xe-cardItem {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.xe-cardItem--open {
  margin-bottom: 60px;
}

.xe-cardItem--closed {
  margin-bottom: 20px;
}

.xe-cardItem:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 20px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  border: 1px solid #E6E9ED;
}

.xe-cardLink {
  display: none;
  font-size: 1rem;
  margin-left: 8px;
}

.xe-itemHead {
  position: relative;
  z-index: 10;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.5rem;
  background-color: #E6E9ED;
  padding-left: 20px;
  margin-top: 16px;
  margin-bottom: 12px;
}
.xe-itemHead .xe-headTitle {
  width: 30%;
  font-size: 1.2rem;
  cursor: pointer;
}
.xe-itemHead .xe-headTitle a {
  color: #434A54;
}
.xe-itemHead .xe-headTitle span {
  padding-left: 4px;
  color: #656D78;
  font-weight: normal;
}
.xe-itemHead .xe-headTitle .xe-headIcon {
  margin-left: -12px;
  margin-right: 12px;
}
.xe-itemHead .xe-headTitle .xe-headLink {
  display: none;
  font-size: 0.9rem;
  margin-left: 8px;
}
.xe-itemHead .xe-headState {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 35%;
  height: 2.5rem;
}
.xe-itemHead .xe-headState i {
  padding-left: 8px;
  font-style: normal;
}
.xe-itemHead .xe-headState i:before {
  font-size: 1rem !important;
  margin-left: -4px;
}
.xe-itemHead .xe-headState a {
  text-align: center;
  text-decoration: none;
  width: 3rem;
  line-height: 2.5rem;
  margin-left: 8px;
  color: #FFF;
}
.xe-itemHead .xe-headState--success {
  color: #72a53b;
}
.xe-itemHead .xe-headState--success i:before {
  font-family: FontAwesome;
  font-size: 1.5rem;
  content: "";
  display: inline-block;
  text-align: center;
  width: 2.25rem;
  vertical-align: middle;
}
.xe-itemHead .xe-headState--success a {
  color: #AAB2BD;
}
.xe-itemHead .xe-headState--warning i:before {
  font-family: FontAwesome;
  font-size: 1.5rem;
  content: "";
  display: inline-block;
  text-align: center;
  width: 2.25rem;
  vertical-align: middle;
}
.xe-itemHead .xe-headState--warning a {
  color: #AAB2BD;
}
.xe-itemHead .xe-headState--error {
  color: #DA4453;
}
.xe-itemHead .xe-headState--error i:before {
  font-family: FontAwesome;
  font-size: 1.5rem;
  content: "";
  display: inline-block;
  text-align: center;
  width: 2.25rem;
  vertical-align: middle;
}
.xe-itemHead .xe-headState--error a {
  color: #AAB2BD;
}
.xe-itemHead .xe-headReference {
  width: 28%;
  padding-left: 32px;
}
.xe-itemHead .xe-headAction {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 7%;
}
.xe-itemHead .xe-headAction form {
  padding-top: 4px;
}
.xe-itemHead .xe-headActionMenu a {
  vertical-align: -4px;
  padding-right: 16px;
  padding-left: 8px;
}

.xe-itemSelected .xe-itemHead {
  background-color: #b8d4f7;
}
.xe-itemSelected:before {
  border-color: #b8d4f7;
}

.xe-itemDescription {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  padding: 0 40px;
}
.xe-itemDescription .xe-flex--col {
  padding-right: 40px;
}

.xe-itemBody {
  display: none;
}

.xe-order__flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.xe-order__info {
  width: 256px;
  padding: 0 8px;
}
.xe-order__info .xe-infoBox--error {
  margin-bottom: 12px;
}
.xe-order__info .xe-order__info--qualityService {
  margin-top: 8px;
  width: 100%;
}
.xe-order__info .xe-order__info--qualityService span {
  line-height: 1.5rem;
  display: inline-block;
  width: 100%;
}
.xe-order__info .xe-order__info--qualityService .xe-methodList {
  padding-top: 4px;
}
.xe-order__info .xe-order__info--qualityService .xe-methodList i.fa-star, .xe-order__info .xe-order__info--qualityService .xe-methodList i.fa-star-half-o {
  color: #000 !important;
}
.xe-order__info .xe-order__info--orderCreator {
  margin-top: 4px;
  display: inline-block;
  width: 100%;
}
.xe-order__info .xe-order__info--orderCreator span {
  display: inline-block;
  float: left;
}
.xe-order__info .xe-order__info--orderCreator img.xe-order__info--orderCreatorPhoto {
  display: inline-block;
  float: left;
  border-radius: 50%;
  margin-right: 4px;
}
.xe-order__info .xe-order__info--orderCreator span.xe-order__info--orderCreatorInfo {
  float: left;
  margin-left: 4px;
}
.xe-order__info .xe-order__Info--counters {
  margin-top: 44px;
  overflow: auto;
}
.xe-order__info .xe-order__Info--counters .xe-numberCount--error, .xe-order__info .xe-order__Info--counters .xe-numberCount--warning {
  padding-left: 0 !important;
  margin-bottom: 8px;
}
.xe-order__info .xe-order__Info--counters mark.xe-highliht--missing {
  padding: 0 4px;
  margin: -4px;
}
.xe-order__info .xe-showLog {
  margin-top: 16px;
}

.xe-order__client {
  width: 448px;
  padding: 0 16px;
}
.xe-order__client .xe-order__client--searchField {
  margin-bottom: 0.8rem;
}
.xe-order__client .xe-order__client--searchField form input {
  width: 90%;
}
.xe-order__client .xe-order__client--history {
  padding: 0 0 4px 0;
}
.xe-order__client .xe-order__client--last, .xe-order__client .xe-order__client--lastWork, .xe-order__client .xe-order__client--lastCall, .xe-order__client .xe-order__client--lastMail {
  display: block;
  padding: 4px 0;
}
.xe-order__client .xe-order__client--last span, .xe-order__client .xe-order__client--lastWork span, .xe-order__client .xe-order__client--lastCall span, .xe-order__client .xe-order__client--lastMail span {
  display: block;
}
.xe-order__client .xe-order__client--lastWork span:before {
  font-family: FontAwesome;
  font-size: 1.125rem;
  content: "";
  display: inline-block;
  text-align: center;
  width: 1.6875rem;
  vertical-align: middle;
  color: #CCD1D9;
  width: 28px;
}
.xe-order__client .xe-order__client--lastCall span:before {
  font-family: FontAwesome;
  font-size: 1.125rem;
  content: "";
  display: inline-block;
  text-align: center;
  width: 1.6875rem;
  vertical-align: middle;
  color: #CCD1D9;
  width: 28px;
}
.xe-order__client .xe-order__client--lastMail span:before {
  font-family: FontAwesome;
  font-size: 1.125rem;
  content: "";
  display: inline-block;
  text-align: center;
  width: 1.6875rem;
  vertical-align: middle;
  color: #CCD1D9;
  width: 28px;
}
.xe-order__client .xe-order__client--available {
  color: #8CC152 !important;
}
.xe-order__client .xe-order__client--available:before {
  color: #8CC152 !important;
}
.xe-order__client .xe-order__client--search {
  overflow-y: scroll;
  display: none;
}
.xe-order__client .xe-order__client--search mark {
  padding: 0;
  background: #b8d4f7;
}
.xe-order__client .xe-order__client--search i.fa {
  color: #AAB2BD;
}
.xe-order__client .xe-order__client--search .xe-order__client--searchAnswer {
  display: block;
  width: 100%;
  padding: 8px 4px 8px 0;
}
.xe-order__client .xe-order__client--search .xe-order__client--searchAnswer:hover {
  background: #e6f0fc;
  cursor: pointer;
}
.xe-order__client .xe-order__client--search .xe-order__client--searchAnswerCol1 {
  width: 21%;
  display: block;
  float: left;
  text-align: center;
}
.xe-order__client .xe-order__client--search .xe-order__client--searchAnswerCol1 img, .xe-order__client .xe-order__client--search .xe-order__client--searchAnswerCol1 span, .xe-order__client .xe-order__client--search .xe-order__client--searchAnswerCol1 i {
  margin: 0 4px;
  display: inline-block;
}
.xe-order__client .xe-order__client--search .xe-order__client--searchAnswerCol2 {
  width: 79%;
  display: block;
  float: left;
  padding-left: 12px;
}
.xe-order__client .xe-order__client--search .xe-order__client--searchAnswerCol2 span {
  font-family: "Fira Sans Medium";
}
.xe-order__client .xe-order__client--search .xe-order__client--searchAnswerCol2 .xe-clientMail {
  font-family: "Fira Sans";
}
.xe-order__client .xe-order__client--info {
  padding-right: 8px;
  overflow-y: scroll;
  display: none;
}
.xe-order__client .xe-order__client--info .xe-infoArea, .xe-order__client .xe-order__client--info .xe-infoArea--success, .xe-order__client .xe-order__client--info .xe-infoArea--warn, .xe-order__client .xe-order__client--info .xe-infoArea--error {
  width: 90%;
}
.xe-order__client .xe-order__client--info textarea.xe-textarea {
  width: 90% !important;
}
.xe-order__client .xe-order__client--infoName {
  margin: 0 0 8px 0;
  font-size: 1.2rem;
}
.xe-order__client .xe-order__client--infoName span {
  font-size: 1.5rem;
}
.xe-order__client .xe-order__client--infoName .fa {
  color: #CCD1D9;
  vertical-align: 0.5px;
}
.xe-order__client .xe-order__client--infoName .fa:hover {
  color: #AAB2BD;
}
.xe-order__client .xe-order__client--infoName .xe-order__client--backTosearchField {
  float: right;
}
.xe-order__client .xe-order__client--infoName .xe-order__client--backTosearchField:before {
  vertical-align: -8px;
  padding-right: 8px;
}
.xe-order__client .xe-order__client--infoSummary {
  padding-top: 8px;
}
.xe-order__client .xe-order__client--infoSummary img {
  vertical-align: 0.5px;
}
.xe-order__client .xe-order__client--infoSummary i {
  vertical-align: 1px;
}
.xe-order__client .xe-order__client--infoSummary a {
  display: block;
}
.xe-order__client .xe-order__client--infoSummary .common-lang_ru {
  display: inline-block;
}
.xe-order__client .xe-order__client--btns {
  margin-top: 8px;
}
.xe-order__client .xe-order__client--btns .xe-client__ifElse {
  padding-bottom: 8px;
  text-indent: 6px;
}
.xe-order__client .xe-order__clientSister a {
  margin-right: 4px;
}

.xe-order__communication {
  width: 448px;
  padding: 0 16px;
}
.xe-order__communication .xe-order__communication--orderHead {
  margin-bottom: 4px;
  padding-bottom: 4px;
  box-shadow: #CCD1D9 0 14px 18px -16px;
}
.xe-order__communication .xe-order__communication--allOrderNotes {
  overflow-y: scroll;
}
.xe-order__communication .xe-order__communication--orderNote {
  display: inline-block;
  width: 100%;
  padding: 4px;
}
.xe-order__communication .xe-order__communication--orderNote i {
  float: right;
  width: 40px;
  margin-top: 2px;
  color: #CCD1D9;
}
.xe-order__communication .xe-order__communication--orderNote i:hover {
  color: #f7b1b9;
  color: #ED5565;
  cursor: pointer;
}
.xe-order__communication .xe-order__communication--orderNoteText {
  float: left;
  display: block;
  max-width: 80%;
}
.xe-order__communication .xe-order__communication--orderNoteText span:last-child {
  font-family: "Fira Sans Italic", sans-serif;
  padding-right: 4px;
}
.xe-order__communication .xe-order__communication--addOrderNote {
  display: none;
}
.xe-order__communication .xe-order__communication--addOrderNote i.fa {
  color: #AAB2BD;
}
.xe-order__communication .xe-order__communication--addOrderNote textarea {
  margin-bottom: 8px;
  margin-top: 8px;
}
.xe-order__communication .xe-order__communication--OrderNoteIcons i {
  padding-right: 4px;
}

.xe-sandbox .xe-sandbox__actions {
  font-size: 1.3rem;
}
.xe-sandbox .xe-sandbox__actions .xe-sandbox__actions--scope {
  position: relative;
  background-color: #FFF;
  float: left;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 4px;
}
.xe-sandbox .xe-sandbox__actions .xe-sandbox__actions--scope a {
  color: #656D78;
  padding-right: 20px;
  border-bottom: 2px solid #F5F7FA;
}
.xe-sandbox .xe-sandbox__actions .xe-sandbox__actions--scope a:hover {
  color: #4A89DC;
}
.xe-sandbox .xe-sandbox__actions .xe-sandbox__actions--scope a.xe-sandbox__actions--active {
  color: #4A89DC;
  border-bottom: 2px solid #5D9CEC;
}
.xe-sandbox .xe-sandbox__actions .xe-sandbox__actions--return {
  float: right;
}
.xe-sandbox .xe-sandbox__search {
  margin: 36px 0;
}
.xe-sandbox .xe-sandbox__search .input-group {
  width: 80px;
}
.xe-sandbox .xe-sandbox__search input {
  height: 2.5rem;
  border: 1px solid #CCD1D9;
  padding-left: 8px;
}
.xe-sandbox .xe-sandbox__search input:first-child {
  width: 35rem;
}
.xe-sandbox .xe-sandbox__search input:nth-child(2) {
  width: 3rem;
}
.xe-sandbox .xe-sandbox__search a {
  margin: 0 12px;
  padding: 10px;
}
.xe-sandbox .xe-sandbox__search a i {
  font-size: 1.2rem;
  padding-right: 4px;
}
.xe-sandbox .xe-sandbox__search .xe-finding {
  display: none;
  background-color: #e6f0fc;
  padding-bottom: 20px;
  position: absolute;
  width: 60rem;
  z-index: 10;
  margin-left: -20px;
  box-shadow: #b8d4f7 2px 2px 3px;
}
.xe-sandbox .xe-sandbox__search .xe-finding .xe-findingBox {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.5rem;
  margin-left: 24px;
}
.xe-sandbox .xe-sandbox__search .xe-finding .xe-findingBox:hover {
  background-color: #b8d4f7;
  border-top: 1px solid #4A89DC;
  border-bottom: 1px solid #4A89DC;
  cursor: pointer;
}
.xe-sandbox .xe-sandbox__search .xe-finding .xe-findingBox:hover .xe-findingBox--img {
  display: block;
}
.xe-sandbox .xe-sandbox__search .xe-finding .xe-findingBox--img {
  box-shadow: #b8d4f7 2px 2px 3px;
  display: none;
  position: absolute;
  left: -96px;
  width: 120px;
  background: #b8d4f7;
  text-align: center;
  padding: 4px;
}
.xe-sandbox .xe-sandbox__search .xe-finding .xe-findingBox--img img {
  height: 50%;
  width: 110px;
  text-align: center;
  vertical-align: center;
}
.xe-sandbox .xe-sandbox__search .xe-finding .xe-findingBox--name {
  font-family: Fira Sans Medium;
  padding: 0 4px;
}
.xe-sandbox .xe-sandbox__search .xe-finding .xe-findingBox--exact {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 12rem;
  padding: 0 4px;
}
.xe-sandbox .xe-sandbox__search .xe-finding .xe-findingBox--price {
  font-family: Fira Sans Medium;
  padding: 0 4px;
}
.xe-sandbox .xe-sandbox__search .xe-finding .xe-findingBox--discount {
  padding: 0 4px;
  color: #AAB2BD;
}
.xe-sandbox .xe-sandbox__search .xe-finding .xe-findingBox--actualPrice {
  padding: 0 4px;
  color: #AAB2BD;
  text-decoration: line-through;
}
.xe-sandbox .xe-sandbox__search .xe-finding .xe-findingBox--storage {
  padding: 0 4px;
  font-family: Fira Sans Medium;
}
.xe-sandbox .xe-sandbox__search .xe-finding .xe-findingBox--code {
  padding: 0 4px;
}
.xe-sandbox .xe-sandbox__search .xe-finding .xe-findingBox--link {
  position: absolute;
  right: 0;
}
.xe-sandbox .xe-sandbox__search .xe-finding .xe-findingBox--link a {
  padding: 2px 4px;
  margin-top: 6px;
}
.xe-sandbox .xe-sandbox__shop {
  display: none;
  position: relative;
  overflow: auto;
  background-color: #FFF;
  padding: 12px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.xe-sandbox .xe-sandbox__scan {
  display: none;
  position: relative;
  overflow: auto;
  background-color: #FFF;
  padding: 12px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.xe-sandbox .xe-sandbox__scan i:first-child {
  display: inline-block;
  float: left;
  margin: 20px;
}
.xe-sandbox .xe-sandbox__scan input {
  width: 50%;
  margin-top: 48px;
}
.xe-sandbox .xe-sandbox__scan a {
  margin: 12px 0;
}
.xe-sandbox .xe-sandbox__scan .xe-sandbox__scanTable {
  width: 100%;
  padding: 0 12px;
}
.xe-sandbox .xe-sandbox__cart {
  position: relative;
  background-color: #FFF;
  padding: 20px 0;
}
.xe-sandbox .xe-sandbox__createOffer .xe-groupToOffer {
  margin-right: 32px;
}
.xe-sandbox .xe-sandbox__createOffer select {
  display: inline-block;
  width: auto;
  margin-right: 8px;
}

.xe-offer {
  position: relative;
}

.xe-paymentInvoice, .xe-deliveryAdd {
  display: none;
  background-color: #fff;
  border-radius: 15px;
  color: #000;
  padding: 20px;
  min-width: 400px;
  min-height: 180px;
}
.xe-paymentInvoice .b-close, .xe-deliveryAdd .b-close {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 5px;
}

.xe-paymentInvoice .xe_heyWarehouse a[class^="xe-a__btn"], .xe-paymentInvoice .xe_printNow a[class^="xe-a__btn"] {
  min-width: 148px;
}
.xe-paymentInvoice .xe_heyWarehouse textarea {
  height: 80px;
}
.xe-paymentInvoice .xe_printNow .xe_printNow_howMuch {
  padding-right: 4px;
}
.xe-paymentInvoice .xe_printNow .xe_printNow_howMuch .xe-value {
  color: #000;
}
.xe-paymentInvoice .xe_printNow input {
  width: 40px;
}

.xe-tableModify {
  margin-left: -1.25rem;
  float: left;
  line-height: 2rem;
  background-color: #e6f0fc;
  border-left: 0.8rem solid #4A89DC;
  padding: 0 8px;
  cursor: pointer;
}
.xe-tableModify form {
  display: inline-block;
}
.xe-tableModify i {
  width: 1.4rem;
  display: inline-block;
  margin-left: 2px;
  margin-right: 4px;
  color: #4A89DC;
}
.xe-tableModify .xe-input {
  width: 2rem;
}
.xe-tableModify a {
  margin-left: 4px;
}
.xe-tableModify .xe-tableModify--check {
  font-family: Fira Sans Medium;
}

.xe-tableModifyBtn {
  margin-left: 12px;
  float: left;
  position: relative;
}
.xe-tableModifyBtn ul {
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  list-style: none;
}
.xe-tableModifyBtn ul li ul {
  position: absolute;
  display: none;
  width: 100%;
  background-color: #FFF;
  list-style: none;
  line-height: 2;
}
.xe-tableModifyBtn ul li ul i {
  display: inline-block;
  margin-right: 4px;
}

.xe-acceptPayment {
  width: 14rem;
  float: right;
  margin-top: 91px;
  margin-right: -0.25rem;
}
.xe-acceptPayment a.xe-a__btn--primary {
  padding: 8px;
}
.xe-acceptPayment h4 {
  line-height: 36px;
  padding-left: 8px;
  display: block;
  border-bottom: 1px solid #ED5565;
  margin-left: -2.5rem;
}
.xe-acceptPayment h4 i.fa.fa-exclamation-triangle.fa-lg.fa-fw {
  color: #DA4453 !important;
  padding-right: 4px;
}
.xe-acceptPayment .xe-methodSelect .xe-methodList {
  padding-top: 0px;
}
.xe-acceptPayment .xe-methodSelect .xe-methodList a {
  font-family: "Black Ops One";
  color: #CCD1D9;
  font-size: 2rem;
  vertical-align: -5px;
  padding-left: 8px;
}
.xe-acceptPayment .xe-methodSelect .xe-methodList a:first-of-type {
  padding-left: 12px;
}
.xe-acceptPayment .xe-methodSelect .xe-methodList a:hover {
  color: #000;
}

.xe-tableCash {
  margin: 24px 0;
  border-bottom: none;
}
.xe-tableCash tbody tr {
  margin-bottom: 12px;
}
.xe-tableCash tbody tr:hover {
  background: none !important;
}
.xe-tableCash tbody tr td:first-of-type {
  text-align: right;
  padding-right: 12px;
}
.xe-tableCash tbody tr td:last-of-type {
  padding-left: 12px;
}
.xe-tableCash tbody tr:last-of-type {
  line-height: 48px;
}
.xe-tableCash input {
  width: 80px;
}

.xe-profit {
  float: right;
  margin-top: -103px;
  margin-right: 140px;
}

.xe-bodyActions {
  background: #E6E9ED;
  padding: 12px;
  margin-top: 20px;
  margin-bottom: -40px;
}
.xe-bodyActions a {
  margin: 4px;
}
.xe-bodyActions a:last-child {
  float: right;
  clear: both;
}

.xe-offerSummary {
  display: none;
  float: right;
  margin: 8px;
  position: relative;
  z-index: 1;
}
.xe-offerSummary a {
  display: block;
  margin: 4px 0;
}
.xe-offerSummary .xe-offerSummary--header {
  margin: 4px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #b8d4f7;
  padding: 4px;
}
.xe-offerSummary .xe-offerSummary--header span {
  padding-right: 4px;
}
.xe-offerSummary .xe-offerSummary--header form {
  display: inline-block;
  padding-top: 4px;
  padding-left: 4px;
}

.xe-offerSummary:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 20px;
  left: -16px;
  right: -16px;
  bottom: -16px;
  border: 1px solid #b8d4f7;
}

.xe-colDirection {
  min-width: 21rem;
  position: relative;
}
.xe-colDirection .xe-deliveryLogo {
  position: absolute;
  margin-left: 16px;
}
.xe-colDirection .xe-label {
  margin-top: 4px;
}
.xe-colDirection .xe-label:first-of-type {
  margin-top: 0px;
}

.xe-colTime {
  min-width: 10rem;
}
.xe-colTime .xe-label {
  margin-top: 4px;
}
.xe-colTime .xe-label:first-of-type {
  margin-top: 0px;
}

.xe-colPerson {
  min-width: 15rem;
}

.xe-deliveryBody {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 8px;
}
.xe-deliveryBody .xe-deliveryLogo {
  margin-left: 12px;
}
.xe-deliveryBody .xe-flex--col {
  padding: 0 4px;
}
.xe-deliveryBody .xe-deliveryBody--colLocation {
  width: 35%;
}
.xe-deliveryBody .xe-deliveryBody--colLocation .form-control {
  width: auto;
  display: inline-block;
}
.xe-deliveryBody .xe-deliveryBody--colRecipient {
  width: 25%;
  padding-right: 32px;
}
.xe-deliveryBody .xe-deliveryBody--colNote {
  width: 40%;
}
.xe-deliveryBody .xe-deliveryBody--colNoteHeader {
  padding-bottom: 8px;
  box-shadow: #CCD1D9 0 14px 18px -16px;
}
.xe-deliveryBody .xe-deliveryBody--colGoods {
  min-width: 100%;
}
.xe-deliveryBody .xe-deliveryBody--colNotes {
  margin-top: 12px;
}
.xe-deliveryBody .xe-deliveryBody--colNotesAdd {
  display: none;
}
.xe-deliveryBody .xe-deliveryBody--colNotesAdd textarea {
  margin-bottom: 8px;
  margin-top: 24px;
}
.xe-deliveryBody .xe-goodsTable {
  display: none;
  margin: 0 auto;
  margin-top: 12px;
  width: 90%;
  max-height: 200px;
  overflow-y: scroll;
}

.delivery-popupAcions {
  margin: 8px 0 0 12px;
}
.delivery-popupAcions a {
  margin-right: 8px;
}

.xe-serviceQualityBar {
  border-radius: 4px;
  color: #FFF;
  background: #AC92EC;
  padding: 4px 20px;
  display: inline-block;
}

.xe-serviceQualityStats {
  margin-top: 12px;
}
.xe-serviceQualityStats td {
  padding: 4px;
}

.xe-serviceQualityStats_result i {
  padding-right: 4px;
  color: #CCD1D9;
}

.xe-serviceQualityStats_source {
  color: #AAB2BD;
  font-style: italic;
  font-weight: 300;
}

.xe-b-fastBar {
  display: none;
}

@media print {
  * {
    font-size: 11px;
  }

  .noPrint {
    display: none;
  }

  body {
    margin: 0;
    padding: 0;
  }

  td {
    margin: 0 !important;
    padding: 1px !important;
  }

  .xe-pageContentWrapper {
    height: auto;
    min-height: 10px;
  }

  .xe-contentCard, .xe-contentCard--extraWide {
    margin: 0;
    padding: 0;
  }

  .xe-sidebarWrapper {
    display: none;
  }

  .xe-pageContent {
    padding-right: 0;
  }
}