/*html {overflow:hidden!important;}
body{overflow: hidden!important}*/
.sidebar .nav > li > a {
    padding: 20px 20px;
    font-size: 1.3em;
}

.sidebar .sub-menu > li > a {
    font-size: 1.2em;
}

.content {
    padding: 1px 2px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

    .row > [class*=col-] {
        padding: 0 15px;
    }

.modal-dialog {
    margin: 0 auto;
    position: relative;
}

.modal.fade:not(.in) .modal-dialog {
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
}

body.trans-left .modal.fade:not(.in) .modal-dialog {
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
}

body.trans-left .modal.fade:not(.in) .modal-dialog {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
}

body.trans-right .modal.fade:not(.in) .modal-dialog {
    -webkit-transform: translate3d(125%, 0, 0);
    transform: translate3d(125%, 0, 0);
}

body.trans-bottom .modal.fade:not(.in) .modal-dialog {
    -webkit-transform: translate3d(0, 125%, 0);
    transform: translate3d(0, 125%, 0);
}

body.modal-dialog-left .modal .modal-dialog {
    margin: 0px;
    position: absolute;
    left: 0;
}

body.modal-dialog-center .modal .modal-dialog {
    margin: 0 auto;
    position: relative;
}

body.modal-dialog-right .modal .modal-dialog {
    margin: 0px;
    position: absolute;
    right: 0;
}

body.modal-pos-bottom .modal .modal-dialog {
    bottom: 0;
}

body.modal-pos-top .modal .modal-dialog {
    top: 0;
}

#page-container, #page-container > #content {
    height: 100%;
}

.item-wrapper > .image {
    display: inline-block;
    margin: 0;
    overflow: hidden;
    padding: 3px 6px;
    cursor: pointer;
}

    .item-wrapper > .image > .image-cont {
        background: #fff;
        border-radius: 3px;
        box-shadow: 0 0 3px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
    }

        .item-wrapper > .image > .image-cont > .image-inner {
            position: relative;
            text-align: center;
            height: 70px;
            overflow: hidden;
        }

            .item-wrapper > .image > .image-cont > .image-inner > button {
                display: inline-block;
                text-align: center;
                border: none;
                margin: 0;
                padding: 0;
            }

    .item-wrapper > .image > .image-inner > button img {
        max-width: 100%;
    }

    .item-wrapper > .image > .image-cont > .image-info {
        padding: 5px 5px 5px 10px;
        text-align: center;
        height: auto;
        overflow: hidden;
    }

        .item-wrapper > .image > .image-cont > .image-info > h5.title {
            margin: 0;
            font-size: 1.1rem;
            font-weight: 600;
            text-align: center !important;
            color: #565454;
            text-align: left;
            min-height: 25px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

    .item-wrapper > .image:hover, .item-wrapper > .image:active {
        opacity: 0.8;
        outline: none;
    }

.item-wrapper.item-list-view > .image {
    width: 100% !important;
}

    .item-wrapper.item-list-view > .image > .image-cont > .image-inner {
        float: left;
        height: auto;
    }

        .item-wrapper.item-list-view > .image > .image-cont > .image-inner img {
            width: 50px;
            height: 50px;
        }

    .item-wrapper.item-list-view > .image > .image-cont > .image-info > h5.title {
        line-height: 40px;
        font-size: 1.3rem;
        text-align: left !important;
    }

.switchery {
    height: 20px !important;
    width: 40px !important;
}

    .switchery > small {
        height: 20px !important;
        width: 20px !important;
    }

.sbt-switch-btn {
    float: right;
    margin-top: 5px;
    margin-left: 10px;
}

.sbt-switch-btn {
    display: none;
}

.cust-config {
    float: right;
    padding-right: 45px;
}

    .cust-config ul li a {
        display: block;
        font-size: 1.3em;
    }

.form-head {
    float: left;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .form-head label {
        font-size: 14px;
        line-height: 20px;
    }

.btn-pin-wrap {
    text-align: center;
}

    .btn-pin-wrap button.btn-pin {
        width: 80px;
        height: 60px;
        text-align: center;
    }

.modal-header {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
    text-align: right;
    padding: 0;
    line-height: 1em;
    background-color: #00acac;
}

    .modal-header > .modal-title {
        float: left;
        margin-top: 0;
        margin-bottom: 0px;
        padding: 10px;
        font-size: 1.2em;
        font-weight: 600;
        color: #fff;
    }

    .modal-header .btn-filter {
        width: 40px;
        text-align: center;
        padding: 10px 0;
        color: #fff;
        background-color: #333;
    }

        .modal-header .btn-filter:focus {
            border: 0;
            outline: none;
            text-decoration: none;
        }

        .modal-header .btn-filter.active {
            text-decoration: none;
        }

        .modal-header .btn-filter + div {
            position: absolute;
            right: 5px;
            z-index: 999;
        }

            .modal-header .btn-filter + div .well {
                text-align: left;
            }

.btn-close-dialog {
    position: absolute;
    z-index: 9999;
    right: 0;
    top: 0;
    background-color: #ccc !important;
    padding: 5px !important;
    margin-top: 0 !important;
    font-size: 1.1em !important;
    opacity: 0.5;
}

.modal-content {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.modal-body {
    padding: 0px;
}

.modal-footer {
    padding-top: 5px;
    padding-bottom: 5px;
}

.nav-tabs {
    border-radius: 0;
}

    .nav-tabs.nav-tabs-inverse {
        padding: 1px;
    }

    .nav-tabs > li > a {
        border-radius: 0;
    }

.tab-content {
    padding: 2px 0;
}

.form-control, .jqx-rc-all {
    border-radius: 0;
}

.btn-clear-wrap {
    padding-bottom: 5px;
    text-align: right;
}

#filterSection {
    display: none;
}

.tab-pane {
    height: 99%;
}

.file-icon {
    width: 20px;
    height: 20px;
    background: url(../Images/file-icons3.png);
    border: 0;
    background-color: none;
}

input[type=button].file-icon:hover, input[type=button].file-icon:focus, input[type=submit].file-icon:hover, input[type=submit].file-icon:focus {
    background: url('../Images/file-icons3.png');
}

.file-xml {
    background-position: -20px 0;
}

input[type=button].file-icon.file-xml:hover, input[type=button].file-icon.file-xml:focus {
    background-position: -20px 0;
}

.file-xl {
    background-position: -20px 0;
}

input[type=button].file-icon.file-xl:hover, input[type=button].file-icon.file-xl:focus {
    background-position: -20px 0;
}

.file-csv {
    background-position: -40px 0;
}

input[type=button].file-icon.file-csv:hover, input[type=button].file-icon.file-csv:focus {
    background-position: -40px 0;
}

.file-html {
    background-position: 0 0;
}

input[type=button].file-icon.file-html:hover, input[type=button].file-icon.file-html:focus {
    background-position: 0 0;
}

.file-del {
    background-position: -59px 0;
}

input[type=button].file-icon.file-del:hover, input[type=button].file-icon.file-del:focus {
    background-position: -59px 0;
}

.file-print {
    background-position: -80px 0;
}

input[type=button].file-icon.file-print:hover, input[type=button].file-icon.file-print:focus {
    background-position: -80px 0;
}

.file-chart {
    background-position: -100px 0;
}

input[type=button].file-icon.file-chart:hover, input[type=button].file-icon.file-chart:focus {
    background-position: -100px 0;
}

.file-layout {
    background-position: -120px 0;
}

input[type=button].file-icon.file-layout:hover, input[type=button].file-icon.file-layout:focus {
    background-position: -120px 0;
}

.file-fitscreen {
    background-position: -117px 0;
    width: 25px;
}

input[type=button].file-icon.file-fitscreen:hover, input[type=button].file-icon.file-fitscreen:focus {
    background-position: -117px 0;
}

.btn {
    border-radius: 0;
}

.nav-pills-inverse {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
}

    .nav-pills-inverse.nav-pills > li > a {
        border-radius: 0;
    }

.checkbox label, .radio label {
    padding-left: 30px;
    margin-bottom: 5px;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    width: 25px;
    height: 25px;
    margin-top: -5px;
    margin-left: 0px;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
    width: 25px;
    height: 25px;
    margin-top: -5px;
    margin-left: -30px;
}

.modal .checkbox input[type=checkbox], .modal .checkbox-inline input[type=checkbox], .modal .radio input[type=radio], .modal .radio-inline input[type=radio] {
    width: 25px;
    height: 25px;
    margin-top: -5px;
    margin-left: -30px;
}

.jqx-checkbox-default {
    margin-left: -2px !important;
    margin-top: -5px !important;
}

    .jqx-checkbox-default > div, .jqx-checkbox-default > div > span {
        width: 22px !important;
        height: 22px !important;
    }

.jqx-grid-column-header.jqx-widget-header > div > div {
    left: 19%;
}

input[type="button"].jqx-fill-state-normal {
    background-color: transparent;
    border: 0;
}

button.cdedit, button.cddelete {
    border: 0;
}

#SaleBillNew_GridItemDetails .table {
    border: 1px solid #ccc;
}

    #SaleBillNew_GridItemDetails .table > thead > tr > th {
        white-space: nowrap;
    }

.BillPayBase-calcs {
    display: table-row;
}

.nav-pills > li.active > a {
    background-color: #00acac;
}

.BillPayBase-calcs .table > tbody > tr > th {
    padding: 1px 10px;
    vertical-align: middle;
}

.BillPayBase-calcs label {
    text-align: center;
    font-weight: 600;
    font-size: 14px;
}

.calc-wrap {
    overflow: hidden;
}

.tab-rest {
    float: left;
    padding-right: 15px;
}

    .tab-rest .form-group {
        margin-bottom: 5px;
    }

.calc-wrap .table {
    margin: 0 auto;
    width: auto;
}

    .calc-wrap .table > tbody > tr > td {
        padding: 0;
        border-top: 0;
    }

        .calc-wrap .table > tbody > tr > td > input {
            font-size: 22px;
            text-align: right;
            padding: 0;
            padding-right: 5px;
        }

        .calc-wrap .table > tbody > tr > td > .btn {
            width: 75px;
            height: 40px;
            margin: 2px 1px;
            margin-bottom: 1px;
            text-align: center;
            font-size: 15px;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
        }

.mybtn {
    width: 75px;
    height: 60px;
    margin: 2px 1px;
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #e6e6e6));
    background: -moz-linear-gradient(top, #ffffff 5%, #e6e6e6 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, #e6e6e6 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #e6e6e6 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #e6e6e6 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0);
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #dbdbdb;
    display: inline-block;
    cursor: pointer;
    color: #777;
    font-size: 15px;
    font-weight: normal;
    padding: 13px 13px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #fff;
}

.BillPayBase-tabs ul.nav-pills > li a { /*border-radius:50px;*/
    margin: 0 1px;
    padding: 1px 0;
    font-weight: 700;
    font-size: 0.9rem;
}

.BillPayBase-tabs ul.nav-pills > li.active > a {
    background-color: #00acac;
    border-color: #00acac;
    border-radius: 0;
    color: #000;
}

.BillPayBase-tabs img {
    width: 35px;
    line-height: 0;
}

tr.row-selected > td {
    background: #eeeeee !important;
}

.form-control[readonly] {
    background-color: #fff;
    opacity: 1.0;
}

input.form-control[type="number"] {
    font-size: 20px;
}

.BillPayBase-tabs > .nav > li > a:focus, .BillPayBase-tabs > .nav > li > a:hover {
    background-color: transparent;
    border-color: #00acac;
}

.BillPayBase-tabs > .nav > li > a.btnCollapse.active {
    background-color: transparent;
    border-color: #ff5b57;
}

.billsummary ul li{display:inline-block; margin-right:20px;}
.billsummary ul li label{font-weight:600; font-size:1.3rem; margin-bottom:0;}
.billsummary h5.title label{font-weight:bold;margin:0;}

.list-panel {
    width: 200px;
    position: fixed;
    top: 31px;
    right: -200px;
    z-index: 9999;
    transition: ease-in-out 0.5s;
    -moz-transition: ease-in-out 0.5s;
    -webkit-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    -ms-transition: ease-in-out 0.5s;
}

    .list-panel.open {
        right: 0;
    }

.tableGridhead .table > thead > tr > th {
    min-width: 100px;
    vertical-align: top;
}

.Paymentinfo {
    padding: 1px;
    position: relative; /*background:#adadad;border:1px solid #00a6a6*/
}

    .Paymentinfo:after, .Paymentinfo:before {
        top: 100%;
        left: 5%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    /*.Paymentinfo:after{border-color:rgba(0, 172, 172, 0);border-top-color:#adadad;border-width:6px;margin-left:-6px}*/
    .Paymentinfo:before {
        border-color: rgba(0, 166, 166, 0);
        border-top-color: #1581a0 /*border-top-color:#000000*/;
        border-width: 5px;
        margin-left: -8px;
    }

.logic-report .config-collapse-btn {
    display: none;
}

.stepDetails .form-control {
    text-align: center;
    font-size: 1.7rem;
}

#SaleBillNew_CmdHoldList:active, #SaleBillNew_CmdHoldList:focus {
    background-color: #008a8a !important;
    border: none !important;
    box-shadow: none !important;
}

.theme-panel {
    width: 200px;
    right: -200px;
}

table.scroll tr {
    display: flex;
}

table.scroll td {
    flex: 1 auto;
    width: 1px;
}

table.scroll td, .scroll th {
    width: 120px;
}

table.scroll > tbody > tr > td:first-child, .scroll > thead > tr > th:first-child {
    width: 50px;
    min-width: unset;
}

table.scroll thead tr:after {
    overflow-y: scroll;
    visibility: hidden;
    height: 0;
}

table.scroll tbody {
    display: block;
    width: 100%;
    overflow-y: auto;
    height: 350px;
}

.salebilltouch-wrapper.hasItemPanel .sectionLeft.pull-right {
    border-right: none;
}

.salebilltouch-wrapper:not(.portable).hasItemPanel .sectionRight {
    display: block !important;
    background: #e5e5e5;
}

.sectionLeft .section-freezed a {
    font-size: 2.2em;
    position: relative;
}

.sectionRight .section-freezed a {
    font-size: 2.2em;
    position: relative;
}

.sel-tab-num {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 11px;
    font-weight: bolder;
}

.net-total {
    border-radius: 0;
    margin-bottom: 0px;
}

    .net-total h3, h4, h6 {
        margin: 0;
    }

    .net-total h3 {
        font-size: 21px !important;
        margin-bottom: 2px;
    }

    .net-total h4 {
        font-size: 2em !important;
    }

    .net-total h6 {
        color: #fff;
        letter-spacing: 1px;
    }

    .net-total tr > td, .net-total tr > th {
        text-align: center;
        color: #fff;
        text-shadow: 1px 0px 2px #333;
        border-top: 0 !important;
        border-bottom: 0 !important;
        padding: 5px 5px !important;
    }

    .net-total tr > th {
        padding-bottom: 0 !important;
    }

    .net-total tr > td:first-child {
        border-left: 0;
    }

    .net-total tr > td:last-child {
        border-right: 0;
    }

.table > tbody > tr.row-selected > td > button {
    background-color: transparent;
}

.logic-report .panel-configuration {
    display: none;
    animation: fadein 2s;
    -moz-animation: fadein 2s;
    -webkit-animation: fadein 2s;
    -o-animation: fadein 2s;
}

.panel-configuration.open {
    display: block;
}

.logic-report .config-collapse-btn {
    display: inline-block;
}

body.modal-open {
    overflow: hidden;
}

.navbar-toggle {
    position: fixed;
    display: block;
    z-index: 999;
    padding: 9px 10px;
    right: 4px;
    top: 4px;
    margin: 0;
    border: 1px solid #00babb;
    background-color: #008282;
    border-radius: 0;
}

    .navbar-toggle .icon-bar {
        background-color: #fff;
    }
/*****************background colors*******************/
.ActiveBorder {
    background-color: activeborder !important;
}

.ActiveCaption {
    background-color: activecaption !important;
}

.ActiveCaptionText {
    background-color: activecaptiontext !important;
}

.AppWorkspace {
    background-color: appworkspace !important;
}

.Control {
    background-color: control !important;
}

.ControlDark {
    background-color: controldark !important;
}

.ControlDarkDark {
    background-color: controldarkdark !important;
}

.ControlLight {
    background-color: controllight !important;
}

.ControlLightLight {
    background-color: controllightlight !important;
}

.ControlText {
    background-color: controltext !important;
}

.Desktop {
    background-color: desktop !important;
}

.GrayText {
    background-color: graytext !important;
}

.Highlight {
    background-color: highlight !important;
}

.HighlightText {
    background-color: highlighttext !important;
}

.HotTrack {
    background-color: hottrack !important;
}

.InactiveBorder {
    background-color: inactiveborder !important;
}

.InactiveCaption {
    background-color: inactivecaption !important;
}

.InactiveCaptionText {
    background-color: inactivecaptiontext !important;
}

.Info {
    background-color: info !important;
}

.InfoText {
    background-color: infotext !important;
}

.Menu {
    background-color: menu !important;
}

.MenuText {
    background-color: menutext !important;
}

.ScrollBar {
    background-color: scrollbar !important;
}

.Window {
    background-color: window !important;
}

.WindowFrame {
    background-color: windowframe !important;
}

.WindowText {
    background-color: windowtext !important;
}

.Transparent {
    background-color: transparent !important;
}

.AliceBlue {
    background-color: aliceblue !important;
}

.AntiqueWhite {
    background-color: antiquewhite !important;
}

.Aqua {
    background-color: aqua !important;
}

.Aquamarine {
    background-color: aquamarine !important;
}

.Azure {
    background-color: azure !important;
}

.Beige {
    background-color: beige !important;
}

.Bisque {
    background-color: bisque !important;
}

.Black {
    background-color: black !important;
}

.BlanchedAlmond {
    background-color: blanchedalmond !important;
}

.Blue {
    background-color: blue !important;
}

.BlueViolet {
    background-color: blueviolet !important;
}

.Brown {
    background-color: brown !important;
}

.BurlyWood {
    background-color: burlywood !important;
}

.CadetBlue {
    background-color: cadetblue !important;
}

.Chartreuse {
    background-color: chartreuse !important;
}

.Chocolate {
    background-color: chocolate !important;
}

.Coral {
    background-color: coral !important;
}

.CornflowerBlue {
    background-color: cornflowerblue !important;
}

.Cornsilk {
    background-color: cornsilk !important;
}

.Crimson {
    background-color: crimson !important;
}

.Cyan {
    background-color: cyan !important;
}

.DarkBlue {
    background-color: darkblue !important;
}

.DarkCyan {
    background-color: darkcyan !important;
}

.DarkGoldenrod {
    background-color: darkgoldenrod !important;
}

.DarkGray {
    background-color: darkgray !important;
}

.DarkGreen {
    background-color: darkgreen !important;
}

.DarkKhaki {
    background-color: darkkhaki !important;
}

.DarkMagenta {
    background-color: darkmagenta !important;
}

.DarkOliveGreen {
    background-color: darkolivegreen !important;
}

.DarkOrange {
    background-color: darkorange !important;
}

.DarkOrchid {
    background-color: darkorchid !important;
}

.DarkRed {
    background-color: darkred !important;
}

.DarkSalmon {
    background-color: darksalmon !important;
}

.DarkSeaGreen {
    background-color: darkseagreen !important;
}

.DarkSlateBlue {
    background-color: darkslateblue !important;
}

.DarkSlateGray {
    background-color: darkslategray !important;
}

.DarkTurquoise {
    background-color: darkturquoise !important;
}

.DarkViolet {
    background-color: darkviolet !important;
}

.DeepPink {
    background-color: deeppink !important;
}

.DeepSkyBlue {
    background-color: deepskyblue !important;
}

.DimGray {
    background-color: dimgray !important;
}

.DodgerBlue {
    background-color: dodgerblue !important;
}

.Firebrick {
    background-color: firebrick !important;
}

.FloralWhite {
    background-color: floralwhite !important;
}

.ForestGreen {
    background-color: forestgreen !important;
}

.Fuchsia {
    background-color: fuchsia !important;
}

.Gainsboro {
    background-color: gainsboro !important;
}

.GhostWhite {
    background-color: ghostwhite !important;
}

.Gold {
    background-color: gold !important;
}

.Goldenrod {
    background-color: goldenrod !important;
}

.Gray {
    background-color: gray !important;
}

.Green {
    background-color: green !important;
}

.GreenYellow {
    background-color: greenyellow !important;
}

.Honeydew {
    background-color: honeydew !important;
}

.HotPink {
    background-color: hotpink !important;
}

.IndianRed {
    background-color: indianred !important;
}

.Indigo {
    background-color: indigo !important;
}

.Ivory {
    background-color: ivory !important;
}

.Khaki {
    background-color: khaki !important;
}

.Lavender {
    background-color: lavender !important;
}

.LavenderBlush {
    background-color: lavenderblush !important;
}

.LawnGreen {
    background-color: lawngreen !important;
}

.LemonChiffon {
    background-color: lemonchiffon !important;
}

.LightBlue {
    background-color: lightblue !important;
}

.LightCoral {
    background-color: lightcoral !important;
}

.LightCyan {
    background-color: lightcyan !important;
}

.LightGoldenrodYellow {
    background-color: lightgoldenrodyellow !important;
}

.LightGray {
    background-color: lightgray !important;
}

.LightGreen {
    background-color: lightgreen !important;
}

.LightPink {
    background-color: lightpink !important;
}

.LightSalmon {
    background-color: lightsalmon !important;
}

.LightSeaGreen {
    background-color: lightseagreen !important;
}

.LightSkyBlue {
    background-color: lightskyblue !important;
}

.LightSlateGray {
    background-color: lightslategray !important;
}

.LightSteelBlue {
    background-color: lightsteelblue !important;
}

.LightYellow {
    background-color: lightyellow !important;
}

.Lime {
    background-color: lime !important;
}

.LimeGreen {
    background-color: limegreen !important;
}

.Linen {
    background-color: linen !important;
}

.Magenta {
    background-color: magenta !important;
}

.Maroon {
    background-color: maroon !important;
}

.MediumAquamarine {
    background-color: mediumaquamarine !important;
}

.MediumBlue {
    background-color: mediumblue !important;
}

.MediumOrchid {
    background-color: mediumorchid !important;
}

.MediumPurple {
    background-color: mediumpurple !important;
}

.MediumSeaGreen {
    background-color: mediumseagreen !important;
}

.MediumSlateBlue {
    background-color: mediumslateblue !important;
}

.MediumSpringGreen {
    background-color: mediumspringgreen !important;
}

.MediumTurquoise {
    background-color: mediumturquoise !important;
}

.MediumVioletRed {
    background-color: mediumvioletred !important;
}

.MidnightBlue {
    background-color: midnightblue !important;
}

.MintCream {
    background-color: mintcream !important;
}

.MistyRose {
    background-color: mistyrose !important;
}

.Moccasin {
    background-color: moccasin !important;
}

.NavajoWhite {
    background-color: navajowhite !important;
}

.Navy {
    background-color: navy !important;
}

.OldLace {
    background-color: oldlace !important;
}

.Olive {
    background-color: olive !important;
}

.OliveDrab {
    background-color: olivedrab !important;
}

.Orange {
    background-color: orange !important;
}

.OrangeRed {
    background-color: orangered !important;
}

.Orchid {
    background-color: orchid !important;
}

.PaleGoldenrod {
    background-color: palegoldenrod !important;
}

.PaleGreen {
    background-color: palegreen !important;
}

.PaleTurquoise {
    background-color: paleturquoise !important;
}

.PaleVioletRed {
    background-color: palevioletred !important;
}

.PapayaWhip {
    background-color: papayawhip !important;
}

.PeachPuff {
    background-color: peachpuff !important;
}

.Peru {
    background-color: peru !important;
}

.Pink {
    background-color: pink !important;
}

.Plum {
    background-color: plum !important;
}

.PowderBlue {
    background-color: powderblue !important;
}

.Purple {
    background-color: purple !important;
}

.Red {
    background-color: red !important;
}

.RosyBrown {
    background-color: rosybrown !important;
}

.RoyalBlue {
    background-color: royalblue !important;
}

.SaddleBrown {
    background-color: saddlebrown !important;
}

.Salmon {
    background-color: salmon !important;
}

.SandyBrown {
    background-color: sandybrown !important;
}

.SeaGreen {
    background-color: seagreen !important;
}

.SeaShell {
    background-color: seashell !important;
}

.Sienna {
    background-color: sienna !important;
}

.Silver {
    background-color: silver !important;
}

.SkyBlue {
    background-color: skyblue !important;
}

.SlateBlue {
    background-color: slateblue !important;
}

.SlateGray {
    background-color: slategray !important;
}

.Snow {
    background-color: snow !important;
}

.SpringGreen {
    background-color: springgreen !important;
}

.SteelBlue {
    background-color: steelblue !important;
}

.Tan {
    background-color: tan !important;
}

.Teal {
    background-color: teal !important;
}

.Thistle {
    background-color: thistle !important;
}

.Tomato {
    background-color: tomato !important;
}

.Turquoise {
    background-color: turquoise !important;
}

.Violet {
    background-color: violet !important;
}

.Wheat {
    background-color: wheat !important;
}

.White {
    background-color: white !important;
}

.WhiteSmoke {
    background-color: whitesmoke !important;
}

.Yellow {
    background-color: yellow !important;
}

.YellowGreen {
    background-color: yellowgreen !important;
}
/*//-------------------------------------------------------*/
.form-group {
    margin-bottom: 1px;
    margin-top: 0px;
}

.form-horizontal .control-label {
    padding-top: 15px;
}

.form-control {
    height: 50px;
}

.btn {
    padding: 14px 20px;
}

.modal .btn-lg {
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 0;
}

.selected-table {
    background-color: red;
}

.btn-table {
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
    display: block;
    padding: 5px;
    margin: 3px;
    text-align: center;
}

    .btn-table img {
        width: 50px;
        display: inline-block;
    }

    .btn-table span {
        display: block;
        color: #000;
        font-weight: 700;
    }

    .btn-table.selected {
        background-color: #dae0e0;
        border: 1px solid #8c8c8c;
        color: #fff;
    }

    .btn-table.active {
        background-color: #dae0e0;
        border-color: #00acac;
    }

ul.fourBtns {
    display: table;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

    ul.fourBtns > li {
        display: table-cell;
        padding: 0 1px;
    }

        ul.fourBtns > li > input, ul.fourBtns > li > label {
            width: 100%;
            display: block;
        }

.sale-top-filter .form-control {
    height: 40px !important;
    line-height: 40px !important;
}

.ic-input .input-group-btn button {
    height: 40px;
    line-height: 40px;
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-toggle {
    background: none;
    border: none;
    padding: 0;
    right: 8px;
    top: -2px;
    z-index: 1000;
}

.bg-green {
    background: #008e8e;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
}

    .bg-green > label {
        font-size: 14px;
        line-height: 20px;
    }

.vertical-box .switchery {
    border: 0;
}

.vertical-box-row {
    position: relative;
}

.vsbClose {
    position: absolute;
    top: 14px;
    left: 16px;
    z-index: 999;
    color: #000;
}

.disTable > a {
    display: table;
}

    .disTable > a > i, .disTable > a > span {
        display: table-cell;
        vertical-align: middle;
    }

#SaleChallanTouchFandB_GridItemDetails > .table > tbody > tr > td, #SaleChallanTouchFandB_GridItemDetails > .table > tbody > tr > th, #SaleChallanTouchFandB_GridItemDetails > .table > tfoot > tr > td, #SaleChallanTouchFandB_GridItemDetails > .table > tfoot > tr > th, #SaleChallanTouchFandB_GridItemDetails > .table > thead > tr > td, #SaleChallanTouchFandB_GridItemDetails > .table > thead > tr > th {
    padding: 10px 5px;
}

.home .navbar-toggle .icon-bar {
    background: #000;
}

.landingPage {
    text-align: center;
}

    .landingPage > img {
        display: inline-block;
    }

body.home {
    background: #fff;
}

.purpleBg {
    background: #673ab7;
}

.mustardBg {
    background: #ff9800;
}

.blueBg {
    background: #00bcd4;
}

.darkpinkBg {
    background: #9c27b0;
}

.darkBlueBg {
    background: #3f51b5;
}

section.tbSection {
    position: relative;
    padding-top: 37px;
    display: table;
    overflow: auto;
    width: 100%;
}

.tableWith-fixed-header section.tbSection {
    background: #000;
}

.tblScroll {
    overflow-y: scroll;
}

.table-responsive section.tbSection table {
    max-width: none;
    -webkit-overflow-scrolling: touch;
}

.tblScroll table {
    border-spacing: 0;
    width: 100%;
}

.tblScroll td + td {
    border-left: 1px solid #eee;
}

.tblScroll td, .tblScroll th {
    border-bottom: 1px solid #eee;
    background: #ddd;
    color: #000;
    padding: 10px 15px;
}

.tblScroll th {
    height: 0;
    line-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    color: transparent;
    border: none;
    white-space: nowrap;
}

    .tblScroll th div {
        position: absolute;
        background: transparent;
        color: #fff;
        padding: 10px 15px;
        top: 0;
        margin-left: -15px;
        line-height: normal;
        border-left: 1px solid #a9a9a9;
    }

    .tblScroll th:first-child div {
        border: none;
    }

.reportCtrls {
    padding: 4px 0 8px;
}

.btnsUl {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
}

    .btnsUl > li {
        display: table-cell;
        width: auto;
        height: auto;
        text-align: center;
        vertical-align: middle;
        line-height: normal;
        padding: 0 4px;
    }

        .btnsUl > li > div > button, .btnsUl > li > div > a {
            color: #fff;
            font-size: 18px;
            border: none;
            padding: 0;
        }

        .btnsUl > li > div > button, .btnsUl > li > div > a {
            background: #00acac;
            width: 42px;
            height: 42px;
            line-height: 40px;
            position: relative;
            border-radius: 50%;
            box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.4);
            color: #fff;
            border: 1px solid #00acac;
            cursor: pointer;
        }

            .btnsUl > li > div > button:hover, .btnsUl > li > div > a:hover {
                border-color: #00acac;
                color: #00acac;
                background: #fff;
            }

            .btnsUl > li > div > button:focus, .btnsUl > li > div > a:focus {
                border-color: #00acac;
                color: #00acac;
                background: #fff;
            }

        .btnsUl > li > div i {
            transform: rotate(0deg);
            transition: all ease-in-out 0.6s;
            -webkit-transform: rotate(0deg);
            -webkit-transition: all ease-in-out 0.6s;
        }

        .btnsUl > li > div:hover i {
            transform: rotate(180deg);
            transition: all ease-in-out 0.6s;
            -webkit-transform: rotate(180deg);
            -webkit-transition: all ease-in-out 0.6s;
        }

        .btnsUl > li > div .fa-caret-down {
            position: absolute;
            margin: auto;
            right: 0;
            bottom: -1px;
            left: 0;
            font-size: 14px;
        }

        .btnsUl > li .dropdown-menu li {
            box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
        }

.progress {
    text-align: center;
    width: 98%;
    height: auto;
    margin-bottom: 0px;
    border-radius: 0px;
}

    .progress > div.progress-bar {
        background: #c1c1c1;
    }

        .progress > div.progress-bar > span.progress-value {
            position: absolute;
            right: 0;
            left: 0;
            color: #000;
            bottom: 4px;
        }

.posText {
    position: absolute;
    background: rgba(126,130,171,1);
    color: #fff;
    padding: 0px 4px;
    color: #fff;
    font-size: 10px;
    line-height: normal;
}

.posItemQt {
    position: absolute;
    left: 1px;
    top: 1px;
    background: #ff5b57;
    color: #fff;
    padding: 0px 4px;
    color: #fff;
    font-size: 10px;
    line-height: normal;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.price {
    top: 0;
    right: 0;
}

.pname {
    bottom: 0;
    left: 0;
    font-size: 10px;
    line-height: 10px;
    right: 0;
    text-align: left;
}

.image-info > h5 {
    display: block;
    text-align: center;
}

.navbar-toggle {
    background: none;
    border: none;
    padding: 0;
    width: 26px;
    height: 26px;
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
}

    .navbar-toggle:focus {
        background: none;
    }

    .navbar-toggle .icon-bar {
        position: absolute;
        width: 100%;
        height: 2px;
        background: white;
        border-radius: 2px;
        left: 0;
        margin-top: 0 !important;
    }

        .navbar-toggle .icon-bar:nth-of-type(1) {
            top: 8px;
            transform: initial;
        }

        .navbar-toggle .icon-bar:nth-of-type(2) {
            top: 16px;
            opacity: 9;
        }

        .navbar-toggle .icon-bar:nth-of-type(3) {
            top: 24px;
            transform: initial;
        }

    .navbar-toggle .icon-bar {
        transition: top 0.25s, transform 0.25s 0.25s, opacity 0.25s;
    }

.page-sidebar-toggled .navbar-toggle .icon-bar:nth-child(1) {
    top: 16px;
    transform: rotate(45deg);
}

.page-sidebar-toggled .navbar-toggle .icon-bar:nth-child(2) {
    opacity: 0;
}

.page-sidebar-toggled .navbar-toggle .icon-bar:nth-child(3) {
    top: 16px;
    transform: rotate(-45deg);
}

.page-sidebar-toggled .navbar-toggle .icon-bar {
    transition: top 0.25s, transform 0.25s 0.25s, opacity 0.25s;
}

.navbar-toggle .icon-bar {
    transition: transform 0.25s, top 0.25s 0.25s, opacity 0.25s;
}

ul.tbArrows {
    list-style: none;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 0;
    bottom: 100px;
}

    ul.tbArrows > li {
        display: block;
        margin-bottom: 1px;
    }

        ul.tbArrows > li > a {
            background: rgba(0, 0, 0,0.4);
            padding: 4px 10px;
            color: #fff;
            display: inline-block;
        }

            ul.tbArrows > li > a:hover {
                background: rgba(0, 0, 0,0.7);
            }

.fxHdTblContainer table {
    border-collapse: collapse;
}

fxHdTblContainer table th, fxHdTblContainer table td {
    border-left-color: transparent !important;
}

fxHdTblContainer .last-cell {
    border-right-color: transparent !important;
}

.tabWrap {
    margin-right: 30px;
    margin-bottom: 0;
    overflow: scroll;
    width: 100%;
}

.gridtable {
    color: #333333;
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
}

    .gridtable th {
        border-width: 1px;
        border-style: solid;
        border-color: #666666;
        background-color: #000;
        color: #fff;
        padding: 8px;
        white-space: nowrap;
    }

        .gridtable th div {
            position: absolute;
            background: transparent;
            color: #fff;
        }

    .gridtable td {
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #666;
        background-color: #fff;
    }

.gridtableT {
    color: red;
    margin-left: 1px;
}

    .gridtableT th {
        border-top-color: transparent;
        white-space: nowrap;
    }

.lastRow td {
    background-color: lightcyan;
}

div.tbArrows:hover {
    background: rgba(0,0,0,0.2);
}

div.tbArrows {
    margin: 0;
    padding: 0;
    position: fixed;
    right: 18px;
    bottom: 100px;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 500px;
    text-align: center;
    background: rgba(0,0,0,0.2);
}

    div.tbArrows > table {
        width: 100%;
        height: 100%;
    }

        div.tbArrows > table > tbody > tr > td > a {
            color: rgba(0, 0, 0,0.9);
        }

        div.tbArrows > table > tbody > tr > td > i {
            color: rgba(0, 0, 0,0.5);
        }

        div.tbArrows > table > tbody > tr > td > a:hover {
            color: rgba(0, 0, 0,1);
        }

        div.tbArrows > table > tbody > tr > td > a.inactive {
            opacity: 0.4;
            pointer-events: none;
        }

ul.btnsSearchUl {
    display: table;
    margin: 0;
    padding: 0;
}

    ul.btnsSearchUl > li {
        display: table-cell;
        width: 100%;
        vertical-align: top;
    }

        ul.btnsSearchUl > li:first-child {
            width: 1%;
        }

        ul.btnsSearchUl > li > div {
            display: flex;
        }

table.tblPayOptions > tr > td {
    background-color: #b3e6f5 !important;
}

body.pace-top {
    background: #00acac;
}

.login .login-header {
    width: auto;
}

.login-header .brand span > img {
    max-width: 80%;
    margin: 0 auto;
}

.login-content .btn.btn-success {
    color: #fff;
    background: #00e2e2;
    border-color: transparent;
    font-weight: 600;
    box-shadow: 0px 6px 8px -6px #00cdcd, inset 0px 6px 8px -6px #00d3d3;
    border-radius: 6px;
}

    .login-content .btn.btn-success:hover {
        background: #00e8e8;
    }

.login.login-with-news-feed, .right-content {
    min-height: 100%;
    height: 100%;
}

.right-content {
    position: relative;
}

.stepDetails fieldset .form-group .form-control {
    border: none;
}

.powered {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}

    .powered .powered_text > ul {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        display: table;
    }

        .powered .powered_text > ul > li {
            display: table-cell;
            vertical-align: middle;
            color: #fff;
            font-size: 15px;
        }

            .powered .powered_text > ul > li:last-child {
                padding-left: 5px;
            }

            .powered .powered_text > ul > li img {
                height: 18px;
            }

.sidebar > a {
    display: inline-block;
    padding: 5px;
}



#sidebar.sidebar .sideBarHead {
    background: #00acac;
}

.logoutBtns {
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    z-index: 1;
}

    .logoutBtns > ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: table;
        width: 100%;
    }

        .logoutBtns > ul > li {
            display: block;
        }

            .logoutBtns > ul > li > a {
                color: #fff;
                display: block;
                padding: 10px 20px;
                text-align: left;
                text-decoration: none;
                font-size: 14px;
                text-transform: uppercase;
            }

            .logoutBtns > ul > li:first-child {
                border-bottom: 1px solid #008686;
            }

            .logoutBtns > ul > li > a {
                background: #00acac;
            }

                .logoutBtns > ul > li > a:hover {
                    background: #008a8a;
                }
/*.logoutBtns>ul>li:last-child>a{background:#d93025}
.logoutBtns>ul>li:last-child>a:hover{background:#b6261c}*/
.sideBarHead > a {
    padding: 10px;
    width: 100%;
    display: block;
}
/*.sidebar ul.ulMenu>li.has-sub>a{color:#fff}*/
.splash-img{margin-top:20px;border-bottom:1px solid #e4e4e4;padding-bottom:20px}



.splash-img > img {
    display: inline-block;
    max-width: 280px;
}

.news-feed {
    background: #fff;
}

.btn-number-pad {
    padding: 10px;
    padding-top: 0;
}

    .btn-number-pad .btn-group {
        border-bottom: 1px solid #008a8a;
    }

        .btn-number-pad .btn-group .btn {
            font-weight: 400;
        }

            .btn-number-pad .btn-group .btn.btnAdd {
                background-color: #0d9a9a;
            }

.btnNumricTextBoxPlus {
    padding-top: 3px !important;
    padding-bottom: 0px !important;
    background-color: #ececec !important;
    border-color: #e2e0e0 !important;
    border-top-color: #b0aeae !important;
    border-right-color: #b0aeae !important;
}

.btnNumricTextBoxMinus {
    padding-bottom: 3px !important;
    padding-top: 0px !important;
    background-color: #ececec !important;
    border-color: #e2e0e0 !important;
    border-bottom-color: #b0aeae !important;
    border-right-color: #b0aeae !important;
}

ul.posUl{display:block;list-style:none;margin:100px 0 0 0;padding:0;width:100%;text-align:center}
ul.posUl>li{display:inline-block;width:auto;padding:0 25px;margin-bottom:30px}
ul.posUl>li>a>ul>li:first-child{background:#00b8b8;background:-moz-linear-gradient(top,#00b8b8 0,#00acb2 53%,#00a8a2 99%);background:-webkit-linear-gradient(top,#00b8b8 0,#00acb2 53%,#00a8a2 99%);background:linear-gradient(to bottom,#00b8b8 0,#00acb2 53%,#00a8a2 99%);padding:15px;border-radius:50%;width:100px;margin:auto}
ul.posUl>li>a>span{display:block;font-size:18px}
ul.posUl>li>a>ul{list-style:none;display:table;width:auto;padding:0;margin:0 auto}
ul.posUl>li>a>ul>li{display:block;vertical-align:middle}
ul.posUl>li>a>ul>li>img{height:70px;display:inline-block;margin:0 auto}
ul.posUl>li>a{color:#000;border-radius:0;font-size:20px;display:inline-block;padding:0;text-decoration:none}
.homeCopyright{background:#efefef;color:#000;position:fixed;bottom:0;padding:5px;font-size:12px;width:100%;text-align:center}





 

@media (min-width:768px) {
    .navbar-toggle {
        display: block;
    }

    .navbar-toggle {
        position: fixed;
        z-index: 999;
        padding: 0;
        right: 8px;
        top: -2px;
        margin: 0;
        border-radius: 0px;
    }

        .navbar-toggle .icon-bar {
            background-color: #fff;
        }

    .sidebar, .sidebar-bg {
        left: -220px;
        -o-transition: all ease-in-out .5s;
        -moz-transition: all ease-in-out .5s;
        -webkit-transition: all ease-in-out .5s;
        transition: all ease-in-out .5s;
    }

    .page-sidebar-toggled .sidebar, .page-sidebar-toggled .sidebar-bg {
        left: 0;
    }
}

@media (max-width:1199px) {
ul.posUl{margin-top:0}
ul.posUl>li{width:25%;padding:0 0.7px}
    .login.login-with-news-feed .right-content {
        float: none;
        margin: 0 auto;
    }

   

    body.home .navbar-toggle {
        right: 15px;
        top: 0;
    }

    .splash-img {
        margin: 10px 0 30px 0;
    }

    .home .splash-img {
        text-align: left;
    }

  

   

    .greenBg { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#80a149+1,7da84d+53,5d9946+99 */
        background: #80a149 !important; /* Old browsers */
        background: -moz-linear-gradient(top, #80a149 1%, #7da84d 53%, #5d9946 99%) !important; /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #80a149 1%,#7da84d 53%,#5d9946 99%) !important; /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #80a149 1%,#7da84d 53%,#5d9946 99%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a149', endColorstr='#5d9946',GradientType=0 ) !important; /* IE6-9 */
    }

    .bluishBg { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#06768a+2,066f84+53,055f75+99 */
        background: #06768a !important; /* Old browsers */
        background: -moz-linear-gradient(top, #06768a 2%, #066f84 53%, #055f75 99%) !important; /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #06768a 2%,#066f84 53%,#055f75 99%) !important; /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #06768a 2%,#066f84 53%,#055f75 99%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06768a', endColorstr='#055f75',GradientType=0 ) !important; /* IE6-9 */
    }

   
}

@media (max-width:1024px) {
}

@media (max-width: 767px) {
    .footbuttons .btn {padding: 14px 5px;    }
    .page-sidebar-toggled .sidebar {
        left: 0;
        animation: sidebarSlideInLeft .2s;
        -webkit-animation: sidebarSlideInLeft .2s;
    }

    .logic-report .btn-group > .btn + .dropdown-toggle {
        padding-right: 7px;
        padding-left: 7px;
    }

    .logic-report .width-full {
        width: 100% !important;
    }

    .salebilltouch-wrapper.portable.hasItemPanel .sectionLeft, .salebilltouch-wrapper.portable.hasItemPanel .sectionRight {
        width: 100%;
    }

    .salebilltouch-wrapper.portable.hasItemPanel.show .sectionLeft {
        display: none !important;
    }

    .salebilltouch-wrapper.portable.hasItemPanel.show .sectionRight {
        display: block !important;
        background: #e5e5e5;
    }

    .page-header-fixed {
        padding-top: 51px;
    }

    .navbar-right {
        position: absolute;
        top: 0;
        right: 50px;
    }

    .navbar-user img {
        margin-right: -5px;
    }

    .modal-dialog {
        width: 100%;
    }

    .vertical-box {
        display: table !important;
        table-layout: fixed !important;
        border-spacing: 0 !important;
        height: 100% !important;
        width: 100% !important;
    }

    .vertical-box-column {
        display: table-cell !important;
        vertical-align: top !important;
        height: 100% !important;
    }

    .vertical-box-row {
        display: table-row !important;
        height: 100% !important;
    }

        .vertical-box-row > .vertical-box-cell {
            position: relative !important;
            height: 100% !important;
            width: 100% !important;
            float: none !important;
        }

            .vertical-box-row > .vertical-box-cell > .vertical-box-inner-cell {
                position: absolute !important;
                top: 0 !important;
                bottom: 0 !important;
                left: 0 !important;
                right: 0 !important;
                overflow: hidden !important;
            }

    .calc-wrap {
        overflow: unset;
    }

        .calc-wrap .table {
            width: 100%;
        }

            .calc-wrap .table > tbody > tr > td > .btn {
                width: 100%;
            }

    .tab-rest {
        float: none;
        padding: 0;
    }

    .BillPayBase-tabs {
        padding: 0;
    }

        .BillPayBase-tabs .nav {
            text-align: center;
        }

        .BillPayBase-tabs .nav-justified > li {
            display: table-cell;
            width: 1%;
        }
    /*.footbuttons .nav-justified>li{display:table-cell;width:1%;vertical-align:baseline;vertical-align:-webkit-baseline-middle;}*/
    ul.posUl > li {
        width: 33.33%;
    }
}

@media only screen and (min-device-width:280px) and (max-device-width:823px) and (orientation:landscape) {
    .sidebar {
        overflow: auto;
    }

    .powered {
        position: relative;
        margin-bottom: 15px;
    }

    .leftBarCont {
        height: auto !important;
    }

    .logoutBtns {
        position: relative;
    }

    .landingPage {
        overflow: auto;
    }
}

@media (max-width:480px) {
    .footbuttons .btn {padding-left:4px; padding-right:4px;  font-size:13px !important;}

    .pl-0 {
        padding-left: 0 !important;
    }

    .pr-0 {
        padding-right: 0 !important;
    }

    ul.posUl > li {
        width: 50%;
    }

    .btn {
        padding: 14px 10px;
    }

    .form-head {
        max-width: 180px;
    }

        .form-head label {
            font-size: 12px;
        }

    .vertical-box .image {
        width: 50% !important;
    }

    .bg-green > label {
        font-size: 10px;
    }

    .btn-pin-wrap button.btn-pin {
        width: 60px;
    }
}

@media (max-width:360px) {
    .landingPage {
        overflow: auto;
    }

    ul.posUl > li {
        width: 100%;
        margin-bottom: 30px;
        padding: 0 !important;
    }

    .splash-img > img {
        max-width: 240px;
    }

    .footbuttons .btn {padding-left:2px; padding-right:2px;}
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein { /*Firefox*/
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein { /*Safari and Chrome*/
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadein { /*Opera*/
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


.my-modal-form .form-group{margin-bottom:15px;}


.saleBillContPrintForm.form-horizontal .form-group .form-control{height:34px!important}
.saleBillContUl{list-style:none;margin:0;padding:.7rem 0;display:table}
.saleBillContUl>li{display:table-cell;width:100%;vertical-align:middle}
.saleBillContUl>li .checkbox{display:inline-block;padding:0 1rem;margin:0}
.saleBillContUl>li .checkbox label{margin:0}
.saleBillContUl>li .btn{padding:5px 15px}
.saleBillContUl>li:last-child{width:1%;display:flex}
.nowrap{white-space:nowrap}
.mobile-print-btn{display:none}
.mobile-print-btn{color:#fff;background:#00acac!important;border-color:#00acac!important}
.mobile-print-btn.move{background:#008a8a!important;border-color:#008a8a!important}
.sbcpGrid{height: calc(100% - 50px)}
.topLineBg{background:#008e8e;font-size:14px;line-height:30px;color:#fff;display:flex;align-items:center;z-index:1;top:0}
.topLineBg .crossBtn{display:inline-block;padding:0px 4px;margin-left:1px;height:28px;margin-right:8px}
.mb-0{margin-bottom:0!important}
.w-100{width:100%!important;max-width:100%}
.saleOrderSection .jqx-widget-content,.saleOrderSection .jqx-widget{box-sizing:border-box!important;height:48px!important}
.position-sticky{position:sticky}
.ml-auto{margin-left:auto}
.d-flex{display:flex}
.align-items-center{align-items:center}
.justify-content-center{justify-content:center}
.text-decoration-none{text-decoration:none}
.cust-config a:hover,.cust-config a:focus{text-decoration:none}
.footerBtns{bottom:0}
.bg-website{background:#00acac}
.footerBtns button{font-size:11px;color:#fff;padding-bottom:0}
.footerBtns button i{font-size:2.4em}
.footerBtns button .btnLabel{display:block;font-weight:bolder;margin-top:4px}
.footerBtns .ftBtnsContainer button{border-left-color:#008a8a;padding-top:19px}
.footerBtns .ftBtnsContainer button:last-child{border-right-color:#008a8a}
.soNav.nav-tabs,.saleBillContUl{background:#e3ecf1}
.bg-website-gray{background:#e5e5e5!important}
.footerBtns .ftBtnsContainer button{max-width:186px;width:100%;border-left-color:#008a8a}
.saleOrderBtns{gap:4px}
.saleOrderBtns .btn-group-sm > .btn, .btn-sm{padding: 5px 10px}
.saleOrderNewCont{height:calc(100% - 52px)}
.text-shadow{text-shadow:1px 0px 2px #333}
.d-block{display:block!important}
.gap-1{gap:1px}
.soTotalsDiv div{max-width:186px;width:100%;padding:5px 0;border-right:1px solid #ddd}
.soTotalsDiv h4{padding-bottom:3px}
.soDropdown{background:#008e8e;border-radius:0}
.cust-config ul.soDropdown li a{font-size:1.2em;color:#fff;border-bottom:1px solid #017171;border-right:1px solid #017171}
.soDropdown.dropdown-menu>li>a:focus, .soDropdown.dropdown-menu>li>a:hover{background:#008484;color:#fff}
.wmsLogo {
    background-image: url('../Images/logo-wms-login.png');background-repeat:no-repeat;
    width: 257px;
    height: 152px;
    display: block;
    margin: 0 auto;
}

.mposLogo {
    background-image: url('../assets/img/logicmpos3.png');
    background-repeat: no-repeat;
    width: 304px !important;
    height: 56px !important;
    display: block;
    margin: 0 auto;
    background-size: contain
}
@media (min-width:375px) {
.open>.dropdown-menu.soDropdown{display:flex}
.dropdown-menu.soDropdown{min-width:375px;flex-wrap:wrap;border-top:1px solid #017171}
.dropdown-menu.soDropdown>li{width:50%}
}
@media (min-width: 768px) {
.saleBillContPrintForm.form-horizontal .form-group{margin-top:.7rem!important}
.footerBtns .ftBtnsContainer button:last-child{max-width:186px;width:100%;border-right-color:#008a8a}

}
@media (max-width: 767px){
.mobile-print-btn{display:block;margin-left:.5rem}
.rightSaleBillCont{transition:all 0.4s ease-in-out;bottom:-100%;z-index:999;background:#fff;position:absolute;padding-top:.5rem}
.rightSaleBillCont.move{bottom:-51px;overflow:auto;padding-bottom:60px}
.saleBillContUl>li .btn span.searchText{display:none}
.saleBillContUl>li .checkbox{padding:0 .2rem}
.saleBillContUl>li .btn{padding:5px 8px;border-radius:.5rem;min-width:36px}
}
@media (max-width: 991px){
.saleBillContPrintForm.form-horizontal .control-label{text-align:left}
}
@media (max-width: 575.98px){

}
@media (max-width:366.98px) {
.soNav.nav>li>a{padding:10px 7px}
.footerBtns .ftBtnsContainer button{padding:14px 4px;font-size:10px}
}
@media (max-width: 1199.98px){}