/* ------------------------------- */
/* --- T_WRH_STATUS_INFORMACJE --- */
/* ------------------------------- */

.table-t-wrh-status-informacje .div-cell {
  border-right: solid 1px #3388aa !important;
  border-bottom: solid 1px #3388aa !important;
}

.table-t-wrh-status-informacje {
  border-left: solid 1px #3388aa !important;
  border-top: solid 1px #3388aa !important;
}

.table-t-wrh-status-informacje-2 .div-cell .div-row .div-cell {
  border-left: solid 1px #3388aa !important;
  border-top: solid 1px #3388aa !important;
}
.table-t-wrh-status-informacje-2 .div-cell .div-row .div-cell-s-qty {
  border-left: none !important;
}


/* ------------------------------- */
/* ---------- WORKSPACE ---------- */
/* ------------------------------- */

/* Do powiadomien - kulka i notyfikacje + poprawki do skinów*/
.wfCounter {
  min-width: 20px;
  height: 20px;
  background: #ffffff !important;
  box-shadow: 1px 1px 3px #63636b;
  -moz-border-radius: 70px;
  -webkit-border-radius: 70px;
  border-radius: 70px;
  padding-top: 2px;
  font-size: 12px;
  font-weight: 700;
  float: right;
}

.noti {
  width: 100%;
  display: inline-table;
}

.notiTab {
  font-size: 11px;
  float:left;
  background: #fff !important;
}

.notiTabTitle {
  font-weight: 700;
  font-size: 11px;
  float:left;
  background: #3388aa !important;
  filter: saturate(80%);
}

.ilosc {
  width: 10%;
}

.osoba {
  width: 60%;
}

.akcja {
  width: 30%;
}

.boxToUnread {
  width: 100%;
  height: 30px;
  margin-bottom: -30px;
}

.pauseLine {
  border-bottom: 1px solid #669999;
  width: 100%;
  margin-bottom: 5px;
}

.div-row-unread {
  background-color: #ffffff !important;
  filter: brightness(100%) saturate(95%);
}

.div-row-unread:hover {
  background-color: #ffffff !important;
  filter: brightness(95%) saturate(75%);
}

/* Koniec powiadomień i poprawek PPAP */

.document-fields-table-names-headers {
  background: #334455 !important;
  border-right: none !important;
  text-align: left;
}

.div-row-headers {
  border-bottom: solid 1px #3388aa !important;
}

.process-counter {
  background: #334455 ;
  color: #fff ;
}

.menulist, .menulist  ul {
  margin: 0;
  padding: 0;
  list-style: none;
  cursor:hand;
}

.menulist {
  background: #334455;
}

.logomenu {
  width: 100px;
}

.no-decor {
  text-decoration: none;
}

.bgc {
  background-color: #334455 ;
}

.recol {
  background-color: #fff ;
}

.tabcol {
  background-color: #3388aa ;
}

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.footer_workflow{
  background-color: #334455 ;
  height: auto;
  margin: 0 auto;
}
.last-process:first-child {
    border-left: 1px solid #fff;
}
.last-process {
    border-right: 1px solid #fff;
}
.last-process img:hover {
    background-color: #3388aa;
}
.last-process[selected-process="true"] img {
    background-color: #3388aa;
}
.table_background{
  padding:0;
  margin: 0 auto;
  background-color: #fff;
}
@media (max-width:767px) {
    .last-process {
        border-right: 1px solid #3388aa;
    }
}
.footer-btn {
  border-right: 1px solid #3388aa;
}

.footer-btn-last {
  border-right: none;
}

.normal-button:hover {
  background-color: #fff;
  opacity: 1;
}

.menu-logo {
  text-align:right;
  width:10%;
  padding-left:1.5em;
}

.full-menu {
  padding: 0;
}
.table-menu {
  cellspacing: none;
  cellpadding: 2px;
  width: 100%;
}

.mainContainer {
    padding: 20px 0 0 0;
}

.body {
  width: 100%;
}

.td-full {
  height: 100%;
}

.no-border-bottom {
  border-bottom: none;
}

.icon-image {
  border: none;
  vertical-align: middle;
  width = 32px;
  height = 32px;
}

.menu-icon-size {
  width = 20px;
}

.td-small {
  font-size: 0.7em;
}

.table_background {
  width: 100%;
}

.row-centered {
  text-align: center;
}

.col-centered {
  display:inline-block;
  float:none;
  text-align:left;
  margin-right:-4px;
}

.category_name {
  background-color: #334455 ;
  color: #ffffff;
}

.menu-icons {
  width:20px;
  height:20px;
}

.menu-mobile-icons {
  width:10px;
  height:10px;
}

.proces {
  border: solid 1px #fff;
}

.proces:hover,
.proces[selected-process='true']{
  background-color: #334455;
  border: solid 1px #fff;
  opacity: 1;
}

.special-effect:after {
  background-color: #fff;
}

.category-workspace-mobile {
  background-color: #fff;
}

.tooltip-inner {
  background-color: #334455;
  border: 1px solid #ffffff;
  color: #ffffff;
}

.tooltip-separate {
  border-top: 1px solid #3388aa;
}

.workspace-banner-top {
  color: #3388aa !important;
}

.workflow-mobile-top-text a {
  color: #3388aa !important;
}

.workflow-mobile-top {
  background-color: #fff;
}

.wof-edit-menu-top {
  background-color: #334455;
}

.process-bar {
  background-color: #334455;
}

.footer-btn-language:hover, .footer-btn-company:hover {
  background-color: #334455;
  cursor: default;
}

.separate-categories {
  border: solid 1px #3388aa;
}


@media (min-width: 1025px) {
    .menu-softeris-workflow + a + .vertical-space,
    .menu-softeris-workflow + a + link + script + script + script + .vertical-space,
    .footer_workflow + .vertical-space{
        background-color: #ffffff;
    }
    .workflow-action-panel {
        border-bottom: 2px solid #ffffff;
    }
    .print-table-buttons {
        border-top: 2px solid #ffffff;
    }
    .footer_workflow {
        border-bottom: 2px solid #ffffff;
    }
    .menu-softeris-workflow {
        border-bottom: 2px solid #ffffff;
    }
    .views-paginate-panel {
        border-top: 2px solid #ffffff;
    }
}
/* ------------------------------- */
/* ------------- VIEW ------------ */
/* ------------------------------- */

.favorite-view-message {
  background-color: #334455;
}

.workflow-action-panel {
  background-color: #334455;
}

.import-panel {
  background: #3388aa;
}

.views-panel {
  background: #3388aa;
}

.view-print-message {
  background-color: #3388aa;
/*  color: *//*;*/
}

.view-print-message .messageBox {
  background-color: #3388aa;
/*  color: *//*;*/
}

.div-cell {
  border-bottom: solid 1px #3388aa;
  border-right: solid 1px #3388aa;
}

.div-row {
  background-color: #334455;
}
    .div-row-document.onscroll {
        touch-action: none;
    }
.div-row-document-search:hover {
  background-color: #334455 !important;
}

.div-row-document-export:hover {
  background-color: #334455 !important;
}

.div-row-document-hover:hover {
  background-color: #fff;
}
.div-row-document-no-bg {
    background-color: #334455 !important;
}

.views-paginate-panel {
  background-color: #334455;
}

.paginate-button-active {
  background-color: #3388aa;
}

.paginate-button-active:hover {
  background-color: #3388aa !important;
}

.paginate-button-active a:hover {
  background-color: #3388aa !important;
}

.action-panel-option {
  background: #3388aa;
}

.action-panel-row-2 {
  border-top: solid 1px #ffffff;
}

.add-button {
  background: #3388aa;
}

.action-panel-btn-last {
  border-right: none;
}

.action-panel-btn-hidden {
  visibility: hidden;
}

.paginate-button {
  border-right: solid 1px #3388aa;
}

.paginate-button-last {
  border-right: none;
}

.action-panel-buttons-add .action-panel-btn-add {
  background: #ffffff;
  border-left: solid 2px #334455;
}

.action-panel-buttons-add .action-panel-btn-add a {
  color: #334455;
}

.edit-comment-button-save {
  background: #ffffff;
}

.edit-comment-button-save a {
  padding: 2px 0;
  color: #334455;
}

.edit-comment-button-save a font {
  position: relative;
  top: 2px;
}

.submit-btn-next {
  border: none;
}

/* ------------------------------- */
/* ------------- EDIT ------------ */
/* ------------------------------- */

.heading-highlight {
  background: #334455;
}

.document-fields-table-names {
  background: #3388aa;
}

.bg-color {
  background: #3388aa;
}

.document-fields-table-data {
  background: #334455;
}

.div-row-lines:hover {
  background: #fff;
}

.SumoSelect:hover > .CaptionCont > label {
  background-color: #fff;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
  background-color: #fff;
  border-right: 1px solid #3388aa;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
  background-color: #fff;
}

.SumoSelect > .optWrapper > .options > li {
<!--            border-bottom: 1px solid --><!--;-->
}

.SumoSelect > .optWrapper > .options > li:hover {
  background-color: #334455 !important;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {
  background-color: #3388aa;
}

.SumoSelect > .CaptionCont > span.placeholder {
  color: #ffffff;
}

.SumoSelect > .CaptionCont {
  background-color: #fff !important;
}


/* ------------------------------- */
/* --------- EXTRA SMALL --------- */
/* ------------------------------- */

@media(max-width:767px){
  .document-fields-table-names-headers {
    border: none !important;
  }

  .views-documents-list {
    background: #ffffff;
  }

  .div-heading-element {
    background-color: #334455;
  }

  .views-action-links-element a {
    background-color: #3388aa;
    border: solid 1px #ffffff;
  }

  .views-action-links-element a:hover {
    background-color: #334455;
  }

  .ext-button {
    cursor: pointer;
    background-color: #3388aa;
    border: solid 1px #ffffff;
  }

  .ext-button:hover {
    background-color: #334455;
  }

  .div-row-history, .div-row-work {
    background: none;
  }

  .div-cell-history-data {
    background: #334455;
  }

  .div-cell-work-data {
    background: #334455;
  }

  .div-row-document {
    background: #3388aa;
  }

  .hidden-col-element {
    padding: 2px;
    /* background: ; */
  }

  .hidden-col-action-links {
    background: none;
  }

  .div-row-lines {
    background: none;
  }

  .div-row-lines:hover {
    background: none;
  }

  .div-cell-lines {
    padding: 0;
  }

  .div-cell-lines-data {
    padding: 2px;
    background: #334455;
  }

  .footer-btn {
    border-right: none;
  }

  .action-panel-btn {
    border-right: none;
  }

  .div-row-document:hover{
    background: #3388aa;
  }

  .div-row-document-search:hover {
    background-color: #3388aa !important;
  }

  .div-row-document-export:hover {
    background-color: #3388aa !important;
  }

  .div-row-document {
      border-bottom: 15px solid #ffffff !important;
  }

  /******************************/
  /******** LOGTRANS CSS ********/
  /******************************/

  .div-info-twrh {
    border: none !important;
    border-bottom: solid 1px #ffffff !important;
  }

  .table-t-wrh-status-informacje-1 {
    border: none !important;
  }

  .table-t-wrh-status-informacje-1 .div-cell {
    border: none !important;
    border-right: solid 1px #3388aa !important;
  }

  .table-t-wrh-status-informacje-1 .div-row {
    border: none !important;
    border-bottom: solid 1px #3388aa !important;
    border-right: solid 1px #3388aa !important;
  }

  .table-t-wrh-status-informacje-1 .div-cell-second, .table-t-wrh-status-informacje-1 .div-cell-qty {
    border-right: none !important;
  }

  .table-t-wrh-status-informacje-2 .div-cell {
    border: none !important;
    border-bottom: solid 1px #ffffff !important;
  }

  .table-t-wrh-status-informacje-2 {
    border: none !important;
  }

  .table-t-wrh-status-informacje-2 .div-cell .div-row .div-cell-s, .table-t-wrh-status-informacje-2 .div-cell .div-row .div-cell-s-qty {
    border: none !important;
  }

  .table-t-wrh-status-informacje-2 .div-cell .div-row .div-cell-s {
    border-bottom: solid 1px #ffffff !important;
  }


}


/* Small */
@media(min-width:768px) and (max-width:991px){
  .document-fields-table-names-headers {
    border: none !important;
  }

  .views-documents-list {
    background: #ffffff;
  }

  .div-heading-element {
    background-color: #334455;
  }

  .views-action-links-element a {
    background-color: #3388aa;
    border: solid 1px #ffffff;
  }

  .views-action-links-element a:hover {
    background-color: #334455;
  }

  .ext-button {
    cursor: pointer;
    background-color: #3388aa;
    border: solid 1px #ffffff;
  }

  .ext-button:hover {
    background-color: #334455;
  }

  .div-row-history, .div-row-work {
    background: none;
  }

  .div-cell-history-data {
    background: #334455;
  }

  .div-cell-work-data {
    background: #334455;
  }

  .div-row-document {
    background: #3388aa;
  }

  .hidden-col-element {
    padding: 2px;
    /* background: ; */
  }

  .hidden-col-action-links {
    background: none;
  }

  .div-row-lines {
    background: none;
  }

  .div-row-lines:hover {
    background: none;
  }

  .div-cell-lines {
    padding: 0;
  }

  .div-cell-lines-data {
    padding: 2px;
    background: #334455;
  }

  .footer-btn {
    border-right: none;
  }

  .action-panel-btn {
    border-right: none;
  }

  .div-row-document:hover{
    background: #3388aa;
  }
  .div-row-document-search:hover {
    background-color: #3388aa !important;
  }

  .div-row-document-export:hover {
    background-color: #3388aa !important;
  }


  /******************************/
  /******** LOGTRANS CSS ********/
  /******************************/

  .div-info-twrh {
    border: none !important;
    border-bottom: solid 1px #ffffff !important;
  }

  .table-t-wrh-status-informacje-1 {
    border: none !important;
  }

  .table-t-wrh-status-informacje-1 .div-cell {
    border: none !important;
    border-right: solid 1px #3388aa !important;
  }

  .table-t-wrh-status-informacje-1 .div-row {
    border: none !important;
    border-bottom: solid 1px #3388aa !important;
    border-right: solid 1px #3388aa !important;
  }

  .table-t-wrh-status-informacje-1 .div-cell-second, .table-t-wrh-status-informacje-1 .div-cell-qty {
    border-right: none !important;
  }

  .table-t-wrh-status-informacje-2 .div-cell {
    border: none !important;
    border-bottom: solid 1px #ffffff !important;
  }

  .table-t-wrh-status-informacje-2 {
    border: none !important;
  }

  .table-t-wrh-status-informacje-2 .div-cell .div-row .div-cell-s, .table-t-wrh-status-informacje-2 .div-cell .div-row .div-cell-s-qty {
    border: none !important;
  }

  .table-t-wrh-status-informacje-2 .div-cell .div-row .div-cell-s {
    border-bottom: solid 1px #ffffff !important;
  }
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){}

/* Large */
@media(min-width:1200px){
    .div-row-document[data-selected="true"]
    {
        background-color: #fff !important;
    }
}
#sqlTable {
  color: #ffffff !important;
}
#shortcut {
    background-color: #3388aa !important;
}
.multiselect-loading-circle {
    color:  #ffffff !important;
    border-top-color: white;
    border-bottom-color: white;
}
.payment_alert {
    background-color: #3388aa !important;
}

/* live notifications */
.live-noti-list {
    background-color: #334455 !important;
    border: 1px solid #3388aa !important;
}
#live-notifications.live-noti-list-open {
    background-color: #fff !important;
}
.live-noti-list .live-noti-element a:hover {
    background-color: #fff !important;
}
.live-noti-list .live-noti-element {
    border-bottom: 1px solid #3388aa !important;
    color: #ffffff !important;
}
.live-noti-list .live-noti-element:last-child {
    border-bottom: none !important;
}
.live-noti-bell .noti-count {
    background-color: yellow !important;
}