/**
* We had some discussion about the best combination to use for consistency and readability
* on both Mac and Windows font rendering stacks.
*
* We settled on Regular and Medium, as that look consistently best across both operating systems.
* The only downside, is that the "Medium" is not hugley obviously more weighty than the regular,
* in comparison to Regular <-> Bold. However, Bold in particular looked awful rendered on Windows.
*
* As a compromise for the time being, we will use Medium for consistency of rendering quality.
*/
@font-face {
font-family: "DIN Next";
src: url("/assets/app/Din-Next-Regular-236d5ff7.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "DIN Next";
src: url("/assets/app/Din-Next-Medium-b40ffde6.woff2") format("woff2");
font-weight: 700;
font-style: normal;
}
@layer legacy {
.legacy-ui {
font-size: 13px;
color: #333333;
line-height: 18px;
/**
* Themed button with the ability to add an integration logo next to it.
*
* Usage:
* My Text
* The has a background of the integration on the left over the left sliding door.
* So it must also have a padding of the width of the icon, at least (otherwise the right door will slide over it)
*
* Adding a class "loading" will forcefully replace the integration logo with a loader spinner.
*/
/* goals page */
/* #main .info input[size] { width: auto !important; }*/
/* div.collapsible_header:hover { color: #596266; }*/
/* ACCOUNT SCREEN */
/*
#account_wrapper #account_details {
float: left;
width: 640px;
}
#account_wrapper #account_details h2 {
margin-top: 0;
}
#account_wrapper #account_details div.info {
margin: 0 0 0 15px;
padding: 0;
}
*/
/*
#account_wrapper #account_details strong {
display: block;
margin-top: 15px;
}
*/
/* end price */
/* END ACCOUNT SCREEN */
/** USER ACCOUNTS EDIT **/
/* Wraps editable views and normal views of a single time entry */
/** INVOICES **/
/**
* New version of main menu
*/
/*
*/
}
.legacy-ui *:where(:not(.tw, .tw *)) {
box-sizing: content-box;
}
.legacy-ui input:is([type=radio], [type=checkbox], [type=button], [type=submit], [type=reset], [type=range], [type=color], [type=search]):where(:not(.tw, .tw *)), .legacy-ui select:where(:not(.tw, .tw *)), .legacy-ui button:where(:not(.tw, .tw *)) {
box-sizing: border-box;
}
.legacy-ui input:where(:not(.tw, .tw *)), .legacy-ui textarea:where(:not(.tw, .tw *)), .legacy-ui select:where(:not(.tw, .tw *)), .legacy-ui button:where(:not(.tw, .tw *)) {
line-height: normal;
color: text;
background-color: white;
}
.legacy-ui input:is([type=checkbox]):where(:not(.tw, .tw *)) {
margin: 3px;
}
.legacy-ui select:where(:not(.tw, .tw *)) {
border: 1px solid;
}
.legacy-ui sup:where(:not(.tw, .tw *)), .legacy-ui sub:where(:not(.tw, .tw *)) {
vertical-align: baseline;
font-size: 100%;
position: static;
}
.legacy-ui img:where(:not(.tw, .tw *)) {
display: inline;
}
.legacy-ui input[type=submit]:not(.icon):where(:not(.tw, .tw *)), .legacy-ui button:not(.icon):where(:not(.tw, .tw *)) {
background: #88c129;
border-radius: 8px !important;
border: none !important;
cursor: pointer;
font-size: 15px !important;
color: #ffffff !important;
font-weight: bold;
text-transform: uppercase;
line-height: 30px;
height: 30px;
padding: 0 10px !important;
}
.legacy-ui input[type=submit]:not(.icon):where(:not(.tw, .tw *)):hover, .legacy-ui button:not(.icon):where(:not(.tw, .tw *)):hover {
background: #78ac22;
}
.legacy-ui input[type=submit]:not(.icon):where(:not(.tw, .tw *))[disabled=disabled], .legacy-ui button:not(.icon):where(:not(.tw, .tw *))[disabled=disabled] {
border: none !important;
background: #C5C5C5 !important;
}
.legacy-ui .btn {
--btn-base: #88c129;
--btn-border-radius: 12px;
--btn-size: 24px;
--btn-color: #ffffff;
--btn-background: var(--btn-base);
--btn-border: 1px solid var(--btn-base);
display: inline-block;
border: var(--btn-border);
border-radius: var(--btn-border-radius);
padding: 0 calc(var(--btn-size) / 3);
line-height: var(--btn-size);
font-size: 13px;
text-decoration: none;
background: var(--btn-background);
color: var(--btn-color);
}
.legacy-ui .btn.outline {
outline-width: 0px;
outline-style: none;
}
.legacy-ui .btn.outline:not(:hover) {
--btn-background: transparent;
--btn-color: inherit;
}
.legacy-ui .btn.blue {
--btn-base: rgba(81,143,216, 0.8);
}
.legacy-ui .btn.blue:hover {
--btn-base: rgba(81,143,216, 1);
}
.legacy-ui .action_button, .legacy-ui .action_button_delete, .legacy-ui .action_button.off {
display: inline-block;
padding: 0 10px 0 8px;
background-color: #88c129;
border-radius: 12px;
color: #ffffff;
text-decoration: none;
line-height: 24px;
height: 24px;
font-size: 13px;
font-weight: bold;
}
.legacy-ui .action_button:hover {
background: #78ac22;
}
.legacy-ui .action_button.on {
background: #78ac22;
}
.legacy-ui .action_button.orange {
background: #DC883E;
}
.legacy-ui .action_button.orange.on {
background: #c57936;
}
.legacy-ui .action_button.orange:hover {
background: #c57936;
}
.legacy-ui .action_button .big, .legacy-ui button.action_button_delete .big, .legacy-ui .action_button_delete .big, .legacy-ui .action_button.off .big {
font-size: 15px;
padding: 4px 6px;
}
.legacy-ui .action_button strong {
float: none !important;
display: inline !important;
}
.legacy-ui .action_button_delete, .legacy-ui button.action_button_delete {
padding: 0 8px 0 8px;
background: #F05A50;
}
.legacy-ui .action_button_delete:hover, .legacy-ui button.action_button_delete:hover {
background: #D85148;
}
.legacy-ui .action_button.off {
background: #C5C5C5;
}
.legacy-ui .action_button.off:hover {
background: #b5b5b5;
}
.legacy-ui .action_button.left, .legacy-ui button.action_button_delete.left, .legacy-ui .action_button_delete.left, .legacy-ui button.left, .legacy-ui input.left {
margin-right: 3px;
}
.legacy-ui .action_button.right, .legacy-ui button.action_button_delete.right, .legacy-ui .action_button_delete.right, .legacy-ui button.right, .legacy-ui input.right {
margin-left: 3px;
}
.legacy-ui .action_button.right.indented {
margin-right: 15px;
}
.legacy-ui .green_button, .legacy-ui .gray_button, .legacy-ui .orange_button, .legacy-ui .green_button_right {
float: left;
margin: 0 5px 0 0;
padding: 0 0 0 12px;
cursor: pointer;
text-decoration: none;
overflow: hidden;
border-radius: 8px;
}
.legacy-ui .green_button span, .legacy-ui .gray_button span, .legacy-ui .orange_button span, .legacy-ui .green_button_right span {
float: left;
height: 30px;
line-height: 30px;
padding: 0 12px 0 0;
color: #ffffff;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
}
.legacy-ui .green_button.image, .legacy-ui .gray_button.image, .legacy-ui .orange_button.image, .legacy-ui .green_button_right.image {
padding-left: 8px;
}
.legacy-ui .green_button.image span, .legacy-ui .gray_button.image span, .legacy-ui .orange_button.image span, .legacy-ui .green_button_right.image span {
padding-right: 8px;
}
.legacy-ui .green_button.right, .legacy-ui .gray_button.right, .legacy-ui .xero_button.right, .legacy-ui .orange_button.right {
float: right !important;
margin: 0 0 0 5px !important;
}
.legacy-ui .green_button.center, .legacy-ui .gray_button.center, .legacy-ui .xero_button.center, .legacy-ui .orange_button.center {
float: none !important;
margin: 0 3px !important;
display: inline-block !important;
}
.legacy-ui .green_button_right {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
background: #88c129;
}
.legacy-ui .green_button_right:hover {
background: #78ac22;
}
.legacy-ui .green_button {
background: #88c129;
}
.legacy-ui .green_button:hover {
background: #78ac22;
}
.legacy-ui .green_button span strong {
float: left;
height: 30px;
line-height: 30px;
}
.legacy-ui .green_button span em {
float: left;
height: 30px;
line-height: 30px !important;
}
.legacy-ui .green_button strong {
border-right: 1px solid #9de12b;
padding-right: 9px;
overflow: hidden;
max-width: 140px;
}
.legacy-ui .green_button em {
border-left: 1px solid #78ac22;
padding-left: 7px;
font-style: normal;
font-weight: normal;
text-transform: lowercase;
}
.legacy-ui .gray_button {
background: #C5C5C5;
}
.legacy-ui .gray_button:hover {
background: #b5b5b5;
}
.legacy-ui .orange_button {
background: #DC883E;
}
.legacy-ui .orange_button:hover {
background: #c57936;
}
.legacy-ui .toggle_button {
float: left;
}
.legacy-ui .toggle_button .left, .legacy-ui .toggle_button .right {
background: url("/assets/button-toggle-4f4f65c3.png") no-repeat;
text-align: center;
color: #fff;
height: 30px;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none !important;
padding: 0 15px;
line-height: 30px;
}
.legacy-ui .toggle_button .left {
background-position: bottom left;
border-right: 1px solid rgba(0, 0, 0, 0.3);
float: none;
display: inline-block;
}
.legacy-ui .toggle_button .left:hover {
background-position: center left;
}
.legacy-ui .toggle_button .left.on {
background-position: top left;
cursor: default;
}
.legacy-ui .toggle_button .right {
background-position: bottom right;
border-left: 1px solid rgba(255, 255, 255, 0.3);
float: none;
display: inline-block;
}
.legacy-ui .toggle_button .right:hover {
background-position: center right;
}
.legacy-ui .toggle_button .right.on {
background-position: top right;
}
.legacy-ui .integration_button {
float: left;
margin: 0 5px 0 0;
padding: 0 0 0 0;
cursor: pointer;
text-decoration: none;
overflow: hidden;
background-position: 23px top !important;
}
.legacy-ui .integration_button.integration_button, .legacy-ui .integration_button span {
background-image: url("/assets/integrations/integration_button-cb67e3ab.png");
background-repeat: no-repeat;
}
.legacy-ui .integration_button.toggle {
margin-right: 0;
}
.legacy-ui .integration_button.toggle span {
background-image: url("/assets/button-toggle-left-3c69b3b2.png");
}
.legacy-ui .integration_button.toggle:hover span {
background-position: right -30px !important;
}
.legacy-ui .integration_button:hover {
background-position: 23px -30px !important;
}
.legacy-ui .integration_button:hover span {
background-position: bottom right !important;
}
.legacy-ui .integration_button.right {
float: right !important;
margin: 0 0 0 5px !important;
}
.legacy-ui .integration_button em {
display: block;
padding-left: 42px;
height: 30px;
background: url("/assets/integrations/integration_icons-5da631ba.png") no-repeat;
font-style: normal;
background-position: 0 -2px !important;
}
.legacy-ui .integration_button span {
float: left;
height: 30px;
line-height: 30px;
padding: 0 12px 0 0;
background-color: #dde3e9;
color: #ffffff;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
background-position: top right !important;
}
.legacy-ui .integration_button.xero em {
background: url("/assets/vendor/xero/logo-66a4fdd4.png") top left no-repeat;
background-size: 30px 30px;
background-position: 0 0 !important;
}
.legacy-ui .integration_button.wave em {
background: url("/assets/integrations/wave-7f2c467a.svg") top left no-repeat;
background-size: 21px 21px;
background-position: 6px 6px !important;
}
.legacy-ui .integration_button.freshbooks em {
background-position: 0 -66px !important;
}
.legacy-ui .integration_button.pdf em {
background-position: 0 -194px !important;
}
.legacy-ui .integration_button.quick_books em {
background-position: 0 -226px !important;
}
.legacy-ui .integration_button.myob em, .legacy-ui .integration_button.myob_accountright em {
background-position: 0 -259px !important;
}
.legacy-ui .integration_button.loading em {
background-position: 0 0 !important;
background: url("/assets/loading-31993622.gif") no-repeat !important;
}
.legacy-ui #toggle_guide.action_button {
margin-top: 8px;
margin-right: 5px;
text-transform: uppercase;
}
.legacy-ui #toggle_guide.action_button em {
font-style: normal;
}
.legacy-ui #toggle_guide.action_button em.off-text {
display: none;
}
.legacy-ui #toggle_guide.action_button em.on-text {
display: inline;
}
.legacy-ui #toggle_guide.action_button i {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/guide-help-icon-off-7dbc9a79.png");
position: relative;
top: 3px;
}
.legacy-ui #toggle_guide.action_button.off em.off-text {
display: inline;
}
.legacy-ui #toggle_guide.action_button.off em.on-text {
display: none;
}
.legacy-ui #toggle_guide.action_button.off i {
background: url("/assets/guide-help-icon-off-7dbc9a79.png");
}
.legacy-ui .action_button.add-entry-button {
background: #B0B0B0;
display: inline-flex !important;
align-items: center;
justify-items: center;
height: 22px;
}
.legacy-ui .action_button.add-entry-button:hover {
background: #518FD8;
}
.legacy-ui .action_button.add-entry-button i {
display: inline-block;
width: 10px;
height: 10px;
background: url("/assets/icons/redock-d069948d.png") no-repeat;
background-size: 10px 10px;
}
.legacy-ui .action_button.blue {
background: #518FD8;
}
.legacy-ui .action_button.blue:hover {
background: #518FD8;
}
.legacy-ui .multiselector, .legacy-ui .multibutton {
margin: 0 -1px 0 -5px;
}
.legacy-ui .multiselector ul, .legacy-ui .multibutton ul {
left: auto;
right: 0;
}
.legacy-ui .multiselector .button_wrap, .legacy-ui .multibutton .button_wrap {
padding: 4px;
border: 1px solid transparent;
height: 30px;
position: relative;
user-select: none;
}
.legacy-ui .multiselector.active .button_wrap, .legacy-ui .multibutton.active .button_wrap {
border: 1px solid #C4C9CF;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
z-index: 10001;
border-bottom: 1px solid #fff;
background: #fff;
}
.legacy-ui .multiselector.active .green_button {
background: #78ac22;
}
.legacy-ui .multiselector .collapsable, .legacy-ui .multibutton .collapsable {
margin-left: -3px;
border-top: 1px solid #C4C9CF;
z-index: 9999;
background: #fff;
border-top-right-radius: 8px;
box-shadow: 1px 1px 4px #C4C9CF;
}
.legacy-ui #report_options_selector .multiselector .collapsable {
min-width: 230px;
}
.legacy-ui .multiselector .collapsable, .legacy-ui .multibutton .collapsable {
position: absolute;
top: 39px;
left: 0;
z-index: 99;
background: #fff;
border: 1px solid #C4C9CF;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding: 0 4px 5px 4px;
min-width: 200px;
max-width: 700px;
}
.legacy-ui .multiselector .collapsable ul {
overflow: auto;
overflow-x: hidden;
}
.legacy-ui .multiselector .collapsable.scrollable {
max-height: 410px;
overflow-y: auto;
}
.legacy-ui .multiselector .collapsable .text_filter_container {
height: auto;
overflow-y: hidden;
}
.legacy-ui .multiselector ul li.spacer {
background: #dde3e9 !important;
border-bottom: 1px solid #ffffff;
height: 1px;
cursor: default !important;
margin-bottom: 3px;
margin-top: 3px;
padding: 0 !important;
}
.legacy-ui .multiselector .scrollable ul li.spacer {
margin-right: 10px;
}
.legacy-ui .multiselector .all_selector {
cursor: pointer;
border-radius: 3px;
margin: 3px 0;
}
.legacy-ui .multiselector hr {
margin: 3px 0;
}
.legacy-ui .multiselector ul li, .legacy-ui .multiselector .li, .legacy-ui .multiselector .filter {
min-width: 200px;
padding: 1px 3px;
margin-top: 2px;
border-radius: 3px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.legacy-ui .multiselector ul li:hover,
.legacy-ui .multiselector .li:hover,
.legacy-ui .multiselector .filter:hover,
.legacy-ui .multiselector .all_selector:hover,
.legacy-ui .multiselector .none_selector:hover {
background: #78ac22; /* #AC8022; */ /* #78ac22; */
cursor: pointer;
}
.legacy-ui .multiselector .filter {
display: flex;
align-items: center;
gap: 2px;
}
.legacy-ui .multiselector .filter span {
color: #333333;
}
.legacy-ui .multiselector .filter span img {
width: 16px;
height: 16px;
overflow: hidden;
display: inline-block;
}
.legacy-ui .multiselector .filter img.right {
float: right;
margin-right: 16px;
margin-top: 2px;
order: 99;
margin-left: auto;
}
.legacy-ui .multiselector ul li:hover span,
.legacy-ui .multiselector .filter:hover span,
.legacy-ui .multiselector .all_selector:hover span,
.legacy-ui .multiselector .none_selector:hover span,
.legacy-ui .multiselector ul li:hover a {
color: #fff !important;
}
.legacy-ui .multiselector .ignoredOption {
display: none !important;
}
.legacy-ui .multiselector .checked.ignoredOption {
display: block !important;
}
.legacy-ui .multiselector #filtered_projects_text p {
padding: 0 5px;
}
.legacy-ui .multiselector .filter_group {
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #dde3e9;
}
.legacy-ui .multiselector .filter_group:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.legacy-ui .multiselector .filter_group_title {
padding: 1px 3px;
display: flex;
align-items: center;
gap: 2px;
}
.legacy-ui .multiselector .filter_group_title span {
font-weight: bold;
text-decoration: underline;
}
.legacy-ui .multiselector .text_filter {
position: relative;
padding: 1px 3px;
margin-top: 2px;
}
.legacy-ui .multiselector .text_filter:hover {
background: #fff;
}
.legacy-ui .multiselector .text_filter input {
border-radius: 3px;
border: solid #c4c9cf 1px;
padding: 3px;
width: 96%;
font-size: 13px !important;
}
.legacy-ui .info .multiselector .text_filter input {
width: 91%;
}
.legacy-ui .multiselector .text_filter a.clear {
width: 24px;
height: 24px;
background-image: url("/assets/filter_text_sprite-efa9df4c.png");
background-position: 0 0;
background-repeat: no-repeat;
text-indent: -9999px;
display: block;
position: absolute;
right: 0px;
top: 0px;
}
.legacy-ui .multiselector .text_filter a.clear:hover, .legacy-ui .multiselector .text_filter.active a.clear {
background-position: 0 -24px;
}
.legacy-ui .multiselector .filter.real_entity strong {
text-decoration: underline;
font-weight: normal;
}
.legacy-ui div.collapsible_header {
font-weight: bold;
cursor: pointer;
font-size: 15px;
line-height: 15px;
margin: 0 0 5px 0;
}
.legacy-ui div.collapsible_header .arrow {
font-size: 26px;
line-height: 26px; /* orig: 28px */
float: left;
width: 20px;
}
.legacy-ui div.collapsible_header.green_button strong {
width: 290px !important;
min-width: 290px !important;
max-width: 290px !important;
}
.legacy-ui div.collapsible_header.green_button em {
width: 75px !important;
}
.legacy-ui .box img.box-icon {
float: left;
margin-right: 5px;
}
.legacy-ui .modal img.box-icon {
float: left;
margin-right: 5px;
}
.legacy-ui .modal img.box-icon + a, .legacy-ui .modal img.box-icon + h2, .legacy-ui .modal img.box-icon + a + h2 {
line-height: 30px;
}
.legacy-ui .progress_bar {
border-radius: 5px;
height: 16px;
border: 1px solid #d2d7db;
position: relative;
display: block;
box-shadow: inset rgba(0, 0, 0, 0.25) 0px 0px 6px 0px;
background-color: rgba(255, 255, 255, 0.3);
_background: url("/assets/progress_bars-2760cc65.png") repeat-x 0 -64px;
border: 1px solid #bbb;
}
.legacy-ui .progress_bar .progress {
display: block;
height: 16px;
border-radius: 4px;
background: url("/assets/progress_bars-2760cc65.png") repeat-x;
overflow: hidden;
transition: width 0.5s;
}
.legacy-ui .progress_bar.green .progress {
border-color: #d2d7db;
background-position: 0px -48px;
}
.legacy-ui .progress_bar.blue .progress {
border-color: #d2d7db;
background-position: 0px -32px;
}
.legacy-ui .progress_bar.red .progress {
border-color: #d2d7db;
background-position: 0px -16px;
}
.legacy-ui .progress_bar.orange .progress {
border-color: #d2d7db;
background-position: 0px 0px;
}
@keyframes goalPulseGreen {
from {
box-shadow: none;
}
25% {
box-shadow: 0 0 18px #0e820f;
}
to {
box-shadow: none;
}
}
@keyframes goalPulseBlue {
from {
box-shadow: none;
}
25% {
box-shadow: 0 0 18px #389fe2;
}
to {
box-shadow: none;
}
}
@keyframes goalPulseRed {
from {
box-shadow: none;
}
25% {
box-shadow: 0 0 18px #c33838;
}
to {
box-shadow: none;
}
}
@keyframes goalPulseOrange {
from {
box-shadow: none;
}
25% {
box-shadow: 0 0 18px #fabd12;
}
to {
box-shadow: none;
}
}
.legacy-ui .progress_bar.pulse .progress {
animation-duration: 2s;
animation-iteration-count: 1;
}
.legacy-ui .progress_bar.pulse .progress.green .progress {
animation-name: goalPulseGreen;
}
.legacy-ui .progress_bar.pulse .progress.blue .progress {
animation-name: goalPulseBlue;
}
.legacy-ui .progress_bar.pulse .progress.red .progress {
animation-name: goalPulseRed;
}
.legacy-ui .progress_bar.pulse .progress.orange .progress {
animation-name: goalPulseOrange;
}
.legacy-ui a:where(:not(.tw, .tw *)) img {
border: 0 !important;
}
.legacy-ui a:where(:not(.tw, .tw *)) {
color: #78ac22;
text-decoration: underline;
}
.legacy-ui a:where(:not(.tw, .tw *)):hover {
text-decoration: none;
}
.legacy-ui :focus:where(:not(.tw, .tw *)) {
outline: 0;
}
.legacy-ui a:where(:not(.tw, .tw *)) * {
cursor: pointer;
}
.legacy-ui .clear {
clear: both;
}
.legacy-ui .del {
text-decoration: line-through;
}
.legacy-ui .last {
margin-right: 0px !important;
margin-bottom: 0px !important;
}
.legacy-ui .first {
margin-left: 0px !important;
}
.legacy-ui .more-info {
color: #6E6E6E;
font-size: 12px !important;
}
.legacy-ui .more-info a {
color: #6E6E6E !important;
}
.legacy-ui .left {
float: left !important;
display: block;
clear: none !important;
}
.legacy-ui .right {
float: right !important;
display: block;
clear: none !important;
}
.legacy-ui .big {
font-size: 1.2em;
}
.legacy-ui .fade {
text-transform: uppercase;
font-size: 70%;
color: #aeb2b7;
font-weight: bold;
}
.legacy-ui .light {
color: #aeb2b7;
}
.legacy-ui .hide {
display: none;
}
.legacy-ui .hr {
margin-top: 29px;
height: 1px;
clear: both;
}
.legacy-ui .hr.small {
margin-top: 14px;
}
.legacy-ui hr:where(:not(.tw, .tw *)) {
background: #e8e8e8;
padding-top: 1px;
max-height: 1px;
border: 0;
clear: both;
}
.legacy-ui .divider {
margin: 20px 0;
}
.legacy-ui .text-center {
text-align: center;
}
.legacy-ui .modal_loading {
line-height: 32px;
}
.legacy-ui .modal_loading img {
float: left;
margin-right: 10px;
}
.legacy-ui .modal-body-fixed {
position: fixed;
width: 100%;
}
.legacy-ui .modal {
position: absolute !important;
top: 50px !important;
left: 50% !important;
margin-left: -140px !important;
width: 280px !important;
margin-bottom: 50px;
}
.legacy-ui .modal select:where(:not(.tw, .tw *)) {
max-width: 280px;
}
.legacy-ui .modal.wide {
width: 800px !important;
margin-left: -400px !important;
}
.legacy-ui input:where(:not(.tw, .tw *)), .legacy-ui textarea:where(:not(.tw, .tw *)), .legacy-ui select:where(:not(.tw, .tw *)) {
font-family: inherit;
font-size: 14px;
}
.legacy-ui input[type=checkbox]:where(:not(.tw, .tw *)) {
border: none !important;
background: transparent;
}
.legacy-ui input.date {
background: #ffffff url("/assets/calendar-181e3485.png") no-repeat 98% 2px !important;
cursor: default !important;
}
.legacy-ui input:disabled:where(:not(.tw, .tw *)), .legacy-ui input[readonly=readonly]:where(:not(.tw, .tw *)) {
background: #CCC;
border-color: #999 !important;
cursor: default !important;
}
.legacy-ui input:where(:not(.tw, .tw *)):disabled {
background: #ccc !important;
border-color: #999 !important;
}
.legacy-ui input[disabled=disabled]:where(:not(.tw, .tw *)), .legacy-ui input[readonly=readonly]:where(:not(.tw, .tw *)) {
background-color: #ccc !important;
border-color: #999 !important;
}
.legacy-ui .gray, .legacy-ui .gray a {
color: #999;
}
.legacy-ui .bullets {
list-style-type: square;
margin: 0 0 0 30px;
}
.legacy-ui .bullets li {
margin-bottom: 5px;
}
.legacy-ui #loading {
font-size: 15px;
padding: 5px;
}
.legacy-ui #loading img {
vertical-align: middle;
}
.legacy-ui .rounded_inputs input {
background: #ffffff;
color: #333333;
border-radius: 3px;
padding: 3px;
font-size: 13px;
border: 1px solid #7594aa;
}
.legacy-ui .rounded_inputs select {
background: #ffffff;
color: #333333;
border-radius: 3px;
padding: 3px;
font-size: 13px;
border: 1px solid #7594aa;
}
.legacy-ui .withErrors {
border: 1px solid #c00000 !important;
}
.legacy-ui .errorExplanation {
color: #c00000;
font-weight: bold;
font-size: 13px;
display: block;
}
.legacy-ui #invalid_accounts_notice {
border-radius: 3px;
padding: 5px;
color: #ffffff;
background: #c00000;
margin: 1em 0;
}
.legacy-ui #header {
width: 930px;
margin: 0 auto;
}
.legacy-ui #user_info, .legacy-ui #account_info {
float: right;
height: 29px;
line-height: 32px;
padding: 0 15px 12px 15px;
color: #78ac22;
}
.legacy-ui #account_info {
float: left;
}
.legacy-ui #user_info .avatar {
float: left;
margin: 8px 12px 0 0;
}
.legacy-ui #user_avatar_upload {
position: relative;
}
.legacy-ui #user_avatar, .legacy-ui #account_invoice_logo {
text-align: right;
z-index: 2;
position: relative;
top: -2px;
width: 255px;
cursor: pointer;
}
.legacy-ui #fake_upload_area {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.legacy-ui #fake_upload_input {
z-index: 1;
width: 150px;
}
.legacy-ui #fake_upload_area img {
cursor: pointer;
}
.legacy-ui #user_info #user_greeting {
float: right;
}
.legacy-ui #user_info #user_links, .legacy-ui #account_info #account_links {
float: right;
margin-left: 15px;
overflow: hidden;
}
.legacy-ui #account_info #account_links {
margin-left: 0;
float: left;
}
.legacy-ui #account_info #account_links a {
font-weight: bold;
}
.legacy-ui #user_info #user_links a span, .legacy-ui #account_info #account_links a span {
display: block;
float: left;
height: 25px;
line-height: 24px;
text-align: center;
font-size: 13px;
}
.legacy-ui #user_info #user_links a, .legacy-ui #account_info #account_links a {
float: left;
display: block;
height: 25px;
line-height: 24px;
text-align: center;
font-size: 13px;
margin: 3px 3px 0 0;
padding: 0 10px;
text-decoration: none;
color: #999999;
}
.legacy-ui #user_info #user_links a:hover, .legacy-ui #account_info #account_links a:hover {
color: #000000;
}
.legacy-ui #user_info #user_links a.on, .legacy-ui #user_info #user_links a.on > span, .legacy-ui #account_info #account_links a.on, .legacy-ui #account_info #account_links a.on > span {
color: #4A8FE2;
font-weight: bold;
text-decoration: underline;
}
.legacy-ui #account_links span.label {
margin-right: 10px;
}
.legacy-ui #nav_wrapper {
border-top: solid #333333 4px;
}
.legacy-ui #nav {
width: 900px;
margin: 0 auto;
overflow: hidden;
}
.legacy-ui #nav ul {
list-style: none;
}
.legacy-ui #nav li {
background: #88c129;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.legacy-ui #nav li {
float: left;
margin: -1px 3px 0 0;
padding-left: 15px;
}
.legacy-ui #nav li a {
color: #ffffff;
font-size: 19px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
padding: 0 16px 0 0;
display: block;
line-height: 38px;
height: 38px;
background-position: top right;
}
.legacy-ui #nav li:hover {
background: #78ac22;
}
.legacy-ui #nav li.current {
background: #ffffff;
}
.legacy-ui #nav li.current a {
color: #b37e00;
}
.legacy-ui #nav #log_tab {
float: left;
width: 65px;
height: 29px;
margin-left: -23px;
text-indent: -9999px;
background: url("/assets/log-tab-trans-v2-2b30fe35.png") no-repeat bottom left;
cursor: pointer;
}
.legacy-ui #nav #log_tab.off {
background-position: bottom right;
}
.legacy-ui blockquote:where(:not(.tw, .tw *)) {
text-indent: 0;
font-size: 16px;
quotes: none;
position: relative;
}
.legacy-ui blockquote:where(:not(.tw, .tw *)) p {
margin-bottom: 8px;
}
.legacy-ui blockquote:where(:not(.tw, .tw *)) .author {
font-size: 14px;
opacity: 0.7;
text-transform: uppercase;
margin-left: 30px;
}
.legacy-ui blockquote:where(:not(.tw, .tw *)) span {
display: block;
font-size: 15px;
margin-left: 30px;
}
.legacy-ui #content_wrapper {
min-height: 500px;
padding-bottom: 90px;
}
.legacy-ui h1:where(:not(.tw, .tw *)), .legacy-ui h2:where(:not(.tw, .tw *)), .legacy-ui h3:where(:not(.tw, .tw *)), .legacy-ui h4:where(:not(.tw, .tw *)) {
font-weight: normal;
line-height: 1em;
}
.legacy-ui h1:where(:not(.tw, .tw *)), .legacy-ui h2:where(:not(.tw, .tw *)), .legacy-ui h3:where(:not(.tw, .tw *)) {
letter-spacing: -0.0225em;
}
.legacy-ui h1:where(:not(.tw, .tw *)) {
margin: 0 auto 15px 0;
font-size: 26px;
color: #000000;
}
.legacy-ui h1:where(:not(.tw, .tw *)) .action_button {
vertical-align: top;
overflow: visible;
}
.legacy-ui h2:where(:not(.tw, .tw *)) {
color: #333333;
font-size: 22px;
margin: 15px 0;
}
.legacy-ui h3:where(:not(.tw, .tw *)), .legacy-ui h4:where(:not(.tw, .tw *)) {
color: #333333;
font-size: 15px;
font-weight: normal;
}
.legacy-ui .icon:where(:not(.tw, .tw *)) {
display: block;
text-align: left !important;
text-indent: -9999px;
float: left;
height: 20px;
width: 20px;
margin-left: 15px;
background: url("/assets/app-icons-887cac89.png?q=3") no-repeat;
opacity: 1;
}
.legacy-ui .icon.right {
float: right;
margin-right: 2px;
}
.legacy-ui .icon {
cursor: pointer !important;
}
.legacy-ui .icon:hover {
opacity: 0.9;
}
.legacy-ui .icon.clientview {
background-position: 0px 0px;
}
.legacy-ui .icon.clientview {
background-position: 0px -20px;
}
.legacy-ui .icon.pin {
background-position: -20px 0px;
}
.legacy-ui .icon.pin.off {
background-position: -20px -20px;
}
.legacy-ui .icon.add {
background-position: -40px 0px;
}
.legacy-ui .icon.add.off {
background-position: -40px -20px;
}
.legacy-ui .icon.edit {
background-position: -60px 0px;
}
.legacy-ui .icon.edit.off {
background-position: -60px -20px;
}
.legacy-ui .icon.save {
background-position: -80px 0px;
}
.legacy-ui .icon.save.off {
background-position: -80px -20px;
}
.legacy-ui .icon.delete {
background-position: -100px 0px;
}
.legacy-ui .icon.delete.off {
background-position: -100px -20px;
}
.legacy-ui .icon.archive {
background-position: -120px 0px;
}
.legacy-ui .icon.archive.off {
background-position: -120px -20px;
}
.legacy-ui .icon.report {
background-position: -200px 0px;
}
.legacy-ui .icon.report.off {
background-position: -200px -20px;
}
.legacy-ui .icon.nofloat {
float: none;
}
.legacy-ui #trial_warning {
position: fixed;
z-index: 9999;
bottom: 85px;
right: 15px;
display: block;
width: 100px;
height: 100px;
background: url("/assets/trial-days-left-90f6bbcf.png") no-repeat;
color: #ffffff;
font-size: 42px;
line-height: 70px;
font-weight: bold;
text-align: center;
text-decoration: none;
opacity: 0.5;
}
.legacy-ui #trial_warning:hover {
opacity: 1;
}
.legacy-ui #main {
width: 940px;
padding: 0 42px;
margin: 20px auto;
}
.legacy-ui #main h1:where(:not(.tw, .tw *)) {
padding: 0 15px;
}
.legacy-ui #main h2:where(:not(.tw, .tw *)) {
padding-left: 15px;
}
.legacy-ui #main p:where(:not(.tw, .tw *)) {
padding-left: 15px;
}
.legacy-ui #main p:where(:not(.tw, .tw *)) {
padding-right: 15px;
}
.legacy-ui #main .cols {
overflow: hidden;
margin: 0;
}
.legacy-ui #main .cols.section {
padding-top: 15px;
}
.legacy-ui #main .cols .title {
float: left;
width: 435px;
}
.legacy-ui #main .cols .title.wide {
width: auto !important;
}
.legacy-ui #main .cols .title h1 {
margin: 0 0 20px 0;
line-height: 30px;
}
.legacy-ui #main .cols .title h2 {
margin: 0 0 5px 0;
}
.legacy-ui #main .cols .title .pad {
padding-top: 0px;
}
.legacy-ui #main .cols .actions {
float: right;
width: 450px;
text-align: right;
padding-right: 15px;
}
.legacy-ui #main .cols .actions .green_button {
float: right;
}
.legacy-ui #main #bookmarklet {
clear: both;
margin: 30px 0 0 0;
}
.legacy-ui #main #bookmarklet .inner {
float: right;
padding: 0 15px;
}
.legacy-ui #main #bookmarklet .inner > span {
line-height: 30px;
float: left;
padding: 0 10px 0 0;
}
.legacy-ui #main #bookmarklet h2 {
font-size: 32px;
line-height: 26px;
margin: 0;
}
.legacy-ui #main #bookmarklet h4 {
font-size: 12px;
text-transform: uppercase;
}
.legacy-ui #main .module {
width: 270px;
margin-bottom: 15px;
}
.legacy-ui #main .module.info.left {
margin-right: 10px;
}
.legacy-ui #main .module.right {
clear: right;
}
.legacy-ui #main .loader-small {
vertical-align: middle;
}
.legacy-ui #main #login input {
font-size: 18px;
color: #333333;
padding: 4px 8px;
border: 1px solid #c4c9cf;
border-radius: 5px;
}
.legacy-ui #main #login textarea {
font-size: 18px;
color: #333333;
padding: 4px 8px;
border: 1px solid #c4c9cf;
border-radius: 5px;
}
.legacy-ui #main #login textarea {
font-size: 15px;
}
.legacy-ui #main #login input[type=text],
.legacy-ui #main #login input[type=email] {
width: 250px;
}
.legacy-ui #main #login input[type=password] {
width: 250px;
}
.legacy-ui #main #login textarea {
width: 260px;
}
.legacy-ui #main #login #contact_short_code {
width: 180px !important;
}
.legacy-ui #main #login p {
clear: both;
overflow: hidden;
padding-left: 0;
padding-right: 0;
margin-bottom: 10px;
}
.legacy-ui #main #login .error {
padding: 3px 6px;
background: #78ac22;
border-radius: 5px;
border-top: 1px solid #7caf29;
border-left: 1px solid #7caf29;
color: #ffffff;
text-decoration: none;
line-height: 1em;
min-height: 13px;
background: #a82f2f;
border-top: 1px solid #812424;
border-left: 1px solid #812424;
margin-bottom: 15px;
}
.legacy-ui #main #login .error .big {
font-size: 15px;
padding: 4px 6px;
}
.legacy-ui #main .info input:where(:not(.tw, .tw *)), .legacy-ui #main .info textarea:where(:not(.tw, .tw *)), .legacy-ui #main .info .token {
font-size: 16px;
color: #333333;
padding: 4px 8px;
border: 1px solid #c4c9cf;
border-radius: 5px;
}
.legacy-ui #main .info input:hover:where(:not(.tw, .tw *)), .legacy-ui #main .info textarea:hover:where(:not(.tw, .tw *)), .legacy-ui #main .info .token {
border: 1px solid #b3b7bd;
}
.legacy-ui #main .info input:focus:where(:not(.tw, .tw *)), .legacy-ui #main .info textarea:focus:where(:not(.tw, .tw *)) {
border: 1px solid #78ac22;
}
.legacy-ui #main .info textarea:where(:not(.tw, .tw *)) {
font-size: 15px;
}
.legacy-ui #main .info input[type=text]:where(:not(.tw, .tw *)),
.legacy-ui #main .info input[type=email]:where(:not(.tw, .tw *)) {
max-width: 250px;
}
.legacy-ui #main .info input[type=password]:where(:not(.tw, .tw *)) {
max-width: 250px;
}
.legacy-ui #main .info textarea:where(:not(.tw, .tw *)) {
max-width: 250px;
}
.legacy-ui #main .info #contact_short_code {
width: 180px !important;
}
.legacy-ui #main .info p:where(:not(.tw, .tw *)) {
clear: both;
overflow: hidden;
padding-left: 0;
padding-right: 0;
margin-bottom: 10px;
}
.legacy-ui #main .info p:where(:not(.tw, .tw *)).left, .legacy-ui #main .info p:where(:not(.tw, .tw *)).right {
clear: none;
}
.legacy-ui #main .info .error {
padding: 3px 6px;
background: #78ac22;
border-radius: 5px;
border-top: 1px solid #7caf29;
border-left: 1px solid #7caf29;
color: #ffffff;
text-decoration: none;
line-height: 1em;
min-height: 13px;
background: #a82f2f;
border-top: 1px solid #812424;
border-left: 1px solid #812424;
margin-bottom: 15px;
}
.legacy-ui #main .info .error .big {
font-size: 15px;
padding: 4px 6px;
}
.legacy-ui .modal input:where(:not(.tw, .tw *)) {
font-size: 15px;
color: #333333;
padding: 4px 8px;
border: 1px solid #c4c9cf;
border-radius: 5px;
}
.legacy-ui .modal textarea:where(:not(.tw, .tw *)) {
font-size: 15px;
color: #333333;
padding: 4px 8px;
border: 1px solid #c4c9cf;
border-radius: 5px;
}
.legacy-ui .modal textarea:where(:not(.tw, .tw *)) {
font-size: 15px;
}
.legacy-ui .modal input[type=text]:where(:not(.tw, .tw *)) {
max-width: 260px;
}
.legacy-ui .modal input[type=password]:where(:not(.tw, .tw *)) {
max-width: 260px;
}
.legacy-ui .modal textarea:where(:not(.tw, .tw *)) {
width: 260px;
}
.legacy-ui .modal #contact_short_code {
width: 180px;
}
.legacy-ui .modal .default_hourly_rate_value input:where(:not(.tw, .tw *)) {
width: 60px;
}
.legacy-ui .modal p:where(:not(.tw, .tw *)) {
clear: both;
overflow: hidden;
padding-left: 0;
padding-right: 0;
margin-bottom: 10px;
}
.legacy-ui .modal h2.extra {
font-size: 15px;
font-weight: bold;
}
.legacy-ui .modal .error {
padding: 3px 6px;
background: #78ac22;
border-radius: 5px;
border-top: 1px solid #7caf29;
border-left: 1px solid #7caf29;
color: #ffffff;
text-decoration: none;
line-height: 1em;
min-height: 13px;
background: #a82f2f;
border-top: 1px solid #812424;
border-left: 1px solid #812424;
margin-bottom: 15px;
}
.legacy-ui .modal .error .big {
font-size: 15px;
padding: 4px 6px;
}
.legacy-ui .modal hr:where(:not(.tw, .tw *)) {
background: #e8e8e8;
}
.legacy-ui .modal .loading {
line-height: 32px;
font-size: 15px;
}
.legacy-ui .modal .loading img {
vertical-align: middle;
}
.legacy-ui #main #logo {
text-indent: -9999px;
width: 578px;
height: 88px;
background: url("/assets/minutedock-logo-splash-5a453686.png") no-repeat center center;
padding: 28px;
font-size: 145px;
line-height: 0.8em;
margin: 100px 0 0 0;
}
.legacy-ui .static_wrapper {
width: 960px !important;
overflow: hidden;
margin: 0 auto;
}
.legacy-ui .login_wrapper {
width: 640px !important;
overflow: hidden;
margin: 0 auto;
}
.legacy-ui .login_wrapper.wide {
width: 900px !important;
}
.legacy-ui .login_wrapper a:hover {
text-decoration: none;
}
.legacy-ui .login_wrapper .session_logout a {
margin-top: 10px;
color: #ffffff !important;
float: right;
}
.legacy-ui .login_wrapper h3 {
color: #333333 !important;
font-size: 18px !important;
margin: 0 0 5px 0 !important;
}
.legacy-ui .login_wrapper .box p {
padding-right: 0 !important;
}
.legacy-ui label:where(:not(.tw, .tw *)) {
font-weight: normal;
font-size: 15px;
}
.legacy-ui label:where(:not(.tw, .tw *)) a {
color: #333333;
}
.legacy-ui label.text {
font-weight: normal;
font-size: 15px;
}
.legacy-ui .md-list {
margin: 0 0 0 15px;
}
.legacy-ui .md-list li {
padding: 0 0 0 30px;
line-height: 22px;
background: url("/assets/logos/minutedock-icon-3e5936fe.png") no-repeat left center;
background-size: 20px 20px;
color: #333333;
font-weight: bold;
margin-bottom: 3px;
}
.legacy-ui .md-list li.multiline {
line-height: 14px;
padding-top: 6px;
}
.legacy-ui .field {
clear: both;
overflow: hidden;
line-height: 22px;
}
.legacy-ui .field label {
line-height: 16px;
}
.legacy-ui .field .input_wrapper {
float: left;
font-weight: bold;
margin: 0 0 0 5px;
}
.legacy-ui .field .input_wrapper input {
float: none;
}
.legacy-ui .field p {
line-height: 1.5em;
}
.legacy-ui .loading_message {
margin-left: 15px;
}
.legacy-ui .intro {
font-size: 15px !important;
line-height: 18px !important;
}
.legacy-ui .info {
padding: 15px;
overflow: hidden;
}
.legacy-ui .info h2 {
margin: 5px 0 !important;
padding-left: 0 !important;
}
.legacy-ui .info .actions {
line-height: 22px;
}
.legacy-ui .info.left {
margin-right: 15px;
}
.legacy-ui .box {
background: #f0f0f0;
border-radius: 10px;
border: 1px solid #f0f0f0;
}
.legacy-ui .box hr {
background-color: #dde3e9;
border-bottom: none;
}
.legacy-ui #main .box.api-key {
width: 247px;
}
.legacy-ui #main .box.api-key input {
width: 91%;
}
.legacy-ui #main .box.api-key p {
margin: 10px 0 7px 0;
}
.legacy-ui #pagination {
width: 900px;
margin: 20px 15px;
overflow: hidden;
}
.legacy-ui #pagination a {
display: block;
}
.legacy-ui #pagination .next {
float: right;
}
.legacy-ui #pagination .prev {
float: left;
}
.legacy-ui .grouping {
padding: 15px;
}
.legacy-ui table.users {
margin-top: 0 !important;
}
.legacy-ui table.box {
background: transparent;
border-radius: 10px;
border-left: none;
border-right: none;
border-bottom: none;
}
.legacy-ui table.box hr {
background-color: #e8e8e8;
}
.legacy-ui table.box tr.user.invited td.actions {
font-style: normal;
}
.legacy-ui table.box tr.item, .legacy-ui table.box tr.item td, .legacy-ui table.box tr.contact, .legacy-ui table.box tr.contact td, .legacy-ui table.box tr.user, .legacy-ui table.box tr.user td, .legacy-ui table.box tr.invoice, .legacy-ui table.box tr.invoice td {
background: #ffffff;
}
.legacy-ui table.box tr.total-item, .legacy-ui table.box tr.total-item td {
background: transparent;
}
.legacy-ui table.box th {
border-bottom: 1px solid #E8E8E8;
}
.legacy-ui table:where(:not(.tw, .tw *)) {
border-collapse: collapse;
width: 900px;
margin: 1em auto 2em;
}
.legacy-ui table:where(:not(.tw, .tw *)) td {
text-align: left;
}
.legacy-ui table:where(:not(.tw, .tw *)) th {
text-align: left;
}
.legacy-ui table:where(:not(.tw, .tw *)) td {
padding: 5px 15px;
border-bottom: solid #E8E8E8 1px;
line-height: 24px;
}
.legacy-ui table:where(:not(.tw, .tw *)) td img {
vertical-align: middle;
}
.legacy-ui table:where(:not(.tw, .tw *)) td input, .legacy-ui table td textarea {
background: #ffffff;
color: #333333;
border-radius: 3px;
padding: 3px;
font-size: 13px;
border: 1px solid #7594aa;
}
.legacy-ui table:where(:not(.tw, .tw *)) td select {
background: #ffffff;
color: #333333;
border-radius: 3px;
padding: 3px;
font-size: 13px;
border: 1px solid #7594aa;
}
.legacy-ui table:where(:not(.tw, .tw *)) td.hr {
padding: 0;
height: 2px;
}
.legacy-ui table:where(:not(.tw, .tw *)) td.noborder {
border: 0 !important;
}
.legacy-ui table:where(:not(.tw, .tw *)) tr.noborder td {
border: 0 !important;
}
.legacy-ui table:where(:not(.tw, .tw *)) td.customer {
font-weight: bold;
}
.legacy-ui table:where(:not(.tw, .tw *)) td.actions {
text-align: right;
padding-right: 15px;
min-width: 100px;
max-width: 200px;
}
.legacy-ui table:where(:not(.tw, .tw *)) td.actions .icon.right {
margin: 2px 0 0 3px;
}
.legacy-ui table:where(:not(.tw, .tw *)) th {
padding: 10px 0 10px 15px;
font-size: 15px;
}
.legacy-ui .checkbox {
float: left;
line-height: 30px;
padding-left: 15px;
cursor: pointer;
}
.legacy-ui .checkbox label {
cursor: pointer;
font-size: 13px;
}
.legacy-ui .modal .checkbox {
padding-left: 0px;
overflow: hidden;
width: 275px;
}
.legacy-ui .modal .checkbox input {
float: left;
margin: 7px 5px 0 0;
}
.legacy-ui .modal .checkbox label {
float: right;
}
.legacy-ui .modal .checkbox .errorExplanation {
float: left;
}
.legacy-ui .settings {
float: left;
width: 390px;
line-height: 18px;
padding: 15px;
overflow: hidden;
}
.legacy-ui .settings p {
padding: 0;
margin: 0 0 15px 0;
clear: left;
}
.legacy-ui .settings .last {
margin-bottom: 0 !important;
}
.legacy-ui .settings .date {
width: 120px;
}
.legacy-ui .settings label {
float: left;
width: 100px;
text-align: right;
padding: 0 10px 0 0;
}
.legacy-ui .settings label.text {
float: none;
width: auto;
text-align: right;
padding: 0 10px 0 0;
}
.legacy-ui .settings label.text {
line-height: 15px;
}
.legacy-ui .settings strong {
float: left;
width: 100px;
text-align: right;
padding: 0 10px 0 0;
}
.legacy-ui .settings label {
line-height: 22px;
}
.legacy-ui .settings .col-left {
width: 49%;
}
.legacy-ui .settings .col-right {
width: 49%;
}
.legacy-ui .settings .col-left {
float: left;
}
.legacy-ui .settings .col-right {
float: right;
}
.legacy-ui .grand-total {
font-size: 18px;
}
.legacy-ui .grand-total abbr {
font-size: 13px !important;
}
.legacy-ui #account_wrapper {
overflow: hidden;
}
.legacy-ui #account_wrapper #account_details div.info img {
vertical-align: middle;
}
.legacy-ui #account_users {
float: left;
width: 590px;
}
.legacy-ui #account_users table {
width: 590px;
}
.legacy-ui #account_users .cols .title {
width: 380px !important;
}
.legacy-ui #account_users .cols .actions {
width: 180px !important;
}
.legacy-ui #cant_downgrade_message {
padding: 15px;
color: #aaa;
}
.legacy-ui .info .big {
font-size: 18px;
font-weight: bold;
color: #AC8022;
}
.legacy-ui .tooltip {
background-image: url("/assets/tooltip/arrow-6d3b4992.png");
background-position: 50% 0;
background-repeat: no-repeat;
float: left;
z-index: 99;
}
.legacy-ui .tooltip.upper {
background-position: 50% bottom;
background-image: url("/assets/tooltip/arrow-down-2007a9b0.png");
}
.legacy-ui .tooltip .content {
border-radius: 5px;
background-color: rgba(33, 33, 33, 0.5);
}
.legacy-ui .tooltip .content span {
display: block;
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
margin: 6px 0 5px 0;
padding: 4px 6px 4px 6px;
}
.legacy-ui #prorate_notification {
padding: 1px 0;
}
.legacy-ui #prorate_notification hr {
margin-top: 0;
}
.legacy-ui .price {
line-height: 20px;
overflow: hidden;
text-align: right;
}
.legacy-ui .price span {
font-size: 26px;
font-weight: bold;
}
.legacy-ui #mdaff, .legacy-ui #add_on {
clear: both;
}
.legacy-ui #mdaff .logo-col, .legacy-ui #add_on .logo-col {
width: 120px;
margin-right: 7px;
float: left;
text-align: right;
}
.legacy-ui #mdaff .logo-col img, .legacy-ui #add_on .logo-col img {
max-width: 110px;
}
.legacy-ui #mdaff .mdaff-logo, .legacy-ui #add_on .add-on-logo {
padding: 5px;
border: 1px solid #C4C9CF;
background: #fff;
border-radius: 5px;
}
.legacy-ui #mdaff .discount, .legacy-ui #add_on .discount {
width: 220px;
float: left;
clear: none !important;
margin: 0 10px;
}
.legacy-ui .strong-cols strong {
float: left;
width: 120px;
clear: left;
}
.legacy-ui a.email {
color: #333333;
text-decoration: none;
}
.legacy-ui a.email:hover {
color: #78ac22;
text-decoration: none;
}
.legacy-ui form.edit_contact .default_hourly_rate_value, .legacy-ui form.new_contact .default_hourly_rate_value {
padding-left: 20px;
}
.legacy-ui form.edit_contact .default_hourly_rate_value input, .legacy-ui form.new_contact .default_hourly_rate_value input {
width: 90px !important;
}
.legacy-ui #contacts_screen h2, .legacy-ui #tasks h2 {
margin-top: 10px;
}
.legacy-ui #contact_search, .legacy-ui #goal_subnav {
padding: 10px 15px !important;
}
.legacy-ui #contacts_screen #contact_search .left, .legacy-ui #tasks #task_search .left {
width: 450px;
margin-top: 2px;
}
.legacy-ui #contacts_screen #contact_search #search_field, .legacy-ui #tasks #task_search #search_field {
padding: 4px;
font-size: 13px;
width: 140px;
}
.legacy-ui div.period {
margin: 0 15px 20px;
overflow: hidden;
}
.legacy-ui div.period h2 {
margin: 10px 0 !important;
padding: 0 !important;
}
.legacy-ui div.period a {
text-decoration: none !important;
}
.legacy-ui div.period .report_num {
display: block;
color: #333333;
padding: 15px;
float: left;
text-transform: uppercase;
font-weight: bold;
margin-right: 4px;
width: 170px;
text-align: center;
}
.legacy-ui div.period .report_num .big {
font-weight: normal;
font-size: 3em;
line-height: 1em;
display: block;
}
.legacy-ui div.period .report_num .name {
width: 170px;
overflow: hidden;
}
.legacy-ui div.period a:hover .report_num .name {
color: #78AC22;
}
.legacy-ui #report_options {
margin: 0;
list-style: none;
padding: 10px 12px;
overflow: hidden;
}
.legacy-ui #report_options li {
float: left;
margin-right: 5px;
}
.legacy-ui #report_options li.right {
margin-right: 0;
}
.legacy-ui #report_options li img {
vertical-align: middle;
padding-right: 5px;
}
.legacy-ui .plan {
background: #ffffff;
border-radius: 10px;
border-bottom: 1px solid #c4c9cf;
border-right: 1px solid #c4c9cf;
padding: 10px;
margin-top: 10px;
}
.legacy-ui .plan .name {
font-weight: bold;
font-size: 130%;
margin-bottom: 4px;
}
.legacy-ui .plan .price {
color: #888888;
}
.legacy-ui .plan .price strong {
color: #444444;
float: none !important;
width: auto !important;
}
.legacy-ui .plan .buttons {
float: right;
}
.legacy-ui .current_plan .title {
font-weight: normal;
font-size: 130%;
margin-bottom: 4px;
}
.legacy-ui .current_plan .title span {
font-weight: bold;
}
.legacy-ui .current_plan .plan_info {
color: #888888;
}
.legacy-ui .current_plan .plan_info strong {
color: #444444;
float: none !important;
width: auto !important;
}
.legacy-ui .current_plan .cancel_plan {
float: right;
}
.legacy-ui .current_plan strong {
float: none !important;
width: auto !important;
}
.legacy-ui abbr.currency_code {
font-size: 80%;
border-bottom: dotted #888888 1px;
margin-left: 7px;
}
.legacy-ui .modal_overlay {
top: 0;
left: 0;
position: fixed;
width: 100%;
height: 100%;
background: #000000;
z-index: 9998;
}
.legacy-ui .modal {
position: fixed;
z-index: 9999;
border-radius: 10px;
background: #ffffff;
padding: 30px;
}
.legacy-ui .modal p {
padding-right: 0 !important;
}
.legacy-ui .modal h1 {
margin-top: 0 !important;
margin-left: 0 !important;
padding-top: 0 !important;
padding-left: 0 !important;
}
.legacy-ui .modal h2 {
margin-top: 0 !important;
margin-left: 0 !important;
padding-top: 0 !important;
padding-left: 0 !important;
}
.legacy-ui .modal .thanks {
width: 260px;
}
.legacy-ui #sync_faq, .legacy-ui #account_being_created, .legacy-ui .modal.small {
width: 300px;
}
.legacy-ui #main .static {
width: 640px;
}
.legacy-ui .static p {
margin-bottom: 1em !important;
}
.legacy-ui .static code {
background-color: #FFF4D6;
}
.legacy-ui .static .col {
float: left;
width: 22%;
margin: 0 15px 0 0;
}
.legacy-ui .invite_form p {
width: 280px;
}
.legacy-ui h2#client_view_title {
overflow: hidden;
}
.legacy-ui h2#client_view_title .text {
float: left;
margin: 3px 10px 0 0;
}
.legacy-ui h2#client_view_title .checkbox {
float: left;
}
.legacy-ui #save_account_modal .checkbox input[type=checkbox] {
padding-left: 0px;
padding-right: 0px;
}
.legacy-ui #staging {
position: absolute;
top: 0;
right: 0;
background: #f73490;
margin: 0 auto;
color: #fff;
padding: 15px;
font-size: 18px;
font-weight: bold;
border-bottom-left-radius: 10px;
}
.legacy-ui div.field {
margin-bottom: 10px;
}
.legacy-ui .input-prefix-wrapper {
position: relative;
}
.legacy-ui .input-prefix-wrapper .input-prefix {
position: absolute;
top: 4px;
left: 3px;
font-size: 22px;
display: inline-block;
width: 20px;
text-align: center;
font-weight: bold;
color: #aeb2b7;
}
.legacy-ui .input-prefix-wrapper input {
padding-left: 22px !important;
width: 248px !important;
}
.legacy-ui #user_contacts_selector {
border: 1px solid #C4C9CF;
background: #ffffff;
border-radius: 10px;
padding: 0;
margin: 0;
min-width: 160px;
}
.legacy-ui #user_contacts_selector ul {
overflow: auto;
overflow-x: hidden;
margin: 5px 7px 5px 5px;
padding: 0 5px 0 0;
height: 160px;
}
.legacy-ui #user_contacts_selector ul li.spacer {
background: #C4C9CF !important;
height: 1px;
cursor: default !important;
margin-bottom: 1px;
margin-top: 1px;
padding: 0 !important;
}
.legacy-ui #user_contacts_selector ul li.spacer {
margin-right: 10px;
}
.legacy-ui #user_contacts_selector .all_selector {
padding: 0;
margin: 0;
}
.legacy-ui #user_contacts_selector .all_selector:hover {
background: none;
}
.legacy-ui #user_contacts_selector .all_selector:hover .filter_entity:not(:hover) span {
color: #333 !important;
}
.legacy-ui #user_contacts_selector .all {
padding: 1px 3px;
cursor: pointer;
margin: 5px;
}
.legacy-ui #user_contacts_selector ul li {
min-width: 160px;
}
.legacy-ui #user_contacts_selector ul li:hover, .legacy-ui #user_contacts_selector .all:hover {
cursor: pointer;
}
.legacy-ui #user_contacts_selector ul li span {
color: #333333;
}
.legacy-ui .tab_tutorial {
position: relative;
background-image: url("/assets/sash-tutorial-6c3d6853.png");
background-position: top right;
background-repeat: no-repeat;
}
.legacy-ui .tab_tutorial .clipwrap {
margin: 25px 50px 0 50px;
}
.legacy-ui .tab_tutorial .nav a {
width: 25px;
margin-top: 40px;
background-image: url("/assets/next-prev-arrow-bubbles-512ffe31.png");
background-repeat: no-repeat;
width: 41px;
height: 41px;
text-indent: -9999px;
}
.legacy-ui #goals_tutorial .nav a {
margin-top: 65px;
}
.legacy-ui .tab_tutorial .nav a.prev {
position: absolute;
left: 15px;
background-position: top left;
}
.legacy-ui .tab_tutorial .nav a.prev:hover {
background-position: bottom left;
}
.legacy-ui .tab_tutorial .nav a.next {
position: absolute;
right: 15px;
background-position: top right;
}
.legacy-ui .tab_tutorial .nav a.next:hover {
background-position: bottom right;
}
.legacy-ui .tab_tutorial .nav a.disabled {
display: none;
}
.legacy-ui .tab_tutorial ul li.step {
text-align: center;
}
.legacy-ui .tab_tutorial ul li.step .img {
padding: 5px 15px;
background: #fff;
border: solid #c4c9cf 1px;
border-radius: 10px;
margin: 0 10px;
}
.legacy-ui .tab_tutorial ul li.step p {
font-size: 18px;
padding: 5px 0;
}
.legacy-ui #save_account .current_user {
margin: 0 0 10px 0;
}
.legacy-ui #save_account .avatar {
float: left;
margin-right: 10px;
}
.legacy-ui #save_account .avatar img {
padding: 2px;
}
.legacy-ui #save_account #save_account_company_source {
clear: both;
height: 60px;
}
.legacy-ui #save_account #save_account_company_source .manual {
float: left;
/* width: 150px;*/
padding-top: 15px;
}
.legacy-ui #save_account #save_account_company_source .xero {
float: left;
/* width: 150px;*/
padding-top: 15px;
}
.legacy-ui #save_account #save_account_company_source .spacer {
position: relative;
float: left;
width: 20px;
height: 60px;
margin: 0 15px;
}
.legacy-ui #save_account #save_account_company_source .line {
position: absolute;
height: 50px;
width: 1px;
background-color: #dde3e9;
border-left: 1px solid #ffffff;
top: 5px;
left: 8px;
}
.legacy-ui #save_account #save_account_company_source .text {
position: absolute;
top: 23px;
background: #EFF4F8;
}
.legacy-ui #xero_info_loading {
line-height: 18px;
}
.legacy-ui #signup, .legacy-ui #integrations, .legacy-ui #signup-current-account-info {
width: 340px;
float: left;
}
.legacy-ui #signup h2 {
margin-top: 0 !important;
}
.legacy-ui #signup-current-account-info {
margin-bottom: 15px;
}
.legacy-ui #preview {
width: 250px;
float: right;
}
.legacy-ui #preview h3 {
font-size: 15px !important;
font-weight: bold !important;
text-transform: uppercase !important;
color: #AC8022 !important;
margin: 0 0 2px 0 !important;
}
.legacy-ui #preview h3.first {
margin-top: 5px !important;
}
.legacy-ui #signup .fieldWithErrors input {
border-color: red !important;
}
.legacy-ui #signup #signup_tou_field .fieldWithErrors {
display: inline;
}
.legacy-ui #signup_progress {
height: 15px;
}
.legacy-ui #signup_progress .progress {
height: 13px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.legacy-ui #signup_progress.green .progress {
background-position: 0 -50px;
}
.legacy-ui .multibutton_wrapper {
position: relative;
padding: 0 2px;
float: left;
}
.legacy-ui .multibutton .green_drop .green_button_left span, .legacy-ui .multibutton .green_drop .integration_button span {
min-width: 110px;
}
.legacy-ui .multibutton .green_drop .green_button_right {
background-color: none !important;
margin-right: 0px;
}
.legacy-ui .multibutton .collapsable {
display: none;
/* min-width: 190px;*/
width: 100%;
padding-top: 3px;
}
.legacy-ui .multibutton .collapsable li {
cursor: pointer;
border-radius: 5px;
padding: 3px 3px;
line-height: 18px;
font-size: 15px;
margin-bottom: 4px;
}
.legacy-ui .multibutton .collapsable li img {
display: inline-block;
float: left;
margin-right: 5px;
}
.legacy-ui .multibutton .collapsable li:hover {
cursor: pointer;
background: #d9dfe5; /* #78ac2;*/ /* #AC8022; */ /* #78ac22; */
}
.legacy-ui .multibutton.active .collapsable {
display: block;
}
.legacy-ui #invoice_send_button {
float: right;
margin-top: -5px;
margin-left: 10px;
}
.legacy-ui .notice {
margin: 0 0 15px 0;
}
.legacy-ui .notice img, .legacy-ui .notice p {
float: left;
margin: 0 10px 0 0;
}
.legacy-ui .notice p {
width: 700px;
clear: none !important;
}
.legacy-ui #partner_banner {
background: #4A90E2;
color: #fff;
font-size: 15px;
height: 50px;
position: relative;
}
.legacy-ui #partner_banner > a {
float: left;
display: inline-block;
background: rgba(0, 0, 0, 0.1);
line-height: 38px;
color: #fff;
padding: 0 15px;
border-radius: 5px;
text-decoration: none;
position: absolute;
top: 6px;
left: 6px;
}
.legacy-ui #partner_banner > a:hover {
background: rgba(0, 0, 0, 0.15);
}
.legacy-ui #partner_banner p {
padding-left: 30px;
line-height: 50px;
margin: 0;
text-align: center;
}
.legacy-ui .icon.save {
background-position: -140px 0px;
}
.legacy-ui .icon.save.off {
background-position: -140px -20px;
}
.legacy-ui .icon.delete {
background-position: -160px 0px;
}
.legacy-ui .icon.delete.off {
background-position: -160px -20px;
}
.legacy-ui .icon.redock {
background-position: -180px 0px;
}
.legacy-ui .icon.redock.off {
background-position: -180px -20px;
}
.legacy-ui .entry_group {
padding: 0 0 10px 0;
min-height: 80px;
}
.legacy-ui .entry_group:last-child {
padding-bottom: 0;
}
.legacy-ui .entry_group .fade {
padding-left: 6px;
visibility: visible;
}
.legacy-ui .entry_group:hover .fade {
visibility: visible;
}
.legacy-ui .dropdown_entries {
clear: both;
margin-bottom: 15px;
}
.legacy-ui .entry_group .add-entry-button {
opacity: 0;
position: relative;
top: -1px;
}
.legacy-ui .entry_group:hover .add-entry-button {
opacity: 0.4;
}
.legacy-ui .entry_group:hover .add-entry-button:hover {
opacity: 1;
}
.legacy-ui #entries_section {
position: relative;
}
.legacy-ui #entries_section #timesheet_week_heading {
cursor: pointer;
display: inline-block;
}
.legacy-ui #entries_section #timesheet_week_heading i {
font-style: normal;
font-size: 12px;
vertical-align: middle;
}
.legacy-ui #entries_section .group-blank-slate p.intro, .legacy-ui #entries_section .group-blank-slate blockquote {
color: #9A9A9E;
}
.legacy-ui .time-entry {
position: relative;
margin-bottom: 5px;
}
.legacy-ui .time-entry__gutter, .legacy-ui .time-entry__gutter--left, .legacy-ui .time-entry__gutter--right {
max-height: 32px;
display: flex;
align-items: center;
position: absolute;
top: 0;
bottom: 0;
opacity: 0;
}
.legacy-ui .time-entry__gutter:hover, .legacy-ui .time-entry__gutter.-visible, .legacy-ui .time-entry__gutter--left:hover, .legacy-ui .time-entry__gutter--left.-visible, .legacy-ui .time-entry__gutter--right:hover, .legacy-ui .time-entry__gutter--right.-visible {
opacity: 1;
}
.legacy-ui .time-entry__gutter--left {
right: 100%;
top: 0;
bottom: 0;
padding-right: 4px;
}
.legacy-ui .time-entry__gutter--right {
left: 100%;
padding-left: 4px;
}
.legacy-ui .time-entry:hover .time-entry__gutter, .legacy-ui .time-entry:hover .time-entry__gutter--left, .legacy-ui .time-entry:hover .time-entry__gutter--right, .legacy-ui .time-entry--editing .time-entry__gutter, .legacy-ui .time-entry--editing .time-entry__gutter--left, .legacy-ui .time-entry--editing .time-entry__gutter--right {
opacity: 1;
}
.legacy-ui .time-entry__overlay, .legacy-ui .time-entry__overlay--right {
position: absolute;
top: 0;
bottom: 0;
max-height: 32px;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 0 6px;
}
.legacy-ui .time-entry__overlay > *, .legacy-ui .time-entry__overlay--right > * {
display: block;
}
.legacy-ui .time-entry__overlay > * > img, .legacy-ui .time-entry__overlay--right > * > img {
display: block;
}
.legacy-ui .time-entry__overlay--right {
right: 0;
}
.legacy-ui .time-entry--selectable .time-entry__gutter--left {
opacity: 1;
}
.legacy-ui .time-entry__gutter, .legacy-ui .time-entry__gutter--left, .legacy-ui .time-entry__gutter--right, .legacy-ui .time-entry__col.status, .legacy-ui .time-entry__col.actions {
display: flex;
align-items: center;
justify-content: flex-end;
}
.legacy-ui .time-entry__gutter > a, .legacy-ui .time-entry__gutter > .icon > img, .legacy-ui .time-entry__gutter > a > img, .legacy-ui .time-entry__gutter > a > svg, .legacy-ui .time-entry__gutter > input, .legacy-ui .time-entry__gutter > button.icon, .legacy-ui .time-entry__gutter--left > a, .legacy-ui .time-entry__gutter--left > .icon > img, .legacy-ui .time-entry__gutter--left > a > img, .legacy-ui .time-entry__gutter--left > a > svg, .legacy-ui .time-entry__gutter--left > input, .legacy-ui .time-entry__gutter--left > button.icon, .legacy-ui .time-entry__gutter--right > a, .legacy-ui .time-entry__gutter--right > .icon > img, .legacy-ui .time-entry__gutter--right > a > img, .legacy-ui .time-entry__gutter--right > a > svg, .legacy-ui .time-entry__gutter--right > input, .legacy-ui .time-entry__gutter--right > button.icon, .legacy-ui .time-entry__col.status > a, .legacy-ui .time-entry__col.status > .icon > img, .legacy-ui .time-entry__col.status > a > img, .legacy-ui .time-entry__col.status > a > svg, .legacy-ui .time-entry__col.status > input, .legacy-ui .time-entry__col.status > button.icon, .legacy-ui .time-entry__col.actions > a, .legacy-ui .time-entry__col.actions > .icon > img, .legacy-ui .time-entry__col.actions > a > img, .legacy-ui .time-entry__col.actions > a > svg, .legacy-ui .time-entry__col.actions > input, .legacy-ui .time-entry__col.actions > button.icon {
display: block;
margin: 0 1px;
}
.legacy-ui .time-entry__gutter img.invoiced.draft, .legacy-ui .time-entry__gutter--left img.invoiced.draft, .legacy-ui .time-entry__gutter--right img.invoiced.draft, .legacy-ui .time-entry__col.status img.invoiced.draft, .legacy-ui .time-entry__col.actions img.invoiced.draft {
opacity: 0.5;
}
.legacy-ui .time-entry.time-entry--invalid:not(.time-entry--editing) {
border-top-color: #910d0d;
border-bottom-color: #410b0b;
border-right-color: #610c0c;
border-left-color: #610c0c;
box-shadow: 0 0 4px #c33838;
border-radius: 10px;
}
.legacy-ui .time-entry__cols {
background: #ffffff;
border-radius: 10px;
display: flex;
border: 1px solid #E8E8E8;
}
.legacy-ui .time-entry--trigger, .legacy-ui .time-entry--selectable {
cursor: pointer;
}
.legacy-ui .time-entry--selected:not(.time-entry--editing) .time-entry__cols {
border: 1px solid #7594aa;
}
.legacy-ui .time-entry--trigger:hover .time-entry__cols, .legacy-ui .time-entry--selectable:hover .time-entry__cols, .legacy-ui .time-entry--editing .time-entry__cols {
background: #7594aa;
border: solid #E8E8E8 1px;
}
.legacy-ui .time-entry--trigger:hover .time-entry__col, .legacy-ui .time-entry--selectable:hover .time-entry__col, .legacy-ui .time-entry--editing .time-entry__col {
border-right-color: #8ca4b6;
border-left-color: #546b7c;
color: #ffffff;
}
.legacy-ui .time-entry--trigger:hover .time-entry__col.description em, .legacy-ui .time-entry--selectable:hover .time-entry__col.description em, .legacy-ui .time-entry--editing .time-entry__col.description em {
background: #425d71;
border-color: #233b4c;
}
.legacy-ui .time-entry--editing {
cursor: auto;
}
.legacy-ui .time-entry__col {
display: block;
height: 30px;
line-height: 30px;
padding: 0 10px;
color: #333333;
border-right: solid #ffffff 1px;
border-left: solid #c4c9cf 1px;
}
.legacy-ui .time-entry__col:first-child {
border-left: none;
}
.legacy-ui .time-entry__col:last-child {
border-right: none;
}
.legacy-ui .time-entry__col.status, .legacy-ui .time-entry__col.actions {
height: 30px;
flex-grow: 0;
flex-shrink: 0;
justify-self: flex-end;
}
.legacy-ui .time-entry__col.description {
font-size: 13px;
flex-grow: 1;
min-width: 300px;
}
.legacy-ui .time-entry__col.description em {
padding: 2px 4px;
border: solid #a3c1d7 1px;
border-radius: 3px;
border-radius: 4px;
font-style: normal;
background: #c4d6e4;
display: inline-block;
margin-right: 2px;
margin-top: -2px;
}
.legacy-ui .time-entry__col.description em.project {
font-weight: bold;
}
.legacy-ui .time-entry__col.description img {
float: left;
margin-top: 4px;
margin-right: 5px;
}
.legacy-ui .time-entry__col.description img.avatar {
margin-top: 2px;
border: solid #c4c9cf 1px;
padding: 1px;
background: #ffffff;
}
.legacy-ui .time-entry__col.date {
min-width: 85px;
}
#invoice_form .legacy-ui .time-entry__col.date {
width: 110px;
}
.legacy-ui .time-entry__col.contact {
min-width: 142px;
max-width: 160px;
white-space: nowrap;
}
.legacy-ui .time-entry__col.contact .choices .choices__list--single .choices__item {
display: block;
padding: 4px 4px;
border-radius: 3px;
font-size: 13px;
line-height: 13px;
border: 1px solid rgba(0, 0, 0, 0.45);
color: #333333;
background: url('data:image/svg+xml,') no-repeat right center/18px 18px;
background-color: rgba(255, 255, 255, 0.95);
padding-right: 22px;
text-overflow: ellipsis;
overflow: hidden;
}
.legacy-ui .time-entry__col.contact .choices .choices__list--single .choices__placeholder {
border: 1px dashed rgba(255, 255, 255, 0.5);
color: rgba(0, 0, 0, 0.5);
}
.legacy-ui .time-entry__col.contact .choices .choices__list--dropdown, .legacy-ui .time-entry__col.contact .choices .choices__list[aria-expanded] {
width: 260px;
}
.legacy-ui .time-entry__col.contact .choices .choices__list--dropdown.is-active, .legacy-ui .time-entry__col.contact .choices .choices__list[aria-expanded].is-active {
transform-origin: top left;
}
.legacy-ui .time-entry__col.user_name {
min-width: 172px;
}
.legacy-ui .time-entry__col.user_name img {
padding: 1px;
border: solid #aaaaaa 1px;
background: #ffffff;
margin: 2px 5px 0 0;
float: left;
}
.legacy-ui .time-entry__col.user {
width: 28px;
line-height: 28px;
flex-shrink: 0;
flex-grow: 0;
}
.legacy-ui .time-entry__col.user img {
vertical-align: middle;
border-radius: 100%;
}
.legacy-ui .time-entry__col.duration {
width: 65px;
flex-grow: 0;
flex-shrink: 0;
font-weight: bold;
font-size: 15px;
}
.legacy-ui .time-entry__col:last-child {
padding-right: 50px; /* space for overlay actions */
}
.legacy-ui .time-entry--editing .time-entry__col {
padding-left: 6px;
padding-right: 6px;
}
.legacy-ui .time-entry--editing .time-entry__col:empty {
padding: 0;
margin: 0 3px;
}
.legacy-ui .time-entry--editing .time-entry__col.date input, .legacy-ui .time-entry--editing .time-entry__col.date select, .legacy-ui .time-entry--editing .time-entry__col.user input, .legacy-ui .time-entry--editing .time-entry__col.user select, .legacy-ui .time-entry--editing .time-entry__col.description input, .legacy-ui .time-entry--editing .time-entry__col.description select, .legacy-ui .time-entry--editing .time-entry__col.duration input, .legacy-ui .time-entry--editing .time-entry__col.duration select {
background: #ffffff;
color: #333333;
border-radius: 3px;
padding: 3px;
font-size: 13px;
border: 1px solid #7594aa;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.legacy-ui .time-entry--editing .time-entry__col.date {
overflow: visible;
width: 100px;
}
.legacy-ui .time-entry--editing .time-entry__col.contact {
width: 160px;
}
.legacy-ui .time-entry--editing .time-entry__col.user {
position: relative;
}
.legacy-ui .time-entry--editing .time-entry__col.user select {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
}
.legacy-ui .time-entry--editing .time-entry__col.user:hover {
background: rgba(255, 255, 255, 0.2);
}
.legacy-ui .time-entry--editing .time-entry__col.user:hover, .legacy-ui .time-entry--editing .time-entry__col.user:hover img, .legacy-ui .time-entry--editing .time-entry__col.user:hover select {
cursor: pointer !important;
}
.legacy-ui .time-entry--editing .time-entry__col.actions a {
color: #ffffff;
}
.legacy-ui .time-entry--selectable {
user-select: none;
}
.legacy-ui .time-entry--selectable:not(.time-entry--selected) .time-entry__cols {
filter: grayscale(1);
opacity: 0.7;
}
.legacy-ui .time-entry--selectable:not(.time-entry--selected) .time-entry__cols:hover {
opacity: 0.85;
}
.legacy-ui .time-entry-container {
display: block;
}
.legacy-ui .time-entry-error {
height: 30px;
margin-bottom: 5px;
border-radius: 10px;
border: 1px solid rgb(206, 206, 206);
color: rgb(159, 159, 159);
padding: 0 8px;
display: flex;
align-items: center;
}
.legacy-ui .time-entry[aria-busy=true]::before {
content: "";
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 2px solid #4382CC;
border-radius: 10px;
animation: rotatingBorderClipPath 1.5s infinite linear;
}
.legacy-ui .time-entry[aria-busy=true] .time-entry__cols {
filter: grayscale(0.5);
opacity: 0.55;
}
@keyframes rotatingBorderClipPath {
0%, 100% {
clip-path: inset(95% 0 0 0);
}
25% {
clip-path: inset(0 0 0 95%);
}
50% {
clip-path: inset(0 0 95% 0);
}
75% {
clip-path: inset(0 95% 0 0);
}
}
.legacy-ui #integrations {
width: 340px;
/**
* Button to go into the details about connecting a specific integration.
*
* Usage:
* FreshbooksSync your contacts and send invoices
*/
}
.legacy-ui #integrations p.skip_text {
margin: 5px 10px;
}
.legacy-ui #integrations a.integration {
position: relative;
display: block;
text-decoration: none;
}
.legacy-ui #integrations a.integration strong, .legacy-ui #integrations a.integration small {
display: block;
margin-left: 36px;
}
.legacy-ui #integrations a.integration strong {
font-size: 18px;
}
.legacy-ui #integrations a.integration small {
font-size: 12px;
color: #333333;
}
.legacy-ui #integrations a.integration em {
position: absolute;
right: 10px;
top: 8px;
font-style: normal;
font-size: 18px;
font-weight: bold;
display: none;
}
.legacy-ui #integrations a.integration:hover em {
display: block;
}
.legacy-ui #integrations #freshbooks_subdomain {
width: 140px;
}
.legacy-ui #preview .additional-price {
float: left;
line-height: 20px;
width: 80px;
margin: 5px 15px 0 0;
border-radius: 3px;
border: 1px solid #DDE3E9;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.5);
text-align: center;
text-transform: uppercase;
font-size: 11px;
color: #888;
}
.legacy-ui #preview .additional-price em {
text-transform: lowercase;
font-weight: bold;
font-family: Georgia, serif;
}
.legacy-ui #preview .additional-price strong {
display: block;
line-height: 30px;
vertical-align: middle;
width: 60px;
margin: 0 auto;
padding: 0 0 4px 0;
border-top: 1px dotted #DDE3E9;
border-bottom: 1px dotted #DDE3E9;
color: #333333;
font-size: 32px;
}
.legacy-ui #preview .additional-price strong sup {
font-size: 18px;
vertical-align: super;
position: relative;
top: 3px;
}
.legacy-ui #preview .additional-price-caption {
float: left;
clear: none !important;
width: 140px;
margin: 5px 0 0 0;
}
.legacy-ui #vendor_quickbooks_integration_button {
display: inline-block;
position: relative;
color: #ffffff;
background: #2c9f1c;
line-height: 34px;
height: 34px;
width: 195px;
padding-left: 36px;
box-sizing: border-box;
text-decoration: none;
color: rgba(255, 255, 255, 0.7);
font-size: 14px;
border-radius: 4px;
}
.legacy-ui #vendor_quickbooks_integration_button:hover {
background: #2c8418;
}
.legacy-ui #vendor_quickbooks_integration_button:hover::before {
background-image: url("/assets/integrations/vendor_buttons/C2QB_green_btn_tall_hover_2x-504d4865.png");
}
.legacy-ui #vendor_quickbooks_integration_button::before {
display: inline-block;
position: absolute;
top: 0;
left: 0;
content: "";
height: 34px;
width: 195px;
background-size: 195px 34px;
background-image: url("/assets/integrations/vendor_buttons/C2QB_green_btn_tall_default_2x-3b9f7a94.png");
}
.legacy-ui #signup #confirm_company {
border: 1px solid #DDE3E9;
border-radius: 5px;
padding: 10px;
margin-bottom: 15px;
}
.legacy-ui #signup #confirm_company p {
margin-left: 40px;
margin-bottom: 0;
clear: none;
}
.legacy-ui #preview .becca-signup {
overflow: hidden;
}
.legacy-ui #preview .becca-signup p.more-info {
clear: none !important;
font-size: 15px !important;
line-height: 150% !important;
}
.legacy-ui #preview .becca-signup h3 {
line-height: 175%;
font-size: 18px !important;
text-transform: none !important;
}
.legacy-ui #preview .becca-signup img {
width: 80px;
border-radius: 40px;
float: left;
margin-right: 10px;
}
.legacy-ui #projects_and_tasks .cards .card {
min-height: 115px;
}
.legacy-ui #projects_and_tasks .cards .card h4 {
word-wrap: break-word;
margin-right: 25px;
margin-bottom: 5px;
}
.legacy-ui #projects_and_tasks .cards .card .description {
font-size: 12px;
line-height: 12px;
padding-left: 0;
max-height: 60px;
overflow: hidden;
}
.legacy-ui #projects_and_tasks .cards .card .description.has-budget {
max-height: 30px;
}
.legacy-ui #contacts .card .goal_progress, .legacy-ui #projects_and_tasks .card .goal_progress {
position: absolute;
bottom: 12px;
left: 12px;
right: 12px;
}
.legacy-ui #contacts .card .goal_progress > p, .legacy-ui #projects_and_tasks .card .goal_progress > p {
margin-top: 2px;
padding-left: 0;
}
.legacy-ui .new_project .budget-options, .legacy-ui .edit_project .budget-options, .legacy-ui .new_contact .budget-options, .legacy-ui .edit_contact .budget-options {
margin: 6px 0 0 22px;
}
.legacy-ui .new_project .budget-options > span, .legacy-ui .new_project .budget-options > select, .legacy-ui .edit_project .budget-options > span, .legacy-ui .edit_project .budget-options > select, .legacy-ui .new_contact .budget-options > span, .legacy-ui .new_contact .budget-options > select, .legacy-ui .edit_contact .budget-options > span, .legacy-ui .edit_contact .budget-options > select {
display: inline-block;
margin-right: 5px;
}
.legacy-ui .new_project .budget-options .budget-input, .legacy-ui .edit_project .budget-options .budget-input, .legacy-ui .new_contact .budget-options .budget-input, .legacy-ui .edit_contact .budget-options .budget-input {
display: inline-block;
position: relative;
}
.legacy-ui .new_project .budget-options .budget-input input, .legacy-ui .edit_project .budget-options .budget-input input, .legacy-ui .new_contact .budget-options .budget-input input, .legacy-ui .edit_contact .budget-options .budget-input input {
padding-left: 13px;
padding-right: 8px;
width: 45px;
font-size: 15px;
}
.legacy-ui .new_project .budget-options .budget-input i, .legacy-ui .edit_project .budget-options .budget-input i, .legacy-ui .new_contact .budget-options .budget-input i, .legacy-ui .edit_contact .budget-options .budget-input i {
position: absolute;
opacity: 0.7;
font-style: normal;
}
.legacy-ui .new_project .budget-options .budget-input i:first-child, .legacy-ui .edit_project .budget-options .budget-input i:first-child, .legacy-ui .new_contact .budget-options .budget-input i:first-child, .legacy-ui .edit_contact .budget-options .budget-input i:first-child {
top: 2px;
left: 5px;
font-weight: bold;
}
.legacy-ui .new_project .budget-options .budget-input.off input, .legacy-ui .edit_project .budget-options .budget-input.off input, .legacy-ui .new_contact .budget-options .budget-input.off input, .legacy-ui .edit_contact .budget-options .budget-input.off input {
padding-left: 8px;
width: 40px;
}
.legacy-ui .new_project .budget-options .budget-input.off i, .legacy-ui .edit_project .budget-options .budget-input.off i, .legacy-ui .new_contact .budget-options .budget-input.off i, .legacy-ui .edit_contact .budget-options .budget-input.off i {
display: none;
}
.legacy-ui .new_project #project_contact_id, .legacy-ui .edit_project #project_contact_id {
max-width: 275px;
}
.legacy-ui .field-indent {
padding-left: 27px;
margin-bottom: 10px;
}
.legacy-ui rate-card {
margin-bottom: 10px;
}
.legacy-ui rate-card .secondary-action {
color: inherit;
cursor: pointer;
opacity: 0.7;
}
.legacy-ui rate-card .secondary-action:hover {
opacity: 1;
}
.legacy-ui rate-card .rate-input {
display: inline-block;
position: relative;
}
.legacy-ui rate-card .rate-input input {
padding-left: 13px;
padding-right: 20px;
width: 59px;
font-size: 15px;
}
.legacy-ui rate-card .rate-input i {
position: absolute;
opacity: 0.7;
font-style: normal;
}
.legacy-ui rate-card .rate-input i:first-child {
top: 6px;
left: 5px;
font-weight: bold;
}
.legacy-ui rate-card .rate-input i:last-child {
top: 6px;
right: 5px;
}
.legacy-ui rate-card .rate-choice select {
margin-bottom: 6px;
margin-top: 6px;
}
.legacy-ui rate-card .rate-choice select.specific {
width: 145px;
margin-right: 5px;
}
.legacy-ui rate-card .rate-choice span.default-rate {
cursor: pointer;
opacity: 0.7;
border-bottom: 1px dashed;
}
.legacy-ui rate-card .rate-choice span.default-rate:hover {
opacity: 1;
}
.legacy-ui rate-card .employee-rates {
margin-top: 20px;
}
.legacy-ui rate-card .employee-rates label {
margin-bottom: 5px;
}
.legacy-ui rate-card .employee-rates .employee-rate {
padding-bottom: 2px;
position: relative;
margin-right: -15px; /* hack to have hover work for remove button */
}
.legacy-ui rate-card .employee-rates .employee-rate select {
width: 145px;
margin-right: 5px;
}
.legacy-ui rate-card .employee-rates .employee-rate a:where(:not(.tw, .tw *)) {
position: absolute;
right: 8px;
text-decoration: none;
top: 10px;
color: red;
font-weight: bold;
text-transform: uppercase;
display: none;
}
.legacy-ui rate-card .employee-rates .employee-rate:hover a {
display: inline-block;
}
.legacy-ui rate-card .employee-rates > a:first-child {
margin-top: -20px;
}
.legacy-ui rate-card .employee-rates > a:hover {
opacity: 1;
}
.legacy-ui #logo_bar {
padding-bottom: 10px;
}
.legacy-ui #logo_bar .inner {
width: 960px;
margin: 0 auto;
padding: 20px 0 0 0;
}
.legacy-ui #logo_bar .inner form {
position: relative;
padding: 0px 28px;
height: 60px;
overflow: hidden;
}
.legacy-ui #logo_bar .inner form .content {
overflow: hidden;
background: #78ac22 url("/assets/log-bg-88912de1.png");
}
.legacy-ui #logo_bar .inner form #cap-left {
position: absolute;
top: 0px;
width: 28px;
height: 60px;
background-image: url("/assets/log-ends-trans-2eee1385.png");
background-repeat: none;
}
.legacy-ui #logo_bar .inner form #cap-right {
position: absolute;
top: 0px;
width: 28px;
height: 60px;
background-image: url("/assets/log-ends-trans-2eee1385.png");
background-repeat: none;
}
.legacy-ui #logo_bar .inner form #cap-left {
left: 0px;
background-position: top left;
}
.legacy-ui #logo_bar .inner form #cap-right {
right: 0px;
background-position: top right;
}
.legacy-ui .iframe .inner {
padding: 24px 0 0 0 !important;
}
.legacy-ui #logo {
margin-right: 15px;
}
.legacy-ui #log_entry .inner {
width: 960px;
margin: 0 auto;
}
.legacy-ui #log_entry form {
position: relative;
padding: 0px 0px;
height: 60px;
}
.legacy-ui #log_entry form .content {
display: flex;
height: 60px;
align-items: center;
background: linear-gradient(#98C548 0%, #93BF45 25%, #8FBA44 50%, #8CB542 75%, #8AB340 100%);
background: #78C832;
border-radius: 30px;
border: 1px solid #83AB3E;
box-sizing: border-box;
padding: 0 15px;
}
.legacy-ui #log_entry form .field_wrapper {
flex: 1 0 auto;
background: #ffffff;
border: 1px solid #83AA3E;
border-radius: 12px;
padding: 1px 4px;
font-size: 15px;
overflow: hidden;
cursor: text;
display: flex;
align-items: center;
}
.legacy-ui #log_entry form .field_wrapper input {
flex: 1 0 auto;
border: 0 !important; /* some legacy code overrides "form input" */
height: 24px;
padding: 7px 8px;
font-size: 18px;
color: #7c868b;
}
.legacy-ui #log_entry form #contact_tag {
background: linear-gradient(#7B93A8, #6E8599 50%, #7B90A1 50%, #768A9D);
box-shadow: inset 0px 3px 2px -3px rgba(255, 255, 255, 0.75), inset 0px -3px 2px -3px rgba(255, 255, 255, 0.6);
border: solid #546b7c 1px;
padding: 0 7px;
border-radius: 7px;
height: 30px;
font-size: 14px;
letter-spacing: -0.5px;
min-width: 76px;
max-width: 181px;
flex: 0 0 auto;
}
.legacy-ui #log_entry form #contact_tag.selected {
border: solid #7594aa 1px;
opacity: 0.8;
}
.legacy-ui #log_entry form #contact_tag span, .legacy-ui #log_entry form #contact_tag em {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.legacy-ui #log_entry form #contact_tag span {
display: block;
line-height: 30px;
color: #ffffff;
}
.legacy-ui #log_entry form #contact_tag em {
display: none;
}
.legacy-ui #log_entry form #contact_tag.project span {
line-height: 11px; /* orig: 10px */
font-size: 11px;
color: #aec5ce;
letter-spacing: normal;
}
.legacy-ui #log_entry form #contact_tag.project em {
display: block;
font-style: normal;
line-height: 17px;
color: #ffffff;
}
.legacy-ui #log_entry form button {
flex: 0 0 auto;
text-indent: -9999px;
border: 0;
background: 0;
background-repeat: no-repeat;
cursor: pointer;
height: 42px;
}
.legacy-ui #log_entry form button.log {
width: 72px;
margin-left: -5px;
border: 0 !important;
padding: 0 !important;
}
.legacy-ui #log_entry form button.log:hover svg {
--shadow-color: rgba(255, 255, 255, 0.3);
filter: drop-shadow(0 0 2px var(--shadow-color));
}
.legacy-ui #log_entry form button.log:hover svg stop {
--stop-0-color: #ffffff;
--stop-1-color: #F4F7FA;
--stop-2-color: #F8FAFB;
--stop-3-color: #EAF0F4;
}
.legacy-ui #log_entry form button.log.on svg text {
display: none;
}
.legacy-ui #log_entry form button.log svg stop {
--stop-0-color: #F5FAFE;
--stop-1-color: #E6EDF2;
--stop-2-color: #EFF3F7;
--stop-3-color: #DEE3E8;
}
.legacy-ui #log_entry form button.log svg .stop-0 {
stop-color: var(--stop-0-color);
}
.legacy-ui #log_entry form button.log svg .stop-1 {
stop-color: var(--stop-1-color);
}
.legacy-ui #log_entry form button.log svg .stop-2 {
stop-color: var(--stop-2-color);
}
.legacy-ui #log_entry form button.log svg .stop-3 {
stop-color: var(--stop-3-color);
}
.legacy-ui #log_entry form .loading {
position: absolute;
top: 14px;
right: 46px;
}
.legacy-ui #log_entry #task_dropdown, .legacy-ui #log_entry #contact_dropdown {
position: absolute;
list-style: none;
background: #ffffff;
border: 1px solid #78ac22;
border-top: 0;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
z-index: 60;
padding: 5px 0 0px;
}
.legacy-ui #log_entry #task_dropdown li, .legacy-ui #log_entry #contact_dropdown li {
padding: 5px;
max-width: 500px;
overflow: hidden;
text-overflow: ellipsis;
}
.legacy-ui #log_entry #task_dropdown li.project span, .legacy-ui #log_entry #task_dropdown li.project strong, .legacy-ui #log_entry #contact_dropdown li.project span, .legacy-ui #log_entry #contact_dropdown li.project strong {
display: block;
}
.legacy-ui #log_entry #task_dropdown li.project strong, .legacy-ui #log_entry #contact_dropdown li.project strong {
font-weight: bold;
}
.legacy-ui #log_entry #task_dropdown li.project span, .legacy-ui #log_entry #contact_dropdown li.project span {
font-size: 12px;
}
.legacy-ui #log_entry #task_dropdown li.project.last-project, .legacy-ui #log_entry #contact_dropdown li.project.last-project {
border-bottom: 1px dashed #ccc;
margin-bottom: 2px;
}
.legacy-ui #log_entry #task_dropdown li.selected, .legacy-ui #log_entry #contact_dropdown li.selected {
background: #dde3e9;
cursor: pointer;
}
.legacy-ui #log_entry #task_dropdown li.pinned, .legacy-ui #log_entry #contact_dropdown li.pinned {
padding-right: 30px;
background-image: url("/assets/pinned-9b54db88.png");
background-repeat: no-repeat;
background-position: 97% center;
}
.legacy-ui #log_entry #task_dropdown li.manage, .legacy-ui #log_entry #contact_dropdown li.manage {
border-top: 1px solid #78ac22;
margin-top: 5px;
overflow: hidden;
}
.legacy-ui #log_entry #task_dropdown li.manage .left, .legacy-ui #log_entry #contact_dropdown li.manage .left {
line-height: 20px;
margin-right: 10px;
}
.legacy-ui #log_entry #task_dropdown li.manage .right .icon, .legacy-ui #log_entry #contact_dropdown li.manage .right .icon {
margin-left: 5px;
}
.legacy-ui #log_entry #task_dropdown li.new span.icon, .legacy-ui #log_entry #contact_dropdown li.new span.icon {
float: right;
margin-top: -2px;
}
.legacy-ui #log_entry #task_dropdown .dropdown_summary, .legacy-ui #log_entry #contact_dropdown .dropdown_summary {
margin-right: 10px;
}
.legacy-ui #log_entry #task_dropdown #task_detail_dropdown, .legacy-ui #log_entry #contact_dropdown #task_detail_dropdown {
border-top: none !important;
margin-top: 0 !important;
padding-top: 0 !important;
}
.legacy-ui #log_entry #task_dropdown #task_detail_dropdown .left, .legacy-ui #log_entry #contact_dropdown #task_detail_dropdown .left {
font-style: normal;
font-size: 15px;
}
.legacy-ui #log_entry #task_dropdown #task_detail_dropdown #task_detail_title, .legacy-ui #log_entry #contact_dropdown #task_detail_dropdown #task_detail_title {
text-transform: uppercase;
font-size: 12px;
color: #555;
display: inline-block;
min-width: 150px;
text-align: center;
}
.legacy-ui #log_entry #task_dropdown #task_detail_dropdown #task_detail_value, .legacy-ui #log_entry #contact_dropdown #task_detail_dropdown #task_detail_value {
text-align: center;
}
.legacy-ui #log_entry #task_dropdown #task_detail_dropdown #task_detail_value span, .legacy-ui #log_entry #contact_dropdown #task_detail_dropdown #task_detail_value span {
padding: 2px 6px 2px 6px;
border: 1px solid #7594aa;
display: inline-block;
border-radius: 4px;
min-width: 120px;
font-size: 12px;
text-align: left;
}
.legacy-ui #log_bar_flags {
position: absolute;
top: -25px;
left: 185px;
}
.legacy-ui #log_bar_flags .flag {
float: left;
z-index: 9999;
padding: 0px 8px;
background: #8BC728;
color: #fff;
margin-right: 2px;
border: 1px solid #78AC22;
border-bottom: none;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
line-height: 25px;
height: 25px;
}
.legacy-ui #log_bar_flags .flag .cancel {
cursor: pointer;
font-size: 12px;
text-decoration: none;
padding: 0 0 0 4px;
font-weight: bold;
}
.legacy-ui #log_bar_flags .flag .cancel:hover {
color: #fff;
}
.legacy-ui #log_for_user_account img {
vertical-align: middle;
display: inline-block;
margin-right: 5px;
width: 20px;
height: 20px;
border-radius: 100%;
}
.legacy-ui #log_entry #timer {
flex: 0 0 auto;
min-width: 40px;
height: 36px;
background-position: top left;
background: linear-gradient(180deg, rgb(179, 197, 212) 0%, rgb(164, 181, 196) 50%, rgb(181, 195, 207) 50%, rgb(168, 181, 193) 100%);
border-radius: 8px;
cursor: pointer;
}
.legacy-ui #log_entry #timer.off:not(.paused) {
opacity: 0.45;
}
.legacy-ui #log_entry #timer.off:not(.paused):hover {
opacity: 0.6;
}
.legacy-ui #log_entry #timer.off:not(.paused) .timer-icon {
display: block;
margin: 4px 6px;
color: #fff;
fill: #fff;
}
.legacy-ui #log_entry #timer .time {
font-size: 18px;
font-weight: bold;
color: #ffffff;
padding: 0 12px;
line-height: 38px;
min-height: 38px;
display: none;
}
.legacy-ui #log_entry #timer .time sup {
font-size: 15px;
line-height: 38px;
opacity: 0.75;
}
.legacy-ui #log_entry #timer .timer-icon {
display: none;
}
.legacy-ui #log_entry #timer:hover, .legacy-ui #log_entry #timer.selected {
opacity: 0.8;
}
.legacy-ui #log_entry #timer.on .time {
display: block;
}
.legacy-ui #log_entry #timer.on:hover, .legacy-ui #log_entry #timer.on.selected {
opacity: 0.9;
}
.legacy-ui #log_entry #timer.paused .time {
display: block;
}
.legacy-ui #log_entry #timer.paused:hover, .legacy-ui #log_entry #timer.paused.selected {
opacity: 0.9;
}
.legacy-ui #log_entry #notification_holder {
position: relative;
width: 960px;
margin: 0 auto;
}
.legacy-ui #log_entry #logged_notification {
line-height: 28px;
padding: 0 20px;
font-size: 13px;
margin: 0 auto;
position: absolute;
top: 0px;
left: 215px;
text-align: center;
background: #eff4f8;
border-bottom: 1px solid #c4c9cf;
border-right: 1px solid #c4c9cf;
}
.legacy-ui #log_entry #logged_notification.rounded {
border-radius: 10px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.legacy-ui #reports {
min-height: 400px; /* HAX for the dropdowns */
padding-top: 5px;
}
.legacy-ui #projects_selector li.real_entity input {
float: left;
}
.legacy-ui #projects_selector li.real_entity span {
line-height: 15px;
display: block;
margin-left: 21px;
padding: 2px 0;
}
.legacy-ui #projects_selector li.real_entity span small {
display: block;
font-size: 12px;
}
.legacy-ui .period .report_num.billable_amount .num-group {
min-height: 36px;
}
.legacy-ui .period .report_num.billable_amount span, .legacy-ui .period .report_num.billable_amount .big {
font-size: 12px;
line-height: 12px;
display: inline-block;
padding: 0 5px;
word-wrap: nowrap;
}
.legacy-ui .period .report_num.billable_amount span em, .legacy-ui .period .report_num.billable_amount .big em {
font-style: normal;
}
.legacy-ui .period .report_num.billable_amount span small, .legacy-ui .period .report_num.billable_amount .big small {
font-size: 11px;
line-height: 11px; /* orig: 10px */
padding-left: 2px;
}
.legacy-ui .period .report_num.billable_amount .c-1 span.big {
font-size: 32px;
line-height: 30px;
}
.legacy-ui .period .report_num.billable_amount .c-2 span.big {
font-size: 18px;
line-height: 16px;
display: block;
}
.legacy-ui #reports_form_box {
position: relative;
margin-top: 30px;
z-index: 40;
}
.legacy-ui #reports #task_detail_input input {
width: 200px;
border: 1px solid #DDE3E9;
padding: 3px;
border-radius: 5px;
font-size: 13px;
line-height: 16px;
}
.legacy-ui #reports #task_detail_input input.placeholder {
color: #666;
}
.legacy-ui #reports #task_detail_input input.withicon {
background-position: 4px 3px;
padding-left: 25px;
background-repeat: no-repeat;
}
.legacy-ui #reports #report_selectors {
list-style: none;
margin: 0;
padding: 5px 10px 44px 10px;
position: relative;
clear: both;
}
.legacy-ui .pinned_report_container {
position: relative;
float: right;
top: -5px;
}
.legacy-ui #reports #pinned_reports_selector {
padding-top: 5px;
}
.legacy-ui #reports #report_selectors li.selector.right {
float: right;
}
.legacy-ui #reports #report_selectors #pinned_reports_selector {
min-width: 250px;
}
.legacy-ui #reports #report_selectors #pinned_reports_selector .title {
float: right;
}
.legacy-ui #reports #report_selectors #pinned_reports_selector li a {
display: block;
color: #333333;
text-decoration: none;
padding: 2px 4px;
}
.legacy-ui li.selector {
position: relative;
float: left;
padding: 0 2px;
}
.legacy-ui #reports h3 {
text-transform: uppercase;
font-weight: bold;
}
.legacy-ui #reports #report_description {
margin: -10px 0 0 0;
padding: 0 0 15px 15px;
font-size: 15px;
}
.legacy-ui #reports #report_description .title_column {
/* float: left;
width: 90px;*/
color: #AC8022;
text-transform: uppercase;
}
.legacy-ui #reports #report_description .value_column {
/* margin-left: 90px;
display: block; */
}
.legacy-ui #reports #view_container {
padding: 15px 0 0 0;
}
.legacy-ui #reports #overlay_container {
position: relative;
height: 0;
}
.legacy-ui #reports #overlay_container #reports_overlay {
background: #f0f0f0;
position: absolute;
top: 0;
left: 0;
z-index: 30;
}
.legacy-ui #reports #overlay_container #regenerate_box, .legacy-ui #reports #overlay_container #errors_box, .legacy-ui #reports #overlay_container #fail_box {
position: absolute;
top: 100px;
left: 265px;
width: 350px;
z-index: 31;
}
.legacy-ui #select_pinned_report .collapsable {
left: auto;
right: -1px;
border-top-right-radius: 0;
border-top-left-radius: 10px;
}
.legacy-ui #select_pinned_report .collapsable ul {
margin-top: 3px;
}
.legacy-ui #select_pinned_report .collapsable li a {
display: block;
color: #333333;
text-decoration: none;
padding: 3px;
}
.legacy-ui #reports .report_num {
width: 190px;
}
.legacy-ui #reports .report_num .name {
margin-right: 0 !important;
width: auto;
}
.legacy-ui #reports .report_num .percent_change {
display: none;
}
.legacy-ui #reports .report_num .percent_change sup {
font-size: 18px;
position: relative;
top: -5px;
line-height: 15px;
}
.legacy-ui #reports .report_num .percent_change .up {
color: #659318;
}
.legacy-ui #reports .report_num .percent_change .down {
color: #f02d00;
}
.legacy-ui #reports .report_num.with_hover:hover {
cursor: pointer;
}
.legacy-ui #reports .report_num.with_hover:hover .percent_change {
display: block;
}
.legacy-ui #reports .report_num.with_hover:hover .number {
display: none;
}
.legacy-ui #reports .report_node {
float: left;
width: 440px;
height: 270px;
display: block;
color: #333333;
padding: 5px 5px 5px 5px !important;
margin: 5px;
position: relative;
}
.legacy-ui #reports .report_node .name {
text-transform: uppercase;
font-weight: bold;
text-align: center;
}
.legacy-ui #reports .report_node .export {
display: none;
position: absolute;
right: 8px;
top: 5px;
font-size: 12px;
background: url("/assets/export-csv-6919fe6f.png") top left no-repeat;
width: 32px;
height: 32px;
z-index: 29; /* Multiselector is 32, overlay is 30 */
}
.legacy-ui #reports .report_node:hover .export {
display: block;
}
.legacy-ui #reports .report_node .export:hover {
border: 1px solid #C4C9CF;
border-radius: 5px;
top: 4px;
right: 4px;
background-position: 3px 0px;
padding: 0 3px 2px 3px;
}
.legacy-ui #reports .report_num .name {
text-align: center;
}
.legacy-ui #users_chart, .legacy-ui #contacts_chart, .legacy-ui #tasks_chart, .legacy-ui #time_chart, .legacy-ui #hourly_rate_chart, .legacy-ui #projects_chart {
width: 430px;
height: 240px;
}
.legacy-ui #time_line_chart {
width: 190px;
height: 36px;
}
.legacy-ui #range_selector {
list-style: none;
margin-left: 8px;
padding-top: 10px;
}
.legacy-ui #range_selector #range_invoice {
margin-right: 10px;
}
.legacy-ui #range_selector li {
float: left;
z-index: 40;
height: 26px;
line-height: 26px;
background: #c5c5c5;
border-radius: 6px;
color: #333;
padding: 0 10px;
margin-left: 4px;
color: #333333;
cursor: pointer;
font-size: 15px;
}
.legacy-ui #range_selector li a {
color: #fff;
text-decoration: none;
}
.legacy-ui #range_selector li:hover {
background: #b5b5b5;
}
.legacy-ui #range_selector li.current {
background: #ef8585;
color: #fff;
}
.legacy-ui #reports li.current #report_formatted_range_start, .legacy-ui #reports li.current #report_formatted_range_end,
.legacy-ui #reports li.current #invoice_report_attributes_formatted_range_start, .legacy-ui #reports li.current #invoice_report_attributes_formatted_range_end {
display: inline-block;
}
.legacy-ui #reports #report_formatted_range_start, .legacy-ui #reports #report_formatted_range_end,
.legacy-ui #reports #invoice_report_attributes_formatted_range_start, .legacy-ui #reports #invoice_report_attributes_formatted_range_end {
width: 70px;
display: none;
color: #333333;
border-radius: 3px;
padding: 3px;
font-size: 12px;
background: rgba(255, 255, 255, 0.75);
border: 1px solid rgba(0, 0, 0, 0.4);
position: relative;
top: -1px;
}
.legacy-ui form.new_goal li.tasks_selector, .legacy-ui form.edit_goal li.tasks_selector {
clear: left;
}
.legacy-ui #goal {
width: 325px !important;
overflow: visible;
}
.legacy-ui #goals #goal-holder {
min-height: 600px;
}
.legacy-ui #goals h3:where(:not(.tw, .tw *)) {
font-size: 18px;
margin: 30px 0 10px 15px;
color: #AC8022;
}
.legacy-ui #goals .goals .goal {
height: auto;
padding: 10px;
}
.legacy-ui #goals .goals .goal:hover .edit, .legacy-ui #goals .goals .goal:hover .delete {
visibility: visible;
}
.legacy-ui #goals .goals .goal .edit, .legacy-ui #goals .goals .goal .delete {
visibility: hidden;
}
.legacy-ui #goals .goals .goal h2:where(:not(.tw, .tw *)) {
padding: 0px;
margin: 5px 40px 5px 5px;
font-size: 15px;
font-weight: bold;
color: #333333;
}
.legacy-ui #goals .goals .goal .hours {
color: #ac8022;
margin: 5px;
text-decoration: none;
}
.legacy-ui #goals .goals .goal .hours:hover {
text-decoration: underline;
}
.legacy-ui #goals .goals .goal .actions {
opacity: 1;
visibility: visible;
position: absolute;
width: 20px;
right: 10px;
top: 8px;
}
.legacy-ui #goals .goals .goal .actions .icon {
margin-bottom: 2px !important;
}
.legacy-ui #goals .goals .goal .icon {
float: right;
}
.legacy-ui #goals .goals .goal .goal_text {
height: 75px;
}
.legacy-ui #goal_summary.strong-cols strong {
width: 72px;
}
.legacy-ui #goal_summary_hours {
font-weight: bold;
}
.legacy-ui .goals .goal.collapsed {
/* width: 500px;*/
height: 35px;
clear: both;
}
.legacy-ui .goals .goal.collapsed:hover {
cursor: pointer;
}
.legacy-ui .goals .goal .icon {
float: right;
margin-left: 5px;
}
.legacy-ui .goals .goal .name, .legacy-ui .goals .goal .description {
line-height: 35px;
}
.legacy-ui .goals .goal .name {
display: inline-block;
font-weight: bold;
}
.legacy-ui .goals .goal.collapsed .description {
display: none;
}
.legacy-ui .goals .goal .hours {
line-height: 22px;
}
.legacy-ui #create_invoice .quicklinks {
margin-top: 20px;
}
.legacy-ui #create_invoice .quicklink {
margin: 0 5px 5px 0;
white-space: nowrap;
}
.legacy-ui #invoice_contact_selector {
float: right;
margin-top: -3px;
}
.legacy-ui .module #invoice_contact_selector {
float: left;
margin-top: 5px;
}
.legacy-ui .module #invoice_contact_selector input:where(:not(.tw, .tw *)) {
width: 260px !important;
}
.legacy-ui .module #invoice_contact_selector ul:where(:not(.tw, .tw *)) {
width: 276px !important;
}
.legacy-ui #invoice_contact_selector strong:where(:not(.tw, .tw *)) {
font-size: 18px;
padding-right: 10px;
color: #78ac22;
}
.legacy-ui #invoice_contact_selector input:where(:not(.tw, .tw *)) {
width: 175px !important;
background: #fff;
}
.legacy-ui #invoice_contact_selector .col {
float: left;
width: 50%;
}
.legacy-ui #invoice_contact_selector .col h3 {
font-weight: bold;
}
.legacy-ui #invoice_contact_selector .col p {
padding: 0;
}
.legacy-ui #invoice_contact_selector ul:where(:not(.tw, .tw *)) {
background: #ffffff;
overflow: hidden;
margin: -5px 0 0 0px;
border: 1px solid #78ac22;
border-top: 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
z-index: 30;
padding: 5px 0;
width: 191px;
}
.legacy-ui #invoice_contact_selector ul li {
padding: 5px;
}
.legacy-ui #invoice_contact_selector ul li.selected {
background: #eff4f8;
cursor: pointer;
}
.legacy-ui #invoice_contact_selector ul li.pinned {
padding-right: 30px;
background-image: url("/assets/pinned-9b54db88.png");
background-repeat: no-repeat;
background-position: 97% center;
}
.legacy-ui #invoice_contact_selector ul li.manage {
border-top: 1px solid #78ac22;
margin-top: 5px;
overflow: hidden;
}
.legacy-ui #invoice_contact_selector ul li.manage .left {
line-height: 20px;
margin-right: 10px;
}
.legacy-ui #invoice_contact_selector ul li.contact {
display: block;
padding: 1em;
background: #ffffff;
border: solid #c00000 1px;
}
.legacy-ui #invoice_contact_selector ul.droppable_hover {
background: #000000;
}
.legacy-ui #invoices_reports_filter {
position: relative;
}
.legacy-ui #invoice #reports h2:where(:not(.tw, .tw *)) {
padding-left: 15px;
}
.legacy-ui #invoice .errorExplanation {
padding-left: 15px;
margin-bottom: 15px;
}
.legacy-ui #invoice_expenses_modal table:where(:not(.tw, .tw *)) td:where(:not(.tw, .tw *)), .legacy-ui #invoice_expenses_modal table:where(:not(.tw, .tw *)) th:where(:not(.tw, .tw *)) {
padding: 5px 8px;
}
.legacy-ui #invoice_expenses_modal table:where(:not(.tw, .tw *)) td:where(:not(.tw, .tw *)).check, .legacy-ui #invoice_expenses_modal table:where(:not(.tw, .tw *)) th:where(:not(.tw, .tw *)).check {
padding: 5px 0;
width: 16px;
text-align: center;
}
.legacy-ui #invoice_expenses_modal table:where(:not(.tw, .tw *)) tr:hover:not(.selected) td:where(:not(.tw, .tw *)) {
background: #f8f8f8;
}
.legacy-ui #invoice_expenses_modal table:where(:not(.tw, .tw *)) tr.selected td:where(:not(.tw, .tw *)) {
background: #f5f5f5;
}
.legacy-ui #invoice_quick_links {
margin-bottom: 15px;
overflow: hidden;
}
.legacy-ui #invoice_quick_links .box {
float: left;
width: 170px;
height: 92px;
padding: 15px;
margin-right: 5px;
text-align: center;
cursor: pointer;
}
.legacy-ui #invoice_quick_links .box:last-child {
margin-right: 0;
}
.legacy-ui #invoice_quick_links .box .hour_total, .legacy-ui #invoice_quick_links .box .caption {
transition: color 0.1s;
}
.legacy-ui #invoice_quick_links .box .hour_total {
font-size: 38px;
line-height: 36px;
}
.legacy-ui #invoice_quick_links .box .caption {
line-height: 24px;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 10px 0;
}
.legacy-ui #invoice_quick_links .box .caption .period {
margin: 0;
}
.legacy-ui #invoice_quick_links .box:hover .caption, .legacy-ui #invoice_quick_links .box:hover .hour_total {
color: #78ac22;
}
.legacy-ui #invoice_quick_links .box .radio input {
font-size: 26px;
}
.legacy-ui #invoice_quick_links .box.selected {
/*
background: #AC8022;
color: #fff;
border-bottom: solid rgba(0, 0, 0, 0.2) 1px;
border-right: solid rgba(0, 0, 0, 0.2) 1px;
border-top: solid rgba(255, 255, 255, 0.2) 1px;
border-left: solid rgba(255, 255, 255, 0.2) 1px;
*/
}
.legacy-ui #invoice_quick_links .box.selected .caption, .legacy-ui #invoice_quick_links .box.selected .hour_total {
color: #AC8022;
}
.legacy-ui #invoice_quick_links .or {
position: relative;
float: left;
width: 30px;
padding: 15px;
}
.legacy-ui #invoice_quick_links .or .line {
margin: 0 auto;
width: 1px;
height: 92px;
background: #cbd2d9;
border-right: 1px solid #eff4f8;
}
.legacy-ui #invoice_quick_links .or .label {
position: absolute;
top: 50px;
left: 0px;
right: 1px;
font-size: 15px;
font-weight: bold;
color: #999;
background: #F9F9F9;
line-height: 24px;
text-align: center;
}
.legacy-ui #total_money {
float: right;
margin: 0 15px 0 0;
line-height: 30px;
font-size: 15px;
}
.legacy-ui #total_money .label {
color: #999;
font-size: 13px;
}
.legacy-ui #total_money .money {
font-size: 18px;
font-weight: bold;
}
.legacy-ui #custom_invoice {
margin-top: 50px;
}
.legacy-ui #invoice-settings {
line-height: 25px;
}
.legacy-ui #invoice-settings .info {
padding-left: 105px;
}
.legacy-ui #invoice-settings strong.label {
display: inline-block;
margin-left: -90px;
}
.legacy-ui #invoice-settings label > input:where(:not(.tw, .tw *)) {
margin-left: 0;
}
.legacy-ui #invoice-settings hr:where(:not(.tw, .tw *)) {
margin: 0;
}
.legacy-ui #invoice-settings .label {
float: left;
display: inline-block;
width: 90px;
font-size: 15px;
}
.legacy-ui #invoice-settings a.action_button {
margin: 0 5px 0 0;
}
.legacy-ui #invoice-settings label:where(:not(.tw, .tw *)) {
font-weight: normal;
cursor: pointer;
}
.legacy-ui #invoice-settings input:where(:not(.tw, .tw *)) {
width: auto;
line-height: 16px;
font-size: 13px !important;
margin: 0 3px 0 17px;
}
.legacy-ui #invoice-settings input:where(:not(.tw, .tw *)).first {
margin-left: 0;
}
.legacy-ui #invoice-settings a.description-customize {
margin: 2px 0 0 5px;
}
.legacy-ui #invoice-settings .token {
float: left;
width: 730px;
background: #fff;
min-width: 90px;
line-height: 16px;
font-size: 13px !important;
cursor: pointer;
user-select: none;
}
.legacy-ui #invoice-settings .token span:where(:not(.tw, .tw *)) {
display: inline-block;
background: #DDE3E9;
border-radius: 5px;
padding: 1px 6px 1px 6px;
text-transform: uppercase;
font-size: 12px;
}
.legacy-ui #invoice-settings .token span:where(:not(.tw, .tw *)):hover {
background: #A7C2D6;
color: #fff;
}
.legacy-ui #invoice-settings .token span:where(:not(.tw, .tw *)).active {
background: #7594AA;
color: #fff;
}
.legacy-ui #invoice-settings .token.disabled span:hover {
background: #DDE3E9;
color: #333333;
}
.legacy-ui #invoice-settings .token.disabled span:hover.active {
background: #7594AA;
color: #fff;
}
.legacy-ui #invoice-settings .tax-rate-select {
float: left;
}
.legacy-ui #invoice-settings .splitter {
float: left;
height: 62px;
margin: -20px 10px;
width: 1px;
background: #fff;
border-left: 1px solid #DDE3E9;
}
@media (min-width: 1000px) {
.legacy-ui #invoice .invoice-table-wrapper {
margin-left: -50px;
margin-right: -50px;
}
}
@media (min-width: 1120px) {
.legacy-ui #invoice .invoice-table-wrapper {
margin-left: -100px;
margin-right: -100px;
}
}
@media (min-width: 1200px) {
.legacy-ui #invoice .invoice-table-wrapper {
margin-left: -150px;
margin-right: -150px;
}
}
.legacy-ui #invoice .invoice-table-wrapper > table {
width: 100%;
}
.legacy-ui .invoices th:where(:not(.tw, .tw *)) {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.legacy-ui .invoices th:where(:not(.tw, .tw *)), .legacy-ui .invoices td:where(:not(.tw, .tw *)) {
padding: 10px 5px;
}
.legacy-ui .invoices th:where(:not(.tw, .tw *)), .legacy-ui .invoices th:where(:not(.tw, .tw *)) *, .legacy-ui .invoices td:where(:not(.tw, .tw *)), .legacy-ui .invoices td:where(:not(.tw, .tw *)) * {
box-sizing: border-box;
}
.legacy-ui .invoices th select:where(:not(.tw, .tw *)), .legacy-ui .invoices th input:where(:not(.tw, .tw *)), .legacy-ui .invoices th textarea:where(:not(.tw, .tw *)), .legacy-ui .invoices td select:where(:not(.tw, .tw *)), .legacy-ui .invoices td input:where(:not(.tw, .tw *)), .legacy-ui .invoices td textarea:where(:not(.tw, .tw *)) {
width: 100%;
}
.legacy-ui .invoices .invoice-checkbox {
width: 42px;
}
.legacy-ui .invoices .invoice-checkbox input:where(:not(.tw, .tw *)) {
position: relative;
left: 5px;
}
.legacy-ui .invoices .invoice-delete {
text-align: right;
}
.legacy-ui .invoices .invoice-description textarea:where(:not(.tw, .tw *)) {
resize: vertical;
display: block;
}
.legacy-ui .invoices .invoice-account {
width: 150px;
}
.legacy-ui .invoices .invoice-tax-rate {
width: 125px;
}
.legacy-ui .invoices .invoice-quantity {
width: 60px;
}
.legacy-ui .invoices .invoice-rate {
width: 85px;
}
.legacy-ui .invoices .invoice-rate input:where(:not(.tw, .tw *)) {
width: 65px;
}
.legacy-ui .invoices .invoice-amount {
width: 100px;
}
.legacy-ui .invoices .invoice-integration-xero-item, .legacy-ui .invoices .invoice-integration-quick-books-class-value {
width: 120px;
}
.legacy-ui .invoices .invoice-integration-xero-tracking-category {
width: 100px;
}
.legacy-ui .invoices .invoice-delete {
width: 40px;
}
.legacy-ui .invoices .drag-handle {
cursor: pointer; /* The drag handle */
display: none;
}
.legacy-ui .invoices .sortable_line_item {
cursor: move;
}
.legacy-ui #invoice div.more-info {
color: #999999;
font-size: 12px !important;
padding: 10px;
text-align: center;
}
.legacy-ui .new_invoice input:where(:not(.tw, .tw *)) {
background: #ffffff;
color: #333333;
border-radius: 3px;
padding: 3px;
font-size: 13px;
border: 1px solid #7594aa;
}
.legacy-ui .new_invoice select:where(:not(.tw, .tw *)) {
background: #ffffff;
color: #333333;
border-radius: 3px;
padding: 3px;
font-size: 13px;
border: 1px solid #7594aa;
}
.legacy-ui #invoice h4.short_code {
margin: 0;
color: #333333;
}
.legacy-ui #invoice #actions {
float: right;
width: 200px;
}
.legacy-ui #invoice #contact_details {
float: right;
width: 350px;
padding: 0 15px 15px 0;
}
.legacy-ui #invoice #contact_details #name {
width: 230px;
float: left;
}
.legacy-ui #invoice #contact_details address {
width: 120px;
float: right;
text-align: right;
font-style: normal;
font-size: 12px;
}
.legacy-ui #has_sending_issues {
margin-bottom: 15px;
font-size: 16px;
background: #F05A50 !important;
color: #ffffff;
padding: 8px;
}
.legacy-ui #has_sending_issues {
line-height: 32px;
padding-left: 25px;
}
.legacy-ui #invoice #sent_to_xero a, .legacy-ui #invoice #sending_in_progress a, .legacy-ui #has_sending_issues a, .legacy-ui #sent_to_remote a {
color: #ffffff;
font-weight: bold;
}
.legacy-ui #invoice #sent_to_xero a:hover, .legacy-ui #invoice #sending_in_progress a:hover, .legacy-ui #invoice #has_sending_issues a:hover, .legacy-ui #sent_to_remote a:hover {
text-decoration: none;
}
.legacy-ui #invoice #sent_to_xero img, .legacy-ui #invoice #sending_in_progress img, .legacy-ui #invoice #has_sending_issues img, .legacy-ui #sent_to_remote img {
vertical-align: middle;
padding: 0 5px 0 0;
}
.legacy-ui #invoice table.line_items {
border-collapse: collapse;
width: 100%;
margin-top: 10px;
}
.legacy-ui #invoice table.line_items th:where(:not(.tw, .tw *)) {
font-size: 15px;
text-align: left;
color: #333333;
padding: 5px;
border-bottom: solid #eff4f8 1px;
}
.legacy-ui #invoice table.line_items td:where(:not(.tw, .tw *)) {
padding: 10px 5px;
text-align: center;
vertical-align: top;
}
.legacy-ui #invoice tr.item td:where(:not(.tw, .tw *)) {
vertical-align: top;
}
.legacy-ui #invoice tr.item td:where(:not(.tw, .tw *)) input.checkbox {
width: auto;
}
.legacy-ui #invoice tr.item span.total,
.legacy-ui #invoice tr.item-total span.total {
font-size: 15px;
font-weight: bold;
}
.legacy-ui #invoice tr.item.selected td:where(:not(.tw, .tw *)) {
background: #eef0de;
}
.legacy-ui .new_invoice input:where(:not(.tw, .tw *)) {
background: #ffffff;
color: #333333;
border-radius: 3px;
padding: 3px;
font-size: 13px;
border: 1px solid #7594aa;
}
.legacy-ui .new_invoice select:where(:not(.tw, .tw *)) {
background: #ffffff;
color: #333333;
border-radius: 3px;
padding: 3px;
font-size: 13px;
border: 1px solid #7594aa;
}
.legacy-ui .new_invoice select option.default { /* font-style: italic; */ }
.legacy-ui #invoice h4.short_code {
margin: 0;
color: #333333;
}
.legacy-ui #invoice #actions {
float: right;
width: 200px;
}
.legacy-ui #invoice #contact_details {
float: right;
width: 350px;
padding: 0 15px 15px 0;
}
.legacy-ui #invoice #contact_details #name {
width: 230px;
float: left;
}
.legacy-ui #invoice #contact_details address {
width: 120px;
float: right;
text-align: right;
font-style: normal;
font-size: 12px;
}
.legacy-ui #has_sending_issues {
margin-bottom: 15px;
font-size: 15px;
background: #F05A50;
border-radius: 10px;
color: #ffffff;
padding: 8px;
}
.legacy-ui #has_sending_issues {
line-height: 32px;
padding-left: 25px;
}
.legacy-ui #invoice #sent_to_xero a, .legacy-ui #invoice #sending_in_progress a, .legacy-ui #has_sending_issues a, .legacy-ui #sent_to_remote a {
color: #ffffff;
font-weight: bold;
}
.legacy-ui #invoice #sent_to_xero a:hover, .legacy-ui #invoice #sending_in_progress a:hover, .legacy-ui #invoice #has_sending_issues a:hover, .legacy-ui #sent_to_remote a:hover {
text-decoration: none;
}
.legacy-ui #invoice #sent_to_xero img, .legacy-ui #invoice #sending_in_progress img, .legacy-ui #invoice #has_sending_issues img, .legacy-ui #sent_to_remote img {
vertical-align: middle;
padding: 0 5px 0 0;
}
.legacy-ui #invoice table.line_items {
border-collapse: collapse;
width: 100%;
margin-top: 10px;
}
.legacy-ui #invoice table.line_items th:where(:not(.tw, .tw *)) {
font-size: 15px;
text-align: left;
color: #333333;
padding: 5px;
border-bottom: solid #eff4f8 1px;
}
.legacy-ui #invoice table.line_items td:where(:not(.tw, .tw *)) {
padding: 10px 5px;
text-align: center;
vertical-align: top;
}
.legacy-ui #invoice tr.item td:where(:not(.tw, .tw *)) {
vertical-align: top;
}
.legacy-ui #invoice tr.item td input.checkbox:where(:not(.tw, .tw *)) {
width: auto;
}
.legacy-ui #invoice tr.item span.total,
.legacy-ui #invoice tr.item-total span.total {
font-size: 15px;
font-weight: bold;
}
.legacy-ui #invoice tr.item.selected td:where(:not(.tw, .tw *)) {
background: #eef0de;
}
.legacy-ui .plan_options, .legacy-ui .change_plan, .legacy-ui .plan {
overflow: visible;
}
.legacy-ui .current_plan h4.subtitle {
color: #777;
text-transform: uppercase;
margin: 0 0 10px 0;
font-size: 13px;
}
.legacy-ui .change_plan h3 {
margin-bottom: 6px;
}
.legacy-ui .plan_table {
width: 100%;
}
.legacy-ui .plan_table tr:hover td {
border-bottom: 1px solid #78ac22;
}
.legacy-ui .plan_table tr.even, .legacy-ui .plan_table tr.odd {
background-color: #fff;
}
.legacy-ui .plan_table th,
.legacy-ui .plan_table td {
padding: 0;
padding-right: 10px;
line-height: 18px;
position: relative;
vertical-align: middle;
}
.legacy-ui .plan_table th {
color: #777;
padding-bottom: 10px;
}
.legacy-ui .plan_table th:first-child {
padding-left: 10px;
}
.legacy-ui .plan_table td.name,
.legacy-ui .plan_table td.users,
.legacy-ui .plan_table td.plan-price {
font-weight: bold;
font-size: 15px;
text-align: left;
}
.legacy-ui .plan_table .pricing-plan.selected .plan-button {
display: none;
}
.legacy-ui .plan_table .pricing-plan.selected .plan-selected {
display: block !important;
}
.legacy-ui .plan_table td.name {
padding: 10px;
line-height: 18px;
}
.legacy-ui .plan_table td.name h4 {
font-size: 18px;
}
.legacy-ui .plan_table td.name small,
.legacy-ui .plan_table td.plan-price small {
font-size: 12px;
font-weight: normal;
display: block;
}
.legacy-ui .plan_table td.button,
.legacy-ui .plan_table th.button {
padding-right: 0;
}
.legacy-ui .plan_table .tick {
margin-right: 5px;
}
.legacy-ui img.recommended_plan {
position: absolute;
top: -23px;
right: -125px;
}
.legacy-ui .price {
line-height: 32px;
}
.legacy-ui .price span {
font-size: 34px;
}
.legacy-ui .price .caption {
text-transform: uppercase;
line-height: 1.2em;
color: #777;
margin-bottom: 8px;
}
.legacy-ui p.discount {
margin-bottom: 0 !important;
}
.legacy-ui .inline.info {
line-height: 32px;
color: #777;
padding: 0;
margin: 0;
}
.legacy-ui #entries_user_account_switcher_wrapper {
overflow: hidden;
}
.legacy-ui #entries_user_account_switcher_wrapper .add-entry-button {
margin-top: 10px;
float: left;
opacity: 0;
}
.legacy-ui #entries_user_account_switcher_wrapper:hover .add-entry-button {
opacity: 0.4;
}
.legacy-ui #entries_user_account_switcher_wrapper:hover .add-entry-button:hover {
opacity: 1;
}
.legacy-ui #entries_user_account_switcher {
position: absolute;
top: 40px;
left: 0;
right: 0;
overflow: hidden;
background: #ffffff;
border: 1px solid #C4C9CF;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-right-radius: 8px;
padding: 4px 10px 10px 4px;
box-shadow: 1px 1px 4px #C4C9CF;
z-index: 100;
max-height: 308px;
overflow-y: auto;
}
.legacy-ui #entries_user_account_switcher.user-account-switcher-2, .legacy-ui #entries_user_account_switcher.user-account-switcher-3, .legacy-ui #entries_user_account_switcher.user-account-switcher-4, .legacy-ui #entries_user_account_switcher.user-account-switcher-5, .legacy-ui #entries_user_account_switcher.user-account-switcher-6 {
right: auto;
width: 365px;
}
.legacy-ui #entries_user_account_switcher.user-account-switcher-6, .legacy-ui #entries_user_account_switcher.user-account-switcher-7, .legacy-ui #entries_user_account_switcher.user-account-switcher-8, .legacy-ui #entries_user_account_switcher.user-account-switcher-9 {
right: auto;
width: 548px;
}
.legacy-ui #entries_user_account_switcher .user-account-switcher-group-heading {
font-size: 18px;
margin: 20px 0 4px 12px;
}
.legacy-ui #entries_user_account_switcher .user-account-switcher-group-heading:first-child {
margin-top: 10px;
}
.legacy-ui #entries_user_account_switcher ul {
overflow: hidden;
}
.legacy-ui #entries_user_account_switcher ul li.user_account {
overflow: hidden;
width: 175px;
float: left;
margin: 6px 0 0 6px;
}
.legacy-ui #entries_user_account_switcher ul li.user_account a:where(:not(.tw, .tw *)) {
display: block;
padding: 3px;
line-height: 24px;
border: 1px solid transparent;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.legacy-ui #entries_user_account_switcher ul li.user_account img {
border-radius: 100%;
float: left;
margin-right: 10px;
}
.legacy-ui #entries_user_account_switcher ul li.user_account strong {
font-size: 15px;
font-weight: normal;
}
.legacy-ui #entries_user_account_switcher ul li.user_account a:where(:not(.tw, .tw *)) {
color: inherit;
text-decoration: none;
}
.legacy-ui #entries_user_account_switcher ul li.user_account a.active {
border-radius: 3px;
background: #78ac22;
color: #fff;
}
.legacy-ui #entries_user_account_switcher ul li.user_account a:not(.active):hover {
border-radius: 3px;
background: #dde3e9;
}
.legacy-ui #entries_user_account_switcher_trigger {
float: left;
overflow: hidden;
text-decoration: none;
font-size: 26px;
display: inline-block;
border-radius: 6px;
color: #ac8022;
line-height: 40px;
height: 40px;
margin-left: 15px;
border: 1px solid transparent;
margin-right: 20px;
font-weight: normal;
transition: color 0.1s linear;
letter-spacing: -0.0225em;
}
.legacy-ui #entries_user_account_switcher_trigger i {
font-style: normal;
font-size: 12px;
vertical-align: middle;
}
.legacy-ui #entries_user_account_switcher_trigger.active {
background: #ffffff;
border: 1px solid #C4C9CF;
border-bottom-color: #fff;
border-radius: 0;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
padding: 0px 10px 0px 4px;
margin-left: 0;
padding-left: 15px;
position: relative;
z-index: 1001;
margin-right: 10px;
}
.legacy-ui #entries_user_account_switcher_trigger:hover, .legacy-ui #entries_user_account_switcher_trigger.active {
color: #333333;
}
.legacy-ui .calendar {
width: 245px;
z-index: 1000;
}
.legacy-ui .calendar table:where(:not(.tw, .tw *)) {
background: #ffffff;
border: 1px solid #c4c9cf;
width: 245px;
font-size: 95%;
margin-top: 2px;
}
.legacy-ui .calendar th:where(:not(.tw, .tw *)) {
line-height: 18px;
width: 35px;
}
.legacy-ui .calendar .weekend {
color: #95aabb;
}
.legacy-ui .calendar td:where(:not(.tw, .tw *)) {
padding: 2px;
text-align: center;
border: 0 !important;
}
.legacy-ui .calendar tr.days {
background: #ffffff;
border-bottom: 1px solid #dde3e9;
border-right: 1px solid #c4c9cf;
border-left: 1px solid #c4c9cf;
padding: 1px 0;
}
.legacy-ui .calendar tr.days td:hover {
background: #F9F9F9;
cursor: pointer;
color: #78ac22;
font-weight: bold;
}
.legacy-ui .calendar tr.days:last-child {
border-bottom: 1px solid #c4c9cf !important;
}
.legacy-ui .calendar td.selected {
color: #ffffff !important;
background: #78ac22 !important;
}
.legacy-ui .calendar td.today:hover {
background: #86c026;
}
.legacy-ui .calendar td.title {
font-size: 14px !important;
}
.legacy-ui .calendar td.button {
cursor: pointer;
color: #78ac22;
text-decoration: none;
line-height: 24px;
font-size: 26px;
}
.legacy-ui .calendar td.button:hover {
color: #86c026;
}
.legacy-ui .calendar td.otherDay {
background: #f2f2f2;
}
.legacy-ui .calendar td.futureDay, .legacy-ui .calendar td.futureDay:hover {
background: #e8e4e4 !important;
color: #b2b2b2 !important;
cursor: default !important;
font-weight: normal !important;
}
.legacy-ui .calendar.weekCalendar {
margin-top: -10px;
}
.legacy-ui .calendar.weekCalendar tr.days:hover td:where(:not(.tw, .tw *)), .legacy-ui .calendar.weekCalendar tr.days:hover td.selected {
background: #F9F9F9;
cursor: pointer;
color: #78ac22;
font-weight: bold;
}
.legacy-ui .calendar.weekCalendar tr.days.hasInitialSelected td, .legacy-ui .calendar.weekCalendar tr.days.hasInitialSelected td.selected, .legacy-ui .calendar.weekCalendar tr.days.hasInitialSelected td.futureDay, .legacy-ui .calendar.weekCalendar tr.days.hasInitialSelected tr.selected.futureDay {
color: #ffffff !important;
background: #78ac22 !important;
}
.legacy-ui .hollow_box {
border: 1px solid #C4C9CF;
padding: 8px;
border-radius: 10px;
margin-bottom: 15px;
color: #333333;
font-size: 15px;
min-height: 40px;
display: flex;
align-items: center;
gap: 10px;
}
.legacy-ui .hollow_box a {
color: #333333 !important;
}
.legacy-ui .hollow_box > p {
padding-left: 0 !important;
padding-right: 0 !important;
}
.legacy-ui .cards {
display: grid;
grid-template-columns: 220px 220px 220px 220px;
gap: 20px;
margin-bottom: 20px;
}
.legacy-ui .cards .card {
position: relative;
min-height: 100px;
background: #ffffff;
border: 1px solid #E8E8E8;
border-radius: 10px;
padding: 15px;
}
.legacy-ui .cards .card:hover .actions {
visibility: visible;
opacity: 1;
}
.legacy-ui .cards .card h4:where(:not(.tw, .tw *)) {
font-size: 15px;
font-weight: bold;
word-wrap: break-all;
text-overflow: ellipsis;
overflow: hidden;
}
.legacy-ui .cards .card .actions {
position: absolute;
margin-top: 6px;
bottom: 12px;
right: 12px;
visibility: hidden;
opacity: 0;
transition: opacity 0.2s;
}
.legacy-ui .cards .card .actions .action_button.left {
margin-right: 3px !important;
}
.legacy-ui .cards .card .actions .icon {
margin: 0 3px 0 0 !important;
}
.legacy-ui .cards .card .actions .icon:first-child {
margin-right: 0 !important;
}
.legacy-ui .cards .card .actions .icon.pin {
margin-right: 3px !important;
}
.legacy-ui .cards .card label:where(:not(.tw, .tw *)) {
font-size: 13px !important;
cursor: pointer;
}
.legacy-ui .cards .card input:where(:not(.tw, .tw *)) {
font-size: 13px !important;
}
.legacy-ui .cards .card input:where(:not(.tw, .tw *))[type=text] {
width: 155px;
}
.legacy-ui .cards .card .icon.pin.right {
margin-top: -2px;
margin-right: -2px;
}
.legacy-ui .cards .card .integration {
clear: right !important;
margin-top: 3px;
margin-right: -2px;
}
.legacy-ui .information_section {
position: absolute;
top: 0;
left: 0;
z-index: 999;
width: 890px;
background: #f0f0f0;
padding: 20px;
border-radius: 10px;
}
.legacy-ui .information_section ul {
margin: 0;
}
.legacy-ui .information_section ul li {
font-size: 18px;
padding: 0 0 0 52px;
margin: 0 0 20px 0;
line-height: 21px;
height: 42px;
background: url("/assets/blankslate-123-8c5a726d.png") no-repeat top left;
}
.legacy-ui .information_section ul li.one {
background-position: top left;
}
.legacy-ui .information_section ul li.two {
background-position: center left;
}
.legacy-ui .information_section ul li.three {
background-position: bottom left;
}
.legacy-ui .information_section ul li strong {
color: #78ac22;
}
.legacy-ui .information_section ul li code {
font-weight: bold;
}
.legacy-ui nav#main-nav {
width: 930px;
display: flex;
margin: 0 auto;
}
.legacy-ui nav#main-nav a {
font-size: 16px;
display: block;
padding: 0 12px 8px;
border-bottom: 2px solid transparent;
color: #999999;
text-decoration: none;
}
.legacy-ui nav#main-nav a > i {
display: flex;
height: 24px;
align-items: center;
margin: auto;
margin-bottom: 2px;
}
.legacy-ui nav#main-nav a > i svg {
display: block;
margin: 0 auto 4px;
fill: #999999;
pointer-events: all;
}
.legacy-ui nav#main-nav a:not(:first-child) {
margin-left: 18px;
}
.legacy-ui nav#main-nav a.active {
color: #4A8FE2;
border-color: #4A8FE2;
}
.legacy-ui nav#main-nav a.active > i svg {
fill: #4A8FE2;
}
.legacy-ui nav#main-nav a:hover:not(.active) {
color: #383838;
border-color: #383838;
}
.legacy-ui nav#main-nav a:hover:not(.active) > i svg {
fill: #383838;
}
.legacy-ui .guide-wrapper {
width: 930px;
margin: 0 auto;
position: relative;
}
.legacy-ui .guide-wrapper #toggle_guide {
position: absolute;
top: -40px;
right: 0;
}
.legacy-ui .subnav-tabs {
padding: 0 1px;
border-bottom: 1px solid #E8E8E8;
margin: 30px 0;
height: 46px;
}
.legacy-ui .subnav-tabs .tab {
display: inline-block;
cursor: pointer;
float: left;
margin-right: 10px;
color: rgba(0, 0, 0, 0.5);
border-bottom: 3px solid transparent;
text-decoration: none;
padding: 0 15px;
font-size: 16px;
line-height: 44px;
}
.legacy-ui .subnav-tabs .tab:hover {
color: #000000;
}
.legacy-ui .subnav-tabs .tab.active, .legacy-ui .subnav-tabs .tab.on, .legacy-ui .subnav-tabs .tab.active:hover, .legacy-ui .subnav-tabs .tab.on:hover {
color: #4A90E2;
border-bottom: 3px solid #4A90E2;
}
.legacy-ui .subnav-tabs .search, .legacy-ui .subnav-tabs .views {
display: inline-block;
}
.legacy-ui .subnav-tabs .search input {
margin-top: 8px;
font-size: 16px;
color: #333333;
padding: 4px 8px;
border: 1px solid #c4c9cf;
border-radius: 5px;
border-color: #E8E8E8;
}
.legacy-ui .subnav-tabs .search input:focus, .legacy-ui .subnav-tabs .search input:active {
border-color: #333333;
}
.legacy-ui .subnav-tabs .views {
vertical-align: text-top;
margin-right: 8px;
position: relative;
}
.legacy-ui .subnav-tabs .views a {
color: rgba(0, 0, 0, 0.4);
cursor: pointer;
}
.legacy-ui .subnav-tabs .views a:hover {
color: #333333;
}
.legacy-ui .subnav-tabs .views a.active, .legacy-ui .subnav-tabs .views a.active:hover {
color: #4A90E2;
}
.legacy-ui .subnav-tabs .views *[class^=icon-], .legacy-ui .subnav-tabs .views *[class*=" icon-"] {
margin-right: 12px;
}
.legacy-ui .subnav-tabs .views *[class^=icon-]:before, .legacy-ui .subnav-tabs .views *[class*=" icon-"]:before {
margin-right: 0;
margin-left: 0;
}
.legacy-ui .subnav-tabs .views .icon-view-card {
font-size: 18px;
}
.legacy-ui .subnav-tabs .views .icon-view-list {
font-size: 15px;
position: relative;
top: -1px;
}
.legacy-ui .subnav-pills .tab {
display: inline-block;
border-radius: 6px;
padding: 8px 15px;
text-decoration: none;
font-size: 16px;
color: rgba(0, 0, 0, 0.5);
}
.legacy-ui .subnav-pills .tab:hover {
color: #000000;
}
.legacy-ui .subnav-pills .tab.on, .legacy-ui .subnav-pills .tab.active {
background: #ef8585;
color: #ffffff;
}
.legacy-ui .panel {
background: #f0f0f0;
border-radius: 10px;
border: 1px solid #E7E7E7;
padding: 10px;
}
}