/*------------------------------------------------------------------------------------------------------------------- scalcode.css */ /* Layout Style */ html { min-height:100%;height:100%; } body { position:relative;/*this is set so the footer can use postion:absolute and stay at the end of the body*/ margin:71.5px 0 0 0; min-height:calc(100% - 71.5px); } h1, h2, h3 { margin:0; } #xcontent { padding-bottom:150px; } .style-body-1 { margin:20px 0 0 0;min-height:calc(100% - 20px); } .style-body-2 { margin:105.5px 0 0 0;min-height:calc(100% - 105.5px); } /* Main Logo, at home and maintenance page */ #xlogo-home { margin:auto; } /* Footer */ #xfooter { position:absolute;bottom:0;left:0;width:100%;height:130px;padding-top:15px;background:#222;border-top:1px solid #080808;color:#555;font-weight:400;color:#9d9d9d; } #xfooter.style-footer-1 { height:52px; } .style-footer-2 { float:left;text-align:left; } html[dir="rtl"] .style-footer-2 { float:right;text-align:right; } .style-footer-3 { float:right;text-align:right; } html[dir="rtl"] .style-footer-3 { float:left;text-align:left; } #xfooter-table { width:280px; } #xfooter-table a { color:#9d9d9d;white-space: nowrap; } html[dir="rtl"] #xfooter-table tr { display:flex; } /* Footer Home Icon */ #xhome { text-align:center;display:none; } #xhome a { color:#9d9d9d; } #xhome a:hover { color:#333; } /* Page Title */ #xpage_title-table { width:100%; } #xpage_title-table .xtd { border:0; } #xpage_title-table .xtd:nth-child(1) { text-align:left;width:100%; } html[dir="rtl"] #xpage_title-table .xtd:nth-child(1) { text-align:right; } .xloading { visibility:hidden; } /* Maintenance Page */ #xmaintenance-header { text-align:center; } #xmaintenance-message { text-align:center;font-size:18px; } /* Trademark Page */ .style-trademark-1 { text-align:right; } .style-trademark-logo { margin: 0 auto; } #xtrademarks-table { width:275px;margin:auto; } /*------------------------------------------------------------------------- Minor Styles */ /* Timestamp style for js generated messages */ #xtimestamp { float:right; } /* Text style for remarks */ /* Remark 1 */ .xremark1 { margin:0 10px; } /* Remark 2 */ .xremark2 { margin:10px; } html[dir="ltr"] .xremark2 { text-align:left; } html[dir="rtl"] .xremark2 { text-align:right; } /* Remark 3 */ .xremark3 { margin:10px; } .xremark3 > ol, .xremark3 > ol > li { margin: 4px 0; } .xjustify { text-align:justify; } .xnowrap { white-space:nowrap; } .style-td-1 { width:40px; } .xpage-title { margin-left:8px;margin-right:8px; } .xicon-green { color:#5cb85c;vertical-align:bottom; } /*------------------------------------------------------------------------- Pagination Style */ .style-pagination-1 { margin:0 auto; } .style-pagination-2 { width:40px; } .style-pagination-3 { width:65px; } .style-pagination-4 { width:65px; } .style-pagination-5 { width:70px; } .style-pagination-6 { width:40px; } .xtable-pagination { border-collapse:separate; } .xtable-pagination td { padding:0px;border-left:solid 1px #CCC;border-top:solid 1px #CCC;border-bottom:solid 1px #CCC; } .xtable-pagination tr td:nth-child(1) { border-top-left-radius:4px;border-bottom-left-radius:4px; } html[dir="rtl"] .xtable-pagination tr td:nth-child(1) { border-radius:0 4px 4px 0;border-right:solid 1px #CCC; } .xtable-pagination tr td:last-child { border-right:solid 1px #CCC;border-bottom-right-radius:4px;border-top-right-radius:4px; } html[dir="rtl"] .xtable-pagination tr td:last-child { border-right:none;border-radius:4px 0 0 4px; } #previous_page { border-radius:4px 0px 0px 4px;border-color:transparent; } html[dir="rtl"] #previous_page { border-radius:0 4px 4px 0px; } #page_number, #records_per_page { border-color:transparent;border-radius:0px;box-shadow:0 1px 1px rgba(0,0,0,.075); } #page_number:focus, #records_per_page:focus { box-shadow: 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); } #apply_paging { border-radius:0px;border-color:transparent; } #next_page { border-radius:0px 4px 4px 0px;border-color:transparent; } html[dir="rtl"] #next_page { border-radius:4px 0 0 4px; } /*------------------------------------------------------------------------- Base Tables [xtable, xtable_with_form] */ .xtable { display:table;border-spacing:0;border-collapse:collapse;margin:0 auto; } .xtr { display:table-row;height:36px; } .xth { display:table-cell;vertical-align:top;padding:2px;text-align:center;font-weight:bold; } .xtd { display:table-cell;vertical-align:top;padding:2px;text-align:center;border-top:1px solid #DDD;border-bottom:1px solid #DDD; } .xtd-form { display:table-cell;vertical-align:top;padding:2px;text-align:center; } .xtd-empty { display:table-cell;border:none; } .xtd-group { display:table-cell;vertical-align:bottom;padding:2px;font-weight:bold;text-align:left;/*white-space:nowrap;*/border-bottom:1px solid #333; } html[dir="rtl"] .xtd-group { text-align:right; } .xempty-row { height:36px;line-height:35px;border-bottom:solid 1px #333;border-top:solid 1px #DDD;text-align:center; } .xempty-row-history { height:36px;line-height:35px;border-top:solid 1px #DDD;text-align:center; } .xlast_tr .xtd, .xlast_tr .xtd-empty { border-bottom:1px solid #333; } .xtext { color:#CCC;height:36px;background-color:red; } /*------------------------------------------------------------------------- Specific Tables */ /* Jobs Headers */ html[dir="ltr"] .xth[class*="xcvs-"] { text-align:left;padding-left:13px; } html[dir="ltr"] .xth.xcvs-cv_code { text-align:center;padding-left:0px; } html[dir="ltr"] .xth.xcvs-contact_info { text-align:center;padding-left:0px; } html[dir="ltr"] .xth.xcvs-cv { text-align:center;padding-left:0px; } html[dir="ltr"] .xth.xcvs-status { text-align:center;padding-left:0px; } html[dir="rtl"] .xth[class*="xcvs-"] { text-align:right;padding-right:13px; } html[dir="rtl"] .xth.xcvs-cv_code { text-align:center;padding-right:0px; } html[dir="rtl"] .xth.xcvs-contact_info { text-align:center;padding-right:0px; } html[dir="rtl"] .xth.xcvs-cv { text-align:center;padding-right:0px; } html[dir="rtl"] .xth.xcvs-status { text-align:center;padding-right:0px; } /* Jobs Table */ #xjobs-table { width:100%;/*min-width:961px;*/ } .xjobs-job_code { width:12.5%; } .xjobs-job_code input { text-align:center; } .xjobs-job_manager { width:20%; } .xjobs-job_title { width:47.5%; } .xjobs-total_openings { width:5%; } .xjobs-total_openings input { text-align:center; } .xjobs-job_status { width:15%; } /* CVs Table */ #xcvs-table { width:100%;/*min-width:961px;*/ } .xcvs-job { width:15%;max-width:80px;white-space:nowrap; } .xcvs-cv_code { width:5%; } .xcvs-cv_code input { text-align:center; } .xcvs-first_name { width:20%; } .xcvs-middle_name { width:10%; } .xcvs-last_name { width:20%; } .xcvs-contact_info textarea { width:300px;height:150px; } .xcvs-status { width:20%; } /* Users Table */ #xusers-table { width:100%;/*min-width:1249px;*/ } /*.xusers-company { width: 5%; }*/ .xusers-email, .xusers-job_title { width:20%; } .xusers-first_name, .xusers-last_name, .xusers-unique_id, .xusers-role, .xusers-middle_name, .xusers-vendor { width: 10%; } /* Data Migration Table */ #xdata_migration-table { width:100%; } /* Charge Codes Table */ #xcharge_codes-table { width:100%;/*min-width:450px;*/ } .xcharge_codes-charge_code { width:100%; } /* Projects Table */ #xprojects-table { width:100%;/*min-width:600px;*/ } .xprojects-desc { width:70%; } .xprojects-status { width:30%; } /* Approvals Table */ #xapprovals-table { width:100%;/*min-width:961px;*/ } #xapprovals-table input { text-align:center; } .xapprovals-timesheet_tag { width:15%; } .xapprovals-employee_name { width:30%; } .xapprovals-regular_hours, .xapprovals-overtime_hours { width:7.5%; } .xapprovals-reviewr_name, .xapprovals-approver_name { width:15%; } html[dir="ltr"] .xth.xapprovals-reviewr_name, html[dir="ltr"] .xth.xapprovals-approver_name { text-align:left;padding-left:13px; } html[dir="rtl"] .xth.xapprovals-reviewr_name, html[dir="rtl"] .xth.xapprovals-approver_name { text-align:right;padding-right:13px; } .xapprovals-status { width:10%; } .xapprovals-view { vertical-align:top; } /* Reviews Table */ #xreviews-table { width:100%;/*min-width:961px;*/ } #xreviews-table input { text-align:center; } .xreviews-employee_name { width:33%; } .xreviews-timesheet_tag { width:22%; } .xreviews-regular_hours, .xreviews-overtime_hours, .xreviews-status { width:15%; } .xreviews-view { vertical-align:middle; } /* Tasks Table */ #xtasks-table { width:100%;/*min-width:1249px;*/ } .xtasks-project { width:15%;max-width:80px;white-space:nowrap; } .xtasks-desc { width:35%; } .xtasks-start_date, .xtasks-end_date { width:10%; } .xtasks-charge_code { width:15%; } .xtasks-status { width:15%; } .xtasks-status > input { text-align:center; } .xtasks-assignees_ids .collapse, .xtasks-progress .collapse { min-width:200px; } html[dir="ltr"] .xth.xtasks-project { text-align:left; } html[dir="ltr"] .xth.xtasks-desc, html[dir="ltr"] .xth.xtasks-start_date, html[dir="ltr"] .xth.xtasks-end_date, html[dir="ltr"] .xth.xtasks-charge_code { text-align:left;padding-right:13px; } html[dir="rtl"] .xth.xtasks-project { text-align:right; } html[dir="rtl"] .xth.xtasks-desc, html[dir="rtl"] .xth.xtasks-start_date, html[dir="rtl"] .xth.xtasks-end_date, html[dir="rtl"] .xth.xtasks-charge_code { text-align:right;padding-right:13px; } /* Tasks Status Color */ .xtask-completed > span > input { color:#28A745; }/*green #5CB85C*/ .xtask-disabled > span > input { color:#ADB5BD;font-style:italic; }/*gray #999999*/ .xtask-inprogress > span > input { color:#007BFF; }/*blue #337AB7*/ .xtask-late > span > input { color:#DC3545; }/*red #D9534F*/ .xtask-noprogress > span > input { color:#DC3545; }/*red #D9534F*/ /* Tasks Progress */ .xtable.xtasks-progress > .xtr > .xtd { border-bottom:none; } .xtable.xtasks-progress > .xtr > .xth, .xtable.xtasks-progress > .xtr > .xtd { vertical-align:middle } .xtable.xtasks-progress > .xtr > .xth:nth-child(1), .xtable.xtasks-progress > .xtr > .xtd:nth-child(1) { width:50%; } .xtable.xtasks-progress > .xtr > .xth:nth-child(2), .xtable.xtasks-progress > .xtr > .xtd:nth-child(2) { width:20%; } .xtable.xtasks-progress > .xtr > .xth:nth-child(3), .xtable.xtasks-progress > .xtr > .xtd:nth-child(3) { width:30%; } /* Employee Tasks Headers */ html[dir="ltr"] .xth[class*="xemployee-task-"] { text-align:left;padding-left:13px; } html[dir="ltr"] .xth.xemployee-task-project { padding-left:0px; } html[dir="ltr"] .xth.xemployee-task-status { padding-left:18px; } html[dir="rtl"] .xth[class*="xemployee-task-"] { text-align:right;padding-right:13px; } html[dir="rtl"] .xth.xemployee-task-project { padding-right:0px; } html[dir="rtl"] .xth.xemployee-task-status { padding-right:18px; } /* Employee Tasks Fields */ .xemployee-task-project { width:15%;max-width:80px;/*overflow: hidden;text-overflow: ellipsis;*/white-space:nowrap; } .xemployee-task-desc { width:35%; } .xemployee-task-start_date, .xemployee-task-end_date { width:10%; } .xemployee-task-charge_code { width:18%; } .xemployee-task-status { width:12%; } /* Timesheet Data Report */ #xtimesheet_data-table { width:100%;/*min-width:1249px;*/ } #xtimesheet_data-table .xtd { vertical-align:middle; } #xtimesheet_data-table .xtd:nth-child(1) { width:5%; } #xtimesheet_data-table .xtd:nth-child(2) { width:15%; } #xtimesheet_data-table .xtd:nth-child(3) { width:15%; } #xtimesheet_data-table .xtd:nth-child(4) { width:5%; } #xtimesheet_data-table .xtd:nth-child(5) { width:15%; } #xtimesheet_data-table .xtd:nth-child(6) { width:20%; } #xtimesheet_data-table .xtd:nth-child(7) { width:10%; } #xtimesheet_data-table .xtd:nth-child(11){ width:15%; } /* Timesheet Summary Report */ #xtimesheet_summary-table { width:100%;/*min-width:1249px;*/ } #xtimesheet_summary-table .xtd { vertical-align:middle; } #xtimesheet_summary-table .xtd:nth-child(1) { width:10%; } #xtimesheet_summary-table .xtd:nth-child(2) { width:10%; } #xtimesheet_summary-table .xtd:nth-child(3) { width:20%; } #xtimesheet_summary-table .xtd:nth-child(4) { width:35%; } #xtimesheet_summary-table .xtd:nth-child(10){ width:7.5%; } #xtimesheet_summary-table .xtd:nth-child(11){ width:7.5%; } #xtimesheet_summary-table .xtd:nth-child(12){ width:10%; } /* Resource Utilization Report */ #xresource_utilization-table { width:100%;/*min-width:1249px;*/ } #xresource_utilization-table .xtd { vertical-align:middle; } #xresource_utilization-table .xtd:nth-child(1) { width:12.5%; } #xresource_utilization-table .xtd:nth-child(2) { width:20%; } #xresource_utilization-table .xtd:nth-child(3) { width:20%; } #xresource_utilization-table .xtd:nth-child(4) { width:12.5%; } #xresource_utilization-table .xtd:nth-child(5) { width:12.5%; } #xresource_utilization-table .xtd:nth-child(6) { width:12.5%; } #xresource_utilization-table .xtd:nth-child(7) { width:10%; } /* Timesheet Status Bar */ .style-timesheet_status-green { color:#4CAE4C;border-top:4px solid #4CAE4C; } .style-timesheet_status-red { color:#D43F3A;border-top:4px solid #D43F3A; } .style-timesheet_status-orange { color:#EEA236;border-top:4px solid #EEA236; } .style-timesheet_status-blue { color:#337ab7;border-top:4px solid #337ab7; } /* Timesheet Info */ #xts_info-table { margin:0 auto;width:100%;border-collapse:separate;/*min-width:1249px;*/ } #xts_info-table tr { height:36px; } #xts_info-table th { vertical-align:top;text-align:center; } #xts_info-table td { vertical-align:middle;text-align:center;border-top:1px solid #DDD;border-bottom:1px solid #DDD; } #xts_info-table td:first-child { border-radius:4px 0px 0px 4px;border-left:1px solid #DDD; } html[dir="rtl"] #xts_info-table td:first-child { border-radius:0 4px 4px 0;border-left:none;border-right:1px solid #DDD; } #xts_info-table td:last-child { border-radius:0px 4px 4px 0px;border-right:1px solid #DDD; } html[dir="rtl"] #xts_info-table td:last-child { border-radius:4px 0 0 4px;border-right:none;border-left:1px solid #DDD; } .xts_info-name { width:15%; } .xts_info-unique_id { width:10%; } .xts_info-job_title { width:15%; } .xts_info-vendor { width:10%; } .xts_info-approver, .xts_info-reviewer { width:10%; } html[dir="ltr"] #xts_info-table tr th.xts_info-approver, html[dir="ltr"] #xts_info-table tr th.xts_info-reviewer { text-align:left;padding-left:13px; } html[dir="rtl"] #xts_info-table tr th.xts_info-approver, html[dir="rtl"] #xts_info-table tr th.xts_info-reviewer { text-align:right;padding-right:13px; } .xts_info-v { width:4%; } .xts_info-np { width:4%; } .xts_info-w { width:4%; } .xts_info-h { width:4%; } .xts_info-sl { width:4%; } .xts_info-e { width:4%; } .xts_info-rh { width:5%; } .xts_info-ot { width:5%; } /* Timesheet Links */ #xts-table { width:100%;margin:0 auto;border-collapse:separate;/*min-width:1249px;*/ } #xts-table tr td:last-child { border-right:1px solid #333; } html[dir="rtl"] #xts-table tr td:last-child { border-right:none; } html[dir="rtl"] #xts-table tr td:nth-child(2) { border-right:1px solid #333; } #xts-table tr:last-child .xts-td { border-bottom:1px solid #333; } #xts-table tr:nth-child(3) .xts-th-title { border-left:1px solid #333;border-top:1px solid #333;border-top-left-radius:4px; } html[dir="rtl"] #xts-table tr:nth-child(3) .xts-th-title { border-left:none;border-right:1px solid #333;border-radius:0 4px 0 0; } #xts-table tr:last-child .xts-th-title { border-left:1px solid #333;border-top:1px solid #333;border-bottom:1px solid #333;border-bottom-left-radius:4px; } html[dir="rtl"] #xts-table tr:last-child .xts-th-title { border-left:none;border-right:1px solid #333;border-radius:0 0 4px 0; } #xts-table tr:first-child td:nth-child(2) { border-top-left-radius:4px; } html[dir="rtl"] #xts-table tr:first-child td:nth-child(2) { border-radius:0 4px 0 0; } #xts-table tr:first-child td:last-child { border-top-right-radius:4px; } html[dir="rtl"] #xts-table tr:first-child td:last-child { border-radius:4px 0 0 0; } #xts-table tr:last-child td:last-child { border-bottom-right-radius:4px; } html[dir="rtl"] #xts-table tr:last-child td:last-child { border-radius:0 0 0 4px; } #xts-table form { height:100%; } #xts-table button { height:100%;width:100%;border-radius:0px;padding:0; } #xts-table tr:last-child td:last-child button { border-bottom-right-radius:4px; } html[dir="rtl"] #xts-table tr:last-child td:last-child button { border-radius:0 0 0 4px; } .xts-th { height:28px;width:32px; } .xts-th, .xts-td { vertical-align:middle;text-align:center;border-left:1px solid #333;border-top:1px solid #333; } .xts-th-title { white-space:nowrap;vertical-align:middle;text-align:center;width:118px; } .xts-td { height:32px;width:32px; } .xbusinessday { color:lightgray; } .xweekend { color:black; } .xts-rh { /*none, this a tag class*/ } .xts-ot { /*none, this a tag class*/ } .xhas_attachment, .xhas_attachment:hover { text-decoration:underline; } /* Timesheet Status */ #xts_status { /*min-width:1249px;*/ } #xts_status > p { height:20px; } /* Worklogs Table */ #xworklog-table { width:100%;margin:0 auto;/*min-width:568px;*/ }/* min-width equal to the hight of iphone 5/SE */ #xworklog-table .xth:first-child { text-align:left;padding-left:17px; } html[dir="rtl"] #xworklog-table .xth:first-child { text-align:right;padding-right:17px; } html[dir="rtl"] #xworklog-table > ul > li { float:right; } /* Worklog Remark */ .xworklog-remark { margin:10px; } .xworklog-remark > ol, .xworklog-remark > ol > li { margin: 4px 0; } /* Worklogs Tabs */ #xworklog-table > ul { margin:0;padding:0; } #xworklog-table > ul > li > a { border-radius:6px 6px 0 0;color:#333;margin:0; } #xworklog-table > ul > li.active > a { border-top-color: #ccc;border-right-color: #ccc;border-left-color: #ccc;font-weight:bold; } #xworklog-table > ul.nav-tabs { border:0px; } #xworklog-table > div.tab-content { padding:10px;border:1px solid #ccc;border-radius:6px; } #xworklog-table > div.tab-content.xfirst_tab { border-top-left-radius:0;border-top-right-radius:6px; } html[dir="rtl"] #xworklog-table > div.tab-content.xfirst_tab { border-top-left-radius:6px;border-top-right-radius:0; } /* Worklogs (Current Selection Form) */ #xworklog-current-table { margin:0;width: 100%; } .xworklog-current-task { width:80%; } .xworklog-current-hours { width:20%; } .xworklog-current-hours input { text-align:center; } .xworklog-project { display:table-cell;vertical-align:middle;padding-left:15px; } #xworklog-current-total { border-top: solid 1px #DDD; }/* this will show up only when there is no data in the worklog table */ #xworklog-current-total_label { vertical-align:middle;text-align:right;font-weight:bold;border:none; } html[dir="rtl"] #xworklog-current-total_label { text-align:left; } #xworklog-current-total_hours { vertical-align:middle;text-align:center;border:none; } input.xfile { display:none; } .xworklog-record { /*none, this a tag class*/ } /* Worklogs (For Every Form) */ #xworklog-for_every-add span.select2-selection { min-height: 34px; } .xworklog-for_every-every > span.select2.select2-container.select2-container--default { /*min-width:0;*/ }/* overwrite min-width so, you can apply whatever width you need */ .xworklog-for_every-every { width:20%; } .xworklog-for_every-task { width:65%; } .xworklog-for_every-hours { width:15%; } .xworklog-for_every-hours input { text-align:center; } /* Worklogs (From-To Form) */ .xworklog-from_to-from_date { width:19%; } .xworklog-from_to-to_date { width:19%; } .xworklog-from_to-task { width:47%; } .xworklog-from_to-hours { width:15%; } .xworklog-from_to-hours input { text-align:center; } /* Timesheet History*/ #xhistory-table { width:100%; } #xhistory-table .xhistory-date { width:15%;border-bottom:none; } #xhistory-table .xhistory-status { width:15%;border-bottom:none; } #xhistory-table .xhistory-by { width:30%;border-bottom:none; } #xhistory-table .xhistory-remarks { width:40%;border-bottom:none;text-align:left; } /* Timesheet Submit */ #xtimesheet_workflow { width:100%;/*min-width:568px;*/margin:0 auto; } #xsubmit-table, #xapproval-table, #xreview-table { width:100%; } #xsubmit-table tr:nth-child(1) td, #xapproval-table tr:nth-child(1) td, #xreview-table tr:nth-child(1) td { padding-bottom:5px; } #xapproval-table tr:nth-child(2) td:nth-child(1), #xreview-table tr:nth-child(2) td:nth-child(1) { padding-right:2.5px;width:50%; } #xapproval-table tr:nth-child(2) td:nth-child(2), #xreview-table tr:nth-child(2) td:nth-child(2) { padding-left:2.5px;width:50%; } #xsubmit-table textarea[name='timesheet_remarks'], #xapproval-table textarea[name='timesheet_remarks'], #xreview-table textarea[name='timesheet_remarks'] { resize:vertical;height:100px } /* Timesheet Legned Style */ #timesheet_legend { /*margin-left:0;*/ } html[dir="rtl"] #timesheet_legend { /*margin-right:0;*/ } #timesheet_legend > .xtr { display:none; } button.btn.xlegend { opacity:1;width:50px;margin:2px;font-weight:bold;font-size:12px; } .xlegend-text { font-size:14px;font-style: italic;vertical-align:middle; } /* Timesheet Navigation Style */ #timesheet_navigation { margin:0 auto; } #timesheet_navigation { border-collapse:separate; } #timesheet_navigation td { padding:0px;border-left:solid 1px #CCC;border-top:solid 1px #CCC;border-bottom:solid 1px #CCC; } #timesheet_navigation tr td:nth-child(1){ border-top-left-radius:4px;border-bottom-left-radius:4px; } html[dir="rtl"] #timesheet_navigation tr td:nth-child(1){ border-radius:0 4px 4px 0;border-right:solid 1px #CCC; } #timesheet_navigation tr td:last-child { border-right:solid 1px #CCC;border-bottom-right-radius:4px;border-top-right-radius:4px; } html[dir="rtl"] #timesheet_navigation tr td:last-child { border-right:none;border-radius:4px 0 0 4px; } #previous_timesheet { border-radius:4px 0px 0px 4px;border-color:transparent; } html[dir="rtl"] #previous_timesheet { border-radius:0 4px 4px 0; } #timesheet_date { border-color:transparent;border-radius:0px;box-shadow:0 0; } #timesheet_date:focus { box-shadow: 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); } #go_to_timesheet { border-radius:0px;border-color:transparent; } #next_timesheet { border-radius:0px 4px 4px 0px;border-color:transparent; } html[dir="rtl"] #next_timesheet { border-radius:4px 0 0 4px; } /* Filters */ #xfilter-panel { width:210px; } #xfilter-panel table { width:100%; } #xfilter-panel td { padding-bottom:4px; } #xfilter-panel tr:last-child td { padding:0px; } #xfilter-panel tr .xtd { width:4px; } #xfilter-panel th { text-align:center; } #xfilter-panel a { text-align:center;text-decoration:none;color:#FFF; } /* Login Table */ #xlogin-table { width:250px;margin:auto;border-collapse:separate; } #xlogin-table td { padding-bottom:6px;padding-left:4px;padding-right:4px;background-color:white; } #xlogin-table tr:first-child td { padding-top:6px;border:1px solid white;border-radius:4px 4px 0 0; } #xlogin-table tr:last-child td { border:1px solid white;border-radius:0 0 4px 4px; } /* Password Table */ #xpassword-table { width:250px;margin:auto;border-collapse:separate; } #xpassword-table td { padding-bottom:4px;padding-left:4px;padding-right:4px;background-color:white; } #xpassword-table tr:first-child td { padding-top:4px;border:1px solid white;border-radius:4px 4px 0 0; } #xpassword-table tr:last-child td { border:1px solid white;border-radius:0 0 4px 4px; } /* Companies Table */ #xcompanies-table { width:100%;/*min-width:600px;*/ } .xcompanies-name { width:30% } .xcompanies-domain { width:70% } /* Settings Table */ #xsettings-table { width:100%;/*min-width:961px;*/ } .xsettings-for_type { width:10% } .xsettings-company { width:15% } .xsettings-name { width:20% } .xsettings-value { width:30% } .xsettings-desc { width:25% } /* Deals Table */ #xdeals-table { width:100%;/*min-width:961px;*/ } .xdeals-company { width:25%; } .xdeals-code, .xdeals-start_date, .xdeals-end_date, .xdeals-licenses , .xdeals-currency , .xdeals-cost_per_license { width:12.5%; } /* Patches Table */ #xpatch-table { width:100%; } .xpatch-filename { width:100%; } /* Backup Table */ #xbackup-table { width:100%;/*min-width:290px;*/ } .xbackup-user { width:100%; } /* Delegation Table */ #xdelegation-table { width:100%;/*min-width:290px;*/ } .xdelegation-delegator { width:100%; } /* Delegation Exit Bar */ #xdelegation-exit { z-index:0;padding:5px;background-color:#fcf8e3;position:fixed;top:51px;left:0px;right:0px;text-align:center; } /* My Info Table*/ #xinfo-table { width:100%;/*min-width:290px;*/ } #xinfo-table .xinfo-property { width:30%;font-weight:bold;vertical-align:middle;text-align:right; } html[dir="rtl"] #xinfo-table .xinfo-property { text-align:left; } #xinfo-table .xinfo-text { width:70%;vertical-align:middle;text-align:left;padding-left:20px; } html[dir="rtl"] #xinfo-table .xinfo-text { text-align:right;padding-left:0px;padding-right:20px; } #xinfo-table .xtr:nth-child(even) { background-color:#F5F5F5; } /*------------------------------------------------------------------------------------------------------------------- Customize Vendors CSS */ /*------------------------------------------------------------------------- Select2 */ span.select2.select2-container.select2-container--default { min-width:150px;width:100%; } span.select2-selection.select2-selection--multiple { border:1px solid #CCC; } .select2-container--default.select2-container--focus .select2-selection--multiple { border-color:#66AFE9;outline:0px none;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6); } /* Disbaled Select2 */ .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color:#FFF;cursor:not-allowed;border-color:#FFF; } .select2-container--default.select2-container--disabled .select2-selection--multiple:focus { box-shadow:none; } li.select2-search.select2-search--inline { Display:none; } .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-right:0; } /*------------------------------------------------------------------------- Accordion Panels (based on bootstrap) */ .xpanel-transparant { margin:0;border-color:#FFF;box-shadow:none; } .xpanel-transparant .panel-heading { color:#555;background-color:#FFF;border-color:#FFF;border-bottom:none; } .xpanel-transparant .panel-heading.panel-title { padding:5.5px 12px; } .xpanel-transparant .panel-body { padding:4px; } .xpanel-black { margin:0;border-color:#555;box-shadow:none; } .xpanel-black .panel-heading { color:#FFF;background-color:#555;border-color:#555;border-bottom:none; } .xpanel-black .panel-heading.panel-title { padding:5.5px 12px; } .xpanel-black .panel-body { padding:4px; } .xpanel-white { margin:0;border-color:#555;box-shadow:none; } .xpanel-white .panel-heading { color:#555;background-color:#FFF;border-color:#555;border-bottom:none;border-radius:3px; } .xpanel-white .panel-heading.panel-title { padding:5.5px 12px; } .xpanel-white .panel-body { padding:4px; } /*------------------------------------------------------------------------- Bootstrap */ /* Container */ .xcontainer-navbar { /*width:85%;*/padding-right:15px;padding-left:0;margin:auto; } .xcontainer { /*width:85%;*/padding-right:15px;padding-left:15px;margin:auto; } /* Navigation Bar*/ .navbar { margin:0; } ul.navbar-nav { display:flex; } #xnavbar-1 { float:left;margin: 0 0 0 0; } html[dir="rtl"] #xnavbar-1 { float:right;margin: 0 -15px 0 0;padding:0; } #xnavbar-2 { float:right;margin:0 -15px 0 0; } html[dir="rtl"] #xnavbar-2 { float:left;margin:0 0 0 0; } /* Submenu */ .dropdown-submenu { position:relative; } .dropdown-submenu .dropdown-menu { top:0;left:10%;margin-top:26px; } html[dir="rtl"] .dropdown-menu { left:auto;text-align:right; } html[dir="rtl"] .dropdown-submenu .dropdown-menu { right:10%; } /* Responsive Table */ .table-responsive { border:solid 0px transparent; } /* Messages */ .alert { margin:0 0 20px 0; } /* Disabled Text Box */ .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color:#FFF;border-color:#FFF;box-shadow:none; } /* Text Box (Transparant) */ .xform-control-transparant { box-shadow:none;border:1px solid #FFF; } /* Buttons Modifiers */ .xbtn-text-green { background-color:#FFF;color:#5cb85c;border-color:#FFF; } .xbtn-text-red { background-color:#FFF;color:#d9534f;border-color:#FFF; } .xbtn-lightgray { background-color:#FFF;color:lightgray;border-color:#FFF; } .xbtn-gray { background-color:#FFF;color:#555;border-color:#CCC; } .xbtn-black { color:#FFF;background-color:#333;border-color:#333; } .xbtn-transparant { background-color:#FFF;color:#555;border-color:#FFF; } /* Custom Bottons */ .xbtn-white { background-color:#FFF;border-color:#FFF;color:#333; } .xbtn-white:hover, .xbtn-white:focus, .xbtn-white:active { background-color:#e6e6e6;border-color:#adadad; } .xbtn-orange { background-color:#f0ad4e;border-color:#eea236;color:#FFF; } .xbtn-orange:hover, .xbtn-orange:focus, .xbtn-v:active { background-color:#ec971f;border-color:#d58512;color:#FFF; } .xbtn-red { background-color:#d9534f;border-color:#d43f3a;color:#FFF; } .xbtn-red:hover, .xbtn-red:focus, .xbtn-red:active { background-color:#c9302c;border-color:#ac2925;color:#FFF; } .xbtn-blue { background-color:#337ab7;border-color:#2e6da4;color:#FFF; }/*keep this always at the end so, it can override the others when added with them*/ .xbtn-blue:hover, .xbtn-blue:focus, .xbtn-blue:active { background-color:#286090;border-color:#204d74;color:#FFF; } /*------------------------------------------------------------------------- Spin Bootstrap Glyphicons */ .gly-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .gly-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .gly-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .gly-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .gly-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .gly-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } /*------------------------------------------------------------------------- Keithwood Date Picker */ /* Style weekends */ div.calendars-month > table > tbody > tr > td:nth-child(6) > a, div.calendars-month > table > tbody > tr > td:nth-child(7) > a, div.calendars-month > table > tbody > tr > td:nth-child(6) > span, div.calendars-month > table > tbody > tr > td:nth-child(7) > span { background-color: #ccc; } /* Style footer */ .calendars-ctrl { display: none; } /* Style today's date */ div.calendars-month > table > tbody > tr > td > a.calendars-today { background-color: #aaa; } /* Style mouse hover */ div.calendars-month > table > tbody > tr > td > a.calendars-highlight, div.calendars-month > table > tbody > tr > td:nth-child(6) > a:hover, div.calendars-month > table > tbody > tr > td:nth-child(7) > a:hover { color: black; background-color:#337ab7; border-color:#2e6da4; color:white; } .calendars-popup a:hover, .calendars-popup a:focus { color: white; text-decoration-line: none; } /* Style navbar */ a.calendars-cmd-prev.xdatepicker-rtl { float: right; padding-right: 4px; } a.calendars-cmd-today.xdatepicker-rtl { float: right; } a.calendars-cmd-next.xdatepicker-rtl { float: left; text-align: left; padding-left: 4px; } /*------------------------------------------------------------------------------------------------------------------- Media Specific Styles */ @media print { body, #xcontent { margin:0;padding:0; } a[href]:after { content:none !important; } .xbtn-red { background-color:#d9534f !important;border-color:none !important; } .xbtn-red span { color:#FFF !important; } .xbtn-orange { background-color:#f0ad4e !important;border-color:#eea236 !important; } .xbtn-orange span { color:#FFF !important; } .xbtn-blue { border:0px !important; } #timesheet_legend > .xtr { display:inline-table; } #xworklog-table, #xtimesheet_workflow , #timesheet_navigation, #xpagination, #xfilter-panel, #xdebug, #xfooter{ display:none; } #xusers-table button, #xusers-row-add, .xusers-report_to, .xusers-company, .xusers-middle_name, .xusers-unique_id { display:none; } .xusers-email, .xusers-job_title { width: 20%; } .xusers-first_name, .xusers-last_name, .xusers-role, .xusers-vendor { width: 10%; } .xth.xusers-email, .xth.xusers-first_name, .xth.xusers-last_name, .xth.xusers-job_title, .xth.xusers-vendor { text-align:left;padding-left:15px; } .xth.xusers-role { text-align:left;padding-left:17px; } #xcharge_codes-table { width:30%;/*min-width:0px;*/ } #xcharge_codes-table button, .xcharge_codes-manager, #xcharge_codes-row-add { display:none; } #xprojects-table { width:50%;/*min-width:0px;*/ } #xprojects-table button, #xprojects-row-add { display:none; } .xth.xprojects-desc { text-align:left;padding-left:15px; } .xth.xprojects-status { text-align:left;padding-left:17px; } #xtasks-table { /*min-width:0px;*/ } #xtasks-table button, #xtasks-row-add, .xtasks-assignees_ids { display:none; } .xth.xtasks-project { text-align:left; } .xth.xtasks-desc, .xth.xtasks-start_date, .xth.xtasks-end_date { text-align:left;padding-left:15px; } .xth.xtasks-charge_code { text-align:left;padding-left:17px; } #xapprovals-table button, .xapprovals-view { display:none; } .xth.xapprovals-approver_name { text-align:left;padding-left:12.5px; } #xreviews-table button, .xreviews-view { display:none; } #xsettings-row-add { display:none; } #xsettings-table button { display:none; } #xsettings-table .xth { text-align:left;padding-left:15px; } #xcompanies-table { width:50% } #xcompanies-table button { display:none; } #xcompanies-row-add { display:none; } #xcompanies-table .xth { text-align:left;padding-left:15px; } #xjobs-table button, .xjobs-job_desc, .xjobs-interviewers { display:none; } #xjobs-row-add { display:none; } .xth.xjobs-job_title { text-align:left;padding-left:15px; } .xth.xjobs-job_manager, .xth.xjobs-job_status { text-align:left;padding-left:17px; } #xcvs-table button, .xcvs-contact_info, .xcvs-cv { display:none; } #xcvs-row-add { display:none; } .xth.xcvs-job { text-align:left; } .xth.xcvs-first_name, .xth.xcvs-middle_name, .xth.xcvs-last_name { text-align:left;padding-left:15px; } .xth.xcvs-status { text-align:left;padding-left:17px; } #xts_info-table, #xts_status, #xts-table { /*min-width:0;*/ } #xtimesheet_data-table, #xtimesheet_summary-table, #xresource_utilization-table { /*min-width:0;*/ } } /* Very Small Devices e.g. Tablets and mobiles */ /* note: at this size user will lose some functionality and the page will be read only */ @media (max-width:896px){ /* mini footer */ .navbar-toggle { margin-right:0; } #xlogo-home { width:225px; } #xcontent { padding-bottom:72px; } #xfooter { height:52px;padding-left:0; } #xlogo-footer { display:none; } #xhome { display:block; } /* Jobs */ #xjobs-table { min-width:866px; } /* #xjobs-row-add, .xjobs-interviewers, #xjobs-table .xtd:nth-last-child(-n+2), #xjobs-table .xth:nth-last-child(-n+1) { display:none; } */ /* CVs */ #xcvs-table { min-width:866px; } #xcvs-row-add, .xth.xcvs-job, #xcvs-table .xtd-empty, #xcvs-table .xtd-group:last-child { display:none; } .xcvs-cv_code { width:15%; } .xcvs-first_name { width:23%; } .xcvs-middle_name { width:15%; } .xcvs-last_name { width:23%; } .xcvs-status { width:24%; } /* Users */ #xusers-row-add, .xusers-vendor, .xusers-report_to, .xusers-middle_name, #xusers-table .xtd:nth-last-child(-n+4), #xusers-table .xth:nth-last-child(-n+1) { display:none; } .xusers-email { width:30%; } .xusers-unique_id { width:0%; } .xusers-first_name, .xusers-last_name { width: 17.5%; } .xusers-job_title { width:20%; } .xusers-role { width:15%; } /* Charge Code */ #xcharge_codes-table { max-width:767px; } /* Backup */ #xbackup-table { max-width:640px; } /* Delegation */ #xdelegation-table { max-width:640px; } /* Projects */ #xprojects-table { max-width:767px; } /* Tasks */ #xtasks-table { min-width:866px; } /* this size helps the timesheet fit perfectly in 896px screen */ #xtasks-row-add, .xth.xtasks-project, .xth.xemployee-task-project, #xtasks-table .xtd-group:last-child, /* #xtasks-table .xtd-group:nth-last-child(-n+6), #xtasks-table .xtd:nth-last-child(-n+5), #xtasks-table .xth:nth-last-child(-n+2) */ #xtasks-table .xtd-empty { display:none; } .xtasks-desc, .xemployee-task-desc { width:30%; } .xtasks-start_date, .xtasks-end_date, .xemployee-task-start_date, .xemployee-task-end_date { width:17%; } .xtasks-charge_code, .xemployee-task-charge_code { width:20%; } .xtasks-status, .xemployee-task-status { width:16%; } #xtasks-table .xth { text-align:center; } /* Timesheet */ #xts-table, #xts_info-table, #xts_status { min-width:866px; } /* this size helps the timesheet fit perfectly in 896px screen */ #xts-table { min-height:109px; } /* .xts_info-unique_id, .xts_info-w, .xts_info-v, .xts_info-h, .xts_info-sl, .xts_info-e, .xts_info-np, .xts_info-reviewer, .xts_info-approver, .xts_info-name { display:none; } .xts_info-name { width: 30%; } */ /* Worklog */ #xworklog-table { min-width:482px;max-width:767px; } /* perfect min size at 512px screen */ /* Workflow */ #xtimesheet_workflow { max-width:767px; } /* Patches Table */ #xpatch-table { max-width:767px; } } /* Small Devices e.g. Tablets and mobiles */ @media (min-width: 897px) AND (max-width:1024px){ /* mini footer */ .navbar-toggle { margin-right:0; } #xlogo-home { width:225px; } #xcontent { padding-bottom:72px; } #xfooter { height:52px;padding-left:0; } #xlogo-footer { display:none; } #xhome { display:block; } /* Charge Code */ #xcharge_codes-table { max-width:767px; } /* Backup */ #xbackup-table { max-width:640px; } /* Delegation */ #xdelegation-table { max-width:640px; } /* Projects */ #xprojects-table { max-width:767px; } /* Worklog */ #xworklog-table { min-width:482px;max-width:767px; } /* perfect min size at 512px screen */ /* Workflow */ #xtimesheet_workflow { max-width:767px; } /* Patches Table */ #xpatch-table { max-width:767px; } } @media (min-width: 1025px) AND (max-width:1280px){ /* Charge Code */ #xcharge_codes-table { max-width:767px; } /* Backup */ #xbackup-table { max-width:640px; } /* Delegation */ #xdelegation-table { max-width:640px; } /* Projects */ #xprojects-table { max-width:767px; } /* Worklog */ #xworklog-table { min-width:482px;max-width:767px; } /* perfect min size at 512px screen */ /* Workflow */ #xtimesheet_workflow { max-width:767px; } /* Patches Table */ #xpatch-table { max-width:767px; } } /* Large Devices e.g. Desktops ...etc */ /* Optimum size is 1280px */ @media (min-width: 1281px) AND (max-width:1920px){ .xcontainer-navbar { width:1280px; } .xcontainer { width:1280px; } /* Charge Code */ #xcharge_codes-table { max-width:767px; } /* Backup */ #xbackup-table { max-width:640px; } /* Delegation */ #xdelegation-table { max-width:640px; } /* Projects */ #xprojects-table { max-width:767px; } /* Worklog */ #xworklog-table { min-width:482px;max-width:767px; } /* perfect min size at 512px screen */ /* Workflow */ #xtimesheet_workflow { max-width:767px; } /* Patches Table */ #xpatch-table { max-width:767px; } } /* Extra Large Devices e.g. Desktops ...etc */ /* 1664px is the closest true width to 85% of 1920px and it's more than enough, no need for more */ @media (min-width: 1921px){ .xcontainer-navbar { width:1664px; } .xcontainer { width:1664px; } /* Charge Code */ #xcharge_codes-table { max-width:767px; } /* Backup */ #xbackup-table { max-width:640px; } /* Delegation */ #xdelegation-table { max-width:640px; } /* Projects */ #xprojects-table { max-width:767px; } /* Worklog */ #xworklog-table { min-width:482px;max-width:767px; } /* perfect min size at 512px screen */ /* Workflow */ #xtimesheet_workflow { max-width:767px; } /* Patches Table */ #xpatch-table { max-width:767px; } }