/* here you can put your own css to customize and override the theme */

.nomarginbottom {
    margin-bottom: 0px !important
}

.formpos {
    margin-top: 0;
    margin-bottom: 20px;
    border-top: 0;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0;
    float: left;
    width: 100%;
    margin-left: -20px !important;
    margin-right: -20px !important;
}

.posform {
    margin-left: -19px;
    background: none !important;
}

.positembox,
.cust_search,
.cust_disp,
.barcode_search {
    padding: 8px;
    min-height: 0;
    line-height: 21px;
    float: left;
    font-size: 1.099em;
    width: 60%;
    height: auto;
    border: 1px solid #357ebd;
    margin: 0px !important;
    border-right: none;
}

.postbtn {
    border-radius: 0px !important;
    padding: 8px;
    border: 1px solid #aaa;
    text-align: center;
    color: #333;
    background: #fff;
    background: linear-gradient(#fff, #eee);
    border-radius: 3px;
    transition: all .3s;
    position: relative;
}

.postbtnactive {
    color: #fff !important;
    background: #428bca !important;
    border-color: #357ebd;
}

.mb10 {
    margin: 10px 0px;
    padding: 0px !important;
}

.posbtngrp .btn {
    min-width: 50px;
    text-transform: uppercase;
    margin: 3px 0px
}

.postbl {
    padding: 0px !important;
    margin-top: -20px;
}

.postbl table a {
    font-size: 16px;
    font-weight: bold;
}

.postbl table {
    font-size: 16px;
}

.postbl table thead tr th,
.postbl table thead {
    background: #F8F8F8 !important;
    text-transform: uppercase;
}

.qtymbox {
    padding: 8px;
    min-height: 0;
    float: left;
    font-size: 1.099em;
    width: 25%;
    height: auto;
    border: 1px solid #357ebd;
    margin: 0px !important;
}

.pospriceDetails {}

#producttobilling {
    width: 96%
}

.pricepostbl {
    background: #EEEEEE;
    position: inherit;
    right: 0;
    top: 67px;
    bottom: 0;
}

.pricepostbl table {
    margin-top: 10px;
}

.pricepostbl tr th {
    text-align: left !important;
    color: #555;
    border-bottom: 1px solid #ccc;
    padding: 6px 0;
    text-align: right;
    font-weight: normal;
    font-size: 15px;
}

#totalName {
    border-bottom: medium none;
    color: #000;
    font-weight: 600;
}

tr.total th,
tr.total td {
    font-size: 17px;
}

.bgpos {
    background: #DEEEFC
}

.bgpos2 {
    background: #DDE9D2
}

.minw {
    min-width: 82px;
}

.media-fix {
    width: 100%;
    height: 30px;
    position: fixed;
    bottom: 0;
    left: 0;
}

.media-fix-inner {
    margin: 0 auto;
    max-width: 980px;
    height: 30px;
    width: 100%;
    background: #ff00c0;
    position: relative;
    text-align: center;
}

.media-fix-inner>span {
    background: #303030;
    height: 30px;
    padding: 0 20px;
    display: inline-block;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
}

.media-fix-inner>span.mf0,
.media-fix-inner>span.mf1,
.media-fix-inner>span.mf2,
.media-fix-inner>span.mf3,
.media-fix-inner>span.mf4,
.media-fix-inner>span.mf5 {
    display: none;
}

.formdisplaynone {
    display: none
}

#producttobilling,
#producttobilling thead th,
#producttobilling tbody td {
    font-size: 13px;
}

#producttobilling thead th {
    text-align: center;
}

@media all and (min-width:980px) {
    .media-fix-inner>span.mf0 {
        display: inline-block;
    }
}

@media all and (max-width:979px) and (min-width:768px) {
    .media-fix-inner {
        background: #8814ff;
    }
    .media-fix-inner>span.mf1 {
        display: inline-block;
    }
    .pricepostbl {
        top: 361px;
        bottom: 10px
    }
}

@media all and (max-width:767px) and (min-width:600px) {
    .media-fix-inner {
        background: #19cfb7;
    }
    .media-fix-inner>span.mf2 {
        display: inline-block;
    }
    .pricepostbl {
        top: 425px;
        bottom: 10px
    }
}

@media all and (max-width:599px) and (min-width:480px) {
    .media-fix-inner {
        background: #48cf19;
    }
    .media-fix-inner>span.mf3 {
        display: inline-block;
    }
    .pricepostbl {
        top: 525px;
        bottom: 10px
    }
}

@media all and (max-width:479px) and (min-width:320px) {
    .media-fix-inner {
        background: #ffb401;
    }
    .media-fix-inner>span.mf4 {
        display: inline-block;
    }
    .pricepostbl {
        top: 625px;
        bottom: 10px
    }
}

@media all and (max-width:319px) and (min-width:0) {
    .media-fix-inner {
        background: #ff1901;
    }
    .media-fix-inner>span.mf5 {
        display: inline-block;
    }
    .pricepostbl {
        top: 650px;
        bottom: 10px
    }
}

@media all and (min-width: 980px) {
    .pricepostbl {
        position: absolute;
    }
}

span.title1 {
    float: left !important;
    font-weight: normal !important;
}

#ajax-modal1 {
    top: 30% !important;
}

#holdmessage,
#releasemessage,
#voidmessage {
    display: none;
}

span.skey {
    font-size: 10px;
    position: absolute;
    top: 1px;
    right: 1px;
    font-weight: bold;
    color: #8ACBF2;
}

#producttobilling {
    margin: 0px !important;
}


/**** Demo AddProducts Css 22-March-2016 ****/

html,
body {
    padding: 0;
    margin: 0;
    font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: justify;
}


/*.bgpos1{width:100% ! important;}*/

.theading {
    height: 30px;
    border: 1px solid red;
    padding: 6px;
    text-align: left;
    color: #555;
    text-transform: uppercase;
    font-size: .8125rem;
    font-weight: normal;
    background-color: #f8f8f8;
    border-bottom: 1px solid #ccc;
    white-space: nowrap;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rows {
    height: 33px;
    font-weight: 600;
    font-size: 12px;
}

.postbl table thead tr th,
.postbl table thead {
    background: #F8F8F8 !important;
    text-transform: uppercase;
}

.addproducts td {
    background-color: white !important;
}

.addbutton {
    width: 80px;
    height: 34px;
}

.checkbox {
    width: 175px;
    margin: 13px;
}

.dropdwn {
    margin: 0px 13px 13px 13px;
    height: 30px;
    width: 150px;
}

.invntrycode {
    text-align: left;
    color: #666;
    width: 195px;
}

.prodname {
    width: 200px;
    font-weight: 600;
    color: #2A6FBA;
}

.qty {
    width: 50px;
    color: #666;
    text-align: right;
}

.price {
    text-align: right;
    width: 250px;
    color: #666;
}

.productname-td {
    font-weight: 600;
    color: #2A6FBA;
}


/**** Demo Add Payment Css March-22-2016 ***/

.payment-footer {
    background-color: #6EB253 ! important;
    font-weight: 600;
    padding: 8px 15px ! important;
    text-align: center;
    border-radius: 0;
}

.payment-title {
    padding: 0 !important;
    background-color: #589141 !important;
    height: auto !important;
    border-radius: 0px !important;
}

.payment-caption {
    font-size: 20px !important;
    padding: 20px 15px 19px ! important;
    text-transform: uppercase;
    color: #fff;
}

.td-btn {
    width: 60px;
    height: 40px;
    background: rgba(0, 0, 0, 0) linear-gradient(#fff, #eee) repeat scroll 0 0;
    border-radius: 4px;
    border: 1px solid #aaa;
    font-weight: bolder;
    font-size: 15px;
}

.payment-max-btn {
    border-radius: 2px;
    float: left;
    height: 37px;
    padding: 0 5px 0 5px;
    width: 54px;
    margin-left: -2px;
    margin-top: 0px;
    background: rgba(0, 0, 0, 0) linear-gradient(#fff, #eee) repeat scroll 0 0;
    border: 1px solid #aaa;
}

.cash-td {
    color: #589141;
    font-size: 14px;
    padding-right: 0.75em;
    padding-top: 0.6em;
    text-align: right;
    text-transform: uppercase;
    vertical-align: top;
    width: 116px;
}

.chk-td {
    color: #589141;
    font-size: 14px;
    padding-right: 0.75em;
    padding-top: 1.6em;
    text-align: right;
    text-transform: uppercase;
    vertical-align: top;
    width: 115px;
}

.total-lbl {
    color: white;
    margin-left: -53px;
    font-size: 16px;
}

.total-result {
    padding: 8px;
    background-color: #E3E3E3;
}

.tr-footr {
    height: 56px;
}

.bg-color {
    background-color: #D6E9CE;
}

.whole-container {
    border-radius: 0px! important;
    width: 300px;
}

.payment-slider {
    margin-left: 6px;
    float: left;
}

.cash-txt {
    padding: 8px 9px 8px 0;
    float: left;
    width: 89px;
    text-align: right;
    height: 37px;
    font-size: 14px;
}

.quickcash {
    padding-top: 22px;
    text-align: center;
}

#Makepayment {
    position: absolute;
    position: absolute;
    top: 68px;
    right: 16.3%;
    display: none;
    z-index: 100000;
}

#finishSaleButton {
    margin: 18px 0 0 63px !important;
    background: #589141 !important;
    color: #fff !important;
    border: 1px solid #589141
}

.finishbuttons {
    display: none;
}

.cash-td,
.chk-td {
    position: relative;
}

.cash-td span,
.chk-td span {
    position: absolute;
    right: -22px;
    color: #000;
    font-weight: normal;
    top: 9px;
}

.chk-td span {
    top: 17px
}

#addProducts {
    margin-left: 15px !important;
}

.sub-para {
    color: #666;
    font-size: 14px;
    margin-left: 15px;
}

.caption-size {
    font-size: 20px ! important;
    line-height: 30px ! important;
}

.portlet-height {
    min-height: 50px ! important;
}

.adjustment-para {
    min-height: 30px;
}

.iframe-tag {
    background: #FFFFFF;
    border: 1px solid #888;
    padding: 10px;
    height: 461px;
    overflow-y: auto;
}


/*#producttobilling tbody tr.current:hover,#producttobilling tbody tr.current:hover td{  background-color: #83D6FD !important;}*/

.prchg .control-label {
    font-size: 12px;
    color: #666;
    padding: 0 6px 0 12px;
    display: block;
    text-align: right;
}

.th-row {
    width: 170px;
    font-size: 14px;
    background-color: #F8F8F8 ! important;
}

.td-row {
    background-color: white ! important;
}


/*.btn:hover{background-image:none !important;background-color:#3071A9 !important; color: white; border: 1px solid #3071A9 !important}*/

.custtpl {
    margin: 0px !important;
    padding: 0px !important;
}

#attchcbtns {
    display: none;
}

.loadinggif {
    margin: 14% 44%;
}


/*invoice css*/

.invoice-page {
    width: 100%;
    font-family: monospace;
    font-size: 15px;
}

.print-invoice {
    margin: 0 10px;
    width: 95%;
    float: left;
    font-family: monospace;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
}

.print-invoice p {
    margin: 10px auto;
    float: left;
    width: 100%;
    float: left;
    color: #111111;
}

.print-invoice .separation {
    border-top: 1px dashed #000;
    line-height: 0;
    margin: 1px 0;
}

.print-invoice table {}

.print-invoice table tr {}

.print-invoice table td {}

.invoice-page {
    max-width: 95%;
}

#basic-modal-content,
.content {
    max-width: 95%;
}

.table>tbody>tr>th {
    border-bottom: #ccc !important
}

.loader {
    border: 2px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid #3498db;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 2s linear infinite;
    margin-left: 15px;
}


/* Safari */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.loaders {
    border-radius: 50%;
    border-top: 4px solid #259F08;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 1.5s linear infinite;
    position: absolute;
}

.inputBoxIcon {
    font-size: 21px !important;
    color: #428bca !important;
    cursor: pointer !important;
}

.dropdown {
    border: 1px solid #dddddd;
    border-radius: 5px;
    height: 36px;
}
.remarks_box {
    line-height: 1.5 !important;
    overflow: auto;
    max-width: 600px;
}