/* CSS Document */
body {width:100%; margin:0; background:#fff; font: 13px 'Open Sans', sans-serif, Helvetica, Arial;}
.wrapper {width:100%;max-width:100%}
.wrapper.login {background:url('../images/bg17.jpg') 50% 50% no-repeat;background-size: cover ;height:100%;position:absolute; }

input, textarea, select {font: 13px 'Open Sans', sans-serif, Helvetica, Arial;}
.right{float:right}
.header {height:50px; width:100%; background: #384c78;position:fixed; z-index:999}
.logo {height:50px;width:150px; background:url('../images/logo03.png') 0 50% no-repeat; position:absolute; left:15px}
.tick-box {display:inline-block;width:30px;border:1px solid #ccc;position:absolute; left:100px}
.navig {height:100%;position:absolute; left:170px}
.navig ul {padding:0; margin:0 ;list-style:none;}
.navig ul li {position: relative; height:47px;line-height:47px; border-bottom:3px solid transparent; cursor:pointer; display:inline-block; margin:0 1px}
.navig ul li a {color:#ddd;text-decoration:none;display:block;height:100%;padding:0 15px;}
.navig ul li:hover {border-bottom:3px solid #fff; }
.navig ul li:hover a {color:#fff}
.navig ul li.active {border-bottom:3px solid #abc230; color:#fff; background-color: #5f73a9}
.navig ul li.active a {color:#fff}

.navig-counter { position: absolute;
    background-color: #dfff53;
    color: #000;
    top: 6px;
    right: 3px;
    font-size: 8px;
    font-weight: bold;
    text-align: center;
    min-width: 11px;
    height: 13px;
    border-radius: 4px;
    line-height: 13px;
    padding: 0 1px;
    display: none}

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

.h-sum {display:inline-block;margin-left:45px;height:46px;line-height:46px;}
.h-sum-amount {display:inline-block; padding:0 10px; margin-right:10px; border-right:1px solid #ddd}
.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:#f0f0f0;}
.button.disabled {background:#ddd;color:#555;cursor:default;}
.button.master {height:32px;line-height:32px; font-size:1em;background:#426AFF;color:#fff; display:inline-block; padding:0 10px; cursor:pointer;}
.button.master:hover {background:#325aef;color:#fff;}

.inline-button {display:inline-block;text-align:center;border:1px solid #ccc; cursor:pointer;background-color: #fff}
.inline-button.disabled {cursor: default}
.inline-button.disabled span {color: #aaaaaa !important}
.inline-button:not(.disabled) {cursor:pointer}
.inline-button:not(.disabled):hover {background:#f0f0f0;}


.logged-user {height:50px; line-height:50px; font-size:14px;  color:white; position:absolute; right:20px}
.logout {height:25px;line-height:25px;background-color:#5f73a9;color:#fff;margin-left:10px;padding:0 10px;display:inline-block;cursor:pointer}
.logout:hover {color:#426AFF;background:#fff;}

.login-form {width:300px; margin:30px auto; padding:140px 20px 20px 20px;background-repeat: no-repeat; background-color: rgba(255,255,255,0.4);background-image:url('../images/login_mngr.png'); background-position: 50% 30px; background-repeat:no-repeat }
.login-form p {color:#999;position:relative;margin-bottom:0}
.login-form span {color:#555 ;position:absolute;display:block;line-height:35px;padding:0 10px;background-color:#ddd;border:1px solid transparent}
.login-form input {width:225px;height:35px;margin-bottom:15px; font-family:'Open Sans';padding:0 5px 0 65px;border:1px solid #aaa}
.login-form .button {height:45px;border-radius:5px; line-height:45px; text-align:center;background-color:#4561a1;color:#fff;font-family:'Open Sans'; display:block; margin-top:15px;cursor:pointer}
.login-form .button:hover {background-color:#1f3d82;}
.error-login {color:#ffd9ca;height:35px;line-height:35px;text-align:center;padding:0 10px;}

.function-bar {height:46px; line-height:46px;box-shadow:0 2px 8px #efefef; border-bottom:1px solid #ccc; position: fixed; width: 100%; z-index: 999; background-color: #fff;}
.function-bar-body {padding-left:15px}
.function-bar select {height:34px; padding:0 5px}
.f-button {height:32px;line-height:32px; font-size:1em;background:#4561a1;color:#fff; display:inline-block; padding:0 10px;border:1px solid #CCC; margin-top:6px; cursor:pointer;}
.f-button:hover {background:#1f3d82;color:#fff;}
.f-button.disabled {background:#ddd;color:#555;cursor:default;}
.f-button.grey {background-color:#f1f1f1;color:#000;}
.f-button.grey:hover {background-color:#d1d1d1;color:#000;}

.file-dropbox {width:500px; min-height:150px;background-color:rgba(232,232,232,0.5); margin-bottom:20px; border: 2px dashed #ccc;position:relative}
.file-dropbox-hint {position:absolute;width:100%;top:78px; left:0;text-align:center; z-index:-1;font-size:1.2em;display:none}
.file-dropbox-hint {position:absolute;width:100%;top:78px; left:0;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 }

.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; max-width:85%;overflow:hidden}
.upfiles-list-progress {height:2px;width: 0px; position:absolute; bottom:0px;left:0px;background-color:#426AFF}
.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:#426AFF;; 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); }
}

.functions-more {display: inline-block; float: right; position: relative; top: 0px; right: 10px;}
.functions-more label {margin:0 10px;}
.functions-more input, .functions-more select { height:28px;padding:0 5px}

.content-body {padding-top:50px}
.content-pane {padding:10px;padding-top:60px}
.content-pane.reporting, .content-pane.tasks {padding-top:15px}

.table-holder {}
.data-table {margin:0px 0 40px  0; border:0;border-collapse:collapse;font-size:0.9em;}
.data-table.full-width {width:100%}
.data-table td, .data-table th {height:30px;padding:0 5px;white-space:nowrap;position:relative;max-width: 400px; overflow: hidden;text-overflow: ellipsis;}
.data-table tbody tr {border-bottom:1px solid #a0a0a0}
.data-table tbody tr:hover {background:#F7F7F7}
.data-table th {background:#c7d4eb;min-width:30px}
.data-table th.headerSortUp {background-image: url('../images/asc.gif');background-color:#96A4B8;background-repeat: no-repeat;background-position: center right;  }
.data-table th.headerSortDown {background-image: url('../images/desc.gif');background-color:#96A4B8;background-repeat: no-repeat;background-position: center right;  }
.data-table th.extended {background-color:#ccc; text-align:right;font-weight:bold;font-size:0.9em}
.data-table td.extended {background-color:#f1f1f1;text-align:right;font-weight:bold;font-size:0.9em}
.task-data-table td {max-width: 400px; overflow: hidden;text-overflow: ellipsis;}

.page-loading {}

.company-name {text-align:left;max-width:220px;overflow:hidden;text-overflow:ellipsis;position:relative}
.with-status {padding-left:18px !important}
.company-status-color {height:30px;width:10px; position:absolute; top:0px;left:0px;}
.company-dialog-status {height:30px;width:100%;margin-bottom:15px;background-color:#F0F0F0; cursor: pointer}
.company-dialog-status:hover {background-color: #E6F0FF}
#t_status_barva {height:30px;width:30px; display:inline-block; margin-right:10px;}
.company-dialog-status-text {height:30px;line-height:30px;width:300px;display:inline-block; overflow:hidden}

.cell-button {display:block;position:absolute; right:0px;bottom:2px;background-color:#DBDBDB;padding:0px 5px;font-size:0.9em; cursor:pointer}
.cell-button:hover {background-color:#CBCBCB;color:#426AFF}
.amount {text-align:right;width:50%; height:30px;line-height:30px; vertical-align:top; display:inline-block;font-size:0.9em}
.border-right {border-right:1px solid #ddd}
.border-left {border-left:1px solid #ddd}

.note-pixel {position:absolute;right:0;top:0;width:6px;height:6px;background-color:#426AFF}

.format-button {width:20px; height:20px;background:url('../images/icon_bookmark.png') 0 -20px no-repeat;position:absolute;left:-2px;top:-2px;cursor:pointer; display:none}
td:hover .format-button {display:block;}
.format-cell-colours {margin:0 auto}
.colour-picker {display:inline-block; height:20px; width:20px; border:1px solid #ccc; cursor:pointer}
.colour-picker.active {background-image: url("../images/icon_tick.png");background-position: -5px -5px}
.colour-picker.none {background-image:url('../images/x3.png');background-position: 50% 50%}

.gray {background-color: lightgray}
.beige {background-color: #F5EDD9}
.blue {background-color: lightskyblue}
.seagreen {background-color: #50d8d1}
.green {background-color: lightgreen}
.yellow {background-color: #fff176}
.orange {background-color: #ffc107 !important}
.red {background-color: lightpink}
.purple {background-color: plum}
.beige {background-color: beige}

.cell-edit {cursor:pointer}
.cell-edit:hover {background-color:#D8E0FB; color:blue}
.perf-span {display:inline-block;margin:0 2px;min-width:20px;text-align:center;border-right:1px solid #eee}
.assign-span {display:inline-block;margin:0 2px;min-width:30px;text-align:center}
.user-code {display:inline-block;height:19px;width:19px;line-height:19px; text-align:center;border:2px solid #aaa;border-radius:19px;font-weight:600;font-size: 10px}
.perf-enabled {background-color:#eee}
.perf-locked {background-color:transparent; background-image: url('../images/icon_lock.png'); background-position: right 2px; background-repeat: no-repeat;}
.perf-locked.unpaid {color:#E91E63}
.perf-locked.paid {color:#619a1f}
.perf-locked.unlockable {cursor:pointer}
.for-invoicing {background-color: #eee;cursor:pointer; overflow: unset !important;}
.for-invoicing:hover {background-color:#D8E0FB}
.bg-light-blue {background:#E6F0FF}
.show-ddop {position:absolute;background:#DDE4FF;display:none;left:0;top:30px;z-index:9;width:120%; border-top:1px solid #426AFF}
.show-ddop>span {padding:5px;display:block}
.show-ddop p {margin:5px 0;border-bottom: 1px solid #aaa;white-space:initial}
.show-ddop p:last-of-type {border:0;}
.to-inv-item {display:inline-block; width: 35px}
.clearer {height:1px; clear:both}

.edit-link {color:blue;cursor:pointer}
.edit-link:hover {background-color:#e5edf7}
.edit-link.active {background-color:blue;color:white}
.edit-row {cursor:pointer}

.salary-item {padding-right: 8px; height: 30px; line-height: 30px;}

.side-list {width:230px; height:calc(100% - 120px); position:fixed; display:inline-block; box-shadow: 0 0 7px 1px #ddd;}
.side-list-header {height:40px;line-height:40px; padding:0 10px;background-color:#37518c}
.side-list-header span{color:#fff}
.side-list-body {height:calc(100% - 40px);overflow-y:auto;}
.side-list-body#conversations_list {height:calc(100% - 70px);overflow-y:auto;}

.side-list-item {padding:2px 8px;position:relative; border-bottom: 1px solid #ddd; font-size:0.85em;cursor:pointer;}
.side-list-item:hover {background-color:#f5f5f5}
.side-list-item.active {background-color:#c7d4eb; color:#000 !important;}
.side-list-item > div {}
.list-item-unread-logs {display:none; position: absolute; right: 8px; top: calc(50% - 8px); height: 15px; min-width: 15px; line-height: 15px; font-size: 9px; font-weight: bold; background-color: #b3d12e; color: #000; text-align: center; border-radius: 7px;}
span.list-icon {line-height: 100%;vertical-align: middle;  display: inline-block; margin-right: 10px;}

.fl-name {line-height:20px; max-height:20px; max-width:210px; overflow:hidden}
.fl-info {line-height:20px; max-height:20px;margin-right: 60px; overflow:hidden}
.fl-counter {height:15px;width:15px; line-height: 15px; position:absolute; background-color: #d7f162; color:#000; border-radius:6px; right:3px;top:4px;text-align:center; font-size:9px; font-weight:bolder; box-shadow: 0 0 3px 0px #888}
.fl-date {height:20px;line-height:22px;position:absolute; right:0;top:20px;padding:0 5px; font-size:1em;}
.fl-draft {height:25px;width:25px;position:absolute; right:20px;top:0;padding:0px;  }
.fl-draft.edited {background-image: url('../images/ico25_edit.png')}
.fl-flag {height:12px;width:12px;position:absolute; right:50px;top:5px;padding:0; border-radius:6px; background-color:#D0D0D0  }
.fl-flag:hover {background-color:#999}

.side-list-dialog {width:50%;float:left}
.side-list-dialog .side-list-item {font-size:1em; line-height:30px}

.side-list.reporting {width:300px}
.side-list-item.reporting {line-height:30px}

.side-list.tasks {width:220px}
.side-list-item.tasks {line-height:30px}
.side-list-separator {height:20px; background: #38518c; padding: 8px; color: #fff; margin-top: 19px;}

.side-list.conversation_list {width:300px}
.side-list .no-conversations {font-size:1.1em; height:40px;line-height:40px; color:#999;padding:0 10px}
.side-list-item.conv-manager {background-image: url('../images/ico_manager_50.png'); background-position: 170px 50%; background-repeat:no-repeat}
.side-list-item.active.conv-manager {background-image: url('../images/ico_manager_50.png'); background-position: 170px 50%; background-repeat:no-repeat}
.messages-pane {vertical-align:top;margin-left:320px; max-width: 60%;position: relative;display:none;}

.report-pane {vertical-align:top;margin:0 15px 0 320px;}
.report-filter-pane {width:100%; display:none}
.report-output-pane {width:calc(100% - 8px);background-color:#D0D0D0;display: none;height:calc(100% - 120px); padding:10px}
.report-actions-strip {width:100%;height:46px;padding:0 6px; background-color: #efefef;border-bottom: 1px solid #8a8a8a;display:none}
.report-filter-content {padding:10px}
.report-content {margin:10px;padding:10px 20px; min-height: 500px; background-color: #fff;}

.filter-conversations {margin: 5px 0}
.filter-conversations input {width:98%}
.active-filter-notification {width:98%; background-color: #ffc0d0; color: #79052c;padding: 5px 5px; text-align: center; font-size: 0.8em; font-weight: bold; display:none}

.report-table { border:1px;border-collapse:collapse;font-size:0.95em}
.report-table td,.report-table th {height:25px;padding:0 5px;white-space:nowrap;position:relative}
.report-table th {background: #555;color:#fff;min-width:30px}
.report-table tr {border-bottom:1px solid #ccc}
#print_report_button {display:none}
.report-now-generating {height:46px; line-height:32px;padding-left:40px;margin:10px 20px;font-size: 1.1em; display:none}
.report-footer {border-top: 1px solid #ccc; margin-top: 30px; font-style: italic; color: #999;}

.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}
.ekus-indicator {display: inline-block; top:calc(50% - 5px);width:8px; height:8px;border-radius:8px;border:1px solid #999}
.msg-header.message-unread > .ekus-indicator {background:#4b8117}
.msg-header.message-read > .ekus-indicator {background:transparent}
.klient-indicator {display:inline-block;vertical-align: middle; position:absolute;right: 5px;top: 7px;}
.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 #38518c}
.messages-pane textarea {width:calc(100% - 20px); height:auto; min-height:60px;padding:10px; border: 0;outline:none; resize: vertical}
.message-sending-pane {min-height:40px;background:#f0f0f0;position:relative;border: 1px solid #ddd; padding-bottom: 2px;}
.message-send-button {width:50px; margin:3px 0 0 4px}
.message-add-file-button {margin:3px 0 0 4px}
.message-sending-status {line-height:40px;position:absolute;top:0;right:10px; 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.65em;position: relative;top: -8px; color: #7078d0;font-weight:700}
.messages-closed-by-info {height:30px; line-height:30px;color:#E91E63;display:block}

#conversation_close_button {margin-top:5px; position:absolute;top:0;right:0}
#conversation_close_button.enabled {}
.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}

.doc-download {cursor: pointer; height: 20px; width: 20px;line-height:25px;margin:2px 3px; background: #f5f9ff url('../images/ico20_dnld.png') 0 0 no-repeat; position:relative; left: 35px}
.doc-download:hover {background-position: 50% -20px}

.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(127, 127, 118, 0.8);position: fixed;top: 0;left: 0;height: 100%;width: 100%;}
.ui-dialog-titlebar {width:100%; height:40px;background:#384c78;color:#fff;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:100px;display:inline-block;vertical-align:top;color:#000; font-size:0.85em}
.ui-dialog-content {padding:20px;}
.ui-dialog-content label {width:85px;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-dialog-buttonpane {width:100%;height:30px;margin-top:10px;padding:5px 0;}
.ui-button {font-size:0.9em;height:40px;min-width:40px; border:0 solid transparent;cursor:pointer;display:inline-block; margin: 0;text-align:center}
.ui-helper-hidden-accessible {display:none}
.ui-tooltip{white-space: pre-line;padding:8px;  font-size:1em;position:absolute;z-index:9999;max-width:350px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 3px #aaa;background-color:#f7ffd7;color:#000}

.web-dialog .ui-dialog-buttonpane {width:400px;margin:0 auto;text-align:right;}
.web-dialog div input:not([type='checkbox']) {min-width:150px;height:30px;font-size:1.1em;padding:0 10px 0 105px;border:1px solid #ddd}
.web-dialog div input.with-sign {;padding-left:110px;}
.web-dialog div input.with-disk-letter {;padding-left:119px;}
.web-dialog div select {min-width:282px;max-width: 100%;height:32px;font-size:1.1em;padding:0 10px 0 120px;border:1px solid #ddd}
.web-dialog div label {line-height:30px;height:30px;padding-left:10px;position:absolute; background-color:#e6edf9;top:1px; left:1px}

.web-dialog-2 input:not([type='checkbox']) {min-width:150px;width:100%;height:25px;outline: none;border:none; border-bottom:1px solid #aaa}
.web-dialog-2 input.editable {cursor: pointer;}
.web-dialog-2 select {min-width: 150px; width:100%; height:30px; border:0px; border-bottom:1px solid #aaa; outline: none}
.web-dialog-2 label {color: #2967b9; width: 100%}
.web-dialog-2 input:disabled {color:#8a8a8a; border:0}
.web-dialog-2 select:disabled {color:#8a8a8a; border:0}
.web-dialog-2 .dialog-top-row {margin: 0 0 25px 0}
.web-dialog-2 input.error, .web-dialog-2 select.error {border-color:#e91e63}

.task-comments-pane {width:100%; height:350px;}


.dialog-input {margin-bottom:10px; position:relative}
.new-dialog-input {margin-bottom: 14px}
.dialog-input-field {width: 100%; padding: 1px 2px 6px 2px; outline: none; border: none;  margin-bottom: 8px;color:#999;min-height:1em}
.dialog-input-field.editable {border-bottom: 1px solid #aaa;color: #444444; cursor: pointer}
.dialog-input-field.error {border-color:#e91e63}
.input-field-actions {position:absolute; right:-2px; bottom:-22px; display: none; font-weight: bold}
.field-action { cursor: pointer; height:22px; width:22px; line-height: 22px !important; font-size:0.8em; margin-left:0px; background-color: #4561a1; color: #fff; text-align: center; display: inline-block; border-radius: 0 0 4px 4px;}
.field-action:hover {background-color: #1f3d82; color: #fff}
.field-action.action-cancel {background-color: #999;}

#edit_summary { font-weight:bold; font-size:15px;min-height:15px}

.dialog-inputs-column {width:50% }
.dialog-inputs-column.left {float: left}
.dialog-inputs-column.width1-3 {width: 33%}
.dialog-inputs-column.width2-3 {width:60%}
.dialog-inputs-column.width3-3 {width:100%}

.dialog-top-toast-holder {height: 30px; position: absolute; top: 41px;  width: 400px; left: calc(50% - 200px);}
.top-toast {display:block; height:100%; width:100%;line-height: 30px;padding: 0 10px; text-align: center;font-weight: bold}
.top-toast.green {background-color: #c5e1a5;color: #2e7d32}
.top-toast.blue {background-color: #bbdefb; color:#37518c}
.top-toast.red {background-color: #ffc0d0; color:#ad1457}


.input-sign {position:absolute;top:0; left:100px;line-height:30px}
.dialog-buttons {width:100%;height:30px; margin-top:30px;}
.dialog-button {display:inline-block;line-height:35px;padding:0 15px;margin:0 auto;cursor:pointer;background-color:#fff;border:1px solid #ccc}
.dialog-button:hover {background-color:#efefef}
.dialog-button.master {font-weight:600;background-color:#4561a1;color:#fff}
.dialog-button.master:hover {background-color:#1f3d82;}
.dialog-button#action-login {}
.dialog-button.disabled {cursor: progress; background-color:#e0e0e0 !important; color:#999}
.dialog-button>.material-icons-outlined {vertical-align: middle; position:relative; top:-1px}

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

.dialog-footer {width:100%; min-height:40px}
.dialog-error {min-height:30px;width:100%;display:none;background-color:#ffc0d0}
.dialog-error-text {display:block; padding:8px 10px}

#export_agenda_years {height:180px; overflow: auto;margin-bottom: 10px}

.column-half {display:inline-block;}
.column-half label {width:55px}
.column-half input {padding:0 10px 0 140px !important;width:60px !important}
.payment-note {position:absolute;height:30px;width:25px;right:0; top:1px; background:url('../images/icon_info.png') 50% -30px no-repeat; cursor:pointer; display:none}
.payment-note:hover {background-position:50% 0}
.payment-note.active {background-position:50% -60px}
.vario-amount {position:absolute;height:30px;width:25px;left:75px; top:0;line-height:30px;font-size:0.8em;color:#666}

.input-error {background-color:#FFEAE9}
.input-inline-error {background-color:#FFEAE9}
.pwd-repeat {display:none}
.inactive {color:#aaa}

.wage, .paid {}
.dialog-list {width:100%;overflow:auto;margin-bottom:10px}
.dialog-list table {font-size:0.9em;width:100%;border-collapse:collapse}
.dialog-list table th{background-color:#ccc}
.dialog-list table tr{border-bottom:1px solid #ccc}
.dialog-list table tr.editable-row {cursor:pointer}
.dialog-list table tr.editable-row:hover {background-color:#eee;color:#426AFF}
.dialog-list table td{white-space:nowrap; overflow:hidden; padding:2px 3px;}

.dialog-list-item {height:30px;line-height:30px;width:100%;border-bottom:1px solid #ddd; position: relative}
.dialog-list-item.editable {cursor:pointer;}
.dialog-list-item.active {font-weight:bold;}
.dialog-list-item.editable:hover {background-color:#f7f7f7}
.dialog-list-item.editable:hover div {color:#325AEF}
.dialog-list-item div {display:inline-block;height:30px;line-height:30px;vertical-align:top;padding:0 10px}

.dialog-checklist-item {height:25px;line-height:25px;max-width:100%;border-bottom:1px solid #ddd; position: relative; padding-left:30px; cursor: pointer}
.dialog-checklist-item:hover {background-color:#eee;color:#426AFF}
.dialog-checklist-item.active {color:#426AFF; background-color: #e6edf9; background-image: url('../images/icon_tick.png');background-position-y: -32px; background-repeat: no-repeat}
.dialog-checklist-item.progress {color:#444444; background-color: #aaaaaa; background-image: url('../images/icon_tick.png'); background-position-y: -2px; background-repeat: no-repeat}
.dialog-checklist-item.success {color:#000; background-color: #fff; background-image: url('../images/icon_tick.png');  background-position-y: -92px; background-repeat: no-repeat}
.dialog-checklist-item.export-years.disabled {cursor: default}

.dialog-checklist-item span.doc-year {font-weight:bold}
.docs-export-status {padding-left: 15px; font-size: 0.9em;}

.docs-count {padding-left: 25px; color: #78909c;}
.export-dialog-status {display: inline-block; margin-top: 10px;}

.file-selector {height: 33px; display: inline-block; vertical-align: bottom; margin-left: 8px; width: calc(100% - 100px);line-height:30px}
.div-error {height:30px; line-height:30px; padding:0 10px; background-color:#FFEAE9;margin-bottom: 8px}
.cert-icon {height:30px; width: 30px; margin:0;padding:0; position:absolute; left:0;background-image: url('../images/ico30_cert.png');}
.eet-cert-block { margin:0;padding:0;position:relative; margin-bottom: 15px; background-repeat: no-repeat}
.cert-empty {background-position: 0 -30px}
.cert-valid {background-position: 0 -60px}
.cert-invalid {background-position: 0 -90px}
.eet-cert-info-block {position: relative;clear: both;height: 30px;display: inline-block; min-width: 500px;}
.eet-cert-info {height:30px;line-height:30px;position:absolute; left:50px; top:0}
.eet-error {height:30px;line-height:30px;padding:0 10px;border:1px solid #E91E63;  background-color:#ffeee8; color:#E91E63; margin-bottom:10px; display:none}

.fn-edit-button  {background:#F1EFE9; color:#888; float:right; padding:0 5px;cursor:pointer}
.fn-edit-button:hover {background-color:#D9D7D1}
.fn-edit-button.active  {color:#426AFF; font-weight:bold}

.pt-users-list {height:270px;overflow:auto}
.pt-users-item {height:30px;line-height:30px;width:100%;border-bottom:1px solid #ddd; cursor:pointer; position: relative}
.pt-users-item:hover {background-color:#f7f7f7}
.pt-users-item:hover .pt-user-name {color:#325AEF}
.pt-user-name {display:inline-block;height:30px;line-height:30px;vertical-align:top;}
.pt-user-active {display:inline-block;height:30px;line-height:30px;width:30px;background-image:url('../images/icon_tick.png');background-position:0 0; margin-right:15px}
.pt-user-active.full {background-position:0 -30px;}
.pt-user-active.no-module {background-position:0 0;}
.pt-user-active.no  {background-position:0 -60px;}
.pt-user-role {display:inline-block;height:30px;line-height:30px;vertical-align:top;position:absolute; left:300px;color:#999}
.pt-employee-docpath {display:block;height:30px;line-height:30px;position:absolute; right:35px;top:0;color:#666}
.pt-employees-list {height:320px;overflow:auto}
.pt-employee-delete {height:20px; width:20px; position:absolute; right:5px; top: 5px; background: url('../images/ico20_trash.png') no-repeat 0px 0px }
.pt-employee-delete:hover {background-position-y: -20px}

.switch {height:32px;position: relative;margin-bottom:15px}
.switch>label{position:relative;}
.cb-enable {margin-left:120px}
.cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url('../images/switch.gif') repeat-x; display: inline-block; float: left; cursor: pointer; }
.cb-enable span, .cb-disable span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; }
.cb-enable span { background-position: left -90px; padding: 0 10px; }
.cb-disable span { background-position: right -180px;padding: 0 10px; }
.cb-disable.selected { background-position: 0 -30px; }
.cb-disable.selected span { background-position: right -210px; color: #fff; }
.cb-enable.selected { background-position: 0 -60px; }
.cb-enable.selected span { background-position: left -150px; color: #fff; }
.switch input { display:none }

.tasks-data-pane {display:inline-block;vertical-align:top;margin-left:240px; width: calc(100% - 270px); height: calc(100% - 120px);position: fixed;overflow: auto;}
.tasks-grid-pane {height:100%;}
.task-grid-column {display: inline-table; width:calc(20% - 5px);margin-right: 5px; background-color: #edf0f6; height:100%}
.task-grid-column-header {width:100%; line-height:25px; text-align: center;background-color: #c7d4eb; font-size: 0.85em; font-weight: bolder; color: #444;}
.task-grid-column-body {}
.list-item-age {width: 5px; height:20px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.task-grid-column.past > .task-grid-column-header, .list-item-age.past {background-color: #f3c8d7;}
.task-grid-column.today > .task-grid-column-header, .list-item-age.today {background-color: #ffe0b2;}
.task-grid-column.tomorrow > .task-grid-column-header, .list-item-age.tomorrow {background-color: #ffecb3;}
.task-grid-column.later > .task-grid-column-header, .list-item-age.later {background-color: #c8e6c9;}
.task-grid-column.this_week > .task-grid-column-header, .list-item-age.this_week {background-color: #c7d4eb;}
.task-self-icon {display:inline-block;height:24px;width:19px;line-height:24px; text-align:center;vertical-align: middle}

#tasks_list_pane {display:none}
#tasks_grid_pane {display: none}
.box-task {min-height: 40px; background-color: #fff; margin: 5px; padding: 10px 5px; box-shadow: 1px 1px 3px #ccc; position: relative}
.box-task.unread-log {border-right: 2px solid #b7d142; background-color: #f9ffed}
tr.unread-log {border-left: 2px solid #b7d142;background-color: #f9ffed}
.box-task:hover {background-color: #f1f1f1; cursor: pointer}
.box-task-summary {margin-bottom: 5px; padding-bottom:5px; padding-left: 5px; width: calc(100% - 30px);}
.task-box .user-code {display: inline-block; width: 25px}
.box-task-due {display: inline-block; margin-left: 8px; vertical-align: bottom;color:#8598b9}
.due-title {font-size: 0.7em; line-height: 0.7em}
.due-date {font-size: 0.9em; line-height: 0.9em; display: block}
.box-unread-logs {font-size: 0.85em; font-weight: bold; position: absolute; right: 8px; top: 8px}
.box-unread-logs span {display:block; height:18px; min-width:18px; border-radius:3px; line-height:18px; color:#000; text-align: center; background-color: #b3d12e;}
.box-prio-icon {display: inline-block;position:absolute; right:8px; bottom:8px}
.box-prio-icon span {vertical-align: middle; font-weight: bolder; width: 18px; height: 18px; line-height: 18px; text-align: center; background-color: #eee; border-radius: 3px; border: 1px solid #ccc;}
.box-attachments {position:absolute; right:38px; bottom:8px; border-radius: 3px; border: 1px solid #ccc; background-color: #eee; color:#a0abc3}
.box-attachments span {vertical-align: middle; font-weight: bolder; height: 18px; line-height: 18px; text-align: center }
.box-attachments span.material-icons-outlined {width: 10px}

.list-unread-logs {font-size: 0.85em; display: inline-block; font-weight: bold; position: relative; margin-right:3px}
.list-unread-logs span {display:block; height:18px; min-width:18px; border-radius:3px; line-height:18px; color:#000; text-align: center; background-color: #b3d12e;}
.list-prio-icon {display: inline-block;margin-right:3px}
.list-prio-icon span {vertical-align: middle; font-weight: bolder; width: 17px; height: 17px; line-height: 18px; text-align: center; background-color: #eee; border-radius: 3px; border: 1px solid #ccc;}
.list-attachments {display: inline-block; border-radius: 3px; border: 1px solid #ccc; background-color: #eee; color:#a0abc3; margin-right: 6px}
.list-attachments span {vertical-align: middle; font-weight: bolder; height: 18px; line-height: 18px; text-align: center }
.list-attachments span.material-icons-outlined {width: 10px}

.task-logs-list {height: calc(100% - 60px); overflow: auto;width: 100%;}
.task-comment-input-box {position: relative}
.task-comment-submit {position: absolute; bottom: 2px; right:1px;  height: 25px; line-height: 25px; width: 25px;}
.task-comment-submit span {line-height: 25px}
.task-log-item {clear: both;margin-top:3px;padding:3px}
.task-log-item.highlight {background-color: #e9f7ce; }
.task-log-item-header span{display: inline-block; vertical-align: top; line-height: 22px; margin-right: 8px}
.task-log-item-icon { font-size: 18px !important;}
.task-ĺog-item-name {font-weight: normal}
.task-log-item-date {color: #8a8a8a}
.task-log-item-time {color: #8a8a8a}
.task-log-text {padding-left: 30px; font-size: 0.85em;}
.task-list-user-name {display:inline-block; margin-left:8px}

.task-attachment-item {clear: both;margin-top:3px;padding:3px; height:28px;border: 1px solid #ddd; background-color: #f5f9ff; cursor: pointer;margin-bottom: 3px}
.task-attachment-item.uploading {background-color: #c7d4eb}
.task-attachment-item:not(.uploading):hover {background-color: #fff}
.task-attachment-item span {display: inline-block; vertical-align: middle}
.task-attachment-icon {line-height: 28px !important; margin-right:8px}
.task-attachment-file {line-height: 28px; font-size: 0.9em;}

.task-attachments-pane {height: 300px; overflow-y: auto;}
.task-attachment-functions {width:100%; height:38px; margin-bootom:5px}
.upload-progress-bar {height: 2px; background-color: #619a1f; width:0px}

.task-tabs {height:350px}
.management-task-overview {display:none}
.user-task-overview {display:none}

.view-type-buttons {position:absolute; right:8px; top:9px; height:20px; line-height: 20px}
.view-type-button {display: inline-block; width:20px; height: 20px; border:1px solid #666; cursor:pointer; background-color: #5f73a9}
.view-type-button span {margin:3px}
.view-type-button:hover {background-color: #384c78}
.view-type-button.active {background-color: #fff}
.view-type-button.active span{color: #37518c}

.f-group {border-bottom:1px solid #ddd;margin-bottom:15px;clear:both}

.material-icons-outlined.icon-blue {color: #37518c}
.material-icons-outlined.icon-light-blue {color: #b0bbd3}
.material-icons-outlined.icon-white {color: #fff}
.material-icons-outlined.icon-grey {color: #aaaaaa}
.material-icons-outlined.icon-purple {color: #8e24aa}
.material-icons-outlined.icon-green {color: #419d45}
.material-icons-outlined.icon-red {color: #c90b37}
.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; }

.fixed{
  top:97px;
  position:fixed;
  width:auto;
  display:none;
  border:none;
  z-index: 998;
}

.loader,
.loader:before,
.loader:after {
    background: #384c78;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}
.loader {
    color: #384c78;
    text-indent: -9999em;
    margin: 88px auto;
    position: relative;
    font-size: 6px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.loader:before,
.loader:after {
    position: absolute;
    top: 0;
    content: '';
}
.loader:before {
    left: -1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.loader:after {
    left: 1.5em;
}
@-webkit-keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}
@keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}