/* CSS Document */
@import url('portal_desktop.css?v5') only screen and (min-width:801px);
@import url('portal_mobile.css?v5') only screen and (max-width:800px);
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
html {height:100%}
body {width:100%;height:100%; margin:0; background-color:#ebebeb; font: 13px 'Open Sans', sans-serif, Helvetica, Arial;}
.wrapper {width:100%;position:relative;min-height:100%;margin-bottom:-60px }
.wrapper.login {background:url('../images/bg05.jpg') 50% 50% no-repeat;background-size: cover;}

input, textarea, select {font: 13px 'Open Sans', sans-serif, Helvetica, Arial;}
input, select { height:30px;padding:0 5px}
.input-error {background-color:#E4CADB}
.logo {background:url('../images/logo02.png') 50% 50% no-repeat; background-color: #333;width:160px; height:70px; position:absolute}
h2 {font-weight:400; padding:0;}
h3 {font-weight:300; padding:0;margin:0}
.right {float:right} 
.left {float:left}
.clearer {height:1px; clear:both}

#firm_selection {color:#fff; background-color:#444444}

.button {height:32px;line-height:32px; font-size:1em;display:inline-block;text-align:center; padding:0 10px;border:1px solid #aaa; border-radius: 10px; cursor:pointer;background-color: #fff; transition-property: all; transition-duration: 0.4s}
.button:hover {background-color:#f0f0f0;}
.button.return {padding-left: 30px;background-image: url(../images/ico30_return.png); background-position: 0 -30px; background-repeat: no-repeat;}
.button.disabled {background:#ddd;color:#555;cursor:default;}
.button.master {height:32px;line-height:32px; border-radius: 10px; font-size:1em;background:#b3b409;color:#000; display:inline-block; padding:0 10px; cursor:pointer;}
.button.master:hover {background:#A3A409;color:#000;}
.button.dark {background-color:#666;color:#fff}
.button.dark:hover {background-color: #555}
.button.dark.plus {background-image:url('../images/ico30_add.png');background-position: 3px -60px; background-repeat: no-repeat; padding-left:35px}
.button.dark.plus:hover {background-position:3px -90px}

#add_doc_button, #add_eet_receipt, #add_conversation_button {float:right;margin-top:6px;font-size:0.88em;} 
#show_unpaid_invoices_button {margin:8px 0px}
.conversation-filter {position:absolute; right:1px; top:1px; line-height:20px;}
#new_receipt_dialog input {height:32px}

.login-form .button {height:45px;width:75px;line-height:45px; border:0; text-align:center;background:#d3d429;margin-top:10px; cursor:pointer; padding:0 15px}
.login-form .button:hover {background-color:#b3b409;}
.login-form {background-color:rgba(38, 38, 38, 0.75);width:100%; border-radius: 10px}
.login-form-header {padding:1px 20px;background-color:#d3d429}
.login-form-content {padding:1px 30px 25px 30px;position:relative }

.login-form-error {background-color:#fff;}
.login-error {padding:10px;border-top:2px solid #a92222; color: #a92222}

.ekus-info {width:100%;margin-bottom:20px;}

.section {margin-bottom:20px;width:100%;clear:both;position:relative; vertical-align:top}
.section-title {height:46px;line-height:46px; font-size:1.3em; padding:0 10px;background-color:#f0f0f0;position:relative;margin-bottom:10px;border-left:3px solid #B2DD00; background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%)}
.section-title-functions {height:50px;line-height:50px; margin-right: 5px;position:absolute;right:0px;top:0px}
.section-functions {}
.section-functions label {font-size: 0.8em;line-height: 35px}

.cancel-search {position:absolute; top: calc(50% - 10px); right: 3px;;cursor:pointer;font-weight:bold;color:#61AFE4}
.section-body {}

.logout {margin-top:20px;line-height:30px; background-color:#CDCD0F;padding:0 15px;color:#000; cursor:pointer; text-align: center}
.logout:hover {background-color:#A3A409;padding-left:15px}

.dash-table {width:100%;border-collapse: collapse}
.dash-table tr {height:35px;border-bottom: 1px solid #7d912b42}
.dash-table td {position:relative;}
.dash-table td.width1_2 {width:50%}
.dash-table td.center {text-align: center}
.dash-table td.right {text-align: right}
.dash-table td.with-icon {padding-right:35px}
.dash-table td.title {background-color: #cccccc}
.dash-text-line {display: inline-block;max-width:100%; overflow:hidden; text-wrap: none}
.dash-row-icon {position:absolute; background-color: #f0f0f0 ;width:30px; height:30px; text-align: center; border: 1px solid #ddd; border-radius: 10px;  top:calc(50% - 15px);right:0; line-height: 30px !important; cursor: pointer; transition-property: all; transition-duration: 0.4s}
.dash-row-icon:hover {color:#333333 !important; background-color: #deefa9
}
.icon-form {background-image: url('../images/ico30_form.png')}

.items-list tr {line-height:25px}
.items-list td {padding:0 5px}
.items-list-index {background-color: #f0f0f0}

.block {box-shadow: 1px 3px 5px 0px #e0e0e0; vertical-align: text-top; background-color: #fff}
.block:first-child {margin-left: 0px}


.forms-list {min-height: 30px; line-height: 30px; padding-left: 10px;}

.ekus-news-block {position:absolute; right:20px; top:0; width: calc(100% - 200px)}
.ekus-news-header {height:25px;line-height:25px;padding:0 10px; width:calc(100% - 20px); font-weight:bold; border-bottom:1px solid #ff9800; background-image: linear-gradient(to bottom, #fff8e1 0%, #ffecb3 100%)}
.ekus-news-content {height:150px; background-color: #fff8e1; padding: 5px; overflow-y: auto}
.ekus-news-file-item {line-height:30px; cursor: pointer;padding-left: 30px; background-image: url(../images/ico30_form.png); background-repeat: no-repeat; background-position-y: -30px;}
.ekus-news-file-item:hover {background-color: #ffecb3;background-position-y: 0px}

.block-header {background-color:#f0f0f0;height:45px;line-height:45px;padding:0 10px; width:calc(100% - 20px);border-bottom:1px solid #ddd; border-left: 2px solid #B2DD00; background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%)}
.block-content {padding:10px;min-height:115px;max-height:310px; overflow:hidden auto;}
.block-row {height:30px; line-height:30px;border-bottom:1px solid #f0f0f0; overflow:hidden}
.block-row span {padding:0 10px;width:calc(50% - 20px); display:inline-block;}
.block-row span.block-label {background-color: #f9f9f9;}
.block-row.summary {font-weight:400;background-color: #e9e9e9;}
.block-row.summary span.block-label {background-color: #e9e9e9;}
.block-row.dnl-file {cursor:pointer;padding-left:30px; background-image: url('../images/ico30_form.png'); background-repeat: no-repeat;background-position-y: -30px}
.block-row.dnl-file:hover {background-color:#f0f0f0; background-position-y:0}
.header-red {border-left-color: #E91E63}

.side-list {float:left; box-shadow: 0px 0px 7px 1px #ddd;}
.side-list-header {height:40px;line-height:40px; padding:0 5px 0 10px;background-color:#e0e0e0;position:relative}
.side-list-body {height:calc(100% - 40px);overflow-y:auto;background-color: #fff}
.side-list-item {padding:0 8px; border-bottom: 1px solid #ddd; font-size:0.95em;cursor:pointer;position:relative}
.side-list-item:hover {background-color:#f5f5f5} 
.side-list-item.folder {padding-left:35px;background:url("../images/ico30_folder.png") 0px 2px no-repeat}
.side-list-item.file {font-weight: 200; color:#426AFF}
.side-list-item.folder-up {background:#666 url("../images/ico30_return.png") 0 -90px no-repeat;height:30px; padding-left:30px; color: #ccc; line-height:30px}
.side-list-item.active {background-color:#666666; color:#fff;}
.side-list-item.active.folder {background-position:0px -90px}
.side-list.fixed-list {position:fixed;top:80px}
.side-list-item.conv-manager {background-image: url('../images/ico_manager_light.png'); background-position: 270px 50%; background-repeat:no-repeat}
.side-list-item.active.conv-manager {background-image: url('../images/ico_manager_dark.png'); background-position: 270px 50%; background-repeat:no-repeat}

.fl-name {line-height:35px; max-height:35px; max-width:240px; overflow:hidden}
.fl-info {line-height:35px; max-height:35px;}
.fl-counter {width:20px;line-height:35px;position:absolute; right:8px;top:4px;font-size:1em;font-weight:bold; text-align: center}

.bold_text {font-weight:bold}

.empty {font-size:1.1em; height:40px;line-height:40px; color:#999;padding:0 10px}

.messages-pane {vertical-align:top;margin-left:350px;position: relative;display:none;}
.messages-pane-header {min-height:40px;}
.messages-pane-header {min-height:40px;}
.msg-container {min-height:60px; margin-top: 8px;box-shadow: 1px 1px 2px #999;border-radius: 5px;border:1px solid #ddd}
.msg-container.ekus {margin-left:100px;background-color: #ebeffd}
.msg-container.klient {margin-right:100px;background-color: #f3f9f0}
.msg-header {
    padding:0 10px 0 8px;
    height:30px;
    line-height:30px;
    font-size: 0.85em;
    background-color: transparent ;
    border-bottom:1px solid #b8bdc6;
    position:relative;
    transition: all 0.5s ease}
.msg-author {display: inline-block; height:30px; line-height: 30px;}
.msg-header.ekus {color: #37518c}
.msg-header.klient {color: #4b8117}
.msg-body {padding:5px 10px;border-left:1px solid #ccc}
.msg-header.message-unread > .ekus-indicator {background:#4b8117}
.msg-header.message-read > .ekus-indicator {background:transparent}
.klient-indicator {display: inline-block; top:calc(50% - 5px);width:8px; height:8px;border-radius:8px;border:1px solid #999}
.msg-header.message-unread > .klient-indicator {}
.msg-header.message-read > .klient-indicator {}
.msg-body {padding:5px 10px;border-left:1px solid #ccc}
.message-unread {font-weight:bold;}
.manual-read {cursor: pointer}

.message-entry-pane { margin-bottom:10px;border: 1px solid #b3b409}
.messages-pane textarea {width:calc(100% - 20px); height:auto; min-height:60px;padding:10px; border: 0;outline:none; resize: vertical}
.message-sending-pane {height:40px;background:#f0f0f0;position:relative;border: 1px solid #ddd;}
.message-send-button {width:50px; position: absolute;top:0px; left:4px;margin-top:3px}
.message-sending-status {line-height:40px;padding-left:90px; color:#666;display:none}
.message-sending-status.success {color:#619a1f}
.message-sending-status.fail {color:#E91E63}
.messages-conversation-title {font-size:1.6em;}
.messages-conversation-title span{font-size:0.6em;position: relative;top: -8px}
.messages-closed-by-info {color:#E91E63;}
.read-indicator {display:inline-block; width:8px; height:8px;border-radius:8px;border:1px solid #999; margin-right: 5px}
.message-unread {font-weight:bold;}
.message-unread > .read-indicator {background:#999}
.message-read > .read-indicator {background:transparent}
#conversation_close_button {margin-top:5px; position:absolute; top:3px;right:0}
.read-info {float:right; color:#999}
.message-file {position: relative; cursor: pointer; line-height:25px;margin:2px 3px; border:1px solid #ddd; background: #f5f9ff url('../images/ico_attachment2.png') 5px 50% no-repeat}
.message-file:hover {background-color: #fff}
.message-file-name {line-height:25px; padding: 0 0 0 25px;}
.message-file-remove {position:absolute; height:20px;width:20px; top:2px; right:2px;background:url('../images/ico20_trash.png') 50% 0 no-repeat; cursor:pointer}
.message-file-remove:hover {background-position: 50% -20px}
.message-file-download {position:absolute; height:20px;width:20px; top:2px; right:2px;background:url('../images/ico20_dnld.png') 50% 0 no-repeat; cursor:pointer}
.message-file-download:hover {background-position: 50% -20px}


.empty-result {width:100%;text-align:center; height:100px; line-height:100px;color:#999}

.section-add-button {height:35px; width:35px; background:url('../images/ico30_add.png') 50% -30px; cursor:pointer; margin-top:8px}

.file-dropbox-hint {position:absolute;width:100%;top:78px; left:0px;text-align:center; z-index:-1;font-size:1.2em;display:none}
.drag-over {background-color: #ebebeb; border-color: #999;}
.file-download {height:25px; width:25px;background: url('../images/ico25_dnld.png') 50% -50px no-repeat;cursor:pointer}
.file-download:hover {background-position: 50% -25px;background-color:#ddd }
.file-open-link {height:25px; width:25px;background: url('../images/ico_open_link_25.png') 50% -25px no-repeat;cursor:pointer}
.file-open-link:hover {background-position: 50% 0;background-color:#ddd }


.upfiles-list {padding: 5px; border-bottom: 1px solid #ddd; position: relative; font-size: 1em; background-color:#fff}
.upfiles-list-icon {height:25px;width:25px;position:absolute;top:10px;background:url('../images/ico25_upld.png') 50% 0 no-repeat} 
.upfiles-list-body {height:100%; width: auto; padding-left:35px}
.upfiles-list-progress {height:2px;width: 0px; position:absolute; bottom:0px;left:0px;background-color:#b3b409}
.upfiles-list-delete {height:20px; width:20px;position:absolute;right:5px;top:10px; background:url('../images/ico20_trash.png') 50% -20px no-repeat; cursor:pointer}
.upfiles-desc {color:#b3b409;; font-size:0.95em}
.upfiles-spinner {position:absolute; top:10px; right:30px; border: 3px solid #f3f3f3; border-top: 3px solid #838383; border-radius: 50%; width: 20px; height: 20px; animation: spin 2s linear infinite; display:none}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.dash-detail-row {padding:3px 0; border-bottom:1px solid #ddd; position: relative; height: 35px}
.dash-detail-line {display:inline-block; width: calc(100% - 40px); line-height: 35px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.dash-detail-line1 {display:inline-block; width:300px}
.dash-detail-amount {position:absolute; font-weight:bold; height:30px;right:45px;top:12px}
.dash-detail-line2 {width:100%}
.invoice-detail-qr {cursor:pointer; height:30px; width:30px;position:absolute; top:6px;right:0px; background-image:url('../images/ico30_qr.png');background-position-y: -60px;}
.invoice-detail-qr:hover {background-position-y:0}
.inline-info {cursor: pointer; height: 25px; width: 25px; display: inline-block; margin-top: 4px; margin-left: 4px; vertical-align: top; background-image: url(../images/ico25_info.png); background-position-y: -50px;}
.inline-info:hover {background-position-y:-25px}
.invoice-detail-dialog#invoice_detail {position: absolute;right: 25px;top: 110px;}
.vat-invoice-list {height:270px; overflow-y:auto}
.vat-invoices-summary {height:30px;background-color:#f0f0f0}
.vat-invoices-summary span {line-height:30px; font-weight:bolder;padding:0 3px}
.vat-invoices-sums {display:inline-block;width:110px;float:right;text-align: right}

.dialog {display:none}
.ui-dialog {position:absolute;background:white; -moz-box-shadow:0 0 8px 0 black; -webkit-box-shadow:0 0 8px 0 black;box-shadow:0 0 8px 0 black;display:none;z-index:2000;}
.ui-widget {list-style: none outside none;}
.ui-widget-overlay {background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;height: 100%;width: 100%;}
.ui-dialog-titlebar {width:100%; height:40px;background:#EFEEEB;line-height:40px; font-size:1.3em;border-bottom:1px solid #ddd}
.ui-dialog-title {padding-left: 15px; overflow: hidden; width: 84%; max-height: 30px; display: inline-block;}
.ui-dialog label {width:140px;display:inline-block;vertical-align:top;color:#555; font-size:0.85em}
.ui-dialog-content {padding:20px;}
.ui-dialog-content label {width:125px;display:inline-block;vertical-align:top;}
.ui-dialog textarea {width:100%; min-height:60px;}
.ui-dialog-titlebar-close { width:25px; height:30px; display:inline; cursor:pointer; float:right}
.ui-button-icon-only {background:url("../images/x2.png") 50% 50% no-repeat;text-indent:-99999px; outline:none}
/*.ui-icon-closethick {background-image:url('../images/x1.png')}*/
.ui-dialog-buttonpane {width:100%;height:30px;margin-top:10px;padding:5px 0;}
.ui-button {font-size:0.9em;height:40px;min-width:40px; border:0px solid transparent;cursor:pointer;display:inline-block; margin: 0;text-align:center}
.ui-helper-hidden-accessible {display:none}
.ui-tooltip{padding:8px;  font-size:1em;  font-weight:300;position:absolute;z-index:9999;max-width:350px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 3px #aaa;background-color:#fff}

.web-dialog .ui-dialog-buttonpane {width:400px;margin:0 auto;text-align:right;}
.web-dialog div input {max-width:calc(100% - 20px); height:30px;font-size:1.1em;padding:0 10px 0 160px;border:1px solid #ddd}
.web-dialog div select {max-width:calc(100% - 20px);height:32px;font-size:1.1em;padding:0 10px 0 160px;border:1px solid #ddd}
.web-dialog div select#c_adresat {max-width:calc(100% - 20px);height:32px;font-size:1.1em;padding:0;margin-left:137px; border:1px solid #ddd}
.web-dialog div label {line-height:30px;height:30px;padding-left:10px;position:absolute; background-color:#f0f0f0;top:1px; left:1px}

.file-error {position:absolute;right:50px;bottom:8px;color: #be2626}

.dialog-input {margin-bottom:7px;position:relative}
.dialog-input span {width:190px;height:30px;display:inline-block;padding-left:160px;line-height:30px}
.dialog-buttons {width:100%;height:30px; margin-top:30px;}
.dialog-button {display:inline-block;line-height:35px;padding:0 25px;margin:0 auto;cursor:pointer; background-color:#fff;border:1px solid #ccc}
.dialog-button:hover {background-color:#efefef}
.dialog-button.master {font-weight:bolder;background-color:#b3b409;color:#222;border:0}
.dialog-button.master:hover {background-color:#b3b409;}
.dialog-button.disabled, .dialog-button.disabled:hover {background-color:#bbb;color:#888}

.dialog-tabs {height:25px; border-bottom:1px solid #ccc; margin-bottom:10px;}
.dialog-tab {display:inline-block;padding:0 8px;height:25px;line-height:25px;cursor:pointer;border:1px solid transparent}
.dialog-tab:hover {color:#426AFF}
.dialog-tab.active {color:#426AFF;border:1px solid #ccc;border-bottom:1px solid #fff;background-color:#fff}
.dialog-tab-content {display:none}
.f-group {border-bottom:1px solid #ddd;margin-bottom:7px;clear:both}

.section-body table {font-size:1em}
.section-body table tr {background-color: #fff}
tbody td {padding:0 5px}
tbody td.amount {text-align:center}
tbody td.amount-right {text-align:right}
.section-body tbody tr {line-height:35px;border-bottom:1px solid #e0e0e0}
.section-body tbody tr:hover {background-color:#f0f0f0}
.show-lock {background:url('../images/icon_lock.png') 3px 50% no-repeat}
thead th {line-height:25px;background-color: #e1e1e1;font-weight: 600}
thead th:first-of-type {padding-left: 8px}
thead th:last-of-type {padding-right: 8px}

.th-right {text-align: right}
.th-center {text-align: center}
.th-left {text-align: left}

.section-filter{background-color: #f9f9f9; margin-top: 0px; margin-bottom: 10px; line-height: 35px;padding: 0 10px 10px 10px; position: relative}
.section-filter h3 {font-size:1.2em; padding: 0 10px; margin-right:5px; background-color:#e0e0e0}
.section-filter label {display:block;line-height:15px}
.filter-item {display:inline-block; line-height:30px; padding: 4px 6px; border-bottom:1px solid transparent; color:#888}
.filter-item.active {border-color: #555;color:#000}
#cancel_all_filters {float: right; margin-top: 15px; display:none}
#apply_filters {float: right; margin-top: 15px; margin-left: 10px; display:none}
.clear-filter {display:inline-block;font-size:1.5em;width: 20px;text-align: center; height: 27px; vertical-align: middle; position: relative; right: 3px;}
.clear-filter span {width:100%; height: 100%; background-color: #eee; color: maroon; display:none; cursor:pointer}
.no-items-to-list {color: #b1b42b; font-size:1.1em; padding: 0; margin: 0; width: 100%; height: 40px; line-height: 40px; font-weight: 600; padding-left: 5px;}

tr.edit-link {cursor:pointer}
tr.edit-link:hover {background-color:#f0f0f0}
tr.edit-link:hover th {background-color:#e0e0e0}
tr.edit-link th {color:#888;background-color: #f6f6f6;}
tr.edit-link.today {background-color:#f0f0f0;}
tr.edit-link.today th {background-color:#e0e0e0; color: olive}

#faktury_table, #doc_table {width:100%;border-collapse:separate; border-spacing: 0 5px}

.h-line {height:5px;padding:10px 0; width:100%; border-bottom:1px solid #aaa}
.footer, .pusher {height:60px}
.footer {width:100%; line-height:60px;text-align:center;background-color:rgba(0, 0, 0, 0.50);color:#fff;position:relative;z-index:999}
.fixed{top:70px; position:fixed; width:auto; display:none; border:none;z-index: 998;border-collapse: separate; border-spacing: 0}

.cell-indicator {height: 25px; width: 2px; background-color: #ddd; float: left; margin: 5px; margin-left: -3px;}
.cell-indicator.red {background-color: #E91E63}
.cell-indicator.green {background-color: #B2DD00} 
tr.red {background-color: #eadde1}
tr.green {background-color: #deeadd}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 41px;
  height: 42px;
  margin: 4px;
  border: 4px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #ccc transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.material-icons-outlined.icon-blue {color: #37518c}
.material-icons-outlined.icon-green {color: #a2bb17}
.material-icons-outlined.icon-light-blue {color: #b0bbd3}
.material-icons-outlined.icon-grey {color: #aaaaaa}
.material-icons-outlined.icon-purple {color: #8e24aa}
.material-icons-outlined.md-12 { font-size: 12px; }
.material-icons-outlined.md-22 { font-size: 22px; }
.material-icons-outlined.md-18 { font-size: 18px; }
.material-icons-outlined.md-15 { font-size: 15px; }