table {
	width: 100%;
 	border-collapse:separate;
 	border-spacing: 0;
	font-size: 14px;
	border-top: 1px solid var(--gray4);
	}


td div, td a{
	display:block;
	padding:10px;
	white-space: nowrap;
	color:var(--gray7);
	}
	

.formtable td div, .formtable td a{
	display:block;
	padding:10px;
	white-space: nowrap;
	color:var(--gray7);
	}



	
td a.link{
	color:var(--blue5);
	font-weight: 500;
	}
td a.red{
	color:var(--red5);
	}
td a.green, td div.green{
	color:var(--green5);
	}
td a.orange, td div.orange{
	color:var(--orange5);
	}
td a.blue, td div.blue{
	color:var(--brandlnk);
	}
td a.greenlink, td div.greenlink{
	color:var(--green5);
	}

td a span{
	pointer-events: none;
	}
td a span.red{
	color:var(--red5);
	}

td a b{
	pointer-events: none;
	}
	
td a.red{
	color:var(--red5);
	}
	


.dkline{
	border-bottom: 1px solid var(--gray4);
	}
	
.ltline{
	border-bottom: 1px solid var(--gray2);
	}
	




tr.gr{
	background-color: var(--gray0);
	}

tr.nohovgr{
	background-color: var(--gray0);
	}
	

tr:hover{
	background-color: var(--blue0);
	}
tr.hov:hover{
	background-color: var(--blue0);
	}
tr.gr:hover{ 
	background-color: var(--blue0);
	}
tr.nohov:hover{
	background-color: var(--white);
	}
tr.nohovgr:hover{ 
	background-color: var(--gray0);
	}
	






	

.warn{
	color:var(--orange5);
	font-weight: 500;
	}
.warn:hover{
	background-color: var(--amber5);
	color:var(--white);
	}


.balert{
	color:var(--blue5);
	}
.balert:hover{
	background-color: var(--blue4);
	color:var(--white);
	}


.galert{
	color:var(--yellow5);
	}
.galert:hover{
	background-color: var(--yellow5);
	color:var(--white);
	}










.hscroll{
	overflow-x: scroll;
	}

.hscroll table{
	width: 1080px;
	}
	
.hscroll .title{
	width: 1080px;
	}
	
.hscroll .subtitle{
	width: 1080px;
	}
	


td.dt{
	display:none;
	}
@media only screen and (min-width: 768px){
td.dt{
	display:table-cell;
	}
}





.split {
    display: block;
	}
.split_left {
	}

.split_right {
	}


@media only screen and (min-width: 768px){
.split {
    display: flex;
	}
.split_left {
    flex: 1 1 50%;
    padding-right: 20px;
	}

.split_right {
    flex: 1 1 50%;
    padding-left: 20px;
	}
}


.table_btns {
    text-align: right;
	}
.table_btns a {
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: var(--gray8);
    border-radius: 5px;
    padding: 0 12px 0 12px;
    margin: 2px 0;
    border: 1px solid var(--gray2);
    background-color: var(--white);
    transition: .1s;
	}
.table_btns a:hover{
	border: 1px solid var(--gray5);
	}
	
.table_btns button{
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: var(--gray8);
    border-radius: 5px;
    padding: 1px 12px 0 12px;
    margin: 2px 0;
    border: 1px solid var(--gray2);
    background-color: var(--white);
    transition: .1s;
	}
.table_btns button:hover{
	border: 1px solid var(--gray5);
	cursor:pointer;
	}


.table_btns recalc-btn{
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    width:76px;
    text-align: center;
    color: var(--gray8);
    border-radius: 5px;
    padding: 0 12px 0 12px;
    margin: 2px 0;
    border: 1px solid var(--gray2);
    background-color: var(--white);
    transition: .1s;
	}
.table_btns recalc-btn:hover{
	border: 1px solid var(--gray5);
	cursor:pointer;
	}
	
.table_btns recalc-btn.green{
	border: 1px solid var(--green5);
	background-color: var(--green5);
	color:var(--white);
	}



.table_btns sendtoqbo-btn{
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    width:132px;
    text-align: center;
    color: var(--gray8);
    border-radius: 5px;
    padding: 0 12px 0 12px;
    margin: 2px 0;
    border: 1px solid var(--gray2);
    background-color: var(--white);
    transition: .1s;
	}
.table_btns sendtoqbo-btn:hover{
	border: 1px solid var(--gray5);
	cursor:pointer;
	}
	
.table_btns sendtoqbo-btn.green{
	border: 1px solid var(--green5);
	background-color: var(--green5);
	color:var(--white);
	}