body {
  background-color: #71c8e9; 
}  
h2 {
  background-color: rgba(33,113,144,0.2);
  border: solid 1px rgba(33,113,144,1);
}
canvas { background-color: #fff; margin: 0; padding: 0; }
/* Template layout */ 
/* Header */
.header-top-box {
    background-color: #4fb2e0;
    background: -webkit-linear-gradient(#6acdeb, #3599d6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#6acdeb, #3599d6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#6acdeb, #3599d6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#6acdeb, #3599d6); /* Standard syntax */
    color: #FFF;
}
.header-top-box a {
    color: #FFF;
}
.no-top-line {
    background: #61C8E7 url(../images/senzey-bg-page.gif) repeat-x right top;
}
.top-line {
    background: #61C8E7 url(../images/senzey-bg-page.gif) repeat-x right 28px;
}
@media only screen and (max-width:1024px) {
    body {
        background: #bae8f9 none !important;
    }    
}
.ewHeaderRow {
    background-image: url(../images/senzey-header-part1.gif), url(../images/senzey-header-part2.gif);
    background-repeat: no-repeat, no-repeat;
    background-position: left top, right top;
}
/* Toolbar */
#toolbar-wrapper {
    left: 370px;
    top: 154px;
}
/* Daily Tip */
#daily-tip {
  visibility:visible;
}
/* Main Navigation */
ul.ewMenuBarVertical ul>li>a, 
ul.menu>li>a {
    background-color: rgba(255,255,255,0.5);
}
/* List Pages */
.active-filters-wrapper {
  border: solid 1px #FFF;
}
#search_history li {
  border-bottom: solid 3px rgba(255,255,255,0.2);
}
.search-panel { 
  background-color: rgba(255,255,255,0.3);
}
.ewSearchOpSelect {
    border:1px solid #fff;
}
.ewPager {
  border: solid 1px rgba(33,113,144,0.2);
}
.link-wrapper { 
  border: solid 1px rgba(255,255,255,0.7);
}
.ewTable td {
  background-color: rgba(255,255,255, 0.4);
  border-bottom:  1px solid rgba(255,255,255,1);
 } 
 .ewTable tr.vborder>td {border: 1px solid #e5e5e5; }
 .calendar-wrapper .calendar-title,
.ewTable .ewTableHeader,
.ewTable .ewTableHeader td {
    background-color: #4d4e4d;
    background: -webkit-linear-gradient(#686968, #333433); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#686968, #333433); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#686968, #333433); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#686968, #333433); /* Standard syntax */
    border-left: solid 1px rgba(255,255,255,0.3);
  color: #FFFFFF;
}
/* View Pages */
.view-wrapper .header { 
  border: solid 1px rgba(255,255,255,1);
}              
.view-wrapper>table {
  border: solid 1px rgba(255,255,255,0.7);
}
.view-wrapper table tr.details-header {
  color: #000;
  background-color: #FFF;
}
.view-wrapper table tr.details-row>td {
  background-color: rgba(255,255,255,0.4);
}
/* Dashboard */
#dashboard table.todos,
#dashboard table.followup-tasks,
#dashboard table.projects-tasks,
#dashboard table.issues,
#dashboard table.expenses,
#dashboard table.payments,
#dashboard table.project-billing {
  border: solid 1px rgba(255,255,255,0.7);
}
#dashboard tr.details-header {
    background-color: #FFF;
}
#dashboard table tr.header2 {
    background-color: rgba(255,255,255,0.4);
}
#dashboard tr.details-row {
    background-color: rgba(255,255,255,0.4);
}
/* Reports and Overviews + System Settings */
#board-dialog {
  border: solid 1px #FFF;
}
.settings-menu {
  background-color: #FFF;
}
.settings-menu ul.section {
  border: solid 1px rgba(33,113,144,1);
}
.settings-menu ul.section li.subsection a.subsection {
  background-color: rgba(33,113,144,0.3);
  color: #000;
}
.settings-menu ul.section li.subsection a.subsection.is1 {
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
}
.settings-menu ul.section li.subsection a.subsection.is2 {
    color: #856404;
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
}
.settings-menu ul.section li.subsection a.subsection:hover, 
.settings-menu ul.section li.subsection a.subsection:visited:hover {
  color: #FFF;
  background-color: #3399cc;
}
/* Documents */
.document-content {
  border: solid 1px rgba(156,145,163,0.6);
}
/* Messenger */
.messenger-wrapper {
  background-color: rgba(255,255,255,0.4);
}
.signature_img {
    border: 1px solid #ccc;
    background-color: white;
}
.tabs-wrapper {
    margin: 0 0 15px;
}
.tabs-wrapper .tabs.client {
    border-bottom-color: #f9cc27;
}
.tabs-wrapper .tabs.projects {
    border-bottom-color: #7a1737;
}
.tabs-wrapper .tabs.finances {
    border-bottom-color: #00377a;
}
.tabs-wrapper .tabs.activity {
    border-bottom-color: #f46f00;
}
.tabs-wrapper li.tab a.tab-lnk:hover{
    opacity: 0.8;  
}
.tabs-wrapper li.tab a.tab-lnk.current:hover{
    opacity: 1;  
}
.tabs-wrapper .tab .tab-lnk.client{
    background-color: #f9cc27;
    border-color:  #f9cc27;
    color: #000;
}
.tabs-wrapper .tab .tab-lnk.finances{
    background-color: #00377a;    
    border-color:  #00377a;   
    color: #fff;
}
.tabs-wrapper .tab .tab-lnk.projects{
    background-color: #7a1737;    
    border-color:  #7a1737;   
    color: #fff;
}
.tabs-wrapper .tab .tab-lnk.activity{
    background-color: #f46f00;    
    border-color:  #f46f00;   
    color: #fff;
}
#ticketing-cats, #ticketing-sub-cats {
    max-width: 1024px;
}
ul.ticketing-cats, ul.ticketing-sub-cats {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 45em;
    max-width: 100%;
    font-size: 1.5em;
}
ul.ticketing-cats>li, ul.ticketing-sub-cats>li {
    list-style: none;
    padding: 0.2em 0.1em;
    margin: 0;
    box-sizing: border-box;
    width: 24.9%;
    text-align: center;
}
ul.ticketing-cats>li>a, ul.ticketing-sub-cats>li>a {
    display: block;
    height: auto;
    line-height: 1.2;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0.8em 0.5em;
    box-sizing: border-box;
} 
ul.ticketing-cats>li>a, ul.ticketing-cats>li>a:visited {
    text-decoration: none;
    font-weight: bold;
    text-decoration: none;
    background-color: rgba(24, 175, 211, 0.2);
    border: solid 1px rgba(24, 175, 211, 0.3);
    color: #4C4C4C;
}
ul.ticketing-sub-cats>li>a, ul.ticketing-sub-cats>li>a:visited {
    background-color: rgba(24, 175, 211, 0.2);
    border: solid 1px rgba(24, 175, 211, 0.3);
    color: #4C4C4C;text-decoration: none;
    font-weight: bold;
}
ul.ticketing-cats>li>a.sec::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding: 0 0.5em 0 0;
    display: block;
}
ul.ticketing-cats>li>a.sec_100::before {
    content: "\f108";
}
ul.ticketing-cats>li>a.sec_101::before {
    content: "\f080";
}
ul.ticketing-cats>li>a.sec_10::before {
    content: "\f007";
    padding: 0 0.5em 0 0.3em;
}
ul.ticketing-cats>li>a.sec_20::before {
    content: "\f0e8";
}
ul.ticketing-cats>li>a.sec_30::before {
    content: "\f00a";
}
ul.ticketing-cats>li>a.sec_40::before {
    content: "\f15b";
}
ul.ticketing-cats>li>a.sec_50::before {
    content: "\f51e";
}
ul.ticketing-cats>li>a.sec_60::before {
    content: "\f46c";
}
ul.ticketing-cats>li>a.sec_70::before {
    content: "\f3e0";
}
ul.ticketing-cats>li>a.sec_75::before {
    content: "\f4fc";
}
ul.ticketing-cats>li>a.sec_80::before {
    content: "\f7d9";
}
ul.ticketing-cats>li>a.sec_82::before {
    font-family: "icomoon";
    font-weight: normal;
    content: "\e910";
    vertical-align: middle;
}
ul.ticketing-cats>li>a.sec_85::before {
    content: "\f4fe";
}
ul.ticketing-cats>li>a.sec_90::before {
    content: "\f013";
}
ul.ticketing-cats>li>a.sec_2000::before {
    content: "\f005";
} 
ul.ticketing-cats>li>a.sec_other::before {
    content: "\f002";
}  
ul.ticketing-cats>li>a.sec_open_ticket::before {
    content: "\f059";
} 
#help-articles-dialog .alert {
    margin: 0 0 5px;
}
#help-articles-dialog h2.title {
    background-color: #18afd3;
    border: 0 none;
    color: #FFF !important;
    margin: 0 0 5px;
    box-sizing: border-box;
}
#help-articles-dialog h2.title::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding: 0 0.5em 0 0;
}
#help-articles-dialog h2.faq1::before, #help-articles-dialog h2.faq2::before {
    content: "\f059";
}
#help-articles-dialog h2.videos-new::before, #help-articles-dialog h2.new-video2::before {
    content: "\f03d";
}
#help-articles-dialog h2.search::before {
    content: "\f002";
}
#help-articles-dialog ul.sub-cats {
    margin: 0;    
}
#help-articles-dialog ul.sub-cats>li>a {
    display: block;
    height: auto;
    line-height: 1.2;
    width: 100%;
    margin: 0;
    padding: 0.8em 0.5em;
    box-sizing: border-box;
} 
#help-articles-dialog ul.sub-cats>li {
    list-style: none;
    padding: 0.2em 0.1em;
    margin: 0;
}
#help-articles-dialog ul.sub-cats>li>a, #help-articles-dialog ul.sub-cats>li>a:visited {
    background-color: rgba(24, 175, 211, 0.2);
    border: solid 1px rgba(24, 175, 211, 0.3);
    color: #4C4C4C;text-decoration: none;
    font-weight: bold;
}
#help-articles-dialog .articles-wrapper {
    display: flex;
    margin: 0 0 5px;
}
#help-articles-dialog .finish-links {
    margin: 5px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#help-articles-dialog .finish-link, 
#help-articles-dialog .finish-link:visited, 
#help-articles-dialog .finish-link:active {
    font-size: 1.1em;
    font-weight: bold;
    color: #0297b9;
}
#dsenzey_help_search {
    display: flex;
    margin: 5px 0;
    align-items: stretch;
    justify-content: space-between;
}
#x_senzey_help_search {
    padding: 0.8em 0.2em;
    width: 80%;
}
#fsenzey_help_search .btn-submit {
    background-color: #18afd3;
    color: #FFF;
    width: 18%;
    padding: 0.7em 2em !important;
}
.slctd-rcrds {
    display: flex;
    flex-wrap: wrap;
}
.slctd-rec {
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    padding: 0.5em;
    margin: 0.3em;
    color: #000;
    background-color: #d1ecf1;
    border: 1px solid #bee5eb;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;  
    border-radius: 1em;
    line-height: 2;
}
.slctd-rec-dlt::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    text-decoration: none !important;
    padding: 0 5px; 
    content: "\f057";
    color: rgba(240, 80, 80, 0.7);
    cursor: pointer;
}