html { font-family: 'Roboto', sans-serif; }

body { 
	padding: 0px;
	margin: 0px;
	font-size: 1em;
}

form { 
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 0px 0px ;
	display:inline
}

#main {
	width:100%;
	background-color:#ffffff;
}

#mainscreen {
	width: 80%;
	padding: 0px 0px 0px 16px;
}

#logged_in_as { font-style: italic ; font-weight: bold }


/* hide all the i-site things*/
.isite {display:none}

/*general class for elements that start hidden, can't use in-line display:none anymore*/
.startHidden {display: none;}

/*some very specific styles to handle old in-line eremit styles that had to be removed*/
.pleft27 {padding-left: 27px;}

.h100 {height: 100px;}

#addNewEmployee, #clearNewEmployee {
    width: 5em;
}

.commentsf {
    display: block;
    margin: 0;
    padding: 0;
}

.red-text {
    color: red;
}

.bold {
    font-weight: bold;
}

/* navigation bar */
tr#navbar1 {
	vertical-align:middle;
	font-size:10pt;
	color: #FFFFFF;
	height:50px;
}

td.navtext	{ 
	padding-top: 1px; 
	text-align: left;
	padding: 0px 0px 0px 16px;
	color: #000;
}

td.navtext a { 
	text-decoration: underline;
	padding: 0px 0px 0px 16px;
	color: #000;
}
	
td.navtext a:hover {
	color:#006699; 
	text-decoration:none;
	font-weight: bold;
	padding: 0px 0px 0px 16px;
}

td#header {padding: 0px 0px 0px 0px}

.pipe { padding: 0px 8px 0px 8px }	

/* login button */
input[type="submit"] { 
	font-family: 'Roboto', sans-serif !important;
	padding: 5px 15px 5px 15px ; 
	font-size: 1.1em
}	

/* other buttons */
input[type="button"] { 
	font-family: 'Roboto', sans-serif !important;
	padding: 3px 15px 3px 15px ; 
	font-size: 1.1em ;  
}	

/* employer & member buttons */	
#employer_button { display:none }
#member_button { display:none }


/* links & headers */
a {
	color:#017acd; 
	text-decoration:underline;
}

a:hover {
	color:#3E2F20; 
	text-decoration:underline;
}

a.section { 
	background-color:#003300; 
	padding:4px 6px 2px 6px;
}

a.section:hover	{ 
	color:#FFFF00; 
	background-color:#003300; 
	text-decoration:none; 
	padding: 4px 6px 2px 6px;
}	

h1 {
	margin:2px -4px 6px -4px;
	color: #000;
	letter-spacing:3px;
	padding-left:5px;
	font-size: 2em;
	font-weight: bold;
}

h2 {
	margin:2px -4px 5px -4px;
	color: #000;
	letter-spacing:2px;
	padding-left:5px;
	font-size: 1.9em;
	font-weight: bold;
}

h2#disc_header {
	margin: 2px -4px 25px -4px;
}

h3 {
	margin:2px -4px 3px -4px;
	color: #000;
	letter-spacing:1px;
	padding-left:5px;
	padding-top: 25px;
	font-size: 1.3em;
	font-weight: bold;
}

.textbox1 { padding: 10px 10px 10px 25px}

.text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.2em;
	padding:20px 10px 7px 5px;
	background-color: pink;
}


/* user display after password changed confirmation */
.user {display:none}


/* input fields on table */
input.wageInput {
	text-align: right;
	width: 90%;
}

td.wageInput {align: right}

td.wageTotal { text-align: right; }


/* copyButton minusButton */
td.dupeRow {
	width: 8%; 
	text-align: center
}

td.newRow {
	background-color: yellow !important;
}

/* input fields */
textarea, input[type="textbox"], input[type="text"], input[type="password"], input[type="email"] {
    background: #ffffff;
    border: 1px solid #909090;
	font-size: 1em;
    line-height: 16px;
	margin: 0;
    padding: 5px;
    color: #000000;
    border-radius: 3px;
    box-shadow: 0px 2px 3px #bcbcbc inset;
}

/* drop-down selections*/
select {
	padding: 5px 2px 5px 2px ; 
	margin-right: 10px;
}
select.invalid {
    border-color: red;
}


/* calendar */
.calendar-box { 
	padding: 10px; 
	overflow: auto; 
	height: 175px; 
	border-style: solid; 
	border-width:1; 
	width: 400px; 
	border-color:black; 
	margin-left: 10px; 
}

.day {font-size: 1.3em}

/* employer name on remittance entry page */
.name-address { 
	padding: 0px 0px 15px 0px;
	font-weight: bold;
}


/* group status change */
#replace {display:none}

/* OLD TABLES & CONTRACT SELECTION*/

.tableLabel { 
	font-weight: bold ; 
	font-style: italic;
	letter-spacing: 1px;
}

 /* background of main remittance entry table, also appears as border */
table#pcTable { background-color: black }

/* background color of header row on remittance entry table and new employee table - CLIENT CUSTOMIZE */
tr.tableLabel { 
	background-color: #606060 ; 
	color: #fff 
} 

/* style every other row - even */
tr.remitrow:nth-child(even) { background-color: #d0d0d0 } 

/* style every other row - odd */
tr.remitrow:nth-child(odd) { background-color: #f0f0f0 } 

/* style for the totals row - CLIENT CUSTOMIZE */
#pcTable tfoot {
	background-color: #606060 ; 
	color: #fff 
} 

/* contract selection */
table#conTable { border: none }
table#conTable.nw td { border: none ; background-color: #fff}

/* associated employer selection */
table#pickAssocTable.nw { border: none }
table#pickAssocTable.nw td { border: none ; background-color: #fff}


table.nw {
	border: 1px solid black;
	border-collapse: collapse; 
	/* margin-top: 15px (this causes issues with floating headers) */
}

.nw	td { 
	border-collapse: collapse; 
	border: 1px solid black;
	padding: 8px 8px 8px 8px;
	white-space: nowrap;
}

/* new employees box */
table#new-emp-table { 
	background-color: black; 
	border-collapse: collapse ; 
	border: solid 1px black 
}

#new-emp-table tr.evenrowx td { 
	background-color: #d0d0d0; 
	padding: 4px 4px 4px 4px ; 
	border: solid 1px black;
}

#new-emp-table .wageInput {
	border: solid 1px black ; 
	padding: 2px 2px 2px 2px ;
	width: 95%;
}

#nem1,#nem2,#nem3,#nem4,#nem5 {background-color: #fff}
input#nem1:disabled,input#nem2:disabled,input#nem3:disabled,input#nem4:disabled,input#nem5:disabled {background-color: #e9e9e9 ; border: none}

/* report history table */

.evenrow { 
	cursor: pointer; 
	background-color:#d9d9d9;
}

.oddrow { 
	cursor: pointer; 
	background-color:#f0f0f0
}

tr.evenrow:hover { background-color:#bfbfbf; }
tr.oddrow:hover { background-color:#bfbfbf; }

#combineCSV {
	padding-bottom: 10px;
}

/* report total column in report history table */
td[name="payment_amount"] { text-align: right}

/* Dollars column in discrep table*/
td.dollars {text-align: right}

/* NEW TABLES - DATATABLES */

div#pcTable_length.dataTables_length {padding-bottom: 10px}
div#pcTable_filter.dataTables_filter {padding-bottom: 16px}

table.dataTable thead th, table.dataTable thead td	{
	padding: 10px 18px; 
	border-bottom: 1px solid #111;
	border-top: 1px solid #111;
}

#reportTable_wrapper { width:90%; }

table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even { background-color: #e5e5e5; }
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #c9c9c9; }
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: #ffffe6; }
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #d9d9d9; }
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { background-color: #d9d9d9; }
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #f2f2f2; }
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { background-color: #f2f2f2; }
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color: #ffffcc; }
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { background-color: #ffffcc; }

/* copy and minus buttons */
[name="copyButton"]{padding-left: 8px !important; padding-right: 8px !important; background-color: #f1f1f1;}
[name="minusButton"]{padding-left: 8px !important; padding-right: 8px !important; background-color: #f1f1f1}
[name="minusButton"][disabled]{background-color: #e6e6e6; border-style: hidden; padding-left: 8px !important; padding-right: 8px !important;}

/* unable to submit message */
p.iyf { font-weight: bold ; font-style: italic ; background-color: #ffff99 ; padding: 5px 5px 5px 5px }


/* prettified upload error messages */
.uploadmsg {padding: 15px 15px 15px 15px}


/* messages and notices */

.info, .announcement, .success, .warning, .errormsg, .importantMessage, .redirect {
	font-weight:bold;
	font-size: 1em;
	text-align: center;
	letter-spacing: 1px;
	border: 1px solid;
	margin: 10px auto;
	padding:10px 10px 10px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 30px; 
	-moz-border-radius:.5em;
	-webkit-border-radius:.5em;
	border-radius:.5em;
	margin-left:auto;
	margin-right:auto;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/icons/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../images/icons/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/icons/warning2.png');
}
.errormsg, .importantMessage {
    color: #b30000;
    background-color: #FFBABA;
    background-image: url('../images/icons/error.png');
}
.redirect, .announcement {
	color: #803300;
	background-color: #ffc299;
	background-image: url('../images/icons/017.png');
}

.toast {
    width:200px;
    height:20px;
    height:auto;
    left:50%;
    margin-left:-100px;
    bottom: 150px;
	position: fixed;
    background-color: #383838;
    color: #F0F0F0;
    font-family: Calibri;
    font-size: 20px;
    padding:10px;
    text-align:center;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
}

/* footer */
div#security-seal {float: right; padding-right: 15px}
.footContent { padding: 0px 0px 0px 16px ; width: 90%}
footer.isite {display:none;}
.isite-footer {display:none;}