/* CSS Document */
@import url('portal_mzdy_desktop.css') only screen and (min-width:801px);
@import url('portal_mzdy_mobile.css') 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:#f9f9f9; font: 13px 'Open Sans', sans-serif, Helvetica, Arial;}
.wrapper {width:100%;position:relative;min-height:100%;margin-bottom:-60px }
.wrapper.login {background:url('../images/bg06.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/logo.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}

.button {height:32px;line-height:32px; font-size:1em;display:inline-block;text-align:center; padding:0 10px;border:1px solid #ccc; cursor:pointer;background-color: #fff}
.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; font-size:1em;background:#b39ddb;color:#fff; display:inline-block; padding:0 10px; cursor:pointer;}
.button.master:hover {background:#A3A409;color:#fff;}
.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#cancel_filters {}
#add_doc_button {float:right;margin-top:6px;font-size:0.78em; }
#add_doc_button:hover {background-position:3px -90px}
#add_conversation_button {float:right;margin-top:3px;}
#add_conversation_button:hover {background-position:3px -90px}
#show_unpaid_invoices_button {margin:8px 0px}

.login-form .button {height:45px;width:75px;line-height:45px; border:0; text-align:center;background:#4db6ac;margin-top:10px; cursor:pointer; padding:0 15px}
.login-form .button:hover {background-color:8565bd;}
.login-form {background-color:rgba(38, 38, 38, 0.75);width:100%;}
.login-form-header {padding:1px 20px;background-color:#4db6ac}
.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}

.accountant-info {width:100%;margin-bottom:20px;}
.accountant-detail {padding:10px;margin-right: 15px;vertical-align: top;border:1px solid #cdc7bb; display:inline-block;text-align:center}

.file {heigt:30px;width:calc(100%-20px); line-height:30px; background-color: #f0f0f0; margin:3px 0; padding-left: 20px; cursor:pointer}
.file:hover {background-color:#E0E0E0; color: #3f726d}

.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 #4db6ac}
.section-title-functions {height:50px;line-height:50px; margin-right: 5px;position:absolute;right:0px;top:0px}
.section-functions {margin-top:2px}
.section-body {}


.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}

.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 }
.block-content {padding:10px;min-height:115px}
.block-row {height:30px; line-height:30px;border-bottom:1px solid #f0f0f0}
.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;}
.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}
.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;}
.msg-container {min-height:60px; margin-top: 5px}
.msg-header {padding:0 10px 0 25px;height:30px; line-height:30px;background-color: #f1f1f1;border-left:2px solid transparent;position:relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease}
.msg-header.ekus {border-color:#426aff}
.msg-header.klient {border-color:#b5e426}
.msg-body {padding:5px 10px;border-left:1px solid #ccc}
.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 {position:absolute; left: 8px; top:calc(50% - 5px);width:8px; height:8px;border-radius:8px;border:1px solid #999}
.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; line-height:25px;margin:2px 3px; border:1px solid #ddd; background: #fdfff5 url('../images/ico_attachment2.png') 5px 50% no-repeat}
.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); }
}

.invoice-detail-row {width: 350px; padding:3px 0; border-bottom:1px solid #ddd}
.invoice-detail-number {display:inline-block; width:300px}
.invoice-detail-amount {display:inline-block; font-weight:bold; text-align:right}
.invoice-detail-due {width:100%}

.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}
/*.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;background-color:#fff}
tbody td {padding:0 5px}
tbody td.amount {text-align:center}
.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}

.section-filter{background-color: #f0f0f0; 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: 0 10px; border-bottom:1px solid transparent; cursor:pointer; color:#888}
.filter-item.active {border-color: #555;color:#000}
#cancel_filters {display:none}
.clear-filter {display:inline-block;font-size:1.5em;width: 20px;text-align: center;vertical-align: bottom;}
.clear-filter span {width:100%; display:none}

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}

.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;}

.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}