body {
    /* "rem" would be better, but it's set to 10px and many features rely on it */
    --bodyFontSize: 14px;
}

.btnImportConfirmBtn {
    margin: 10px 15px 10px 10px;
}

.helpBlockSteps {
    padding-inline-start: 14px;
}

.helpBlockSteps li {
    margin-top: 5px;
}

.icon-flipped {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

/* BS 4 helpers */

.text-justify {
    text-align: justify !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.editable-content {
    border-bottom: 1px dotted #777;
    cursor: pointer;
}

.border-transparent {
    border-color: transparent !important;
}

/**********/

.asf-disabled {
    pointer-events: none;
    background-color: #efefef;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
}

.page-sidebar-closed .cutomFooter {
    writing-mode: vertical-lr;
}

.customMenuHider {
    color: #999999;
    float: right;
    width: 24px;
    height: 24px;
    display: none;
    text-align: center;
    margin: 11px 12px 0 12px;
}

.customMenuHider:hover {
    color: #c5c5c5;
}

.cutomFooter {
    position: absolute;
    bottom: calc(20vh + 3px);
    left: 15px;
    /* right    : 0; */
    color: rgb(217, 217, 217);
    font-size: 12px;
}

.xdt-loading {
    background: rgba(0, 0, 0, 0.03);
    padding: 20px;
    text-align: center;
}

.sticky-modal-footer {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: white;
    z-index: 1000;
}

.text-align-left {
    text-align: left;
}

.text-align-right {
    text-align: right;
}

.display-none {
    display: none !important;
    border: 1px solid red;
}

.navbar-brand {
    position: relative;
    padding: 15px 0px !important;
    padding-top: 1px !important;
    padding-bottom: 0 !important;
    margin: 0 10px !important;
    height: auto !important;
}

/*.navbar-brand .img-responsive {position:absolute;top:5px;left:-10px;}*/

.navbar-brand .img-responsive {
    width: 100px;
}

.new-awesome-feature {
    display: none !important;
}

body.new-awesome-features .new-awesome-feature {
    display: block !important;
}

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

.col-md-checkbox {
    width: 25px;
    float: left;
}

.fa-disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

#colorHolder {
    position: absolute;
    left: 15px;
}

.right {
    float: right;
}

.left {
    float: left;
}

.clear {
    clear: both;
}

.red {
    color: red;
}

.bold {
    font-weight: bold;
}

.relative {
    position: relative;
}

.text-widget {
    border-bottom: 1px dashed;
    cursor: help;
}

.firstnameFail,
.passwordFail,
.usernameFail {
    position: absolute;
    top: 7px;
    right: -10px;
}

.usernameParseFail {
    position: absolute;
    bottom: -15px;
    left: 0px;
}

.welcomeLocalSettingsHolder {
    background-color: #ffffff;
    width: 500px;
    margin: auto;
}

.logoHolder {
    padding: 8px 0 0 5px;
}

.logo img {
    width: 170px;
}

abbr[title] {
    text-decoration: none;
}

.modal-xlg {
    width: auto;
    margin: 10px;
}

.centered-buttons {
    vertical-align: middle !important;
    text-align: start !important;
}

.centered-filters {
    vertical-align: middle !important;
    text-align: center !important;
}

@media (min-width: 1220px) {
    .modal-xlg {
        width: 1200px;
        margin: 30px auto;
    }
}

.modal-header .close {
    margin-top: -2px !important;
}

.modal-header .close[disabled],
fieldset[disabled] .modal-header .close {
    opacity: 0.3 !important;
    cursor: not-allowed;
}

html[data-roles*='hideContacts'] .client-contact {
    visibility: hidden;
}

html[data-roles*='hideContacts'] .client-contact-hidden {
    display: none !important;
}

/*html:not([data-roles*="admin"]):not([data-roles*="owner"]):not([data-roles*="export"]) .dt-buttons,*/

html:not([data-roles*='admin']):not([data-roles*='owner']):not([data-roles*='export']) .export-handler {
    display: none !important;
}
/*
.sidebar-toggler {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}*/

/* TinyMCE */

div.mce-fullscreen {
    z-index: 10000;
    width: 100% !important;
    /* override ".page-header.navbar.navbar-fixed-top" z-index */
}

.mce-panel {
    width: auto !important;
}

.mce-tinymce {
    -webkit-box-shadow: none;
    box-shadow: none;
}

div.mce-edit-area {
    padding-right: 1px;
}

.mce-window {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}

.mce-flow-layout-item {
    margin-top: 0 !important;
    /* remove top gap */
}

#mceBtnLineHeight .mce-ico {
    background: url('../Template/xdent/tinymce/img/line-height.png') no-repeat 0 0;
}

.mce-ico.mce-btn-lineheight {
    background: url('../Template/xdent/tinymce/img/line-height.png') no-repeat 0 0;
}

.mce-toolbar button > .mce-ico.fa:before {
    font-family: fontawesome;
}

.mce-branding-powered-by {
    display: none;
}

.mce-nbsp-wrap {
    background-color: #d5d1d1;
}

/* bootstrap-select */

/* http://stackoverflow.com/questions/10705199/button-text-pushes-away-the-padding-in-firefox */

.bootstrap-select > .dropdown-toggle {
    padding-left: 0;
}

.bootstrap-select > .dropdown-toggle .filter-option {
    padding-left: 12px;
    text-overflow: ellipsis;
}

.bootstrap-select > select {
    z-index: 0 !important;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    margin-top: 7px !important;
}

.bootstrap-select.show-tick .dropdown-menu li.selected a {
    background-color: #f6f6f6;
    padding-right: 44px;
}

.bootstrap-select .dropdown-menu {
    overflow-x: hidden;
}

.dropdown-same-width .bootstrap-select.btn-group .dropdown-menu li a {
    white-space: normal;
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
    opacity: 0.5;
}

.bootstrap-select.btn-group > .btn.disabled {
    background-color: #eee;
}

.dropdown-menu-right {
    left: auto !important;
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 8px !important;
}

.bs-searchbox:after,
.bs-actionsbox:after {
    content: '';
    display: block;
    clear: both;
}

.bs-actionsbox {
    border-bottom: 1px solid #eee;
}

.bs-actionsbox .btn-group button {
    float: left;
    width: calc(50% - 4px) !important;
    margin: 0;
}

.bs-actionsbox .btn-group button.bs-deselect-all {
    float: right;
}

.bs-searchbox + .bs-actionsbox {
    padding-top: 0 !important;
}

.bootstrap-select.btn-group .no-results {
    padding: 8px !important;
    margin: 0 !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
    width: auto;
}

#HeadLoginView_HeadLoginName .badge {
    position: relative;
    right: -3px;
    top: -7px;
}

#userTopMenu .head-profile .label {
    margin-left: 65px;
    position: absolute;
}

#mc_divStaff input {
    float: left;
    display: block;
    margin-top: 5px !important;
}

body > .bs-container {
    z-index: 100000;
}

/* https://stackoverflow.com/a/18582960/13245243 */
.drop-area-active * {
    pointer-events: none;
}

/*#mc_divStaff label{float:right;display:block;width:122px;text-align:left;height:25px;}*/

#mc_divStaff label {
    float: right;
    display: block;
    width: 122px;
    text-align: left;
    height: 25px;
}

#mc_divStaff span {
    clear: both;
    padding-top: 5px;
}

#gvClients {
    border-collapse: collapse !important;
    width: 100% !important;
}

#gvClients td {
    padding: 0;
    border: 1px solid #ddd;
}

#gvClients td.dataTables_empty {
    padding: 10px;
}

#gvClients .client-row {
    padding: 8px;
}

#gvClients .client-row > h4 {
    margin: 0 0 10px 0;
}

#gvClients tr:hover {
    background: rgba(0, 0, 0, 0.07);
}

#gvClients tr:hover td > .client-row {
    outline: 1px solid rgba(0, 0, 0, 0.2);
}

#gvClients tr.selected td > .client-row {
    outline: 2px solid #777;
}

#gvClients tr.selected {
    background: none;
}

#gvClients tr:nth-of-type(odd).selected {
    background: #f9f9f9;
}

#gvClients_previous,
#gvClients_next {
    display: none;
}

#gvClients_paginate > .pagination {
    margin: 9px 0;
}

.tt-hint {
    color: #b1b1b1 !important;
}

.tabbable-custom {
    overflow: visible;
}

.tabbable-line > .tab-content {
    margin-top: -1px;
}

.tabbable-line > .nav-tabs > li {
    margin: 0;
}

/*.timeline-body:hover{color:#DEDEDE!important;}*/

/*
#mc_lstStaff span {position:relative;display:block;}
#mc_lstStaff span span {position:absolute; top:3px;left:0px;}
#mc_lstStaff label {position:absolute;width:124px;padding-left:20px; float:right; height:25px;display:block;}
#mc_lstStaff label:hover {text-decoration:underline;   }
*/

#mc_divStaff {
    width: 320px;
    /*max-height: 600px;*/
    overflow: auto;
}

#mc_lstStaff span {
    position: relative;
}

#mc_lstStaff input {
    position: absolute;
    top: -6px;
    left: 0px;
    z-index: 9999 !important;
}

/*#mc_lstStaff label {position:absolute;top:0px;left:30px; display:block; height:20px; width:200px; border:1px solid red}*/

#mc_lstStaff label {
    top: 0px;
    left: 30px;
    margin-top: 0px;
    height: 20px;
    width: 230px !important;
}

/*.divExpiration {position:absolute;left:235px;top:13px; border:1px solid red}*/

/*.divExpiration {position:relative; left:235px; top:13px; width:300px; height:20px; border:1px solid red}*/

.divExpiration {
    margin-top: 13px !important;
}

.client-row {
    cursor: pointer !important;
}

.bigWidthDropDown {
    width: 50vw !important;
    font-size: 11px !important;
}

#page-header-alerts {
    margin-top: 12px;
}

#page-header-alerts .btn {
    float: left;
    margin: 0 5px 0 0;
}

#LoginViewAdvertisement_divAdvertisement {
    display: none;
    background-color: rgb(187, 255, 153);
    color: black;
    font-weight: bold;
    display: none;
}

/*.black, .wysiwyg-color-black {color:black;}
.silver, .wysiwyg-color-silver {color:silver;}
.gray, .wysiwyg-color-gray {color:gray;}
.white, .wysiwyg-color-white {color: white; }
.maroon, .wysiwyg-color-maroon { color: maroon; }
.red, .wysiwyg-color-red {color:red;}
.purple, .wysiwyg-color-purple {color:purple;}
.fuchsia, .wysiwyg-color-fuchsia {color:fuchsia;}
.green, .wysiwyg-color-green {color:green;}
.lime, .wysiwyg-color-lime {color:lime;}
.olive, .wysiwyg-color-olive {color:olive;}
.yellow, .wysiwyg-color-yellow {color:yellow;}
.navy, .wysiwyg-color-navy {color:navy;}
.blue, .wysiwyg-color-blue {color:blue;}
.teal, .wysiwyg-color-teal {color:teal;}
.aqua, .wysiwyg-color-aqua {color:aqua;}
.orange, .wysiwyg-color-orange {color:orange;}*/

/* Blue */

#medicalReportsHolder li.timeline-silver .timeline-body:hover {
    background: #f5f5f5;
}

/*.timeline li.timeline-silver .timeline-body:after {
  border-right-color: #4b8df8;
}*/

.timeline li.timeline-silver .timeline-body {
    color: black;
    border-left: 3px solid #4b8df8;
    /*
  border-top        :1px solid #4b8df8;
  border-left       :1px solid #4b8df8;
  border-bottom     :1px solid #4b8df8;
  */
    min-height: 100px;
    background-color: #f7fcff;
    font-weight: 500;
}

.timeline li.timeline-silver .report-body-draft {
    color: black;
    border-left: 3px solid #ffb848;
    background-color: #ededed;
}

.timeline li.timeline-silver .timeline-footer > div > .colored {
    padding: 5px 10px;
}

.timeline li.timeline-silver .timeline-footer > .colored {
    margin-bottom: 8px;
    width: 100%;
}

.timeline li.timeline-silver .timeline-time span.time {
    color: #4b8df8;
}

/*#medical-reports-wrapper .digital-signature-container {
    display: none;
}
html.digital-sign-on #medical-reports-wrapper .digital-signature-container {
    display: block;
}*/

.tooltip {
    z-index: 10000000 !important;
}

.toolTip {
    position: relative;
    width: 200px;
}

.toolTip p {
    padding: 10px;
    background-color: #f9f9f9;
    border: solid 1px #a0c7ff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.tailShadow {
    position: absolute;
    bottom: -8px;
    left: 28px;
    width: 0;
    height: 0;
    border: solid 2px #fff;
    box-shadow: 0 0 10px 1px #555;
}

.tail1 {
    position: absolute;
    bottom: -20px;
    left: 20px;
    width: 0;
    height: 0;
    border-color: #a0c7ff transparent transparent transparent;
    border-width: 10px;
    border-style: solid;
}

.tail2 {
    position: absolute;
    bottom: -18px;
    left: 20px;
    width: 0;
    height: 0;
    border-color: #f9f9f9 transparent transparent transparent;
    border-width: 10px;
    border-style: solid;
}

.page-quick-sidebar-over-content.page-quick-sidebar-open .page-content-wrapper {
    padding-right: 320px;
    /*transition : padding-right 0.3s;*/
}

.page-sidebar-menu-closed .label {
    display: none;
}

#ReversedTab {
    float: right !important;
}

.width-200 {
    width: 200px !important;
}

.width-100 {
    width: 100px !important;
}

.height-40 {
    height: 30px !important;
}

.table .btn:last-child {
    margin-right: 0;
}

tr.inactive td {
    background-color: #ececec;
    color: rgb(0 0 0 / 40%);
    filter: grayscale(1);
}

tr.inactive:hover td {
    background-color: #dfdfdf;
}

.cleaner {
    clear: both;
}

.dxscTimeRulerMinuteItem_Moderno {
    overflow: hidden;
    padding: 0px 0px 0px 0px !important;
    margin: 0 !important;
    font-size: xx-small;
}

#photoSwipeBase {
    z-index: 100000;
    /* must be higher than bs modal */
}

.pswp__caption__center {
    text-align: center !important;
}

/* 20px Bootstrap grid gap */

.row.grid-20 {
    margin-right: -10px;
    margin-left: -10px;
}

.row.grid-20 > [class*='col-lg-'],
.row.grid-20 > [class*='col-md-'],
.row.grid-20 > [class*='col-sm-'] {
    padding-right: 10px;
    padding-left: 10px;
}

/* Staff slect */

.bootstrap-select > .dropdown-menu.staff-select .dropdown-menu.inner .dropdown-header {
    padding: 5px 14px 5px 14px;
    font-weight: bold;
    color: inherit;
}

.bootstrap-select > .dropdown-menu.staff-select.multiple .dropdown-menu.inner .dropdown-header {
    cursor: pointer;
}

.bootstrap-select > .dropdown-menu.staff-select.multiple .dropdown-menu.inner .dropdown-header:hover {
    background: #eee;
}

/* jQuery Toastr */

#toast-container.toast-top-center {
    top: 10px;
}

#toast-container.toast-top-center > div {
    margin: 0 0 6px 0 !important;
}

/* SELECT2 STYLE OVERRIDE START */

.select2-choice .select2-arrow {
    background-color: #fafafa;
    background-image: none;
    background: #fafafa;
    /*width         : 17px;*/
    border-color: #e5e5e5;
}

.select2-container .select2-choice {
    height: 34px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    background-image: none;
    background: #fff;
}

.select2-container-multi .select2-choices {
    padding: 3px 6px;
}

.select2-container-multi .select2-choices .select2-search-choice {
    background-color: #efefef;
    border-color: #d3d1d1;
    line-height: 12px;
    margin: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice.select2-locked {
    color: #777;
    cursor: not-allowed;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 2px;
}

.select2-search-choice-close {
    top: 3px;
}

.select2-container .select2-choice .select2-chosen {
    margin-top: 0px;
}

.select2-container .select2-choice abbr {
    margin-top: -6px;
    top: 50%;
}

.select2-container .select2-choice,
.select2-container .select2-choice .select2-arrow {
    -webkit-border-radius: 0;
    border-radius: 0;
    border-color: #eaeaea;
}

.select2-container .select2-choice .select2-arrow {
    background-color: #fff;
    background-image: none;
    border: 0;
    width: 20px;
}

.select2-container .select2-choice .select2-arrow b {
    background-position: 0 1px;
}

/*.select2-container .select2-choice .select2-arrow b {
    background-position: 0 100px;
}
.select2-container .select2-choice .select2-arrow b:after {
    content: "\f107";
    display: inline-block;
    line-height: 34px;
    font-family: FontAwesome;
    font-weight: normal;
}*/

.select2-dropdown-open .select2-choice {
    border-bottom: 1px solid transparent !important;
}

.select2-search {
    padding-top: 0 !important;
}

.select2-search input,
.select2-search input:focus {
    background-color: #fff;
    background-image: none;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #eaeaea;
}

/*.select2-container .select2-choice .select2-arrow b {
    display: none;
}
.select2-container .select2-choice .select2-arrow:after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    line-height: 1;
    text-align: center;
    color: #aaa;
    width: 100%;
    height: 1em;
    left: 0;
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
}*/

.select2-results {
    margin: 5px 0 0 0;
    padding: 0;
}

.select2-results mark {
    background: #ff0;
    padding: 0;
}

.select2-results .select2-disabled {
    color: #888;
}

/* select2 in tinymce toolbar */

.select2-container.mce-btn .select2-choice {
    height: 28px;
    border: 0 !important;
}

.select2-container:not(.select2-dropdown-open).mce-btn .select2-choice {
    background: none;
}

.select2-container.mce-btn .select2-choice .select2-chosen {
    line-height: 28px;
}

.select2-container.mce-btn .select2-choice .select2-arrow {
    background: none;
}

.select2-container.mce-btn.select2-dropdown-open {
    border-color: #999;
}

/* SELECT2 STYLE OVERRIDE END */

/* .btn-icon-only SMALL */

.btn-icon-only-small {
    height: 20px;
    padding: 0;
    width: 20px;
    position: relative;
}

.btn-icon-only-small [class^='icon-'],
.btn-icon-only-small i {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -0.5em;
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 1;
}

.btn-icon-only-small.ladda-button .ladda-label {
    position: static;
}

/* system color picker */
.system-color-picker {
    width: 34px;
    height: 34px;
    border: 1px solid rgb(0 0 0 / 20%);
}
.system-color-picker input[type='color'] {
    -webkit-appearance: none;
    opacity: 0;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
}
.system-color-picker input[type='color']::-webkit-color-swatch-wrapper {
    padding: 0;
}
.system-color-picker input[type='color']::-webkit-color-swatch {
    border: none;
}

/* Transparent button (overriding components.css) */

.btn-transparent {
    border: 0;
    outline: 0;
    background: none;
    color: rgb(0 0 0 / 60%);
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 2;
    min-width: 2em;
    /* transition: all ease-in 0.2s; */
}

.btn-transparent.btn-circle {
    border-radius: 100% !important;
}

.table .btn-transparent {
    margin: 0;
    /* override components.css */
}

.btn-transparent i,
.btn-transparent .fass,
.btn-transparent .fasr {
    font-size: 100%;
}

.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent:active {
    background: rgb(0 0 0 / 7%);
}

.btn-transparent:active,
.dropdown.open > .btn-transparent {
    background: rgb(0 0 0 / 15%);
}

.btn-transparent[disabled] {
    background: none;
    cursor: not-allowed;
    color: rgb(0 0 0 / 30%) !important;
}

/* DataTables */

.dataTables_wrapper:after {
    content: '';
    clear: both;
}

table.dataTable td.actions {
    width: 1%;
    white-space: nowrap;
    padding: 0 8px;
    vertical-align: middle;
}

div.dataTables_paginate ul.pagination {
    margin: 0 !important;
}

div.dataTables_paginate ul.pagination > li > a,
div.dataTables_paginate ul.pagination > li > span {
    padding: 7px 12px;
}

.row-disabled {
    color: #c5c5c5;
}

table.dataTable tbody tr.selected,
table.dataTable tbody th.selected,
table.dataTable tbody td.selected {
    color: inherit;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background: none;
}

div.dataTables_wrapper:not(.xdt-dt) div.dataTables_filter > .input-group {
    display: inline-table;
}

/* Validation */

.has-error .form-control,
.has-error .bootstrap-select .btn {
    border-color: #dc3545 !important;
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #dc3545;
}

/* Borderless table */

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

/* Chat */

.chat-widget {
    top: 235px;
    right: -94px;
    border-bottom-left-radius: 5px;
    margin-top: -5px;
    padding: 6px 6px;
    position: fixed;
    z-index: 999;
    background-color: #067660;
    cursor: pointer;
    border-radius: 5px 0px 0px 5px;
}

.chat-widget .light {
    font-weight: 300;
    font-family: helvetica;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    padding-left: 5px;
    float: left;
}

.chat-widget i {
    width: 28px;
    height: 25px;
    float: left;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAZCAYAAAAiwE4nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NzFGMEE3MEJDREMxMUUzOERBMDgyOENFMkFFMzAwMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NzFGMEE3MUJDREMxMUUzOERBMDgyOENFMkFFMzAwMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc3MUYwQTZFQkNEQzExRTM4REEwODI4Q0UyQUUzMDAzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc3MUYwQTZGQkNEQzExRTM4REEwODI4Q0UyQUUzMDAzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1CA49AAAAeVJREFUeNq0lU0oRFEUx9+b8dWUBU0INQvCgpWSz1IWFmrsKMVCFmzIRlFWUjZkY2fBUEj5qInIbCysJFkRO5LQFLKYL8//6rx6c7vvdd/Mdeo303v3dP/33Hvu/2mGYWgc7WANPIKUYR9xcAeWQLVgHiHWhwIS+jHcRwxMuRHMBREj+1iWFVww1EWfk6COnypN025BjqYmngCbMy4aZCLDArF78CkpEAB+y3Ml6AH7wmxUeMltCevMUtmuAyOCbV2xy2eV1XJr8ICXLLe1zm6ATe7T1Eeek+D7Pwh+0H8ETKcVhX09F5xhDSgSUAwOJK7GPPBbTOQGlJtnGAYdXNVbICpYuQ6aJSo8Am2Uz6IBHIIWjVbypfDiX1FH7gnGhsx2HVcklgStoB4kBONnpqBOxp1NsPMaBXngwiYnar2UTHQGfGcg9gyCNMemQ15C/3Pw9CgDg2ACVAga4hqkQIx88wRsg3ywQbZm77MOlhUWrHBWkBegnXmT2ImQG8FFet9L/svu1qvLM26SFVyl82HvfSSW0cfZSXCdEneBlxsrAaeSQglyHq/5AbY74ELQCY5B0ianC3RTczHDDnLGHQJz4MHqpSrpp8tvxgCf41H8ldgBY6wO2wzFFZpMMlcBjfzYrwADAIDKYIjU12wnAAAAAElFTkSuQmCC);
}

.chat-widget:hover {
    right: 0;
    transition-duration: 0.25s;
}

/* Buttons overriding */

.btn-default > i,
.btn-default > i[class^='icon-'],
.btn-default > i[class*='icon-'] {
    color: #333;
}

.btn-icon-only-rounded {
    border-radius: 100% !important;
}

.green.btn {
    color: #ffffff;
    background-color: #35aa47;
}

.green.btn:hover,
.green.btn:focus,
.green.btn:active,
.green.btn.active {
    color: #ffffff;
    background-color: #2d8f3c;
}

.open .green.btn.dropdown-toggle {
    color: #ffffff;
    background-color: #2d8f3c;
}

.green.btn:active,
.green.btn.active {
    background-image: none;
    background-color: #267b34;
}

.green.btn:active:hover,
.green.btn.active:hover {
    background-color: #298337;
}

.open .green.btn.dropdown-toggle {
    background-image: none;
}

.green.btn.disabled,
.green.btn.disabled:hover,
.green.btn.disabled:focus,
.green.btn.disabled:active,
.green.btn.disabled.active,
.green.btn[disabled],
.green.btn[disabled]:hover,
.green.btn[disabled]:focus,
.green.btn[disabled]:active,
.green.btn[disabled].active,
fieldset[disabled] .green.btn,
fieldset[disabled] .green.btn:hover,
fieldset[disabled] .green.btn:focus,
fieldset[disabled] .green.btn:active,
fieldset[disabled] .green.btn.active {
    background-color: #35aa47;
}

.green.btn .badge {
    color: #35aa47;
    background-color: #ffffff;
}

/* Red Button */

.red.btn {
    color: #ffffff;
    background-color: #d84a38;
    border-color: none;
}

.red.btn:hover,
.red.btn:focus,
.red.btn:active,
.red.btn.active {
    color: #ffffff;
    background-color: #c63927;
}

.open .red.btn.dropdown-toggle {
    color: #ffffff;
    background-color: #c63927;
}

.red.btn:active,
.red.btn.active {
    background-image: none;
    background-color: #b03223;
}

.red.btn:active:hover,
.red.btn.active:hover {
    background-color: #b93524;
}

.open .red.btn.dropdown-toggle {
    background-image: none;
}

.red.btn.disabled,
.red.btn.disabled:hover,
.red.btn.disabled:focus,
.red.btn.disabled:active,
.red.btn.disabled.active,
.red.btn[disabled],
.red.btn[disabled]:hover,
.red.btn[disabled]:focus,
.red.btn[disabled]:active,
.red.btn[disabled].active,
fieldset[disabled] .red.btn,
fieldset[disabled] .red.btn:hover,
fieldset[disabled] .red.btn:focus,
fieldset[disabled] .red.btn:active,
fieldset[disabled] .red.btn.active {
    background-color: #d84a38;
}

.red.btn .badge {
    color: #d84a38;
    background-color: #ffffff;
}

/* Blue Button */

.blue.btn {
    color: #ffffff;
    background-color: #4b8df8;
    border-color: none;
}

.blue.btn:hover,
.blue.btn:focus,
.blue.btn:active,
.blue.btn.active {
    color: #ffffff;
    background-color: #2977f7;
}

.open .blue.btn.dropdown-toggle {
    color: #ffffff;
    background-color: #2977f7;
}

.blue.btn:active,
.blue.btn.active {
    background-image: none;
    background-color: #1068f6;
}

.blue.btn:active:hover,
.blue.btn.active:hover {
    background-color: #1a6ef6;
}

.open .blue.btn.dropdown-toggle {
    background-image: none;
}

.blue.btn.disabled,
.blue.btn.disabled:hover,
.blue.btn.disabled:focus,
.blue.btn.disabled:active,
.blue.btn.disabled.active,
.blue.btn[disabled],
.blue.btn[disabled]:hover,
.blue.btn[disabled]:focus,
.blue.btn[disabled]:active,
.blue.btn[disabled].active,
fieldset[disabled] .blue.btn,
fieldset[disabled] .blue.btn:hover,
fieldset[disabled] .blue.btn:focus,
fieldset[disabled] .blue.btn:active,
fieldset[disabled] .blue.btn.active {
    background-color: #4b8df8;
}

.blue.btn .badge {
    color: #4b8df8;
    background-color: #ffffff;
}

/* Yellow Button */

.yellow.btn {
    color: #ffffff;
    background-color: #ffb848;
    border-color: none;
}

.yellow.btn:hover,
.yellow.btn:focus,
.yellow.btn:active,
.yellow.btn.active {
    color: #ffffff;
    background-color: #ffaa24;
}

.open .yellow.btn.dropdown-toggle {
    color: #ffffff;
    background-color: #ffaa24;
}

.yellow.btn:active,
.yellow.btn.active {
    background-image: none;
    background-color: #ffa00b;
}

.yellow.btn:active:hover,
.yellow.btn.active:hover {
    background-color: #ffa415;
}

.open .yellow.btn.dropdown-toggle {
    background-image: none;
}

.yellow.btn.disabled,
.yellow.btn.disabled:hover,
.yellow.btn.disabled:focus,
.yellow.btn.disabled:active,
.yellow.btn.disabled.active,
.yellow.btn[disabled],
.yellow.btn[disabled]:hover,
.yellow.btn[disabled]:focus,
.yellow.btn[disabled]:active,
.yellow.btn[disabled].active,
fieldset[disabled] .yellow.btn,
fieldset[disabled] .yellow.btn:hover,
fieldset[disabled] .yellow.btn:focus,
fieldset[disabled] .yellow.btn:active,
fieldset[disabled] .yellow.btn.active {
    background-color: #ffb848;
}

.yellow.btn .badge {
    color: #ffb848;
    background-color: #ffffff;
}

#frmSupport .modal-body .row {
    margin: 0;
}

#frmSupport i.fass,
#frmSupport i.fasr {
    display: inline-block;
    width: 70px;
    height: 70px;
    font-size: 30px;
    border-radius: 100%;
    line-height: 70px;
    text-align: center;
    background: #ccc;
    vertical-align: middle;
    color: white;
}

#frmSupport .col-md-6 {
    cursor: pointer;
    padding: 0;
    text-align: left;
}

#frmSupport .col-md-6:not([data-disabled='true']):hover {
    background: rgba(0, 0, 0, 0.05);
}

#frmSupport .col-md-6[data-disabled='true'] {
    cursor: default;
}

#frmSupport .col-md-6[data-disabled='true'] * {
    opacity: 0.5;
}

#frmSupport .col-md-6 span {
    display: inline-block;
    vertical-align: middle;
    /* max-width  : 65%; */
    /* margin-left: 10px; */
}

/* #fsp_divChat {
    cursor: not-allowed;
    pointer-events: none;
} */

#frmSupport #fsp_divChat .helpDot {
    color: rgb(0, 177, 253);
}

#frmSupport #fsp_divSendError .helpDot {
    color: rgb(218, 59, 1);
}

#frmSupport #fsp_divKnowledge .helpDot {
    color: rgb(0, 213, 53);
}

#frmSupport #fsp_divHelp .helpDot {
    color: rgb(255, 201, 14);
}

#frmSupport #fsp_divTeamViewer .helpDot {
    color: rgb(17, 138, 245);
}

#frmSupport #fsp_divFacebook .helpDot {
    color: rgb(73, 101, 160);
}

#fsp_divNewIdea,
#fsp_divKnowledge,
table#lz_form_113,
table#lz_form_0,
table#lz_form_112 {
    display: none;
}

.modal-body.loading-content {
    overflow: hidden;
    visibility: hidden;
    height: 50px;
}

.modal-open .datepicker-popup {
    z-index: 100000 !important;
}

.modal-open .datepicker-default {
    z-index: 10 !important;
}

.datetimepicker table tr td span {
    width: 25%;
    margin: 0;
    /* prevent click between tiles */
}

/* Clearable input */

.clearable-input-wrapper input::-ms-clear {
    display: none;
}

.clearable-input-wrapper input {
    padding-right: 34px;
    margin: 0 !important;
}

.clearable-input-wrapper .clear-input {
    color: #8e8e8e;
    cursor: pointer;
    display: none;
    font-size: 10px;
    height: 34px;
    line-height: 34px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 34px;
    z-index: 3;
    margin: 0;
}

.clearable-input-wrapper .clear-input:hover {
    color: #000;
}

.clearable-input-wrapper.has-value .clear-input {
    display: block;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subjectNews {
    display: block;
    margin-left: 0px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subjectNews .from {
    font-size: 13px;
    font-weight: 600;
    color: rgba(132, 158, 209, 1);
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subjectNews .time {
    font-size: 12px;
    font-weight: 400;
    opacity: 0.5;
    filter: alpha(opacity=50);
    float: right;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li > a > span.time {
    font-size: 12px;
    font-weight: 400;
    opacity: 0.5;
    filter: alpha(opacity=50);
    float: right;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .messageNews {
    display: block !important;
    font-size: 12px;
    line-height: 1.3;
    margin-left: 0px;
}

/* News notification */

#notificationNews[data-unconfirmed-count='0'] .badge.news-count {
    display: none;
}

#notificationNews .news-list > .news-item > a {
    cursor: default;
}

#notificationNews .news-list > .news-item > a[href] {
    cursor: pointer;
}

#notificationNews .news-list > .news-item.new .subjectNews .from {
    color: orange;
}

#notificationNews .dropdown-toggle .icon-cup {
    color: rgb(132, 158, 209);
}

#notificationNews .dropdown-menu {
    width: 300px;
}

#notificationNews .news-list {
    height: 350px;
}

/* HCF notification */

#notificationHCFCredit[data-unconfirmed-count='0'] .badge.news-count {
    display: none;
}

#notificationHCFCredit .news-list > .hcfcredit-item > a {
    cursor: default;
}

#notificationHCFCredit .news-list > .hcfcredit-item > a[href] {
    cursor: pointer;
}

#notificationHCFCredit .news-list > .hcfcredit-item.new .subjectNews .from {
    color: orange;
}

#notificationHCFCredit .dropdown-toggle .icon-wallet {
    color: rgb(132, 158, 209);
}

#notificationHCFCredit .dropdown-menu {
    width: 300px;
}

#notificationHCFCredit .hcfcredit-list {
    height: 350px;
}

/* SMS answers */

#sms-container .dropdown-menu {
    max-width: 500px;
    width: 300px;
    color: #b0b0b0;
}

#sms-container .dropdown-toggle > i {
    color: rgba(132, 158, 209, 1);
}

#pair-request-widget .dropdown-toggle > i {
    color: rgba(132, 158, 209, 1);
}

#sms-list-container {
    overflow: auto;
    max-height: 350px;
}

#sms-list-container .sms-load {
    text-align: center;
    padding: 15px;
}

#sms-list {
    list-style: none;
    padding: 0;
}

#sms-list li.sms {
    clear: both;
    font-size: 13px;
    line-height: 1.4;
    padding: 15px;
    white-space: normal;
    border-bottom: 1px solid #484848;
    color: #b0b0b0;
}

#sms-list li.sms:hover {
    background-color: #434343;
}

#sms-list li.sms > div {
    margin: 0;
}

#sms-list li.sms a {
    border: 0;
}

#sms-list li.sms .fass,
#sms-list li.sms .fasr {
    line-height: 1;
    font-size: 13px;
}

#sms-list li.sms .fa-envelope {
    cursor: help;
}

#sms-list li.sms .from {
    font-weight: bold;
    color: #7d99cc;
}

#sms-list li.sms .from a {
    color: #7d99cc;
    text-decoration: underline;
    border: 0;
}

#sms-list li.sms .service a.caption {
    color: #b0b0b0;
    text-decoration: underline;
}

#sms-list li.sms .sms-state {
    cursor: pointer;
}

#sms-list li.sms.unconfirmed .sms-state {
    color: orange;
}

#sms-container[data-unread-count='0'] .dropdown-toggle .sms-unread-count,
#sms-container[data-unread-count='0'] #sms-confirm-all {
    display: none;
}

/* Form requests */

#form-requests .dropdown-menu {
    width: 300px;
    color: #b0b0b0;
}

#form-requests .slim-scrollbar {
    overflow: auto;
    max-height: 350px;
}

#form-requests .dropdown-toggle > i {
    color: rgba(132, 158, 209, 1);
}

#form-requests .from:hover {
    text-decoration: underline;
}

#form-requests .form-request-item .subjectNews {
    margin-bottom: 5px;
}

#form-requests[data-pending-count='0'] .badge.request-count {
    background-color: #737272;
}

#form-requests .request-list .time {
    float: none;
}

/* Lab Messages */

#lab-messages .dropdown-menu {
    width: 300px;
    color: #b0b0b0;
}

#lab-messages .slim-scrollbar {
    overflow: auto;
    max-height: 350px;
}

#lab-messages .dropdown-toggle > i {
    color: rgba(132, 158, 209, 1);
}

#lab-messages .from:hover {
    text-decoration: underline;
}

#lab-messages .form-request-item .subjectNews {
    margin-bottom: 5px;
}

#lab-messages[data-pending-count='0'] .badge.request-count {
    display: none;
}

#lab-messages .request-list .time {
    float: none;
}

/* SMS list scrollbar */

.slim-scrollbar::-webkit-scrollbar {
    width: 7px;
}

.slim-scrollbar::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
}

.slim-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
}

/* Slim scrollbar */

.tiny-scrollbar::-webkit-scrollbar {
    width: 7px;
}

/* .tiny-scrollbar::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
} */

.tiny-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
}

/* store notify*/

#storeNotify .dropdown-menu {
    max-width: 500px;
    width: 300px;
    color: #b0b0b0;
}

#storeNotify .dropdown-toggle > i {
    color: rgba(132, 158, 209, 1);
}

#store-notify-list-container {
    overflow: auto;
    max-height: 350px;
}

#store-notify-list {
    list-style: none;
    padding: 0;
}

#store-notify-list li.store {
    clear: both;
    font-size: 13px;
    line-height: 1.4;
    padding: 15px;
    white-space: normal;
    border-bottom: 1px solid #484848;
    color: #b0b0b0;
}

#store-notify-list li.store:hover {
    background-color: #434343;
}

#store-notify-list li.store > div {
    margin: 0;
}

#store-notify-list li.store a {
    border: 0;
}

#store-notify-list li.store .invoice-code {
    font-weight: bold;
    color: #7d99cc;
}

#store-notify-list li.store .store-notify-quantity-holder {
    text-align: right;
}

/* #store-notify-list li.store .quantity-limit {
    font-weight: bold;
    color: white;
} */

#store-notify-list li.store .quantity-current {
    font-weight: bold;
    color: orange;
}

#store-notify-list li.store .quantity-current-holder {
    float: right;
}

#store-notify-list li.store .fass,
#store-notify-list li.store .fasr {
    line-height: 1;
    font-size: 13px;
}

#storeNotify .store-notify-functions {
    padding: 10px;
}

#storeNotify .store-notify-operations {
    float: right;
}

#storeNotify .store-notify-button {
    text-decoration: none;
    color: #5b9bd1;
}

#storeNotify .store-notify-button:hover {
    text-decoration: none;
    color: #87b6dd;
}

#storeNotify .store-notify-button-next {
    margin-left: 10px;
}

/* SMS list scrollbar */

#store-notify-list-container::-webkit-scrollbar {
    width: 7px;
}

#store-notify-list-container::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
}

#store-notify-list-container::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
}

/* SIDEBAR USER RATING */

.sidebar-rating-bar {
    width: 100%;
    padding-top: 10px;
}

.sidebar-rating-item {
    float: left;
    color: white;
}

.sidebar-rating-val-ok {
    background-color: #35aa47;
    width: 80%;
    float: left;
    color: white;
    text-align: left;
    padding-left: 2px;
}

.sidebar-rating-val-not-come {
    width: 20%;
    float: left;
    color: white;
    text-align: right;
    padding-right: 2px;
}

.sidebar-rating-bar .sidebar-rating-bar-progressbar {
    margin-bottom: 10px;
    height: 12px;
}

.sidebar-rating-bar-progressbar {
    background-color: #f5f5f5;
    position: relative;
}

.progress-bar-text {
    font-size: 11px;
    top: -2px;
    color: black;
    text-align: center;
    width: 100%;
    position: absolute;
}

.progress-bar-value {
    background-color: #85beee;
    height: 100%;
}

/* SIDEBAR USER RATING */

/* Spinner */

.spinner-buttons button {
    line-height: 1;
    padding: 0 !important;
}

.spinner-buttons button i {
    font-size: 14px;
    margin: 0;
}

/*.dxscControl_Moderno {
    border-top: 0;
}*/

/*.dxscGroupSeparatorVertical_Moderno {
    width: 3px;
}*/

/*Bootstrap select 1.9.4 bug fix #1077 nefunguje, https://github.com/silviomoreto/bootstrap-select/issues/1077*/

.bs-actionsbox:after {
    content: '';
    display: block;
    clear: both;
}

/*Side bar*/

.sideBarWaitingClientListElementOuter {
    border-bottom: 1px solid #515151;
}

.sideBarWaitingClientListElement {
    padding: 0.5em 1em 0em 1em;
    list-style-type: none;
}

.sideBarWaitingClientListActive {
    background-color: #2b2b2b;
}

.sideBarWaitingClientsClearText,
.sideBarWaitingClientsClearText:visited {
    color: rgb(162, 162, 162);
    text-decoration: none;
}

.sideBarWaitingClientsClearText:hover,
.sideBarWaitingClientsClearText:active {
    color: #888888;
}

@keyframes fadeInRed {
    from {
        color: RGBA(216, 74, 56, 0);
    }

    to {
        color: RGBA(216, 74, 56, 1);
    }
}

.aFadeInRed {
    animation-name: fadeInRed;
    animation-duration: 1s;
}

@keyframes fadeInGreen {
    from {
        color: RGBA(216, 74, 56, 0);
    }

    to {
        color: RGBA(53, 170, 71, 1);
    }
}

.aFadeInGreen {
    animation-name: fadeInGreen;
    animation-duration: 1s;
}

@keyframes fadeInBlue {
    from {
        color: RGBA(216, 74, 56, 0);
    }

    to {
        color: #5b9bd1;
    }
}

.aFadeInBlue {
    animation-name: fadeInBlue;
    animation-duration: 1s;
}

.sideBarWaitingClientsLine {
    padding-bottom: 0.3em;
    padding-top: 0.3em;
}

/* .sideBarWaitingClientsMenu {
    display: none;
} */

.waitingClientsSearchHolderC {
    margin: 5px;
}

.dragged {
    border: 2px solid black;
}

/*BEGIN LOGIN PAGE*/

.login .content .form-actions {
    border-bottom: none;
}

.login .content {
    color: #8290a3;
    background-color: #fff;
    padding: 0;
    width: 450px;
}

.login .content h3 {
    color: #35aa47;
}

.login .content .loginContent {
    width: 100%;
    height: 450px;
    float: left;
    padding: 10px 30px 30px;
}

.login .content .newsContent {
    padding: 10px 30px 30px;
    width: 45%;
    height: 340px;
    float: right;
    border-left: 1px solid #d7d7d7;
}

.login .content .feedsContent {
    font-size: 14px;
    float: left;
    border-top: 1px solid #d7d7d7;
    background-color: #dddddd;
    width: 100%;
    height: 100px;
    text-align: center;
    padding-top: 15px;
}

.login .content .newsContent .newHead {
    font-weight: bold;
}

.login .content .newsContent .newText {
    padding-bottom: 1px;
}

.login .content .newsContent .newDate {
    font-size: 10px;
    padding-bottom: 3px;
    border-bottom: 1px solid #d7d7d7;
    margin-top: -7px;
}

/* .login .content .newsContent .newLink {
} */

/*END LOGIN PAGE*/

/* CREDIT + DEBT  */

.client-info-debt {
    color: #ff5656;
    font-weight: bold;
}

.client-info-credit {
    color: #35aa47;
    font-weight: bold;
}

/* CREDIT + DEBT  */

/* LM CUST */

/* default.css */

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
    background: #21282e;
}

.page-quick-sidebar-wrapper {
    background: #21282e;
}

.page-quick-sidebar-wrapper .page-quick-sidebar {
    background: #21282e;
}

.page-quick-sidebar-wrapper .page-quick-sidebar a {
    color: #85beee;
}

.page-quick-sidebar-toggler {
    background: #21282e;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a {
    color: #9a9a9a;
    background: #21282e;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a:hover {
    background: #21282e;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.open > a {
    color: #9a9a9a;
    background: #21282e;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.active > a {
    border: 0;
    background-color: #313b47;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu {
    border: 0;
    background: #21282e;
    box-shadow: 5px 5px rgba(133, 133, 133, 0.1);
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:before {
    border-bottom: 7px solid #21282e;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:after {
    border-bottom: 7px solid #21282e;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message {
    color: #9a9a9a;
    background: #21282e;
    word-wrap: break-word;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message {
    margin: 0 5px 0 20px;
    background-color: #36424c;
    /*border-left   : 2px solid rgb(66,139,202)*/
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message {
    margin: 0 20px 0 5px;
    background-color: #4b5863;
    /*border-right  : 2px solid #d84a38;*/
    border-radius: 2px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post {
    margin: 0 auto;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow {
    border-right-color: #5a6976;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow {
    border-left-color: #36424c;
}

.page-quick-sidebar-wrapper li {
    color: #d9d9d9;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
    background-color: #393939;
}

/* layout.css */

/* Quick sidebar wrapper */

.page-quick-sidebar-wrapper {
    right: -320px;
    width: 320px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
    position: absolute !important;
    width: 320px !important;
    /*transition: margin 0.3s;*/
}

.page-qui-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
    position: absolute !important;
    width: 320px !important;
    /*transition: margin 0.3s;*/
    margin-left: 270px;
}

/********
iklient widget
*********/

#iKlientForms .sign-in-iklient {
    float: left;
    width: 100%;
}

#iKlientForms .iklient-form {
    margin: 5px 0;
}

#iKlientForms .iklient-form.has-expiration .sign-in-iklient,
#iKlientForms .iklient-form.is-favorite .sign-in-iklient {
    width: calc(100% - 30px);
}

#iKlientForms .iklient-form.has-expiration.is-favorite .sign-in-iklient {
    width: calc(100% - 60px);
}

#iKlientForms .iklient-form .fass,
#iKlientForms .iklient-form .fasr {
    float: right;
    margin: 0 2px;
    line-height: 1;
    font-size: 18px;
}

/********
CUSTOM CHAT
*********/

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li {
    display: table-cell !important;
    width: 1% !important;
    border-bottom: 2px solid grey;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li:hover {
    border: 0;
    border-bottom: 2px solid #d64635;
    text-decoration: none;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.active {
    border: 0;
    border-bottom: 2px solid #d64635;
    text-decoration: none;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.active > a {
    color: #fff;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li:hover > a {
    color: #fff;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
    margin-left: -320px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
    width: 320px !important;
    margin-left: 320px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav {
    padding: 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name {
    color: #4b8df8;
    font-weight: bold !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media {
    padding: 10px 0 10px 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object {
    width: 40px;
    opacity: 0.9;
    /*background-color: aliceblue;*/
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media h4 {
    font-size: 14px;
    margin-top: 3px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-nav .quickChatActiveChatWindowUserName {
    color: #d9d9d9;
    font-size: medium;
}

.page-quick-sidebar-item .page-quick-sidebar-chat-user .page-quick-sidebar-nav .quickChatActiveChatWindowPhoto {
    border-radius: 50% !important;
    margin: 5px;
}

.page-quick-sidebar-item .page-quick-sidebar-chat-user > .page-quick-sidebar-nav > .quickChatActiveChatWindowUserName {
    margin: 5px !important;
}

.page-quick-sidebar-item .page-quick-sidebar-chat-user > .page-quick-sidebar-nav > .quickChatActiveChatHeader {
    text-align: center;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list,
.page-quick-sidebar-go-to-task-list {
    margin: 5px 0 0 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-heading-sub {
    font-size: 11px;
    color: #8d8d8d;
    padding-bottom: 3px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users {
    padding-top: 0px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li {
    padding: 5px 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:hover {
    background-color: rgba(86, 104, 120, 0.33);
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post {
    font-size: 13px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .avatar,
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .avatar {
    margin-top: 5px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .body {
    white-space: pre-wrap;
}

#divChatUserList #chatUserUList li {
    height: 72px;
}

#divChatUserList #chatUserUList li.selected {
    /*background-color: #404040;*/
    border: solid 1px #fff;
}

#divChatUserList #chatUserUList li .dropdown {
    /*background-color: #badd55;*/
    display: inline;
    width: 40px;
    height: 40px;
    position: relative;
    left: 270px;
    top: -50px;
    border-radius: 60% !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

#divChatUserList #chatUserUList li .dropdown > .archiveDropDownMenuButton {
    display: none;
    color: #cecaca;
    background-color: transparent;
    margin: 0;
    width: 29px;
    height: 29px;
    align-items: center;
    justify-content: center;
}

.nav.nav-tabs.nav-justified #quick_sidebar_tab_1Link {
    display: flex;
}

#divChatUserList #chatUserUList li .dropdown #quickChatArchiveUserButton {
    color: #696969;
    background-color: #e4e2e2;
    width: 100%;
}

#divChatUserList #chatUserUList li .dropdown #quickChatArchiveUserButton:hover {
    color: #171717;
}

#divChatUser#divChatUserList #chatUserUList list #chatUserU#divChatUserList #chatUserUList list #divChatUserList #chatUserUList li [class^='fa-'],
#divChatUserList #chatUserUList li [class^='glyphicon-'],
#divChatUserList #chatUserUList li [class^='icon-'],
#divChatUserList #chatUserUList li [class*=' fa-'],
#divChatUserList #chatUserUList li [class*=' glyphicon-'],
#divChatUserList #chatUserUList li [class*=' icon-'] {
    width: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-status {
    right: 50px;
}

#divChatUserList #chatUserUList li .dropdown .dropdown-menu {
    min-width: 100px;
    border-radius: 2px !important;
}

.sorting_1 .client-row .contact-item {
    margin-right: 10px;
}

.sorting_1 .client-row .fass,
.sorting_1 .client-row .fasr {
    margin-right: 1px;
    color: #b0b0b0;
}

/* #dashboard-tasks-portlet .portlet-title.tabbable-line {
} */

#dashboard-tasks-portlet .mt-action:hover {
    background-color: #ededed;
}

#dashboard-tasks-portlet .mt-action-img {
    margin-left: 10px;
}

#dashboard-tasks-portlet .mt-actions .mt-action.failed {
    background-color: rgba(209, 0, 0, 0.1);
}

#dashboard-tasks-portlet .mt-actions .mt-action.warning {
    background-color: rgba(255, 156, 0, 0.1);
}

#dashboard-tasks-portlet .mt-actions .mt-action.finished {
    background-color: rgba(136, 136, 136, 0.1);
}

#dashboard-tasks-portlet .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime {
    padding-top: 0 !important;
    text-align: right !important;
}

#dashboard-tasks-portlet .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-buttons {
    width: 50px;
}

.tab-content .quickChatSettingsBar {
    position: absolute;
    bottom: 0;
    height: 25px;
    width: 100%;
    border-top: 1px solid #404040;
    z-index: 1000;
}

.tab-content .quickChatSettingsBar #quickChatSettingsCog {
    cursor: pointer;
    float: right;
    margin: 3px 6px 0 0;
}

.tab-content .quickChatSettingsBar #quickChatSettingsCog a {
    color: #b0b0b0;
}

.tab-content .quickChatSettingsBar #quickChatSettingsCog .dropdown-menu {
    position: absolute;
    bottom: 20px;
    left: -160px;
    z-index: 1000;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;
}

.tab-content .quickChatSettingsBar #quickChatSettingsCog .dropdown-menu span {
    width: 100%;
    border: 0;
    background-color: white;
}

.tab-content .quickChatSettingsBar #quickChatSettingsCog .dropdown-menu button:hover {
    background-color: #d0d0d0;
}

/*****************/

/* ** SIDEBAR ** */

/*****************/

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a > .badge {
    top: 6px;
    right: 0px;
}

/***************************/

/* ** SIDEBAR CHAT TASK ** */

/***************************/

.badge.chatbadgetask {
    margin-left: 4px;
    color: black;
}

#quickChatShowTasksButton .badge {
    background-color: orange;
}

#quickChatShowTasksButtonLabel {
    color: orange;
}

#quickChatShowTasksButtonLabel:hover {
    color: #b0b0b0;
    text-decoration: underline;
}

/***************/

/* ** ÚKOLY ** */

/***************/

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary {
    padding: 0px 0px;
    position: relative;
}

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary div.tab-content {
    padding: 0px 10px;
}

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary ul.nav-justified a {
    background: #21282e !important;
}

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary ul.nav-justified a span.filter-counter {
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 6px;
}

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary .message {
    transition: display 0.3s;
    padding: 5px 0;
    margin: 10px auto;
    font-size: 13px;
    color: #fff;
}

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary .task img {
    width: 40px;
    margin-top: 5px;
}

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary .task.out img {
    float: left;
}

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary .task.in img {
    float: left;
}

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary .task .message {
    background-color: #454545;
    /*margin        : 10px 0 10px 0;*/
    min-height: 40px;
    color: #dbdbdb;
    position: relative;
}

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary .task.out .message .arrow,
.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary .task.in .message .arrow {
    display: block;
    position: absolute;
    top: 20px;
    left: -6px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right-width: 6px;
    border-right-style: solid;
}

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary .task.out .message .arrow {
    border-right-color: #36424c;
}

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary .task.in .message .arrow {
    border-right-color: #36424c;
}

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary .task.out .message {
    text-align: left;
    margin-left: 50px;
    background-color: #4b5863;
}

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary .task.in .message {
    text-align: left;
    margin-left: 50px;
    background-color: #36424c;
}

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary .task.in .message .body {
    padding: 5px 7px 5px 5px;
}

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary .task.out .message .body {
    padding: 5px 7px 5px 5px;
}

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary .message .name {
    font-size: 13px;
    margin: 5px 5px 5px 7px;
    color: #96add4;
}

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary .message .datetime {
    font-size: 11px;
    color: #96add4;
}

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary .task.in .message .datetime {
    padding: 5px 7px 5px 0;
}

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary .task.out .message .datetime {
    padding: 5px 7px 5px 0;
}

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary .message .body {
    font-size: 13px;
    display: block;
}

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary .task.high.in {
    border-right: 5px solid #d84a38;
}

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary .task.high.out {
    border-right: 5px solid #d84a38;
}

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary .task.medium.in {
    border-right: 5px solid orange;
}

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary .task.medium.out {
    border-right: 5px solid orange;
}

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary .task.low.in {
    border-right: 5px solid #35aa47;
}

.page-quick-sidebar-tasks .page-quick-sidebar-tasks-summary .task.low.out {
    border-right: 5px solid #35aa47;
}

.badge.chatbadgetask {
    margin-left: 4px;
    color: black;
}

#quickChatShowTasksButton .badge {
    background-color: orange;
}

#quickChatShowTasksButtonLabel {
    color: orange;
}

#quickChatShowTasksButtonLabel:hover {
    color: #b0b0b0;
    text-decoration: underline;
}

.portlet-title.tabbable-line .caption #dashboardNewTaskButton {
    margin-left: 15px;
}

.page-quick-sidebar-tasks-summary h3 {
    font-size: 16px;
}

.caption-subject.bold.uppercase {
    color: #000;
}

.input-group.col-md-8 {
    padding-right: 15px;
    padding-left: 15px;
}

#Dashboard .badge.badge-success.badge-roundless {
    background-color: #428bca;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.05);
}

.mt-actions .mt-action-body .mt-action-row .mt-action-buttons {
    padding-top: 0 !important;
}

.mt-action-body .mt-action-row .mt-action-datetime,
.mt-action-buttons {
    vertical-align: middle !important;
}

.mt-action-body .mt-action-row .mt-action-datetime .label {
    font-size: 12px !important;
    margin-left: 15px;
    min-width: 50px !important;
    display: inline-block !important;
}

/* barva priority */

.mt-action-body .mt-action-row .mt-action-datetime .label.label-success {
    background-color: #35aa47;
}

.dropdown-menu li .label-success {
    background-color: #35aa47;
}

.filter-option.pull-left .label-success {
    background-color: #35aa47;
}

.modal-body .bootbox-body p > .label-success {
    background-color: #35aa47;
}

a > span.label.lable-sm {
    min-width: 80px !important;
    display: inline-block !important;
}

#frmTaskForm button > span.filter-option.pull-left > span {
    min-width: 80px !important;
    display: inline-block !important;
}

.draggable {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.draggable:active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

.headerHelpVideoSection {
    margin-bottom: 1.5%;
}

.modal-body #fsp_divHelp,
#fsp_divHelp:hover {
    color: #333333;
}

.cbp-item-wrapper .nonActivePremiumServices {
    -webkit-filter: opacity(0.4);
    filter: opacity(0.4);
}

.cbp-caption-defaultWrap {
    background-color: #fff;
}

#premiumServices .portfolio-content {
    display: block;
}

#userProfilePhotoSidebar {
    width: 70px;
    height: 70px;
}

#userProfilePhotoSidebar img {
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 100% !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 4px solid #dadada;
    margin-right: 15px;
    background-image: url('/Styles/Images/Clients/no_image.png');
    background-color: #fff;
}

#qsb_divPersonalInfo #customTagInfo {
    /* width: 235px; */
    /* float: left; */
    /*border-right: 20px !important;
    position: relative;
    right: 0px;
    top: 15px;*/
    padding: 10px 0;
}

#qsb_divPersonalInfo .feeds.list-items {
    margin-top: 10px;
}

#qsb_divPersonalInfo #userProfilePhotoSidebar {
    float: left;
    margin: 5px;
}

#qsb_txtAlert {
    white-space: normal;
    display: block;
    margin: auto;
    width: 100%;
    line-height: 1.3em;
    text-align: left;
    background-color: #c84d54;
}

#qsb_txtAlert hr {
    margin: 10px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* .sidebar-rating-bar {
    
} */

/*Hide some features - DO NOT DELETE THIS

.noInsurance, .noDental, .noOBooking, .noForms, .noMarketing, .noNotifivation, .noPrintForms, .noInvoiceClient, .noExternal, .noLab {
    display: none !important;
}
*/

/*Hide some features - DO NOT DELETE THIS*/

.noXdent {
    display: none !important;
}

[v-cloak] {
    display: none;
}

/*

    Call/Dashboard

*/

#incomingCallTabs .dashboard-call-tab-close {
    color: lightgray;
    position: relative;
    top: -2px;
    right: -8px;
}

#incomingCallTabs .dashboard-call-tab-close:hover {
    color: darkred;
}

.modal-incoming-call .mt-action-datetime {
    text-align: left !important;
}

.mt-phone-info {
    padding-left: 15px;
    padding-top: 15px;
}

.mt-actions .mt-action {
    margin: 0px;
    padding: 15px 0 15px 0;
    border-bottom: 1px solid #f7f8f9;
}

.mt-actions .mt-action:last-child {
    border-bottom: 0px;
}

.mt-actions .mt-action .mt-action-img {
    width: 40px;
    float: left;
}

.mt-actions .mt-action .mt-action-img > img {
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    margin-bottom: 2px;
}

.mt-actions .mt-action .mt-action-body {
    padding-left: 15px;
    position: relative;
    overflow: hidden;
}

.mt-actions .mt-action .mt-action-body .mt-action-row {
    display: table;
    width: 100%;
}

.mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info {
    display: table-cell;
    vertical-align: top;
}

.mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-icon {
    display: table-cell;
    padding: 6px 20px 6px 6px;
}

.mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-icon > i {
    display: inline-block;
    position: relative;
    top: 10px;
    font-size: 25px;
    color: #78e0e8;
}

.mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details {
    display: table-cell;
    vertical-align: top;
}

.mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details .mt-action-author {
    color: #060606;
    font-weight: 600;
}

.mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details .mt-action-desc {
    margin-bottom: 0;
    color: #999b9b;
}

.mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime {
    vertical-align: top;
    display: table-cell;
    text-align: center;
    width: 150px;
    white-space: nowrap;
    padding-top: 15px;
    color: #a6a8a8;
}

.mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime .mt-action-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50% !important;
    margin-left: 5px;
    margin-right: 5px;
}

.mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-buttons {
    vertical-align: top;
    display: table-cell;
    text-align: center;
    width: 160px;
    white-space: nowrap;
    padding-top: 10px;
}

@media (max-width: 767px) {
    /* 767px */
    .mt-actions .mt-action .mt-action-body .mt-action-row {
        display: block;
    }

    .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info {
        display: block;
    }

    .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime {
        display: inline-block;
        margin-left: 40px;
    }

    .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-buttons {
        float: right;
    }
}

#quickChatMessageInput {
    padding-right: 25px !important;
    padding-left: 5px !important;
}

#notificationLegalProtect .dropdown-toggle > i {
    color: rgba(132, 158, 209, 1);
}

/* Custom tags */

.ct-tags-container {
    margin: -3px;
}

.ct-editing-panel .add-new-tag-wrapper > div:first-child {
    padding: 0 !important;
    padding-right: 6px !important;
    width: calc(100% - 140px);
}

.ct-editing-panel .add-new-tag-wrapper > div:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    padding-right: 6px !important;
    width: calc(40px);
}

.ct-editing-panel .add-new-tag-wrapper > div:nth-child(3) {
    padding: 0 !important;
    padding-right: 6px !important;
    width: calc(80px);
}

.ct-editing-panel #colorHolder {
    left: 0 !important;
}

.ct-editing-panel .evo-pointer.evo-colorind {
    width: 32px;
    height: 32px;
    border-radius: 4px !important;
    display: flex;
    align-items: center;
    justify-content: right;
    cursor: pointer;
}

.ct-cp .evo-pointer.evo-colorind {
    width: 35px;
    height: 35px;
    border-radius: 4px !important;
    display: flex;
    align-items: center;
    justify-content: right;
    cursor: pointer;
    border: 1px solid black;
}

.ct-tag .fass,
.ct-tag .fasr {
    margin-top: 0 !important;
}

.ct-tag {
    float: left;
    padding: 3px 6px;
    margin: 3px;
    color: #fff;
    font-size: 13px;
    line-height: 1;
    cursor: default;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    float: left;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ct-editing-panel .ct-tag {
    max-width: calc(100% - 10px) !important;
}

.ct-tag span.enabled-edit {
    overflow-x: clip;
    white-space: nowrap;
    max-width: calc(100% - 24px);
    float: left;
}

.ct-tag.low-contrast {
    color: #000;
}

.ct-tag i {
    cursor: pointer;
    line-height: 1;
    font-size: 100%;
}

.ct-tag .ct-delete-tag {
    color: #fff !important;
    margin-left: 12px;
    margin-right: 2px;
}

.ct-tag.low-contrast .ct-delete-tag {
    color: #000 !important;
}

.cursor-pointer {
    cursor: pointer;
}

.ct-tag.ct-add-tag {
    cursor: pointer;
    border: 0;
    margin: 3px;
}

.ct-tag.ct-add-tag i {
    color: #000 !important;
}

.ct-editing-panel {
    position: absolute;
    width: 400px;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.4) !important;
    z-index: 10050;
    background: white !important;
    border: none !important;
}

.ct-editing-panel .ct-tag {
    padding: 8px;
    padding-left: 12px;
    padding-right: 12px;
}

.ct-editing-panel .panel-heading {
    padding: 15px;
    background: #fff;
    border: 0;
}

.ct-editing-panel .panel-body::after,
.panel-heading.clearfix::after {
    content: ' ';
    display: block;
    width: 100%;
    background: var(--xdent-gray);
    height: 1px;
    margin-top: 30px;
}

.ct-editing-panel .edit-ct-wrapper {
    width: 100%;
    padding: 15px;
    display: flex;
    justify-content: left;
    align-items: center;
}

.ct-editing-panel .edit-ct-wrapper button {
    color: #fff !important;
    background: var(--xdent-gray-dark) !important;
}

.ct-editing-panel .panel-heading h4 {
    margin: 0 0 15px 0px;
    color: var(--xdent-gray-dark);
}

.ct-editing-panel .panel-heading .fa-tag,
.ct-editing-panel .panel-heading .fa-plus-square {
    font-size: 24px !important;
    margin-right: 10px;
}

.ct-editing-panel .panel-heading .ct-close-panel {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 2em;
    line-height: 2;
    text-align: center;
    cursor: pointer;
    color: #000;
    opacity: 0.3;
}

.ct-editing-panel .panel-heading .ct-close-panel:hover {
    opacity: 0.7;
}

.ct-editing-panel input[name='color'] {
    display: none;
}

.ct-editing-panel input[name='tagname'] {
    width: 100%;
    margin-left: 0px;
    border-left: none;
}

.ct-editing-panel .input-group:focus-within .input-group-addon {
    border: 1px solid #999;
}

.ct-editing-panel .input-group-addon {
    background: white;
    border: 1px solid #e5e5e5;
    border-right: none !important;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

/* .ct-editing-panel #colorHolder {
    position: absolute;
    top: 0;
    left: 0 !important;
    width: 34px;
    height: 34px;
    border: 0;
} */

.ct-editing-panel .ct-tag {
    cursor: pointer;
    padding: 10px;
    white-space: nowrap;
}

.evo-pop,
.evo-pop * {
    box-sizing: content-box;
}

.csvExampleDown {
    font-size: 1.5rem;
}

/* PREMIUM CLIN. FIN */

.loanInfoRightPanel .cont-col2 .desc,
#moneyLoanSizeRP,
#moneyLoanMonthRP {
    margin: 0;
}

.moneyBarClinicSlide {
    margin: 0 0 40px 0;
}

.monthBarClinicSlide {
    margin: 0;
}

.info_finClinic_slide {
    margin: 20px 0 0 0;
}

.loanSliderLeftPanel {
    margin-bottom: 40px;
}

.loanInfoRightPanel .cont-col2 .desc {
    text-align: left;
}

#acptCondClinicCredit {
    margin-right: 15px;
}

#acptCondClinicCreditMod .ClinicCreditMod {
    margin: 0 5px 20px 5px;
}

#financesClinicList .row.margin-bottom-20.margin-top-20.stories-cont {
    margin-left: 0;
    margin-right: 0;
}

#PremiumServicesLink {
    color: #f1c40f;
    font-family: 'Grand Hotel', cursive;
    font-weight: 400;
    font-size: 20px;
}

#PremiumServicesLink i {
    color: #f1c40f;
}

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

.userlike-button-bubble {
    display: none;
}

[contenteditable='true']:empty:before {
    content: attr(placeholder);
    color: dimgrey;
    display: block;
    /* For Firefox */
}

#sidebar-client-budget-plans {
    padding: 5px 10px;
    color: #d9d9d9;
}

/* Simple timeline */

.simple-timeline {
    list-style: none;
    margin: 0;
    padding: 0;
}

.simple-timeline li {
    position: relative;
    padding: 10px 0 10px 20px;
    margin: 0;
}

.simple-timeline li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    z-index: 1;
}

.simple-timeline li.timeline-warning:before {
    background: #ff0000;
}

.simple-timeline li:last-child:before {
    background: none;
}

.simple-timeline .timeline-bullet {
    position: absolute;
    left: 0;
    top: 10px;
    width: 1em;
    height: 1em;
    font-size: 14px;
    /* change bullet size only with font-size */
    background: #ff0000;
    margin-left: -0.5em;
    border-radius: 100%;
    z-index: 1;
}

.mce-bs-colorpicker-wrapper {
    margin: 6px !important;
}

.mce-bs-colorpicker .colorpicker {
    padding: 0;
    min-width: 100px;
}

.mce-bs-colorpicker .mce-hex-color {
    display: block;
    width: 109px;
    margin-bottom: 5px;
}

.mce-bs-colorpicker-wrapper .mce-btn {
    margin-top: 5px;
    display: block;
}

.mce-bs-colorpicker-wrapper .mce-hex-color-confirm {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

/* overriding plugins.css; set higher z-index due to multiple modals and tinymce dialogs */

.modal .colorpicker,
.modal .datepicker,
.modal .daterangepicker,
.modal .datetimepicker,
.modal .bootstrap-timepicker-widget,
.modal .clockface {
    z-index: 100000 !important;
}

.modal-open .select2-drop-mask {
    z-index: 100001;
}

.modal-open .select2-drop {
    z-index: 100002 !important;
}

.modal-open .select2-search {
    z-index: 100003;
}

/* New sidebar tasks */

#quickTaskMessageInput {
    padding-right: 25px !important;
    padding-left: 5px !important;
    overflow: hidden;
    height: 50px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-task-nav .sidebarTaskRecipientInfo {
    font-size: 1.3em;
    text-align: center;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-task-user-form {
    padding: 20px 10px 15px 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-task-nav .sidebarTaskText {
    border: 1px solid white;
    padding: 12px;
    margin: 0;
    margin-top: 6px;
    border-radius: 8px !important;
    white-space: pre-line;
    max-height: 600px;
    overflow-y: scroll;
}

@media only screen and (max-width: 800px) {
    .page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-task-nav .sidebarTaskText {
        max-height: 200px;
    }
}

.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-task-nav {
    padding: 16px;
    color: #d9d9d9;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.75);
}

.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-task-nav .sidebarTaskHeader {
    margin-top: 8px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-task-nav .sidebarTaskHeader p {
    margin-bottom: 2px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-task-nav .sidebarTaskHeader .sidebarTaskHeaderPart {
    border-left: solid 4px;
    padding-left: 8px;
    margin-left: 1px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-task-user-messages .taskmessage {
    background-color: #4b5863;
    padding: 8px;
    margin: 0 8px;
    margin-top: 8px;
    color: white;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.75);
}

.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-task-user-messages .taskmessage:first-child {
    margin-top: 12px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-task-user-messages .taskmessage::after {
    content: '';
    clear: both;
    display: table;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-task-user-messages .taskmessage.out {
    background-color: #36424c;
    text-align: end;
    margin-left: 16px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-task-user-messages .taskmessage.in {
    text-align: start;
    margin-right: 16px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-task-user-messages .taskmessage.sys .body {
    font-size: 0.85em;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-task-user-messages .taskmessage.sys.out {
    background: #333333;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-task-user-messages .taskmessage.sys.in {
    background: #505050;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-task-user-messages .taskmessage .author {
    float: right;
    font-weight: bold;
    font-size: 0.85em;
    color: #aaa;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-task-user-messages .taskmessage.out .author {
    float: left;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-task-user-messages .taskmessage .datetime {
    font-size: 0.85em;
    float: left;
    color: #aaa;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-task-user-messages .taskmessage.out .datetime {
    float: right;
}

ul.dt-button-collection.dropdown-menu {
    z-index: 11000;
}

.dt-hide-false-value .glyphicon-remove {
    display: none;
}

/* HELP INFO PANEL*/

#helpInfo {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

#salesRepre {
    width: 47%;
    min-width: 200px;
}

.support-dialog-subheader {
    font-weight: 600;
    margin-bottom: 5px;
}

/* #salesRepreImg {
} */

#salesRepreImg .srPhoto {
    border: 1px solid #ffffff;
    border-radius: 50% !important;
}

#salesRepre .srName {
    font-size: 20px;
    font-weight: 600;
    color: #f1353d;
    margin-bottom: 7px;
}

#salesRepre .srPhone {
    margin-top: 2px;
}

/* #salesRepre .srEmail {
    font-size: 15px;
} */

/* Context help icon */

.xdt-help-icon {
    font-family: FontAwesome;
    font-style: normal;
    color: #4b8df8;
    line-height: 1;
    font-size: 100%;
    padding: 0;
    cursor: help;
    vertical-align: middle;
}

.xdt-help-icon > span {
    display: none;
}

.tooltip.xdt-context-help .tooltip-inner {
    text-align: left;
    padding: 15px;
    max-width: 350px;
}

.xdt-help-icon::before {
    content: '\f059';
}

.xdt-help-icon[data-icon-type='warning']::before {
    content: '\f071';
    color: red;
}

.xdt-help-icon[data-icon-type='info']::before {
    content: '\f05a';
}

#supportContacts {
    width: 65%;
    min-width: 250px;
    text-align: center;
    margin: 30px 0 0 20px;
}

.helpDot {
    font-size: 50px;
    display: inline-block;
    line-height: 35px;
    vertical-align: middle;
    padding: 0 0 10px 0;
}

#frmSupport .help_tv_logo {
    vertical-align: unset;
}

#frmSupport .modal-footer a:link {
    color: rgb(14, 141, 232);
}

/* #frmSupport .tvFooterText {
    color: #0E8BE7;
} */

#supportContacts .phoneMail {
    margin-bottom: 20px;
    /* width     : 50%; */
    min-width: 200px;
    text-align: left;
}

#supportContacts .supContent {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
}

#supportContacts .nadpis {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    color: #f1353d;
}

#supportContacts .blocks {
    text-align: left;
    cursor: pointer;
}

#supportContacts .blocks div:hover {
    background: rgba(0, 0, 0, 0.05);
}

/* Soft icon */

.fa.soft-icon {
    position: relative;
    background: none;
    border: 0;
    font-size: 100%;
    /* adapt size to parent */
    color: rgba(0, 0, 0, 0.3);
    text-align: center;
    cursor: pointer;
    width: 1em;
    height: 1em;
}

.fa.soft-icon:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 1;
}

.fa.soft-icon:hover {
    color: rgba(0, 0, 0, 0.7);
}

.fa.soft-icon.soft-icon-danger:hover {
    color: #a21111;
}

@media only screen and (max-width: 576px) {
    #salesRepreImg {
        margin-bottom: 15px;
    }

    #supportContacts {
        margin: 0;
    }

    #supportContacts .supContent {
        display: inline-block;
        text-align: center;
    }

    #supportContacts #salesRepre {
        margin: 0;
        margin-bottom: 10px;
    }

    #supportContacts .phoneMail {
        text-align: center;
    }

    #supportContacts .phoneMail .nadpis {
        margin: 0;
    }

    #supportContacts .blocks {
        display: inline-grid;
    }

    #supportContacts .blocks div.col-xs-6 {
        width: 100%;
    }
}

@media only screen and (max-width: 992px) {
    #supportContacts {
        width: 100%;
        min-width: 100%;
    }
}

/* Invoice payment modal */

#payment-modal .modal-title {
    float: left;
    max-width: calc(100% - 150px);
}

#payment-modal .pm-icons {
    float: right;
    margin-right: 30px;
}

#payment-modal .modal-header .close {
    margin: 2px 5px 0 0 !important;
}

#payment-modal .pm-icons > .btn {
    float: left;
}

#payment-modal input[type='number']::-webkit-outer-spin-button,
#payment-modal input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

#payment-modal .payment-history {
    margin-bottom: 15px;
}

#payment-modal .payment-history td {
    vertical-align: middle;
}

#payment-modal .messages > .alert {
    margin: 0 0 15px 0;
}

#payment-modal .messages > .alert:last-child {
    margin: 0;
}

#payment-modal .messages > .alert-dismissible .close {
    top: 0;
}

/* FLEX CLASSes */

.dFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dFlexCenter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* Vertical Centering */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* Horizontal Centering */
}

.dFlexHorizon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* Horizontal Centering */
}

.dFlexVertical {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* Vertical Centering */
}

.dFlexFlowColWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
}

.dFlexWrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* Staff select  */

.bs-container.staff-select li.dropdown-header {
    color: #333;
    font-size: 100%;
    font-weight: bold;
}

.bs-container.staff-select .dropdown-menu {
    min-width: 400px;
    /* to prevent longer names wrapping */
}

.bs-container.staff-select .dropdown-menu li > a {
    white-space: normal;
}

/* VUE spinner component */

.vue-spinner {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.4);
    flex-direction: column;
    gap: 0.5em;
    padding: 10px;
    cursor: not-allowed;
}
.vue-spinner.overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

/* XDT spinner component */

.xdt-spinner {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    flex-direction: column;
    gap: 0.5em;
    cursor: loading;
}
.xdt-spinner.overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

/* Star component */

.vue-stars {
    padding-top: 10px;
    padding-bottom: 10px;
}

.vue-stars .fass,
.vue-stars .fasr {
    font-size: 21px !important;
    margin-right: 10px;
}

.vue-stars .fa-star,
.vue-stars .fa-star-half-o {
    color: #e9672b;
}

/* SVG circle spinner */

.svg-circle-spinner {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px;
}

.svg-circle-spinner .path {
    stroke: #fff;
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

/* History modal */

.history-xl-modal {
    width: 95%;
}

/* Icom in column mapping drodown - Import */
.import-column-lang-flag {
    width: 1.4em;
    vertical-align: middle;
    opacity: 0.5;
    margin-left: 5px;
}

table.labino-import th:nth-child(8),
table.labino-import td:nth-child(8) {
    /* background-color: yellow !important; */
    display: none;
}

.sort-handler {
    display: block;
    flex-shrink: 0;
    width: 1em;
    height: 2em;
    opacity: 0.4;
    cursor: move;
    cursor: -webkit-grab;
    margin-right: 5px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU0IiBoZWlnaHQ9IjI3NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMzAiIHN0cm9rZS1kYXNoYXJyYXk9IjAsNjEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZD0iTTQ2IDQ2djE4OW02MS02VjQwIi8+PC9zdmc+)
        no-repeat center;
    background-size: contain;
    user-select: none;
}

/* COMMON STLYES todo: MOVE TO COMMONSTYLES */
.phone-input-vue {
    width: calc(100% - 72px - 18px) !important;
    float: left;
}

.small-select {
    width: 120px !important;
    float: left;
}

.phone-prefix-vue {
    margin-right: 10px;
    float: left;
    width: 80px !important;
}

.import-action-row {
    display: flex;
    flex-wrap: wrap;
}

.import-action-row > .btnImportConfirmBtn {
    margin-left: auto !important;
    float: right;
}

.import-batch-actions-placeholder {
    margin: 10px 15px 10px 10px;
}

.bootbox-checkbox .modal-body {
    margin-left: 30px;
}

.tooltip-wrapper-compact {
    width: fit-content;
    display: inline-block;
}

.tooltip-wrapper {
    width: fit-content;
}

.fitContent600.tooltip-inner {
    width: fit-content;
    max-width: 600px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.large.tooltip-inner {
    width: 300px;
    max-width: 400px;
    text-align: left;
}

.extraLarge.tooltip-inner {
    width: fit-content !important;
    max-width: 1200px !important;
    text-align: left;
}

#pair-request-widget .items-wrapper a {
    color: white;
}

#pair-request-widget .items-wrapper .blue {
    color: rgba(132, 158, 209, 1);
}

#pair-request-widget .items-wrapper .blue:hover {
    text-decoration: underline;
}

#pair-request-widget .action-buttons-wrapper {
    padding: 10px;
    text-align: right;
}

#pair-request-widget .action-buttons-wrapper a:hover {
    text-decoration: none;
}

.LAB_OVERVIEW_RESTRICTED,
.MARKETPLACE_RESTRICTED {
    display: none !important;
}

.labino-l {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: -4px;
}

.community-redirect{
    padding:11px !important;
}

.community-redirect:hover, .community-redirect:focus{
    background-color: #393939 !important;;
}

.community-l{
    width: 24px;
    height: 24px;
}

.timestamp.tooltip-inner {
    width: 250px;
    max-width: 350px;
    text-align: left;
}

.timestamp.tooltip-inner * {
    /* inb4 to jagoda bude chtít změnit na 550 ale to nejde :rtzW: */
    font-weight: 600 !important;
}

.medium.tooltip-inner {
    width: 200px;
    max-width: 350px;
    text-align: left;
}

.tooltip-wrapper-compact .white .tooltip-inner,
.tooltip-wrapper .white .tooltip-inner {
    color: var(--labino-gray-darkest);
    background-color: white !important;
    -webkit-box-shadow: 0px 0px 10px 0px #000000;
    box-shadow: 0px 0px 10px 0px #000000;
}

.tooltip-wrapper-compact .white .tooltip-arrow,
.tooltip-wrapper .white .tooltip-arrow {
    border-top-color: white !important;
}

.tooltip.in.white {
    opacity: 1 !important;
}

.large.tooltip-inner {
    width: 300px;
    max-width: 400px;
    text-align: left;
}

.labino-green-text {
    color: var(--labino-green) !important;
}

.ares-compare-values {
    text-decoration: underline;
    text-decoration-style: dotted;
    color: #930000;
}

.ares-compare-values:hover {
    color: #ff0000;
}

.ares-value {
    font-size: 16px;
}

.gwt-SuggestBoxPopup {
    z-index: var(--plugin-z-index) !important;
}

.center-controls {
    display: flex;
    justify-content: center;
    align-items: center;
}

.va-middle {
    vertical-align: middle !important;
}

.number-input-without-arrows::-webkit-outer-spin-button,
.number-input-without-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* vue */
.number-input-without-arrows::-webkit-outer-spin-button,
.number-input-without-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.number-input-without-arrows {
    -moz-appearance: textfield;
}

.pre-accountNumber {
    width: 70px !important;
    display: inline-block !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.accountNumber {
    min-width: 98px !important;
    /* 100% - (preAccWidth + bankCodeWidht + (/ width) + (- width)) */
    width: calc(100% - 70px - 50px - 23px) !important;
    display: inline-block !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.bankCode {
    width: 50px !important;
    display: inline-block !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.vue-image-picker-outer-wrapper ul {
    position: initial !important;
}

.vue-image-picker-wrapper {
    width: 150px;
    height: 150px;
    border: 1px solid gray;
    border-radius: 100%;
    position: block; /* aby to nezabiralo misto tak dej absolute */
    cursor: pointer;
    background-size: 100% 100%;
}

.position-absolute .vue-image-picker-wrapper {
    position: absolute; /* aby to nezabiralo misto */
}

.free-box .vue-image-picker-wrapper {
    width: auto;
    height: auto;
    max-width: var(--img-max-width, 330px) !important;
    max-height: var(--img-max-height, 130px) !important;
    min-width: var(--img-min-width, 130px) !important;
    min-height: var(--img-min-width, 130px) !important;
    border: 1px solid gray;
    border-radius: 0% !important;
}

.round-cropper .cropper-crop-box {
    border-radius: 50% !important;
}

.round-cropper .cropper-view-box {
    border-radius: 50% !important;
}
.time-input-wrapper {
    margin-bottom: 10px;
    padding-left: 68px;
    float: left;
    width: 100%;
}

.cropper-canvas > img {
    border-radius: 0 !important;
}

.time-input {
    display: inline-block !important;
    width: 140px !important;
}

.time-input-wrapper .timepicker {
    width: 140px;
    float: left;
    margin-left: 30px;
}

/* .time-input-wrapper .time-input-icon-wrapper {
    width: 48px;
    height: 34px;
    display: inline-block;
    background: rgba(1,1,1,0.1);
    position: relative;
    left: -52px;
    top: 0px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
} */

.time-input-wrapper .title {
    display: inline-block;
    width: 120px;
    text-align: right;
    padding-right: 18px;
}

.time-input-wrapper .fa-clock-o {
    position: relative;
    /* left: -30px; */
    font-size: 15px;
    /* top   : 2px; */
    color: var(--labino-gray) !important;
}

.time-input-wrapper .devider {
    margin-left: -21px;
}

/* === */

.text-overflow-ddd {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-overflow-ddd-dt {
    max-width: 20vw;
    min-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.width-80 {
    width: 80% !important;
}

.width-80 .dropdown-menu.open {
    max-width: 300px;
}

.white .tooltip-inner {
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid gray;
    color: black;
    text-align: left;
}

.dt-dragger {
    width: 20px;
    height: 30px;
    opacity: 0.4;
    background: url(./Icons/drag-area.svg) no-repeat center;
    background-size: contain;
    cursor: move;
    display: inline-block;
}

.dt-dragger.disabled {
    display: none;
}

.dt-dragger-col {
    width: 20px;
    text-align: center;
    text-justify: middle;
}

.sortable-dt thead tr th.dt-dragger-col::after {
    content: none !important;
}

.note.note-info {
    text-align: left;
}

.vue-colorpicker {
    display: inline-block;
}

.vue-colorpicker .form-control {
    width: 90px;
}

.super-flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.p-e-none {
    pointer-events: none;
}

.lab-option {
    width: 3px;
    height: 20px;
    display: inline-block;
    margin-bottom: -5px;
    margin-left: -5px;
    margin-right: 5px;
}

.typeAheadCodesHolder_withColor {
    display: flex;
}

.typeAheadCodesHolder_withColor::before {
    content: ' ';
    background: var(--lab-color, 'none');
    width: 5px;
    display: block;
    flex-shrink: 0;
    margin-right: 10px;
}

.typeAheadCodesHolder_withColor .inner-content {
    width: calc(100% - 10px);
}

/* Redudancy for legacy resons */
.div-with-color-bit {
    display: flex;
}

.div-with-color-bit::before {
    content: ' ';
    background: var(--bit-color, 'none');
    width: 5px;
    margin-right: 5px;
    display: block;
}

.div-with-color-bit .inner-content {
    width: calc(100% - 15px);
}

.red-text {
    color: red;
}

/* color pick */
.color-picker-main .color-picker-textarea {
    visibility: hidden !important;
}
.color-picker-main .color-button {
    width: 32px;
    height: 32px;
    background-color: #000;
    cursor: pointer;
    border-right: 1px solid rgb(200, 200, 200);
    flex-shrink: 0;
}
.color-picker-main .color-button[data-loading='true'] {
    cursor: progress;
}
.color-picker-main {
    position: relative;
    max-width: 115px;
}
.color-picker-main.color-picker-no-transparency .mce-colorbtn-trans {
    display: none !important;
}
.color-picker-main .color-text {
    width: fit-content;
    font-size: 14px;
}
.color-picker-main input {
    width: 100%;
    border: none;
    font-size: 14px;
}
.color-picker-main input:focus-visible {
    border: none;
    outline: none;
}
.color-picker-main .mce-floatpanel {
    top: 100% !important;
    left: 18px !important;
    z-index: 100;
}

.bs-tabs .nav-item > a:hover,
.bs-tabs .nav-item > a:focus {
    background: none;
}

.bs-tabs .nav-item > a {
    color: rgb(75, 75, 75);
    padding: 7px 15px;
}

.bs-tabs .nav-item > a.activated {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-right: 0px !important;
    border-bottom: 1px solid white;
    font-weight: 700;
}

.bs-tabs .nav-item:first-child > a.activated {
    border-left: 1px solid white;
}
.color-picker-main .mce-container[data-colorbox] {
    left: 0 !important;
}
.color-picker-main .mce-container[data-colorbox] .mce-arrow {
    left: 20px !important;
}

/* widget global styles */
.custom-grid-stack-card {
    height: 100%;
    background-color: #fff;
    box-shadow: 0px 2px 12px rgba(37, 51, 66, 0.15);
    border-radius: 8px !important;
    box-sizing: border-box;
    overflow-y: hidden;
    overflow-x: hidden;
}
.grid-stack-custom-item[data-table-sticky='true'] .table-responsive {
    overflow-x: inherit !important;
}
.grid-stack-custom-item[data-table-sticky='true'] .table-responsive thead {
    position: sticky;
    top: 0;
    z-index: 10;
}
.grid-stack-custom-item .custom-grid-stack-card .icon-demaximalize-widget {
    display: none;
}
.grid-stack-custom-item[data-widget-size-type='maximalized'] .custom-grid-stack-card .icon-demaximalize-widget {
    display: block;
}
.grid-stack-custom-item[data-widget-size-type='maximalized'] .custom-grid-stack-card .icon-maximalize-widget {
    display: none;
}
.custom-grid-stack-card .btn-widget-control {
    width: 32px;
    height: 32px;
    border-radius: 50% !important;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0.8;
}
.custom-grid-stack-card .btn-widget-control:hover {
    opacity: 1;
}
.custom-grid-stack-card .btn-widget-control i {
    margin-top: 0 !important;
}
/* header stuff */
.custom-grid-stack-card .card-header {
    padding: 0 25px;
    padding-bottom: 15px;
    padding-top: 20px;
    border-bottom: 1px solid #ecf0f2;
    height: 65px;
}
.grid-stack[data-is-edit-mode='false'][data-is-not-today-gd='true'] .custom-grid-stack-card[data-hardset-date='true'] .card-header {
    background-color: #d7f1d8;
}
.grid-stack[data-is-edit-mode='true'] .custom-grid-stack-card .card-header {
    background-color: #e7e7e7;
}
.grid-stack-custom-item[data-header-tabbed='true'] .card-header {
    border-bottom: none !important;
}
.custom-grid-stack-card .card-header .btn-widget-controla :first-child {
    margin-right: 14px;
}
.custom-grid-stack-card #card-title {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #343a40;
    margin-bottom: 3px;
}
.custom-grid-stack-card #card-subtitle {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #868e96;
}

.custom-grid-stack-card .std-action-btn {
    color: #339af0;
    opacity: 0.8;
    cursor: pointer;
}
.custom-grid-stack-card .std-action-btn:hover {
    opacity: 1;
}

.custom-grid-stack-card .card-content {
    border-bottom: 1px solid #ecf0f2;
    height: calc(100% - 65px);
}
.grid-stack-custom-item[data-widget-size-type='compact'] .btn-downsize {
    cursor: default !important;
    pointer-events: none;
    opacity: 0.35;
}
.grid-stack-custom-item[data-widget-size-type='wide'] .btn-upsize,
.grid-stack-custom-item[data-widget-size-type='maximalized'] .btn-upsize {
    cursor: default !important;
    pointer-events: none;
    opacity: 0.35;
}
.grid-stack-custom-item .demaximalize {
    display: none !important;
}
.grid-stack-custom-item[data-widget-size-type='maximalized'] .maximalize {
    display: none !important;
}
.grid-stack-custom-item[data-widget-size-type='maximalized'] .demaximalize {
    display: flex !important;
}
.custom-grid-stack-card .card-footer {
    padding: 0 25px;
    padding-top: 20px;
    height: 5vh;
}
.custom-grid-stack-card .card-footer .widget-hider {
    cursor: pointer;
}
.custom-grid-stack-card .card-footer .maximalize,
.custom-grid-stack-card .card-footer .demaximalize {
    cursor: pointer;
}
.custom-grid-stack-card .card-footer #maximalize-text {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    color: #343a40;
    margin-right: 15px;
    text-transform: uppercase;
}
.icon-move-widget {
    width: 17px;
    height: 17px;
    background-image: url('/Styles/Images/move_widget.svg');
    background-position: center;
}
.icon-hide-widget {
    background-image: url('/Styles/Images/hide_widget.svg');
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
}
.icon-no-data-widget {
    background-image: url('/Styles/Images/no-widget-data.svg');
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 4px;
}
.icon-upsize-widget {
    background-image: url('/Styles/Images/upsize-widget.svg');
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
}
.icon-downsize-widget {
    background-image: url('/Styles/Images/downsize-widget.svg');
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
}
.icon-maximalize-widget {
    background-image: url('/Styles/Images/maximalize-widget.svg');
    width: 18px;
    height: 18px;
    background-position: center;
}
.icon-demaximalize-widget {
    background-image: url('/Styles/Images/demaximalize-widget.svg');
    width: 18px;
    height: 18px;
    background-position: center;
}
.icon-sms-widget {
    background-image: url('/Styles/Images/sms-icon.svg');
    width: 21px;
    height: 21px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.icon-activate-filters-widget {
    background-image: url('/Styles/Images/activate-filters.svg');
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
}
.icon-activate-filters-widget-white {
    background-image: url('/Styles/Images/activate-filters-white.svg');
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
}
.icon-ab-arrow-right {
    background-image: url('/Styles/Images/widget-ab-arrow-right.svg');
    width: 31px;
    height: 31px;
    background-position: center;
}
.icon-shop-like {
    background-image: url('/Styles/Images/shop-like-icon.svg');
    width: 90px;
    height: 90px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.icon-shop-no-product {
    background-image: url('/Styles/Images/no-products.svg');
    width: 64px;
    height: 64px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.icon-ezdravie-full-btn {
    background-image: url('/Styles/Images/eZdravie-logo-btn.svg');
    width: 124px;
    height: 42px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
/*rvg ai iconset*/
.icon-analyze-upload-img {
    background-image: url('/Styles/Images/icon-analyze-upload-img.svg');
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.icon-analyze-tooth {
    background-image: url('/Styles/Images/icon-analyze-tooth.svg');
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.icon-analyze-process {
    /*missing - tyvole tak kdyz to chybi, tak to nekdo dondejte, nebo to zakomentujte, more mam furt chyby v konzoli z toho*/
    /*background-image: url('/Styles/Images/icon-analyze-process.svg');*/
    width: 124px;
    height: 42px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.icon-analyze-done {
    background-image: url('/Styles/Images/icon-analyze-done.svg');
    width: 16px;
    height: 12px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.icon-analyze-ai {
    background-image: url('/Styles/Images/icon-analyze-ai.svg');
    width: 48px;
    height: 48px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.icon-analyze-ai-w {
    background-image: url('/Styles/Images/icon-analyze-ai-w.svg');
    width: 71px;
    height: 98px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.icon-analyze-ai-b {
    background-image: url('/Styles/Images/icon-analyze-ai-b.svg');
    width: 24px;
    height: 24px;
    margin-left: 6px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.grid-stack > .grid-stack-item {
    padding: 10px !important;
}
.grid-stack-custom-item[data-widget-visible='false'] {
    display: none !important;
    visibility: hidden !important;
}
.widget-manager-wrapper .ui-resizable-handle {
    display: none !important;
}
#add-new-widget,
#w-edit-btn {
    color: #39b54a;
    border: none;
    border-radius: 8px !important;
    width: 185px;
    margin-left: 10px;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
}
#w-edit-btn {
    padding: 7px 15px !important;
    width: fit-content;
    border: 1px solid #39b54a;
}
#add-new-widget .dropdown-menu {
    width: 100%;
}
#add-new-widget .dropdown-menu li {
    font-weight: bold;
}
#add-new-widget a {
    padding: 7px 10px;
    color: #39b54a;
    text-decoration: none;
}
.widget-option-dropdown {
    height: 40px;
}
.widget-option-dropdown span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #4a4a4a;
    transition: 0.25s ease-in-out;
}
.widget-option-dropdown span:hover {
    background-color: #ebebeb;
}

/* Bootstrap 5 customization */

.bs5-form-check {
    line-height: 1.5;
}
.bs5-form-check .bs5-form-check-input:focus {
    outline: 0;
}
/* Bigger checkboxes and radios */
.bs5-form-check:not(.bs5-form-switch) {
    padding-left: 1.9em !important;
}
.bs5-form-check:not(.bs5-form-switch) .bs5-form-check-input {
    width: 1.4em;
    height: 1.4em;
    margin-top: 0.05em !important;
    margin-left: -1.9em !important;
}

/* Font Awesome mapping v4.7.0 to v6 */

/* .fa.fa-file-text-o:before {
    content: '\f15c';
    font-weight: 400;
}
.fa.fa-calendar:before {
    content: '\f073';
}
.fa.fa-money:before {
    content: '\f3d1';
    font-weight: 400;
}
.fa.fa-bar-chart-o:before {
    content: '\e0e3';
}
.fa.fa-share-square-o:before {
    content: '\f14d';
}
.fa.fa-newspaper-o:before {
    content: '\f1ea';
}
.fa.fa-question-circle-o:before {
    content: '\f059';
    font-weight: 400;
}
.fa.fa-star-o:before {
    content: '\f005';
    font-weight: 400;
}
.fa.fa-trash-o:before,
.fa.fa-trash:before {
    content: '\f2ed';
    font-weight: 400;
}
.fa.fa-file-pdf-o:before {
    content: '\f1c1';
}
.fa.fa-envelope-o:before {
    content: '\f0e0';
    font-weight: 400;
}
.fa.fa-file-excel-o:before {
    content: '\f1c3';
    font-weight: 400;
}
.fa.fa-clock-o:before {
    content: '\f017';
    font-weight: 400;
} */

.clear-button {
    border: none;
    background: none;
}

/* SK */

.tatra-theme {
    --soft-bg: #f9f9f9;
}

/* Shorcuts help section Alt+H */
.help-shortcut-dialog-section {
    font-weight: 600;
    font-size: 18px;
    margin: 10px 0px 10px 0px;
}

.help-shortcut-dialog-row {
    display: flex;
    padding: 10px;
    border-bottom: 1px solid #efefef;
}

.help-shortcut-dialog-column {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding-right: 20px;
}

.help-shortcut-dialog-row-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 13px;
}

@media (max-width: 1023px) {
    .help-shortcut-dialog-row {
        flex-direction: column;
        gap: 10px;
    }
    .help-shortcut-dialog-column {
        width: 100%;
    }
}
/* Shorcuts help section Alt+H */

#tabXdentServiceInstall img {
    margin: 5px;
    border: #8a6d3b solid 1px;
}

#CommunitySupportChatWrapper {
    width: 46px;
    height: 46px;
    display: flex;
    justify-items: center;
    align-items: center;
    margin-left: 20px;
    /*margin-right: 10px;*/
}

.no-pointer-events {
    pointer-events: none;
    cursor: default !important;
}

/* Recaptcha */

.grecaptcha-badge {
    display: none;
}

.jscolor-wrap {
    z-index: 99999 !important;
}

.input-default {
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.input-default:focus {
    border-color: rgb(153, 153, 153);
    outline: 0;
}

.w-60 {
    width: 60% !important;
}

.w-25 {
    width: 25% !important;
}