body::before{
    background: none;
    box-shadow:none;
}
body{
    font-family: 'Roboto', sans-serif;
}
table th span, table td span {
   display: contents!important;
}

#invoice_date,#due_date{
    width: 97%;
    height: 32px;
    border: none;
    box-shadow: none;
    margin: 0 0 0px;
    font-size: 13px;
}

.btn-group-lg > .btn, .btn-lg {
    padding: 5px 16px;
}
.header-1{
    padding: 2px;
    background: #444;

}
.header-1 h2{
    color: #fff;
    margin-left: 17px;
    font-size: 23px;
    text-align: center;
}

.midele-init .close{
    display: block;
    float: right;
    width: 30px;
    height: 29px;
    top: 15px;
    position: absolute;
    right: 24px;
    background:url(../images/close_icon.png) no-repeat center center;
    cursor: pointer;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    padding: 0px 4px;
}
.col-init-12{
    width: 96%;
}
.col-init-9{
    width: 74%;
    margin-left: 1%;
    margin-right: 1%;
}
.col-init-6{
    width: 49.50%;
}
.col-init-4{
    width: 33.33%;
}

.col-init-3{
    width: 24.50%;
}

.col-init-2{
    width: 16.10%;
}


.btn-init {
    display: inline-block;
    padding: 9px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-info-init {
    color: #fff;
    background-color: #0085ba;
    border-color: #46b8da;
    margin-bottom: 8px;
}
.btn-info-init:hover {
    background-color: #ddd;
    color: #444;
    border-color: #ddd;
}
.info-green{
    color:green;
}
.info-red{
    color:red;
}
.client_invoice_msg{
    text-align: center;
}
.wp-invoice-manager-preloader {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(255, 255, 255, 0.5);
    z-index: 99999;
}

.wp-invoice-manager-preloader .wp-invoice-manager-preloader-custom-gif {
    display: block;
    width: 170px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0px 0px -40px;
    background: url('../images/loader.svg') no-repeat scroll 0% 0% transparent;
}

/*invoice- creater css start*/

.overflow-table-area {
    overflow: hidden;
    width: 100%;
    overflow-x: auto;
}
.invoice-creater-init
{
    margin-top: 32px;
    margin-bottom: 6px;
    padding: 3px 3px !important;
    background: #fff;
    border: 0;
    box-sizing: content-box;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    list-style: none;
    padding: 0;
    text-decoration: none;
    vertical-align: top;
}
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
    vertical-align: middle;
}
.invoice-creater-init table th ,.invoice-creater-init table td{
    font-size: 13px;
    line-height: 20px;
}
/* content editable */

.invoice-creater-init button,.invoice-creater-init input[type="button"],.invoice-creater-init input[type="submit"] {
    background-color: #0498ba;
    border: 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px !important;
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 1;
    padding: 10px 12px;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    margin-bottom: 4px;
}

/* heading */

.invoice-creater-init h1 { font: bold 100% sans-serif; letter-spacing: 2px; text-align: center; text-transform: uppercase; }

/* table */
.invoice-creater-init .payerPayBox {
    background-color: #f9f9f9;
    border: 1px solid #e6e6e6;
    padding: 20px;
    margin-bottom: 13px;
    min-height: 35px;
    height: auto;
    width: 95%;
    display: inline-block;
}
.invoice-creater-init .payerMinPadding {
    padding-top: 20px;
}
.invoice-creater-init .pay_ltr {
    float: left;
    margin-right: 30px;
}

.invoice-creater-init .VISA, .invoice-creater-init .visa {
    background-position: 0 -21px!important;
} 
.invoice-creater-init .MCARD,.invoice-creater-init .mcard,.invoice-creater-init .MASTERCARD,.invoice-creater-init .MASTER_CARD {
    background-position: 0 -42px!important;
}
.invoice-creater-init .DISC,.invoice-creater-init .disc,.invoice-creater-init .DISCOVER,.invoice-creater-init .dinersclub,.invoice-creater-init .DINERSCLUB {
    background-position: 0 -84px!important;
}
.invoice-creater-init .PYPLMARK {
    background-position: 0 0 !important;
}
.invoice-creater-init .PYPLCREDIT1 {
    background-position: 0 -105px !important;
}

.invoice-creater-init .cardIcon {
    background: url(https://www.paypalobjects.com/images/checkout/hermes/sprite_logos_wallet_v9_2x.png) no-repeat 0 100px;
    background-position-x: 0px;
    background-position-y: 100px;
    background-size: auto auto;
    background-size: 31px;
    height: 21px;
    display: inline-block;
    width: 36px;
    padding: 0 4px 0 0;
}
.invoice-creater-init table { font-size: 75%; width: 100%; }
.invoice-creater-init table { border-collapse: separate; border-spacing: 2px; }
.invoice-creater-init th,.invoice-creater-init td { border-width: 1px; padding: 0.5em; position: relative; text-align: left; }
.invoice-creater-init th,.invoice-creater-init td { border-radius: 0.25em; border-style: solid; }
.invoice-creater-init th { background: #EEE; border-color: #BBB; }
.invoice-creater-init td { border-color: #DDD; }
.invoice-creater-init table th span,.invoice-creater-init table td span { margin-left: 5px; margin-right: 3px;}

.invoice-creater-init header { margin: 0 0 3em; border-bottom: 1px solid #ddd;}
.invoice-creater-init header:after { clear: both; content: ""; display: table; }

.invoice-creater-init header h1 { background: #000; border-radius: 0.25em; color: #FFF; margin: 0 0 1em; padding: 0.5em 0; }
.invoice-creater-init header address { float: left; font-size: 100%; font-style: normal; line-height: 1.25; margin: 0 1em 1em 0; white-space: pre-wrap;}
.invoice-creater-init header address p { margin: 0 0 0.25em; }
.invoice-creater-init header span,.invoice-creater-init header img { display: block; float: right; }
.invoice-creater-init header span { margin: 0 0 1em 1em; max-height: 25%; max-width: 60%; position: relative; }
.invoice-creater-init header img { max-height: 100%; max-width: 100%; width: 170px;}
.invoice-creater-init header input { cursor: pointer; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; }

/* article */

.invoice-creater-init article, .invoice-creater-init article address,.invoice-creater-init table.meta,.invoice-creater-init table.inventory { margin: 0 0 3em;}
.invoice-creater-init article:after { clear: both; content: ""; display: table; }
.invoice-creater-init article h1 { clip: rect(0 0 0 0); position: absolute; }

.invoice-creater-init article address { float: left; font-size: 125%; font-weight: bold; }

/* table meta & balance */

.invoice-creater-init table.meta,.invoice-creater-init table.balance { float: right;}
.invoice-creater-init table.meta:after,.invoice-creater-init table.balance:after { clear: both; content: ""; display: table; }

.invoice-creater-init .paypal-init{
    background-color:#0498ba; 
}
.invoice-creater-init .twocheckout-init{
    background-color:#0498BA; 
}
.invoice-creater-init .stripe-init{
    background-color:#0498BA; 
}
/* table meta */

.invoice-creater-init table.meta th { width: 40%; }
.invoice-creater-init table.meta td { width: 60%; }

/* table items */

.invoice-creater-init table.inventory { }
.invoice-creater-init table.inventory th { font-weight: bold; text-align: center; }

.invoice-creater-init table.inventory td:nth-child(1) { width: 26%; }
.invoice-creater-init table.inventory td:nth-child(2) { width: 38%; }
.invoice-creater-init table.inventory td:nth-child(3) { text-align: right; width: 15%; }
.invoice-creater-init table.inventory td:nth-child(4) { text-align: right; width: 8%; }
.invoice-creater-init table.inventory td:nth-child(5) { text-align: right; width: 15%; }

/* table balance */

.invoice-creater-init table.balance th,.invoice-creater-init table.balance td { width: 50%; }
.invoice-creater-init table.balance td { text-align: right; }

/* aside */

.invoice-creater-init aside h1 { border: none; border-width: 0 0 1px; margin: 0 0 1em; }
.invoice-creater-init aside h1 {border-color: #ddd;
                                border-bottom-style: solid;
                                padding: 0px 0px 11px 0px; }

/* javascript */

.invoice-creater-init .add,.invoice-creater-init .cut
{
    border-width: 1px;
    display: block;
    font-size: .8rem;
    padding: 0.25em 0.5em;	
    float: left;
    text-align: center;
    width: 0.6em;
}

.invoice-creater-init .add,.invoice-creater-init .cut
{
    background: #9AF;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    background-image: -moz-linear-gradient(#00ADEE 5%, #0078A5 100%);
    background-image: -webkit-linear-gradient(#00ADEE 5%, #0078A5 100%);
    border-radius: 0.5em;
    border-color: #0076A3;
    color: #FFF;
    cursor: pointer;
    font-weight: bold;
    text-shadow: 0 -1px 2px rgba(0,0,0,0.333);
}
.invoice-creater-init .payerPayBox-none{
    background: none;
    border: none;
    padding: 3px 0px;
    width: 100%;
}

.invoice-creater-init strong {
    font-weight: normal;
    color: #444;
    font-size: 35px;
}

#copy-link-init {
    right: -1px;
    position: absolute;
    top: 2px;
    color: #fff;
    height: 89%;
    border-left: 1px solid #ccc;
    text-align: center;
    width: 102px;
    background: #0085ba;

    cursor: pointer;
    left: inherit;
}

.invoice-creater-init .add { margin: -2.5em 0 0; }
.invoice-creater-init .add:hover { background: #00ADEE; }

.invoice-creater-init .cut { opacity: 0; position: absolute; top: 0; left: -1.5em; }
.invoice-creater-init .cut { -webkit-transition: opacity 100ms ease-in; }

.invoice-creater-init tr:hover .cut { opacity: 1; }

/*Transaction-css*/
.pay_ltr.transaction-id h6 {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    margin-top: 5px;
}


@media print {
    * { -webkit-print-color-adjust: exact; }
    .invoice-creater-init span:empty { display: none; }
    .invoice-creater-init .add,.invoice-creater-init .cut { display: none; }
}

@page { margin: 20px; }
/*invoice- creater css end*/


@media (max-width: 991px){
    .col-init-12 {
        width: 100%;
    }
    .invoice-preview-init{
        width: 93% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 767px){
    .invoice-creater-init table.meta tr td {
        display: inline-block;
        width: 95% !important;
        left: 0 !important;
    }
    .pay_ltr.transaction-success button#payInvoice {
        margin-top: 5px;
    }
    .invoice-creater-init strong{
        font-size: 20px;
    }
    .invoice-creater-init table.balance {
        width: 100% !important;
        margin-top: 10px;
    }
}

@media screen and (max-width: 600px) {
    .invoice-preview-init{
        width: 92% !important;
    }
    .main-container-init table {
        border: 0;
    }

    .main-container-init table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .main-container-init table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }

    .main-container-init table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
    }

    .main-container-init table td::before {
        /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    .main-container-init table td:last-child {
        border-bottom: 0;
    }

    .main-container-init .form_wrapper .col_half {
        width:100%;
        float:none;
    }
    .main-container-init .form_wrapper label {
        margin:10px 0;
    }

    .main-container-init .left{
        float: none;
    }
    .main-container-init .right{
        float: none;
    }
    .btn-info-init{
        float: none;
        margin-bottom: 5px;
    }

    .main-container-init .form_wrapper {
        width: 100%;
        left:0px;
    }
    .invoice-creater-init .pay_ltr{
        float: left !important;
        margin-right: 0 !important; 
    }
}
@media (max-width: 536px) {
    .invoice-preview-init{
        width: 83% !important;
    }    
    td#client_manual_details{
        float: left !important;
        width: 100%;
    }
    table.balance22 {
        white-space: nowrap;
    }
    .invoice-creater-init article, .invoice-creater-init article address, .invoice-creater-init table.meta, .invoice-creater-init table.inventory{
        display: block;
    }
}