img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} body { background: #FFF; font-family: Arial,Helvetica,Sans-Serif; margin: 0; padding: 0; } table, table td { padding: 0; margin: 0; border-collapse: collapse; font-size: 13px; } :focus { outline: none; } #content { margin: 0; padding: 15px; } h1 { font-size: 24px } .error, .alert { color: Red; display: block; font-weight: bold; } .admin { display: none; } .success { color: green; font-weight: bold; } h2 { font-family: 'Arial Black'; font-size: 30px; line-height: 26px; margin: 0 0 10px 0; padding: 0; } hr.clear { border: none; clear: both; height: 1px; visibility: hidden; } .grid { display: grid; grid-gap: 10px } .grid.half { grid-template-columns: 1fr 1fr } .navContainer { width: 100%; position: fixed; z-index: 100; } ul#nav { margin: 0; padding: 0; background: #333; } ul#nav li { list-style-type: none; display: inline-block; } ul#nav li#last { float: right; } ul#nav li a { color: #ccc; font-weight: normal; font-size: 13px; text-decoration: none; margin: 0; padding: 7px 20px; vertical-align: bottom; display: block } ul#nav li a:hover { color: #fff; background: #7b26bc; } ul#nav li.active a { color: #fff; background: #7b26bc; font-weight: bold; } ul#sub-nav { background: #7b26bc; padding: 0; margin: 0; } ul#sub-nav li { display: inline-block; vertical-align: middle; list-style-type: none; margin: 5px; padding: 0; } ul#sub-nav > li:last-of-type { float: right } ul#sub-nav li a { color: #fff; font-weight: normal; font-size: 13px; text-decoration: none; margin: 0; padding: 5px 20px; vertical-align: bottom; display: block } ul#sub-nav li a:hover { text-decoration: underline; } #sub-nav ul { background: #7b26bc; list-style: none; margin: 0; padding: 0; position: absolute; box-shadow: 0px 5px 5px #ccc; z-index: 999; display: none; width: 200px; max-width: unset !important } #sub-nav li { position: relative } #sub-nav li:hover ul { display: block } #sub-nav ul li { border: 0; display: block; margin: 0; padding: 0; } #sub-nav ul li a { padding: 7px 20px; margin: 0; display: block; } code { font-size: 13px; line-height: 1.8em; background: #e9e9e9; padding: 5px; display: block; margin: 1em; } #content { font-size: 13px; padding: 10px 30px; } #content li, #content li ul { margin: 5px 0 } #content h3, #content summary, .ui-dialog h3 { font-size: 20px; line-height: normal; color: #000; margin: 0; padding: 0; font-family: "Arial Black",Arial,Helvetica,sans-serif; font-weight: bold; letter-spacing: -0.08em; } #content .boxWrap h3, #content summary, .ui-dialog h3 { padding-left: 0; color: #7b26bc; color: #339900; } #content a[href] { word-break: break-all; } #content :is(#hours,#hours-user,#hours-user-by-day) td, #content :is(#hours td:first-of-type,#warboard td:nth-of-type(3)) a[href] { word-break: unset } #content { max-width: 1200px } #content #logs tbody div { padding-right: 8px } #content tbody br + br { display: none } #content #logs table { width: 100% !important } #content table { box-sizing: border-box; } #content td { overflow-wrap: break-word } #content #logs table td a { display: block } #content #logs table td a:has(.fa-pencil) { display: inline-block } #tblContacts th:nth-of-type(4), #tblContacts td:nth-of-type(4) { width: 110px } #tblContacts input:not([type=checkbox]) { width: 100% } #logs td:nth-of-type(1), #logs td:nth-of-type(2) { word-break: unset } #tblTasks td { white-space: nowrap } #tblTasks td:nth-of-type(4) { white-space: normal } a span.fa { color: #339900; font-size: 20px; } .boxWrap { clear: left; margin: 10px 0; background: #a0e088; background: #d3f2c8; padding: 10px; line-height: 1.5em; display: block; } #notices { width: 590px; min-height: 120px; } #tinyURL { display: block; width: 300px; clear: none; float: left; } #tinyURL input { width: 275px; margin: 0 0 2px 0; } #tinyURL #tinyButton { width: 100px; } #accountDetails { margin: 0; padding: 0 0 0 10px; display: block; } #accountDetails a { color: #000; text-decoration: none; } #accountDetails a:hover { text-decoration: underline; } #insertlogform select { padding: 11px 4px; } table thead tr#insertlogform td { vertical-align: bottom; background: #d1ecb0 !important; } table.dataTable thead th, table.dataTable thead td { border-bottom: 1px solid #d7d7d7 !important; box-sizing: content-box !important; max-width: unset !important } .colHalf { display: inline-block; margin: 0; padding: 0; width: 48%; vertical-align: top; } #editAccountDetails { margin-bottom: 20px; } #editAccountDetails p { margin: 0; padding: 5px; border: 1px solid #e9e9e9 } #editAccountDetails p:nth-child(odd) { background-color: #e9e9e9; } #editAccountDetails label { display: inline-block; width: 130px; } #editAccountDetails p span { display: inline-block; width: calc(100% - 140px); } #editAccountDetails p span input[type=text] { width: 100%; } #editAccountDetails p span input[type=date] { padding: 2px; } #editAccountDetails p span.top { vertical-align: top; } #btnEditAccountDetails { display: block; margin-top: 5px; } .editHeader { margin-left: 10px; } .doubleTable table { float: left; display: inline; } .ajax__calendar_container table { padding: 0; border: none; background: #fff; } .ajax__calendar_container table tr { background: #fff; color: #000; border: none; } .ajax__calendar_container table td { border: 1px solid #ccc; border: none; padding: 0; } table { border: 2px solid #7bb722; padding: 5px; background: #a0e088; } table table { border: none; border-bottom-width: 0px; } table#ratings table { border: 1px solid #a0e088; } #content table tr, #content table.dataTable tbody tr, #tblSpelling tr { background-color: #d1ecb0; color: #003300; border: none; } #content table tr.alt, #content table.dataTable tbody tr.even, #content table tr:nth-child(even) td, #content table thead th, #tblSpelling tr:nth-child(even) { background-color: #eeffcc; } #tblSpelling td { background-color: none !important } #content table tr:hover td { background-color: lightblue } table td { border: 1px solid #a0e088; border: none; padding: 0.5em; } td textarea { vertical-align: bottom; } table th { color: #666666; line-height: normal; border: 1px solid #d7d7d7; font-weight: bold; padding: 10px; } table#amposts th { white-space: nowrap; } table th a { background: #d7d7d7 ; text-decoration: none; display: block; color: #666666; padding: 0em 0.5em; margin: 0px; } table th a:hover { background: #b7b7b7 ; color: Black; } #tblLogs td { } .right { float: right; margin: 0 10px; display: block; } fieldset { display: block; border: 1px solid #ccc; background: #e9e9e9; padding: 5px; margin: 10px; } legend { font-size: 15px; padding: 5px; background: #fff; border: 1px solid #333; } .modal { background: #000; opacity: 0.7; } .ui-widget { font-size: 13px !important } .ui-widget-overlay { background: #000; opacity: .7; filter: Alpha(Opacity=70); position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-dialog-titlebar { display: none; } .ui-front { z-index: 100; } .searchBox, .watermarkSearch { margin: 0; border: none; box-sizing: border-box } .searchList { background: #fff; border: 1px solid #ccc; margin: 0; padding: 5px; font-size: 13px; } .searchList ul { margin: 0; padding: 0; } .searchList li { margin: 0; padding: 0; list-style-type: none; } .searchList:hover { cursor: pointer; } .searchItem:hover, .searchHighlighted { color: #fff; background: #7b26bc; } .watermark, .watermarkSearch { color: #ccc; font-style: italic; } #pie_chart { float: right; } textarea.textlabel, input.textlabel { background: none; border: none; font-family: Arial,Helvetica,Sans-Serif; padding: 0; border-radius: 0; } #reportWrap { font-size: 13px; } #report { width: 720px; padding: 10px; border: 1px solid #ccc; box-shadow: #e9e9e9 0px 2px 2px; } #report h1 { font-weight: normal; text-align: center; font-family: Arial,Helvetica,Sans-Serif; } #report h2 { text-align: center; font-size: 20px; font-family: Arial,Helvetica,Sans-Serif; } #report h3 { font-weight: normal; text-align: center; font-size: 13px; font-family: Arial,Helvetica,Sans-Serif; } #report h4 { background: #E6E6FF; padding: 5px; font-weight: normal; font-size: 13px; margin: 10px 0; } #report table { background: none; border: none; border-collapse: collapse; } #report th { border: none; } #report table tr, #report table tr td { border: none; background: none !important; color: #000; padding: 0; } #report input { border: none; } #report em input, #report em select { font-style: italic; } #report .report-number { font-size: 30px; font-weight: bold; width: 90px; text-align: left; } #report .report-number-diff { font-size: 13px; font-weight: normal; display: block; } #report #speed .report-number { font-size: 30px; font-weight: bold; width: 40px; text-align: right; } #report .report-vs { width: 30px; text-align: right; } #report .report-header { width: 300px; } #report .report-header-tri { width: 200px; } #report table tr td.negative span.view, #report table tr td span.negative { color: #661100; } #report table tr td.positive span.view, #report table tr td span.positive { color: #008822; } .invisible { display: none; } #report #activity table td { padding: 5px; vertical-align: bottom; border-bottom: 1px solid #e9e9e9; } a.am-tasks-due-0, a.am-tasks-due-1, a.am-tasks-due-2 { color: blue; } a.am-tasks-due-3, a.am-tasks-due-4, a.am-tasks-due-5 { color: forestgreen; } a.am-tasks-due-6, a.am-tasks-due-7 { color: orange; } a.am-tasks-due-8, a.am-tasks-due-9, a.am-tasks-due-10 { color: red; } .late, .zero { color: Red; font-weight: bold; } .ui-dialog-titlebar-close { background-image: url(/images-Design/delete.png); float: right; background-repeat: no-repeat; } .ui-icon-closethick { visibility: hidden; } #progress { height: 10px; width: 100px; display: block; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url(images-Design/animated-overlay.gif); height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .strong { font-weight: bold; } #schedule input[type=number] { border: 1px solid #ccc; padding: 0.5em; color: #444; min-width: 3em; } #schedule th { border: 0; } .spinner, #pnlProject { display: none; } .hide { display: none; } .dataTables_filter { margin: 0 1em 1em 1em; } #warboard { display: none; } #btnAssign { cursor: pointer; } #task-assigned { display: none; } #progressOuter { display: none; width: 200px; height: 1.3em; border: 1px solid #999; border-radius: 0.5em; margin-top: 10px; } #progressInner { height: 1.3em; display: block; width: 0; background: #bfd255; background: linear-gradient(to bottom,#bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); } #accounts-filter { text-align: right; color: #333; margin: 0 1em; } #donenotes { display: none; } #content table#hours-user-by-day tr { background-color: #fff; } #content table#hours-user-by-day tr table tr { background-color: #d1ecb0; } #content table#hours-user-by-day tr table tr.even { background-color: #eeffcc; } #content table#hours-user-by-day tbody tr td table td { font-weight: normal; font-size: 13px; } #content table#hours-user-by-day tbody tr td { font-weight: bold; font-size: 18px; } #content table#hours-user-by-day { border: none; padding: 0; background: #fff; } #content table#hours-user-by-day table { border: 2px solid #7bb722; padding: 5px; background: #a0e088; } #project-steps label { display: inline-block; } #jump { list-style-type: none; margin: calc(-90px + 3em + 20px) -50px; padding: 0; background: #339900; position: fixed; width: 100vw; z-index: 1; } #jump li { display: inline-block; text-transform: capitalize; margin: 0.5em; } #jump a { color: #fff; text-decoration: none; } .anchor { position: relative; top: -8em; display: block; } #tblAmes .btn { margin: 3px 10px; } input, textarea, select { padding: 5px; border-radius: 3px; outline: none; border: 1px solid #ccc; box-sizing: border-box } select, input[type=date] { padding: 4px; } .btn, button, input[type=button] { padding: 5px 9px; color: #444; background: #e9e9e9; border: 1px solid #ccc; border-radius: 3px; margin: 3px; } .btn:hover, button:hover, input[type=button]:hover { background: #ccc; border: 1px solid #e9e9e9; cursor: pointer; } #tblTasks tbody { display: none; } #amposts .fa-check-circle, #blogposts .fa-check-circle { color: #008822; } #amposts .fa-times-circle, #blogposts .fa-times-circle { color: #ff0000; } #content table#amposts tr.urgent td { background-color: #f9b5b5; border-bottom: 1px solid #003300; } #blogposts tbody textarea { border-bottom: 1px dotted #CCC; margin: 7px 0; } .invis, .ccpaNotice { display: none !important; } #serverError { background: #ff0000; color: #fff; font-weight: bold; text-shadow: #000 0 0 3px; width: 100%; padding: 10px 0; text-align: center; display: none; font-size: 13px; } .ccpaNotice { display: none; } th { position: sticky; top: 0 } #tblSpelling, #tblSpelling thead, #tblSpelling th { display: block } #tblSpelling thead { margin-bottom: 5px } #tblSpelling thead tr, #tblSpelling td, #tblSpelling a { display: block } #tblSpelling th { text-align: left } #tblSpelling tbody { display: flex; flex-wrap: wrap; } #tblSpelling tr { flex: 0 0 100px } summary { padding: 5px } summary:hover { cursor: pointer } summary::marker { font-size: 16px } .referralsTable > label:first-of-type { display: none; } .referralsTable > label { margin: 0.5em 0; display: inline-block; } .referralsTable .paging { display: none; } #addtask input, #addtask select, #addtask textarea { width: 90%; padding: 10px; } #addtask input[type=checkbox] { display: inline-block; width: auto; } @media(max-width:999px) { #content { padding: 10px } #sub-nav ul { display: none !important } #editAccountDetails .grid.half { grid-template-columns: 1fr } } @media(max-width: 767px) { #map { max-height: 60vw; } #content { padding: 10px 0; } #content p { margin: 0.5cm; } #nav { display: flex; flex-wrap: wrap; } #nav li { margin: 0.2cm 0; } table { padding: 0; } .boxWrap { float: none; } #accounts { max-width: 100% } h1, h2, h3, #content summary { text-align: center; } textarea { width: 100%; height: 10em; } #tblContacts th:nth-of-type(4), #tblContacts td:nth-of-type(4) { width: auto } input:not([type=checkbox]) { width: 100% !important; } input[type=checkbox] { margin: 0 12px } ul#sub-nav li:last-of-type { float: none; display: block; } ul#sub-nav { padding-bottom: 5px } .searchBox { padding: 5px } #accounts td:nth-of-type(n+2), #accounts th:nth-of-type(n+2) { display: none } #content table { margin: 0 auto } table.dataTable thead th { padding: 10px 15px 10px 5px } .priceDetail > * { text-align: center } :is(#contacts,#logs,#stickies,#tasks) thead, #tblLogs thead tr.alt { display: none } :is(#contacts,#logs,#stickies,#tasks) td { display: block; padding-left: 100px; position: relative } :is(#contacts,#logs,#stickies,#tasks) td:before { position: absolute; left: 10px } #tblLogs, #tblLogs :is(thead, #insertlogform) { display: block !important } #tblLogs thead { border-bottom: 15px solid #eeffcc } #stickies td:nth-of-type(1):before { content: "user:" } #stickies td:nth-of-type(2):before { content: "stamp:" } #stickies td:nth-of-type(3):before { content: "note:" } #logs td:nth-of-type(1):before { content: "contact:" } #logs td:nth-of-type(2):before { content: "user:" } #logs td:nth-of-type(3):before { content: "stamp:" } #logs td:nth-of-type(4):before { content: "note:" } #contacts td:nth-of-type(1):before { content: "name:" } #contacts td:nth-of-type(2):before { content: "title:" } #contacts td:nth-of-type(3):before { content: "email:" } #contacts td:nth-of-type(4):before { content: "office:" } #contacts td:nth-of-type(5):before { content: "cell:" } #contacts td:nth-of-type(6):before { content: "dept:" } #contacts td:nth-of-type(7):before { content: "notify:" } #contacts td:nth-of-type(8):before { content: "active:" } #tasks td:nth-of-type(1):before { content: "id:" } #tasks td:nth-of-type(2):before { content: "type:" } #tasks td:nth-of-type(3):before { content: "user:" } #tasks td:nth-of-type(4):before { content: "description:" } } .break-me-not { white-space: nowrap; }