html{
background:#fff;
margin:0;
padding:0;
height:100%;
width:100%
}

@font-face{
font-family:'Roboto';
font-style:normal;
font-weight:300;
src:local('Roboto Light'),local('Roboto-Light'),url(../fonts/roboto-v18-latin-300.woff2) format('woff2'),url(../fonts/roboto-v18-latin-300.woff) format('woff')
}

@font-face{
font-family:'Roboto';
font-style:normal;
font-weight:400;
src:local('Roboto'),local('Roboto-Regular'),url(../fonts/roboto-v18-latin-regular.woff2) format('woff2'),url(../fonts/roboto-v18-latin-regular.woff) format('woff')
}

@font-face{
font-family:'Roboto';
font-style:normal;
font-weight:500;
src:local('Roboto Medium'),local('Roboto-Medium'),url(../fonts/roboto-v18-latin-500.woff2) format('woff2'),url(../fonts/roboto-v18-latin-500.woff) format('woff')
}

@font-face{
font-family:'Roboto';
font-style:normal;
font-weight:900;
src:local('Roboto Black'),local('Roboto-Black'),url(../fonts/roboto-v18-latin-900.woff2) format('woff2'),url(../fonts/roboto-v18-latin-900.woff) format('woff')
}

body{
display:flex;
flex-direction:column;
margin:0 auto;
margin-bottom:30px;
background:#fff;
color:#000;
float:left;
width:100%;
font-size:18px;
min-height:100vh;
margin:0;
padding:0;
font-family:"roboto";
font-weight:400;
line-height:1
}

hr{
display:block;
height:1px;
border:0;
border-top:2px solid #c61f40;
margin:.5em 0 .5em 0;
padding:0
}

hr.hrBlank{
display:block;
height:1px;
border:0;
border-top:2px solid #fff;
margin:.1em 0 .1em 0;
padding:0;
width: max-content
}

hr.hrBlue{
display:block;
height:1px;
border:0;
border-top:2px solid #007bff;
margin-left:1em;
margin-right:1em;
padding:0
}

input:-moz-read-only.form-control.upd-inv-modal{
background-color:transparent
}

input:read-only.form-control.upd-inv-modal{
background-color:transparent
}

input:read-only.form-control{
background-color:transparent!important
}

input:not([type=submit]):not([type=file]){
color:#000944;
line-height:1;
height:calc(1.8rem + 10px);
font-size:18px
}

select.custom-select.upd-inv-modal.viewonly{
background-color:#fff;
color:#000944
}

input[type=text].upd-inv-modal.viewonly{
font-size:12px;
padding:.1rem .1rem;
height:calc(1.25rem + 2px);
background-color:#fff;
color:#000944;
border:none
}

input[type=radio] + label{
vertical-align:bottom;
margin-left:10px
}

input[type=radio]{
margin:5px;
vertical-align:middle
}

.btn.btn-primary.btn-sm{
margin-right:3px;
line-height:1
}

.btn.btn-info.btn-sm{
margin-right:3px;
line-height:1
}

select option{
color:#000944
}

.header_text.border.border-primary.rounded{
line-height:2
}

.form-group{
margin-bottom:.5rem
}

.robotoLight{
font-family:'Roboto';
font-style:normal;
font-weight:300;
}

.robotoNormal{
font-family:'Roboto';
font-style:normal;
font-weight:400;
}

.robotoBold{
font-family:'Roboto';
font-style:normal;
font-weight:500;
}

.robotoHeavyBold{
font-family:'Roboto';
font-style:normal;
font-weight:900;
}

.op10{
opacity:10%;
}

.op25{
opacity:25%;
}

.op33{
opacity:33%;
}

.op50{
opacity:50%;
}

.op75{
opacity:75%;
}

.op90{
opacity:90%;
}

.talml0{
text-align:left;
margin-left:0
}

.w-5{
width:5%!important;
}

.w-7{
width:7%!important;
}

.w-8{
width:8%!important;
}

.w-10{
width:10%!important;
}

.w-15{
width:15%!important;
}

.w-20{
width:20%!important;
}

.w-30{
width:30%!important;
}

.w-35{
width:35%!important;
}

.w-40{
width:40%!important;
}

.w-45{
width:45%!important;
}

.w-60{
width:60%!important;
}

.w-70{
width:70%!important;
}

.help-block:not(:empty){
background-color:gainsboro;
color:#c61f40;
text-align:center;
border-style:solid;
border-color:#c61f40;
border-width:thin;
display:inline-block
}

.help-block1:empty{
border:none;
display:none
}

.border_error{
border-width: 2px;
border-style:double;
border-color:#c61f40
}

.add_user_error_content{
color:#c61f40;
font-weight:400;
text-align:center;
border-style:double;
border-color:#c61f40;
font-size:18px;
background-color:gainsboro;
padding:5px;
}

.add_user_error_content:empty{
display:none
}

.add_user_message_content{
background-color:gainsboro;
color:#c61f40;
font-weight:700;
text-align:center;
border-style:double;
border-color:#c61f40
}

.add_user_message_content:empty{
display:none
}

.add_user_message_content_blue{
background-color:gainsboro;
color:#007bff;
font-size:18px;
font-weight:400;
text-align:center;
border-style:solid;
border-color:#007bff;
padding:8px;
border-radius: 1rem;
border-width:2px;
}

.add_user_message_content_blue:empty{
display:none
}

.add_new_sales_tax_error_content{
color:#c61f40;
font-weight:200;
text-align:center;
border-style:double;
border-color:#c61f40
}

.add_new_sales_tax_error_content:empty{
display:none
}

.header{
flex:0 0 auto;
left:0;
right:0;
width:100%;
background-color:#fff;
border-style:double;
border-color:#c61f40
}

.form-element label{
display:inline-block
}

.userHeader{
flex:0 0 auto;
top:0;
margin:auto;
left:0;
right:0;
height:1.5em;
width:100%;
background-color:#f2f2f2
}

.modal-lg{
max-width:80%
}

.antispam{
display:none
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front{
font-size:14px;
background-color:aquamarine
}

.ulFooter{
list-style-type:none;
text-align:right;
line-height:1.5
}

.ulInfo{
margin-left:10%;
list-style-type:none;
text-align:left;
line-height:1.5
}

ul.ulInfo:hover{
font-size:14px;
background-color:inherit
}

ul:hover{
font-size:16px;
background-color:lightcyan
}

ul.ulFooter:hover{
font-size:14px;
background-color:inherit
}

.footerListHeader{
color:black;
font-size:14px;
font-weight:700
}

/* * {
-webkit-border-radius:0!important;
-moz-border-radius:0!important;
border-radius:0!important
}*/

.divReport1{
border:2px solid!important;
padding:5px;
border-color:#dc3545!important;
top:15px;
left:0
}

.reportml10pct{
margin-left:10%
}

.reportml10mr10{
margin-left:10%;
margin-right:10%
}

.mr10{
margin-right:10px
}

.ml5pct{
margin-left:5%
}

.mr5pct{
margin-right:5%
}

.ml3pct{
margin-left:3%
}

.mr3pct{
margin-right:3%
}

.justifyRight{
display:flex;
justify-content:flex-end;
margin-top:5px
}

.reportW34{
width:34%
}

.reportW33{
width:33%
}

.reportW30{
width:30%
}

.reportW25{
width:25%
}

.reportW20{
width:20%
}

.reportW10{
width:10%
}

.reportW12{
width:12%
}

.reportW13{
width:13%
}

.reportW065{
width:6.5%
}

.fileMgrPB0PT0{
padding-bottom:0;
padding-top:0
}

.fileMgrBGW1{
background:white;
width:100%
}

.fileW100{
width:100%
}

.sidemenu{
text-align:center;
background-color:whitesmoke;
}

.btnReport1{
float:right;
margin-top:5px
}

.divReport2{
font-size:.750rem;
line-height:1;
white-space:normal
}

.displayNone{
display:none
}

.dnml3pct{
display:none;
margin-left:3%
}

.recurringTable{
font-size:small;
margin-left:3%;
margin-right:3%
}

.ml3mr3{
margin-left:3%;
margin-right:3%
}

.tal{
text-align:left
}

.tar{
text-align:right
}

.colorDarkGrey{
color:darkgrey
}

.wrapper{
width:97%;
flex:1 0 auto
}

.section1{
margin:0 auto;
text-align:center
}

.section2{
margin:0 auto;
text-align:center
}

.whatdoyouwanttodo{
margin-left:2%;
margin-right:2%;
margin-top:1%;
margin-bottom:1%;
padding:20px;
text-align:center;
justify-content:center;
display:inline-block
}

.reportwindow{
border:#c61f40;
border-style:double;
border-width:2px;
padding-bottom:20px;
padding-top:20px;
padding-right:20px;
padding-left:20px
}

.dashboardSection{
margin-left:2%;
margin-right:2%;
margin-top:1%;
margin-bottom:1%;
border:#c61f40;
border-style:solid;
border-width:1px;
padding:0;
text-align:left;
justify-content:left;
display:inline-block!important
}

textarea.form-control.upd-inv-modal{
font-size:18px;
color:#000944;
height:auto
}

textarea.form-control{
font-size:18px;
color:#000944;
height:auto
}

#upd_customer_name_group{
font-size:12px;
padding:.1rem .1rem;
line-height:.5;
margin-bottom:.25rem;
margin-top:.75rem
}

.upd_invoice_group{
font-size:12px;
line-height:1;
margin-bottom:0
}

.upd_inventory_group{
font-size:12px;
font-weight:700;
line-height:1;
margin-bottom:0;
margin-top:3px
}

.w35em{
width:35em;
margin:0 auto
}

.fwBold{
font-weight:700
}

.fwNormal{
font-weight:400
}

.upd_invoice_textarea{
font-size:18px;
line-height:1;
color:#000944
}

.form-control.upd-inv-modal{
font-size:12px;
padding:.1rem .1rem;
height:calc(1.25rem + 2px)
}

.form-control.wide125{
width:125%
}

.form-control.upd-inv-modal.viewonly{
font-size:12px;
padding:.1rem .1rem;
height:calc(1.25rem + 2px);
background-color:#fff;
color:#000944;
border:none
}

.custom-select{
font-size:18px;
padding:.1rem .1rem;
height:calc(1.8rem + 10px);
color:black
}

.custom-select-as{
font-size:18px;
padding:.1rem .1rem;
height:calc(1.25rem + 2px);
color:black
}

.custom-select.upd-inv-modal{
font-size:18px;
padding:.1rem .1rem;
height:calc(1.8rem + 10px);
color:#000944
}

.standard-select{
font-size:18px;
padding:.1rem .1rem;
height:calc(1.8rem + 10px);
width:100%;
color:#000944
}

.btn.btn-info.dropdown-toggle{
margin:auto
}

.fRight{
float:right
}

.section2{
margin:40px auto;
float:left;
padding-bottom:1000px;
width:100%;
background-color:#e1e1e1
}

.user{
float:right;
padding-left:1em
}

.invTotals{
border-width:2px!important;
font-size:12px
}

#advItemsHolder button{
line-height:1;
font-size:12px
}

.user1{
float:right;
padding-left:2em;
padding-right:1em
}

a{
color:aqua;
text-decoration:none
}

a:hover{
color:blue;
text-decoration:underline;
cursor:pointer
}

.imghover{
cursor:pointer
}

.pic1{
height:90%;
margin-left:2%
}

.pic2{
width:100%;
margin-left:0
}

h1{
color:#222;
display:block;
font-size:2em;
margin-top:.67em;
margin-bottom:.67em;
margin-left:0;
margin-right:0;
font-weight:700;
text-align:center
}

h2{
color:#222;
display:block;
font-size:1.75em;
margin-top:.83em;
margin-bottom:.83em;
margin-left:0;
margin-right:0;
text-align:center
}

h3{
color:#222;
display:block;
font-size:26px;
margin-top:.67em;
margin-bottom:.67em;
margin-left:0;
margin-right:0
}

h4{
color:#222;
display:block;
font-size:1em;
margin-top:1.33em;
margin-bottom:1.33em;
margin-left:0;
margin-right:0;
font-weight:700;
text-align:center
}

h5{
color:#222;
display:block;
font-size:.83em;
margin-top:1.67em;
margin-bottom:1.67em;
margin-left:0;
margin-right:0;
font-weight:700;
text-align:center
}

.reporth5{
color:black;
display:block;
font-size:22px;
margin-top:1em;
margin-bottom:1em;
margin-left:0;
margin-right:0;
font-weight:400;
text-align:center
}

.reporth6{
color:black;
display:block;
font-size:18px;
margin-top:0em;
margin-bottom:0em;
margin-left:0;
margin-right:0;
font-weight:400;
text-align:center
}

h6{
color:#222;
display:block;
margin-top:2em;
margin-bottom:2em;
margin-left:0;
margin-right:0;
font-weight:700;
text-align:center
}

input:not([type=submit]):not([type=file]).tipimage.invsearch{
margin-left:6px;
background-color:white;
border-style:solid;
border-width:1px;
height:90%;
border-color:#007bff
}

.responsive {
max-width: 75%;
height: auto;
}

.headtile{
width:8%;
height:auto;
float:left;
}
.headlogo{
width:92%;
height:auto;
float:left;
}
.mlamra80{
width:80%;
margin-left: auto;
margin-right: auto;
}

.labelinv1{
padding-top:1px;
font-size:small;
}

.invTotalsblock{
margin-top: 10px;
margin-bottom:10px;
padding: 5px;
color: white;
font-size:15px;
background-color: #0083e8;
}

.start_btn{
margin-left:90%;
margin-top:1%;
}

.tipimage.divresetInvSettings{
display: table;
float: left;
margin-right: 25px;
margin-left: 25px;
}

.lblResetInvSettings{
display: table-row;
}

.inputResetInvSettings{
display: table-row;
width: 100%;
}

.tipimage.divUpdateLatestSettings{
display: table;
float: left;
margin-right: 25px;
margin-left: 25px;
}

.btnDelExistItem{
float:right;
padding:4px;
margin-top: 4px;
margin-right: -10px;
line-height: 1;
font-size:12px;
}

.w450h225{
width:450px;
height:225px;
}
.w450hfill{
width:450px;
height: 100%;
height: -moz-available;  /* WebKit-based browsers will ignore this. */
height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
height: fill-available;
height: 85vh;
}

.w300h100{
width:300px;
height:100%;
}

.w3pct{
width:3%;
}

.invtyBot{
bottom:0px;
position:absolute;
}

.divUpdTotal{
width:65%;
margin-left:auto;
margin-right:auto;
}

.noPad{
padding:0em;
}

.mlamra{
margin-left:auto;
margin-right:auto;
}

.mlamradb{
margin-left:auto;
margin-right:auto;
}

.ml25pct{
margin-left:25%;
}

.lblUpdateLatestSettings{
display: table-row;
margin-right: 50px;
margin-left: 50px;
}

.tipimage.divUpdateTemplate{
display: table;
float: left;
margin-right: 25px;
margin-left: 25px;
}

.lblUpdateTemplate{
display: table-row;
margin-right: 50px;
margin-left: 50px;
}

.selectUpdateTemplate{
width:175px;
margin-left:auto;
}

.inputUpdateLatestSettings{
display: table-row;
width: 25px;
margin-right:3px;
}

.divDelItemModal{
padding-right: 15px;
display: none;
}

.divEmailInvModal{
padding-right: 15px; 
display: none;
}

input:not([type=submit]):not([type=file]).inputDelItemModal{
background-color:#dc3545;
color:white;
border:none;
font-size:22px;
}

.lblLineItemName{
margin:0px;
margin-right:10px;
}

.fileMgrOutline{
outline: none;
}

.lblLineItemHeader{
margin:0px;
line-height: normal;
font-size: 12px;
}

.lblInvoiceSettings1{
margin:0px;
line-height: normal;
font-size: 12px;
}

.lblLineItemQty{
margin:0px;
}

.lblLineItemPrice{
margin:0px;
}

.lblLineTotalPrice{
margin:0px;
margin-right:10px;
}

.lblInvoiceSalesTax{
margin:0px;
margin-right:10px;
}

.lblInvoiceSubTotal{
margin:0px;
margin-right:10px;
}

.lblInvoiceNetTotal{
margin:0px;
}

.lblInvoiceTotalDue{
margin:0px;
float:right;
}

.lh1{
line-height: 1;
margin:1px
}

.btn.btn-default.border-dark.mra{
margin-right: auto;
}

.btn.btn-default.border-dark.btn-sm.mra{
margin-right: auto;
line-height: 1;
}

.btn.btn-default.btn-sm.border-dark{
line-height: 1;
}

.btnBorder{
border:1px solid black;
color:white
}

.indexBorder{
border-radius: 1%;
box-shadow: 5px 5px 5px 5px lightgray;
}

.indexLaunchImg{
max-width:100%;
height:auto;
max-height:100%;
}

.cursorDefault{
cursor:default;
}
.indexTextSmall{
font-size:12px;
padding:0em;
}

.borderNone{
border: none;
}

.tarbn{
text-align: right;
border: none;
}

.tarFooter{
text-align: right;
line-height: 2;
}

.w125p{
width:125%;
}

.mra{
margin-right: auto;
}

.borderSolid{
border:solid;
}
.mr0{
margin-right: 0px;
}

.mla{
margin-left: auto;
}

.ml10px{
margin-left: 10px;
}

.mt5px{
margin-top: 5px;
}

.mt5mb2{
margin-top: 5px;
margin-bottom: 2px;
}

.mt15px{
margin-top: 15px;
}

.mb5px{
margin-bottom: 5px;
}

.h90{
height:90%;
}

.h90a{
height:90%;
margin-left:2px;
}

.h90b{
height:90%;margin-left:30px;
}

.imgInvOpt1Img3{
margin-top:50px;
border:solid;
}

.f20px{
font-size: 20px;
}

.emailInv{
font-size: 18px;
margin:auto;
}

.welcomeH5{
text-align:center;
color:#6c757d;
font-size: 18px;
margin:auto;
}

.welcomeImg{
height: auto;
display: inline-block;
margin-left: auto;
margin-right: 20px;
margin-top:10px;
margin-bottom: 0.5em;
}

.loginBG{
background-color: #007bff;
}

.noScript{
border: 1px solid purple;
padding: 10px;
color:#c61f40;
}

.colorRed{
color:#c61f40;
}

.colorBlack{
color:black;
}

.paginationFoot{
margin-left:auto;
margin-right:auto;
display:table;
width:fit-content;
width: -moz-max-content;
}

.paginationStyle{
margin-top:.1rem;
margin-right:.1rem;
padding-top:3px;
padding-bottom:3px;
}

.invoiceH4{
color: white;
font-size: 24px;
font-weight: normal;
}

.invoiceH4a{
color: white;
font-size: 24px;
font-weight: normal;
margin-top:0;
}

.colorWhite{
color: white;
}

.invoiceH6add{
margin-top:0px;
margin-bottom:3px;
text-align: left;
font-weight: normal;
}

.invoiceH6addInvty{
margin-top:6px;
margin-bottom:3px;
text-align: left;
font-weight: normal;
}

.invoiceH6InvSettings{
margin-top:0px;
margin-bottom:3px;
text-align: left;
font-weight: normal;
font-size: medium;
}

.mt13px{
margin-top:13px;
}

.mt0mb0{
margin-top:0px;
margin-bottom:0px;
}

.eee{
background-color: #eee;
}

.bglsb{
background-color: lightsteelblue;
}

.mb0{
margin-bottom:0px;
}

.textareaFreeText{
width: 80%;
height: auto;
font-family:monospace;
white-space: pre;
}

div.invmainrow{
display:flex;
margin-left:10px;
margin-right:auto;
}

div.storagemainrow{
display:flex;
margin-left:0px;
}

.paymainrow{
display:flex;
margin-left:10px;
margin-right:auto;
}

div.a {
height: 50%;
width: 80%;
}

div.b {
height: calc(100vh - 150px);
width: calc(100vw - 60px);
}

div.inventoryChildProduct {
border-style: solid;
border-width: 1px;
border-color: #c61f40;
margin: 5px;
width:95%;
background-color:silver;
}

div.inventoryChildProduct:nth-child(odd) {
border-style: solid;
border-width: 1px;
border-color: #c61f40;
margin: 5px;
width:95%;
background-color:gainsboro;
}

div.update_inventoryChildProduct {
border-style: solid;
border-width: 1px;
border-color: #c61f40;
margin: 5px;
width:95%;
background-color:silver;
}

div.update_inventoryChildProduct:nth-child(odd) {
border-style: solid;
border-width: 1px;
border-color: #c61f40;
margin: 5px;
width:95%;
background-color:gainsboro;
}

input:not([type=submit]):not([type=file]).updInvNumber{
background-color:#007bff;
color:white;
border:none;
font-size:22px;
}

.invtyFR{
border:#c61f40;
border-style:solid;
border-width:1px;
margin-bottom:2px;
}

.btnInvty2{
padding:0px;
margin-left:2px;
margin-right:3px;
margin-bottom:2px;
position:absolute;
bottom:0;
}

.p0mt10{
padding:0px;
margin-top:10px;
}

.mt10{
margin-top:10px;
}

.mt5pct{
margin-top:5%;
}

.spacingColor{
letter-spacing: 1px;
word-spacing: 1px;
color: #222;
}

.inventoryGroupHead{
margin-top: 0em;
margin-bottom: 0em;
font-size: 18px;
font-weight: 400;
}

.phone1{
margin-top: 0em;
margin-bottom: 0em;
font-size: 18px;
}
.phone2{
margin-top: 0em;
margin-bottom: 0em;
font-size: 22px;
}

.btnInvty1{
position:absolute;
bottom:0;
}

.updInvNumber{
background-color:#007bff;
color:white;
border:none;
font-size:22px;
}

.lblupdInvTemplateExample{
float:left;
position:absolute;
padding-top:1px;
}

.wAuto{
width:auto;
}

input:not([type=submit]):not([type=file]).searchStyle{
margin-left:6px;
background-color:white;
border-style:solid;
border-width:2px;
height:90%;
border-color:#007bff;
}

input:not([type=submit]):not([type=file]).searchStyle1{
margin-left:6px;
background-color:white;
border-style:solid;
border-width:2px;
border-color:#007bff;
}

input:not([type=submit]):not([type=file]).searchStyle2{
margin-left:6px;
background-color:white;
border-style:solid;
border-width:2px;
border-color:#007bff;
height: calc(1.25rem + 2px);
}

input:not([type=submit]):not([type=file]).searchStyle3{
height: 2rem;
}

input:not([type=submit]):not([type=file]).searchStyleStorage{
margin-left:100px;
background-color:white;
border-style:solid;
border-width:2px;
height:90%;
border-color:#007bff;
}

.h2rem{
height: 2rem;
}
.btnCategory{
padding: .1em;
border: solid;
border-width: thin;
}

p {
margin-left: auto;
margin-right: auto;
color: #222;
font-size: 14px;
letter-spacing: 1px;
word-spacing: 1px;
line-height: 1.3;
width: 80%;
padding-bottom: 0.5em;
text-align: center;
}

a {
color: #0083e8;
}

.sbmsBlue {
color: #007bff;
}

.sbmsRed {
color: #c61f40;
}

.sbmsRedTrans {
color: #c61f40;
background-color:transparent;
}

.sbmsmedblue {
color: #007bff;
background-color:transparent;
}

.transBG{
border:#0083e8;
border-width:2px;
background-color:ghostwhite;
border-style:inset;
margin-bottom:5px;
padding:5px;
border-radius:1rem;
}

.transBG1{
border:#0083e8;
border-width:2px;
background-color:lightblue;
border-style:inset;
margin-bottom:5px;
padding:5px;
border-radius:1rem;
}

.transBG2{
border:#0083e8;
border-width:2px;
background-color:bisque;
border-style:inset;
margin-bottom:5px;
padding:5px;
border-radius:1rem;
}

.sbmstrans{
background-color:transparent
}

b, strong {
font-weight: 600;
}

samp {
display: none;
}

.hiddendiv{
display: none;
}

.grayedOutLink {
color:gray;
text-decoration:none; 
}

.grayedOutLink:hover {
cursor:default; 
color:gray;
text-decoration:none; 
}

a.number {
display: block;
margin-top: 1.3em;
}

.footer {
position: sticky;
right: 0;
bottom: 0;
width: 100%;
height: auto;
background-color: #efefef;
text-align: center;
flex-shrink: 0;
}

.footer1 {
right: 0;
bottom: 0;
width: 100%;
height: auto;
background-color: #efefef;
text-align: center;
flex-shrink: 0;
}

.footerText {
padding: 0.4em;
}

.sidebar {
position: fixed;
width: auto;
height: 40%;
top: 100px;
min-height: 100px;
overflow:auto;
left: 30000px;
background-color: #ffffff;
border-style: double;
border-color: #c61f40;
}

.logo {
display: inline-block;
margin-left: auto;
margin-right: auto;
margin-bottom: 0.25em;
color:#007bff;
}

.linesHolder {
position: fixed;
width: auto;
height: 60%;
top: 130px;
right: 0;
}

.sidebarLinesTip {
width: auto;
height: 9%;
}

.sidebarLines {
display: block;
margin-right: 0;
margin-left: 0;
padding: 0 3px;
width: auto;
height: 75%;
margin-bottom: 0.2em;
background-color: #ffffff;
border-style: double;
border-color: #c61f40;
}

.sidebarLogo {
display: block;
margin: 3px;
width: auto;
height: 22%;
margin-bottom: 0.3em;
}

.payH3mtmb{
margin-top:5px;
margin-bottom:2px;
}

.acctH3mtmb{
margin-top:10px;
margin-bottom:10px;
}

.p10dib{
padding:10px;
display:inline-block;
}
.first {
margin-top: 115px;
}

.test {
position: fixed;
}

.center {
margin: auto;
width: 50%;
}

.right {
margin-left: 2%;
width: 97%;
}

img{
cursor: pointer;
}
.headerText {
font-weight: bold;
margin-left: 20px;
margin-right: 0;
padding-bottom: 0.5em;
margin-bottom: 0.3rem;
text-align: left;
}

.settingsText {
margin-left: 32px;
margin-right: 0;
padding-bottom: 0.15em;
text-align: left;
}

.card-img.purchase-img{
border-style: dashed;
border-width: 2px;
/* border-color: #c61f40; */
border-color: #0083e8;
margin-bottom: 10px;
/* width:90%; */
padding:10px;
}

/* Changing row height */
tr {
line-height: 1;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: rgb(150, 150, 150);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: rgb(150, 150, 150);
opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: rgb(150, 150, 150);
opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: rgb(150, 150, 150);
}
::-ms-input-placeholder { /* Microsoft Edge */
color: rgb(150, 150, 150);
}

::placeholder { /* Most modern browsers support this now. */
color: rgb(150, 150, 150);
}

.form-control::-moz-placeholder {
color: rgb(150, 150, 150);
}

.form-control:-ms-input-placeholder {
color: rgb(150, 150, 150);
}

.form-control::-webkit-input-placeholder {
color: rgb(150, 150, 150);
}

.tooltip-inner {
border-color: #c61f40;
color: #c61f40;
text-align: center;
background-color: white;
background:white;
max-width: 300px;
width: 300px;
}

.tiplogin .tooltip-inner {
border-color: #c61f40;
color: black;
text-align: center;
background-color: white;
background:white;
}

.tooltip.info .tooltip-inner {
background-color: white;
background: white;
border-color: #c61f40;
color: #c61f40;
border: 2px solid #c61f40;
}

.tiplogin .tooltip.info .tooltip-inner { 
background-color: white;
background: white;
border-color: #c61f40;
color: black;
border: 2px solid #c61f40;
}

.tooltip.show {
opacity: 2;
border-color: #c61f40;
border: 3px solid #c61f40; 
margin: 7px;
text-align: center;
background-color: white;
background:white;
} 

.tiplogin .tooltip.show {
width:350;
opacity: 2;
border-color: black;
border: 3px solid #c61f40;
margin: 7px;
text-align: center;
background-color: white;
background:white;
}

.upd_block_header{
margin-left:0px;
margin:2px
}

.btnExpandShrink{
float:right;
display:none;
padding:4px;
margin-top: 2px;
margin-bottom: 2px;
margin-right: -10px;
line-height: 1;
font-size:12px;
}

.btnShrinkExpand{
float:right;
padding:4px;
margin-top: 4px;
margin-right: -10px;
line-height: 1;
font-size:12px;
}

.invoiceTotalupd1{
width:65%;
margin-left:auto;
margin-right:auto;
}

.categoryCol{
flex-grow: 0.4;
width:auto;
}

.fg3{
flex-grow:3;
}

.fs10dib{
font-size: 10px;
display:inline-block;
}

.w100h100ofc{
width: 100%; 
height: 100%;
object-fit:contain;
border-color: #007bff;
border-style: dashed;
}

.w50h100ofc{
width: 50%; 
height: 100%;
object-fit:contain;
border-color: #007bff;
border-style: dashed;
}

.wAutoh150ofc{
width: auto; 
height: 150px;
object-fit:contain;
}

.invTemplateLayout{
border-style:solid;
margin-right:8px;
border-width: 1px;
}

.btnUpdItemsHolderDel{
float:right;
padding:4px;
margin-top: 4px;
margin-right: -10px;
line-height: 1;
font-size:12px;
}

.invoiceexample {
border:2px solid #0083e8;
text-align: center;
margin: 10px;
font-size: small;
}

.business-setup {
border:2px solid #0083e8;
padding:1%;
}

.invoiceexample label {
vertical-align: bottom;
margin-left:10px;
}

.invoiceexample label span{
vertical-align: bottom;
margin-left:10px;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before { border-bottom-color: #c61f40 !important; margin: 7px;}
.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before { border-right-color: #c61f40 !important; margin: 7px;}
.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before { border-top-color: #c61f40 !important; margin: 7px;}
.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before { border-left-color: #c61f40 !important; margin: 7px;}
.sbms-medblue {
color:#fff;
background-color: #0083e8;
}

.sbms-medblue:hover {
color:#fff;
background-color: #0062ad;
}

.sbms-error-class {
color:#c61f40;  /*sbms red */
font-size: 24px;
text-shadow: 0px 1px black;
}

.error{
color:#c61f40;  /*sbms red */
font-size: 24px;
}

.sbms-valid-class {
color:#000944; /* sbms blue */
}

.minH150{
min-height: 150px;
}

.stripe-button-el{
display: none !important;
}

/* CSS Related to File Upload Progress Bar */
#progress_info {
font-size:10pt;
}

#fileinfo,#error,#error2,#abort,#warnsize {
color:#c61f40;
display:none;
font-size:10pt;
margin-top:10px;
}

#progress {
border:1px solid rgb(0, 0, 0);
display:none;
float:left;
height:14px;
color: rgb(0, 255, 0);
border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;
-webkit-border-radius:10px;
background: -moz-linear-gradient(#66cc00, #4b9500);
background: -ms-linear-gradient(#66cc00, #4b9500);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66cc00), color-stop(100%, #4b9500));
background: -webkit-linear-gradient(#66cc00, #4b9500);
background: -o-linear-gradient(#66cc00, #4b9500);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66cc00', endColorstr='#4b9500');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66cc00',endColorstr='#4b9500')";
background: linear-gradient(#66cc00, #4b9500);
}

#progress_percent {
/*float:right;*/
margin-left:160px;
position: fixed;
}

#upload_response {
margin-top: 10px;
padding: 14px;
overflow: hidden;
display: none;
border: 1px solid #0083e8;
border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;
-webkit-border-radius:10px;
}

.fileUpload1{position:relative;overflow:hidden;}
.fileUpload1 input.upload{position:absolute;top:0;right:0;margin:0;padding:0;font-size:14px;cursor:pointer;opacity:0;filter:alpha(opacity=0)}
.contr {
background-color:#212121;
padding:10px 0;
text-align:center;
border-radius:10px 10px 0 0;
-moz-border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;
}

.upload_form_cont {
background: -moz-linear-gradient(#ffffff, #f2f2f2);
background: -ms-linear-gradient(#ffffff, #f2f2f2);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
background: -webkit-linear-gradient(#ffffff, #f2f2f2);
background: -o-linear-gradient(#ffffff, #f2f2f2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f2f2f2')";
background:linear-gradient(#ffffff,#f2f2f2);
color:#000;
overflow:hidden
}

#upload_form{
float:left;
padding:20px;
width:100%
}

#preview{
background-color:#fff;
display:block;
float:right;
width:200px
}

.infoSpan{
float:right;
margin-top:-20px;
margin-right:5px;
font-size:20px
}

.displayBlock{
display:block
}

#upload_form>div{
margin-bottom:10px
}

#speed,#remaining,#b_transferred{
float:left;
width:100px
}

.clear_both{
clear:both
}

input[type=text]:focus,input[type=email]:focus,input[type=telephone]:focus,input[type=number]:focus,input[type=date]:focus,textarea:focus,select:focus{
border:1px solid #ffffff!important;
background-color:gainsboro!important;
color:black!important
}

.fileUpload{
position:relative;
overflow:hidden;
margin:10px
}

.fileUpload input.upload{
position:absolute;
top:0;
right:0;
margin:0;
padding:0;
font-size:14px;
cursor:pointer;
opacity:0;
filter:alpha(opacity=0)
}

.finish_btn{
float:right;
margin:1%;
margin-bottom:1%;
margin-top:2%;
}

.inputfile{
width:.1px;
height:.1px;
opacity:0;
overflow:hidden;
position:absolute;
z-index:-1
}

.inputfile + label{
font-size:1.25em;
font-weight:700;
color:white;
background-color:black;
display:inline-block;
cursor:pointer
}

.inputfile:focus + label,.inputfile + label:hover{
background-color:#c61f40;
background-color:darken(#99c793,30%)
}

.custom-file-label{
overflow:hidden
}

.bgViewOnly{
background-color:gainsboro;
}

.lp0{
padding-left:0px
}
.selectedArea{
background-color:gainsboro;
font-size:16px;
border-width:5px
}

.inv1-image {
background-image: url("/img/InvoiceExample1.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv2-image {
background-image: url("/img/InvoiceExample2.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv3-image {
background-image: url("/img/InvoiceExample3.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv4-image {
background-image: url("/img/InvoiceExample4.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv5-image {
background-image: url("/img/InvoiceExample5.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv6-image {
background-image: url("/img/InvoiceExample6.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv7-image {
background-image: url("/img/InvoiceExample7.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv8-image {
background-image: url("/img/InvoiceExample8.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv9-image {
background-image: url("/img/InvoiceExample9.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv10-image {
background-image: url("/img/InvoiceExample10.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv11-image {
background-image: url("/img/InvoiceExample11.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv12-image {
background-image: url("/img/InvoiceExample12.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv13-image {
background-image: url("/img/InvoiceExample13.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv14-image {
background-image: url("/img/InvoiceExample14.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv15-image {
background-image: url("/img/InvoiceExample15.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv16-image {
background-image: url("/img/InvoiceExample16.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv17-image {
background-image: url("/img/InvoiceExample17.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv18-image {
background-image: url("/img/InvoiceExample18.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv19-image {
background-image: url("/img/InvoiceExample19.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv20-image {
background-image: url("/img/InvoiceExample20.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv21-image {
background-image: url("/img/InvoiceExample21.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv22-image {
background-image: url("/img/InvoiceExample22.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv23-image {
background-image: url("/img/InvoiceExample23.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv24-image {
background-image: url("/img/InvoiceExample24.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv25-image {
background-image: url("/img/InvoiceExample25.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv26-image {
background-image: url("/img/InvoiceExample26.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv27-image {
background-image: url("/img/InvoiceExample27.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}

.inv-custom-image {
background-image: url("/img/InvoiceExampleCustom.png");
background-color: #fff;
background-position: 99% 100%;
background-repeat: no-repeat;
background-size:contain;
}