/*#region Color sorting guide */
/* 
    Color sorting algorythm:
    Colors that have a difference between their RGB values of d <= 6% are considered grey and ordered by their Luminosity, 
    they receive number designations based on their luminosity
    The rest of the colors are ordered by their hue values into 6 separate groups in ranges of 60 degreee hues in which their order is 
    determined by their Luminosity as well. 
    Number designations based on hue and luminosity

    Color palette visualizations:
    Background colors: https://jsfiddle.net/gergelykamaras/L1a9suge/37/
    Foreground colors: https://jsfiddle.net/gergelykamaras/jn7ty8p6/15/
    Border colors: https://jsfiddle.net/gergelykamaras/d4acnf5t/33/
    Linear gradient backgrounds: https://jsfiddle.net/gergelykamaras/akcrz5h9/9/

    Color Code legend:
    bg -- background color
    fg -- foreground color
    bc -- border color

    tbc -- top border color
    bbc -- bottom border color
    lbc -- left border color
    rbc -- right border color

    lgbg -- linear-gradient background images
*/
/*#endregion */

/*#region Background-color */

/*#region Color list */
/*
    Background colors:
    
    Greys:
    #000000 -- cm-bg-0
    #0c0c12 -- cm-bg-5
    #1F1F26 -- cm-bg-13
    #5C5C5D -- cm-bg-36
    #606061 -- cm-bg-38
    #757577 -- cm-bg-46
    #808080 -- cm-bg-50
    #828284 -- cm-bg-51
    #CCCCCC -- cm-bg-80
    #e6e6ea -- cm-bg-91
    #FFFFFF -- cm-bg-100

    Colors:
    #FF0000 -- cm-bg-00050
    #FFCC00 -- cm-bg-04850

    #008000 -- cm-bg-12025
    #78DE54 -- cm-bg-10460

    #142E40 -- cm-bg-20516
    #245066 -- cm-bg-20027
    #356C89 -- cm-bg-20137
    #00BFFF -- cm-bg-19550
    #4287F5 -- cm-bg-21761
    #74B0CE -- cm-bg-20063
    #54AAFF -- cm-bg-21066
    #5CC5FF -- cm-bg-20168
    #ADD8E6 -- cm-bg-19579

    #800080 -- cm-bg-30025

    #8F1B1B -- cm-bg-35233
    #d94949 -- cm-bg-34757
*/
/*#endregion */

/*#region Difference between themes */

.cm-bg-20027,
.cm-header-simple {
    background-color: #245066;
}

/*#endregion */

/* input field highlights */
input:focus,
div.ms-dd:focus,
input.jqx-input:focus,
select:focus,
textarea:focus,
input.ui-autocomplete-input:focus {
    border-color: #54AAFF;
}

/*#region Shades of gray */

.cm-bg-0,
.cm-slide-label-rotator:hover,
.cm-container-content.cm-attachments .cm-attachment-preview .cm-attachment-overlay,
.cm-slide-label:hover ~ .cm-slide-label-rotator {
    background-color: #000000;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #000000;
}

.cm-bg-5,
.cm-bg-5-active:active {
    background-color: #0c0c12;
}

.cm-bg-13,
.cm-login-container,
body {
    background-color: #1F1F26;
}

.cm-bg-36,
.cm-overlay,
.ts-overlay {
    background-color: #5C5C5D;
}

.cm-bg-38,
.cm-cell,
.cm-container-header select option,
.ts-gd-middle-body-container .ui-widget-header, 
.ts-gd-sm-panel-name {
    background-color: #606061;
}

.cm-attachment-preview,
.cm-bg-46,
.cm-caseview-page .cm-report-form .cm-report-fied-item,
.cm-col.cm-side-panel,
.cm-configuration-sidebar,
.cm-configuration-sidebar.cm-side-panel,
.cm-container-content.cm-container .cm-sample-block .cm-container-header,
.cm-messages .cm-message-row td,
.cm-sample-block .cm-container-header,
.cm-side-panel .cm-casefolders,
.cm-side-panel .cm-filters,
.cm-side-panel .cm-userfolders,
.cm-smr-edit-filter,
.cm-smr-edit-rule,
.cm-smr-item-detail,
::-webkit-scrollbar-thumb,
.ts-gd-panel,
table tbody tr:nth-of-type(2n) td,
table.ts-gd-block-table tbody tr:nth-of-type(4n+1) td,
table.ts-gd-block-table tbody tr:nth-of-type(4n+2) td {
    background-color: #757577;
}

.cm-bg-50,
.cm-messages-table tr:nth-child(2n) td {
    background-color: #808080;
}

.cm-bg-51,
.cm-other-cases-container,
.cm-smr-item-detail:nth-child(odd),
.cm-tclist-page .list-item:nth-child(even) .cm-tc-row,
table tbody tr:nth-of-type(2n+1) td,
table.ts-gd-block-table tbody > tr:nth-of-type(4n+3) td,
table.ts-gd-block-table tbody > tr:nth-of-type(4n+4) td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
    background-color: #828284;
}

.cm-bg-80,
.cm-message .cm-container-content,
::-webkit-scrollbar-track {
    background-color: #CCCCCC;
}

.cm-attachments,
.cm-bg-91,
div[role='dialog'].ui-dialog[aria-describedby='tc-cases-dialog-container'],
.cm-caselist-page .cm-col.cm-caselist-panel,
.cm-caselist-page .cm-col.cm-casedetails-panel,
.cm-col,
.cm-configuration-content,
.cm-configuration-footer,
.cm-slidelist,
.cm-smr-content,
.ts-gd-middle-body-tabs-content {
    background-color: #E6E6EA;
}

.cm-bg-100,
.cm-login,
.cm-login-product-label,
.cm-message .cm-body,
.cm-reencryption-container,
.combobox-container,
.jqx-fill-state-pressed a,
.jqx-menu-vertical,
.cm-section .slide-picture,
.cm-section.cm-horizontal .slide-picture,
.section-rx-slide,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
    background-color: #ffffff;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    border: 1px solid #cccccc;
    color: #2e7db2;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    border: 2px solid #0b93d5 !important;
    box-shadow: #178fe5 0 1px 3px 0 inset !important;
    font-weight: normal !important;
    color: #ffffff;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    border: 2px solid #0b93d5 !important;
    font-weight: normal !important;
    color: #ffffff !important;
}

/*#endregion */

/*#region Colors */

.cm-bg-00050,
.cm-caselist-items [data-case-status="pnd"] {
    background-color: #FF0000;
}

.cm-bg-04850,
.cm-caselist-items [data-case-status="new"] {
    background-color: #FFCC00;
}

.arrow-active-fnd,
.cm-bg-12025,
.cm-caselist-items [data-case-status="tosign"],
.ts-sectioning input[type=checkbox]:checked {
    background-color: #008000;
}

.cm-bg-10460,
.cm-caselist-items [data-case-status="fnd"] {
    background-color: #78DE54;
}

.cm-bg-24016,
.ui-widget-content {
    background-color: #202030;
}

.cm-bg-20516 {
    background-color: #142E40;
}

.cm-smr-header {
    background-color: #33598B;
}

.cm-smr-footer {
    background-color: #C9D6ED;
}

.cm-bg-20137,
.cm-bg-20137-active:active,
.cm-popup-menu,
.ui-dialog-buttonset button:active {
    background-color: #356C89;
}

.cm-bg-19550,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background-color: #00BFFF;
}

.jqx-fill-state-pressed,
.ui-datepicker-today .ui-state-active:hover,
.ui-state-active,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current,
span.jqx-fill-state-hover {
    background-color: #4287F5;
}

.add-diagnosiscode-dialog table tbody tr.ui-selected,
.add-to-tc-main-container .row-selected,
.assign-to-content-container .row-selected,
.cm-attachment-icon.selected,
.cm-attachment-preview.selected,
.cm-bg-20063,
.cm-caselist-items .case-item[data-isselected="True"] div.row-up.cm-bg-46,
.cm-caseview-page #diagnosiscode-container .ui-selected,
.cm-contacts-page .cm-side-panel .cm-contact-group.selected,
.cm-contacts-page .cm-side-panel .cm-contacts-all.selected,
.cm-filter-row.ui-selected,
.cm-message-folder[data-selected="true"],
.cm-tclist-page .list-item:nth-child(even) .cm-tc-row[data-isselected="true"],
.cm-tclist-page .list-item:nth-child(odd) .cm-tc-row[data-isselected="true"],
.cm-tooltip .cm-tooltip-container,
.folders-main-list [data-isselected="True"],
.pms-table tbody tr:hover,
.search-patient-rows.selected td,
.selected .attachment-images,
.selected .attachment-images-name-label,
.selected .cm-i32-mime-avi,
.selected .cm-i32-mime-bmp,
.selected .cm-i32-mime-doc,
.selected .cm-i32-mime-docx,
.selected .cm-i32-mime-gif,
.selected .cm-i32-mime-jpeg,
.selected .cm-i32-mime-jpg,
.selected .cm-i32-mime-mp3,
.selected .cm-i32-mime-ods,
.selected .cm-i32-mime-odt,
.selected .cm-i32-mime-pdf,
.selected .cm-i32-mime-png,
.selected .cm-i32-mime-rtf,
.selected .cm-i32-mime-tif,
.selected .cm-i32-mime-txt,
.selected .cm-i32-mime-wav,
.selected .cm-i32-mime-xls,
.selected .cm-i32-mime-xlsx,
.sim-tree a.ui-selected,
.sim-tree a.ui-selected::before,
.sim-tree i.ui-selected,
.sim-tree i.ui-selected::before,
.special-examination-table-container tbody tr.selected,
.ts-container-rows.selected,
.ts-embedding-table-container tbody tr.selected,
.ts-fixation-table-container tbody tr.selected,
.ts-gd-left-col [data-selected="true"],
.ts-main-table-container #table-column-list div:hover,
.ts-staining-table-container tbody tr.selected,
.ui-selected,
.user-folder-root-folder.ui-selected,
.work-report-details-main-container .work-report-item .report-signature-selection-color .ui-selected,
.work-report-details-main-container .work-report-item .signature-list-container table tbody tr:hover,
span.jqx-fill-state-pressed,
table tr:nth-child(even).ui-selected td,
table tr:nth-child(odd).ui-selected td,
table.ts-gd-block-table tbody tr.ui-selected td {
    background-color: #74B0CE;
}

.add-to-tc-main-container .assign-item-row:hover td,
.assign-to-main-container .assign-item-row:hover td,
.block-label-cont .ts-gd-button:hover,
.block-type-cont .ts-gd-button:hover,
.cm-bg-21066,
.cm-contact-group:hover,
.cm-contacts-page .cm-side-panel .cm-contacts-all:hover,
.cm-dnd-active,
.cm-filter-row:hover,
.cm-message-folder:hover,
.cm-messages-table tr:hover td,
.folders-list-item-row:hover,
.search-patient-rows:hover td,
.selectable tr:hover,
.sim-tree li a:hover,
.special-examination-table-container tbody tr:hover,
.ts-container-rows:hover,
.ts-container-rows-disabled:hover,
.ts-embedding-table-container tbody tr:hover,
.ts-fixation-table-container tbody tr:hover,
.ts-gd-block-table-body tr:hover,
.ts-sectioning-section-list tr:hover,
.ts-special-examination-table .ui-selectable tr:hover,
.ts-staining-table-container tbody tr:hover,
.user-folder-root-folder:hover {
    background-color: #54AAFF;
}

.cm-bg-20168,
.cm-caselist-items [data-case-status="inp"] {
    background-color: #5CC5FF;
}

.cm-bg-19579,
.cm-section .label-area {
    background-color: #ADD8E6;
}

.cm-bg-30025,
.cm-caselist-items .case-item .archived {
    background-color: #800080;
}

.cm-bg-35233,
.cm-caselist-items [data-case-status="signed"] {
    background-color: #8F1B1B;
}

.arrow-active-inp,
.cm-bg-34757 {
    background-color: #d94949;
}

/*#endregion */

.cm-bg-transparent,
.cm-bg-transparent-hover:hover,
.cm-body table tr td,
.cm-body table tr:nth-child(2n+1) td,
.cm-container-header select,
.cm-dialog table tr.ui-selected,
.cm-hbtn-frameless,
.cm-tooltip .cm-tooltip-container table tr:nth-child(2n) td,
.cm-tooltip .cm-tooltip-container table tr:nth-child(2n+1) td,
.sim-tree li i.ui-selected,
.ts-container-rows td input.ui-selected,
.ts-container-rows td.ui-selected,
.ts-container-rows-disabled td input.ui-selected,
.ts-container-rows-disabled td.ui-selected,
.ts-gd-block-table-body .delete,
.ts-gd-block-table-body .ts-gd-hide-sm-panel,
.ts-gd-block-table-body .ts-gd-show-sm-panel,
.ts-gd-block-table .ts-gd-hide-sm-panel,
.ts-gd-block-table .ts-gd-show-sm-panel,
.ts-gd-sample-info-content table tr:nth-child(2n+1) td,
.ts-gd-sample-info-content table tr:nth-child(2n) td,
.ui-button:focus,
.ui-dialog-titlebar-close,
.ui-dialog-titlebar-close:hover,
table.cm-patient-summary tbody tr:nth-child(2n) td,
table.cm-patient-summary tbody tr:nth-child(2n+1) td,
table.cm-title tr td,
table.cm-title tr td,
table.cm-title tr:nth-child(2n+1) td,
table.warning-table > tbody > tr:first-child td {
    background-color: transparent;
}
/*#endregion */

/*#region Bakcground-image */

/*#region Difference betweeen themes */

.cm-header,
.cm-logo,
.cm-unsupported-header {
    background: -moz-linear-gradient(0deg, #142E40 0%, #17354A 49%, #1A3E53 52%, #245066 100%);
    background: -webkit-linear-gradient(0deg, #142E40 0%, #17354A 49%, #1A3E53 52%, #245066 100%);
    background: linear-gradient(0deg, #142E40 0%, #17354A 49%, #1C3E53 52%, #245066 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#142e40",endColorstr="#245066",GradientType=1);
}

.cm-bg-lg-darkblue1,
.cm-dialog table th,
.cm-container-header,
table.registration-table thead th {
    background-image: linear-gradient(to bottom, #142E43 0%,#1E5066 33%,#245066 100%);
}

.cm-bg-lg-darkblue2,
table thead tr th {
    background-image: linear-gradient(0deg, #142E40 0%, #17354A 49%, #1A3E53 52%, #245066 100%);
}

/*#endregion*/

.cm-bg-lg-pinkerror,
input.input-validation-error,
input.input-validation-error:focus,
input.ui-autocomplete-input.ts-sample-location-container-error,
select.input-validation-error,
select.input-validation-error:focus {
    background-image: linear-gradient(0deg, #d5c3c0 0%, #efddd6 100%);
}

.cm-bg-lg-brightwhite,
.jqx-widget-content,
.ms-dd,
.ts-embedding-container .jqx-widget-content,
.ts-staining-container .jqx-widget-content,
.ui-autocomplete-input,
input,
input.jqx-widget-content,
select,
textarea,
ul.ui-autocomplete {
    background-image: linear-gradient(to bottom, #BFBFC0 0%,#DFDFE0 20%,#FFFFFF 67%);
}

.cm-bg-lg-dark1,
.ts-gd-middle-body-container .ui-state-default,
.ts-case-history-table-dialog [data-tab-active="False"],
.ts-main-container-sample-details [data-tab-active="False"],
.ts-gd-middle-body-tabs-label {
    background-image: linear-gradient(to bottom, #0C0C12 0%,#141618 33%,#3A3E42 100%);
}

.contacts-cards-title,
.cm-bg-lg-dark2,
.cm-configuration-content table thead tr th {
    background-image: linear-gradient(to bottom, #444444 0%,#101020 100%);
}

.cm-bg-lg-grey1,
.ts-gd-fieldset,
.cm-container-dark,
.ts-gd-macro-container,
thead.cm-bg-lg-grey1 tr th {
    background-image: linear-gradient(to bottom, #2F2F3A 0%,#525254 33%,#606061 100%);
}

.cm-bg-lg-grey2, 
.ts-footer,
.ts-gd-footer {
    background-image: linear-gradient(0deg, #575758 0%, #6E6F6F 49%, #777878 52%, #8D8C8C 100%);
}

.assign-to-main-container [data-tab-active="True"],
.cm-bg-lg-darkblue3.ts-active,
.cm-ldap-tabs .cm-ldap-ul li.ui-state-active a,
.cm-toolbar [isopened="1"],
.ts-gd-middle-body-container .ui-state-active,
.ts-main-container-sample-details [data-tab-active="True"],
.ts-case-history-table-dialog [data-tab-active="True"] {
    background-image: linear-gradient(to bottom, #1F1F20 0%,#356C89 45%);
}

.cm-bg-lg-lightblue1,
.cm-left-hover {
    background-image: linear-gradient(to bottom,#1874A4 13%,#1874a4 25%,#2081B4 28%,#3794C5 87%,#FFFFFF 100%);
}

.cm-bg-lg-lightblue2,
.cm-contacts-add {
    background-image: linear-gradient(to bottom,#FFFFFF 0%, #3794C5 13%, #2081B4 25%, #1874a4 28%, #1874A4 87%,#000000 100%);
}

.cm-bgi-none,
.cm-btn.cm-bgi-none:active {
    background-image: none;
}

/*#endregion */

/*#region Background overrides */

.button.audio-ui-state-disabled,
.cm-bg-none,
.ts-add-container-button,
.ts-add-container-button:active,
.ts-edit-case-print-button,
.ts-edit-case-print-button:active,
.ts-edit-case-print-disabled-button,
.ts-edit-case-print-disabled-button:active,
.ts-remove-container-button,
.ts-remove-container-button:active,
.ts-automatic-print-container.ts-section-disabled-button,
.ts-section-disabled-button,
.ts-section-disabled-button:active,
.xdsoft_dark,
.ui-widget-content {
    background: none;
}

div.cm-ldap-tabs,
ul.cm-ldap-ul {
    background: transparent;
}

/*#endregion */

/*#region Foreground color */

/*#region Color list */
/* 
    Colors: 
    #000000 -- cm-fg-0
    #333333 -- cm-fg-20
    #343438 -- cm-fg-21 -- dropped in favor of #333333
    #555555 -- cm-fg-33
    #666668 -- cm-fg-40
    #D3D3D3 -- cm-fg-83 -- dropped in favor of EEF3FA
    #eeeeee -- cm-fg-93 -- dropped in favor of EEF3FA
    #EEF3FA -- cm-fg-96
    #FFFFFF -- cm-fg-100

    #FF0000 -- cm-fg-00050
    #ff6949 -- cm-fg-00164 -- dropped, used to be error message color, in favor of #FF0000
    #ff8000 -- cm-fg-03050 -- dropped, used to be error message color, in favor of #FF0000
    #ffcc33 -- cm-fg-03360
    #78DE54 -- cm-fg-10460

    #2e7db2 -- cm-fg-20444 -- dropped in favor of #337AB7
    #337AB7 -- cm-fg-20846
    #0099FF -- cm-fg-20450
    #199AFC -- cm-fg-20654 -- dropped, in favor of #0099FF
    #74b0d4 -- cm-fg-20364 -- dropped, not found in code
    #5CC5FF -- cm-fg-20168
    #B0BEC5 -- cm-fg-20073

    #FFB6C1 -- cm-fg-24486 -- dropped in favor of #a94442

    #a94442 -- cm-fg-33846
    #FF8F6D -- cm-fg-34971 -- dropped in favor of #a94442
*/

/*#endregion */

/*#region Grays*/

.changeuser-login-dialog input,
.cm-login-product-label,
.cm-attachments,
.cm-body table,
.cm-fg-0,
.cm-message .cm-body,
.cm-message-dnd,
.cm-message-editor .cm-body,
.dd .ddTitle,
.markerjs-text-editor textarea,
#tree-container .sim-tree a,
.ts-gd-button.cm-fg-0,
.ts-sectioning input[type=checkbox]:checked,
.ui-datepicker-title option,
.ui-datepicker-title select,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
    color: #000000;
}

.cm-caselist-page,
.cm-caseview-page,
.cm-configuration-content,
.cm-empty-list-text,
.cm-fg-20,
.cm-login-container,
.cm-tc-post-screen-message,
.ui-widget {
    color: #333333;
}

.cm-fg-33,
.jqx-menu-dropdown a,
input,
input.jqx-input,
input[type="file"],
select option,
select,
textarea {
    color: #555555;
}

.add-comment-template-dialog label,
.cm-fg-40,
.cm-login-license,
.cm-message-editor,
.cm-smr-footer,
.control-label,
.delete-comment-template-dialog h2,
.secondary-login-dialog label {
    color: #666668;
}

.cm-caselist-items .row-bottom .col-left,
.cm-caselist-items .sample-data,
.cm-caselist-items span,
.cm-caseview-page .cm-registration a,
.cm-configuration-sidebar ul li a,
.cm-container-header select option,
.cm-container-header select,
.cm-container-header,
.cm-fg-96,
.cm-messages-table td.cm-message-subject a,
.cm-smr-edit-filter,
.cm-smr-edit-rule,
.cm-smr-item-detail,
.cm-tooltip .cm-tooltip-container,
.ts-staining-table-externalbarcode .externalbarcode::-webkit-input-placeholder,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th,
body,
table,
table.registration-table td a,
td label {
    color: #EEF3FA;
}

    .cm-configuration-content table button a,
    .cm-fg-100,
    .cm-login-panel a,
    .cm-login-panel a,
    .cm-popup-menu li a,
    .cm-smr-header,
    .contacts-cards-container p,
    .jqx-fill-state-pressed,
    .message-checkbox-checked .message-subject-text .subject-caselink,
    .message-row .message-subject-text .subject-caselink,
    .sim-tree a,
    .sim-tree li,
    .ts-gd-button,
    .ts-gd-case-history-tabs-label,
    .ts-gd-exam-name a,
    .ts-warning-dialog-text-container,
    .ts-warning-dialog-text-and-icon-container,
    .ui-datepicker-calendar span,
    .ui-datepicker-today .ui-state-active:hover,
    .ui-state-active,
    .warning-table,
    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today.xdsoft_current,
    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th,
    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div,
    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current,
    span.jqx-fill-state-hover,
    span.jqx-fill-state-pressed {
        color: #FFFFFF;
    }

.cm-configuration-content table.cm-data-upload-error-table tr td .text-danger {
    font-weight: bold;
}

/*#endregion */

/*#region Colors */
.cm-fg-00050 {
    color: #FF0000;
}

.cm-fg-03360,
.ts-main-toolbar-container .special-examination-type-btn[data-has-new="True"] {
    color: #ffcc33;
}

.cm-fg-10460,
span.cm-fg-10460 {
    color: #78DE54;
}

.cm-fg-20846,
.cm-body a,
.cm-body a:hover,
.cm-body a:visited,
.cm-messages-table tr:hover td.cm-message-subject a,
.control-label .subject-caselink,
.control-label .subject-caselink:hover,
.control-label .subject-caselink:visited,
.message-row .message-subject-text:hover .subject-caselink,
.ui-datepicker-today a:hover,
tr.cm-subject .subject-caselink,
tr.cm-subject .subject-caselink:hover,
tr.cm-subject .subject-caselink:visited {
    color: #337AB7;
}

.cm-fg-20450 {
    color: #0099FF;
}

.cm-fg-20168,
span.cm-fg-20168 {
    color: #5CC5FF;
}

.cm-fg-20073,
span.cm-fg-20073 {
    color: #B0BEC5;
}

.cm-fg-33846,
.cm-fg-33846-after:after,
.cm-login-val ul li,
.cm-red-star::after,
.text-danger {
    color: #a94442;
}

/*#endregion */

/*#endregion */

/*#region Border-colors */

/*#region Color list */

/*
    Border colors:
    #000000 -- cm-bc-0
    #1F1F26 -- cm-bc-13 -- dropped for #343438
    #202030 -- cm-bc-15 -- dropped for #343438
    #333333 -- cm-bc-20 -- dropped for #343438
    #343438 -- cm-bc-21
    #757577 -- cm-bc-46
    #888888 -- cm-bc-53 -- dropped for #999999
    #999999 -- cm-bc-60
    #CCCCCC -- cm-bc-80
    #D3D3D3 -- cm-bc-83
    #FFFFFF -- cm-bc-100

    #FF0000 -- cm-bc-00050
    #ff8000 -- cm-bc-03050 -- dropped for #FF0000

    #78DE54 -- cm-bc-10460

    #0b93d5 -- cm-bc-20044 -- dropped for #0080ff
    #0080ff -- cm-bc-21050
    #4287F5 -- cm-bc-21761 -- dropped for #0080ff
    #74B0CE -- cm-bc-20063 -- dropped for #54AAFF
    #66afe9 -- cm-bc-20766 -- dropped for #54AAFF
    #54AAFF -- cm-bc-21066
    #5CC5FF -- cm-bc-20168

    #a94442 -- cm-bc-33846
    #FF8F6D -- cm-bc-34971
*/

/*#endregion */

/*#region Grays */
.cm-bc-0,
.cm-configuration-content table,
.cm-configuration-footer,
.cm-message .cm-body,
.dd .ddTitle,
.input-file-input:hover::before
.cm-section,
.cm-slide,
.cm-smr-container {
    border-color: #000000;
}

.cm-bc-21,
.cm-parent-message-separator,
.cm-parent-container,
.cm-login-container,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select,
input,
input.jqx-input,
input.ui-autocomplete-input,
select {
    border-color: #343438;
}

.cm-bc-53,
.input-file-input::before {
    border-color: #888888;
}

.cm-bc-80,
.cm-caselist-page .cm-col.cm-casedetails-panel,
.cm-caselist-page .cm-col.cm-caselist-panel,
.cm-cell,
.cm-col,
.cm-configuration-content,
.cm-configuration-content .cm-inner-header,
.cm-configuration-content .cm-configuration-footer,
.cm-configuration-content hr,
.cm-configuration-sidebar,
.cm-contacts-add,
.cm-container-footer,
.cm-container-header,
.cm-header-container,
.cm-other-cases-container .cm-other-case,
.cm-other-cases-container,
.cm-popup-menu,
.cm-tooltip .cm-tooltip-container,
.condition-row .condition select.disabled-form-control,
.ts-gd-middle-body-container .ui-state-active,
.ts-gd-middle-body-container .ui-state-default,
.ts-gd-button,
.ts-main-container .ui-state-active,
.ts-main-container .ui-state-focus,
hr,
table tbody tr td,
table tbody,
table thead,
table tr th,
table tr {
    border-color: #CCCCCC;
}

.cm-message .cm-body .cm-parent,
.cm-message-editor .cm-body .cm-parent {
    border-color: #D3D3D3;
}

.cm-bc-100,
.cm-case-history-date-orderby,
.cm-case-history-date-orderbydesc,
.printertrays-container .selected,
.ts-case-history-date-orderby,
.ts-case-history-date-orderbydesc,
.ts-gd-case-info-table,
.ts-gd-sm-panel-icon-container {
    border-color: #FFFFFF;
}

/*#endregion */

/*#region Colors */

.cm-bc-00050 {
    border-color: #ff0000;
}

.attachment-images-uploaded:hover
.cm-i32-mime-avi:hover,
.cm-i32-mime-bmp:hover,
.cm-i32-mime-doc:hover,
.cm-i32-mime-docx:hover,
.cm-i32-mime-gif:hover,
.cm-i32-mime-jpeg:hover,
.cm-i32-mime-jpg:hover,
.cm-i32-mime-mp3:hover,
.cm-i32-mime-ods:hover,
.cm-i32-mime-odt:hover,
.cm-i32-mime-pdf:hover,
.cm-i32-mime-png:hover,
.cm-i32-mime-rtf:hover,
.cm-i32-mime-tif:hover,
.cm-i32-mime-txt:hover,
.cm-i32-mime-wav:hover,
.cm-i32-mime-xls:hover,
.cm-i32-mime-xlsx:hover,
.cm-bc-21066,
.cm-container-content.cm-attachments .cm-attachment-preview:hover,
.ts-sp-date-filter:focus,
.ts-printertray-button.cm-btn.ui-selected,
.ts-gd-button.ui-selected,
span.jqx-fill-state-pressed {
    border-color: #54AAFF;
}

.cm-bc-33846,
input.ui-autocomplete-input.cm-bc-33846,
input.input-validation-error,
input.input-validation-error:focus,
select.input-validation-error,
select.input-validation-error:focus {
    border-color: #a94442;
}

/*#endregion */

/*#endregion */

/*#region Specific border colors */

/*#region Border-bottom color */

.assign-to-content table tr,
.assign-to-content table,
.cm-bc-bottom-80,
.cm-configuration-sidebar-header,
.cm-ldap-tabs .ui-widget-header,
.ts-gd-middle-body-container .ui-widget-header {
    border-bottom-color: #CCCCCC;
}

.add-dialog-signature-container table tbody tr .bad-value,
.cm-bc-bottom-00050 {
    border-bottom-color: #FF0000;
}

.cm-bc-bottom-21066,
.cm-caselist-items [data-isselected="True"] .triangle-topright {
    border-bottom-color: #54AAFF;
}

/*#endregion */

/*#region Border-top color */

.cm-bc-top-21 {
    border-top-color: #343438;
}

.cm-bc-top-80 {
    border-top-color: #CCCCCC;
}

/*#endregion */

/*#region Border-left color */

.cm-bc-left-21,
.cm-special-examination-input-container div {
    border-left-color: #343438;
}

.cm-bc-left-80,
.condition-row .condition:not(:first-child),
.condition-row:not(:first-child),
.condition-rows-header .condition:not(:first-child) {
    border-left-color: #CCCCCC;
}

.cm-bc-left-83 {
    border-left-color: #D3D3D3;
}

.cm-bc-left-00050,
.sld_new {
    border-left-color: #FF0000;
}

.cm-bc-left-20168,
.sld_opn {
    border-left-color: #5CC5FF;
}

.cm-bc-left-10460,
.sld_exm {
    border-left-color: #78DE54;
}

/*#endregion */

/*#region Border-right color */

.cm-bc-right-21 {
    border-right-color: #343438;
}

.cm-bc-right-0 {
    border-right-color: #000000;
}

.cm-bc-right-80,
.pms-table thead th,
.samples-table tr th,
.ts-special-examination-table table th {
    border-right-color: #CCCCCC;
}

/*#endregion */

/*#region Multi-border cases */

.button.audio-ui-state-disabled:hover,
.ts-add-container-button:active,
.ts-add-container-button:hover,
.ts-edit-case-print-button:hover,
.ts-edit-case-print-disabled-button:hover,
.ts-section-disabled-button:hover {
    border-top-color: #888888;
    border-right-color: #CCCCCC;
    border-bottom-color: #888888;
    border-left-color: #CCCCCC;
}

.search-patients-content table tr td,
.search-patients-content table tr th,
.supervisor-doctor-content table tr th,
.ts-container-content-table table tr td,
.ts-container-content-table table tr th {
    border-top-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-left-color: #CCCCCC;
}

.assign-to-content table tr td,
.assign-to-content table tr th,
.sample-outer-container .border-right-bottom {
    border-bottom-color: #CCCCCC;
    border-right-color: #CCCCCC;
}

.cm-tb-bc-80 {
    border-top-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
}

/*#endregion */

/*#endregion */

/*#region Outline Colors */

input.input-validation-error,
input.input-validation-error:focus,
select.input-validation-error,
select.input-validation-error:focus {
    outline-color: #a94442;
}

.ts-grid-table tr th,
.ts-grid-table tr td,
.ts-gd-block-table tr td,
.ts-gd-block-table tr th,
.ts-gd-sm-panels {
    outline-color: #FFFFFF;
} 

/*#endregion */

/*#region Misc. background settings */

/* Required to overcome autofill background styling */
.cm-login-fields input:-webkit-autofill,
.cm-login-fields input:-webkit-autofill:hover,
.cm-login-fieldsinput:-webkit-autofill:focus {
    -webkit-background-clip: text;
}

.input-file-input:active::before {
    background-image: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.cm-bg-unset {
    background: unset;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background-image: linear-gradient(0deg, #142E40 0%, #17354A 49%, #1A3E53 52%, #245066 100%);
}

.cm-login-form,
.cm-login-full,
.cm-login-nolic,
.cm-login-panel div
.cm-login-unsupported,
.cm-login-product-image,
.cm-login-product-manufacturer-image,
.cm-login-product-manufacturer-instructions-image {
    background-repeat: no-repeat;
}

/*#endregion */

/*#region Box-shadow */

input[type="file"] {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.cm-bs-none,
.ts-sectioning input[type=checkbox] {
    box-shadow: none;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    box-shadow: #4287F5 0 1px 3px 0 inset;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    box-shadow: #178fe5 0 1px 3px 0 inset;
}

.ts-sp-date-filter:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

/*#endregion */

/*#region Misc. */

.input-file-input::before {
    text-shadow: 1px 1px #FFFFFF;
}

.ui-datepicker-today a:hover {
    background: #C8D9E8 50% 50% repeat-x;
}

.cm-opacity05 {
    opacity: 0.5;
}

/* Special case, table only used for organization  */
.cm-configuration-content table.cm-config-applications,
.cm-configuration-content table.cm-config-applications > tbody > tr:nth-child(even) > td,
.cm-configuration-content table.cm-config-applications > tbody > tr:nth-child(odd) > td,
.cm-configuration-content table.cm-config-applications > thead > tr > th {
    background: none;
    border: none;
    color: #555555;
}

/*#endregion */

/*#region Complex classes */
.tc-button-toggle {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: -webkit-linear-gradient(top, #1f1f20, #356C89 55%);
    background-image: -moz-linear-gradient(top, #1f1f20, #356C89 55%);
    background-image: -o-linear-gradient(top, #1f1f20, #356C89 55%);
    background-image: linear-gradient(to bottom, top, #1f1f20, #356C89 55%);
    border-top-color: #808080;
    border-right-color: #c6c6c6;
    border-bottom-color: #808080;
    border-left-color: #c6c6c6;
    color: #ffffff;
    text-shadow: 0 1px 0 #000000;
    border-radius: 7px;
    font-size: 12px;
}

.button.audio-ui-state-disabled:active {
    background-image: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#contacts-inner-all-contacts-group-select:active {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#contacts-inner-all-contacts-group-select:active {
    background-image: -webkit-linear-gradient(top, #1f1f20, #356C89 55%);
    background-image: -moz-linear-gradient(top, #1f1f20, #356C89 55%);
    background-image: -o-linear-gradient(top, #1f1f20, #356C89 55%);
    background-image: linear-gradient(to bottom, top, #1f1f20, #356C89 55%);
}

#Memo {
    border-color: #343438;
    color: #555555;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.cm-message-editor .cm-recipient-list .cm-recipient,
.recipient-form-control {
    color: #D3D3D3;
    background-image: none;
    border-color: #888888;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.cm-message-search-result {
    font-weight: 600;
    font-style: italic;
    color: black;
}

.disabled-form-control,
input:disabled {
    color: #555555;
    border-color: #CCCCCC;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    background-image: none;
}

.ui-autocomplete-input {
    color: #555555;
    border-color: #CCCCCC;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.cm-tab-dark {
    background-image: linear-gradient(to bottom, #2F2F3A 0%,#525254 33%,#606061 100%);
    border-color: #FFFFFF;
    color: #EEF3FA;
}

.ts-gd-sm-panel-icon-container {
    background: rgb(210,210,209);
    background: linear-gradient(0deg, rgba(210,210,209,1) 0%, rgba(239,239,234,1) 100%);
}

/*#endregion */

/*#region Buttons */

.cm-btn,
.cm-btn-low,
.cm-fbtn,
.cm-ibtn,
.cm-lbtn,
.cm-mbtn,
.cm-wbtn,
.pms-button,
.ui-dialog-buttonset button,
.ui-dialog-buttonset button:focus {
    border-color: #CCCCCC;
    background-color: #0c0c12;
    background-image: -webkit-linear-gradient(top, #56565a, #6b6c6f, #141618, #363a3e, #383c40);
    background-image: -moz-linear-gradient(top, #56565a, #4b4c4f, #141618, #363a3e, #383c40);
    background-image: -o-linear-gradient(top, #56565a, #4b4c4f, #141618, #363a3e, #383c40);
    background-image: linear-gradient(to bottom, top, #56565a, #4b4c4f, #141618, #363a3e, #383c40);
    border-top-color: #808080;
    border-right-color: #c6c6c6;
    border-bottom-color: #808080;
    border-left-color: #c6c6c6;
    -moz-box-shadow: inset 0 1px 5px 0 #000000;
    -webkit-box-shadow: inset 0 1px 5px 0 #000000;
    box-shadow: inset 0 1px 5px 0 #000000;
    color: #ffffff;
    text-shadow: 0 1px 0 #000000;
}

    .cm-btn.active,
    .cm-btn.active:hover,
    .cm-btn:active,
    .cm-btn-low.active,
    .cm-btn-low.active,
    .cm-btn-low.active:hover,
    .cm-btn-low:active,
    .cm-hbtn:active,
    .cm-fbtn:active,
    .cm-ibtn:active,
    .cm-lbtn:active,
    .cm-lbtn.active,
    .cm-mbtn.active,
    .cm-mbtn:active,
    .cm-tbtn:active,
    .cm-wbtn:active,
    .ui-dialog-buttonset button:active,
    input:checked + div.cm-btn {
        background-color: #356C89;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-image: -webkit-linear-gradient(top, #1f1f20, #356C89 55%);
        background-image: -moz-linear-gradient(top, #1f1f20, #356C89 55%);
        background-image: -o-linear-gradient(top, #1f1f20, #356C89 55%);
        background-image: linear-gradient(to bottom, top, #1f1f20, #356C89 55%);
    }

.cm-tbtn {
    background-color: #0c0c12;
    background-image: -webkit-linear-gradient(top, #56565a, #6b6c6f, #141618, #363a3e, #383c40);
    background-image: -moz-linear-gradient(top, #56565a, #4b4c4f, #141618, #363a3e, #383c40);
    background-image: -o-linear-gradient(top, #56565a, #4b4c4f, #141618, #363a3e, #383c40);
    background-image: linear-gradient(to bottom, top, #56565a, #4b4c4f, #141618, #363a3e, #383c40);
    border-top-color: #808080;
    border-right-color: #c6c6c6;
    border-bottom-color: #808080;
    border-left-color: #c6c6c6;
    -moz-box-shadow: inset 0 1px 5px 0 #000000;
    -webkit-box-shadow: inset 0 1px 5px 0 #000000;
    box-shadow: inset 0 1px 5px 0 #000000;
    color: #ffffff;
    text-shadow: 0 1px 0 #000000;
}

    .cm-tbtn.active {
        background: linear-gradient(to bottom, #1F1F20 0%,#356C89 45%);
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom-color: #888888;
    }

    .cm-bc-21050,
    .cm-btn:hover,
    .cm-btn-low:hover,
    .cm-fbtn:hover,
    .cm-hbtn:hover,
    .cm-ibtn:hover,
    .cm-lbtn:hover,
    .cm-mbtn:hover,
    .cm-tbtn:hover,
    .cm-wbtn:hover,
    .jqx-fill-state-pressed,
    .ui-datepicker-today .ui-state-active:hover,
    .ui-datepicker-today a:hover,
    .ui-dialog-buttonset button:hover,
    .ui-state-active,
    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current,
    span.jqx-fill-state-hover {
        border-color: #0080ff;
    }

/*#endregion */

/*#region Dialogs */

/*#region Difference between themes */

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-resizable,
.ui-widget-content {
    background-color: #202030;
}

.xdsoft_datetimepicker.xdsoft_dark {
    background-color: #575758;
}

.cm-filter-table-container,
.ui-dialog-content.ui-widget-content.cm-dialog.cm-dialog-dark {
    background-color: #192329;
}

/* Dialog header div */
.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix {
    background: linear-gradient(0deg, #142E40 0%, #17354A 49%, #1C3E53 52%, #245066 100%);
}

/* Dialog footer div */
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    background: linear-gradient(0deg, #435969 0%, #455D6E 49%, #496575 52%, #507284 100%);
}

/*#endregion */

/* Dialog main container div */
div[role='dialog'].ui-dialog {
    border-color: #000000;
}

/*Dialog main content div */
.ui-dialog-content.ui-widget-content.cm-dialog {
    border-color: #A6BCC8;
}

    .ui-dialog-content.ui-widget-content.cm-dialog.cm-dialog-light {
        background-color: #E6E6EA;
    }
/*#endregion */