.gradient-light,
.accordian li.btns-title {
  background: #4a4a4a;
  background: -moz-linear-gradient(top, #999999 0%, #888888 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100%, #888888));
  background: -webkit-linear-gradient(top, #999999 0%, #888888 100%);
  background: -o-linear-gradient(top, #999999 0%, #888888 100%);
  background: -ms-linear-gradient(top, #999999 0%, #888888 100%);
  background: linear-gradient(to bottom, #999999 0%, #888888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999', endColorstr='#888', GradientType=0) !important;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4);
  border: 1px solid #777777 !important; }

.gradient-dark,
#main-container > .tab-control > .tab-row {
  background: #666666;
    /*
   * Old browsers
   */
  background: -moz-linear-gradient(top, #999999 0%, #555555 100%);
    /*
   * FF3.6+
   */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666666), color-stop(100%, #555555));
    /*
   * Chrome,Safari4+
   */
  background: -webkit-linear-gradient(top, #999999 0%, #555555 100%);
    /*
   * Chrome10+,Safari5.1+
   */
  background: -o-linear-gradient(top, #999999 0%, #555555 100%);
    /*
   * Opera 11.10+
   */
  background: -ms-linear-gradient(top, #999999 0%, #555555 100%);
    /*
   * IE10+
   */
  background: linear-gradient(to bottom, var(--themeColor) 0%, var(--themeColorD 30) 30%, var(--themeColorD 100) 100%);
    /*
   * W3C
   */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#555555', GradientType=0);
    /*
   * IE6-9
   */ }

/*
 * General styles for all menus
 */
.sidemenu {
  position: fixed;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 200px;
  z-index: 1000; }

.wide .sidemenu-left {
  overflow-y: auto; }

.wide .sidemenu-right {
  overflow-y: auto; }

.narrow .sidemenu {
  width: 170px;
  overflow-y: auto; }

/*
 * движение на менюто
 */
.sidemenu-left {
  left: -200px; }

.narrow .sidemenu-left {
  left: -170px; }

.sidemenu-right {
  right: -200px; }

.narrow .sidemenu-right {
  right: -170px; }

.sidemenu-left.sidemenu-open {
  left: 0px; }

.sidemenu-right.sidemenu-open {
  right: 0px; }

.sidemenu-push-toright#main-container > .tab-control > .tab-row {
  left: 200px; }

.narrow .sidemenu-push-toright#main-container:not(.unbeddedHeader) > .tab-control > .tab-row {
  left: 170px; }

.sidemenu-push-toleft#main-container > .tab-control >.tab-row {
  right: 200px; }

.narrow .sidemenu-push-toleft#main-container:not(.unbeddedHeader) > .tab-control >.tab-row {
  right: 170px; }

.narrow .unbeddedHeader#main-container {
  top: 0 !important;
  padding: 0; }
  .narrow .unbeddedHeader#main-container .clearfix {
    min-height: 0 !important; }
  .narrow .unbeddedHeader#main-container #framecontentTop,
  .narrow .unbeddedHeader#main-container > .tab-control > .tab-row {
    position: static;
    top: 0;
    bottom: 0;
    margin: 0;
    padding-bottom: 0 !important; }
    .narrow .unbeddedHeader#main-container #framecontentTop .tab,
    .narrow .unbeddedHeader#main-container > .tab-control > .tab-row .tab {
      margin-top: 3px !important;
      margin-bottom: 0px !important; }
  .narrow .unbeddedHeader#main-container .tab-page {
    padding-top: 10px !important; }

.sidemenu-push-toright {
  margin-left: 200px; }

.sidemenu-push-toleft {
  margin-right: 200px; }

.narrow .sidemenu-push-toright {
  margin-left: 170px; }

.narrow .sidemenu-push-toleft {
  margin-right: 170px; }

.sidemenu-push-toleft #framecontentTop {
  right: 200px;
  width: auto;
  display: block; }

.sidemenu-push-toright #framecontentTop {
  left: 200px;
  width: auto;
  display: block; }

.narrow  .sidemenu-push-toleft:not(.unbeddedHeader) #framecontentTop {
  right: 170px; }

.narrow .sidemenu-push-toright:not(.unbeddedHeader) #framecontentTop {
  left: 170px; }

.transition {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }

body {
  background: white; }

.main-container {
  display: block !important;
  min-width: 0; }

#framecontentTop {
  overflow: visible;
  width: auto;
  z-index: 15; }

.inner-framecontentTop {
  padding: 8px 7px;
  background-color: #2085ca;
  position: relative;
  z-index: 1000;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.portal {
  margin-top: 0;
  margin-bottom: 15px;
  border-radius: 2px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition: -webkit-transform 300 ease-in-out, opacity 300;
  transition: transform 300 ease-in-out, opacity 300;
  padding: 0px 15px 15px; }

  .portal.detail-info {
    border-radius: 5px; }
  .portal .legend {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px 10px;
    border: none;
    background: #f1f1f1;
    position: relative;
    top: 0;
    border-radius: 0 !important;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 20px; }
  .portal .pages a {
    background-color: rgba(255, 255, 255, 0.3);
    border-color: #bbbbbb; }

  .defaultPortal .tab-link {
    background: #eeeeee; }
    .defaultPortal .tab-link.activeTab,
    .defaultPortal .tab-link:hover {
      color: black;
      background: white; }
  .defaultPortal .portal {
    box-shadow: none;
    border: none; }
    .defaultPortal .portal .legend {
      background-color: white; }

  .color-lightgray .portal {
    background-color: white; }
  .color-lightgray .legend,
  span.color-lightgray,
  li.color-lightgray {
    background: #f1f1f1;
    color: black; }
    .color-lightgray .legend a,
    span.color-lightgray a,
    li.color-lightgray a {
      color: #333333; }

  .color-darkgray .portal {
    background-color: #e1e1e1; }
  .color-darkgray .legend,
  span.color-darkgray,
  li.color-darkgray {
    background-color: #333333;
    color: #eeeeee; }
    .color-darkgray .legend a,
    span.color-darkgray a,
    li.color-darkgray a {
      color: #bbbbbb; }

  .color-lightgreen .portal {
    background-color: #e6f4e0; }
  .color-lightgreen .legend,
  span.color-lightgreen,
  li.color-lightgreen {
    background-color: #7ac15b;
    color: #222222; }
    .color-lightgreen .legend a,
    span.color-lightgreen a,
    li.color-lightgreen a {
      color: #444444; }

  .color-darkgreen .portal {
    background-color: #dae6d5; }
  .color-darkgreen .legend,
  span.color-darkgreen,
  li.color-darkgreen {
    background-color: #375d26;
    color: #eeeeee; }
    .color-darkgreen .legend a,
    span.color-darkgreen a,
    li.color-darkgreen a {
      color: #cccccc; }

  .color-darkblue .portal {
    background-color: #eceaf9; }
  .color-darkblue .legend,
  span.color-darkblue,
  li.color-darkblue {
    background-color: #261e75;
    color: white; }
    .color-darkblue .legend a,
    span.color-darkblue a,
    li.color-darkblue a {
      color: #cccccc; }

  .color-lightblue .portal {
    background-color: #dbedf9; }
  .color-lightblue .legend,
  span.color-lightblue,
  li.color-lightblue {
    background-color: #2085ca;
    color: white; }
    .color-lightblue .legend a,
    span.color-lightblue a,
    li.color-lightblue a {
      color: #cccccc; }

  .color-lightred .portal {
    background-color: #fce8e8; }
  .color-lightred .legend,
  span.color-lightred,
  li.color-lightred {
    background-color: #ea5757;
    color: white; }
    .color-lightred .legend a,
    span.color-lightred a,
    li.color-lightred a {
      color: #cccccc; }

  .color-darkred .portal {
    background-color: #f4dbdb; }
  .color-darkred .legend,
  span.color-darkred,
  li.color-darkred {
    background-color: #6b1e1e;
    color: white; }
    .color-darkred .legend a,
    span.color-darkred a,
    li.color-darkred a {
      color: #cccccc; }

  .color-purple .portal {
    background-color: #ecdff1; }
  .color-purple .legend,
  span.color-purple,
  li.color-purple {
    background-color: #6d417b;
    color: white; }
    .color-purple .legend a,
    span.color-purple a,
    li.color-purple a {
      color: #cccccc; }

  .color-pink .portal {
    background-color: #f5daf0; }
  .color-pink .legend,
  span.color-pink,
  li.color-pink {
    background-color: #c147aa;
    color: white; }
    .color-pink .legend a,
    span.color-pink a,
    li.color-pink a {
      color: #cccccc; }

  .color-yellow .portal {
    background-color: #f8f7e2; }
  .color-yellow .legend,
  span.color-yellow,
  li.color-yellow {
    background-color: #eaea6b;
    color: #333333; }
    .color-yellow .legend a,
    span.color-yellow a,
    li.color-yellow a {
      color: #555555; }

  .color-orange .portal {
    background-color: #fbefe3; }
  .color-orange .legend,
  span.color-orange,
  li.color-orange {
    background-color: #e48027;
    color: white; }
    .color-orange .legend a,
    span.color-orange a,
    li.color-orange a {
      color: #444444; }

  .narrow .portal .legend {
    border: 1px solid #cccccc;
    box-shadow: none; }
  .narrow .portal .portal-filter {
    margin-bottom: 3px;
    margin-left: -6px; }
  .narrow .portal .hFormField {
    border-color: #e1e1e1; }
  .narrow .portal input {
    padding: 2px 5px;
    height: auto !important;
    box-shadow: none; }
  .narrow .portal .SearchBtnPortal {
    margin-right: 5px !important; }

.portal.acc-summary {
  background: none !important;
  box-shadow: none; }

.document .portal {
  box-shadow: none;
  background: rgba(0, 0, 0, 0) !important; }
  .document .portal .legend {
    margin-bottom: 10px;
    padding: 7px 15px !important; }

.jobTaskDetails.portal {
  border: none;
  margin-bottom: 0; }

.planning.portal,
.jobTaskDetails.portal {
  padding: 0;
  border: none; }
  .planning.portal .tab-control.alphabet,
  .jobTaskDetails.portal .tab-control.alphabet {
    border: none; }
  .planning.portal .legend,
  .jobTaskDetails.portal .legend {
    margin: 0; }
  .planning.portal .listTable,
  .jobTaskDetails.portal .listTable {
    border: 1px solid #cccccc; }
  .planning.portal td,
  .jobTaskDetails.portal td {
    padding-top: 5px;
    padding-bottom: 5px; }
  .planning.portal .rowtools-column,
  .jobTaskDetails.portal .rowtools-column {
    padding-left: 15px; }
  .planning.portal .overflow-scroll,
  .jobTaskDetails.portal .overflow-scroll {
    margin: 0; }
  .planning.portal .listToolbar,
  .jobTaskDetails.portal .listToolbar {
    border: none; }

.narrow .portal {
  margin-top: -10px;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 2px; }
  .narrow .portal.portal {
    margin-top: 10px;
    border-radius: 5px; }

#framecontentTop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: table;
  z-index: 1001; }

#framecontentBottom {
  padding-left: 0.2em;
  padding-top: 0.2em;
  background-color: #eeeeee;
  display: none; }

.narrow #main-container {
  min-width: 320px; }

#packWrapper {
  padding: 35px 15px 15px;
  margin-top: -1px; }

.narrow #packWrapper {
  padding: 20px 15px 10px; }

/*
 * позиция на табовете
 */
#main-container > .tab-control > .tab-row {
  overflow: hidden;
  position: fixed;
  left: 0;
  right: 0;
  top: 45px;
  z-index: 1000;
  padding: 0 15px; }

.narrow #main-container > .tab-control > .tab-row {
  top: 44px;
  padding: 3px 13px 1px; }
  .narrow #main-container > .tab-control > .tab-row .row-holder {
    width: 1000px; }
    .narrow #main-container > .tab-control > .tab-row .row-holder a {
      float: left;
      display: block; }

.userInfo {
  margin-right: 10px;
  padding-top: 3px; }

.logoPath {
  margin-left: 10px;
  float: left; }

.logoText {
  font-weight: bold;
  font-size: 26px;
  position: relative;
  display: inline-block; }

.logoText a {
  color: white !important; }

.center-block {
  color: #444444;
  position: absolute;
  right: 50%;
  top: 3px;
  min-width: 200px;
  margin-right: -100px;
  text-align: center;
  z-index: 1;
  line-height: normal;
  height: 30px; }

.narrow .center-block {
  top: 0; }

#nav-panel {
  background-color: #333333 !important; }

.narrow #nav-panel {
  font-size: 0.9em; }

#fav-panel {
  background: #333333;
  box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.4); }

.inner-fav-panel {
  padding: 12px; }

.narrow .inner-fav-panel {
  padding: 8px; }
  .narrow .inner-fav-panel .bookmarkText {
    font-size: 0.95em;
    margin-right: 3px; }

.sideBarTitle {
  color: #fffb99; }

.bookmarkText {
  margin-right: 5px;
  font-size: 1.05em; }

.bookmarkLink img {
  width: 20px;
  height: 20px; }

.inner-fav-panel {
  position: relative; }

.narrow .bookmarkText {
  margin-right: 4px;
  font-size: 1.05em; }

.bookmarkLink {
  display: inline-block;
  float: right;
  top: 10px;
  margin-left: 3px;
  opacity: 0.8;
  transition: opacity 0.5s; }
  .bookmarkLink img {
    border-radius: 5px; }
  .bookmarkLink:hover {
    opacity: 1; }

.narrow .bookmarkText {
  top: 3px;
  position: relative; }

.narrow .bookmark-links {
  margin-top: 0px !important; }
  .narrow .bookmark-links ul {
    margin-top: 7px !important; }

.narrow .bookmarkLink {
  margin-left: 6px;
  margin-top: 2px; }
  .narrow .bookmarkLink img {
    width: 18px;
    height: 18px; }

.narrow .sidebar-row {
  margin-top: 47px;
  padding: 1px 0 3px !important; }

.narrow .sideBarTitle {
  font-size: 0.85em; }

.bookmark-links {
  font-size: 0.9em;
  margin-top: 12px; }
  .bookmark-links ul {
    padding-left: 0; }
  .bookmark-links li {
    display: block; }
  .bookmark-links a,
  .bookmark-links span {
    background: url("../img/12/star-yellow.png") 3px center no-repeat;
    margin-left: 0px;
    padding-left: 20px;
    outline: none;
    color: #fff612;
    display: block;
    font-size: 0.97em;
    border-bottom: 1px dashed rgba(254, 253, 214, 0.5);
    padding-top: 5px;
    padding-bottom: 5px; }
    .bookmark-links a.bookmark-external-url.out,
    .bookmark-links span.bookmark-external-url.out {
      color: #fefdd6; }
      .bookmark-links a.bookmark-external-url.out:visited,
      .bookmark-links span.bookmark-external-url.out:visited {
        color: #febb44; }
    .bookmark-links a:hover,
    .bookmark-links span:hover {
      color: #fefdd6; }
    .bookmark-links a.out,
    .bookmark-links span.out {
      background: url("../img/12/star-out.png") 3px center no-repeat; }
  .bookmark-links .ul-group {
    margin: 0; }
    .bookmark-links .ul-group .bookmark-group {
      border-bottom: 1px dashed rgba(254, 253, 214, 0.5);
      padding-top: 5px;
      padding-bottom: 5px;
      display: block;
      font-weight: bold; }
    .bookmark-links .ul-group:hover {
      cursor: pointer; }
    .bookmark-links .ul-group.open .bookmark-group {
      background: url("../img/12/minus-border.png") 2px center no-repeat; }
    .bookmark-links .ul-group:not(.open) .bookmark-group {
      background: url("../img/12/plus-border.png") 2px center no-repeat; }
    .bookmark-links .ul-group .bookmark-group {
      padding-left: 20px;
      color: #fffb99; }
    .bookmark-links .ul-group a {
      padding-left: 28px;
      background-position: 12px center;
      margin-left: 0px; }

.bookmark-wrong-url {
  color: #bb1111; }

/*
 * menu i podmenu
 */
#nav-panel ul,
#nav-panel ul li {
  margin: 0;
  padding: 0;
  display: block; }

#nav-panel > ul {
  border-bottom: 1px solid #666666; }

#nav-panel div {
  background: #4a4a4a;
    /*
   * Old browsers
   */
  background: -moz-linear-gradient(top, #4a4a4a 0%, #383838 100%);
    /*
   * FF3.6+
   */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4a4a4a), color-stop(100%, #383838));
    /*
   * Chrome,Safari4+
   */
  background: -webkit-linear-gradient(top, #4a4a4a 0%, #383838 100%);
    /*
   * Chrome10+,Safari5.1+
   */
  background: -o-linear-gradient(top, #4a4a4a 0%, #383838 100%);
    /*
   * Opera 11.10+
   */
  background: -ms-linear-gradient(top, #4a4a4a 0%, #383838 100%);
    /*
   * IE10+
   */
  background: linear-gradient(to bottom, #4a4a4a 0%, #383838 100%);
    /*
   * W3C
   */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a4a4a', endColorstr='#383838', GradientType=0);
    /*
   * IE6-9
   */
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4);
  cursor: pointer;
  font-size: 0.95em;
  text-shadow: 0 1px 1px black;
  font-weight: bold;
  color: #aaaaaa;
  padding: 0.7em 0em 0.7em 0;
  border: 1px solid #333333;
  border-top: none; }

  #nav-panel li.selected div {
    color: white; }
  #nav-panel li.selected > a {
    background: #222222;
    color: white; }
  #nav-panel li a {
    display: block;
    color: #8c8c8c;
    padding: 0.6em 1.2em 0.6em 2em;
    font-size: 0.85em;
    font-weight: bold;
    text-shadow: 0 1px 0 #111111;
    background: #2f2f2f;
    border-top: 1px solid #262626; }
    #nav-panel li a:hover {
      color: white; }

.narrow #nav-panel li a {
  padding: 0.4em 1.2em 0.4em 1.7em;
  font-size: 0.9em; }

.narrow #nav-panel div {
  padding: 0.4em 0;
  font-size: 0.9em; }

#nav-panel .arrow {
  width: 24px;
  height: 14px;
  display: inline-block;
  background: url(../img/16/arrow-side.png) center center no-repeat !important; }

#nav-panel .open .arrow {
  background: url(../img/16/down-arrow.png) center center no-repeat !important; }

.btn-sidemenu {
  z-index: 2; }

#nav-panel .open .submenuBlock {
  display: block; }

.btn-sidemenu {
  padding: 3px;
  width: 20px;
  height: 20px;
  border: solid 1px var(--theme-color);
  padding: 4px;
  border-radius: 6px;
  cursor: pointer;
  background: #eeeeee;
  margin: 0 6px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
  .btn-sidemenu .menuIcon {
    opacity: 0.6;
    width: 20px;
    border-radius: 6px; }
  .btn-sidemenu:hover {
    border-color: #444444; }
    .btn-sidemenu:hover .menuIcon {
      opacity: 0.9; }

.menuIcon:hover {
  opacity: 1; }

.search-input-modern::-webkit-calendar-picker-indicator,
.search-input-modern::-webkit-list-button {
  display: none !important;
  opacity: 0 !important; }

.menu-options {
  display: block;
  float: left;
  margin: 0 6px;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  border: solid 1px var(--theme-color);
  z-index: 11;
  padding: 0px 15px 0px 1px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  background: #eeeeee url('../img/16/arrow_down3.png') 28px center no-repeat; }
  .menu-options:hover {
    border-color: #444444; }
  .menu-options img {
    border-radius: 3px 0 0 3px;
    height: 28px;
    width: 28px;
    margin-left: -1px;
    float: left; }
    .menu-options.search-options img {
      opacity: 0.6;
      width: 20px;
      height: 20px;
      padding: 4px; }
    .menu-options.search-options:hover img {
      opacity: 0.9; }
    .menu-options.search-options .menu-holder {
      min-width: 140px;
      left: -2px; }
      .menu-options.search-options .menu-holder input {
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 5px; }
      .menu-options.search-options .menu-holder table {
        width: 100%; }

/*
 * menu
 */
.menu-holder {
  display: none;
  position: absolute;
  top: 30px;
  right: -2px;
  padding: 5px;
  z-index: 1000;
  background-color: white;
  border-radius: 6px;
  border: 1px solid #cccccc;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .menu-holder a:not(.profile) {
    color: #333333 !important; }
  .menu-holder a {
    display: block;
    padding: 3px 20px 3px 25px;
    clear: both;
    font-weight: normal;
    font-size: 1.05em;
    white-space: nowrap; }
    .menu-holder a:hover {
      background-color: #f1f1f1; }
  .menu-holder.user-holder {
    max-width: 140px; }

  .narrow .menu-holder a {
    padding: 5px 20px 5px 25px;
    font-size: 1em; }

.search-options .menu-holder a {
  padding: 3px; }

.menuDivider {
  height: 1px;
  margin: 3px 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.header-block {
  position: relative;
  min-height: 44px; }

.left-header {
  position: absolute;
  left: 0; }

.narrow .signOut {
  margin-top: -1px; }

.right-header {
  position: absolute;
  right: 0; }

.left-holder {
  float: left;
  margin-left: 5px;
  margin-top: 2px; }

.right-holder {
  float: left;
  margin-right: 3px;
  margin-top: 2px; }

.narrow #main-container {
  padding: 12px 0 0 0; }

#main-container  div.tab-control div.tab-page {
  border: none; }

#main-container > div.tab-control > div.tab-row > .row-holder .tab {
  display: inline-block;
  height: 18px;
  margin: 0;
  padding: 5px 6px 4px 6px !important;
  float: left;
  position: relative;
  z-index: 11;
  font-size: 0.85em;
  white-space: nowrap;
  position: relative;
  line-height: normal;
  border-top: none;
  border-radius: 5px 5px 0 0;
  background-color: rgba(0, 0, 0, 0) !important;
  border: none !important;
  border-left: none; }
  #main-container > div.tab-control > div.tab-row > .row-holder .tab.selected {
    background-color: white !important; }
    #main-container > div.tab-control > div.tab-row > .row-holder .tab.selected a {
      color: #333333 !important; }
  #main-container > div.tab-control > div.tab-row > .row-holder .tab a {
    color: white; }

.narrow #main-container > div.tab-control > div.tab-row {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }
  .narrow #main-container > div.tab-control > div.tab-row .row-holder {
    text-align: justify;
        /*
     * 3
     */
    white-space: nowrap;
    height: 28px; }
  .narrow #main-container > div.tab-control > div.tab-row .tab {
    border: none;
    margin: 5px 2px 5px;
    padding: 0 !important;
    border-radius: 3px;
    font-size: 0.8em;
    height: auto; }
    .narrow #main-container > div.tab-control > div.tab-row .tab a,
    .narrow #main-container > div.tab-control > div.tab-row .tab span {
      margin: 0px 2px 2px;
      padding-top: 1px;
      display: block; }

.narrow div.alphabet div.tab-row .tab {
  min-height: 15px;
  line-height: 15px; }

.narrow .tab-title {
  display: inline-block !important; }

.headerInfo {
  display: inline-block;
  float: left;
  margin-right: 10px;
  margin-top: 2px; }

.narrow .headerInfo {
  margin-top: 0px; }

.wide .headerUser {
  font-size: 1.1em;
  display: inline-block; }

.narrow .headerUser {
  font-size: 1em;
  display: inline-block; }

.signOut {
  text-align: right; }

.narrow .signOut {
  font-size: 0.8em;
  position: absolute;
  bottom: 6px;
  right: 45px; }

/*
 * норификации
 */
.notificationsCnt {
  display: inline-block;
  position: absolute;
  top: -6px; }

.notificationsCnt a {
  display: block;
  color: white;
  padding: 1px 2px 1px;
  text-align: center;
  font-size: 0.5em;
  border-radius: 3px;
  font-weight: normal !important; }

.notificationsCnt a.haveNtf {
  background-color: rgba(250, 56, 55, 0.75);
  border: 1px solid #f92f2e !important;
  box-shadow: 0 1px 2px 0 #ff9999;
  color: white !important; }

.notificationsCnt a.noNtf {
  display: none; }

.portal .legend {
  z-index: 1 !important; }

.narrow .tooltip-text {
  top: -3px !important; }

.tooltip-button img {
  width: 13px !important;
  height: 13px !important; }

.hidden {
  display: none; }

a.button,
input[type="button"],
input[type="submit"],
button {
  background-position: 4px center !important;
  padding: 0.34em 5px 0.34em 5px !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-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; }
  a.button:hover,
  input[type="button"]:hover,
  input[type="submit"]:hover,
  button:hover {
    background-color: #e5e5e5; }
    a.button:hover.btn-disabled,
    input[type="button"]:hover.btn-disabled,
    input[type="submit"]:hover.btn-disabled,
    button:hover.btn-disabled {
      background-color: #dddddd; }

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

.narrow .dimension input.button {
  border: none !important; }

input.linkWithIcon {
  padding-left: 25px !important; }

a.linkWithIcon {
  padding-left: 22px !important; }

.small .linkWithIcon {
  height: 16px !important;
  line-height: 120%;
  display: inline-block; }

.listTable.smallerText .small .linkWithIcon {
  height: auto !important; }

.portal-filter .button,
.portal-filter .button:focus {
  border: none !important;
  outline: none !important;
  background-color: rgba(0, 0, 0, 0) !important;
  box-shadow: none; }

select,
input,
textarea,
.chzn-container-single .chzn-single,
.chzn-container-active .chzn-single,
.chzn-container-active .chzn-single-with-drop,
.staticFormView .formFieldValue {
  border: solid 1px #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); }

.chzn-container .chzn-drop {
  border: solid 1px #bbbbbb;
  border-top: none; }

.formFields input:focus,
textarea:focus,
select:focus,
input:focus[type=submit],
input:focus[type=button] {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(102, 175, 233, 0.5);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(102, 175, 233, 0.5); }

.formTitle,
.formGroup,
.narrow .vertical .formTitle {
  background: var(--theme-color) !important; }

@supports (background: color-mix(in srgb,
black,
white)) {
  .formTitle,
  .formGroup,
  .narrow .vertical .formTitle {
    background: color-mix(in srgb, var(--theme-color) 20%, #666666 80%) !important; } }

.formTitle a,
.formGroup a {
  color: white !important; }

.wide .vertical .formTable {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); }

form[method="post"] input[type="submit"] {
  background-color: #888888;
  text-shadow: none;
  color: white; }
  form[method="post"] input[type="submit"]:hover {
    background-color: #999999; }
    form[method="post"] input[type="submit"]:hover.btn-disabled {
      background-color: #888888; }

.inner-form form[method="post"] input[type="submit"] {
  background-color: #dddddd; }
  .inner-form form[method="post"] input[type="submit"]:hover {
    background-color: #e5e5e5; }

  .toolbar form[method=post] input[type=button],
  .toolbar form[method=post] a.button {
    background-color: #aaaaaa;
    border: 1px solid #999999 !important;
    text-shadow: none; }
    .toolbar form[method=post] input[type=button]:hover,
    .toolbar form[method=post] a.button:hover {
      background-color: #b1b1b1; }

.btn-disabled {
  color: #bbbbbb !important; }

.vertical .formTitle {
  font-size: 1.05em; }

.vertical .formSection {
  padding: 8px 15px 0; }

.vertical .formToolbar {
  padding: 5px; }

.pages {
  margin: 12px 0px 8px 0px; }
  .pages:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.top-pager .pages {
  margin: 2px 0px 22px 0px; }

.pages a {
  border: 1px solid #cccccc;
  text-align: center;
  border-left: none;
  padding: 4px 3px;
  margin: 0;
  font-weight: bold;
  min-width: 20px;
  border-radius: 0;
  float: left;
  color: #666666;
  display: table-cell;
  font-size: 0.9em; }
  .pages a:hover,
  .pages a.pagerSelected {
    border: 1px solid #cccccc;
    border-left: none;
    border-radius: 0 !important;
    padding: 4px 3px;
    color: #111111; }
    .pages a:hover.pager,
    .pages a.pagerSelected.pager {
      background-color: #dddddd !important; }
  .pages a:first-child {
    border-left: 1px solid #cccccc !important;
    border-radius: 5px 0 0 5px !important; }
  .pages a:last-child {
    border-radius: 0 5px 5px 0 !important; }

.swipe-tab-content .portal table.listTable {
  transform: translate3d(0, 0, 0); }

.sub-header {
  height: 44px; }

.swipe-tab-content {
  display: none;
  z-index: 100; }

.swipe-tab {
  display: none; }

.swipe-tabs-container,
.swipe-tab-content {
  outline: none !important; }

  .slick-initialized .swipe-tab-content {
    position: relative;
    min-height: 365px; }
    @media screen and (min-width: 767px) {
      .slick-initialized .swipe-tab-content {
    min-height: 500px; } }
  .slick-initialized .portal {
    margin-top: 0 !important;
    box-shadow: none;
    border: none !important;
    border-radius: 0 !important; }
  .slick-initialized .swipe-tab {
    outline: none;
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 42px;
    vertical-align: baseline;
    overflow-y: hidden;
    background: none;
    border: 0;
    color: #757575;
    cursor: pointer;
    text-align: center;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    transition: all 0.5s;
    text-overflow: ellipsis; }
    .slick-initialized .swipe-tab:hover {
      color: black; }
    .slick-initialized .swipe-tab.active-tab {
      border-bottom-color: black;
      color: black;
      font-weight: bold; }

.narrow .pages a {
  margin: 0;
  font-size: 0.9em; }

table.listTable > thead > tr > th {
  border: 1px solid #dddddd;
  background-color: #eeeeee; }

table.listTable > tbody > tr > td {
  border: 1px solid #dddddd; }

.accordian li.btns-title {
  border: 1px solid #777777 !important;
  border-bottom: none; }

input[type="button"].more-btn {
  padding-right: 0.1em !important; }

div.tab-control.alphabet div.tab-row .tab {
  background: rgba(0, 0, 0, 0.05);
  padding: 6px 8px !important;
  min-width: 12px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 0px !important;
  border-radius: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  margin: 0px -1px 0px 0;
  text-shadow: white 1px 1px 0;
  -moz-box-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px rgba(0, 0, 0, 0.2);
  display: block;
  margin-right: 0 !important; }
  div.tab-control.alphabet div.tab-row .tab.selected {
    box-shadow: 0 0px 0 #666666 !important;
    border-left: 0px solid #666666 !important;
    border-right: 0px solid #666666 !important;
    border-bottom: 1px solid black !important;
    top: 0px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-bottom: 5px !important;
    padding-top: 6px !important;
    background: #ffffcc !important; }
  div.tab-control.alphabet div.tab-row .tab:hover a {
    color: #111111 !important; }
  div.tab-control.alphabet div.tab-row .tab img {
    width: 10px !important;
    height: 10px !important; }

div.tab-control.deal-history-tab .tab-row .tab {
  margin: 0 3px 0 0 !important;
  top: 0 !important;
  padding: 5px !important; }

.narrow div.tab-control.alphabet div.tab-row .tab {
  padding: 4px 5px !important; }
  .narrow div.tab-control.alphabet div.tab-row .tab.selected {
    top: 0; }

td.keylist-group > div {
  background-color: #dddddd;
  border: 1px solid #cccccc; }

div.richEdit div.richedit-toolbar {
  border: solid 1px #bbbbbb;
  border-top: none; }

.debug_block {
  display: block; }

div.statuses-message {
  margin: 30px auto 0px; }

select.tab-control,
select.tab-control option {
  font-size: 0.9em;
  padding-top: 0; }

.tab-row > .tooltip-button {
  position: relative;
  top: 5px !important;
  margin-left: 10px !important; }

div.tab-control.deal-history-tab .tab-row .tab {
  margin: 0 3px 0 0 !important;
  top: 0 !important;
  padding: 5px !important; }

div.tab-control.alphabet div.tab-row .ef-drag-scroll .tab.selected {
  box-shadow: none !important; }

@media handheld,
only screen and (max-width: 800px) {
  .narrow  .sidemenu-push-toleft#main-container {
    margin-left: -170px; }

  .narrow  .sidemenu-push-toright#main-container {
    margin-right: -170px; }

  .narrow .sidemenu-push-toleft #framecontentTop,
  .narrow .sidemenu-push-toleft .tab-control > .tab-row {
    left: -170px !important; }

  .inner-framecontentTop {
    padding: 9px 7px 7px 7px !important; } }

@media handheld,
only screen and (max-width: 1280px) {
  @-moz-document url-prefix() {
        .center-block {
      1top: -4px; }
      .center-block .notificationsCnt {
        1top: -2px; }
 } }

@media handheld,
only screen and (max-width: 640px) {
  .inner-framecontentTop {
    padding: 9px 7px 7px 7px !important; }

  .narrowPortalBlocks {
    margin: 5px; }

  #packWrapper {
    padding: 17px 7px 10px !important; }

  #main-container > div.tab-control > div.tab-row > .tab {
    margin: 5px 2px 3px; }

  .btn-sidemenu {
    margin: 0; }

  #main-container > .tab-control > .tab-row {
    padding: 3px 6px 1px !important;
    top: 44px; }
    #main-container > .tab-control > .tab-row a {
      margin-bottom: 1px !important; }

    .bookmarkLink.addBookmarkLink {
      right: 7px; }
    .bookmarkLink.listBookmarkLink {
      left: 7px; } }

