@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,600,600i,700,700i,800,800i");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Libre+Baskerville:wght@400;700&display=swap&family=Nunito+Sans:wght@400;600;700&display=swap");
@import url("/stylesheets/jquery/jquery-ui-1.13.2.css") layer(ui);
@import url("/stylesheets/tribute-5.1.3.css") layer(ui);
@layer core, ui, timesheets, responsive, dark;
@layer core {
  /* Zenmine Theme version 3.0, Copyright (C) 2019-2021 - Luis Blasco www.bestredminetheme.com */
  /* Modified for Blend Interactive */
  /* Zenmine Theme version 3.0, Copyright (C) 2019-2021 - Luis Blasco www.bestredminetheme.com */
  /**********************************************************/
  /* INITIALIZE */
  /**********************************************************/
  :root {
    color-scheme: light; /* toggled to dark via JS when user enables dark mode */
    /* Semantic tokens — light-dark() pairs, respond to color-scheme */
    --color-background: light-dark(#fff, #151616);
    --color-background-alpha: light-dark(rgba(255, 255, 255, 0.5), rgba(21, 22, 22, 0.5));
    --color-text: light-dark(#333, #F4F3F2);
    --color-text-link: light-dark(var(--color-primary), #5099FF);
    /* Brand */
    --color-primary: #647e00;
    /* Neutrals */
    --color-black: #000;
    --color-white: #fff;
    --color-gray-100: light-dark(#f8f8f8, #151616);
    --color-gray-200: #eeeeee;
    --color-gray-300: #e4e4e4;
    --color-gray-400: #ccc;
    --color-gray-500: light-dark(#999, #aaa);
    --color-gray-600: light-dark(#777, #999);
    --color-gray-700: #555;
    --color-gray-800: #333;
    /* Status */
    --color-danger: #fd397a;
    --color-success: #00c600;
    --color-teal: #1dc9a0;
    --color-info: #5679eb;
    --color-link-blue: #759fcf;
    --color-link-blue-dark: #628db6;
    --color-green-dark: #109225;
    --color-teal-dark: #169;
    --color-orange: #f66;
    /* Status backgrounds */
    --color-bg-error: #fff0f0;
    --color-bg-info: #ddeeff;
    --color-bg-warning: #ffffdd;
    /* Error / warning tones */
    --color-error: #c22;
    --color-red-light: #faa;
    --color-green-light: #afa;
    --color-salmon: #d88;
    --color-warning-bg: #f3edd1;
    --color-warning-border: #eadbbc;
    --color-warning-text: #a6750c;
    --color-pink: #e86b95;
    /* Header / navigation */
    --color-header-bg: #3e5b76;
    --color-header-border: #506a83;
    --color-header-accent: #9db9d5;
    /* Border grays */
    --color-gray-border-blue: #9eb1c2;
    /* Backgrounds */
    --color-bg-cool: #f3f5f7;
    /* Tiles */
    --color-tile-1: #cddead;
    --color-tile-2: #bbd6ab;
    --color-tile-3: #a0c5a8;
    --color-tile-4: #7cb5a8;
    --color-tile-5: #5daaa6;
    --border-radius-base: 5px;
    --border-radius-common: 7px;
    --box-shadow-common: 5px 5px 20px rgba(0, 0, 0, 0.35);
    --box-shadow-shallow: 1px 1px 4px rgba(0, 0, 0, 0.25);
    --scheduler-max-width: calc(992px + 60px);
    --scheduler-graph-height: 200px;
    --scheduler-sidebar-width: 120px;
    --staff-sidebar-gravatar-width: 20px;
    --scheduler-outer-gutter: 15px;
    --scheduler-cal-inner-height: 600px;
    --scheduler-cal-h3-height: 49px;
    --icon-chevron-down: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjMzLjQgNDA2LjZjMTIuNSAxMi41IDMyLjggMTIuNSA0NS4zIDBsMTkyLTE5MmMxMi41LTEyLjUgMTIuNS0zMi44IDAtNDUuM3MtMzIuOC0xMi41LTQ1LjMgMEwyNTYgMzM4LjcgODYuNiAxNjkuNGMtMTIuNS0xMi41LTMyLjgtMTIuNS00NS4zIDBzLTEyLjUgMzIuOCAwIDQ1LjNsMTkyIDE5MnoiLz48L3N2Zz4=);
    --bg-image-right-shadow: url(data:image/png+xml;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAHcCAYAAADfrioaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMi1jMDAwIDc5LjFiNjVhNzliNCwgMjAyMi8wNi8xMy0yMjowMTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNzkxYzQzOS0xYzZlLTQ3ZDEtOTYxNS03M2NjNGU3ZGIxMDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RENBODU3NTc0RTE3MTFFREJCNDdGQzY2RUE1NzJBRDkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RENBODU3NTY0RTE3MTFFREJCNDdGQzY2RUE1NzJBRDkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowZjk4NTU2Ni1lODYxLTQ1MjAtODg3ZS1iZTgyNDlmNzIzMTMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoyMzdmOGYzZS05YTgzLTNhNGUtOWRlNy1hZTNlNzhiMmMwYTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6V2Wu0AAADlUlEQVR42uxdwY7lMAiLq/3/X/beVprd1z4CDoRuehqNNCgx2BhaacY4z3kGrnCE6N+GT1AfAMG/w3+KAZR10BhEeDHAezD4g8MVAbBfIWGFJrpBDJ/ALWlQVyLS2VjHBazgAkq4gC3SCJUe5JEJykpEuR6EKhERDHAXyCtpKCFTTXPFNzBTZf1jKqO90aXKtT7RBSKelDmShTou5NEZ6itAiQG8pVxL56GmszkAIqIK5RUQZaPMaIaz4C6kTxigdHrPx2BEMICyN05fAR49wDsdiqQzudOIu1qwtDZsi0H+9B6aXLFqCdMEA6yc3scVUCP33BgevtfbPMxcY2khWaQ9v727TBZuePAYwPrqZD0G+DLyjDJZlw2eOXR+NBnlq/F8tx5yKC4uYKtKnE7jN5MVYuNtFswme4tKdJss2dhX95pIsox7DIAZj7AkjTScJlfWp9MIQz/IdShL2dhsYvkI6OVAXrJXzssCSu3+sjqQrkSbdSZ3GhF1KPsKyoafF0JZyubmUvpBU80OJX923iMAZuz+/hiYFtN4XxofDfje3dk0M3hPQEsAGk6Bvq0tpAdSrzx6b7LWsBEzRdR7aqsf+9j/Cs3TiFPKb5L1Gq8s/wYj763vCXACSEbfA+IJIAvAg8EJ4A3A7a7Av38uB5GXl4WnEosD8GDwltmZL04jrWo8ewK+xx9QeQJzY2ks64wGwEMQzvRGtx7Q8vs+gtKMjcyiM/cn0x0mfHlnWuKVH4tr39GXDzVwG4Ceq/Q2muvpzBV0ZlklspyNIY/UvDuzTFCkVpdPV/lVUQcvmVxDafzKBXNTSXeq5gAwWFxZX+A1Y6xLZX2/9j6dhT070+MOxTx4XREArQ6FSlFluh5QVcpU1AHVfaGmtbnb+y0WZUMXR6U/YKSUmXYF8wg4Y/OoqsS8zmRRaKZusqTt3X0Ft6y76cxyNg6lT/zEB/aZWHjnG3pjsH5/YHltxstBYYk/YCqZQo2F3yrS09qmV+OSNIZtHlVGk16XJneqNTsUlmLAFRhMt3d6TBYVaaTqClJFklXi9MgjkXW3zZs2mlSz8dPIw16bLHrnBa4cedhzGceIpOXT2e1QzB06tS/U0pkKOstfUDBKJhcb6Rm6lnwVFv6kKsyFfEnbb3IdUTI1FhTJ9B5KI7cgE6NkcmNA5dhXa3F+cKHv9wfh7lwjqntg8M9Vzn9PPP9FU/Gg/ATn2eL5LcAA+rAgs8wabPIAAAAASUVORK5CYII=);
    --bg-scheduler-shadow: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDE1OTkgNjMxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNTk5IDYzMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtkaXNwbGF5Om5vbmU7fQoJLnN0MXtmaWxsOnVybCgjU1ZHSURfMV8pO30KCS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzAwMDAwMTMyMDgxOTUxMjk5OTA1ODY2MjkwMDAwMDAwMDExNDExMzQwMTAwNjkyMzk5Xyk7fQoJLnN0M3tmaWxsOnVybCgjU1ZHSURfMDAwMDAxMTQwNjAwMzIzNDI3MTE4ODE4MjAwMDAwMDgzNzA2NDE3NDIyNzAzMDg1MDZfKTt9Cgkuc3Q0e2ZpbGw6dXJsKCNTVkdJRF8wMDAwMDAzNjIzNjU3MDgxNDA4Mjc3NDUwMDAwMDAxNDk3MTY5MTcxODQyMTAyOTc2N18pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzAwMDAwMDgzMDU4NTI1ODIwNDM1MzIzNDUwMDAwMDEyODYwMDMyNDE3OTY0NTU1NDU1Xyk7fQoJLnN0NntmaWxsOnVybCgjU1ZHSURfMDAwMDAwNDM0NTE3NTY5MTM4MDY2OTcxNzAwMDAwMDM5ODQwNjMwMDYzMjUwOTA2OThfKTt9Cgkuc3Q3e2ZpbGw6dXJsKCNTVkdJRF8wMDAwMDE0NTA1NDU1MTYzOTY2MDkxMjgxMDAwMDAxNDI0ODgyNjc4MDUwMzgwNzYzOF8pO30KCS5zdDh7ZmlsbDp1cmwoI1NWR0lEXzAwMDAwMDI1NDIzMDg0OTI4MjMyMTcxMDgwMDAwMDE3OTI3MzYzMDMwNzU0NjIyNjQ5Xyk7fQoJLnN0OXtmaWxsOnVybCgjU1ZHSURfMDAwMDAwOTMxNzA5MDUzMjczMjcwOTUzNDAwMDAwMDAzNTUyNjQ5MjU2MDQyMTM2NDNfKTt9Cgkuc3QxMHtmaWxsOnVybCgjU1ZHSURfMDAwMDAwNTcxMDg1NjczODYyNjMzMDE5MTAwMDAwMDg3ODE0ODc1OTE0MjA1ODM4MTVfKTt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8yIiBjbGFzcz0ic3QwIj4KCQoJCTxpbWFnZSBzdHlsZT0iZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTsiIHdpZHRoPSIxNzUyIiBoZWlnaHQ9Ijc5MSIgeGxpbms6aHJlZj0iU2NyZWVuIFNob3QgMjAyMi0xMS0wNCBhdCAyLjM1LjI4IFBNLnBuZyIgIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgLTIzMi41IC0yMy4xMDE3KSI+Cgk8L2ltYWdlPgo8L2c+CjxnIGlkPSJMYXllcl8xIj4KCTxnPgoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTkiIHkxPSI2MjguNzk0OSIgeDI9Ijk5IiB5Mj0iMTAuMTU4NSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFNkU3RTg7c3RvcC1vcGFjaXR5OjAiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0U2RTdFOCIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE5MSw2MS4xSDdjLTMuOCwwLTcsMy4xLTcsN3Y1NTZjMCwzLjgsMy4yLDcsNyw3aDE4NGMzLjgsMCw3LTMuMiw3LTd2LTU1NkMxOTgsNjQuMywxOTQuOCw2MS4xLDE5MSw2MS4xeiIKCQkJLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8wMDAwMDEwNjg2MTU3NDI3Nzg3MzYwNDI5MDAwMDAwNzAyMzI2NDc4Mzk2NDA0NjI2MV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjk5IiB5MT0iNjI4Ljc5NDkiIHgyPSIyOTkiIHkyPSIxMC4xNTg1Ij4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0U2RTdFODtzdG9wLW9wYWNpdHk6MCIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRTZFN0U4Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzAwMDAwMTA2ODYxNTc0Mjc3ODczNjA0MjkwMDAwMDA3MDIzMjY0NzgzOTY0MDQ2MjYxXyk7IiBkPSJNMzkxLDYxLjFIMjA3Yy0zLjgsMC03LDMuMS03LDd2NTU2CgkJCWMwLDMuOCwzLjIsNyw3LDdoMTg0YzMuOCwwLDctMy4yLDctN3YtNTU2QzM5OCw2NC4zLDM5NC44LDYxLjEsMzkxLDYxLjF6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMDAwMDAxNjY2NDc0NjM2MTU0MDc0ODYxNzAwMDAwMTc3NTQzOTgxMjg3NzE1ODAwOTRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjQ5OSIgeTE9IjYyOC43OTQ5IiB4Mj0iNDk5IiB5Mj0iMTAuMTU4NSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFNkU3RTg7c3RvcC1vcGFjaXR5OjAiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0U2RTdFOCIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggc3R5bGU9ImZpbGw6dXJsKCNTVkdJRF8wMDAwMDE2NjY0NzQ2MzYxNTQwNzQ4NjE3MDAwMDAxNzc1NDM5ODEyODc3MTU4MDA5NF8pOyIgZD0iTTU5MSw2MS4xSDQwN2MtMy44LDAtNywzLjEtNyw3djU1NgoJCQljMCwzLjgsMy4yLDcsNyw3aDE4NGMzLjgsMCw3LTMuMiw3LTd2LTU1NkM1OTgsNjQuMyw1OTQuOCw2MS4xLDU5MSw2MS4xeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzAwMDAwMDIxNzk3NzY1MzM3ODY2Nzc0MDIwMDAwMDA4ODA1MzgyODEyNjkwNjcxNzQ3XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI2OTkiIHkxPSI2MjguNzk0OSIgeDI9IjY5OSIgeTI9IjEwLjE1ODUiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRTZFN0U4O3N0b3Atb3BhY2l0eTowIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNFNkU3RTgiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfMDAwMDAwMjE3OTc3NjUzMzc4NjY3NzQwMjAwMDAwMDg4MDUzODI4MTI2OTA2NzE3NDdfKTsiIGQ9Ik03OTEsNjEuMUg2MDdjLTMuOCwwLTcsMy4xLTcsN3Y1NTYKCQkJYzAsMy44LDMuMiw3LDcsN2gxODRjMy44LDAsNy0zLjIsNy03di01NTZDNzk4LDY0LjMsNzk0LjgsNjEuMSw3OTEsNjEuMXoiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8wMDAwMDEwNzU3Mjk0ODg2NjA0MzQzNTY3MDAwMDAwODYyMjEwNzM4NjcxNTUyMjIzN18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iODk5IiB5MT0iNjI4Ljc5NDkiIHgyPSI4OTkiIHkyPSIxMC4xNTg1Ij4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0U2RTdFODtzdG9wLW9wYWNpdHk6MCIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRTZFN0U4Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzAwMDAwMTA3NTcyOTQ4ODY2MDQzNDM1NjcwMDAwMDA4NjIyMTA3Mzg2NzE1NTIyMjM3Xyk7IiBkPSJNOTkxLDYxLjFIODA3Yy0zLjgsMC03LDMuMS03LDd2NTU2CgkJCWMwLDMuOCwzLjIsNyw3LDdoMTg0YzMuOCwwLDctMy4yLDctN3YtNTU2Qzk5OCw2NC4zLDk5NC44LDYxLjEsOTkxLDYxLjF6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMDAwMDAwMzgzOTAwMDU3NjQ4OTcyMTY3NjAwMDAwMTYyNTMwODQwMTYwMDA3NTEyNjJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwOTkiIHkxPSI2MjguNzk0OSIgeDI9IjEwOTkiIHkyPSIxMC4xNTg1Ij4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0U2RTdFODtzdG9wLW9wYWNpdHk6MCIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRTZFN0U4Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzAwMDAwMDM4MzkwMDA1NzY0ODk3MjE2NzYwMDAwMDE2MjUzMDg0MDE2MDAwNzUxMjYyXyk7IiBkPSJNMTE5MSw2MS4xaC0xODRjLTMuOCwwLTcsMy4xLTcsN3Y1NTYKCQkJYzAsMy44LDMuMiw3LDcsN2gxODRjMy44LDAsNy0zLjIsNy03di01NTZDMTE5OCw2NC4zLDExOTQuOCw2MS4xLDExOTEsNjEuMXoiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8wMDAwMDEwNjg2ODc5MTI5ODI2NzQzNDM0MDAwMDAwMjk3OTk5NjgxNjY1NjgzOTYxNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTI5OSIgeTE9IjYyOC43OTQ5IiB4Mj0iMTI5OSIgeTI9IjEwLjE1ODUiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRTZFN0U4O3N0b3Atb3BhY2l0eTowIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNFNkU3RTgiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfMDAwMDAxMDY4Njg3OTEyOTgyNjc0MzQzNDAwMDAwMDI5Nzk5OTY4MTY2NTY4Mzk2MTRfKTsiIGQ9Ik0xMzkxLDYxLjFoLTE4NGMtMy44LDAtNywzLjEtNyw3djU1NgoJCQljMCwzLjgsMy4yLDcsNyw3aDE4NGMzLjgsMCw3LTMuMiw3LTd2LTU1NkMxMzk4LDY0LjMsMTM5NC44LDYxLjEsMTM5MSw2MS4xeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzAwMDAwMTU2NTgzOTQ5MjkzNjY0MzA1MDQwMDAwMDE2MzMyNDU4NjE4OTA4MjM3NzMzXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxNDk5IiB5MT0iNjI4Ljc5NDkiIHgyPSIxNDk5IiB5Mj0iMTAuMTU4NSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFNkU3RTg7c3RvcC1vcGFjaXR5OjAiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0U2RTdFOCIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggc3R5bGU9ImZpbGw6dXJsKCNTVkdJRF8wMDAwMDE1NjU4Mzk0OTI5MzY2NDMwNTA0MDAwMDAxNjMzMjQ1ODYxODkwODIzNzczM18pOyIgZD0iTTE1OTEsNjEuMWgtMTg0Yy0zLjgsMC03LDMuMS03LDd2NTU2CgkJCWMwLDMuOCwzLjIsNyw3LDdoMTg0YzMuOCwwLDctMy4yLDctN3YtNTU2QzE1OTgsNjQuMywxNTk0LjgsNjEuMSwxNTkxLDYxLjF6Ii8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMDAwMDAwNjU3ODQ3NDI4MjI2NzIxNzk1ODAwMDAwMTEwMjAwNjY2Nzk1NTM0NTYwNjBfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjM0LjUiIHkxPSI2MjguNzk0OSIgeDI9IjM0LjUiIHkyPSIxMC4xNTg1Ij4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0U2RTdFODtzdG9wLW9wYWNpdHk6MCIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRTZFN0U4Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzAwMDAwMDY1Nzg0NzQyODIyNjcyMTc5NTgwMDAwMDExMDIwMDY2Njc5NTUzNDU2MDYwXyk7IiBkPSJNMzQuNSw0OS45YzEzLjgsMCwyNS0xMS4yLDI1LTI1djAKCQkJYzAtMTMuNy0xMS4yLTI1LTI1LTI1cy0yNSwxMS4yLTI1LDI1djBDOS41LDM4LjYsMjAuOCw0OS45LDM0LjUsNDkuOXoiLz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8wMDAwMDA2NTA1NjEwODI3NDc0OTkyMTU4MDAwMDAxMDIyOTk5NjU5NjAzODI3NzU1M18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTU0LjMyNDUiIHkxPSI2MjguNzk0OSIgeDI9IjE1NC4zMjQ1IiB5Mj0iMTAuMTU4NSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFNkU3RTg7c3RvcC1vcGFjaXR5OjAiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0U2RTdFOCIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggc3R5bGU9ImZpbGw6dXJsKCNTVkdJRF8wMDAwMDA2NTA1NjEwODI3NDc0OTkyMTU4MDAwMDAxMDIyOTk5NjU5NjAzODI3NzU1M18pOyIgZD0iTTcxLjIsMzcuMWgxNjYuM2MzLjksMCw3LTMuMiw3LTdWMTkuNwoJCQljMC0zLjktMy4xLTctNy03SDcxLjJjLTMuOCwwLTcsMy4xLTcsN3YxMC4zQzY0LjIsMzMuOSw2Ny4zLDM3LjEsNzEuMiwzNy4xeiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=);
  }
  body {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    color: var(--color-gray-800);
    margin: 0;
    padding: 0;
    min-width: 900px;
  }
  h1,
  h2,
  h3,
  h4 {
    font-family: "Trebuchet MS", Verdana, sans-serif;
    padding: 2px 10px 1px 0px;
    margin: 0 0 10px 0;
  }
  #content h1,
  h2,
  h3,
  h4 {
    color: var(--color-gray-700);
  }
  h2,
  .wiki h1 {
    font-size: 20px;
  }
  h3,
  .wiki h2 {
    font-size: 16px;
  }
  h4,
  .wiki h3 {
    font-size: 13px;
  }
  h4 {
    border-bottom: 1px solid var(--color-gray-400);
    font-weight: normal;
  }
  pre,
  code {
    font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;
  }
  /***** Layout *****/
  #wrapper {
    background: white;
    overflow: hidden;
  }
  #top-menu {
    background: var(--color-header-bg);
    color: var(--color-white); /*height:1.8em;*/
    font-size: 0.8em;
    padding: 2px 2px 0px 6px;
  }
  #top-menu ul {
    margin: 0;
    padding: 0;
  }
  #top-menu li {
    float: left;
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    white-space: nowrap;
  }
  #top-menu a {
    color: var(--color-white);
    margin-right: 8px;
    font-weight: bold;
  }
  #top-menu #loggedas {
    float: right;
    margin-right: 0.5em;
    color: var(--color-white);
  }
  #account {
    float: right;
  }
  #header {
    min-height: 5.3em;
    margin: 0;
    background-color: var(--color-link-blue-dark);
    color: var(--color-gray-100);
    padding: 4px 8px 20px 6px;
    position: relative;
  }
  #header a {
    color: var(--color-gray-100);
  }
  #header h1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #header h1 .breadcrumbs {
    display: block;
    font-size: 0.5em;
    font-weight: normal;
  }
  #quick-search {
    float: right;
  }
  #quick-search #q {
    width: 130px;
    height: 24px;
    box-sizing: border-box;
    vertical-align: middle;
    border: 1px solid var(--color-gray-400);
    border-radius: var(--border-radius-base);
  }
  #main-menu {
    position: absolute;
    bottom: 0px;
    left: 6px;
    margin-right: -500px;
    width: 100%;
  }
  #main-menu ul {
    margin: 0;
    padding: 0;
    width: 100%;
    white-space: nowrap;
  }
  #main-menu li {
    float: none;
    list-style-type: none;
    margin: 0px 2px 0px 0px;
    padding: 0px 0px 0px 0px;
    white-space: nowrap;
    display: inline-block;
  }
  #main-menu li a {
    display: block;
    color: var(--color-white);
    text-decoration: none;
    font-weight: bold;
    margin: 0;
    padding: 4px 10px 4px 10px;
  }
  #main-menu li a:hover {
    background: var(--color-link-blue);
    color: var(--color-white);
  }
  #main-menu li:hover ul.menu-children,
  #main-menu li ul.menu-children.visible {
    display: block;
  }
  #main-menu li a.selected,
  #main-menu li a.selected:hover {
    background: var(--color-white);
    color: var(--color-gray-700);
  }
  #main-menu li a.new-object {
    background-color: var(--color-link-blue);
  }
  #main-menu .menu-children {
    display: none;
    position: absolute;
    width: inherit;
    z-index: 45;
    background-color: var(--color-white);
    border-right: 1px solid var(--color-link-blue);
    border-bottom: 1px solid var(--color-link-blue);
    border-left: 1px solid var(--color-link-blue);
  }
  #main-menu .menu-children li {
    float: left;
    clear: both;
    width: 100%;
  }
  #main-menu .menu-children li a {
    color: var(--color-gray-700);
    background-color: var(--color-white);
    font-weight: normal;
  }
  #main-menu .menu-children li a:hover {
    color: var(--color-white);
    background-color: var(--color-link-blue);
  }
  #main-menu .tabs-buttons {
    right: 6px;
    background-color: transparent;
    border-bottom-color: transparent;
  }
  #admin-menu ul {
    margin: 0;
    padding: 0;
  }
  #admin-menu li {
    margin: 0;
    padding: 0 0 6px 0;
    list-style-type: none;
  }
  #main {
    background-color: var(--color-gray-200);
  }
  #sidebar {
    float: right;
    width: 22%;
    position: relative;
    z-index: 9;
    padding: 0;
    margin: 0;
  }
  * html #sidebar {
    width: 22%;
  }
  #sidebar h3 {
    font-size: 14px;
    margin-top: 14px;
    color: var(--color-gray-600);
  }
  #sidebar hr {
    width: 100%;
    margin: 0 auto;
    height: 1px;
    background: var(--color-gray-400);
    border: 0;
  }
  * html #sidebar hr {
    width: 95%;
    position: relative;
    left: -6px;
    color: var(--color-gray-400);
  }
  #sidebar .contextual {
    margin-right: 1em;
  }
  #sidebar ul,
  ul.flat {
    margin: 0;
    padding: 0;
  }
  #sidebar ul li,
  ul.flat li {
    list-style-type: none;
    margin: 0px 2px 0px 0px;
    padding: 0px 0px 0px 0px;
  }
  #sidebar div.wiki ul {
    margin: inherit;
    padding-left: 40px;
  }
  #sidebar div.wiki ul li {
    list-style-type: inherit;
  }
  #content {
    width: 75%;
    background-color: var(--color-white);
    margin: 0px;
    border-right: 1px solid var(--color-gray-300);
    padding: 6px 10px 10px 10px;
    z-index: 10;
  }
  * html #content {
    width: 75%;
    padding-left: 0;
    margin-top: 0px;
    padding: 6px 10px 10px 10px;
  }
  html > body #content {
    min-height: 600px;
  }
  * html body #content {
    height: 600px;
  }
  /* IE */
  #main.nosidebar #sidebar {
    display: none;
  }
  #main.nosidebar #content {
    width: auto;
    border-right: 0;
  }
  #footer {
    clear: both;
    border-top: 1px solid var(--color-gray-400);
    font-size: 0.9em;
    color: var(--color-gray-500);
    padding: 5px;
    text-align: center;
    background: var(--color-white);
  }
  #login-form {
    margin: 5em auto 2em auto;
    padding: 20px;
    width: 340px;
    border: 1px solid #fdbf3b;
    background-color: #ffebc1;
    border-radius: var(--border-radius-base);
    box-sizing: border-box;
  }
  #login-form label {
    display: block;
    margin-bottom: 5px;
  }
  #login-form input[type=text],
  #login-form input[type=password] {
    border: 1px solid var(--color-gray-400);
    border-radius: var(--border-radius-base);
    margin-bottom: 15px;
    padding: 7px;
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  #login-form label {
    font-weight: bold;
  }
  #login-form label[for=autologin] {
    font-weight: normal;
  }
  #login-form a.lost_password {
    float: right;
    font-weight: normal;
  }
  #login-form input#openid_url {
    background: var(--color-white) url(/themes/zenmine-301/images/openid-bg.gif) no-repeat 4px 50%;
    padding-left: 24px !important;
  }
  #login-form input#login-submit {
    margin-top: 15px;
    padding: 7px;
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  div.modal {
    border-radius: var(--border-radius-base);
    background: var(--color-white);
    z-index: 50;
    padding: 4px;
  }
  div.modal h3.title {
    display: none;
  }
  div.modal p.buttons {
    text-align: right;
    margin-bottom: 0;
  }
  div.modal .box p {
    margin: 0.3em 0;
  }
  #trackers_description {
    display: none;
  }
  .clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .mobile-show {
    display: none;
  }
  /***** Links *****/
  a,
  a:link,
  a:visited {
    color: var(--color-teal-dark);
    text-decoration: none;
  }
  a:hover,
  a:active {
    color: var(--color-error);
    text-decoration: underline;
  }
  a img {
    border: 0;
  }
  a.issue.closed,
  a.issue.closed:link,
  a.issue.closed:visited {
    color: var(--color-gray-500);
    text-decoration: line-through;
  }
  a.project.closed,
  a.project.closed:link,
  a.project.closed:visited {
    color: var(--color-gray-500);
  }
  a.user.locked,
  a.user.locked:link,
  a.user.locked:visited {
    color: var(--color-gray-500);
  }
  #sidebar a.selected {
    line-height: 1.7em;
    padding: 1px 3px 2px 2px;
    margin-left: -2px;
    background-color: var(--color-header-accent);
    color: var(--color-white);
    border-radius: 2px;
  }
  #sidebar a.selected:hover {
    text-decoration: none;
  }
  #admin-menu a {
    line-height: 1.7em;
  }
  #admin-menu a.selected {
    padding-left: 20px !important;
    background-position: 2px 40%;
  }
  a.collapsible {
    padding-left: 12px;
    background: url(/themes/zenmine-301/images/arrow_down.png) no-repeat 0px 50%;
  }
  a.collapsible.collapsed {
    background-image: url(/themes/zenmine-301/images/arrow_right.png);
  }
  a#toggle-completed-versions {
    color: var(--color-gray-500);
  }
  /***** Dropdown *****/
  .drdn {
    position: relative;
  }
  .drdn-trigger {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
  }
  .drdn-content {
    display: none;
    position: absolute;
    right: 0px;
    top: 25px;
    min-width: 100px;
    background-color: var(--color-white);
    border: 1px solid var(--color-gray-400);
    border-radius: var(--border-radius-base);
    color: var(--color-gray-700);
    z-index: 99;
  }
  .drdn.expanded .drdn-content {
    display: block;
  }
  .drdn-content .quick-search {
    padding: 9px 15px;
  }
  .drdn-content .autocomplete {
    box-sizing: border-box;
    width: 100%;
    height: 28px;
  }
  .drdn-content .autocomplete:focus {
    border-color: #5ad;
  }
  .drdn-items {
    max-height: 400px;
    overflow: auto;
    font-size: 14px;
  }
  div + .drdn-items {
    border-top: 1px solid var(--color-gray-400);
  }
  .drdn-items > * {
    display: block;
    border: 1px solid var(--color-white);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 8px;
  }
  .drdn-items > a:hover {
    text-decoration: none;
  }
  .drdn-items > *:focus {
    border: 1px dotted var(--color-gray-400);
  }
  .drdn-items.selection > *:before {
    content: " ";
    display: inline-block;
    line-height: 1em;
    width: 1em;
    height: 1em;
    margin-right: 4px;
    font-weight: bold;
  }
  .drdn-items.selection > *.selected:before {
    content: "✓";
  }
  .drdn-items.selection:empty {
    border: none;
  }
  .drdn-items > span {
    color: var(--color-gray-500);
  }
  .contextual .drdn-content {
    top: 18px;
  }
  .contextual .drdn-items {
    padding: 2px;
  }
  .contextual .drdn-items > a:hover {
    color: #2a5685;
    border: 1px solid var(--color-link-blue-dark);
    background-color: #eef5fd;
    border-radius: var(--border-radius-base);
  }
  #project-jump.drdn {
    width: 200px;
    display: inline-block;
  }
  #project-jump .drdn-trigger {
    width: 100%;
    height: 24px;
    display: inline-block;
    padding: 3px 18px 3px 6px;
    border-radius: var(--border-radius-base);
    border: 1px solid var(--color-gray-400);
    margin: 0 !important;
    vertical-align: middle;
    color: var(--color-gray-700);
    background: var(--color-white) url(/themes/zenmine-301/images/arrow_down.png) no-repeat 97% 50%;
  }
  #project-jump .drdn.expanded .drdn-trigger {
    background-image: url(/themes/zenmine-301/images/arrow_up.png);
  }
  #project-jump .drdn-content {
    width: 280px;
  }
  #project-jump .drdn-items > * {
    color: var(--color-gray-700);
  }
  #project-jump .drdn-items > a:hover {
    background-color: var(--color-link-blue);
    color: var(--color-white);
  }
  /***** Tables *****/
  table.list,
  .table-list {
    border: 1px solid var(--color-gray-300);
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 4px;
  }
  table.list th,
  .table-list-header {
    background-color: var(--color-gray-200);
    padding: 4px;
    white-space: nowrap;
    font-weight: bold;
  }
  table.list td {
    text-align: center;
    vertical-align: middle;
    padding-right: 10px;
  }
  table.list td.id {
    width: 2%;
    text-align: center;
  }
  table.list td.name,
  table.list td.description,
  table.list td.subject,
  table.list td.comments,
  table.list td.roles,
  table.list td.attachments {
    text-align: left;
  }
  table.list td.attachments a {
    display: block;
  }
  table.list td.tick {
    width: 15%;
  }
  table.list td.checkbox {
    width: 15px;
    padding: 2px 0 0 0;
  }
  table.list td.checkbox input {
    padding: 0px;
  }
  table.list td.buttons,
  div.buttons {
    white-space: nowrap;
    text-align: right;
  }
  table.list td.buttons a,
  div.buttons a {
    margin-right: 0.6em;
  }
  table.list td.buttons a:last-child,
  div.buttons a:last-child {
    margin-right: 0;
  }
  table.list td.buttons img,
  div.buttons img {
    vertical-align: middle;
  }
  table.list td.reorder {
    width: 15%;
    white-space: nowrap;
    text-align: center;
  }
  table.list table.progress td {
    padding-right: 0px;
  }
  table.list caption {
    text-align: left;
    padding: 0.5em 0.5em 0.5em 0;
  }
  table.list tr.overdue td.due_date {
    color: var(--color-error);
  }
  #role-permissions-trackers table.list th {
    white-space: normal;
  }
  .table-list-cell {
    display: table-cell;
    vertical-align: top;
    padding: 2px;
  }
  .table-list div.buttons {
    width: 15%;
  }
  tr.project td.name a {
    white-space: nowrap;
  }
  tr.project.closed,
  tr.project.archived {
    color: var(--color-gray-500);
  }
  tr.project.closed a,
  tr.project.archived a {
    color: var(--color-gray-500);
  }
  tr.project.idnt td.name span {
    background: url(/themes/zenmine-301/images/arrow_right.png) no-repeat 2px 50%;
    padding-left: 16px;
  }
  tr.project.idnt-1 td.name {
    padding-left: 0.5em;
  }
  tr.project.idnt-2 td.name {
    padding-left: 2em;
  }
  tr.project.idnt-3 td.name {
    padding-left: 3.5em;
  }
  tr.project.idnt-4 td.name {
    padding-left: 5em;
  }
  tr.project.idnt-5 td.name {
    padding-left: 6.5em;
  }
  tr.project.idnt-6 td.name {
    padding-left: 8em;
  }
  tr.project.idnt-7 td.name {
    padding-left: 9.5em;
  }
  tr.project.idnt-8 td.name {
    padding-left: 11em;
  }
  tr.project.idnt-9 td.name {
    padding-left: 12.5em;
  }
  tr.issue {
    text-align: center;
    white-space: nowrap;
  }
  tr.issue td.subject,
  tr.issue td.category,
  td.assigned_to,
  td.last_updated_by,
  tr.issue td.string,
  tr.issue td.text,
  tr.issue td.list,
  tr.issue td.relations,
  tr.issue td.parent {
    white-space: normal;
  }
  tr.issue td.relations {
    text-align: left;
  }
  tr.issue td.done_ratio table.progress {
    margin-left: auto;
    margin-right: auto;
  }
  tr.issue td.relations span {
    white-space: nowrap;
  }
  table.issues td.description,
  table.issues td.last_notes {
    color: var(--color-gray-600);
    font-size: 90%;
    padding: 4px 4px 4px 24px;
    text-align: left;
    white-space: normal;
  }
  table.issues td.description pre,
  table.issues td.last_notes pre {
    white-space: normal;
  }
  tr.issue.idnt td.subject {
    background: url(/themes/zenmine-301/images/arrow_right.png) no-repeat 2px 50%;
  }
  tr.issue.idnt-1 td.subject {
    padding-left: 24px;
    background-position: 8px 50%;
  }
  tr.issue.idnt-2 td.subject {
    padding-left: 40px;
    background-position: 24px 50%;
  }
  tr.issue.idnt-3 td.subject {
    padding-left: 56px;
    background-position: 40px 50%;
  }
  tr.issue.idnt-4 td.subject {
    padding-left: 72px;
    background-position: 56px 50%;
  }
  tr.issue.idnt-5 td.subject {
    padding-left: 88px;
    background-position: 72px 50%;
  }
  tr.issue.idnt-6 td.subject {
    padding-left: 104px;
    background-position: 88px 50%;
  }
  tr.issue.idnt-7 td.subject {
    padding-left: 120px;
    background-position: 104px 50%;
  }
  tr.issue.idnt-8 td.subject {
    padding-left: 136px;
    background-position: 120px 50%;
  }
  tr.issue.idnt-9 td.subject {
    padding-left: 152px;
    background-position: 136px 50%;
  }
  table.issue-report {
    table-layout: fixed;
  }
  tr.entry {
    border: 1px solid var(--color-gray-100);
  }
  tr.entry td {
    white-space: nowrap;
  }
  tr.entry td.filename {
    width: 30%;
    text-align: left;
  }
  tr.entry td.filename_no_report {
    width: 70%;
    text-align: left;
  }
  tr.entry td.size {
    text-align: right;
    font-size: 90%;
  }
  tr.entry td.revision,
  tr.entry td.author {
    text-align: center;
  }
  tr.entry td.age {
    text-align: right;
  }
  tr.entry.file td.filename a {
    margin-left: 16px;
  }
  tr.entry.file td.filename_no_report a {
    margin-left: 16px;
  }
  tr span.expander {
    background: url(/themes/zenmine-301/images/arrow_right.png) no-repeat 2px 50%;
    padding-left: 8px;
    margin-left: 0;
    cursor: pointer;
  }
  tr.open span.expander {
    background-image: url(/themes/zenmine-301/images/arrow_down.png);
  }
  tr.changeset {
    height: 20px;
  }
  tr.changeset ul,
  ol {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  tr.changeset td.revision_graph {
    width: 15%;
    background-color: #fffffb;
  }
  tr.changeset td.author {
    text-align: center;
    width: 15%;
    white-space: nowrap;
  }
  tr.changeset td.committed_on {
    text-align: center;
    width: 15%;
    white-space: nowrap;
  }
  table.files tbody th {
    text-align: left;
  }
  table.files tr.file td.filename {
    text-align: left;
    padding-left: 24px;
  }
  table.files tr.file td.digest {
    font-size: 80%;
  }
  table.members td.roles,
  table.memberships td.roles {
    width: 45%;
  }
  table.messages td.last_message {
    text-align: left;
  }
  tr.message {
    height: 2.6em;
  }
  tr.message td.created_on {
    white-space: nowrap;
  }
  tr.message td.last_message {
    font-size: 80%;
    white-space: nowrap;
  }
  tr.message.sticky td.subject {
    font-weight: bold;
  }
  body.avatars-on #replies .message {
    padding-left: 32px;
  }
  #replies h4 img.gravatar {
    margin-left: -32px;
  }
  tr.version.closed,
  tr.version.closed a {
    color: var(--color-gray-500);
  }
  tr.version td.name {
    padding-left: 20px;
  }
  tr.version td.date,
  tr.version td.status,
  tr.version td.sharing {
    text-align: center;
    white-space: nowrap;
  }
  tr.member td.icon-user {
    background: transparent;
  }
  tr.user td {
    width: 13%;
    white-space: nowrap;
  }
  td.username,
  td.firstname,
  td.lastname,
  td.email {
    text-align: left;
  }
  tr.user td.email {
    width: 18%;
  }
  tr.user.locked,
  tr.user.registered {
    color: var(--color-gray-500);
  }
  tr.user.locked a,
  tr.user.registered a {
    color: var(--color-gray-500);
  }
  table.permissions td.role {
    color: var(--color-gray-500);
    font-size: 90%;
    font-weight: normal;
    text-align: center;
    vertical-align: bottom;
  }
  tr.wiki-page-version td.updated_on,
  tr.wiki-page-version td.author {
    text-align: center;
  }
  tr.time-entry {
    text-align: center;
    white-space: nowrap;
  }
  tr.time-entry td.issue,
  tr.time-entry td.comments,
  tr.time-entry td.subject,
  tr.time-entry td.activity,
  tr.time-entry td.project {
    text-align: left;
    white-space: normal;
  }
  td.hours {
    text-align: right;
    font-weight: bold;
    padding-right: 0.5em;
  }
  td.hours .hours-dec {
    font-size: 0.9em;
  }
  table.plugins td {
    vertical-align: middle;
  }
  table.plugins td.configure {
    text-align: right;
    padding-right: 1em;
  }
  table.plugins span.name {
    font-weight: bold;
    display: block;
    margin-bottom: 6px;
  }
  table.plugins span.description {
    display: block;
    font-size: 0.9em;
  }
  table.plugins span.url {
    display: block;
    font-size: 0.9em;
  }
  table.list.enumerations {
    table-layout: fixed;
    margin-bottom: 2em;
  }
  tr.group td {
    padding: 0.8em 0 0.5em 0.3em;
    border-bottom: 1px solid var(--color-gray-400);
    text-align: left;
    background-color: var(--color-white);
  }
  tr.group span.name {
    font-weight: bold;
  }
  tr.group span.count {
    font-weight: bold;
    position: relative;
    top: -1px;
    color: var(--color-white);
    font-size: 10px;
    background: var(--color-header-accent);
    padding: 0px 6px 1px 6px;
    border-radius: var(--border-radius-base);
    margin-left: 4px;
  }
  tr.group span.totals {
    color: var(--color-gray-500);
    font-size: 80%;
  }
  tr.group span.totals .value {
    font-weight: bold;
    color: var(--color-gray-600);
  }
  tr.group a.toggle-all {
    color: var(--color-gray-500);
    font-size: 80%;
    display: none;
    float: right;
    margin-right: 4px;
  }
  tr.group:hover a.toggle-all {
    display: inline;
  }
  a.toggle-all:hover {
    text-decoration: none;
  }
  table.list tbody tr:hover {
    background-color: var(--color-bg-warning);
  }
  table.list tbody tr.group:hover {
    background-color: inherit;
  }
  table p {
    margin: 0;
  }
  table.list:not(.odd-even) tbody tr:nth-child(odd),
  .odd,
  #issue-changesets div.changeset:nth-child(odd) {
    background-color: var(--color-gray-100);
  }
  table.list:not(.odd-even) tbody tr:nth-child(even),
  .even,
  #issue-changesets div.changeset:nth-child(even) {
    background-color: var(--color-white);
  }
  tr.builtin td.name {
    font-style: italic;
  }
  a.sort {
    padding-right: 16px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
  }
  a.sort.asc {
    background-image: url(/themes/zenmine-301/images/arrow_up.png);
  }
  a.sort.desc {
    background-image: url(/themes/zenmine-301/images/arrow_down.png);
  }
  table.boards a.board {
    background: url(/themes/zenmine-301/images/comment.png) no-repeat 0% 50%;
    padding-left: 20px;
  }
  table.boards td.last-message {
    text-align: left;
    font-size: 80%;
  }
  div.table-list.boards .table-list-cell.name {
    width: 30%;
  }
  #query_form_content {
    font-size: 90%;
  }
  #query_form_with_buttons > p.contextual {
    font-size: 12px;
    margin: 12px 0px;
  }
  .query_sort_criteria_count {
    display: inline-block;
    min-width: 1em;
  }
  .query-columns > span {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  .query-columns label {
    display: block;
  }
  .query-columns .buttons input[type=button] {
    width: 35px;
    display: block;
  }
  .query-columns select {
    width: 150px;
  }
  .query-totals {
    text-align: right;
  }
  .query-totals > span:not(:first-child) {
    margin-left: 0.6em;
  }
  .query-totals .value {
    font-weight: bold;
  }
  body.controller-issues .query-totals {
    margin-top: -2.3em;
  }
  body.controller-issues h2.inline-flex {
    padding-right: 0;
  }
  .inline-flex {
    display: inline-flex;
  }
  .badge-status-open {
    /*color: #205D86;*/
    border: 1px solid;
  }
  .badge {
    position: relative;
    font-weight: bold;
    font-size: 10px;
    bottom: 2px;
    padding: 1px 3px;
    margin-right: 2px;
    margin-left: 2px;
    border-radius: 2px;
    text-transform: uppercase;
    text-decoration: none;
  }
  td.center {
    text-align: center;
  }
  #watchers select {
    width: 95%;
    display: block;
  }
  #watchers a.delete {
    opacity: 0.4;
    margin-left: 5px;
  }
  #watchers a.delete:hover {
    opacity: 1;
  }
  #watchers img.gravatar {
    margin: 0 4px 2px 0;
  }
  span#watchers_inputs {
    overflow: auto;
    display: block;
  }
  span.search_for_watchers {
    display: block;
  }
  span.search_for_watchers,
  span.add_attachment {
    font-size: 80%;
    line-height: 2.5em;
  }
  span.add_attachment a {
    padding-left: 16px;
    background: url(/themes/zenmine-301/images/bullet_add.png) no-repeat 0 50%;
  }
  .highlight {
    background-color: #fcfd8d;
  }
  .highlight.token-1 {
    background-color: var(--color-red-light);
  }
  .highlight.token-2 {
    background-color: var(--color-green-light);
  }
  .highlight.token-3 {
    background-color: #aaf;
  }
  .box {
    padding: 6px;
    margin-bottom: 10px;
    background-color: var(--color-gray-100);
    color: var(--color-gray-700);
    line-height: 1.5em;
    border: 1px solid var(--color-gray-300);
    word-wrap: break-word;
    border-radius: var(--border-radius-base);
  }
  div.square {
    border: 1px solid var(--color-gray-500);
    float: left;
    margin: 0.3em 0.4em 0 0.4em;
    overflow: hidden;
    width: 0.6em;
    height: 0.6em;
  }
  .contextual {
    float: right;
    white-space: nowrap;
    line-height: 1.4em;
    margin: 5px 0px;
    padding-left: 10px;
    font-size: 0.9em;
  }
  .contextual .icon {
    padding-top: 2px;
    padding-bottom: 3px;
  }
  .contextual input,
  .contextual select {
    font-size: 0.9em;
  }
  .message .contextual {
    margin-top: 0;
  }
  .splitcontent {
    overflow: auto;
    width: 100%;
  }
  .splitcontentleft,
  #list-left {
    float: left;
    width: 49%;
  }
  .splitcontentright,
  #list-right {
    float: right;
    width: 49%;
  }
  form {
    display: inline;
  }
  input,
  select {
    /*vertical-align: middle;*/
    margin-top: 1px;
    margin-bottom: 1px;
  }
  input[type=submit] {
    -webkit-appearance: button;
  }
  fieldset {
    border: 1px solid var(--color-gray-300);
    margin: 0;
  }
  legend {
    color: var(--color-gray-800);
  }
  hr {
    width: 100%;
    height: 1px;
    background: var(--color-gray-400);
    border: 0;
  }
  blockquote {
    font-style: italic;
    border-left: 3px solid var(--color-gray-300);
    padding-left: 0.6em;
    margin-left: 0;
  }
  blockquote blockquote {
    margin-left: 0;
  }
  abbr,
  span.field-description[title] {
    border-bottom: 1px dotted var(--color-gray-500);
    cursor: help;
  }
  textarea.wiki-edit {
    width: 99%;
    resize: vertical;
    box-sizing: border-box;
  }
  body.textarea-monospace textarea.wiki-edit {
    font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;
    font-size: 12px;
  }
  body.textarea-proportional textarea.wiki-edit {
    font-family: Verdana, sans-serif;
    font-size: 12px;
  }
  li p {
    margin-top: 0;
  }
  div.issue {
    background: var(--color-bg-warning);
    padding: 6px;
    margin-bottom: 6px;
    border: 1px solid var(--color-gray-300);
    border-radius: var(--border-radius-base);
  }
  p.breadcrumb {
    font-size: 0.9em;
    margin: 4px 0 4px 0;
  }
  p.subtitle {
    font-size: 0.9em;
    margin: -6px 0 12px 0;
    font-style: italic;
  }
  p.footnote {
    font-size: 0.9em;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .wiki-class-ltr {
    direction: ltr !important;
  }
  .wiki-class-rtl {
    direction: rtl !important;
  }
  div.issue div.subject div div {
    padding-left: 16px;
  }
  div.issue div.subject p {
    margin: 0;
    margin-bottom: 0.1em;
    font-size: 90%;
    color: var(--color-gray-500);
  }
  div.issue div.subject > div > p {
    margin-top: 0.5em;
  }
  div.issue div.subject h3 {
    margin: 0;
    margin-bottom: 0.1em;
  }
  div.issue p.author {
    margin-top: 0.5em;
  }
  div.issue span.private,
  div.journal span.private {
    position: relative;
    bottom: 2px;
    text-transform: uppercase;
    background: var(--color-error);
    color: var(--color-white);
    font-weight: bold;
    padding: 0px 2px 0px 2px;
    font-size: 60%;
    margin-right: 2px;
    border-radius: 2px;
  }
  div.issue .next-prev-links {
    color: var(--color-gray-500);
  }
  div.issue .attributes {
    margin-top: 2em;
  }
  div.issue .attributes .attribute {
    padding-left: 180px;
    clear: left;
    min-height: 1.8em;
  }
  div.issue .attributes .attribute .label {
    width: 170px;
    margin-left: -180px;
    font-weight: bold;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  div.issue .attribute .value {
    overflow: auto;
    text-overflow: ellipsis;
  }
  div.issue.overdue .due-date .value {
    color: var(--color-error);
  }
  #issue_tree table.issues,
  #relations table.issues {
    border: 0;
  }
  #issue_tree td.checkbox,
  #relations td.checkbox {
    display: none;
  }
  #relations td.buttons,
  #issue_tree td.buttons {
    padding: 0;
  }
  fieldset.collapsible {
    border-width: 1px 0 0 0;
  }
  fieldset.collapsible > legend {
    padding-left: 18px;
    background: url(/themes/zenmine-301/images/arrow_down.png) no-repeat 4px 40%;
    cursor: pointer;
  }
  fieldset.collapsible.collapsed > legend {
    background-image: url(/themes/zenmine-301/images/arrow_right.png);
    background-repeat: no-repeat;
  }
  fieldset#date-range p {
    margin: 2px 0 2px 0;
  }
  fieldset#filters table {
    border-collapse: collapse;
  }
  fieldset#filters table td {
    padding: 0;
    vertical-align: middle;
  }
  fieldset#filters tr.filter {
    height: 2.1em;
  }
  fieldset#filters td.field {
    width: 230px;
  }
  fieldset#filters td.operator {
    width: 130px;
  }
  fieldset#filters td.operator select {
    max-width: 120px;
  }
  fieldset#filters td.values {
    white-space: nowrap;
  }
  fieldset#filters td.values select {
    min-width: 130px;
  }
  fieldset#filters td.values input {
    height: 1em;
  }
  #filters-table {
    width: 60%;
    float: left;
  }
  .add-filter {
    width: 35%;
    float: right;
    text-align: right;
    vertical-align: top;
  }
  #issue_is_private_wrap {
    float: right;
    margin-right: 1em;
  }
  .toggle-multiselect {
    background: url(/themes/zenmine-301/images/bullet_toggle_plus.png) no-repeat 0% 40%;
    padding-left: 16px;
    margin-left: 0;
    margin-right: 5px;
    cursor: pointer;
  }
  .buttons {
    font-size: 0.9em;
    margin-bottom: 1.4em;
    margin-top: 1em;
  }
  div#issue-changesets {
    float: right;
    width: 45%;
    margin-left: 1em;
    margin-bottom: 1em;
    background: var(--color-white);
    padding-left: 1em;
    font-size: 90%;
  }
  div#issue-changesets div.changeset {
    padding: 4px;
  }
  div#issue-changesets div.changeset {
    border-bottom: 1px solid var(--color-gray-300);
  }
  div#issue-changesets p {
    margin-top: 0;
    margin-bottom: 1em;
  }
  .changeset-comments {
    margin-bottom: 1em;
  }
  div.journal .contextual {
    margin-top: 0;
  }
  div.journal.private-notes .wiki {
    border-left: 2px solid var(--color-error);
    padding-left: 4px;
    margin-left: -6px;
  }
  div.journal ul.details,
  ul.revision-info {
    color: var(--color-gray-500);
    margin-bottom: 1.5em;
  }
  div.journal ul.details a,
  ul.revision-info a {
    color: var(--color-text-link);
  }
  div.journal ul.details a:hover,
  ul.revision-info a:hover {
    color: var(--color-text-link);
  }
  body.avatars-on div.journal {
    padding-left: 32px;
  }
  div.journal h4 img.gravatar {
    margin-left: -32px;
  }
  #history {
    padding: 0 6px;
    margin-bottom: 10px;
    border-right: 1px solid var(--color-gray-300);
    border-bottom: 1px solid var(--color-gray-300);
    border-left: 1px solid var(--color-gray-300);
    border-radius: 0 0 3px 3px/0 0 3px 3px;
  }
  #history div:target h4 {
    background-color: var(--color-bg-info);
  }
  div#activity dl,
  #search-results {
    margin-left: 2em;
  }
  div#activity dd,
  #search-results dd {
    margin-bottom: 1em;
    padding-left: 18px;
    font-size: 0.9em;
  }
  div#activity dt.me .time {
    border-bottom: 1px solid var(--color-gray-500);
  }
  div#activity dt .time {
    color: var(--color-gray-600);
    font-size: 80%;
  }
  div#activity dd .description,
  #search-results dd .description {
    font-style: italic;
  }
  div#activity span.project:after,
  #search-results span.project:after {
    content: " -";
  }
  div#activity dd span.description,
  #search-results dd span.description {
    display: block;
    color: var(--color-gray-500);
  }
  div#activity dt.grouped {
    margin-left: 5em;
  }
  div#activity dd.grouped {
    margin-left: 9em;
  }
  div#activity dt.icon {
    background-position: 0 0px !important;
  }
  #search-results dd {
    margin-bottom: 1em;
    padding-left: 20px;
    margin-left: 0px;
  }
  div#search-results-counts {
    float: right;
  }
  div#search-results-counts ul {
    margin-top: 0.5em;
  }
  div#search-results-counts li {
    list-style-type: none;
    float: left;
    margin-left: 1em;
  }
  div#roadmap .related-issues {
    margin-bottom: 1em;
  }
  div#roadmap .related-issues td.checkbox {
    display: none;
  }
  div#roadmap .wiki h1:first-child {
    display: none;
  }
  div#roadmap .wiki h1 {
    font-size: 120%;
  }
  div#roadmap .wiki h2 {
    font-size: 110%;
  }
  body.controller-versions.action-show div#roadmap .related-issues {
    width: 70%;
  }
  div#version-summary {
    float: right;
    width: 28%;
    margin-left: 16px;
    margin-bottom: 16px;
    background-color: var(--color-white);
  }
  div#version-summary fieldset {
    margin-bottom: 1em;
  }
  div#version-summary fieldset.time-tracking table {
    width: 100%;
  }
  div#version-summary th,
  div#version-summary td.total-hours {
    text-align: right;
  }
  table#time-report td.hours,
  table#time-report th.period,
  table#time-report th.total {
    text-align: right;
    padding-right: 0.5em;
  }
  table#time-report tbody tr.subtotal {
    font-style: italic;
    color: var(--color-gray-600);
  }
  table#time-report tbody tr.subtotal td.hours {
    color: #b0b0b0;
  }
  table#time-report tbody tr.total {
    font-weight: bold;
    background-color: var(--color-gray-200);
    border-top: 1px solid var(--color-gray-300);
  }
  table#time-report .hours-dec {
    font-size: 0.9em;
  }
  div.wiki-page .contextual a {
    opacity: 0.4;
  }
  div.wiki-page .contextual a:hover {
    opacity: 1;
  }
  div.wiki a:target + h1,
  div.wiki a:target + h2,
  div.wiki a:target + h3,
  div.wiki a:target + h4,
  div.wiki a:target + h5,
  div.wiki a:target + h6 {
    background-color: var(--color-bg-info);
  }
  .wiki-update-info {
    text-align: right;
    color: var(--color-gray-600);
    font-size: 90%;
  }
  form .attributes select {
    width: 60%;
  }
  form .attributes select + a.icon-only {
    vertical-align: middle;
    margin-left: 4px;
  }
  input#issue_subject,
  input#document_title {
    width: 99%;
  }
  select#issue_done_ratio {
    width: 95px;
  }
  ul.projects {
    margin: 0;
    padding-left: 1em;
  }
  ul.projects ul {
    padding-left: 1.6em;
  }
  ul.projects.root {
    margin: 0;
    padding: 0;
  }
  ul.projects li.root,
  ul.projects li.child {
    list-style-type: none;
  }
  ul.projects div.description li {
    list-style-type: initial;
  }
  #projects-index {
    column-count: auto;
    column-width: 400px;
    -webkit-column-count: auto;
    -webkit-column-width: 400px;
    -webkit-column-gap: 0.5rem;
    -moz-column-count: auto;
    -moz-column-width: 400px;
    -moz-column-gap: 0.5rem;
  }
  #projects-index ul.projects li.root > ul.projects {
    border-left: 3px solid var(--color-gray-300);
    padding-left: 1em;
  }
  #projects-index ul.projects li.root {
    margin-bottom: 1em;
  }
  #projects-index ul.projects li.child {
    margin-top: 1em;
  }
  #projects-index ul.projects div.root a.project {
    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-weight: bold;
    font-size: 16px;
    margin: 0 0 10px 0;
  }
  #projects-index a.icon-fav {
    padding-left: 0;
    padding-right: 20px;
    background-position: 98% 50%;
  }
  #notified-projects > ul,
  #tracker_project_ids > ul,
  #custom_field_project_ids > ul {
    max-height: 250px;
    overflow-y: auto;
  }
  #related-issues li img {
    vertical-align: middle;
  }
  ul.properties {
    padding: 0;
    font-size: 0.9em;
    color: var(--color-gray-600);
  }
  ul.properties li {
    list-style-type: none;
  }
  ul.properties li span {
    font-style: italic;
  }
  .total-hours {
    font-size: 110%;
    font-weight: bold;
  }
  .total-hours span.hours-int {
    font-size: 120%;
  }
  .autoscroll {
    overflow-x: auto;
    padding: 1px;
    margin-bottom: 1.2em;
    position: relative;
  }
  #user_login,
  #user_firstname,
  #user_lastname,
  #user_mail,
  #my_account_form select,
  #user_form select,
  #user_identity_url {
    width: 90%;
  }
  #workflow_copy_form select {
    width: 200px;
  }
  table.transitions td.enabled {
    background: #bfb;
  }
  #workflow_form table select {
    font-size: 90%;
    max-width: 100px;
  }
  table.fields_permissions td.readonly {
    background: var(--color-gray-300);
  }
  table.fields_permissions td.required {
    background: var(--color-salmon);
  }
  select.expandable {
    vertical-align: top;
  }
  textarea#custom_field_possible_values {
    width: 95%;
    resize: vertical;
  }
  textarea#custom_field_default_value {
    width: 95%;
    resize: vertical;
  }
  .sort-handle {
    display: inline-block;
    vertical-align: middle;
  }
  input#content_comments {
    width: 99%;
  }
  span.pagination {
    margin-left: 3px;
    color: var(--color-gray-500);
    display: block;
  }
  .pagination ul.pages {
    margin: 0 5px 0 0;
    padding: 0;
    display: inline;
  }
  .pagination ul.pages li {
    display: inline-block;
    padding: 0;
    border: 1px solid var(--color-gray-300);
    margin-left: -1px;
    line-height: 2em;
    margin-bottom: 1em;
    white-space: nowrap;
    text-align: center;
  }
  .pagination ul.pages li a,
  .pagination ul.pages li span {
    padding: 3px 8px;
  }
  .pagination ul.pages li:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .pagination ul.pages li:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .pagination ul.pages li.current {
    color: white;
    background-color: var(--color-link-blue-dark);
    border-color: var(--color-link-blue-dark);
  }
  .pagination ul.pages li.page:hover {
    background-color: var(--color-gray-300);
  }
  .pagination ul.pages li.page a:hover,
  .pagination ul.pages li.page a:active {
    color: var(--color-teal-dark);
    text-decoration: inherit;
  }
  .pagination .per-page span.selected {
    font-weight: bold;
  }
  span.pagination > span {
    white-space: nowrap;
  }
  .controller-attachments.action-show span.pagination {
    display: block;
    margin-top: 1.2em;
  }
  #search-form fieldset p {
    margin: 0.2em 0;
  }
  /***** Tabular forms ******/
  .tabular p {
    margin: 0;
    padding: 3px 0 3px 0;
    padding-left: 180px; /* width of left column containing the label elements */
    min-height: 2em;
    clear: left;
  }
  html > body .tabular p {
    overflow: hidden;
  }
  .tabular input,
  .tabular select {
    max-width: 95%;
  }
  .tabular textarea {
    width: 95%;
    resize: vertical;
  }
  .tabular label {
    font-weight: bold;
    float: left;
    text-align: right;
    /* width of left column */
    margin-left: -180px;
    /* width of labels. Should be smaller than left column to create some right margin */
    width: 175px;
  }
  .tabular label.floating {
    font-weight: normal;
    margin-left: 0px;
    text-align: left;
    width: 270px;
  }
  label.block {
    display: block;
    width: auto;
  }
  .tabular label.block {
    font-weight: normal;
    margin-left: 0px;
    text-align: left;
    float: none;
  }
  .tabular label.inline {
    font-weight: normal;
    float: none;
    margin-left: 5px;
    width: auto;
  }
  label.no-css {
    font-weight: inherit;
    float: none;
    text-align: left;
    margin-left: 0px;
    width: auto;
  }
  input#time_entry_comments {
    width: 90%;
  }
  input#months {
    width: 30px;
  }
  .jstBlock .jstTabs,
  .jstBlock .wiki-preview {
    width: 99%;
  }
  .jstBlock .jstTabs {
    padding-right: 6px;
  }
  .jstBlock .wiki-preview {
    padding: 2px;
  }
  .jstBlock .wiki-preview p:first-child {
    padding-top: 0;
    margin-top: 0;
  }
  .jstBlock .wiki-preview p:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .tabular .wiki-preview,
  .tabular .jstTabs {
    width: 95%;
  }
  .tabular.settings .wiki-preview,
  .tabular.settings .jstTabs {
    width: 99%;
  }
  .tabular .wiki-preview p {
    min-height: initial;
    padding: 1em 0 1em 0;
    overflow: initial;
  }
  .tabular.settings p {
    padding-left: 300px;
  }
  .tabular.settings label {
    margin-left: -300px;
    width: 295px;
  }
  .tabular.settings textarea,
  .tabular.settings .wiki-preview,
  .tabular.settings .jstTabs {
    width: 99%;
  }
  .settings.enabled_scm table {
    width: 100%;
  }
  .settings.enabled_scm td.scm_name {
    font-weight: bold;
  }
  fieldset.settings label {
    display: block;
  }
  fieldset#notified_events .parent {
    padding-left: 20px;
  }
  span.required {
    color: #bb0000;
  }
  .summary {
    font-style: italic;
  }
  .check_box_group {
    display: block;
    width: 95%;
    max-height: 120px;
    overflow-y: auto;
    padding: 2px 4px 4px 2px;
    background: var(--color-background);
    border: 1px solid var(--color-border);
    border-radius: 2px;
  }
  .check_box_group label {
    font-weight: normal;
    margin-left: 0px !important;
    text-align: left;
    float: none;
    display: block;
    width: auto;
  }
  .check_box_group.bool_cf {
    border: 0;
    background: inherit;
  }
  .check_box_group.bool_cf label {
    display: inline;
  }
  .attachments_fields input.description,
  #existing-attachments input.description {
    margin-left: 4px;
    width: 340px;
  }
  .attachments_fields > span,
  #existing-attachments > span {
    display: block;
    white-space: nowrap;
  }
  .attachments_fields input.filename,
  #existing-attachments .filename {
    border: 0;
    width: 250px;
    color: var(--color-gray-700);
    background-color: inherit;
  }
  .tabular input.filename {
    max-width: 75%;
  }
  .attachments_fields input.filename {
    height: 1.8em;
  }
  .attachments_fields .ajax-waiting input.filename {
    background: url(/themes/zenmine-301/images/hourglass.png) no-repeat 0px 50%;
  }
  .attachments_fields .ajax-loading input.filename {
    background: url(/themes/zenmine-301/images/loading.gif) no-repeat 0px 50%;
  }
  .attachments_fields div.ui-progressbar {
    width: 100px;
    height: 14px;
    margin: 2px 0 -5px 8px;
    display: inline-block;
  }
  a.remove-upload:hover {
    text-decoration: none;
  }
  .existing-attachment.deleted .filename {
    text-decoration: line-through;
    color: var(--color-gray-500);
  }
  div.fileover {
    background-color: lavender;
  }
  div.attachments p {
    margin: 4px 0 2px 0;
  }
  div.attachments img {
    vertical-align: middle;
  }
  div.attachments span.author {
    font-size: 0.9em;
    color: var(--color-gray-500);
  }
  div.thumbnails {
    margin: 0.6em;
  }
  div.thumbnails div {
    background: var(--color-white);
    border: 2px solid var(--color-gray-300);
    display: inline-block;
    margin-right: 2px;
  }
  div.thumbnails img {
    margin: 3px;
    vertical-align: middle;
  }
  #history div.thumbnails {
    margin-left: 2em;
  }
  p.other-formats {
    text-align: right;
    font-size: 0.9em;
    color: var(--color-gray-600);
  }
  .other-formats span + span:before {
    content: "| ";
  }
  a.atom {
    background: url(/themes/zenmine-301/images/feed.png) no-repeat 1px 50%;
    padding: 2px 0px 3px 16px;
  }
  em.info {
    font-style: normal;
    font-size: 90%;
    color: var(--color-gray-500);
    display: block;
  }
  em.info.error {
    padding-left: 20px;
    background: url(/themes/zenmine-301/images/exclamation.png) no-repeat 0 50%;
  }
  textarea.text_cf {
    width: 95%;
    resize: vertical;
  }
  input.string_cf,
  input.link_cf {
    width: 95%;
  }
  select.bool_cf {
    width: auto !important;
  }
  #tab-content-modules fieldset p {
    margin: 3px 0 4px 0;
  }
  #tab-content-users .splitcontentleft {
    width: 64%;
  }
  #tab-content-users .splitcontentright {
    width: 34%;
  }
  #tab-content-users fieldset {
    padding: 1em;
    margin-bottom: 1em;
  }
  #tab-content-users fieldset label {
    display: block;
  }
  #tab-content-users #principals {
    max-height: 400px;
    overflow: auto;
  }
  #users_for_watcher {
    height: 200px;
    overflow: auto;
  }
  #users_for_watcher label {
    display: block;
  }
  input#principal_search,
  input#user_search {
    width: 90%;
  }
  .roles-selection label {
    display: inline-block;
    width: 210px;
  }
  input.autocomplete {
    background: var(--color-white) url(/themes/zenmine-301/images/magnifier.png) no-repeat 2px 50%;
    border: 1px solid var(--color-gray-border-blue);
    border-radius: 2px;
    height: 1.5em;
  }
  input.autocomplete.ajax-loading {
    background-image: url(/themes/zenmine-301/images/loading.gif);
  }
  .quick-search {
    position: relative;
  }
  .quick-search:has(.ajax-loading) input.autocomplete {
    background-image: none;
  }
  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }
  .role-visibility {
    padding-left: 2em;
  }
  .objects-selection {
    height: 300px;
    overflow: auto;
    margin-bottom: 1em;
  }
  .objects-selection label {
    display: block;
  }
  .objects-selection > div,
  #user_group_ids {
    column-count: auto;
    column-width: 200px;
    -webkit-column-count: auto;
    -webkit-column-width: 200px;
    -webkit-column-gap: 0.5rem;
    -webkit-column-rule: 1px solid var(--color-gray-400);
    -moz-column-count: auto;
    -moz-column-width: 200px;
    -moz-column-gap: 0.5rem;
    -moz-column-rule: 1px solid var(--color-gray-400);
  }
  /***** Flash & error messages ****/
  #errorExplanation,
  div.flash,
  .nodata,
  .warning,
  .conflict {
    padding: 6px 4px 6px 30px;
    margin-bottom: 12px;
    font-size: 1.1em;
    border: 1px solid;
    border-radius: var(--border-radius-base);
  }
  div.flash {
    margin-top: 8px;
  }
  div.flash.error,
  #errorExplanation {
    background: url(/themes/zenmine-301/images/exclamation.png) 8px 50% no-repeat;
    background-color: #ffe3e3;
    border-color: var(--color-salmon);
    color: #880000;
  }
  div.flash.notice {
    background: url(/themes/zenmine-301/images/true.png) 8px 5px no-repeat;
    background-color: #dfffdf;
    border-color: #9fcf9f;
    color: #005f00;
  }
  div.flash.warning,
  .conflict {
    background: url(/themes/zenmine-301/images/warning.png) 8px 5px no-repeat;
    background-color: var(--color-warning-bg);
    border-color: var(--color-warning-border);
    color: var(--color-warning-text);
    text-align: left;
  }
  .nodata,
  .warning {
    text-align: center;
    background-color: var(--color-warning-bg);
    border-color: var(--color-warning-border);
    color: var(--color-warning-text);
  }
  #errorExplanation ul {
    font-size: 0.9em;
  }
  #errorExplanation h2,
  #errorExplanation p {
    display: none;
  }
  .conflict-details {
    font-size: 80%;
  }
  /***** Ajax indicator ******/
  #ajax-indicator {
    position: absolute; /* fixed not supported by IE */
    background-color: var(--color-gray-200);
    border: 1px solid var(--color-gray-400);
    top: 35%;
    left: 40%;
    width: 20%;
    font-weight: bold;
    text-align: center;
    padding: 0.6em;
    z-index: 100;
    opacity: 0.5;
  }
  html > body #ajax-indicator {
    position: fixed;
  }
  #ajax-indicator span {
    background-position: 0% 40%;
    background-repeat: no-repeat;
    background-image: url(/themes/zenmine-301/images/loading.gif);
    padding-left: 26px;
    vertical-align: bottom;
  }
  /***** Calendar *****/
  table.cal {
    border-collapse: collapse;
    width: 100%;
    margin: 0px 0 6px 0;
    border: 1px solid var(--color-gray-300);
  }
  table.cal thead th {
    width: 14%;
    background-color: var(--color-gray-200);
    padding: 4px;
  }
  table.cal thead th.week-number {
    width: auto;
  }
  table.cal tbody tr {
    height: 100px;
  }
  table.cal td .icon {
    padding-top: 2px;
    padding-bottom: 3px;
  }
  table.cal td {
    border: 1px solid var(--color-gray-300);
    vertical-align: top;
    font-size: 0.9em;
  }
  table.cal td.week-number {
    background-color: var(--color-gray-200);
    padding: 4px;
    border: none;
    font-size: 1em;
  }
  table.cal td p.day-num {
    font-size: 1.1em;
    text-align: right;
  }
  table.cal td.odd p.day-num {
    color: var(--color-gray-400);
  }
  table.cal td.today {
    background: var(--color-bg-warning);
  }
  table.cal td.today p.day-num {
    font-weight: bold;
  }
  table.cal .starting a.issue,
  p.cal.legend .starting {
    background: url(/themes/zenmine-301/images/bullet_go.png) no-repeat -1px -2px;
    padding-left: 16px;
  }
  table.cal .ending a.issue,
  p.cal.legend .ending {
    background: url(/themes/zenmine-301/images/bullet_end.png) no-repeat -1px -2px;
    padding-left: 16px;
  }
  table.cal .starting.ending a.issue,
  p.cal.legend .starting.ending {
    background: url(/themes/zenmine-301/images/bullet_diamond.png) no-repeat -1px -2px;
    padding-left: 16px;
  }
  p.cal.legend span {
    display: block;
  }
  /***** Tooltips ******/
  .tooltip {
    position: relative;
    z-index: 24;
  }
  .tooltip:hover {
    z-index: 25;
    color: var(--color-black);
  }
  .tooltip span.tip {
    display: none;
    text-align: left;
  }
  .tooltip span.tip a {
    color: var(--color-teal-dark);
  }
  div.tooltip:hover span.tip {
    display: block;
    position: absolute;
    top: 12px;
    width: 270px;
    border: 1px solid var(--color-gray-700);
    background-color: var(--color-white);
    padding: 4px;
    font-size: 0.8em;
    color: var(--color-gray-700);
  }
  table.cal div.tooltip:hover span.tip {
    top: 25px;
  }
  img.ui-datepicker-trigger {
    cursor: pointer;
    vertical-align: middle;
    margin-left: 4px;
  }
  /***** Progress bar *****/
  table.progress {
    border-collapse: collapse;
    border-spacing: 0pt;
    empty-cells: show;
    text-align: center;
    float: left;
    margin: 1px 6px 1px 0px;
  }
  table.progress {
    width: 80px;
  }
  table.progress td {
    height: 1em;
  }
  table.progress td.closed {
    background: #bae0ba none repeat scroll 0%;
  }
  table.progress td.done {
    background: #d3edd3 none repeat scroll 0%;
  }
  table.progress td.todo {
    background: var(--color-gray-200) none repeat scroll 0%;
  }
  p.percent {
    font-size: 80%;
    margin: 0;
  }
  p.progress-info {
    clear: left;
    font-size: 80%;
    margin-top: -4px;
    color: var(--color-gray-600);
  }
  .version-overview table.progress {
    width: 40em;
  }
  .version-overview table.progress td {
    height: 1.2em;
  }
  /***** Tabs *****/
  #content .tabs {
    height: 2.6em;
    margin-bottom: 1.2em;
    position: relative;
    overflow: hidden;
  }
  #content .tabs ul {
    margin: 0;
    position: absolute;
    bottom: 0;
    padding-left: 0.5em;
    width: 2000px;
    border-bottom: 1px solid var(--color-border);
  }
  #content .tabs ul li {
    float: left;
    list-style-type: none;
    white-space: nowrap;
    margin-right: 4px;
    position: relative;
    margin-bottom: -1px;
  }
  #content .tabs ul li a {
    display: block;
    font-size: 0.9em;
    text-decoration: none;
    line-height: 1.3em;
    padding: 4px 6px 4px 6px;
    border: 1px solid var(--color-gray-400);
    border-bottom: 1px solid var(--color-gray-400);
    color: var(--color-gray-500);
    font-weight: bold;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  #content .tabs ul li a:hover {
    color: var(--color-gray-600);
    text-decoration: none;
  }
  #content .tabs ul li a.selected {
    background-color: var(--color-white);
    border: 1px solid var(--color-gray-400);
    border-bottom: 1px solid var(--color-white);
    color: var(--color-gray-700);
  }
  #content .tabs ul li a.selected:hover {
    background-color: var(--color-white);
  }
  div.tabs-buttons {
    position: absolute;
    right: 0;
    width: 54px;
    height: 24px;
    background: white;
    bottom: 0;
    border-bottom: 1px solid var(--color-gray-400);
  }
  button.tab-left,
  button.tab-right {
    font-size: 0.9em;
    cursor: pointer;
    height: 24px;
    border: 1px solid var(--color-gray-400);
    border-bottom: 1px solid var(--color-gray-400);
    position: absolute;
    padding: 4px;
    width: 20px;
    bottom: -1px;
  }
  button.tab-left:hover,
  button.tab-right:hover {
    background-color: var(--color-gray-100);
  }
  button.tab-left:focus,
  button.tab-right:focus {
    outline: 0;
  }
  button.tab-left {
    right: 20px;
    background: var(--color-gray-200) url(/themes/zenmine-301/images/arrow_left.png) no-repeat 50% 50%;
    border-top-left-radius: 3px;
  }
  button.tab-right {
    right: 0;
    background: var(--color-gray-200) url(/themes/zenmine-301/images/arrow_right.png) no-repeat 50% 50%;
    border-top-right-radius: 3px;
  }
  button.tab-left.disabled,
  button.tab-right.disabled {
    background-color: var(--color-gray-400);
    cursor: unset;
  }
  /***** Diff *****/
  .diff_out {
    background: #fcc;
  }
  .diff_out span {
    background: var(--color-red-light);
  }
  .diff_in {
    background: #cfc;
  }
  .diff_in span {
    background: var(--color-green-light);
  }
  .text-diff {
    padding: 1em;
    background-color: var(--color-gray-100);
    color: var(--color-gray-700);
    border: 1px solid var(--color-gray-300);
  }
  /***** Wiki *****/
  div.wiki table {
    border-collapse: collapse;
    margin-bottom: 1em;
  }
  div.wiki table,
  div.wiki td,
  div.wiki th {
    border: 1px solid var(--color-gray-400);
    padding: 4px;
  }
  div.wiki .wiki-class-noborder,
  div.wiki .wiki-class-noborder td,
  div.wiki .wiki-class-noborder th {
    border: 0;
  }
  div.wiki .external {
    background-position: 0% 60%;
    background-repeat: no-repeat;
    padding-left: 12px;
    background-image: url(/themes/zenmine-301/images/external.png);
  }
  div.wiki a {
    word-wrap: break-word;
  }
  div.wiki a.new {
    color: #b73535;
  }
  div.wiki ul,
  div.wiki ol {
    margin-bottom: 1em;
  }
  div.wiki li > ul,
  div.wiki li > ol {
    margin-bottom: 0;
  }
  div.wiki pre {
    margin: 1em 1em 1em 1.6em;
    padding: 8px;
    background-color: #fafafa;
    border: 1px solid #e2e2e2;
    border-radius: var(--border-radius-base);
    width: auto;
    overflow-x: auto;
    overflow-y: hidden;
  }
  div.wiki ul.toc {
    background-color: var(--color-bg-warning);
    border: 1px solid var(--color-gray-300);
    padding: 4px;
    line-height: 1.2em;
    margin-bottom: 12px;
    margin-right: 12px;
    margin-left: 0;
    display: table;
  }
  * html div.wiki ul.toc {
    width: 50%;
  }
  /* IE6 doesn't autosize div */
  div.wiki ul.toc.right {
    float: right;
    margin-left: 12px;
    margin-right: 0;
    width: auto;
  }
  div.wiki ul.toc.left {
    float: left;
    margin-right: 12px;
    margin-left: 0;
    width: auto;
  }
  div.wiki ul.toc ul {
    margin: 0;
    padding: 0;
  }
  div.wiki ul.toc li {
    list-style-type: none;
    margin: 0;
    font-size: 12px;
  }
  div.wiki ul.toc > li:first-child {
    margin-bottom: 0.5em;
    color: var(--color-gray-600);
  }
  div.wiki ul.toc li li {
    margin-left: 1.5em;
    font-size: 10px;
  }
  div.wiki ul.toc a {
    font-size: 0.9em;
    font-weight: normal;
    text-decoration: none;
    color: var(--color-gray-600);
  }
  div.wiki ul.toc a:hover {
    color: var(--color-error);
    text-decoration: underline;
  }
  a.wiki-anchor {
    display: none;
    margin-left: 6px;
    text-decoration: none;
  }
  a.wiki-anchor:hover {
    color: var(--color-gray-500);
    text-decoration: none;
  }
  h1:hover a.wiki-anchor,
  h2:hover a.wiki-anchor,
  h3:hover a.wiki-anchor,
  h4:hover a.wiki-anchor,
  h5:hover a.wiki-anchor,
  h6:hover a.wiki-anchor {
    display: inline;
    color: var(--color-gray-300);
  }
  div.wiki img {
    vertical-align: middle;
    max-width: 100%;
  }
  /***** My page layout *****/
  .block-receiver {
    border: 1px dashed var(--color-white);
    padding: 15px 0 0 0;
  }
  .dragging .block-receiver {
    border: 1px dashed var(--color-gray-600);
    margin-bottom: 20px;
  }
  .mypage-box {
    border: 1px solid var(--color-border);
    padding: 8px;
    margin: 0 0 20px 0;
    color: var(--color-gray-700);
    line-height: 1.5em;
  }
  .mypage-box > .contextual {
    opacity: 0.001;
    transition: opacity 0.2s;
  }
  .mypage-box:hover > .contextual {
    opacity: 1;
  }
  .handle {
    cursor: move;
  }
  #my-page .list th.checkbox,
  #my-page .list td.checkbox {
    display: none;
  }
  /***** Gantt chart *****/
  .gantt_hdr {
    position: absolute;
    top: 0;
    height: 16px;
    border-top: 1px solid var(--color-gray-400);
    border-bottom: 1px solid var(--color-gray-400);
    border-right: 1px solid var(--color-gray-400);
    text-align: center;
    overflow: hidden;
  }
  .gantt_hdr.nwday {
    background-color: var(--color-gray-200);
    color: var(--color-gray-500);
  }
  .gantt_subjects {
    font-size: 0.8em;
  }
  .gantt_subjects div {
    line-height: 16px;
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .gantt_subjects div.issue-subject:hover {
    background-color: var(--color-bg-warning);
  }
  .gantt_subjects .issue-subject img.icon-gravatar {
    margin: 2px 5px 0px 2px;
  }
  .task {
    position: absolute;
    height: 8px;
    font-size: 0.8em;
    color: var(--color-gray-500);
    padding: 0;
    margin: 0;
    line-height: 16px;
    white-space: nowrap;
  }
  .task.label {
    width: 100%;
  }
  .task.label.project,
  .task.label.version {
    font-weight: bold;
  }
  .task_late {
    background: var(--color-orange) url(/themes/zenmine-301/images/task_late.png);
    border: 1px solid var(--color-orange);
  }
  .task_done {
    background: var(--color-success) url(/themes/zenmine-301/images/task_done.png);
    border: 1px solid var(--color-success);
  }
  .task_todo {
    background: var(--color-gray-500) url(/themes/zenmine-301/images/task_todo.png);
    border: 1px solid var(--color-gray-500);
  }
  .task_todo.parent {
    background: var(--color-gray-500);
    border: 1px solid var(--color-gray-500);
    height: 3px;
  }
  .task_late.parent,
  .task_done.parent {
    height: 3px;
  }
  .task.parent.marker.starting {
    position: absolute;
    background: url(/themes/zenmine-301/images/task_parent_end.png) no-repeat 0 0;
    width: 8px;
    height: 16px;
    margin-left: -4px;
    left: 0px;
    top: -1px;
  }
  .task.parent.marker.ending {
    position: absolute;
    background: url(/themes/zenmine-301/images/task_parent_end.png) no-repeat 0 0;
    width: 8px;
    height: 16px;
    margin-left: -4px;
    right: 0px;
    top: -1px;
  }
  .version.task_late {
    background: var(--color-orange) url(/themes/zenmine-301/images/milestone_late.png);
    border: 1px solid var(--color-orange);
    height: 2px;
    margin-top: 3px;
  }
  .version.task_done {
    background: var(--color-success) url(/themes/zenmine-301/images/milestone_done.png);
    border: 1px solid var(--color-success);
    height: 2px;
    margin-top: 3px;
  }
  .version.task_todo {
    background: var(--color-white) url(/themes/zenmine-301/images/milestone_todo.png);
    border: 1px solid var(--color-white);
    height: 2px;
    margin-top: 3px;
  }
  .version.marker {
    background-image: url(/themes/zenmine-301/images/version_marker.png);
    background-repeat: no-repeat;
    border: 0;
    margin-left: -4px;
    margin-top: 1px;
  }
  .project.task_late {
    background: var(--color-orange) url(/themes/zenmine-301/images/milestone_late.png);
    border: 1px solid var(--color-orange);
    height: 2px;
    margin-top: 3px;
  }
  .project.task_done {
    background: var(--color-success) url(/themes/zenmine-301/images/milestone_done.png);
    border: 1px solid var(--color-success);
    height: 2px;
    margin-top: 3px;
  }
  .project.task_todo {
    background: var(--color-white) url(/themes/zenmine-301/images/milestone_todo.png);
    border: 1px solid var(--color-white);
    height: 2px;
    margin-top: 3px;
  }
  .project.marker {
    background-image: url(/themes/zenmine-301/images/project_marker.png);
    background-repeat: no-repeat;
    border: 0;
    margin-left: -4px;
    margin-top: 1px;
  }
  .version-behind-schedule a,
  .issue-behind-schedule a {
    color: #f66914;
  }
  .version-overdue a,
  .issue-overdue a,
  .project-overdue a {
    color: #f00;
  }
  /***** Icons *****/
  .icon {
    background-position: 0% 50%;
    background-repeat: no-repeat;
    padding-left: 20px;
  }
  .icon-only {
    background-position: 0% 50%;
    background-repeat: no-repeat;
    padding-left: 16px;
    display: inline-block;
    width: 0;
    height: 16px;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 8px;
    vertical-align: middle;
  }
  .icon-only::after {
    content: " ";
  }
  .icon-add {
    background-image: url(/themes/zenmine-301/images/add.png);
  }
  .icon-edit {
    background-image: url(/themes/zenmine-301/images/edit.png);
  }
  .icon-copy {
    background-image: url(/themes/zenmine-301/images/copy.png);
  }
  .icon-duplicate {
    background-image: url(/themes/zenmine-301/images/duplicate.png);
  }
  .icon-del {
    background-image: url(/themes/zenmine-301/images/delete.png);
  }
  .icon-move {
    background-image: url(/themes/zenmine-301/images/move.png);
  }
  .icon-save {
    background-image: url(/themes/zenmine-301/images/save.png);
  }
  .icon-download {
    background-image: url(/themes/zenmine-301/images/download.png);
  }
  .icon-cancel {
    background-image: url(/themes/zenmine-301/images/cancel.png);
  }
  .icon-multiple {
    background-image: url(/themes/zenmine-301/images/table_multiple.png);
  }
  .icon-folder {
    background-image: url(/themes/zenmine-301/images/folder.png);
  }
  .open .icon-folder {
    background-image: url(/themes/zenmine-301/images/folder_open.png);
  }
  .icon-package {
    background-image: url(/themes/zenmine-301/images/package.png);
  }
  .icon-user {
    background-image: url(/themes/zenmine-301/images/user.png);
  }
  .icon-project,
  .icon-projects {
    background-image: url(/themes/zenmine-301/images/projects.png);
  }
  .icon-help {
    background-image: url(/themes/zenmine-301/images/help.png);
  }
  .icon-attachment {
    background-image: url(/themes/zenmine-301/images/attachment.png);
  }
  .icon-history {
    background-image: url(/themes/zenmine-301/images/history.png);
  }
  .icon-time-entry,
  .icon-time {
    background-image: url(/themes/zenmine-301/images/time.png);
  }
  .icon-time-add {
    background-image: url(/themes/zenmine-301/images/time_add.png);
  }
  .icon-stats {
    background-image: url(/themes/zenmine-301/images/stats.png);
  }
  .icon-warning {
    background-image: url(/themes/zenmine-301/images/warning.png);
  }
  .icon-error {
    background-image: url(/themes/zenmine-301/images/exclamation.png);
  }
  .icon-fav {
    background-image: url(/themes/zenmine-301/images/fav.png);
  }
  .icon-fav-off {
    background-image: url(/themes/zenmine-301/images/fav_off.png);
  }
  .icon-reload {
    background-image: url(/themes/zenmine-301/images/reload.png);
  }
  .icon-lock,
  .icon-locked {
    background-image: url(/themes/zenmine-301/images/locked.png);
  }
  .icon-unlock {
    background-image: url(/themes/zenmine-301/images/unlock.png);
  }
  .icon-checked {
    background-image: url(/themes/zenmine-301/images/toggle_check.png);
  }
  .icon-report {
    background-image: url(/themes/zenmine-301/images/report.png);
  }
  .icon-comment,
  .icon-comments {
    background-image: url(/themes/zenmine-301/images/comment.png);
  }
  .icon-summary {
    background-image: url(/themes/zenmine-301/images/lightning.png);
  }
  .icon-server-authentication {
    background-image: url(/themes/zenmine-301/images/server_key.png);
  }
  .icon-issue {
    background-image: url(/themes/zenmine-301/images/ticket.png);
  }
  .icon-zoom-in {
    background-image: url(/themes/zenmine-301/images/zoom_in.png);
  }
  .icon-zoom-out {
    background-image: url(/themes/zenmine-301/images/zoom_out.png);
  }
  .icon-magnifier {
    background-image: url(/themes/zenmine-301/images/magnifier.png);
  }
  .icon-passwd {
    background-image: url(/themes/zenmine-301/images/textfield_key.png);
  }
  .icon-arrow-right,
  .icon-test,
  .icon-sticky {
    background-image: url(/themes/zenmine-301/images/bullet_go.png);
  }
  .icon-email {
    background-image: url(/themes/zenmine-301/images/email.png);
  }
  .icon-email-disabled {
    background-image: url(/themes/zenmine-301/images/email_disabled.png);
  }
  .icon-email-add {
    background-image: url(/themes/zenmine-301/images/email_add.png);
  }
  .icon-ok {
    background-image: url(/themes/zenmine-301/images/true.png);
  }
  .icon-not-ok {
    background-image: url(/themes/zenmine-301/images/false.png);
  }
  .icon-link-break {
    background-image: url(/themes/zenmine-301/images/link_break.png);
  }
  .icon-list {
    background-image: url(/themes/zenmine-301/images/text_list_bullets.png);
  }
  .icon-close {
    background-image: url(/themes/zenmine-301/images/close.png);
  }
  .icon-close:hover {
    background-image: url(/themes/zenmine-301/images/close_hl.png);
  }
  .icon-settings {
    background-image: url(/themes/zenmine-301/images/changeset.png);
  }
  .icon-group,
  .icon-groupnonmember,
  .icon-groupanonymous {
    background-image: url(/themes/zenmine-301/images/group.png);
  }
  .icon-roles {
    background-image: url(/themes/zenmine-301/images/database_key.png);
  }
  .icon-issue-edit {
    background-image: url(/themes/zenmine-301/images/ticket_edit.png);
  }
  .icon-workflows {
    background-image: url(/themes/zenmine-301/images/ticket_go.png);
  }
  .icon-custom-fields {
    background-image: url(/themes/zenmine-301/images/textfield.png);
  }
  .icon-plugins {
    background-image: url(/themes/zenmine-301/images/plugin.png);
  }
  .icon-news {
    background-image: url(/themes/zenmine-301/images/news.png);
  }
  .icon-issue-closed {
    background-image: url(/themes/zenmine-301/images/ticket_checked.png);
  }
  .icon-issue-note {
    background-image: url(/themes/zenmine-301/images/ticket_note.png);
  }
  .icon-changeset {
    background-image: url(/themes/zenmine-301/images/changeset.png);
  }
  .icon-message {
    background-image: url(/themes/zenmine-301/images/message.png);
  }
  .icon-reply {
    background-image: url(/themes/zenmine-301/images/comments.png);
  }
  .icon-wiki-page {
    background-image: url(/themes/zenmine-301/images/wiki_edit.png);
  }
  .icon-document {
    background-image: url(/themes/zenmine-301/images/document.png);
  }
  .icon-project {
    background-image: url(/themes/zenmine-301/images/projects.png);
  }
  .icon-add-bullet {
    background-image: url(/themes/zenmine-301/images/bullet_add.png);
  }
  .icon-shared {
    background-image: url(/themes/zenmine-301/images/link.png);
  }
  .icon-actions {
    background-image: url(/themes/zenmine-301/images/3_bullets.png);
  }
  .icon-file {
    background-image: url(/themes/zenmine-301/images/files/default.png);
  }
  .icon-file.text-plain {
    background-image: url(/themes/zenmine-301/images/files/text.png);
  }
  .icon-file.text-x-c {
    background-image: url(/themes/zenmine-301/images/files/c.png);
  }
  .icon-file.text-x-csharp {
    background-image: url(/themes/zenmine-301/images/files/csharp.png);
  }
  .icon-file.text-x-java {
    background-image: url(/themes/zenmine-301/images/files/java.png);
  }
  .icon-file.text-x-javascript {
    background-image: url(/themes/zenmine-301/images/files/js.png);
  }
  .icon-file.text-x-php {
    background-image: url(/themes/zenmine-301/images/files/php.png);
  }
  .icon-file.text-x-ruby {
    background-image: url(/themes/zenmine-301/images/files/ruby.png);
  }
  .icon-file.text-xml {
    background-image: url(/themes/zenmine-301/images/files/xml.png);
  }
  .icon-file.text-css {
    background-image: url(/themes/zenmine-301/images/files/css.png);
  }
  .icon-file.text-html {
    background-image: url(/themes/zenmine-301/images/files/html.png);
  }
  .icon-file.image-gif {
    background-image: url(/themes/zenmine-301/images/files/image.png);
  }
  .icon-file.image-jpeg {
    background-image: url(/themes/zenmine-301/images/files/image.png);
  }
  .icon-file.image-png {
    background-image: url(/themes/zenmine-301/images/files/image.png);
  }
  .icon-file.image-tiff {
    background-image: url(/themes/zenmine-301/images/files/image.png);
  }
  .icon-file.application-pdf {
    background-image: url(/themes/zenmine-301/images/files/pdf.png);
  }
  .icon-file.application-zip {
    background-image: url(/themes/zenmine-301/images/files/zip.png);
  }
  .icon-file.application-x-gzip {
    background-image: url(/themes/zenmine-301/images/files/zip.png);
  }
  .sort-handle {
    width: 16px;
    height: 16px;
    background: url(/themes/zenmine-301/images/reorder.png) no-repeat 0 50%;
    cursor: move;
  }
  .sort-handle.ajax-loading {
    background-image: url(/themes/zenmine-301/images/loading.gif);
  }
  tr.ui-sortable-helper {
    border: 1px solid var(--color-gray-300);
  }
  .contextual > *:not(:first-child),
  .buttons > .icon:not(:first-child),
  .contextual .journal-actions > *:not(:first-child) {
    margin-left: 5px;
  }
  img.gravatar {
    vertical-align: middle;
    border-radius: 20%;
  }
  div.issue img.gravatar {
    float: left;
    margin: 0 12px 6px 0;
  }
  div.gravatar-with-child {
    position: relative;
  }
  div.gravatar-with-child > img.gravatar:nth-child(2) {
    position: absolute;
    top: 30px;
    left: 30px;
    border-radius: 20%;
    border: 2px solid rgba(255, 255, 255, 0.9);
  }
  h2 img.gravatar,
  h3 img.gravatar {
    margin-right: 4px;
  }
  h4 img.gravatar {
    margin: -2px 4px -4px 0;
  }
  td.username img.gravatar {
    margin: 0 0.5em 0 0;
    vertical-align: top;
  }
  #activity dt img.gravatar {
    float: left;
    margin: 0 1em 1em 0;
  }
  /* Used on 12px Gravatar img tags without the icon background */
  .icon-gravatar {
    float: left;
    margin-right: 4px;
  }
  #activity dt,
  .journal {
    clear: left;
  }
  h2 img {
    vertical-align: middle;
  }
  .hascontextmenu {
    cursor: context-menu;
  }
  .sample-data {
    border: 1px solid var(--color-gray-400);
    border-collapse: collapse;
    background-color: var(--color-white);
    margin: 0.5em;
  }
  .sample-data td {
    border: 1px solid var(--color-gray-400);
    padding: 2px 4px;
    font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;
  }
  .sample-data tr:first-child td {
    font-weight: bold;
    text-align: center;
  }
  .ui-progressbar {
    position: relative;
  }
  #progress-label {
    position: absolute;
    left: 50%;
    top: 4px;
    font-weight: bold;
    color: var(--color-gray-700);
    text-shadow: 1px 1px 0 var(--color-white);
  }
  .repository-graph {
    width: 75%;
    margin-bottom: 2em;
  }
  img.filecontent.image {
    background-image: url(/themes/zenmine-301/images/transparent.png);
  }
  /* Custom JQuery styles */
  .ui-datepicker-title select {
    width: 70px;
    margin-top: -2px;
    margin-right: 4px;
  }
  .ui-menu.ui-widget-content {
    background: var(--color-white);
  }
  .ui-menu .ui-menu-item:hover {
    font-weight: normal;
    color: #555;
    background: #759fcf;
    color: #fff;
    border: 1px solid #759fcf;
  }
  .ui-menu .ui-menu-item.ui-state-focus {
    font-weight: normal;
    color: #555;
    border-color: #759fcf;
  }
  /************* Rouge styles *************/
  /* generated by: pygmentize -f html -a .syntaxhl -S colorful */
  .syntaxhl .hll {
    background-color: #ffffcc;
  }
  .syntaxhl {
    background: #fafafa;
  }
  .syntaxhl .c {
    color: #888888;
  }
  /* Comment */
  .syntaxhl .err {
    color: #ff0000;
    background-color: #ffaaaa;
  }
  /* Error */
  .syntaxhl .k {
    color: #008800;
    font-weight: bold;
  }
  /* Keyword */
  .syntaxhl .o {
    color: #333333;
  }
  /* Operator */
  .syntaxhl .ch {
    color: #888888;
  }
  /* Comment.Hashbang */
  .syntaxhl .cm {
    color: #888888;
  }
  /* Comment.Multiline */
  .syntaxhl .cp {
    color: #557799;
  }
  /* Comment.Preproc */
  .syntaxhl .cpf {
    color: #888888;
  }
  /* Comment.PreprocFile */
  .syntaxhl .c1 {
    color: #888888;
  }
  /* Comment.Single */
  .syntaxhl .cs {
    color: #cc0000;
    font-weight: bold;
  }
  /* Comment.Special */
  .syntaxhl .gd {
    color: #a00000;
  }
  /* Generic.Deleted */
  .syntaxhl .ge {
    font-style: italic;
  }
  /* Generic.Emph */
  .syntaxhl .gr {
    color: #ff0000;
  }
  /* Generic.Error */
  .syntaxhl .gh {
    color: #000080;
    font-weight: bold;
  }
  /* Generic.Heading */
  .syntaxhl .gi {
    color: #00a000;
  }
  /* Generic.Inserted */
  .syntaxhl .go {
    color: #888888;
  }
  /* Generic.Output */
  .syntaxhl .gp {
    color: #c65d09;
    font-weight: bold;
  }
  /* Generic.Prompt */
  .syntaxhl .gs {
    font-weight: bold;
  }
  /* Generic.Strong */
  .syntaxhl .gu {
    color: #800080;
    font-weight: bold;
  }
  /* Generic.Subheading */
  .syntaxhl .gt {
    color: #0044dd;
  }
  /* Generic.Traceback */
  .syntaxhl .kc {
    color: #008800;
    font-weight: bold;
  }
  /* Keyword.Constant */
  .syntaxhl .kd {
    color: #008800;
    font-weight: bold;
  }
  /* Keyword.Declaration */
  .syntaxhl .kn {
    color: #008800;
    font-weight: bold;
  }
  /* Keyword.Namespace */
  .syntaxhl .kp {
    color: #003388;
    font-weight: bold;
  }
  /* Keyword.Pseudo */
  .syntaxhl .kr {
    color: #008800;
    font-weight: bold;
  }
  /* Keyword.Reserved */
  .syntaxhl .kt {
    color: #333399;
    font-weight: bold;
  }
  /* Keyword.Type */
  .syntaxhl .m {
    color: #6600ee;
    font-weight: bold;
  }
  /* Literal.Number */
  .syntaxhl .s {
    background-color: #fff0f0;
  }
  /* Literal.String */
  .syntaxhl .na {
    color: #0000cc;
  }
  /* Name.Attribute */
  .syntaxhl .nb {
    color: #007020;
  }
  /* Name.Builtin */
  .syntaxhl .nc {
    color: #bb0066;
    font-weight: bold;
  }
  /* Name.Class */
  .syntaxhl .no {
    color: #003366;
    font-weight: bold;
  }
  /* Name.Constant */
  .syntaxhl .nd {
    color: #555555;
    font-weight: bold;
  }
  /* Name.Decorator */
  .syntaxhl .ni {
    color: #880000;
    font-weight: bold;
  }
  /* Name.Entity */
  .syntaxhl .ne {
    color: #ff0000;
    font-weight: bold;
  }
  /* Name.Exception */
  .syntaxhl .nf {
    color: #0066bb;
    font-weight: bold;
  }
  /* Name.Function */
  .syntaxhl .nl {
    color: #997700;
    font-weight: bold;
  }
  /* Name.Label */
  .syntaxhl .nn {
    color: #0e84b5;
    font-weight: bold;
  }
  /* Name.Namespace */
  .syntaxhl .nt {
    color: #007700;
  }
  /* Name.Tag */
  .syntaxhl .nv {
    color: #996633;
  }
  /* Name.Variable */
  .syntaxhl .ow {
    color: #000000;
    font-weight: bold;
  }
  /* Operator.Word */
  .syntaxhl .w {
    color: #bbbbbb;
  }
  /* Text.Whitespace */
  .syntaxhl .mb {
    color: #6600ee;
    font-weight: bold;
  }
  /* Literal.Number.Bin */
  .syntaxhl .mf {
    color: #6600ee;
    font-weight: bold;
  }
  /* Literal.Number.Float */
  .syntaxhl .mh {
    color: #005588;
    font-weight: bold;
  }
  /* Literal.Number.Hex */
  .syntaxhl .mi {
    color: #0000dd;
    font-weight: bold;
  }
  /* Literal.Number.Integer */
  .syntaxhl .mo {
    color: #4400ee;
    font-weight: bold;
  }
  /* Literal.Number.Oct */
  .syntaxhl .sa {
    background-color: #fff0f0;
  }
  /* Literal.String.Affix */
  .syntaxhl .sb {
    background-color: #fff0f0;
  }
  /* Literal.String.Backtick */
  .syntaxhl .sc {
    color: #0044dd;
  }
  /* Literal.String.Char */
  .syntaxhl .dl {
    background-color: #fff0f0;
  }
  /* Literal.String.Delimiter */
  .syntaxhl .sd {
    color: #dd4422;
  }
  /* Literal.String.Doc */
  .syntaxhl .s2 {
    background-color: #fff0f0;
  }
  /* Literal.String.Double */
  .syntaxhl .se {
    color: #666666;
    font-weight: bold;
    background-color: #fff0f0;
  }
  /* Literal.String.Escape */
  .syntaxhl .sh {
    background-color: #fff0f0;
  }
  /* Literal.String.Heredoc */
  .syntaxhl .si {
    background-color: #eeeeee;
  }
  /* Literal.String.Interpol */
  .syntaxhl .sx {
    color: #dd2200;
    background-color: #fff0f0;
  }
  /* Literal.String.Other */
  .syntaxhl .sr {
    color: #000000;
    background-color: #fff0ff;
  }
  /* Literal.String.Regex */
  .syntaxhl .s1 {
    background-color: #fff0f0;
  }
  /* Literal.String.Single */
  .syntaxhl .ss {
    color: #aa6600;
  }
  /* Literal.String.Symbol */
  .syntaxhl .bp {
    color: #007020;
  }
  /* Name.Builtin.Pseudo */
  .syntaxhl .fm {
    color: #0066bb;
    font-weight: bold;
  }
  /* Name.Function.Magic */
  .syntaxhl .vc {
    color: #336699;
  }
  /* Name.Variable.Class */
  .syntaxhl .vg {
    color: #dd7700;
    font-weight: bold;
  }
  /* Name.Variable.Global */
  .syntaxhl .vi {
    color: #3333bb;
  }
  /* Name.Variable.Instance */
  .syntaxhl .vm {
    color: #996633;
  }
  /* Name.Variable.Magic */
  .syntaxhl .il {
    color: #0000dd;
    font-weight: bold;
  }
  /* Literal.Number.Integer.Long */
  /***** Media print specific styles *****/
  @media print {
    #top-menu,
    #header,
    #main-menu,
    #sidebar,
    #footer,
    .contextual,
    .other-formats {
      display: none;
    }
    #main {
      background: var(--color-white);
    }
    #content {
      width: 99%;
      margin: 0;
      padding: 0;
      border: 0;
      background: var(--color-white);
      overflow: visible;
    }
    #wiki_add_attachment {
      display: none;
    }
    .hide-when-print,
    .pagination ul.pages,
    .pagination .per-page {
      display: none;
    }
    .autoscroll {
      overflow-x: visible;
    }
    table.list {
      margin-top: 0.5em;
    }
    table.list th,
    table.list td {
      border: 1px solid var(--color-gray-500);
    }
  }
  /* Accessibility specific styles */
  .hidden-for-sighted {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
  img {
    image-orientation: from-image;
  }
  .filecontent-container {
    position: relative;
    margin-bottom: 20px;
    min-height: 200px;
  }
  .filecontent-container > .filecontent {
    position: absolute;
    max-height: 100%;
    max-width: 100%;
  }
  /* Zenmine Theme version 3.0, Copyright (C) 2019-2021 - Luis Blasco www.bestredminetheme.com */
  @font-face {
    font-family: "zenmine";
    src: url("/themes/zenmine-301/fonts/zenmine.eot?t=1525787366991"); /* IE9*/
    src: url("/themes/zenmine-301/fonts/zenmine.eot?t=1525787366991#iefix") format("embedded-opentype"), url("/themes/zenmine-301/fonts/zenmine.woff?t=1525787366991") format("woff"), url("/themes/zenmine-301/fonts/zenmine.ttf?t=1525787366991") format("truetype"), url("/themes/zenmine-301/fonts/zenmine.svg?t=1525787366991#zenmine") format("svg"); /* iOS 4.1- */
  }
  @font-face {
    font-family: "filetypes";
    src: url("/themes/zenmine-301/fonts/filetypes.eot?t=1525787366991"); /* IE9*/
    src: url("/themes/zenmine-301/fonts/filetypes.eot?t=1525787366991#iefix") format("embedded-opentype"), url("/themes/zenmine-301/fonts/filetypes.woff?t=1525787366991") format("woff"), url("/themes/zenmine-301/fonts/filetypes.ttf?t=1525787366991") format("truetype"), url("/themes/zenmine-301/fonts/filetypes.svg?t=1525787366991#filetypes") format("svg"); /* iOS 4.1- */
  }
  #main-menu.tabs a:not(.new-object)::before {
    font-family: "zenmine";
    content: "\e878";
    line-height: inherit;
  }
  #main-menu .menu-children li a:before {
    font-family: none !important;
    content: none !important;
  }
  #admin-menu li .tags::before,
  #admin-menu li .ldap-sync::before,
  .icon:not(h3, .icon-magnifier)::before,
  .icon-plugins:before,
  #admin-menu li a::before {
    font-family: "zenmine" !important;
    content: "\e878" !important;
  }
  #top-menu .icon:not(h3)::before,
  #top-menu .icon-plugins:before {
    content: "";
  }
  .icon-file::before,
  .icon.icon-file::before,
  .icon.icon-history::before {
    font-family: "zenmine";
    content: "\e870" !important;
  }
  .icon-checked::before,
  .icon.icon-checked::before,
  .icon.icon-test::before,
  .icon.icon-issue-closed:before,
  .icon-issue-closed:before,
  .icon-ok::before,
  .icon.icon-ok::before,
  .icon-only.icon-ok::before {
    font-family: "zenmine";
    content: "\e8e5" !important;
  }
  .icon-only.icon-ok,
  .icon-only.icon-error {
    width: 16px;
  }
  .icon-reload:before,
  .icon.icon-reload:before,
  .icon.icon-multiple::before,
  .icon.icon-cancel::before {
    font-family: "zenmine";
    content: "\e8ae" !important;
  }
  #admin-menu li .roles::before,
  .icon-roles:before,
  .icon.icon-roles:before {
    font-family: "zenmine";
    content: "\e8c2";
  }
  #admin-menu li .email-logs::before,
  a.icon-email-logs::before,
  .icon-email::before,
  .icon.icon-email::before,
  .icon.icon-email-to::before {
    font-family: "zenmine";
    content: "\e88a";
    font-size: 1.4rem;
    vertical-align: middle;
  }
  .journal a.icon-email-logs::before {
    vertical-align: initial;
  }
  #admin-menu li .agile::before,
  #main-menu.tabs .agile::before,
  .icon.agile::before,
  .flyout-menu .agile::before {
    font-family: "zenmine";
    content: "壘";
  }
  .backlog::before {
    font-family: "zenmine";
    content: "壘";
    transform: rotate(90deg);
    display: inline-block;
  }
  #admin-menu li .contacts::before,
  #main-menu.tabs .contacts::before,
  .icon.contacts::before,
  .flyout-menu .contacts::before,
  .flyout-menu .wiki::before {
    font-family: "zenmine";
    content: "\e837";
  }
  #main-menu.tabs .deals:before,
  .flyout-menu .deals:before {
    font-family: "zenmine";
    content: "\e838";
  }
  #main-menu.tabs .orders::before,
  .flyout-menu .orders::before {
    font-family: "zenmine";
    content: "\e84b";
  }
  #admin-menu li .helpdesk::before,
  .icon.helpdesk::before {
    font-family: "zenmine";
    content: "\e883";
  }
  #admin-menu li .workflows::before,
  .icon-workflows:before,
  .icon.icon-workflows:before {
    font-family: "zenmine";
    content: "\e91e";
  }
  #admin-menu li .invoices::before,
  #main-menu .expenses::before,
  #main-menu.tabs .invoices::before,
  .icon.invoices::before,
  .icon-money-dollar:before,
  .icon.icon-money-dollar:before,
  .flyout-menu .invoices::before,
  .flyout-menu .expenses::before {
    font-family: "zenmine";
    content: "\e917";
  }
  #admin-menu li .finance::before,
  .finance::before,
  .icon.finance::before {
    font-family: "zenmine";
    content: "\e831";
  }
  #admin-menu li .people::before,
  #admin-menu li .groups::before,
  .icon.people::before,
  .icon.icon-group::before,
  .icon-group::before,
  .flyout-menu .people::before {
    font-family: "zenmine";
    content: "\e8ea" !important;
  }
  #admin-menu li .products::before,
  #main-menu.tabs .products::before,
  .icon.products::before,
  .gantt_subjects .icon-package a::before,
  .flyout-menu .products::before {
    font-family: "zenmine";
    content: "\e8a1" !important;
  }
  .icon-save::before,
  .icon.icon-save::before {
    font-family: "zenmine";
    content: "\e8bc" !important;
  }
  .overview::before {
    font-family: "zenmine";
    content: "\e84b" !important;
  }
  .activity::before {
    font-family: "zenmine";
    content: "\e8f8" !important;
  }
  .icon.icon-time-entry:before {
    font-family: "zenmine";
    content: "\e84d" !important;
  }
  .icon.icon-issue-edit:before,
  .icon.icon-edit::before {
    font-family: "zenmine";
    content: "\e866" !important;
  }
  #admin-menu li .custom-fields::before,
  .icon.icon-custom-fields:before {
    font-family: "zenmine";
    content: "\e867";
  }
  .icon.icon-issue-note:before,
  .flyout-menu .contacts::before {
    font-family: "zenmine";
    content: "\e890" !important;
  }
  #admin-menu li .trackers::before,
  .icon.icon-issue:before,
  .gantt_subjects_container a.issue::before,
  .filename .icon.icon-project::before {
    font-family: "zenmine";
    content: "\e87d" !important;
  }
  .icon-help {
    background-image: none;
  }
  #issue_tracker_id + .icon-help {
    background-image: url(/themes/zenmine-301/images/help.png);
  }
  #admin-menu li .info::before,
  .icon.icon-help:before {
    font-family: "zenmine";
    content: "\e87f";
  }
  #admin-menu li .ldap-authentication::before,
  .icon-error::before,
  .icon.icon-error::before,
  .icon.icon-warning::before,
  .icon-server-authentication::before,
  .icon.icon-server-authentication::before {
    font-family: "zenmine";
    content: "\e81e";
  }
  .icon.roadmap::before,
  .roadmap::before {
    font-family: "zenmine";
    content: "\e88c" !important;
  }
  .icon.issues::before,
  .issues::before {
    font-family: "zenmine";
    content: "\e87d" !important;
  }
  #admin-menu li .issue-statuses::before,
  .icon.icon-issue-edit.issue-statuses::before {
    font-family: "zenmine";
    content: "\e8dc";
  }
  .icon.icon-time::before,
  .icon-time::before,
  .time-entries::before,
  .icon.icon-time-add::before {
    font-family: "zenmine";
    content: "\e84d" !important;
  }
  .icon.icon-stats::before {
    font-family: "zenmine";
    content: "\e8ac";
  }
  .icon.icon-locked::before,
  .icon.icon-passwd::before,
  .icon-lock::before,
  .icon.icon-lock::before {
    font-family: "zenmine";
    content: "\e887" !important;
  }
  .icon-sticky.icon-locked::before,
  .icon.bookmark::before {
    font-family: "zenmine";
    content: "\e83b" !important;
  }
  .icon.gantt::before,
  .gantt::before {
    font-family: "zenmine";
    content: "\e831" !important;
    transform: rotate(90deg);
    display: inline-block;
  }
  .icon.calendar::before,
  .calendar::before {
    font-family: "zenmine";
    content: "\e83a" !important;
  }
  .icon.news::before,
  .news::before {
    font-family: "zenmine";
    display: inline-block;
    content: "\e870" !important;
  }
  #admin-menu li .projects::before,
  .projects .child .project::before,
  #main-menu.tabs a.projects::before,
  body:not(.controller-trackers):not(.controller-users) .icon-projects::before,
  body:not(.controller-trackers):not(.controller-projects):not(.controller-users) .projects::before,
  .gantt_subjects .icon-projects a::before {
    font-family: "zenmine";
    content: "\e874" !important;
  }
  .project.root::before,
  .icon.my-project::before {
    content: none !important;
  }
  .projects .child .project::before {
    margin-right: 6px;
    font-size: 1.3rem;
  }
  .projects .child .projectshide + .project::before {
    content: "" !important;
    margin-right: 0;
  }
  .projectshide.open:before,
  .projectshide.closed:before {
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    margin: 10px 0px 10px 0px;
    font-family: "zenmine";
  }
  .projectshide.open:before {
    content: "\e91a" !important;
  }
  .projectshide.closed:before {
    content: "\e918";
  }
  .icon.icon-add::before,
  .icon-add::before,
  #project_custom_field_values_3_add_link::before,
  .icon.icon-add-bullet::before,
  #expense_contact_id_add_link:before,
  #order_contact_id_add_link:before,
  #deal_contact_id_add_link:before {
    font-family: "zenmine";
    content: "\e8b1" !important;
  }
  .icon.icon-link-add:before {
    font-family: "zenmine";
    content: "\e882";
  }
  .icon-link-break::before {
    font-family: "zenmine";
    content: "\e881";
  }
  #project_custom_field_values_3_add_link {
    font-size: 1.6rem;
    margin-left: 8px;
    color: var(--color-gray-800);
    text-decoration: none;
  }
  .documents::before,
  .flyout-menu .repository::before,
  #main-menu .dmsf::before {
    font-family: "zenmine";
    content: "\e90d";
  }
  .repository::before {
    font-family: "zenmine";
    content: "\e91e";
  }
  #main-menu .wiki::before {
    font-family: "zenmine";
    content: "\e837" !important;
  }
  #main-menu .boards::before,
  table.boards a.board::before,
  .flyout-menu .boards::before {
    font-family: "zenmine";
    content: "\e890";
  }
  .splitcontentleft .wiki::before {
    display: none;
  }
  .files::before,
  .icon.icon-upload::before,
  #main-menu.tabs .drive.selected::before {
    font-family: "zenmine";
    content: "\e8e3";
  }
  body:not(.controller-settings) .settings:not(fieldset)::before {
    font-family: "zenmine";
    content: "\e90a" !important;
  }
  #admin-menu li .settings::before,
  #admin-menu .icon.icon-settings::before {
    font-family: "zenmine";
    content: "\e90a" !important;
  }
  .icon.icon-zoom-in:before,
  .issues.box .icon-only.icon-zoom-in:after {
    font-family: "zenmine";
    content: "\e8f9" !important;
  }
  .icon.icon-zoom-out:before,
  .issues.box .icon-only.icon-zoom-out:after {
    font-family: "zenmine";
    content: "\e8fa" !important;
  }
  .icon.icon-fullscreen:before,
  button.jstb_zenedit:before,
  button.jstb_zenedit.theme:before {
    font-family: "zenmine";
    content: "\e868";
  }
  .icon.icon-folder:before,
  .icon.icon-projects:before,
  .icon-projects:before,
  .flyout-menu .projects::before {
    font-family: "zenmine";
    content: "\e874" !important;
  }
  div.wiki-page .icon-only.icon-edit {
    display: inline;
  }
  .icon-only.icon-edit {
    display: contents;
    font-size: 0;
    text-decoration: none;
  }
  .icon-edit::before {
    font-family: "zenmine";
    content: "\e866" !important;
    font-size: 1.4rem;
  }
  .icon-copy::before,
  .icon.icon-copy::before {
    font-family: "zenmine";
    content: "\e855" !important;
  }
  .icon.icon-helpdesk::before {
    font-family: "zenmine";
    content: "\e883";
  }
  .journal-actions .icon-only {
    padding-left: 6px;
    display: inline;
    font-size: 0;
  }
  .journal-actions .icon-only::after {
    font-size: 1.4rem;
  }
  .icon-only.icon-not-ok {
    display: initial;
    font-size: 1.5rem;
    text-decoration: none;
  }
  .dmsf .icon.icon-unlock::before,
  .dmsf .icon-unlock::before {
    font-family: "zenmine";
    content: "\e887";
    margin-left: 12px;
    margin-right: -30px;
  }
  .icon.icon-unlock::before,
  .icon-unlock::before {
    font-family: "zenmine";
    content: "\e880";
  }
  .ui-icon-closethick:before,
  .icon-only.icon-not-ok:after,
  .icon.icon-disable::before,
  .icon-only.icon-clear-query::after {
    font-family: "zenmine";
    content: "豈";
  }
  .icon-only.icon-clear-query {
    font-size: 0;
    float: right;
    width: 15px;
  }
  .icon-only.icon-clear-query::after {
    font-size: 16px;
  }
  body:not(.controller-projects) .icon.icon-fav-off:before,
  .icon-only.icon-magnifier::before,
  .icon.icon-fav-off::before {
    font-family: "zenmine" !important;
    content: "\e86a" !important;
  }
  .icon-only.icon-magnifier {
    font-size: 0;
    display: contents;
    text-decoration: none;
  }
  .icon-only.icon-magnifier::before {
    font-size: 1.2rem;
  }
  body:not(.controller-projects) .icon.icon-fav:before {
    font-family: "zenmine";
    content: "\e86e";
  }
  body:not(.controller-projects) .icon.icon-comment:not(.answers):not(.last-comment):before,
  .icon-only.icon-comment::before {
    font-family: "zenmine";
    content: "\e890";
  }
  .home::after,
  .flyout-menu .home::before {
    font-family: "zenmine" !important;
    content: "\e879" !important;
  }
  #admin-menu li .users::before,
  .my-account::after,
  .icon-contact:before,
  .icon.icon-company-contact::before,
  .icon-company-contact::before,
  .icon-user::before,
  .icon.icon-user::before {
    font-family: "zenmine" !important;
    content: "\e8e9" !important;
    vertical-align: unset !important;
  }
  .logout::after {
    font-family: "zenmine" !important;
    content: "\e888" !important;
  }
  body.controller-workflows.action-edit form p a::before,
  body.controller-workflows.action-permissions form p a::before,
  #admin-menu li .enumerations::before,
  .icon.icon-summary:before,
  .toggle-multiselect::before,
  .icon-list::before,
  .icon.icon-list::before {
    font-family: "zenmine" !important;
    content: "\e886" !important;
  }
  .resource-planning-chart .user-resource-bookings.open span.expander::before {
    font-family: "zenmine";
    content: "\e91a";
  }
  .resource-planning-chart .user-resource-bookings:not(.open) span.expander::before {
    font-family: "zenmine";
    content: "\e918";
  }
  .icon.icon-helpdesk-reply::before {
    font-family: "zenmine";
    content: "\e890";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(10deg);
  }
  .fa-question::before {
    content: "?";
    font-size: 1.5rem;
  }
  tr.project.idnt td.name span:before {
    font-family: "zenmine";
    content: "\e856" !important;
    position: relative;
    margin-right: 4px;
  }
  .login::after,
  .register::after {
    font-family: "zenmine";
    content: "\e8e9";
    position: relative;
    top: 4px;
    left: 7px;
    margin-left: 7px;
  }
  .icon.icon-link-add,
  .icon-public-link,
  .journal .contextual .icon-only,
  .icon.icon-email-logs,
  .icon-only.icon-magnifier,
  .sort-handle,
  table.cal a.issue,
  p.cal.legend .starting,
  p.cal.legend .ending,
  p.cal.legend .starting.ending,
  table.boards a.board,
  .drdn-items a.icon,
  .icon-package,
  .icon-file,
  button.tab-left,
  button.tab-right,
  .icon-zoom-in,
  .icon-edit,
  .icon-shared,
  .icon-helpdesk,
  .icon-company-contact,
  .icon-issue,
  .icon-error,
  .icon-ok,
  .icon-not-ok,
  .icon.icon-checked,
  .icon-only.icon-checked,
  .icon-only.icon-ok,
  .icon-lock,
  .icon-locked,
  .jstElements button,
  .icon-contact,
  .icon-issue-closed,
  .resource-planning-chart .user-resource-bookings span.expander,
  .icon-attachment,
  .journal-actions a,
  .icon-email,
  .icon-comment,
  .icon-comments,
  .icon-project,
  .icon-projects {
    background-image: none !important;
  }
  #project_custom_field_values_3_add_link img {
    display: none;
  }
  .icon.icon-import::before {
    font-family: "zenmine";
    content: "\e8e3";
  }
  .icon.icon-phone::before {
    font-family: "zenmine";
    content: "\e8a5";
    font-size: 1.4rem;
  }
  .icon-only.icon-error::before,
  .icon-ok::before,
  .icon.icon-ok::before,
  .icon-only.icon-ok::before,
  .drive.selected::before,
  #files-sidebar-menu .icon.icon-del::before,
  .icon.icon-upload::before,
  .icon.bookmark::before,
  .controller-projects .news.box::before,
  .controller-projects .members.box::before,
  #admin-menu li a::before,
  .issues::before,
  .icon:not(.icon-email)::before,
  .icon-time::before,
  #main-menu ul li a::before,
  .issues th a::after {
    font-family: "zenmine";
    font-size: 1.8rem;
    margin-right: 5px;
    vertical-align: sub;
    margin-left: -2px;
  }
  .selection .icon.icon-contact:before {
    vertical-align: middle;
    font-family: "zenmine";
    content: "\e837";
  }
  .project.icon-fav::before {
    vertical-align: initial;
    margin-left: 0;
  }
  body:not(.controller-settings) .issues th a:after {
    font-family: "zenmine";
    content: "\e842";
    opacity: 0.2;
    position: relative;
    margin-left: 2px;
    font-size: 1.5rem;
  }
  body:not(.controller-settings) .issues th a:hover:after {
    opacity: 0.8;
  }
  /*.issues th a:hover:after{
  font-family:'zenmine';
  content: "\e842";
  opacity: 0.8;
  }
  */
  a.sort.asc::after {
    font-family: "zenmine";
    content: "\e845";
    opacity: 1;
  }
  a.sort.desc::after {
    font-family: "zenmine";
    content: "\e842" !important;
    opacity: 1;
  }
  p.cal.legend .starting.ending::before,
  table.cal .starting.ending a.issue::before {
    font-family: "zenmine";
    content: "\e915";
    color: var(--color-gray-800);
    margin-right: 4px;
  }
  p.cal.legend .starting::before,
  table.cal .starting a.issue::before {
    font-family: "zenmine";
    content: "\e844";
    color: var(--color-teal);
  }
  p.cal.legend .ending::before,
  table.cal .ending a.issue::before {
    font-family: "zenmine";
    content: "\e843";
    color: var(--color-danger);
  }
  .issues th a.selected::after {
    font-family: "zenmine";
    content: "\e842";
    opacity: 0.9;
  }
  #project-jump .drdn-trigger::after,
  label[for=block-select]::after {
    font-family: "zenmine" !important;
    content: "\e842";
  }
  .drdn-items.selection > *.selected:before {
    font-family: "zenmine";
    content: "\e8e5";
  }
  .projects .icon-projects,
  .issues .icon::before {
    display: none;
  }
  .icon.icon-attachment::before,
  .icon-attachment::before {
    font-family: "zenmine";
    content: "\e904";
    font-size: 1.3rem;
  }
  .attachments .icon-magnifier,
  .icon-warning {
    background: none;
  }
  .delete.icon-only.icon-del,
  .icon-only.icon-download {
    width: auto;
    padding: 0;
    background-image: none;
    text-decoration: none;
    font-size: 0;
  }
  .delete.icon-only.icon-del::before,
  .icon-only.icon-download::before {
    font-size: 1.2rem;
  }
  .delete.icon-only.icon-del::after {
    content: "";
  }
  .description .contextual .icon-comment:after {
    display: none;
  }
  .attachments .icon-only.icon-edit:hover:after {
    opacity: 1;
  }
  .icon-download::after {
    font-family: "zenmine";
    content: "\e864";
  }
  .icon-only.icon-comment::after {
    font-family: "zenmine";
    content: "\e890";
  }
  .icon-only.icon-del::after,
  .icon.icon-del::before,
  .icon-only.icon-del::before {
    font-family: "zenmine";
    content: "\e8d9" !important;
    color: var(--color-danger);
  }
  .attachments_form .icon-only.icon-del {
    width: 12px;
    background: none;
  }
  .icon-del:before,
  .icon-only.icon-del:before,
  #files-sidebar-menu .icon.icon-del::before {
    font-family: "zenmine";
    content: "\e8d9" !important;
    color: var(--color-danger);
  }
  .attachments .icon-only.icon-edit::after {
    font-family: "zenmine";
    content: "\e866";
    opacity: 0.6;
  }
  .icon-time-add::before {
    font-family: "zenmine";
    content: "\e84d" !important;
  }
  .icon.icon-document:before {
    font-family: "zenmine";
    content: "\e90d";
  }
  .icon-document {
    background: none;
  }
  .icon.icon-wiki-page:before {
    font-family: "zenmine";
    content: "\e837";
  }
  .icon.icon-message:before,
  .icon.icon-reply:before {
    font-family: "zenmine";
    content: "\e891";
  }
  .icon-history {
    background-image: none;
  }
  .drdn-items .icon-history::before {
    font-family: "zenmine";
    content: "\e866" !important;
  }
  .wiki_page-1-watcher.icon.icon-fav::before {
    font-family: "zenmine";
    content: "\e86e";
    color: var(--color-white);
  }
  .wiki_page-1-watcher.icon.icon-fav,
  .wiki_page-1-watcher.icon.icon-fav.btn.btn-sm.btn-outline-dark {
    color: var(--color-white);
  }
  .wiki_page-1-watcher.icon.icon-fav-off::before {
    font-family: "zenmine";
    content: "\e86a";
  }
  /*.controller-projects .icon-fav::before{
  font-family: "zenmine";
  content: "\e86e"; 
  }
  */
  .my-project::after {
    font-family: zenmine !important;
    content: "\f8e5" !important;
    font-size: 1.3rem;
    padding-left: 6px;
    color: var(--color-gray-700);
    opacity: 0.5;
    vertical-align: super;
  }
  .controller-my .contextual .icon-settings:after,
  .contextual .sort-handle::after {
    font-family: "zenmine";
    content: "\e89c";
    color: var(--color-gray-600);
    font-size: 1.5rem;
    display: inline-block;
  }
  .mypage-box .contextual .icon-settings::after {
    content: "\e8c3";
    cursor: pointer;
  }
  .mypage-box h3 .icon-add::after {
    content: "\e8b1";
    color: var(--color-info);
  }
  .mypage-box .icon-close::before,
  .controller-my .close-icon::before {
    font-family: "zenmine";
    content: "\e8d9";
    color: var(--color-danger);
    display: inline-block;
    margin-top: 3px;
    margin-left: 4px;
    cursor: pointer;
  }
  .controller-reports .icon-only.icon-zoom-in::after {
    font-family: "zenmine";
    content: "\e8f9";
    font-size: 1.4rem;
  }
  .icon.icon-preview::before {
    font-family: "zenmine";
    content: "\e8bd";
  }
  .sort-handle::before {
    font-family: "zenmine";
    content: "\e89c";
  }
  .icon-only.icon-not-ok::after {
    font-family: "zenmine";
    content: "豈";
  }
  .drdn .drdn-trigger .icon-actions::after {
    color: var(--color-text);
    font-family: "zenmine";
    content: "\e8b1" !important;
  }
  button.tab-left::before {
    font-family: "zenmine";
    content: "\e843";
    font-size: 1.9rem;
  }
  button.tab-right::after {
    font-family: "zenmine";
    content: "\e844";
    font-size: 1.9rem;
  }
  a.icon-actions {
    font-size: 0;
  }
  a.icon-actions::before {
    font-family: "zenmine";
    color: var(--color-gray-400) !important;
    content: "\e89b";
    font-size: 1.3rem;
    margin-left: -8px;
  }
  a.icon-actions:hover::before {
    font-family: "zenmine";
    color: var(--color-black);
  }
  .icon-download::before,
  .icon.icon-download::before {
    font-family: "zenmine";
    content: "\e864";
  }
  /*.totop::before{
  content: "\e848";
  top: 15px;
  }


  .goup::before{
      content: "\e845";
      top:63px;
  }


  .godown::before{
  content: "\e842";
  bottom:63px;
  }


  .tobottom::before{
  content: "\e846";
  bottom:15px;
  }
  */
  #expense_contact_id_add_link,
  #order_contact_id_add_link,
  #deal_contact_id_add_link {
    text-decoration: none;
  }
  #expense_contact_id_add_link:before,
  #order_contact_id_add_link:before,
  #deal_contact_id_add_link:before {
    font-size: 1.5rem;
    margin-left: 10px;
    color: var(--color-gray-600);
  }
  .journal_message .icon-email-to::before,
  .icon.icon-email-add::before {
    font-family: "zenmine";
    content: "\e88a" !important;
  }
  .icon.icon-call::before,
  .icon-call::before {
    font-family: "zenmine";
    content: "\e8a5";
  }
  .icon-web::before,
  .icon.icon-web::before {
    font-family: "zenmine";
    content: "\e883";
  }
  .icon.icon-rosette::before {
    font-family: "zenmine";
    content: "\e8cd";
  }
  .icon-duplicate::before,
  .icon.icon-duplicate::before {
    font-family: "zenmine";
    content: "\e855";
  }
  .icon.icon-date::before {
    font-family: "zenmine";
    content: "\e83a";
  }
  .icon-invoice-public-link::before,
  .icon.icon-public-link::before,
  .icon.icon-shared::before {
    font-family: "zenmine";
    content: "\e884";
  }
  .icon-public-link {
    background-image: none;
  }
  .icon-add-payment::before {
    font-family: "zenmine";
    content: "\e917";
  }
  .icon-order-add::before {
    font-family: "zenmine";
    content: "\e84b";
  }
  .icon-only.icon-checked {
    width: auto;
    font-size: 16px;
    text-align: center;
    padding: 0;
  }
  a.icon-actions {
    background: none;
    vertical-align: initial;
    padding: 0 8px;
    text-decoration: none;
    margin-left: 14px;
  }
  .project .icon-only.icon-checked::after {
    display: none;
  }
  .icon-only::after {
    content: "";
  }
  .journal .contextual .icon-only {
    font-size: 0;
    overflow: initial;
    display: initial;
    margin-left: 0;
  }
  .journal .contextual .icon-only:before {
    font-size: 1.4rem;
  }
  .buttons .icon-only {
    background: none;
    text-decoration: none;
  }
  .icon-move {
    background-image: none;
  }
  .icon.icon-move::before {
    font-family: "zenmine";
    content: "\e8ae" !important;
  }
  .flyout-menu .resources::before,
  #main-menu .resources::before {
    font-family: "zenmine";
    content: "\e8ac";
  }
  .redmine .icon-settings::before {
    font-family: "zenmine";
    content: "\e8c3";
  }
  span.journal-actions .icon-only::after {
    content: "";
  }
  /**********************************************************/
  /* WYSIWYG */
  /**********************************************************/
  .jstElements {
    vertical-align: inherit;
  }
  .jstElements button {
    border-width: 0;
    border-radius: 2px;
    vertical-align: bottom;
    opacity: 1;
  }
  .jstElements button:not(.icon-money-dollar):hover {
    /*background-color: rgb(85,120,235)!important;*/
    color: var(--color-gray-600);
  }
  .jstElements button:before {
    font-family: "zenmine";
    content: "\e878";
    /*font-size:1.5rem;*/
  }
  .jstb_strong:before {
    font-family: "zenmine";
    content: "\e901";
  }
  .jstb_em:before {
    font-family: "zenmine";
    content: "\e900";
  }
  .jstb_ins:before {
    font-family: "zenmine";
    content: "\e8ff";
  }
  .jstb_del:before {
    font-family: "zenmine";
    content: "綠";
  }
  .jstb_code:before {
    font-family: "zenmine";
    content: "\e915";
  }
  .jstb_h1:before {
    font-family: "zenmine";
    content: "\e8df";
  }
  .jstb_h2:before {
    font-family: "zenmine";
    content: "\e8df";
    font-size: 1.2rem;
  }
  .jstb_h3:before {
    font-family: "zenmine";
    content: "\e8df";
    font-size: 1rem;
  }
  .jstb_ul:before {
    font-family: "zenmine";
    content: "\e886";
  }
  .jstb_ol:before {
    font-family: "zenmine";
    content: "狼";
  }
  .jstb_bq:before {
    font-family: "zenmine";
    content: "拉";
  }
  .jstb_unbq:before {
    font-family: "zenmine";
    content: "老";
  }
  .jstb_pre:before {
    font-family: "zenmine";
    content: "\e927";
  }
  .jstb_precode:before {
    font-family: "zenmine";
    content: "\e915";
  }
  .jstb_link:before,
  .icon-shared::before {
    font-family: "zenmine";
    content: "\e884";
  }
  .jstb_img:before {
    font-family: "zenmine";
    content: "\e858";
  }
  .jstb_help:before {
    font-family: "zenmine";
    content: "\e903";
  }
  .jstb_responses:before {
    font-family: "zenmine";
    content: "\e890";
  }
  .jstElements .icon.icon-user:before {
    font-family: "zenmine";
    content: "\e8e9";
    font-size: 1.5rem;
    margin: 0;
  }
  /**********************************************************/
  /* DSMF */
  /**********************************************************/
  .icon.icon-file::before {
    font-family: "filetypes";
    font-size: 2.5rem;
    margin-left: -5px;
    vertical-align: middle;
  }
  .icon-file.filetype-doc::before,
  .icon-file.filetype-docx::before {
    content: "\ea19";
  }
  .icon-file.filetype-xls::before,
  .icon-file.filetype-xlsx::before {
    content: "\ea16";
  }
  .icon-file.filetype-ppt::before,
  .icon-file.filetype-pptx::before {
    content: "\ea11";
  }
  .icon-file.filetype-vsd::before,
  .icon-file.filetype-vsdx::before {
    content: "\ea14";
  }
  .icon-file.filetype-mpp::before {
    content: "\ea08";
  }
  .icon-file.filetype-odt::before {
    content: "\ea0c";
  }
  .icon-file.filetype-ods::before {
    content: "\ea0b";
  }
  .icon-file.filetype-ott::before {
    content: "\ea0d";
  }
  .icon-file.filetype-odp::before {
    content: "\ea0a";
  }
  .icon-file.filetype-odg::before {
    content: "\ea09";
  }
  .icon-file.text-x-c::before {
    content: "\ea02";
  }
  .icon-file.text-x-csharp::before {
    content: "\ea1a";
  }
  .icon-file.text-x-java::before {
    content: "\ea06";
  }
  .icon-file.text-x-javascript::before {
    content: "\ea07";
  }
  .icon-file.text-x-php::before {
    content: "\ea0f";
  }
  .icon-file.text-x-ruby::before {
    content: "\ea12";
  }
  .icon-file.text-xml::before {
    content: "\ea17";
  }
  .icon-file.text-css::before {
    content: "\ea1b";
  }
  .icon-file.text-html::before {
    content: "\ea04";
  }
  .icon-file.application-pdf::before {
    content: "\ea0e";
  }
  .icon-file.image-gif::before,
  .icon-file.image-tiff::before,
  .icon-file.image-jpeg::before,
  .icon-file.image-png::before {
    content: "\ea05";
  }
  .icon-file.application-zip::before,
  .icon-file.application-x-gzip::before {
    content: "\ea18";
  }
  /* Zenmine Theme version 3.0, Copyright (C) 2019-2021 - Luis Blasco www.bestredminetheme.com */
  /**********************************************************/
  /* COMMON */
  /**********************************************************/
  textarea:focus,
  input:focus {
    outline: none;
  }
  textarea.wiki-edit {
    width: 96%;
  }
  div.tabs-buttons {
    position: absolute;
    right: 0;
    width: 54px;
    height: 24px;
    background: transparent;
    bottom: 0;
    border-bottom: 1px solid transparent;
  }
  #query_form_with_buttons .buttons a {
    border: none;
  }
  #query_form_with_buttons .buttons a.icon-del {
    background: rgba(253, 57, 122, 0.15);
    color: rgb(253, 57, 122);
  }
  #query_form_with_buttons .buttons a.icon-del:hover {
    background: rgb(253, 57, 122);
    color: var(--color-white);
  }
  #query_form_with_buttons .buttons a.icon-del:hover::before {
    color: var(--color-white);
  }
  .controller-enumerations h3 {
    float: left;
  }
  .controller-enumerations:not(.action-edit):not(.action-new) p {
    float: right;
  }
  tr .id > a {
    border-radius: 2px;
    border: 0;
    font-size: 1.2rem;
    display: inline-block;
    min-width: 40px;
  }
  tr .id > a:hover {
    text-decoration: none;
  }
  tr.tracker-10 .id > a,
  a.tracker-10,
  .relations > span > a.tracker-10,
  .parent > a.tracker-10 {
    border-radius: 2px;
    border: 1px solid;
  }
  tr.tracker-9 .id > a,
  a.tracker-9,
  .relations > span > a.tracker-9,
  .parent > a.tracker-9 {
    border-radius: 2px;
    border: 1px solid;
  }
  tr.tracker-8 .id > a,
  a.tracker-8,
  .relations > span > a.tracker-8,
  .parent > a.tracker-8 {
    border-radius: 2px;
    border: 1px solid;
  }
  tr.tracker-7 .id > a,
  a.tracker-7,
  .relations > span > a.tracker-7,
  .parent > a.tracker-7 {
    border-radius: 2px;
    border: 1px solid;
  }
  tr.tracker-6 .id > a,
  a.tracker-6,
  .relations > span > a.tracker-6,
  .parent > a.tracker-6 {
    border-radius: 2px;
    border: 1px solid;
  }
  tr.tracker-5 .id > a,
  a.tracker-5,
  .relations > span > a.tracker-5,
  .parent > a.tracker-5 {
    border-radius: 2px;
    border: 1px solid;
  }
  tr.tracker-4 .id > a,
  a.tracker-4,
  .relations > span > a.tracker-4,
  .parent > a.tracker-4 {
    border-radius: 2px;
    border: 1px solid;
  }
  tr.tracker-3 .id > a,
  a.tracker-3,
  .relations > span > a.tracker-3,
  .parent > a.tracker-3 {
    border-radius: 2px;
    border: 1px solid;
  }
  tr.tracker-2 .id > a,
  a.tracker-2,
  .relations > span > a.tracker-2,
  .parent > a.tracker-2 {
    border-radius: 2px;
    border: 1px solid;
  }
  tr.tracker-1 .id > a,
  a.tracker-1,
  .relations > span > a.tracker-1,
  .parent > a.tracker-1 {
    border-radius: 2px;
    border: 1px solid;
  }
  td.checkbox {
    text-align: center;
  }
  table.list td {
    font-weight: 400;
  }
  tr span.expander {
    margin-left: 2px;
    padding-left: 12px;
    margin-right: 4px;
  }
  .pagination ul.pages li a,
  .pagination ul.pages li span {
    /*padding:0;*/
    vertical-align: sub;
    color: var(--color-gray-400);
  }
  span.pagination {
    text-align: center;
    letter-spacing: 0;
    font-size: 1.3rem;
    color: var(--color-gray-500);
    padding: 20px;
    margin: 0;
    font-weight: 300;
  }
  .controller-activities span.pagination {
    background-color: transparent;
  }
  .previous {
    margin-right: 4px;
  }
  .previous a,
  .next a {
    display: inline-block;
    height: 21px;
    border-radius: var(--border-radius-base);
    vertical-align: text-bottom;
  }
  .next.page {
    margin-left: 4px;
  }
  span.pagination .items {
    float: right;
    padding-right: 20px;
  }
  .pagination ul.pages li {
    border: 0;
    margin: 0;
  }
  .controller-activities .pagination ul.pages li {
    background: var(--color-white);
  }
  .controller-activities .pagination ul.pages li a {
    color: var(--color-gray-500);
    padding: 5px 14px 8px 14px;
  }
  .controller-activities .previous,
  .controller-activities .next {
    font-size: 13px;
    height: auto;
    width: auto;
  }
  .controller-activities .previous a::before,
  .controller-activities .previous a::after {
    display: none;
  }
  .pagination ul.pages li.current {
    background: var(--color-gray-400);
  }
  .pagination ul.pages li.current span {
    color: var(--color-white);
  }
  .pagination ul.pages li {
    vertical-align: text-bottom;
    background-color: var(--color-gray-100);
    border-radius: var(--border-radius-base);
    margin-right: 3px;
    width: 30px;
    height: 30px;
  }
  .pagination ul.pages li.page:hover {
    background-color: var(--color-gray-400);
  }
  .pagination ul.pages li.page:hover a {
    color: var(--color-white);
  }
  .pagination .per-page span.selected {
    font-weight: 400;
  }
  div.flash.notice {
    background: url(/themes/zenmine-301/images/check.svg) no-repeat;
    background-color: var(--color-teal);
    color: var(--color-white);
    background-size: 24px;
    background-position: 10px;
  }
  #errorExplanation {
    background: none;
    background-color: var(--color-pink);
    color: var(--color-white);
  }
  div.flash.notice,
  #errorExplanation,
  #errorExplanation + p,
  h2 ~ #errorExplanation {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .per-page {
    float: left;
    padding-left: 20px;
  }
  #query_form_content {
    font-size: inherit;
  }
  #query_form_content label.inline {
    display: table;
  }
  .action-password .tabular label {
    width: 100%;
    max-width: 100px;
    margin-right: 1%;
  }
  .action-password .tabular label,
  .action-password input[type=password] {
    display: inline-block;
  }
  table.list:not(.odd-even) tbody tr:nth-child(odd),
  .odd,
  #issue-changesets div.changeset:nth-child(odd) {
    background-color: transparent;
    border-bottom: 1px solid var(--color-border);
  }
  table.list:not(.odd-even) tbody tr:nth-child(even),
  .even,
  #issue-changesets div.changeset:nth-child(even) {
    border-bottom: 1px solid var(--color-border);
  }
  table.list tbody tr.assigned-to-me td,
  table.list tbody tr.assigned-to-me a {
    font-weight: 700;
  }
  button.tab-left,
  button.tab-right {
    border: 0;
    width: 30px;
  }
  table.list:not(.odd-even) tbody tr:nth-child(even),
  .even,
  #issue-changesets div.changeset:nth-child(even) {
    background-color: transparent;
  }
  .hascontextmenu {
    cursor: auto;
  }
  .list.files {
    display: table;
  }
  .list.files th {
    padding: 1% 2%;
  }
  .ui-menu.ui-widget-content {
    z-index: 999;
  }
  /**********************************************************/
  /* CHECKBOX */
  /**********************************************************/
  /*@supports(-webkit-appearance: none) or (-moz-appearance: none) {
  input[type='checkbox'],
  input[type='radio'] {
      -webkit-appearance: none;
      -moz-appearance: none;
  }



  input[type='checkbox'] {
      border-radius: 7px;
          width: 5px;
          height: 9px;
          border: 2px solid var(--color-black);
          border-top: 0;
          border-left: 0;
          left: 7px;
          top: 4px;
  }
          */
  .checkbox {
    position: relative;
    z-index: 5;
    cursor: pointer;
    margin-right: 8px;
  }
  span.checkbox,
  .cb_status {
    z-index: 10;
    display: inline-block;
    width: 19px;
    height: 19px;
    background: var(--color-white);
    float: left;
    margin-right: -20px;
    border-radius: 2px;
    transition: background-color 0.25s;
    -moz-transition: background-color 0.25s;
    -webkit-transition: background-color 0.25s;
    -o-transition: background-color 0.25s;
  }
  span.checkbox.on {
    width: 9px;
    height: 9px;
    border: 5px solid var(--color-white);
  }
  .hascontextmenu td span.checkbox,
  th span.checkbox,
  #people_list span.checkbox,
  .controller-issues.action-index form:not(#csv-export-form) span.checkbox,
  table.list tbody tr span.checkbox {
    background: rgba(0, 0, 0, 0.05);
  }
  .warning span.checkbox {
    float: none;
    margin-right: 0;
  }
  .warning + p {
    width: 280px;
    margin: 20px auto 0 auto;
  }
  #csv-export-form label {
    display: inline-block;
  }
  /**********************************************************/
  /* RADIO */
  /**********************************************************/
  input[type=radio] {
    height: 18px;
  }
  .radiobox {
    position: relative;
    z-index: 5;
    cursor: pointer;
    /*clear: both;*/
    margin-top: 2px;
    margin-right: 8px;
  }
  span.radiobox {
    z-index: 10;
    display: inline-block;
    width: 19px;
    height: 19px;
    background: var(--color-white);
    float: left;
    margin-left: 10px;
    margin-right: -20px;
    border-radius: 10px;
    transition: background-color 0.25s;
    -moz-transition: background-color 0.25s;
    -webkit-transition: background-color 0.25s;
    -o-transition: background-color 0.25s;
  }
  span.radiobox.on {
    width: 9px;
    height: 9px;
    border: 5px solid var(--color-white);
  }
  /**********************************************************/
  /* LABELS */
  /**********************************************************/
  .tabular label {
    margin-left: initial;
    width: 160px;
    font-weight: 400;
    text-align: left;
    float: left;
    display: initial;
  }
  .tabular label.block {
    display: table-row;
  }
  #context-menu ul ul {
    margin-left: 0;
  }
  #context-menu .icon.icon-edit,
  #context-menu .icon.icon.icon-fav-off,
  #context-menu .icon.icon-time-add,
  #context-menu .icon.icon-copy,
  #context-menu .icon.icon-del {
    /*background: transparent;
    color: var(--color-info);
    padding: 2px 0px 0px 22px;
    margin-bottom: 0;*/
  }
  /**********************************************************/
  /* SEARCH */
  /**********************************************************/
  #quick-search {
    padding: 10px 0;
    width: 470px;
  }
  #quick-search form a {
    right: 100%;
  }
  .quick-search::after,
  #quick-search form a::before {
    font-family: "zenmine";
    content: "\e8bd";
    font-size: 18px;
    position: relative;
    color: var(--color-gray-500);
  }
  .quick-search::after {
    position: absolute;
    top: 22px;
    right: 25px;
    font-size: 12px;
  }
  #quick-search #q,
  .live_search_field {
    font-size: 1.2rem;
    color: var(--color-gray-800);
    text-align: left;
    padding: 18px 14px 19px 14px;
    border: 1px solid var(--color-gray-400);
    width: 100%;
  }
  .stealth_on #quick-search #q,
  .live_search_field {
    color: rgba(255, 255, 255, 0.8);
  }
  .live_search_field {
    width: initial;
  }
  #project-jump .drdn-trigger {
    color: rgba(255, 255, 255, 0.5);
    width: 210px;
  }
  div + .drdn-items.all-projects {
    border-top: 1px dashed var(--color-border);
  }
  div + .drdn-items.projects.selection {
    border-top: none;
  }
  #project-jump .drdn-content {
    position: absolute;
    right: -29px;
    top: 40px;
    background-color: var(--color-white);
    border: 0;
    border-radius: var(--border-radius-base);
    z-index: 99;
    width: 230px;
  }
  .drdn.expanded .drdn-content {
    padding-top: 2%;
    box-shadow: 0 6px 8px 1px rgba(0, 0, 0, 0.14);
    border-radius: var(--border-radius-base);
    border: 0;
  }
  .contextual .drdn-items > a:hover {
    color: initial;
    border: 0;
    background-color: transparent;
  }
  body:not(.controller.wiki.action-show) .drdn-items > * {
    display: block;
    border: 0;
    color: var(--color-black);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px 8px;
    border-bottom: 1px solid #f1efef;
  }
  body:not(.controller.wiki.action-show) .drdn-items > a:hover {
    text-decoration: none;
    background-color: var(--color-gray-100);
    color: var(--color-black);
  }
  .drdn-content .icon.icon-add,
  .icon.icon-del {
    background: transparent;
  }
  .live_search_field {
    padding: 13px 20px 13px 20px;
    vertical-align: 0;
    width: 200px;
    font-size: 14px;
  }
  #quick-search label {
    overflow: visible;
    width: 42px;
    height: 34px;
    display: block;
    position: absolute;
    right: 0;
    /*z-index: 77777;*/
    color: var(--color-white);
  }
  #quick-search form a {
    right: 10px;
    position: absolute;
    text-decoration: none;
    opacity: 1;
    cursor: pointer;
    color: var(--color-black);
    font-size: 0;
    top: 10px;
  }
  #quick-search select {
    float: left;
    min-width: 200px;
    max-width: 250px;
    margin-left: 2%;
  }
  /**********************************************************/
  /* ADVANCED SEARCH */
  /**********************************************************/
  #search-types {
    /*display:flex;*/
  }
  #search-types label {
    margin-right: 20px;
  }
  .hidden-for-sighted {
    position: inherit;
  }
  .hidden-for-sighted + p {
    display: flex;
  }
  .hidden-for-sighted + p label {
    margin-left: 10px;
  }
  #search-form #options-content p {
    display: flex;
  }
  /**********************************************************/
  /* FILTERS */
  /**********************************************************/
  body:not(.admin):not(.controller-search) form .collapsible,
  #sidebar > *,
  #project-jump,
  #main-menu > * {
    border: none;
    /*border-bottom:1px solid  var(--color-bg-cool);*/
    margin: 0;
    padding: 0;
    position: relative;
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
  }
  #sidebar .sidebar-tags {
    clear: both;
  }
  #options {
    border: none;
  }
  .collapsible:not(.collapsed) div {
    animation-duration: 1s;
    animation-name: fadeIn;
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .collapsible.collapsed div {
    opacity: 0;
  }
  body:not(.admin) form .collapsible {
    -webkit-transition: all ease-in-out 500ms;
    -moz-transition: all ease-in-out 500ms;
    -o-transition: all ease-in-out 500ms;
    transition: all ease-in-out 500ms;
  }
  body:not(.admin) form .collapsible:not(.collapsed) {
    padding: 16px 16px 0 16px;
    margin-left: 0;
    margin-right: 0;
    position: relative;
  }
  body:not(.admin) form .collapsible.collapsed {
    padding: 16px 16px 0 16px;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    /*height:20px;*/
  }
  .toggle-multiselect {
    color: rgba(255, 255, 255, 0.5);
    padding-left: 8px;
    height: 40px;
    background-image: none;
    vertical-align: middle;
  }
  .toggle-multiselect:hover {
    color: rgb(255, 255, 255);
  }
  #filters-table {
    width: initial;
    float: left;
    margin-right: 30px;
  }
  fieldset#filters td.field {
    position: relative;
    width: initial;
    padding-right: 30px;
  }
  fieldset#filters tr.filter {
    height: 44px;
  }
  fieldset#filters td.values select {
    border-radius: var(--border-radius-base);
    vertical-align: middle;
  }
  /**********************************************************/
  /* BUTTONS */
  /**********************************************************/
  .query-columns .buttons input[type=button] {
    font-family: "zenmine";
    border: 1px solid var(--color-gray-400);
    border-radius: var(--border-radius-base);
    margin: 4px 0;
    width: 30px;
    height: 30px;
    position: relative;
    top: 10px;
    z-index: 2;
    opacity: 1;
    color: var(--color-gray-400);
    padding: 0;
  }
  .query-columns .buttons input[type=button]:hover {
    background-color: var(--color-gray-400);
    color: var(--color-white);
    cursor: pointer;
  }
  #new_user #user_admin,
  #project_inherit_members {
    position: relative;
    width: auto;
    display: inline-block;
  }
  #activity_scope_form p:last-child:hover:before {
    color: var(--color-gray-700);
  }
  #activity_scope_form p {
    position: relative;
    margin: 0;
  }
  /*.leftarrow::after{
      font-family: 'zenmine';
      font-size: 16px;
      content: "\e843";
      display: inline-block;
      color: var(--color-gray-400);
      position: absolute;
      bottom: 16px;
      left: 12px;
  }


  .totop::before,
  .goup::before,
  .godown::before,
  .tobottom::before{
      font-family: 'zenmine';
      font-size: 16px;
      display: inline-block;
      color: var(--color-gray-400);
      position: absolute;
      left: 11px;
  }
      */
  body:not(.controller-gantts):not(.controller-activities) .previous,
  body:not(.controller-gantts):not(.controller-activities) .next {
    font-size: 0;
  }
  .previous span::before,
  .next span::before,
  .previous a::before,
  .next a::before {
    font-family: "zenmine";
    display: inline-block;
    font-size: 1.5rem;
  }
  body:not(.controller-gantts):not(.controller-activities) .previous span::before,
  body:not(.controller-gantts):not(.controller-activities) .previous a::before {
    content: "\e843";
    position: relative;
    top: 15px;
  }
  body:not(.controller-gantts):not(.controller-activities) .next span::before,
  body:not(.controller-gantts):not(.controller-activities) .next a::before {
    content: "\e844";
    position: relative;
    top: 15px;
  }
  label[for=available_c],
  label[for=selected_c] {
    /*position:absolute;*/
    top: 21px;
  }
  #selected_c option:last-child {
    border: none;
  }
  input[type=submit],
  input[type=submit] + a {
    background-color: transparent;
    padding: 12px 32px;
    float: left;
    cursor: pointer;
  }
  input[type=submit],
  input[type=submit] + a {
    border-width: 2px;
  }
  form input[type=submit]:hover {
    color: var(--color-white);
  }
  input[type=submit]:hover {
    background: var(--color-white);
  }
  #issue-form input[type=submit],
  #issue-form input[type=submit] + a + a,
  input[type=submit] + a {
    border: none;
    vertical-align: middle;
  }
  /*#issue-form input[type=submit] +  a + a{
      float:left;
      border-width: 3px;
  }
      */
  #sidebar input[type=submit],
  #sidebar input[type=submit] + a {
    margin: 20px auto 0 auto;
  }
  #news-form input[type=submit] + a + a,
  .icon.icon-preview,
  .icon.icon-reply,
  .icon.icon-helpdesk-reply,
  .icon.icon-pdf,
  .icon.icon-add-payment,
  .icon-invoice-add-context,
  .icon-order-add,
  .icon-order-add,
  .contextual .icon-vote:not(.vote),
  .contextual .icon-unvote:not(.vote),
  #sidebar input[type=submit] + a,
  .controller-wiki.action-show #wiki_form p a:nth-of-type(2),
  .icon.icon-email:not(.email):not(span),
  #issue-form input[type=submit] + a + a,
  .icon.icon-passwd,
  .icon.icon-duplicate,
  .icon.icon-test,
  .icon.icon-summary,
  body:not(.admin):not(.action-login):not(.action-register):not(.action-lost_password) input[type=submit],
  .icon.icon-fullscreen,
  .icon.icon-import,
  body:not(.controller-admin) #content .icon.icon-user:not(td):not(button),
  .icon.icon-email-add,
  .icon.icon-lock,
  .icon.icon-del,
  .icon.icon-copy,
  body:not(.controller-projects) .icon.icon-fav,
  body:not(.controller-projects) .icon.icon-fav-off,
  .icon.icon-time-add,
  .icon.icon-edit,
  body:not(.admin) .icon.icon-user:not(td):not(button),
  .icon.icon-add,
  body:not(.admin).icon.icon-lock,
  .icon.icon-checked,
  .icon.icon-reload,
  .icon.icon-zoom-in,
  .icon.icon-zoom-out,
  .icon.icon-save,
  fieldset input[type=submit],
  admin fieldset #name,
  .ui-dialog-content.ui-widget-content input[type=submit],
  .ui-dialog-content.ui-widget-content input[type=button],
  .icon.icon-stats.btn.btn-sm.btn-primary,
  .icon.icon-move.btn.btn-sm.btn-outline-dark,
  .icon.icon-history.btn.btn-sm.btn-outline-dark,
  .icon-cancel.btn-outline-dark,
  .icon.icon-email-logs,
  .btn-sm.btn-outline-dark,
  .icon.icon-fav:not(.my-project),
  .icon.icon-fav-off:not(.my-project),
  .icon.bookmark,
  .icon-only.icon-add,
  #import-form button[type=submit] {
    border-radius: var(--border-radius-base);
    padding: 12px 20px;
    font-size: 1.3rem;
    cursor: pointer;
    font-weight: 400;
    text-decoration: none;
    border: none;
    background-image: none;
    transition: color 0.2s ease-out;
    margin-right: 2px;
  }
  .drdn-items a,
  .drdn-items a.icon.icon-del {
    padding: 11px;
    border: none;
  }
  body:not(.admin):not(.action-login):not(.action-register):not(.action-lost_password) input[type=submit] {
    float: none;
  }
  form fieldset input.small.btn.btn-sm.btn-primary,
  form fieldset .icon-reload {
    margin-left: 14px;
  }
  form fieldset .icon-reload {
    position: relative;
    padding: 12px 22px;
  }
  .icon-zoom-in,
  .icon-zoom-out {
    margin-top: 14px;
  }
  #project_modules .icon.icon-checked,
  #ajax-modal .icon.icon-checked {
    background-color: transparent;
  }
  .new-issue::before {
    display: inline-block;
    font-family: "zenmine";
    content: "\e8b1";
    position: relative;
    line-height: 0;
    left: -5px;
    font-size: 1.8rem;
    margin-right: 5px;
    vertical-align: sub;
  }
  body:not(.admin) input[type=submit] + a {
    float: inherit;
    border-radius: var(--border-radius-base);
    text-decoration: none;
    padding: 12px 20px;
    background-color: rgba(167, 167, 167, 0.15);
    color: var(--color-gray-500);
  }
  body:not(.admin) input[type=submit] + a:hover {
    background-color: var(--color-gray-400);
    color: var(--color-white);
  }
  .admin input[type=submit] + a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #sidebar input[type=submit] + a {
    border-color: var(--color-white);
    color: var(--color-white);
    float: left;
    width: 68%;
    text-align: center;
    padding: 11px 20px;
    margin-top: 10px;
  }
  td .icon.icon-edit,
  td .icon.icon-del,
  td .icon.icon-copy,
  td .icon.icon-lock,
  td .icon.icon-test {
    padding: 0;
    border: 0;
    letter-spacing: 1px;
    text-decoration: none;
  }
  .admin #content .icon.icon-user {
    color: var(--color-white);
    border-color: var(--color-white);
  }
  .admin.controller-users #content .icon.icon-user:hover {
    border-color: var(--color-white);
    background-color: var(--color-white);
  }
  .admin .icon.icon-lock,
  .admin .icon.icon-email-add,
  .admin #content .icon.icon-user {
    background: none;
  }
  /*body:not(.admin) #query_form_with_buttons .icon*/
  body:not(.admin) .icon.icon-checked,
  body:not(.admin) .icon.icon-reload,
  body:not(.admin) fieldset input[type=submit] {
    padding: 12px 14px;
  }
  input[value=Apply] {
    width: auto;
    float: none;
    display: inline-block;
  }
  .icon.icon-reload.btn.btn-sm.btn-outline-dark {
    float: none;
    margin-left: 6px;
  }
  #tab-content-versions .icon-reload {
    padding: 10px 14px;
    margin: 0;
    background-color: var(--color-gray-100);
  }
  .action-settings .icon.icon-checked {
    padding: 0;
    margin-right: 5px;
    background-color: transparent;
  }
  .icon.icon-save,
  .icon.icon-zoom-out,
  .icon.icon-zoom-in {
    padding: 10px 20px;
  }
  .icon.icon-checked:before,
  .icon.icon-reload:before,
  .icon.icon-save:before,
  .icon.icon-zoom-out:before,
  .icon.icon-zoom-in:before,
  #query_form_with_buttons .icon:before {
    font-size: 1.5rem;
  }
  .icon-only.icon-checked::before {
    /*display:none;*/
  }
  .sort-handle::before {
    display: inline-block;
    color: black;
    font-size: 21px;
    margin-right: 1.5rem;
    opacity: 0.6;
  }
  .icon-only.icon-not-ok::after {
    opacity: 0.6;
  }
  .sort-handle:hover:before {
    opacity: 1;
  }
  .icon-only.icon-not-ok:hover:after {
    opacity: 1;
  }
  .new-ordine {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
  }
  body.controller-workflows.action-edit form p a,
  body.controller-workflows.action-permissions form p a {
    width: 6rem;
    display: inline-block;
  }
  .contextual .icon.icon-del {
    background-color: rgba(253, 57, 122, 0.15);
    color: var(--color-danger);
  }
  .contextual .icon.icon-del:hover {
    background-color: var(--color-danger);
    color: var(--color-white);
  }
  .contextual .icon.icon-del:hover::before {
    color: var(--color-white);
  }
  .wiki_page-1-watcher.icon.icon-fav,
  .wiki_page-1-watcher.icon.icon-fav.btn.btn-sm.btn-outline-dark {
    color: var(--color-white);
  }
  /*.action-settings #tab-content-activities .icon.icon-del{
      position:absolute;
      right:0;
      top:-1px;
  }
      */
  .action-settings #tab-content-repositories,
  .action-settings #tab-content-activities .table {
    margin-top: -16px;
  }
  .action-settings #tab-content-repositories .table {
    padding-top: 15px;
  }
  #replies .icon.icon-del {
    background: transparent;
    color: var(--color-danger);
  }
  #replies .icon.icon-edit {
    background: transparent;
    color: blue;
  }
  .other-formats a.atom,
  .other-formats a.pdf,
  .other-formats a.csv,
  .other-formats a.png,
  .other-formats a.vcf,
  .other-formats a.xls,
  .other-formats a.txt,
  .other-formats a.html,
  .other-formats a.jpg,
  .other-formats a.jpeg {
    background-image: none;
    border-radius: var(--border-radius-base);
    padding: 8px 14px;
    font-size: 1.3rem;
    text-decoration: none;
    border: 1px solid var(--color-gray-500);
    margin-right: 4px;
    color: var(--color-gray-500);
  }
  .other-formats a.atom:hover,
  .other-formats a.pdf:hover,
  .other-formats a.csv:hover,
  .other-formats a.png:hover,
  .other-formats a.vcf:hover,
  .other-formats a.xls:hover,
  .other-formats a.txt:hover,
  .other-formats a.html:hover,
  .other-formats a.jpg:hover,
  .other-formats a.jpeg:hover {
    background-color: var(--color-gray-500);
    color: var(--color-white);
  }
  .other-formats a.atom:before,
  .other-formats a.pdf:before,
  .other-formats a.csv:before,
  .other-formats a.png:before,
  .other-formats a.vcf:before,
  .other-formats a.xls:before,
  .other-formats a.txt:before,
  .other-formats a.html:before {
    font-family: "zenmine";
    display: inline-block;
    margin-right: 7px;
  }
  .atom::before {
    content: "\e923";
  }
  .csv::before,
  .pdf::before,
  .png::before,
  .vcf::before,
  .xls::before,
  .txt::before,
  .html::before {
    content: "\e864";
    font-family: Zenmine;
  }
  .other-formats span + span:before {
    content: "";
  }
  .tag-label-color a {
    color: rgba(255, 255, 255, 0.8);
  }
  .tag-label-color a:hover {
    color: rgb(255, 255, 255);
  }
  .admin form input[type=submit]:hover,
  .admin .icon.icon-copy:hover,
  .admin fieldset input[type=submit]:hover,
  .admin .icon.icon-add:hover,
  .admin .icon.icon-summary:hover {
    background: var(--color-white);
  }
  .admin :not(.enabled_scm) td .icon:hover {
    background: none;
  }
  span.add_attachment a,
  .icon-add-bullet {
    background-image: none;
  }
  span.add_attachment a::before {
    content: "+ ";
    font-size: 1.8rem;
  }
  input#time_entry_comments {
    width: initial;
  }
  #existing-attachments > span:first-child {
    padding-top: 50px;
  }
  /**********************************************************/
  /* SELECTS */
  /**********************************************************/
  form .attributes select {
    width: initial;
  }
  select[multiple] option:hover {
    color: var(--color-text);
  }
  select[multiple] option {
    padding: 5px 15px;
    text-align: center;
    font-size: 1.2rem;
    border-bottom: 1px dotted var(--color-border);
  }
  #quick-search select,
  .box.tabular select:not([multiple]),
  #month,
  #year,
  .controller-search #scope,
  select#contacts_settings_invoices_template,
  select#contacts_settings_disable_taxes,
  select#helpdesk_answered_status,
  select#helpdesk_reopen_status,
  select#helpdesk_tracker,
  select#helpdesk_assigned_to,
  select#role_id,
  select#tracker_id,
  .commit-keywords select,
  #columns,
  #criterias,
  .contextual select,
  fieldset select:not([multiple]),
  .add-filter select,
  .values select:not([multiple]),
  .operator select,
  .admin fieldset #name,
  #project-jump .drdn-trigger {
    font-size: 1.3rem;
    padding: 10px 40px 10px 14px;
    outline: 0px;
    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none;
    cursor: pointer;
    box-sizing: content-box;
    border-radius: var(--border-radius-base);
    background-image: url(/themes/zenmine-301/images/chevron-down.svg);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 18px;
    background-color: transparent;
  }
  input.autocomplete {
    background: var(--color-white);
    border: 0;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
  #issue_parent_issue_id,
  #issue_deals_issue_attributes_deal_id {
    /*border:0;
    background-color: var(--color-white);
    color:initial;*/
  }
  #quick-search select,
  #project-jump .drdn-trigger,
  #block-select,
  #activity_scope_form #user_id {
    position: relative;
    background-repeat: no-repeat;
    background-position: 94% center;
    background-color: transparent;
    padding: 7px 10px;
    border: 1px solid var(--color-gray-400);
    border-radius: var(--border-radius-base);
    color: var(--color-gray-500);
    line-height: 21px;
  }
  #project-jump .drdn-trigger::after,
  label[for=block-select]::after {
    display: inline-block;
    position: absolute;
    right: 0;
    font-size: 20px;
    top: 0;
    background: var(--color-white);
    padding: 10px 8px;
  }
  #project-jump:hover .drdn-trigger::after,
  label[for=block-select]::after {
    color: var(--color-gray-800);
  }
  #block-form {
    position: relative;
  }
  label[for=block-select]::after {
    top: 2px;
    background: transparent;
  }
  #block-form label[for=block-select]::after {
    content: "";
  }
  #block-form #block-select:hover {
    color: var(--color-gray-500);
  }
  body.controller-my #block-form {
    display: initial;
  }
  .operator:hover:after,
  .add-filter:hover:after {
    color: var(--color-gray-800);
  }
  .multiselectarrow::after {
    top: 38%;
  }
  .add-filter::after {
    right: 3px;
    top: 2px;
  }
  #operators_spent_on,
  .operator #operators_status_id,
  #month,
  #months,
  #year,
  #columns,
  #add_filter_select {
    border: 1px solid var(--color-gray-400);
    border-radius: var(--border-radius-base);
    max-width: 100%;
    text-transform: capitalize;
    position: relative;
    z-index: 2;
  }
  #months {
    cursor: auto;
    background-color: transparent;
    text-align: center;
    font-size: 1.3rem;
  }
  input#months {
    min-width: 40px;
    height: 40px;
  }
  .contextual select option {
    padding: 6px;
    color: var(--color-gray-600);
    font-weight: bold;
  }
  .contextual select option:disabled {
    color: rgba(31, 30, 30, 0.5);
  }
  select:focus {
    outline: none;
  }
  form label {
    font-size: 1.3rem;
    margin-right: 5px;
    margin-bottom: 5px;
  }
  #block-form label {
    position: initial;
  }
  #sidebar form label {
    padding-bottom: 0;
    height: 32px;
    margin: 0;
  }
  #block-select {
    margin-left: 6px;
  }
  #available_c,
  #selected_c {
    padding: 0;
    height: 150px;
    border: 1px solid var(--color-gray-400);
    border-radius: var(--border-radius-base);
  }
  .select2-dropdown {
    background-color: var(--color-gray-100);
  }
  /**********************************************************/
  /* TABS */
  /**********************************************************/
  #content .tabs {
    padding-top: 14px;
    clear: both;
    height: 38px;
  }
  .tabs * {
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
  }
  #content .jstTabs.tabs {
    margin-bottom: -1px;
    overflow: hidden;
  }
  #content .tabs ul li a.selected,
  #content .tabs ul li a {
    border-top: 1px solid var(--color-border);
    border-left: 1px solid var(--color-border);
    border-right: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-gray-100);
    font-size: 1.2rem;
    font-weight: 500;
  }
  #content .tabs ul li a.selected {
    background-color: var(--color-gray-100);
    padding: 11px 19px 12px 19px;
  }
  #content .tabs ul li {
    margin-bottom: 0;
    background: none;
    margin-right: 0;
  }
  #content .tabs ul li a {
    padding: 12px 20px 11px 20px;
    background: transparent;
    color: var(--color-gray-600);
    border-radius: 3px 3px 0 0;
    border: 0;
  }
  #content .tabs ul li a:hover {
    background-color: var(--color-border);
    color: var(--color-white);
  }
  .admin #content .tabs ul li a:not(.selected) {
    background: #ececec;
  }
  .admin #content .tabs ul li a:not(.selected):hover {
    background: var(--color-gray-300);
  }
  #content .tabs ul {
    padding: 0;
    width: 100%;
  }
  /**********************************************************/
  /* DROP FILES */
  /**********************************************************/
  input.file_selector.filedrop {
    -webkit-border-radius: var(--border-radius-base);
    border-radius: var(--border-radius-base);
    padding: 30px;
    text-align: center;
    line-height: 10px;
    background-color: rgba(255, 255, 255, 0.5);
    margin-top: 10px;
    margin-bottom: 10px;
    min-width: 50%;
    display: block;
  }
  /**********************************************************/
  /* CHECKBOXES */
  /**********************************************************/
  #activity_scope_form label {
    padding: 0;
  }
  #sidebar ul li input {
    margin-right: 0;
  }
  .controller-versions #sidebar ul li {
    display: -webkit-inline-box;
    min-height: 25px;
  }
  /**********************************************************/
  /* TABLES */
  /**********************************************************/
  #options .table tr {
    padding: 4px 0;
  }
  #options .query-columns span select {
    width: 200px;
    height: 190px;
    border: 1px solid var(--color-gray-400);
    border-radius: var(--border-radius-base);
    text-align: center;
  }
  /**********************************************************/
  /* QUERYS */
  /**********************************************************/
  @media all and (min-width: 1425px) {
    #context-menu {
      /*margin-left: -20%;*/
      /* margin-left: -20%;*/
      /*margin-top: -230px;*/
    }
  }
  @media all and (max-width: 1424px) {
    #context-menu {
      /*margin-left: -20%;*/
      /*margin-left: -230px;*/
      /*margin-top: -230px;*/
    }
  }
  /* Zenmine Theme version 3.0, Copyright (C) 2019-2021 - Luis Blasco www.bestredminetheme.com */
  /**********************************************************/
  /* PEOPLE */
  /**********************************************************/
  img.gravatar {
    border-radius: 5%;
  }
  div.journal h4 img.gravatar {
    margin-left: 0;
  }
  #avatar img.gravatar {
    height: 27px;
    width: 27px;
  }
  .avatar img.gravatar {
    vertical-align: middle;
    /*height: 57px;
    width: 57px;*/
  }
  #people_list {
    padding-left: 0;
    padding-right: 0;
  }
  table.people.index td.checkbox {
    padding: 12px 0px 0px 20px;
  }
  .person.attributes tr:hover {
    background: none;
  }
  .person.attributes tr th {
    font-size: 1.2rem;
    padding-bottom: 20px;
    font-weight: 400;
  }
  .person.attributes tr td {
    padding-top: 0;
    vertical-align: top;
    font-weight: 500;
  }
  #attributes a {
    text-transform: none;
    letter-spacing: initial;
    font-size: 1.3rem;
    padding: 0;
  }
  #attributes a.icon-only.icon-add,
  #order_contact_id_add_link {
    background: none;
    text-decoration: none;
  }
  .subject_header .name {
    vertical-align: bottom;
    padding-left: 20px;
  }
  .controller-people.action-show h2 {
    display: none;
  }
  .controller-people #query_form {
    padding-bottom: 0;
  }
  .controller-people.action-show div.person.details table.subject_header {
    width: initial;
  }
  .controller-people.action-show div.person.details table.subject_header {
    width: initial;
  }
  .controller-people.action-show table.subject_header {
    width: initial;
  }
  .controller-people #query_form .collapsible.collapsed > legend:before {
    left: 2px;
    top: 14px;
  }
  .controller-people #query_form .collapsible:not(.collapsed) > legend:before {
    left: 2px;
    top: 14px;
  }
  .contact.details {
    margin-top: 20px;
  }
  #content div.contact {
    background-color: transparent;
    padding: 0;
    margin-bottom: 0;
    border: 0;
  }
  .contact.details table.subject_header {
    padding: 4px 10px;
  }
  table.contacts.index tr.context-menu-selection td {
    color: var(--color-info);
  }
  table.person_data {
    padding: 0 10px;
  }
  table.person_data td.name h4 {
    margin: 7px 0 10px 0;
    padding: 0;
    line-height: inherit;
    position: inherit;
  }
  table.person_data td {
    padding: 0;
  }
  table.person_data tr:hover {
    background: transparent;
  }
  div#sidebar div.contextual {
    margin-right: 0 !important;
  }
  .contact.sidebar th {
    font-weight: 500;
  }
  .contact.sidebar.attributes td {
    padding: 5px 0;
    word-break: break-all;
  }
  table.contacts.index tbody tr:hover {
    background-color: rgba(85, 120, 235, 0.05);
  }
  table.contacts.index {
    border: 0;
  }
  table.contacts.index tr {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
  }
  table.note_data a.delete:hover {
    display: none;
  }
  table.note_data a.delete {
    display: none;
  }
  #sidebar #notes h4 {
    position: inherit;
  }
  #sidebar .note.content.preview {
    font-size: 1.1rem;
    word-break: break-word;
  }
  #sidebar .icon-attachment {
    background-image: none;
    padding: 0;
  }
  .controller-contacts.action-show .icon-only.icon-download,
  .controller-contacts.action-show .icon-only.icon-download {
    display: none;
  }
  .attachments.size {
    float: left;
  }
  div#sidebar div.contact.card {
    background: transparent;
    overflow-x: inherit;
    padding: 0;
    width: 100%;
    margin-right: 0;
  }
  .small-card .contact.card h2:before {
    content: none;
  }
  div.person.details table.subject_header td.subject_info {
    border-left: 0;
  }
  .small-card .contact.card * {
    background-image: none;
  }
  table.subject_header td.avatar {
    text-align: left;
    /*width: 0;*/
  }
  .small-card .contact.card td,
  .small-card .contact.card p,
  .small-card .contact.card a {
    padding-left: 0;
  }
  .small-card .contact.card td > * {
    display: block;
  }
  .small-card .contact.card a {
    text-transform: none;
    font-size: 11px;
    letter-spacing: 0px;
  }
  div.contact.card table.subject_header td.name {
    padding-left: 4px;
    padding-top: 0px;
    vertical-align: top;
  }
  #sidebar h4.contacts_header {
    font-size: 11px;
    text-transform: none;
    color: var(--color-gray-600);
    border: 0;
  }
  h4.contacts_header a {
    padding: 0;
  }
  #recently_viewed {
    padding: 0 10px;
  }
  table.people.index td.name h1,
  table.contacts.index td.name h1 {
    font-size: 15px;
    font-weight: 700;
  }
  .contact.sidebar.attributes.vcard a {
    display: initial;
  }
  .contact.sidebar.attributes.vcard th {
    padding: 5px 4px 5px 0;
  }
  #content :not(.note_data_header) table.note_data {
    overflow: auto;
    margin-bottom: 30px;
    background-color: var(--color-white);
    border-radius: var(--border-radius-base);
    border-collapse: collapse;
  }
  #content table.note_data td {
    padding: 0;
  }
  #content table.note_data .contextual {
    margin: 10px;
    position: absolute;
    right: 2%;
    z-index: 999;
  }
  #content table.note_data h4 {
    border: 0;
    padding: 10px 20px;
  }
  table.note_data td.name div.wiki {
    padding: 10px 20px 15px 20px;
    margin: 0;
  }
  .people_header .live_search {
    display: inline-block;
  }
  #sidebar #add_issue_form textarea,
  #sidebar #add_issue_form #issue_subject {
    width: 90%;
  }
  #ticket_data_form .select2-selection__rendered {
    color: var(--color-gray-800);
    padding-top: 5px;
  }
  #ticket_data_form .select2-search__field {
    width: 80%;
    border: 0;
  }
  form#ticket_data_form {
    margin-bottom: 20px;
    /*padding: 20px;
    width: 83%;*/
  }
  #sidebar #issue_contacts {
    clear: both;
  }
  .select2-container,
  .select2-selection {
    /*min-width: 200px;*/
    background: none;
    padding: 4px;
  }
  .select2-selection--multiple {
    /*min-width: 224px;*/
  }
  .select2-container--default {
    /*min-width: 224px;*/
  }
  .edit_helpdesk_ticket label {
    height: 16px;
  }
  .select2-container--default .select2-dropdown {
    border: 1px solid var(--color-gray-400);
    margin-left: -1px;
    margin-top: -6px;
  }
  #sidebar .select2-container,
  .select2-selection {
    width: 100%;
  }
  /*.select2.select2-container{
      margin-top: 12px;
      background-color: var(--color-white);
      z-index: 10;
      border-radius: 0;
  }
      */
  #issue_helpdesk_ticket_attributes_contact_id_add_link img,
  #invoice_contact_id_add_link img {
    display: none;
  }
  #issue_helpdesk_ticket_attributes_contact_id_add_link,
  #invoice_contact_id_add_link {
    margin-left: 10px;
    text-decoration: none;
  }
  .controller-contacts #query_form,
  .controller-deals #query_form {
    display: block;
  }
  .controller-contacts .live_search {
    display: inline-block;
  }
  .controller-contacts .live_search input::placeholder {
    color: rgba(0, 0, 0, 0.15);
  }
  table.people.index tbody tr:hover {
    background-color: rgba(85, 120, 235, 0.05);
  }
  .controller-people fieldset.collapsible {
    background-color: var(--color-white);
    padding: 12px 16px 4px 16px;
  }
  .controller-people fieldset.collapsible > legend {
    float: left;
    padding: 0;
  }
  #sidebar #add_issue_form {
    display: table;
    width: 100%;
  }
  #sidebar #add_issue_form input[type=submit] + a {
    float: none;
    width: auto;
    margin-left: 4px;
  }
  #sidebar #add_issue_form input[type=submit] {
    margin-top: 0;
  }
  #sidebar #contact_issues + div {
    clear: both;
  }
  .select2-container--default .select2-selection--single.icon .select2-selection__rendered {
    display: inline-table;
  }
  .select2-container .select2-selection--single .select2-selection__clear {
    margin-left: 20px;
  }
  /**********************************************************/
  /* TAGS */
  /**********************************************************/
  span.tag-label-color,
  .tag-label-color {
    border: 0;
    padding: 0 8px;
    color: var(--color-white);
  }
  .tags-cloud a,
  span.tag-label-color a {
    padding: 4px 0;
    text-transform: none;
    letter-spacing: 0px;
    font-size: 1rem;
    display: block;
    line-height: 1rem;
  }
  #sidebar span.tag-label-color a {
    padding-bottom: 0;
  }
  .admin .list tr .tag-label-color a {
    color: var(--color-white);
  }
  #issue_tags .select2-selection {
    vertical-align: -15%;
    border: 0;
    padding: 6px 8px;
    border-radius: var(--border-radius-base);
    width: 96%;
  }
  /**********************************************************/
  /* ADDITIONALS */
  /**********************************************************/
  .gototop {
    text-align: center;
    float: left;
    width: 100%;
  }
  /**********************************************************/
  /* GANTT */
  /**********************************************************/
  .gantt_subjects_container {
    padding-left: 2px;
  }
  tr span.expander:hover,
  .gantt_subjects div > span.expander {
    cursor: pointer;
  }
  tr span.icon-expended {
    background: url(/themes/zenmine-301/images/arrow_down.png) no-repeat 2px 50%;
  }
  .controller-gantts #query_form_with_buttons .contextual {
    padding-bottom: 20px;
    padding-right: 10px;
    position: relative;
    z-index: 7;
  }
  .controller-gantts.action-show #query_form {
    padding-bottom: 0 !important;
  }
  .controller-gantts.action-show .table table {
    background-color: var(--color-white);
    /*padding-left: 2px;*/
    width: 100%;
  }
  .controller-gantts.action-show .pagination ul.pages li {
    min-width: 80px;
  }
  .gantt_hdr {
    position: absolute;
    top: 0;
    height: 16px;
    border: 1px solid var(--color-gray-100) !important;
    text-align: center;
    overflow: hidden;
    z-index: auto !important;
  }
  .gantt_subjects {
    font-size: 0.9em;
    font-weight: 700;
    color: var(--color-gray-400);
  }
  .gantt_subjects div {
    font-weight: 500;
    line-height: inherit;
    width: 82% !important;
  }
  .issue-overdue,
  .issue-behind-schedule {
    color: var(--color-black);
  }
  .gantt_subjects_container a.issue {
    margin-right: 2px;
    border: none !important;
    font-size: 1.1rem;
  }
  .gantt_subjects .icon:not(.icon-projects):before {
    content: "";
  }
  .gantt_subjects .icon.icon-projects:before,
  .gantt_subjects .icon.icon-projects a {
    font-size: 1.3rem !important;
    /*padding-left: 6px;*/
  }
  .gantt_subjects .icon.icon-package a:before,
  .gantt_subjects_container a.issue::before {
    font-size: 1.3rem !important;
  }
  .gantt_subjects span {
    background-image: none;
  }
  .gantt_subjects .icon a::before,
  .gantt_subjects_container a.issue::before {
    margin-right: 5px;
    vertical-align: text-top;
  }
  .controller-gantts img.gravatar {
    border-radius: 50%;
    margin-left: 16px;
    width: auto;
    height: 100%;
    vertical-align: bottom;
    margin: 0 5px 0 0 !important;
  }
  div.tooltip:hover span.tip {
    display: block;
    position: absolute;
    top: 12px;
    width: 85%;
    min-width: 160px;
    border: 0;
    background-color: var(--color-white);
    padding: 13px;
    font-size: 1.1rem;
    color: var(--color-gray-700);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  }
  div.tooltip:hover span.tip a {
    display: block;
    margin-bottom: 4px;
  }
  fieldset > legend {
    font-size: inherit !important;
  }
  @media screen and (max-width: 899px) {
    .controller-gantts img.gravatar {
      margin-left: 0;
    }
  }
  /**********************************************************/
  /* AGILE */
  /**********************************************************/
  .controller-agile_boards.action-index #main #content {
    /*position:initial;*/
  }
  .controller-agile_boards #query_form_with_buttons .buttons {
    margin-bottom: -20px;
    width: 100%;
  }
  .controller-agile_boards .live_search {
    display: inline-block;
  }
  .controller-agile_boards .live_search input::placeholder {
    color: rgba(0, 0, 0, 0.15);
  }
  .issue-card {
    padding: 4px 20px 35px 20px;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    margin: 0 0 7px 0;
    word-wrap: break-word;
    text-align: left;
    white-space: normal;
    cursor: move;
    position: relative;
    border-radius: var(--border-radius-base);
  }
  .controller-agile_boards .issue-card {
    padding: 10px 0 20px 0;
    border-left-width: 3px;
  }
  .issue-card div.checklist input[type=checkbox] {
    margin-left: 5px;
  }
  .issue-card .user {
    /*float:right;*/
  }
  .issue-card .info {
    /* border-top: 1px solid var(--color-white); */
    /* padding-top: 10px; */
    /* margin-top: 10px; */
    padding-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
  }
  .issues-board .add-issue {
    background: transparent;
    padding: 5px 10px;
    margin: 0;
  }
  .issues-board .add-issue .new-card__input {
    outline: none;
    width: 96%;
    opacity: 0.5;
    border: 0px;
    background: transparent;
    position: relative;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
  }
  table.list.issues-board th {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 1.3rem;
  }
  html.agile-board-fullscreen .icon-fullscreen {
    text-indent: inherit;
    margin-right: 20px;
    font-size: 0;
    padding: 8px 0 8px 20px;
  }
  .card-fields .floating label span {
    width: 19px;
    display: initial;
  }
  .card-fields .floating label span.on {
    width: 10px;
  }
  .issue-card span.checkbox {
    margin-left: -26px;
    margin-top: -6px;
  }
  .issue-card .issue-id,
  .issue-card .name {
    padding: 0 20px;
  }
  .card-fields .floating {
    margin-top: 5px;
  }
  .controller-agile_versions .issue-card {
    padding: 20px 0;
    border-left: 5px;
  }
  .controller-agile_boards .info.description.last_comment {
    /* padding-left: 20px; */
    word-break: break-all;
  }
  .controller-agile_boards .icon.icon-comment.last-comment {
    padding-left: 0;
  }
  .controller-agile_boards .icon.icon-comment.last-comment:hover {
    background-color: transparent;
  }
  table.list.issues-board.sticky {
    left: auto;
    background-color: var(--color-white);
  }
  #header.sticky + #main table.list.issues-board.sticky {
    /*top:120px;*/
    top: 50px;
  }
  .issues-board.status-colors.sticky {
    z-index: 10;
  }
  .agile-chart-container {
    max-width: none;
    max-height: 500px;
  }
  .issue-card img.gravatar,
  .list.users img.gravatar {
    height: 18px;
    width: 18px;
  }
  .controller-agile_boards #context-menu {
    margin-left: 0;
    margin-top: 0;
  }
  .buttons .modal-action-button {
    height: 40px;
  }
  .issue-card p.project {
    margin: 0 20px 10px 20px;
  }
  .issue-card .attributes {
    margin: 5px 20px 0 20px;
  }
  .issue-card .attributes .user {
    float: none;
  }
  .issue-card .info {
    border-top: none;
  }
  .issue-card .info.description {
    margin: 0 20px 5px 20px;
    width: initial;
    padding: 0;
  }
  .issue-card.context-menu-selection .attributes,
  .issue-card.context-menu-selection em.info {
    color: var(--color-text);
  }
  .query-totals {
    margin-top: 0 !important;
    text-align: right;
    font-size: 1.6rem;
    margin: 0 0 14px 0;
    color: var(--color-text);
  }
  /**********************************************************/
  /* HELPDESK */
  /**********************************************************/
  .controller-settings.action-plugin #tab-content-general > p:last-of-type .radiobox {
    opacity: 1;
  }
  .controller-settings.action-plugin #tab-content-general > p:last-of-type span.radiobox {
    display: none;
  }
  div.email-template {
    border: 0;
  }
  .admin #tab-content-templates fieldset:nth-child(2) {
    background-color: transparent;
  }
  #tab-content-widget p {
    float: none;
  }
  .helpdesk_chart {
    width: initial;
  }
  .icon.icon-helpdesk:before,
  .icon.icon-company-contact:before {
    margin-right: 8px;
  }
  form#ticket_data_form,
  #add_issue_form {
    background: rgba(255, 255, 255, 0.1);
    display: block;
    padding: 6px;
    margin-bottom: 6px;
    margin-right: 0;
    border: 0;
    border-radius: var(--border-radius-base);
    float: left;
    width: 100%;
  }
  #customer_profile_and_issues {
    /*float:inherit;*/
    margin-bottom: 20px;
    width: 100%;
  }
  #customer_profile_and_issues #customer_profile {
    /*display:inherit;*/
    width: 100%;
  }
  /*#issue-form*/
  .icon-email-to {
    background-image: none;
    padding-left: 0;
  }
  .attributes #ticket_data {
    margin-bottom: 1%;
  }
  /*div.email-template{
      background-color: var(--color-gray-100);
      padding: 30px;
      margin-bottom: 20px;
  }
      */
  .mail_rule_block {
    background-color: var(--color-white);
    border-radius: var(--border-radius-base);
    padding: 1%;
  }
  .journal_message .icon-email-to {
    background: none;
  }
  .icon-call {
    background: none;
  }
  .icon-web {
    background: none;
  }
  .helpdeks-ticket-line {
    margin: 0px;
  }
  .helpdesk-send-response-wrapper {
    padding-left: 10px;
  }
  /*.helpdesk-ticket-to{
      margin-left: 150px;
  }
      */
  /**********************************************************/
  /* FAVOURITE PROJECTS */
  /**********************************************************/
  .controller-favorite_projects .filters {
    margin-top: 60px;
  }
  .controller-favorite_projects .filters legend {
    float: left;
    padding: 0 0 10px 15px;
  }
  .controller-favorite_projects .filters h2 {
    position: absolute;
    margin-top: -62px;
    /*margin-left: -25px;*/
  }
  .controller-favorite_projects div.row {
    padding-left: 0;
  }
  .controller-favorite_projects div.project_card {
    width: 17%;
    height: 150px;
    float: left;
    margin: 0 1% 20px 0;
    position: relative;
    text-align: left;
    padding: 1%;
    text-shadow: none;
    border: solid 0;
    padding-bottom: 10px;
    border-radius: var(--border-radius-base);
  }
  div.project_card .parent > h4 {
    width: initial;
    padding-right: 5px;
  }
  .controller-favorite_projects div.project_card div.title {
    width: 100%;
  }
  .controller-favorite_projects div.project_card:hover {
    background-color: var(--color-white);
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.06);
  }
  .controller-favorite_projects div.project_card .people {
    bottom: 10px;
  }
  .controller-favorite_projects .contextual {
    color: transparent;
  }
  .controller-favorite_projects .contextual a {
    /*background: transparent;*/
    /*border-radius: 30px;*/
    padding: 12px 20px;
    /* text-transform: uppercase; */
    /* letter-spacing: 2px; */
    font-size: 1.3rem;
    cursor: pointer;
    /* font-weight: 700; */
    text-decoration: none;
  }
  .controller-favorite_projects .contextual a:hover {
    color: var(--color-white);
  }
  .admin .box .box {
    padding: 0;
    box-shadow: none;
  }
  .admin .box .box label,
  .admin .box .box p {
    width: initial;
    margin-left: 0;
    padding-left: 0;
    padding-right: 20px;
    margin-bottom: 20px;
  }
  div.project_card .description {
    width: initial;
  }
  /**********************************************************/
  /* CHECK LIST */
  /**********************************************************/
  #history .details span.checkbox {
    float: none;
    margin-left: -20px;
    margin-right: 4px;
    vertical-align: bottom;
    margin-top: 4px;
  }
  #history .details span.checkbox.on + i {
    text-decoration: line-through;
    opacity: 0.5;
  }
  #checklist span.checkbox.on {
    background-color: var(--color-white);
  }
  span.checklist-edit-box input {
    width: 250px;
  }
  #checklist_form {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  #checklist_form .icon,
  #checklist_form .icon:hover {
    border: 0;
    padding: 0;
  }
  #attributes .icon-only.icon-add {
    width: 16px;
  }
  #checklist_form .icon::before,
  #attributes .icon-only.icon-add::before {
    font-size: 16px;
  }
  #context-menu.checklist-menu {
    top: initial;
    left: initial;
    margin-left: 350px;
    margin-top: -50px;
  }
  /**********************************************************/
  /* INVOICES */
  /**********************************************************/
  div.issue.invoice {
    background-color: var(--color-white);
  }
  .icon-pdf,
  .icon-add-payment {
    background-image: none;
    text-decoration: none;
    padding: 13px 22px;
    margin-right: 2px;
  }
  div.account,
  div.operation {
    background-color: var(--color-white);
  }
  table.invoice-lines tr.total th {
    text-align: right;
  }
  table.invoices-stat.statuses th {
    padding: 0;
  }
  table.invoice-lines.form tr.line.fields td.price input {
    display: inline-block;
  }
  table.invoice-lines.form tr.line.fields td,
  table.product-lines.form tr.line.fields td {
    text-align: center;
    padding: 0;
    margin: 0;
    vertical-align: middle;
  }
  #invoice_form p.object-select select {
    width: initial;
  }
  .icon-invoice-public-link {
    background-image: none;
  }
  /**********************************************************/
  /* ORDERS */
  /**********************************************************/
  .controller-orders .live_search {
    display: inline-block;
  }
  .icon-invoice-add-context {
    background-image: none;
    text-decoration: none;
    padding: 13px 22px;
    margin-right: 2px;
  }
  div.details table.product-lines tr.total th {
    text-align: right;
  }
  .list.product-lines {
    width: 99%;
  }
  .controller-orders.action-new .autoscroll {
    float: left;
    width: 100%;
  }
  .orders span.tag-label-color {
    background-color: var(--color-link-blue);
  }
  /**********************************************************/
  /* PRODUCTS */
  /**********************************************************/
  .controller-products .live_search {
    display: inline-block;
  }
  .controller-products .product.details {
    background-color: var(--color-white);
  }
  .icon-order-add {
    background-image: none;
    text-decoration: none;
    padding: 13px 22px;
    margin-right: 2px;
  }
  #products_form span {
    word-wrap: normal;
  }
  .select2-container--default .select2-selection--multiple {
    border: 0;
  }
  /**********************************************************/
  /* QUESTIONS & ANSWERS */
  /**********************************************************/
  .votes.icon-vote,
  .question-meta .icon-vote:not(.vote),
  .contextual .icon-vote,
  .contextual .icon-unvote:not(.vote),
  .question-meta .icon-view {
    background-image: none;
  }
  input.questions-search {
    border: 0;
    border-radius: 25px;
    background-image: none;
    height: 35px;
    font-size: 14px;
    width: 100%;
  }
  .topic {
    padding: 10px 0 30px;
  }
  /**********************************************************/
  /* EASY GANTT */
  /**********************************************************/
  .redmine .icon-settings {
    background-image: none;
    text-decoration: none;
    padding: 6px 16px;
    margin-right: 2px;
  }
  .redmine #button_save {
    padding: 8px 16px;
    margin-right: 2px;
  }
  .redmine .push-left .checkbox:not(input) {
    position: absolute;
    margin-left: -24px;
    margin-top: 6px;
  }
  .redmine .push-left input.checkbox {
    margin-left: 20px;
  }
  .icon-stats {
    background-image: none;
  }
  #top-menu .icon {
    padding-left: 0;
  }
  .gantt-menu-button .icon.icon-calendar {
    background-image: none;
  }
  #button_jump_today::before,
  #button_day_zoom::before,
  #button_week_zoom::before,
  #button_month_zoom::before {
    display: none;
  }
  #easy_gantt .icon-settings::after {
    display: none;
  }
  #easy_gantt .contextual.settings::before {
    display: none;
  }
  #easy_gantt #button_print::before {
    display: none;
  }
  /**********************************************************/
  /* LAPD */
  /**********************************************************/
  .controller-ldap_settings .group {
    color: var(--color-black);
  }
  .controller-ldap_settings #wrapper {
    min-height: 100%;
  }
  .controller-ldap_settings #main-menu {
    display: none;
  }
  #ldap_attributes {
    display: grid;
    background: rgba(255, 255, 255, 0.1);
  }
  #ldap_attributes label {
    width: 295px;
    float: left;
    text-align: right;
  }
  /**********************************************************/
  /* SCRUM */
  /**********************************************************/
  body.action-login #sidebar,
  body.action-register #sidebar,
  body.action-lost_password #sidebar {
    float: left;
    overflow-x: hidden;
    width: 12%;
    margin: 2%;
    padding: 0 1% 30px 1%;
    border-radius: var(--border-radius-base);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    position: absolute;
    text-align: left;
  }
  body.action-login #menuhide,
  body.action-register #menuhide,
  body.action-lost_password #menuhide {
    display: none;
  }
  .scrum-content span.radiobox {
    float: none;
    margin-left: 0px;
    margin-right: 0px;
  }
  /*.scrum-content .post-it{
      box-shadow: none;
      background-image:none;
  }
      */
  .scrum-content a:hover,
  .scrum-menu a:hover {
    text-decoration: none;
  }
  .scrum-content .icon,
  .scrum-menu .icon {
    border: 0;
    padding: 12px;
    font-weight: bold;
  }
  .scrum-menu .icon {
    background-image: none;
  }
  .scrum-menu .icon:before {
    font-family: "zenmine";
    font-size: 21px;
    font-weight: 100;
    vertical-align: -25%;
    margin-right: 6px;
  }
  .scrum-menu .icon-burndown:before {
    content: "\e831";
  }
  .scrum-menu .icon-sprint-board:before {
    content: "\e94b";
  }
  .scrum-menu .icon-stats:before {
    content: "\e8ac";
  }
  .scrum-menu .icon-sprint-board:before {
    content: "壘";
  }
  #main-menu.tabs .sprint::before,
  #main-menu.tabs .product-backlog::before,
  .flyout-menu .sprint::before {
    font-family: "zenmine";
    content: "壘";
  }
  .icon.icon-product-backlog:before {
    content: "壘";
  }
  .icon.icon-release-plan:before {
    font-family: "zenmine";
    content: "\e831";
    transform: rotate(90deg);
    display: inline-block;
  }
  .controller-settings.action-plugin.admin fieldset > * {
    float: initial;
    margin-right: initial;
  }
  /**********************************************************/
  /* CMS */
  /**********************************************************/
  #cms-settings-menu .icon {
    padding-left: 20px;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 12px;
  }
  #cms-settings-menu * {
    background-image: none;
  }
  #cms-settings-menu .icon:before,
  #cms-settings-menu .icon:after {
    content: "";
    margin-right: 0px;
  }
  #cms-settings-menu .select2-container {
    min-width: initial;
  }
  #top-menu .administration + ul.menu-children a:before {
    content: "";
  }
  #top-menu .administration + ul.menu-children li {
    border-right: 0;
  }
  /**********************************************************/
  /* RESOURCES */
  /**********************************************************/
  .controller-resource_bookings.action-index #query_form {
    padding-bottom: 0;
  }
  .controller-resource_bookings.action-index #query_form_with_buttons > p.contextual {
    padding: 14px 0;
  }
  .controller-resource_bookings.action-index #content .table table {
    background-color: var(--color-white);
    padding-left: 2px;
  }
  .controller-resource_bookings.action-index #content .table:nth-of-type(3) table {
    padding: 20px;
  }
  .controller-resource_bookings.action-index #content .table:nth-of-type(3) table td a {
    background-color: var(--color-gray-100);
    padding: 8px 16px;
    border-radius: var(--border-radius-base);
    color: var(--color-gray-400);
    text-decoration: none;
  }
  .controller-resource_bookings.action-index #content .table:nth-of-type(3) table td a:hover {
    color: var(--color-white);
    background-color: var(--color-gray-400);
  }
  .resource-planning-chart .user-resource-bookings span.expander:before,
  .resource-planning-chart .icon-projects:before {
    color: var(--color-gray-400);
    font-size: 1.5rem;
    margin-left: 0;
  }
  .controller-resource_bookings .new_resource_booking .tabular label {
    min-width: 120px;
    text-align: left;
  }
  .ui-dialog-content.ui-widget-content input[type=button] {
    background-color: rgba(187, 187, 187, 0.15);
    color: var(--color-gray-400);
    border-radius: var(--border-radius-base);
  }
  .ui-dialog-content.ui-widget-content input[type=button]:hover {
    background-color: var(--color-gray-400);
    color: var(--color-white);
  }
  .user-resources .autoscroll {
    width: initial;
  }
  body.controller-hrm_resources .query-totals {
    margin-top: initial;
  }
  /**********************************************************/
  /* CALENDAR */
  /**********************************************************/
  .controller-calendars #query_form #query_form_with_buttons .contextual {
    padding: 14px 0;
  }
  /**********************************************************/
  /* EXPENSES */
  /**********************************************************/
  #expense_price {
    width: auto;
    float: left;
    margin-right: 10px;
  }
  #expense_contact_id_add_link img,
  #deal_contact_id_add_link img,
  #order_contact_id_add_link img {
    display: none;
  }
  .icon-money-dollar {
    background-image: none;
  }
  .icon-rosette {
    background-image: none;
  }
  .icon-date {
    background-image: none;
  }
  /**********************************************************/
  /* DMSF */
  /**********************************************************/
  .list .dmsf_buttons {
    min-width: 130px;
    width: 130px;
  }
  .dmsf_buttons a.icon-only {
    display: inline;
    font-size: 1em;
    background: none;
    padding-left: 10px;
  }
  .dmsf_buttons a.icon-only::after {
    content: "";
  }
  .edit_dmsf_file_revision label[for=version_0] {
    height: 100px;
  }
  .dmsf-tree .icon {
    background-image: none;
  }
  .dmsf-title a::before {
    content: "";
  }
  .dmsf-tree .icon-none::before {
    display: none;
  }
  /**********************************************************/
  /* OTHERS */
  /**********************************************************/
  .workflows a.icon-only::after {
    content: "";
  }
  /**********************************************************/
  /* EVM */
  /**********************************************************/
  .controller-evms.action-index #query_form {
    padding-bottom: 0;
    margin-bottom: 20px;
  }
  /**********************************************************/
  /* DRIVE */
  /**********************************************************/
  #drive-entries .list {
    background-color: var(--color-white);
  }
  #files-sidebar-menu .icon::before,
  #files-sidebar-menu .icon {
    margin-left: 0;
    padding: 4px 0;
    background: none;
  }
  #files-sidebar-menu .icon.icon-download::after {
    content: "";
  }
  #files-sidebar-menu .icon.icon-del::before {
    display: inline-block;
  }
  #drive-entries .autoscroll {
    background: none;
  }
  /**********************************************************/
  /* ADDITIONALS */
  /**********************************************************/
  #block-form {
    display: inline-block;
  }
  /* Zenmine Theme version 3.0, Copyright (C) 2019-2021 - Luis Blasco www.bestredminetheme.com */
  /**********************************************************/
  /* DEFAULT */
  /**********************************************************/
  h1,
  h2,
  h3,
  h4 {
    font-weight: 500;
  }
  html {
    height: 100%;
    font-size: 62.5%;
  }
  html > body #content {
    min-height: initial;
  }
  body {
    font-size: 1.3rem;
    font-weight: 400;
    height: 100%;
    background-color: var(--color-gray-100);
  }
  body.action-login,
  body.action-lost_password,
  body.action-register {
    height: 100%;
  }
  body.action-login {
    background-color: var(--color-white);
  }
  body:not(.action-login):not(.action-lost_password):not(.action-register) #main {
    background-color: transparent;
    padding: 0.5% 1.5%;
  }
  em.info {
    display: inline-block;
    width: 100%;
  }
  body:not(.action-login):not(.action-register):not(.action-lost_password) #main #content {
    /*position:relative;*/
    width: 85%;
    display: inline-block;
    vertical-align: top;
    /*transition: .3s;*/
  }
  body pre,
  body code,
  body pre span,
  body code span {
    font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;
  }
  .transition {
    transition: 0.3s;
  }
  body:not(.action-login):not(.action-register):not(.action-lost_password) #main.nosidebar #content {
    width: 100%;
  }
  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset;
  }
  .full-width {
    width: 99%;
  }
  .sidebar-hide {
    margin-left: -14%;
  }
  .sidebar-hide {
    opacity: 0;
  }
  .version-overview .table {
    width: 70%;
  }
  .openclose::before {
    font-family: "zenmine";
    content: "\e831";
    transform: rotate(270deg);
    display: inline-block;
    color: #d2c7c7;
    font-size: 22px;
    position: absolute;
    /*top: 5px;*/
    margin-left: -42px;
    cursor: pointer;
  }
  .openclose:hover:before {
    color: var(--color-black);
  }
  #sidebar {
    color: hsl(0, 0%, 70%);
  }
  .action-login #wrapper,
  .action-login #wrapper2,
  .action-login #wrapper3,
  .action-login #content {
    background: var(--color-white);
  }
  #wrapper {
    overflow: hidden;
    margin: 0 auto;
    background: none;
    min-height: 100%;
  }
  #wrapper2 {
    min-height: 100%;
  }
  #content {
    padding: 0;
    border: 0;
  }
  .block-receiver {
    border: 0;
    padding: 8px 2px;
  }
  .dragging .block-receiver .mypage-box {
    margin: 6px;
  }
  body:not(.controller-search) .box,
  .controller-issues .attachments,
  #tab-content-versions > form > fieldset,
  .wiki.wiki-page,
  .message {
    padding: 10px;
    margin-bottom: 10px;
    line-height: 1.5em;
    border: 0;
    word-wrap: break-word;
    border-radius: var(--border-radius-base);
  }
  .controller-boards table.list th,
  .controller-boards .table-list-header {
    width: 10%;
    text-align: center;
  }
  body:not(.controller-search) .box,
  #tab-content-versions > form > fieldset,
  .wiki.wiki-page,
  #commit-keywords,
  .message {
    background-color: var(--color-white);
    padding: 2%;
    clear: both;
  }
  .wiki.wiki-page {
    margin-top: 60px;
  }
  .controller-reports .table th {
    width: 10%;
    text-align: center;
  }
  .list.messages th {
    width: 10%;
  }
  .list.messages td {
    text-align: center;
  }
  .list.messages td.subject {
    text-align: justify;
  }
  #message_subject,
  #message_content {
    text-align: left;
  }
  fieldset > legend {
    font-weight: 600;
    font-size: 1.5rem;
    width: 100%;
    float: left;
    margin-bottom: 14px;
    margin-top: 4px;
    padding: 0;
  }
  .controller-issues .attachments {
    background-color: var(--color-gray-100);
  }
  #attachments_form label,
  #attachments_form .attachments_form {
    float: left;
  }
  #version-summary,
  .controller-favorite_projects fieldset,
  .controller-agile_boards #content form:nth-of-type(2),
  .controller-contacts #query_form #query_form_content,
  .controller-people_calendars #query_form,
  #tab-content-boards .table-list-row,
  #helpdesk_tickets,
  .list.messages,
  .list.boards,
  .helpdesk_chart,
  .controller-timelog.action-index #content form:nth-of-type(2),
  .controller-contacts.action-index #contacts_notes,
  .controller-issues.action-index .autoscroll,
  .splitcontentright > .list.issue-report,
  .splitcontentleft > .list.issue-report,
  .list.files,
  body:not(.admin):not(.controller-users) .projects.root > .root,
  .controller-departments.action-index #content .autoscroll,
  .controller-people_holidays.action-index #content form,
  body:not(.action-contacts_notes) .controller-contacts #content form,
  .controller-timelog #content #query_form_content,
  body:not(.action-contacts_notes):not(.controller-timelog) #query_form_content,
  #people_list,
  .issues.box,
  .spent_time.box,
  .members.box,
  .autoscroll,
  .controller-reports .table,
  .list.roles,
  .list.trackers,
  .list.issue_statuses,
  .list.custom_fields,
  .list.enumerations,
  .action-info .table,
  .mypage-box#block-news,
  .controller-roles.action-index .table,
  .controller-groups.action-index .table,
  .controller-trackers.action-index .table,
  .controller-issue_statuses.action-index .table,
  .custom_fields.action-index .table,
  .controller-enumerations.action-index .table .list,
  .controller-gantts.action-show #query_form,
  .controller-calendars.action-show #query_form,
  .controller-evms.action-index #query_form {
    background: var(--color-white);
    display: block;
    margin: 1% 0 0 0;
    padding: 25px 25px 20px 25px;
    border-radius: var(--border-radius-base);
    border: 0;
    padding: 0;
  }
  .list.roles,
  .list.trackers,
  .list.issue_statuses,
  .list.enumerations,
  .controller-enumerations.action-index .table .list {
    display: table;
    margin-bottom: 2em;
  }
  .list.custom_fields {
    margin: 0;
    display: table;
  }
  .mypage-box#block-news,
  .mypage-box#block-documents {
    padding: 25px 25px 20px 25px;
  }
  .mypage-box#block-activity {
    padding: 0 0 2px 20px;
    overflow: hidden;
  }
  .mypage-box span::before {
    display: none;
  }
  .mypage-box#block-news h3,
  .mypage-box#block-documents h3 {
    padding: 0;
  }
  .controller-repositories .openclose,
  .controller-my .openclose,
  .controller-admin .openclose,
  .controller-files .openclose,
  .controller-boards .openclose,
  .controller-timelog .openclose,
  .controller-projects .openclose,
  .tab-content .box.tabular.settings::before {
    display: none;
  }
  .controller-repositories #browser {
    overflow: hidden;
  }
  .controller-repositories .autoscroll form {
    padding: 2%;
  }
  path {
    stroke: var(--color-info);
    fill: #2f2c2f;
    stroke-width: 1px;
  }
  circle {
    stroke: var(--color-info);
    fill: var(--color-white);
  }
  div.revision-graph {
    margin-left: -14px;
  }
  #browser tr:last-child {
    border: none;
  }
  body:not(.controller-calendars):not(.controller_gantts):not(.action-contacts_notes):not(.controller-timelog) #query_form_with_buttons {
    padding: 0;
  }
  #query_form_with_buttons .buttons {
    display: none;
  }
  .controller-issues.action-index .autoscroll,
  .controller-timelog.action-index #content form:nth-of-type(2) {
    margin: 0;
  }
  table.progress tbody:before {
    content: none;
  }
  table.progress {
    width: 80px;
  }
  table.progress td.closed {
    background-color: var(--color-teal);
  }
  table.progress td.done {
    background-color: var(--color-teal);
  }
  table.progress td.todo {
    background: var(--color-gray-200) none repeat scroll 0%;
    position: relative;
    top: 0;
  }
  p.percent {
    font-size: 1.2rem;
  }
  p.progress-info {
    clear: left;
    font-size: 100%;
    margin-top: 0;
    color: var(--color-gray-600);
  }
  .version-overview table.progress {
    width: 40em;
    height: 0.4em;
  }
  .version-overview table.progress td {
    height: 0.4em;
  }
  table.progress td:last-child {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
  }
  table.progress td:first-child {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
  }
  tr.issue td.done_ratio table.progress {
    height: 2px;
    float: inherit;
  }
  tr.issue.idnt td.subject {
    background: none;
  }
  tr.issue.idnt td.subject:before {
    font-family: "zenmine";
    content: "\e856";
    position: relative;
    left: -4px;
  }
  #content {
    width: 100%;
    background-image: none;
    background-color: transparent !important;
  }
  .people_header,
  .contacts_header,
  .filters h2 {
    display: inline-block;
  }
  body:not(.admin) #content > h2,
  body:not(.admin) #content > div > h2,
  body:not(.admin) .people_header,
  body:not(.admin) .contacts_header,
  .filters h2 {
    color: var(--color-gray-800);
  }
  body:not(.admin) #content > h2 {
    /*padding-bottom: 20px;*/
  }
  #content #login-form input[type=text],
  #content #login-form input[type=password],
  .action-lost_password #content #mail {
    border: 1px solid var(--color-gray-400);
    border-radius: var(--border-radius-base);
    width: 100%;
    font-size: 1.8rem;
    padding: 5px;
  }
  #login-form table {
    border: none;
    background-color: transparent;
    margin: 0 auto;
  }
  .action-lost_password h1 {
    display: none;
  }
  .action-lost_password input.btn.btn-sm.btn-primary {
    float: none;
    display: table;
  }
  .controller-favorite_projects .filters h2:before,
  #content > h2:before,
  #content > div > h2:before,
  .people_header:before,
  .contacts_header:before,
  .controller-people h2:before {
    font-size: 36px;
  }
  body:not(.controller-projects) form {
    display: block;
  }
  body:not(.admin):not(.controller-my):not(.controller-projects):not(.action-new) form:nth-child(0) {
    margin-bottom: -20px;
    margin-top: -20px;
  }
  #quick-search form {
    margin-bottom: 0;
    margin-top: 0;
  }
  #projects-quick-search,
  #header form {
    float: left;
    width: 200px;
    position: relative;
  }
  #project-jump.drdn {
    margin-left: 2%;
    float: left;
  }
  .drdn-items > *:focus {
    border: 0;
  }
  #projects-quick-search {
    float: none;
    text-align: left;
    padding-left: 4px;
    width: 100%;
    height: 32px;
    font-size: 1.4rem;
  }
  .issues.box,
  .spent_time.box,
  .members.box,
  #projects-index ul.projects li.root {
    padding: 2%;
  }
  :not(.controller-boards.action-show) p.subtitle {
    font-size: 16px;
    margin: -10px 0 30px 48px;
    font-style: normal;
  }
  .autoscroll {
    padding: 0;
    margin: 0;
    width: 100%;
  }
  #api-access-key.autoscroll {
    padding-bottom: 20px;
  }
  table.list,
  .table-list {
    border: 0;
  }
  table.list.files:before,
  table.list.odd-even.time-entries::before {
    display: none;
  }
  table.issue-report {
    width: initial;
  }
  .version-overview table.progress {
    width: 98%;
  }
  .icon {
    padding-left: 0;
  }
  .collapsible table:not(#filters-table) tbody tr:hover {
    background: none !important;
  }
  table.list th,
  .table-list-header {
    padding: 20px 0 15px 0;
    background: none;
    font-size: 1.3rem;
    font-weight: 500;
    border-bottom: 1px solid var(--color-gray-400);
    line-height: 11px;
  }
  th.checkbox.hide-when-print {
    width: 30px;
  }
  .controller-projects .list.issue-report th {
    text-align: center !important;
  }
  td.subject {
    min-width: 180px;
  }
  table.list > tbody > tr > td {
    height: 26px;
    padding: 4px 8px;
  }
  table.list td.checkbox {
    /*padding: 4px 8px;*/
  }
  table.list td.id {
    padding-left: 0 !important;
  }
  table .context-menu-selection,
  table .context-menu-selection:hover {
    background-color: var(--color-gray-100) !important;
    color: #232020 !important;
  }
  div.journal .contextual {
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 0;
  }
  .contextual {
    right: 0;
    top: 0;
    float: right;
    white-space: nowrap;
    line-height: 1.4rem;
    padding-left: 10px;
    font-size: 1.3rem;
  }
  #tab-content-activities .contextual {
    margin-top: -70px;
  }
  .icon.icon-stats.btn.btn-sm.btn-primary,
  #revision_selector,
  #branch,
  #rev {
    display: inline-block;
    vertical-align: middle;
  }
  .icon.icon-stats.btn.btn-sm.btn-primary {
    text-decoration: none;
  }
  #revision_selector #branch {
    background: var(--color-white);
    border-radius: var(--border-radius-base);
    margin-right: 5px;
  }
  .controller-calendars #query_form #query_form_with_buttons .contextual {
    color: transparent;
    width: 100%;
  }
  .controller-calendars #query_form #query_form_with_buttons .contextual a {
    border: 1px solid var(--color-gray-400);
    padding: 8px 16px;
    border-radius: var(--border-radius-base);
    color: var(--color-gray-400);
    text-decoration: none;
  }
  .controller-calendars #query_form #query_form_with_buttons .contextual a[accesskey=p] {
    float: left;
  }
  .controller-calendars #query_form #query_form_with_buttons .contextual a[accesskey=n] {
    float: right;
  }
  .controller-calendars #query_form #query_form_with_buttons .contextual a:hover {
    background-color: var(--color-gray-400);
    color: var(--color-white);
  }
  .controller-calendars table.cal {
    border: none;
  }
  .controller-calendars table.cal thead th.week-number {
    width: auto;
    border: 1px solid var(--color-gray-300);
    border-top: none;
    border-left: none;
    background: var(--color-gray-200);
  }
  .controller-calendars table.cal thead th,
  table.cal td.week-number {
    border: 1px solid var(--color-gray-300);
    vertical-align: middle;
  }
  .controller-calendars table.cal td p.day-num {
    text-align: right;
    font-size: 1.4rem;
    padding-right: 7px;
  }
  .controller-calendars div.issue {
    padding: 4px;
  }
  .controller-calendars .issue {
    padding: 2px 6px 2px 2px;
    text-decoration: none;
  }
  .controller-calendars a.issue {
    white-space: nowrap;
  }
  .tip {
    font-size: 0.7rem;
  }
  .controller-wiki .contextual,
  .controller-documents .contextual {
    margin-top: 0;
  }
  .icon-zoom-in,
  .icon-zoom-out {
    margin-top: 40px;
  }
  #content .context-menu-selection a,
  #content .context-menu-selection a:hover,
  #content table.contacts.index tr.context-menu-selection td,
  #content table.people.index tr.context-menu-selection h2 {
    color: var(--color-info);
  }
  .mypage-box .contextual {
    float: right;
    white-space: nowrap;
    line-height: 1.4em;
    margin: 5px 0px;
    padding-left: 10px;
    margin-top: 18px;
    font-size: 11px;
  }
  .mypage-box .contextual .icon-close {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 0;
    background-image: none;
    margin-top: -10px;
    height: 18px;
  }
  .mypage-box .contextual .icon-settings::before {
    display: none;
  }
  .mypage-box .contextual .icon-settings {
    padding: 0;
    margin-right: 2px;
    height: 22px;
    margin-top: 4px;
    overflow: visible;
    background-image: none;
    font-size: 0;
  }
  .mypage-box#block-calendar .filtercheckmark {
    display: none;
  }
  .mypage-box h3 .icon-add {
    padding: 0;
  }
  .mypage-box .contextual .ui-sortable-handle,
  .mypage-box .contextual .sort-handle {
    margin-right: 6px;
    margin-left: 14px;
    background-image: none;
    margin-top: 4px;
  }
  .wiki.wiki-page .icon-only::after {
    display: none;
  }
  .controller-reports .icon-only.icon-zoom-in {
    margin: 0;
    display: contents;
    font-size: 0;
  }
  .mypage-box .contextual:first-child {
    margin-right: 2%;
  }
  .mypage-box .contextual a,
  body:not(.admin) .sort-handle {
    color: var(--color-gray-600);
    opacity: 0.3;
    vertical-align: initial;
  }
  .mypage-box:hover .contextual a:hover,
  .sort-handle:hover {
    text-decoration: none;
    opacity: 1;
    cursor: move;
  }
  .mypage-box .contextual > *:before {
    font-size: 1.5rem;
  }
  .admin .sort-handle {
    width: 26px;
    height: 20px;
  }
  a.sort {
    padding-right: 10px;
  }
  #projects-index {
    font-size: 1.6rem;
    display: inline;
  }
  body:not(.controller-search):not(.controller-invoices) fieldset {
    margin-bottom: 20px;
    position: relative;
  }
  #errorExplanation,
  div.flash,
  .nodata,
  .warning,
  .conflict {
    font-size: 14px;
    border: 0;
    border-radius: var(--border-radius-base);
    text-align: center;
    width: 50%;
    margin: 1rem auto;
    padding: 1rem;
  }
  .action-login div.flash,
  .action-register div.flash {
    position: absolute;
    z-index: 999;
    right: 14%;
    bottom: 18%;
    width: 20%;
  }
  .action-lost_password div.flash {
    margin: 6% auto -6% auto;
  }
  #errorExplanation ul {
    display: inline-flex;
    list-style: none;
  }
  .nodata,
  .warning {
    text-align: center !important;
    color: var(--color-white);
  }
  .nodata {
    background-color: transparent;
    clear: both;
    color: #c3c3c3;
  }
  .warning {
    background-color: var(--color-pink);
  }
  hr {
    width: 100%;
    height: 1px;
    background-color: transparent;
    border-bottom: 1px solid var(--color-border);
    margin: 25px 0;
  }
  html > body .tabular p {
    /*overflow: inherit;*/
    padding-left: initial;
  }
  table.cal thead th,
  table.cal td.week-number {
    color: #252525;
    text-align: center;
    font-weight: 400;
  }
  table.cal td p.day-num {
    text-align: right;
    font-size: 0.9rem;
    padding-right: 7px;
  }
  table.cal div.issue {
    position: relative;
    padding: 5px;
    margin-bottom: 10px;
  }
  table.cal .tooltip {
    position: unset;
  }
  .ui-widget-header {
    background: var(--color-bg-cool);
    border: 0;
    color: var(--color-black);
    font-weight: bold;
    border-radius: 2px;
  }
  #content .tabs ul {
    height: 38px;
  }
  .action-new #content .tabs ul {
    height: auto;
  }
  .icon-multiple {
    background: none;
  }
  /**********************************************************/
  /* HEADER */
  /**********************************************************/
  .action-login #header h1:before,
  .action-register #header h1:before,
  .action-lost_password #header h1:before {
    content: "";
  }
  .action-register #header h1,
  .action-login #header h1,
  .action-login #account li:first-child,
  .action-register #account li:last-child {
    display: none;
  }
  .action-login #top-menu a,
  .action-register #top-menu a,
  .action-lost_password #top-menu a,
  .action-login #top-menu a::after,
  .action-register #top-menu a::after,
  .action-lost_password #top-menu a::after {
    color: var(--color-gray-400);
  }
  .action-register #top-menu,
  .action-login #top-menu,
  .action-lost_password #top-menu {
    background: transparent;
    position: absolute;
    z-index: 77;
  }
  #top-menu {
    width: 98%;
    padding-left: 1%;
    padding-right: 1%;
    font-size: 1.2rem;
    line-height: 1.2rem;
  }
  #loggedas {
    order: 2;
  }
  #top-menu > ul {
    order: 1;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
  }
  .action-login #account,
  .action-register #account,
  .action-lost_password #account {
    position: absolute;
    right: 1%;
  }
  #top-menu li {
    float: left;
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    white-space: nowrap;
  }
  #top-menu a,
  #top-menu #loggedas {
    font-size: 1.2rem;
    margin: 0;
    text-decoration: none;
    font-weight: 400;
    display: table-cell;
    vertical-align: middle;
    height: 32px;
  }
  #top-menu #loggedas,
  #top-menu .my-account {
    font-size: 0;
    vertical-align: middle;
    display: table-cell;
    line-height: 0;
  }
  .user {
    font-size: 1.2rem;
  }
  #top-menu li,
  #loggedas {
    padding: 0 14px;
    vertical-align: middle;
  }
  #account li:last-of-type {
    border-right: 0;
    list-style: none;
  }
  #header {
    min-height: 59px;
    margin-bottom: 0;
    background-color: var(--color-white);
    padding-top: 1px;
    padding-right: 0;
    padding-bottom: 0;
    background-repeat: no-repeat;
    background-size: auto 60px;
    background-position-y: 0px;
    background-position-x: 14px;
    padding-left: 0;
  }
  /*#header:not(.sticky) #main-menu {*/
  #header #main-menu {
    margin-bottom: 1.5rem;
  }
  .action-login #header,
  .action-register #header,
  .action-lost_password #header {
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    box-shadow: inherit;
    text-align: center;
    width: 99%;
    pointer-events: none;
  }
  .action-login #header:after,
  .action-register #header:after,
  .action-lost_password #header:after {
    margin-top: 12px;
    display: block;
  }
  #header h1 {
    font-size: 2.2rem;
    padding-left: 68px;
    margin: 15px 4px;
    overflow: visible;
    background-position: 0;
    font-weight: 400;
    max-width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .action-login #header h1,
  .action-register #header h1,
  .action-lost_password #header h1 {
    padding-left: 0px;
  }
  #header h1 .breadcrumbs {
    margin-top: -6px;
  }
  #main-menu,
  #main-menu li a.new-object {
    left: 0px;
  }
  #main-menu {
    background: var(--color-white);
    position: relative;
    height: 50px;
  }
  #main-menu ul:not(.menu-children) {
    margin-left: 1%;
  }
  #main-menu li {
    margin: 0;
    padding: 0;
    height: 50px;
    overflow: hidden;
  }
  #main-menu .menu-children li {
    height: 44px;
  }
  #main-menu li a {
    color: var(--color-gray-800);
  }
  #main-menu li a::before {
    color: var(--color-gray-400);
    opacity: 0.5;
  }
  #main-menu li a.new-object {
    background-color: transparent;
    font-weight: 300 !important;
    padding: 3px 20px 2px 20px !important;
    vertical-align: middle;
  }
  #main-menu li a.new-object:after {
    height: 0 !important;
  }
  table.list td.buttons a,
  div.buttons a {
    margin-right: 0.6em;
    display: inline;
    font-size: 0;
  }
  table.list td.buttons a::before,
  div.buttons a::before {
    font-size: 1.4rem;
  }
  span.toggle-multiselect::before,
  body.controller-workflows.action-edit form p a::before,
  body.controller-workflows.action-permissions form p a::before {
    color: var(--color-text);
    border: 1px solid var(--color-border);
    position: absolute;
    border-radius: var(--border-radius-base);
    margin-top: 1px;
    font-size: 16px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }
  body.controller-workflows.action-edit form p a img,
  body.controller-workflows.action-permissions form p a img {
    display: none;
  }
  .drdn .drdn-trigger {
    padding: 11px 14px;
    border-radius: var(--border-radius-base);
  }
  body:not(.controller-wiki) .drdn .drdn-trigger .icon-actions {
    padding: 0;
    transition: 0.5s;
  }
  #sidebar .icon-del:before {
    display: none;
  }
  tr.project .icon, tr.user .icon, tr.builtin .icon, td.buttons .icon {
    background: transparent !important;
    color: var(--color-gray-400) !important;
    font-size: 0;
  }
  td.buttons .icon::before {
    font-size: 1.4rem;
  }
  tr.project .icon:hover,
  tr.user .icon:hover,
  tr.givable .icon:hover,
  tr.builtin .icon:hover,
  td.buttons .icon:hover {
    color: var(--color-black);
  }
  tr.project.idnt td.name span {
    background: none;
  }
  .controller-welcome .register::after {
    content: "\e8ea";
    margin-left: 7px;
  }
  .controller-welcome .login::after {
    margin-left: 7px;
  }
  .buttons .icon-checked:not(.disabled) {
    background: var(--color-blue) !important;
    opacity: 0.85;
    color: var(--color-text);
  }
  .buttons .icon-checked:not(.disabled):hover {
    background: var(--color-blue) !important;
    color: var(--color-white) !important;
  }
  .gantt_subjects .icon::before,
  .gantt_subjects .filtercheckmark,
  #gantt_area .filtercheckmark {
    display: none !important;
  }
  .time-entries .activity::before {
    display: none;
  }
  .icon-checked:not(.disabled) {
    color: var(--color-text) !important;
  }
  .table .issues::before {
    display: none;
  }
  body:not(.controller-users) .projects.root .root ul.projects li {
    display: inline-block;
    vertical-align: middle;
    width: 95%;
  }
  .drdn-content .projects::before,
  #top-menu .projects::before,
  .controller-projects .projects.root::before {
    display: none;
  }
  .wiki.description::before {
    display: none;
  }
  #main-menu .menu-children li:before {
    border: 0;
  }
  #main-menu li a,
  #main-menu li a:hover {
    font-weight: 400;
    padding: 12px 14px 22px 14px;
    display: inline-block;
    font-size: 1.3rem;
  }
  #main-menu.tabs a:after {
    display: block;
    content: "";
    position: relative;
    top: 18px;
    opacity: 0;
    transition: opacity 250ms ease-out;
  }
  #main-menu.tabs .menu-children a::after {
    transform: scaleX(0);
    transform-origin: 50% 50%;
    transition: transform 125ms ease-in-out;
  }
  #main-menu.tabs .menu-children a:hover::after {
    transform: scaleX(1);
  }
  #main-menu.tabs .menu-children a:after {
    bottom: 0;
    height: 1px;
  }
  #main-menu.tabs a:hover:after {
    content: "";
    height: 1px;
    position: relative;
    top: 19px;
    opacity: 1;
  }
  #main-menu.tabs a.selected:after {
    position: relative;
    top: 19px;
    display: block;
    height: 1px;
    content: "";
    opacity: 1;
  }
  .menu-children a:hover {
    background: var(--color-gray-100) !important;
    color: var(--color-black) !important;
    border: none !important;
  }
  #main-menu li .selected::before,
  #main-menu li a:hover::before {
    opacity: 1;
  }
  #main-menu li a:hover,
  #main-menu li a.selected:hover {
    background: var(--color-white);
    color: var(--color-info);
  }
  #main-menu .menu-children {
    border: 0;
    -webkit-box-shadow: 0 6px 8px 1px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 6px 8px 1px rgba(0, 0, 0, 0.14);
    box-shadow: 0 6px 8px 1px rgba(0, 0, 0, 0.14);
    margin-left: -1%;
  }
  #main-menu .menu-children li a {
    padding: 14px 40px;
    background: transparent;
    color: var(--color-gray-700);
    width: 100%;
  }
  #main-menu.tabs .menu-children li a:hover::after {
    top: 14px;
  }
  td.priority div,
  .priority.attribute .value > div {
    text-transform: uppercase;
    width: auto;
    display: inline-block;
    border-radius: 2px;
    padding: 5px;
    font-size: 1rem;
    font-weight: 500;
    min-width: 60px;
    text-align: center;
  }
  div.issue .attributes .attribute {
    padding-left: 0;
  }
  div.issue .attributes .attribute div {
    /*background:transparent;*/
  }
  div.issue .attributes .attribute .normal .value {
    width: fit-content;
    padding: 2px 10px;
  }
  div.issue .attributes .attribute .inmediate .value {
    width: fit-content;
    padding: 2px 10px;
  }
  div.issue .attributes .attribute .low .value {
    width: fit-content;
    padding: 2px 10px;
  }
  div.issue .attributes .attribute .urgent .value {
    width: fit-content;
    padding: 2px 10px;
  }
  div.issue .attributes .attribute .high .value {
    width: fit-content;
    padding: 2px 10px;
  }
  .list thead a,
  .issues th a::after {
    color: light-dark(var(--color-gray-800), var(--color-text)) !important;
    text-transform: capitalize;
    font-weight: 500;
  }
  .list thead a {
    margin-left: 14px;
  }
  .list thead a:hover,
  .issues th a:hover:after {
    color: light-dark(var(--color-black), var(--color-white)) !important;
    text-decoration: none;
  }
  #new-object {
    font-size: 30px;
    font-weight: 500 !important;
  }
  #account ul li:nth-child(1) {
    display: block;
  }
  .breadcrumbs .separator {
    font-size: 14px;
  }
  .breadcrumbs a {
    font-size: 11px;
  }
  .current-project,
  #header h1,
  #header .breadcrumbs a {
    text-overflow: ellipsis;
  }
  .current-project {
    min-height: 18px;
    display: block;
  }
  a.sort.asc {
    background-image: none;
  }
  a.sort.desc {
    background-image: none;
  }
  a.sort::after {
    opacity: 1 !important;
  }
  #top-menu a,
  #top-menu a::before,
  #top-menu a::after {
    opacity: 0.8;
  }
  #top-menu a:hover,
  #top-menu a:hover::before,
  #top-menu a:hover::after {
    opacity: 1;
  }
  /**********************************************************/
  /* SEARCH */
  /**********************************************************/
  #search-results-counts + h3 {
    margin-top: 30px;
  }
  #search-results {
    margin-left: 0;
  }
  dt.project::before {
    content: "\e838";
  }
  .controller-search .box {
    background-color: var(--color-background);
    border: none;
    padding: 1%;
  }
  div#activity dd,
  #search-results dd {
    font-size: 1rem;
  }
  /**********************************************************/
  /* SIDEBAR */
  /**********************************************************/
  body:not(.action-login):not(.action-register):not(.action-lost_password) #sidebar {
    position: relative;
    float: left;
    width: 13%;
    margin-right: 2%;
    background: none !important;
    box-shadow: none !important;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    /*transition: .3s;*/
  }
  #sidebar a {
    color: var(--color-gray-600);
  }
  #sidebar a,
  #sidebar p label {
    position: relative;
    font-size: 1.3rem;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
    padding-bottom: 4px;
    padding-top: 4px;
    margin-right: 2px;
    margin-bottom: 4px;
  }
  a.issue.closed,
  a.issue.closed:link,
  a.issue.closed:visited {
    text-decoration: line-through;
  }
  #sidebar a.selected {
    background-color: transparent;
  }
  #sidebar .contextual a {
    font-size: 1.2rem;
  }
  #sidebar p label .checkbox {
    margin-left: 0;
    margin-right: -2px;
  }
  #sidebar h3,
  .controller-settings fieldset > legend {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.1rem !important;
    padding: 0;
    overflow-x: hidden;
    text-overflow: ellipsis;
    opacity: 0.4;
  }
  #sidebar h3 {
    margin: 22px 0 16px 0;
  }
  #sidebar > h3:first-of-type {
    margin-top: 8px;
  }
  #sidebar ul li {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    position: relative;
  }
  #sidebar h4 {
    border-bottom: 0;
    padding-bottom: 0;
    padding-top: 10px;
    color: var(--color-gray-400);
    font-weight: 100;
  }
  #menuhide {
    height: 20px;
    width: 20px;
    margin-top: 8px;
    position: absolute;
    right: 0;
    margin-right: 8px;
    cursor: pointer;
    padding: 4px;
    color: rgba(255, 255, 255, 0.5);
  }
  #menuhide.open {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1); /* Firefox */
    -webkit-transform: scaleX(-1); /* Chrome - Safari */
    -o-transform: scaleX(-1);
  }
  #menuhide.closed {
    transform: scaleX(1);
    -moz-transform: scaleX(1); /* Firefox */
    -webkit-transform: scaleX(1); /* Chrome - Safari */
    -o-transform: scaleX(1);
    margin-right: -8px;
  }
  #menuhide:hover {
    color: rgb(255, 255, 255);
  }
  #sidebar .wiki {
    font-size: 1.1rem;
    clear: both;
  }
  #sidebar .attributes tr td a {
    word-break: break-all;
    max-width: 60%;
  }
  #sidebar .attributes tr td a:hover {
    padding: 5px;
    margin-top: -5px;
    margin-left: -5px;
    max-width: 100%;
    background: var(--color-white);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 3px 8px rgba(0, 0, 0, 0.07);
    color: #222;
  }
  #sidebar hr {
    background: rgba(255, 255, 255, 0.2);
  }
  #sidebar .icon-only.icon-del {
    padding-bottom: 0;
  }
  #sidebar .icon-only.icon-del:before {
    margin-left: 0;
    font-size: 14px;
  }
  #sidebar .queries {
    display: inline-block;
  }
  /**********************************************************/
  /* FOOTER */
  /**********************************************************/
  #footer,
  .action-login #footer,
  .action-register #footer,
  .action-lost_password #footer {
    background: transparent;
    border: none;
    padding: 20px 0;
    font-size: 12px;
    color: var(--color-gray-400);
  }
  .action-login #footer,
  .action-register #footer,
  .action-lost_password #footer {
    right: 0;
    width: 50%;
  }
  .action-login #footer a,
  .action-register #footer a,
  .action-lost_password #footer a {
    width: 40%;
  }
  body:not(.admin):not(.action-login):not(.action-register):not(.action-lost_password) #footer {
    border-top: none;
    margin-top: 20px;
  }
  /**********************************************************/
  /* LOGIN PAGE*/
  /**********************************************************/
  #hero {
    width: 50%;
    height: 100%;
    float: left;
    background-size: cover;
    position: fixed;
  }
  .logo_login {
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    height: 90px;
    margin-bottom: 60px;
    animation: pulse 1s;
    width: 350px;
    margin-top: -40px;
  }
  @keyframes pulse {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  #login-form label,
  label[for=mail] {
    font-weight: 400;
    margin-bottom: 6px;
  }
  .action-login #top-menu #account + ul,
  .action-register #top-menu #account + ul,
  .action-lost_password #top-menu #account + ul {
    display: none;
  }
  .action-login #wrapper,
  .action-lost_password #wrapper {
    background-size: cover;
  }
  .action-login #content,
  .action-register #content,
  .action-lost_password #content {
    height: 100%;
    overflow-y: scroll;
  }
  .action-login .gototop,
  .action-register .gototop,
  .action-lost_password .gototop {
    display: none;
  }
  .action-login #header,
  .action-register #header,
  .action-lost_password #header {
    background-color: transparent;
    background-image: none;
    position: absolute;
    z-index: 10;
    top: 4px;
    padding-left: 0;
  }
  .action-login #header h1:before,
  .action-register #header h1:before,
  .action-lost_password #header h1:before {
    position: relative;
    display: block;
    margin-bottom: 10px;
    float: none;
  }
  .action-login #header h1,
  .action-register #header h1,
  .action-lost_password #header h1 {
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    margin-top: 8px;
  }
  .action-register #content,
  .action-lost_password #content {
    text-align: center;
  }
  .action-login #login-form,
  .action-register .box,
  .action-lost_password .box {
    border: none;
    font-size: 1.1rem;
    border-radius: var(--border-radius-base);
    text-align: left;
  }
  #username {
    margin-bottom: 35px;
  }
  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  input:-webkit-autofill:active {
    -webkit-transition-delay: 999999s;
    -webkit-transition: color 999999s ease-out, background-color 999999s ease-out;
  }
  .action-login #login-form input[type=text],
  .action-login #login-form input[type=password] {
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
  }
  .settings input,
  #tab-content-users label {
    display: inline-block;
    vertical-align: initial;
  }
  .settings input[type=number],
  #person_data input[type=number] {
    border-radius: var(--border-radius-base);
    min-height: 32px;
    min-width: 30px;
    border: 1px solid var(--color-gray-400);
  }
  .settings .filtercheckmark {
    left: 38.6%;
    top: 8px;
  }
  .scm_name .filtercheckmark {
    left: 0;
    top: 5px;
  }
  #settings_host_name,
  #settings_repositories_encodings,
  #settings_mail_from,
  #settings_mail_handler_excluded_filenames {
    width: 33rem;
  }
  .settings .jstBlock {
    width: 80%;
    display: inline-block;
    vertical-align: top;
  }
  body.controller-projects.action-settings .jstBlock {
    width: 90%;
    display: inline-block;
    vertical-align: top;
  }
  body.controller-projects.action-settings #project_is_public + .filtercheckmark,
  body.controller-projects.action-settings #project_inherit_members + .filtercheckmark {
    left: 108px;
    top: 8px;
  }
  body.controller-projects.action-settings #project_inherit_members {
    top: 8px;
    width: 25px;
    height: 16px;
  }
  fieldset.box .tabular.settings::before {
    display: none;
  }
  #tab-content-projects .settings label {
    display: block;
  }
  #tab-content-timelog .settings p label.block .filtercheckmark {
    left: 0;
    top: 5px;
  }
  #settings_timelog_required_fields_ + .block {
    margin-top: -42px;
  }
  #tab-content-projects .settings p label.block .filtercheckmark {
    left: 105%;
    top: 6px;
  }
  #settings_timelog_accept_0_hours + .filtercheckmark {
    left: 38.4%;
  }
  #tab-content-projects .settings .filtercheckmark {
    top: 2px;
  }
  #tab-content-issues .inline {
    position: relative;
    display: inline;
  }
  .inline .filtercheckmark {
    left: 102%;
    top: 6px;
  }
  .issue-card .user {
    padding-right: 20px;
    /*margin-top:-4px;*/
  }
  #tab-content-attachments textarea,
  #tab-content-mail_handler textarea {
    width: 60%;
    display: inline-block;
    vertical-align: top;
  }
  #tab-content-mail_handler .block {
    display: initial;
  }
  #tab-content-mail_handler .block .filtercheckmark {
    left: 0;
    top: 5px;
  }
  #notified_events,
  #notified_events label {
    position: relative;
  }
  label[for=settings_new_project_user_role_id] {
    display: inline-block;
  }
  input[type=file] {
    border: 0;
  }
  .action-register #wrapper,
  .action-register #wrapper2,
  .action-register #wrapper3,
  .action-login #wrapper,
  .action-login #wrapper2,
  .action-login #wrapper3,
  .action-lost_password #wrapper,
  .action-lost_password #wrapper2,
  .action-lost_password #wrapper3 {
    height: 100%;
  }
  .action-register #footer,
  .action-login #footer,
  .action-lost_password #footer {
    bottom: 0;
    position: absolute;
    z-index: 777;
    background-color: var(--color-white);
  }
  .action-login #main,
  .action-register #main,
  .action-lost_password #main {
    display: table;
    width: 100%;
    height: 100%;
    background-color: var(--color-white);
  }
  .action-register #content,
  .action-login #content {
    background-size: 50% 100%;
  }
  .action-register .box {
    padding: 0;
    margin: 0;
  }
  .action-register #login-form,
  .action-login #login-form,
  .action-lost_password #content form {
    background-color: var(--color-border);
    border: none;
    margin: 0 auto;
    width: 50%;
    padding: 60px 0;
    height: 100%;
    display: table;
    float: right;
  }
  option {
    background: var(--color-background);
    border: none;
  }
  select:hover,
  option:hover,
  select:focus > option:checked {
    /*background:var(--color-gray-100);*/
  }
  select > option:hover {
    color: var(--color-text);
    cursor: pointer;
  }
  #issue-form select:focus > option:checked {
    background: var(--color-gray-200);
    color: var(--color-black);
  }
  #issue-form select:focus > option:checked,
  #issue-form select > option:hover {
    color: var(--color-black);
  }
  .action-register #main {
    background: var(--color-white);
  }
  .action-register #content h2,
  .action-lost_password #content h2 {
    display: none;
  }
  .action-login #login-form label[for=password] a,
  .action-login label[for=autologin],
  label[for=pref_hide_mail],
  em.info {
    color: var(--color-gray-400);
    letter-spacing: 0;
    font-size: 1.1rem;
  }
  .form-control,
  input[type=text],
  input[type=date],
  input[type=file],
  input[type=password],
  textarea {
    font-size: 1.3rem;
    width: auto;
    max-width: 100%;
    height: auto;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    background-clip: padding-box;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: var(--color-gray-400);
    border-radius: var(--border-radius-base);
    min-height: 28px;
    min-width: 30px;
  }
  .attachments_fields input.filename {
    width: auto;
  }
  form fieldset #name {
    width: auto;
    display: inline-block;
    text-align: left;
  }
  .controller-projects input {
    text-align: left !important;
  }
  input[value=Apply],
  .box.tabular .floating input[type=checkbox] {
    /*width: auto!important*/
  }
  input[value=Copy],
  input[value=Save] {
    width: auto !important;
  }
  .box.tabular#project_modules {
    margin-top: 0;
  }
  .box.tabular#project_modules label,
  .box.tabular#project_trackers label,
  .box.tabular#project_issue_custom_fields label {
    padding-left: 7px;
    display: inline-block !important;
  }
  .tab-content#tab-content-activities td {
    position: relative;
  }
  .action-login #username,
  .action-login #password {
    text-align: center;
  }
  #content .action-register input[type=text],
  #content .action-register input[type=password],
  #content .action-register select,
  #content .action-lost_password input[type=text] {
    background-color: rgba(255, 255, 255, 0.05);
    padding: 10px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid var(--color-white);
  }
  .login::after,
  .register::after,
  #top-menu ul li:first-child a::after,
  .logout::after,
  .my-account::after {
    font-family: "zenmine" !important;
    display: inline-block;
    width: 14px;
    font-weight: normal;
    font-size: 17px;
    font-weight: 100;
    position: relative;
    top: 3px;
    left: 0;
  }
  .home,
  .logout,
  .my-account {
    font-size: 0 !important;
  }
  #new_project input[type=text] {
    text-align: left;
  }
  #new_project textarea {
    text-align: left;
  }
  #login-form form,
  .action-lost_password form .box.tabular {
    display: table-cell;
    vertical-align: middle;
  }
  .logo_login,
  .action-login form > input,
  .action-login form > label,
  .action-register #new_user p,
  .action-lost_password p {
    width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
  .action-login input[type=submit],
  .action-register input[type=submit],
  .action-lost_password input[type=submit] {
    border: 0;
    font-size: 1.2rem;
    padding: 12px 24px;
    width: auto;
    margin: 50px auto 0 auto;
    cursor: pointer;
    border-radius: var(--border-radius-base);
  }
  .action-login input[type=submit],
  .action-register input[type=submit] {
    float: none;
  }
  .action-login #quick-search,
  .action-register #quick-search,
  .action-lost_password #quick-search {
    display: none;
  }
  #login-form a.lost_password {
    width: 320px;
    margin: 0 auto;
    display: block;
    text-align: right;
    float: none;
  }
  /**********************************************************/
  /* USER */
  /**********************************************************/
  #user_login,
  #user_firstname,
  #user_lastname,
  #user_mail,
  #my_account_form select,
  #user_form select,
  #user_identity_url {
    width: inherit;
  }
  .vcard {
    border-spacing: 0;
  }
  /**********************************************************/
  /* MY PAGE */
  /**********************************************************/
  .mypage-box {
    padding: 0;
    position: relative;
    background: var(--color-white);
    border: 0;
  }
  .mypage-box p {
    padding: 10px 20px;
    margin: 0;
  }
  .mypage-box form {
    background-color: var(--color-white);
    display: block;
  }
  .mypage-box form td {
    height: 20px;
  }
  .mypage-box h3 {
    font-weight: 500;
    font-size: 1.8rem;
    padding: 17px 25px 10px 0;
  }
  .controller-welcome #content {
    font-size: 1.4rem;
  }
  .controller-welcome .wiki:before {
    font-size: 70px;
  }
  #my-page .list th.checkbox,
  #my-page .list td.checkbox {
    display: table-cell;
  }
  .mypage-box input[type=submit] {
    margin-left: 20px;
  }
  .mypage-box input[type=submit] + a {
    background-color: var(--color-gray-100);
    color: var(--color-gray-400);
  }
  .mypage-box input[type=submit] + a:hover {
    color: var(--color-white);
    background-color: var(--color-gray-400);
  }
  /**********************************************************/
  /* OVERVIEW */
  /**********************************************************/
  .controller-projects.action-show .list.issue-report {
    width: 100%;
  }
  /**********************************************************/
  /* PROJECTS */
  /**********************************************************/
  #projects-index ul.projects div.root a.project {
    font-size: 2rem;
    font-weight: 400;
    text-decoration: none;
  }
  .my-project.icon-user {
    padding-left: 0 !important;
  }
  .projects .project:hover {
    text-decoration: none;
    color: var(--color-gray-800);
  }
  label[for=closed] {
    margin-right: 20px;
    position: relative;
  }
  #projects-index + p {
    text-align: left !important;
    margin-top: 20px;
  }
  .my-project {
    background: none;
    color: var(--color-gray-700);
  }
  .my-project:hover:after {
    opacity: 1;
  }
  .controller-projects.action-show div:not(.contextual) > .icon::before {
    content: "";
  }
  .controller-projects.action-show div:not(.contextual):not(.drdn-items):not(.mypage-box):not(.mypage-box > div) > .icon,
  .controller-projects.action-show .box h3 {
    background-image: none;
    padding-left: 0;
    display: inline-block;
  }
  #projects-index .wiki.description {
    font-size: 12px;
    margin-left: 0px;
    line-height: 1.5;
  }
  #projects-index ul.projects li.root > ul.projects {
    padding: 0 10px;
    border-left: 1px solid var(--color-gray-400);
  }
  .projectshide {
    cursor: pointer;
    margin-right: 6px;
    display: inline-block;
  }
  #projects-index ul.projects li.child {
    margin-bottom: 4px;
    margin-top: 4px;
  }
  .controller-projects.action-settings .list {
    background-color: var(--color-white);
  }
  .controller-projects.action-show .splitcontentleft .wiki {
    /*margin-top: -25px;*/
    /*font-weight: 600;*/
    margin-bottom: 20px;
  }
  button.jstb_zenedit,
  button.jstb_zenedit.theme {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.5rem;
  }
  .jstEditor.zen button.jstb_zenedit.theme {
    display: none;
  }
  /**********************************************************/
  /* ACTIVITY */
  /**********************************************************/
  div#activity dl {
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 36px;
  }
  div#activity dd span.author {
    padding-top: 5px;
    display: block;
  }
  #activity dt img.gravatar {
    float: left;
    margin: -4px 1em 1em 0;
    height: 30px;
    width: 30px;
  }
  div#activity dl .icon {
    background-image: none;
  }
  div#activity dl dt {
    margin-left: 40px;
    border-top: 1px solid;
    padding-top: 16px;
    padding-left: 14px;
    border-color: var(--color-border);
    background-color: var(--color-white);
  }
  div#activity dt.grouped,
  div#activity dd.grouped {
    margin-left: 86px;
    border: none;
  }
  div#activity dl dt::before {
    font-family: "zenmine";
    content: "\e8f8";
    position: absolute;
    bottom: -50%;
    left: -45px;
    font-size: 17px;
    background: var(--color-white);
    border-radius: 100%;
    padding: 6px;
    z-index: 1;
    color: var(--color-gray-400);
    width: 30px;
    height: 30px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  div#activity dl dt::after {
    font-family: "zenmine";
    content: "\e8ae";
    position: absolute;
    left: -5px;
    transform: rotate(48deg);
    bottom: -25%;
    color: var(--color-white);
    background: var(--color-white);
  }
  div#activity dt a {
    font-weight: 700;
  }
  .controller-activities .previous {
    margin: 0;
    float: left;
    width: auto;
  }
  .controller-activities .next {
    margin: 0;
    float: right;
    width: auto;
  }
  div#activity dt .time {
    font-size: 1.2rem;
    color: var(--color-gray-600);
    margin-right: 16px;
    font-weight: 500;
  }
  dt {
    position: relative;
  }
  dt .time {
    position: absolute;
    right: 0;
  }
  #activity dt a {
    font-size: 1.3rem;
    color: var(--color-info);
  }
  div#activity dt.me .time {
    border-bottom: 0;
    border-radius: var(--border-radius-base);
    color: var(--color-white);
    background: var(--color-gray-400);
    padding: 4px 8px;
    margin-right: 10px;
    font-weight: 900;
  }
  div#activity dd {
    margin-bottom: 14px;
    /*margin-bottom: 25px;*/
    background-color: var(--color-white);
    font-size: 1.3rem;
    padding-top: 2px;
    padding-bottom: 12px;
    padding-left: 59px;
  }
  .controller-activities h2 {
    margin-left: 0 !important;
  }
  #activity {
    position: relative;
    padding-top: 20px;
  }
  #activity::before {
    position: absolute;
    width: 1px;
    height: 100%;
    content: "l";
    top: 20px;
    left: 7px;
    background: var(--color-gray-400);
    font-size: 0;
    z-index: 1;
  }
  #activity h3:before {
    font-family: "zenmine";
    display: inline-block;
    content: "";
    border-radius: 20px;
    border: 2px solid;
    padding: 8px;
    margin-left: -30px;
    background: var(--color-bg-cool);
    position: absolute;
    border-color: var(--color-gray-500);
  }
  #activity h3,
  #activity h4 {
    font-size: 16px;
    margin-bottom: 0;
    padding: 0px 0px 0px 40px;
    border-radius: var(--border-radius-base);
    border-bottom: none;
    position: relative;
    z-index: 777;
    margin-left: -12px;
  }
  #activity dt img.gravatar {
    vertical-align: middle;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-top: -5px;
    margin-right: 15px;
    margin-left: 0;
  }
  /**********************************************************/
  /* ROADMAP */
  /**********************************************************/
  .version-article .icon-only.icon-edit:after {
    content: none;
  }
  .version-article,
  #roadmap {
    padding: 20px;
    border-radius: var(--border-radius-base);
    background-color: var(--color-white);
  }
  .controller-versions #sidebar ul li {
    display: -webkit-inline-box;
  }
  .list.versions-planning-board {
    background-color: var(--color-white);
    border-radius: var(--border-radius-base);
  }
  div#roadmap .related-issues {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .version-overview {
    display: inline-block;
    width: 60%;
  }
  div.version-completed.version-closed,
  div.version-incompleted.version-open {
    margin-top: 40px;
  }
  /**********************************************************/
  /* PEOPLE */
  /**********************************************************/
  .controller-people #content h2:before {
    margin-right: 0;
  }
  table.people.index {
    border-top: 0;
    border-right: 0;
    border-left: 0;
  }
  div.person.details {
    background: none;
    border: 0;
  }
  .select-users fieldset label {
    clear: both;
  }
  .controller-people_holidays table.list td:last-child {
    text-align: right;
  }
  .controller-people_holidays table.list td:last-child a {
    margin-right: 20px;
    letter-spacing: 1px;
  }
  .select2-container--default .select2-selection--single {
    background: var(--color-white) url(/themes/zenmine-301/images/vcard.png) no-repeat 2px 50%;
    border: 0;
    border-radius: 2px;
    height: 30px;
  }
  .select2-selection__arrow {
    background-image: url(/themes/zenmine-301/images/chevron-down.svg);
    /*top: initial;
    right: 14px;*/
    top: 12px;
    right: 5px;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none;
  }
  .ui-icon-closethick {
    background: none;
    text-indent: initial;
    color: initial;
  }
  .select2-dropdown {
    border: 0;
    padding: 10px;
  }
  .select2-results__option {
    padding: 8px 20px;
  }
  .filter .select2-selection--multiple .select2-search--inline .select2-search__field {
    min-width: 150px;
  }
  /**********************************************************/
  /* CONTACTS */
  /**********************************************************/
  .buttons {
    margin-bottom: 10px;
    margin-top: 20px;
  }
  .mypage-box td.buttons {
    vertical-align: bottom;
  }
  div.contact {
    border: 0;
  }
  table.note_data td.name h4 {
    letter-spacing: 0;
    margin: 10px 0 0 0;
    padding-top: 5px;
    position: relative;
  }
  table.note_data .content.preview {
    padding: 0% 2% 2% 2%;
  }
  .controller-contacts #recently_viewed table td a {
    padding: 0;
  }
  .icon-phone {
    background-image: none;
  }
  .icon-fav-off,
  .icon-fav {
    background-image: none !important;
  }
  /**********************************************************/
  /* DEALS */
  /**********************************************************/
  .controller-deals #recently_viewed table td a {
    padding: 0;
  }
  div.deal {
    padding: 10px;
    margin-bottom: 10px;
    border: 0;
  }
  /**********************************************************/
  /* TIME */
  /**********************************************************/
  #criterias + a {
    float: none !important;
    display: inline-block;
  }
  #new_time_entry a:last-of-type {
    border: 0;
    background-color: rgba(187, 187, 187, 0.15);
    color: var(--color-gray-400);
    display: inline-block;
  }
  #new_time_entry a:last-of-type:hover {
    background-color: var(--color-gray-400);
    color: var(--color-white);
  }
  /**********************************************************/
  /* GANTT */
  /**********************************************************/
  .controller-gantts .buttons a {
    float: none !important;
    display: inline-block;
  }
  .controller-gantts .buttons {
    font-size: 0.9em;
    margin-bottom: 0;
    margin-top: 1em;
    display: initial !important;
  }
  /**********************************************************/
  /* CALENDAR */
  /**********************************************************/
  table.cal {
    background-color: var(--color-white);
  }
  p.cal.legend .starting,
  p.cal.legend .ending,
  p.cal.legend .starting.ending {
    padding-left: 0;
  }
  .controller-calendars .buttons a {
    float: none;
    display: inline-block;
  }
  .controller-calendars .buttons {
    font-size: 0.9em;
    margin-bottom: 0;
    margin-top: 1em;
    z-index: -1;
  }
  .controller-people_calendars .buttons {
    display: flex;
  }
  .cal .odd {
    background-color: var(--color-gray-100);
  }
  .cal div.issue {
    margin-bottom: 5px;
  }
  table.cal td.today {
    background: light-dark(#fbfdff, var(--color-gray-800));
    border: 2px solid var(--color-green-dark);
  }
  table.cal td.today p.day-num {
    font-size: 1.4rem;
    color: var(--color-green-dark);
  }
  table.cal td.today p.day-num::before {
    font-family: "zenmine";
    content: "\e8f8";
    font-size: 1.4rem;
    color: var(--color-green-dark);
    padding-right: 4px;
  }
  /**********************************************************/
  /* ISSUES */
  /**********************************************************/
  body.controller-issues #content {
    min-height: 680px;
  }
  .icon-reload,
  .icon-reload::before,
  .icon-cancel,
  .icon-cancel::before {
    color: var(--color-gray-500) !important;
  }
  .edit_issue .splitcontent {
    /*overflow: initial;*/
  }
  #attributes .splitcontentleft {
    clear: both;
  }
  .splitcontentleft,
  #list-left {
    float: left;
    width: 49%;
    border-radius: var(--border-radius-base);
    padding-right: 8px;
  }
  div.issue .attributes .attribute .label {
    width: 170px;
    margin-left: 0;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--color-gray-600);
    position: relative;
    margin-bottom: 14px;
    text-transform: none;
    font-weight: 500;
    font-size: 1.3rem;
  }
  table.list tbody tr:hover {
    background-color: var(--color-gray-100);
  }
  div.issue .attributes {
    margin-top: 2em;
    padding: 2%;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-base);
  }
  .journal.has-details .details li {
    /*clear: both;*/
    list-style: none;
  }
  .journal.has-details .details li:before {
    font-family: "zenmine";
    content: "\e8e5";
    padding-right: 5px;
    margin-left: -15px;
    padding-right: 6px;
  }
  div.issue form {
    display: inline;
  }
  div.issue .description {
    padding-top: 5px;
  }
  form#new-relation-form input,
  form#new-relation-form a {
    float: none;
    border-width: 2px;
  }
  #relation_issue_to_id,
  form#new-relation-form select {
    background-color: var(--color-gray-200);
  }
  div.issue .next-prev-links {
    margin-bottom: 20px;
  }
  div.issue div.subject h3 {
    font-size: 24px;
  }
  div.issue {
    background-color: var(--color-white);
    border: 0;
    padding: 30px;
    margin-bottom: 30px;
  }
  #history .journal_message {
    margin-left: 30px;
    margin-top: -20px;
    margin-bottom: 30px;
  }
  #history {
    border: none;
    padding-right: 0;
  }
  body.avatars-on div.journal {
    padding-left: 0;
  }
  div.journal {
    overflow: auto;
    margin-bottom: 30px;
    background-color: var(--color-background);
    border-radius: var(--border-radius-base);
    border: 1px solid var(--color-border);
  }
  div.journal h4 {
    background-color: var(--color-white);
    /*padding: 10px 45px;*/
    padding: 10px;
    border-bottom: 1px dotted var(--color-border);
  }
  #history div:target h4::after,
  #history div:target h4 span {
    /*color: var(--color-bg-info);*/
    background-color: var(--color-bg-info);
  }
  div.journal h4 .journal-link {
    float: right;
    /*margin-right:-20px;*/
  }
  div.journal h4::after {
    font-family: "zenmine";
    content: "\e8ae";
    position: absolute;
    left: 2px;
    transform: rotate(48deg);
    color: var(--color-background);
    background: var(--color-background);
  }
  div.journal ul.details,
  ul.revision-info {
    color: var(--color-gray-600);
    margin-bottom: 14px;
    padding-left: 40px;
    padding-right: 25px;
  }
  div.journal .wiki,
  div.journal.private-notes .wiki {
    padding-left: 25px;
    padding-right: 25px;
    margin-left: 0;
    padding-bottom: 15px;
  }
  div.journal form {
    padding: 10px;
  }
  div.journal form > p {
    color: transparent;
    display: flex;
  }
  div.journal form > p a {
    background-color: rgba(167, 167, 167, 0.15);
    color: var(--color-gray-400);
    padding: 12px 20px;
    /*text-transform: uppercase;*/
    /*letter-spacing: 2px;*/
    font-size: 1.3rem;
    cursor: pointer;
    margin-right: 10px;
    text-decoration: none;
    border-radius: var(--border-radius-base);
  }
  div.journal form p a:hover {
    color: var(--color-white);
    background-color: var(--color-gray-400);
  }
  div.journal.has-notes {
    margin-left: 30px;
  }
  #history div.journal.has-notes {
    margin-left: 0;
  }
  .journal del > i:first-of-type,
  .journal i:first-of-type {
    color: #8a2657;
  }
  .journal i:last-of-type {
    color: #17612f;
    font-style: normal;
  }
  span.journal-actions {
    position: relative;
    margin-right: 20px;
  }
  span.journal-actions a {
    text-decoration: none;
  }
  span.journal-actions a:hover {
    font-weight: 700;
  }
  p.other-formats {
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 1.2rem;
    color: var(--color-gray-400);
  }
  .controller-activities p.other-formats {
    margin-top: 0;
  }
  .other-formats a {
    color: var(--color-gray-500);
  }
  .other-formats span:first-child {
    margin-left: 7px;
  }
  h4 {
    padding-bottom: 10px;
  }
  #all_attributes .icon.icon-edit {
    padding: 6px 16px;
    display: inline-table;
  }
  .controller-issues .attachments .contextual .icon-only.icon-edit {
    width: 18px;
    text-decoration: none;
    background: none;
  }
  #issue_tree .contextual,
  #relations .contextual {
    position: relative;
    z-index: 7;
  }
  #ticket_data .icon-email {
    padding-left: 0;
  }
  #issue-form.edit_issue {
    color: transparent;
  }
  .edit_issue fieldset {
    margin-bottom: 20px;
  }
  .conflict-details .conflict-journal {
    text-align: left;
  }
  #issue-form.edit_issue .conflict + p {
    color: initial;
  }
  #issue-form.edit_issue .conflict + p + p {
    margin-bottom: 40px;
    display: table-caption;
  }
  #issue-form.edit_issue .conflict + p + p + .box {
    clear: both;
  }
  .controller-queries.action-edit .block_columns span.checkbox,
  .controller-queries.action-edit .block_columns + p span.checkbox {
    float: none;
    margin-right: 2px;
    margin-left: -20px;
  }
  .check_box_group.bool_cf label {
    display: inline-block;
    width: initial;
  }
  .check_box_group.bool_cf label input {
    width: initial;
  }
  .controller-issues.action-show .splitcontent + p {
    clear: both;
  }
  .controller-issues .tabular p {
    min-height: 3rem;
  }
  .check_box_group span.checkbox:not(.on) {
    background: var(--color-gray-200);
  }
  #checklist_form_items {
    display: inline-block;
  }
  /**********************************************************/
  /* WIKI */
  /**********************************************************/
  .controller-wiki.action-show #wiki_form p a {
    border-width: 2px;
    display: inline-block;
  }
  /**********************************************************/
  /* NEWS */
  /**********************************************************/
  #news-form input[type=submit] + a + a {
    float: left;
  }
  .controller-news .news-article {
    background: var(--color-white);
    padding: 2%;
    margin-bottom: 1%;
    border-radius: var(--border-radius-base);
  }
  /**********************************************************/
  /* SETTINGS */
  /**********************************************************/
  .action-settings .tab-content {
    margin-top: 15px;
  }
  #tab-content-versions fieldset > * {
    display: inline-block;
    margin-right: 10px;
  }
  #tab-content-versions fieldset {
    width: 97%;
  }
  .buttons .icon.icon-reload {
    background-color: rgba(187, 187, 187, 0.15) !important;
  }
  .icon.icon-reload.btn.btn-sm.btn-outline-dark,
  .icon-cancel.btn.btn-sm.btn-outline-dark {
    background-color: rgba(187, 187, 187, 0.15);
  }
  .icon.icon-reload {
    background-color: rgba(187, 187, 187, 0.15);
  }
  .icon.icon-reload:hover,
  .icon.icon-cancel:hover {
    background-color: var(--color-gray-400) !important;
    color: var(--color-white) !important;
  }
  .icon.icon-reload:hover::before,
  .icon.icon-reload.btn.btn-sm.btn-outline-dark:hover:before,
  .icon.icon-cancel.btn.btn-sm.btn-outline-dark:hover:before {
    color: var(--color-white) !important;
  }
  #tab-content-versions fieldset input[type=submit] {
    padding: 10px 14px !important;
  }
  #modules-form .box + p {
    display: none;
  }
  #new-relation-form input[type=text],
  #new-relation-form select {
    border: 1px;
    border: var(--color-gray-400) 1px solid;
    margin-left: 10px;
    margin-right: 10px;
  }
  #new-relation-form p > * {
    float: initial;
  }
  #new-relation-form input[type=submit] + a {
    border: 0;
  }
  #project_modules.box a,
  #ajax-modal .icon.icon-checked {
    margin-right: 6px;
    padding: 0;
    margin-left: 0;
    border: none;
  }
  #project_modules.box a:hover {
    background: none !important;
  }
  /**********************************************************/
  /* FORUM */
  /**********************************************************/
  table.boards a.board {
    padding-left: 0;
  }
  table.boards a.board::before {
    margin-right: 4px;
  }
  .reply .icon.icon-comment,
  .reply .icon.icon-del,
  .reply .icon.icon-edit {
    border: 0;
    padding: 0;
  }
  .reply .icon.icon-comment:hover,
  .reply .icon.icon-del:hover,
  .reply .icon.icon-edit:hover {
    background: transparent;
  }
  .message.reply {
    background-color: var(--color-white);
    padding: 20px;
    margin-top: 21px;
  }
  #message-form span.checkbox {
    float: none;
    margin-right: 0;
    vertical-align: middle;
    margin-left: -20px;
  }
  /**********************************************************/
  /* CONTEXT MENU */
  /**********************************************************/
  #context-menu li {
    padding: 0;
    border: 0;
  }
  #context-menu li:hover {
    border: 0;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    color: var(--color-white);
    background-repeat: no-repeat;
  }
  #context-menu ul {
    border: 1px lightgrey;
    padding: 8px;
    box-shadow: 0 6px 8px 1px rgba(0, 0, 0, 0.14);
    border-radius: var(--border-radius-base);
  }
  #context-menu li a.icon {
    background-image: none;
    padding-top: 1px;
    padding-bottom: 1px;
    text-transform: none;
    font-size: 1.2rem;
    font-weight: 400;
    background-repeat: no-repeat;
    background-color: transparent;
    margin-bottom: 5px;
  }
  #context-menu a:hover,
  #context-menu .icon:hover {
    color: var(--color-gray-800);
    background-color: var(--color-gray-200);
  }
  #context-menu .icon-del:hover,
  #context-menu .icon-lock:hover {
    background-color: rgba(255, 0, 0, 0.1294117647);
  }
  #context-menu a:before,
  #context-menu a:after {
    content: "" !important;
    margin-right: 0 !important;
    font-size: initial !important;
    vertical-align: initial !important;
    margin-left: 0px !important;
  }
  #context-menu > ul > .folder > a:after {
    content: "\e844";
    font-family: "zenmine";
    float: right;
    padding-top: 6px;
  }
  #context-menu li a.submenu {
    padding-right: 0;
  }
  #context-menu a:hover {
    border-radius: 0;
    border: 0;
  }
  /**********************************************************/
  /* POPUP */
  /**********************************************************/
  .ui-dialog-content.ui-widget-content .buttons {
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .ui-dialog-content.ui-widget-content input[type=submit],
  .ui-dialog-content.ui-widget-content input[type=button] {
    border-radius: 20px;
    float: none;
    background: transparent;
    cursor: pointer;
  }
  .ui-dialog-content.ui-widget-content input[type=submit]:hover,
  .ui-dialog-content.ui-widget-content input[type=button]:hover {
    color: var(--color-white);
  }
  .ui-dialog .icon-user {
    background: none;
    padding: 0;
  }
  /**********************************************************/
  /* BULK ACTIONS */
  /**********************************************************/
  #bulk_edit_form span.checkbox,
  #bulk_edit_form .cb_status {
    float: none;
  }
  /**********************************************************/
  /* FILTERS STYLING */
  /**********************************************************/
  a.collapsible::before,
  fieldset.collapsible > legend {
    text-transform: uppercase !important;
    font-weight: 400;
    font-size: 1.1rem;
    padding: 12px 0 0 15px;
    margin: 0;
    width: 100%;
    display: block;
    float: none;
    background: none;
    opacity: 0.5;
  }
  a.collapsible.collapsed::before,
  .collapsible.collapsed > legend::before {
    font-family: "zenmine";
    content: "\e844" !important;
    position: absolute;
    left: 12px;
    font-size: 1.5rem;
    color: var(--color-text) !important;
    opacity: 1;
    margin-top: -2px;
    -webkit-transition: 0.1s ease-out;
    -moz-transition: 0.1s ease-out;
    transition: 0.1s ease-out;
  }
  .autoscroll fieldset.collapsible > legend {
    width: 96%;
    margin: 12px 0;
  }
  .autoscroll fieldset.collapsible > legend::before {
    position: initial;
  }
  a.collapsible.collapsed:hover:before,
  fieldset.collapsible.collapsed > legend:hover:before {
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
  }
  fieldset.collapsible.collapsed > legend:hover,
  fieldset.collapsible:not(.collapsed) > legend {
    opacity: 1;
  }
  a.collapsible:not(.collapsed)::before,
  .collapsible:not(.collapsed) > legend:before {
    font-family: "zenmine";
    content: "\e844" !important;
    position: absolute;
    left: 12px;
    /*top: 14px;*/
    font-size: 1.5rem;
    color: var(--color-text) !important;
    opacity: 1;
    margin-top: -2px;
  }
  a.collapsible:not(.collapsed)::before,
  fieldset.collapsible:not(.collapsed) > legend::before {
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
  }
  #query_form {
    width: 100%;
    padding-bottom: 20px !important;
  }
  a.icon {
    margin-bottom: 5px !important;
  }
  table.query-columns td.buttons {
    display: table-cell;
  }
  span.query-columns select {
    vertical-align: middle;
    border-color: var(--color-gray-400);
    border-radius: var(--border-radius-base);
  }
  span.query-columns .buttons {
    position: relative;
    display: inline-grid;
    vertical-align: middle;
    margin-right: 28px;
    margin-left: 10px;
  }
  body.controller-issues .query-totals {
    margin-top: 0;
  }
  .filters .buttons {
    padding-bottom: 30px;
  }
  tr.group span.totals {
    font-size: 100%;
  }
  /**********************************************************/
  /* SETTINGS TABS STYLING */
  /**********************************************************/
  .select2-container,
  .box.tabular select:not([multiple]),
  .add-filter select,
  fieldset select:not([multiple]),
  .values select:not([multiple]),
  .operator select,
  #columns,
  #criterias {
    background-color: transparent !important;
    border: 1px solid var(--color-gray-400);
    border-radius: var(--border-radius-base);
    margin-right: 10px;
  }
  fieldset#filters td.operator select {
    max-width: 120px;
  }
  /**********************************************************/
  /* FILE DROP AREA */
  /**********************************************************/
  input.file_selector.filedrop {
    border: 2px dashed var(--color-gray-400);
    -webkit-border-radius: var(--border-radius-base);
    border-radius: var(--border-radius-base);
    padding: 30px 50px;
    text-align: center;
    line-height: 10px;
    background-color: white;
    border-style: dashed;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 50%;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.06);
    cursor: pointer;
  }
  .controller-issues input.file_selector.filedrop {
    width: 85%;
  }
  /**********************************************************/
  /* SECTION SEPARATOR (ISSUE PAGE) */
  /**********************************************************/
  hr {
    border-style: solid;
    border-bottom-width: 1px;
  }
  div.issue hr:first-of-type {
    display: none;
  }
  div.issue .description {
    margin-top: 10px;
  }
  /**********************************************************/
  /* LABELS ALIGNMENT */
  /**********************************************************/
  a.icon.icon-checked:hover {
    background: transparent !important;
  }
  #new_membership #principal_search {
    text-align: left;
    padding: 0px 0.5rem;
  }
  body:not(.action-settings):not(.controller-settings) .tab-content p label {
    display: inline-block;
    margin-right: 7px;
    font-weight: 500;
  }
  .tab-content#tab-content-info p label,
  body.controller-boards.action-new p label {
    width: 9%;
    text-align: left;
    display: inline-block;
  }
  .tab-content#tab-content-info p input,
  body.controller-boards.action-new p input {
    display: inline-block;
  }
  #all_attributes {
    position: relative;
  }
  .action-new:not(.controller-deals) #all_attributes p {
    border-bottom: 1px solid #e7e4e4;
    padding-bottom: 20px;
  }
  .action-new #all_attributes p label,
  .action-new .tabular label {
    display: inline-block;
    min-width: 160px;
    text-align: left;
  }
  .check_box_group label,
  #watchers_inputs label,
  #issue_is_private_label {
    min-width: initial !important;
    width: initial !important;
  }
  input#issue_subject,
  input#document_title {
    width: calc(99% - 190px);
  }
  .action-new #all_attributes p input {
    text-align: left;
    display: inline-block;
    padding-left: 7px !important;
    width: initial;
    /*border:1px solid var(--color-gray-400);*/
  }
  .action-new #all_attributes p select {
    font-family: inherit;
    display: inline-block;
  }
  body.controller-issues.action-new {
    width: auto;
  }
  body.controller-issues.action-new input[type=checkbox] {
    width: 25px !important;
  }
  body.controller-issues.action-new label {
    margin: 0 7px 0 0;
    padding: 0;
  }
  body.controller-issues.action-new #issue_is_private_wrap .filtercheckmark {
    top: 5px;
  }
  body.controller-issues.action-new #all_attributes p {
    border: none;
    padding: 0;
    margin-bottom: 7px;
  }
  body.controller-issues.action-new #issue_description_and_toolbar {
    vertical-align: top;
    display: inline-block;
    width: 90%;
  }
  body.controller-issues.action-new .splitcontentleft,
  body.controller-issues.action-new .splitcontentright {
    border: none !important;
  }
  body.controller-issues.action-new #issue_project_id,
  body.controller-issues.action-new .splitcontentleft select,
  body.controller-issues.action-new .splitcontentright select {
    background-position: 97% center;
  }
  body.controller-issues.action-new .splitcontentright .list_cf.check_box_group label {
    display: block;
    text-align: left;
  }
  body.controller-issues.action-new #attributes a {
    /*font-size: 0 !important;
    padding: 0 !important;*/
  }
  body.controller-issues.action-new .splitcontentleft .icon-add::after {
    content: "\e8b1" !important;
    color: var(--color-gray-800);
    opacity: 0.6;
  }
  body.controller-issues.action-new .splitcontentleft .icon-add:hover:after {
    opacity: 1;
  }
  .bool_cf {
    position: relative;
  }
  .bool_cf .filtercheckmark {
    left: 18%;
    top: -10px;
  }
  #attributes .bool_cf.check_box_group {
    display: inline;
  }
  body.controller-issues.action-new .splitcontentright .filtercheckmark {
    top: 5px;
  }
  body.controller-issues.action-new .splitcontentright .list_cf.check_box_group {
    border: 1px solid var(--color-gray-400);
  }
  body.controller-issues.action-new .splitcontent {
    overflow: hidden;
  }
  body.controller-issues.action-new .file_selector.filedrop {
    width: 94% !important;
  }
  #issue_estimated_hours {
    margin-right: 7px;
  }
  #attributes.attributes select {
    width: initial;
  }
  body:not(.controller-products.action-new) #attributes.attributes .splitcontentleft,
  body:not(.controller-products.action-new) #attributes.attributes .splitcontentright {
    /*border:1px solid var(--color-gray-400);*/
  }
  #attributes.attributes .splitcontent:last-child .splitcontentright p:first-child input[type=checkbox] {
    margin-right: 0;
  }
  #attributes.attributes .splitcontent:last-child .splitcontentright .list_cf.check_box_group {
    padding: 1.5%;
    border-radius: var(--border-radius-base);
    width: initial;
  }
  .action-new #all_attributes p:nth-child(3) {
    padding-top: 40px;
  }
  .action-new #attributes.attributes p:nth-child(3) {
    padding-top: 0;
  }
  .action-new #attributes.attributes p:last-child {
    border: none;
    padding: 0 !important;
    margin: 0 !important;
  }
  .action-new .splitcontent {
    margin-bottom: 21px;
    margin-left: 3px;
  }
  #issue_is_private_wrap {
    top: 0;
    right: 0;
    width: auto;
    border: none;
  }
  #issue_is_private_wrap label {
    width: auto;
  }
  /**********************************************************/
  /* LABELS ALIGNMENT IN FILTERS*/
  /**********************************************************/
  #query_form_content label.inline {
    display: inline-block;
    padding-right: 14px;
    position: relative;
  }
  /**********************************************************/
  /* DARK MODE SWITCH */
  /**********************************************************/
  :root {
    --color-green: #00a878;
    --color-red: #cacaca;
    --color-button: #fdffff;
    --color-black: #ccc;
  }
  .switch-button {
    display: inline-block;
  }
  .switch-button .switch-button__checkbox {
    display: none;
  }
  .switch-button .switch-button__label {
    background-color: var(--color-red);
    width: 4rem;
    height: 2rem;
    border-radius: 2rem;
    display: inline-block;
    position: relative;
    cursor: pointer;
  }
  .switch-button .switch-button__label:before {
    transition: 0.2s;
    display: block;
    position: absolute;
    width: 2rem;
    height: 2rem;
    background-color: var(--color-button);
    content: "";
    border-radius: 50%;
    box-shadow: inset 0px 0px 0px 1px var(--color-black);
  }
  .switch-button .switch-button__checkbox:checked + .switch-button__label {
    background-color: var(--color-green);
  }
  .switch-button .switch-button__checkbox:checked + .switch-button__label:before {
    transform: translateX(2rem);
  }
  /**********************************************************/
  /* LAST TWEAKS */
  /**********************************************************/
  td.todo {
    height: 2px;
    top: 5px;
    position: relative;
  }
  td.closed {
    height: 2px;
  }
  td.done {
    height: 2px;
  }
  .jstBlock .wiki-preview {
    padding: 2px;
  }
  body:not(.action-login):not(.action-register):not(.action-lost_password) #main.flip #sidebar {
    margin-left: 2%;
  }
  #main.flip .openclose {
    float: right;
  }
  #main.flip .openclose::before {
    transform: rotate(90deg);
    right: -42px;
    left: unset;
  }
  #main.flip .sidebar-hide {
    margin-right: -14%;
    margin-left: 0;
  }
  /**********************************************************/
  /* HACK IE11 */
  /**********************************************************/
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    select::-ms-expand {
      display: none;
    }
    #quick-search label {
      height: 23px;
    }
    #quick-search #q {
      height: 39px;
      padding: 8px;
    }
    .controller-activities dt.icon {
      background-image: none;
    }
    body.action-register #content {
      /*height:100px;*/
    }
    #q::-ms-clear {
      display: none;
    }
  }
  /**********************************************************/
  /* HACK FIREFOX */
  /**********************************************************/
  @-moz-document url-prefix() {
    .admin.controller-custom_fields .splitcontentright fieldset,
    .admin.controller-users .splitcontentright fieldset,
    .admin.controller-users .splitcontentleft fieldset {
      display: block;
    }
    .admin.controller-custom_fields .splitcontentright fieldset legend {
      width: 100%;
    }
    .action-login #content,
    .action-register #content,
    .action-lost_password #content {
      display: contents;
    }
  }
  /* Zenmine Theme version 3.0, Copyright (C) 2019-2021 - Luis Blasco www.bestredminetheme.com */
  #admin-menu li a {
    margin-bottom: 5px !important;
  }
  fieldset {
    border: none;
    padding: 0;
  }
  #permissions .icon-checked,
  #role-permissions-trackers .icon-checked,
  #tracker_project_ids .icon-checked {
    background-color: transparent;
    padding: 4px;
  }
  #permissions fieldset {
    margin-bottom: 15px;
    border-bottom: 1px solid var(--color-gray-100);
    padding-bottom: 15px;
  }
  #permissions fieldset legend {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
  .ui-sortable-handle {
    background-image: none;
    vertical-align: initial;
    margin-right: 8px;
  }
  .ui-sortable-handle::before {
    font-size: 1.5rem;
    vertical-align: bottom;
  }
  #role-permissions-trackers {
    margin-bottom: 20px;
  }
  div.modal {
    border-radius: 0;
    border: 0;
  }
  .tabular.settings p {
    padding-left: initial;
  }
  .tabular.settings label:not(.inline) {
    margin-left: initial;
    width: auto;
    width: 160px;
  }
  .ui-state-default,
  .ui-widget-content .ui-state-default,
  .ui-widget-header .ui-state-default {
    border: none;
    background: none;
  }
  .controller-admin.action-index a.icon {
    margin-bottom: 0 !important;
  }
  .admin #sidebar a.selected {
    margin-left: -9px;
    padding-bottom: 12px;
    background-color: transparent;
  }
  .objects-selection {
    height: auto;
    overflow: auto;
    width: 100%;
  }
  .admin h2 {
    color: var(--color-white);
    margin-bottom: 10px;
  }
  fieldset input[type=submit] {
    border-color: var(--color-white);
    min-height: 38px;
  }
  .controller-enumerations h3 {
    font-weight: 500;
  }
  .controller-enumerations h2 {
    float: left;
  }
  .controller-enumerations h2 + h3 {
    margin-top: 0;
    clear: both;
  }
  #admin-menu li .icon,
  #admin-menu li .additionals,
  #admin-menu li a {
    background: none !important;
    /*color:var(--color-gray-800);*/
    padding: 4px 0;
    white-space: nowrap;
  }
  .controller-admin.action-index #admin-menu li a {
    white-space: normal;
  }
  #sidebar #admin-menu li .additionals,
  #sidebar #admin-menu li .icon-help {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    display: block;
    margin-top: 20px;
    padding-top: 20px;
  }
  #admin-index #admin-menu li {
    background: var(--color-white);
    margin: 15px;
    border-radius: var(--border-radius-base);
    display: inline-block;
    width: 130px;
    height: 100px;
    vertical-align: top;
    padding: 10px;
    position: relative;
    word-break: break-word;
  }
  #admin-menu li a:before {
    text-align: center;
    margin: 4px 8px;
    opacity: 0.3;
  }
  #admin-menu li a:hover:before {
    opacity: 1;
  }
  #admin-index #admin-menu li a:before {
    display: block;
    font-size: 35px !important;
    margin-bottom: 20px;
  }
  #admin-index #admin-menu li a {
    color: var(--color-gray-600);
    text-align: center;
    font-size: 1.5rem;
    position: absolute;
    top: 20%;
    left: 0;
    display: block;
    line-height: 1.8rem;
    text-decoration: none;
    width: 80%;
    margin: 0 10%;
  }
  #admin-menu a.selected {
    padding-left: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
  }
  #admin-menu a.selected:before {
    opacity: 1;
    margin-bottom: 0;
  }
  tr.group.open td {
    background-color: var(--color-gray-100);
  }
  tr.group.open td.role {
    font-weight: 300;
    vertical-align: middle;
  }
  .action-info td:first-of-type {
    font-weight: 700;
  }
  .action-info .name,
  .action-info .tick {
    width: 50%;
  }
  .controller-trackers .projects {
    /*display: initial !important;*/
  }
  .controller-trackers .projects::before {
    content: none;
  }
  #watchers_inputs .floating {
    display: inline-block;
    margin-right: 21px;
    width: auto;
  }
  .controller-workflows.action-edit form p > *,
  .controller-workflows.action-permissions form p > * {
    position: relative;
    vertical-align: top;
  }
  .controller-workflows.action-edit form p .toggle-multiselect,
  .controller-workflows.action-permissions form p .toggle-multiselect {
    display: none;
  }
  .simplecolorpicker.button {
    border: 1px solid var(--color-white);
    height: 20px;
    width: 20px;
  }
  #notified-projects > ul,
  #tracker_project_ids > ul,
  #custom_field_project_ids > ul {
    max-height: initial;
    float: left;
  }
  .admin table.list td.buttons a {
    text-transform: none;
    letter-spacing: 0;
    font-weight: 500;
  }
  table.memberships td.roles p input[type=submit],
  table.memberships td.roles p input[type=submit] + a {
    float: left;
    padding: 8px 20px;
    min-width: 0;
    margin-top: 10px;
    letter-spacing: 1px;
  }
  table.memberships td.roles p input[type=submit] + a {
    padding: 6px 20px;
  }
  .controller-gantts p.contextual,
  .controller-people_settings.action-index .tab-content .contextual,
  .controller-settings.action-plugin .tab-content .contextual,
  .controller-gantts #options + .contextual,
  #tab-content-deal_statuses > .contextual:first-child,
  #tab-content-memberships > p:first-child,
  #tab-content-departments > .contextual:first-child {
    display: inline-block;
    margin-bottom: 30px;
    margin-top: 10px;
  }
  body.controller-workflows.admin #content form {
    display: table;
    width: 100%;
  }
  body.controller-workflows.admin #workflow_form table select {
    background-color: var(--color-gray-200);
  }
  #new_membership span.checkbox,
  .cb_status {
    position: absolute;
    margin-left: -20px;
  }
  label[for=tag_color],
  label[for=order_status_color_name] {
    margin-left: 30px;
  }
  .select-users fieldset label {
    display: block;
  }
  .box .objects-selection > div,
  #user_group_ids {
    column-count: initial;
    /*column-width: initial;*/
    /*-webkit-column-count: initial;*/
    -webkit-column-count: auto;
    /*-webkit-column-width: initial;*/
    -webkit-column-width: 200px;
    -webkit-column-gap: initial;
    -webkit-column-rule: initial;
    -moz-column-count: initial;
    -moz-column-width: initial;
    -moz-column-gap: initial;
    -moz-column-rule: initial;
  }
  .controller-admin.action-info pre {
    font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace !important;
  }
  /* Zenmine Theme version 3.0, Copyright (C) 2019-2021 - Luis Blasco www.bestredminetheme.com */
  @media screen and (min-width: -mobile1) and (max-width: 1700px) {
    .controller-favorite_projects .filters {
      margin-top: 120px;
    }
  }
  @media screen and (min-width: -mobile1) and (max-width: 1400px) {
    #top-menu #loggedas + ul {
      overflow: hidden;
      width: 80%;
    }
  }
  @media screen and (min-width: 1024px) {
    .current-project,
    #header .breadcrumbs a {
      width: 100%;
    }
  }
  /*@media screen and (min-width: $bp-mobile){	

      #quick-search select{
          border-radius: var(--border-radius-base);
          border: 0;
          padding: 11px 46px 11px 20px;
          color: var(--color-white);
          height: initial;	
          margin-right: 10px;
          margin-top: -2px;
          font-size: 13px;
          background-image: url(/themes/zenmine-301/images/arrow-down2.png);
          background-repeat: no-repeat;
          background-position:94% center;
          border:0px;
          outline:0px;
          appearance:none;
          -moz-appearance:none;
          -webkit-appearance:none;	
          cursor:pointer;
          box-sizing: content-box;
      }


      #quick-search select:hover{	
          background-image: url(/themes/zenmine-301/images/arrow-down.png);
      }


  }
      */
  @media screen and (max-width: 1024px) {
    #sidebar a,
    #sidebar p label {
      padding-left: 0;
      padding-right: 0;
    }
    #sidebar li {
      white-space: nowrap;
    }
    #admin-index #admin-menu li {
      margin: 10px;
    }
    .openclose::before {
      display: none;
    }
  }
  @media screen and (max-width: 899px) {
    body {
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      -webkit-tap-highlight-color: transparent;
    }
    body:not(.admin) form .collapsible.collapsed {
      height: 40px;
    }
    .splitcontentleft,
    #list-left {
      padding-right: 0;
    }
    h1,
    h2,
    h3,
    h4 {
      margin: 10px 0;
    }
    #history h4 {
      margin: 0 0 10px 0;
    }
    form {
      font-size: 12px;
    }
    #content {
      padding: 2%;
      width: 100%;
    }
    #content > h2,
    #content > h2 + p {
      text-align: center;
    }
    #content > .contextual {
      text-align: center;
    }
    .tabular select {
      width: 77%;
    }
    .tab-content#tab-content-info p label,
    body.controller-boards.action-new p label {
      width: initial !important;
    }
    .tabular label,
    .tabular.settings label {
      font-weight: 500;
    }
    #content .tabs ul li {
      margin-right: 2px;
    }
    div.flash.notice,
    #errorExplanation,
    .nodata,
    #errorExplanation + p,
    h2 ~ #errorExplanation {
      margin-bottom: 30px;
      width: 90%;
    }
    input[type=submit],
    input[type=submit] + a {
      float: none;
      border-width: 2px;
      padding: 10px 20px;
    }
    fieldset input[type=submit] {
      float: none;
      padding: 10px 20px;
    }
    span.pagination .items {
      float: none;
    }
    html > body #content {
      min-height: 0;
    }
    .pagination ul.pages li.current,
    .pagination ul.pages li.previous,
    .pagination ul.pages li.next {
      width: initial;
      padding: 0 8px;
    }
    body:not(.controller-issues) #query_form {
      margin-bottom: 20px;
    }
    .flyout-menu h3,
    .flyout-menu h4,
    .flyout-menu > p,
    .flyout-menu > a,
    .flyout-menu ul li a,
    .flyout-menu__search,
    .flyout-menu__sidebar > div,
    .flyout-menu__sidebar > p,
    .flyout-menu__sidebar > a,
    .flyout-menu__sidebar > form,
    .flyout-menu > div,
    .flyout-menu > form {
      padding: 0;
    }
    h2 .live_search {
      display: block;
      padding-top: 12px;
    }
    #api-access-key {
      letter-spacing: 0;
      padding: 0 22px;
    }
    div.ui-dialog {
      text-align: center;
    }
    label[for=available_c],
    label[for=selected_c] {
      position: unset;
      top: unset;
    }
    #projects-index ul.projects div.root a.project {
      font-size: 1.6rem;
    }
    #projects-index {
      font-size: 1.4rem;
    }
    .action-login div.flash,
    .action-register div.flash {
      position: relative;
      width: 50%;
      right: initial;
      bottom: initial;
    }
    .splitcontentleft,
    .splitcontentright,
    .splitcontenttop {
      width: 100%;
    }
  }
  /*----------------------------------------*\
        RESPONSIVE CSS
      \*----------------------------------------*/
  /*
        CONTENTS

        A) BASIC MOBILE RESETS
        B) HEADER & TOP MENUS
        C) MAIN CONTENT & SIDEBAR
        D) TOGGLE BUTTON & FLYOUT MENU
        E) UX ELEMENTS
        F) PAGE SPECIFIC STYLES
        G) FORMS
      */
  /* Hide new elements (toggle button and flyout menu) above 900px */
  .mobile-toggle-button,
  .flyout-menu {
    display: none;
  }
  /*
        redmine's body is set to min-width: 900px
        add first breakpoint here and start adding responsiveness
      */
  @media screen and (max-width: 899px) {
    /*----------------------------------------*\
    A) BASIC MOBILE RESETS
          \*----------------------------------------*/
    /*
    apply natural border box, see: http://www.paulirish.com/2012/box-sizing-border-box-ftw/
    this helps us to better deal with percentages and padding / margin
          */
    *,
    *:before,
    *:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    body,
    html {
      height: 100%;
      margin: 0;
      padding: 0;
    }
    html {
      overflow-y: auto; /* avoid 2nd scrollbar on desktop */
      -webkit-text-size-adjust: 100%; /* prevent font scaling in landscape mode on webkit */
    }
    body {
      min-width: 0; /* reset the min-width of 900px */
      -webkit-overflow-scrolling: touch;
    }
    body,
    input,
    select,
    textarea,
    button {
      font-size: 14px; /* Set font-size for standard elements to 14px */
    }
    select {
      max-width: 100%; /* prevent long names within select menues from breaking content */
    }
    #wrapper {
      position: relative;
      overflow-x: hidden; /* hide horizontal overflow */
      max-width: 100%;
      margin: 0;
    }
    /*----------------------------------------*\
    B) HEADER & TOP MENUS
          \*----------------------------------------*/
    #header {
      width: 100%;
      height: 64px; /* the height of our header on mobile */
      min-height: 0;
      margin: 0;
      padding: 0;
      border: none;
      background-color: var(--color-link-blue-dark);
      position: fixed;
      z-index: 9999;
    }
    /* Hide project name on mobile (project name is still visible in select menu) */
    #header h1 {
      display: none;
    }
    /* reset #header a color for mobile toggle button */
    #header a.mobile-toggle-button {
      color: var(--color-gray-100);
    }
    /* Hide top-menu and main-menu on mobile, because it's placed in our flyout menu */
    #top-menu,
    #header #main-menu {
      display: none;
    }
    /* the quick search within header holding search form and #project_quick_jump_box box*/
    #header #quick-search {
      float: none;
      clear: none; /* there are themes which set clear property, this resets it */
      max-width: 100%; /* reset max-width */
      margin: 0;
      background: inherit;
    }
    /* styles for combobox within quick-search (#project_quick_jump_box) */
    #project-jump.drdn {
      position: absolute;
      top: 0px;
      left: 0;
      width: 100%;
      max-width: 100%;
      height: 2em;
      height: 64px;
      padding: 5px;
      padding-right: 72px;
      padding-left: 20px;
    }
    #project-jump .drdn-trigger {
      font-size: 1.5em;
      font-weight: bold;
      display: block;
      width: 100%;
      color: var(--color-white);
      padding-left: 24px;
      background: transparent;
      height: 50px;
      line-height: 40px;
      border: 0;
    }
    #project-jump .drdn-trigger:before {
      /* set a font-size in order to achive same result in different themes */
      font-family: Verdana, sans-serif;
      font-size: 1.5em;
      position: absolute;
      left: 0;
      padding: 0 8px;
      /* achieve dropdwon arrow by scaling a caret character */
      content: "^";
      -webkit-transform: scale(1, -0.8);
      -ms-transform: scale(1, -0.8);
      transform: scale(1, -0.8);
      text-align: right;
      pointer-events: none;
      opacity: 0.6;
    }
    #project-jump.expanded .drdn-trigger:before {
      -webkit-transform: scale(1, 0.8);
      -ms-transform: scale(1, 0.8);
      transform: scale(1, 0.8);
      padding-top: 8px;
    }
    #project-jump .drdn-content {
      position: absolute;
      left: 0px;
      top: 64px;
      width: 100%;
      font-size: 15px;
      font-weight: normal;
    }
    #project-jump .drdn-content .autocomplete {
      height: 40px;
      font-size: 20px;
    }
    #project-jump .drdn-content a {
      padding: 8px;
    }
    #header #quick-search form {
      display: none;
    }
    /*----------------------------------------*\
    C) MAIN CONTENT & SIDEBAR
          \*----------------------------------------*/
    #main {
      padding: 64px 0 0; /* padding-top equals header height */
    }
    #main.nosidebar #content,
    div#content {
      width: 100%;
      min-height: 0; /* reset min-height of #content */
      margin: 0;
    }
    /* hide sidebar and sidebar switch panel, since it's placed in mobile flyout menu */
    #sidebar,
    #sidebar-switch-panel {
      display: none;
    }
    .splitcontentleft,
    .splitcontentright,
    .splitcontenttop {
      width: 100%;
      flex: auto;
      margin-right: 0;
      margin-left: 0;
    }
    /*----------------------------------------*\
    D) TOGGLE BUTTON & FLYOUT MENU
          \*----------------------------------------*/
    .mobile-toggle-button {
      font-size: 42px;
      line-height: 64px;
      position: relative;
      z-index: 10;
      display: block; /* remove display: none; of non-mobile version */
      float: right;
      width: 60px;
      height: 64px;
      margin-top: 0;
      text-align: center;
      border-left: 1px solid var(--color-gray-300);
    }
    .mobile-toggle-button:hover,
    .mobile-toggle-button:active {
      text-decoration: none;
    }
    .mobile-toggle-button:after {
      font-family: Verdana, sans-serif;
      display: block;
      margin-top: -3px;
      content: "≡";
    }
    /* search magnifier icon */
    .search-magnifier {
      font-family: Verdana, sans-serif;
      color: var(--color-gray-400);
      cursor: pointer;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
    }
    .search-magnifier--flyout {
      font-size: 25px;
      line-height: 54px;
      position: absolute;
      z-index: 1;
      left: 12px;
    }
    /* Flyout Menu */
    .flyout-menu {
      position: absolute;
      right: -250px;
      display: block; /* remove display: none; of non-mobile version */
      overflow-x: hidden;
      width: 250px;
      height: 100%;
      margin: 0; /* reset margin for themes that define it */
      padding: 0; /* reset padding for themes that define it */
      color: white;
      background-color: var(--color-header-bg);
    }
    /* avoid zoom on search input focus for ios devices */
    .flyout-menu input[type=text] {
      font-size: 16px;
    }
    .flyout-menu h3 {
      font-size: 11px;
      line-height: 19px;
      height: 20px;
      margin: 0;
      padding: 0;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: white;
      border-top: 1px solid var(--color-header-border);
      border-bottom: 1px solid var(--color-header-border);
      background-color: var(--color-link-blue-dark);
    }
    .flyout-menu h4 {
      color: white;
    }
    .flyout-menu h3,
    .flyout-menu h4,
    .flyout-menu > p,
    .flyout-menu > a,
    .flyout-menu ul li a,
    .flyout-menu__search,
    .flyout-menu__sidebar > div,
    .flyout-menu__sidebar > p,
    .flyout-menu__sidebar > a,
    .flyout-menu__sidebar > form,
    .flyout-menu > div,
    .flyout-menu > form {
      padding-left: 8px;
    }
    .flyout-menu .flyout-menu__avatar {
      margin-top: -1px; /* move avatar up 1px */
      padding-left: 0;
    }
    .flyout-menu__sidebar > form {
      display: block;
    }
    .flyout-menu__sidebar > form h3 {
      margin-left: -8px;
    }
    .flyout-menu__sidebar > form label {
      display: inline-block;
      margin: 8px 0;
    }
    .flyout-menu__sidebar > form br br {
      display: none;
    }
    /* Targets list containing checkboxes (e.g. activities sidebar) in flyout menu */
    .flyout-menu__sidebar form > ul {
      margin-left: -8px;
      padding-left: 0;
    }
    .flyout-menu__sidebar form > ul li {
      line-height: 39px;
      display: block;
      padding-left: 8px;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
    .flyout-menu__sidebar form > ul li:first-child {
      border-top: none;
    }
    .flyout-menu__sidebar form > ul li label {
      margin: 0;
    }
    .flyout-menu__sidebar form > ul li label a {
      line-height: 1;
      display: inline;
      padding-left: 0;
      border: none;
    }
    .flyout-menu ul {
      margin: 0;
      padding: 0;
      list-style: none;
    }
    .flyout-menu #watchers {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: -webkit-box;
      display: flex;
      flex-direction: column;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
    }
    .flyout-menu #watchers .contextual {
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
      -ms-flex-order: 3;
      order: 3;
    }
    .flyout-menu #watchers h3 {
      margin-left: -8px;
    }
    .flyout-menu #watchers ul li {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: -webkit-box;
      display: flex;
      flex-direction: row;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-align-items: center;
      -ms-flex-align: center;
      -webkit-box-align: center;
      align-items: center;
    }
    .flyout-menu ul li a {
      line-height: 40px;
      display: block;
      overflow: hidden;
      height: 40px;
      white-space: nowrap;
      text-overflow: ellipsis;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
    .flyout-menu ul li:first-child a {
      line-height: 39px;
      height: 39px;
      border-top: none;
    }
    .flyout-menu a {
      color: white;
    }
    .flyout-menu ul li a:hover {
      text-decoration: none;
    }
    .flyout-menu ul li a.new-object,
    .new-object ~ .menu-children {
      display: none;
    }
    /* Left flyout search container */
    .flyout-menu__search {
      line-height: 54px;
      height: 64px;
      padding-top: 3px;
      padding-right: 8px;
    }
    .flyout-menu__search input[type=text] {
      line-height: 2;
      width: 100%;
      height: 38px;
      padding-left: 27px;
      vertical-align: middle;
      border: none;
      -webkit-border-radius: var(--border-radius-base);
      border-radius: var(--border-radius-base);
      background-color: var(--color-white);
    }
    .flyout-menu__avatar {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
    .flyout-menu__avatar img.gravatar {
      width: 40px;
      height: 40px;
      padding: 0;
      vertical-align: top;
      border-width: 0;
    }
    .flyout-menu__avatar a {
      line-height: 40px;
      height: auto;
      height: 40px;
      text-decoration: none;
      color: white;
    }
    /* avatar */
    .flyout-menu__avatar a:first-child {
      line-height: 0;
      width: 40px;
      padding: 0;
    }
    .flyout-menu__avatar .user {
      padding-left: 15px;
      padding-right: 15px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      -webkit-flex-grow: 1;
      -ms-flex-grow: 1;
      flex-grow: 1;
    }
    /* user link when no avatar is present */
    .flyout-menu__avatar--no-avatar a.user {
      line-height: 40px;
      padding-left: 8px;
    }
    .flyout-is-active body {
      overflow: hidden; /* for body not to have scrollbars when left flyout menu is active */
    }
    html.flyout-is-active {
      overflow: hidden;
    }
    .flyout-is-active #wrapper {
      overflow: visible;
      height: 100%;
    }
    .flyout-is-active .mobile-toggle-button:after {
      content: "×"; /* close glyph */
    }
    .flyout-is-active #main {
      /*
      * only relevant for devices with cursor when flyout it active, in order to show,
      * that whole wrapper content is clickable and closes flyout menu
      */
      cursor: pointer;
    }
    #admin-menu {
      padding-left: 0;
    }
    #admin-menu li {
      padding-bottom: 0;
    }
    #admin-menu a,
    #admin-menu a.selected {
      line-height: 40px;
      padding: 0;
      padding-left: 32px !important;
      background-position: 8px 50%;
    }
    /*----------------------------------------*\
    E) UX ELEMENTS
          \*----------------------------------------*/
    .mobile-hide {
      display: none;
    }
    .mobile-show {
      display: initial;
    }
    /* Contextual Buttons */
    #content > .contextual {
      width: 100%;
      margin-bottom: 0.5em;
      padding-left: 0; /* reset left padding in order to use whole space */
      white-space: normal;
    }
    #content > .contextual > a,
    #content > .contextual .drdn,
    p.buttons a {
      font-weight: bold;
      display: inline-block;
      margin: 5px 0;
      margin-right: 2px;
      padding: 9px 9px 9px 9px;
      border: 1px solid var(--color-gray-300);
      -webkit-border-radius: var(--border-radius-base);
      border-radius: var(--border-radius-base);
    }
    #content > .contextual .drdn-content {
      right: initial;
      left: 0px;
      top: 40px;
    }
    #content > .contextual .drdn .drdn-content a {
      padding-top: 9px;
      padding-bottom: 9px;
    }
    #content > .contextual a.icon,
    p.buttons a.icon {
      background-position-x: 4px;
      padding-left: 25px;
    }
    .flyout-menu .contextual {
      float: none;
    }
    /* loading indicator */
    #ajax-indicator {
      width: 60%;
      left: 20%;
    }
    /* jquery ui dialogs */
    .ui-dialog {
      max-width: 98%;
      margin: 1%;
    }
    .ui-dialog .ui-dialog-content {
      padding-left: 0;
      padding-right: 0;
    }
    #filters-table {
      width: 100%;
      float: none;
    }
    .add-filter {
      width: 100%;
      float: none;
      text-align: left;
      margin-top: 8px;
    }
    /*----------------------------------------*\
    F) PAGE SPECIFIC STYLES
          \*----------------------------------------*/
    /* some themes add a margin to login page, remove it on mobile */
    .action-login #main {
      margin: 0;
    }
    div#activity dl,
    #search-results {
      margin-left: 0;
    }
    .version-overview table.progress {
      width: 75%;
    }
    div#version-summary {
      float: none;
      width: 100%;
      margin-left: 0;
    }
    body.controller-versions.action-show div#roadmap .related-issues {
      width: 100%;
    }
    /* History and Changeset */
    div#issue-changesets {
      float: none;
      width: auto;
      margin-left: 0;
      padding-left: 0;
      margin-bottom: 2em;
    }
    div#issue-changesets div.changeset {
      padding-top: 1em;
    }
    /* Gantt charts */
    /*
       * [1] override inline styles with important
       * [2] keep border between subjects and gantt area
       * [3] remove whitespace between subjects and gantt area
       * [4] maintain width due to [3]
       */
    .gantt_subjects_column {
      width: 60%; /* [1] */
    }
    .gantt_subjects_container {
      width: 100%;
      overflow: hidden;
    }
    .gantt_subjects_column .gantt_hdr {
      width: 100%;
      right: 0; /* [2] */
      border-right: solid 1px var(--color-gray-400);
    }
    #gantt_area {
      left: -2px; /* [3] */
      margin-right: -2px; /* [4] */
    }
    /*----------------------------------------*\
    G) FORMS
          \*----------------------------------------*/
    input,
    select,
    textarea {
      max-width: 100%;
    }
    /* tabular forms resets for mobile */
    .tabular p,
    .tabular.settings p {
      padding-left: 0;
    }
    .tabular label,
    .tabular.settings label {
      display: block;
      width: 100%;
      margin-left: 0;
      text-align: left;
    }
    .tabular input,
    .tabular select,
    .tabular textarea {
      width: 100%;
      max-width: 100%;
    }
    .tabular input[type=checkbox],
    .tabular input.date {
      width: auto;
      max-width: 95%;
    }
    /* new issue form */
    #all_attributes p:first-child {
      float: none;
    }
    #all_attributes #issue_tracker_id {
      width: 90%;
    }
    #issue_is_private_label {
      display: inline;
    }
    span#watchers_inputs {
      width: 100%;
    }
    /* issue edit form */
    label[for=issue_description] ~ a .icon-edit {
      word-wrap: normal;
    }
    /* issues page */
    body.controller-issues p.query-totals {
      margin-top: 0px;
      text-align: left;
    }
    /* subtasks and related issues list on issue show */
    #issue_tree .issues,
    #relations .issues {
      border-collapse: separate;
      border-spacing: 0 1em; /* vertical space between tasks */
    }
    #issue_tree .issue > td:not(.checkbox),
    #relations .issue > td:not(.checkbox) {
      display: block;
      float: left;
      text-align: left;
      padding-right: 5px;
    }
    #issue_tree .issue > td.subject,
    #relations .issue > td.subject {
      width: 100%; /* let subject have one full width column */
    }
    #issue_tree .issue > td:not(.subject),
    #relations .issue > td:not(.subject) {
      width: 20%; /* three columns for all cells that are not subject */
    }
    #issue_tree .issues,
    #issue_tree .issue,
    #relations .issues,
    #relations .issue {
      position: relative; /* needed for .buttons positioning */
    }
    /* positioniong of unline button */
    #issue_tree .issue > td.buttons,
    #relations .issue > td.buttons {
      text-align: right;
      position: absolute;
      right: 0;
      margin: 0;
      padding-right: 0;
    }
    #issue_tree .issue .buttons a,
    #relations .issue .buttons a {
      vertical-align: middle;
    }
    /* attachment upload form */
    .attachments_fields span {
      position: relative;
      clear: both;
      margin-bottom: 1em;
      white-space: normal;
    }
    .attachments_fields span a.remove-upload {
      position: absolute;
      top: 0;
      right: 0;
    }
    .attachments_fields input.description {
      margin-left: 0;
      width: 100%;
    }
  }
  @media all and (max-width: 599px) {
    span.pagination {
      text-align: center;
    }
    .pagination ul.pages li {
      display: none;
    }
    .pagination ul.pages li.current,
    .pagination ul.pages li.previous,
    .pagination ul.pages li.next {
      display: inline-block;
      width: 32%;
      overflow: hidden;
    }
    #login-form {
      width: 100%;
      margin-top: 2em;
    }
  }
  /* End of base layer */
  #hero {
    background-position: right;
    background-image: url("pattern08.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin: 30px;
  }
  /**********************************************************/
  /* LOGOS */
  /**********************************************************/
  /* You can use two logos, one for the login/register page and another one for the header.*/
  /* Copy your logo file in the customize folder, then copy its name and substitute it here below.*/
  /* Recommended size for login's logo is 500 x 380 px. Recommended size for header's logo is 100 x 100 px.*/
  .logo_login {
    background-image: url(/themes/zenmine-301/customize/logo-login.png);
  }
  #header {
    background-color: var(--color-gray-200);
    background-image: url(/themes/zenmine-301/customize/logo-headers.png);
  }
  #login-form h1 {
    text-align: center;
  }
  /**********************************************************/
  /* FONTS */
  /**********************************************************/
  /* Roboto is the default font for Zenmine. To change it, please read our knowledge base article */
  /* You can use font-size in order to increase/decrease size legilibility */
  body * {
    font-family: "Nunito Sans", "Roboto", Arial, Helvetica, sans-serif;
  }
  body {
    background-color: white;
  }
  /**********************************************************/
  /* FONT SIZE */
  /**********************************************************/
  /* The current theme uses a dynamic font size that impacts on many elements */
  html {
    /*font-size: 65%;*/
    /*font-size: 60%;*/
  }
  /**********************************************************/
  /* STICKY HEADER */
  /**********************************************************/
  /* If you want the header to be fixed instead of sticky, just uncomment the following paragraph to remove the sticky header */
  /*
        #header.sticky:not(.message) #main-menu{
  position: fixed; top:0; z-index: 100; width:100%; margin-bottom: 0;
        }

        */
  #header h1 {
    color: black;
    text-transform: uppercase;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
  }
  /**********************************************************/
  /* COLORS */
  /**********************************************************/
  /* In Zenmine you will be able to change a number of the theme colors. To change them, please
        modify the color code stated under each class block. You may use hex, RGB or HSL color codes)*/
  /* Top menu colors*/
  /* Top menu background color */
  #top-menu {
    background: var(--color-white) url("/themes/zenmine-301/customize/color-bar.png") no-repeat;
    background-position: bottom;
    background-size: 100% 10px;
    padding-bottom: 10px;
    padding-top: 20px;
  }
  /* Top menu links color */
  #top-menu a,
  #top-menu a::before,
  #top-menu a::after {
    color: var(--color-text);
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  #top-menu a:hover,
  #top-menu a.selected {
    background-image: linear-gradient(to left, rgba(16, 181, 128, 0.7) 0, rgba(16, 181, 128, 0.7) 100%);
    background-repeat: repeat-x;
    background-position: 0 bottom;
    background-size: 100% 0.5rem;
  }
  #top-menu ul {
    margin-bottom: 8px;
  }
  /* General links color*/
  a:not(.closed, .btn, .btn-sm, .btn-lg),
  a:not(.closed, .btn, .btn-sm, .btn-lg):link,
  a:not(.closed, .btn, .btn-sm, .btn-lg):visited,
  .sort-handle,
  #header a,
  #sidebar h3,
  input[type=submit],
  .form-control,
  #main-menu li a.selected,
  #main-menu li a:hover,
  #main-menu li a.selected:hover,
  #main-menu .menu-children li a:hover,
  #main-menu li .selected::before,
  #main-menu li a:hover:before,
  #sidebar a:hover,
  #sidebar .contextual a,
  #sidebar a.selected,
  #sidebar p label,
  #admin-index #admin-menu ul li a::before,
  .mypage-box h3 a,
  .projects.root .root ul.projects::before,
  .collapsible > legend,
  .icon.icon-zoom-in,
  .icon.icon-zoom-out,
  .subject a,
  .assigned_to a,
  .controller-settings fieldset > legend,
  .controller-reports .icon-only.icon-zoom-in::after {
    color: var(--color-text-link);
  }
  .darkmode-active #admin-index #admin-menu ul li a::before {
    color: var(--color-text);
  }
  /* General links color when project is inactive/closed  */
  a.project.closed,
  a.project.closed:link,
  a.project.closed:visited {
    color: #707070;
  }
  /* General buttons background color and border radius*/
  .action-login input[type=submit],
  .oauth-submit,
  .action-register input[type=submit],
  .action-lost_password input[type=submit],
  #news-form input[type=submit] + a + a,
  .icon.icon-preview,
  .icon.icon-reply,
  .icon.icon-helpdesk-reply,
  .icon.icon-pdf,
  .icon.icon-add-payment,
  .icon-order-add,
  .icon-order-add,
  .contextual .icon-vote:not(.vote),
  .contextual .icon-unvote:not(.vote),
  #sidebar input[type=submit] + a,
  .controller-wiki.action-show #wiki_form p a:nth-of-type(2),
  .icon.icon-email:not(.email):not(span),
  #issue-form input[type=submit] + a + a,
  .icon.icon-passwd,
  .icon.icon-duplicate,
  .icon.icon-test,
  .icon.icon-summary,
  body:not(.controller-admin):not(.action-login):not(.action-register):not(.action-lost_password) input[type=submit],
  .icon.icon-fullscreen,
  .icon.icon-import,
  body:not(.controller-admin) #content .icon.icon-user:not(td):not(button):not(.project):not(.my-project),
  .icon.icon-email-add,
  .icon.icon-lock,
  .icon.icon-copy,
  body:not(.controller-projects) .icon.icon-fav,
  body:not(.controller-projects) .icon.icon-fav-off,
  .icon.icon-time-add,
  .icon.icon-edit,
  body:not(.controller-admin) .icon.icon-user:not(td):not(button):not(.project):not(.my-project),
  body:not(.controller-admin).icon.icon-lock,
  .icon.icon-checked,
  .icon.icon-zoom-in,
  .icon.icon-zoom-out,
  .icon.icon-save,
  .contextual .icon.icon-add,
  fieldset input[type=submit],
  admin fieldset #name,
  .drdn .drdn-trigger,
  .drdn.expanded .drdn-trigger,
  .gantt_subjects div.issue-subject:hover,
  .icon.icon-stats.btn.btn-sm.btn-primary,
  .icon.icon-move.btn.btn-sm.btn-outline-dark,
  .icon.icon-history.btn.btn-sm.btn-outline-dark,
  input.autocomplete,
  .icon.icon-email-logs,
  .icon.icon-invoice-add-context,
  .btn-sm.btn-outline-dark,
  .icon.icon-fav:not(.my-project),
  .icon.icon-fav-off:not(.my-project),
  .icon.bookmark {
    background-color: rgba(128, 162, 0, 0.15);
    border-radius: var(--border-radius-base);
  }
  /* General buttons background and font color when hovering over with the cursor*/
  .action-login input[type=submit]:hover,
  .oauth-submit:hover,
  .action-register input[type=submit]:hover,
  .action-lost_password input[type=submit]:hover,
  #main-menu.tabs a:hover:after,
  #project-jump .drdn-items > a:hover,
  #admin-index #admin-menu ul li:hover,
  #admin-index #admin-menu ul li:hover a,
  #admin-index #admin-menu ul li:hover a::before,
  #news-form input[type=submit] + a + a:hover,
  #sidebar input[type=submit] + a:hover,
  .icon.icon-preview:hover,
  .icon.icon-history:hover,
  .icon.icon-move:hover,
  .icon.icon-reply:hover,
  icon.icon-helpdesk-reply:hover,
  .icon.icon-add-payment:hover,
  .icon.icon-add-payment:hover,
  .icon.icon-email:not(.email):not([title]):hover,
  .icon.icon-order-add:hover,
  .icon.icon-comment:not(.btn-sm):hover,
  .icon.icon-email-add:hover,
  .icon.icon-passwd:hover,
  .icon.icon-duplicate:hover,
  input[type=submit] + a:hover,
  body:not(.controller-admin):not(.action-login):not(.action-register):not(.action-lost_password) input[type=submit]:hover,
  .icon.icon-fullscreen:hover,
  .icon.icon-import:hover,
  .icon.icon-lock:hover,
  body:not(.controller-projects) .icon.icon-fav:hover,
  .icon.icon-copy:hover,
  body:not(.controller-projects) .icon.icon-fav-off:hover,
  .icon-reply:hover,
  .icon-helpdesk-reply:hover,
  .icon-time-add:hover,
  :not(td) > .icon.icon-edit:hover,
  body:not(.controller-admin) #content .icon.icon-user:not(td):not(.my-project):hover,
  .buttons .icon.icon-save:hover,
  .contextual .icon.icon-add:hover,
  body:not(.controller-admin).icon.icon-lock:hover,
  .icon.icon-zoom-in:hover,
  .icon.icon-zoom-out:hover,
  fieldset input[type=submit]:hover,
  admin fieldset #name:hover,
  .icon.icon-stats.btn.btn-sm.btn-primary:hover,
  .icon.icon-move.btn.btn-sm.btn-outline-dark:hover,
  .icon.icon-history.btn.btn-sm.btn-outline-dark:hover,
  .icon.icon-summary:hover,
  .icon.icon-email-logs:hover,
  .icon.icon-invoice-add-context:hover,
  #main-menu.tabs a.selected:after,
  .btn-sm.btn-outline-dark:hover,
  .icon.icon-fav:not(.my-project):hover,
  .icon.icon-fav-off:not(.my-project):hover,
  .icon.bookmark:hover {
    background-color: var(--color-blue);
    color: var(--color-white);
  }
  #projects-index li.root a:hover {
    color: var(--color-text);
  }
  /* Border color of form fields when cursor is active*/
  input[type=radio]:checked:before,
  input[type=checkbox]:checked:before,
  input[type=radio]:checked:after,
  input[type=checkbox]:checked:after,
  #header form:focus,
  input[type=text]:focus,
  input[type=date]:focus,
  input[type=file]:focus,
  input[type=password]:focus,
  textarea:focus {
    border-color: var(--color-blue);
  }
  /* Mobile menu background color */
  .mobile-toggle-button,
  .flyout-menu {
    background-color: var(--color-blue);
  }
  /**********************************************************/
  /* TRACKERS COLOR */
  /**********************************************************/
  /* If you want to change the tracker colors, just change the hex codes in the following table */
  /* If you want to give a color to a tracker > 10, please read our knowledge base */
  tr.tracker-1 .id > a,
  a.tracker-1,
  .relations > span > a.tracker-1,
  .parent > a.tracker-1,
  .tooltip span.tip a.tracker-1 {
    color: #e8863e !important;
  }
  tr.tracker-2 .id > a,
  a.tracker-2,
  .relations > span > a.tracker-2,
  .parent > a.tracker-2,
  .tooltip span.tip a.tracker-2 {
    color: #238ed8;
  }
  tr.tracker-3 .id > a,
  a.tracker-3,
  .relations > span > a.tracker-3,
  .parent > a.tracker-3,
  .tooltip span.tip a.tracker-3 {
    color: #56c559;
  }
  tr.tracker-4 .id > a,
  a.tracker-4,
  .relations > span > a.tracker-4,
  .parent > a.tracker-4,
  .tooltip span.tip a.tracker-4 {
    color: #020085;
  }
  tr.tracker-5 .id > a,
  a.tracker-5,
  .relations > span > a.tracker-5,
  .parent > a.tracker-5,
  .tooltip span.tip a.tracker-5 {
    color: #16855b;
  }
  tr.tracker-6 .id > a,
  a.tracker-6,
  .relations > span > a.tracker-6,
  .parent > a.tracker-6,
  .tooltip span.tip a.tracker-6 {
    color: #c650d8;
  }
  tr.tracker-7 .id > a,
  a.tracker-7,
  .relations > span > a.tracker-7,
  .parent > a.tracker-7,
  .tooltip span.tip a.tracker-7 {
    color: #ad7c22;
  }
  tr.tracker-8 .id > a,
  a.tracker-8,
  .relations > span > a.tracker-8,
  .parent > a.tracker-8,
  .tooltip span.tip a.tracker-8 {
    color: #e6194b;
  }
  tr.tracker-9 .id > a,
  a.tracker-9,
  .relations > span > a.tracker-9,
  .parent > a.tracker-9,
  .tooltip span.tip a.tracker-9 {
    color: #800000;
  }
  tr.tracker-10 .id > a,
  a.tracker-10,
  .relations > span > a.tracker-10,
  .parent > a.tracker-10,
  .tooltip span.tip a.tracker-10 {
    color: #808000;
  }
  /**********************************************************/
  /* PRIORITIES COLORS */
  /**********************************************************/
  /* If you want to change the priority colors, just change the color codes in the following table */
  /* For more information about changing priorities colors in Zenminem, please read our KB */
  /* Default background and font color for non standard priorities */
  .priority.attribute .value div,
  .issue .priority:not(.attribute) div {
    background: rgba(85, 120, 235, 0.15);
    color: rgb(85, 120, 235);
  }
  /* Background & font colors for Redmine standard's priorities*/
  .priority_Low {
    background: rgba(160, 214, 204, 0.15);
    color: rgb(160, 214, 204);
  }
  .priority_Normal {
    background: rgba(160, 160, 160, 0.12) !important;
    color: rgb(160, 160, 160) !important;
  }
  .priority_High {
    background: rgba(255, 162, 54, 0.15);
    color: rgb(255, 162, 54);
  }
  .priority_Urgent {
    background: rgba(255, 57, 122, 0.15);
    color: rgb(255, 57, 122);
  }
  .priority_Immediate {
    background: rgba(187, 119, 255, 0.15);
    color: rgb(187, 119, 255);
  }
  /**********************************************************/
  /* FORMS */
  /**********************************************************/
  #quick-search #q {
    background: white;
  }
  #project-jump.drdn {
    background: white;
  }
  /**********************************************************/
  /* SIDEBAR SIDE */
  /**********************************************************/
  /* Uncomment the following lines to change sidebar to the right side */
  /*#sidebar{
    float: right;
    width: 12%;
    margin-right: 0%;
        }
  */
  /**********************************************************/
  /* FOOTER */
  /**********************************************************/
  /* If you want to change the text appearing in the footer after the copyright notice, please change the text between inverted commas in the second line. */
  .action-register #footer,
  .action-login #footer {
    display: none;
  }
  /* If you want to hide the footer, please uncomment the following tag */
  /*#footer {
    display: none;
        }
  */
  #main {
    margin-top: 1em;
  }
  #projects-index ul.projects li.root {
    padding: 12px 20px;
    border: 1px solid var(--color-border);
  }
}
@layer ui {
  /*!
   * FullCalendar v3.10.5
   * Docs & License: https://fullcalendar.io/
   * (c) 2019 Adam Shaw
   */
  .fc {
    direction: ltr;
    text-align: left;
  }
  .fc-rtl {
    text-align: right;
  }
  body .fc {
    /* extra precedence to overcome jqui */
    font-size: 1em;
  }
  /* Colors
  --------------------------------------------------------------------------------------------------*/
  .fc-highlight {
    /* when user is selecting cells */
    background: #bce8f1;
    opacity: 0.3;
  }
  .fc-bgevent {
    /* default look for background events */
    background: #8fdf82;
    opacity: 0.3;
  }
  .fc-nonbusiness {
    /* default look for non-business-hours areas */
    /* will inherit .fc-bgevent's styles */
    background: #d7d7d7;
  }
  /* Buttons (styled <button> tags, normalized to work cross-browser)
  --------------------------------------------------------------------------------------------------*/
  .fc button {
    /* force height to include the border and padding */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* dimensions */
    margin: 0;
    height: 2.1em;
    padding: 0 0.6em;
    /* text & cursor */
    font-size: 1em;
    /* normalize */
    white-space: nowrap;
    cursor: pointer;
  }
  /* Firefox has an annoying inner border */
  .fc button::-moz-focus-inner {
    margin: 0;
    padding: 0;
  }
  .fc-state-default {
    /* non-theme */
    border: 1px solid;
  }
  .fc-state-default.fc-corner-left {
    /* non-theme */
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .fc-state-default.fc-corner-right {
    /* non-theme */
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  /* icons in buttons */
  .fc button .fc-icon {
    /* non-theme */
    position: relative;
    top: -0.05em;
    /* seems to be a good adjustment across browsers */
    margin: 0 0.2em;
    vertical-align: middle;
  }
  /*
    button states
    borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
  */
  .fc-state-default {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  }
  .fc-state-hover,
  .fc-state-down,
  .fc-state-active,
  .fc-state-disabled {
    color: #333333;
    background-color: #e6e6e6;
  }
  .fc-state-hover {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
  }
  .fc-state-down,
  .fc-state-active {
    background-color: #cccccc;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  }
  .fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    box-shadow: none;
  }
  /* Buttons Groups
  --------------------------------------------------------------------------------------------------*/
  .fc-button-group {
    display: inline-block;
  }
  /*
  every button that is not first in a button group should scootch over one pixel and cover the
  previous button's border...
  */
  .fc .fc-button-group > * {
    /* extra precedence b/c buttons have margin set to zero */
    float: left;
    margin: 0 0 0 -1px;
  }
  .fc .fc-button-group > :first-child {
    /* same */
    margin-left: 0;
  }
  /* Popover
  --------------------------------------------------------------------------------------------------*/
  .fc-popover {
    position: absolute;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  }
  .fc-popover .fc-header {
    /* TODO: be more consistent with fc-head/fc-body */
    padding: 2px 4px;
  }
  .fc-popover .fc-header .fc-title {
    margin: 0 2px;
  }
  .fc-popover .fc-header .fc-close {
    cursor: pointer;
  }
  .fc-ltr .fc-popover .fc-header .fc-title,
  .fc-rtl .fc-popover .fc-header .fc-close {
    float: left;
  }
  .fc-rtl .fc-popover .fc-header .fc-title,
  .fc-ltr .fc-popover .fc-header .fc-close {
    float: right;
  }
  /* Misc Reusable Components
  --------------------------------------------------------------------------------------------------*/
  .fc-divider {
    border-style: solid;
    border-width: 1px;
  }
  hr.fc-divider {
    height: 0;
    margin: 0;
    padding: 0 0 2px;
    /* height is unreliable across browsers, so use padding */
    border-width: 1px 0;
  }
  .fc-clear {
    clear: both;
  }
  .fc-bg,
  .fc-bgevent-skeleton,
  .fc-highlight-skeleton,
  .fc-helper-skeleton {
    /* these element should always cling to top-left/right corners */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  .fc-bg {
    bottom: 0;
    /* strech bg to bottom edge */
  }
  .fc-bg table {
    height: 100%;
    /* strech bg to bottom edge */
  }
  /* Tables
  --------------------------------------------------------------------------------------------------*/
  .fc table {
    width: 100%;
    box-sizing: border-box;
    /* fix scrollbar issue in firefox */
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
    /* normalize cross-browser */
  }
  .fc th {
    text-align: center;
  }
  .fc th,
  .fc td {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
  }
  .fc td.fc-today {
    border-style: double;
    /* overcome neighboring borders */
  }
  /* Internal Nav Links
  --------------------------------------------------------------------------------------------------*/
  a[data-goto] {
    cursor: pointer;
  }
  a[data-goto]:hover {
    text-decoration: underline;
  }
  /* Fake Table Rows
  --------------------------------------------------------------------------------------------------*/
  .fc .fc-row {
    /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
    /* no visible border by default. but make available if need be (scrollbar width compensation) */
    border-style: solid;
    border-width: 0;
  }
  .fc-row table {
    /* don't put left/right border on anything within a fake row.
       the outer tbody will worry about this */
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    /* no bottom borders on rows */
    border-bottom: 0 hidden transparent;
  }
  .fc-row:first-child table {
    border-top: 0 hidden transparent;
    /* no top border on first row */
  }
  /* Day Row (used within the header and the DayGrid)
  --------------------------------------------------------------------------------------------------*/
  .fc-row {
    position: relative;
  }
  .fc-row .fc-bg {
    z-index: 1;
  }
  /* highlighting cells & background event skeleton */
  .fc-row .fc-bgevent-skeleton,
  .fc-row .fc-highlight-skeleton {
    bottom: 0;
    /* stretch skeleton to bottom of row */
  }
  .fc-row .fc-bgevent-skeleton table,
  .fc-row .fc-highlight-skeleton table {
    height: 100%;
    /* stretch skeleton to bottom of row */
  }
  .fc-row .fc-highlight-skeleton td,
  .fc-row .fc-bgevent-skeleton td {
    border-color: transparent;
  }
  .fc-row .fc-bgevent-skeleton {
    z-index: 2;
  }
  .fc-row .fc-highlight-skeleton {
    z-index: 3;
  }
  /*
  row content (which contains day/week numbers and events) as well as "helper" (which contains
  temporary rendered events).
  */
  .fc-row .fc-content-skeleton {
    position: relative;
    z-index: 4;
    padding-bottom: 2px;
    /* matches the space above the events */
  }
  .fc-row .fc-helper-skeleton {
    z-index: 5;
  }
  .fc .fc-row .fc-content-skeleton table,
  .fc .fc-row .fc-content-skeleton td,
  .fc .fc-row .fc-helper-skeleton td {
    /* see-through to the background below */
    /* extra precedence to prevent theme-provided backgrounds */
    background: none;
    /* in case <td>s are globally styled */
    border-color: transparent;
  }
  .fc-row .fc-content-skeleton td,
  .fc-row .fc-helper-skeleton td {
    /* don't put a border between events and/or the day number */
    border-bottom: 0;
  }
  .fc-row .fc-content-skeleton tbody td,
  .fc-row .fc-helper-skeleton tbody td {
    /* don't put a border between event cells */
    border-top: 0;
  }
  /* Scrolling Container
  --------------------------------------------------------------------------------------------------*/
  .fc-scroller {
    -webkit-overflow-scrolling: touch;
  }
  /* TODO: move to agenda/basic */
  .fc-scroller > .fc-day-grid,
  .fc-scroller > .fc-time-grid {
    position: relative;
    /* re-scope all positions */
    width: 100%;
    /* hack to force re-sizing this inner element when scrollbars appear/disappear */
  }
  /* Global Event Styles
  --------------------------------------------------------------------------------------------------*/
  .fc-event {
    position: relative;
    /* for resize handle and other inner positioning */
    display: block;
    /* make the <a> tag block */
    font-size: 0.85em;
    line-height: 1.3;
    border-radius: var(--border-radius-base);
    border: 1px solid #3a87ad;
    /* default BORDER color */
  }
  .fc-event,
  .fc-event-dot {
    background-color: #3a87ad;
    /* default BACKGROUND color */
  }
  .fc-event,
  .fc-event:hover {
    color: #fff;
    /* default TEXT color */
    text-decoration: none;
    /* if <a> has an href */
  }
  .fc-event[href],
  .fc-event.fc-draggable {
    cursor: pointer;
    /* give events with links and draggable events a hand mouse pointer */
  }
  .fc-not-allowed,
  .fc-not-allowed .fc-event {
    /* to override an event's custom cursor */
    cursor: not-allowed;
  }
  .fc-event .fc-bg {
    /* the generic .fc-bg already does position */
    z-index: 1;
    background: #fff;
    opacity: 0.25;
  }
  .fc-event .fc-content {
    position: relative;
    z-index: 2;
  }
  /* resizer (cursor AND touch devices) */
  .fc-event .fc-resizer {
    position: absolute;
    z-index: 4;
  }
  /* resizer (touch devices) */
  .fc-event .fc-resizer {
    display: none;
  }
  .fc-event.fc-allow-mouse-resize .fc-resizer,
  .fc-event.fc-selected .fc-resizer {
    /* only show when hovering or selected (with touch) */
    display: block;
  }
  /* hit area */
  .fc-event.fc-selected .fc-resizer:before {
    /* 40x40 touch area */
    content: "";
    position: absolute;
    z-index: 9999;
    /* user of this util can scope within a lower z-index */
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
  }
  /* Event Selection (only for touch devices)
  --------------------------------------------------------------------------------------------------*/
  .fc-event.fc-selected {
    z-index: 9999 !important;
    /* overcomes inline z-index */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  }
  .fc-event.fc-selected.fc-dragging {
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  }
  /* Horizontal Events
  --------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  .fc-h-event.fc-selected:before {
    content: "";
    position: absolute;
    z-index: 3;
    /* below resizers */
    top: -10px;
    bottom: -10px;
    left: 0;
    right: 0;
  }
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  .fc-ltr .fc-h-event.fc-not-start,
  .fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    /* replace the border with padding */
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .fc-ltr .fc-h-event.fc-not-end,
  .fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    /* replace the border with padding */
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  .fc-ltr .fc-h-event .fc-start-resizer,
  .fc-rtl .fc-h-event .fc-end-resizer {
    cursor: w-resize;
    left: -1px;
    /* overcome border */
  }
  /* right resizer */
  .fc-ltr .fc-h-event .fc-end-resizer,
  .fc-rtl .fc-h-event .fc-start-resizer {
    cursor: e-resize;
    right: -1px;
    /* overcome border */
  }
  /* resizer (mouse devices) */
  .fc-h-event.fc-allow-mouse-resize .fc-resizer {
    width: 7px;
    top: -1px;
    /* overcome top border */
    bottom: -1px;
    /* overcome bottom border */
  }
  /* resizer (touch devices) */
  .fc-h-event.fc-selected .fc-resizer {
    /* 8x8 little dot */
    border-radius: var(--border-radius-base);
    border-width: 1px;
    width: 6px;
    height: 6px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    /* vertically center */
    top: 50%;
    margin-top: -4px;
  }
  /* left resizer  */
  .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
  .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
    margin-left: -4px;
    /* centers the 8x8 dot on the left edge */
  }
  /* right resizer */
  .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
  .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
    margin-right: -4px;
    /* centers the 8x8 dot on the right edge */
  }
  /* DayGrid events
  ----------------------------------------------------------------------------------------------------
  We use the full "fc-day-grid-event" class instead of using descendants because the event won't
  be a descendant of the grid when it is being dragged.
  */
  .fc-day-grid-event {
    margin: 1px 2px 0;
    /* spacing between events and edges */
    padding: 0 1px;
  }
  tr:first-child > td > .fc-day-grid-event {
    margin-top: 2px;
    /* a little bit more space before the first event */
  }
  .fc-day-grid-event.fc-selected:after {
    content: "";
    position: absolute;
    z-index: 1;
    /* same z-index as fc-bg, behind text */
    /* overcome the borders */
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    /* darkening effect */
    background: #000;
    opacity: 0.25;
  }
  .fc-day-grid-event .fc-content {
    /* force events to be one-line tall */
    white-space: nowrap;
    overflow: hidden;
  }
  .fc-day-grid-event .fc-time {
    font-weight: bold;
  }
  /* resizer (cursor devices) */
  /* left resizer  */
  .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
  .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
    margin-left: -2px;
    /* to the day cell's edge */
  }
  /* right resizer */
  .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
  .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
    margin-right: -2px;
    /* to the day cell's edge */
  }
  /* Event Limiting
  --------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  a.fc-more {
    margin: 1px 3px;
    font-size: 0.85em;
    cursor: pointer;
    text-decoration: none;
  }
  a.fc-more:hover {
    text-decoration: underline;
  }
  .fc-limited {
    /* rows and cells that are hidden because of a "more" link */
    display: none;
  }
  /* popover that appears when "more" link is clicked */
  .fc-day-grid .fc-row {
    z-index: 1;
    /* make the "more" popover one higher than this */
  }
  .fc-more-popover {
    z-index: 2;
    width: 220px;
  }
  .fc-more-popover .fc-event-container {
    padding: 10px;
  }
  /* Now Indicator
  --------------------------------------------------------------------------------------------------*/
  .fc-now-indicator {
    position: absolute;
    border: 0 solid red;
  }
  /* Utilities
  --------------------------------------------------------------------------------------------------*/
  .fc-unselectable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  /*
  TODO: more distinction between this file and common.css
  */
  /* Colors
  --------------------------------------------------------------------------------------------------*/
  .fc-unthemed th,
  .fc-unthemed td,
  .fc-unthemed thead,
  .fc-unthemed tbody,
  .fc-unthemed .fc-divider,
  .fc-unthemed .fc-row,
  .fc-unthemed .fc-content,
  .fc-unthemed .fc-popover,
  .fc-unthemed .fc-list-view,
  .fc-unthemed .fc-list-heading td {
    border-color: #ddd;
  }
  .fc-unthemed .fc-popover {
    background-color: #fff;
  }
  .fc-unthemed .fc-divider,
  .fc-unthemed .fc-popover .fc-header,
  .fc-unthemed .fc-list-heading td {
    background: #eee;
  }
  .fc-unthemed .fc-popover .fc-header .fc-close {
    color: #666;
  }
  .fc-unthemed td.fc-today {
    background: #fcf8e3;
  }
  .fc-unthemed .fc-disabled-day {
    background: #d7d7d7;
    opacity: 0.3;
  }
  /* Icons (inline elements with styled text that mock arrow icons)
  --------------------------------------------------------------------------------------------------*/
  .fc-icon {
    display: inline-block;
    height: 1em;
    line-height: 1em;
    font-size: 1em;
    text-align: center;
    overflow: hidden;
    font-family: "Courier New", Courier, monospace;
    /* don't allow browser text-selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  /*
  Acceptable font-family overrides for individual icons:
    "Arial", sans-serif
    "Times New Roman", serif

  NOTE: use percentage font sizes or else old IE chokes
  */
  .fc-icon:after {
    position: relative;
  }
  .fc-icon-left-single-arrow:after {
    content: "‹";
    font-weight: bold;
    font-size: 200%;
    top: -7%;
  }
  .fc-icon-right-single-arrow:after {
    content: "›";
    font-weight: bold;
    font-size: 200%;
    top: -7%;
  }
  .fc-icon-left-double-arrow:after {
    content: "«";
    font-size: 160%;
    top: -7%;
  }
  .fc-icon-right-double-arrow:after {
    content: "»";
    font-size: 160%;
    top: -7%;
  }
  .fc-icon-left-triangle:after {
    content: "◄";
    font-size: 125%;
    top: 3%;
  }
  .fc-icon-right-triangle:after {
    content: "►";
    font-size: 125%;
    top: 3%;
  }
  .fc-icon-down-triangle:after {
    content: "▼";
    font-size: 125%;
    top: 2%;
  }
  .fc-icon-x:after {
    content: "×";
    font-size: 200%;
    top: 6%;
  }
  /* Popover
  --------------------------------------------------------------------------------------------------*/
  .fc-unthemed .fc-popover {
    border-width: 1px;
    border-style: solid;
  }
  .fc-unthemed .fc-popover .fc-header .fc-close {
    font-size: 0.9em;
    margin-top: 2px;
  }
  /* List View
  --------------------------------------------------------------------------------------------------*/
  .fc-unthemed .fc-list-item:hover td {
    background-color: #f5f5f5;
  }
  /* Colors
  --------------------------------------------------------------------------------------------------*/
  .ui-widget .fc-disabled-day {
    background-image: none;
  }
  /* Popover
  --------------------------------------------------------------------------------------------------*/
  .fc-popover > .ui-widget-header + .ui-widget-content {
    border-top: 0;
    /* where they meet, let the header have the border */
  }
  /* Global Event Styles
  --------------------------------------------------------------------------------------------------*/
  .ui-widget .fc-event {
    /* overpower jqui's styles on <a> tags. TODO: more DRY */
    color: #fff;
    /* default TEXT color */
    text-decoration: none;
    /* if <a> has an href */
    /* undo ui-widget-header bold */
    font-weight: normal;
  }
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
  --------------------------------------------------------------------------------------------------*/
  .ui-widget td.fc-axis {
    font-weight: normal;
    /* overcome bold */
  }
  /* TimeGrid Slats (lines that run horizontally)
  --------------------------------------------------------------------------------------------------*/
  .fc-time-grid .fc-slats .ui-widget-content {
    background: none;
    /* see through to fc-bg */
  }
  .fc.fc-bootstrap3 a {
    text-decoration: none;
  }
  .fc.fc-bootstrap3 a[data-goto]:hover {
    text-decoration: underline;
  }
  .fc-bootstrap3 hr.fc-divider {
    border-color: inherit;
  }
  .fc-bootstrap3 .fc-today.alert {
    border-radius: 0;
  }
  /* Popover
  --------------------------------------------------------------------------------------------------*/
  .fc-bootstrap3 .fc-popover .panel-body {
    padding: 0;
  }
  /* TimeGrid Slats (lines that run horizontally)
  --------------------------------------------------------------------------------------------------*/
  .fc-bootstrap3 .fc-time-grid .fc-slats table {
    /* some themes have background color. see through to slats */
    background: none;
  }
  .fc.fc-bootstrap4 a {
    text-decoration: none;
  }
  .fc.fc-bootstrap4 a[data-goto]:hover {
    text-decoration: underline;
  }
  .fc-bootstrap4 hr.fc-divider {
    border-color: inherit;
  }
  .fc-bootstrap4 .fc-today.alert {
    border-radius: 0;
  }
  .fc-bootstrap4 a.fc-event:not([href]):not([tabindex]) {
    color: #fff;
  }
  .fc-bootstrap4 .fc-popover.card {
    position: absolute;
  }
  /* Popover
  --------------------------------------------------------------------------------------------------*/
  .fc-bootstrap4 .fc-popover .card-body {
    padding: 0;
  }
  /* TimeGrid Slats (lines that run horizontally)
  --------------------------------------------------------------------------------------------------*/
  .fc-bootstrap4 .fc-time-grid .fc-slats table {
    /* some themes have background color. see through to slats */
    background: none;
  }
  /* Toolbar
  --------------------------------------------------------------------------------------------------*/
  .fc-toolbar {
    text-align: center;
  }
  .fc-toolbar.fc-header-toolbar {
    margin-bottom: 1em;
  }
  .fc-toolbar.fc-footer-toolbar {
    margin-top: 1em;
  }
  .fc-toolbar .fc-left {
    float: left;
  }
  .fc-toolbar .fc-right {
    float: right;
  }
  .fc-toolbar .fc-center {
    display: inline-block;
  }
  /* the things within each left/right/center section */
  .fc .fc-toolbar > * > * {
    /* extra precedence to override button border margins */
    float: left;
    margin-left: 0.75em;
  }
  /* the first thing within each left/center/right section */
  .fc .fc-toolbar > * > :first-child {
    /* extra precedence to override button border margins */
    margin-left: 0;
  }
  /* title text */
  .fc-toolbar h2 {
    margin: 0;
  }
  /* button layering (for border precedence) */
  .fc-toolbar button {
    position: relative;
  }
  .fc-toolbar .fc-state-hover,
  .fc-toolbar .ui-state-hover {
    z-index: 2;
  }
  .fc-toolbar .fc-state-down {
    z-index: 3;
  }
  .fc-toolbar .fc-state-active,
  .fc-toolbar .ui-state-active {
    z-index: 4;
  }
  .fc-toolbar button:focus {
    z-index: 5;
  }
  /* View Structure
  --------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  .fc-view-container *,
  .fc-view-container *:before,
  .fc-view-container *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }
  .fc-view,
  .fc-view > table {
    /* so dragged elements can be above the view's main element */
    position: relative;
    z-index: 1;
  }
  /* BasicView
  --------------------------------------------------------------------------------------------------*/
  /* day row structure */
  .fc-basicWeek-view .fc-content-skeleton,
  .fc-basicDay-view .fc-content-skeleton {
    /* there may be week numbers in these views, so no padding-top */
    padding-bottom: 1em;
    /* ensure a space at bottom of cell for user selecting/clicking */
  }
  .fc-basic-view .fc-body .fc-row {
    min-height: 4em;
    /* ensure that all rows are at least this tall */
  }
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  .fc-row.fc-rigid {
    overflow: hidden;
  }
  .fc-row.fc-rigid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  /* week and day number styling */
  .fc-day-top.fc-other-month {
    opacity: 0.3;
  }
  .fc-basic-view .fc-week-number,
  .fc-basic-view .fc-day-number {
    padding: 2px;
  }
  .fc-basic-view th.fc-week-number,
  .fc-basic-view th.fc-day-number {
    padding: 0 2px;
    /* column headers can't have as much v space */
  }
  .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: right;
  }
  .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
    float: left;
  }
  .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
    float: left;
    border-radius: 0 0 3px 0;
  }
  .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
    float: right;
    border-radius: 0 0 0 3px;
  }
  .fc-basic-view .fc-day-top .fc-week-number {
    min-width: 1.5em;
    text-align: center;
    background-color: #f2f2f2;
    color: #808080;
  }
  /* when week/day number have own column */
  .fc-basic-view td.fc-week-number {
    text-align: center;
  }
  .fc-basic-view td.fc-week-number > * {
    /* work around the way we do column resizing and ensure a minimum width */
    display: inline-block;
    min-width: 1.25em;
  }
  /* AgendaView all-day area
  --------------------------------------------------------------------------------------------------*/
  .fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2;
    /* so the "more.." popover will be over the time grid */
  }
  .fc-agenda-view .fc-day-grid .fc-row {
    min-height: 3em;
    /* all-day section will never get shorter than this */
  }
  .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
    padding-bottom: 1em;
    /* give space underneath events for clicking/selecting days */
  }
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
  --------------------------------------------------------------------------------------------------*/
  .fc .fc-axis {
    /* .fc to overcome default cell styles */
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap;
  }
  .fc-ltr .fc-axis {
    text-align: right;
  }
  .fc-rtl .fc-axis {
    text-align: left;
  }
  /* TimeGrid Structure
  --------------------------------------------------------------------------------------------------*/
  .fc-time-grid-container,
  .fc-time-grid {
    /* so slats/bg/content/etc positions get scoped within here */
    position: relative;
    z-index: 1;
  }
  .fc-time-grid {
    min-height: 100%;
    /* so if height setting is 'auto', .fc-bg stretches to fill height */
  }
  .fc-time-grid table {
    /* don't put outer borders on slats/bg/content/etc */
    border: 0 hidden transparent;
  }
  .fc-time-grid > .fc-bg {
    z-index: 1;
  }
  .fc-time-grid .fc-slats,
  .fc-time-grid > hr {
    /* the <hr> AgendaView injects when grid is shorter than scroller */
    position: relative;
    z-index: 2;
  }
  .fc-time-grid .fc-content-col {
    position: relative;
    /* because now-indicator lives directly inside */
  }
  .fc-time-grid .fc-content-skeleton {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
  }
  /* divs within a cell within the fc-content-skeleton */
  .fc-time-grid .fc-business-container {
    position: relative;
    z-index: 1;
  }
  .fc-time-grid .fc-bgevent-container {
    position: relative;
    z-index: 2;
  }
  .fc-time-grid .fc-highlight-container {
    position: relative;
    z-index: 3;
  }
  .fc-time-grid .fc-event-container {
    position: relative;
    z-index: 4;
  }
  .fc-time-grid .fc-now-indicator-line {
    z-index: 5;
  }
  .fc-time-grid .fc-helper-container {
    /* also is fc-event-container */
    position: relative;
    z-index: 6;
  }
  /* TimeGrid Slats (lines that run horizontally)
  --------------------------------------------------------------------------------------------------*/
  .fc-time-grid .fc-slats td {
    height: 1.5em;
    border-bottom: 0;
    /* each cell is responsible for its top border */
  }
  .fc-time-grid .fc-slats .fc-minor td {
    border-top-style: dotted;
  }
  /* TimeGrid Highlighting Slots
  --------------------------------------------------------------------------------------------------*/
  .fc-time-grid .fc-highlight-container {
    /* a div within a cell within the fc-highlight-skeleton */
    position: relative;
    /* scopes the left/right of the fc-highlight to be in the column */
  }
  .fc-time-grid .fc-highlight {
    position: absolute;
    left: 0;
    right: 0;
    /* top and bottom will be in by JS */
  }
  /* TimeGrid Event Containment
  --------------------------------------------------------------------------------------------------*/
  .fc-ltr .fc-time-grid .fc-event-container {
    /* space on the sides of events for LTR (default) */
    margin: 0 2.5% 0 2px;
  }
  .fc-rtl .fc-time-grid .fc-event-container {
    /* space on the sides of events for RTL */
    margin: 0 2px 0 2.5%;
  }
  .fc-time-grid .fc-event,
  .fc-time-grid .fc-bgevent {
    position: absolute;
    z-index: 1;
    /* scope inner z-index's */
  }
  .fc-time-grid .fc-bgevent {
    /* background events always span full width */
    left: 0;
    right: 0;
  }
  /* Generic Vertical Event
  --------------------------------------------------------------------------------------------------*/
  .fc-v-event.fc-not-start {
    /* events that are continuing from another day */
    /* replace space made by the top border with padding */
    border-top-width: 0;
    padding-top: 1px;
    /* remove top rounded corners */
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .fc-v-event.fc-not-end {
    /* replace space made by the top border with padding */
    border-bottom-width: 0;
    padding-bottom: 1px;
    /* remove bottom rounded corners */
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  /* TimeGrid Event Styling
  ----------------------------------------------------------------------------------------------------
  We use the full "fc-time-grid-event" class instead of using descendants because the event won't
  be a descendant of the grid when it is being dragged.
  */
  .fc-time-grid-event {
    overflow: hidden;
    /* don't let the bg flow over rounded corners */
  }
  .fc-time-grid-event.fc-selected {
    /* need to allow touch resizers to extend outside event's bounding box */
    /* common fc-selected styles hide the fc-bg, so don't need this anyway */
    overflow: visible;
  }
  .fc-time-grid-event.fc-selected .fc-bg {
    display: none;
    /* hide semi-white background, to appear darker */
  }
  .fc-time-grid-event .fc-content {
    overflow: hidden;
    /* for when .fc-selected */
  }
  .fc-time-grid-event .fc-time,
  .fc-time-grid-event .fc-title {
    padding: 0 1px;
  }
  .fc-time-grid-event .fc-time {
    font-size: 0.85em;
    white-space: nowrap;
  }
  /* short mode, where time and title are on the same line */
  .fc-time-grid-event.fc-short .fc-content {
    /* don't wrap to second line (now that contents will be inline) */
    white-space: nowrap;
  }
  .fc-time-grid-event.fc-short .fc-time,
  .fc-time-grid-event.fc-short .fc-title {
    /* put the time and title on the same line */
    display: inline-block;
    vertical-align: top;
  }
  .fc-time-grid-event.fc-short .fc-time span {
    display: none;
    /* don't display the full time text... */
  }
  .fc-time-grid-event.fc-short .fc-time:before {
    content: attr(data-start);
    /* ...instead, display only the start time */
  }
  .fc-time-grid-event.fc-short .fc-time:after {
    content: " - ";
    /* seperate with a dash, wrapped in nbsp's */
  }
  .fc-time-grid-event.fc-short .fc-title {
    font-size: 0.85em;
    /* make the title text the same size as the time */
    padding: 0;
    /* undo padding from above */
  }
  /* resizer (cursor device) */
  .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    overflow: hidden;
    line-height: 8px;
    font-size: 11px;
    font-family: monospace;
    text-align: center;
    cursor: s-resize;
  }
  .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
    content: "=";
  }
  /* resizer (touch device) */
  .fc-time-grid-event.fc-selected .fc-resizer {
    /* 10x10 dot */
    border-radius: var(--border-radius-base);
    border-width: 1px;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    /* horizontally center */
    left: 50%;
    margin-left: -5px;
    /* center on the bottom edge */
    bottom: -5px;
  }
  /* Now Indicator
  --------------------------------------------------------------------------------------------------*/
  .fc-time-grid .fc-now-indicator-line {
    border-top-width: 1px;
    left: 0;
    right: 0;
  }
  /* arrow on axis */
  .fc-time-grid .fc-now-indicator-arrow {
    margin-top: -5px;
    /* vertically center on top coordinate */
  }
  .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
    left: 0;
    /* triangle pointing right... */
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
  }
  .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
    right: 0;
    /* triangle pointing left... */
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
  }
  /* List View
  --------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  .fc-event-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: var(--border-radius-base);
  }
  /* view wrapper */
  .fc-rtl .fc-list-view {
    direction: rtl;
    /* unlike core views, leverage browser RTL */
  }
  .fc-list-view {
    border-width: 1px;
    border-style: solid;
  }
  /* table resets */
  .fc .fc-list-table {
    table-layout: auto;
    /* for shrinkwrapping cell content */
  }
  .fc-list-table td {
    border-width: 1px 0 0;
    padding: 8px 14px;
  }
  .fc-list-table tr:first-child td {
    border-top-width: 0;
  }
  /* day headings with the list */
  .fc-list-heading {
    border-bottom-width: 1px;
  }
  .fc-list-heading td {
    font-weight: bold;
  }
  .fc-ltr .fc-list-heading-main {
    float: left;
  }
  .fc-ltr .fc-list-heading-alt {
    float: right;
  }
  .fc-rtl .fc-list-heading-main {
    float: right;
  }
  .fc-rtl .fc-list-heading-alt {
    float: left;
  }
  /* event list items */
  .fc-list-item.fc-has-url {
    cursor: pointer;
    /* whole row will be clickable */
  }
  .fc-list-item-marker,
  .fc-list-item-time {
    white-space: nowrap;
    width: 1px;
  }
  /* make the dot closer to the event title */
  .fc-ltr .fc-list-item-marker {
    padding-right: 0;
  }
  .fc-rtl .fc-list-item-marker {
    padding-left: 0;
  }
  .fc-list-item-title a {
    /* every event title cell has an <a> tag */
    text-decoration: none;
    color: inherit;
  }
  .fc-list-item-title a[href]:hover {
    /* hover effect only on titles with hrefs */
    text-decoration: underline;
  }
  /* message when no events */
  .fc-list-empty-wrap2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .fc-list-empty-wrap1 {
    width: 100%;
    height: 100%;
    display: table;
  }
  .fc-list-empty {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }
  .fc-unthemed .fc-list-empty {
    /* theme will provide own background */
    background-color: #eee;
  }
  :root {
    --size-touch-common: 30px;
    --border-radius: var(--border-radius-base);
  }
  .ticket-utilities {
    width: 100%;
    flex: 0 0 100%;
    height: 0;
    padding-bottom: 50px;
    z-index: 10;
    position: relative;
  }
  .sticky-utilities {
    background: var(--color-background);
    border-radius: var(--border-radius);
    display: inline-flex;
    margin-bottom: 10px;
  }
  .utility-button {
    padding: 12px 20px;
    font-size: 1.3rem;
    cursor: pointer;
    font-weight: 400;
    text-decoration: none;
    border: none;
    cursor: pointer;
    font-size: 1.3rem;
    min-height: var(--size-touch-common);
    border-radius: var(--border-radius);
    margin-right: 7px;
    transition: all 100ms ease;
    transition: color 0.2s ease-out;
  }
  .utility-button:last-child {
    margin-right: 0;
  }
  .utility-button:hover {
    background: var(--color-primary);
    color: #fff;
  }
  .utility-button:first-child {
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
  }
  .utility-button:last-child {
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
  }
  .sticky-utilities--sticky {
    position: fixed;
    top: 0;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .sticky-utilities--sticky .utility-button {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    margin-right: 0;
  }
  .sticky-utilities--sticky .utility-button:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .sticky-utilities--sticky .utility-button:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .sticky-utilities--sticky .utility-button:last-child {
    border: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@layer timesheets {
  @layer timesheet-ui;
  @layer timesheet-ui {
    .timesheet .timesheet-entry-ui {
      background: var(--color-white);
      box-shadow: 0 0 0.5px var(--color-black);
      position: fixed;
      min-width: 540px;
      top: 80px;
      left: 40%;
      padding: 16px;
      overflow: hidden;
      z-index: 5;
    }
    .timesheet .primary-action {
      float: left;
      width: 50%;
    }
    .timesheet .secondary-actions {
      text-align: right;
    }
    .event-unsaved, .fc-helper {
      border: 2px dotted;
      background-color: var(--color-gray-500);
    }
    .fc-today {
      background: var(--color-gray-100);
    }
    div #footer {
      padding-top: 0px !important;
      padding-bottom: 10px !important;
    }
    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
      font-weight: normal !important;
    }
    .ui-dialog > .ui-widget-header {
      background: var(--color-gray-200) !important;
      border: none;
      display: none;
    }
    body > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable > div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle > button > span.ui-button-icon-primary.ui-icon.ui-icon-closethick {
      color: var(--color-gray-600) !important;
      background-color: var(--color-gray-600) !important;
    }
    /*Dialog box*/
    body > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
      padding: 0px;
    }
    /*Close button*/
    #ui-id-1 > div:nth-child(1) > button {
      float: right;
      position: absolute;
      right: 0;
      top: 0;
      background-color: var(--color-gray-600);
      color: var(--color-white);
      border: none;
      width: 6%;
      margin-right: 0px;
      margin-top: 0px;
      cursor: pointer;
      transition: 0.3s;
      height: 5%;
    }
    #ui-id-1 > div:nth-child(1) > button:hover {
      box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.24), 0 5px 10px 0 rgba(0, 0, 0, 0.19);
    }
    /*Project label*/
    #ui-id-1 > div.timesheet-entry-form > div:nth-child(1) > .project_items > label {
      display: block;
      font-family: "Yantramanav", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    /*Project drop box*/
    #ui-id-1 > div.timesheet-entry-form > div:nth-child(1) > .project_items > span {
      display: block !important;
      font-family: "Yantramanav", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    }
    /*Project drop box btn*/
    #ui-id-1 > div.timesheet-entry-form > div:nth-child(1) > .project_items > span > a {
      height: 30px;
      float: right;
    }
    #ui-id-1 > div.timesheet-entry-form > div:nth-child(1) > .project_items > span > a > span.ui-button-text {
      float: right !important;
    }
    /*Project input*/
    .ui-combobox input {
      width: 90%;
      background-color: var(--color-gray-100);
      border-radius: var(--border-radius-base);
      font-family: "Yantramanav", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    #ui-id-1 > div.timesheet-entry-form > div:nth-child(2) > p {
      margin: 0px, 0px, 0px, 0px;
    }
    /*Issue label*/
    #ui-id-1 > div.timesheet-entry-form > div:nth-child(2) > .issue_items > label {
      display: block;
      font-family: "Yantramanav", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    /*Issue input*/
    #timesheet_ui_issue_id {
      width: 66%;
      margin-top: 0px;
      border-radius: var(--border-radius-base);
      font-family: "Yantramanav", "Helvetica Neue", Helvetica, Arial, sans-serif;
      text-align: left;
      padding-left: 4px !important;
    }
    /*Issue name*/
    #timesheet_ui_issue_name {
      font-family: "Yantramanav", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    .timesheet-field-row {
      overflow: auto;
    }
    .timesheet-field {
      display: block;
      overflow: auto;
    }
    #ui-id-1 > div.timesheet-entry-form > div:nth-child(2) > p {
      -webkit-margin-before: 0em !important;
      -webkit-margin-after: 0em !important;
    }
    #ui-id-1 > div.timesheet-entry-form > div:nth-child(2) {
      margin-bottom: 5%;
    }
    /*Time entry block Containter*/
    #ui-id-1 > div.timesheet-entry-form > div:nth-child(3) {
      display: block;
      text-align: center;
      font-family: "Yantramanav", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    /*Time entry block*/
    #ui-id-1 > div.timesheet-entry-form > div:nth-child(3) > div {
      border: 1px solid rgba(115, 115, 115, 0.2);
      border-radius: var(--border-radius-base);
      display: block;
      font-family: "Yantramanav", "Helvetica Neue", Helvetica, Arial, sans-serif;
      box-shadow: inset 0px 0px 0.5px var(--color-gray-600);
      height: auto;
    }
    /*drop down start*/
    #ui-id-1 > div.timesheet-entry-form > div:nth-child(3) > div > select.time-start.time-select {
      width: 40%;
      float: left;
      border-radius: var(--border-radius-base);
      font-family: "Yantramanav", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    /*drop down end*/
    #ui-id-1 > div.timesheet-entry-form > div:nth-child(3) > div > select.time-end.time-select {
      width: 40%;
      float: right;
      border-radius: var(--border-radius-base);
      font-family: "Yantramanav", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    #ui-id-1 > div.timesheet-entry-form > div:nth-child(3) > div.duration_full {
      border: none;
      float: right;
      clear: left;
      box-shadow: none;
    }
    .toDateText {
      border: none !important;
    }
    /* Description textarea */
    #timesheet_ui_comments, #timesheet_ui_journal_update {
      align-items: center;
      border-radius: var(--border-radius-base);
      display: block !important;
      width: 98%;
      font-family: "Yantramanav", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    /*Recent issues div*/
    #ui-id-1 > div.timesheet-entry-recent {
      border: 1px solid var(--color-gray-600);
      border: 1px solid rgba(115, 115, 115, 0.5);
      margin-top: 50px;
      border-radius: var(--border-radius-base);
      display: block;
      font-family: "Yantramanav", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    button.btn.btn-default {
      border-radius: 2px;
      box-shadow: 0px 0px 0.5px var(--color-gray-600);
      font-family: "Yantramanav", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: var(--color-black);
      font-size: 16px;
      padding: 4px 7px 4px 7px;
      border: solid var(--color-gray-600) 1px;
      text-decoration: none;
      transition: all 0.3s;
      cursor: pointer;
      float: right;
      margin-left: 4px;
    }
    button.btn.btn-default[disabled=disabled] {
      opacity: 0.6;
      cursor: not-allowed !important;
      border-radius: 2px;
      box-shadow: 0px 0px 1px var(--color-gray-600);
      font-family: "Yantramanav", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: var(--color-black);
      font-size: 16px;
      padding: 4px 7px 4px 7px;
      border: solid var(--color-gray-600) 1px;
      text-decoration: none;
      transition: all 0.3s;
      float: right;
      margin-left: 4px;
    }
    button.btn.btn-default:hover {
      box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.24), 0 5px 10px 0 rgba(0, 0, 0, 0.19);
    }
    button.btn.btn-default.submit-button {
      float: left;
      background-color: var(--color-gray-600);
      background-image: none;
      color: var(--color-white);
      font-family: "Yantramanav", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    button.btn.btn-default.submit-button:hover {
      box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.24), 0 5px 10px 0 rgba(0, 0, 0, 0.19);
    }
    button.btn.btn-help {
      background-color: var(--color-gray-200);
      border: none;
      border: 1px solid rgba(115, 115, 115, 0.2);
      color: var(--color-gray-500);
      padding: 5px 16px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      height: 2.1em;
      padding: 0 0.6em;
      font-size: 1em;
      white-space: nowrap;
      cursor: pointer;
      border-radius: var(--border-radius-base);
      margin-top: 1px;
      margin-left: 5px;
      transition: all 0.3s;
      font-family: "Yantramanav", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    button.btn.btn-help:hover {
      box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.24), 0 5px 10px 0 rgba(0, 0, 0, 0.19);
    }
    textarea {
      transition: all 0.3s;
    }
    .ui-state-default.ui-combobox {
      border: 1px solid var(--color-gray-400);
    }
    .ui-combobox {
      padding: 0;
      background: var(--color-white);
      border: 1px solid var(--color-gray-400);
    }
    .ui-combobox .ui-button {
      margin-top: 4px;
      margin-right: 6px;
    }
    .ui-autocomplete {
      max-height: 190px;
      max-width: 375px;
      overflow-y: auto;
      /* prevent horizontal scrollbar */
      overflow-x: hidden;
    }
    .ui-dialog > .ui-widget-header {
      background: var(--color-primary);
    }
    .ui-combobox input {
      border: none;
    }
    .ui-combobox a {
      border: none;
    }
    .tooltip {
      position: relative;
      display: inline-block;
      cursor: pointer;
    }
    .tooltip .tooltiptext {
      visibility: hidden;
      width: 120px;
      background-color: var(--color-gray-600);
      color: var(--color-white);
      text-align: center;
      border-radius: var(--border-radius-base);
      padding: 5px 0;
      position: absolute;
      z-index: 1;
      top: -5px;
      left: 700%;
      margin-left: -60px;
      /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
      opacity: 0;
      transition: opacity 1s;
    }
    .tooltip:hover .tooltiptext {
      visibility: visible;
      opacity: 1;
    }
    #preferencesOverlay {
      position: fixed; /* Sit on top of the page content */
      display: none; /* Hidden by default */
      width: 100%; /* Full width (cover the whole page) */
      height: 100%; /* Full height (cover the whole page) */
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */
      z-index: 5; /* Specify a stack order in case you're using a different order for other elements */
      cursor: pointer; /* Add a pointer on hover */
    }
    #ui-id-5 > div.timesheet-preferences-form > div.button-pref-action {
      text-align: center;
    }
    .fc-nonbusiness {
      background: var(--color-gray-600);
    }
    #ui-id-5 > div:nth-child(1) > button {
      float: right;
      position: absolute;
      right: 0;
      top: 0;
      background-color: var(--color-gray-600);
      color: var(--color-white);
      border: none;
      width: 10%;
      margin-right: 0px;
      margin-top: 0px;
      cursor: pointer;
      transition: 0.3s;
      height: 10%;
    }
    #ui-id-5 > div.timesheet-preferences-form > div.button-pref-action > button {
      background-color: var(--color-gray-600) !important;
      background-image: none;
      color: var(--color-white);
      border-radius: var(--border-radius-base);
      font-family: "Yantramanav", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    #ui-id-5 > div.timesheet-preferences-form > div.button-pref-action > button:hover {
      box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.24), 0 5px 10px 0 rgba(0, 0, 0, 0.19);
    }
    div.timesheet-preferences-form {
      display: block;
      font-family: "Yantramanav", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 200%;
    }
    select.timesheet-preferences-form {
      font-family: "Yantramanav", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    option.timesheet-preferences-form {
      font-family: "Yantramanav", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    input.timesheet-preferences-form {
      font-family: "Yantramanav", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    #ui-id-5 > div.timesheet-preferences-form > label {
      font-size: larger;
    }
    #ui-id-5 > div.timesheet-preferences-form > div:nth-child(5) > label {
      font-size: large;
    }
    input#workStart {
      font-family: "Yantramanav", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    }
    input#workEnd {
      font-family: "Yantramanav", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    }
    .timeentry-user-select {
      text-align: right;
    }
  }
  :root {
    --header-offset: 130px;
    --ui-fs: 10.5px;
    --calendar-offset: 0px;
    --ui-color: var(--color-text);
  }
  html:has(.timesheet) {
    /* Hours logged related */
  }
  html:has(.timesheet) .hrs-logged-loader {
    box-sizing: border-box;
    animation: loader_spin 800ms linear infinite;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: block;
    border: 2px solid var(--color-border);
    border-bottom-color: transparent;
  }
  html:has(.timesheet) .fc-left {
    display: flex;
    align-items: center;
  }
  html:has(.timesheet) .fc-left h3 {
    margin: 0;
  }
  html:has(.timesheet) .hrs-logged-loader {
    display: none;
  }
  html:has(.timesheet) .hrs-logged-heading {
    color: var(--color-text);
    /* color: currentColor; */
  }
  html:has(.timesheet) .hrs-logged-heading:empty + .hrs-logged-loader {
    display: block;
  }
  html:has(.timesheet) body:has(.fc-month-button.fc-state-active) .hrs-logged-heading, html:has(.timesheet) body:has(.fc-month-button.fc-state-active) .hrs-logged-loader {
    display: none;
  }
  html:has(.timesheet) .hrs-logged-day {
    font-weight: normal;
    margin-left: 2px;
    color: var(--color-text);
  }
  html:has(.timesheet) .fc-day-header span:first-child {
    position: relative;
  }
  html:has(.timesheet) .fc-day-header span:first-child:after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    animation: loader_spin 800ms linear infinite;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: block;
    border: 2px solid var(--color-text);
    border-bottom-color: transparent;
    left: calc(100% + 10px);
    top: 2px;
  }
  html:has(.timesheet) .fc-day-header:has(.hrs-logged-day) span:first-child:after {
    display: none;
  }
  html:has(.timesheet) html:has(.fc-month-button.fc-state-active) .fc-day-header span:first-child:after {
    display: none;
  }
  html:has(.timesheet) .fc .fc-day-header {
    padding: 10px;
  }
  html:has(.timesheet) .fc-sat,
  html:has(.timesheet) .fc-sun,
  html:has(.timesheet) .fc-future {
    opacity: 0.7;
    filter: grayscale(1);
  }
  @keyframes loader_spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  html:has(.timesheet) {
    /* Split view */
  }
  html:has(.timesheet) #main {
    display: flex;
  }
  html:has(.timesheet) .activity-header {
    display: flex;
    margin-bottom: 19px;
    flex-wrap: wrap;
  }
  html:has(.timesheet) .activity-refresh {
    background: transparent;
    border: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  html:has(.timesheet) .activity-refresh svg {
    width: 16px;
    height: 16px;
    margin-top: 3px;
  }
  html:has(.timesheet) .activity-refresh path {
    fill: var(--color-text);
  }
  html:has(.timesheet) #sidebar {
    display: block;
    width: 25vw;
    flex: 0 0 25vw;
    position: relative;
    font-size: var(--ui-fs);
    height: 100%;
    margin-right: 0;
    padding-right: 15px;
    box-sizing: border-box;
    padding-top: 22px;
  }
  html:has(.timesheet) #sidebar * {
    box-sizing: border-box;
  }
  html:has(.timesheet) #sidebar:after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    animation: loader_spin 800ms linear infinite;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: block;
    border: 2px solid var(--color-text);
    border-bottom-color: transparent;
    left: calc(50% - 19px);
    top: calc(50vh - 76px);
  }
  html:has(.timesheet) #sidebar:has(#activity):after {
    display: none;
  }
  html:has(.timesheet) #sidebar .activity-title {
    margin-bottom: 0;
  }
  html:has(.timesheet) #sidebar .sidebar-inner {
    max-height: calc(100vh - (var(--sidebar-offset) + 20px));
    overflow: auto;
    box-sizing: border-box;
    padding-right: 15px;
    border-bottom: 1px solid var(--color-border);
  }
  html:has(.timesheet) #sidebar #activity {
    padding-top: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  html:has(.timesheet) #sidebar #activity:before {
    display: none;
  }
  html:has(.timesheet) #sidebar h3 {
    overflow: visible;
    opacity: 1;
    padding: 0;
    margin: 0;
  }
  html:has(.timesheet) #sidebar h3:before {
    display: none;
  }
  html:has(.timesheet) #sidebar a {
    font-size: var(--ui-fs);
    width: 100%;
  }
  html:has(.timesheet) #sidebar .gravatar {
    padding-right: 5px;
    margin-right: 5px;
    margin-top: -8px;
    display: none;
  }
  html:has(.timesheet) #sidebar .user {
    display: none;
  }
  html:has(.timesheet) #sidebar dl, html:has(.timesheet) #sidebar dd, html:has(.timesheet) #sidebar dd, html:has(.timesheet) #sidebar dt {
    font-size: 1em;
    padding-left: 0;
  }
  html:has(.timesheet) #sidebar dl:after, html:has(.timesheet) #sidebar dd:after, html:has(.timesheet) #sidebar dd:after, html:has(.timesheet) #sidebar dt:after {
    display: none;
  }
  html:has(.timesheet) #sidebar dd {
    margin-bottom: 20px;
    padding-bottom: 0;
  }
  html:has(.timesheet) #sidebar dl dt {
    border: 0;
  }
  html:has(.timesheet) #sidebar dl dt:before {
    top: 10px;
    bottom: auto;
    left: -40px;
  }
  html:has(.timesheet) #sidebar .grouped {
    margin-left: 55px;
  }
  html:has(.timesheet) #sidebar .issue-edit {
    display: flex;
    flex-wrap: wrap;
  }
  html:has(.timesheet) #sidebar .project {
    padding-right: 80px;
    flex: 1;
    display: block;
    color: var(--ui-color);
    opacity: 0.8;
  }
  html:has(.timesheet) #sidebar .project:after {
    display: none;
  }
  html:has(.timesheet) #sidebar .description {
    color: var(--ui-color);
  }
  html:has(.timesheet) #sidebar .time {
    padding: 2px 5px;
    font-size: 10px;
    margin-top: -7px;
    margin-right: 0;
    background-color: var(--ui-color);
  }
  html:has(.timesheet) h4[style="text-align: right"] {
    display: none;
  }
  html:has(.timesheet) .fc-time-grid-container {
    height: calc(100vh - (var(--calendar-offset) + 20px)) !important;
  }
  html:has(.timesheet) div *::-webkit-scrollbar {
    width: 6px;
  }
  html:has(.timesheet) div *::-webkit-scrollbar-thumb {
    background-color: var(--color-text);
    border-radius: var(--border-radius-base);
  }
  html:has(.timesheet) div *::-webkit-scrollbar-track {
    background-color: var(--color-background);
  }
  html:has(.timesheet) .activity-tablist {
    width: 100%;
    margin-top: 10px;
  }
  html:has(.timesheet) .activity-tablist button {
    background-color: #efefef;
    border: 0;
    padding: 10px 16px;
    min-height: 40px;
    border-radius: var(--border-radius-base);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 30px;
    cursor: pointer;
  }
  html:has(.timesheet) .activity-tablist button:hover {
    background-color: #e5e4e4;
  }
  html:has(.timesheet) .activity-tablist button[aria-selected=true] {
    background-color: var(--color-green);
  }
  html:has(.timesheet) {
    /*
        Adjust My Page table to work in the narrow sidebar area
    */
    /* Reset and unstyle table */
  }
  html:has(.timesheet) table.issues {
    color: var(--ui-color);
    margin-bottom: 20px;
  }
  html:has(.timesheet) table.issues * {
    box-sizing: border-box;
  }
  html:has(.timesheet) table.issues:before {
    display: none;
  }
  html:has(.timesheet) table.issues *:not(span) {
    display: block;
    height: auto;
  }
  html:has(.timesheet) table.issues .toggle-all, html:has(.timesheet) table.issues .expander, html:has(.timesheet) table.issues .checkbox, html:has(.timesheet) table.issues .project, html:has(.timesheet) table.issues .buttons, html:has(.timesheet) table.issues .fixed_version, html:has(.timesheet) table.issues .id, html:has(.timesheet) table.issues .parent, html:has(.timesheet) table.issues .badge-count, html:has(.timesheet) table.issues .estimated_hours, html:has(.timesheet) table.issues .assigned_to {
    display: none !important;
  }
  html:has(.timesheet) table.issues thead {
    display: none;
  }
  html:has(.timesheet) table.issues .group {
    display: flex;
  }
  html:has(.timesheet) table.issues .group [colspan="12"] {
    display: flex;
  }
  html:has(.timesheet) table.issues .group > * {
    width: 100%;
    flex: 0 0 100%;
  }
  html:has(.timesheet) table.issues [id*=issue-] {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0 5px 0;
  }
  html:has(.timesheet) table.issues [id*=issue-] > * {
    display: block;
  }
  html:has(.timesheet) table.issues [id*=issue-]:last-child {
    border-bottom: 0;
  }
  html:has(.timesheet) table.issues .subject {
    padding-top: 0;
    padding-bottom: 0;
  }
  html:has(.timesheet) table.issues .subject a {
    padding-top: 0;
    padding-bottom: 0;
  }
  html:has(.timesheet) table.issues .name a {
    margin-bottom: 0;
  }
  html:has(.timesheet) table.issues .status, html:has(.timesheet) table.issues .subject, html:has(.timesheet) table.issues .updated_on, html:has(.timesheet) table.issues .spent_hours {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    width: 100%;
    flex: 0 0 100%;
    text-align: left;
    margin-bottom: 5px;
  }
  html:has(.timesheet) table.issues .status {
    flex: 0 0 auto;
    width: auto;
  }
  html:has(.timesheet) table.issues .subject {
    flex: 1;
    width: auto;
  }
  html:has(.timesheet) table.issues .spent_hours:not(:has(a)) {
    display: none;
  }
  html:has(.timesheet) #sidebar table.issues, html:has(.timesheet) #sidebar #activity {
    display: none;
  }
  html:has(.timesheet) #sidebar:has([aria-selected=true]:first-child) table.issues {
    display: table;
  }
  html:has(.timesheet) #sidebar:has([aria-selected=true]:nth-child(2)) #activity {
    display: block;
  }
}
/*
    Pages to test (light and dark)

    • http://localhost:3000/
    • http://localhost:3000/issues
    • http://localhost:3000/my/account
    • http://localhost:3000/users/314
    • http://localhost:3000/projects
    • http://localhost:3000/activity
    • http://localhost:3000/time_entries
    • http://localhost:3000/time_entries/report
    • http://localhost:3000/issues/gantt
    • http://localhost:3000/issues/83717/time_entries/new
    • http://localhost:3000/projects/blend-opp
    • http://localhost:3000/projects/blend-opp/activity
    • http://localhost:3000/projects/blend-opp/wiki
    • http://localhost:3000/projects/blend-opp/settings
    • http://localhost:3000/projects/blend-opp/settings/members
    • http://localhost:3000/projects/blend-opp/settings/issues
    • http://localhost:3000/projects/blend-opp/settings/versions
    • http://localhost:3000/projects/blend-opp/settings/categories
*/
:root {
  --x-svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M18 6L6 18M6 6L18 18" stroke="%23151616" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  --chevron-down-svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M4 6L8 10L12 6" stroke="%23151616" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  --swirl-svg: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEwMzEuMTgzMSA3OTEuODAwOCI+CiAgPHBhdGggc3Ryb2tlLXdpZHRoPSIyMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBjbGFzcz0ic3QwIiBkPSJNNTQyLjY4NTEsNjkuMjEzMmMzNjEuNzU0LDEyNi4zODEsNzA3LjkzNSw4MjIuMTg2LDI4MS42MTEsNDE5LjY5NDNDMzk3Ljk2OTEsODYuNDE2MiwxNzguNjMyMS0xNTguMDc2OCwzNjguNDA5MSwxNDYuODU0MmMxODkuNzc2LDMwNC45MzA4LDQ3My4wMjksODQwLjUwNSwyNjcuMDkzLDQ3NC41ODYxQzQyOS41NjUxLDI1NS41MjEyLTQ3LjUzOTItMTI0LjIzMjgsMjI3LjE3NDEsMjk5LjM0MjJjMjc0LjcxNCw0MjMuNTc2LDI1MS44NTMsNTc2LjYwNywyMDMuMzA4LDQyNS44MDEtNDguNTQ0LTE1MC44MDY5LTYxNi4yMDctNDc2LjY5NS0zNDkuNTY1NC0xMzcuMzg3NkMzNDcuNTU4MSw5MjcuMDYzMiwyNjYuODg1MSw1LjQyMzIsNTQyLjY4NTEsNjkuMjEzMloiLz4KPC9zdmc+');
  --steven-svg: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDUgNDUiIGZpbGw9Im5vbmUiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjbGFzcz0ibWFpbi1sb2dvIj48dGl0bGU+QmxlbmQgSW50ZXJhY3RpdmU8L3RpdGxlPjxkZXNjPldlIGd1aWRlIHRlYW1zIHRocm91Z2ggY29tcGxpY2F0ZWQgd2ViIGFuZCBjb250ZW50IHByb2JsZW1zLCBmcm9tIGNvbnRlbnQKICAgIHN0cmF0ZWd5IGFuZCBkZXNpZ24gdG8gQ01TIGltcGxlbWVudGF0aW9uIGFuZCBzdXBwb3J0LjwvZGVzYz48cGF0aCBkPSJNMzcuOTc2IDIuNTc1QzM1LjUuOTM1IDMyLjQ0MyAwIDI5LjI3IDBjLTMuNzY2IDAtNy42NDggMS4xNjctMTEuMTgxIDMuMjY4LTEuNzY3LS41ODgtMy41MzMtLjgyLTUuMjktLjgyLTMuNTMzIDAtNi40NzMgMS4xNjctOC44MjIgMy4yNjlDLjkyIDguNTMzLS4zOCAxMi42MjEuMDk1IDE3LjQxNGMuMzUgMy41MSAxLjc2NyA3LjAxIDMuOTk5IDEwLjE3MnYxLjUyNGMuMzQ5IDUuNzI4IDIuOTQgMTAuNTIgNy4wNTUgMTMuMzI2IDIuNDc2IDEuNjQgNS41MzMgMi41NzUgOC43MDYgMi41NzUgNy40MTYgMCAxNS4xOC00LjU2MSAyMC4yMzctMTIuMDQ0QzQ3LjM5IDIxLjg2IDQ2LjQ0OSA4LjMwMiAzNy45NzYgMi41NzVaTTIuMjEgMTcuMTgyYy0uNDY2LTMuOTcyLjcwOC03LjQ4MiAzLjE3My05LjcgMS44ODMtMS43NTUgNC4zNTgtMi42OSA3LjMtMi42OS45NCAwIDEuODgyLjExNiAyLjgyNC4zNDctMi40NzYgMS44Ny00LjcwOCA0LjMzLTYuNTkgNy4wMS0yLjQ3NiAzLjYyNS00LjExNiA3LjU5OC00LjcwOCAxMS42ODYtMS4wNTgtMi4yMTgtMS43NjctNC40NDYtMi02LjY2M3YuMDFabTguNTktMy44NTZjMi4xMTUtMy4wMzggNC43MDctNS42MTIgNy41MzEtNy40ODNhMjQuODAzIDI0LjgwMyAwIDAgMSA1LjE3MyAyLjgwNmMtNC40NzUgMS4wNS03Ljg4MSAzLjk3Mi04LjkzOSA3LjgzLS44MjUgMy4wMzYtLjExNiA2LjMxNSAyIDkuMTEgMS45OTkgMi44MDcgNS4xNzIgNC45MDggOC45MzggNS44NDQgMS40MDcuMzQ2IDMuMDU3LjU4OCA0LjU5MS41ODhoLjQ2NmMtLjM1LjQ2My0uNzEuODItMS4wNTggMS4yODItMS44ODMgMS43NTUtNC4zNTkgMi42OS03LjMgMi42OS00LjgyMyAwLTEwLjExMi0yLjU3NC0xNC4xMjEtNi44OTNhMTcuMjggMTcuMjggMCAwIDEtMS44ODMtMi4yMThjLjExNi00LjY3NiAxLjc2Ni05LjM1MyA0LjU5LTEzLjU1N2guMDExWm0xNC45MzYtMi44MDZjLjM0OS4zNDYuODI1LjcwNCAxLjE3NCAxLjA1IDUuMjkgNS42MTIgNy4wNTYgMTIuODUzIDUuMDU2IDE4LjAwMy0uNTkyLjExNS0xLjE3NC4xMTUtMS44ODMuMTE1LTEuMjkgMC0yLjU5MS0uMTE1LTMuOTk4LS40NjItMy4xNzQtLjgyLTUuOTk4LTIuNTc1LTcuNzY1LTUuMDIzLTEuNzY2LTIuMzM0LTIuMzQ4LTQuOTA4LTEuNjUtNy4yNTIuOTQyLTMuNjI2IDQuNDc1LTYuMDc0IDkuMDU1LTYuNDMxaC4wMVptMTIuMzU1IDIxLjAzOWMtNC41OSA2Ljg5NC0xMS42NDYgMTEuMTA4LTE4LjM1MyAxMS4xMDgtMi44MjUgMC01LjI5LS43MDQtNy40MTYtMi4yMTctMy4xNzMtMi4xMDItNS4yODktNS42MTItNS44ODEtOS45MzIgNC4zNTggNC42NzcgMTAuMzU2IDcuNDgzIDE1Ljc2MiA3LjQ4MyAzLjQxNiAwIDYuNDczLTEuMTY3IDguODIyLTMuMTUzIDEuMDU4LS45MzUgMS44ODMtMi4xMDIgMi40NzUtMy4yNjggMi43MDgtLjU4OSA1LjA1Ny0xLjg3IDYuNzA3LTMuNjI2YTIyLjY5OCAyMi42OTggMCAwIDEtMi4xMTYgMy42MjZ2LS4wMjFabTIuMzYtOC4zMDJjLS43MSAyLjY5LTIuOTQyIDQuNzkyLTUuODgyIDUuNzI3IDEuNTMzLTUuNjEyLS40NjYtMTIuNzM3LTUuNTMzLTE4LjQ2NC43MDkuMTE1IDEuMjkuMjMgMiAuMzQ2IDMuMTczLjgyIDUuOTk3IDIuNTc1IDcuNzY0IDUuMDI0IDEuNjUgMi4zMzMgMi4yMzIgNC45MDcgMS42NSA3LjM2N1ptLjExNi04Ljc2NWMtMi0yLjgwNi01LjE3My00LjkwOC04Ljk0LTUuODQzLTEuNDA2LS4yMzEtMy4wNTYtLjQ2Mi00LjU5LS40NjJoLS40NjZjLTEuNzY2LTEuNTI0LTMuNzY1LTIuODA2LTUuNzY1LTMuODU3IDIuNzA4LTEuMzk4IDUuNjUtMi4xMDIgOC40NzQtMi4xMDJzNS4yODkuNzA0IDcuNDE1IDIuMjE3YzQuNDc0IDMuMDM3IDYuNTkgOC41MzQgNi4xMTQgMTQuNjA4YTE2LjIyOCAxNi4yMjggMCAwIDAtMi4yMzItNC41NmgtLjAxWiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg+PC9zdmc+");
  --color-blue: #0569E2;
  --color-green: #4BDAA4;
  --color-lime: #CBED62;
  --color-gray-100: light-dark(#F4F3F2, #151616);
  --color-gray-150: #D5D5D5;
  --color-gray-200: #BCBCBC;
  --color-gray-700: #383939;
  --color-gray-800: #1f1f1f;
  --color-border: light-dark(#e4e4e4, #3d3d3d);
  --color-border-bold: light-dark(#151616, #F4F3F2);
  --color-text: light-dark(#151616, #F4F3F2);
  --color-text-link: light-dark(var(--color-blue), #5099FF);
  --flyout-menu-width: calc(100vw - 40px);
  --outer-gutter: 30px;
  --header-y-padding: 34px;
  --loader-size: 8px;
}

.btn-help, .timesheet-body .fc-button {
  background: transparent;
  border-color: var(--color-gray-150);
  box-shadow: none;
  text-shadow: none;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 16px;
  min-height: 40px;
  color: var(--color-text);
}

.btn-help, .timesheet-body .fc-today-button,
.timesheet-body .fc-prev-button,
.timesheet-body .fc-next-button {
  background-color: light-dark(var(--color-gray-100), var(--color-gray-700));
  border: none;
}

#ajax-indicator span:before, .quick-search:has(.ajax-loading):after {
  content: "";
  z-index: 100;
  position: absolute;
  display: block;
  width: var(--loader-size);
  height: var(--loader-size);
  border: 2px solid var(--color-gray-500);
  border-top: 2px solid transparent;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

/*
    Blend Interactive custom overrides
    Compiled to blend-overrides.css
*/
/*-----------------------------------------------------------
    07/23 Style adjustments
-----------------------------------------------------------*/
#watchers {
  display: flex;
  flex-direction: column;
}

#watchers h3 {
  order: -1;
}

:root {
  --edit-pane-outer-space: 20px;
  --edit-form-controls-height: 60px;
  --edit-form-border-color: #efefef;
}

#update {
  border: 1px solid var(--edit-form-border-color);
  padding: var(--edit-pane-outer-space);
  border-radius: 8px;
  margin-top: 30px;
}

.box.filedroplistner {
  padding: 0;
}

.js-edit-form-controls--cloned {
  padding: 0;
  height: 0;
  overflow: hidden;
}

.js-in-viewport .js-edit-form-controls--cloned {
  height: var(--edit-form-controls-height);
  position: fixed;
  bottom: 0;
  background: #fff;
  box-shadow: 0 0 36px rgba(0, 0, 0, 0.1);
  padding: 10px var(--edit-pane-outer-space);
  border-top: 1px solid var(--edit-form-border-color);
  border-right: 1px solid var(--edit-form-border-color);
  box-sizing: border-box;
}

.js-in-viewport.js-at-bottom .edit_issue {
  padding-bottom: 0;
}

.js-in-viewport.js-at-bottom .js-edit-form-controls--cloned {
  padding: 0;
  height: 0;
  position: relative;
  background-color: transparent;
  box-shadow: none;
  border: 0;
}

/**********************************************************/
/* Navigation */
/**********************************************************/
.mobile-toggle-button {
  background: var(--color-blue);
}

.flyout-menu {
  background-color: var(--color-text);
}

#top-menu {
  background: none;
}
#top-menu a {
  text-transform: capitalize;
  letter-spacing: normal;
}
#top-menu a:hover, #top-menu a.selected {
  background-image: linear-gradient(to left, var(--color-blue) 0, var(--color-blue) 100%);
}
#top-menu .my-account {
  text-align: center;
}

#header {
  background-image: none;
  background-color: var(--color-blue);
  min-height: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 900px) {
  #header {
    padding-top: var(--header-y-padding);
  }
}
#header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-blue);
  opacity: 0.08;
  z-index: 0;
  background-image: var(--swirl-svg);
  background-size: 1000px auto;
  background-position: 20px 85%;
  background-repeat: no-repeat;
}
#header h1 {
  position: relative;
  color: inherit;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: auto;
  margin-bottom: var(--header-y-padding);
  margin-left: var(--outer-gutter);
  width: auto;
  max-width: none;
  overflow: visible;
  order: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 48px;
  min-height: 38px;
  text-transform: none;
  color: #fff;
}
#header h1:before {
  content: "";
  position: absolute;
  width: 34px;
  height: 34px;
  background-image: var(--steven-svg);
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 4px;
  filter: invert(1);
}
#header h1 .separator {
  font-size: 16px;
  line-height: 1;
}
#header .breadcrumbs {
  margin-top: 0;
  display: inline-block;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
}
#header .breadcrumbs a {
  color: inherit;
}
#header .current-project {
  display: inline-block;
  width: auto;
  color: #fff;
}
#header .current-project a {
  color: inherit;
}
#header #quick-search,
#header #main-menu {
  margin: 0;
  padding: 0;
}
#header #quick-search {
  order: 1;
  margin-left: auto;
  margin-bottom: var(--header-y-padding);
}
#header #quick-search label {
  color: rgba(255, 255, 255, 0);
}
#header #quick-search label a:before {
  color: #fff;
}
#header #quick-search input#q {
  height: 40px;
  color: #fff;
  border: none;
  background-color: transparent;
  box-shadow: none;
  font-size: 14px;
}
#header #quick-search input#q .live_search_field {
  color: #fff;
}
#header #quick-search form {
  border-radius: var(--border-radius-base);
  background: rgba(255, 255, 255, 0.2);
  height: 40px;
}
#header #main-menu {
  margin-top: 0;
  margin-bottom: 0;
  order: 2;
  display: flex;
  align-items: center;
}
#header #main-menu li {
  height: auto;
  margin-right: 2px;
}
#header #main-menu li a {
  --color-text-link: var(--color-text);
  padding: 5px 15px;
  height: auto;
  border-radius: var(--border-radius-base);
}
#header #main-menu li a.selected, #header #main-menu li a:hover {
  background: var(--color-gray-100);
}
#header #main-menu li a:before {
  color: var(--color-text);
  opacity: 1;
}
#header #main-menu li a:after {
  display: none;
}
#header #main-menu li .new-object {
  font-size: 20px;
  line-height: 1.3;
}
#header #main-menu .menu-children {
  border-radius: var(--border-radius-base);
  overflow: hidden;
}
#header #main-menu .menu-children a {
  padding-left: 15px;
  padding-right: 15px;
}
#header #project-jump {
  background: transparent;
}
#header #project-jump .drdn-trigger {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  border: 0;
  height: 40px;
  padding: 0 15px;
  border-radius: var(--border-radius-base);
  overflow: hidden;
}
#header #project-jump .drdn-trigger > span {
  display: block;
  text-align: left;
  font-size: 14px;
  flex: 0 0 100%;
  max-width: calc(100% - 20px);
  mask-image: linear-gradient(to right, black, black calc(100% - 30px), transparent 100%);
}
#header #project-jump .drdn-trigger:after {
  background-color: transparent;
  font-size: 16px;
  color: #fff;
}
#header #project-jump.expanded .drdn-trigger:after {
  transform: rotate(180deg);
}
#header #project-jump .drdn-content {
  top: 42px;
  width: 240px;
  right: auto;
  left: 0;
}
#header #project-jump input.autocomplete {
  background-color: var(--color-background);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-base);
  font-size: 14px;
  color: var(--color-text);
  padding-right: 30px;
  padding-left: 10px;
  height: 38px;
}
#header #project-jump .quick-search:after {
  font-size: 14px;
}
#header #project-jump .drdn-items > a:hover {
  background-color: var(--color-gray-100);
  color: var(--color-text);
}

/**********************************************************/
/* My Projects */
/**********************************************************/
#content .new-issue,
#content .drdn-trigger {
  background-color: var(--color-green);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-width: 40px;
  padding: unset;
  padding-left: 20px;
  padding-right: 20px;
}
#content .new-issue:before,
#content .drdn-trigger:before {
  left: 0;
  font-size: 18px;
}
#content .new-issue .icon-only,
#content .drdn-trigger .icon-only {
  filter: brightness(0);
}
#content .drdn-trigger {
  padding-left: 0;
  padding-right: 0;
}
#content .contextual:has(.new-issue, .drdn-trigger) {
  display: flex;
  justify-content: flex-end;
}
#content .note {
  position: relative;
}
#content .note .note-header {
  z-index: 0;
}
#content .note .note-header span {
  white-space: nowrap;
  display: block;
  mask-image: linear-gradient(to right, black, black calc(100% - 110px), transparent calc(100% - 80px));
}
#content .note .drdn-trigger {
  width: 30px;
  height: 30px;
  padding: 0;
  min-width: 0;
  background-color: light-dark(var(--color-gray-100), var(--color-gray-700));
  font-size: 0;
  line-height: 1;
}
#content .note .drdn-trigger * {
  all: unset;
  color: var(--color-text);
  pointer-events: none;
}
#content .note .contextual {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4.5px 10px;
  z-index: 1;
}
#content .note .journal-actions {
  margin-right: 10px;
}
#content #query_form {
  clear: both;
  float: none;
}
#content #query_form #filters,
#content #query_form #options {
  background: var(--color-gray-100);
  padding: 0;
}
#content #query_form fieldset {
  display: flex;
  margin: 0 0 2px 0;
  padding: 0;
  border: 0;
  min-inline-size: 0; /* fixes overflow issues in flex/grid */
  border-radius: var(--border-radius-base);
  float: none;
  clear: both;
}
#content #query_form fieldset > div {
  padding: 15px;
}
#content #query_form legend {
  all: unset;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  border: 0;
  line-height: normal;
  opacity: 1;
  text-transform: none;
  background: var(--color-gray-100);
  border-radius: var(--border-radius-base);
  width: 100%;
  padding: 8px 15px 8px 25px;
  min-height: 37px;
  font-size: 12px;
  letter-spacing: 0.96px;
  cursor: pointer;
}
#content #query_form legend:before {
  opacity: 1;
  margin-top: auto;
  margin-bottom: auto;
  transform: none;
}
#content #query_form legend.icon-expanded:before {
  transform: rotate(90deg);
}
#content table.issues tr.tracker-5 .id > a,
#content table.issues a.tracker-5,
#content table.issues .relations > span > a.tracker-5,
#content table.issues .parent > a.tracker-5,
#content table.issues .tooltip span.tip a.tracker-5 {
  color: var(--color-text-link);
}
#content table.issues tbody tr.assigned-to-me td,
#content table.issues tbody tr.assigned-to-me a {
  font-weight: normal;
}
#content table.issues .priority_Critical {
  background-color: var(--color-lime);
  color: var(--color-text);
}

.btn-sm.btn-outline-dark, .btn-sm.btn-primary {
  color: var(--color-text);
  background-color: light-dark(var(--color-gray-100), var(--color-gray-700));
  transition: none;
}
.btn-sm.btn-outline-dark:hover, .btn-sm.btn-primary:hover {
  color: var(--color-text);
  background-color: light-dark(var(--color-gray-200), color-mix(in srgb, var(--color-gray-700), black 10%));
}

.btn {
  min-width: 100px;
  text-align: center;
  color: var(--color-text);
  background-color: light-dark(var(--color-gray-100), var(--color-gray-700));
}
.btn:hover, .btn:focus {
  background-color: light-dark(var(--color-gray-200), color-mix(in srgb, var(--color-gray-700), black 10%));
}
.btn.btn-primary {
  background-color: var(--color-green);
  color: var(--color-text);
}
.btn.btn-primary:hover, .btn.btn-primary:focus {
  background-color: color-mix(in srgb, var(--color-green), black 5%);
}

.timesheet-utility {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}
.timesheet-utility * {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: normal;
}
.timesheet-utility h4 {
  border-right: 1px solid var(--color-text);
  padding-right: 10px;
  margin-right: 10px;
}
.timesheet-utility select {
  background-color: transparent;
}

/**********************************************************/
/* Timesheet Calendar */
/**********************************************************/
.timesheet-body .fc-icon:after {
  font-weight: normal;
}
.timesheet-body .fc-state-active {
  background-color: var(--color-green);
  border-color: var(--color-green);
}
.timesheet-body .fc-today-button:last-child,
.timesheet-body .fc-prev-button:last-child,
.timesheet-body .fc-next-button:last-child {
  border-left: 1px solid var(--color-gray-150);
}
.timesheet-body .fc-head-container {
  padding: 0;
}
.timesheet-body .fc-next-button {
  margin-left: 0;
}
.timesheet-body .fc-view {
  border: 1px solid var(--color-gray-150);
  border-radius: var(--border-radius-base);
  overflow: hidden;
}
.timesheet-body .fc-day-header span,
.timesheet-body .fc-time-grid .fc-slats td {
  height: 28px;
}

/**********************************************************/
/* Timesheet Dialog */
/**********************************************************/
.ui-dialog {
  --dialog-bg: #fff;
  --dialog-border-color: #D5D5D5;
  --dialog-border-radius: var(--border-radius-base);
  --dialog-input-height: 40px;
}
.ui-dialog:has(.timesheet-entry-ui) {
  padding: 0;
  border: 0;
  border-radius: 8px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
}
.ui-dialog:has(.timesheet-entry-ui) * {
  margin-bottom: 0;
  margin-top: 0;
}
.ui-dialog:has(.timesheet-entry-ui) .ui-dialog-content {
  padding: 20px;
}
.ui-dialog:has(.timesheet-entry-ui) .close-link {
  background-color: transparent;
  background-image: var(--x-svg);
  background-repeat: no-repeat;
  background-position: center center;
  color: rgba(0, 0, 0, 0);
  width: 40px;
  height: 40px;
  box-shadow: none;
  right: 4px;
  top: 2px;
  min-width: 0;
}
.ui-dialog:has(.timesheet-entry-ui) .timesheet-entry-form {
  margin-top: 10px;
}
.ui-dialog:has(.timesheet-entry-ui) label,
.ui-dialog:has(.timesheet-entry-ui) .label {
  margin-bottom: 2px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.48px;
  font-weight: 600;
  display: block;
}
.ui-dialog:has(.timesheet-entry-ui) .label:has(+ .timesheet-entry-recent) {
  padding-left: 20px;
}
.ui-dialog:has(.timesheet-entry-ui) .issue-text,
.ui-dialog:has(.timesheet-entry-ui) .duration_full {
  display: inline-block;
  margin-top: 3px;
  font-size: 12px;
  font-weight: 600;
}
.ui-dialog:has(.timesheet-entry-ui) .issue-text {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  mask-image: linear-gradient(to right, black, black calc(100% - 30px), transparent 100%);
}
.ui-dialog:has(.timesheet-entry-ui) .issueRedmineLink {
  cursor: pointer;
  position: relative;
}
.ui-dialog:has(.timesheet-entry-ui) .issueRedmineLink:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
}
.ui-dialog:has(.timesheet-entry-ui) .ui-combobox {
  display: block;
  position: relative;
}
.ui-dialog:has(.timesheet-entry-ui) .ui-combobox .ui-button {
  background-color: transparent;
  background-image: var(--chevron-down-svg);
  background-position: center center;
  background-repeat: no-repeat;
  height: calc(var(--dialog-input-height) - 4px);
  width: calc(var(--dialog-input-height) - 4px);
  border: 0;
  position: absolute;
  right: 1px;
  top: 2px;
  border-radius: 0 3px 3px 0;
  padding: 0;
}
.ui-dialog:has(.timesheet-entry-ui) .ui-combobox .ui-button .ui-button-icon {
  display: none;
}
.ui-dialog:has(.timesheet-entry-ui) .ui-combobox .ui-button:hover {
  background-color: var(--color-gray-100);
}
.ui-dialog:has(.timesheet-entry-ui) .ui-combobox:has(input:focus) {
  border-color: var(--color-blue);
}
.ui-dialog:has(.timesheet-entry-ui) .ui-combobox input {
  border: 1px solid var(--dialog-border-color);
  border-radius: var(--dialog-border-radius);
  padding-right: 40px;
  min-width: 100%;
}
.ui-dialog:has(.timesheet-entry-ui) .ui-combobox:not(:has(.ui-autocomplete[style*="display: none"])) {
  z-index: 1000;
}
.ui-dialog:has(.timesheet-entry-ui) .ui-combobox:not(:has(.ui-autocomplete[style*="display: none"])) input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ui-dialog:has(.timesheet-entry-ui) #timesheet_ui_issue_id {
  width: auto;
  flex: 1;
}
.ui-dialog:has(.timesheet-entry-ui) input[type=text],
.ui-dialog:has(.timesheet-entry-ui) textarea,
.ui-dialog:has(.timesheet-entry-ui) select {
  border-radius: var(--dialog-border-radius);
  border-color: var(--dialog-border-color);
  background-color: var(--dialog-bg);
  box-sizing: border-box;
  width: 100% !important;
  min-height: var(--dialog-input-height);
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}
.ui-dialog:has(.timesheet-entry-ui) input[type=text]:focus,
.ui-dialog:has(.timesheet-entry-ui) textarea:focus,
.ui-dialog:has(.timesheet-entry-ui) select:focus {
  border-color: var(--color-blue);
}
.ui-dialog:has(.timesheet-entry-ui) textarea {
  min-height: 70px;
}
.ui-dialog:has(.timesheet-entry-ui) .issue_items {
  display: flex;
}
.ui-dialog:has(.timesheet-entry-ui) .issue_items__input-wrapper {
  position: relative;
  flex: 1;
}
.ui-dialog:has(.timesheet-entry-ui) .ui-autocomplete {
  top: 100% !important;
  left: 0 !important;
  width: 100% !important;
  max-width: none;
  border-top: none;
  border-radius: 0 0 5px 5px;
  scrollbar-width: thin;
  scrollbar-color: var(--color-gray-200) transparent;
  box-sizing: border-box;
}
.ui-dialog:has(.timesheet-entry-ui) .ui-autocomplete li {
  padding: 0;
}
.ui-dialog:has(.timesheet-entry-ui) .ui-autocomplete li:hover {
  padding: 0;
  border: 0;
  color: var(--color-text);
  background-color: var(--color-gray-100);
}
.ui-dialog:has(.timesheet-entry-ui) .ui-menu-item-wrapper {
  padding: 5px 10px;
}
.ui-dialog:has(.timesheet-entry-ui) .ui-menu-item-wrapper.ui-state-active {
  padding: 5px 10px;
  border: 0;
  background-color: var(--color-blue);
}
.ui-dialog:has(.timesheet-entry-ui) button.btn.btn-default.issue-link {
  border: 0;
  border-radius: var(--border-radius-base);
  background-color: var(--color-gray-100);
  box-shadow: none;
  color: var(--color-text);
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--dialog-input-height);
  min-width: 30px;
  padding: unset;
  padding-left: 15px;
  padding-right: 15px;
}
.ui-dialog:has(.timesheet-entry-ui) button.btn.btn-default.issue-link .icon.icon-del {
  border-radius: 0;
  padding: 0;
}
.ui-dialog:has(.timesheet-entry-ui) button.btn.btn-default.issue-link .icon.icon-del:before {
  color: var(--color-text);
  content: "\e8b1";
}
.ui-dialog:has(.timesheet-entry-ui) select {
  min-height: 40px;
  border: 1px solid var(--dialog-border-color);
  border-radius: var(--dialog-border-radius);
}
.ui-dialog:has(.timesheet-entry-ui) .toDateText {
  display: flex;
  align-items: center;
  gap: 20px;
}
.ui-dialog:has(.timesheet-entry-ui) .toDateText > * {
  flex: 1;
}
.ui-dialog:has(.timesheet-entry-ui) .timesheet-field {
  margin-bottom: 15px;
}
.ui-dialog:has(.timesheet-entry-ui) .timesheet-field:has(.ui-combobox, .ui-autocomplete) {
  overflow: visible;
}
.ui-dialog:has(.timesheet-entry-ui) .timesheet-field:has([name=activity]) .standard_activities {
  display: none;
}
.ui-dialog:has(.timesheet-entry-ui) #timesheet_ui_journal_update {
  min-height: unset;
}
.ui-dialog:has(.timesheet-entry-ui) .secondary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  position: absolute;
  bottom: 20px;
}
.ui-dialog:has(.timesheet-entry-ui) .secondary-actions button {
  margin: 0;
  border: 0;
  border-radius: var(--border-radius-base);
  background-color: var(--color-gray-100);
  box-shadow: none;
  color: var(--color-text);
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--dialog-input-height);
  padding: unset;
  padding-left: 12px;
  padding-right: 12px;
  font-family: "Nunito Sans";
}
.ui-dialog:has(.timesheet-entry-ui) .secondary-actions .submit-button {
  background-color: var(--color-green);
  color: var(--color-text);
  margin-right: 10px;
}
.ui-dialog:has(.timesheet-entry-ui) .secondary-actions .cancel-link {
  display: none;
}
.ui-dialog:has(.timesheet-entry-ui) .timesheet-field:has(.timesheet-entry-recent) {
  width: 45%;
}
.ui-dialog:has(.timesheet-entry-ui) .timesheet-entry-recent {
  padding-left: 20px;
  scrollbar-width: thin;
  scrollbar-color: var(--color-gray-200) transparent;
  mask-image: linear-gradient(to bottom, black, black calc(100% - 30px), transparent 100%);
}
.ui-dialog:has(.timesheet-entry-ui) .recents-list {
  font-size: 12px;
  list-style-type: none;
  padding: 0 5px 30px 0;
  margin: 0;
}
.ui-dialog:has(.timesheet-entry-ui) .recents-list li {
  margin-bottom: 8px;
  line-height: 1.2;
}

span.pagination {
  background-color: transparent;
}
span.pagination ul.pages li {
  background-color: var(--color-gray-100);
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
span.pagination ul.pages li span,
span.pagination ul.pages li a {
  color: var(--color-text);
  line-height: normal;
  top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
span.pagination ul.pages li span::before,
span.pagination ul.pages li a::before {
  top: auto;
}
span.pagination ul.pages li.current {
  background-color: var(--color-green);
}
span.pagination ul.pages li.current a,
span.pagination ul.pages li.current span {
  color: var(--color-gray-800);
}

.autoscroll:has(table) {
  mask-image: linear-gradient(to right, black calc(100% - 20px), transparent 100%);
}

div.mypage-box div.contextual {
  padding: 0;
  margin: 0;
}
div.mypage-box div.contextual a.icon-only,
div.mypage-box div.contextual span.icon-only {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  line-height: normal;
  vertical-align: unset;
  text-align: center;
}
div.mypage-box div.contextual a.icon-only:after, div.mypage-box div.contextual a.icon-only:before,
div.mypage-box div.contextual span.icon-only:after,
div.mypage-box div.contextual span.icon-only:before {
  color: var(--color-text);
  padding: 0;
  margin: 0;
}

#ajax-indicator {
  width: 130px;
  height: 50px;
  border-radius: var(--border-radius-base);
  background-color: var(--color-background-alpha);
  backdrop-filter: blur(4px);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
  color: var(--color-text);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  border: 0;
  left: calc(50% - 65px);
  padding: 0;
}
#ajax-indicator span {
  --loader-size: 14px;
  position: relative;
  background-image: none;
}
#ajax-indicator span:before {
  left: 0;
}

body.stealth_on #header,
body.stealth_on .mobile-toggle-button {
  background-color: var(--color-gray-700);
}
body.stealth_on #top-menu {
  background-color: var(--color-gray-800);
  --color-text: var(--color-gray-100);
}

/* Hide zenmine built-in dark mode toggle — replaced by our own */
fieldset.box:has(#darkbutton) {
  display: none;
}

body.action-login {
  height: auto;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
body.action-login .flyout-menu,
body.action-login #top-menu,
body.action-login #header,
body.action-login #sidebar,
body.action-login #hero {
  display: none;
}
body.action-login #footer {
  display: block;
}
body.action-login #wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
body.action-login #main {
  display: flex;
  margin: 0;
  padding: 0;
  height: auto;
  width: auto;
}
body.action-login #content {
  all: unset;
}
body.action-login #login-form {
  all: unset;
}
body.action-login .logo_login {
  background-image: var(--steven-svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  margin: 0 auto;
}
body.action-login h1 {
  margin-bottom: 30px;
}
body.action-login .oauth-submit {
  width: 100%;
  display: flex;
  justify-content: center;
}
body.action-login .login-or {
  text-align: center;
  margin: 30px 0;
}
body.action-login #footer {
  position: relative;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
  width: 100%;
  margin: 0;
}

@media (min-width: 768px) {
  :root {
    --scheduler-sidebar-width: 140px;
    --staff-sidebar-gravatar-width: 30px;
  }
}
@media (min-width: 992px) {
  :root {
    --scheduler-sidebar-width: 190px;
  }
}
@media (min-width: 1200px) {
  :root {
    --scheduler-sidebar-width: 220px;
  }
}
.controller-scheduler #content {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.controller-scheduler #main {
  width: 100%;
}
@media (min-width: 900px) {
  .controller-scheduler #main {
    padding: 0;
  }
}
.controller-scheduler #main * {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  text-shadow: none;
}

.scheduler {
  display: flex;
  padding: 0 0 0 15px;
  min-height: calc(var(--scheduler-cal-inner-height) + var(--scheduler-graph-height));
  position: relative;
}
.scheduler h3 .gravatar-scheduler {
  border-radius: 50%;
  overflow: hidden;
  width: 50px;
  height: 50px;
}
.scheduler .project-name {
  display: block;
  font-weight: bold;
  margin-left: 0.8em;
}
.scheduler .header-date {
  float: right;
  font-weight: bold;
}
.scheduler .time-alert img {
  border: 3px solid #E40000;
}
.scheduler .sprint-header span {
  display: flex;
  gap: 2px;
  padding: 3px 6px;
  border-radius: 5px;
  margin: 3px 1px;
  font-size: 0.9em;
  white-space: nowrap;
}
.scheduler .sprint-header span svg {
  width: 16px;
  height: 16px;
}
.scheduler .sprint-header span path {
  fill: none;
  stroke: currentColor;
}
.scheduler .utilization {
  float: left;
}
.scheduler .utilization.over-scheduled {
  background-color: #E40000;
  font-weight: bold;
  color: white;
}
.scheduler .utilization.over-billable {
  background-color: rgb(38, 141, 24);
  font-weight: bold;
  color: white;
}
.scheduler .utilization.under-scheduled, .scheduler .utilization.under-billable {
  background-color: rgb(255, 187, 0);
}
.scheduler .points {
  background: black;
  color: white;
  border-radius: 5px;
  float: right;
  padding: 2px 4px;
  font-size: 0.9em;
}
.scheduler .points.under-scheduled {
  background-color: #E40000;
}
.scheduler .tile-menu-button {
  float: left;
  background: none;
  border: none;
  margin: -4px 0 0 0;
  padding: 0 3px 0 0;
}
.scheduler .tile-menu {
  min-width: 150px;
}
.scheduler .tile-menu li {
  padding: 4px 8px;
}
.scheduler .needs-estimates .points {
  background: #e87700;
}
.scheduler .needs-estimates-line {
  color: #e87700;
  font-size: 90%;
  font-weight: bold;
}
.scheduler .tile-container {
  padding: 5px;
}
.scheduler .plan-tile .hours {
  margin-left: 0.8em;
}
.scheduler .plan-tile .description {
  margin-left: 0.8em;
  padding-left: 15px;
}
.scheduler .plan-tile .notes {
  margin: 0.2rem;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.75);
  padding: 0.4rem;
}
.scheduler .plan-tile .notes:empty {
  visibility: hidden;
}
.scheduler .plan-tile .notes:empty::before {
  content: "Add notes...";
  font-style: italic;
}
.scheduler .plan-tile:hover {
  overflow: visible;
  z-index: 4;
  text-shadow: 0 0 8px white;
}
.scheduler .plan-tile:hover .notes {
  visibility: visible;
}
.scheduler .plan-tile:hover .tile-container {
  box-shadow: 0 0 10px;
  background-color: bisque;
  color: black;
}
.scheduler div.burndown {
  position: fixed;
  bottom: 0;
  top: auto;
  height: var(--scheduler-graph-height);
  width: calc(100% - var(--scheduler-sidebar-width) - var(--scheduler-outer-gutter));
  left: calc(var(--scheduler-sidebar-width) + var(--scheduler-outer-gutter));
  z-index: 2;
  background-color: #fff;
  border: 1px solid var(--color-gray-300);
  border-top: 0;
  border-right: 0;
  border-left: 0;
  box-shadow: var(--box-shadow-shallow);
}
.scheduler div.burndown canvas {
  max-height: calc(var(--scheduler-graph-height) - 15px);
}
.scheduler.unstick-burndown div.burndown {
  position: absolute;
}

.staff-menu + div .burndown {
  opacity: 0;
}

.date-range {
  width: 100%;
  padding: 8px;
}

.staff-menu {
  width: var(--scheduler-sidebar-width);
  flex: 0 0 var(--scheduler-sidebar-width);
  padding: 0 15px 0 0;
  z-index: 3;
  border-right: 1px solid var(--color-border-bold);
}

.staff-menu__loader {
  display: block;
  width: 24px;
  height: 24px;
  border: 3px solid var(--color-gray-150);
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  margin: 24px auto;
}

.staffer-item {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  color: var(--color-text-link);
}
.staffer-item > * {
  z-index: 1;
}
.staffer-item:not(:last-child) {
  margin-bottom: 20px;
}
.staffer-item .gravatar-scheduler {
  position: relative;
  top: 0;
  left: 0;
  margin-right: 10px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  box-sizing: unset !important;
}
.staffer-item .staffer-info {
  flex: 1;
}
.staffer-item .staffer-name,
.staffer-item .staffer-velocity {
  font-size: 11px;
}
.staffer-item .staffer-name {
  font-weight: bold;
}
@media (min-width: 992px) {
  .staffer-item .staffer-name {
    font-size: 13px;
  }
}
@media (max-width: 991px) {
  .staffer-item .staffer-velocity {
    display: none;
  }
}
.staffer-item:hover, .staffer-item.active-staffer {
  position: relative;
}
.staffer-item:hover:before, .staffer-item.active-staffer:before {
  content: "";
  position: absolute;
  background-color: light-dark(var(--color-gray-100), var(--color-gray-700));
  top: -9px;
  left: -9px;
  width: calc(100% + 18px);
  height: calc(100% + 18px);
  border-radius: var(--border-radius-base);
  z-index: 0;
}
.staffer-item.active-staffer {
  color: var(--color-text);
}

.scheduler__header-row {
  display: flex;
  width: calc(var(--sprint-cols) * 200px);
  border: 1px solid var(--color-border-bold);
  border-right: 0;
  border-left: 0;
  min-height: 30px;
}

.scheduler__staffer-row {
  width: calc(100% - var(--scheduler-sidebar-width));
  flex: 0 0 calc(100% - var(--scheduler-sidebar-width));
  position: relative;
  transform: translate3d(0, 0, 0);
  border: 0;
  background-color: var(--color-background);
  padding: 0;
  border-top-left-radius: var(--border-radius-common);
  border-bottom-left-radius: var(--border-radius-common);
}
.scheduler__staffer-row [style*="overflow-x: scroll; height:"] {
  height: auto;
  margin-bottom: calc(var(--scheduler-graph-height));
  padding: 0;
}
.scheduler__staffer-row .react-grid-layout {
  margin-bottom: 20px;
}
.scheduler__staffer-row h3 {
  color: var(--color-gray-800);
  transform: translate3d(15px, 0, 0);
  padding: 0;
}
.scheduler__staffer-row h3 a {
  color: var(--color-gray-800);
}
.scheduler__staffer-row .gravatar {
  border-radius: 50%;
  width: 49px;
  height: 49px;
  margin-right: 10px;
}
.scheduler__staffer-row .sprint-header {
  width: 200px;
  flex-shrink: 0;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border-right: 1px solid var(--color-border);
}
.scheduler__staffer-row .sprint-header button {
  border: 0;
  border-radius: var(--border-radius-common);
  background-color: transparent;
  font-weight: bold;
  font-size: 16px;
  color: var(--color-gray-800);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-left: auto;
  margin-right: 4px;
}
.scheduler__staffer-row .sprint-header button:hover, .scheduler__staffer-row .sprint-header button:focus {
  background-color: var(--color-green);
}
.scheduler__staffer-row .plan-tile {
  border: 1px solid var(--color-background);
  border-radius: var(--border-radius-common);
  position: relative;
  font-size: 11px;
  overflow: hidden;
}
.scheduler__staffer-row .plan-tile:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-common);
  top: 0;
  left: 0;
  border: 1px solid light-dark(var(--color-gray-800), transparent);
  pointer-events: none;
}
@media (min-width: 900px) {
  .scheduler__staffer-row .plan-tile:after {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
  }
}
.scheduler__staffer-row .plan-tile:hover {
  cursor: pointer;
  overflow: visible;
  border-radius: calc(var(--border-radius-common) + 3px);
}
.scheduler__staffer-row .plan-tile:hover:after {
  opacity: 0;
}
.scheduler__staffer-row .plan-tile:hover div.tile-container {
  border-radius: var(--border-radius-common);
  border: 0;
  box-shadow: var(--box-shadow-common);
  background-color: var(--color-white);
}
.scheduler__staffer-row .plan-tile:hover .react-resizable-handle {
  opacity: 1;
}
.scheduler__staffer-row .plan-tile:has(.react-resizable-handle:active) div.tile-container {
  opacity: 0.75;
  user-select: none;
  cursor: grab;
}
.scheduler__staffer-row .plan-tile[style*="height: 6px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 6px;"]:focus div.tile-container {
  position: absolute;
  top: -5px;
  width: calc(100% - 40px);
}
.scheduler__staffer-row .plan-tile[style*="height: 7px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 7px;"]:focus div.tile-container {
  position: absolute;
  top: -5px;
  width: calc(100% - 40px);
}
.scheduler__staffer-row .plan-tile[style*="height: 8px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 8px;"]:focus div.tile-container {
  position: absolute;
  top: -5px;
  width: calc(100% - 40px);
}
.scheduler__staffer-row .plan-tile[style*="height: 9px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 9px;"]:focus div.tile-container {
  position: absolute;
  top: -5px;
  width: calc(100% - 40px);
}
.scheduler__staffer-row .plan-tile[style*="height: 10px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 10px;"]:focus div.tile-container {
  position: absolute;
  top: -5px;
  width: calc(100% - 40px);
}
.scheduler__staffer-row .plan-tile[style*="height: 11px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 11px;"]:focus div.tile-container {
  position: absolute;
  top: -5px;
  width: calc(100% - 40px);
}
.scheduler__staffer-row .plan-tile[style*="height: 12px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 12px;"]:focus div.tile-container {
  position: absolute;
  top: -5px;
  width: calc(100% - 40px);
}
.scheduler__staffer-row .plan-tile[style*="height: 13px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 13px;"]:focus div.tile-container {
  position: absolute;
  top: -5px;
  width: calc(100% - 40px);
}
.scheduler__staffer-row .plan-tile[style*="height: 14px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 14px;"]:focus div.tile-container {
  position: absolute;
  top: -5px;
  width: calc(100% - 40px);
}
.scheduler__staffer-row .plan-tile[style*="height: 15px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 15px;"]:focus div.tile-container {
  position: absolute;
  top: -5px;
  width: calc(100% - 40px);
}
.scheduler__staffer-row .plan-tile[style*="height: 16px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 16px;"]:focus div.tile-container {
  position: absolute;
  top: -5px;
  width: calc(100% - 40px);
}
.scheduler__staffer-row .plan-tile[style*="height: 17px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 17px;"]:focus div.tile-container {
  position: absolute;
  top: -5px;
  width: calc(100% - 40px);
}
.scheduler__staffer-row .plan-tile[style*="height: 18px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 18px;"]:focus div.tile-container {
  position: absolute;
  top: -5px;
  width: calc(100% - 40px);
}
.scheduler__staffer-row .plan-tile[style*="height: 19px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 19px;"]:focus div.tile-container {
  position: absolute;
  top: -5px;
  width: calc(100% - 40px);
}
.scheduler__staffer-row .plan-tile[style*="height: 20px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 20px;"]:focus div.tile-container {
  position: absolute;
  top: -5px;
  width: calc(100% - 40px);
}
.scheduler__staffer-row .plan-tile[style*="height: 21px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 21px;"]:focus div.tile-container {
  position: absolute;
  top: -5px;
  width: calc(100% - 40px);
}
.scheduler__staffer-row .plan-tile[style*="height: 22px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 22px;"]:focus div.tile-container {
  position: absolute;
  top: -5px;
  width: calc(100% - 40px);
}
.scheduler__staffer-row .plan-tile[style*="height: 23px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 23px;"]:focus div.tile-container {
  position: absolute;
  top: -5px;
  width: calc(100% - 40px);
}
.scheduler__staffer-row .plan-tile[style*="height: 24px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 24px;"]:focus div.tile-container {
  position: absolute;
  top: -5px;
  width: calc(100% - 40px);
}
.scheduler__staffer-row .plan-tile[style*="height: 25px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 25px;"]:focus div.tile-container {
  position: absolute;
  top: -5px;
  width: calc(100% - 40px);
}
.scheduler__staffer-row .plan-tile[style*="height: 26px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 26px;"]:focus div.tile-container {
  position: absolute;
  top: -5px;
  width: calc(100% - 40px);
}
.scheduler__staffer-row .plan-tile[style*="height: 27px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 27px;"]:focus div.tile-container {
  position: absolute;
  top: -5px;
  width: calc(100% - 40px);
}
.scheduler__staffer-row .plan-tile[style*="height: 28px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 28px;"]:focus div.tile-container {
  position: absolute;
  top: -5px;
  width: calc(100% - 40px);
}
.scheduler__staffer-row .plan-tile[style*="height: 6px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 6px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 6px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 7px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 7px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 7px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 8px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 8px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 8px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 9px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 9px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 9px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 10px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 10px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 10px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 11px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 11px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 11px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 12px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 12px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 12px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 13px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 13px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 13px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 14px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 14px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 14px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 15px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 15px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 15px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 16px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 16px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 16px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 17px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 17px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 17px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 18px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 18px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 18px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 19px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 19px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 19px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 20px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 20px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 20px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 21px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 21px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 21px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 22px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 22px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 22px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 23px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 23px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 23px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 24px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 24px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 24px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 25px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 25px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 25px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 26px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 26px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 26px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 27px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 27px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 27px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 28px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 28px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 28px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 29px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 29px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 29px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 30px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 30px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 30px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 31px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 31px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 31px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 32px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 32px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 32px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 33px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 33px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 33px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 34px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 34px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 34px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 35px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 35px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 35px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 36px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 36px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 36px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 37px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 37px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 37px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 38px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 38px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 38px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 39px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 39px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 39px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 40px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 40px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 40px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 41px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 41px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 41px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 42px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 42px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 42px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 43px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 43px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 43px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 44px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 44px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 44px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 45px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 45px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 45px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 46px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 46px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 46px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 47px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 47px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 47px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 48px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 48px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 48px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 49px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 49px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 49px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile[style*="height: 50px;"]:hover div.tile-container, .scheduler__staffer-row .plan-tile[style*="height: 50px;"]:focus div.tile-container {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1px);
}
.scheduler__staffer-row .plan-tile[style*="height: 50px;"] .react-resizable-handle-s {
  left: calc(100% - 30px);
  bottom: 2px;
}
.scheduler__staffer-row .plan-tile.black-tile .tile-container:not(:hover, :focus) {
  color: var(--color-white);
}
.scheduler__staffer-row .plan-tile.dark-tile .szh-menu-button {
  color: rgba(255, 255, 255, 0.6);
}
.scheduler__staffer-row .plan-tile.dark-tile .szh-menu-button:hover, .scheduler__staffer-row .plan-tile.dark-tile .szh-menu-button:focus {
  background-color: rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.9);
}
.scheduler__staffer-row .plan-tile.dark-tile .tile-notes:focus {
  background: rgba(255, 255, 255, 0.12);
}
.scheduler__staffer-row .tile-container {
  min-height: 100%;
  transition: background-color 100ms linear;
  color: var(--color-gray-800);
}
.scheduler__staffer-row .tile-container:not(:hover, :focus) {
  height: inherit;
}
.scheduler__staffer-row .tile-container:has(.tile-notes:focus, .tile-notes:hover) ~ .react-resizable-handle {
  opacity: 0.15;
}
.scheduler__staffer-row .tile-container .szh-menu-button {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  cursor: pointer;
  color: var(--color-gray-800);
}
.scheduler__staffer-row .tile-container .szh-menu-button:hover, .scheduler__staffer-row .tile-container .szh-menu-button:focus {
  background-color: var(--color-gray-300);
}
.scheduler__staffer-row .tile-container .project-name,
.scheduler__staffer-row .tile-container .hours {
  padding-left: 15px;
}
.scheduler__staffer-row .tile-container .tile-notes {
  padding: 5px;
  font-size: 11px;
  line-height: 1.3;
  opacity: 1;
  outline: none;
  cursor: text;
  min-height: 14px;
  margin-top: 10px;
  white-space: pre-wrap;
}
.scheduler__staffer-row .tile-container .tile-notes:focus, .scheduler__staffer-row .tile-container .tile-notes:hover {
  opacity: 1;
  background: var(--color-white);
  border-radius: 4px;
  border: 1px solid var(--color-border);
  z-index: 1;
}
.scheduler__staffer-row .tile-container .tile-notes:empty::before {
  content: "Add notes…";
  opacity: 0.75;
  font-style: italic;
  pointer-events: none;
}
.scheduler__staffer-row ul.tile-menu {
  border-radius: var(--border-radius-common);
  box-shadow: var(--box-shadow-common);
  border: 0;
  font-weight: bold;
  padding: 5px 0;
}
.scheduler__staffer-row ul.tile-menu li {
  padding: 5px 12px;
  color: var(--color-gray-800);
}
.scheduler__staffer-row ul.tile-menu li[role=menuitem]:hover, .scheduler__staffer-row ul.tile-menu li[role=menuitem]:focus {
  background-color: transparent;
  text-decoration: underline;
}
.scheduler__staffer-row ul.tile-menu li:last-child {
  opacity: 0.75;
}
.scheduler__staffer-row ul.tile-menu .szh-menu__divider {
  margin: 0;
  padding: 0;
}
.scheduler__staffer-row span.utilization {
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.scheduler__staffer-row .react-resizable-handle {
  opacity: 0;
}
.scheduler__staffer-row .react-resizable-handle:after {
  border-color: var(--color-gray-800);
}
.scheduler__staffer-row div.points {
  margin-left: 5px;
  min-width: 35px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  min-height: 20px;
  background-color: var(--color-gray-800);
  font-size: 12px;
}

.scheduler-graph__loader {
  display: block;
  width: 32px;
  height: 32px;
  border: 3px solid var(--color-gray-150);
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  position: absolute;
  top: calc(50% - 16px);
  left: calc(50% - 16px);
}

.scheduler-graph__loader--inline {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 2px solid var(--color-gray-150);
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  vertical-align: middle;
  margin-left: 6px;
}

.notes-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--color-background);
  border-radius: var(--border-radius-common);
  box-shadow: var(--box-shadow-common);
  width: 360px;
  outline: none;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.notes-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid var(--color-border);
  font-size: 13px;
}

.notes-modal__close {
  background: none;
  border: none;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  color: var(--color-text);
  padding: 0 0 0 8px;
  opacity: 0.5;
}
.notes-modal__close:hover {
  opacity: 1;
}

.notes-modal__display {
  flex: 1;
  min-height: 120px;
  max-height: 240px;
  overflow-y: auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 8px;
}

.notes-modal__bubble {
  align-self: flex-start;
  background: light-dark(var(--color-gray-100), var(--color-gray-700));
  border-radius: 4px 12px 12px 12px;
  padding: 8px 12px;
  font-size: 13px;
  line-height: 1.5;
  white-space: pre-wrap;
  max-width: 90%;
}

.notes-modal__empty {
  font-size: 13px;
  color: light-dark(var(--color-gray-200), var(--color-gray-700));
  font-style: italic;
}

.notes-modal__compose {
  border-top: 1px solid var(--color-border);
  padding: 12px 16px;
}
.notes-modal__compose textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  padding: 8px;
  font-size: 13px;
  resize: none;
  font-family: inherit;
  color: var(--color-text);
  background: var(--color-background);
}
.notes-modal__compose textarea:focus {
  outline: none;
  border-color: var(--color-blue);
}

.notes-modal__overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 100;
}

.notes-modal__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}

.add-plan-modal {
  width: 420px;
}
.add-plan-modal .add-plan-modal__body {
  padding: 16px;
}
.add-plan-modal .tabular p {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 10px;
}
.add-plan-modal .tabular p label {
  width: 80px;
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text);
}
.add-plan-modal .tabular p select,
.add-plan-modal .tabular p input[type=text] {
  flex: 1;
  font-size: 13px;
  color: var(--color-text);
  background: var(--color-background);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  padding: 5px 8px;
  box-sizing: border-box;
}
.add-plan-modal .tabular p select:focus,
.add-plan-modal .tabular p input[type=text]:focus {
  outline: none;
  border-color: var(--color-blue);
}
.add-plan-modal .tabular p span {
  font-size: 13px;
}

.ReactModal__Overlay {
  z-index: 10;
}

body:has(.scheduler) .ReactModal__Overlay {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
body:has(.scheduler) .ReactModal__Content {
  position: relative !important;
  max-width: 522px;
  left: 50% !important;
  transform: translateX(-50%);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
  border: 0 !important;
  border-radius: var(--border-radius-base) !important;
  color: var(--color-text);
}
body:has(.scheduler) .ReactModal__Content h4 {
  border: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--color-text);
  padding: 0;
  margin-bottom: 10px;
}
body:has(.scheduler) .ReactModal__Content p {
  margin-bottom: 10px;
  align-items: flex-start;
}
body:has(.scheduler) .ReactModal__Content p:has(label) {
  display: flex;
  flex-direction: column;
}
body:has(.scheduler) .ReactModal__Content p:has([type=submit]) {
  display: flex;
}
body:has(.scheduler) .ReactModal__Content p:has([type=submit]) .btn {
  width: auto;
  max-width: none;
}
body:has(.scheduler) .ReactModal__Content p:last-child {
  margin-bottom: 0;
}
body:has(.scheduler) .ReactModal__Content label {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.48px;
  font-weight: 600;
  margin-bottom: 2px;
}
body:has(.scheduler) .ReactModal__Content select {
  border: 1px solid var(--color-gray-200);
  border-radius: var(--border-radius-base);
  padding: 8px 10px;
  min-height: 40px;
  width: 100%;
  max-width: none;
}
body:has(.scheduler) .ReactModal__Content input[type=text],
body:has(.scheduler) .ReactModal__Content select {
  padding-left: 10px;
  padding-right: 10px;
  text-indent: 0;
}
body:has(.scheduler) .ReactModal__Content :focus {
  border-color: var(--color-blue);
}

/*----------------------------------------*\
  	RESPONSIVE CSS
  \*----------------------------------------*/
/*
  CONTENTS

  A) BASIC MOBILE RESETS
  B) HEADER & TOP MENUS
  C) MAIN CONTENT & SIDEBAR
  D) TOGGLE BUTTON & FLYOUT MENU
  E) UX ELEMENTS
  F) PAGE SPECIFIC STYLES
  G) FORMS
  H) BUTTONS
  I) LOGIN
  J) FOOTER
  K) MY PAGE
  L) PROJECTS
  M) ACTIVITY
  N) TIME
  O) GANTT
  P) REPOSITORY
  Q) ADMINISTRATION
  R) PLUGINS
  S) AGILE
*/
/* Hide new elements (toggle button and flyout menu) above 900px */
.mobile-toggle-button,
.flyout-menu {
  display: none;
}

/*
  redmine's body is set to min-width: 900px
  add first breakpoint here and start adding responsiveness
*/
@media screen and (max-width: 899px) {
  /*----------------------------------------*\
  	A) BASIC MOBILE RESETS
  \*----------------------------------------*/
  /*
     apply natural border box, see: http://www.paulirish.com/2012/box-sizing-border-box-ftw/
     this helps us to better deal with percentages and padding / margin
  */
  *,
  *:before,
  *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  body,
  html {
    height: 100%;
    margin: 0;
    padding: 0;
  }
  html {
    overflow-y: auto; /* avoid 2nd scrollbar on desktop */
    -webkit-text-size-adjust: 100%; /* prevent font scaling in landscape mode on webkit */
  }
  body {
    min-width: 0; /* reset the min-width of 900px */
    -webkit-overflow-scrolling: touch;
  }
  body,
  input,
  select,
  textarea,
  button {
    font-size: 14px; /* Set font-size for standard elements to 14px */
  }
  select {
    max-width: 100%; /* prevent long names within select menues from breaking content */
  }
  #wrapper {
    position: relative;
    overflow-x: hidden; /* hide horizontal overflow */
    max-width: 100%;
    margin: 0;
    left: 0;
  }
  /*----------------------------------------*\
  	B) HEADER & TOP MENUS
  \*----------------------------------------*/
  #header {
    width: 100%;
    height: 64px; /* the height of our header on mobile */
    min-height: 0;
    margin: 0;
    padding: 0;
    border: none;
    background-color: var(--color-blue);
    position: fixed;
    z-index: 9999;
    top: 0;
    display: flex;
  }
  /* Auth page header — transparent fixed positioning for login/register pages */
  .action-login #header,
  .action-register #header,
  .action-lost_password #header {
    pointer-events: initial;
    background-color: transparent;
    position: fixed;
    width: 100%;
  }
  /* Hide project name on mobile (project name is still visible in select menu) */
  #header h1 {
    display: none !important;
  }
  /* reset #header a color for mobile toggle button */
  #header a.mobile-toggle-button {
    color: #f8f8f8;
  }
  /* Hide top-menu and main-menu on mobile, because it's placed in our flyout menu */
  #top-menu,
  #header #main-menu {
    display: none;
  }
  /* the quick search within header holding search form and #project_quick_jump_box box*/
  #header #quick-search {
    float: none;
    clear: none; /* there are themes which set clear property, this resets it */
    max-width: 100%; /* reset max-width */
    margin: 0;
    background: inherit;
  }
  /* styles for combobox within quick-search (#project_quick_jump_box) */
  #project-jump.drdn {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 2em;
    height: 64px;
    padding: 5px;
    padding-right: 72px;
    padding-left: 20px;
  }
  #project-jump .drdn-trigger {
    font-size: 1.5em;
    font-weight: bold;
    display: block;
    width: 100%;
    color: #fff;
    padding-left: 24px;
    background: transparent;
    height: 50px;
    line-height: 40px;
    border: 0;
  }
  #project-jump .drdn-trigger:before {
    /* set a font-size in order to achive same result in different themes */
    font-family: Verdana, sans-serif;
    font-size: 1.5em;
    position: absolute;
    left: 0;
    padding: 0 8px;
    /* achieve dropdwon arrow by scaling a caret character */
    content: "^";
    -webkit-transform: scale(1, -0.8);
    -ms-transform: scale(1, -0.8);
    transform: scale(1, -0.8);
    text-align: right;
    pointer-events: none;
    opacity: 0.6;
  }
  #project-jump.expanded .drdn-trigger:before {
    -webkit-transform: scale(1, 0.8);
    -ms-transform: scale(1, 0.8);
    transform: scale(1, 0.8);
    padding-top: 8px;
  }
  #project-jump .drdn-content {
    position: absolute;
    left: 0px;
    top: 64px;
    width: 100%;
    font-size: 15px;
    font-weight: normal;
  }
  #project-jump .drdn-content .autocomplete {
    height: 40px;
    font-size: 20px;
  }
  #project-jump .drdn-content a {
    padding: 8px;
  }
  #header #quick-search form {
    display: none;
  }
  #quick-search {
    padding-top: 10px;
    background: initial;
  }
  #quick-search select {
    margin-left: 5%;
    background-color: var(--color-white);
  }
  .drdn-content {
    border-radius: 0px;
  }
  .drdn-items > *:focus {
    border: 0;
  }
  .drdn-content .quick-search {
    text-align: center;
  }
  .quick-search::after {
    --loader-size: 12px;
    position: absolute;
    top: 22px;
    right: 25px;
    font-size: 2rem;
  }
  /*----------------------------------------*\
  	C) MAIN CONTENT & SIDEBAR
  \*----------------------------------------*/
  #main {
    padding: 64px 0 0; /* padding-top equals header height */
  }
  #main.nosidebar #content,
  div#content {
    width: 100%;
    min-height: 0; /* reset min-height of #content */
    margin: 0;
  }
  /* hide sidebar and sidebar switch panel, since it's placed in mobile flyout menu */
  #sidebar,
  #sidebar-switch-panel {
    display: none;
  }
  .splitcontentleft,
  .splitcontentright,
  .splitcontenttop {
    width: 100%;
    flex: auto;
    margin-right: 0;
    margin-left: 0;
  }
  /*----------------------------------------*\
  	D) TOGGLE BUTTON & FLYOUT MENU
  \*----------------------------------------*/
  .mobile-toggle-button {
    font-size: 42px;
    line-height: 64px;
    position: relative;
    z-index: 10;
    display: block; /* remove display: none; of non-mobile version */
    width: 60px;
    height: 64px;
    margin-top: 0;
    text-align: center;
    border-left: 1px solid #ddd;
  }
  .mobile-toggle-button:hover,
  .mobile-toggle-button:active {
    text-decoration: none;
  }
  .mobile-toggle-button:after {
    font-family: Verdana, sans-serif;
    display: block;
    margin-top: -3px;
    content: "≡";
    font-size: 30px;
  }
  /* search magnifier icon */
  .search-magnifier {
    font-family: Verdana, sans-serif;
    color: #bbb;
    cursor: pointer;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
  }
  .search-magnifier--flyout {
    display: none;
  }
  /* Flyout Menu */
  .flyout-menu {
    position: absolute;
    top: 50px;
    left: calc(-1 * var(--flyout-menu-width)); /* hides to the left off-screen */
    height: calc(100dvh - 50px) !important; /* full height of viewport minus header height */
    display: block; /* remove display: none; of non-mobile version */
    overflow: auto;
    width: var(--flyout-menu-width);
    margin: 0; /* reset margin for themes that define it */
    padding: 0; /* reset padding for themes that define it */
    color: white;
    background-color: var(--color-background);
  }
  /* avoid zoom on search input focus for ios devices */
  .flyout-menu input[type=text] {
    font-size: 16px;
  }
  .flyout-menu h3 {
    width: 100%;
    font-size: 11px;
    line-height: 19px;
    height: 20px;
    margin: 0;
    padding: 0;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: white;
    border-top: 1px solid #506a83;
    border-bottom: 1px solid #506a83;
    background-color: #628db6;
  }
  /* Override h3 styles for the new design — section headers in flyout */
  .flyout-menu h3,
  .controller-my .flyout-menu h4 {
    background-color: rgba(0, 0, 0, 0.1);
    border-top: 0;
    border-bottom: 0;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 25px;
    margin-top: 5px;
    height: initial;
  }
  .flyout-menu h4 {
    color: white;
    background-color: transparent;
  }
  .flyout-menu h3,
  .flyout-menu h4,
  .flyout-menu > p,
  .flyout-menu > a,
  .flyout-menu ul li a,
  .flyout-menu__search,
  .flyout-menu__sidebar > div,
  .flyout-menu__sidebar > p,
  .flyout-menu__sidebar > a,
  .flyout-menu__sidebar > form,
  .flyout-menu > div,
  .flyout-menu > form {
    padding-left: 8px;
  }
  .flyout-menu .flyout-menu__avatar {
    margin-top: -1px; /* move avatar up 1px */
    padding-left: 0;
    padding: 10px 25px;
  }
  .flyout-menu__sidebar > form {
    display: block;
  }
  .flyout-menu__sidebar > form h3 {
    margin-left: -8px;
  }
  .flyout-menu__sidebar > form label {
    display: inline-block;
    margin: 8px 0;
  }
  .flyout-menu__sidebar > form br br {
    display: none;
  }
  /* Targets list containing checkboxes (e.g. activities sidebar) in flyout menu */
  .flyout-menu__sidebar form > ul {
    margin-left: -8px;
    padding-left: 0;
  }
  .flyout-menu__sidebar form > ul li {
    line-height: 39px;
    display: block;
    padding-left: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  .flyout-menu__sidebar form > ul li:first-child {
    border-top: none;
  }
  .flyout-menu__sidebar form > ul li label {
    margin: 0;
  }
  .flyout-menu__sidebar form > ul li label a {
    line-height: 1;
    display: inline;
    padding-left: 0;
    border: none;
  }
  .flyout-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .flyout-menu #watchers {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
  }
  .flyout-menu #watchers .contextual {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .flyout-menu #watchers h3 {
    margin-left: -8px;
  }
  .flyout-menu #watchers ul li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }
  .flyout-menu ul li a {
    line-height: 40px;
    display: block;
    overflow: hidden;
    height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  .flyout-menu ul li:first-child a {
    line-height: 39px;
    height: 39px;
    border-top: none;
  }
  .flyout-menu a {
    color: var(--color-text);
    font-size: 1.4rem;
  }
  .flyout-menu ul li a:hover {
    text-decoration: none;
  }
  .flyout-menu ul li a.new-object,
  .new-object ~ .menu-children {
    display: none;
  }
  .flyout-menu .login::after,
  .flyout-menu .register::after,
  .flyout-menu .logout::after,
  .flyout-menu .my-account::after {
    margin-left: 4px;
  }
  .flyout-menu p {
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 0px;
  }
  .flyout-menu ul li a:before {
    color: rgba(255, 255, 255, 0.5);
    margin-right: 4px;
  }
  .flyout-menu__sidebar a {
    padding-left: 22px;
    line-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .flyout-menu__sidebar p a {
    padding-left: 0;
  }
  .flyout-menu__sidebar > p {
    padding-left: 26px;
    padding-right: 20px;
    display: inline-block;
  }
  .flyout-menu__sidebar > p a,
  .flyout-menu__sidebar > div:not(#admin-menu) a {
    text-decoration: underline;
  }
  /* Left flyout search container */
  .flyout-menu__search {
    line-height: 54px;
    height: 64px;
    padding-top: 3px;
    padding-right: 8px;
  }
  .flyout-menu__search input[type=text] {
    line-height: 2;
    width: 100%;
    height: 38px;
    padding-left: 27px;
    vertical-align: middle;
    border: none;
    -webkit-border-radius: var(--border-radius-base);
    border-radius: var(--border-radius-base);
    background-color: #fff;
  }
  .flyout-menu__avatar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  .flyout-menu__avatar img.gravatar {
    width: 40px;
    height: 40px;
    padding: 0;
    vertical-align: top;
    border-width: 0;
  }
  .flyout-menu__avatar a {
    line-height: 40px;
    height: auto;
    height: 40px;
    text-decoration: none;
    color: white;
    margin-right: 10px;
  }
  /* avatar */
  .flyout-menu__avatar a:first-child {
    line-height: 0;
    width: 40px;
    padding: 0;
  }
  .flyout-menu__avatar .user {
    padding-left: 15px;
    padding-right: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
  }
  /* user link when no avatar is present */
  .flyout-menu__avatar--no-avatar a.user {
    line-height: 40px;
    padding-left: 8px;
  }
  /* Flyout active states */
  .flyout-is-active body {
    overflow: hidden; /* for body not to have scrollbars when left flyout menu is active */
  }
  html.flyout-is-active {
    overflow: hidden;
  }
  .flyout-is-active #wrapper {
    left: var(--flyout-menu-width);
    overflow: visible;
    height: 100%;
  }
  .flyout-is-active #header {
    transform: translateX(calc(var(--flyout-menu-width) * -1));
  }
  .flyout-is-active .flyout-menu {
    width: var(--flyout-menu-width);
    z-index: 999;
  }
  .flyout-is-active .action-login #header,
  .flyout-is-active .action-register #header,
  .flyout-is-active .action-lost_password #header {
    right: calc(-1 * var(--flyout-menu-width));
  }
  .flyout-is-active .mobile-toggle-button:after {
    content: "×"; /* close glyph */
  }
  .flyout-is-active #main {
    /*
    * only relevant for devices with cursor when flyout it active, in order to show,
    * that whole wrapper content is clickable and closes flyout menu
    */
    cursor: pointer;
  }
  #admin-menu {
    padding-left: 0;
  }
  #admin-menu li {
    padding-bottom: 0;
  }
  #admin-menu a,
  #admin-menu a.selected {
    line-height: 40px;
    padding: 0;
    padding-left: 32px !important;
    background-position: 8px 50%;
  }
  /*----------------------------------------*\
  	E) UX ELEMENTS
  \*----------------------------------------*/
  .mobile-hide {
    display: none;
  }
  .mobile-show {
    display: initial;
  }
  /* Contextual Buttons */
  #content > .contextual {
    width: 100%;
    margin-bottom: 0.5em;
    padding-left: 0; /* reset left padding in order to use whole space */
    white-space: normal;
  }
  #content > .contextual > a,
  #content > .contextual .drdn,
  p.buttons a {
    font-weight: bold;
    display: inline-block;
    margin: 5px 0;
    margin-right: 2px;
    padding: 9px 9px 9px 9px;
    border: 1px solid #ddd;
    -webkit-border-radius: var(--border-radius-base);
    border-radius: var(--border-radius-base);
  }
  #content > .contextual .drdn-content {
    right: initial;
    left: 0px;
    top: 40px;
  }
  #content > .contextual .drdn .drdn-content a {
    padding-top: 9px;
    padding-bottom: 9px;
  }
  #content > .contextual a.icon,
  p.buttons a.icon {
    background-position-x: 4px;
    padding-left: 25px;
  }
  .flyout-menu .contextual {
    float: none;
  }
  /* loading indicator */
  #ajax-indicator {
    width: 60%;
    left: 20%;
  }
  /* jquery ui dialogs */
  .ui-dialog {
    max-width: 98%;
    margin: 1%;
  }
  .ui-dialog .ui-dialog-content {
    padding-left: 0;
    padding-right: 0;
  }
  #filters-table {
    width: 100%;
    float: none;
  }
  .add-filter {
    width: 100%;
    float: none;
    text-align: left;
    margin-top: 8px;
  }
  /*----------------------------------------*\
  	F) PAGE SPECIFIC STYLES
  \*----------------------------------------*/
  /* some themes add a margin to login page, remove it on mobile */
  .action-login #main {
    margin: 0;
  }
  div#activity dl,
  #search-results {
    margin-left: 0;
  }
  .version-overview table.progress {
    width: 75%;
  }
  div#version-summary {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  body.controller-versions.action-show div#roadmap .related-issues {
    width: 100%;
  }
  /* History and Changeset */
  div#issue-changesets {
    float: none;
    width: auto;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 2em;
  }
  div#issue-changesets div.changeset {
    padding-top: 1em;
  }
  /* Gantt charts */
  /*
  * [1] override inline styles with important
  * [2] keep border between subjects and gantt area
  * [3] remove whitespace between subjects and gantt area
  * [4] maintain width due to [3]
  */
  .gantt_subjects_column {
    width: 60% !important; /* [1] */
  }
  .gantt_subjects_container {
    width: 100% !important;
    overflow: hidden;
  }
  .gantt_subjects_column .gantt_hdr {
    width: 100% !important;
    right: 0 !important; /* [2] */
    border-right: solid 1px #c0c0c0;
  }
  #gantt_area {
    left: -2px; /* [3] */
    margin-right: -2px; /* [4] */
  }
  /*----------------------------------------*\
  	G) FORMS
  \*----------------------------------------*/
  input,
  select,
  textarea {
    max-width: 100%;
  }
  /* tabular forms resets for mobile */
  .tabular p,
  .tabular.settings p {
    padding-left: 0;
  }
  .tabular label,
  .tabular.settings label {
    display: block;
    width: 100%;
    margin-left: 0;
    text-align: left;
  }
  .tabular input,
  .tabular select,
  .tabular textarea {
    width: 100%;
    max-width: 100%;
  }
  .tabular input[type=checkbox],
  .tabular input.date {
    width: auto;
    max-width: 95%;
  }
  /* new issue form */
  #all_attributes p:first-child {
    float: none !important;
  }
  #all_attributes #issue_tracker_id {
    width: 90%;
  }
  #issue_is_private_label {
    display: inline;
  }
  span#watchers_inputs {
    width: 100%;
  }
  /* issue edit form */
  label[for=issue_description] ~ a .icon-edit {
    word-wrap: normal;
  }
  /* issues page */
  body.controller-issues p.query-totals {
    margin-top: 0px;
    text-align: left;
  }
  /* subtasks and related issues list on issue show */
  #issue_tree .issues,
  #relations .issues {
    border-collapse: separate;
    border-spacing: 0 1em; /* vertical space between tasks */
  }
  #issue_tree .issue > td:not(.checkbox),
  #relations .issue > td:not(.checkbox) {
    display: block;
    float: left;
    text-align: left;
    padding-right: 5px;
  }
  #issue_tree .issue > td.subject,
  #relations .issue > td.subject {
    width: 100%; /* let subject have one full width column */
  }
  #issue_tree .issue > td:not(.subject),
  #relations .issue > td:not(.subject) {
    width: 20%; /* three columns for all cells that are not subject */
  }
  #issue_tree .issues,
  #issue_tree .issue,
  #relations .issues,
  #relations .issue {
    position: relative; /* needed for .buttons positioning */
  }
  /* positioniong of unline button */
  #issue_tree .issue > td.buttons,
  #relations .issue > td.buttons {
    text-align: right;
    position: absolute;
    right: 0;
    margin: 0;
    padding-right: 0;
  }
  #issue_tree .issue .buttons a,
  #relations .issue .buttons a {
    vertical-align: middle;
  }
  /* attachment upload form */
  .attachments_fields span {
    position: relative;
    clear: both;
    margin-bottom: 1em;
    white-space: normal;
  }
  .attachments_fields span a.remove-upload {
    position: absolute;
    top: 0;
    right: 0;
  }
  .attachments_fields input.description {
    margin-left: 0;
    width: 100%;
  }
  .pagination ul.pages {
    margin: 15px 0;
    padding: 0;
    display: inherit;
  }
  #query_form_with_buttons {
    margin-bottom: 20px;
  }
  input.file_selector.filedrop {
    width: 100%;
  }
  body:not(.admin):not(.controller-my):not(.controller-projects) form {
    margin-top: 0;
    margin-bottom: 0;
  }
  input#issue_subject,
  input#document_title {
    width: 99%;
  }
  #issue_is_private_wrap {
    float: none;
  }
  .filtercheckmark {
    position: relative;
    top: 0px;
  }
  /*----------------------------------------*\
  	H) BUTTONS
  \*----------------------------------------*/
  .admin #content > .contextual a,
  .admin p.buttons a,
  .flyout-menu input[type=submit] {
    border-radius: var(--border-radius-base);
    padding: 10px 40px;
    border: 2px solid var(--color-white);
    cursor: pointer;
    color: var(--color-white);
  }
  #content > .contextual a,
  p.buttons a {
    padding: 10px 20px;
    cursor: pointer;
    border: 0;
    font-weight: initial;
  }
  #content > .contextual {
    margin-bottom: 20px;
  }
  span.checkbox.on,
  span.radiobox.on {
    width: 19px;
    height: 19px;
  }
  .flyout-menu span.checkbox {
    margin-top: 9px;
  }
  .flyout-menu__sidebar form > ul li label {
    height: 0;
  }
  .flyout-menu__sidebar form > ul li {
    line-height: 22px;
    display: block;
    padding-left: 18px;
    border-top: 0;
  }
  .flyout-menu__sidebar form > ul li a {
    padding-left: 0px;
  }
  .icon-only {
    padding-left: 16px;
    width: 38px;
  }
  a.atom,
  a.pdf,
  a.csv,
  a.png,
  a.vcf,
  a.xls {
    display: inline-block;
    margin-bottom: 4px;
  }
  .controller-projects.action-settings .tabular input {
    width: initial;
  }
  .controller-projects.action-settings .tabular .icon-del {
    padding: 10px 22px;
  }
  .admin .icon.icon-add,
  .admin .icon.icon-summary,
  fieldset input[type=submit] {
    min-height: initial;
  }
  .icon.icon-reload.btn.btn-sm.btn-outline-dark {
    float: left;
  }
  /*----------------------------------------*\
  	I) LOGIN
  \*----------------------------------------*/
  #hero {
    display: none;
  }
  .action-login #login-form {
    width: 100%;
  }
  .action-login #login-form input[type=text],
  .action-login #login-form input[type=password] {
    font-size: 22px;
    margin-bottom: 30px;
  }
  #login-form {
    margin: 0;
    width: 100%;
  }
  .action-register #login-form form {
    display: block;
  }
  /*----------------------------------------*\
  	J) FOOTER
  \*----------------------------------------*/
  #footer {
    padding: 0 0 20px 0;
    font-size: 1.1rem;
    line-height: 1.3rem;
    width: 100%;
    bottom: auto;
    position: unset;
  }
  #footer .bgl {
    margin: 0 5%;
  }
  /*----------------------------------------*\
  	K) MY PAGE
  \*----------------------------------------*/
  .mypage-box .contextual {
    padding-left: 6px;
  }
  .mypage-box h3 {
    text-align: left;
    padding: 17px 20px 10px 0;
  }
  .sort-handle {
    width: 20px;
  }
  /*----------------------------------------*\
  	L) PROJECTS
  \*----------------------------------------*/
  .controller-projects.action-index span.checkbox {
    margin-left: 10px;
    margin-top: 18px;
  }
  /*----------------------------------------*\
  	M) ACTIVITY
  \*----------------------------------------*/
  #activity dt .project {
    display: block;
    margin-top: 10px;
  }
  #activity dt img.gravatar {
    margin-left: 0;
    margin-bottom: 0;
  }
  /*----------------------------------------*\
  	N) TIME
  \*----------------------------------------*/
  .controller-timelog.action-index #content form:nth-of-type(2) {
    padding: 15px;
  }
  .controller-timelog .query-totals {
    margin-top: -20px;
  }
  /*----------------------------------------*\
  	O) GANTT
  \*----------------------------------------*/
  .controller-gantts h2 {
    margin-top: -20px;
    margin-bottom: 20px;
  }
  div.journal h4::after {
    display: none;
  }
  /*----------------------------------------*\
  	P) REPOSITORY
  \*----------------------------------------*/
  .controller-repositories .contextual {
    position: unset;
  }
  /*----------------------------------------*\
  	Q) ADMINISTRATION
  \*----------------------------------------*/
  .admin fieldset {
    margin-bottom: 0;
    text-align: center;
  }
  div.tab-content fieldset {
    text-align: left;
  }
  .admin fieldset > * {
    float: none;
    margin-right: 0;
  }
  .admin fieldset select:not([multiple]),
  .admin fieldset input[type=text] {
    width: 74%;
  }
  .admin :not(#sidebar) input[type=submit] {
    margin-top: 10px;
  }
  #admin-menu a {
    margin-left: -10px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
  }
  #admin-menu li .icon,
  #admin-menu li .additionals,
  #admin-menu li a {
    color: var(--color-white);
  }
  .flyout-is-active #admin-menu li a.additionals::before {
    padding-left: 24px !important;
  }
  #admin-menu li .icon:hover,
  #admin-menu li:hover .additionals,
  #admin-menu li a:hover {
    color: #dddddd;
  }
  #admin-menu .flyout-menu a {
    color: var(--color-white) !important;
  }
  #admin-menu a.selected,
  .flyout-menu a.selected {
    background-color: var(--color-white);
    color: var(--color-gray-700);
    border-radius: 0;
  }
  #admin-menu a.selected::before,
  .flyout-menu a.selected::before {
    color: var(--color-gray-700);
  }
  #admin-menu a.selected:after {
    content: none;
  }
  #admin-menu li a:before {
    opacity: 1;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    margin-right: 4px !important;
    font-size: 16px !important;
  }
  #admin-index #admin-menu li {
    width: 42% !important;
    margin: 4% !important;
  }
  #admin-index #admin-menu li a {
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-top: 10px !important;
    font-size: 14px !important;
    line-height: 12px !important;
    letter-spacing: 1px !important;
  }
  #admin-index #admin-menu li a:before {
    margin-bottom: 18px !important;
  }
  .admin #content > h2 {
    margin-bottom: 30px;
  }
  .admin .box {
    margin-top: 0;
    margin-bottom: 20px;
    text-align: left;
  }
  .controller-settings.action-plugin #tab-content-general > p:last-of-type {
    display: block;
  }
  .controller-settings.action-plugin #tab-content-general > p:last-of-type span.radiobox {
    margin-right: 8px;
  }
  /*----------------------------------------*\
  	R) PLUGINS
  \*----------------------------------------*/
  .people_header {
    margin-left: 0;
    text-align: center;
    width: 90%;
    margin-left: -25px;
  }
  .contacts_header {
    margin-left: 0;
    text-align: center;
    width: 90%;
    margin-left: -25px;
  }
  .controller-favorite_projects.action-search #query_form h2 {
    margin-left: 0;
    text-align: center;
    width: 90%;
    margin-left: -25px;
  }
  .controller-deals .contacts_header {
    margin-left: 0px;
  }
  .flyout-menu table.note_data td.name h4 {
    margin: 0;
    font-size: 11px;
    display: inherit;
  }
  table.person_data td.name h4 {
    margin: 0;
    text-align: left;
    letter-spacing: 2px;
  }
  table.note_data .content.preview {
    margin: 5px 0px 0px 0px;
    font-size: 11px;
    color: var(--color-black);
    font-style: italic;
    text-transform: none;
    line-height: 11px;
  }
  table.note_data td.name {
    font-size: 11px;
  }
  .controller-favorite_projects.action-search #query_form {
    margin-top: 240px;
  }
  .controller-contacts .contacts_header,
  .controller-people .contacts_header {
    margin-left: 0;
    margin-top: -120px;
    text-align: center;
  }
  .controller-orders.action-index .contacts_header,
  .controller-products.action-index .contacts_header {
    margin-left: 0;
  }
  .person.attributes.vcard {
    padding-left: 22px;
    margin-top: 20px;
  }
  .person.attributes tr td {
    font-size: 11px;
    letter-spacing: 0;
  }
  .flyout-menu #attributes .contextual {
    float: right;
    padding: 0;
    margin-right: 10px;
    margin-top: -7px;
  }
  .controller-favorite_projects div.project_card {
    width: 100%;
    padding: 4%;
  }
  .board.details > .contextual {
    margin: 40px auto;
    text-align: center;
    float: none;
  }
  .question-meta li {
    margin: 14px 19px;
    font-size: 11px;
  }
  .orders-stat th,
  .invoices-stat th {
    padding: 14px 19px 4px 19px;
    font-size: 11px;
  }
  /*----------------------------------------*\
  	S) AGILE
  \*----------------------------------------*/
  .controller-agile_boards #content form {
    padding: 15px;
  }
  .controller-agile_boards table.list > tbody > tr > td {
    padding: 2px;
  }
  .controller-agile_boards .issue-card {
    padding: 0px 0 15px 0;
  }
  .issue-card .issue-id,
  .issue-card .name {
    padding-left: 10px;
  }
  .controller-agile_boards table.list th {
    padding: 0px 5px 10px 5px;
  }
  .new-card__input {
    padding: 0;
  }
  .list.issues-board.status-colors.sticky {
    margin: 0;
    top: 0;
  }
} /* end @media screen and (max-width: $bp-mobile) */
@media all and (max-width: 599px) {
  span.pagination {
    text-align: center;
  }
  .pagination ul.pages li {
    display: none;
  }
  .pagination ul.pages li.current,
  .pagination ul.pages li.previous,
  .pagination ul.pages li.next {
    display: inline-block;
    width: 32%;
    overflow: hidden;
  }
  #login-form {
    width: 100%;
    margin-top: 2em;
  }
}
/* Non-breakpoint global styles (outside media queries) */
/*--------------------------------------------------------*\
  	GANTT — global (outside media query)
  \*--------------------------------------------------------*/
.controller-gantts #content > .contextual:first-of-type {
  margin-bottom: 0 !important;
}

/*--------------------------------------------------------*\
  	REDMINE 4.2
  \*--------------------------------------------------------*/
.my-project.icon-bookmark::after {
  background-image: url(/themes/zenmine-301/images/tag_blue_delete.png);
}

.my-project.icon-bookmark-off::after {
  background-image: url(/themes/zenmine-301/images/tag_blue_add.png);
}

.my-project.icon-bookmarked-project::after {
  background-image: url(/themes/zenmine-301/images/tag_blue.png);
}

.my-project.icon-bookmark::after,
.my-project.icon-bookmark-off::after,
.my-project.icon-bookmarked-project::after {
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position-x: 26px;
}

.icon.icon-bookmark::before,
.icon.icon-bookmark-off::before,
.icon.icon-bookmarked-project::before {
  content: "" !important;
  padding-left: 18px;
}

.my-project::after {
  font-size: 1.5rem;
  vertical-align: baseline;
}

#activity_scope_form select {
  width: 100%;
}

#activity_scope_form #from {
  width: 90%;
}

.buttons .chart-type,
.buttons #query_date_from {
  float: left;
}

.buttons #query_date_from {
  border: var(--color-gray-400) 1px solid;
  border-radius: 20px;
  margin: 0 10px;
}

.buttons input#months {
  height: initial;
  width: initial;
  min-height: initial;
}

div#sidebar div.contextual {
  float: left;
  display: contents;
}

/*--------------------------------------------------------*\
  	REDMINE 4.1
  \*--------------------------------------------------------*/
body:not(.controller-wiki) .drdn .drdn-trigger .icon-actions {
  padding-left: 16px;
}

.hidden {
  display: none;
}

body:not(.admin) form .collapsible.collapsed {
  height: 37px;
}

.mypage-box .icon-only {
  padding-left: 0;
  display: initial;
}

.mypage-box .icon-only.icon-close {
  padding-right: 8px;
}

.mypage-box .icon-only.icon-close::before {
  margin-top: 0;
}

#my-page {
  clear: both;
}

#my-page .mypage-box {
  margin-top: 0;
}

.icon.icon-user.my-project,
.icon.icon-user.my-project:not(.child)::before {
  background: none !important;
  content: none !important;
}

.controller-users table.issue-report {
  width: 100%;
}

.controller-search .box {
  border: 1px solid var(--color-border);
}

div#roadmap .related-issues td.assigned_to {
  width: 1px;
  white-space: nowrap;
  padding: 0;
}

.expander.icon-expended::before,
.expander.icon-collapsed::before {
  content: "";
}

.action-permissions a.collapsible.collapsed::before,
.action-permissions .collapsible.collapsed > legend::before {
  position: initial;
}

#workflow_form .autoscroll {
  /*overflow-x:initial;*/
  padding-bottom: 20px;
}

body.controller-projects #main #content .icon.icon-user:hover {
  color: var(--color-text);
}

.jstElements button.icon.icon-user {
  background-color: var(--color-gray-100);
}

.jstElements button.icon.icon-user:hover {
  background-color: #e5e5e5;
}

.issues.box .icon-zoom-in,
.icon-zoom-out {
  margin-top: 0;
  display: initial;
}

/*--------------------------------------------------------*\
  	CHECKBOXES
\*--------------------------------------------------------*/
input[type=checkbox] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  position: relative;
  outline: 0 none;
  height: 16px !important;
  width: 16px !important;
  margin-top: 2px;
  margin-bottom: 2px;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: 0 0;
  vertical-align: bottom;
}

input[type=checkbox]:disabled:before {
  background: var(--color-gray-400);
  border: 1px solid var(--color-gray-400);
}

input[type=checkbox]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background: var(--color-white);
  border-color: rgba(0, 0, 0, 0.2);
  border-width: 1px;
  border-style: solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: var(--border-radius-base);
  cursor: pointer;
  margin: 0;
}

input[type=checkbox]:checked:before {
  background: var(--color-white);
  border-color: rgb(85, 120, 235);
  border-width: 2px;
}

input[type=checkbox]:checked:after {
  opacity: 1;
}

input[type=checkbox]:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) skew(-5deg) rotate(-50deg);
  margin: -1px 0px 0px 0px;
  height: 3px;
  width: 5px;
  border-color: rgb(85, 120, 235);
  border-width: 2px;
  border-style: solid;
  border-right: none;
  border-top: none;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

#sidebar input[type=checkbox] {
  vertical-align: middle;
}

/*--------------------------------------------------------*\
  	RADIOBOXES
  \*--------------------------------------------------------*/
input[type=radio] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  position: relative;
  outline: 0 none;
  height: 16px !important;
  width: 16px !important;
  margin: 2px 4px 2px 0;
  border: 0;
  background: 0 0;
  vertical-align: bottom;
}

input[type=radio]:disabled:before {
  background: var(--color-gray-400);
  border: 1px solid rgba(0, 0, 0, 0.4);
}

input[type=radio]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  height: 16px;
  width: 16px;
  background: var(--color-white);
  border-color: rgba(0, 0, 0, 0.2);
  border-width: 1px;
  border-style: solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  cursor: pointer;
}

input[type=radio]:checked:before {
  border-color: rgb(85, 120, 235);
  border-width: 2px;
}

input[type=radio]:checked:after {
  opacity: 1;
}

input[type=radio]:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) skew(-5deg) rotate(-50deg);
  margin: -1px 0px 0px 0px;
  height: 3px;
  width: 5px;
  border-color: rgb(85, 120, 235);
  border-width: 2px;
  border-style: solid;
  border-right: none;
  border-top: none;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

@media (max-width: 899px) {
  div#header {
    flex-wrap: nowrap !important;
  }
  div#header .mobile-toggle-button {
    float: none;
  }
  div#header #quick-search {
    all: unset;
    flex: 1;
  }
  div#header #quick-search #project-jump {
    all: unset;
  }
  div#header #quick-search #project-jump .drdn-trigger {
    all: unset;
    min-width: calc(100% - 15px);
    flex: 0 0 calc(100% - 15px);
    background: rgba(255, 255, 255, 0.2);
    border-radius: var(--border-radius-base);
    padding: 10px 15px;
    position: relative;
    color: var(--color-white);
    box-sizing: border-box;
    white-space: nowrap;
    cursor: pointer;
  }
  div#header #quick-search #project-jump .drdn-trigger .drdn-trigger__text {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }
  div#header #quick-search #project-jump .drdn-trigger:before {
    display: none;
  }
  div#header #quick-search #project-jump .drdn-trigger:after {
    right: 0;
    left: auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  div#header #quick-search #project-jump .drdn-content {
    top: 63px !important;
    width: 100%;
  }
}

/*
  Dark mode overrides — apply only when <html class="dark"> is present.
  The class is toggled by JS in base.html.erb and stored as 'darkMode' in localStorage.
  The JS also sets `document.documentElement.style.colorScheme = 'dark'` so that
  light-dark() token pairs in _variables.scss resolve to their dark values.

  Structure:
  - Semantic token pairs (--color-background, --color-text, --color-text-link,
    --color-gray-100, --color-gray-500, --color-gray-600) live in _variables.scss
    and _blend.scss as light-dark() values. No variable overrides needed here.
  - NOTE: --color-gray-700 and --color-gray-800 are NOT light-dark() — they serve
    as dark surface/background colors in this file and must stay as single values.
  - Component rules are scoped under html.dark. These handle non-color properties
    (borders, transparency, opacity) and components not yet using semantic tokens.
  - html.dark .btn.btn-primary stays unlayered to ensure dark text on green button.
*/
/* Green button needs dark text for contrast — unlayered so it beats blend.css */
html.dark .btn.btn-primary {
  color: var(--color-background);
}

.box:has(#dark-toggle) {
  --toggle-size: 24px;
  border: 0;
  margin: 0;
}

#dark-toggle {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
#dark-toggle + label {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  user-select: none;
  position: relative;
  padding-left: 0;
}
#dark-toggle + label:before {
  content: "";
  width: calc(var(--toggle-size) * 2);
  height: var(--toggle-size);
  background: var(--color-gray-400);
  border-radius: 999px;
  position: relative;
  transition: background-color 0.2s ease;
}
#dark-toggle + label:after {
  content: "";
  width: calc(var(--toggle-size) - 2px);
  height: calc(var(--toggle-size) - 2px);
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 1px;
  top: 1px;
  transition: transform 0.2s ease;
}
#dark-toggle:checked + label:before {
  background: var(--color-green);
}
#dark-toggle:checked + label:after {
  transform: translateX(var(--toggle-size));
}
#dark-toggle:focus-visible + label::before {
  outline: 2px solid #005fcc;
  outline-offset: 2px;
}

/**********************************************************/
/* @layer dark — beats @layer zenmine for all rules below */
/**********************************************************/
html.dark {
  /**********************************************************/
  /* BASE */
  /**********************************************************/
}
html.dark body {
  background: var(--color-background);
  color: var(--color-text);
}
html.dark body h1,
html.dark body h2,
html.dark body h3,
html.dark body h4,
html.dark body h5,
html.dark body h6 {
  color: var(--color-text);
}
html.dark legend {
  color: var(--color-text);
}
html.dark .autoscroll {
  background: transparent;
}
html.dark {
  /**********************************************************/
  /* TOP MENU */
  /**********************************************************/
}
html.dark #top-menu a {
  color: var(--color-text);
}
html.dark #top-menu a:after {
  color: currentColor;
}
html.dark {
  /**********************************************************/
  /* HEADER / MAIN MENU */
  /**********************************************************/
}
html.dark #header #main-menu {
  background: var(--color-background);
}
html.dark #header #main-menu li a {
  color: var(--color-text);
}
html.dark #header #main-menu li a:hover, html.dark #header #main-menu li a.selected {
  background: var(--color-gray-800);
}
html.dark #header #main-menu .menu-children {
  background: var(--color-background);
}
html.dark {
  /**********************************************************/
  /* CONTENT / BOXES */
  /**********************************************************/
}
html.dark .box {
  color: var(--color-text);
}
html.dark body:not(.controller-search) .box,
html.dark #tab-content-versions > form > fieldset,
html.dark .wiki.wiki-page,
html.dark #commit-keywords,
html.dark .message,
html.dark .mypage-box,
html.dark .mypage-box form {
  background: var(--color-background);
}
html.dark {
  /**********************************************************/
  /* FILTERS / QUERY FORM */
  /**********************************************************/
}
html.dark #query_form_content {
  background: var(--color-background);
}
html.dark #content #query_form legend {
  background: var(--color-gray-800);
}
html.dark {
  /**********************************************************/
  /* TABLES */
  /**********************************************************/
}
html.dark table th,
html.dark table td,
html.dark table tr,
html.dark table thead {
  color: var(--color-text);
}
html.dark table.list th {
  border-bottom: 0;
}
html.dark table.list th a {
  color: var(--color-text);
}
html.dark table.list tbody tr {
  border-color: var(--color-border);
}
html.dark table.list tbody tr:hover {
  background-color: var(--color-gray-800);
}
html.dark {
  /**********************************************************/
  /* ISSUES */
  /**********************************************************/
}
html.dark body:not(.controller-settings) .issues th a:hover {
  color: var(--color-text);
  opacity: 0.8;
}
html.dark body:not(.controller-settings) .issues th a:after {
  color: var(--color-text);
  opacity: 1;
}
html.dark .issue {
  background: var(--color-background);
  color: var(--color-text);
}
html.dark .journal h4 {
  background: transparent;
  color: var(--color-text);
}
html.dark #sidebar a {
  color: var(--color-text-link);
}
html.dark .btn:not(.btn-primary),
html.dark .other-formats:not(.btn-primary) {
  border-color: transparent;
  color: var(--color-text);
}
html.dark .btn:hover,
html.dark .other-formats:hover {
  opacity: 0.85;
}
html.dark .other-formats a {
  color: var(--color-text-link);
}
html.dark {
  /**********************************************************/
  /* FORMS */
  /**********************************************************/
}
html.dark form input,
html.dark form select,
html.dark form textarea {
  background: var(--color-background);
  color: var(--color-text);
  border-color: var(--color-border);
}
html.dark {
  /**********************************************************/
  /* LINKS */
  /**********************************************************/
}
html.dark .my-project {
  color: var(--color-text-link);
}
html.dark .my-project::after {
  color: var(--color-text);
  opacity: 1;
}
html.dark a.project.closed,
html.dark a.project.closed:link,
html.dark a.project.closed:visited {
  color: var(--color-text-link);
}
html.dark body.controller-projects #main #content .icon.icon-user:hover {
  color: var(--color-text-link);
  opacity: 0.85;
}
html.dark {
  /**********************************************************/
  /* MISC BACKGROUNDS */
  /**********************************************************/
}
html.dark #version-summary,
html.dark .controller-favorite_projects fieldset,
html.dark .controller-agile_boards #content form:nth-of-type(2),
html.dark .controller-contacts #query_form #query_form_content,
html.dark .controller-people_calendars #query_form,
html.dark #tab-content-boards .table-list-row,
html.dark #helpdesk_tickets,
html.dark .list.messages,
html.dark .list.boards,
html.dark .helpdesk_chart,
html.dark .controller-timelog.action-index #content form:nth-of-type(2),
html.dark .controller-contacts.action-index #contacts_notes,
html.dark .controller-issues.action-index .autoscroll,
html.dark .splitcontentright > .list.issue-report,
html.dark .splitcontentleft > .list.issue-report,
html.dark .list.files,
html.dark body:not(.admin):not(.controller-users) .projects.root > .root,
html.dark .controller-departments.action-index #content .autoscroll,
html.dark .controller-people_holidays.action-index #content form,
html.dark body:not(.action-contacts_notes) .controller-contacts #content form,
html.dark .controller-timelog #content #query_form_content,
html.dark body:not(.action-contacts_notes):not(.controller-timelog) #query_form_content,
html.dark #people_list,
html.dark .issues.box,
html.dark .spent_time.box,
html.dark .members.box,
html.dark .autoscroll,
html.dark .controller-reports .table,
html.dark .list.roles,
html.dark .list.trackers,
html.dark .list.issue_statuses,
html.dark .list.custom_fields,
html.dark .list.enumerations,
html.dark .action-info .table,
html.dark .mypage-box#block-news,
html.dark .controller-roles.action-index .table,
html.dark .controller-groups.action-index .table,
html.dark .controller-trackers.action-index .table,
html.dark .controller-issue_statuses.action-index .table,
html.dark .custom_fields.action-index .table,
html.dark .controller-enumerations.action-index .table .list,
html.dark .controller-gantts.action-show #query_form,
html.dark .controller-calendars.action-show #query_form,
html.dark .controller-evms.action-index #query_form {
  background: var(--color-background);
}
html.dark #project-jump .drdn-content {
  background: var(--color-background);
  border: 1px solid var(--color-border);
}
html.dark #project-jump .drdn-items > * {
  border-color: var(--color-border);
  color: var(--color-text);
}
html.dark #project-jump .drdn-items > *:only-child {
  border: 0;
}
html.dark {
  /**********************************************************/
  /* BUTTONS */
  /**********************************************************/
}
html.dark .btn-help,
html.dark .timesheet-body .fc-button {
  background: var(--color-gray-800);
  border-color: transparent;
  color: var(--color-text);
}
html.dark .btn-help.fc-state-active,
html.dark .timesheet-body .fc-button.fc-state-active {
  background-color: var(--color-green);
  color: var(--color-gray-800);
}
html.dark .timesheet-body .fc-today-button:last-child,
html.dark .timesheet-body .fc-prev-button:last-child,
html.dark .timesheet-body .fc-next-button:last-child {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
html.dark {
  /**********************************************************/
  /* TIMESHEET / FULLCALENDAR */
  /**********************************************************/
}
html.dark .timesheet .fc-unthemed th,
html.dark .timesheet .fc-unthemed td,
html.dark .timesheet .fc-unthemed thead,
html.dark .timesheet .fc-unthemed tbody,
html.dark .timesheet .fc-unthemed .fc-divider,
html.dark .timesheet .fc-unthemed .fc-row,
html.dark .timesheet .fc-unthemed .fc-content,
html.dark .timesheet .fc-unthemed .fc-popover,
html.dark .timesheet .fc-unthemed .fc-list-view,
html.dark .timesheet .fc-unthemed .fc-list-heading td {
  border-color: var(--color-border);
}
html.dark .timesheet .fc-today {
  background-color: var(--color-gray-800);
}
html.dark {
  /**********************************************************/
  /* CALENDAR */
  /**********************************************************/
}
html.dark table.cal {
  background-color: var(--color-background);
}
html.dark table.cal thead th {
  background-color: var(--color-gray-800);
  color: var(--color-text);
}
html.dark table.cal td {
  background-color: var(--color-background);
  color: var(--color-text);
}
html.dark table.cal .odd {
  background-color: var(--color-gray-800);
}
html.dark table.cal td.today {
  background: var(--color-gray-800);
  border-color: var(--color-green);
}
html.dark table.cal td.today p.day-num {
  color: var(--color-green);
}
html.dark table.cal td.today p.day-num::before {
  color: var(--color-green);
}
html.dark table.cal div.issue,
html.dark table.cal a.issue {
  color: var(--color-text);
}
html.dark {
  /**********************************************************/
  /* ACTIVITY */
  /**********************************************************/
}
html.dark div#activity:before {
  background-color: var(--color-gray-800);
}
html.dark div#activity h3:before {
  border-color: transparent;
  background: var(--color-gray-800);
}
html.dark div#activity dl dt {
  background: var(--color-gray-800);
  color: var(--color-text);
  border: 0;
}
html.dark div#activity dl dt:before {
  background-color: var(--color-gray-800);
}
html.dark div#activity dl dt:after {
  color: var(--color-gray-800);
  background: currentColor;
}
html.dark div#activity dl dt a {
  color: var(--color-text-link);
}
html.dark div#activity dl dt.me .time {
  background-color: var(--color-gray-800);
}
html.dark div#activity dl dd {
  background: var(--color-gray-800);
  color: var(--color-text);
}
html.dark {
  /**********************************************************/
  /* CONTEXT MENU */
  /**********************************************************/
}
html.dark table .context-menu-selection,
html.dark table .context-menu-selection:hover {
  background: var(--color-gray-800);
  color: var(--color-text);
}
html.dark div#context-menu ul {
  border: 1px solid var(--color-border);
  background: var(--color-gray-800);
}
html.dark div#context-menu ul li a,
html.dark div#context-menu ul li a.icon {
  color: var(--color-text-link);
}
html.dark div#context-menu ul li a:hover,
html.dark div#context-menu ul li a.icon:hover {
  color: var(--color-text-link);
  background-color: var(--color-gray-800);
}
html.dark {
  /**********************************************************/
  /* PAGINATION */
  /**********************************************************/
}
html.dark .controller-activities .pagination ul.pages li {
  background: var(--color-gray-800);
  color: var(--color-text);
}
html.dark span.pagination {
  background-color: transparent;
}
html.dark span.pagination ul.pages li {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
html.dark span.pagination ul.pages li:not(.current) {
  background-color: var(--color-gray-800);
}

/* end html.dark */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap; /* added line */
  border: 0;
}

/*# sourceMappingURL=main.css.map */