/*
 * общи функции и параметри
 */
/*
 * светло-сиво за фон
 */
/*
 * като фона на th на таблиците
 */
/*
 * като mainmenu и бутони
 */
/*
 * като фона на известията в мобилен и стандартен бордър
 */
/*
 * лилаво от формите
 */
/*
 * бледо жълто от формите
 */
/*
 * оранжево като при ховър на менюто
 */
/*
 * common elements
 */
dl {
  margin: 0;
  min-width: 300px; }
  dl dt {
    display: block;
    float: left;
    width: 25%;
    text-align: right;
    color: #888888;
    margin-left: 0;
    line-height: 1.5em;
    white-space: nowrap; }
  dl dd {
    float: left;
    width: 73%;
    margin-left: 2%;
    line-height: 1.5em; }

  .narrow dl dt {
    width: 35%; }
  .narrow dl dd {
    width: 63%; }

  .groupList table td {
    vertical-align: top;
    line-height: 1.5em; }
    .groupList table td:first-child {
      white-space: nowrap; }
  .groupList table .dt {
    width: 21.5%;
    text-align: right;
    color: #888888;
    white-space: nowrap;
    padding-right: 10px; }

.narrow .folder-cover .groupList table .dt {
  white-space: normal; }

tr.noHover td:hover {
  color: #999999;
  background: white; }

/*
 * край на common elements
 */
/*
 * менюта и подменюта
 */
#framecontentTop,
#framecontentBottom,
#framecontentTop.a,
#framecontentBottom.a {
  display: block;
  overflow: hidden;
    /*
   * Disable scrollbars. Set to "scroll" to enable
   */
  background-color: #dddddd;
  color: #004488; }

#framecontentTop {
  width: 100%;
  padding: 0; }

#framecontentBottom {
  border-top: solid 2px #004488;
  padding-left: 0.2em;
  padding-top: 0.2em; }
  #framecontentBottom small {
    color: #999999;
    vertical-align: middle;
    font-size: 10px; }

.bugReport {
  border: none;
  background-color: rgba(0, 0, 0, 0);
  vertical-align: top; }

.narrow .bugReport {
  position: relative;
  padding: 0; }

.narrow #framecontentBottom {
  padding: 2px 5px 0 5px; }

#subMenu {
  padding: 5px;
  background-color: #eeeeee; }

.wide #subMenu {
  padding-top: 1px;
  line-height: normal; }

.narrow #submenu {
  padding-top: 5px; }

.narrow .mainMenu {
  display: block;
  padding: 3px;
  margin-top: 2px;
  margin-bottom: 5px;
  background-color: #dddddd; }

.narrow a.subMenu,
.narrow span.subMenu {
  font-size: 0.9em;
  margin: 1px 2px 4px 8px;
  display: inline-block; }

#mainMenu {
  background-color: #dddddd;
  padding: 5px;
  display: block;
  border-bottom: solid 2px #004488;
  line-height: normal; }

.wide #mainMenu {
  min-height: 70px;
  min-width: 700px; }

.selectLang img {
  padding: 0;
  margin: 0;
  vertical-align: middle; }

#maincontent {
  background-color: #eeeeee; }

.wide #maincontent {
  position: relative;
  padding: 7px;
  min-height: 400px; }

.narrow #maincontent {
  padding: 5px; }

#navBar {
  position: relative;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #003333;
  display: block; }

.menuRow {
  color: #999977;
  text-decoration: none;
  font-weight: bold; }

#framecontentTop .menuRow {
  padding: 1px; }

#mainMenu a {
    /*
   * nav при wide
   */
  padding: 1px;
  text-decoration: none;
  font-weight: bold;
  border: solid 1px rgba(0, 0, 0, 0); }

.menuPage a {
    /*
   * nav при narrow
   */
  margin: 2px;
  display: block;
  border: solid 1px rgba(0, 0, 0, 0); }

.menuRow a:link,
.menuRow a:visited {
  color: #004488;
  text-decoration: none; }

.narrow .menuRow a:link,
.narrow .menuRow a:visited {
  border: solid 1px rgba(0, 0, 0, 0); }

.menuRow a:hover,
.menuRow a:focus {
  color: white;
  background-color: #ff9900; }

.wide #subMenu a {
  padding: 2px;
  padding-left: 3px;
  padding-right: 3px;
  font-family: arial;
  border: solid 2px rgba(0, 0, 0, 0); }

.narrow #subMenu .menuItem {
  padding: 0 1px;
  display: inline-block;
  margin-bottom: 2px; }

#subMenu a.selected:hover {
  color: #ff9900; }

a.menuItem:hover,
a.menuItem:active,
a.menuItem:focus {
  color: white;
  background-color: #ff9900; }

#mainMenu a.selected,
.wide #mainMenu a.selected:visited,
.wide #mainMenu a.selected:link {
  color: white;
  background-color: #004488; }

.wide #mainMenu a.selected:hover {
  color: #ff9900; }

.menuRow a:hover,
.menuRow a:focus {
  color: white;
  background-color: #ff9900; }

.wide #subMenu a.selected,
.wide #subMenu a.selected:visited,
.wide #subMenu a.selected:link {
  padding-left: 5px;
  padding-right: 5px;
  border: solid 2px #004488;
  background-color: #dddddd;
  border-top: 2px solid rgba(0, 0, 0, 0);
  font-weight: bold;
  -moz-border-radius: 2px 2px 5px 5px;
  -webkit-border-radius: 2px 2px 5px 5px;
  border-radius: 2px 2px 5px 5px; }

.narrow a.selected {
  color: white !important;
  background-color: #004488;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }

.narrow .favicon {
  display: inline-block;
  position: relative;
  top: 1px;
  margin-right: 3px;
  max-width: 20px; }

/*
 * край на менюта и подменюта
 */
/*
 * стилове за корици
 */
div.folder-cover {
  background-image: url('../img/cover-bg.png');
  display: inline-block;
  max-width: 1000px;
  min-width: 540px;
  margin-top: 10px;
  line-height: 1.2em;
  position: relative;
  border: 1px solid #cccccc;
  padding: 20px;
  -moz-border-radius: 0 25px 0 0;
  -webkit-border-radius: 0 25px 0 0;
  border-radius: 0 25px 0 0;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); }
  div.folder-cover.state-opened {
    background: #cef1d7 url('../img/cover-bg-green.png'); }
  div.folder-cover.state-active {
    background: #fffdea url('../img/cover-bg-yellow.png'); }
  div.folder-cover.ownCompany .block_title {
    background: #a0f1b3; }
  div.folder-cover .detail-info {
    background: none; }
    div.folder-cover .detail-info.portal {
      background: none !important;
      box-shadow: none; }
  div.folder-cover .groupTitle {
    white-space: nowrap;
    color: #333333;
    font-weight: bold; }
  div.folder-cover .groupList {
    font-size: 0.95em;
    max-width: 980px; }
    div.folder-cover .groupList .toolbar-btn {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
      position: relative;
      top: -2px; }
    div.folder-cover .groupList .listTopContainer {
      min-width: 300px; }
    div.folder-cover .groupList div.rowtools {
      display: inline-block;
      width: auto;
      top: 1px;
      position: relative; }
  div.folder-cover.large-cover {
    max-width: 1000px !important; }
    div.folder-cover.large-cover .groupList {
      max-width: 975px; }
  div.folder-cover .label {
    color: #777777;
    font-size: 13px;
    width: 70px;
    float: left; }
  div.folder-cover a.sky:link,
  div.folder-cover a.sky:visited,
  div.folder-cover a.sky:visited {
    font-size: 13px;
    color: #4a66b0;
    text-decoration: none; }
  div.folder-cover a.sky:hover {
    font-size: 13px;
    color: #4a66b0;
    text-decoration: underline; }
  div.folder-cover .fancybox img {
    background: #eeeeee;
    border: solid 1px #dddddd;
    padding: 3px;
    padding: 10px; }
  div.folder-cover .block_title {
    border-bottom: solid 1px #dddddd;
    padding: 7px;
    -moz-border-radius: 0 15px 0 0;
    -webkit-border-radius: 0 15px 0 0;
    border-radius: 0 15px 0 0;
    font-size: 1.35em;
    color: #443333;
    margin-bottom: 10px;
    text-shadow: 1px 1px 1px #dddddd; }
    div.folder-cover .block_title img {
      vertical-align: bottom; }
  div.folder-cover .block_left {
    clear: left;
    font-size: 12px;
    padding: 0 10px 10px 0;
    min-width: 250px;
    float: left;
    margin-right: 20px;
    position: relative; }
    div.folder-cover .block_left .address {
      max-width: 240px;
      margin-bottom: 15px; }
  div.folder-cover .block_right {
    min-width: 100px;
    font-size: 12px;
    padding: 0 0 10px 10px;
    float: left; }
  div.folder-cover h2 {
    margin: 0 0 20px 0; }
  div.folder-cover .alphabet {
    line-height: 0.9em;
    padding-bottom: 0; }
  div.folder-cover .tab {
    font-size: 0.7em; }
  div.folder-cover .tab-page .detail-info {
    margin-bottom: 0 !important;
    margin-top: 0; }
  div.folder-cover .docStatistic {
    margin-top: 20px; }
  div.folder-cover .top-tab-content {
    padding: 5px 10px 10px 10px; }
  div.folder-cover .tab-control .detail-info {
    font-size: 0.9em; }
  div.folder-cover .portal table.listTable .innerTable {
    margin-left: 20px; }
    div.folder-cover .portal table.listTable .innerTable td {
      border: none !important; }

.costObjectCoverTotalRow th {
  padding: 5px 3px; }

.document .detail-info .store_Products  .listTable {
  max-width: 100% !important;
  width: 100%; }

.dangerTitle {
  color: #cc0000;
  font-weight: bold;
  font-size: 1.1em; }

.noheader .listTable {
  width: 100%;
  border-top: none; }
  .noheader .listTable th {
    display: none; }
  .noheader .listTable tbody tr:first-child td {
    border-top: none; }
  .noheader .listTable tr:nth-child(odd) {
    background: rgba(0, 0, 0, 0); }
  .noheader .listTable tr:nth-child(even) {
    background: rgba(238, 238, 238, 0.5); }

.narrow .folder-cover {
  line-height: 1.3em;
  margin-left: 0;
  margin-top: 8px;
  max-width: 720px;
  min-width: 280px;
  font-size: 0.9em;
  display: block;
  padding: 10px !important; }
  .narrow .folder-cover .block_title img {
    vertical-align: baseline; }
  .narrow .folder-cover .detail-info {
    padding: 3px 7px 7px 7px; }
  .narrow .folder-cover .tab-page {
    padding: 0 !important; }
  .narrow .folder-cover .tab-page .portal.detail-info {
    margin-left: 2px; }

.leftAlign {
  text-align: left !important; }

.nameCell {
  text-align: left !important;
  min-width: 300px;
  max-width: 460px !important; }

.doc_Containers table.listTable .totalRow td,
.folder-cover  .portal table.listTable  .totalRow td {
  vertical-align: baseline !important;
  padding: 2px 3px 5px !important; }
  .doc_Containers table.listTable .totalRow td.horizonCol,
  .folder-cover  .portal table.listTable  .totalRow td.horizonCol {
    top: 0 !important; }

.public.folder-cover {
  margin: 0; }

.folder-cover .store_Products .listRowsDetail {
  overflow: auto; }

.special-title {
  padding: 10px !important;
  font-size: 0.9em;
  line-height: 1.1em;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }

/*
 * край на стилове за корици
 */
.fieldset-holder {
  border: none;
  padding: 0 0 20px;
  background: rgba(0, 0, 0, 0); }
  .fieldset-holder .listTable {
    border: none; }
    .fieldset-holder .listTable th {
      background: #f1f1f1 !important;
      border: 1px solid white !important;
      display: table-cell !important;
      visibility: visible !important;
      vertical-align: middle !important; }
    .fieldset-holder .listTable td {
      border: none !important;
      border-top: dotted 1px #cccccc !important;
      vertical-align: top !important; }
  .fieldset-holder legend {
    padding: 0 5px; }
    .fieldset-holder legend div.rowtools {
      white-space: nowrap;
      width: auto;
      display: inline-block; }
    .fieldset-holder legend .add-btn {
      position: relative;
      top: -4px;
      display: inline-block; }
  .fieldset-holder tr.group-by-field-row {
    background-color: #f1f1f1; }

tr.row-added {
  background-color: #e6ffe0; }

tr.row-removed {
  background-color: #cce3fe; }

  .wide .user-profile .listTopContainer {
    min-width: 0; }

.wide .user-profile .listBlock {
  display: block; }
  .wide .user-profile .listBlock .listRows > table.listTable {
    width: 100%; }

.narrow .user-profile .listBlock .listRows > table.listTable {
  width: 100%; }

/*
 * потребителски профил
 */
.user-profile {
  max-width: 760px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background: #eeeeee;
  margin-top: 15px; }
  .user-profile .user-title {
    position: relative;
    padding: 70px 20px 10px 132px;
    height: 104px;
    display: flex;
    align-items: end;
    justify-content: left;
    box-sizing: border-box;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    background: #eaeaea;
        /*
     * Old browsers
     */
    background: -moz-linear-gradient(top, #eaeaea 0%, #616162 100%);
        /*
     * FF3.6+
     */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaeaea), color-stop(100%, #616162));
        /*
     * Chrome,Safari4+
     */
    background: -webkit-linear-gradient(top, #eaeaea 0%, #616162 100%);
        /*
     * Chrome10+,Safari5.1+
     */
    background: -o-linear-gradient(top, #eaeaea 0%, #616162 100%);
        /*
     * Opera 11.10+
     */
    background: -ms-linear-gradient(top, #eaeaea 0%, #616162 100%);
        /*
     * IE10+
     */
    background: linear-gradient(to bottom, #eaeaea 0%, #616162 100%);
        /*
     * W3C
     */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#616162', GradientType=0);
        /*
     * IE6-9
     */
    color: white;
    font-weight: bold;
    border-radius: 5px 5px 0 0; }
      .user-profile .user-title.statusClass .timeSpan {
        color: white !important; }
    .user-profile .user-title .linkWithIcon {
      color: white !important; }
    .user-profile .user-title .user-name {
      font-size: 1.3em; }
  .user-profile .profile-image > a,
  .user-profile .profile-image div {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 100px;
    height: 100px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 3px solid white;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    display: block;
    text-align: center;
    background: white;
    overflow: hidden; }
    .user-profile .profile-image > a img,
    .user-profile .profile-image div img {
      width: auto;
      height: 100px; }
  .user-profile > .groupList {
    margin-left: 10px; }
  .user-profile .card-profile {
    margin: 0 10px 10px; }
  .user-profile .fright {
    margin-left: 10px; }
  .user-profile .inner-holder {
    padding: 15px 15px 15px 15px; }
  .user-profile .detail-info {
    background: white; }
    .user-profile .detail-info .groupTitle {
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); }
  .user-profile .detail-info.portal .dt {
    width: 1%;
    min-width: 85px; }

  #profileLoginLog.groupList table td,
  #profileActionLog.groupList table td {
    padding: 3px;
    border-top: 1px dashed #bbbbbb; }
    #profileLoginLog.groupList table td:first-child,
    #profileActionLog.groupList table td:first-child {
      width: 1%;
      white-space: nowrap;
      padding: 3px 20px; }
  #profileLoginLog.groupList table tr:first-child td,
  #profileActionLog.groupList table tr:first-child td {
    border-top: none; }

.narrow .user-profile {
  margin-top: 7px;
  display: table;
  max-width: 600px; }
  .narrow .user-profile .user-title {
    font-size: 1.1em;
    padding: 70px 20px 10px 127px; }
  .narrow .user-profile table .dt {
    padding-right: 5px; }
  .narrow .user-profile .profile-image>a,
  .narrow .user-profile .profile-image div {
    left: 10px;
    top: 10px; }
  .narrow .user-profile .detail-info {
    font-size: 0.9em;
    min-width: 90%;
    line-height: 1.2em; }
  .narrow .user-profile .inner-holder {
    padding: 10px; }
  .narrow .user-profile .linkWithIcon {
    height: auto;
    padding-top: 1px; }
  .narrow .user-profile table .dt {
    line-height: 1.2em; }
  .narrow .user-profile .fleft,
  .narrow .user-profile .fright {
    float: none;
    margin-left: 0; }

.personStatus {
  color: white !important;
  margin-top: 5px;
  display: block; }

.user-title .personStatus .profile {
  color: white !important; }

/*
 * край на потребителски профил
 */
/*
 * стилове за cat
 */
div.productImage {
  padding: 10px 0 8px 8px;
  float: right; }

.narrow div.productImage {
  padding: 10px 8px 8px 0;
  float: left; }

.productPreview {
  height: auto;
  width: auto;
  max-height: 500px;
  max-width: 300px; }

.productPreviewHolder {
  float: right; }

  .taskSpecInfo .productPreviewHolder img,
  .taskSpecInfo .productImage img {
    max-height: 75px !important;
    max-width: 90px !important; }

.narrow .productPreviewHolder {
  clear: both;
  float: none;
  display: block; }
  .narrow .productPreviewHolder .productPreview {
    max-height: 300px;
    max-width: 200px; }

  .products-table .productPreview,
  .jobTable .productPreview,
  .general-product-description .productPreview,
  .sales_SalesDetails .productPreview,
  .store_ShipmentOrderDetails .productPreview {
    max-width: 320px;
    max-height: 320px; }
  .products-table .groupList .small-padding .productGroupInfo,
  .jobTable .groupList .small-padding .productGroupInfo,
  .general-product-description .groupList .small-padding .productGroupInfo,
  .sales_SalesDetails .groupList .small-padding .productGroupInfo,
  .store_ShipmentOrderDetails .groupList .small-padding .productGroupInfo {
    padding-top: 5px !important; }
  .products-table .colorBox,
  .jobTable .colorBox,
  .general-product-description .colorBox,
  .sales_SalesDetails .colorBox,
  .store_ShipmentOrderDetails .colorBox {
    width: 12px;
    height: 12px;
    margin-bottom: 0;
    position: relative;
    top: -1px; }

  .productCode:before {
    content: "[";
    color: #888888;
    position: relative;
    top: -1px;
    margin-right: 2px; }
  .productCode:after {
    content: "]";
    color: #888888;
    position: relative;
    top: -1px;
    margin-left: 2px; }

  .printing .document .mergedDetailsholder table.listTable>thead>tr>th {
    background: none !important;
    font-weight: normal;
    font-size: 0.8em; }
  .printing .document .mergedDetailsholder table.listTable>tbody>tr>td {
    background: white !important; }
  .printing .document table.listTable>tbody>tr>td.mergedDetailWideTD {
    padding: 0 !important; }
    .printing .document .listTable .mergedDetails .no-border td {
      border: none !important;
      vertical-align: top !important;
      padding: 1px; }
    .printing .document .listTable .mergedDetails div > table.listTable>thead>tr>th {
      background: none !important; }

.products-table .rowtoolsGroup.modal-toolbar.iw-contextMenu {
  max-width: 200px; }

  .product-component-title td {
    border-top: 1px solid #dddddd;
    padding: 5px 0;
    vertical-align: middle !important; }
  .product-component-title:first-child td {
    border-top: none; }
  .product-component-title .anchor-arrow {
    margin-top: -3px; }

.group-link {
  font-size: 0.8em;
  background-color: #e4e4e4;
  border: 1px solid #aaaaaa;
  border-radius: 4px;
  margin-top: 1px;
  margin-bottom: 1px;
  padding: 1px 2px;
  line-height: 1.2em;
  cursor: pointer;
  display: inline-block; }
  .group-link:hover {
    background-color: #f1f1f1; }

.groupList .small-padding .productGroupInfo {
  padding-top: 10px !important;
  text-decoration: underline;
  padding-left: 0; }

.colorName {
  position: relative;
  top: -2px; }

.colorBox {
  border: solid 1px #333333;
  margin: 0px 2px 2px 5px;
  height: 14px;
  width: 14px;
  display: inline-block;
  position: relative; }

.color-preview.colorful,
.colorBox.colorful {
  background: -webkit-linear-gradient(to bottom right, red, yellow, green, blue) !important;
    /*
   * For Safari 5.1 to 6.0
   */
  background: -o-linear-gradient(to bottom right, red, yellow, green, blue) !important;
    /*
   * For Opera 11.1 to 12.0
   */
  background: -moz-linear-gradient(to bottom right, red, yellow, green, blue) !important;
    /*
   * For Firefox 3.6 to 15
   */
  background: linear-gradient(to bottom right, red, yellow, green, blue) !important;
    /*
   * Standard syntax (must be last)
   */ }

.product-component-stage {
  background-color: #eeeeee;
  padding: 5px;
  border: 1px solid #cccccc; }

  .detail-info .general-product-description .richtext,
  .detail-info .general-product-description .groupList {
    margin: 0 0 2px;
    font-size: 0.9em;
    color: #222222; }

.report-new-version-info {
  margin-top: 15px;
  border: 1px solid #cccccc;
  padding: 5px 5px 5px 10px;
  background: rgba(255, 255, 190, 0.5);
  font-size: 0.9em;
  color: #222222;
  border-radius: 5px; }

  .products-table a.fancybox img,
  .jobTable a.fancybox img,
  .sales_SalesDetails .productImage a.fancybox img {
    max-width: 320px;
    max-height: 320px;
    width: auto;
    height: auto; }

.general-product-description a.fancybox img {
  max-width: 320px;
  max-height: 320px; }

.component-title {
  padding: 5px 0;
  font-style: italic; }

.componentCode {
  margin: 0 10px 0 5px;
  display: inline-block; }

.product-component-list td {
  border-left: none !important;
  border-right: none !important; }

.product-component-list .componentTitle {
  font-weight: bold; }

  .product-component-list .level0.product-component-title td {
    padding: 7px 0;
    background: rgba(230, 230, 230, 0.5); }

  .product-component-list .level1.product-component-title td {
    padding: 6px 0; }

.product-component-list .level2.product-component-title {
  color: #333333; }
  .product-component-list .level2.product-component-title td {
    padding: 5px 0; }

.product-component-list .level3.product-component-title {
  color: #444444; }
  .product-component-list .level3.product-component-title td {
    padding: 4px 0; }

.product-component-list .level4.product-component-title {
  color: #555555; }
  .product-component-list .level4.product-component-title td {
    padding: 3px 0; }

.product-component-list .level5.product-component-title {
  color: #666666;
  font-size: 0.9em; }
  .product-component-list .level5.product-component-title td {
    padding: 2px 0; }

.display-table .product-component-holder {
  margin-left: 10px; }

/*
 * край на стилове за cat
 */
/*
 * стилове за CRM
 */
div.crmImage {
  padding: 10px 0 8px 8px;
  float: right; }

.narrow div.crmImage {
  padding: 10px 8px 8px 0;
  float: none; }

div.crm_Companies div.tab-row .tab.selected,
div.crm_Companies  div.tab-page {
  background: aliceblue; }

div.crm_Persons  div.tab-page,
div.crm_Persons div.tab-row .tab.selected {
  background: honeydew; }

div.crm_Groups div.tab-row .tab.selected,
div.crm_Groups  div.tab-page {
  background: #ffffe8; }

.crm-icon,
div.telephone,
div.fax,
div.email,
div.email,
div.mobile {
  padding-top: 3px;
  padding-left: 22px;
  background-repeat: no-repeat;
  background-position: 3px center; }

div.telephone {
  background-image: url('../img/16/telephone2.png'); }

div.fax {
  background-image: url('../img/16/fax2.png'); }

div.email {
  background-image: url('../img/16/email_link.png'); }

div.mobile {
  background-image: url('../img/16/mobile2.png');
  background-position: 5px center; }

.crm-icon a,
.communication a {
  color: #003311; }

.crm-icon a:hover,
.communication a:hover {
  color: #009933; }

.communication {
  display: inline-block; }

.communicationImg {
  position: relative;
  display: inline-block;
  top: 2px;
  margin-right: 5px; }

.custom-rowtools {
  display: inline-block;
  margin-left: 5px;
  position: relative;
  top: 2px; }

.namelist {
  padding-top: 2px;
  margin-bottom: 4px;
  display: block; }
  .namelist .icon {
    margin: 0 5px; }

.number-block {
  padding: 2px;
  margin-left: 3px;
  margin-right: 3px;
  color: #444444;
  border: solid 1px #bbbbbb;
  background-color: rgba(0, 0, 0, 0.05);
  font-size: 0.8em;
  top: -1px;
  position: relative;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); }

.versionBlock {
  display: inline;
  padding: 2px 5px;
  margin-left: 3px;
  margin-right: 3px;
  color: blue;
  border: solid 1px #bbbbbb;
  background-color: rgba(247, 240, 240, 0.8);
  font-size: 0.8em;
  top: -1px;
  position: relative;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); }

.document-handler {
  font-size: 0.8em;
  border-radius: 3px;
  border: solid 1px #bbbbbb;
  padding: 2px;
  display: inline-block; }

/*
 * край на стилове за CRM
 */
.groupTitle {
  padding: 0 2px;
  border-radius: 5px; }

option.team {
  background: black;
  color: #ffcc00; }

#Bottom-tab-planning_Centers td {
  max-width: 260px; }
  #Bottom-tab-planning_Centers td .linkWithIcon {
    overflow-wrap: break-word;
    white-space: break-spaces; }

/*
 * Стилове за acc
 */
div.acc-detail {
  font-size: 0.8em;
  margin: 3px;
  padding: 3px;
  font-family: Arial;
  border: solid 1px #cccccc;
  background-color: #eeeeee; }

.acc_ArticleDetails .listTable th {
  white-space: nowrap; }

.wide .acc_ArticleDetails .horizontal .formToolbar {
  float: none; }

.accCell {
  padding-left: 15px !important; }

.itemClass {
  min-width: 210px; }

.inline-checkbox {
  display: inline-block;
  margin: 5px 10px !important;
  position: relative;
  top: 2px; }

.accToolsCell {
  width: 1%; }
  .accToolsCell a.linkWithIcon {
    width: 20px;
    height: 20px;
    display: inline-block;
    padding: 0 !important; }

.additionalInfo-holder {
  display: inline-block;
  position: relative; }
  .additionalInfo-holder .additionalInfo {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    border: 1px solid #cccccc;
    padding: 10px;
    display: none;
    position: absolute;
    z-index: 1001;
    bottom: 15px;
    left: 20px;
    background: #ffffee;
    width: auto;
    border-radius: 5px;
    font-size: 15px;
    color: black; }
    .additionalInfo-holder .additionalInfo.bottom {
      bottom: auto;
      top: 0; }
    .additionalInfo-holder .additionalInfo .aright {
      padding-right: 5px; }
    .additionalInfo-holder .additionalInfo.left {
      right: 0;
      left: auto; }
    .additionalInfo-holder .additionalInfo td {
      white-space: nowrap;
      border: none !important;
      text-align: left !important; }
    .additionalInfo-holder .additionalInfo .aright {
      text-align: right !important; }
  .additionalInfo-holder .docTags {
    top: -1px !important; }
    .additionalInfo-holder .docTags .enTag {
      vertical-align: middle; }
  .additionalInfo-holder .anchor-arrow {
    cursor: pointer; }

.toggleLink {
  float: right;
  display: inline-block;
  height: 20px;
  cursor: pointer;
  padding: 3px; }

.narrow #cmsNavigation .articles-navigation {
  margin-top: -10px !important;
  margin-bottom: 0 !important; }
  .narrow #cmsNavigation .articles-navigation #searchform {
    margin: 0 !important;
    float: left; }
  .narrow #cmsNavigation .articles-navigation #simpleSearch {
    margin: 0 !important;
    padding: 0;
    box-shadow: none !important;
    border: none !important;
    position: relative; }
  .narrow #cmsNavigation .articles-navigation #searchInput {
    border-radius: 3px;
    box-shadow: none !important;
    border: none !important; }
  .narrow #cmsNavigation .articles-navigation #searchButton {
    position: absolute;
    top: 2px;
    right: 26px; }
    .narrow #cmsNavigation .articles-navigation #searchButton:focus {
      outline: none; }

.narrowNav {
  display: none;
  background-color: #f1f1f1;
  border: 1px solid #cccccc;
  padding: 10px 10px 15px 10px;
  font-size: 0.85em;
  margin-bottom: 20px; }

.narrow .additionalInfo {
  font-size: 0.9em; }

.portal table.listTable .additionalInfo-holder td {
  border: none !important; }

.acc-footer {
  text-align: right;
  margin-top: 20px;
  font-size: 1.1em;
  font-weight: bold;
  background-color: #e1e1e1;
  padding: 5px; }

  table.listTable > tbody > tr > .folderListTitle,
  table.listTable > tbody > tr >  .threadListTitle,
  table.listTable > tbody > tr > .emailListTitle {
    max-width: 600px; }

.smallerText {
  font-size: 0.9em; }
  .smallerText.offsetTop {
    margin-top: 20px; }

/*
 * детайли
 */
.detail-info {
  margin: 10px 0 0 0;
  padding: 5px 10px;
  border: solid 1px #cccccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  .detail-info legend img {
    margin-left: 5px;
    vertical-align: middle; }
  .detail-info dl {
    margin-top: -2px; }
  .detail-info .listRows {
    margin-left: 0 !important; }
  .detail-info table tr {
    padding: 0; }
  .detail-info .richtext {
    color: black;
    line-height: 1.2; }
  .detail-info .inline {
    display: inline-block; }
    .detail-info .inline div {
      display: inline-block; }
  .detail-info.portal {
    padding-top: 5px;
    margin-top: 10px;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none; }
    .detail-info.portal p {
      margin: 0; }
    .detail-info.portal table.listTable th {
      background: #e1e1e1 !important;
      border: 1px solid white !important;
      display: table-cell !important;
      visibility: visible !important;
      vertical-align: middle !important; }
    .detail-info.portal table.listTable td {
      text-align: center; }
    .detail-info.acc-summary .accTitle {
      background-color: #e1e1e1;
      display: block;
      line-height: 150%;
      font-size: 1.15em;
      padding-left: 10px;
      padding: 4px 10px 2px 10px;
      font-weight: bold; }
    .detail-info.acc-summary .summary-group {
      border: 2px solid #dddddd;
      margin-top: 20px; }
      .detail-info.acc-summary .summary-group:first-child {
        margin-top: 10px; }
      .detail-info.acc-summary table.listTable th {
        background-color: #eeeeee;
        border: none !important;
        padding: 5px 3px;
        font-weight: bold; }
      .detail-info.acc-summary table.listTable tr:first-child th {
        background-color: rgba(240, 240, 240, 0.5) !important;
        border: none !important;
        padding-bottom: 4px;
        padding-top: 4px;
        font-weight: normal; }
        .detail-info.acc-summary table.listTable tr:first-child th:nth-child(2) {
          text-align: left;
          padding-left: 10px; }
    .detail-info.acc-summary .feather-title {
      text-align: left;
      float: left;
      margin-left: 6px; }
    .detail-info .store_Products .listTopContainer {
      min-width: 500px; }
    .detail-info .store_Products .listTable {
      font-size: 0.9em;
      max-width: 700px !important; }

/*
 * край на детайли
 */
/*
 * портал
 */
.wide table.top-table.large-spacing {
  border-spacing: 10px; }

.wide table.top-table td {
  vertical-align: top; }

.portal {
  margin-top: 15px;
  margin-bottom: 30px;
  padding: 10px;
  padding-top: 18px;
  border: solid 1px #cccccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background-color: white;
  position: relative; }
  .portal.no-border {
    border: none;
    padding: 0;
    margin: 0;
    position: relative; }
    .portal.no-border .portal-filter {
      position: absolute;
      right: 0;
      top: 5px;
      float: none; }
    .portal.no-border .SearchBtnPortal {
      border: none !important; }
  .portal .state-closed {
    background-color: rgba(0, 0, 0, 0); }
  .portal.planning,
  .portal.detail-info {
    margin-bottom: 5px; }
    .portal.planning .state-closed,
    .portal.detail-info .state-closed {
      background-color: #dddddd; }
      .portal.planning .state-closed:hover,
      .portal.detail-info .state-closed:hover {
        background-color: #d0d0d0; }
    .portal.planning table.listTable th,
    .portal.detail-info table.listTable th {
      vertical-align: middle !important; }
  .portal .legend {
    position: absolute;
    top: -16px;
    margin-left: 10px;
    z-index: 100;
    line-height: 20px;
    padding: 5px;
    border: solid 1px #cccccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold; }
    .portal .legend .addTask {
      display: inline-block;
      width: 16px;
      height: 16px;
      padding-left: 5px !important;
      position: relative;
      top: 3px;
      margin-bottom: 0; }
  .portal .richtext {
    line-height: normal; }
  .portal table.listTable {
    width: 100% !important;
    border: none;
    margin-bottom: 0; }
    .portal table.listTable td {
      border: none !important;
      border-top: dotted 1px #cccccc !important;
      vertical-align: top !important;
      padding: 4px 3px; }
    .portal table.listTable > tbody > tr:first-child > td {
      border-top: none !important; }
    .portal table.listTable th {
      display: none;
      border: none;
      vertical-align: top !important; }
    .portal table.listTable .portal-date {
      width: 1%; }

.wide .portal table.listTable {
  font-size: 0.95em;
  line-height: 1.1em !important; }

  .planning_ProductionTaskDetails table.listTable>tbody>tr>td {
    border-top: 1px none !important; }
  .planning_ProductionTaskDetails table.listTable>tbody>tr:first-child>td {
    border-top: 1px dotted #cccccc !important; }

.portal.planning table.listTable th {
  border: 1px solid #cccccc;
  display: table-cell; }
  .portal.planning table.listTable th:first-child {
    border-left: none; }
  .portal.planning table.listTable th:last-child {
    border-right: none; }

.planning.small .plus-icon {
  top: 4px;
  margin-top: -6px; }

.planning.small .listTable td {
  vertical-align: middle !important; }

.narrow .portal .legend .addTask {
  top: 2px; }

td.portal-date {
  text-align: right !important;
  white-space: nowrap; }

.detail-info.portal table.listTable {
  font-size: 1em; }
  .detail-info.portal table.listTable .frontTooltip img {
    height: 14px;
    margin-top: -2px; }

.shortTable .listTable {
  width: 1%; }

.wide .half-block {
  padding-right: 20px; }
  .wide .half-block.large {
    width: 70%; }

.narrow .half-block {
  display: block; }

/*
 * край на портал
 */
/*
 * тредове
 */
.single-thread > .listRows > .listTable > tbody > tr > td {
  padding: 9px; }

.doc_Containers table.listTable td {
  vertical-align: top; }

.doc_Containers > .single-thread > .listRows > table.listTable > tbody > tr {
  background-color: white; }
  .doc_Containers > .single-thread > .listRows > table.listTable > tbody > tr.flash {
    background-color: #ffff88; }

/*
 * стилове при отворени тредове
 */
.doc_Containers > .thread-opened > .listRows > table.listTable > tbody > tr {
  background-color: #e0ffe0; }

.doc_Containers > .thread-opened > .listRows > table.listTable > tbody > tr:hover {
  background-color: #e0ffe0; }

.thread-opened > div > table.listTable > tbody > tr > td {
  border: solid 1px #66cc66; }

.thread-opened table.listTable > thead > tr > th {
  border: solid 1px #66cc66;
  background-color: #aaeeaa; }

.thread-opened div.attachments .aHeader {
  background-color: #e0f0e0; }

a.tUnsighted {
  font-weight: bold; }
  a.tUnsighted:hover {
    color: #ee7700 !important; }

.listTable .change-selected-version td,
.single-thread .document div.alphabet .tab-page .listTable .change-selected-version td {
  background-color: #ffff88; }

/*
 * край на стилове при тредове
 */
.narrow .folder-cover .typeTable {
  min-width: 200px !important;
  max-width: 300px; }

.typeTable {
  border: none !important; }
  .typeTable .formTypeTable {
    text-align: center;
    font-weight: bold;
    font-size: 0.8em;
    background-color: #eeeeee; }
  .typeTable td {
    text-align: center;
    font-size: 0.8em;
    background: white; }
    .typeTable .batchNameTd input {
      white-space: nowrap;
      width: 100% !important; }
    .typeTable .batchNameTd ~ td {
      width: 120px; }
      .typeTable .batchNameTd ~ td input {
        max-width: 120px; }
  .typeTable select {
    max-width: 270px; }
  .typeTable .leftCell select {
    max-width: none; }

.folder-cover .typeTable {
  min-width: 300px !important;
  width: auto !important;
  margin-bottom: 5px; }
  .folder-cover .typeTable td {
    min-width: auto !important; }
    .folder-cover .typeTable td.leftCell,
    .folder-cover .typeTable td.rightCell {
      padding-left: 7px;
      padding-right: 7px; }

  .formFields .typeTable select,
  .formFields .typeTable input {
    border: none !important;
    box-shadow: none !important;
    outline: none !important; }
    .formFields .typeTable select:active,
    .formFields .typeTable input:active,
    .formFields .typeTable select.focus,
    .formFields .typeTable input.focus {
      box-shadow: none !important;
      outline: none !important; }

/*
 * стилове за документи
 */
.document {
  width: 100%;
  min-width: 50em;
  max-width: 60em;
  border: solid 1px #bbbbbb;
  background: white;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 20px;
  line-height: 120%;
  margin-top: 10px; }
  .document .corrected {
    color: #cc0000; }
  .document .correction {
    color: #e78a02; }
  .document .block_left {
    margin-top: 10px; }
  .document p {
    margin-top: 0;
    margin-bottom: 5px;
    line-height: 120%; }
  .document .indent {
    text-indent: 25px; }
  .document .custom-ul {
    margin-top: 5px;
    margin-bottom: 5px; }
  .document h1 {
    margin: 0.5em 0;
    line-height: 1em; }
  .document h3 {
    margin-bottom: 10px; }
  .document div.richtext-holder {
    margin-top: 0;
    margin-bottom: 5px;
    line-height: 120%; }
    .document div.richtext-holder .richtext {
      display: inline;
      color: black; }
  .document .listTable {
    width: 100%; }
  .document .header {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 3px;
    font-size: 1em;
    margin-bottom: 10px; }
    .document .details .listTable {
      width: 100%; }
    .document .details .listToolbar {
      padding: 10px 0 5px;
      margin: 0;
      border-bottom: 1px solid #bbbbbb; }
      .document .details .listToolbar .toolbar {
        padding-left: 0; }
  .document .listTable th,
  .document .listTable td {
    border: 1px solid #bbbbbb; }
  .document .border-table,
  .document .pko-notes,
  .document .no-border-top {
    width: 100%; }
  .document .border-table td,
  .document .border-table th {
    border: 1px solid #bbbbbb;
    padding: 3px; }
  .document .border-table th {
    background-color: #e0e0e0; }
  .document .border-field {
    display: inline-block;
    width: 120px;
    border-bottom: 1px solid #aaaaaa; }
  .document .no-border-bottom {
    border-bottom: none !important; }
  .document .no-border td,
  .document .no-border th {
    border: none !important; }
  .document.print-letter {
    page-break-after: always;
    max-width: 840px;
    float: none;
    padding: 15px; }
    .document.print-letter:last-child {
      page-break-after: auto; }
  .document .custom-header-bg {
    background-color: #e0e0e0 !important;
    height: 20px; }
  .document .custom-header-bg b {
    background-color: #e0e0e0 !important; }
  .document .listTable .numericElement {
    text-align: right;
    display: inline-block;
    white-space: nowrap; }
  .document .tab-control .detail-info {
    font-size: 0.9em; }
  .document .business-doc-summary-table > tbody > tr > td {
    padding: 3px !important;
    border: 0px !important; }
    .document .reportHolder .group-by-field-row td {
      padding: 5px !important; }
  .document .original {
    letter-spacing: 3px;
    color: #999999; }

.modalBtn {
  height: 70px;
  width: 450px;
  vertical-align: middle;
  cursor: pointer;
  box-sizing: border-box;
  padding: 10px 20px;
  font-size: 1.5em !important;
  text-align: center;
  border-radius: 10px;
  color: white !important;
  font-weight: bold;
  border: 1px solid #666666;
  border-radius: 3px;
  box-shadow: rgba(233, 233, 233, 0.5) 1px 1px 0 0 inset, 2px 2px 3px rgba(0, 0, 0, 0.1);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  background-color: #cccccc; }
  .modalBtn.disabledBtn {
    color: #999999 !important; }

.confirmPayment {
  background-color: #4c9d2c !important; }
  .confirmPayment.disabledBtn {
    background-color: #3f682f !important; }

.closePaymentModal {
  background-color: #c51818 !important; }
  .closePaymentModal.disabledBtn {
    background-color: #7c2525 !important; }

.header .documentTags {
  position: relative;
  top: -4px; }

.threadSubTitle .documentTags .tags {
  font-size: 0.9em;
  position: relative;
  top: 0px; }

.threadSubTitle.onlyTags {
  display: inline; }
  .threadSubTitle.onlyTags .documentTags {
    top: -2px; }

.portalHeaderTitle {
  margin-right: 5px; }

.documentTags .tags {
  font-size: 0.7em;
  font-weight: normal !important;
  border: 1px solid #999999;
  padding: 0px 2px 1px;
  opacity: 0.9;
  box-sizing: border-box;
  white-space: nowrap;
  display: inline-block;
  height: 18px;
  line-height: 16px;
  margin: 1px 3px !important;
  position: relative; }
  .documentTags .tags.tagType-personal {
    border-radius: 5px; }

.titleTags,
.small.openModal {
  line-height: 1.5em !important; }

.titleTags .documentTags {
  position: relative;
  top: -2px; }

.tags.lightBg a {
  color: black !important; }

.tags.darkBg a {
  color: white !important; }

.doc_Threads .listTable .documentTags .tags {
  font-size: 0.9em !important;
  top: 0 !important; }

.narrow .portalAuthorTitle {
  position: relative;
  top: 2px; }

.narrow .documentTags {
  white-space: normal !important; }

.legend .documentTags .tags {
  top: -1px; }

.portal .threadSubTitle .tags {
  opacity: 1;
  margin-left: 5px;
  white-space: nowrap;
  display: inline-block;
  width: 9px;
  height: 9px;
  overflow: hidden;
  position: relative;
  border: 1px solid #999999;
  box-sizing: border-box;
  top: 1px; }
  .portal .threadSubTitle .tags.tagType-personal {
    border-radius: 5px; }

.threadTitlesHolder {
  position: relative;
  padding-right: 25px; }

.tagsHolder {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
  display: none; }

.doc_drivers_LatestDocPortal .tagsHolder {
  display: block; }

.narrow .tagsHolder {
  margin-top: -10px; }

  .doc_drivers_FolderPortal .threadSubTitle {
    display: block !important;
    clear: both; }
  .doc_drivers_FolderPortal .otherSubtitleStr {
    clear: both;
    float: left;
    padding-top: 3px; }
  .doc_drivers_FolderPortal .portalAuthorTitle {
    float: right;
    display: block; }

  .bgerp_drivers_Tasks .rightCol {
    width: 38px; }
    .bgerp_drivers_Tasks .rightCol .progress {
      position: relative;
      top: -2px; }
  .bgerp_drivers_Tasks .otherSubtitleStr {
    display: inline-block;
    padding-top: 3px !important; }
  .bgerp_drivers_Tasks .tagsHolder {
    margin-right: -45px; }

.noteBomCol {
  color: green;
  font-size: 0.9em; }

.noteExpectedCol {
  color: blue;
  font-size: 0.9em; }

  .narrow .document span.state {
    padding: 2px 5px;
    border-radius: 3px;
    display: inline-block; }
  .narrow .document .original {
    margin-top: 3px;
    font-size: 0.9em; }
  .narrow .document .subtitle {
    margin-top: 4px; }

.lighterColor {
  opacity: 0.6;
  font-size: 0.9em; }

  .document .reportHolder th {
    font-size: 0.8em;
    white-space: normal !important; }

.frame2Table tr.group-by-field-row {
  background: #dddddd;
  font-weight: bold; }
  .frame2Table tr.group-by-field-row:hover {
    background: #eeeeee !important; }

.CVTable {
  font-family: Arial, Helvetica;
  width: 100%; }
  .CVTable .title {
    text-transform: uppercase;
    font-size: 1.1em;
    padding-top: 20px;
    padding-bottom: 5px; }
  .CVTable td {
    padding: 2px 5px; }
  .CVTable .aright {
    width: 150px; }

  .cv-document ul {
    margin: 0; }

.ul-title {
  margin: 0; }

#quot-table {
  margin-top: 10px;
  border-collapse: collapse;
  margin-bottom: 0px; }

.narrow #quot-table {
  margin-left: 0; }

.quote_title {
  margin-top: 12px;
  margin-bottom: 10px;
  font-size: 2em;
  font-weight: bold;
  color: #636363;
  font-family: impact; }

.state-rejected .quote-title {
  color: #999999; }

.title-info {
  margin: 2px 0 !important; }

.receiver {
  color: #636363;
  text-decoration: underline; }

.receiver-block {
  padding-top: 12px;
  min-height: 170px;
  width: 40%;
  float: left; }

.narrow .receiver-block,
.narrow .quot-title-td {
  clear: both;
  float: none;
  width: 100%;
  margin-top: 10px; }

#condition-title {
  font-weight: bold;
  text-decoration: underline; }

#conditions {
  margin: 0px;
  line-height: 1.5em; }

#details-holder {
  margin-top: 15px; }

.narrow .products-table {
  font-size: 0.9em;
  width: 100%; }

.narrow .products-table ul {
  clear: both; }

#details-holder p,
#optional-holder p {
  margin-bottom: 10px; }

.products-table tr td.total-td-label {
  vertical-align: bottom !important;
  text-align: right;
  font-size: 0.9em; }

.quotation-detail-add-btn {
  margin: 10px 0 20px; }

.products-table {
  border: 1px solid #cccccc;
  border-collapse: collapse;
  width: 100%; }

.products-table th {
  border: 1px solid #cccccc;
  background-color: #e0e0e0 !important;
  padding: 5px; }

.products-table  td {
  border: 1px solid #cccccc !important;
  padding: 5px;
  vertical-align: top !important; }

.doc_Containers table.listTable td.misc-info {
  vertical-align: top !important; }

.discount {
  color: green;
  margin-top: 5px; }

.offer-rowtools-id .rowtools {
  display: inline-block;
  width: auto; }

.offer-rowtools-id span {
  display: inline-block;
  vertical-align: top; }

.quiantity-misc {
  padding-top: 5px;
  font-size: 0.9em; }

#add-others {
  position: relative;
  top: 2px;
  margin-left: 5px; }

.oldAmount {
  text-decoration: line-through;
  font-size: 0.9em;
  color: #999999; }

.page-break {
  display: none; }

#quot-title-td {
  width: 55%;
  float: left; }

.discount {
  font-size: 0.9em; }

.richtext table {
  clear: both; }

.expired-quote {
  color: darkred;
  font-weight: bold;
  font-style: italic;
  margin-left: 5px; }

.printing .quote-header {
  border-bottom: 1px solid #cccccc !important; }

.quote-header td.gray-bg {
  background-color: #e0e0e0 !important; }

.quote-header .cell {
  border: 1px solid #cccccc !important; }

.quote-header td b {
  background: rgba(0, 0, 0, 0) !important; }

.business-doc-summary-table td {
  padding: 1px;
  border: 0px !important; }

.sign_names {
  white-space: nowrap; }

.dark-gray {
  color: #444444; }

#packWrapper > .floatedElement,
#packWrapper > .tab-control .tab-page .floatedElement {
  float: left; }
  #packWrapper > .floatedElement.preview-holder:not(.palletInfoBlock),
  #packWrapper > .tab-control .tab-page .floatedElement.preview-holder:not(.palletInfoBlock) {
    margin-top: -20px !important;
    min-width: 800px; }
  #packWrapper > .floatedElement.palletInfoBlock,
  #packWrapper > .tab-control .tab-page .floatedElement.palletInfoBlock {
    margin-top: -10px !important; }

.palletInfoBlock {
  display: inline-block; }

#packWrapper form.floatedElement {
  margin-right: 20px; }

.smallerTextInTable {
  font-size: 0.7em;
  min-width: 20em; }

.small-padding td {
  padding: 3px !important; }

.groupList .small-padding td {
  padding: 2px 3px 0 !important; }

.wide .halfTable {
  width: 45%;
  float: left;
  margin-top: 5px; }
  .wide .halfTable.offsetLeft {
    margin-left: 50px; }
  .wide .halfTable .titleCol {
    width: 120px; }

.readonlyInput {
  border: none !important;
  background: none !important;
  box-shadow: none !important; }

  .productCell .halfTable .titleCol {
    width: 100px;
    vertical-align: top; }
  .productCell .halfTable.offsetLeft {
    margin-left: 20px; }

.productName {
  white-space: normal !important;
  font-weight: bold;
  color: #444444; }

.narrow .halfTable {
  margin-top: 10px; }
  .narrow .halfTable.offsetLeft {
    margin-left: 0px; }

.document-settings,
.document-settings-left {
  display: inline-block;
  height: 16px;
  float: right; }
  .document-settings span,
  .document-settings a,
  .document-settings-left span,
  .document-settings-left a {
    margin-bottom: 0; }
  .document-settings .additionalInfo,
  .document-settings-left .additionalInfo {
    left: auto;
    right: -4px; }
    .document-settings .additionalInfo.right,
    .document-settings-left .additionalInfo.right {
      left: -42px;
      right: auto; }
  .document-settings .pluginCountButtonNub,
  .document-settings-left .pluginCountButtonNub {
    height: 0;
    left: 0px;
    position: relative;
    top: -14px;
    width: 5px;
    z-index: 2;
    display: inline-block; }
    .document-settings .pluginCountButtonNub s,
    .document-settings .pluginCountButtonNub i,
    .document-settings-left .pluginCountButtonNub s,
    .document-settings-left .pluginCountButtonNub i {
      border-color: rgba(0, 0, 0, 0) #9197a3;
      border-style: solid;
      border-width: 4px 5px 4px 0;
      display: block;
      position: relative;
      top: 1px; }
    .document-settings .pluginCountButtonNub i,
    .document-settings-left .pluginCountButtonNub i {
      border-right-color: white;
      left: 2px;
      top: -7px; }
  .document-settings .docSettingsCnt,
  .document-settings-left .docSettingsCnt {
    background: white;
    border: 1px solid #9197a3;
    border-radius: 2px;
    color: #4e5665;
    display: inline-block;
    font-size: 0.7em;
    height: auto;
    line-height: 14px;
    margin-left: 0px;
    min-width: 10px;
    padding: 0 2px;
    position: relative;
    top: -5px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer; }
  .document-settings .linkWithIcon,
  .document-settings-left .linkWithIcon {
    padding-left: 0px !important;
    opacity: 0.8;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 1px;
    background-position: 0 0 !important; }
    .document-settings .linkWithIcon.liked:hover,
    .document-settings-left .linkWithIcon.liked:hover {
      background-image: url(../img/16/heart_break.png) !important; }
    .document-settings .linkWithIcon.disliked:not(.disable):hover,
    .document-settings-left .linkWithIcon.disliked:not(.disable):hover {
      background-image: url(../img/16/heart.png) !important; }
    .document-settings .linkWithIcon.disliked.disable,
    .document-settings-left .linkWithIcon.disliked.disable {
      cursor: default; }

.smallBtnHolder .linkWithIcon {
  font-size: 0.65em;
  background-size: 11px;
  padding-left: 18px !important; }

.narrow .document-settings,
.narrow .document-settings-left,
.narrow .document-title-group {
  display: inline;
  float: none; }
  .narrow .document-settings .liked,
  .narrow .document-settings .disliked,
  .narrow .document-settings .linkWithIcon,
  .narrow .document-settings-left .liked,
  .narrow .document-settings-left .disliked,
  .narrow .document-settings-left .linkWithIcon,
  .narrow .document-title-group .liked,
  .narrow .document-title-group .disliked,
  .narrow .document-title-group .linkWithIcon {
    position: relative;
    top: 2px;
    margin-left: 0; }
  .narrow .document-settings .document-settings .linkWithIcon,
  .narrow .document-settings .eyeIcon,
  .narrow .document-settings-left .document-settings .linkWithIcon,
  .narrow .document-settings-left .eyeIcon,
  .narrow .document-title-group .document-settings .linkWithIcon,
  .narrow .document-title-group .eyeIcon {
    margin-right: 5px; }

.narrow .document-settings-left,
.narrow .document-settings {
  position: relative;
  top: 3px; }

.document-settings-left,
.document-title-group {
  float: left;
  display: inline-block; }

.priority-high {
  color: #882200 !important; }

.priority-critical {
  color: #cc0033 !important; }

.priority-low {
  color: #4488cc !important; }

.docBgIcon {
  position: relative; }

.narrow .docBgIcon {
  font-size: 0.9em;
  padding-right: 5px; }

.narrow .document-settings-left span {
  white-space: nowrap; }

.snapshot {
  margin-top: 10px;
  padding: 10px;
  background: rgba(255, 255, 210, 0.3);
  border: 1px solid #dddddd;
  border-radius: 3px; }
  .snapshot .snapshot-title {
    padding-bottom: 7px; }

.bottom-antetka {
  border-top: 1px solid #dddddd;
  padding: 5px;
  font-size: 0.8em; }
  .bottom-antetka > div {
    margin: 1px 0; }

.info-transport {
  color: #00529b;
  background-color: #bde5f8;
  border: 1px dotted #35a0ff;
  display: inline-block;
  font-size: 1em;
  font-weight: bold;
  position: relative;
  z-index: 100;
  top: 50px;
  transform: rotate(16deg);
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 8px 8px 8px 8px !important;
  border-radius: 3px; }

.stamp {
  color: #bb0000;
  border: 1px dotted #bb0000;
  display: inline-block;
  font-size: 1em;
  position: relative;
  z-index: 100;
  top: 50px;
  transform: rotate(16deg);
  padding: 1px 2px 0px 2px !important;
  border-radius: 3px; }
  .stamp.consignmentProtocol {
    color: #444444;
    border: 1px dotted #333333; }

.approved {
  padding: 10px 10px 5px !important; }

.wide .approved {
  position: absolute;
  top: 7px;
  right: 2px;
  transform: rotate(10deg);
  margin-top: 10px; }

.narrow .approved,
.no-transform {
  transform: rotate(0deg);
  top: 0; }

.centered {
  text-align: center; }

.vtop.centered .defaultDeleteRowCheckbox {
  margin-top: 0 !important; }

.lighterBold {
  color: #666666; }

.document-title {
  font-size: 16pt;
  font-weight: bold;
  line-height: 120%;
  margin-top: 4px;
  text-transform: uppercase; }

.document .listTable th {
  white-space: nowrap; }

.separateRowTable {
  font-weight: bold; }

td.rowtools-column {
  width: 1%; }

.small-field {
  width: 1%; }

.maxCell {
  max-width: none !important; }
  .maxCell .maxwidth {
    text-align: left !important; }

.logisticCol {
  text-align: right;
  max-width: 400px !important; }

.medium-field {
  width: 200px; }

.large-field {
  width: 50%; }

.long-field {
  min-width: 400px !important;
  white-space: normal !important; }

.listAction table.listTable>tbody>tr>td.midCell {
  max-width: 170px !important;
  white-space: wrap; }

.narrow .largeNarrowCell {
  min-width: 300px; }

.narrow .doc_Search .listTable .nowrap {
  overflow: hidden;
  text-overflow: ellipsis; }

.horizonCol {
  position: relative;
  top: 2px;
  font-size: 0.85em; }
  .horizonCol .anchor-arrow,
  .horizonCol .endTooltip {
    width: 10px;
    height: 10px; }
    .horizonCol .anchor-arrow img,
    .horizonCol .endTooltip img {
      width: 12px;
      height: 12px; }
  .horizonCol .additionalInfo-holder {
    position: relative;
    top: 1px; }

  .smallHintHolder .endTooltip {
    width: 11px;
    height: 11px; }
    .smallHintHolder .endTooltip img {
      width: 14px;
      height: 14px; }

.sale-summary .secondMeasure {
  font-size: 15px; }

.listTable td .endTooltip img,
.listTable td .frontTooltip img {
  width: 14px !important;
  height: 14px !important; }

.groupList .endTooltip img {
  width: 12px !important;
  height: 12px !important; }

.sale-summary td .endTooltip img,
.sale-summary td .frontTooltip img {
  width: 16px !important;
  height: 16px !important; }

.secondMeasure .endTooltip,
.listTable td .secondMeasure .endTooltip {
  width: 10px;
  height: 10px; }
  .secondMeasure .endTooltip img,
  .listTable td .secondMeasure .endTooltip img {
    width: 12px !important;
    height: 12px !important; }

.lighter-color {
  opacity: 0.6; }

.listAction table.listTable>tbody>tr>td,
table.listTable.listAction>tbody>tr>td.wideColumn {
  max-width: none !important; }

.morePadding {
  padding-left: 6px !important;
  padding-right: 6px !important; }

.amount-field {
  min-width: 180px; }

.expectedTotalCol {
  color: #888888;
  font-size: 0.8em; }

.wrap {
  white-space: normal !important; }

.aright {
  text-align: right; }

.aleft {
  text-align: left; }

.vtop {
  vertical-align: top; }

.vmiddle {
  vertical-align: middle; }

.vbottom {
  vertical-align: bottom; }

.ballance-field {
  padding-left: 10px !important; }

.articleCell {
  min-width: 200px;
  max-width: 270px; }

.wide .document table.listTable {
  margin-bottom: 0; }

pre.document {
  white-space: pre-line; }

.narrow .listTable > tbody > tr > td div.document {
  min-width: 200px; }

.listTable > tbody > tr > td div.document {
  border: none;
  background: rgba(0, 0, 0, 0);
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 2px 0 0 0; }

.antetka {
  margin-bottom: 5px;
  padding: 5px;
  border: solid 1px #dddddd;
  background: rgba(0, 0, 0, 0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40C8C8C8, endColorstr=#40C8C8C8);
  zoom: 1;
  background: rgba(200, 200, 200, 0.3); }
  .antetka span.timeSpan {
    white-space: nowrap; }
  .antetka .linkWithIcon {
    margin-bottom: 0; }
  .antetka .document-handler {
    padding: 0 2px 0 0; }
    .antetka .document-handler .linkWithIcon {
      height: auto !important; }

.taskWithStepAndResourceTd {
  max-width: 250px; }
  .taskWithStepAndResourceTd a {
    display: inline !important; }

.antetkaCell {
  max-width: 400px; }

.threadSubTitle {
  font-size: 0.75em;
  padding: 2px;
  padding-bottom: 0;
  color: #335533; }
  .threadSubTitle .quiet {
    color: #cccccc; }
  .threadSubTitle .documentTags {
    position: relative;
    top: 0; }
    .threadSubTitle .documentTags span {
      font-size: 0.95em; }

.narrow .block_title {
  font-size: 1.2em; }

.narrow .document .richtext {
  min-width: 220px;
  height: auto; }

.smallData {
  padding: 1px;
  font-size: 1em; }

.bigData {
  font-family: "Courier New", Courier, monospace;
  font-size: 1.1em;
  font-weight: bold; }
  .bigData.notBold {
    font-weight: normal !important; }

.narrow .bigData {
  font-family: Verdana;
  font-size: 0.9em; }

.quiet-small {
  color: #999999;
  font-size: 0.9em;
  margin-bottom: -2px;
  margin-top: 3px; }

.boldText {
  font-weight: bold; }

.italicText {
  font-style: italic; }

.underlineText {
  text-decoration: underline; }

.normalText {
  font-weight: normal !important; }

.transUnitQuantity {
  font-weight: bold;
  padding: 1px 2px;
  background: rgba(205, 205, 205, 0.7);
  border: 1px solid #aaaaaa;
  border-radius: 3px; }

.cell {
  border: 1px solid #999999;
  vertical-align: top; }

.topCell {
  max-width: 400px !important; }
  .topCell div {
    padding-bottom: 2px; }
  .topCell .cellRow {
    padding-bottom: 4px; }

.line-through {
  text-decoration: line-through !important; }

.innerTable {
  border-collapse: collapse; }
  .innerTable > tbody > tr > td {
    border: 1px solid #bbbbbb; }

.rowData {
  font-size: 0.9em; }

.topCell td {
  padding: 1px !important; }

.footer-notes > tbody > tr > td {
  border: 1px solid #bbbbbb;
  vertical-align: top !important; }

.narrow .footer-notes ol li {
  word-break: break-word; }

.document .paddingCells > tbody > tr > td {
  padding: 5px; }

.innerDocument {
  padding: 6px 10px 10px; }

.doc_drivers_FolderPortal .threadSubTitle {
  display: inline; }

#invoice-info {
  border-left: 1px solid #bbbbbb; }

#inv-holder > tbody >  tr > td {
  padding: 0 !important; }

.invoiceNoteWarning {
  color: #c51818;
  border: 1px dashed #910404;
  text-align: justify;
  padding: 5px;
  border-radius: 5px;
  background: #f3e0e0; }

.document .lines {
  border-left: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
  border-bottom: 3px solid #dddddd; }

.signature-table {
  margin-top: 20px; }
  .signature-table td {
    border: none !important; }

.document .special-borders  td {
  border: none; }
  .document .special-borders  td.border-right {
    border-right: 1px solid #999999 !important; }
  .document .special-borders  td.border-left {
    border-left: 1px solid #999999 !important; }

.printVisible {
  display: none; }

.sign_names {
  display: inline-block;
  text-align: center;
  border-top: 2px dotted #666666;
  margin-left: 5px;
  padding: 5px 10px;
  min-width: 110px; }

.nowrap {
  white-space: nowrap; }

.wide .wideNowrap {
  white-space: nowrap; }

.wrapText {
  white-space: normal !important; }

.shipment-table tr td {
  padding: 1px 3px !important; }

.currentStat {
  font-weight: normal;
  color: darkblue;
  font-size: 0.6em;
  font-style: italic;
  display: block;
  margin-top: 3px; }

.half-col {
  display: inline-block;
  width: 49%;
  float: left; }

.shipment-table .half-col {
  float: none;
  white-space: nowrap; }

.narrow .document .half_block {
  width: 100% !important;
  clear: both;
  float: none; }

.enTag {
  vertical-align: top;
  font-size: 0.7em;
  border: solid 1px white;
  color: white;
  padding: 1px;
  white-space: nowrap; }
  .enTag.weightTag {
    background-color: black; }
  .enTag.percent {
    background-color: blue; }
  .enTag.zone {
    background-color: red; }

.document-block {
  font-size: 0.9em;
  width: 100%; }

.block-instock {
  background-color: rgba(14, 114, 196, 0.8);
  color: white;
  border-radius: 3px;
  border: solid 1px #bbbbbb;
  display: inline-block;
  padding: 1px 3px 1px 3px;
  font-weight: bold;
  font-size: 0.8em; }

.block-instock .quiet {
  color: white !important; }

.shipmentErrorDateBlock {
  border-radius: 3px;
  border: dotted 1px red;
  display: inline-block;
  padding: 1px 3px 1px 3px; }

.block-readiness {
  background-color: rgba(173, 62, 42, 0.8);
  color: white;
  border-radius: 3px;
  border: solid 1px #bbbbbb;
  display: inline-block;
  padding: 1px 3px 1px 3px;
  font-weight: bold;
  font-size: 0.8em; }
  .block-readiness.lineShow {
    padding: 3px 3px 3px 3px; }
  .block-readiness.quiet {
    color: white; }

.tags {
  margin-left: 2px; }

.maxwidth {
  display: block; }

.maxwidth .tags,
.document-handler .tags,
.rowBlock .tags {
  position: relative;
  top: 2px; }

.document .listTable .acc-article-entries {
  font-size: 0.8em;
  list-style: none;
  margin: 0.2em 0;
  padding-left: 1em; }
  .document .listTable .acc-article-entries td {
    border: none !important; }

.center-content {
  width: 800px;
  margin: 0 auto; }
  .center-content .scrollable {
    overflow-y: auto; }
  .center-content h1 {
    text-align: right;
    padding: 0 20px;
    font-size: 36px; }
  .center-content h3 {
    font-size: 24px;
    text-align: center; }
  .center-content h4 {
    font-size: 20px;
    text-align: center; }
  .center-content .aboutImg {
    max-width: 30px;
    position: relative;
    top: 3px;
    height: auto; }
  .center-content .list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 20px;
    margin-bottom: 0;
    border-radius: 0.35rem; }
  .center-content .list-group-item {
    position: relative;
    display: block;
    padding: 0.25rem 1.25rem;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.13);
    line-height: 200%; }
    .center-content .list-group-item:first-child {
      border-top-left-radius: inherit;
      border-top-right-radius: inherit; }
    .center-content .list-group-item:last-child {
      border-bottom-right-radius: inherit;
      border-bottom-left-radius: inherit; }
    .center-content .list-group-item .list-group-item+.list-group-item {
      border-top-width: 0; }

.dec-document {
  font-size: 0.95em; }
  .dec-document ul {
    margin-top: 5px;
    margin-bottom: 0;
    margin-left: 25px; }
    .dec-document ul li {
      padding-bottom: 5px; }
  .dec-document .richtext {
    color: black;
    line-height: 1.5em; }
    .dec-document .richtext ul {
      margin-left: 10px; }
  .dec-document .inner-text {
    padding-left: 30px; }
  .dec-document table.signiture {
    width: 10% !important; }

.address-block {
  margin-top: 5px; }

.full-width {
  width: 100%; }

.full-width-holder {
  width: 100%; }
  .full-width-holder table {
    width: 100%; }

.history-reason {
  font-size: 0.9em;
  color: #666666; }

.document table.listTable > tbody > tr > td {
  padding: 5px 3px 2px !important; }

  .inlineRichtextCond .richtext,
  .inlineRichtextCond .endTooltip {
    display: inline !important;
    vertical-align: middle; }

.blueText {
  color: blue !important; }
  .blueText .richtext {
    color: blue !important; }

.closedFrameUpdateTimeTitle {
  font-weight: bold;
  color: red !important; }

.closedFrameUpdateTime {
  font-weight: bold;
  color: red !important;
  border: 1px dotted red;
  padding: 2px; }
  .closedFrameUpdateTime span {
    color: red !important; }

/*
 * край на стилове за документи
 */
/*
 * стилове за прикачени файлове
 */
.wide div.attachments {
  display: inline-block;
  margin: 2px; }

div.attachments {
  display: block;
  width: 100%;
  float: right;
  margin: 2px; }
  div.attachments .aHeader {
    background-color: #e0e0e0;
    padding: 3px;
    padding-left: 26px;
    background-image: url('../img/16/attach.png');
    background-repeat: no-repeat;
    background-position: 6px 4px;
    border-bottom: solid 1px #e0e0e0; }
  div.attachments .fileLink {
    max-height: 32px;
    height: auto;
    overflow: hidden;
    line-height: 1.3em;
    display: block;
    margin-bottom: 2px; }

.dangerFile {
  background-image: url('../img/16/bug.png') !important;
  color: red !important;
  background-repeat: no-repeat;
  padding-left: 18px; }

.wide .em-holder {
  width: 68%; }

.narrow .em-holder {
  width: 100%; }

.wide .sm-att {
  width: 29%;
  float: right; }

.narrow .sm-att {
  margin-top: 10px;
  width: 100%;
  float: left; }
  .narrow .sm-att .attachments {
    float: left; }

/*
 * край на стилове за прикачени файлове
 */
/*
 * стилове за responsive дизайн на вградени ресурси
 */
  .embedded-holder img {
    max-width: 100%;
    height: auto; }
  .embedded-holder .embedded {
    position: relative;
    padding-bottom: 56.25%; }
    .embedded-holder .embedded embed,
    .embedded-holder .embedded object,
    .embedded-holder .embedded iframe,
    .embedded-holder .embedded > a > img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      max-width: 100% !important; }
  .embedded-holder .orig {
    margin-top: 5px; }

.narrow .mejs-container {
  width: 100% !important;
  height: auto !important;
  padding-top: 57%; }

.narrow .mejs-time {
  font-size: 10px !important; }

.narrow .imageProcesing {
  width: 100%;
  height: auto; }

  .wide .video-rec .recordImage,
  .wide .video-rec .recordImage img {
    width: 260px;
    height: 210px; }

.narrow .video-rec {
  display: block;
  max-width: 450px; }
  .narrow .video-rec tr,
  .narrow .video-rec td,
  .narrow .video-rec tbody {
    display: block; }
  .narrow .video-rec img {
    max-width: 450px;
    width: 100%;
    height: auto; }
  .narrow .video-rec .recordImage {
    min-height: 250px; }

.recordImage {
  min-height: 211px;
  text-align: center;
  vertical-align: top;
  background-color: #e8e8e8; }

.narrow .mejs-overlay,
.narrow  .mejs-poster {
  width: 100% !important;
  height: 100% !important; }

.narrow .mejs-mediaelement video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important; }

/*
 * край на стилове за responsive дизайн на вградени ресурси
 */
/*
 * стилове за календара в портала
 */
table.mc-calendar {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
  font-size: 0.8em; }
  table.mc-calendar td.mc-day {
    width: 13%;
    text-align: right;
    border: none;
    background-color: rgba(200, 200, 200, 0.2);
    border: solid 2px #e8efe8;
    padding: 1px;
    font-weight: bold;
    cursor: pointer;
    white-space: nowrap; }
    table.mc-calendar td.mc-day:hover {
      background-color: rgba(0, 0, 0, 0.3); }
  table.mc-calendar td.mc-week-nb {
    border: none;
    padding: 3px;
    width: 8%; }
  table.mc-calendar td.mc-wd-name {
    text-align: right;
    padding-right: 3px; }
  table.mc-calendar td.mc-sunday {
    color: #006030; }
  table.mc-calendar td.mc-saturday {
    color: #006030; }
  table.mc-calendar td.mc-today {
    border: solid 2px red; }
  table.mc-calendar td.mc-holiday {
    color: red; }

.wide .portal-cal-day {
  font-size: 0.95em; }

.portal-cal-day {
  color: #5f1f3e;
  padding-top: 3px;
  padding-left: 3px;
  border-top: 1px solid #cccccc; }
  .portal-cal-day:first-child {
    border-top: none !important; }
  .portal-cal-day .title {
    padding-top: 1px;
    padding: 2px;
    display: block;
    white-space: nowrap; }
    .portal-cal-day .title.workday {
      color: #222222; }
    .portal-cal-day .title.holiday {
      color: red; }
    .portal-cal-day .title.sunday {
      color: green; }
    .portal-cal-day .title.saturday {
      color: #006030; }
  .portal-cal-day .progress {
    float: right;
    display: inline-block;
    padding-left: 5px; }
  .portal-cal-day .threadSubTitle {
    display: inline-block;
    clear: both;
    font-size: 0.9em; }
  .portal-cal-day .subTitle {
    padding: 4px; }
    .portal-cal-day .subTitle small {
      padding-left: 7px; }
  .portal-cal-day.portal-cal-today {
    background-color: #e1fba2; }
  .portal-cal-day.portal-cal-tomorrow {
    background-color: rgba(225, 251, 162, 0.66); }
  .portal-cal-day.portal-cal-nextday {
    background-color: rgba(225, 251, 162, 0.33); }
  .portal-cal-day.portal-cal-after {
    background-color: rgba(225, 251, 162, 0); }

  .portal.newCalendar .mc-calendar {
    margin: 10px 0; }
  .portal.newCalendar .threadSubTitle {
    padding: 2px;
    display: inline-block;
    margin-left: 10px;
    font-size: 0.9em; }

table.mc-header a {
  color: #999999; }

/*
 * край на стиловете за календара в портала
 */
.narrow .leftCol.wrapText {
  min-width: 260px; }

.portal-select {
  border: none;
  position: relative;
  top: 0px;
  color: #333333;
  border: none;
  background: none;
  top: -1px;
  box-shadow: none;
  font-size: 0.95em;
  line-height: 1em;
  height: 1.4em; }
  .portal-select:focus,
  .portal-select:hover {
    outline: none;
    box-shadow: none;
    background: none; }

  .transparentSelect.no-border-select {
    border: none !important;
    box-shadow: none !important; }

@-moz-document url-prefix() {
    .portal-select {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0 0 0 black; }
 }
/*
 * край на стилове за селекта на календара в портала
 */
/*
 * край на стилове за селекта на календара в портала
 */
/*
 * Стилове за счетоводството
 */
  .legalscript h1 {
    margin-bottom: 0.5em; }
  .legalscript .header span {
    background-repeat: no-repeat;
    padding-left: 23px; }

.wide .level-1 td {
  background-color: #000088;
  color: white;
  font-weight: bold; }
  .wide .level-1 td a {
    color: white; }

.wide .level-2 td {
  background-color: #ffcc66;
  color: #333333; }

.wide .level-3 td,
.wide .level-4 td,
.wide .level-5 td {
  background-color: white; }

.wide .internal-amount,
.wide .fleft-special {
  margin-left: 60px; }

.narrow .internal-amount,
.narrow .fleft-special {
  margin-top: 15px; }

/*
 * край на стилове за счетоводството
 */
/*
 * стилове за палети
 */
.pallet-table {
  clear: left;
  border-collapse: separate;
  border-spacing: 1px; }

input.inplace {
  border: none;
  background-color: #ffffcc; }
  input.inplace .number {
    text-align: right; }

td.pallet_place {
  font-size: 14px;
  text-align: center;
  width: 32px;
  color: #999999;
  background: #eeeeee; }
  td.pallet_place.outofuse {
    text-decoration: line-through;
    color: #333333; }
  td.pallet_place.reserved {
    color: #b80000;
    background: #eeeeee; }
  td.pallet_place.in_use {
    background: #00ff55;
    font-weight: bold; }
  td.pallet_place.movement_waiting {
    background: #00dd55; }
  td.pallet_place.movement_active {
    background: #00dd55;
    text-decoration: blink; }
  td.pallet_place.out_of_filter {
    background: #777777 !important; }

td.constrColumnRight {
  border-right: solid 3px #777777 !important; }

td.constrColumnLeft {
  border-left: solid 3px #777777 !important; }

/*
 * край на стилове за палети
 */
/*
 * стилове за нотификация
 */
#notificationsCnt {
  position: absolute;
  margin-left: 30px;
  float: right; }

.narrow #notificationsCnt {
  margin-left: 0;
  margin-right: 5px;
  right: 10px;
  float: none;
  display: inline-block; }

#notificationsCnt a {
  display: block;
  color: white;
  font-size: 0.9em;
  padding: 1px 2px 1px 2px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 2px 2px 3px #666666;
  -webkit-box-shadow: 2px 2px 3px #666666;
  box-shadow: 2px 2px 3px #666666; }

.narrow #notificationsCnt a {
  font-size: 0.8em;
  padding: 1px 3px 1px 3px;
  -moz-box-shadow: 3px 3px 5px #aaaaaa;
  -webkit-box-shadow: 3px 3px 5px #aaaaaa;
  box-shadow: 3px 3px 5px #aaaaaa; }

#notificationsCnt a.haveNtf {
  background-color: red;
  border: solid 1px #cc3333; }

#notificationsCnt a.noNtf {
  color: #dddddd;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.narrow #notificationsCnt a.noNtf {
  color: white;
  background-color: #bbbbbb;
  border: solid 1px #999999; }

/*
 * край на стилове за нотификация
 */
/*
 * стилове за история и автор
 */
.profile-summary {
  margin-bottom: 0;
  text-decoration: none; }
  .profile-summary div {
    white-space: nowrap;
    padding-right: 5px; }
    .profile-summary div span {
      display: block;
      margin-bottom: 2px; }
    .profile-summary div .timeSpan {
      display: inline-block; }

ul.history {
  padding: 0;
  margin: 0;
  list-style: none; }
  ul.history.summary {
    font-size: 0.75em;
    margin: 0 auto;
    display: table;
    min-width: 70px; }
    ul.history.summary li span {
      color: #333333; }
  ul.history li {
    margin: 5px 0;
    padding: 2px 0;
    line-height: 1.2; }
  ul.history b {
    color: white;
    padding: 1px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    display: inline;
    font-size: 1.2em;
    font-weight: bold;
    margin-right: 3px; }
    ul.history .action.send b {
      background-color: green; }
    ul.history .action._received b {
      background-color: blue;
      color: white; }
    ul.history .action._returned b {
      background-color: red !important;
      color: white; }
    ul.history .action.print b {
      background-color: #777777; }
    ul.history .action.open b {
      background-color: #cccccc;
      color: #333333; }
    ul.history .action.download b {
      background-color: purple; }
    ul.history .action.pdf b {
      background-color: #888888;
      color: white; }
    ul.history .action.link b {
      background-color: #999999;
      color: white; }
    ul.history .action.changed b {
      background-color: #660000; }
    ul.history .action.forward b {
      background-color: #990000; }
    ul.history .action.fax b {
      background-color: #005500; }
    ul.history .action.used b {
      background-color: #ff9999; }
    ul.history .action.act b {
      background-color: #aaaaaa; }
    ul.history .action.export b {
      background-color: #3377ff; }
    ul.history .action.expenseSummary b {
      background-color: orange; }
    ul.history .action.archiveSummary b {
      background-color: #796b5c; }
  ul.history .detailed b {
    background-color: #cccccc; }
  ul.history a {
    white-space: nowrap; }

.narrow ul.history {
  white-space: nowrap;
  display: inline-block;
  min-width: 0 !important; }
  .narrow ul.history li {
    line-height: 1.2;
    display: inline-block;
    margin-right: 7px; }
  .narrow ul.history b {
    padding-top: 3px; }

.narrow ul.history.summary li span {
  display: block;
  padding-top: 4px;
  font-size: 0.8em; }

div.sharing-history {
  border: none;
  border-top: 1px solid #cccccc;
  padding: 5px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 10px;
  position: relative;
  color: #555555;
  font-size: 0.9em;
  clear: both;
  padding-right: 120px; }
  div.sharing-history .timespan {
    font-size: 0.9em; }

div.change-log {
  border: none;
  border-top: 1px solid #cccccc;
  padding: 5px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 10px;
  position: relative;
  color: #555555;
  font-size: 0.9em;
  clear: both; }

span.sharing-history-title {
  padding: 2px 5px;
  padding-left: 23px;
  background: #eeeeee url(../img/share3.png) no-repeat 3px center;
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  border: 1px solid #cccccc;
  border-top: none;
  color: #777777; }

.narrow span.sharing-history-title {
  font-size: 14px; }

  fieldset.sharing-history ul {
    margin: 0;
    padding: 0;
    list-style-position: inside; }
    fieldset.sharing-history ul .user {
      color: #333333; }
    fieldset.sharing-history ul li.seen {
      list-style-type: disc;
      color: green; }
    fieldset.sharing-history ul li.unseen {
      list-style-type: circle;
      color: red; }
  fieldset.sharing-history i {
    color: #888888;
    font-size: 0.9em; }

/*
 * край на стилове за история и автор
 */
/*
 * борса
 */
.auctionContent {
  padding: 0 30px 10px; }
  .auctionContent .productName {
    font-size: 1.3em;
    line-height: 150%; }
  .auctionContent .listTable {
    margin-top: 20px;
    width: 100%; }
    .auctionContent .listTable > tbody > tr > td {
      padding: 10px !important;
      vertical-align: top !important; }
      .auctionContent .listTable > tbody > tr > td table {
        width: 300px;
        margin: 0 auto; }
        .auctionContent .listTable > tbody > tr > td table td {
          padding: 4px 5px 0; }
        .auctionContent .listTable > tbody > tr > td table th {
          color: #444444;
          padding-bottom: 5px;
          border-bottom: 1px solid #cccccc; }
        .auctionContent .listTable > tbody > tr > td table .name {
          text-align: right !important;
          width: 1%;
          padding-right: 20px; }
        .auctionContent .listTable > tbody > tr > td table .quantityField {
          text-align: right; }
    .auctionContent .listTable .priceInfo {
      color: green !important; }
    .auctionContent .listTable .button {
      width: 100px;
      color: #333333 !important;
      padding: 5px 20px;
      font-size: 0.85em;
      background-color: #f6f6f6 !important;
      border: 1px solid #bbbbbb;
      border-radius: 3px;
      box-shadow: inset 0 -1px 0 1px rgba(0, 0, 0, 0.1), inset 0 -10px 20px rgba(0, 0, 0, 0.1);
      margin: 10px auto 0; }
      .auctionContent .listTable .button:hover {
        background-color: #dddddd !important; }
  .auctionContent .periodHead {
    color: #495057;
    background-color: #e9ecef;
    border-color: #c7ced5;
    padding: 5px 10px;
    font-weight: bold; }
  .auctionContent .priceBlock {
    float: right; }
  .auctionContent h4 {
    margin-top: 40px; }
    .auctionContent .otherProduct li {
      margin: 10px 0; }
      .auctionContent .otherProduct li a:hover {
        text-decoration: underline; }
  .auctionContent .state-draft {
    background-color: #bbffff; }
  .auctionContent .state-active {
    background-color: #ffeedd; }
  .auctionContent .newsCol {
    background: white; }
  .auctionContent #prodDesc {
    display: inline-block;
    min-width: 800px; }
    .auctionContent #prodDesc .productPreviewHolder {
      margin-left: 30px; }

/*
 * CMS
 */
/*
 * външни стилове за ширина
 */
.externalPage {
  font-family: Verdana, Helvetica, Arial, Sans-serif; }

.wide .externalPage {
  font-size: 16px;
  font-size: calc(16px +  min(4px, max(0px, (20 - 16) * (calc(100vw - 800px) / (1900 - 800))))); }

.narrow  .externalPage #cmsTop {
  background-color: white; }

.headerImg {
  float: left; }

.wide .headerImg {
  width: 100%;
  max-height: 450px; }

.narrow .headerImg {
  max-width: 360px;
  width: auto;
  height: auto;
  max-height: 90px;
  float: left; }

.narrow .externalPage .headerImg {
  max-width: none; }

.narrow .externalPage {
  position: relative; }

.externalPage #maincontent {
  clear: both;
  background-color: white; }

.externalPage #maincontent .richtext a:hover,
.externalPage #maincontent .richtext a:visited:hover {
  color: #ee7700 !important; }

.narrow .externalPage .vertical .formTable {
  padding: 5px; }

.filterForm #filter {
  padding-left: 20px !important; }

/*
 * край на външни стилове за ширина
 */
.background-holder {
  padding: 0; }

.narrow .background-holder {
  background-color: black; }

#cmsTop {
  position: relative; }

#cmsTop,
#cmsTop img {
  display: block; }

.wide #all,
.wide #all #cmsTop,
.wide #all #cmsTop img {
  border-radius: 10px 10px 0 0; }

#cmsMenu {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  #cmsMenu:after {
    content: '';
    display: block;
    clear: both; }

.loginIcon,
.langIcon {
  float: right !important; }

.narrow #cmsMenu a.loginIcon,
.narrow #cmsMenu a.langIcon {
  margin-right: 4px !important;
  margin-left: 1px !important; }

.wide #cmsMenu {
  min-width: 500px; }

.narrow #cmsMenu a {
  margin-left: 5px !important; }

#cmsMenu a {
  font-size: 1.12em;
  padding: 4px;
  margin: 2px 20px 2px 10px;
  line-height: normal;
  white-space: nowrap;
  display: block;
  float: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }

#cmsMenu a img {
  height: 1.12em;
  min-height: 16px;
  position: relative;
  vertical-align: bottom; }

#cmsTop,
#cmsBottom,
#cmsTop.a,
#cmsBottom.a {
  display: block;
  overflow: hidden; }

#cmsBottom {
  clear: both;
  padding: 0;
  display: block;
  min-height: 38px;
  position: relative; }

.wide #cmsBottom {
  min-width: 500px;
  _height: 1%; }

.narrow #cmsBottom {
  min-height: 36px; }

.footer-links {
  padding-top: 5px;
  display: block;
  text-align: center;
  margin-top: 7px;
  color: white !important;
  text-shadow: 0px 0px 2px black;
  font-size: 0.75em; }
  .footer-links a {
    text-shadow: 0px 0px 2px black;
    display: inline-block;
    margin: 0 5px; }
    .footer-links a:hover {
      text-decoration: underline; }

.additionalFooter {
  font-size: 0.95em;
  padding: 10px 2px; }
  .additionalFooter .footer-links {
    margin: 0 !important;
    text-shadow: none; }
    .additionalFooter .footer-links a {
      text-shadow: none; }

.foorterAdd {
  color: #cccccc;
  font-size: 0.65em !important; }

.wide .foorterAdd {
  position: absolute;
  padding-bottom: 4px;
  right: 5px;
  top: 4px; }

.narrow .foorterAdd {
  float: right;
  margin-top: 4px; }

.wide .socialBtns {
  position: absolute;
  left: 1px;
  top: 1px;
  height: 30px; }

#all {
  border: solid 1px #777777;
  border-bottom: solid 1px black;
  max-width: 80em;
  display: block;
  margin: 0 auto; }

#all .filemanSingle {
  padding: 20px; }

.centerContent .filemanSingle {
  padding: 20px 0; }

  #fileDetail .webdrvFieldset {
    position: relative; }
  #fileDetail:hover .prevLink,
  #fileDetail:hover .nextLink {
    opacity: 0.6; }
  #fileDetail div.alphabet div.tab-page {
    padding-top: 0 !important; }
  #fileDetail .row-holder {
    position: relative;
    top: 12px;
    padding-left: 10px; }

.linkWithIcon.nextLink,
.linkWithIcon.prevLink {
  padding-left: 0 !important;
  position: absolute;
  height: 48px;
  width: 48px;
  top: 50%;
  margin-top: -24px;
  background-size: 48px;
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  z-index: 100; }

.narrow .nextLink {
  right: 5px; }

.narrow .prevLink {
  left: 5px; }

.narrow .nextLink,
.narrow .prevLink {
  background-size: 36px;
  background-position: center;
  margin-top: -18px;
  opacity: 0.6;
  width: 38px;
  height: 38px; }

.narrow #fileDetail .row-holder {
  top: 17px; }

.prevLink {
  left: 20px; }

.nextLink {
  right: 20px; }

  .filemanSingle .webdrvTabBody,
  .filemanSingle .webdrvFieldset {
    width: 100% !important;
    box-sizing: border-box; }
  .filemanSingle .filePath {
    margin-left: 5px; }

.wide #all {
  min-width: 500px; }

.narrow #all {
  margin: 0 auto; }

#all img {
  max-width: 100%;
  height: auto; }

.narrow .externalPage #maincontent {
  padding: 2px 5px 5px;
  position: relative; }

.wide .externalPage .formTable {
  margin: 20px; }

.wide #login-form {
  padding: 40px; }
  .wide #login-form .button {
    padding: 5px 7px !important;
    font-size: 1em; }

.wide #login-form .formTable {
  margin: 0; }

.narrow #login-form .button {
  margin-top: 7px; }

.wide .eprod-form {
  display: table-row; }
  .wide .eprod-form .drawing,
  .wide .eprod-form .vertical {
    display: table-cell;
    vertical-align: top; }

.wide .drawing img {
  max-width: 380px;
  padding-top: 30px; }

.narrow .drawing img {
  width: 100%;
  max-width: 460px !important; }

.externalPage .formTable .formTitle a {
  color: #dddddd !important; }

/*
 * стилове за външната част при потребител контрактор
 */
.logoutBlock {
  position: absolute;
  right: 0px;
  top: 0px;
  background: #cccccc;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid #bbbbbb;
  border-top: none;
  border-radius: 0 0 0 5px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); }
  .logoutBlock a,
  .logoutBlock span.linkWithIcon {
    color: #333333 !important;
    padding: 5px 5px 3px;
    display: inline-block;
    border-top: 3px solid rgba(0, 0, 0, 0); }
    .logoutBlock a:hover,
    .logoutBlock span.linkWithIcon:hover {
      opacity: 0.7; }
    .logoutBlock a.selected-external-tab,
    .logoutBlock span.linkWithIcon.selected-external-tab {
      color: black !important; }

.narrow .logoutBlock {
  background: #babacb;
  position: absolute;
  right: 0px;
  top: 0px; }

.cmsTopContractor {
  position: relative; }
  .cmsTopContractor .app-name {
    font-size: 4.5em !important;
    left: 2% !important; }

.cart-view-buttons-left {
  float: left;
  margin-top: 8px; }

.cart-view-buttons-right {
  text-align: center;
  margin-top: 8px; }
  .cart-view-buttons-right input {
    margin-right: 0; }

.narrow .cart-view-buttons-left {
  float: none;
  clear: both; }

.wide .cartInfoBlock {
  width: 26%;
  float: left;
  margin-left: 2%; }
  .wide .cartInfoBlock td {
    vertical-align: top; }
    .wide .cartInfoBlock td.cardValue {
      white-space: normal;
      word-break: break-word; }
  .wide .cartInfoBlock .aright {
    padding-right: 5px; }

.narrow .order-info td {
  vertical-align: top !important; }

.cart-view-buttons-top {
  margin: 10px 0; }
  .cart-view-buttons-top span {
    display: inline-block;
    margin: 0 10px;
    color: #666666; }
  .cart-view-buttons-top a {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 1.05em;
    padding-left: 22px !important; }

.paramsTable td {
  padding: 1px 5px;
  color: #333333;
  font-family: sans-serif;
  line-height: 1.4em; }

.wide .cartHolder {
  float: left;
  width: 72%; }

.eshop-link {
  font-size: 16px;
  font-weight: normal;
  display: inline-block; }

.eshopNearProductImageHolder {
  list-style: none;
  padding-left: 0; }
  .eshopNearProductImageHolder li {
    float: left;
    display: inline-block;
    width: 90px;
    height: 90px;
    margin-right: 20px;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 3px; }
    .eshopNearProductImageHolder li:hover img {
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); }
    .eshopNearProductImageHolder li img {
      max-height: 90px;
      max-width: 90px;
      width: auto;
      padding: 4px;
      border-radius: 3px; }

.eshop_ProductDetails .listTable {
  min-width: 800px; }

.order-info {
  background-color: #f1f1f1;
  border: 1px solid #cccccc;
  color: #222222;
  padding: 10px;
  font-size: 0.9em; }

.narrow .order-info {
  margin-bottom: 10px; }

.toolbar .eshop-link {
  margin-top: 15px;
  margin-right: 20px; }

.narrow .eshop-name {
  margin: 20px 0 10px; }

.half-width {
  display: inline-block;
  max-width: 50%; }
  .half-width h4 {
    margin-top: 0; }

.narrow .half-width {
  float: none !important;
  width: 100%;
  max-width: 100%;
  margin: 5px 0 10px; }

#cart-external-status a:hover {
  opacity: 1 !important; }

#cart-external-status .cardLink {
  font-weight: bold; }
  #cart-external-status .cardLink:hover {
    opacity: 0.7; }

#cart-external-status .count {
  border: 1px solid #526b00;
  background-color: #698900;
  color: white;
  width: 14px;
  height: 14px;
  font-size: 0.7em;
  line-height: 13px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  position: relative;
  margin-left: 2px;
  top: -6px;
  padding: 2px 2px 1px; }
  #cart-external-status .count a {
    padding-top: 5px; }

.eshop-product>table {
  width: 100%; }

  .subgroups .eshop-group-button {
    margin-right: 1%;
    margin-left: 1%;
    width: 48%; }
    .subgroups .eshop-group-button .eshop-group-button-title a {
      color: #444444; }

.optionsTable {
  color: #222222;
  min-width: 320px;
  width: 100%;
  font-size: 0.9em; }
  .optionsTable th {
    text-align: center;
    padding: 7px 5px;
    border-top: 1px solid #cccccc; }
  .optionsTable td {
    padding: 10px;
    height: 30px; }
  .optionsTable tbody tr {
    background: linear-gradient(white, white, white, white, white, white, #eeeeee); }
  .optionsTable thead tr:first-child {
    background-color: #f1f1f1; }
  .optionsTable tbody tr:last-child td {
    border-bottom: 1px solid #cccccc; }
  .optionsTable .option-table-info {
    font-size: 0.9em;
    color: #444444; }
  .optionsTable .paramCol {
    white-space: nowrap; }

.narrow .optionsTable .productCol {
  white-space: nowrap; }

.eshop-product-buy-button {
  margin-top: 3px; }
  .eshop-product-buy-button .productBtn {
    margin-right: 0 !important; }

.external-discount {
  color: #333333;
  font-size: 0.8em; }

.external-discount-amount {
  text-decoration: line-through;
  display: inline-block; }

.eshop-discounted-price {
  color: #cc0000; }

.eshop-product-list .external-discount {
  margin-left: 10px; }

.option-not-in-stock {
  background-color: rgba(230, 0, 0, 0.8) !important;
  text-shadow: none !important;
  color: white;
  border-radius: 5px !important;
  padding: 4px;
  font-size: 0.7em !important;
  background-color: #e6e6e6;
  border: solid 1px #d8d8d8;
  text-shadow: 1px 1px 1px #cccccc;
  display: inline-block;
  margin-top: 3px;
  text-align: center;
  position: relative;
  top: -2px; }
  .option-not-in-stock.waitingDelivery {
    background-color: rgba(41, 86, 222, 0.8) !important; }
  .option-not-in-stock.inStockInRemoteStore {
    background-color: #72478c !important; }
  .option-not-in-stock.saleSoon {
    background-color: rgba(241, 223, 11, 0.9) !important;
    color: black !important; }
  .option-not-in-stock.saleDebug {
    background-color: #a8f3b4 !important;
    color: black !important; }

.eshop-product-list-param {
  font-size: 0.85em;
  color: #333333; }

.small .colorBox {
  width: 12px !important;
  height: 12px !important; }

.external-discount-percent {
  display: inline-block; }

.btnUp,
.btnDown {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 25px;
  border: 1px solid #cccccc;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  background-color: #f1f1f1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btnUp:hover,
  .btnDown:hover {
    background-color: #007dc1;
    color: white; }

.narrow .btnUp,
.narrow .btnDown {
  width: 27px;
  height: 27px; }

.btnUp {
  padding-right: 2px;
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
  border-left: none; }

.btnDown {
  padding-left: 2px;
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
  border-right: none; }

.summary-holder {
  text-align: left; }
  .summary-holder table {
    width: 100%; }
    .summary-holder table td {
      padding: 3px 10px; }
  .summary-holder.borderTop {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #cccccc; }

.narrow .summary-holder  table {
  float: right;
  width: auto; }

.textInfo {
  margin-top: 10px;
  display: inline-block;
  line-height: 1.5em;
  color: #222222;
  font-size: 0.9em; }
  .textInfo .richtext-holder .richtext {
    color: #222222 !important; }
  .textInfo div.attention {
    font-weight: bold;
    margin-top: 15px; }
  .textInfo div {
    margin-top: 5px; }

.narrow .textInfo {
  padding: 0px 0 10px;
  text-align: left; }
  .narrow .textInfo .richtext {
    font-size: 1em; }

.wide .infoBlock {
  margin-top: 20px; }

.narrow .infoBlock {
  margin: 10px 0 20px;
  font-size: 0.9em; }

  .richtext-holder .richtext {
    display: inline;
    color: black;
    line-height: 1em;
    font-family: Verdana, Arial, Helvetica, sans-serif; }

.order-info .richtext {
  font-size: 1em;
  color: #222222;
  font-family: Verdana, Arial, Helvetica, sans-serif; }

.remove-from-cart:hover {
  cursor: pointer; }

.cart-holder-external {
  padding: 20px 20px 20px; }

.narrow .cart-holder-external {
  padding: 12px 7px 0px; }

.quantity-input-column {
  text-align: center; }
  .quantity-input-column span {
    display: flex;
    justify-content: center;
    align-items: center; }
  .quantity-input-column input {
    text-align: right;
    height: 27px;
    padding: 2px 5px 2px 0;
    border: 1px solid #cccccc;
    border-radius: 3px;
    border-radius: 0;
    min-width: 34px; }
    .quantity-input-column input.inputError {
      border-color: red; }

.end-price {
  font-weight: bold; }

.narrow .quantity-input-column input {
  height: 29px; }

.narrow .optionsTable {
  min-width: 320px;
  margin-top: 15px; }
  .narrow .optionsTable td {
    padding: 4px 10px; }

.path {
  font-size: 0.9em; }
  .path a:hover {
    text-decoration: underline;
    color: #004488 !important; }
  .path span {
    color: #888888; }

table .eshop-btn {
  margin-right: 0 !important; }

.eshop-btn {
  background-position-x: 5px;
  padding: 6px 10px 6px 26px !important;
  color: #333333 !important;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 1px rgba(0, 0, 0, 0.1), inset 0 -10px 20px rgba(0, 0, 0, 0.1);
  background-color: #f6f6f6 !important; }
  .eshop-btn:hover {
    background-color: #eeeeee !important; }
  .eshop-btn:disabled {
    background-color: #bbbbbb !important;
    color: #737373 !important;
    padding: 10px 20px !important;
    font-size: 1.2em !important; }

.productBtn {
  padding: 4px 8px 5px 25px !important;
  font-size: 0.8em;
  font-family: Arial, sans-serif;
  color: #333333 !important;
  display: inline-block;
  background-color: #f6f6f6 !important;
  border: 1px solid #bbbbbb;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 1px rgba(0, 0, 0, 0.1), inset 0 -10px 20px rgba(0, 0, 0, 0.1);
  margin: 0 10px 0 0 !important;
  position: relative;
  top: -1px; }
  .productBtn:hover {
    background-color: #eeeeee !important; }

.narrow .productBtn {
  margin-right: 5px !important; }

.narrow .eshop-btn.addToCard,
.narrow .productBtn.addToCard {
  background-image: url("../img/32/cart_go.png") !important;
  background-size: 16px;
  background-position: 3px center;
  background-repeat: no-repeat;
  margin: 0 0px 5px 5px !important;
  padding: 4px 8px 5px 25px !important;
  top: -1px !important;
  position: relative;
  border: 1px solid #bbbbbb !important; }

.order-btn {
  color: white !important;
  text-shadow: 1px 1px 0 #333333;
  padding: 10px 20px !important;
  font-size: 1.2em !important;
  -moz-box-shadow: inset 0px 1px 0px 0px #54a3f7;
  -webkit-box-shadow: inset 0px 1px 0px 0px #54a3f7;
  box-shadow: inset 0px 1px 0px 0px #54a3f7;
  background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7', GradientType=0);
  background-color: #007dc1; }



  .order-btn:hover {
    background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1', GradientType=0);
    background-color: #0061a7; }


  .order-btn.eshop-errorBtn {
    -moz-box-shadow: inset 0px 1px 0px 0px #ef6145;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ef6145;
    box-shadow: inset 0px 1px 0px 0px #ef6145;
    background: #f44829;
    background: -moz-linear-gradient(top, #f44829 0%, #ea2727 100%);
    background: -webkit-linear-gradient(top, #f44829 0%, #ea2727 100%);
    background: linear-gradient(to bottom, #f44829 0%, #ea2727 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f44829', endColorstr='#ea2727', GradientType=0); }
    .order-btn.eshop-errorBtn:hover {
      background: #ea2727;
            /*
       * Old browsers
       */
      background: -moz-linear-gradient(top, #ea2727 0%, #f44829 100%);
      background: -webkit-linear-gradient(top, #ea2727 0%, #f44829 100%);
      background: linear-gradient(to bottom, #ea2727 0%, #f44829 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea2727', endColorstr='#f44829', GradientType=0); }

.cartErrorRow {
  color: red !important; }
  .cartErrorRow span,
  .cartErrorRow div {
    color: red !important; }

.narrow .eshop-btn {
  padding-left: 10px !important; }
  .narrow .eshop-btn.order-btn {
    clear: both;
    padding-left: 20px !important;
    margin: 10px 0; }

.narrow .cart-view-buttons-top span {
  margin: 0 3px; }

.narrow .cart-view-buttons-top a {
  font-size: 0.95em; }

.tab span.tab-title {
  color: #999999; }

  .foldertabs > .tab-row {
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin-left: 20px;
    list-style: none; }
  .foldertabs > .tab-row > .row-holder .tab {
    float: left;
    z-index: auto !important;
    margin: 1px 0 -1px 2px !important;
    padding: 0 !important;
    border-top: 1px solid #cccccc !important; }
  .foldertabs > .tab-row > .row-holder .tab >  .tab-title {
    position: relative;
    background: #dddddd;
    background-image: linear-gradient(to bottom, white, #dddddd);
    padding: 0.4em 1.5em;
    margin-left: -1px;
    float: left;
    text-decoration: none;
    color: #444444;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    border-radius: 5px 0 0 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); }
  .foldertabs > .tab-row > .row-holder .tab >  span.tab-title {
    color: #cccccc; }
  .foldertabs > .tab-row > .row-holder .tab >  .tab-title:hover,
  .foldertabs > .tab-row > .row-holder .tab >  .tab-title:hover::after,
  .foldertabs > .tab-row > .row-holder .tab >  .tab-title:focus,
  .foldertabs > .tab-row > .row-holder .tab >  .tab-title:focus::after {
    background: white; }
  .foldertabs > .tab-row > .row-holder .tab >  .tab-title:focus {
    outline: 0; }
  .foldertabs > .tab-row > .row-holder .tab >  .tab-title::after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    right: -0.3em;
    bottom: 0;
    width: 1em;
    background: #dddddd;
    background-image: linear-gradient(to bottom, white, #dddddd);
    box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.4);
    transform: skew(15deg);
    border-radius: 0 5px 0 0; }
  .foldertabs > .tab-row > .row-holder .tab.selected .tab-title,
  .foldertabs > .tab-row > .row-holder .tab.selected .tab-title::after {
    background: white !important;
    z-index: 3; }
  .foldertabs > .tab-row > .row-holder .tab:hover .tab-title,
  .foldertabs > .tab-row > .row-holder .tab:hover .tab-title::after {
    background: white;
    z-index: 4; }
  .foldertabs > .tab-page {
    background: white;
    border-radius: 0 !important;
    z-index: 2;
    border: none !important;
    top: 0 !important;
    box-shadow: 0 -2px 3px -3px rgba(0, 0, 0, 0.3); }

.narrow .foldertabs>.tab-row>.row-holder .tab>.tab-title {
  padding: 0.5em 0.8em 0.5em 0.7em; }

.narrow .foldertabs {
  padding-top: 10px; }
  .narrow .foldertabs >.tab-row {
    margin-left: 10px; }
  .narrow .foldertabs .row-holder {
    padding-right: 20px; }

.logoutBlock {
  padding: 0 3px; }

#notificationCountStatus {
  margin-right: 5px; }
  #notificationCountStatus.noNtf {
    display: none; }
  #notificationCountStatus a.selected-external-tab {
    border-top: none !important; }
  #notificationCountStatus a {
    padding: 2px;
    color: white !important;
    background-color: rgba(250, 56, 55, 0.75);
    border: 1px solid #f92f2e !important;
    box-shadow: 0 1px 2px 0 #ff9999;
    border-radius: 3px;
    font-size: 0.75em;
    position: relative;
    top: -3px; }

.contractorExtHolder {
  padding: 10px; }
  .contractorExtHolder .deal-history-tab .tab {
    margin: 0 5px 0 0 !important; }
  .contractorExtHolder .textWithIcons span:not(.highlight) {
    top: 0px !important; }
    .contractorExtHolder .textWithIcons span:not(.highlight) img {
      top: -2px;
      position: relative; }
  .contractorExtHolder .noNtf {
    display: none; }
  .contractorExtHolder .haveNtf {
    background-color: rgba(250, 56, 55, 0.75);
    border: 1px solid #f92f2e !important;
    box-shadow: 0 1px 2px 0 #ff9999;
    color: white !important;
    text-shadow: none;
    border-radius: 3px;
    font-size: 0.8em;
    padding-right: 1px;
    padding-left: 1px; }
  .contractorExtHolder .select2-container .select2-selection--single .select2-selection__rendered,
  .contractorExtHolder .select2-container .select2-selection--single {
    height: 32px;
    line-height: 30px; }
  .contractorExtHolder a.button,
  .contractorExtHolder input[type="button"],
  .contractorExtHolder input[type="submit"],
  .contractorExtHolder button {
    background-position: 4px center !important;
    background-repeat: no-repeat !important;
    background-color: #dddddd;
    border: 1px solid #bbbbbb !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    color: #333333;
    font-family: arial;
    font-weight: bold;
    text-decoration: none;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #b4b4b4;
    border-right: 1px solid #dfdfdf;
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.8);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.8);
    text-shadow: 0 1px 0px #f1f1f1;
    height: 31px;
    box-sizing: border-box; }
    .contractorExtHolder a.button:hover,
    .contractorExtHolder input[type="button"]:hover,
    .contractorExtHolder input[type="submit"]:hover,
    .contractorExtHolder button:hover {
      background-color: #e5e5e5; }
      .contractorExtHolder a.button:hover.btn-disabled,
      .contractorExtHolder input[type="button"]:hover.btn-disabled,
      .contractorExtHolder input[type="submit"]:hover.btn-disabled,
      .contractorExtHolder button:hover.btn-disabled {
        background-color: #dddddd; }
  .contractorExtHolder select,
  .contractorExtHolder input,
  .contractorExtHolder textarea,
  .contractorExtHolder .chzn-container-single .chzn-single,
  .contractorExtHolder .chzn-container-active .chzn-single,
  .contractorExtHolder .chzn-container-active .chzn-single-with-drop,
  .contractorExtHolder .staticFormView .formFieldValue,
  .contractorExtHolder div.richEdit div.richedit-toolbar {
    border-color: #bbbbbb;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08); }
    .contractorExtHolder select.inputError,
    .contractorExtHolder input.inputError,
    .contractorExtHolder textarea.inputError,
    .contractorExtHolder .chzn-container-single .chzn-single.inputError,
    .contractorExtHolder .chzn-container-active .chzn-single.inputError,
    .contractorExtHolder .chzn-container-active .chzn-single-with-drop.inputError,
    .contractorExtHolder .staticFormView .formFieldValue.inputError,
    .contractorExtHolder div.richEdit div.richedit-toolbar.inputError {
      border-color: red; }
  .contractorExtHolder .select2-container--default .select2-selection--single,
  .contractorExtHolder .select2-dropdown,
  .contractorExtHolder .select2-container--default .select2-selection--multiple {
    border: solid 1px #bbbbbb;
    border-radius: 2px; }
  .contractorExtHolder .vertical .formTitle a {
    color: #cccccc !important; }
    .contractorExtHolder .vertical .formTitle a:hover {
      color: white !important; }
  .contractorExtHolder .vertical form[method=post] input[type=submit],
  .contractorExtHolder form[method=post] input:first-child[type=submit] {
    text-shadow: none; }
  .contractorExtHolder .toolbar-btn {
    max-width: 16px !important; }
  .contractorExtHolder .formGroup a {
    color: #98a2ab; }
    .contractorExtHolder .formGroup a:hover {
      color: #637e98 !important; }

.narrow .contractorExtHolder {
  padding: 10px 0px; }
  .narrow .contractorExtHolder input[type="button"],
  .narrow .contractorExtHolder input[type="submit"],
  .narrow .contractorExtHolder button,
  .narrow .contractorExtHolder a.button {
    padding-left: 5px !important; }

.narrow #login-form {
  max-width: 17em !important;
  margin: 20px auto; }
  .narrow #login-form input[type='text'],
  .narrow #login-form input[type='password'] {
    font-size: 20px; }
  .narrow #login-form input[type='submit'] {
    font-size: 16px; }
  .narrow #login-form .formSection {
    padding: 0 5px; }
  .narrow #login-form .formToolbar {
    padding: 3px 8px !important; }

#cmsNavigation div.nav_item {
  padding: 1px;
  line-height: normal;
  font-family: Trebuchet MS, Geneva, Tahoma, sans-serif;
  display: block;
  clear: both;
  margin-bottom: 3px; }

#cmsNavigation a {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 1px 4px;
  border: 1px solid rgba(0, 0, 0, 0);
  display: inline-block; }

  #cmsNavigation.articles-menu .nav_item a,
  #cmsNavigation.articles-menu .nav_item span {
    float: left;
    border: 1px solid rgba(0, 0, 0, 0); }
  #cmsNavigation.articles-menu .nav_item:after {
    content: '';
    display: block;
    clear: both; }

#cmsNavigation a.linkWithIcon {
  display: inline-block;
  height: 21px;
  margin-left: 5px;
  background-position: center !important; }

#cmsNavigation .navWithIcon.lastOrderedLink a.linkWithIcon {
  height: auto !important;
  background-position: 5px 5px !important; }

.narrow #cmsNavigation a.linkWithIcon {
  float: right; }

#cmsNavigation form {
  display: inline-block;
  float: left; }

#cmsNavigation .level1 {
  font-size: 16px;
  font-weight: bold;
  padding-top: 10px;
  margin-bottom: 2px; }
  #cmsNavigation .level1.noRoot {
    font-weight: normal; }

#cmsNavigation div:first-child {
  margin-top: 0 !important; }

#cmsNavigation .level2 {
  margin-top: 0;
  margin-bottom: 2px;
  font-size: 15px;
  margin-left: 10px; }

#cmsNavigation .level3 {
  margin-left: 20px; }

#cmsNavigation .level4 {
  margin-left: 40px; }

#cmsNavigation .level5 {
  margin-left: 60px; }

#cmsNavigation div.nav_item {
  font-size: 1em; }

#cmsNavigation .addPage {
  clear: both;
  padding: 2px;
  border: solid 1px #cccccc;
  background-color: #eeeeee;
  margin: 5px 0;
  font-size: 0.7em; }

.productsHolder {
  padding: 5px; }

.productBox {
  text-align: center;
  display: block;
  padding: 10px;
  box-sizing: border-box;
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .productBox:hover {
    -webkit-transform: scale(1.15);
    transform: scale(1.15); }
    .productBox:hover a {
      background-size: 4px 50px;
      color: white !important; }
  .productBox .productImage {
    width: 100%;
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px; }
    .productBox .productImage img {
      max-width: 180px;
      height: auto; }
  .productBox .productName {
    background: linear-gradient(to bottom, #333344 0%, #333344 100%);
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 0px 0px;
    color: black;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    padding: 0 2px; }

  .smallThumbs .productImage {
    height: 120px;
    overflow: hidden; }
    .smallThumbs .productImage img {
      max-width: 110px;
      height: auto; }
  .smallThumbs .productName {
    font-size: 0.9rem !important; }

.narrow .results ul {
  padding-left: 0; }

.searchResult {
  width: 100%; }
  .searchResult td {
    vertical-align: middle;
    padding: 5px; }
  .searchResult .searchImg {
    width: 70px;
    text-align: center; }

.narrow .searchResult td {
  padding: 0 2px 2px; }

.narrow .articles-navigation {
  background-color: #cccccc;
  padding: 5px;
  border: solid 1px #aaaaaa;
  clear: both;
  margin-bottom: 5px; }

.narrow .cms-row {
  padding-top: 20px; }

.cms-row h1 {
  margin-top: 0;
  margin-left: 0; }

.richtext h1,
.richtext h2,
.richtext h3 {
  clear: both; }

.document .richtext .fancybox img {
  max-width: 100%;
  height: auto; }

  .clear-center img {
    max-width: 100%;
    height: auto; }

.clear-right {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 3px;
  padding: 5px;
  border: solid 1px #cccccc;
  background: #f0f0f0; }

.clear-right:after {
  content: '';
  display: block;
  clear: both; }

.clear-left {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-top: 3px;
  padding: 5px;
  border: solid 1px #cccccc;
  background: #f0f0f0; }

.clear-left:before {
  content: '';
  display: block;
  clear: both; }

/*
 * Ако newsbar е пуснат и искаме да се показва под картинката трябва да има паддинг
 * #cmsTop{
 * padding-bottom:42px;
 * }
 */
.newsbar {
  width: 100%;
  box-sizing: border-box;
  background-color: white;
  color: black;
  clear: both; }
  .newsbar h1,
  .newsbar h2,
  .newsbar h3,
  .newsbar h4,
  .newsbar h5,
  .newsbar h6,
  .newsbar p {
    margin: 0; }
  .newsbar .richtext {
    font-family: Verdana, Helvetica, Arial, Sans-serif;
    line-height: 1.1em;
    white-space: nowrap; }
  .newsbar.topPageNewsbar {
    top: 0; }
  .newsbar.topMenuNewsbar {
    bottom: 0; }
  .newsbar.absolutePosition {
    text-align: center;
    position: absolute;
    margin: 0px;
    display: inline-block !important;
    left: 0;
    right: 0;
    z-index: auto !important;
    padding: 0; }
  .newsbar.topContentNewsbar {
    clear: both;
    margin: 10px 0 20px; }
  .newsbar.topNavNewsbar {
    margin-bottom: 25px; }
  .newsbar.bottomNavNewsbar {
    margin-top: 30px; }
  .newsbar.defaultTheme.topPageNewsbar {
    top: 0; }
  .newsbar.bottomContentNewsbar {
    margin: 20px 0 10px; }

.narrow .newsbar.topPageNewsbar {
  position: static; }

  #cmsNavigation .defaultNewsbar a.fancybox:hover {
    background: none !important;
    border: 1px solid rgba(0, 0, 0, 0) !important; }

.menuNewsbar {
  clear: both; }

/*
 * край на newsbar
 */
/*
 * стилове за социални бутони
 */
.soc-sharing-holder {
  margin: 20px 0 15px;
  clear: both; }
  .soc-sharing-holder:after {
    content: '';
    display: block;
    clear: both; }
  .soc-sharing-holder .soc-sharing {
    white-space: nowrap;
    margin-right: 8px;
    margin-bottom: 8px;
    display: inline-block;
    height: 22px;
    padding: 0 3px;
    color: #333333;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #cccccc;
    font-size: 0.9em;
    font-family: Verdana, Helvetica, sans-serif;
    background: #f1f1f1;
        /*
     * Old browsers
     */
    background: -moz-linear-gradient(top, white 0%, #d5d5d5 100%);
        /*
     * FF3.6+
     */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #d5d5d5));
        /*
     * Chrome,Safari4+
     */
    background: -webkit-linear-gradient(top, white 0%, #d5d5d5 100%);
        /*
     * Chrome10+,Safari5.1+
     */
    background: -o-linear-gradient(top, white 0%, #d5d5d5 100%);
        /*
     * Opera 11.10+
     */
    background: -ms-linear-gradient(top, white 0%, #d5d5d5 100%);
        /*
     * IE10+
     */
    background: linear-gradient(to bottom, white 0%, #d5d5d5 100%);
        /*
     * W3C
     */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d5d5d5', GradientType=0);
        /*
     * IE6-9
     */ }
    .soc-sharing-holder .soc-sharing:hover {
      cursor: pointer;
      color: #333333;
      background: #d5d5d5;
            /*
       * Old browsers
       */
      background: -moz-linear-gradient(top, #d5d5d5 0%, white 100%);
            /*
       * FF3.6+
       */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5d5d5), color-stop(100%, white));
            /*
       * Chrome,Safari4+
       */
      background: -webkit-linear-gradient(top, #d5d5d5 0%, white 100%);
            /*
       * Chrome10+,Safari5.1+
       */
      background: -o-linear-gradient(top, #d5d5d5 0%, white 100%);
            /*
       * Opera 11.10+
       */
      background: -ms-linear-gradient(top, #d5d5d5 0%, white 100%);
            /*
       * IE10+
       */
      background: linear-gradient(to bottom, #d5d5d5 0%, white 100%);
            /*
       * W3C
       */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5d5d5', endColorstr='#ffffff', GradientType=0);
            /*
       * IE6-9
       */ }
    .soc-sharing-holder .soc-sharing sup {
      position: relative;
      top: -2px; }
  .soc-sharing-holder .soc-sharing img {
    top: 3px;
    position: relative; }

.soc-following {
  padding: 7px 2px 7px 7px;
  height: 24px;
  float: left; }

/*
 * край на CMS
 */
/*
 * grid
 */
/*
 * ====================================================================================================================
 */
/*
 * ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com
 */
/*
 * ====================================================================================================================
 */
.cms-container {
  padding-left: 20px;
  padding-right: 20px; }

.cms-row {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 25px; }

.onecol,
.twocol,
.threecol,
.fourcol,
.fivecol,
.sixcol,
.sevencol,
.eightcol,
.ninecol,
.tencol,
.elevencol {
  margin-right: 3.8%;
  float: left;
  min-height: 1px;
  _display: inline; }

.cms-row .onecol {
  width: 4.85%; }

.cms-row .twocol {
  width: 13.45%; }

.cms-row .threecol {
  width: 22.05%; }

.cms-row .fourcol {
  width: 27.73%; }

.cms-row .fivecol {
  width: 39.45%; }

.cms-row .sixcol {
  width: 48%; }

.cms-row .sevencol {
  width: 56.75%; }

.cms-row .eightcol {
  width: 64%;
  float: right; }

.cms-row .ninecol {
  width: 74.05%; }

.cms-row .tencol {
  width: 82.7%; }

.cms-row .elevencol {
  width: 91.35%; }

.cms-row .twelvecol {
  width: 100%;
  float: left; }

.cms-last {
  margin-right: 0; }

  .cms-row .eightcol .document {
    min-width: auto;
    border: none;
    padding: 0; }

/*
 * край на grid
 */
.narrow .alphabet .row-holder {
  overflow: auto; }

.narrow .alphabet .row-holder > div {
  display: flex;
  flex-wrap: nowrap; }

.narrow div.tab-control.alphabet div.tab-row .tab {
  min-width: auto; }

/*
 * стилове за fileman
 */
.webdrvTabBody {
  min-width: 800px;
  top: 10px;
  position: relative; }

.narrow .webdrvTabBody {
  max-width: 600px;
  min-width: 100px;
  min-height: 300px; }

.webdrvIframe {
  width: 100%;
  border: solid 0 rgba(0, 0, 0, 0);
  min-height: 612px; }

.webdrvIframeSingle {
  min-height: 0px; }

iframe.autoHeight {
  width: 100%;
  border: none;
  overflow: hidden; }

.wide .webdrvIframe,
.wide .webdrvFieldset {
  min-width: 885px; }

.narrow .webdrvIframe {
  min-height: 300px; }

.wide .webdrvFieldset {
  min-height: 615px;
  display: inline-block;
  border: 1px solid #cccccc;
  padding: 15px 10px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  .wide .webdrvFieldset > div {
    overflow: auto; }
  .wide .webdrvFieldset > .dtree {
    overflow: visible; }
  .wide .webdrvFieldset > .mejs-container {
    overflow: hidden; }
  .wide .webdrvFieldset .richtext {
    max-width: 865px;
    margin-bottom: 0;
    margin-top: 0; }
  .wide .webdrvFieldset .email-source {
    max-width: 880px;
    white-space: pre-wrap;
    font-family: monospace "courier new"; }

.webdrvFieldset {
  position: relative; }

.webdrvTabBody .legend {
  position: absolute;
  top: -10px;
  left: 10px;
  z-index: 10;
  background-color: white;
  padding: 0 5px;
  margin: 0 15px; }

.narrow .email-source-holder {
  overflow-x: auto !important;
  _overflow: auto !important; }

.narrow .email-source {
  white-space: pre-wrap;
  font-family: monospace "courier new"; }

.narrow .webdrvFieldset img {
  height: auto;
  max-width: 100%; }

.narrow .webdrvFieldset div {
  font-size: 0.9em; }

.narrow .webdrvFieldset {
  min-height: 300px;
  height: 100%;
  padding: 20px 10px 10px;
  overflow-x: auto;
  border: 1px solid #cccccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }

.filesContainer .top-table {
  margin-bottom: 15px; }

.webdrv-preview {
  margin-top: 5px; }
  .webdrv-preview:first-child {
    margin-top: 0; }

.wide .webdrv-preview {
  display: block;
  max-width: 100%;
  height: auto; }

/*
 * стилове за fileman
 */
#packWrapper .debugLink {
  display: inline-block;
  padding: 3px;
  margin: 10px 10px 0 0;
  border: 1px solid #cccccc;
  background: #eeeeee;
  border-radius: 3px; }

.debug {
  background-color: #ffffb3;
  padding: 2px 0; }

/*
 * стилове за блог
 */
#blog-article-details .listTable th {
  display: none; }

.blogm-browse-article {
  clear: both; }

#blog-article-details .listTable {
  background: #e5e5e5; }

.externalPage .blogm-article-body img {
  width: 100% \9;
  max-width: none \9;
  *width: auto; }

.cookies {
  background-color: #333333;
  float: none !important;
  padding: 14px;
  color: #eeeeee; }

.cookies .agree {
  padding: 3px 5px;
  border-radius: 5px;
  display: inline-block; }

.wide .cookies .agree {
  position: relative;
  top: -3px;
  float: right; }

.narrow .cookies .agree {
  margin-top: 5px; }

.cookies .agree:hover {
  cursor: pointer; }

.cookies a:hover {
  text-decoration: underline; }

/*
 * край на стилове за блог
 */
/*
 * стилове при скролиране
 */
.main-container {
  display: inline-block;
  min-width: 100%; }

.narrow-scroll .main-container {
  display: block; }

.listBlock {
  display: table; }

.narrow-scroll .listBlock {
  display: block; }

.narrow .single-thread > .listRows > .listTable {
  width: 100%;
  max-width: 56em; }

.narrow .listRows .listTable {
  margin-bottom: 5px; }

.narrow .document .listTable {
  margin-bottom: 0; }

.narrow-scroll div.alphabet  div.tab-row {
  width: 100%; }

.narrow-scroll .listRows,
.narrow-scroll .listRowsDetail {
  width: 100% !important;
  overflow-y: auto !important;
  _overflow: auto !important; }

.narrow-scroll .single-thread .listRows,
.narrow-scroll .single-thread .listRowsDetail {
  overflow: visible !important;
  _overflow: visible !important;
  width: auto !important; }

    .narrow-scroll .single-thread .store_InventoryNoteDetails .listRowsDetail {
      overflow: auto !important;
      _overflow: auto !important; }

.narrow-scroll .listRows::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px; }

.narrow-scroll .listRows::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.2); }

.narrow .scrolling-holder {
  display: inline; }

.narrow-scroll .scrolling-holder,
.overflow-scroll {
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  _overflow: auto !important;
  margin-bottom: 0;
  display: block; }
  .narrow-scroll .scrolling-holder .folder-cover,
  .overflow-scroll .folder-cover {
    margin-right: 2px; }
  .narrow-scroll .scrolling-holder .document,
  .overflow-scroll .document {
    border: none;
    padding: 0 2px 0 0; }
  .narrow-scroll .scrolling-holder .display-table,
  .overflow-scroll .display-table {
    display: table;
    width: 100%; }
  .narrow-scroll .scrolling-holder .styled-table,
  .overflow-scroll .styled-table {
    margin-bottom: 2px; }
  .narrow-scroll .scrolling-holder > .antetka,
  .overflow-scroll > .antetka {
    margin-top: 0; }

  .wide #Bottom-tab-doc_UnsortedFolders input[type=text] {
    height: 1.85em; }
  .wide #Bottom-tab-doc_UnsortedFolders #filter {
    height: 25px;
    padding-left: 22px !important; }

  .narrow #Bottom-tab-doc_UnsortedFolders input[type=text] {
    height: 2em !important; }
  .narrow #Bottom-tab-doc_UnsortedFolders #filter {
    height: 30px !important;
    padding-left: 22px !important; }

.planning_ProductionTaskDetails .listRowsDetail {
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  _overflow: auto !important;
  margin-bottom: 0;
  display: block; }
  .planning_ProductionTaskDetails .listRowsDetail td {
    max-width: none !important; }

.document table.listTable>tbody>tr>td.task-row-info {
  padding: 4px 7px 3px !important; }

.document .scrolling-holder {
  margin-bottom: 0; }

.narrow-scroll .scrolling-holder::-webkit-scrollbar,
.overflow-scroll::-webkit-scrollbar,
.narrow .details .groupList::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px; }

.narrow-scroll .scrolling-holder::-webkit-scrollbar-thumb,
.overflow-scroll::-webkit-scrollbar-thumb,
.narrow .details .groupList::-webkit-scrollbar-thumb {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.2); }

.narrow .details .groupList {
  width: 100% !important;
  overflow-x: scroll !important;
  _overflow: auto !important;
  height: auto;
  display: block;
  margin-bottom: 3px; }
  .narrow .details .groupList .listTable {
    width: 100% !important;
    height: 100%; }
    .narrow .details .groupList .listTable td {
      white-space: nowrap; }

/*
 * край на стилове за скролиране
 */
.special-table {
  border-collapse: separate; }

.half-detail {
  width: auto;
  text-align: center; }

.counter-link {
  font-weight: bold;
  font-size: 24px;
  font-family: courier new; }

/*
 * стилове за автор в документ
 */
.wide-profile-info {
  margin: 0 auto; }
  .wide-profile-info .name-box {
    font-size: 0.8em;
    max-width: 100px;
    word-wrap: break-word;
    word-break: break-word;
    hyphens: auto; }
  .wide-profile-info .date-box {
    font-size: 0.8em;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 5px;
    margin-top: 5px; }
  .wide-profile-info .gravatar-box {
    text-align: center; }

/*
 * стилове за автор в документ
 */
.hiddenBtn {
  display: none !important; }

/*
 * стилове за custom таблица
 */
.styled-table {
  border-collapse: collapse;
  margin-bottom: 20px; }

.styled-table th {
  text-align: left; }

.styled-table td {
  border: 1px solid #cccccc;
  padding: 3px 5px; }

.styled-table th {
  border-bottom: none; }

.wide .singleView {
  display: inline-block; }

.narrow .singleView {
  display: block; }

.singleView .title-style {
  color: #666666; }

.singleView p {
  margin-bottom: 10px;
  line-height: 120%; }

  .rowtoolsGroup.modal-toolbar.iw-contextMenu {
    padding: 5px 6px 4px 5px;
    max-width: 160px; }
  .rowtoolsGroup a,
  .rowtoolsGroup span:not(.highlight) {
    text-align: left;
    display: block;
    font-size: 0.95em;
    padding: 3px 0;
    padding-left: 22px !important;
    color: #333333 !important; }
    .rowtoolsGroup a:hover,
    .rowtoolsGroup span:not(.highlight):hover {
      color: black !important;
      background-color: #e1e1e1;
      cursor: pointer; }

table.styled-table tr:hover td {
  background-color: #ffffcc !important; }

/*
 * стилове за custom таблица
 */
/*
 * стилове за локации
 */
div.no-cover {
  max-width: 725px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #cccccc;
  padding: 20px 20px 20px;
  margin-top: 16px; }
  div.no-cover h2 {
    margin-top: 0;
    background-color: rgba(0, 0, 0, 0); }
    div.no-cover h2.state-rejected {
      background-color: #cc6666; }
  div.no-cover ul {
    padding: 0;
    margin: 0;
    list-style-type: none; }
    div.no-cover ul li {
      padding: 0;
      margin: 0;
      list-style-type: none; }
  div.no-cover .detail-info ul {
    padding-left: 20px; }
    div.no-cover .detail-info ul li {
      list-style-type: disc; }
  div.no-cover div.locImage {
    padding-bottom: 0; }
  div.no-cover .gray-title {
    color: #666666;
    display: inline;
    vertical-align: baseline; }
  div.no-cover .groupList {
    font-size: 0.95em;
    max-width: 700px; }

div.location.public {
  border: none;
  margin: 0;
  padding: 0; }

.location-map {
  margin-top: 20px;
  text-align: center; }
  .location-map > div {
    width: 99% !important; }
    .location-map > div img {
      max-width: none !important;
      max-height: none !important;
      width: auto;
      height: auto; }

.pickermap {
  z-index: 1; }

/*
 * край на стилове за локации
 */
.info-table ul {
  padding: 0;
  margin: 0;
  list-style-type: none; }
  .info-table ul .part {
    float: left;
    width: 50%; }

.narrow .info-table {
  max-width: 400px;
  font-size: 0.9em; }

.narrow .info-table .rowtools {
  padding-right: 4px; }

.info-table .gray-title {
  color: #666666; }

.printListFilter {
  margin-bottom: 10px; }

.wide .barcodeSearchHolder {
  position: relative;
  display: inline-block;
  padding-right: 210px; }
  .wide .barcodeSearchHolder .imgPreview img {
    float: none;
    position: absolute;
    right: 0;
    top: 0; }

.narrow .imgPreview img {
  float: none;
  text-align: center; }

.flexBox {
  display: flex;
  align-content: baseline;
  align-items: baseline;
  margin-bottom: 5px; }
  .flexBox div {
    display: flex;
    align-content: baseline;
    align-items: baseline; }

  .barcodeSearch .noPadding {
    padding: 0px !important; }
  .barcodeSearch .listTable {
    width: 100%;
    margin-bottom: 0 !important; }

/*
 * шаблон за пускане в експлоатация на ДА
 */
.sign-holder {
  display: inline-block; }

.sign-holder span {
  display: inline-block;
  float: right;
  width: 160px;
  text-align: center; }

/*
 * край на шаблон за пускане в експлоатация на ДА
 */
/*
 * оборотни ведомости
 */
.balance-filter {
  margin-bottom: 10px;
  margin-top: -8px;
  margin-right: 20px; }

.captionSimple {
  line-height: 1.2em;
  margin: 4px 0 2px 0; }

.captionProperties {
  padding-left: 20px; }

.balance-custom-form tr td {
  padding-bottom: 10px; }

.narrow .balance-custom-form tr {
  margin-bottom: 10px; }

.narrow .balance-custom-form td {
  display: block; }
  .narrow .balance-custom-form td .captionProperties {
    padding: 0; }
  .narrow .balance-custom-form td.feat {
    padding-bottom: 20px !important; }
  .narrow .balance-custom-form td .arrow {
    display: none; }

.balance-custom-form select {
  width: 100%;
  max-width: 400px; }

.ajaxSelect {
  min-width: 250px; }

.productCell {
  max-width: 600px !important; }
  .productCell .productPreviewHolder img {
    max-width: 200px; }

.wide .inline-form {
  display: inline-block; }

/*
 * шаблон за журнал
 */
.acc_JournalDetails {
  margin-top: 10px; }

.details .portal .formToolbar #filter {
  background-color: #e5e5e5;
  padding: 6px 4px !important;
  width: 26px;
  background-position: center; }
  .details .portal .formToolbar #filter:hover {
    background-color: #cccccc; }

.document .details .portal .formToolbar #filter {
  padding: 5px 4px 4px !important; }

/*
 * шаблон за журнал
 */
.closePeriod .listTable tr > th:first-child {
  width: auto; }

.btn-group .button {
  display: inline-block;
  width: auto !important; }

.log_System table.listTable > tbody > tr > td:last-child {
  max-width: 600px; }
  .log_System table.listTable > tbody > tr > td:last-child table td {
    word-break: break-all; }

.cCode {
  border: solid 1px #cccccc;
  color: black !important;
  background-color: #eeeeee;
  padding: 2px;
  font-size: 12px;
  vertical-align: middle; }

/*
 * email
 */
.additional-info {
  border-top: 1px solid #cccccc;
  padding: 10px;
  background-color: rgba(240, 240, 255, 0.5);
  border: solid 1px #ddddff; }

.popupInfo {
  border-top: 1px solid #aaaaaa;
  text-align: left;
  margin: 3px 0 2px; }
  .popupInfo:first-child {
    border-top: none;
    margin-top: 0; }
  .popupInfo:last-child {
    margin-bottom: 0; }

.email-class {
  max-width: 600px; }
  .email-class h3 {
    margin: 10px 0 12px; }

.textWithIcons {
  display: inline-block;
  margin-bottom: -12px; }
  .textWithIcons a,
  .textWithIcons span:not(.highlight) {
    float: left;
    margin-right: 5px; }
  .textWithIcons span:not(.highlight) {
    position: relative;
    top: -3px !important; }

.state-error-email {
  background-color: #f3bbaf; }

.state-blocked-email {
  background-color: #f1cba6; }

/*
 * край на email
 */
/*
 * бласт
 */
.blast-table {
  display: inline-block; }

.blast-table table {
  width: 100%;
  font-size: 0.9em; }
  .blast-table table th {
    text-align: left;
    color: #333333; }
  .blast-table table td,
  .blast-table table th {
    border-color: black !important; }
  .blast-table table input {
    margin-bottom: 3px;
    margin-top: 0; }

.blast-overflow {
  max-width: 840px;
  overflow: auto; }

/*
 * край на бласт
 */
/*
 * търсене в портала
 */
.portal-filter {
  position: relative;
  min-width: 30px;
  height: 20px;
  float: right;
  outline: none !important; }

.narrow .portal-filter {
  margin-left: 5px;
  min-width: 20px;
  float: left; }

.portal .linkWithIcon,
.portal .ajaxContext {
  overflow-wrap: anywhere; }

.portal-filter .hFormField {
  width: 7.5em;
  border: solid 1px #cccccc;
  float: right;
  display: block;
  position: relative;
  height: 1.2em;
  margin: 0 0 0 7px;
  background: rgba(255, 255, 255, 0.7);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }

.narrow .portal-filter .hFormField {
  height: auto;
  position: relative;
  top: -1px; }

.narrow .details .portal {
  display: table-cell; }

.narrow .top-tab-content .detail-info.portal {
  display: block; }

.portal-filter .hFormField input {
  height: 1.4em;
  border: none !important;
  background: none;
  font-size: 0.9em;
  position: relative;
  top: -1px;
  line-height: 1.3em;
  margin-top: 0 !important;
  width: 7em !important;
  outline: none !important; }

.narrow .portal-filter .hFormField input {
  width: 87% !important;
  height: 1.3em; }

.narrow .portal-filter input {
  height: 1.2em;
  top: 0; }

.portal-filter select {
  height: 1.2em;
  width: 8.3em;
  line-height: 1em;
  visibility: hidden !important; }

.portal-filter .formToolbar {
  width: 30px;
  height: 20px;
  margin-right: 0 !important;
  right: 0 !important;
  top: 0em !important;
  position: absolute; }

.portal-filter .button {
  width: 16px;
  height: 20px;
  margin-right: 0;
  right: -4px !important;
  top: 0em !important;
  position: absolute;
  border: none;
  outline: none !important;
  background-color: rgba(0, 0, 0, 0) !important;
  cursor: pointer;
  display: inline-block; }

.portal-filter .button::-moz-focus-inner {
  border: 0; }

.narrow .portal-filter .button {
  height: 1.5em;
  padding: 2px 0;
  width: 20px;
  right: 0 !important;
  border: none;
  background-position: center 2px; }

.portalTabs {
  display: none; }

.narrowPortalBlocks {
  margin-top: 20px;
  margin-bottom: 10px; }

.modern-theme .narrowPortalBlocks {
  display: none;
  margin: 0 0 5px; }
  .modern-theme .narrowPortalBlocks.activeTab {
    display: block; }

.modern-theme .portalTabs {
  display: block;
  padding-left: 10px;
  margin-top: -10px;
  margin-bottom: 0;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }
  .modern-theme .portalTabs .tab-link {
    cursor: pointer;
    display: inline-block;
    padding: 5px 5px 8px 5px;
    border-radius: 5px 5px 0 0;
    list-style: none;
    border: 1px solid #cccccc;
    border-bottom: none;
    font-size: 0.9em;
    position: relative;
    bottom: -12px;
    opacity: 0.8; }
    .modern-theme .portalTabs .tab-link.activeTab,
    .modern-theme .portalTabs .tab-link:hover {
      z-index: 20;
      opacity: 1; }

/*
 * край на търсене в портала
 */
/*
 * прогрес на задачите
 */
.narrow .document .progress-table .richtext {
  min-width: 0;
  word-break: break-all; }

/*
 * край на прогрес на задачите
 */
/*
 * напомняния
 */
.reminder-table td {
  width: 400px; }

.narrow .reminder-table td {
  width: 180px;
  padding-right: 20px;
  white-space: nowrap; }

.reminder-half {
  width: 50%;
  display: block;
  float: left; }

.narrow .reminder-half {
  width: 100%; }

/*
 * край на напомняния
 */
/*
 * стилове за състояния в колцентъра
 */
.dialStatus-opened,
.sms-sended {
  background-color: #ffeedd; }

.dialStatus-answered,
.sms-received {
  background-color: #eeeeee; }

.dialStatus-failed,
.sms-sendError {
  background-color: #feadad; }

.dialStatus-busy,
.sms-receiveError {
  background-color: #ffce84; }

.dialStatus-noanswer {
  background-color: #fffcbc; }

.dialStatus-unknown {
  background-color: #eec8e9; }

.dialStatus-redirected {
  background-color: #e0e0e0; }

/*
 * край на стилове за състояния на SMS' ите в колцентъра
 */
.doc-negative-quantity {
  color: red;
  font-weight: bold; }

.doc-positive-quantity {
  color: green;
  font-weight: bold; }

.doc-warning-quantity {
  color: #d66737;
  font-weight: bold; }

/*
 * Стилове за `sens`
 */
.measure {
  min-width: 30px;
  display: inline-block;
  text-align: left;
  padding-left: 5px;
  color: #777777;
  font-size: 0.8em;
  vertical-align: top; }

/*
 * Край на стиловете за `sens`
 */
/*
 * Стилове за пос
 */
.open-note {
  padding: 2px;
  margin: 1px 0 5px;
  display: inline-block;
  border-radius: 3px; }

/*
 * Край на стилове за пос
 */
/*
 * стилове за ротация на елементи
 */
.rotate {
  -webkit-transform: rotate(90deg);
    /*
   * Chrome, Safari 3.1+
   */
  -moz-transform: rotate(90deg);
    /*
   * Firefox 3.5-15
   */
  -ms-transform: rotate(90deg);
    /*
   * IE 9
   */
  -o-transform: rotate(90deg);
    /*
   * Opera 10.50-12.00
   */
  transform: rotate(90deg);
    /*
   * Firefox 16+, IE 10+, Opera 12.10+
   */ }

/*
 * край на стилове за ротация на елементи
 */
.fileman_Indexes table.listTable > tbody > tr > td,
.fileman_Data table.listTable > tbody > tr > td,
.doclog_Documents table.listTable > tbody > tr > td,
.core_Cache table.listTable > tbody > tr > td {
  max-width: none !important; }

.calendar table {
  border-collapse: separate; }

.calendar table td {
  vertical-align: middle; }

.doc_Containers .formToolbar .toolbar {
  padding: 0;
  margin: 0; }

.doc_Containers table.listTable.listTable > tbody > tr.report-payment {
  background-color: #d1ffda !important; }

.doc_Containers table.listTable.listTable > tbody > tr.report-sale {
  background-color: rgba(246, 237, 167, 0.5) !important; }

.accordian {
  margin-top: 0.5em; }

.no-border-table {
  margin-top: 10px;
  border-spacing: 5px;
  border-collapse: separate; }

.no-border-table .button {
  float: none !important;
  width: 100%;
  text-align: left; }

.noTopBorder .listTable {
  font-size: 0.9em;
  border-top: none; }
  .noTopBorder .listTable th {
    border-top: none; }

.custom-bg-block {
  background-color: #e0e0e0;
  padding: 0.2em;
  margin-bottom: 0.2em;
  margin-top: 0.5em; }

.free-text {
  max-width: 600px;
  text-align: justify;
  line-height: 120%;
  margin-bottom: 10px; }

.preview-holder .document {
  width: 840px !important;
  min-width: 0;
  border: solid 1px #bbbbbb !important;
  background: white;
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  border-radius: 5px !important;
  padding: 10px !important;
  word-wrap: break-word; }

#rss-feeds {
  padding: 30px; }

.narrow #rss-feeds {
  padding: 10px; }

.rss-feeds-header {
  padding-top: 3px;
  padding-left: 32px;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-image: url('../cms/img/rss24.png'); }

.blast_ListDetails .listToolbar,
.dec_DeclarationDetails .listToolbar,
.distro_Files  .listToolbar {
  border-bottom: none !important; }

.declarationApprovedText {
  margin-top: 2px; }

.declarationApproved .richtext {
  background: url("../img/16/checkbox_yes.png") 20px 2px no-repeat;
  padding-left: 40px;
  margin-bottom: 2px; }

.distro-tools a {
  margin: 0 5px 0;
  position: relative;
  top: 1px; }

.price_ListRules .state-closed {
  color: #888888; }
  .price_ListRules .state-closed font,
  .price_ListRules .state-closed a {
    color: #888888 !important; }

.price-list-new-item {
  text-align: center;
  display: block; }

.pricelist-group-label {
  background-color: #636363 !important;
  color: white;
  line-height: 24px;
  text-indent: 5px; }
  .pricelist-group-label:hover td {
    background-color: #636363 !important; }

.pricelist-report-pack-table {
  width: 100%; }
  .pricelist-report-pack-table td {
    border: none !important;
    padding: 0 5px;
    vertical-align: middle !important; }
  .pricelist-report-pack-table .small {
    width: 90px; }

/*
 * край на бъгфиксове
 */
/*
 * Стилове за eshop
 */
.eshop-group-holder {
  margin-bottom: 25px; }

.eshop-group-button {
  float: left;
  width: 46%;
  margin: 5px 2%;
  text-align: center; }
  .eshop-group-button .eshop-group-button-title {
    background: none !important;
    font-size: 1em;
    margin-top: 2px;
    font-weight: normal;
    height: 50px; }
    .eshop-group-button .eshop-group-button-title a {
      color: #004488; }
  .eshop-group-button .eshop-group-button-img a {
    display: block; }
    .eshop-group-button .eshop-group-button-img a img {
      max-width: 100%;
      max-height: 220px; }

.eshopProduct {
  max-width: 800px; }
  .eshopProduct .title-style {
    text-align: right;
    padding-right: 10px; }

  #cmsNavigation .navWithIcon.favouriteNavigationLink .linkWithIcon {
    color: #a00505; }
  #cmsNavigation .navWithIcon .linkWithIcon {
    background-position: 5px 3px !important;
    margin-left: 0 !important;
    margin-bottom: 5px !important; }
  #cmsNavigation .navWithIcon.favouriteNavigationLink.sel_page .linkWithIcon,
  #cmsNavigation .navWithIcon.favouriteNavigationLink:hover .linkWithIcon {
    background-color: #fdc3c3 !important;
    border-color: #fb9292 !important;
    color: #a00505 !important; }

.sel_page {
  clear: both; }

.favouritesBtn.linkWithIcon:hover {
  cursor: pointer; }

#all .hasLogoutBlock .cms-row,
.hasLogoutBlock .centerContent {
  padding-top: 30px; }

.hasLogoutBlock .centerContent .cms-row {
  padding-top: 10px; }

.narrow .externalPage #maincontent.hasLogoutBlock {
  padding-top: 29px !important; }

.narrow .hasLogoutBlock .logoutBlock {
  top: -29px;
  right: -2px; }

.narrow #all .hasLogoutBlock .logoutBlock {
  top: 0;
  right: 0; }

.narrow .eshop-group-button {
  margin-bottom: 10px;
  height: auto; }

.narrow .eshop-group-button-title {
  margin-bottom: 0 !important; }

.eshop-group-button:hover  .eshop-group-button-title a {
  color: #cc6600; }

.eshop-product-labels {
  margin-bottom: 2px;
  color: #666666; }

.eshop-product-list:hover .eshop-product-labels {
  color: #444444; }

.paramsTable {
  margin-top: 10px; }

.eshop-product .richtext ul {
  margin-bottom: 10px; }

.eshop-product .productBtn {
  font-weight: bold; }

.eshop-product-labels .info {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 4px;
  font-size: 0.8em;
  background-color: #e6e6e6;
  border: solid 1px #d8d8d8;
  display: inline-block;
  margin-bottom: 5px; }
  .eshop-product-labels .info:last-child {
    margin-right: 0 !important; }

.eshop-product-images {
  padding: 5px;
  background-color: #e6e6e6;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }

.eshop-product-image {
  max-height: 120px;
  height: auto;
  width: auto;
  max-width: 120px; }

.narrow .inqRow {
  margin-top: 10px; }

.wide .eshop-product-images {
  width: 30%;
  height: 100%;
  text-align: center; }
  .wide .eshop-product-images img {
    max-width: none;
    width: auto; }

.narrow .eshop-product-images a {
  display: inline-block;
  width: 160px;
  text-align: center;
  margin-bottom: 12px !important; }

.eshop-product-labels > a {
  font-weight: bold; }

#addToFavouritesBtn a {
  background-color: rgba(0, 0, 0, 0) !important; }

.narrow .eshop-group-button-title {
  margin-top: 2px; }

.eshop-group-image {
  margin-bottom: 10px; }

.eshop-group-image img {
  width: 100% !important;
  height: auto !important; }

.eshop-group {
  margin-top: -5px; }

.eshop-group-description {
  margin: 25px 0; }

.eshop-product-list {
  margin-top: 10px;
  background-color: #e8e8e8;
  border: solid 1px #cccccc;
  clear: both;
  padding: 10px;
  border-radius: 3px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  _height: 1%; }
  .eshop-product-list .richtext {
    line-height: 1.35em; }
  .eshop-product-list .eshopLink {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 12px 10px 0;
    text-align: center; }
  .eshop-product-list .eshop-product-list-name {
    font-weight: bold;
    padding: 0 5px 8px 0px;
    height: 1%;
    margin: 0 !important;
    background: none !important;
    font-size: 1em; }
  .eshop-product-list:hover {
    border: solid 1px #bbbbbb; }

  .narrow .eshop-product-list .eshopLink {
    float: left; }
  .narrow .eshop-product-list ul {
    display: table-cell; }

.info-block {
  border: 1px solid #38d0ff;
  background: #c6f1ff;
  color: #00526b;
  border-radius: 5px;
  padding: 5px; }

.narrow .cart-view-buttons-right {
  margin-top: 10px; }

.epayBtn {
  border: none;
  background: none; }

.newCol {
  background-color: #eeeeee; }

td.rack-hl {
  background-color: red; }

td.rack-same {
  background-color: yellow; }

.app-name {
  display: block;
  color: #42477f;
  position: absolute;
  font-family: Times New Roman, Georgia, serif; }

.narrow .app-name {
  font-size: 26px !important;
  top: 6px !important;
  left: 9px !important; }

.narrow .app-subtitle {
  font-size: 14px;
  left: 9px;
  top: 38px; }

.app-subtitle {
  display: block;
  color: #42477f;
  position: absolute;
  font-size: 2.1em;
  left: 2%;
  top: 55%;
  font-family: Times New Roman, Georgia, serif; }

.movement-position-notice {
  font-weight: bold; }

.wide .app-name {
  left: 3%;
  bottom: 5%;
  font-size: 5.5em;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6); }

.narrow .app-name {
  left: 7px;
  top: 2px;
  font-size: 33px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); }

/*
 * queries
 */
body.narrow {
  font-size: 18px; }

.row-fluid {
  width: 100%;
  *zoom: 1; }

.row-fluid:before,
.row-fluid:after {
  display: table;
  line-height: 0;
  content: ""; }

.row-fluid:after {
  clear: both; }

.row-fluid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 21px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.row-fluid [class*="span"]:first-child {
  margin-left: 0; }

.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.128%; }

.row-fluid .span12 {
  width: 100%;
  *width: 99.947%; }

.row-fluid .span11 {
  width: 91.489%;
  *width: 91.436%; }

.row-fluid .span10 {
  width: 82.979%;
  *width: 82.926%; }

.row-fluid .span9 {
  width: 74.468%;
  *width: 74.415%; }

.row-fluid .span8 {
  width: 65.957%;
  *width: 65.904%; }

.row-fluid .span7 {
  width: 57.447%;
  *width: 57.394%; }

.row-fluid .span6 {
  width: 50%;
  *width: 48.883%; }

.row-fluid .span5 {
  width: 40.426%;
  *width: 40.372%; }

.row-fluid .span4 {
  width: 33.33%;
  *width: 31.862%; }

.row-fluid .span3 {
  width: 24.86%;
  width: 25%;
  *width: 23.351%; }

.row-fluid .span2 {
  width: 13.994%;
  *width: 14.84%; }

.row-fluid .span1 {
  width: 6.383%;
  *width: 6.33%; }

.filledFieled {
  color: #333333;
  text-align: center;
  font-size: 0.9em;
  font-family: 'Lucida Console', monospace; }
  .filledFieled.leftAlign {
    text-align: left;
    padding-left: 7px; }
  .filledFieled.bigNumber {
    font-size: 1.7em;
    padding-top: 8px; }
  .filledFieled.smallFont {
    line-height: 1.3em; }

.basicFontSize {
  font-size: 0.9em; }

.miniText {
  font-size: 0.7em;
  font-weight: bold; }

.cmr-holder {
  color: black; }
  .cmr-holder td {
    border-left: 1px solid black;
    border-right: 1px solid black; }
    .cmr-holder td.border-top {
      border-top: 1px solid black; }

.cmr-red {
  color: #ed1748; }
  .cmr-red td {
    border-left: 1px solid #ed1748;
    border-right: 1px solid #ed1748; }
    .cmr-red td.border-top {
      border-top: 1px solid #ed1748; }

.cmr-green {
  color: #00a94f; }
  .cmr-green td {
    border-left: 1px solid #00a94f;
    border-right: 1px solid #00a94f; }
    .cmr-green td.border-top {
      border-top: 1px solid #00a94f; }

.cmr-blue {
  color: #0082c8; }
  .cmr-blue td {
    border-left: 1px solid #0082c8;
    border-right: 1px solid #0082c8; }
    .cmr-blue td.border-top {
      border-top: 1px solid #0082c8; }

.row-subProduct {
  background-color: #ece2ff; }

@media handheld,
only screen and (min-width: 1240px) {
  .background-holder {
    padding: 10px 0; } }

@media handheld,
only screen and (min-width: 1500px) {
  #cmsNavigation div.nav_item {
    font-size: 1.02em; } }

@media handheld,
only screen and (max-width: 1500px) {
  .wide #all {
    max-width: 1200px !important; } }

@media handheld,
only screen and (min-width: 2100px) {
  .listTable .ui-droppable {
    border-width: 4px !important; }

  .listTable .rowBlock.ui-droppable-hover-top {
    border-top: 4px solid red !important; }

  .listTable .rowBlock.ui-droppable-hover-bottom {
    border-bottom: 4px solid red !important; } }

@media handheld,
only screen and (min-width: 1600px) {
  #cmsNavigation div.nav_item {
    font-size: 1.04em; } }

@media handheld,
only screen and (min-width: 1650px) {
  #cmsNavigation div.nav_item {
    font-size: 1.06em; } }

@media handheld,
only screen and (min-width: 1700px) {
  #cmsNavigation div.nav_item {
    font-size: 1.08em; } }

@media handheld,
only screen and (min-width: 1750px) {
  #cmsNavigation div.nav_item {
    font-size: 1.1em; } }

@media handheld,
only screen and (max-width: 1200px) {
  .wide #all .app-name {
    font-size: 5em; }

  .wide #all  .app-subtitle {
    font-size: 2em; }

  .wide #all,
  .wide #cmsTop,
  .wide #all #cmsTop img {
    border-radius: 0 !important; }

  .document {
    min-width: 40em; } }

@media handheld,
only screen and (max-width: 1000px) {
  .wide #all .app-name {
    font-size: 4.6em; }

  .wide #all .app-subtitle {
    font-size: 1.8em; } }

@media handheld,
only screen and (max-width: 600px) {
  .wide #all .app-name {
    font-size: 1.8em; }

  .wide #all .app-subtitle {
    font-size: 0.9em; } }

@media handheld,
only screen and (max-width: 1024px) {
  .document {
    min-width: 30em; }

  .wide .app-name {
    font-size: 6.4em; }

  .wide .cartHolder {
    width: 69%; }

  .wide .cartInfoBlock {
    width: 29%;
    font-size: 0.92em; }

  .center-content {
    width: 100% !important; } }

/*
 * ipad
 */
@media  (min-device-width : 768px)  and (max-device-width : 1024px) {
  .wide .document {
    max-width: 50em; } }

/*
 * Mobile
 */
@media handheld,
only screen and (max-width: 950px) {
  body {
    -webkit-text-size-adjust: none; }

  .richtext .document {
    min-width: 100%;
    border: none;
    padding: 0; }

  .cms-row,
  body,
  .cms-container {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0; }

  .row .onecol,
  .row .twocol,
  .row .threecol,
  .row .fourcol,
  .row .fivecol,
  .row .sixcol,
  .row .sevencol,
  .row .eightcol,
  .row .ninecol,
  .row .tencol,
  .row .elevencol,
  .row .twelvecol {
    width: auto;
    float: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px; }

  #cmsMenu a {
    margin-left: 8px;
    margin-right: 8px;
    font-size: 1.04em; }

  .externalPage .formTitle {
    font-size: 1.1em; }

  .externalPage h2 {
    font-size: 1.4em; }

  .externalPage h1 {
    font-size: 1.9em; }

  .wide .cartHolder {
    width: 69%; }

  .wide .cartInfoBlock {
    width: 29%;
    font-size: 0.9em; } }

@media handheld,
only screen and (max-width: 900px) {
  .wide .eshop-group-button {
    width: 96%;
    margin: 0 2% 4%;
    height: auto; }
    .wide .eshop-group-button .eshop-group-button-img a img {
      width: 100%;
      height: auto;
      margin-right: 1%;
      margin-left: 1%; }

  .externalPage h2 {
    font-size: 1.38em; }

  .externalPage h1 {
    font-size: 1.88em; }

  .wide .app-name {
    font-size: 5.7em; } }

@media handheld,
only screen and (max-width: 800px) {
  .wide .document {
    min-width: 400px;
    max-width: 700px; }

  #cmsMenu a {
    margin-left: 6px !important;
    margin-right: 6px !important;
    font-size: 0.97em; }

  .wide .eshop-group-button {
    width: 96%;
    margin: 0 2% 4%;
    font-size: 0.9em;
    height: auto; }
    .wide .eshop-group-button .eshop-group-button-img a img {
      width: 98%;
      height: auto;
      margin-right: 1%;
      margin-left: 1%; }

  .externalPage .formTitle {
    font-size: 1em; }

  .externalPage h2 {
    font-size: 1.38em; }

  .externalPage h1 {
    font-size: 1.88em; }

  .wide #all .app-name {
    font-size: 3.3em; }

  .wide #all .app-subtitle {
    font-size: 1.5em; } }

@media handheld,
only screen and (max-width: 760px) {
  #cmsMenu a {
    margin-left: 4px !important;
    margin-right: 4px !important;
    font-size: 0.89em; }

  .wide .eshop-group-button {
    width: 96%;
    margin-right: 2%;
    margin-left: 2%;
    font-size: 0.9em; }

  .externalPage h2 {
    font-size: 1.36em; }

  .externalPage h1 {
    font-size: 1.86em; }

  .notificationsCnt {
    right: 0; } }

@media handheld,
only screen and (max-width: 700px) {
  #cmsMenu a {
    margin-left: 3px !important;
    margin-right: 3px !important;
    font-size: 0.85em; }

  .narrow #cmsTop {
    margin-top: -1px; }

  .narrow .single-thread .listTable .rich-text {
    max-width: 630px; }

  .narrow .eshop-group-button {
    width: 46%;
    min-height: 150px;
    margin-right: 2%;
    margin-left: 2%;
    font-size: 0.9em; }

  .externalPage h2 {
    font-size: 1.34em; }

  .externalPage h1 {
    font-size: 1.84em; }

  .wide .app-name {
    font-size: 4.4em; } }

@media handheld,
only screen and (max-width: 640px) {
  .narrow #all {
    border: none; }

  .wide .eshop-group-button {
    width: 96%;
    margin: 0 2% 5%;
    font-size: 0.9em;
    height: auto; }
    .wide .eshop-group-button .eshop-group-button-img a img {
      width: 98%;
      height: auto;
      margin-right: 1%;
      margin-left: 1%; }

  .narrow .eshop-group-button {
    width: 46%;
    margin-right: 2%;
    margin-left: 2%;
    font-size: 0.9em; }

  .externalPage h2 {
    font-size: 1.32em; }

  .externalPage h1 {
    font-size: 1.82em; }

  .wide #all .app-name {
    font-size: 2.8em;
    top: 15%; }

  .wide #all .app-subtitle {
    font-size: 1.3em; } }

@media handheld,
only screen and (max-width: 600px) {
  .background-holder {
    padding: 0 !important; }

  #cmsMenu a {
    margin-left: 1px !important;
    margin-right: 1px !important;
    font-size: 0.78em; }

  .narrow #cmsTop {
    margin-top: -1px; }

  .narrow .eshop-group-button {
    width: 46%;
    margin-right: 2%;
    margin-left: 2%;
    font-size: 0.9em; }

  .externalPage .formTitle {
    font-size: 0.95em; }

  .externalPage .formGroup {
    font-size: 0.85em; }

    :not(.modern-theme) .narrow .main-container .chzn-container,
    :not(.modern-theme) .narrow .main-container .formFields input,
    :not(.modern-theme) .narrow .main-container .formFields .richEdit,
    :not(.modern-theme) .narrow .main-container .formFields select,
    :not(.modern-theme) .narrow .main-container .formTitle {
      max-width: 558px; }
    :not(.modern-theme) .narrow .main-container .chzn-container .chzn-drop,
    :not(.modern-theme) .narrow .select2 {
      max-width: 548px; }
    :not(.modern-theme) .narrow .main-container .chzn-container-single .chzn-search input {
      max-width: 538px; }

  .externalPage h2 {
    font-size: 1.3em; }

  .externalPage h1 {
    font-size: 1.8em; }

  .wide .app-name {
    font-size: 3.7em; } }

@media handheld,
only screen and (max-width: 533px) {
  .background-holder {
    padding: 0 !important; }

  .narrow #all {
    border: none; }

  .narrow  .eshop-group-button {
    width: 46%;
    margin-right: 2%;
    margin-left: 2%;
    font-size: 0.9em; }

    :not(.modern-theme) .narrow .main-container .chzn-container,
    :not(.modern-theme) .narrow .main-container .formFields input,
    :not(.modern-theme) .narrow .main-container .formFields .richEdit,
    :not(.modern-theme) .narrow .main-container .formFields select,
    :not(.modern-theme) .narrow .main-container .formTitle {
      max-width: 483px; }
    :not(.modern-theme) .narrow .main-container .chzn-container .chzn-drop,
    :not(.modern-theme) .narrow .select2 {
      max-width: 481px; }
    :not(.modern-theme) .narrow .main-container .chzn-container-single .chzn-search input {
      max-width: 471px; }

  .externalPage h2 {
    font-size: 1.28em; }

  .externalPage h1 {
    font-size: 1.78em; } }

@media handheld,
only screen and (max-width: 500px) {
  .background-holder {
    padding: 0 !important; }

  .narrow  .eshop-group-button {
    width: 46%;
    margin-right: 2%;
    margin-left: 2%;
    font-size: 0.9em; }

    :not(.modern-theme) .narrow .main-container .chzn-container,
    :not(.modern-theme) .narrow .main-container .formFields input,
    :not(.modern-theme) .narrow .main-container .formFields .richEdit,
    :not(.modern-theme) .narrow .main-container .formFields select,
    :not(.modern-theme) .narrow .main-container .formTitle {
      max-width: 458px; }
    :not(.modern-theme) .narrow .main-container .chzn-container .chzn-drop,
    :not(.modern-theme) .narrow .select2 {
      max-width: 448px; }
    :not(.modern-theme) .narrow .main-container .chzn-container-single .chzn-search input {
      max-width: 438px; }

  .externalPage h2 {
    font-size: 1.26em; }

  .externalPage h1 {
    font-size: 1.76em; } }

@media handheld,
only screen and (max-width: 480px) {
  .background-holder {
    padding: 0 !important; }

  .narrow #all {
    border: none; }

  .narrow .eshop-group-button {
    width: 46%;
    margin: 0 2%;
    font-size: 0.9em; }

    :not(.modern-theme) .narrow .main-container .chzn-container,
    :not(.modern-theme) .narrow .main-container .formFields input,
    :not(.modern-theme) .narrow .main-container .formFields .richEdit,
    :not(.modern-theme) .narrow .main-container .formFields select,
    :not(.modern-theme) .narrow .main-container .formTitle {
      max-width: 438px; }
    :not(.modern-theme) .narrow .main-container .chzn-container .chzn-drop,
    :not(.modern-theme) .narrow .select2 {
      max-width: 428px; }
    :not(.modern-theme) .narrow .main-container .chzn-container-single .chzn-search input {
      max-width: 418px; }

  .externalPage h2 {
    font-size: 1.24em; }

  .externalPage h1 {
    font-size: 1.74em; }

  .wide #all .app-name {
    font-size: 2.5em;
    top: 15%; }

  .wide #all .app-subtitle {
    font-size: 1.1em; } }

@media handheld,
only screen and (max-width: 375px) {
  .narrow .eshop-group-button {
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
    font-size: 0.9em; } }

@media handheld,
only screen and (max-width: 360px) {
  .background-holder {
    padding: 0 !important; }

  .narrow #all {
    border: none; }

  .narrow .eshop-group-button {
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
    font-size: 0.9em; }

  .externalPage .formTitle {
    font-size: 0.9em; }

  .externalPage .formGroup {
    font-size: 0.75em; }

    :not(.modern-theme) .narrow .main-container .chzn-container,
    :not(.modern-theme) .narrow .main-container .formFields input,
    :not(.modern-theme) .narrow .main-container .formFields .richEdit,
    :not(.modern-theme) .narrow .main-container .formFields select,
    :not(.modern-theme) .narrow .main-container .formTitle {
      max-width: 318px; }
    :not(.modern-theme) .narrow .main-container .chzn-container .chzn-drop,
    :not(.modern-theme) .narrow .select2 {
      max-width: 308px; }
    :not(.modern-theme) .narrow .main-container .chzn-container-single .chzn-search input {
      max-width: 298px; }
    :not(.modern-theme) .narrow .main-container .formTable .keylist label {
      max-width: 159px; }

  .narrow .vFormField .select2 {
    max-width: 335px !important; }

  .externalPage h2 {
    font-size: 1.22em; }

  .externalPage h1 {
    font-size: 1.72em; }

  .narrow .special-table td {
    display: block;
    width: 100%; }

  .wide .app-name {
    font-size: 3em; }

  .narrow .antetkaCell {
    white-space: normal;
    max-width: 230px !important; }

    .user-profile .user-name {
      font-size: 1.1em !important; }
    .user-profile .personStatus {
      font-size: 0.65em !important; } }

@media handheld,
only screen and (max-width: 320px) {
  .background-holder {
    padding: 0 !important; }

  .narrow #all {
    border: none; }

  .narrow .eshop-group-button {
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
    font-size: 0.9em; }

    :not(.modern-theme) .narrow .main-container .chzn-container,
    :not(.modern-theme) .narrow .main-container .formFields input,
    :not(.modern-theme) .narrow .main-container .formFields .richEdit,
    :not(.modern-theme) .narrow .main-container .formFields select,
    :not(.modern-theme) .narrow .main-container .formTitle {
      max-width: 278px; }
    :not(.modern-theme) .formFields .main-container textarea {
      min-width: 278px; }
    :not(.modern-theme) .narrow .main-container .chzn-container .chzn-drop,
    :not(.modern-theme) .narrow .select2 {
      max-width: 268px; }
    :not(.modern-theme) .narrow .main-container .chzn-container-single .chzn-search input {
      max-width: 258px; }

  .externalPage h2 {
    font-size: 1.2em; }

  .externalPage h1 {
    font-size: 1.7em; }

  .narrow a.rtbutton {
    min-width: 8px; }

  .narrow #cmsMenu a {
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 4px !important; }

  .narrow.modern-theme .portalTabs .tab-link {
    font-size: 0.8em !important;
    padding: 3px 3px 6px 3px; } }

.footerDocInfo {
  padding-top: 10px;
  text-align: right;
  font-size: 13px;
  color: #666666;
  display: none !important; }
  .footerDocInfo a {
    color: #333333 !important; }
  .footerDocInfo td {
    border: none !important; }

.footerDocBlock {
  margin-top: 20px;
  text-align: right;
  font-size: 13px;
  color: #666666;
  border-top: 1px solid #666666 !important;
  display: none !important; }
  .footerDocBlock a {
    color: #333333 !important; }
  .footerDocBlock.no-border-top {
    border-top: none !important; }

.footerDocTable {
  display: none; }

/*
 * край на queries
 */
.external {
  max-width: 840px; }
  .external .document {
    width: 98%;
    font-size: 0.97em;
    border: medium none;
    background: none repeat scroll 0% 0% white;
    box-shadow: none;
    margin: 10px 0 20px 10px;
    padding: 10px;
    float: none;
    min-width: 0;
    max-width: 840px; }
  .external .blankImage img,
  .external .qrcode img {
    width: 100%;
    height: auto !important; }
  .external .blankImage img {
    max-width: 750px;
    max-height: 87px; }
  .external .qrcode img {
    max-width: 87px;
    max-height: 87px; }
  .external .footerDocInfo {
    display: table-row !important; }
  .external .footerDocBlock {
    display: block !important; }
  .external .footerDocTable {
    display: table !important; }
  .external .no-print {
    display: none; }
  .external .row-negative {
    color: black; }
  .external .portal.planning {
    border: none;
    padding: 0; }
  .external .listTable td {
    vertical-align: top !important; }
  .external .extState {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1.1em;
    text-transform: uppercase; }
  .external .hideLink {
    display: inline-block;
    font-size: 0.9em;
    margin-bottom: 10px;
    margin-top: -6px; }
    .external .hideLink:hover {
      text-decoration: underline; }
    .external .hideLink.inlineLinks {
      margin-left: 0;
      display: inline-block; }
  .external .docToolbar {
    margin-left: 10px; }
    .external .docToolbar span {
      font-size: 0.9em;
      margin: 0 5px;
      display: inline-block;
      color: #888888; }
  .external span.linkWithIcon {
    padding-left: 23px !important; }
  .external .docOutgoings .document {
    background-color: #ddecfd; }
  .external .docIncomings .document {
    background-color: #fdffe5; }

.smallIcon {
  display: inline !important; }

  .wide .external .docIncomings {
    width: 1002px; }
    .wide .external .docIncomings .document {
      box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1); }
      .wide .external .docIncomings .avatar img {
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.9); }
      .wide .external .docIncomings .avatar span {
        position: relative;
        right: 4px;
        top: -56px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 30px 30px 0 0;
        border-color: #fdffe5 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
  .wide .external .docOutgoings {
    width: 1002px; }
    .wide .external .docOutgoings .avatar {
      margin: 10px 0 0 10px; }
      .wide .external .docOutgoings .avatar img {
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.9); }
      .wide .external .docOutgoings .avatar span {
        display: inline-block;
        position: relative;
        left: 4px;
        top: -55px;
        width: 0;
        height: 15px !important;
        border-style: solid;
        border-width: 30px 30px 0 0;
        border-color: #ddecfd rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        transform: scaleX(-1); }
    .wide .external .docOutgoings .document {
      margin-left: 0 !important;
      float: right !important;
      border: 1px solid rgba(0, 0, 0, 0);
      box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1); }
    .wide .external .docOutgoings.currentEmailDoc .document {
      box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); }
  .wide .external .externalThread .avatar img {
    border-radius: 50%; }

.narrow .external div.hideLink {
  margin-top: 10px; }

.wide .external .vertical .formTable {
  box-shadow: none !important; }

  .narrow .external .scrolling-holder {
    display: block;
    width: 100% !important;
    overflow-x: auto !important;
    _overflow: auto !important; }
  .narrow .external .document {
    margin: 0;
    width: 95%; }

.labelBreak {
  page-break-after: auto;
  page-break-inside: avoid;
  margin-bottom: 10mm; }

.labelBreak:last-child {
  margin-bottom: 0mm; }

.qrcode {
  height: 87px; }

.narrow .qrcode {
  height: auto; }

/*
 * стилове за принтиране
 */
@media print {
  .wide .singleView {
    display: block; }

  .noMediaPrint {
    display: none; }

  .smaller-text {
    font-size: 0.95em; }

  .document {
    min-width: 837px !important;
    width: 100%;
    max-width: 1200px;
    padding: 0px !important; }

  .no-print {
    display: none; }

  .sidemenu {
    display: none; }

  .blankImage img,
  .qrcode img {
    height: auto; }

  .blankImage img {
    max-width: 750px;
    max-height: 87px; }

  .qrcode img {
    max-width: 87px;
    max-height: 87px; }

  .richtext-message {
    padding-left: 10px; }

  .richtext-question {
    color: #0a1832; }

  .richtext-error {
    color: #a50009; }

  .richtext-tip {
    color: #9c6614; }

  .richtext-success {
    color: #355c0b; }

  .richtext-warning {
    color: #6c4100; }

  .richtext-info {
    color: #003768; }

  .folder-cover {
    border: none;
    font-size: 0.8em;
    background: white;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 10px;
    display: table;
    min-width: 600px;
    max-width: 750px;
    line-height: 1.2em;
    margin-top: 0; }

  .linkWithIcon,
  .docBgIcon,
  .button {
    padding-left: 0 !important; }

  span.sharing-history-title {
    padding-left: 3px !important; }

  .shifts table.mc-calendar {
    border-collapse: collapse;
    width: 100% !important; }

  .shifts table.mc-calendar td {
    padding: 5px; }

  .shifts table.mc-calendar td.mc-day {
    border: 1px solid #cccccc !important; }

  .shifts .mc-wd-name {
    text-align: center !important; }

  .shifts table.mc-calendar td.mc-day span {
    text-transform: uppercase; }

  table.mc-calendar td.mc-day span {
    color: black;
    margin-left: 5px;
    width: 10px;
    text-align: center; }

  .cal-legend td {
    font-weight: bold;
    text-align: center;
    padding: 3px; }

  table.mc-calendar td.mc-day {
    color: #333333; }

  .richtextHide {
    display: block !important; }

  .aHeader {
    padding-left: 2px !important; }

  .printing-title {
    margin-bottom: 10px;
    display: block; }

  .tab-control.alphabet .tab {
    display: none !important; }
    .tab-control.alphabet .tab.selected {
      display: block !important;
      -moz-box-shadow: none !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      color: black !important;
      margin-left: 0 !important; }
      .tab-control.alphabet .tab.selected:hover {
        background: none !important; }
        .tab-control.alphabet .tab.selected:hover a {
          color: black !important; }
      .tab-control.alphabet .tab.selected a {
        color: black !important; }

  .printing-page-break {
    page-break-after: always; }

  .print-break {
    page-break-after: always; }
    .print-break.print-nobreak {
      page-break-after: avoid; }

  .footer-notes,
  .print-block,
  .footerDocTable,
  .footerDocBlock {
    page-break-inside: avoid; }

  #statuses,
  .toast-container {
    display: none; }

  body {
    background: white !important;
    margin: 0px !important; }

  .external .document {
    margin: 0;
    padding: 2px;
    float: none;
    min-width: 0;
    max-width: 840px; }

  .reportHolder .listTable tr td {
    break-inside: avoid;
    page-break-inside: avoid; }

  .external .docBgIcon {
    background-image: none !important;
    padding-left: 0 !important; }

  .external .document,
  .external .antetka {
    border: none; }

  .overflow-scroll {
    overflow-x: visible !important; }

  .footerDocBlock {
    display: block !important;
    border-top: 1px solid #666666 !important; }

  .footerDocInfo {
    display: table-row !important; }

  .footerDocTable {
    display: table !important; }

  table.listTable > tbody > tr > td {
    vertical-align: top; }

  .richtext a {
    text-decoration: underline; }

  .row-negative {
    color: black; }

  .groupTitle {
    white-space: nowrap; }

  .portal.planning {
    border: none;
    padding: 0; }

  .printVisible {
    display: block; }

  thead {
    display: table-row-group; }

  .external .hideLink {
    display: none !important; }

  #quot-table {
    margin-top: 0px; }

  #quot-table,
  #condition-title,
  #conditions,
  #quote-username,
  #details-holder,
  #optional-holder {
    margin-left: 0px; }

  .products-table {
    width: 100%; }

  #quot-title-td {
    width: 60%; }

  .lu-light {
    text-decoration: none !important; }

  .webdrv-preview {
    page-break-inside: avoid;
    page-break-after: always;
    max-height: 267mm !important; }

  .belejka_container .belejka div.line div.text {
    font-family: "Courier New";
    font-size: 20px;
    letter-spacing: 0 !important; }

  .belejka_container .small_text_top_left,
  .belejka_container  .label_mid {
    font-size: 13px !important;
    color: #333333 !important;
    font-family: Verdana !important; } }

.narrow .folder-cover .groupTitle {
  white-space: normal; }

  .printing .specialLink {
    font-weight: bold; }
  .printing a {
    color: black !important; }
  .printing .docBgIcon {
    padding: 0 !important;
    background-image: none !important; }
  .printing .document {
    font-size: 0.97em;
    border: none;
    background: white;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 10px 0 20px 0px;
    padding: 2px;
    float: none;
    min-width: 0;
    max-width: 840px; }
  .printing .no-print {
    display: none; }
  .printing .printing-title {
    margin-bottom: 10px;
    display: block; }
  .printing .quote-header .cell {
    border: 1px solid #cccccc !important; }
  .printing .quote-header td b {
    background: rgba(0, 0, 0, 0) !important; }
  .printing .tab-control.alphabet .tab {
    display: none !important; }
    .printing .tab-control.alphabet .tab.selected {
      display: block !important;
      -moz-box-shadow: none !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      color: black !important;
      margin-left: 0 !important; }
      .printing .tab-control.alphabet .tab.selected:hover {
        background: none !important; }
        .printing .tab-control.alphabet .tab.selected:hover a {
          color: black !important; }
      .printing .tab-control.alphabet .tab.selected a {
        color: black !important; }
  .printing .innerTable td {
    vertical-align: top; }
  .printing .antetka {
    margin: 5px 0;
    border: none;
    padding: 0;
    width: 100%;
    background: none; }
    .printing .antetka .small {
      line-height: 1.5em;
      font-size: 0.85em !important; }
    .printing .antetka .top-table {
      border-collapse: collapse; }
      .printing .antetka .top-table td {
        border: 1px solid #cccccc;
        padding: 3px; }
  .printing .jobTable td {
    vertical-align: top !important; }
  .printing .portal.planning {
    padding: 0;
    border: none; }
  .printing .linkWithIcon {
    background-image: none !important;
    padding-left: 0 !important; }
  .printing .richtextHide {
    display: block !important; }
  .printing .overflow-scroll {
    overflow-x: visible !important; }
  .printing .footerDocInfo {
    display: table-row !important; }
  .printing .footerDocBlock {
    display: block !important; }
  .printing #fancybox-left,
  .printing #fancybox-right {
    background-color: rgba(0, 0, 0, 0) !important; }
  .printing .selectRows .listTable > tbody > tr > td:first-child {
    text-align: left; }
  .printing .new-folder-btn {
    display: none; }
  .printing .staticFormView .formFieldValue {
    border: 1px solid #cccccc; }
  .printing .header-state {
    display: none; }
  .printing a.group-link:hover {
    cursor: default;
    background-color: #e4e4e4;
    color: #ee7700 !important; }
  .printing .sharing-history {
    display: none; }
  .printing .basicFontSize {
    font-size: 0.85em; }
  .printing .miniText {
    font-size: 0.65em; }
  .printing h3.richtext-title {
    padding: 20px 0 !important;
    margin-bottom: 0;
    font-size: 1.1em; }
  .printing .em-holder .top-table td {
    border: none !important; }
  .printing .quiet.saleBankBlock {
    color: #bbbbbb; }
    .printing .quiet.saleBankBlock .quiet {
      color: #bbbbbb; }

.narrow .printing .document {
  width: 850px; }
  .narrow .printing .document .details {
    max-width: 100%; }

/*
 * Стилове за callcenter
 */
.callcenter_Talks tr.group-by-date-row {
  background-color: #f0f0e0; }

.listTitleButtons {
  margin-bottom: 15px; }

    .wasteBlockInThread tr td {
      font-weight: normal !important;
      font-size: 13px !important;
      border: none !important;
      border-bottom: 1px dotted #aaaaaa !important;
      padding: 2px !important; }
    .wasteBlockInThread tr:last-child td {
      border-bottom: none !important; }

tr.wasteWeightPercent td {
  font-weight: bold !important;
  border-top: 1px solid #aaaaaa !important; }

/*
 * стилове за цвета на палитрa при лист изгледа
 */
.color-short img {
  border: 1px solid black;
  width: 36px;
  height: 12px; }

/*
 * стилове за summary
 */
.summary-block {
  float: right;
  padding: 7px;
  background: #eeeeee;
  margin-bottom: 20px;
  color: #333333; }

.narrow .summary-block {
  clear: both;
  margin-top: 10px;
  float: left;
  font-size: 0.9em; }

.summary-block table {
  border-collapse: separate; }

.summary-block b {
  color: #333333; }

.summary-block b#count {
  margin-left: 5px; }

.summary-block td {
  padding: 3px; }

.summary-block td.summary-cell {
  padding-left: 15px;
  font-weight: bold; }

.summary-block .border-top td {
  border-top: 1px solid #cccccc; }

.narrow .summary-block b#count {
  margin-left: 3px; }

.summary-block .money-info {
  margin-left: 3px; }

/*
 * статистика на продажби
 */
  .sale-summary table {
    width: 100%; }
    .sale-summary table td,
    .sale-summary table th {
      text-align: center;
      border: 1px solid #bbbbbb;
      border-collapse: collapse; }
    .sale-summary table .sum-th {
      background-color: #e0e0e0;
      font-weight: normal;
      color: #555555;
      border-bottom: none;
      padding: 0px;
      font-size: 13px; }
    .sale-summary table td {
      font-size: 1.3em;
      font-weight: bold;
      padding: 5px 3px;
      vertical-align: middle !important; }
      .sale-summary table td span.quiet {
        color: #cccccc;
        font-weight: normal; }
      .sale-summary table td.vtop {
        vertical-align: top !important; }
    .sale-summary table .specialLink {
      white-space: normal; }

.sale-summary .jobWorkInProgressTable table td.quantityCol {
  color: #888888; }

.sale-summary .cartStatistic .sum-th {
  background: #c1c1c1;
  color: #333333; }

.cartStatistic td {
  border-color: #888888 !important; }

.narrow .sale-summary td .quiet {
  font-size: 0.8em; }

.display-table .scrolling-holder {
  margin-bottom: 0; }

.document .display-table .details .listToolbar {
  border-bottom: none; }

.attentionIcon {
  background-image: url('../img/16/emotion_alert.png');
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
  font-size: 0.9em; }

.feather-icon {
  background-image: url('../img/16/feather.png');
  padding-left: 22px;
  background-repeat: no-repeat !important;
  background-position: 3px center;
  margin-top: 7px;
  display: block; }

.notBolded {
  font-weight: normal;
  font-size: 0.9em; }

.plus-icon {
  display: inline-block;
  position: relative;
  top: 2px; }

.linkRefIcon {
  position: relative;
  top: 2px; }

.vislog {
  white-space: nowrap;
  display: inline;
  font-size: 0.9em; }

.vislog_History .vislog {
  font-size: 0.8em;
  white-space: nowrap;
  margin: 0 10px; }

.vislog-cnt,
.vislog-ip,
.vislog-country {
  padding: 1px;
  border: solid 1px #cccccc;
  background-color: #eeeeee; }

  .single-thread .document .docStatistic div.alphabet .tab-page .detail-info .logs-type-warning td {
    background-color: #fae3ca !important; }
  .single-thread .document .docStatistic div.alphabet .tab-page .detail-info .logs-type-debug td {
    background-color: #eeeeee !important; }
  .single-thread .document .docStatistic div.alphabet .tab-page .detail-info .logs-type-notice td {
    background-color: #dff4fa !important; }
  .single-thread .document .docStatistic div.alphabet .tab-page .detail-info .logs-type-err td {
    background-color: #fad0d1 !important; }

  .portalNews .portalLatestFoldes {
    margin-top: 3px;
    background-color: rgba(100, 100, 100, 0.1);
    padding: 3px; }
  .portalNews .portalLatestThreads {
    margin-left: 20px;
    font-size: 0.95em;
    background: none !important; }
    .portalNews .portalLatestThreads a {
      padding: 2px;
      display: inline-block; }
    .portalNews .portalLatestThreads.state-opened a {
      color: green; }
  .portalNews .tUnsighted {
    font-weight: bold; }
  .portalNews .threadSubTitle {
    margin-left: 20px; }

.document .reportHolder div.tab-control.alphabet div.tab-row .tab {
  padding: 4px 5px 5px !important;
  display: inline-block;
  background: #dddddd; }
  .document .reportHolder div.tab-control.alphabet div.tab-row .tab.selected {
    top: 0 !important; }

.reportTableDataTotal {
  background-color: #cccccc !important;
  font-weight: bold; }

.logs-type-warning {
  background-color: #fae3ca; }

.logs-type-login {
  background-color: #dbffdc; }

.logs-type-debug {
  background-color: #eeeeee; }

.logs-type-notice,
.logs-type-write {
  background-color: #dff4fa; }

.logs-type-err {
  background-color: #fad0d1; }

.logs-type-info,
.logs-type-read {
  background-color: #fffef4; }

/*
 * Стилове за езика във външната част
 */
.wide .langSelect {
  margin: 10px 20px; }

.narrow .langSelect {
  margin: 20px auto; }

.langSelect .langLink a {
  margin-top: 10px;
  font-size: 1.1em;
  display: block;
  padding: 5px 10px;
  background-color: #eeeeee;
  border: solid 1px #cccccc;
  color: #333333 !important; }

.langSelect .langLink a:hover {
  background-color: #f3fbfb;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.langSelect .langLink a.selected {
  background-color: #cceeee;
  color: #333333 !important; }

.langSelect .langLink img {
  position: relative;
  top: 3px;
  margin-right: 10px; }

.listTable .label-holder {
  width: 95% !important;
  overflow-x: auto !important;
  height: auto !important;
  _overflow: auto !important; }

.preview-label {
  margin-top: 5px;
  margin-bottom: 10px;
  border: 1px solid #dddddd;
  border-radius: 5px;
  box-shadow: 0 0 1px #aaaaaa;
  display: inline-block;
  position: relative; }
  .preview-label .legend {
    position: absolute;
    left: 20px;
    top: -15px;
    display: inline-block;
    border: 1px solid #dddddd;
    box-shadow: 0 0 1px #bbbbbb;
    background-color: white;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 10px; }
  .preview-label > div {
    width: auto !important;
    height: auto !important; }

  .treeView .hidden {
    display: none; }
  .treeView .treeLevel1 .leafName {
    text-indent: 40px; }
  .treeView .treeLevel2 .leafName {
    text-indent: 60px; }
  .treeView .treeLevel3 .leafName {
    text-indent: 80px; }
  .treeView .treeLevel4 .leafName {
    text-indent: 100px; }
  .treeView .leafName {
    min-width: 250px; }
  .treeView .toggleBtn {
    margin-right: 3px;
    cursor: pointer;
    margin-left: -19px; }
  .treeView .treeLevel0 .toggleBtn {
    margin-left: 0; }
  .treeView .plus {
    display: none; }
    .treeView .closedChildren .minus {
      display: none; }
    .treeView .closedChildren .plus {
      display: inline-block; }
  .treeView .hiddenRow {
    display: none; }

.debug_block {
  padding: 5px;
  margin: 10px;
  border: solid 1px #777777;
  background-color: #ffff99;
  display: table;
  color: black; }

.narrow div.tab-control div.tab-row .tab {
  font-size: 0.7em;
  padding: 3px 2px; }
  .narrow div.tab-control div.tab-row .tab.selected {
    padding: 3px 2px 4px; }
    .narrow div.tab-control div.tab-row .tab.selected .tooltip-button img {
      width: 10px;
      height: 10px; }

.tooltip {
  text-align: center;
  color: white;
  background: rgba(30, 30, 30, 0.9);
  border-radius: 5px;
  position: absolute;
  z-index: 9999;
  padding: 10px;
  font-size: 0.9em; }
  .tooltip .timeSpan {
    color: #ffff99 !important; }

.narrow .tooltip {
  padding: 5px;
  font-size: 0.8em; }

.tooltip:after /* triangle decoration */ {
  width: 0;
  height: 0;
  border-left: 10px solid rgba(0, 0, 0, 0);
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-top: 10px solid rgba(30, 30, 30, 0.9);
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -10px; }

.tooltip.top:after {
  border-top-color: rgba(0, 0, 0, 0);
  border-bottom: 10px solid rgba(30, 30, 30, 0.9);
  top: -20px;
  bottom: auto; }

.tooltip.left:after {
  left: 10px;
  margin: 0; }

.tooltip.right:after {
  right: 10px;
  left: auto;
  margin: 0; }

  .endTooltip img,
  .frontTooltip img {
    width: 16px;
    height: 16px; }

.narrow .elem-holder .endTooltip {
  float: right !important; }

.textHint {
  display: inline-block;
  border-bottom: 1px dashed; }

.frontTooltip {
  display: inline-block; }

.taskDetailDateCol .small {
  display: inline-block; }

/*
 * край на стилове за външната част при потребител контрактор
 */
.cd-l1 {
  color: green; }

.cd-l2 {
  color: red; }

.cd-l3 {
  color: red;
  animation: blink 1s linear infinite;
  -webkit-animation: blink 1s linear infinite;
  outline: red 2px solid;
  outline-offset: 2px; }

@keyframes blink {
    from {
    opacity: 1; }


    to {
    opacity: 0; }
 }
@-webkit-keyframes blink {
    from {
    opacity: 1; }


    to {
    opacity: 0; }
 }
.zoneMovement.darkText {
  color: #2e3440;
  border-radius: 3px;
  border: solid 1px #bbbbbb;
  padding: 2px;
  display: inline-block; }

.zoneMovement.lightText {
  color: #eceff4;
  border-radius: 3px;
  border: solid 1px #bbbbbb;
  padding: 2px;
  display: inline-block; }

.document .details .safeKeepingDetail {
  border-top: 1px solid #bbbbbb;
  border-left: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
  background-color: #eeeeee;
  padding: 2px;
  text-indent: 5px;
  font-weight: bold; }

.rackRevisionRow {
  background-color: #ff6b4b; }

.rack_ZoneDetails .listTable {
  width: 100%; }

.workingTimeBlock table.typeTable {
  width: 100%; }

.jobWorkInProgressTable .listTable th {
  text-align: center !important; }

table.listTable>tbody>tr>td.wasteCol {
  font-weight: bold !important;
  background: #eeeeee; }
  table.listTable>tbody>tr>td.wasteCol .quiet {
    font-weight: bold !important; }

.selectTaskOptions {
  width: 100%; }

.selectTaskOptions td {
  padding: 4px; }

.selectTaskOptions tr.selectTaskFromJobRow {
  background-color: #eeeeee;
  border: 1px solid #bbbbbb; }

.selectTaskOptions tr.newTaskBtn {
  display: none; }

.selectTaskOptions tr.selectTaskFromJobRow td {
  padding-left: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold; }

.selectTaskOptions tr.createAllTasksForJob {
  font-style: italic; }

.paramVal {
  font-weight: bold; }

.price_reports_PriceList .paramVal {
  font-weight: normal; }

.wide .operationTable .paramVal {
  word-break: break-word; }

.narrow .operationTable .paramVal {
  white-space: nowrap; }

.confidential-field {
  font-size: 0.7em;
  font-weight: normal;
  color: #555555;
  border: 1px solid #cdcdcd;
  padding: 2px 3px;
  position: relative;
  top: -2px; }

table.bomProductionStepTable td {
  border: 0px !important; }

.ui-droppable {
  border: 2px solid #cccccc; }

.ui-draggable-dragging {
  background-color: white;
  z-index: 100000 !important; }

.ui-droppable-hover-top {
  border-top: 2px solid red !important; }

.ui-droppable-hover-bottom {
  border-bottom: 2px solid red !important; }

.loadingModal {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.8) url('../img/loading.gif') 50% 50% no-repeat; }

.stepProductSingleGroup {
  margin-top: 5px;
  margin-bottom: 5px;
  text-decoration: underline; }

.stepParamTable td {
  text-indent: 15px; }

.warning-balloon {
  border: 1px dotted #fb9531;
  display: inline-block;
  padding: 2px;
  border-radius: 3px; }

.taskInJobListRow {
  display: none; }

.saleBankBlock a:link,
.saleBankBlock a:visited {
  color: #888888; }

.rateDiffDocumentTable td.rateDifferenceDocumentGroup {
  background-color: #eeeeee;
  border: 1px solid #bbbbbb 54; }

.rateDiffDocumentTable td {
  padding-top: 4px;
  padding-bottom: 4px; }

.rateDiffDocumentTable td.rateDifferenceDocumentLink {
  text-indent: 20px; }

.priceBellowPrimeCost {
  font-weight: bold;
  background-color: red;
  color: white;
  padding: 1px 3px; }

#fileDetail .row-holder {
  padding-right: 5px; }

.ef-drag-scroll {
  display: flex;
  width: 100%;
  overflow: hidden;
  white-space: nowrap; }
  .ef-drag-scroll .tab {
    display: inline-block; }

.eshopHiddenRow {
  opacity: 0.3; }

.consumptionNoteBubble {
  display: inline-block;
  border: 1px solid #bcbcbc;
  padding-left: 5px;
  padding-right: 5px; }

.aiPromptBlock {
  background-color: #357abd;
  color: white;
  border-radius: 3px;
  padding: 4px 7px;
  margin: 0 0 10px;
  font-size: 0.9em;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }

.aiLastPromptCaption {
  font-weight: bold;
  font-size: 1em; }

.dialogHolder .result .dump {
  white-space: normal; }

.contragentStatisticBlock {
  margin: 3px 0;
  padding: 3px 5px;
  border-radius: 8px;
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6; }
  .contragentStatisticBlock.overdue {
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
    color: white;
    background-color: #ff4d4d; }
  .contragentStatisticBlock.sales {
    border: 1px solid rgba(204, 204, 204, 0.5); }
  .contragentStatisticBlock.purchases {
    border: 1px solid rgba(204, 204, 204, 0.5); }

.jobWorkInProgressTable {
  margin-bottom: 10px;
  font-size: 0.7em; }

.jobWorkInProgressTable td {
  font-weight: normal !important; }

td:has(.gapList) {
  padding: 0 !important; }

ul.gapList {
  padding: 0;
    /*
   * Премахва падинга на списъка
   */
  margin: 0;
    /*
   * Премахва марджина на списъка
   */
  list-style: none;
    /*
   * Премахва маркерите
   */ }

/*
 * Подреждаме li елементите един под друг
 */
ul.gapList li {
  display: flex;
    /*
   * Всеки елемент заема цял ред
   */
  align-items: center;
    /*
   * Подравнява текста по вертикала (по средата на височината)
   */
  justify-content: center;
  padding: 15px;
  margin: 0;
    /*
   * Премахваме марджина на li
   */
  border: 1px solid #cccccc;
    /*
   * Леки граници
   */
  text-align: center;
    /*
   * Центрира текстовете
   */
  font-size: 14px; }
  ul.gapList li.idle {
    background: linear-gradient(to bottom, tomato, rgba(255, 69, 0, 0.7)) !important;
        /*
     * Ярко червен градиент с малък контраст
     */ }
  ul.gapList li.break {
    background: linear-gradient(to bottom, rgba(144, 238, 144, 0.6), rgba(0, 255, 0, 0.3)) !important;
        /*
     * По-нежен градиент
     */ }

.fullTdDiv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

td.withFullDiv {
  position: relative;
  padding: 0; }

tr.workInProgressBatchRow .workInProgressProductColName {
  text-indent: 10%; }

tr.workInProgressBatchRow {
  font-size: 0.9em; }

.currencySignNextToAmount {
  display: inline-block;
  min-width: 1.5em;
  text-align: left; }

.priceListHolder .currencySignNextToAmount {
  min-width: auto; }

/*
 * 
 * скриване на част от клетки от листовия, които има дълъг текст
 */
td.td-clamp {
  --fade-color: white;
    /*
   * сменя се от JS с реалния фон
   */
  --lines-collapsed: 3;
    /*
   * свито: 3 реда
   */
    /*
   * разпънато: до 10 реда (после скрол)
   */
    /*
   * височина на ред
   */
  position: relative;
  vertical-align: top;
  --lines: 3; }


.narrow td.td-clamp[data-overflow="true"] .clamp-ellipsis {
  bottom: 7px; }

td.td-clamp .clamp-body {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--lines-collapsed);
  line-height: 1.4;
  overflow: hidden;
  position: relative;
  max-height: 5.2em; }

/*
 * Маска и fade САМО когато е свито и има скрит текст
 */
td.td-clamp[data-overflow="true"]:not([data-expanded="true"]) .clamp-body {
  -webkit-mask-image: linear-gradient(to bottom, black 50%, rgba(0, 0, 0, 0));
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-image: linear-gradient(to bottom, black 50%, rgba(0, 0, 0, 0));
  mask-repeat: no-repeat;
  mask-size: 100% 100%; }

td.td-clamp[data-overflow="true"]:not([data-expanded="true"]) .clamp-body::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 1.5em;
  height: 1.4em;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--fade-color));
  pointer-events: none; }

td.td-clamp[data-expanded="true"] .clamp-body {
  display: block;
    /*
   * ключово: махаме -webkit-box
   */
  -webkit-line-clamp: initial;
    /*
   * безопасно зануляване
   */
  -webkit-box-orient: initial;
  max-height: calc(1.4em * var(--lines-expanded-max));
  overflow-y: auto;
    /*
   * само вертикален скрол
   */
  overflow-x: hidden;
  -webkit-mask-image: none;
  mask-image: none;
  scrollbar-gutter: stable;
    /*
   * по избор: запазва място за скролбара
   */ }

/*
 * бутонче
 */
td.td-clamp[data-overflow="true"] .clamp-ellipsis {
  position: absolute;
  right: -1px;
  bottom: -1px;
  cursor: pointer;
  font-weight: bold;
  color: #666666;
  user-select: none; }

td.td-clamp[data-overflow="true"]:not([data-expanded="true"]) .clamp-ellipsis::after {
  content: "…"; }

td.td-clamp[data-overflow="true"][data-expanded="true"] .clamp-ellipsis::after {
  content: "↥"; }

