/* Klika — Assistant font only (Ocean base theme handles everything else). */

/*@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@600&display=swap');*/

body #tc-root,
#tc-root {
	/*font-family: "Assistant", Arial, sans-serif;*/
	/*font-weight: 600;*/
	font-size: 14px;
}

.tc-main .tc-main-separator {
	display: none;
}

.tc-main .tc-main-controls-list > li {
	margin-left: 4px;
	margin-right: 4px;
}

.tc-main .tc-main-controls + .tc-main-controls {
	margin-top: 9px;
}

.tc-main .tc-main-table {
	margin-top: 9px;
}

.tc-field[data-item-type="tc_task_creator"][data-field="description"] textarea.tc-input.tc-input-text {
	height: 150px;
}

/* Shai's customizations to archive tables 01-2024 */

.tc-table-column .tc-table-column-row-count{
	min-width: 24px;
	max-width: 24px;
}

.tc-root-not-print .tc-table .tc-table-column[data-field="project"] {
	max-width: 100px;
}
.tc-root-not-print .tc-table .tc-table-column[data-field="contact"],
.tc-root-not-print .tc-table .tc-table-column[data-field="assignee"]{
	max-width: 80px;
}
.tc-root-not-print .tc-table .tc-table-column[data-field="status"] {
	max-width: 64px;
	min-width: 64px;
}
.tc-root-not-print .tc-table .tc-table-column[data-field="custom_id"] {
	max-width: 61px;
	min-width: 61px;
}
.tc-table .tc-table-column[data-field="custom_id"]{
	max-width: 74px;
	min-width: 74px;
}

.tc-root-not-print .tc-table .tc-table-column[data-field="title"],
.tc-root-not-print .tc-table .tc-table-column[data-field="subject"] {
	max-width: 100px;
	width: 33%;
}
.tc-root-not-print .tc-layout-archive[data-item-type="tc_article_tag_archive"] .tc-table .tc-table-column[data-field="title"],
.tc-root-not-print .tc-layout-archive[data-item-type="tc_article_category_archive"] .tc-table .tc-table-column[data-field="title"] {
	max-width: 300px;
	width: auto;
}
.tc-root-not-print .tc-table .tc-table-column[data-field="description"],
.tc-root-not-print .tc-table .tc-table-column[data-field="remarks"],
.tc-root-not-print .tc-table .tc-table-column[data-field="excerpt"]{
	max-width: 250px;
	width: 100%;
}
.tc-root-not-print .tc-table .tc-table-column[data-field-type="textarea"] .tc-table-cell,
.tc-root-not-print .tc-table .tc-table-column[data-field-type="editor"] .tc-table-cell {
    white-space: nowrap;
}
.tc-root-not-print .tc-table .tc-table-column[data-field="users"]{
	max-width: none;
}
.tc-root-not-print .tc-table .tc-table-column[data-field-type="date"] {
	min-width: 75px;
	max-width: 75px;
}
.tc-root-not-print .tc-table .tc-table-column[data-field-type="timestamp"] {
	min-width: 68px;
	max-width: 68px;
}
.tc-root-not-print .tc-table .tc-table-column[data-field-type="timestamp"] .tc-table-cell {
	text-overflow: clip;
}

.tc-root-not-print .tc-layout-archive[data-item-type="tc_tc_requests_archive"] .tc-table .tc-table-column[data-field-type="timestamp"],
.tc-root-not-print .tc-layout-archive[data-item-type="tc_tc_profiler_archive"] .tc-table .tc-table-column[data-field-type="timestamp"] {
	max-width: none;
}

.tc-field[data-item-type="tc_task_creator"].tc-field[data-field="due_date_short"] .tc-input.tc-input-switch,
.tc-field[data-item-type="tc_task_creator"].tc-field[data-field="reminder_short"] .tc-input.tc-input-switch{
	border: none;
}

.tc-field[data-field="due_date_short"] .tc-input.tc-input-switch,
.tc-field[data-field="reminder_short"] .tc-input.tc-input-switch{
	border: none;
}

.tc-field[data-field="due_date_short"] .tc-input.tc-input-switch.tc-input-checked,
.tc-field[data-field="reminder_short"] .tc-input.tc-input-switch.tc-input-checked{
/*.tc-field[data-field="task_short_duration"] .tc-input.tc-input-switch.tc-input-checked,*/
	outline: none !important;
	border: none;
	font-weight: bold;
	box-shadow: none;
	background: none;
}

/* Switch options specific settings */
/*.tc-control-option[data-field="closed"],*/
/*.tc-field[data-item-type="task"][data-field="status"] .tc-control-option:nth-child(2) .tc-input.tc-input-switch,*/
/*.tc-field[data-item-type="tc_task_creator"][data-field="status"] .tc-control-option:nth-child(2) .tc-input.tc-input-switch{*/
/*        color: #0866FF;*/
/*}*/
/*.tc-field[data-item-type="task"][data-field="status"] .tc-control-option:nth-child(4) .tc-input.tc-input-switch,*/
/*.tc-field[data-item-type="tc_task_creator"][data-field="status"] .tc-control-option:nth-child(4) .tc-input.tc-input-switch{*/
/*        color: #8300ff;*/
/*}*/

.tc-field[data-item-type="task"][data-field="status"] .tc-control-option:nth-child(9) .tc-input.tc-input-switch,
.tc-field[data-item-type="tc_task_creator"][data-field="status"] .tc-control-option:nth-child(9) .tc-input.tc-input-switch{
        color: #666;
        text-decoration-color: #aaa;
}

.tc-field[data-item-type="task"][data-field="status"] .tc-control-option:nth-child(8) .tc-input.tc-input-switch,
.tc-field[data-item-type="task"][data-field="status"] .tc-control-option:nth-child(7) .tc-input.tc-input-switch,
.tc-field[data-item-type="tc_task_creator"][data-field="status"] .tc-control-option:nth-child(8) .tc-input.tc-input-switch,
.tc-field[data-item-type="tc_task_creator"][data-field="status"] .tc-control-option:nth-child(7) .tc-input.tc-input-switch{
	background-color: #95a5a6;
}

.tc-field[data-item-type="task"][data-field="due_date_short"] .tc-caption-wrapper{
	width: 33.3%;
}
.tc-field[data-item-type="task"][data-field="due_date_short"] .tc-control-wrapper{
	width: 66.6% !important;
}
.tc-field[data-item-type="task"][data-field="reminder_short"] .tc-caption-wrapper{
	width: 33.3%;
}
.tc-field[data-item-type="task"][data-field="reminder_short"] .tc-control-wrapper{
	width: 66.6% !important;
}


.tc-table .tc-table-column.tc-table-column-row-bulk .tc-table-cell,
.tc-table .tc-table-column.tc-table-column-row-bulk .tc-table-column-title {
	padding-left: 4px;
	padding-right: 4px;
}


.task-status-postponed, .task-status-cancelled, .task-status-closed {
	color: #666;
	text-decoration-color: #aaa;
}

.task-status-cancelled, .task-status-closed {
	text-decoration: line-through;
}


.task-unread {
    font-weight: bold;
}

/*.task-status-draft {*/
/*    color: purple;*/
/*    font-weight: bold;*/
/*}*/

/*.task-status-new {*/
/*	color: #0866FF;*/
/*}*/

/*.task-status-postponed {*/
/*	color: rgb(230,126,35);*/
/*}*/

/* Purple "waiting" / "waiting-for-me" row highlight only inside embedded tables —
   links-field and widget tables (all of which render inside a .tc-field) — not in the
   standalone task archive, whose main table is not wrapped in a .tc-field. */
/*.tc-field .tc-table-row.task-status-wait,*/
/*.tc-field .tc-table-row.waiting-for-current-user,*/
/*.tc-layout-archive[data-item-type="tc_task_archive"] .tc-table .waiting-for-current-user .tc-table-column[data-field="waiting_for"].tc-table-column .tc-table-cell{*/
.tc-table-row[data-item-type="task"].waiting-for-current-user .tc-table-column[data-field="waiting_for"] .tc-table-cell,
.tc-table-row[data-item-type="task"].waiting-for-current-user .tc-table-cell .tc-input-checkbox{
	border: 3px solid #D887E6 /*!important*/;
	border-radius: 5px;
}

.task-is-parent {
	background-color: #b5d6e5;
}

.task-priority-high {
	background-color: #f7cac9;
}


.tc-widget[data-item-type="task"][data-widget="trackers"] .tc-widget-title,
.tc-widget[data-item-type="contact"][data-widget="technical"] .tc-widget-title,
.tc-widget[data-item-type="project"][data-widget="technical"] .tc-widget-title,
.tc-widget[data-item-type="article"][data-widget="technical"] .tc-widget-title,
.tc-widget[data-item-type="communication_history"][data-widget="technical"] .tc-widget-title{
	background-color: lightgray;
}

.tc-widget[data-item-type="article"][data-widget="share"] .tc-form .tc-form-buttons {
	text-align: right;
}
.tc-widget[data-item-type="project"][data-widget="details"] .tc-form .tc-form-buttons {
	text-align: right;
}

/* -------------------- */

.tc-field[data-item-type="task"][data-field="description"] textarea.tc-input.tc-input-text {
	height: 200px;
}

.tc-field[data-item-type="welcome"][data-field="today_tasks"] [class="tc-caption"]{
	font-weight: bold;
}
.tc-field[data-item-type="welcome"][data-field="tomorrow_tasks"] [class="tc-caption"]{
	font-weight: bold;
}
.tc-field[data-item-type="welcome"][data-field="in_2_days_tasks"] [class="tc-caption"]{
	font-weight: bold;
}
.tc-field[data-item-type="welcome"][data-field="in_3_days_tasks"] [class="tc-caption"]{
	font-weight: bold;
}
.tc-field[data-item-type="welcome"][data-field="in_4_days_tasks"] [class="tc-caption"]{
	font-weight: bold;
}
.tc-field[data-item-type="welcome"][data-field="in_5_days_tasks"] [class="tc-caption"]{
	font-weight: bold;
}
.tc-field[data-item-type="welcome"][data-field="in_6_days_tasks"] [class="tc-caption"]{
	font-weight: bold;
}
.tc-field[data-item-type="welcome"][data-field="in_7_days_tasks"] [class="tc-caption"]{
	font-weight: bold;
}
.tc-field[data-item-type="welcome"][data-field="future_tasks"] [class="tc-caption"]{
	font-weight: bold;
}

.tc-table {
	width: auto;
}

.tc-table .tc-table-column[data-field="_bulk"] .tc-input.tc-input-checkbox,
.tc-table .tc-table-cell[data-field="_bulk"] .tc-input.tc-input-checkbox {
	margin-top: 0;
	margin-bottom: 0;
}

.tc-table .tc-table-column .tc-table-cell-image {
	margin-top: -5px;
	margin-bottom: -4px;
}

.tc-table .tc-table-column .tc-table-column-title {
	padding-top: 5px;
}

.tc-table .tc-table-cell {
	padding-top: 5px;
	padding-bottom: 4px;
}


.tc-field[data-field-type="links"] .tc-caption {
	font-weight: bold;
}

.tc-field {
	margin-top: 3px;
	margin-bottom: 3px;
}

.tc-form {
	padding-top: 0;
	padding-bottom: 5px;
}

textarea.tc-input.tc-input-text {
	height: 120px;
}


/* Sept 07 Additions */

.tc-main .tc-main-title {
	padding-left: 20px;
	padding-right: 20px;
}

.tc-root-testing .tc-main .tc-main-title-inner {
	background: lightgreen;
}


/* Nov 2016 Additions */

.tc-button > .fa {
	font-size: 16px;
	margin-top: -1px;
	margin-bottom: -1px;
}

.tc-icon-button > .fa {
	font-size: 16px;
}

.tc-input > .tc-marker .fa {
	font-size: 16px;
}

.tc-table .tc-table-column .tc-table-column-title > .fa {
	font-size: 16px;
}


/* Dec 2016 Additions */

.tc-widget-separator {
	display: none;
}

.tc-field + .tc-field > .tc-field-separator {
	margin-top: 10px;
	padding-top: 0;
	border-top: none;
}

.tc-widget .tc-widget-title {
	padding-top: 2px;
	padding-bottom: 2px;
}

.tc-widget .tc-widget-title h2 {
	padding-top: 6px;
	padding-bottom: 10px;
}

.tc-form {
	margin-top: 5px;
}

.tc-table-wrapper.tc-tinyscrollbar {
	margin-bottom: 0;
}

.tc-main .tc-main-widgets .tc-widget {
	margin-bottom: 1%;
}

.tc-input > .tc-marker {
	background: none;
}

.tc-input:hover > .tc-marker,
.tc-input.tc-hover > .tc-marker {
	background: #d2d2d2;
}

.tc-control .tc-button {
	background: white;
	border: 1px solid #d2d2d2;
}

.tc-control .tc-button:hover,
.tc-control .tc-button.tc-hover {
	background: #d2d2d2;
}

.tc-control .tc-button.tc-button-secondary {
	background: #d2d2d2;
}

.tc-control .tc-button.tc-button-secondary:hover,
.tc-control .tc-button.tc-button-secondary.tc-hover {
	color: #d61920;
}


.tc-button.tc-button-tiny {
	width: 30px;
}

.tc-root-rtl .tc-input.tc-input-post-marker.tc-input-post-button {
	margin-left: 0px;
}

.tc-root-ltr .tc-input.tc-input-post-marker.tc-input-post-button {
	margin-right: 0px;
}

.tc-field-upload-preview .tc-control-upload .tc-button {
	background: white;
}

.tc-root-rtl .tc-control.tc-control-upload .tc-control-upload-download,
.tc-root-rtl .tc-control.tc-control-upload.tc-control-upload-multiple .tc-control-upload-cancel {
	margin-left: 0;
	border-left: none;
}

.tc-root-ltr .tc-control.tc-control-upload .tc-control-upload-download,
.tc-root-ltr .tc-control.tc-control-upload.tc-control-upload-multiple .tc-control-upload-cancel {
	margin-right: 0;
	border-right: none;
}

.tc-table .tc-table-column[data-field="_bulk"] .tc-table-cell {
	padding-top: 4px;
	padding-bottom: 3px;
}

.tc-table .tc-table-column .tc-table-cell-buttons li a {
	padding: 4px;
}


/* Black Menu */

.tc-container {
	padding-bottom: 0;
}

/* Alexandra
 * -------------------------- */

#tc-root {
	background-position: bottom;
}

#tc-background-area {
	background-size: cover !important;
}


.tc-sidebar-print {
	position: fixed !important;
	bottom: 47px !important;
	top: unset !important;
	padding-right: 9px !important;
}

.tc-sidebar-version {
	position: fixed;
	bottom: 60px;
	top: unset;
	right: 215px;
	color: white;
}

.tc-menu li .tc-menu-button[data-button="settings"] {
	color: #DCE633;
}

.tc-menu li .tc-menu-button[data-button="settings"] + ul {
	color: #DCE633;
}

.tc-menu li .tc-menu-button[data-button="sys_management_tables"] {
	color: #DCE633;
}

.tc-menu li .tc-menu-button[data-button="sys_management_tables"] + ul {
	color: #DCE633;
}
.tc-gray-bg{
	background-color: #b5d6e5/*f6f6f6*/;
}
.tc-main .tc-single-page[data-item-type="contact"] .tc-main-widgets .tc-widget[data-widget="details"] .tc-form {
	background-color: #8fd5f5/*f6f6f6*/;
	margin-top: 0px;
}
/* TODO use the class tc-play-mode*/
/*
.tc-main .tc-single-page[data-item-type="contact"] .tc-main-widgets .tc-widget[data-widget="details"] .tc-widget-title .tc-gray-bg .tc-play-mode {
	background: #A1A6AB;
}
*/

.tc-main-breadcrumbs {
	display: none !important;
}

.tc-main .tc-single-page[data-item-type="contact"] .tc-main-widgets .tc-widget[data-widget="bottom_methods"] .tc-widget-title {
	display: none;
}

.contact-archive-social-networks li {
	display: inline-block;
}

.contact-archive-social-networks .tc-icon-button {
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.contact-archive-social-networks .tc-icon-button >.fa {
	font-size: 14px;
}

.tc-table .tc-table-column[data-field="tags"] {
	max-width: 150px;
}

.tc-table .tc-table-column[data-field="remarks"],
.tc-table .tc-table-column[data-field="call_subject"],
.tc-table .tc-table-column[data-field="last_call::remarks"] {
	max-width: 300px;
}

.tc-table .tc-table-body .tc-table-row.tc-table-row-guest {
	color: #909090;
}

.tc-main .tc-single-page[data-item-type="contact"] .tc-main-widgets .tc-widget[data-widget="details"] .tc-form .tc-field[data-field="remarks"] .tc-input.tc-input-text.tc-value.tc-screen-only {
	height: 75%;
}

.tc-widget[data-widget="lightbox"] .tc-form .tc-field[data-field="next_call"],
.tc-widget[data-widget="lightbox"] .tc-form .tc-field[data-field="tags_added"],
.tc-widget[data-widget="lightbox"] .tc-form .tc-field[data-field="tags_removed"] {
	padding-top: 10px;
}

.tc-main .tc-single-page[data-item-type="contact"] .tc-main-widgets .tc-widget .tc-widget-title {
	padding-right: 7px;
}

.tc-main .tc-single-page[data-item-type="contact"] .tc-main-widgets .tc-widget .tc-widget-title h2 {
	padding-top: 2.5px;
	font-size: 15px;
}

.tc-widget[data-widget="communication_history"] .tc-form .tc-field[data-field="buttons"] .tc-control-wrapper {
	top: 7px !important;
}

.tc-widget[data-widget="communication_history"] .tc-form .tc-field[data-field="buttons"] .tc-control-wrapper a {
	padding: unset;
}

.tc-widget[data-widget="communication_history"] .tc-form .tc-field[data-field="buttons"] .tc-control-wrapper a[data-button="minus_comm"] {
	padding-right: 15px !important;
	position: absolute;
}

.tc-main .tc-main-title h1,
.tc-widget .tc-widget-title h2 {
	color: black;
}

a.tc-icon-button:hover,
a.tc-icon-button.tc-hover {
	color: #ca171e; /*#337abc; = 209 73 74 */
}

.tc-button:hover,
.tc-button.tc-hover {
	color: #d61920; /*#0e75d4; = 209 93 83 */
}

.tc-button.tc-button-main[data-button="dialog_cancel"] {
	display: none;
}

.tc-input:focus,
.tc-input.tc-focus,
.tc-button:focus,
.tc-button.tc-focus,
a.tc-icon-button:focus,
a.tc-icon-button.tc-focus {
	/*box-shadow: 0px 0px 5px 2px #ca171e; /*#337abc; = 209 73 74 */
}

.tc-control.tc-control-dropdown .tc-control-option .tc-input.tc-input-text:focus,
.tc-control.tc-control-dropdown .tc-control-option .tc-input.tc-input-text.tc-focus {
	/*box-shadow: 0px 0px 5px 2px #ca171e inset; /*#337abc; = 209 73 74 */
}

.tc-button.tc-button-main {
	background-color: #0d8dd7/*#0d8dd7; #1886ed; = 209 90 93 */
}

.tc-button.tc-button-main.tc-button-no-background {
	background-color: transparent;
	border: none;
}

.tc-filtered-table-button-show-more,
.tc-filtered-table-button-show-all {
	width: 120px !important;
	background-color: #0d8dd7 !important;
	color: white !important;
}

.tc-button.tc-button-main:hover,
.tc-button.tc-button-main.tc-hover {
	color: #ed8b8f; /*#a1c0ee; = 216 32 93 */
}

.tc-table .tc-table-column .tc-table-column-title > .fa {
	color: #941116; /* #c0161d; /* #245e95; = 209 76 58 */
}

.tc-table .tc-table-row.tc-table-row-heading {
	background-color: #0d8dd7; /*#1886ed; = 209 90 93 */
}

.tc-table .tc-table-row.tc-table-row-heading .tc-table-column:hover,
.tc-table .tc-table-row.tc-table-row-heading .tc-table-column.tc-hover,
.tc-table .tc-table-row.tc-table-row-heading .tc-table-column.tc-hover-column {
	background-color: #d61920; /*#167CDB; = 209 90 86 */
}

.tc-field.contacts-download-example {
	position: absolute;
	margin-top: 20px;
}

.tc-widget.tc-item-form[data-item-type="tc_contact_importer"] .tc-field[data-field="upload"] {
	margin-top: 15px;
}
/*
#c2161d; = 358 89 76
#ca171e; = 358 89 79
#d61920; = 358 88 84
#dd1921; = 358 89 87
*/

.tc-field[data-item-type="contact"][data-field="image"] {
	min-height: 120px;
}

.tc-field[data-item-type="contact"][data-field="remarks"] .tc-input.tc-input-text {
	height: 70px;
	overflow: auto;
}

/*.tc-field.tc-field[data-item-type="contact"][data-field="occupation_role"], .tc-field.tc-field[data-item-type="contact"][data-field="workplace"]{
	width:fit-content;
} */

.tc-widget.tc-widget-full .tc-form .tc-field-readonly[data-item-type="contact"][data-widget="technical"][data-field="user"][data-field-type="item"]{
	width:20%;
}

.tc-field.links-filtered {
	background: #666;
	outline: 3px solid #666;
}


.tc-main .tc-main-controls .tc-fields .tc-field[data-item-type=tc_task_archive][data-field=viewing_clients_filter] .tc-control,
.tc-main .tc-main-controls .tc-fields .tc-field[data-item-type=tc_task_archive][data-field=viewing_suppliers_filter] .tc-control {
	width: 300px;
}


.tc-field[data-item-type="article"][data-field="subject"] .tc-input {
        font-weight: bold;
}

.tc-comments .tc-comments-row .tc-comments-row-meta {
	float: left;
}

.tc-comments .tc-comments-row .tc-comments-row-content {
	margin: 0;
}


.tc-widget[data-item-type="task"][data-widget="inner_chat"] .tc-widget-title {
        background-color: #e4643a;
}


.tc-widget[data-item-type="task"][data-widget="general_chat"] .tc-widget-title {
        background-color: #63cb82;
}

.tc-widget[data-item-type="task"][data-widget="clients_suppliers"] .tc-widget-title {
        background-color: darkgrey;
}


.tc-widget[data-item-type="task"][data-widget="suppliers"] .tc-widget-title {
        background-color: darkgrey;
}

.tc-field[data-field="related_links"] .tc-button.tc-button-secondary {
	color: #0000EE;
	text-decoration: underline;
	background: none;
}


.tc-button[data-button="navigate_item"] {
	background: #e4643a;
}

.tc-button[data-button="project_nav"] {
	background: #e4643a;
}

.tc-layout-archive[data-item-type="tc_hour_report_archive"] .tc-table .tc-table-column[data-field="status"].tc-table-column .tc-table-cell,
.tc-layout-archive[data-item-type="tc_hour_report_archive"] .tc-table .tc-table-column[data-field="client_estimate"].tc-table-column .tc-table-cell,
.tc-layout-archive[data-item-type="tc_hour_report_archive"] .tc-table .tc-table-column[data-field="supplier_estimate"].tc-table-column .tc-table-cell{
	background: darkgrey;
}

.tc-layout-archive[data-item-type="tc_hour_report_archive"] .tc-table-body .tc-table-column{
	border: 0.5px solid black;
}

.tc-field[data-field="supplier_estimate"]:first-child {
	margin-right: 50%;
}

.tc-field[data-field="supplier_estimate"]:first-child + .tc-field[data-field="supplier_time"] {
	margin-right: 50%;
}

.tc-field[data-field="supplier_estimate"]:first-child + .tc-field[data-field="supplier_time"] + .tc-field[data-field-type="comments"] {
	margin-right: 50%;
}

.tc-field[data-field="client_estimate"],
.tc-field[data-field="client_time"],
.tc-field[data-field="supplier_estimate"],
.tc-field[data-field="supplier_time"] {
	color: grey;
}

.tc-field.client-chat, .tc-field.supplier-chat {
	color: grey;
}

.tc-field[data-field="client_estimate"] .tc-control-wrapper .tc-input-text,
.tc-field[data-field="client_time"] .tc-control-wrapper .tc-input-text {
	background-color: #FCFCAE;
}

.tc-field[data-item-type="task"][data-field="child_tasks_list"] .tc-table-column[data-field="priority"],
.tc-field[data-item-type="project"][data-field="filtered_tasks"] .tc-table-column[data-field="priority"],
.tc-layout-archive[data-item-type="tc_task_archive"] .tc-table-column[data-field="priority"] {
	font-size: 13px;
	min-width: 50px;
	max-width: 50px;
}

.tc-field.tc-field-editable[data-item-type="task"][data-field="priority"] .tc-control .tc-input{
	height: 18px;
}

.tc-field.tc-description-below .tc-field-description-baloon .tc-baloon {
	bottom: auto;
	top: 100%;
	margin-bottom: 0;
	margin-top: 3px;
}

.tc-field.tc-description-below .tc-field-description.tc-field-description-baloon:hover .tc-baloon {
	width: 500px;
	max-width: 90vw;
}

.tc-field.tc-description-below .tc-field-description-baloon .tc-baloon:after {
	top: auto;
	bottom: 100%;
	transform: rotate(180deg);
}

.tc-layout-archive[data-item-type="tc_hour_report_archive"] .tc-table-column[data-field="task"] {
	min-width: 350px;
	max-width: 450px;
}

/* clico_short_duration switch — uniform-width option boxes regardless of label length */
/*.tc-field[data-field="clico_short_duration"] .tc-control.tc-control-switch .tc-input.tc-input-switch {*/
/*	box-sizing: border-box;*/
/*}*/

/* The single (item) view renders the details widget as .tc-widget-full, so a width-classed
   field gets a 40%/60% caption ratio; the creator dialog widget isn't full, so it falls back
   to the base 33.34%. Pin the item's clico_short_duration to match the creator (33.34%). */
.tc-field[data-item-type="hour_report"][data-field="short_duration_minutes"] .tc-caption-wrapper,
.tc-field[data-item-type="hour_report"][data-field="clico_short_duration"] .tc-caption-wrapper {
	width: 27% !important;
}
.tc-field[data-item-type="hour_report"][data-field="short_duration_minutes"] .tc-caption-wrapper + .tc-control-wrapper,
.tc-field[data-item-type="hour_report"][data-field="clico_short_duration"] .tc-caption-wrapper + .tc-control-wrapper {
	width: 73% !important;
}

/* Same root cause for every width-classed field: in the single (item) view the details
   widget is .tc-widget-full, whose ocean rule (themis-ocean-base.css:51) forces ALL
   width-classed captions to 40%, overriding the per-width -aligned ratios the creator
   (non-full widget) keeps. Restore the -aligned ratios in the item so the caption→input
   spacing matches the creator. (clico_short_duration is handled by the rule above.) */
.tc-field[data-item-type="hour_report"].tc-field-width-half-aligned .tc-caption-wrapper {
	width: 50% !important;
}
.tc-field[data-item-type="hour_report"].tc-field-width-half-aligned .tc-caption-wrapper + .tc-control-wrapper {
	width: 50% !important;
}


/* Login widget — restore the previous look: full widget header with its title.
   The canopy branding (themis-canopy.css) hides the login widget title and the
   branding JS injects a logo image above the form instead. Un-hide the title and
   hide that injected top logo so the header reads as before. */
.tc-widget[data-item-type="user_login"][data-widget="credentials"] .tc-widget-title {
	display: block !important;
}

.tc-branding-logo,
.tc-branding-app-logo {
	display: none !important;
}

.tc-widget {
	border: none;
}

/* Welcome "Quick Draft" widget — keep the input and its action buttons on one
   row instead of stacking the buttons on a separate line below the field. */
.tc-widget[data-widget="quick_draft"] > .tc-form {
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	gap: 10px;
}

.tc-widget[data-widget="quick_draft"] > .tc-form > .tc-fields {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
}

.tc-widget[data-widget="quick_draft"] > .tc-form > .tc-fields .tc-field[class*="tc-field-width"] {
	width: 100%;
	float: none;
}

.tc-widget[data-widget="quick_draft"] > .tc-form > .tc-form-buttons {
	flex: 0 0 auto;
	margin-top: 0;
}

/* Keep any response/message baloon (e.g. the "Email sent" confirmation) on its
   own line rather than squeezed into the flex row. */
.tc-widget[data-widget="quick_draft"] > .tc-form > .tc-baloon {
	flex-basis: 100%;
}

.tc-field[data-item-type="welcome"][data-field="quick_draft"] textarea.tc-input.tc-input-text {
	height: 60px;
}

.tc-field[data-item-type="welcome"][data-field="comments"] textarea.tc-input.tc-input-text {
	height: 60px;
}

/* Timer field — put its Start/Stop buttons to the RIGHT of the elapsed value.

   The core template (themis-control-extra-actions.html, default "horizontal" style) lays the
   control and its extra_actions out as table cells: .tc-ptable > .tc-ptd, with the control in the
   first cell carrying .tc-ptd-full (width:100%). Under RTL that first cell takes the rightmost
   slot, so the buttons fall to its LEFT. Switching just this one container to flex lets
   row-reverse run the main axis left-to-right, placing the control first from the left and the
   buttons after it — i.e. on the right. Neutralising .tc-ptd-full's width:100% stops the control
   stretching and shoving the buttons off the edge.

   RTL only, and scoped to the timer field: in LTR the default cell order already puts the buttons
   on the right, and every other field on the site should keep the core layout. */
.tc-root-rtl .tc-field[data-field="timer"] .tc-control-extra-actions.tc-control-extra-actions-horizontal {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: flex-end;
}

.tc-root-rtl .tc-field[data-field="timer"] .tc-control-extra-actions.tc-control-extra-actions-horizontal > .tc-ptd.tc-ptd-full {
	width: auto;
}

/* Timer field — keep the elapsed value compact.

   The timer control renders a real <input>, and an input's intrinsic size (~20 characters) is what
   made the box wide. 'width' => 'shrink' on the field only frees the caption/control wrappers — it
   cannot shrink the input's own default size — so the width has to be set here. 7em fits HH:MM:SS
   with room to spare (.tc-input is border-box; .tc-input-text carries 9px padding each side).

   The other fields in this row need no CSS: they are registered with hide_caption, so the control
   wrapper never gets core's 25%/75% caption split and the control already fills the whole field.
   (Verified in-browser before removing the rules that used to live here: with a caption present the
   wrapper was 122px of a 223px field and the control filled all 122px of it — the caption, not the
   control, was the wasted space.) */
.tc-field[data-item-type="welcome"][data-field="timer"] .tc-control-timer .tc-input {
	width: 7em;
}

/* Dashboard "to approve" hour reports — stretch the links table to the full widget width.

   app.css sets a global `.tc-table { width: auto }` (above) which overrides core's
   `.tc-table { width: 100% }` (themis-table.css), so every table sizes to its content. That is what
   the wide tables on this page rely on, so it stays — but this one carries narrow columns and ends
   up around 900px in a full-width widget. Re-assert 100% for just this field's table; the selector
   is specific enough (0,4,0) to beat the global rule without touching it.

   Measured before/after in-browser: table 884px inside an 870px .tc-table-wrapper (i.e. shrink-to-fit
   and even overflowing) while every ancestor up to .tc-field was already the full 870px — so the
   container was never the constraint, only the table's own width. */
.tc-field[data-item-type="welcome"][data-field="unapproved_hour_reports"] .tc-table {
	width: 100%;
}

/* Compact the per-row "Start" context button on the dashboard hour-reports table so it doesn't
   drive the row height. The row's context buttons render icon-only (.tc-button-icon) and core sizes
   them with padding 6px + margin 2px 0 and an 18px icon (themis-table.css) — ~34px tall, taller than
   a plain text row. Shrink padding/margin/icon for this one links field so the button fits within the
   row's natural text height. Selector mirrors the core chain + the field wrapper, so it outweighs the
   base rule (and the .tc-icon font-size rule) without !important. Scoped to this field only. */
.tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column.tc-table-column-context-buttons .tc-table-cell .tc-buttons .tc-button.tc-button-icon {
	padding: 2px;
	margin: 0;
}

.tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column.tc-table-column-context-buttons .tc-table-cell .tc-buttons .tc-button.tc-button-icon .tc-icon {
	font-size: 13px;
}

/* Dashboard hour-reports table: force the date / start_time / end_time columns to the 68px timestamp
   width. The table is table-layout:auto, where a <td> max-width is only a hint (the column grows to
   its content's max-content) — so capping the <td> alone does nothing; the columns sat at 78px,
   driven by the "Timer Start"/"Timer End" header captions. The lever is the CONTENT elements: the
   header title and the body cell are display:block, so max-width IS honored on them — cap + clip
   them, which drops the column's preferred width so the <td> min-width settles it at 68px.
   Trade-off (chosen): the "Timer Start"/"Timer End" headers truncate with an ellipsis; the H:i values
   fit. Scoped to this links field; 68px mirrors the [data-field-type="timestamp"] rule above. */
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column[data-field="clico_time_saved"],
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column[data-field="date"],
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column[data-field="start_time"],
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column[data-field="end_time"],
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column[data-field="group_minutes"],
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column[data-field="hours"],
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column[data-field="group_hours"],
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column[data-field="minutes"] {
	min-width: 68px;
	max-width: 68px;
	width: 68px;
}

.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column[data-field="clico_time_saved"] .tc-table-cell,
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column[data-field="clico_time_saved"] .tc-table-column-title,
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column[data-field="date"] .tc-table-cell,
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column[data-field="date"] .tc-table-column-title,
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column[data-field="start_time"] .tc-table-cell,
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column[data-field="start_time"] .tc-table-column-title,
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column[data-field="end_time"] .tc-table-cell,
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column[data-field="end_time"] .tc-table-column-title,
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column[data-field="group_minutes"] .tc-table-cell,
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column[data-field="group_minutes"] .tc-table-column-title,
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column[data-field="hours"] .tc-table-cell,
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column[data-field="hours"] .tc-table-column-title,
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column[data-field="group_hours"] .tc-table-cell,
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column[data-field="group_hours"] .tc-table-column-title,
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column[data-field="minutes"] .tc-table-cell,
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column[data-field="minutes"] .tc-table-column-title {
	width: 68px;
	text-overflow: clip;
}

/* Dashboard hour-reports table: pin the row-number column to 24px to match every other table.
   The app-wide 24px rule (.tc-table-column .tc-table-column-row-count, top of file) has a broken
   descendant selector (space) so it never applies; the column falls back to Ocean's width:1px and
   shrink-wraps to its content — wider here because this table's row numbers reach 3 digits. Same
   auto-layout constraint as the date columns above: cap the CELL content (max-width honored on the
   display:block cell) with overflow:hidden so the column settles at the 24px min/max. Scoped to this
   table only, per request. Note: a 3-digit row number will clip at 24px. */
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column.tc-table-column-row-count {
	min-width: 30px;
	max-width: 30px;
	width: 30px;
}
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-column.tc-table-column-row-count .tc-table-cell {
	width: 30px;
	text-overflow: clip;
}


/* Dashboard hour-reports table: flag a Temporary report's empty required fields with a red cell
   border — same treatment as the tasks "waiting for" indicator, in the app's deep red (#941116).
   The row carries a hour-report-missing-<field> class (hour_reports_table_row_classes); redden that
   field's cell. `hours` and `minutes` are never both on screen — the dashboard's time-view switch
   shows one or the other — so the indicator names both and lands on whichever is rendered.
   Scoped to this table. */
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table-row.hour-report-missing-project .tc-table-column[data-field="project"] .tc-table-cell,
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table-row.hour-report-missing-hours .tc-table-column[data-field="minutes"] .tc-table-cell,
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table-row.hour-report-missing-hours .tc-table-column[data-field="hours"] .tc-table-cell,
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table-row.hour-report-missing-clico_time_saved .tc-table-column[data-field="clico_time_saved"] .tc-table-cell,
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table-row.hour-report-stopped-by-system .tc-table-column[data-field="comments"] .tc-table-cell {
	border: 3px solid #f7cac9;
	border-radius: 5px;
}

/* Dashboard hour-reports table: tint a GROUP HEAD's row the same blue a parent task gets in the
   tasks tables (.task-is-parent). The row carries hour-report-is-parent
   (hour_reports_table_row_classes); body cells carry no background of their own (themis-table.css puts
   background: inherit on .tc-table-column-title, the heading only), so the row's colour shows through.
   Scoped to this table, unlike .task-is-parent which is global. */
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table-row.hour-report-is-parent {
	background: #b5d6e5;
}

/* The rule above outranks the table's generic row hover, so restate it a shade deeper to keep the
   hover feedback on a group head's row — the same twin the green fill this replaced carried. */
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table-row.hour-report-is-parent:hover,
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table-row.hour-report-is-parent.tc-hover {
	background: #a3cbdd;
}

/* The head's children, a lighter shade of the same blue so a group reads as one block with its head
   at the top. Only ever on screen with "Including Children" ticked. The row carries
   hour-report-is-child (hour_reports_table_row_classes); scoped to this table like its head's rule. */
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table-row.hour-report-is-child {
	background: #daebf2;
}

/* Hover twin, for the same reason as the head's above — and kept lighter than the head's resting
   blue, so hovering a child never makes it read as the head. */
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table-row.hour-report-is-child:hover,
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table-row.hour-report-is-child.tc-hover {
	background: #c8dfeb;
}

/* Dashboard hour-reports table: mark the RUNNING timer's row with a green outline rather than a fill,
   so it reads on top of the blue above instead of fighting it — a running report is always the newest
   in its group, so it is a group head as soon as it has children, and the two land on the same row.
   outline, not border: a border on the row would eat 2px on every side and push that one row's columns
   out of line with the rest of the table. Deeper than the fill this replaced (#eefaee) — a wash reads as a
   tint but disappears as a line; this sits with the red and purple cell indicators above.
   No hover rule needed: with no background of its own the row takes the table's generic hover. */
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table-row.hour-report-running {
	outline: 2px solid #6DE89F;
	/*outline-offset: -2px;*/
}

/* Dashboard hour-reports table: weight the GROUP TOTAL column — group_minutes or group_hours, only
   ever one on screen (the time-view switch picks the pair) — with a light grey wash, so it reads
   apart from the report's own minutes / hours sitting right beside it.
   Translucent grey rather than a flat one: this same cell already carries the row's own colour — the
   group tints above (hour-report-is-parent / -is-child) and the missing-required red border — and a
   solid fill would paint the group's colour out of exactly the cells that hold its total. An rgba
   composites over whatever the row is, so the column sits a shade heavier on every row.
   .tc-table-body scopes it to the data rows: the heading is the table's blue with white text, and the
   totals row is already grey (#ebebeb, themis-table.css) — a wash on either reads as a defect. */
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-body .tc-table-column[data-field="group_minutes"],
.tc-root-not-print .tc-field[data-field="unapproved_hour_reports"] .tc-table .tc-table-body .tc-table-column[data-field="group_hours"] {
	background-color: rgba(0, 0, 0, 0.15);
}

/* Group Reports table (the hour_report form's own group list): mark the report the form is showing,
   so a group of near-identical rows says which one you opened. The row carries hour-report-is-current
   (hour_reports_table_row_classes, gated on the links field's context item), and reuses the dashboard
   head's blue — this table has no head/child tint of its own to collide with. */
.tc-root-not-print .tc-field[data-field="group_reports"] .tc-table-row.hour-report-is-current {
	background: #b5d6e5;
}

/* Hover twin, same reason as the dashboard head's: the rule above outranks the table's generic row
   hover, so restate it a shade deeper to keep the feedback. */
.tc-root-not-print .tc-field[data-field="group_reports"] .tc-table-row.hour-report-is-current:hover,
.tc-root-not-print .tc-field[data-field="group_reports"] .tc-table-row.hour-report-is-current.tc-hover {
	background: #a3cbdd;
}

/* The four fields the timer locks: the time inputs go READABLE while that report IS the running timer
   (hour_reports_time_input_permission), and minutes / hours go READABLE once the timer has recorded any
   time, since the span then derives them (hour_reports_derived_time_permission). Grey their value box so
   the lock reads as a lock instead of an ordinary empty input. Base .tc-input.tc-readonly forces
   background white with !important (themis-base.css), so this needs !important too, and the [data-field]
   wrapper to out-specify it. Scoped to .tc-field, so the table columns of the same slugs are untouched. */
.tc-field[data-field="start_time_input"] .tc-input.tc-readonly,
.tc-field[data-field="end_time_input"] .tc-input.tc-readonly,
.tc-field[data-field="minutes"] .tc-input.tc-readonly,
.tc-field[data-field="hours"] .tc-input.tc-readonly {
	background-color: #ededed !important;
}