html body {
    background-color: #fff;
}


body {
    padding: 0;
    margin: 0;
    min-height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font: 'Nunito, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' !important
}




* {
    box-sizing: border-box;
}

@media print {
    @page {
        size: A4;
    }

    body {
        margin: 0px;
        padding: 0px;
    }
}



.text-left {
    text-align: left;
}

.f20 {
    font-size: 20px;
}

.qrcode img {
    width: 150px;
    height: 150px;
}

.f13 {
    font-size: 13px;
}

.f18 {
    font-size: 18px;
}

.f16 {
    font-size: 16px;
}

.f14 {
    font-size: 14px;
}

.f12 {
    font-size: 12px;
}

.f11 {
    font-size: 11px;
}

.f10 {
    font-size: 10px;
}

.b {
    font-weight: bold;
}

#maindiv {
    width: 100%;
    height: auto;
    display: flex;
    /* border-bottom: #222 double 4px; */
}

#maindiv div {
    flex: 1;
}

.right {

    float: right;
}

.text-right {
    text-align: right;
}

#main2container {
    width: 100%;
    height: auto;
    display: flex;


}

#main2container div {
    flex: 1;

}

.p10 {
    padding: 10px;
}

.formname {
    text-transform: uppercase;
    font-size: 20px;
    padding: 5px;
    text-align: center;
    font-weight: bold;
}

#verticalflex {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 10px;

    justify-content: space-between;


}

#verticalflex {
    flex: 1;

}

.borful {
    border: #222 solid 1px;
    margin: 0px 2px 0px 0px;
}

.text-center {
    text-align: center;
}

.logo img {
    width: auto;
    text-align: center;
    height: 70px;
    border-radius: 5px;
    margin-bottom: 5px;
}

.uppdercase {
    text-transform: uppercase;
}

.center {
    /* margin: auto; */
    /* align-items: center; */
    justify-content: center;
    /* align-self: center; */
    display: flex;
}

.qr_title {
    text-align: center;

    font-weight: bold;
    margin-top: -7px;
}



.ads-container {
    margin: 10px auto;
    text-align: center;
}

.f14 {
    font-size: 14px;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;

    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}



ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

b {
    font-weight: bold;
}

table {
    vertical-align: top;
    width: 100%;
    border-collapse: collapse;
}

tr {
    vertical-align: top;
}

td {
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

.txt-tranport-sr-no {
    color: #fff;

}

.txt-bold {
    font-weight: bold;
}

.txt-center {
    text-align: center;
}

.txt-left {
    text-align: left;
}

.txt-right {
    text-align: right;
}

/* .txt-bg {
background-color: ;
} */

.border-bottom-cell {
    border-bottom: 1px solid #000;
}

.invoice .main-border {
    /* border: 1px solid #000; */
    padding: 0;
    margin: 0;
}

.invoice .header-row {
    vertical-align: middle;
    border-bottom: 1px solid #000;
}

.invoice .header .invoice-title {
    text-align: center;

    color: #000;
    padding: 3px 0;
    font-weight: bold;
}

.invoice .header .copyname {
    text-align: right;
    padding-right: 5px;

    font-weight: bold;
}

.invoice .header .gstin {
    padding-left: 5px;
}

.invoice .header .gstin span {
    font-weight: bold;
    text-align: left;
}

.billdetailsthead td {

    border: 1px solid #000;
    border-collapse: collapse;
    font-size: 14px;
    line-height: 14px;
    padding: 5px 2px 5px 2px;
}

.billdetailstbody td {
    padding: 2px 2px 0px;

    vertical-align: top;

}

.billdetailstbody td.txt-center {
    text-align: center;
}

.billdetailstbody td.txt-left {
    text-align: left;
}

.billdetailstbody td.txt-right {
    text-align: right;
}

.invoicedataFooter td {


    padding: 7px 1px 7px 0px;
    border: 1px solid #000;
}

.valign-top {
    vertical-align: top;
}

.valign-mid {
    vertical-align: middle;
}

.billdetailstbody td span {
    font-style: italic;
}

.billdetailstbody td {
    max-width: 1px;
}

.customerexportdata td {
    padding: 2px 5px 3px 5px;

    vertical-align: top;

}

.customerexportdata td.customerexportdata_item_label {
    font-weight: bold;
}

.customerdata td,
.orgdata td {
    /* padding: 2px 5px 3px 5px; */

    vertical-align: top;

}

.invoiceWordsTotal_lable span.e_oe {
    position: absolute;
    right: 1px;
    margin-top: -3px;
    float: right;


}

.invoicedata td {
    padding: 0px 2px 0px 3px;

    vertical-align: top;

}

.invoiceInfo td {
    padding: 3px 5px;


    font-weight: bold;
    border: 1px solid #000;
    border-left: none;
    border-right: none;
}



.invoiceTotal,
.invoiceTotalSign,
.invoiceInfo {
    border-collapse: collapse;
}

.invoiceTotal {
    border-top: 1px solid #000;
}

.invoiceTotal td {
    padding: 0px 5px;



    border-top: 0px solid #000;
    border-right: none;
    border-left: none;
}

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

/* .invoiceTotal td.txt-bg {
background-color: ;
} */

.invoiceTotalSign td {
    padding: 3px 5px;


    font-weight: bold;
    border-top: 1px solid #000;
    text-align: center;
}

.tableboxLine {
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    border-collapse: collapse;
    height: 417px;
    top: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: -1;
}

.tableboxLinetable {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.page-wrapper-table {
    width: 100%;
    margin: 0px;
    position: relative;
}

.page-wrapper {
    height: 1010px;
    width: 815px;
    margin: 0px;
    position: relative;
}


.cancelled:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: url('https://bill.gogstbill.com/gst/img/cnl.png');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 0;
    top: 0;
    left: 0;
    opacity: .7;
}

.page-wrapper .page-content {
    position: relative;
}

.page-wrapper-table,
.page-wrapper-tr,
.page-copy-container-wrapper {
    position: relative;
}

.page-copy-container-wrapper {
    margin: 0px 0 auto;
}

.page-wrapper {
    margin-top: 0px;
    padding-bottom: 50px;
    /* border-bottom: 3px dashed #000; */
}



.billtaxdetailsthead td {
    border: 1px solid #000;
    border-collapse: collapse;
    text-align: center;
    font-weight: bold;
    border-right: none;
    padding: 2px 2px;


}

.billtaxdetailsthead tr:first-child td:first-child {
    border-left: none;
}

.billtaxdetailstbody td {
    padding: 2px 2px;

    vertical-align: top;

    border-left: 1px solid #000;
    border-right: none;
}

.billtaxdetailstbody td:first-child {
    border-left: none;
}

.billtaxdetailstbody td.txt-center {
    text-align: center;
}

.billtaxdetailstbody td.txt-left {
    text-align: left;
}

.billtaxdetailstbody td.txt-right {
    text-align: right;
}

.invoicetaxdataFooter td {

    padding: 2px 1px 2px 0px;
    border: 1px solid #000;
    border-right: none;
}

.invoicetaxdataFooter td:first-child {
    border-left: none;
}

.no-pad td {
    padding-top: 0;
    padding-bottom: 0;
}

.billdetailstbody td span.taxrate-below {
    display: block;
}

.payment-account-row td.special span {

    font-style: normal;
}

.branding_image img {
    max-width: 100%;
    float: left;
}


.bubble {
    background: rgba(102, 209, 209, 0.1);
    border-radius: 5px 0 5px 5px;
    margin-left: auto;
    display: inline-block;
    padding: 7px 15px;
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

label,
input,
button,
select,
textarea {

    font-weight: normal;

}

input,
button,
select,
textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
    display: block;
    margin-bottom: 5px;
    color: #495057;
}

input,
textarea,
select,
.uneditable-input {
    display: inline-block;
    width: 210px;
    height: 28px;
    padding: 4px;
    margin-bottom: 9px;


    color: #495057;
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.uneditable-textarea {
    width: auto;
    height: auto;
}

label input,
label textarea,
label select {
    display: block;
}

input[type="image"],
input[type="checkbox"],
input[type="radio"] {
    width: auto;
    height: auto;
    padding: 0;
    margin: 3px 0;

    line-height: normal;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0 \9;
}

input[type="image"] {
    border: 0;
}

input[type="file"] {
    width: auto;
    padding: initial;
    border: initial;
    background-color: #ffffff;
    background-color: initial;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
    width: auto;
    height: auto;
}

select,
input[type="file"] {
    height: 28px;

}



select {
    width: 220px;
    background-color: #ffffff;
}

select[multiple],
select[size] {
    height: auto;
}

input[type="image"] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

textarea {
    height: auto;
}

input[type="hidden"] {
    display: none;
}

.radio,
.checkbox {
    padding-left: 18px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    float: left;
    margin-left: -18px;
}

.controls>.radio:first-child,
.controls>.checkbox:first-child {
    padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle;
}

.radio.inline+.radio.inline,
.checkbox.inline+.checkbox.inline {
    margin-left: 10px;
}

input,
textarea {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

input:focus,
textarea:focus {
    border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0;
    outline: thin dotted \9;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.input-mini {
    width: 60px;
}

.input-small {
    width: 90px;
}

.input-medium {
    width: 150px;
}

.input-large {
    width: 210px;
}

.input-xlarge {
    width: 270px;
}

.input-xxlarge {
    width: 530px;
}

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input {
    float: none;
    margin-left: 0;
}

input,
textarea,
.uneditable-input {
    margin-left: 0;
}

input.span12,
textarea.span12,
.uneditable-input.span12 {
    width: 930px;
}

input.span11,
textarea.span11,
.uneditable-input.span11 {
    width: 850px;
}

input.span10,
textarea.span10,
.uneditable-input.span10 {
    width: 770px;
}

input.span9,
textarea.span9,
.uneditable-input.span9 {
    width: 690px;
}

input.span8,
textarea.span8,
.uneditable-input.span8 {
    width: 610px;
}

input.span7,
textarea.span7,
.uneditable-input.span7 {
    width: 530px;
}

input.span6,
textarea.span6,
.uneditable-input.span6 {
    width: 450px;
}

input.span5,
textarea.span5,
.uneditable-input.span5 {
    width: 370px;
    padding: 4px;
}

select.span4,
input.span4,
textarea.span4,
.uneditable-input.span4 {
    width: 290px;
    padding: 4px;
}

select.span3,
input.span3,
textarea.span3,
.uneditable-input.span3 {
    width: 210px;
    padding: 4px;
}

select.span2,
input.span2,
textarea.span2,
.uneditable-input.span2 {
    width: 170px;
    padding: 4px;
}

input.span1,
textarea.span1,
.uneditable-input.span1 {
    width: 50px;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    background-color: #eeeeee;
    border-color: #ddd;
    cursor: not-allowed;
}

.control-group.warning>label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
    color: #c09853;
}

.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
    color: #c09853;
    border-color: #c09853;
}

.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
    border-color: #a47e3c;
    -webkit-box-shadow: 0 0 6px #dbc59e;
    -moz-box-shadow: 0 0 6px #dbc59e;
    box-shadow: 0 0 6px #dbc59e;
}

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #c09853;
}

.control-group.error>label,
.control-group.error .help-block,
.control-group.error .help-inline {
    color: #b94a48;
}

.control-group.error input,
.control-group.error select,
.control-group.error textarea {
    color: #b94a48;
    border-color: #b94a48;
}

.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
    border-color: #953b39;
    -webkit-box-shadow: 0 0 6px #d59392;
    -moz-box-shadow: 0 0 6px #d59392;
    box-shadow: 0 0 6px #d59392;
}

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48;
}

.control-group.success>label,
.control-group.success .help-block,
.control-group.success .help-inline {
    color: #468847;
}

.control-group.success input,
.control-group.success select,
.control-group.success textarea {
    color: #468847;
    border-color: #468847;
}

.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
    border-color: #356635;
    -webkit-box-shadow: 0 0 6px #7aba7b;
    -moz-box-shadow: 0 0 6px #7aba7b;
    box-shadow: 0 0 6px #7aba7b;
}

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847;
}

input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
    color: #b94a48;
    border-color: #ee5f5b;
}

input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7;
}

.form-actions {
    padding: 17px 20px 18px;
    margin-top: 18px;
    margin-bottom: 18px;
    background-color: #eeeeee;
    border-top: 1px solid #ddd;

}

.form-actions:before,
.form-actions:after {
    display: table;
    content: "";
}

.form-actions:after {
    clear: both;
}

.uneditable-input {
    display: block;
    background-color: #ffffff;
    border-color: #eee;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    cursor: not-allowed;
}

:-moz-placeholder {
    color: #999999;
}

::-webkit-input-placeholder {
    color: #999999;
}

.help-block,
.help-inline {
    color: #555555;
}

.help-block {
    display: block;
    margin-bottom: 9px;
}

.help-inline {
    display: inline-block;

    vertical-align: middle;
    padding-left: 5px;
}

.input-prepend,
.input-append {
    margin-bottom: 5px;
}

.input-prepend input,
.input-append input,
.input-prepend select,
.input-append select,
.input-prepend .uneditable-input,
.input-append .uneditable-input {

    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.input-prepend input:focus,
.input-append input:focus,
.input-prepend select:focus,
.input-append select:focus,
.input-prepend .uneditable-input:focus,
.input-append .uneditable-input:focus {
    position: relative;
    z-index: 2;
}

.input-prepend .uneditable-input,
.input-append .uneditable-input {
    border-left-color: #ccc;
}

.input-prepend .add-on,
.input-append .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: normal;

    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    vertical-align: middle;
    background-color: #eeeeee;
    border: 1px solid #ccc;
}

.input-prepend .add-on,
.input-append .add-on,
.input-prepend .btn,
.input-append .btn {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.input-prepend .active,
.input-append .active {
    background-color: #a9dba9;
    border-color: #46a546;
}

.input-prepend .add-on,
.input-prepend .btn {
    margin-right: -1px;
}

.input-append input,
.input-append select .uneditable-input {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.input-append .uneditable-input {
    border-left-color: #eee;
    border-right-color: #ccc;
}

.input-append .add-on,
.input-append .btn {
    margin-left: -4px;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -ms-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    margin-right: -1px;
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
    margin-left: -4px;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.search-query {
    padding-left: 14px;
    padding-right: 14px;
    margin-bottom: 0;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
    display: inline-block;
    margin-bottom: 0;
}

.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
    display: none;
}

.form-search label,
.form-inline label {
    display: inline-block;
}

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
    margin-bottom: 0;
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle;
}

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
    float: left;
    margin-left: 0;
    margin-right: 3px;
}

.control-group {
    margin-bottom: 9px;
}

legend+.control-group {
    margin-top: 18px;
    -webkit-margin-top-collapse: separate;
}

.form-horizontal .control-group {
    margin-bottom: 18px;

}

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
    display: table;
    content: "";
}

.form-horizontal .control-group:after {
    clear: both;
}

.form-horizontal .control-label {
    float: left;
    width: 140px;
    padding-top: 5px;
    text-align: left;
}

.form-horizontal .controls {
    margin-left: 160px;

}

.form-horizontal .customer-payment .controls {
    margin-left: 160px;
    display: inline-block;
    margin-left: 0;
    padding-left: 20px;
    width: 60%;
    float: right;
}


.form-horizontal .help-block {
    margin-top: 9px;
    margin-bottom: 0;
}

.form-horizontal .form-actions {
    padding-left: 160px;
}

.note {
    color: #6a6a6a;
    font-style: italic;
    margin-bottom: 10px;
}

.widget-content>form {
    margin-bottom: 0;
}

.modal-dialog .form-horizontal .controls select,
.modal-dialog .form-horizontal .controls input,
.modal-dialog .form-horizontal .controls textarea {
    max-width: 100%;
    resize: none;
}

.form-horizontal .controls select,
.form-horizontal .controls input,
.form-horizontal .controls textarea {
    width: 100%;
    max-width: 420px;
}

.form-horizontal .controls .bootstrap-tagsinput,
.form-horizontal .controls #catList {
    width: 100% !important;
    max-width: 420px !important;
}

.form-horizontal .controls input[type="image"],
.form-horizontal .controls input[type="checkbox"],
.form-horizontal .controls input[type="radio"] {
    width: auto;
}

.page-wrapper .page-header {
    position: relative;
    padding: 0px;
    margin: 0px;
    border-bottom: 0px;
}

.page-copy-container-wrapper,
.page-copy-container-wrapper .page-wrapper-table,
.page-copy-container-wrapper .page-wrapper-table .page-wrapper,
.page-copy-container-wrapper .page-wrapper-table .page-wrapper * {
    box-sizing: unset;
}

.print-header-bar .btn_close i {
    margin: 0px;
}

.print-header-bar .btn_close {
    text-decoration: none;
    position: absolute;
    right: 10px;
}

.print-header-bar .btn_close,
.print-action-bar .btn_close {
    background-color: #5e7b98;
    color: #fff;
    border-color: #5e7b98;
    opacity: 0.9;
}

.print-header-bar .btn_close:hover,
.print-action-bar .btn_close:hover {
    background-color: #5e7b98;
    color: #fff;
    border-color: #5e7b98;
    opacity: 1;
}

.print-header-bar .btn_copy {
    background-color: #1eabe1;
    color: #fff;
    border-color: #1eabe1;
    opacity: 0.9;
}

.print-header-bar .btn_copy:hover {
    background-color: #1eabe1;
    color: #fff;
    border-color: #1eabe1;
    opacity: 1;
}

.print-header-bar .btn_NewTab {
    background-color: #1ecbe1;
    color: #fff;
    border-color: #1ecbe1;
    opacity: 0.9;
}

.print-header-bar .btn_NewTab:hover {
    background-color: #1ecbe1;
    color: #fff;
    border-color: #1ecbe1;
    opacity: 1;
}

.print-header-bar .btn {
    display: inline-block;
    margin-left: 10px;
}






.page-header img+br {
    display: none;
}

.pull-right {
    float: right;
    width: 125px;
}

.modal-backdrop,
.modal-backdrop.fade.in {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.print-action-bar {
    position: fixed;
    width: 100%;
    background: #fff;
    bottom: 0;
    height: 95px;
    box-shadow: 0px 8px 15px 0px #000;
    z-index: 1000;
}



.btn {
    background: #d9d9d9;
    border-color: #d9d9d9;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 2px;
    padding: 5px 15px;
}

.company-edit-btn {
    padding: 5px 5px;
}

.btn:hover {
    background: #d9d9d9;
    border-color: #d9d9d9;
}

.btn,
.btn:hover,
.btn-primary,
.btn-primary:hover,
.btn-warning,
.btn-warning:hover,
.btn-danger,
.btn-danger:hover,
.btn-success,
.btn-success:hover,
.btn-info,
.btn-info:hover,
.btn-inverse,
.btn-inverse:hover {
    text-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.btn,
.btn:active,
.btn-primary,
.btn-primary:active,
.btn-warning,
.btn-warning:active,
.btn-danger,
.btn-danger:active,
.btn-success,
.btn-success:active,
.btn-info,
.btn-info:active,
.btn-inverse,
.btn-inverse:active {
    text-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.btn-primary {
    background: #00ba8b;
    border-color: #00ba8b;
}

.btn-primary:hover {
    background: #07ad83;
    border-color: #07ad83;
}


.btn-danger {
    background: #fb5454;
    border-color: #fb5454;
}

.btn-danger:hover {
    background: #e24b4b;
    border-color: #e24b4b;
}


.btn-warning {
    background: #fbbc06;
    border-color: #fbbc06;
}

.btn-warning:hover {
    background: #cb9703;
    border-color: #cb9703;
}

.btn-success {
    background: #10b759;
    border-color: #10b759;
}

.btn-success:hover {
    background: #0d9448;
    border-color: #0d9448;
}

.btn-info {
    background: #2f89f5;
    border-color: #2f89f5;
}

.btn-info:hover {
    background: #2370cc;
    border-color: #2370cc;
}

.btn-inverse {
    color: #fff;
    background: #282f3a;
    border-color: #282f3a;
}

.btn-inverse:hover {
    color: #fff;
    background: #000000;
    border-color: #000000;
}

.btn i {
    margin-right: 5px;
}

/* Popup Slide  - popup_right_slider */

.popup_right_slider.fade.in {
    transform: unset !important;
    z-index: 20000;
    top: 0 !important;
}

body .popup_right_slider.fade {
    opacity: 1 !important;
    position: fixed;
    right: 0;
    left: unset;
    height: 100%;
    margin: 0;
    top: 0;
    border: unset;
    border-radius: 0;
    transform: translate(125%, 0px);
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

body .popup_right_slider .modal-dialog {
    height: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    width: 100%;
}

body .popup_right_slider form {
    margin: 0 0 0px;
    height: 100%;
}

body .popup_right_slider .modal-content {
    height: 100%;
}

body .popup_right_slider .modal-footer {
    bottom: 0;
    position: absolute;
    width: 100%;
}

body .popup_right_slider .modal-body {
    max-height: 100%;
    height: calc(100% - 100px);
}

body.modal-open {
    overflow: hidden !important;
    padding-right: 17px;
}

body .popup_right_slider .modal-header .close {
    margin-top: -2px;
}

body .popup_right_slider .modal-header {
    padding: 10px 30px;
    border-bottom: 1px solid #eee;
}

button.btn.btn-default.btn_close i {
    margin: 0;
}

body .popup_right_slider .btn_close {
    position: absolute;
    right: 10px;
    top: 2px;
}

.btn_group.center-buttons {
    text-align: center;
}

.btn_group.center-buttons .main-btn {
    display: inline-block;
}

.modal-footer .download-btn {
    background-color: #f6c33f;
    border-color: #f6c33f;
    opacity: 0.9;
}

.modal-footer .download-btn:hover {
    background-color: #f6c33f;
    border-color: #f6c33f;
    opacity: 1;
}

.modal-footer .email-btn {
    background-color: #f66b3f;
    border-color: #f66b3f;
    opacity: 0.9;
}

.modal-footer .email-btn:hover {
    background-color: #f66b3f;
    border-color: #f66b3f;
    opacity: 1;
}

.modal-footer .wp_btn {
    background-color: #4bd359;
    border-color: #4bd359;
    opacity: 0.9;
}

.modal-footer .wp_btn:hover {
    background-color: #4bd359;
    border-color: #4bd359;
    opacity: 1;
}

.modal-footer .print_btn {
    opacity: 0.9;
}

.modal-footer .print_btn:hover {
    opacity: 1;
}

.modal-footer .btn.pull-right+.btn.pull-right {
    margin-left: 0;
    color: #fff;
    margin-right: 5px;
}

.pull-right:hover {
    background: #00ba8b;
    border-color: #00ba8b;
    color: white;
    fill: white;
}

hr {
    margin: 6px 0;
    border-top: 1px solid #000;
    border-bottom: none;
}

.print-action-bar .chk-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    margin-top: 10px;
}

.print-action-bar .chk-group input {
    margin-right: 5px;
    height: 18px;
    background-color: #00ba8b;
    width: 18px;
}

.print-action-bar .chk-group label {
    margin-right: 14px;
    font-family: 'Open Sans';
}

.print-action-bar .chk-group .form-check-label {
    display: flex;
    align-items: center;
}

.close-btn {
    margin-left: 10px;
}

.form-check {
    position: relative;
    display: block;
    margin-top: 3px;
    margin-bottom: 10px;
    padding-left: 0;
}

.form-check .form-check-label {
    min-height: 18px;
    display: block;
    margin-left: 1.75rem;


}

.form-check .form-check-label input {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}

.form-check .form-check-label input[type="checkbox"]+.input-frame:before,
.form-check .form-check-label input[type="checkbox"]+.input-frame:after,
.form-check .form-check-label input[type="checkbox"]+a+a+.input-frame:before,
.form-check .form-check-label input[type="checkbox"]+a+a+.input-frame:after {
    position: absolute;
    top: 0;
    left: 0;
}

.form-check .form-check-label input[type="checkbox"]+.input-frame:before,
.form-check .form-check-label input[type="checkbox"]+a+a+.input-frame:before {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: solid #444444;
    border-width: 1px;
    -webkit-transition: all;
    -moz-transition: all;
    -ms-transition: all;
    -o-transition: all;
    transition: all;
    transition-duration: 0s;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
}

.form-check .form-check-label input[type="checkbox"]+.input-frame:after,
.form-check .form-check-label input[type="checkbox"]+a+a+.input-frame:after {
    -webkit-transition: all;
    -moz-transition: all;
    -ms-transition: all;
    -o-transition: all;
    transition: all;
    transition-duration: 0s;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    font-family: FontAwesome;
    content: '\f00c';
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);

    font-weight: bold;
    color: #ffffff;
    text-align: center;
    width: 18px;

    padding-right: 2px;
}

.form-check .form-check-label input[type="checkbox"]:checked+.input-frame:before,
.form-check .form-check-label input[type="checkbox"]:checked+a+a+.input-frame:before {
    background: #00ba8b;
    border-width: 0;
}

.form-check .form-check-label input[type="checkbox"]:checked+.input-frame:after,
.form-check .form-check-label input[type="checkbox"]:checked+a+a+.input-frame:after {
    width: 18px;
    opacity: 1;

    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.btn-icon-only {
    padding-right: 3px;
    padding-left: 3px;
}

.modal-header {
    padding: 10px 30px;
    border-bottom: 1px solid #eee;
}

.modal-header h4 {
    font-weight: bold;
    display: inline-block;
}

.modal-footer {
    padding: 7px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;

    bottom: 0;
    position: absolute;
    width: 100%;
}

.print-header-bar {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 1;
}


@media print {
    .print-header-bar {
        display: none !important;
    }

    .ads-container,
    .print-action-bar {
        display: none;
    }

    .page-copy-container-wrapper {
        margin: 0 !important;
        padding-bottom: 0px !important;
        padding-top: 0px !important;
        position: relative !important;
        transform: none !important;
    }

    .page-wrapper-table {
        padding: 0 !important;
    }

    .submit_font_sizes {
        display: none;
    }

    .page-wrapper {
        margin-top: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

    .branding_rt {
        opacity: 1;
        visibility: visible;
    }

    .pinch-zoom-container {
        height: auto !important;
        overflow: unset !important;
    }
}



.font_editor_mode [data-editor] {
    opacity: 1 !important;
    visibility: visible !important;
}

/* .org_orgname_logo {
vertical-align: top;
: 22px;
font-weight: bold;
30px;

padding-bottom: 5px;
} */
.formname {
    text-transform: uppercase;
    font-size: 20px;
    padding: 5px;
    text-align: center;


}

.org_address_logo {
    vertical-align: top;

    font-weight: normal;


}

.org_orgname {
    vertical-align: top;
    font-size: 23px;
    font-weight: bold;

    padding-left: 0px;
    padding-bottom: 5px;
    padding-right: 0px;
}

.org_address {
    vertical-align: top;

    font-weight: normal;

    height: auto;
    padding-left: 0px;
}





.supplement {
    border-bottom: 1px solid #000;
    text-align: center;
    font-weight: bold;

}


.pageRow1 {
    border-bottom: #000 solid 1px;
}

.pageRow1 td {
    padding: 3px 3px 3px 7px;
    font-size: 12px;
}

.invoicedata td:not(.invoicedata_item_label):not(.special) {}

.invoicedata td .invoicedata_item_label {}




.billdetailstbody td b {}

.invoicedataFooter td {}


.invoiceInfo td.section_header {}

.invoiceInfo td.amount_in_words {
    width: 100%;
    text-align: center;


    height: 30px;
    vertical-align: middle;
    text-transform: capitalize;
}

.invoiceInfo td.terms_condition_box {
    min-height: 90px;
    width: 100%;
    overflow: hidden;

}



.f16 {
    font-size: 16px;
}

.customerdata td.customerdata_label {
    text-align: middle;
    font-weight: bold;
    border-bottom: 1px solid #000;
    width: 100%;
    text-align: center;

}

.customerdata td.customerdata_item_label {
    font-weight: bold;
}



.invoiceInfo td {

    font-weight: normal;
}


.invoiceTotal td.footer_seal_title {
    border-bottom: none;
    text-align: center;

}

.invoiceTotal td.footer_seal_name {
    border-top: none;
    border-bottom: none;
    text-align: center;

}

.invoiceTotal td.footer_seal_signature {
    border-bottom: none;
    text-align: center;

}


body {
    color: #495057 !important;
    font-family: Nunito, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

.text-right {
    text-align: right;
}

.center {
    justify-content: center;
    display: flex;
}



.f12 {
    font-size: 12px;
}

.f18 {
    font-size: 18px;
}

.uppdercase {
    text-transform: uppercase;
}

.b {
    font-weight: 700;
}

.f14 {
    font-size: 14px;
}

/* .prewrap {
    white-space: pre-wrap;
} */


.hidefootertxt {
    color: #ffffff;
}










/* ///////////////////// */



.span::before {
    content: "";
    background-color: #000;
    height: 2px;
    width: 200px;
}

.border-top {
    line-height: 25px;
    padding-top: 10px;
}

.span::before {
    content: "";
    background-color: #000;
    height: 1px;
    width: 200px;
    display: block;
    margin: auto;
    margin-top: 10px;
    line-height: 25px;
}

@media print {
    /* @page {
size: A3;
counter-increment: page;
counter-reset: page 1;

@top-right {
    content: "Page " counter(page) " of " counter(pages);
}
} */

    #maindiv .header {

        width: 98% !important;


    }


}


.uppercase {
    text-transform: uppercase;
}

.pr-5 {
    padding-right: 5px;
}

body {
    font-family: 'Roboto', sans-serif;
    line-height: 1.1em;
}

.text-left {
    text-align: left;
}

.f20 {
    font-size: 20px;
}

.qrcode img {
    width: 150px;
    height: 150px;
}

.f18 {
    font-size: 18px;
}

.f16 {
    font-size: 16px;
}

.f14 {
    font-size: 14px;
}

.f12 {
    font-size: 12px;
}

.f11 {
    font-size: 11px;
}

.f10 {
    font-size: 10px;
}

.b {
    font-weight: bold;
}

#maindiv {
    width: 100%;
    height: auto;
    display: flex;
    /* border-bottom: #222 double 4px; */
}

#maindiv div {
    flex: 1;
}

.right {

    float: right;
}

.text-right {
    text-align: right;
}

#main2container {
    width: auto;
    height: auto;
    display: flex;


}

#main2container div {
    flex: 1;

}

.p10 {
    padding: 10px;
}

.formname {
    text-transform: uppercase;
    font-size: 20px;
    padding: 5px;
    text-align: center;
    font-weight: bold;
}

#verticalflex {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 10px;

    justify-content: space-between;


}

#verticalflex {
    flex: 1;

}

.borful {
    border: #222 solid 1px;
    margin: 0px 2px 0px 0px;
}

.text-center {
    text-align: center;
}

.logo {
    padding: 0px 10px;
}

.logo img {

    border-radius: 5px;
    margin-bottom: 5px;

}

.uppdercase {
    text-transform: uppercase;
}

.center {
    /* margin: auto; */
    /* align-items: center; */
    justify-content: center;
    /* align-self: center; */
    display: flex;
}

#table2 thead th {
    font-weight: bold;
    font-size: 13px;
    height: #000;
    height: 30px;
    background-color: #f8f8f8;


}

#tableflex table {
    width: 100%;
    border-bottom: #222 solid 1px;
}

#table2 {
    border-collapse: collapse;
}

#table2 tr td {
    border-bottom: #ccc solid 1px;
    padding: 5px 3px;
    border-collapse: separate;
    font-size: 13px;
    height: 30px;
}

tr th {
    border-bottom: #222 solid 1px;
    padding: 3px;
    border-collapse: separate;
}

#table2 tbody {
    width: 100%;
    height: auto;
}

#maindiv .header,
#maindiv .header-space,
#maindiv .footer,
#maindiv .footer-space {
    height: 280px;
}

#maindiv .header {
    position: absolute;
    top: 0;
    width: 98.5%;
    left: 11px;
    background-color: #fff;

}

#maindiv .content {
    width: 100%;
}

table {
    width: 100%;
}

.borful1>div>div {
    border: #222 solid 1px;
}

.pl-5 {
    padding-left: 5px;
}

#maindiv .page-wrapper {
    height: 1010px;
    width: 100%;
    margin: 0px auto;
    position: relative;
}

.f22 {
    font-size: 22px;
    font-weight: bold;
    line-height: 25px;
}


#maindiv .page-number {
    position: fixed;
    bottom: -5px;
    text-align: left;
    background-color: #fff;
    padding-left: 2px;
    width: 100%;
    font-size: 12px;
}


.table3 td {
    padding: 0.2rem 0rem;

}
.tsttxt{
    color: red;
}



html body {
    background-color: #fff;
}


body {
    padding: 0;
    margin: 0;
    min-height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font: 'Nunito, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' !important
}




* {
    box-sizing: border-box;
}

@media print {
    @page {
        size: A4;
    }

    body {
        margin: 0px;
        padding: 0px;
    }
}



.text-left {
    text-align: left;
}

.f20 {
    font-size: 20px;
}

.qrcode img {
    width: 150px;
    height: 150px;
}

.f13 {
    font-size: 13px;
}

.f18 {
    font-size: 18px;
}

.f16 {
    font-size: 16px;
}

.f14 {
    font-size: 14px;
}

.f12 {
    font-size: 12px;
}

.f11 {
    font-size: 11px;
}

.f10 {
    font-size: 10px;
}

.b {
    font-weight: bold;
}

#maindiv {
    width: 100%;
    height: auto;
    display: flex;
    /* border-bottom: #222 double 4px; */
}

#maindiv div {
    flex: 1;
}

.right {

    float: right;
}

.text-right {
    text-align: right;
}

#main2container {
    width: 100%;
    height: auto;
    display: flex;


}

#main2container div {
    flex: 1;

}

.p10 {
    padding: 10px;
}

.formname {
    text-transform: uppercase;
    font-size: 20px;
    padding: 5px;
    text-align: center;
    font-weight: bold;
}

#verticalflex {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 10px;

    justify-content: space-between;


}

#verticalflex {
    flex: 1;

}

.borful {
    border: #222 solid 1px;
    margin: 0px 2px 0px 0px;
}

.text-center {
    text-align: center;
}

.logo img {
    width: auto;
    text-align: center;
    height: 70px;
    border-radius: 5px;
    margin-bottom: 5px;
}

.uppdercase {
    text-transform: uppercase;
}

.center {
    /* margin: auto; */
    /* align-items: center; */
    justify-content: center;
    /* align-self: center; */
    display: flex;
}

.qr_title {
    text-align: center;

    font-weight: bold;
    margin-top: -7px;
}



.ads-container {
    margin: 10px auto;
    text-align: center;
}

.f14 {
    font-size: 14px;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;

    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}



ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

b {
    font-weight: bold;
}

table {
    vertical-align: top;
    width: 100%;
    border-collapse: collapse;
}

tr {
    vertical-align: top;
}

td {
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

.txt-tranport-sr-no {
    color: #fff;

}

.txt-bold {
    font-weight: bold;
}

.txt-center {
    text-align: center;
}

.txt-left {
    text-align: left;
}

.txt-right {
    text-align: right;
}

/* .txt-bg {
background-color: ;
} */

.border-bottom-cell {
    border-bottom: 1px solid #000;
}

.invoice .main-border {
    /* border: 1px solid #000; */
    padding: 0;
    margin: 0;
}

.invoice .header-row {
    vertical-align: middle;
    border-bottom: 1px solid #000;
}

.invoice .header .invoice-title {
    text-align: center;

    color: #000;
    padding: 3px 0;
    font-weight: bold;
}

.invoice .header .copyname {
    text-align: right;
    padding-right: 5px;

    font-weight: bold;
}

.invoice .header .gstin {
    padding-left: 5px;
}

.invoice .header .gstin span {
    font-weight: bold;
    text-align: left;
}

.billdetailsthead td {

    border: 1px solid #000;
    border-collapse: collapse;
    font-size: 14px;
    line-height: 14px;
    padding: 5px 2px 5px 2px;
}

.billdetailstbody td {
    padding: 2px 2px 0px;

    vertical-align: top;

}

.billdetailstbody td.txt-center {
    text-align: center;
}

.billdetailstbody td.txt-left {
    text-align: left;
}

.billdetailstbody td.txt-right {
    text-align: right;
}

.invoicedataFooter td {


    padding: 7px 1px 7px 0px;
    border: 1px solid #000;
}

.valign-top {
    vertical-align: top;
}

.valign-mid {
    vertical-align: middle;
}

.billdetailstbody td span {
    font-style: italic;
}

.billdetailstbody td {
    max-width: 1px;
}

.customerexportdata td {
    padding: 2px 5px 3px 5px;

    vertical-align: top;

}

.customerexportdata td.customerexportdata_item_label {
    font-weight: bold;
}

.customerdata td,
.orgdata td {
    /* padding: 2px 5px 3px 5px; */

    vertical-align: top;

}

.invoiceWordsTotal_lable span.e_oe {
    position: absolute;
    right: 1px;
    margin-top: -3px;
    float: right;


}

.invoicedata td {
    padding: 0px 2px 0px 3px;

    vertical-align: top;

}

.invoiceInfo td {
    padding: 3px 5px;


    font-weight: bold;
    border: 1px solid #000;
    border-left: none;
    border-right: none;
}



.invoiceTotal,
.invoiceTotalSign,
.invoiceInfo {
    border-collapse: collapse;
}

.invoiceTotal {
    border-top: 1px solid #000;
}

.invoiceTotal td {
    padding: 0px 5px;



    border-top: 0px solid #000;
    border-right: none;
    border-left: none;
}

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

/* .invoiceTotal td.txt-bg {
background-color: ;
} */

.invoiceTotalSign td {
    padding: 3px 5px;


    font-weight: bold;
    border-top: 1px solid #000;
    text-align: center;
}

.tableboxLine {
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    border-collapse: collapse;
    height: 417px;
    top: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: -1;
}

.tableboxLinetable {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.page-wrapper-table {
    width: 100%;
    margin: 0px;
    position: relative;
}

.page-wrapper {
    height: 1010px;
    width: 815px;
    margin: 0px;
    position: relative;
}


.cancelled:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: url('https://bill.gogstbill.com/gst/img/cnl.png');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 0;
    top: 0;
    left: 0;
    opacity: .7;
}

.page-wrapper .page-content {
    position: relative;
}

.page-wrapper-table,
.page-wrapper-tr,
.page-copy-container-wrapper {
    position: relative;
}

.page-copy-container-wrapper {
    margin: 0px 0 auto;
}

.page-wrapper {
    margin-top: 0px;
    padding-bottom: 50px;
    /* border-bottom: 3px dashed #000; */
}



.billtaxdetailsthead td {
    border: 1px solid #000;
    border-collapse: collapse;
    text-align: center;
    font-weight: bold;
    border-right: none;
    padding: 2px 2px;


}

.billtaxdetailsthead tr:first-child td:first-child {
    border-left: none;
}

.billtaxdetailstbody td {
    padding: 2px 2px;

    vertical-align: top;

    border-left: 1px solid #000;
    border-right: none;
}

.billtaxdetailstbody td:first-child {
    border-left: none;
}

.billtaxdetailstbody td.txt-center {
    text-align: center;
}

.billtaxdetailstbody td.txt-left {
    text-align: left;
}

.billtaxdetailstbody td.txt-right {
    text-align: right;
}

.invoicetaxdataFooter td {

    padding: 2px 1px 2px 0px;
    border: 1px solid #000;
    border-right: none;
}

.invoicetaxdataFooter td:first-child {
    border-left: none;
}

.no-pad td {
    padding-top: 0;
    padding-bottom: 0;
}

.billdetailstbody td span.taxrate-below {
    display: block;
}

.payment-account-row td.special span {

    font-style: normal;
}

.branding_image img {
    max-width: 100%;
    float: left;
}


.bubble {
    background: rgba(102, 209, 209, 0.1);
    border-radius: 5px 0 5px 5px;
    margin-left: auto;
    display: inline-block;
    padding: 7px 15px;
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

label,
input,
button,
select,
textarea {

    font-weight: normal;

}

input,
button,
select,
textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
    display: block;
    margin-bottom: 5px;
    color: #495057;
}

input,
textarea,
select,
.uneditable-input {
    display: inline-block;
    width: 210px;
    height: 28px;
    padding: 4px;
    margin-bottom: 9px;


    color: #495057;
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.uneditable-textarea {
    width: auto;
    height: auto;
}

label input,
label textarea,
label select {
    display: block;
}

input[type="image"],
input[type="checkbox"],
input[type="radio"] {
    width: auto;
    height: auto;
    padding: 0;
    margin: 3px 0;

    line-height: normal;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0 \9;
}

input[type="image"] {
    border: 0;
}

input[type="file"] {
    width: auto;
    padding: initial;
    border: initial;
    background-color: #ffffff;
    background-color: initial;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
    width: auto;
    height: auto;
}

select,
input[type="file"] {
    height: 28px;

}



select {
    width: 220px;
    background-color: #ffffff;
}

select[multiple],
select[size] {
    height: auto;
}

input[type="image"] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

textarea {
    height: auto;
}

input[type="hidden"] {
    display: none;
}

.radio,
.checkbox {
    padding-left: 18px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    float: left;
    margin-left: -18px;
}

.controls>.radio:first-child,
.controls>.checkbox:first-child {
    padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle;
}

.radio.inline+.radio.inline,
.checkbox.inline+.checkbox.inline {
    margin-left: 10px;
}

input,
textarea {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

input:focus,
textarea:focus {
    border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0;
    outline: thin dotted \9;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.input-mini {
    width: 60px;
}

.input-small {
    width: 90px;
}

.input-medium {
    width: 150px;
}

.input-large {
    width: 210px;
}

.input-xlarge {
    width: 270px;
}

.input-xxlarge {
    width: 530px;
}

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input {
    float: none;
    margin-left: 0;
}

input,
textarea,
.uneditable-input {
    margin-left: 0;
}

input.span12,
textarea.span12,
.uneditable-input.span12 {
    width: 930px;
}

input.span11,
textarea.span11,
.uneditable-input.span11 {
    width: 850px;
}

input.span10,
textarea.span10,
.uneditable-input.span10 {
    width: 770px;
}

input.span9,
textarea.span9,
.uneditable-input.span9 {
    width: 690px;
}

input.span8,
textarea.span8,
.uneditable-input.span8 {
    width: 610px;
}

input.span7,
textarea.span7,
.uneditable-input.span7 {
    width: 530px;
}

input.span6,
textarea.span6,
.uneditable-input.span6 {
    width: 450px;
}

input.span5,
textarea.span5,
.uneditable-input.span5 {
    width: 370px;
    padding: 4px;
}

select.span4,
input.span4,
textarea.span4,
.uneditable-input.span4 {
    width: 290px;
    padding: 4px;
}

select.span3,
input.span3,
textarea.span3,
.uneditable-input.span3 {
    width: 210px;
    padding: 4px;
}

select.span2,
input.span2,
textarea.span2,
.uneditable-input.span2 {
    width: 170px;
    padding: 4px;
}

input.span1,
textarea.span1,
.uneditable-input.span1 {
    width: 50px;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    background-color: #eeeeee;
    border-color: #ddd;
    cursor: not-allowed;
}

.control-group.warning>label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
    color: #c09853;
}

.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
    color: #c09853;
    border-color: #c09853;
}

.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
    border-color: #a47e3c;
    -webkit-box-shadow: 0 0 6px #dbc59e;
    -moz-box-shadow: 0 0 6px #dbc59e;
    box-shadow: 0 0 6px #dbc59e;
}

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #c09853;
}

.control-group.error>label,
.control-group.error .help-block,
.control-group.error .help-inline {
    color: #b94a48;
}

.control-group.error input,
.control-group.error select,
.control-group.error textarea {
    color: #b94a48;
    border-color: #b94a48;
}

.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
    border-color: #953b39;
    -webkit-box-shadow: 0 0 6px #d59392;
    -moz-box-shadow: 0 0 6px #d59392;
    box-shadow: 0 0 6px #d59392;
}

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48;
}

.control-group.success>label,
.control-group.success .help-block,
.control-group.success .help-inline {
    color: #468847;
}

.control-group.success input,
.control-group.success select,
.control-group.success textarea {
    color: #468847;
    border-color: #468847;
}

.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
    border-color: #356635;
    -webkit-box-shadow: 0 0 6px #7aba7b;
    -moz-box-shadow: 0 0 6px #7aba7b;
    box-shadow: 0 0 6px #7aba7b;
}

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847;
}

input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
    color: #b94a48;
    border-color: #ee5f5b;
}

input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7;
}

.form-actions {
    padding: 17px 20px 18px;
    margin-top: 18px;
    margin-bottom: 18px;
    background-color: #eeeeee;
    border-top: 1px solid #ddd;

}

.form-actions:before,
.form-actions:after {
    display: table;
    content: "";
}

.form-actions:after {
    clear: both;
}

.uneditable-input {
    display: block;
    background-color: #ffffff;
    border-color: #eee;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    cursor: not-allowed;
}

:-moz-placeholder {
    color: #999999;
}

::-webkit-input-placeholder {
    color: #999999;
}

.help-block,
.help-inline {
    color: #555555;
}

.help-block {
    display: block;
    margin-bottom: 9px;
}

.help-inline {
    display: inline-block;

    vertical-align: middle;
    padding-left: 5px;
}

.input-prepend,
.input-append {
    margin-bottom: 5px;
}

.input-prepend input,
.input-append input,
.input-prepend select,
.input-append select,
.input-prepend .uneditable-input,
.input-append .uneditable-input {

    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.input-prepend input:focus,
.input-append input:focus,
.input-prepend select:focus,
.input-append select:focus,
.input-prepend .uneditable-input:focus,
.input-append .uneditable-input:focus {
    position: relative;
    z-index: 2;
}

.input-prepend .uneditable-input,
.input-append .uneditable-input {
    border-left-color: #ccc;
}

.input-prepend .add-on,
.input-append .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: normal;

    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    vertical-align: middle;
    background-color: #eeeeee;
    border: 1px solid #ccc;
}

.input-prepend .add-on,
.input-append .add-on,
.input-prepend .btn,
.input-append .btn {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.input-prepend .active,
.input-append .active {
    background-color: #a9dba9;
    border-color: #46a546;
}

.input-prepend .add-on,
.input-prepend .btn {
    margin-right: -1px;
}

.input-append input,
.input-append select .uneditable-input {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.input-append .uneditable-input {
    border-left-color: #eee;
    border-right-color: #ccc;
}

.input-append .add-on,
.input-append .btn {
    margin-left: -4px;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -ms-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    margin-right: -1px;
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
    margin-left: -4px;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.search-query {
    padding-left: 14px;
    padding-right: 14px;
    margin-bottom: 0;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
    display: inline-block;
    margin-bottom: 0;
}

.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
    display: none;
}

.form-search label,
.form-inline label {
    display: inline-block;
}

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
    margin-bottom: 0;
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle;
}

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
    float: left;
    margin-left: 0;
    margin-right: 3px;
}

.control-group {
    margin-bottom: 9px;
}

legend+.control-group {
    margin-top: 18px;
    -webkit-margin-top-collapse: separate;
}

.form-horizontal .control-group {
    margin-bottom: 18px;

}

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
    display: table;
    content: "";
}

.form-horizontal .control-group:after {
    clear: both;
}

.form-horizontal .control-label {
    float: left;
    width: 140px;
    padding-top: 5px;
    text-align: left;
}

.form-horizontal .controls {
    margin-left: 160px;

}

.form-horizontal .customer-payment .controls {
    margin-left: 160px;
    display: inline-block;
    margin-left: 0;
    padding-left: 20px;
    width: 60%;
    float: right;
}


.form-horizontal .help-block {
    margin-top: 9px;
    margin-bottom: 0;
}

.form-horizontal .form-actions {
    padding-left: 160px;
}

.note {
    color: #6a6a6a;
    font-style: italic;
    margin-bottom: 10px;
}

.widget-content>form {
    margin-bottom: 0;
}

.modal-dialog .form-horizontal .controls select,
.modal-dialog .form-horizontal .controls input,
.modal-dialog .form-horizontal .controls textarea {
    max-width: 100%;
    resize: none;
}

.form-horizontal .controls select,
.form-horizontal .controls input,
.form-horizontal .controls textarea {
    width: 100%;
    max-width: 420px;
}

.form-horizontal .controls .bootstrap-tagsinput,
.form-horizontal .controls #catList {
    width: 100% !important;
    max-width: 420px !important;
}

.form-horizontal .controls input[type="image"],
.form-horizontal .controls input[type="checkbox"],
.form-horizontal .controls input[type="radio"] {
    width: auto;
}

.page-wrapper .page-header {
    position: relative;
    padding: 0px;
    margin: 0px;
    border-bottom: 0px;
}

.page-copy-container-wrapper,
.page-copy-container-wrapper .page-wrapper-table,
.page-copy-container-wrapper .page-wrapper-table .page-wrapper,
.page-copy-container-wrapper .page-wrapper-table .page-wrapper * {
    box-sizing: unset;
}

.print-header-bar .btn_close i {
    margin: 0px;
}

.print-header-bar .btn_close {
    text-decoration: none;
    position: absolute;
    right: 10px;
}

.print-header-bar .btn_close,
.print-action-bar .btn_close {
    background-color: #5e7b98;
    color: #fff;
    border-color: #5e7b98;
    opacity: 0.9;
}

.print-header-bar .btn_close:hover,
.print-action-bar .btn_close:hover {
    background-color: #5e7b98;
    color: #fff;
    border-color: #5e7b98;
    opacity: 1;
}

.print-header-bar .btn_copy {
    background-color: #1eabe1;
    color: #fff;
    border-color: #1eabe1;
    opacity: 0.9;
}

.print-header-bar .btn_copy:hover {
    background-color: #1eabe1;
    color: #fff;
    border-color: #1eabe1;
    opacity: 1;
}

.print-header-bar .btn_NewTab {
    background-color: #1ecbe1;
    color: #fff;
    border-color: #1ecbe1;
    opacity: 0.9;
}

.print-header-bar .btn_NewTab:hover {
    background-color: #1ecbe1;
    color: #fff;
    border-color: #1ecbe1;
    opacity: 1;
}

.print-header-bar .btn {
    display: inline-block;
    margin-left: 10px;
}






.page-header img+br {
    display: none;
}

.pull-right {
    float: right;
    width: 125px;
}

.modal-backdrop,
.modal-backdrop.fade.in {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.print-action-bar {
    position: fixed;
    width: 100%;
    background: #fff;
    bottom: 0;
    height: 95px;
    box-shadow: 0px 8px 15px 0px #000;
    z-index: 1000;
}



.btn {
    background: #d9d9d9;
    border-color: #d9d9d9;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 2px;
    padding: 5px 15px;
}

.company-edit-btn {
    padding: 5px 5px;
}

.btn:hover {
    background: #d9d9d9;
    border-color: #d9d9d9;
}

.btn,
.btn:hover,
.btn-primary,
.btn-primary:hover,
.btn-warning,
.btn-warning:hover,
.btn-danger,
.btn-danger:hover,
.btn-success,
.btn-success:hover,
.btn-info,
.btn-info:hover,
.btn-inverse,
.btn-inverse:hover {
    text-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.btn,
.btn:active,
.btn-primary,
.btn-primary:active,
.btn-warning,
.btn-warning:active,
.btn-danger,
.btn-danger:active,
.btn-success,
.btn-success:active,
.btn-info,
.btn-info:active,
.btn-inverse,
.btn-inverse:active {
    text-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.btn-primary {
    background: #00ba8b;
    border-color: #00ba8b;
}

.btn-primary:hover {
    background: #07ad83;
    border-color: #07ad83;
}


.btn-danger {
    background: #fb5454;
    border-color: #fb5454;
}

.btn-danger:hover {
    background: #e24b4b;
    border-color: #e24b4b;
}


.btn-warning {
    background: #fbbc06;
    border-color: #fbbc06;
}

.btn-warning:hover {
    background: #cb9703;
    border-color: #cb9703;
}

.btn-success {
    background: #10b759;
    border-color: #10b759;
}

.btn-success:hover {
    background: #0d9448;
    border-color: #0d9448;
}

.btn-info {
    background: #2f89f5;
    border-color: #2f89f5;
}

.btn-info:hover {
    background: #2370cc;
    border-color: #2370cc;
}

.btn-inverse {
    color: #fff;
    background: #282f3a;
    border-color: #282f3a;
}

.btn-inverse:hover {
    color: #fff;
    background: #000000;
    border-color: #000000;
}

.btn i {
    margin-right: 5px;
}

/* Popup Slide  - popup_right_slider */

.popup_right_slider.fade.in {
    transform: unset !important;
    z-index: 20000;
    top: 0 !important;
}

body .popup_right_slider.fade {
    opacity: 1 !important;
    position: fixed;
    right: 0;
    left: unset;
    height: 100%;
    margin: 0;
    top: 0;
    border: unset;
    border-radius: 0;
    transform: translate(125%, 0px);
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

body .popup_right_slider .modal-dialog {
    height: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    width: 100%;
}

body .popup_right_slider form {
    margin: 0 0 0px;
    height: 100%;
}

body .popup_right_slider .modal-content {
    height: 100%;
}

body .popup_right_slider .modal-footer {
    bottom: 0;
    position: absolute;
    width: 100%;
}

body .popup_right_slider .modal-body {
    max-height: 100%;
    height: calc(100% - 100px);
}

body.modal-open {
    overflow: hidden !important;
    padding-right: 17px;
}

body .popup_right_slider .modal-header .close {
    margin-top: -2px;
}

body .popup_right_slider .modal-header {
    padding: 10px 30px;
    border-bottom: 1px solid #eee;
}

button.btn.btn-default.btn_close i {
    margin: 0;
}

body .popup_right_slider .btn_close {
    position: absolute;
    right: 10px;
    top: 2px;
}

.btn_group.center-buttons {
    text-align: center;
}

.btn_group.center-buttons .main-btn {
    display: inline-block;
}

.modal-footer .download-btn {
    background-color: #f6c33f;
    border-color: #f6c33f;
    opacity: 0.9;
}

.modal-footer .download-btn:hover {
    background-color: #f6c33f;
    border-color: #f6c33f;
    opacity: 1;
}

.modal-footer .email-btn {
    background-color: #f66b3f;
    border-color: #f66b3f;
    opacity: 0.9;
}

.modal-footer .email-btn:hover {
    background-color: #f66b3f;
    border-color: #f66b3f;
    opacity: 1;
}

.modal-footer .wp_btn {
    background-color: #4bd359;
    border-color: #4bd359;
    opacity: 0.9;
}

.modal-footer .wp_btn:hover {
    background-color: #4bd359;
    border-color: #4bd359;
    opacity: 1;
}

.modal-footer .print_btn {
    opacity: 0.9;
}

.modal-footer .print_btn:hover {
    opacity: 1;
}

.modal-footer .btn.pull-right+.btn.pull-right {
    margin-left: 0;
    color: #fff;
    margin-right: 5px;
}

.pull-right:hover {
    background: #00ba8b;
    border-color: #00ba8b;
    color: white;
    fill: white;
}

hr {
    margin: 6px 0;
    border-top: 1px solid #000;
    border-bottom: none;
}

.print-action-bar .chk-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    margin-top: 10px;
}

.print-action-bar .chk-group input {
    margin-right: 5px;
    height: 18px;
    background-color: #00ba8b;
    width: 18px;
}

.print-action-bar .chk-group label {
    margin-right: 14px;
    font-family: 'Open Sans';
}

.print-action-bar .chk-group .form-check-label {
    display: flex;
    align-items: center;
}

.close-btn {
    margin-left: 10px;
}

.form-check {
    position: relative;
    display: block;
    margin-top: 3px;
    margin-bottom: 10px;
    padding-left: 0;
}

.form-check .form-check-label {
    min-height: 18px;
    display: block;
    margin-left: 1.75rem;


}

.form-check .form-check-label input {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}

.form-check .form-check-label input[type="checkbox"]+.input-frame:before,
.form-check .form-check-label input[type="checkbox"]+.input-frame:after,
.form-check .form-check-label input[type="checkbox"]+a+a+.input-frame:before,
.form-check .form-check-label input[type="checkbox"]+a+a+.input-frame:after {
    position: absolute;
    top: 0;
    left: 0;
}

.form-check .form-check-label input[type="checkbox"]+.input-frame:before,
.form-check .form-check-label input[type="checkbox"]+a+a+.input-frame:before {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: solid #444444;
    border-width: 1px;
    -webkit-transition: all;
    -moz-transition: all;
    -ms-transition: all;
    -o-transition: all;
    transition: all;
    transition-duration: 0s;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
}

.form-check .form-check-label input[type="checkbox"]+.input-frame:after,
.form-check .form-check-label input[type="checkbox"]+a+a+.input-frame:after {
    -webkit-transition: all;
    -moz-transition: all;
    -ms-transition: all;
    -o-transition: all;
    transition: all;
    transition-duration: 0s;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    font-family: FontAwesome;
    content: '\f00c';
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);

    font-weight: bold;
    color: #ffffff;
    text-align: center;
    width: 18px;

    padding-right: 2px;
}

.form-check .form-check-label input[type="checkbox"]:checked+.input-frame:before,
.form-check .form-check-label input[type="checkbox"]:checked+a+a+.input-frame:before {
    background: #00ba8b;
    border-width: 0;
}

.form-check .form-check-label input[type="checkbox"]:checked+.input-frame:after,
.form-check .form-check-label input[type="checkbox"]:checked+a+a+.input-frame:after {
    width: 18px;
    opacity: 1;

    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.btn-icon-only {
    padding-right: 3px;
    padding-left: 3px;
}

.modal-header {
    padding: 10px 30px;
    border-bottom: 1px solid #eee;
}

.modal-header h4 {
    font-weight: bold;
    display: inline-block;
}

.modal-footer {
    padding: 7px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;

    bottom: 0;
    position: absolute;
    width: 100%;
}

.print-header-bar {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 1;
}


@media print {
    .print-header-bar {
        display: none !important;
    }

    .ads-container,
    .print-action-bar {
        display: none;
    }

    .page-copy-container-wrapper {
        margin: 0 !important;
        padding-bottom: 0px !important;
        padding-top: 0px !important;
        position: relative !important;
        transform: none !important;
    }

    .page-wrapper-table {
        padding: 0 !important;
    }

    .submit_font_sizes {
        display: none;
    }

    .page-wrapper {
        margin-top: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

    .branding_rt {
        opacity: 1;
        visibility: visible;
    }

    .pinch-zoom-container {
        height: auto !important;
        overflow: unset !important;
    }
}



.font_editor_mode [data-editor] {
    opacity: 1 !important;
    visibility: visible !important;
}

/* .org_orgname_logo {
vertical-align: top;
: 22px;
font-weight: bold;
30px;

padding-bottom: 5px;
} */
.formname {
    text-transform: uppercase;
    font-size: 20px;
    padding: 5px;
    text-align: center;


}

.org_address_logo {
    vertical-align: top;

    font-weight: normal;


}

.org_orgname {
    vertical-align: top;
    font-size: 23px;
    font-weight: bold;

    padding-left: 0px;
    padding-bottom: 5px;
    padding-right: 0px;
}

.org_address {
    vertical-align: top;

    font-weight: normal;

    height: auto;
    padding-left: 0px;
}





.supplement {
    border-bottom: 1px solid #000;
    text-align: center;
    font-weight: bold;

}


.pageRow1 {
    border-bottom: #000 solid 1px;
}

.pageRow1 td {
    padding: 3px 3px 3px 7px;
    font-size: 12px;
}

.invoicedata td:not(.invoicedata_item_label):not(.special) {}

.invoicedata td .invoicedata_item_label {}




.billdetailstbody td b {}

.invoicedataFooter td {}


.invoiceInfo td.section_header {}

.invoiceInfo td.amount_in_words {
    width: 100%;
    text-align: center;


    height: 30px;
    vertical-align: middle;
    text-transform: capitalize;
}

.invoiceInfo td.terms_condition_box {
    min-height: 90px;
    width: 100%;
    overflow: hidden;

}



.f16 {
    font-size: 16px;
}

.customerdata td.customerdata_label {
    text-align: middle;
    font-weight: bold;
    border-bottom: 1px solid #000;
    width: 100%;
    text-align: center;

}

.customerdata td.customerdata_item_label {
    font-weight: bold;
}



.invoiceInfo td {

    font-weight: normal;
}


.invoiceTotal td.footer_seal_title {
    border-bottom: none;
    text-align: center;

}

.invoiceTotal td.footer_seal_name {
    border-top: none;
    border-bottom: none;
    text-align: center;

}

.invoiceTotal td.footer_seal_signature {
    border-bottom: none;
    text-align: center;

}


body {
    color: #495057 !important;
    font-family: Nunito, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

.text-right {
    text-align: right;
}

.center {
    justify-content: center;
    display: flex;
}



.f12 {
    font-size: 12px;
}

.f18 {
    font-size: 18px;
}

.uppdercase {
    text-transform: uppercase;
}

.b {
    font-weight: 700;
}

.f14 {
    font-size: 14px;
}

/* .prewrap {
    white-space: pre-wrap;
} */


.hidefootertxt {
    color: #ffffff;
}










/* ///////////////////// */



.span::before {
    content: "";
    background-color: #000;
    height: 2px;
    width: 200px;
}

.border-top {
    line-height: 25px;
    padding-top: 10px;
}

.span::before {
    content: "";
    background-color: #000;
    height: 1px;
    width: 200px;
    display: block;
    margin: auto;
    margin-top: 10px;
    line-height: 25px;
}

@media print {
    /* @page {
size: A3;
counter-increment: page;
counter-reset: page 1;

@top-right {
    content: "Page " counter(page) " of " counter(pages);
}
} */

    #maindiv .header {

        width: 98% !important;


    }


}


.uppercase {
    text-transform: uppercase;
}

.pr-5 {
    padding-right: 5px;
}

body {
    font-family: 'Roboto', sans-serif;
    line-height: 1.1em;
}

.text-left {
    text-align: left;
}

.f20 {
    font-size: 20px;
}

.qrcode img {
    width: 150px;
    height: 150px;
}

.f18 {
    font-size: 18px;
}

.f16 {
    font-size: 16px;
}

.f14 {
    font-size: 14px;
}

.f12 {
    font-size: 12px;
}

.f11 {
    font-size: 11px;
}

.f10 {
    font-size: 10px;
}

.b {
    font-weight: bold;
}

#maindiv {
    width: 100%;
    height: auto;
    display: flex;
    /* border-bottom: #222 double 4px; */
}

#maindiv div {
    flex: 1;
}

.right {

    float: right;
}

.text-right {
    text-align: right;
}

#main2container {
    width: auto;
    height: auto;
    display: flex;


}

#main2container div {
    flex: 1;

}

.p10 {
    padding: 10px;
}

.formname {
    text-transform: uppercase;
    font-size: 20px;
    padding: 5px;
    text-align: center;
    font-weight: bold;
}

#verticalflex {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 10px;

    justify-content: space-between;


}

#verticalflex {
    flex: 1;

}

.borful {
    border: #222 solid 1px;
    margin: 0px 2px 0px 0px;
}

.text-center {
    text-align: center;
}

.logo {
    padding: 0px 10px;
}

.logo img {

    border-radius: 5px;
    margin-bottom: 5px;

}

.uppdercase {
    text-transform: uppercase;
}

.center {
    /* margin: auto; */
    /* align-items: center; */
    justify-content: center;
    /* align-self: center; */
    display: flex;
}

#table2 thead th {
    font-weight: bold;
    font-size: 13px;
    height: #000;
    height: 30px;
    background-color: #f8f8f8;


}

#tableflex table {
    width: 100%;
    border-bottom: #222 solid 1px;
}

#table2 {
    border-collapse: collapse;
}

#table2 tr td {
    border-bottom: #ccc solid 1px;
    padding: 5px 3px;
    border-collapse: separate;
    font-size: 13px;
    height: 30px;
}

tr th {
    border-bottom: #222 solid 1px;
    padding: 3px;
    border-collapse: separate;
}

#table2 tbody {
    width: 100%;
    height: auto;
}

#maindiv .header,
#maindiv .header-space,
#maindiv .footer,
#maindiv .footer-space {
    height: 280px;
}

#maindiv .header {
    position: absolute;
    top: 0;
    width: 98.5%;
    left: 11px;
    background-color: #fff;

}

#maindiv .content {
    width: 100%;
}

table {
    width: 100%;
}

.borful1>div>div {
    border: #222 solid 1px;
}

.pl-5 {
    padding-left: 5px;
}

#maindiv .page-wrapper {
    height: 1010px;
    width: 100%;
    margin: 0px auto;
    position: relative;
}

.f22 {
    font-size: 22px;
    font-weight: bold;
    line-height: 25px;
}


#maindiv .page-number {
    position: fixed;
    bottom: -5px;
    text-align: left;
    background-color: #fff;
    padding-left: 2px;
    width: 100%;
    font-size: 12px;
}


.table3 td {
    padding: 0.2rem 0rem;

}