/*=============
// crm-css.php
//-----------------------
// Styles for CRM System 
//=======================*/

html,body {height:100%}
body {font-family:verdana,arial; background:#fff; margin:0}
form {margin:0;padding:0;border:0}
p, li, td {font-size:10pt; font-weight:normal; color:#444;vertical-align:top;margin:6px}
li {margin-bottom:8px}
th {text-align:left}
tr {vertical-align:top}

h1 {font-size:14pt; color:#777; margin:4px; margin-bottom:12px}
h2 {font-size:13pt; color:#777; margin:4px; margin-bottom:12px}
h3 {font-size:12pt; color:#777; margin:4px; margin-bottom:10px}
h4 {font-size:11pt; color:#777; margin:4px; margin-bottom:6px; text-align:center}
h5 {font-size:10pt; color:#444; margin:4px; margin-bottom:6px}

/*p {margin:0; margin-bottom:8px}*/
ul {margin-bottom:8px; margin-top:6px}

hr {height:1px; border-color:#BBB; border-style:dotted; margin:4px}

sub{font-weight:normal !important}


input[type=radio] {border:0px;width:1.4em;height:1.4em;}
input[type=checkbox] {border:0px;width:1.2em;height:1.2em;padding:0px}
button {margin:0;padding:0;border:0px;background:none;}


a:link {color:#00F; text-decoration:none}
a:visited {color:#00F; text-decoration:none}
a:hover {color:#FB2; text-decoration:underline}

.tright {text-align:right}

/* Login Form / Table */
.lgn {padding:3px; padding-bottom:6px; margin:8px; border:1px solid #ddd; border-radius:8px;}
.lgn th {font-size:16pt; background:#ddd; color:#444; padding:4px; border-radius:6px;}
.lgnt {font-size:16pt !important; background:#bbb !important; padding:6px  !important}
.lgn input {font-size:18pt}

.lgnlst {float:left; margin:8px; padding:5px; width:30%; background:#ffd; border:1px solid #ddd; border-radius:8px;font-size:16pt}


/* Footer at bottom of page... */
.wrapper {min-height:100%;height:auto !important;height:100%;margin:0 auto -20px}
.footer,.push {height:20px}
.footer {text-align:center;font-size:9px;font-weight:normal;color:#888}

/* Error Message */
.err {width:99%; background:#eef; margin:4px; padding:4px; color:#F50; font-weight:bold; font-size:14pt; text-align:center}

/* Warning Message */
.wrn {color:#080; font-weight:bold; font-size:12pt; margin:8px; padding:5px; background:#eee}
.wrnx {color:#F00; font-style:italic; font-size:8pt}

.rgt {text-align:right}
.rgtb {text-align:right;font-weight:bold}

/* Top Menu */
.topmenu a {font-size:12px}
.topmenu a:link {color:#ddd; text-decoration:none}
.topmenu a:visited {color:#ddd; text-decoration:none}
.topmenu a:hover {color:#fff; text-decoration:none}
.topmenu {width:100%; border-collapse:collapse}

/* Std Small Txt */
.x {font-size:8pt !important}
.xn {font-size:8pt;font-weight:normal}
.xg {font-size:9px;font-style:italic}
.xgs {font-weight:normal; font-size:8px; font-style:italic; color:#888}

/* Standard Text Input */
.sti {border:1px solid #aaa;font-size:12px}

/* No padding */
.nopad {padding:0 !important}

/* GENERAL INFO TABLE */
.inf {padding:3px; padding-bottom:6px; margin:8px; border:1px solid #ddd; border-radius:8px;}
.inf th {font-size:1em; background:#ddd; color:#444; padding:4px; border-radius:6px;}
.inf td {font-size:1em; background:#ffe; padding:3px}
.inf p {font-size:1em}
.inf li {font-size:1em; margin-bottom:6px}
.inft {font-size:1.1em !important; background:#bbb !important; padding:6px  !important}
.infth {font-size:1.1em !important; background:#777 !important; padding:7px !important; color:#fff !important; border-radius:8px !important;
    text-align:right !important;text-shadow: 1px 1px 1px #111}
.inftfld{font-size:1.1em; font-weight:bold}
.inftmin {font-size:0.8em !important; background:#999 !important; padding:7px !important; color:#fff !important; border-radius:8px !important;}

/* Accounts / numbers TABLE */
.nmt {padding:3px; padding-bottom:6px; margin:8px; border:1px solid #ddd; border-radius:8px;}
.nmt th {font-size:1em; background:#ddd; color:#444; padding:4px; border-radius:6px;}
.nmt td {font-size:1em; background:#ffe; padding:3px; text-align:right}


/* Popup list table: Search resultls */
.poptbl {background:#fff;box-shadow: 10px 10px 5px #888888; border-radius:12px; border:1px solid #ddd}
.poptbl td {padding:4px}

/* Projects table */
.projtbl {width:99%;border:2px solid #888;margin:7px;padding:4px;border-radius:12px;background:#bbb;box-shadow: 5px 5px 10px #aaa;}
.projtbl th {background:#ccc;font-size:14pt;padding:8px}
.projtbl td {background:#fff;font-size:14pt;padding:2px}

.projtbli {width:100%;border:1px solid #aaa;margin:1px;border-radius:8px}
.projtbli th {background:#ccc;font-size:11pt;padding:3px}
.projtbli td {background:#eee;font-size:11pt;padding:3px}

.projds {background:#777;font-size:8pt; border-radius:13px; padding:3px; color:#fff; margin:0}

.dievtbl {width:100%;border:0;padding:0;margin:0;border-collapse:collapse}
.dievtbl td {font-size:9pt;padding:2px; background:#fec}

/* Email box - resizeable, scrollable div */
.emlbox {width:820px;height:300px;resize:both;overflow:scroll;border:1px solid #aaa;}

/* 'New' button for front end pages */
#nwlnk {color:#ddd;font-size:9pt}
#nwbtn {border-radius:9px;background:#bbb}

.tacitm {background:#88f;padding:3px;border-radius:5px;font-size:7pt}
.telitm {background:#f88;padding:3px;border-radius:5px;font-size:7pt}

.wtlst {background:#ccc; margin:2px; border-collapse:collapse;width:99%;border-radius:12px;}
.wtlst th {font-size:0.95em}
.wtpc {width:3em;padding:#4px;border:1px solid #fff;border-radius:4px;color:#eee;text-align:center}

/* Blinking image */
@keyframes blink {
    0% {opacity: 0.5}
    50% {opacity: 0}
    100% {opacity: 0.5}
}
.blimg {
    animation: blink 2s;
    animation-iteration-count: infinite;
}


/*--------------------*/
/* Hidable sub-titles */
/*--------------------*/
.dtl2tx {margin:2px; background:#777;color:#fff;cursor:pointer; border-collapse:collapse;width:99%;border-radius:12px;}
.dtl2txl  {font-size:11pt; font-style:normal; font-weight:bold; color:#fff; padding:6px;text-shadow: 1px 1px 1px #111;}
.dtl2txr {font-size:13pt; font-weight:bold; text-align:right; color:#fff; padding:0; padding:6px;text-shadow: 1px 1px 1px #111}
/*--------------*/
/* Detail Table */
/*--------------*/
.dtl2 {background:#FFFFFA; margin:4px;border:1px solid #E6E6FF;width:99%;}
.dtl2th {font-size:10pt; background:#ddd; color:#444; padding:4px; border:0; border-bottom:1px solid #EEE}
.dtl2t  {font-size:11pt !important; background:#ddf !important; padding:4px !important; }

/*------------------------*/
/* Project Tasks, sub tbl */
/*------------------------*/
.dtl3tx {background:#ddd; margin:2px; cursor:pointer; border-collapse:collapse;width:99%;border-radius:12px;}
.dtl3txl {font-size:8pt !important; font-style:normal; font-weight:normal; color:#fff; padding:8px !important;}
.dtl3txr {font-size:11pt !important; font-weight:bold; text-align:right; color:#fff; padding:0; padding:8px !important;text-shadow: 1px 1px 1px #555}
/*--------------*/
/* Detail Table */
/*--------------*/
.dtl3 {background:#ddd; margin:4px;border:1px solid #E6E6FF}
.dtl3 th {font-size:10pt; background:#ddd; color:#444; padding:4px; border:0; border-bottom:1px solid #EEE}
.dtl3 td {font-size:9pt; background:#fff; color:#444; padding:3px; border:0; border-bottom:1px solid #EEE; vertical-align:middle}
.dtl3t  {font-size:11pt !important; background:#ddf !important; }




/*------------------*/
/* Hidable Projects */
/*------------------*/
.prjtx {margin:2px; background:#999;color:#fff; border-collapse:collapse;width:99%;border-radius:12px;}
.prjtxl {font-size:11pt; font-style:normal;font-weight:bold; color:#fff; padding:6px;text-shadow: 1px 1px 1px #555;}
.prjtxr {font-size:13pt; width:24px; font-weight:bold; text-align:right; color:#fff; padding:0; padding:6px;text-shadow: 1px 1px 1px #555}
/*--------------*/
/* Detail Table */
/*--------------*/
.prj {background:#eee; margin:4px;border:0; width:99%}
.prj th {font-size:10pt; background:#ddd; color:#444; padding:4px; border:0;;border-radius:5px;}
.prj td {font-size:9pt; padding:3px; border:0; vertical-align:top}
.prjt  {font-size:11pt !important; background:#ddf !important; }

/*------------------*/
/* Admin Index Page */
/*------------------*/
.aindv {text-align:center;color:#888;background:#ddd;font-style:italic;font-size:14px;font-weight:bold;padding:4px;margin:6px}


/*------------------------*/
/* Fixed 1st Row in Table */
/*------------------------*/
.tblFixHead {
  overflow-y: auto;
  height: 600px;

  }
.tblFixHead thead th {
  position: sticky;
  top: 0;
  }


/*---------------------------*/
/* Fixed 1st Column in Table */
/*---------------------------*/
.zui-table {
    border: none;
    border-collapse: separate;
    border-spacing: 0;
}
.zui-table thead th {
}
.zui-table tbody td {
    white-space: nowrap;

}
.zui-wrapper {
    position: relative;
}
.zui-scroller {
    margin-left: 210px;
    overflow-x: scroll;
    overflow-y: visible;
    padding-bottom: 5px;
    width: 87%;
}
.zui-table .zui-sticky-col {
    left: 5px;
    position: absolute;
    top: auto;
    width: 200px;
}