body{
	background-color:#eeeeee;
}
.navbar{
	background: linear-gradient(0deg, rgb(237, 237, 237) 0%, rgb(236, 241, 247) 35%, rgb(248, 254, 255) 100%);
    background-color: rgba(0, 0, 0, 0);
border-color: #d3e8ff !important;
color: #212020!important;
}
.navbar-dark .navbar-toggler {
    background: rgba(180, 20, 20, 0.75);
    border-color: rgba(182, 67, 22, 0.21);
}
.navbar a{

color: #444!important;
}
.container{
	max-width:85%;
}
.container-fluid {
    padding-right: 5px;
    padding-left: 10px;
}
.LAback{
background: linear-gradient(0deg, rgb(237, 237, 237) 0%, rgb(236, 241, 247) 35%, rgb(248, 254, 255) 100%);
    background-color: rgba(0, 0, 0, 0);
border-color: #d3e8ff !important;
color: #212020;
}
.LAback a{

color: #444!important;
}
.adder{
background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(234,249,249,0.67) 0.1%, rgba(239,249,251,0.63) 90.1% )!important;	
}
.modal-lg {
    max-width: 72%;
}
#back{
	margin-top: .4rem;
}
.form-signup{
	/*max-width: 450px;*/
	max-width: 700px;
	margin: 0 auto;
margin-top: 2rem;
font-family: "Open Sans";
}
.installcheck{
	/*width: 400px;*/
padding: .5rem.5rem;
border: 1px solid #333;
border-radius: .3rem;
height: 3rem;
font-variant: jis04;
font-variant: all-petite-caps;
font-size: larger;
box-shadow: 2px 2px 1px #3333;
background: aliceblue;
margin: .5rem auto;
}
.installcheck i{
	color:green;
	float:left;
	margin-right: 1rem;
}
.installcheck a{
color: #080606;
}

.doitHolderButton {
	width: 200px;
	float: left;
	background: #5f87c6;
	border-radius: 0px 1rem 0px 1rem;
	margin: -10px -10px -10px -10px;
}
.modal.left .modal-dialog,
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 320px;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}

	.modal.left .modal-content,
	.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
	}
	
	.modal.left .modal-body,
	.modal.right .modal-body {
		padding: 15px 15px 80px;
	}

/*Left*/
	.modal.left.fade .modal-dialog{
		left: -320px;
		-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, left 0.3s ease-out;
		        transition: opacity 0.3s linear, left 0.3s ease-out;
	}
	
	.modal.left.fade.in .modal-dialog{
		left: 0;
	}
        
/*Right*/
	.modal.right.fade .modal-dialog {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	
	.modal.right.fade.in .modal-dialog {
		right: 0;
	}
.help ul li{
	border: 1px solid #b4b4b4;
padding: .4rem .7rem;
margin-bottom: .5rem;
border-radius: .2rem;
list-style: none;
margin-left: -2.4rem;
background:#fff;
}
.help textarea{
	width:100%!important;
}
.help > ul > li{
	border: 1px solid #ececec;
background: #fefef5;
-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.10);
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.10);
padding: 0 .2em .2em .2em;	
}
.mmtitle{
	font-weight: 600;
}
.mtitle > div:nth-of-type(1){
display: inline-block;
font-weight: 600;
padding-right: .5rem;	
}
.gtitle{
padding: .5rem;
font-size: 1rem;
margin-bottom: .5rem;
font-weight: 600;
background: #e2e2e2;
}
.EDITHELPSECTION{
color:blue;	
}
select.method {
background-color: #ffdfea!important;
}

#ui-datepicker-div{
z-index:1051!important;	
}
.to_coa i:hover{
padding: 0rem .5rem .6rem .5rem;
cursor:pointer;

}
#topline,#topline2,#topline3,#topline4,#topline5{
	
	background-color: #DCD9D4;
 background-image: linear-gradient(to bottom, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%), radial-gradient(at 50% 0%, rgba(255,255,255,0.10) 0%, rgba(0,0,0,0.50) 50%);
 background-blend-mode: soft-light,screen;
	margin-bottom: 2px;
	justify-content: space-evenly;
	width: calc(100% - 65px);
}
#topline3{
padding-bottom: .5rem;
}

#topline5{
	position: sticky;
	top: 146px;
	z-index: 60;
}
.dsearch{
position:sticky;
top:13px;
z-index:50;	
}
.dater{
padding: 0 !important;	
}
#maindroppie select{
max-width: 135px;
  margin-right: 20px;
  margin-top: -5px;
}
#mainlimit select{
float:left;	
margin-top: -5px;
}
/*#Cdates,#Climit{
	float:right;	
	margin: -.6rem 0rem 0rem 0rem;
}*/
.nts{
	display:block;
	padding: 2rem;
	text-align: center;
	font-size: 1.5rem;
}
.runningFoot{
background: rgb(2,0,36);
background: linear-gradient(0deg, rgb(44, 55, 70) 7%, rgb(50, 61, 77) 57%, rgb(2, 31, 98) 86%);
position: fixed;
width: 100%;
bottom: 0px;
height: 1.6rem;
}
.dropHolder{
width: 100%;
height: 100%;
max-width: 22rem;
padding: .4rem 1rem .6rem 1rem;
}
.headlabeld{
font-weight:600;
}

.myPrimary{
border: 1px solid #ba1e0d;	
}
#loading-image{
/*width: 19%;
height: 100%;
display: block;
float: right;
margin-top: 0;
max-height: 60px;*/	
float: right;

padding: 1.2rem 1rem;
/*border: 1px solid #333;*/
}
#loading-image img{

max-height: 60px;
min-height: 60px;
padding:.2rem;
}
#textpanel{
width: 80%;
min-width: 120px;
height: 100%;
margin-top: -10px;
text-align: center;
background: #fff;
float: left;
margin-top: .4rem;
max-height: 60px;
}
/*tryout*/
#slideout {
		position: fixed;
		top: 100px;
		right: 0;
		width: 35px;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
	#slideout_tab {
    position: fixed;
    top: 150px;
    left: calc(100% - 87px);
    padding: 6px 20px 5px 18px;
    text-align: center;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 15%, rgba(244,244,244,1) 100%);
    -webkit-filter: none;
    filter: none;
    border: 1px solid #918e8e;
    -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
    -moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
    box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
    cursor: pointer;
    color: rgb(33, 37, 41);
    border-radius: 0.25rem;
    z-index: 60;
}
#slideout_tab i{
	color:green
}
	#slideout_inner {
	position: absolute;
	top: 129px;
	left: 35px;
	background: aliceblue;
	width: 250px;
	padding: 15px;
	height: calc(100vh - 249px);
	cursor: auto;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	border:1px solid #ccc;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
		-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
		box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	}
	
	#showblock:checked + #slideout{right: 250px;}
	#showblock{display:none;}

.btn {
	line-height: 1.7em!important;
}
/*.setup,*/
#getinfo,.logout{
position: fixed;
top: 0px;
left: calc(100% - 88px);
height: 45px;
/*line-height: 1rem !important;*/
padding: .4rem 1rem;
width: 85px;
}
/*.setup{
top: 46px;
width: 85px;
line-height: 1rem !important;	
}*/
/*.setup span{
	margin-left:-.2rem;
}*/
.logout{
top: 92px;
min-width: 85px;
}
.reporter > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){
	
	background-color: #DCD9D4;
 background-image: linear-gradient(to bottom, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%), radial-gradient(at 50% 0%, rgba(255,255,255,0.10) 0%, rgba(0,0,0,0.50) 50%);
 background-blend-mode: soft-light,screen;
	margin-bottom: 2px;
}
#fundselect,#clientselect,#newCredClient,#credfundselect{
		float:right;
	}
.newc{
margin-bottom:1em;	
}
.sub{
	font-size:.8rem;
}
.settingsCheck{
	float: right;
margin-right: -1rem;
color: green;
}
#addCred input{
	width:100%;height:100%	
	}
#addCred div{
	margin-bottom:.2em	
	}
.credSel,.expSel{
	float:right	
	}
	.sorter{
		display:inline-block;
		border:1px solid #ccc;
		padding:0 1rem;
	}
	.group2 .btitle{
	margin-bottom:1rem	
	}
.rprod,.subscripprod{
border: 1px solid #b3b3b3;
padding: 1em;
border-radius: .3em;
background: rgb(231,233,255);
background: linear-gradient(0deg, rgba(231,233,255,1) 0%, rgba(255,255,255,1) 64%, rgba(235,236,255,1) 100%);
-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.16);
-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.16);
box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.16);
margin-top: 1em;
}
.subscripprod{
background: linear-gradient(0deg, rgb(231, 255, 235) 0%, rgb(255, 255, 255) 64%, rgb(235, 255, 241) 100%);	
}
.rprod select{
max-width: 100%;
}
#topline .btn-primary,
#topline .btn-tools,
#topline .btn-secondary,
#topline2 .btn-primary,
#topline2 .btn-tools,
#topline2 .btn-secondary,
#topline3 .btn-primary,
#topline3 .btn-tools,
#topline3 .btn-secondary{
	margin-bottom:1em;
	max-width: 5rem;
min-width: 5rem;
}
#topline .btn-primary i,
#topline  .btn-secondary i,
#topline  .btn-tools i,
#topline2 .btn-primary i,
#topline2  .btn-secondary i,
#topline2  .btn-tools i,
#topline3 .btn-primary i,
#topline3  .btn-secondary i,
#topline3  .btn-tools i{
margin-left: -9px;
margin-top: -2px;
display: block;
}
.reporter> div:nth-child(3),.reporter> div:nth-child(2){
	border: 1px solid #9f9f9f;
background: #ebfed5;
margin-bottom: 2px;
}
.reporter> div:nth-child(4){
	border: 1px solid #9f9f9f;
background-color: #DCD9D4;
 background-image: linear-gradient(to bottom, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%), radial-gradient(at 50% 0%, rgba(255,255,255,0.10) 0%, rgba(0,0,0,0.50) 50%);
 background-blend-mode: soft-light,screen;
margin-bottom: 4px;
position: sticky;
top: 72px;
z-index: 50;
max-height: 74px;
}

.ULnotes{
	
	list-style-type:none;
	
}
.ULnotes li{
	width:100%;
	text-decoration: none;
  display: inline-block;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
  -ms-box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
  -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
  -o-box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
  box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
 background: rgb(230,230,230);
background: linear-gradient(90deg, rgba(230,230,230,1) 0%, rgba(248,248,254,1) 35%, rgba(238,247,255,1) 100%);
  font-size: 1em;
  padding: 1em;
  border-radius: 6px;
  margin-bottom:1em;
  border: 1px solid #c2c2c2;
}
.fa-info-circle{
color: #0d76c3;
/*float: right;
margin: .5em;
margin-right: .5em;
margin-top: .1em;	*/
}
.fa-paperclip{
color: blue;
position: relative;
top: -4px;
left: -4px;
margin-right: 6px;
}
.notetext{
margin-top: -1em;	
width:100%;
}
/*sideControls*/
.sideControls{
margin-bottom:6em;	
}
.sideControls > div:nth-child(2){
	
}

.sideControls > div:nth-child(2) > div div:nth-child(even){
	text-align:right;
}
.sideControls > div:nth-child(2) > div div:nth-child(odd){
	font-weight:600;
}





#SIrecordHolder > div:nth-child(1) > div:nth-child(1),#SCrecordHolder > div:nth-child(1) > div:nth-child(1),#STrecordHolder > div:nth-child(1) > div:nth-child(1){
	background: #cacaca;
font-weight: 400;
text-align: left;
padding: 0 .5em;
border: 1px solid #bfbfbf;
margin-bottom: 1em;
font-variant: jis04;
}
#SIrecordHolder .Srecordrow,#SCrecordHolder .Srecordrow{
	border:1px solid #cacaca;
	border-top:none;
	border-left:none;
	border-right:none;
	margin-bottom:2px;
}
.Srecordrow:nth-child(even){
	background:#f1f1f1;
}
#SIrecordHolder .Srecordrow > div:nth-child(1),#SCIrecordHolder .Srecordrow > div:nth-child(1){
	color:blue
}
#SIrecordHolder .Srecordrow > div:nth-child(2),#SCrecordHolder .Srecordrow > div:nth-child(2){
	text-align:left;
}
#SIrecordHolder .Srecordrow > div:nth-child(3),#SCrecordHolder .Srecordrow > div:nth-child(3){
	text-align:left;
}

#SIrecordHolder .Srecordrow > div:nth-child(5),#SCrecordHolder .Srecordrow > div:nth-child(4){
	color:blue;
	text-align:right;
}
#SIrecordHolder .totals,#SCrecordHolder .totals,#STrecordHolder .balance{
	text-align:right;
	font-weight:600;
}


.reaccur{
	color:#6f0a93e6;
}
.reaccuring{
border: 1px solid #3333331f;
padding: 1em;
border-radius: .4em;
background: #ffeb9e;
opacity: .8;
margin: 2em 0 0 0;
}
.radd{
	background: #cacaca;
margin: 0 0 .6em 0;
border: 1px solid #9d9d9d;
}

.slow-spin {
  -webkit-animation: fa-spin 12s infinite linear;
  animation: fa-spin 12s infinite linear;
}


#IrecordHolder{
	padding-right: 1.2rem;
padding-left: 1rem;
}


.sitinside {
    width: 250px;
    border: 1px solid;
        border-top-color: currentcolor;
        border-top-style: solid;
        border-top-width: 1px;
    border-top-color: currentcolor;
    border-top-style: solid;
    border-top-width: 1px;
    font-size: 14px;
    float: right;
    height: 22px;
    line-height: 18px;
    margin: -5px 100px 0px 0px;
    border-top: none;
    padding: 0px 4px;
    text-align: center;
    background: #fff;
}

.mswitchH{
border: 2px solid #ffc!important;	
}
.mswitchH.ss{
color: #000 !important;
border: 2px solid #787070 !important;
}
.mswitchH.ss i{
color:red!important;
}
.mswitchH i{
color: #fff77b !important;
}


.deleteIMG{
max-height: 2rem;
}
.notenote{
	color:#573bdb;
	font-size:1rem;
	font-weight:600;
	border: 1px solid #999;
    padding: .2rem 1rem;
	background: linear-gradient(0deg, rgba(231,233,255,1) 0%, rgba(255,255,255,1) 64%, rgba(235,236,255,1) 100%);
-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.16);
-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.16);
box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.16);
}
.left{
position: relative;
left: -30%;
}
.showref {
    display: block !important;
    background-color: #7fefff57 !important;
    border: 1px dashed blue;
        border-top-color: blue;
        border-top-style: dashed;
        border-top-width: 1px;
    border-top: none;
}
.thenote {
    float: left;
    width: 98%;
    border: 1px dashed red;
    border-top: none;
    margin: 0px 1% 0px 1%;
    padding: 5px;
    background-color: #F5EFD6;
    border-radius: 0px 0px 6px 6px;
    color: #444;
    display: none;
}
*, ::before, ::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


#invoiceHolder > div:nth-child(even){
		background:#e9e7e7;
	}
	#invHead.titleCols :nth-child(1){
		width: 20px;
	}
	
	#invHead.titleCols :nth-child(2){
		width: 80px;
		font-size: 12px;
		overflow: hidden;
	}
	#creditsHolder .recordrow > div:nth-child(2){
		font-size: .8rem;
		overflow: hidden;
	}
	#invHead.titleCols :nth-child(3){
	width: 100px;
		
	}

	#invHead.titleCols :nth-child(5){
		width:280px;
	}

	.fa-file-pdf-o{
	color: #3a2b06;
background: #f4878c;
border-radius: 4px 12px 4px 4px;
	}
	.fa-file-pdf-o:hover{
	color: #e33535;
background: #cfcfcf;
	}
	.mt-5, .my-5 {
    margin-top: 1rem !important;
}

	.send {
    font-size: 12px !important;
    text-align: center;
    padding: 2px;
    background-color: #42972C;
    border-radius: 2px;
    color: #fff !important;
	}
	.nosend {
    font-size: 12px !important;
    text-align: center;
    padding: 2px;
    background-color: #42972C;
    border-radius: 2px;
    color: #fff !important;
	opacity:.4;
	}	
.mailcounter{
width: 20px;
float: right;
border: 1px;
color: #fff;
text-align: center;
background: #3a3a3a !important;
max-height: 90%;
margin-top: 2%;
line-height: 2em;
	}

.locked,.approve {
	width: 26px;
    margin-top: -2px;
    height: 26px;
    background: url('/usersc/templates/letterbox/assets/images/locked.png') center center no-repeat;
    background-size: 26px;
	}
	.approve {
	float:right;
	}
.tick {
	width: 26px;
    margin-top: -2px;
    height: 26px;
    background: url('/usersc/templates/letterbox/assets/images/BlueTick.png') center center no-repeat;
    background-size: 20px;
	}

.minus {
    width: 18px;
    margin: -6px 0px 0px -19px;
    height: 26px;
    background: url('/usersc/templates/letterbox/assets/images/minus.png') center center no-repeat;
    background-size: auto;
    background-size: 18px;
    float: left;
    position: relative;
}
.Pminus {
    width: 26px;
    margin: 5px -28px 0px 0px;
    height: 26px;
    background: url('/usersc/templates/letterbox/assets/images/minus.png') center center no-repeat;
    background-size: 20px;
    float: right;
}	

.thenote {
    float: left;
    width: 98%;
    border: 1px dashed red;
        border-top-color: red;
        border-top-style: dashed;
        border-top-width: 1px;
    border-top: none;
    margin: 0px 1% 0px 1%;
    padding: 5px;
    background-color: #F5EFD6;
    border-radius: 0px 0px 6px 6px;
    color: #444;
    display: none;
}

	.smlClass{
	font-size:12px!important;
	line-height:12px!important;
	padding-top:2px!important;	
	}
.shownote{
	display:block!important;	
	}
	.showref{
	display: block !important;
	background-color: #7fefff57!important;
	border: 1px dashed blue;
	border-top: none;
	flex: 0 0 100%;
	order: 45;
	}
	.btn-lg{
	margin: 0px 0px -40px 0px !important;
	height: 33px;
	line-height: .8;	
	}
	.modalInvbtn{
	z-index:1050!important;	
	}
	
.recordHead {
 display: flex;
background-color: #DCD9D4;
 background-image: linear-gradient(to bottom, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%), radial-gradient(at 50% 0%, rgba(255,255,255,0.10) 0%, rgba(0,0,0,0.50) 50%);
 background-blend-mode: soft-light,screen;
 width: calc(100% + 35px);
margin-left: -1rem;
}
.recordHead > .item {
	margin:1px;
	padding-bottom:4px;
}
	.recordrow {
 display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: normal;
align-items: normal;
align-content: normal;
border: 1px solid #d4d4d4;
border-left: none;
border-top: none;
border-right: none;
margin-top: 2px;
width:100%;
line-height: 26px;
}
.item{
min-height: 35px;
line-height: 34px;
height: 24px;
margin: 0px 2px 0px 0px;
font-size: 14px;
color: #444;
padding:0 .2em;	
}
.group .row{
		margin-left: .5em;
min-width: unset;
width: calc(100% - 1em);
background: #3333332b;
	}
.group .two{
	background: #e8e4e4;
	border: 1px solid #a7a7a7;
	border-top: none;margin-top: -.3em;
	}
.group .one{
	background: #d4d4d4;
	border: 1px solid #a7a7a7;
    border-bottom: none;
	margin-top: .4rem;
	}
.one,.two {
 display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-evenly;
align-items: self-start;
align-content: space-evenly;
border: 1px solid #d4d4d4;
border-left: none;
border-top: none;
border-right: none;
margin-top: 2px;
width: 100%;
line-height: 26px;
}
.group{
	display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: normal;
align-items: normal;
align-content: normal;
border: 1px solid #9f9f9f;
border-radius: 4px;
margin-bottom: .8em;
min-height: 3em;
-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.10);
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.10);
padding: 0 .2em .2em .2em;	
}
.PCLIENT{
	max-width:6rem;
}
.PEND{
min-width: 4vw;
width: 100%;
height: 90%;	
}
.group >.one > .item{
height:unset;
padding:.3rem;
line-height:1rem;	
}
.group .one .item:nth-child(1){
	
	flex: 0 0 2vw;
font-size: .7rem;
font-variant: jis04;
 -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}
.group .one .item:nth-child(2){
	
	display: block;
align-self: auto;
order: 0;
flex: 0 0 10vw;
font-variant: jis04;
 -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
	font-weight:600;
	color: #0f65b1;
}
.group .one .item:nth-child(3){
	
display: block;
align-self: auto;
order: 0;
flex: 1 0 8vw;
font-variant: jis04;
 -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
	line-height:1rem;
	font-style: oblique;
font-size: .9rem;
}
.group .one .item:nth-child(4){height:unset;
	display: block;
	align-self: auto;
		flex: 0 0 3vw;
font-size: .7rem;
font-variant: jis04;
 -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
	
}
#clientgroup .group .one .item:nth-child(4) {
    
    flex: 1 0 3vw;
}
.group .one .item:nth-child(4)> div,
.group .one .item:nth-child(5)> div{
	border: 1px solid #b8b8b8;
padding: .2rem;
width: 4rem;
background: #fff;
min-height: 1rem;
}
#clientgroup .group .one .item:nth-child(4)> div,
.group .one .item:nth-child(5)> div{
	
width: 13rem;
}
.group .one .item:nth-child(5)> div{
font-size: .8rem;	
}
.group .one .item:nth-child(5){height:unset;
display: block;
align-self: auto;
flex: 0 0 5vw;
font-size: .7rem;
font-variant: jis04;
 -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
	
}

.group .one .item:nth-child(6){
display: block;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
align-self: auto;
order: 0;
flex: 0 0 1.8vw;
min-width: 26px;
min-height: 26px;
color:#ccc;	
margin-bottom: .5em;
padding: .1em;
}



.group .two .item:nth-child(1),
.group .two .item:nth-child(2),
.group .two .item:nth-child(3),
.group .two .item:nth-child(5),
.group .two .item:nth-child(7),
.group .two .item:nth-child(9),
.group .two .item:nth-child(11),
.group .two .item:nth-child(13),
.group .two .item:nth-child(15){
flex: 1 0 5vw;
font-size: .7rem;
font-variant: jis04;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
text-align: right;
/*padding-right: 2%;*/
font-weight: 600;
margin-left: -3%;
}
#clientgroup .group .one .item:nth-child(1),
#clientgroup .group .two .item:nth-child(1),
#clientgroup .group .two .item:nth-child(3),
#clientgroup .group .two .item:nth-child(5){
text-align:left;
flex: 0 0 6vw;
margin-left: unset;
font-size: .9rem;
background: unset;
}

#clientgroup .group .two .item:nth-child(2),
#clientgroup .group .two .item:nth-child(4),
#clientgroup .group .two .item:nth-child(6){
line-height: .9rem;
flex: 1 0 auto;
font-weight: 400;
font-size: .8rem;
background: unset;
text-align:left;
padding:2px;
}
.group .two .item:nth-child(1){
text-align:center;	
}


.group .two .item:nth-child(4),
.group .two .item:nth-child(6),
.group .two .item:nth-child(8),
.group .two .item:nth-child(10),
.group .two .item:nth-child(12),
.group .two .item:nth-child(14),
.group .two .item:nth-child(16){
	
	flex: 0 0 3vw;
font-size: .7rem;
font-variant: jis04;
/*border: 1px solid green;*/
 -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
	text-align:center;
	background: #fff;
}

.group .two .item:nth-child(7),
.group .two .item:nth-child(9){
	
	flex: 0 0 5vw;

}


#creditsHolder .item:nth-child(1) {
  display: block;
  align-self: auto;
  order: 0;
  flex:0 1 1vw;
}

#creditsHolder .item:nth-child(2) {
  display: block;
  align-self: auto;
  order: 0;
  flex:0 1 2vw;
  min-width: 80px;
	font-size:.9em;
}

#creditsHolder .item:nth-child(3) {
  display: block;
  align-self: auto;
  order: 0;
  flex:0 1 2vw;
  min-width: 70px;
	font-size:.9em;
}

#creditsHolder .item:nth-child(4) {
  display: block;
	align-self: auto;
	order: 0;
	flex: 0 0 3vw;
	min-width: 90px;
	text-align:center;
	font-size:.9em;
}

#creditsHolder .item:nth-child(5) {
 display: block;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 4vw;
align-self: auto;
order: 0;
min-width: 85px;
padding:0;	
}
.recordHead > .item:nth-child(5) {
min-width:100px!important;
}

#creditsHolder .item:nth-child(6) {
  display: block;
flex-grow: 1;
flex-shrink: 1;
flex-basis: min-content;
align-self: auto;
order: 0;
color:blue;
}



#creditsHolder .item:nth-child(7),
#creditsHolder .item:nth-child(8),
#creditsHolder .item:nth-child(9) {
  display: block;
  align-self: auto;
  order: 0;
  flex: 0 0 5vw;
min-width: 80px;
text-align:right;
}
#creditsHolder .item:nth-child(9) {
min-width: 90px;
margin-right: 5%;
}

#creditsHolder .item:nth-child(10),
#creditsHolder .item:nth-child(11),
#creditsHolder .item:nth-child(12),
#creditsHolder .item:nth-child(13),
#creditsHolder .item:nth-child(14) {
 display: block;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
align-self: auto;
order: 0;
flex: 0 0 1.8vw;
min-width: 26px;
min-height: 26px;
}
#invoiceHolder .item:nth-child(11) i ,
#expensesHolder .item:nth-child(11) i ,
#creditsHolder .item:nth-child(11) i {
color:#ccc;
/*vertical-align: text-top;*/
}
#invoiceHolder .item:nth-child(11) i:hover ,
#expensesHolder .item:nth-child(12) i:hover ,
#creditsHolder .item:nth-child(12) i:hover {
color:#fff;
}

/*#creditsHolder .recordHead .item:nth-child(7), #creditsHolder .recordHead .item:nth-child(8), #creditsHolder .recordHead .item:nth-child(9){
	padding-left:25px;
}*/

#creditsHolder .recordHead .item:nth-child(3),#expensesHolder .recordHead .item:nth-child(3){
	padding-left: 20px;
}

#creditsHolder .recordHead .item:nth-child(9){
	margin-right: -1px;
}

#expensesHolder .recordHead .item:nth-child(9){
	margin-right: -10px;
}
#expensesHolder .recordHead .item:nth-child(5){
	padding-left: 15px;
}


#expensesHolder .item:nth-child(1) {
  display: block;
  align-self: auto;
  order: 0;
  flex:0 1 1vw;
}

#expensesHolder .item:nth-child(2) {
  display: block;
  align-self: auto;
  order: 0;
  flex:0 1 2vw;
  min-width: 80px;
	font-size:.9em;
}

#expensesHolder .item:nth-child(3) {
  display: block;
  align-self: auto;
  order: 0;
  flex:0 1 2vw;
  min-width: 70px;
	font-size:.9em;
}

#expensesHolder .item:nth-child(4) {
  display: block;
	align-self: auto;
	order: 0;
	flex: 0 0 3vw;
	min-width: 90px;
	text-align:center;
	font-size:.9em;
}

#expensesHolder .item:nth-child(5) {
 display: block;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 4vw;
align-self: auto;
order: 0;
min-width: 85px;
padding:0;	
}

#expensesHolder .item:nth-child(6) {
  display: block;
flex-grow: 1;
flex-shrink: 1;
flex-basis: min-content;
align-self: auto;
order: 0;
color:blue;
}



#expensesHolder .item:nth-child(7),
#expensesHolder .item:nth-child(8),
#expensesHolder .item:nth-child(9) {
  display: block;
  align-self: auto;
  order: 0;
  flex: 0 0 7vw;
min-width: 60px;
text-align:right;
}
#expensesHolder .item:nth-child(9) {
min-width: 90px;
margin-right: 2%;
}

#expensesHolder .item:nth-child(10),
#expensesHolder .item:nth-child(11),
#expensesHolder .item:nth-child(12),
#expensesHolder .item:nth-child(13),
#expensesHolder .item:nth-child(14) {
 display: block;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
align-self: auto;
order: 0;
flex: 0 0 1.8vw;
min-width: 26px;
min-height: 26px;
}





#fundsHolder .item:nth-child(1) {
  display: block;
  align-self: auto;
  order: 0;
  flex:0 1 1vw;
}

#fundsHolder .item:nth-child(2) {
  display: block;
  align-self: auto;
  order: 0;
  flex:0 1 2vw;
  min-width: 80px;
	font-size:.9em;
}

#fundsHolder .item:nth-child(3) {
  display: block;
  align-self: auto;
  order: 0;
  flex:0 1 2vw;
  min-width: 70px;
	font-size:.9em;
}

#fundsHolder .item:nth-child(4) {
  display: block;
	align-self: auto;
	order: 0;
	flex: 0 0 3vw;
	min-width: 90px;
	text-align:center;
	font-size:.9em;
}

#fundsHolder .item:nth-child(5) {
 display: block;
flex-grow: 1;
flex-shrink: 0;
flex-basis: 4vw;
align-self: auto;
order: 0;
min-width: 85px;
padding:0;	
}

#fundsHolder .item:nth-child(6) {
  display: block;
flex-grow: 1;
flex-shrink: 1;
flex-basis: min-content;
align-self: auto;
order: 0;
color:blue;
}




#fundsHolder .item:nth-child(8){
  display: block;
  align-self: auto;
  order: 0;
  flex: 0 0 5vw;
min-width: 60px;
text-align:right;
}
#fundsHolder .item:nth-child(7) {
min-width: 90px;
margin-right: 2%;
}
#fundsHolder .item:nth-child(8),
#fundsHolder .item:nth-child(9),
#fundsHolder .item:nth-child(10),
#fundsHolder .item:nth-child(11),
#fundsHolder .item:nth-child(12),
#fundsHolder .item:nth-child(13),
#fundsHolder .item:nth-child(14) {
 display: block;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
align-self: auto;
order: 0;
flex: 0 0 1.8vw;
min-width: 26px;
min-height: 26px;
color: #ccc;
}





.fa-arrow-down{
	color: #177eec;
}


#invoiceHolder .item:nth-child(1) {
  display: block;
  align-self: auto;
  order: 0;
  flex:0 1 1vw;
  min-width:70px;
}

#invoiceHolder .item:nth-child(2) {
  display: block;
  align-self: auto;
  order: 0;
  flex:0 1 140px;
  min-width: 140px;
	font-size:.9em;
}

#invoiceHolder .item:nth-child(3) {
  display: block;
  align-self: auto;
  order: 0;
  flex:0 1 2vw;
  min-width: 80px;
font-size: .8em;
line-height: .7rem;
}

#invoiceHolder .item:nth-child(4) {
  display: block;
	align-self: auto;
	order: 0;
	flex: 0 0 3vw;
	min-width: 90px;
	text-align:center;
	font-size:.9em;
}



#invoiceHolder .item:nth-child(5) {
  display: block;
flex-grow: 1;
flex-shrink: 1;
flex-basis: min-content;
align-self: auto;
order: 0;
color: #2b5ec8;
line-height: 1em;
font-size: 14px;

margin-top: .6em;
margin-bottom: -1.2em;
}
#invoiceHolder .recordHead .item:nth-child(5) {
	color: unset;
}
#invoiceHolder .item:nth-child(6) {
text-align:right;
margin-right:2%;
}

#invoiceHolder .item:nth-child(10){
 display: block;
align-self: auto;
flex: 0 0 1.8vw;
min-width: 76px;
min-height: 26px;
margin-top: .3em;
line-height: 2.2em;
}

#invoiceHolder .item:nth-child(7),
#invoiceHolder .item:nth-child(8),
#invoiceHolder .item:nth-child(9),
#invoiceHolder .item:nth-child(11),
#invoiceHolder .item:nth-child(12),
#invoiceHolder .item:nth-child(13),
#invoiceHolder .item:nth-child(14) {
 display: block;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
align-self: auto;
order: 0;
flex: 0 0 1.8vw;
min-width: 26px;
min-height: 26px;
}
#invoiceHolder .item:nth-child(9) i {
color:#ccc;
}

#invoiceHolder .item:nth-child(9) i:hover {
color:#fff;
}


#invoiceHolder .recordHead .item{
	line-height: 2rem !important;
font-size: .8rem;
margin-top: 0px;
}





.nonote{
	opacity:.8;
}

.break {
  flex-basis: 100%;
  height: 0;
}
	.titleCols{
	font-size: 12px;
	background: #d4f9ff;
	float: left;
	width: 100%;
	border: 1px solid #adaaaa;
	border-top: none;
	color:#444!important;	
	}


#newInvClient{
position: relative;
z-index: 20;	
}
.smlClass {
    font-size: 12px !important;
    line-height: 12px !important;
    padding-top: 2px !important;
}
.incl{
font-weight: 100;
font-variant: jis90;
}

.dolla{
color: #0000004d;
font-weight: 400;
}
.hide{
	display:none;
}
.dim{
	opacity:.9;
	background: #dcdcdc !important;
}
/*.refclass{
	color: green;
font-size: .9em;
margin: 0 ;
height: 70%;
width: 100%;
font-size: .9em;
}
.up{
font-size: 1.1em;
}
.payeeclass{
	color: #2b5ec8;
font-size: .9em;
float: left;
margin: 0 ;
height: 70%;
width: 100%;
font-size: 1.1em;
	
}*/

.beensplit{
color:white!important;
margin-top: 5px;
}

.ui-widget.ui-widget-content {
    border: 3px solid #55ebeb;
}
.shortItem{
	width: 100%;
border: 1px solid #333;
padding: 6px;
margin: 0px 0px 4px 0px;
}
.splitItem{
	background: #ffebb0;
}
.totclass{
color:blue;	
padding:4px;
border:1px solid #999;
}
.isSplit{
	color:#444;
	line-height: 1em !important;
}
.isSplit span{
color: #050505;
margin: 12px 0px 0px -14px;
z-index: 1900;
position: relative;
font-weight: 600;
top: 12px;
line-height: inherit;
font-size: .9em;
}
/*.coa{
	max-width: 80%;
}*/
.coaItem,.fcoItem{
margin-top: 5px;
padding: 2px;
border: 1px solid #a1a1a1;
line-height: .9em;font-size: .8em;
height: 26px;
background: #f8fbf6;
font-variant:jis04;
/*max-width: 7em;*/
}
.notthetrash{
	opacity:.4;
}
.cannot{
font-size:.8rem;
color:#fe1b1b;
}
.btitle{
	float:left;
	padding: .4em 1em;
	width:100%;
	background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgb(234, 234, 234) 21%, rgb(247, 255, 252) 51%, rgb(219, 219, 219) 100%);
font-size: 1.2rem;
font-variant: all-small-caps;
color: #262626;
cursor:pointer;
}
.fcoItem{
	background: rgb(252,252,252);
background: linear-gradient(180deg, rgba(252,252,252,1) 0%, rgba(221,221,255,1) 74%, rgba(243,253,255,1) 100%);
border-color: #2e85ba;
overflow: hidden;
}
#myModalcredit textarea{
	width:100%;
	height:100%
}
.ftotal,.ftotaltag{
border: 1px solid #acacac;
float: right;
min-width: 10em;
text-align: right;
padding: .2em .6em;
background: #fff;
border-radius: 3px;
font-size: 1.1rem;
}
.datebox{
padding:0px 0px 0px 0px;	
}
.to_coa{
color: #ff261b !important;
}








:root {
  --radius: 2px;
  --baseFg: dimgray;
  --baseBg: white;
  --accentFg: #006fc2;
  --accentBg: #bae1ff;
}

.theme-pink {
  --radius: 2em;
  --baseFg: #c70062;
  --baseBg: #ffe3f1;
  --accentFg: #c70062;
  --accentBg: #ffaad4;
}

.theme-construction {
  --radius: 0;
  --baseFg: white;
  --baseBg: black;
  --accentFg: black;
  --accentBg: orange;
}

select {
  font: 400 12px/1.3 sans-serif;
  -webkit-appearance: none;
  appearance: none;
  color: var(--baseFg);
  border: 1px solid var(--baseFg);
  line-height: 1;
  outline: 0;
  padding: 0.65em 2.5em 0.55em 0.75em;
  border-radius: var(--radius);
  background-color: var(--baseBg);
  background-image: linear-gradient(var(--baseFg), var(--baseFg)),
    linear-gradient(-135deg, transparent 50%, var(--accentBg) 50%),
    linear-gradient(-225deg, transparent 50%, var(--accentBg) 50%),
    linear-gradient(var(--accentBg) 42%, var(--accentFg) 42%);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 1px 100%, 20px 22px, 20px 22px, 20px 100%;
  background-position: right 20px center, right bottom, right bottom, right bottom;   
}

select:hover {
  background-image: linear-gradient(var(--accentFg), var(--accentFg)),
    linear-gradient(-135deg, transparent 50%, var(--accentFg) 50%),
    linear-gradient(-225deg, transparent 50%, var(--accentFg) 50%),
    linear-gradient(var(--accentFg) 42%, var(--accentBg) 42%);
}

select:active {
  background-image: linear-gradient(var(--accentFg), var(--accentFg)),
    linear-gradient(-135deg, transparent 50%, var(--accentFg) 50%),
    linear-gradient(-225deg, transparent 50%, var(--accentFg) 50%),
    linear-gradient(var(--accentFg) 42%, var(--accentBg) 42%);
  color: var(--accentBg);
  border-color: var(--accentFg);
  background-color: var(--accentFg);
}






.asigner2{
padding: 1em 0px 0px 1em;
max-width: 6rem;
min-width: 86px !important;
flex-basis: 86px !important;
flex-grow: 1;
flex-shrink: 0 !important;
}
.asigner{
padding: 1em 0px 0px 1em;

}
.assignBut{
background: #abccf5;
padding: .3em .5em;
border-radius: 4px;
color: #ff261b;
border: 1px solid #a0a0a0;
-webkit-box-shadow: 5px 5px 4px 0px rgba(0,0,0,0.14);
-moz-box-shadow: 5px 5px 4px 0px rgba(0,0,0,0.14);
box-shadow: 5px 5px 4px 0px rgba(0,0,0,0.14);
transition: background .3s,color .3s;
}
.assignBut:hover{
border: 1px solid #497fff;
background: #67aafc;
color:#ff261b;
}
.assignBut span:hover{
color:#000;
}
.btn-primary, .btn-primary:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e72510), color-stop(6%, #D9230F), to(#cb210e));
    background-image: linear-gradient(#e77f10, #D96E0F 6%, #cb210e);
    background-repeat: no-repeat;
    -webkit-filter: none;
    filter: none;
    border: 1px solid #ba1e0d;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	margin-top: .3em;
}
.btn-grey, .btn-grey:hover {
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(#e72510), color-stop(6%, #D9230F), to(#cb210e));
background-image: linear-gradient(#e9dbcd, #E5C09F 6%, #cbbbb9);*/
background-repeat: no-repeat;
-webkit-filter: none;
filter: none;
border: 1px solid #b4a5a4;
color: #706c6c;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
margin-top: .3em;
}
.btn-secondary, .btn-secondary:hover {
	color:#fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e72510), color-stop(6%, #D9230F), to(#cb210e));
    
	background-image: linear-gradient(#10abe7, #0F54D9 6%, #0e84cb);
background-repeat: no-repeat;
-webkit-filter: none;
filter: none;
border: 1px solid #090b99;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
/*margin-top: .3em;*/
}
.btn-tools, .btn-tools:hover {
	color:#fff;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#90e710), color-stop(6%, #18AB0B), to(#90cb0e));
background-image: linear-gradient(#90e710, #18AB0B 6%, #90cb0e);
background-repeat: no-repeat;
-webkit-filter: none;
filter: none;
border: 1px solid #189d0d;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	margin-top: .3em;
}
.btn-white, .btn-white:hover {
	background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 15%, rgba(244,244,244,1) 100%);
-webkit-filter: none;
filter: none;
border: 1px solid #918e8e;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
margin-top: .3em;
}

.btn-primary1{
	color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e72510), color-stop(6%, #D9230F), to(#cb210e));
	background-image: linear-gradient(#e77f10, #D96E0F 6%, #cb210e);
	background-repeat: no-repeat;
	-webkit-filter: none;
	filter: none;
	border: 1px solid #ba1e0d;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	font-family: "Open Sans";
	font-size:13px;
	max-width: 90px;
	height: 40px;
	/*margin: .3rem;*/
	min-width: 90px;
	display: table;
	padding: 0;
	border-radius: .2rem;
  }
  .btn-primary1 > div{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 13px;
	/*border:1px solid;*/
	border-collapse: collapse;
  }
  .btn-primary2{
	color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e72510), color-stop(6%, #D9230F), to(#cb210e));
	background-image: linear-gradient(#e77f10, #D96E0F 6%, #cb210e);
	background-repeat: no-repeat;
	-webkit-filter: none;
	filter: none;
	border: 3px dashed #ab8f8c;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	font-family: "Open Sans";
	font-size:13px;
	max-width: 90px;
	height: 40px;
	/*margin: .3rem;*/
	min-width: 90px;
	display: table;
	padding: 0;
	border-radius: .2rem;
  }
  .btn-primary2 > div{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 13px;
	/*border:1px solid;*/
	border-collapse: collapse;
  }
.btn-tools1,.btn-tools2{
	color: #fff;
	color:#fff;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#90e710), color-stop(6%, #18AB0B), to(#90cb0e));
background-image: linear-gradient(#90e710, #18AB0B 6%, #90cb0e);
	background-repeat: no-repeat;
	-webkit-filter: none;
	filter: none;
	border: 1px solid #189d0d;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	font-family: "Open Sans";
	font-size:13px;
	max-width: 90px;
	height: 40px;
	/*margin: .3rem;*/
	min-width: 90px;
	display: table;
	padding: 0;
	border-radius: .2rem;
  }
  .btn-tools1 > div,.btn-tools2 > div{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 13px;
	/*border:1px solid;*/
	border-collapse: collapse;
  }
.btn-secondary1{
	color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e72510), color-stop(6%, #D9230F), to(#cb210e));
    background-image: linear-gradient(#10abe7, #0F54D9 6%, #0e84cb);
	background-repeat: no-repeat;
	-webkit-filter: none;
	filter: none;
	border: 1px solid #090b99;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	font-family: "Open Sans";
	font-size:13px;
	max-width: 90px;
	height: 40px;
	/*margin: .3rem;*/
	min-width: 90px;
	display: table;
	padding: 0;
	border-radius: .2rem;
  }
  .btn-secondary1 > div{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 13px;
	/*border:1px solid;*/
	border-collapse: collapse;
  }
.btn-secondary2{
	color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e72510), color-stop(6%, #D9230F), to(#cb210e));
    background-image: linear-gradient(#10abe7, #0F54D9 6%, #0e84cb);
	background-repeat: no-repeat;
	-webkit-filter: none;
	filter: none;
	border: 3px dotted #a1a1a8;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	font-family: "Open Sans";
	font-size:13px;
	max-width: 90px;
	height: 40px;
	/*margin: .3rem;*/
	min-width: 90px;
	display: table;
	padding: 0;
	border-radius: .2rem;
  }
  .btn-secondary2 > div{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 13px;
	/*border:1px solid;*/
	border-collapse: collapse;
  }
  
  /*NEWBUTS*/
  .btn-nprimary,.btn-nprimary1{
	color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e72510), color-stop(6%, #D9230F), to(#cb210e));
	background-image: linear-gradient(#e77f10, #D96E0F 6%, #cb210e);
	background-repeat: no-repeat;
	-webkit-filter: none;
	filter: none;
	border: 1px solid #ba1e0d;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	font-family: "Open Sans";
	font-size:13px;
	max-width: 90px;
	height: 40px;
	/*margin: .3rem;*/
	min-width: 90px;
	display: table;
	padding: 0;
	border-radius: .2rem;
  }
  .btn-nprimary > div,.btn-nprimary1 > div{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 13px;
	/*border:1px solid;*/
	border-collapse: collapse;
  }
  .btn-nprimary2{
	color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e72510), color-stop(6%, #D9230F), to(#cb210e));
	background-image: linear-gradient(#e77f10, #D96E0F 6%, #cb210e);
	background-repeat: no-repeat;
	-webkit-filter: none;
	filter: none;
	border: 3px dashed #ab8f8c;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	font-family: "Open Sans";
	font-size:13px;
	max-width: 90px;
	height: 40px;
	/*margin: .3rem;*/
	min-width: 90px;
	display: table;
	padding: 0;
	border-radius: .2rem;
  }
  .btn-nprimary2 > div{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 13px;
	/*border:1px solid;*/
	border-collapse: collapse;
  }
.btn-ntools,.btn-ntools1,.btn-ntools2{
	color: #fff;
	color:#fff;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#90e710), color-stop(6%, #18AB0B), to(#90cb0e));
background-image: linear-gradient(#90e710, #18AB0B 6%, #90cb0e);
	background-repeat: no-repeat;
	-webkit-filter: none;
	filter: none;
	border: 1px solid #189d0d;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	font-family: "Open Sans";
	font-size:13px;
	max-width: 90px;
	height: 40px;
	/*margin: .3rem;*/
	min-width: 90px;
	display: table;
	padding: 0;
	border-radius: .2rem;
  }
  .btn-ntools > div,.btn-ntools1 > div,.btn-ntools2 > div{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 13px;
	/*border:1px solid;*/
	border-collapse: collapse;
  }
.btn-nsecondary,.btn-nsecondary1{
	color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e72510), color-stop(6%, #D9230F), to(#cb210e));
    background-image: linear-gradient(#10abe7, #0F54D9 6%, #0e84cb);
	background-repeat: no-repeat;
	-webkit-filter: none;
	filter: none;
	border: 1px solid #090b99;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	font-family: "Open Sans";
	font-size:13px;
	max-width: 90px;
	height: 40px;
	/*margin: .3rem;*/
	min-width: 90px;
	display: table;
	padding: 0;
	border-radius: .2rem;
  }
  .btn-nsecondary > div,.btn-nsecondary1 > div{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 13px;
	/*border:1px solid;*/
	border-collapse: collapse;
  }
.btn-nsecondary2{
	color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e72510), color-stop(6%, #D9230F), to(#cb210e));
    background-image: linear-gradient(#10abe7, #0F54D9 6%, #0e84cb);
	background-repeat: no-repeat;
	-webkit-filter: none;
	filter: none;
	border: 3px dotted #a1a1a8;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.14);
	font-family: "Open Sans";
	font-size:13px;
	max-width: 90px;
	height: 40px;
	/*margin: .3rem;*/
	min-width: 90px;
	display: table;
	padding: 0;
	border-radius: .2rem;
  }
  .btn-nsecondary2 > div{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 13px;
	/*border:1px solid;*/
	border-collapse: collapse;
  }
  
   /*NEWBUTS*/
  
  
/*.btn-update{
	display: inline-block;
	height: 1.7rem;
	margin-bottom: .5rem;
}*/

.headlabel{
float: left;
margin: 11px 8px 0px -2px;
}
.headlabelc{
float: left;
margin: 1.2rem -.5rem 0 -3rem;
background: #fff;
padding: .2rem 2rem .2rem .5rem;
}
.ordnoblock input,.ordnoblock textarea{
width:100%;	
}
.ordnoblock{
display: block;
height: 1.4rem;
min-width: 200px;
width: 90%;
}
.ordnoblock > div{
float: right;
padding-left: 15px;
width: calc(100% - 180px);
}
.ordnoblock span{
padding: .2rem .4rem;
/*width: 200px;*/
display: block;
margin-bottom: .2rem;
background: #b1f7ae;
outline: none;
margin-bottom: .75rem;
min-height: 1.4rem;
}
#mlength{
display:block;
float:right;
margin-right:15px;	
}
/*.limiter{
margin-top: -8px;
float: left;	
}*/
.datepicker{
float: left;
height: 70%;
width: 100%;
font-size: 1.1em;	
}

.doub{
	background:#ff00002b;
}
.inser{
		background:#c3fcff;
}
#dvImportSegments li{
	border: 1px solid #bfbfbf;
   
padding: 1em;
border-left: none;
border-top: none;
min-height: 5em;
line-height: 2.1em;
	
}
.filename{
	border: 1px solid #c5c5c5;
float: left;
margin: 2px 1em;
min-width: 250px;
padding: 0 1em;

background: rgb(255,245,208);
background: linear-gradient(0deg, rgba(255,245,208,1) 0%, rgba(255,233,214,1) 15%, rgba(255,252,246,1) 100%);
min-height: 2.1em;
}
.bankselect{
border:1px solid #777;
margin-right: 1em;
}
.uform{
	padding: 1.1em;
margin-bottom: 20px;
}
.files li{
border: 1px solid #bdbdbd;
    
min-height: 1em;
display: block;
float: left;
width: 100%;
padding: 1em;
border-left: none;
border-right: none;
border-top: none;
margin-bottom: 10px;}
.message{
	padding: 1em;
display: block;
margin: 0 1em;
font-size: 1.4em;
color: #d84c4c;
}
.del{
	float: right;
margin-top: -1em;
}
.lin{
	border:1px solid #cacaca;
	border-left:none;border-right:none;border-top:none;
}
.right{
	float:right;
	margin:1em;
	padding: 4px 2px 0px 6px;
}
.right2{
	float:right;
	margin:.2em;
	padding: 1px 2px 2px 4px;
}
.right3{
	float:right;
	margin:.2em;
	padding: 1px 4px 3px 4px;
}
.right4{
	text-align:right;
}

input[class*="EDITQNT"],input[class*="EDITDISC"],input[class*="EDITPRICE"]{
max-width:100%;	mix-width:100%;	width:100%;
background:#ebffea;
outline:none;
}
.EDITNOTE{
min-width:90px;
display: block;
min-height:20px;
 /* padding: 12px 16px;*/	
}
textarea[class*="EDITNOTE"]{
width:100%;
background:#ebffea;
overflow: hidden;
outline:none;

}
.et,.etoff{
position:relative;	
}
.et:before,.etoff:before{
position: absolute;
font-family: 'FontAwesome';
top: 0px;
left: 0px;
content: "\f044";
color: #f43232;
  }
.etoff:before{
color: #444;	
}
.invoicetable{
	padding-left:15px
}
.pdfarea{
	background: aliceblue;
	padding: 0rem 1.6rem;
}
.invHeader{
	border: 1px solid #cacaca;
text-align: center;
padding: 1em;
background: #ddeaea;
font-variant: jis04;
font-weight: bold;
margin-bottom: 0;
}
.invHeader2{
border: 1px solid #cacaca;
padding: .4em;
background: #f3f5f5;
font-variant: jis04;
font-size: .9em;
margin-bottom: 2em;
}

.richText .richText-editor {
    height: 100px;
	border:1px solid #ccc;
	border-radius:4px;
}
.popover,.popover-header{
	background: #e68e8e;
}
.bord{
	/*border:1px solid;*/
}
/*//.modal-body .credDate{z-index:99999999 !important;position:absolute}*/
/*.modal-body .datepicker{z-index:99999 !important;}*/
.isInvoice{
		margin-bottom:.5em;
		padding:.5em 0;
	}
	.isInvoice > div{
		/*padding:.5em;*/
	}
    .isInvoice > div:nth-child(-n+4){
		background:yellow
	}
	.isInvoice > div:nth-child(n+5):nth-child(-n+8){
		background:blue
	}
	.isInvoice > div:nth-child(n+9):nth-child(-n+12){
		background:green
	}
.red{
border-color: red;	
}
.blue{
color: blue;	
}

/*.recordrowx {
 display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: normal;
align-items: normal;
align-content: normal;
border: 1px solid #d4d4d4;
border-left: none;
border-top: none;
border-right: none;
margin-top: 2px;
}
.itemx{
min-height: 35px;
line-height: 34px;
height: 24px;
margin: 0px 2px 0px 0px;
font-size: 14px;
color: #444;

padding:0 .2em;	
}*/
/*#clientgroup table tr{
	border-collapse:separate; 
border-spacing:5em;
}*/
@media
	  only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			/*position: absolute;
			top: -9999px;
			left: -9999px;*/
			display: table;
			width: 100%;
		}
		

    tr {
      margin: 0 0 1rem 0;
    }
      
   /* tr:nth-child(odd) {
      background: #ccc;
	  border:1px solid red!important;
	  border-bottom:none;
	  
    }*/
    
		td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}

		td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}

		/*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/
		/*td:nth-of-type(1):before { content: "First Name"; }
		td:nth-of-type(2):before { content: "Last Name"; }
		td:nth-of-type(3):before { content: "Job Title"; }
		td:nth-of-type(4):before { content: "Favorite Color"; }
		td:nth-of-type(5):before { content: "Wars of Trek?"; }
		td:nth-of-type(6):before { content: "Secret Alias"; }
		td:nth-of-type(7):before { content: "Date of Birth"; }
		td:nth-of-type(8):before { content: "Dream Vacation City"; }
		td:nth-of-type(9):before { content: "GPA"; }
		td:nth-of-type(10):before { content: "Arbitrary Data"; }*/
	}


.doitwrap{
	width:100%;
	background: rgb(203,221,250);
background: linear-gradient(90deg, rgba(203,221,250,1) 0%, rgba(214,227,249,1) 37%, rgba(255,255,255,1) 100%);
float: left;
font-family:Roboto;
}
.doitwrap:nth-of-type(2){
	  margin-top: 60px;
}
.doitspacer{
	width: 500px;
float: left;
height: 226px;
margin-left: -485px;margin-bottom: 1.1rem;
}
.doitspacer span{
	margin: 216px auto auto 2rem;
display: block;
font-size: 1.4rem;

font-style: italic;
}
.doitHolder{
width: 500px;
float: left;
background: #5f87c6;
border-radius: 0px 1rem 0px 1rem;	
margin: -10px -10px -10px -10px;
}
.doitHolder img{
	width: 500px;
}
.doitHolderInfo{
width: calc(70% - 600px);
float: left;
padding: 1rem;
min-width: 330px;
}
.doitHolderInfo ul{
list-style-type	:none;
min-width:500px;
float:left
}
.doitHolderInfo ul li{
padding: .4rem 1rem .4rem 0;
font-size: 1.2rem;
font-weight:bolder;
}
.doitHolderInfo i{
	margin:0 1rem 0 -.2rem;
}
.doitplan:nth-child(1){
	margin-right:.5rem;
}
.doitplan:nth-child(2){
}
.doitplan:nth-child(3){
	margin-left:.5rem;
}
.doitplan{
	padding: .4rem 0rem .4rem 0;
font-size: 1.2rem;
font-weight:bolder;
width:calc(33.33% - .35rem);
float:left;
}
.doitplans{
	
float:left;
}

.doitplanInner{
	border: 1px solid #898888;
height: 100%;
background: azure;
padding: 1.5rem .5rem 1.5rem .5rem;
width: calc(100% - 2rem);
margin: 1rem;
border-radius: .1rem;
min-height: 220px;
}

.doitplanInner>div{
	text-align:center;
	
}
.doitplanInner>div:nth-child(1){
	color:red;
	font-size:1.1rem;
	text-transform: capitalize;
}
.doitplanInner>div:nth-child(2){
	color:#353935;
	font-size:2.3rem;
}
.doitplanInner>div:nth-child(2) span{
	font-size: .9rem;
top: -16px;
position: relative;
color: #545252;
}
.doitplanInner>div:nth-child(3){
	color: grey;
font-size: .9rem;
margin: .5rem auto;
display: block;
width: 80%;
}
.doitplanInner>div:nth-child(4){
	color: white;
width: 40%;
background: #1c919d;
margin: 0 auto;
padding: 4px;
min-width: 130px;
border-radius: .3rem;
box-shadow: .2rem .2rem .2rem #ccc;

}
.doitplanInner>div:nth-child(4) a{
	color: white;
width:100%;
height:100%;
text-decoration:none;
display: block;
}

.doitplanInner>div:nth-child(4):hover{
	box-shadow: .3rem .3rem .3rem #ccccccc7;
	cursor:pointer; 
	
}
@media only screen and (max-width: 600px) {
	.jumbotron {
    padding: 0rem 1rem;
    margin: -1rem auto auto auto;
}
	.doitwrap {
    width: 100%;
    margin-left:-2px;
}
.doitHolder {
    width: 90%;
}
.doitHolder img {
    width: 90%;
}
.doitspacer {
    width: 100%;
   margin:unset;
    height: unset;	
}
.doitspacer span {
    margin: 1rem auto auto auto;
    font-size: 1.1rem;
    text-align: center;
}
.logo img{
	width:97%;
	margin-bottom:1rem;
}
.doitHolderInfo ul {
    min-width: 50%;
    width: calc(100% + 40px);
    margin-left: 0rem;
    width: 80%;
}
.doitHolderInfo ul li{
	font-size:1rem;
}
.doitHolderInfo ul li i{
	margin-left: -36px;
}
.doitplan {
    width: 100%;
	margin: .5rem auto !important;
}
}
.joinButton{
	width: 100%;
margin: 1rem auto !important;
float: right;
padding: 1rem;
}
.dim1 {
	opacity: .5;
	scale: .8;
}
/*/////VERIFY SUCCESS//////*/
.installcheck{
width:unset;	
}
.doitpacks{
	border: 1px solid #686868;
padding: 1.2rem;
border-radius: .5rem;
box-shadow: 2px 2px 2px #33333363;
background: azure;
background: #f0ffff;
margin:1rem;
}
.doitpacks input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.doitpacks label {
    display: inline-block;
background-color: #ddd;
padding: .2rem .5rem;
font-family: sans-serif, Arial;
font-size: 16px;
border: 1px solid #444;
border-radius: 4px;
width: 70%;
min-width: 200px;
    opacity: .6;

}
.doitpacks input[type="radio"]:checked + label {
    background-color:#bfb;
    border-color: #4c4;
	opacity: 1;
}
.doitpacks input[type="radio"]:focus + label {
    border: 2px dashed #444;
	
    
}

.tot{
width: 25%;
height: 30px;
float: right;
border: 1px solid #333;
border-top: none;
border-left: none;
border-right: none;
margin-top: 1.5rem;
}
.ttot{
	width: 70px;
height: 30px;
float: right;

}
.doitpay,.doitman{
	width: 70%;
min-width: 200px;
border: 1px solid #444;
}

.doitHolder{
	background: #5f87c6;
float: left;
width: 120px;
height: 50px;
border-radius: 0 .5rem 0 .5rem;
}
.doitHolder img{
width: 100%;
float: left;
margin: 0px 0px 0px 0px;
position: relative;
height: 100%;
border-radius: 0 .5rem 0 .5rem;
}

.doitpacks label  span{
width: calc(100% - 130px);
float: right;
display: block;
white-space: normal;
line-height: 1rem;
padding: .7rem 0 .6rem 0;
font-style: oblique;
}
.doitpacks,.checkInstall,.buttonHolder,#coupondiv,.returnMessage,#feedback,#confirmtext{
width: 40%;
min-width: 600px;
margin: .5rem auto;
clear: left;
}
.doitpacks,.buttonHolder,#coupondiv{
	display:none;
}
#coupondiv input,#coupondiv div{
width: 30%;
display: inline-block;
padding: .2rem .6rem;
line-height: 1.2rem;
margin: .2rem .4rem;
}
#coupondiv input{
margin-top:-.6rem	
}
#coupondiv{
border:none;
margin-bottom: 3rem;
}
#coupondiv div:nth-child(1){
padding-top: 0;
display: block;
float: left;
margin: -2px 0px 0px 0px;	
}
.buttonHolder{
	margin-bottom: 3rem;
margin-top: 3rem;
}
.installcheck{
display:none;	
}
#feedback,#confirmtext,#feedbackPortal{
border: 1px solid #d2cece;
border-radius: .2rem;
padding: 1rem;
background: #fffbf0;
margin-bottom: 2rem;
font-style: oblique;
color: #137474;
display:none;	
}
.feedbackPortal{
	float: left;
	width: 100%;
}
.currentPlan{
border: 1px solid #fff;
padding: .3rem;
text-align: center;
margin-top: -314px;
background: #023dc766;
box-shadow: 2px 2px 4px #b9b9b9;
color: #fff;
font-weight: 400;
font-variant-caps: all-petite-caps;
}
#planAdjustments{
background:grey;
padding:4px;
color: white;	
}