.time-tracker-view { position:relative; }
.time-tracker { position: relative; }
.timesheet-header { margin-bottom:15px; position:relative }
.timesheet-header h1 { font-size:28px; line-height:34px; margin:0; -webkit-font-smoothing:antialiased; font-smoothing:antialiased }
.timesheet-header h1>span { color:#999; font-weight:normal; padding-left:2px }
.timesheet-header h2 { display:none; font-size:18px; font-weight:bold; line-height:24px; margin:0; -webkit-font-smoothing:antialiased; font-smoothing:antialiased }
.button { background:#fafafa; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); background:-webkit-linear-gradient(top, #ffffff, #eeeeee); background:-moz-linear-gradient(top, #ffffff, #eeeeee); background:-o-linear-gradient(top, #ffffff, #eeeeee); background:-ms-linear-gradient(top, #ffffff, #eeeeee); background:linear-gradient(top, #ffffff, #eeeeee); border:1px solid #bbb; box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.2); color:#555; cursor:pointer; display:inline-block; font-size:13px; font-weight:500; height:31px; line-height:28px; outline:none; padding:0 13px; text-shadow:0 1px 0 #fff; text-decoration:none; vertical-align:middle; white-space:nowrap; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased }
.button>span:before, .button>span:after { font-size:11px; line-height:normal; top:1px }
.button>.ss-icon { color:#666; display:block }
.button:hover { background:#f0f0f0; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8), color-stop(100%, #e8e8e8)); background:-webkit-linear-gradient(top, #f8f8f8, #e8e8e8); background:-moz-linear-gradient(top, #f8f8f8, #e8e8e8); background:-o-linear-gradient(top, #f8f8f8, #e8e8e8); background:-ms-linear-gradient(top, #f8f8f8, #e8e8e8); background:linear-gradient(top, #f8f8f8, #e8e8e8); text-decoration:none }
.button:focus { box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.2), 0 0 6px rgba(80, 167, 238, 0.6) }
.button:active, .button.button-selected { background:#eee; box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.1) }
.button-large { font-size:14px; height:35px; line-height:32px }
.button-large>.ss-icon { top:3px }
.button-small { font-size:12px; height:27px; line-height:25px; padding:0 12px }
.button-tiny { font-size:11px; height:25px; line-height:22px; padding:0 7px }
.button-tiny>span:before, .button-tiny>span:after { top:2px }
.button-strong { font-weight:bold }
input.button, button.button { height:31px; line-height:normal; padding-bottom:2px; width:auto }
input.button.button-large, button.button.button-large { height:35px }
.lt-ie10 input.button, .lt-ie10 button.button { padding-bottom:0 }
.button-blue, .button-running { background:#1385e5; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #53b2fc), color-stop(100%, #1385e5)); background:-webkit-linear-gradient(top, #53b2fc, #1385e5); background:-moz-linear-gradient(top, #53b2fc, #1385e5); background:-o-linear-gradient(top, #53b2fc, #1385e5); background:-ms-linear-gradient(top, #53b2fc, #1385e5); background:linear-gradient(top, #53b2fc, #1385e5); border-color:#075fa9; color:#fff; font-weight:bold; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.4) }
.button-blue>.ss-icon, .button-running>.ss-icon { color:#fff }
.button-blue:hover, .button-running:hover { background:#0e7add; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #49a4fd), color-stop(100%, #0e7add)); background:-webkit-linear-gradient(top, #49a4fd, #0e7add); background:-moz-linear-gradient(top, #49a4fd, #0e7add); background:-o-linear-gradient(top, #49a4fd, #0e7add); background:-ms-linear-gradient(top, #49a4fd, #0e7add); background:linear-gradient(top, #49a4fd, #0e7add) }
.button-blue:active, .button-running:active { background:#1385e5; box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.2) }
.button-green, .button-primary, .button-submit { background:#2e8d11; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #72c152), color-stop(100%, #2e8d11)); background:-webkit-linear-gradient(top, #72c152, #2e8d11); background:-moz-linear-gradient(top, #72c152, #2e8d11); background:-o-linear-gradient(top, #72c152, #2e8d11); background:-ms-linear-gradient(top, #72c152, #2e8d11); background:linear-gradient(top, #72c152, #2e8d11); border-color:#237c07; color:#fff; font-weight:bold; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.4) }
.button-green>.ss-icon, .button-primary>.ss-icon, .button-submit>.ss-icon { color:#fff }
.button-green:hover, .button-primary:hover, .button-submit:hover { background:#28880a; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #66b746), color-stop(100%, #28880a)); background:-webkit-linear-gradient(top, #66b746, #28880a); background:-moz-linear-gradient(top, #66b746, #28880a); background:-o-linear-gradient(top, #66b746, #28880a); background:-ms-linear-gradient(top, #66b746, #28880a); background:linear-gradient(top, #66b746, #28880a) }
.button-green:active, .button-primary:active, .button-submit:active { background:#2e8d11; box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.2) }
.button-red, .button-delete { background:#da2828; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f76363), color-stop(100%, #ed3434)); background:-webkit-linear-gradient(top, #f76363, #ed3434); background:-moz-linear-gradient(top, #f76363, #ed3434); background:-o-linear-gradient(top, #f76363, #ed3434); background:-ms-linear-gradient(top, #f76363, #ed3434); background:linear-gradient(top, #f76363, #ed3434); border-color:#c71d1d; color:#fff; font-weight:bold; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.4) }
.button-red>.ss-icon, .button-delete>.ss-icon { color:#fff }
.button-red:hover, .button-delete:hover { background:#d92424; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f34f4f), color-stop(100%, #e02b2b)); background:-webkit-linear-gradient(top, #f34f4f, #e02b2b); background:-moz-linear-gradient(top, #f34f4f, #e02b2b); background:-o-linear-gradient(top, #f34f4f, #e02b2b); background:-ms-linear-gradient(top, #f34f4f, #e02b2b); background:linear-gradient(top, #f34f4f, #e02b2b) }
.button-red:active, .button-delete:active { background:#e53c3c; box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.2) }
.button-gray, .button-cancel { background:#e4e4e4; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8), color-stop(100%, #e4e4e4)); background:-webkit-linear-gradient(top, #f8f8f8, #e4e4e4); background:-moz-linear-gradient(top, #f8f8f8, #e4e4e4); background:-o-linear-gradient(top, #f8f8f8, #e4e4e4); background:-ms-linear-gradient(top, #f8f8f8, #e4e4e4); background:linear-gradient(top, #f8f8f8, #e4e4e4); border-color:#bbb; color:#888; font-weight:bold }
.button-gray:hover, .button-cancel:hover { background:#ddd; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4f4f4), color-stop(100%, #dddddd)); background:-webkit-linear-gradient(top, #f4f4f4, #dddddd); background:-moz-linear-gradient(top, #f4f4f4, #dddddd); background:-o-linear-gradient(top, #f4f4f4, #dddddd); background:-ms-linear-gradient(top, #f4f4f4, #dddddd); background:linear-gradient(top, #f4f4f4, #dddddd) }
.button-gray:active, .button-cancel:active { background:#ddd }
.button-deemphasize { background:none; border-color:rgba(0, 0, 0, 0.2); box-shadow:none; color:#777; text-shadow:none }
.button-deemphasize>.ss-icon { color:#777 }
.button-deemphasize:hover, .button-deemphasize:active { background:#f4f4f4 }
.button-no-border { background:none; border-color:transparent; box-shadow:none; color:#777; text-shadow:none }
.button-no-border>.ss-icon { color:#777 }
.button-no-border:hover { background:transparent; border-color:rgba(0, 0, 0, 0.2) }
.button-no-border:active { background:#f4f4f4 }
.lt-ie9 .button-no-border:hover { border-color:#bbb }
.button-not-active { cursor:default }
.button-not-active:hover { border-color:transparent }
.button-not-active:active { background:transparent; box-shadow:none
}
.button-pressed, .button-pressed:active, .button-selected, .button-selected:active { background:#eaeaea; border-color:#bbb box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.1);
                                                                                     color:#999 cursor:default;
                                                                                     text-shadow:0 1px 0 #fff; z-index:1; }
.button-pressed>.ss-icon, .button-pressed:active>.ss-icon, .button-selected>.ss-icon, .button-selected:active>.ss-icon { color:#999 }
.button-pressed.button-deemphasize, .button-pressed:active.button-deemphasize, .button-selected.button-deemphasize, .button-selected:active.button-deemphasize { background:#f0f0f0; box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.05) }
.button[disabled], .button-disabled, .button-disabled:active { background:#f4f4f4; border-color:#c4c4c4; box-shadow:none; color:#777; cursor:default; opacity:0.5; text-shadow:none }
.button[disabled]>.ss-icon, .button-disabled>.ss-icon, .button-disabled:active>.ss-icon { color:#888 }
.button-toggle { display:inline-block; font-size:0; vertical-align:top; margin-left:10px }
.button-toggle>.button { margin-right:-1px }
.button-toggle>.button:last-child { margin-right:0 }
.button-toggle>.button.button-deemphasize { border:1px solid #ccc }
.button-toggle>.button:focus { position:relative; z-index:1 }
.button-toggle-arrow { line-height:29px }
.button-toggle-arrow>span { font-size:12px; margin:0 -3px }
.new-chrome { background:#eee; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(100%, #e6e6e6)); background:-webkit-linear-gradient(top, #f6f6f6, #e6e6e6); background:-moz-linear-gradient(top, #f6f6f6, #e6e6e6); background:-o-linear-gradient(top, #f6f6f6, #e6e6e6); background:-ms-linear-gradient(top, #f6f6f6, #e6e6e6); background:linear-gradient(top, #f6f6f6, #e6e6e6); border:1px solid #ccc; color:#666; padding:10px; text-shadow:0 1px 0 #fff }
table.simple-table { margin-bottom:10px; text-align:left; width:100% }
table.simple-table thead tr th { background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#e4e4e4), color-stop(0.6, #fff)); background:-moz-linear-gradient(center bottom, #e4e4e4 0%, #fff 60%) repeat scroll 0 0; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4');
                                 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e4e4e4')"; border-bottom:1px solid #ccc; border-top:1px solid #ccc; color:#666; font-size:11px; font-weight:bold; line-height:1.4em; padding:6px 10px text-shadow:0 1px 0 #fff;
                                 text-align:left; vertical-align:top }
.day-view-wrapper { margin:0 85px }
.day-view-table { position:relative }
.day-view-week-nav>li { display:inline-block; margin-right:-4px; vertical-align:middle; width:12.5%; }
.day-view-week-nav>li>a { background:#fafafa; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); background:-webkit-linear-gradient(top, #ffffff, #eeeeee); background:-moz-linear-gradient(top, #ffffff, #eeeeee); background:-o-linear-gradient(top, #ffffff, #eeeeee); background:-ms-linear-gradient(top, #ffffff, #eeeeee); background:linear-gradient(top, #ffffff, #eeeeee); border:1px solid #ccc; box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.2); color:#888; display:block; font-size:13px; font-weight:bold; height:45px; line-height:normal; outline:none; padding:6px 15px; text-shadow:0 1px 0 #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-right:-1px }
.day-view-week-nav>li>a>span { display:block; font-size:12px; font-weight:normal; line-height:16px; -webkit-font-smoothing:subpixel-antialiased; font-smoothing:subpixel-antialiased }
.day-view-week-nav>li>a:hover { background:#f0f0f0; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8), color-stop(100%, #e8e8e8)); background:-webkit-linear-gradient(top, #f8f8f8, #e8e8e8); background:-moz-linear-gradient(top, #f8f8f8, #e8e8e8); background:-o-linear-gradient(top, #f8f8f8, #e8e8e8); background:-ms-linear-gradient(top, #f8f8f8, #e8e8e8); background:linear-gradient(top, #f8f8f8, #e8e8e8); text-decoration:none }
.day-view-week-nav>li>a.running { color:#2E8D11 }
.day-view-week-nav>li>a:focus { box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.2), 0 0 6px rgba(80, 167, 238, 0.6); position:relative; z-index:1 }
.day-view-week-nav>li>a:active { background:#eee; box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.1) }
.day-view-week-nav>li>a.selected { background:#eaeaea; box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.1); color:#999; cursor:default }
.day-view-week-nav #day-view-week-nav-total { background:#eee; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(100%, #e6e6e6)); background:-webkit-linear-gradient(top, #f6f6f6, #e6e6e6); background:-moz-linear-gradient(top, #f6f6f6, #e6e6e6); background:-o-linear-gradient(top, #f6f6f6, #e6e6e6); background:-ms-linear-gradient(top, #f6f6f6, #e6e6e6); background:linear-gradient(top, #f6f6f6, #e6e6e6); border:1px solid #ccc; box-shadow:none; color:#999; cursor:default; font-size:14px; font-weight:normal; height:45px; line-height:32px; padding:6px 15px; text-align:center; text-shadow:0 1px 0 #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.button-new-time-entry { height:60px; line-height:normal; left:0; padding:0; position:absolute; text-align:center; top:0; width:60px; }
.button-new-time-entry span.text { display:block; color:#777; font-size:10px; text-shadow:none; padding:3px 0; text-align:center }
.button-new-time-entry>.plus { background:url(img/new-entry-plus.png) no-repeat 0 0; display:inline-block; height:58px; text-indent:-9999px; width:58px }
.day-view-entry-list { list-style:none }
.entry-content { margin-left:90px }
.js-jump-one-day-back span, .js-jump-one-day-forward span { width:11px; height:18px; background:url(img/arrow.png) no-repeat 0 6px; text-indent:-99999px; padding-top:5px; }
.js-jump-one-day-forward span { background-position:0 -63px }
.date-picker i { margin-top:6px }
.response-tickets { padding-top:7px; font-size:11px; }
.day-view-entry { border-bottom:1px solid #ccc; font-size:13px; -webkit-transition:background 0.1s linear; -moz-transition:background 0.1s linear; -ms-transition:background 0.1s linear; -o-transition:background 0.1s linear; transition:background 0.1s linear }
.day-view-entry>table { line-height:18px; width:100% }
.day-view-entry td { padding:16px 15px; vertical-align:top; word-wrap:break-word }
.day-view-entry .entry-timestamps { width:60px }
.day-view-entry .entry-info-with-timestamps { width:415px; word-wrap:break-word }
.day-view-entry .entry-info { width:490px; word-wrap:break-word }
.day-view-entry .start-time { height:18px }
.day-view-entry .end-time { color:#777 }
.day-view-entry .project-client, .day-view-entry .start-time { font-size:14px; font-weight:bold; margin-bottom:3px; -webkit-font-smoothing:antialiased; font-smoothing:antialiased }
.day-view-entry .client { color:#444; font-weight:normal; padding-left:2px; -webkit-font-smoothing:subpixel-antialiased; font-smoothing:subpixel-antialiased }
.day-view-entry .task-notes { color:#777; overflow:hidden }
.day-view-entry .task { color:#555; float:left }
.day-view-entry .ndash { float:left; padding:0 7px }
.day-view-entry .notes a { text-decoration:underline }
.day-view-entry .notes a:hover { text-decoration:none }
.day-view-entry .notes p { margin-bottom:10px }
.day-view-entry .notes p:last-child { margin-bottom:0 }
.day-view-entry .external-link img { float:left; margin-right:5px }
.day-view-entry .external-link-zendesk { display:inline-block; padding:0 2px 1px 20px }
.day-view-entry .entry-time { font-size:21px; font-weight:bold; line-height:39px; text-align:right; width:55px; -webkit-font-smoothing:antialiased; font-smoothing:antialiased }
.day-view-entry .entry-button { line-height:37px; padding-left:0; padding-right:0; text-align:right; width:90px }
.day-view-entry .entry-button>.button { padding-right:13px; margin:0 5px; font-size:11px; font-weight:700; color:#333 }
.day-view-entry .edit-button { line-height:37px; width:30px }
.day-view-entry .edit-button>.button { padding:0; text-align:center; width:100% }
.day-view-entry.running { background:#d4f1ff }
.day-view-entry.locked { background:#eee }
.day-view-entry.locked .entry-button>.button { display:none }
.day-view-entry.locked .entry-button>.button-running { display:inline-block }
.day-view-entry-moved { background:#f4f4f4; border-bottom:1px solid #ccc; font-size:13px; padding:15px }
.day-view-total { color:#bbb; font-size:21px; padding:15px 200px; text-align:right; -webkit-font-smoothing:antialiased; font-smoothing:antialiased }
.day-view-total>span { color:#777; display:inline-block; font-weight:bold; width:120px }
.week-view-table { border-collapse:separate; color:#666; font-size:15px; position:relative }
.week-view-table td { border-bottom:1px solid #ccc; margin:0; padding:12px 5px; text-align:right; vertical-align:middle }
.week-view-table .name { padding-left:10px; text-align:left }
.week-view-table .day { width:50px }
.week-view-table .total { color:#999; line-height:35px; width:55px }
.week-view-table .delete { width:25px }
.week-view-table .delete>.button-tiny { padding:0 6px }
.week-view-table .zero-total { color:#ccc }
.week-view-table thead td, .week-view-table tfoot td { background:#eee; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(100%, #e6e6e6)); background:-webkit-linear-gradient(top, #f6f6f6, #e6e6e6); background:-moz-linear-gradient(top, #f6f6f6, #e6e6e6); background:-o-linear-gradient(top, #f6f6f6, #e6e6e6); background:-ms-linear-gradient(top, #f6f6f6, #e6e6e6); background:linear-gradient(top, #f6f6f6, #e6e6e6); padding:10px 5px; text-shadow:0 1px 0 #fff }
.week-view-table thead td { border-top:1px solid #ccc; padding:8px 5px }
.week-view-table thead .day>a { display:block; font-size:14px; font-weight:bold; padding:2px 5px 1px; position:relative; text-decoration:none }
.week-view-table thead .day>a:focus { box-shadow:0 0 6px rgba(80, 167, 238, 0.6) }
.week-view-table thead .day span { display:block; font-size:12px; font-weight:normal; line-height:16px }
.week-view-table tfoot .day { color:#999; padding-left:0; padding-right:10px }
.week-view-table tfoot .total { color:#444; font-weight:bold; -webkit-font-smoothing:antialiased; font-smoothing:antialiased }
.week-view-table thead .name { border-left:1px solid #ccc; }
.week-view-table tfoot .name { border-left:1px solid #ccc; }
.week-view-table thead .delete { border-right:1px solid #ccc; }
.week-view-table tfoot .delete { border-right:1px solid #ccc; }
.week-view-entry .name { font-size:13px }
.week-view-entry .project-client { color:#222; font-weight:bold; margin-bottom:4px; -webkit-font-smoothing:antialiased; font-smoothing:antialiased }
.week-view-entry .client { color:#444; font-weight:normal; padding-left:2px; -webkit-font-smoothing:subpixel-antialiased; font-smoothing:subpixel-antialiased }
.week-view-entry .task { color:#555 }
.week-view-entry .day>input { font-weight:bold; padding:0 5px 0 0; text-align:right; -webkit-font-smoothing:antialiased; font-smoothing:antialiased }
.week-view-entry .day>input:focus { background:#fffbdf }
.week-view-entry .day>span { padding-right:5px }
.week-view-entry .delete { position:relative }
.week-view-entry .timer-running { color:#0f6bb9; font-weight:500 }
.week-view-entry.locked { background:#eee }
.week-row-delete { margin-top:2px }
.week-row-delete>.ss-icon { color:#bbb }
.week-row-delete:hover>.ss-icon { color:#666 }
.pop-over-week-delete { width:180px }
.pop-over-week-delete:before, .pop-over-week-delete:after { right:4px }
.week-view-save { text-align:center; width:71px }
.nef-duration-notes { margin-left: 119px; position:relative; }
.nef-duration-notes>textarea { max-width:340px; width:190px; }
.nef-duration { float: left; position:relative; width: 119px; }
.nef-duration>input[type="text"] { display:block; font-size:30px; font-weight:500; height:56px; line-height:39px; padding-left:0; text-align:center; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; width:95px }
.nef-duration>input[type="text"]::-webkit-input-placeholder {
    color:#bbb;
    font-weight:normal
}
.nef-duration>input[type="text"]:-moz-placeholder {
    color:#bbb;
    font-weight:normal
}
.lt-ie9 .nef-duration>input[type="text"] { line-height:56px }
.duration-helper { margin-top:-56px; right:-220px; width:185px }
.duration-helper:before, .duration-helper:after { top:17px }
.duration-helper>a { display:block; font-size:12px; margin-top:5px }
.nef-timestamps { font-size:0 }
.nef-timestamps>span { color:#aaa; display:inline-block; font-size:15px; height:35px; line-height:35px; padding:0 10px; vertical-align:middle }
.nef-timestamps>input[type="text"] { font-weight:bold; width:100px }
.nef-timestamps>input[type="text"]::-webkit-input-placeholder {
    font-weight:normal
}
.nef-timestamps>input[type="text"]:-moz-placeholder {
    font-weight:normal
}
.nef-timestamps-total { font-weight:500 }
.entry-delete-confirmation, .timer-start-confirmation { color:#555; line-height:26px; text-align:center }
.entry-delete-confirmation>span, .timer-start-confirmation>span { display:block; margin-bottom:8px }
.entry-delete-confirmation .button, .timer-start-confirmation .button { vertical-align:bottom }
.add-notes-helper-text { bottom:5px; color:#aaa; font-size:11px; opacity:0; position:absolute; right:10px; text-align:right; width:200px; visibility:hidden; -webkit-transition:visibility 0s linear 0.1s, opacity 0.1s linear 0s; -moz-transition:visibility 0s linear 0.1s, opacity 0.1s linear 0s; -ms-transition:visibility 0s linear 0.1s, opacity 0.1s linear 0s; -o-transition:visibility 0s linear 0.1s, opacity 0.1s linear 0s; transition:visibility 0s linear 0.1s, opacity 0.1s linear 0s }
.nf-submit { margin:20px 0 0 }
.no-entries { background:#fafafa; border:1px solid #ccc; border-top:none; box-shadow:inset 0 0 100px rgba(0, 0, 0, 0.05); color:#bbb; font-size:20px; height:200px; line-height:350px; padding:0 60px; text-align:center; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; padding-top:10%; }
.no-entries div { display:inline-block; line-height:30px; vertical-align:middle }
.no-entries a { color:#999; text-decoration:underline }
.no-entries a:hover { text-decoration:none }
.no-entries span { display:block; font-size:16px; margin-top:5px }
.no-entries.no-projects, .no-entries.approved-message { color:#999 }
.loader { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6); height: 100%; position: absolute; text-align: center; width: 100%; z-index: 10; top:0; display:none }
.loader img { margin-top: -20px; position: absolute; top: 50%; left:50%; margin-left:-20px; }
.ui-datepicker td.has-entries a { color:#F00; }


.reports-wrap { margin:0 auto; width:990px;}
.reports-filters { background: #F8F8F8; display: block; float: none; height: auto; margin: 0 auto; padding: 5px 20px 0; line-height:normal; border:1px solid #bbb }
.reports-filters .buttons-set { margin-top:29px; }
.reports-filters .buttons-set button { font-size: 13px; font-weight: 700; line-height: 16px; padding: 9px 20px; }
.reports-filters .input { margin-right:20px; }
.reports-filters select { width:120px }
.reports-filters .range input { width:90px; margin:3px 5px; padding:9px 5px }
.report-entry { margin:30px 0; border:0 }

.table-report { font-family:Verdana, Geneva, sans-serif; font-size:11px; margin:20px 0}
.table-report td { padding:4px 10px;}
.table-report td, .report-date-row-last{ border-bottom:1px solid #E0E0E0}
.report-header td { background:#f5f6f7; color:#333; font-size:12px; padding:6px 10px; font-weight:700}
.report-total td { border-bottom:none; height:60px; font-size:16px; font-weight:700; vertical-align:top}
.report-date-row td { border-bottom:none;}
.report-filter-name td { font-size:12px; background:#F5F6F7}
.workfollow { margin:60px 0}


.workfollow-overview {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #BBBBBB;
    display: block;
    margin: 0 auto;
    padding: 20px; font-size:14px;
}
.workfollow-overview p {
    line-height:28px
}
.workfollow-overview a { border-bottom:1px dotted #000; padding:0 2px}

.to_time{width: 50%;}
.no_margin{ margin: auto;}

/*sign in*/

.access-btn {
    background: none repeat scroll 0 0 #E7604A;
    border-radius: 5px 5px 0 0;
    bottom: -2px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    padding: 10px;
    position: fixed;
    right: 30px;
    text-align:center;
    width: 105px;
    z-index:2000;
    color: #fff;
}
.access-btn span {display:block;text-align:center;font-size: 17px;font-weight: 600;color: #FFF;padding:4px 0;font-family: initial;/* background-color: red; */}
.sign-btn { text-align:center;}
.sign-btn button {text-align:center; display:block; margin:0 auto}

.sign-btn .button {
    display: block;
    font-size: 27px;
    font-weight: 100;
    height: auto;
    margin: 0 auto;
    padding: 18px;
    text-align: center;
    width: 190px;
}

textarea.container{
    visibility: hidden;
}