/**
 * Variables
 */
:root {
	--body-bg: #262626;
	--header-bg: #353535;
	--content-bg: rgb(38, 38, 38);
	--text-color: #fff;
	--text-grayed-out: #727272;
	--sidebar-link-color: #cfcfcf;
	--border-color: #525252;
	--pink: #f26c4f;
	--violet: #f4399e;
	--Xpink-gradient: linear-gradient(to right, #f26c4f, #f4399e);
	--pink-gradient: #f26c4f;
	--circle-color: #510a31;
  --table-row-hoover-bg: #2f2f2f;
}
body{color:var(--text-color);}

a[href=""] {pointer-events: none; color:gray !important; }

input[type="number"] {
  background: transparent;
  color: var(--color-text);
  padding: 10px;
  border: 1px solid var(--border-color);
  border-radius: 2px;
  transition: border 0.5s ease-in-out;
}
.header-main { display: block; }
.site-branding { justify-content: space-between; }
#personal-menu { width: fit-content; }
#personal-menu A { width: 24px; height: 25px; margin-left: 10px; display: inline-block; background-size: contain; vertical-align: middle;   }
#personal-menu A.settings { background-image: url(../images/settings.png); }
#personal-menu A.logout { background-image: url(../images/logout.png); }
#personal-menu A.masquerade { background-image: url(../images/masquerade.png); }

/* Overlay */
.overlay { position: fixed; top: 0; left: 0; width: 100%;  height: 100%;  z-index: 999;  background-color: rgba(0,0,0,0.7); /*dim the background*/ padding: 5% 10%; }
.overlay .overlay-wrapper { position: relative; Xmax-width: 900px; margin: 0 auto; }
.overlay .overlay-content { Xmax-width: 900px; margin: 0 auto; min-height: 80vh; }
.overlay .overlay-content #overlay-navbar { width: 100%; position: absolute; bottom: -62px; text-align: center; background-color: #000; }
.overlay .overlay-content #overlay-navbar > A { display: inline-block; font-size: 80px; line-height: 34px; margin-right: 10px; }
.overlay .overlay-content #overlay-navbar > A.disabled { color: gray; }
.overlay .close-overlay { background: url(../images/X_btn.png); width: 19px; height: 19px; position: absolute; top: -19px; right: -19px; cursor: pointer; }
.overlay IFRAME { border: none; width: 80%; Xmax-width: 900px; height: 80%; position: fixed; background-color:#E9E9E9; }
.overlay .ajax-loader-wrapper { position: absolute; left: calc(50% - 15px); top: calc(50% - 15px); }

BODY.iframe-overlay #toolbar-administration, 
BODY.iframe-overlay HEADER, 
BODY.iframe-overlay #block-homect-masquerade, 
BODY.iframe-overlay #footer-bottom-last { display: none; }

H1 { font-size: 200%; }
TABLE.sticky-header { position: relative; }
TABLE.sticky-header thead th { position: sticky; top: 0; }

.system-modules label,
.system-modules-uninstall label { color: #fff; } 

.page-title-wrap { text-align: left; }
#block-homect-breadcrumbs { text-align: left; }
#block-homect-breadcrumbs .breadcrumb-item span { margin: 0; }

#block-homect-local-tasks .block-content UL.page-tabs { display: inline-block;width: 100%; max-width: calc(100% - 300px); margin-right: 20px; }
#block-homect-local-tasks .block-content UL.page-tabs .logout-tab { float: right; }
#block-homect-local-tasks .block-content #select-project { display: inline-block; width: 200px; padding: 2px 5px;}

.comment-issue-comments-form .field--widget-options-select,
.node-issue-form .field--widget-options-select { width: 22%; min-width: 200px; display: inline-block; margin: 0 20px 20px 0; }
.node-issue-form .form-item-title-0-value INPUT { width: 100%; }

.comment-issue-comments-form .field--widget-options-select SELECT,
.node-issue-form .field--widget-options-select SELECT { width: 100%; }

.comment-issue-comments-form .form-item-field-issue-comments-attachment-0 .description BR { content: ''; }
.comment-issue-comments-form .form-item-field-issue-comments-attachment-0 .description BR:after {content: ' | '; }

.comment-issue-comments-form #edit-field-issue-comments-attachment-wrapper SUMMARY,
.comment-issue-comments-form #edit-field-issue-comments-attachment-wrapper LABEL { display: none; }
.page-type-issue .comment-form-wrap { border-bottom: 1px solid; border-color: var(--ck-color-base-border);}

.page-type-issue .node-links-container { border-top: none; }
.page-type-issue .field--name-field-issue-assignee,
.page-type-issue .field--name-field-issue-type,
.page-type-issue .field--name-field-issue-priority,
.page-type-issue .field--name-field-issue-status,
.page-type-issue .field--name-field-issue-redmine-id { display: inline-block; margin-right: 20px; }
.page-type-issue .field--name-field-issue-status .field__label { float: none; }
.ck.ck-editor__main>.ck-editor__editable { background: var(--body-bg) !important; color: var(--text-color) !important; }
.single-comment { border-bottom: 1px solid var(--border-color); }
.single-comment .single-comment-content .links LI { margin-right: 10px; }
.single-comment .single-comment-meta { border: none; }
.single-comment .field--name-field-issue-comments-notes { margin-bottom: 18px !important; }


#issuessearchform { margin-bottom: 40px; width: 100%; max-width: 900px; }
#issuessearchform .form-item { display: inline-block; width: 100%; max-width: 200px; margin-right: 20px; }
#issuessearchform .form-item INPUT,
#issuessearchform .form-item SELECT { width: 100%; }
#issuessearchform #edit-submit { Xdisplay: block;  margin-right: 10px; }
#issuessearchform .form-item-num-page { max-width: 130px; }
#issuessearchform .js-form-type-checkbox INPUT { width: auto; }

#issuessearchform .js-form-item-assignee LABEL,
#issuessearchform .form-item-status LABEL { display: flex;justify-content: space-between; }

.views-exposed-form .form-item { display: inline-block; width: 100%; max-width: 200px; margin-right: 20px; }
.views-exposed-form .form-item INPUT,
.views-exposed-form .form-item SELECT { width: 100%; }

TR.priority-30,
TR.priority-40 { color:#ed1c1c !important; }

.button.clear-button { margin-right: 10px; cursor: pointer; border: 1px solid var(--border-color); border-radius: 2px; padding: 9px 10px; background: transparent; color: #fff; }

TH A { white-space: nowrap; }

.page-dashboard .dashboard-table TBODY TR:hover { background-color: var(--table-row-hoover-bg); transition: 0.2s ease-in-out; }
.path-project .dashboard-table .cell-created,
.path-project .dashboard-table .cell-last_comment { min-width: 90px; }
.path-project .dashboard-table .self-assigned .cell-assignee { color: #fff; font-weight: bold; }
.node-submitted-details i { margin-right: 5px; }


#results-wrapper { max-width: 97vw; overflow-x: auto; }

#results-wrapper TABLE { width: 100%; }

/* tablesess table */
.tableless-table { color: #fff; } 
.tableless-table .form-item { margin-bottom: 0; }
.tableless-row { width: 100%; }
.tableless-row-suffix .expense .cell,
.tableless-body .cell,
.tableless-header .cell,
.tableless-header .header-cell { display: inline-block; padding: 3px 5px; width: 13%; }

/* Monthview */
.cat-wrapper H3 { direction: rtl; text-align: right; cursor: pointer; }
.cat-wrapper H3 .cat-name { display: inline-block; width: 300px; }
.cat-wrapper H3 .cat-sum { direction: ltr; margin: 0 10px; display: inline-block; }
.cat-table { direction: rtl; text-align: right; }
.cat-table TR {
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.cat-table TR.cat-row.success { background:green !important; }
.cat-table TR.cat-row.fail { background: #932424 !important; }
.cat-table TH { text-align: center; }
.cat-table TD {white-space: nowrap; padding: 3px 5px; }
.cat-table TD.cell-sum { direction: ltr; }
.cat-table TD.cell-cat_id { width: 200px; }
.cat-table TD.cell-personal_notes { width: 300px; }
.cat-table .form-item SELECT,
.cat-table .form-item INPUT { width: 100%; max-width: 100%; }
.cat-table .cat-row[cat_id="0"] {text-decoration: line-through; color:var(--text-grayed-out); }
X.cat-table .cat-row[cat_id="0"] .form-item SELECT,
X.cat-table .cat-row[cat_id="0"] .form-item INPUT { pointer-events: none; }
.cat-table .cat-row[cat_id="0"] .include-row { display: initial !important; }
.cat-table .cat-row[cat_id="0"] .exclude-row { display: none !important; }
.cat-wrapper H3:HOVER,
.cat-table .cat-row:HOVER {background: var(--table-row-hoover-bg) !important; }
.cat-table .form-item { margin-bottom: 0; }

.cat-table .cell-details { max-width: 250px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cat-table .cell-account { width: 135px; }

.cat-table .cell-account-poalim { background: url(../images/poalim.png) 10px center / 25px 25px no-repeat; }
.cat-table .cell-account-isracard { background: url(../images/isracard.jpg) 10px center / 25px 25px no-repeat; }
.cat-table .cell-account-bit { background: url(../images/bit.png) 10px center / 25px 25px no-repeat; }
.cat-table .cell-account-paybox { background: url(../images/paybox.png) 10px center / 25px 25px no-repeat; }
.cat-table .cell-account-cash { background: url(../images/cash.png) 10px center / 25px 25px no-repeat; }
.cat-table .split-open{ display:inline-block; width: 25px; height: 25px; vertical-align:middle; cursor:pointer; margin-left:3px; background: url(../images/split.png) center center / 25px 25px no-repeat; }

.cat-table .row-save { width: 12px; height: 12px; margin-right: 5px; background: url(../images/greenCheck.png); cursor: pointer; display: inline-block; }
.cat-table .row-actions { list-style-type: none; background: #4b4b4b; font-size: 80%; position: absolute; padding: 3px 10px; }
.cat-table .row-actions LI { cursor: pointer; }
.cat-table .row-actions-button { width: 16px; height: 16px; cursor:pointer; background: url(../images/hamburger.svg) no-repeat; display: inline-block;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.cat-table .row-actions-wrapper.row-actions-open .row-actions-button {
  transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
  -webkit-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
  -moz-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
  -o-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
  -ms-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
}
.cat-table .row-actions-wrapper .row-actions {
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
}
.cat-table .row-actions-wrapper.row-actions-open .row-actions { display: block; }

.cat-table .row-actions-wrapper .row-actions LI:HOVER { text-decoration: underline; }

.tableless-header .cell,
.tableless-header .header-cell { font-weight: bold; text-transform: capitalize; }

/* Split form */

#splittransactionform .form-row-item { width: 100%; max-width: 100%; }
#splittransactionform .form-row-item > .form-item { display: inline-block; max-width: 30%; margin-right: 20px; }

#splittransactionform #edit-submit {
	-webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
#splittransactionform #edit-submit { display: block; margin-top: 20px; }
#splittransactionform #edit-submit[disabled] {opacity: 0.3}

/* cashreporttform */
#cashreportform .form-item,
#cashreportform .form-item INPUT,
#cashreportform .form-item SELECT { width: 100%; max-width: 500px; }

@media (max-width: 600px) {
  #block-homect-local-tasks .block-content UL.page-tabs { display:block; max-width: none; }
  #block-homect-local-tasks .block-content #select-project { display: block; margin-bottom: 30px;}
  
  .page-project article.node { max-width: 97vw; }
}


@media (max-width: 944px) {
  #block-homect-local-tasks { max-width: 80vw; }
  #block-homect-local-tasks .block-content { display: flex;  flex-direction: column-reverse; }
  #block-homect-local-tasks .block-content #select-project { margin-bottom: 20px; margin-left: 10px; }
  #block-homect-local-tasks .block-content UL.page-tabs { max-width: 100%; }
  #block-homect-local-tasks .block-content UL.page-tabs LI { width: 100px; text-align: center; margin: 5px 10px; }
  #block-homect-local-tasks .block-content UL.page-tabs LI A { width: 100px; display: inline-block;}
}


@media (min-width: 992px) {
	#page-header { padding: 1em 0 1em 0; }
}


@media (min-width: 1170px) {
  .container {  max-width: 1400px; }
}