.paylist_heading {
    background-color: #f9f9f9 !important;
}

.paylist_data {
    background-color: #ffffff !important;
}

.navbar {
    margin-bottom: 0px !important;
}

.padding-bottom-0px {
    padding-bottom: 0px !important;
}

@media (max-width: 480px) {
    .mt-1 {
        display: none !important;
    }
} 
.bg-dark
{
    background: #f8f8f8;
}
.py-1
{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.col-md-12.bg-dark .form-control 
{
    background: #FFF;
}
.col-md-12.bg-dark .form-control
{
    background: #FFF;
}
.col-md-12.bg-dark .form-group i img
{
    margin-left:2px;
}
.cards
{
    position: absolute;
    right: 3px;
    top: -5px;
}
.d-block
{
    display: block;
}
.w-100
{
    width: 100%;
}
.mtop-120
{
    margin-top: 1.20rem;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

@media screen and (min-width: 992px)
{
    .mt-md-1
    {
        margin-top: 1rem;
    }
    .mt-md-2
    {
        margin-top: 2rem;
    }
    .mt-md-2-5
    {
        margin-top: 2.5rem;
    }
    .mt-md-3-8
    {
        margin-top: 3.8rem;
    }
}
@media screen and (max-width: 991px)
{
    .mt-sm-1
    {
        margin-top: 1rem;
    }
    .mt-sm-1-4
    {
        margin-top: 1.4rem;
    }
    .mt-sm-1-7
    {
        margin-top: 1.7rem;
    }
    .mt-sm-2-5
    {
        margin-top: 2.5rem;
    }
    .mt-sm-3-8
    {
        margin-top: 3.8rem;
    }
}
@media screen and (max-width: 991px)
{
    .text-xs-left
    {
        text-align: left!important;
    }
}
@media screen and (max-width: 767px)
{
    .mt-xs-1
    {
        margin-top: 1rem;
    }
    .mt-xs-1-5
    {
        margin-top: 1.5rem;
    }
}
.fs-12p
{
    font-size: 12px;
}
.border-none
{
    border:0;
}
.form-control
{
    border-color: #e8e8e8!important;
    height: 44px;
    font-size: 13px;
}
.input-group-addon
{
    background-color: #F1F1F1;
}
.form-control[readonly]
{
    background-color: #f8f8f8;
}
legend
{
    padding-bottom: 7px;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    color: #38485b;
    clear: both;
}
legend:after
{
    content: '';
    position: absolute;
    width: 150px;
    height: 3px;
    left: 0;
    top: 28px;
}

.form-group checkbox
{
    width: 18px;
    height: 18px;
    vertical-align: sub;
}
.chosen-container-single .chosen-single span
{
        height: 44px;
    line-height: 44px;
}
.chosen-container-single .chosen-single
{
    height: 44px;
}
.chosen-container-single .chosen-single div
{
        top: 4px;
}
label
{
    font-size: 13px;
    color: #38485b;
    font-weight: 600;
    margin-bottom: 7px;
}
.form-group input[type="checkbox"]
{
    height: 18px;
    width: 18px;
    vertical-align: sub;
    margin-right: 5px;
}
#page-content h3
{
    color: #38485b;
    font-size: 2.4rem;
    margin-top: 0px;
}
.btn
{
    line-height:29px;
}
.navbar .form-control, .navbar .input-group-btn .btn
{
    height: auto;
    line-height: initial;
}
.px-md-4 {
    padding-left: 4rem;
    padding-right: 4rem;
}
.btn-danger.px-md-4
{
    background-color: #f2f2f2!important;
    color: #DA1A32 !important;
}
label[for="tc"], label[for="chk_add_copy"]
{
    font-weight: 600;
    font-size: 13px;
    color: #7f7f7f;
}
.bg-dark label
{
    font-weight: 560;
    text-transform: uppercase;
    font-size: 13px;
    color: #6f6f6f;
}
@media screen and (min-width: 768px)
{
    .form-bordered
    {
        margin-left: 0px !important; 
        margin-right: 0px !important;
    }
}
 .form-bordered
{
    margin: 0px !important;
}
.table thead > tr > th
{
    font-size: 13px;
}
.lineheight-normal
{
    line-height:normal;
}
.leg:after{
    background: #38485b;
}
/*css for customer data table*/
#outstand_wrapper > div{
    background-color: #f2f2f2 !important;
    border: none !important;
}
#outstand{
    background-color: #fff !important;
}
#outstand_wrapper > div:last-child{
    background-color: #fff !important;
    border-top: 2px solid #f2f2f2 !important;
}
#outstand_wrapper>.row >.col-sm-6.col-xs-5 {
    padding-left: 0px !important;
}
#outstand_wrapper>.row >.col-sm-6.col-xs-7 {
    padding-right: 0px !important;
}
#outstand_filter>label>.input-group>span.input-group-addon{
    background-color: #A5A5A5 !important;
}
#outstand_filter>label>.input-group>span.input-group-addon>.fa-search{
    color:#fff !important;
}
#outstand_paginate>ul>li.active>a {
    /*background-color: #1ed086 !important;*/
}
#outstand_paginate>ul>li.prev a:hover{
    /*background-color: #1ed086 !important;*/
}
#outstand_paginate>ul>li.next a:hover{
    /*background-color: #1ed086 !important;*/
}
/*css for paid invoice data table*/
#paid_invoice_wrapper > div{
    background-color: #f2f2f2 !important;
    border: none !important;
}
#paid_invoice_wrapper{
    background-color: #fff !important;
}
#paid_invoice_wrapper > div:last-child{
    background-color: #fff !important;
    border-top: 2px solid #f2f2f2 !important;
}
#paid_invoice_wrapper>.row >.col-sm-6.col-xs-5 {
    padding-left: 0px !important;
}
#paid_invoice_wrapper>.row >.col-sm-6.col-xs-7 {
    padding-right: 0px !important;
}
#paid_invoice_filter>label>.input-group>span.input-group-addon{
    background-color: #A5A5A5 !important;
}
#paid_invoice_filter>label>.input-group>span.input-group-addon>.fa-search{
    color:#fff !important;
}
#paid_invoice_paginate>ul>li.active a{
    /*background-color: #1ed086 !important;*/
}
#paid_invoice_paginate>ul>li.prev a:hover{
    /*background-color: #1ed086 !important;*/
}
#paid_invoice_paginate>ul>li.next a:hover{
    /*background-color: #1ed086 !important;*/
}
/*css for sub invoice data table*/
#subs_wrapper > div{
    background-color: #f2f2f2 !important;
    border: none !important;
}
#subs_wrapper{
    background-color: #fff !important;
}
#subs_wrapper > div:last-child{
    background-color: #fff !important;
    border-top: 2px solid #f2f2f2 !important;
}
#subs_wrapper>.row >.col-sm-6.col-xs-5 {
    padding-left: 0px !important;
}
#subs_wrapper>.row >.col-sm-6.col-xs-7 {
    padding-right: 0px !important;
}
#subs_filter>label>.input-group>span.input-group-addon{
    background-color: #A5A5A5 !important;
}
#subs_filter>label>.input-group>span.input-group-addon>.fa-search{
    color:#fff !important;
}
#subs_paginate>ul>li.active a{
    /*background-color: #1ed086 !important;*/
}
#subs_paginate>ul>li.prev a:hover{
    /*background-color: #1ed086 !important;*/
}
#subs_paginate>ul>li.next a:hover{
    /*background-color: #1ed086 !important;*/
}

#add_title{
    background-color: #fff;
}

.quick_status > .quick_2{
    padding-right: 0 !important;
    /*margin-bottom: 20px !important;*/
}
.block-options.process_btn {
    /*top:61px !important;*/
}

#email_hist_wrapper > div{
    background-color: #f2f2f2 !important;
    border: none !important;
}
#email_hist_wrapper{
    background-color: #fff !important;
}
#email_hist_wrapper > div:last-child{
    background-color: #fff !important;
    border-top: 2px solid #f2f2f2 !important;
}
#email_hist_wrapper>.row >.col-sm-6.col-xs-5 {
    padding-left: 0px !important;
}
#email_hist_wrapper>.row >.col-sm-6.col-xs-7 {
    padding-right: 0px !important;
}
#email_hist_filter>label>.input-group>span.input-group-addon{
    background-color: #A5A5A5 !important;
}
#email_hist_filter>label>.input-group>span.input-group-addon>.fa-search{
    color:#fff !important;
}
#email_hist_paginate>ul>li.active a{
    /*background-color: #1ed086 !important;*/
}
#email_hist_paginate>ul>li.prev a:hover{
    /*background-color: #1ed086 !important;*/
}
#email_hist_paginate>ul>li.next a:hover{
    /*background-color: #1ed086 !important;*/
}


#customer_table_wrapper > div{
    background-color: #f2f2f2 !important;
    border: none !important;
}
#customer_table_wrapper{
    background-color: #fff !important;
}
#customer_table_wrapper > div:last-child{
    background-color: #fff !important;
    border-top: 2px solid #f2f2f2 !important;
}
#customer_table_wrapper>.row >.col-sm-6.col-xs-5 {
    padding-left: 0px !important;
}
#customer_table_wrapper>.row >.col-sm-6.col-xs-7 {
    padding-right: 0px !important;
}
#customer_table_filter>label>.input-group>span.input-group-addon{
    background-color: #A5A5A5 !important;
}
#customer_table_filter>label>.input-group>span.input-group-addon>.fa-search{
    color:#fff !important;
}
#customer_table_paginate>ul>li.active a{
    /*background-color: #1ed086 !important;*/
}
#customer_table_paginate>ul>li.prev a:hover{
    /*background-color: #1ed086 !important;*/
}
#customer_table_paginate>ul>li.next a:hover{
    /*background-color: #1ed086 !important;*/
}
.edit_cutomer{
    border-radius: 50% !important;
    background-color: #fff !important;
    margin-right: 7px !important;
}
.deactive_customer{
    border-radius: 50% !important;
  
}
#table2>.form-group {
    padding: 10px;
}
.dashboard-table{
    background-color: #fff !important;
}
.dashboard-table thead > tr > td, .table-align-padding-left thead > tr > th, .table-align-padding-left thead > tr > td {
    padding-left: 18px !important;
}
.v-center
{
    display: flex;
    align-items: center;
}
td>a.active_btn {
    background-color: #808080 !important;
    font-size: 12px !important;
}
td>a.deactive {
    font-size: 12px !important;
}
@media only screen and (min-width : 1200px) and (max-width : 1637px)
{
    .card-body-icon .fa
    {
        font-size: 2rem;
    }
    .card-body-icon
    {
        width: 40px;
        height: 40px;
        margin-top: 5px;
    }
    .card-content h4
    {
        font-size: 1.25rem;
        margin-top: 0.7rem;
    }
}

.batch_button_color {
    background-color: #808080 !important;
    border-color: #808080 !important;
}

.batch_button_color:hover {
    background-color: #808080 !important;
    border-color: #808080 !important;
}

.dataTables_wrapper > div{
    background-color: #f2f2f2 !important;
    border: none !important;
}
.dataTables_wrapper{
    background-color: #fff !important;
}
.dataTables_wrapper > div:last-child{
    background-color: #fff !important;
    border-top: 2px solid #f2f2f2 !important;
}
.dataTables_wrapper>.row >.col-sm-6.col-xs-5 {
    padding-left: 0px !important;
}
.dataTables_wrapper >.row >.col-sm-6.col-xs-7 {
    padding-right: 0px !important;
}
.dataTables_filter>label>.input-group>span.input-group-addon{
    background-color: #A5A5A5 !important;
}
.dataTables_filter>label>.input-group>span.input-group-addon>.fa-search{
    color:#fff !important;
}


.dataTable{
    background-color: #fff !important;
}
.dataTable > div:last-child{
    background-color: #fff !important;
    border-top: 2px solid #f2f2f2 !important;
}
.dataTable>.row >.col-sm-6.col-xs-5 {
    padding-left: 0px !important;
}
.dataTable >.row >.col-sm-6.col-xs-7 {
    padding-right: 0px !important;
}
.block-options.gatway-btn {
   top:145px !important;
}
.quick_status > .quick_1 {
    padding-left: 0 !important;
    /*margin-bottom: 20px !important;*/
}
.login_click_btn{
    line-height: 0px !important;
}
.custom-warning{
    background-color: #6b33aa !important;
}
.custom-danger-icon{
    color: #DA1A32 !important;
}
.custom-warning-icon{
    color: #6b33aa !important;
}
.custom-primary-icon{
    color: #337ab7 !important;
}
.custom-success-icon{
    color: #259F9F !important;
}


.no-pad{
    padding: 0;
}
.payment_info_section{
    background-color: #fff;
    padding: 2% 0% 2% 0%;
}
.display-plan{
    /*padding: 0% 0% 0% 2%;*/
}
.single-row{
    margin: 4% 0% 4% 0%;
}
.single-row span.span_right {
    padding-left: 0%;
}
.exist_payment_method {
    padding: 5% 0% 0% 0%;
}
.pay_value_label{
    padding: 3% 4%;
    background: #f2f2f2;
    width: 83%;
    float: left;
    border-radius: 4px;
    height: 38px;
    font-size: 14px;
}
.edit_pay_option{
    cursor: pointer;
    position: relative;
    top: 10px;
    left: 6%;
}
#edit_mode{
    display: none;
}
.displayPayForm{
    display: block;
}
.hidePayForm{
    display: none;
}
.pay_info{
    width: 100%;
    overflow: auto;
}
.pay_info th{
    border: none !important;
}
.payment_info {
    margin-top: 5%;
    /*padding: 1% 0% 0% 9%;*/
}
.inputBoxBorder {
    /*padding: 1% 2%;
    border: 1px solid #cccccc40 !important;
    border-radius: 4px;*/
}
.billing_part.new_add{
    padding: 5% 0% 0% 0%;
}
.billing_part.exist_add.onViewBill{
    padding: 1.8% 0% 0% 0%;
}
.single_add {
    margin-bottom: 4%;
    /*height: 38px;*/
}
input.noneBorder.billing_value {
    /*border: none;*/
}
.new_card{
    padding: 2% 0% 0% 0%;
}
.edit_plan_mode{
    text-align: right;
    padding-right: 8%;
}
.edit_plan_name{
    text-align: right;
}
/*.edit_plan_price{
    padding-left: 12% !important;
}*/
.acc_number_manage,.card_number_manage{
    display: none;
}
.btn_number_edit{
    width: 27%;
    padding: 0;
    float: right;
    position: relative;
    bottom: 6px;
}
.single_add label.control-label {
    padding-top: 12px !important;
}
.single_add.has-error {
    margin-bottom: 0;
}
#plan_edit{
    display: none;
}
.inputBoxBorder.form-control[readonly] {
    background-color: transparent;
}
.displayPayForm label.control-label,.hidePayForm label.control-label,#ccform label.control-label,#checkingform label.control-label{
    padding-left: 0;
    padding-right: 1%;
}
div#plan_view {
    /*padding: 1% 0% 0% 5%;*/
}
div#plan_edit .edit_plan_price {
    padding-left: 5% !important;
}
.paymethodSection{
    width: 35%;
    float: left;
}
.billing_section{
    width: 32%;
    float: left;
}
.b_align_field {
    text-align: right;
    padding-right: 15px;
}
.exist_payment_method  .col-md-5.col-sm-5,.single-row .col-md-5.col-sm-5 {
    text-align: right;
}
div#plan_view label.label_left.planMethodLabel {
    padding-right: 5%;
}
.bottom_right_section {
    background: #fff;
    padding: 0 40px 20px 20px;
    margin-bottom: 2%;
}
label.left_pay_label {
    padding-top: 7%;
}
.billing_part.exist_add.onEditBill{
    padding: 5.7% 0% 0% 0%;
}
.exist_record .bottom_right_section{
    display: none;
}
.new_record span.span_right.planMethodValue {
    padding-left: 5%;
}
@media (max-width: 767px) {
    .paymethodSection {
        width: 100%;
    }
    .billing_section {
        width: 100%;
    }
    .exist_payment_method .col-md-5.col-sm-5, .single-row .col-md-5.col-sm-5 {
            
            width: 41%;
            float: left;
    }
    .exist_payment_method .col-md-7.col-sm-7, .single-row .col-md-7.col-sm-7 {
            
            width: 58%;
            float: left;
    }
    .paymethodSection {
        background: #fff;
    }
    .single-row {
        margin: 3% 0% 0% 0%;
    }
    .billing_part.exist_add.onViewBill {
        padding: 2% 2% 2% 2%;
        background: #fff;
        margin-bottom: 5%;
    }
    .exist_payment_method {
        padding: 6% 3% 2% 2%;
    }
    .displayPayForm label.control-label, .hidePayForm label.control-label, #ccform label.control-label, #checkingform label.control-label {
        padding-left: 20px;
    }
    .bottom_right_section {
        
        padding: 0 40px 7px 20px;
        margin-bottom: 18%;
        clear: both;

    }
    .billing_part.exist_add.onEditBill {
        background: #fff;
    }
} 

.panel.panel-info.notice_box {
    border-radius: 4px;
}

.notice_box .panel-heading {
    padding: 10px 15px;
    border-color: #d0edf3;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.notice_box .panel-heading h3.panel-title {
    font-size: 13px !important;
    font-weight: normal;
    color: #5087a9 !important;
}
.terms_btn_grp{
    width: 23%;
}
.terms_btn_grp .default_gateway{
    margin-right: 4%;
}
@media screen and  (max-width : 620px)
{
    .terms_btn_grp {
        width: 52%;
    }
}
@media screen and (min-width : 621px) and (max-width : 1200px){
    .terms_btn_grp {
        width: 37%;
    }
}

.sync_filter{
    width: 150px;
    position: absolute;
    top: 9px;
    right: 85px;
    z-index: 1;
}

.subs-btn-1 {
    position: absolute;
    top: 9px;
    left: 230px;
    z-index: 1;
}

.dropdown-header-li:first-child {
    height: 89px;
    min-height: 0;
}
.alert-notification{
    right: 10%;
    cursor: pointer;
    
}
.alert-notification .fa.fa-bell{
    /*transform: rotateZ(45deg);*/
}
.css-1v5plmp{
    pointer-events: none;
    position: absolute;
    top: 13px;
    right: 2px;
    background: #fc0808;
    color: #fff;
    width: 19px;
    height: 20px;
    padding: 3%;
    font-size: 11px;
    text-align: center;
    border-radius: 50%;
    font-weight: bolder;
}
.alert-notification  > a:hover, .alert-notification >  a:focus {
    background-color: #f8f9fd !important;
    color: rgb(0, 82, 204)!important;
    background: rgba(222, 235, 255, 0.6)!important;
   
}
.nf-message-head{
    text-align: left;
    font-weight: bold;
    font-size: 13px;
}
.single-nf{
    padding: 0;
    height: 100px;
}
.alert-notification .dropdown-header{
    padding: 0;
}
.alert_notification_p {
    padding: 0;
    margin: 0;
}
.dropdown-header-li{
    width: 285px;
    padding: 0%;
    min-height: 100px;
    list-style: none;
}
.nf-message{
    width: 90%;
    float: left;
    padding: 4% 0% 6% 0%;
    border-bottom: 1px solid #ccc;
}
.nf-clear{
    width: 10%;
    top: 10px;
    float: left;
    position: relative;
    left: 5%;
}
.clearNotification {
    display: none;
}
.dropdown-header-li:hover .nf-clear .clearNotification{
    display: inline-block;
    
}
li.dropdown-header-li:hover {
    /*background: #cccccc38;*/
}
.alert-notification .dropdown-custom.dropdown-menu-right{
    overflow: scroll;
    max-height: 495px;
    overflow-x: hidden;
}
.alert-notification ::-webkit-scrollbar {
    height: 8px;
    width: 8px;
    background: #fff;
}

.alert-notification ::-webkit-scrollbar-thumb {
    background: #1185fe;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgb(17 133 254);
}

.alert-notification ::-webkit-scrollbar-corner { 
    background: #1185fe;
}
.dropdown-header-li-blank{
    width: 310px;
    text-align: center;
    list-style: none;
    overflow: hidden;
}
.nf-sub {
    /*padding: 0% 1% 0% 7%;*/
    height: 100px;
}
.dropdown-header-li:last-child .nf-message {
    
    border-bottom: none;
}
button.NotificationItem {
    border: 4px solid transparent;
    border-radius: 100%;
    margin-right: 5px;
    padding: 0;
    transition: none;
    width: 15px;
    height: 15px;
    font-size: 0;
    visibility: visible;
    border-color: #ebecf0;
    background: #0052cc;
}
.markReadNotification {
    display: inline-block;
    float: right;
}
.dropdown-header-li:hover .single-nf {
    /*background: #cccccc38;*/
    /*min-height: 103px;*/
}
.nf-message.black_show {
    color: #000;
}
.dropdown-menu.dropdown-custom > li {
    padding: 0 !important;
}
@media only screen and (max-device-width: 767px){
    .alert-notification {
        right: -7%;
        cursor: pointer;
    }
    .alert-notification .dropdown-custom.dropdown-menu-right {
        left: auto;
        right: -82%;

    }
}
.black_show .nfCreatedTime{
    color: #1185fe;
    font-weight: 600;

}

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

.scrollLoad {
    margin: 0% 0px 0% 36%;

    clear: both;
}
.loadHeight {
    max-height: 470px!important;
}

#loading {
    clear: both;
    position: relative;
    display: block;
    left: 46%;
    margin-bottom: 8%;
    border: 2px solid #333333;
    border-radius: 50%;
    border-top: 2px solid blue;
    border-bottom: 2px solid blue;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

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

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.dropdown-header-li-blank .nf-message {
    border-bottom: none;
    padding: 0;
}
.dropdown-header-li-blank .nf-sub {
    padding: 0;
    height: 40px;
}
.dropdown-header-li-blank .single-nf {
    padding: 3% 1%;
    min-height: 40px;
    height: 40px;
}
.nf-message-desc b{
    font-weight: bold;
}
.avalara-logo-div{
    margin-left: 2%;
    margin-bottom: 1%;
}
.ml-1p{
    margin-left: 1%;
}
.or_strong{
    padding-top: 8%;
    padding-left: 12%;
}
.sync_setting_hr_div{
    padding: 3% 10%;
}
.sync_setting_submit_div{
    margin-top: 30px;
}
#invoice_number_chosen .chosen-choices{
    padding-top: 5px;
    padding-bottom: 5px;    
}
.datatable-date-sort-span{
    display: none;
}
.transaction_date_range_div{
    margin-top: 9px;
    position: absolute;
    margin-left: 18.5%;
}
.view_batch_btn{
    position: absolute;
    right: 20px;
    margin-top: 12px;
}
.historical_batche_btn{
    position: absolute;
    right: 155px;
    margin-top: 12px;
}
#template-guide-heading{
    font-size: 16px;
    font-weight: 600;
}
.emailtemplate-ul-li-div{
    border-top: 0;
}
.emailtemplate-ul-li-div #systemtmp{
    margin-left: -1px;
}
.emailtemplate-ul-li-div ul{
    background-color: #f2f2f2;
}
.emailtemplate-ul-li-div ul li.active{
    background-color: #ffffff;
    padding-bottom: 2px;
    border: 0;
}
.emailtemplate-ul-li-div ul li{
    border: 1px solid #e5e5e5;
}
.emailtemplate-ul-li-div .block-title .nav-tabs > li.active > a{
    border: 0;
    border-bottom: 1px solid #eaedf1;
    border-bottom-color: #ffffff;
    background-color: #ffffff;
}
.emailtemplate-ul-li-div .block-options {
    margin: 0;
}
.pl-15px{
    padding-left: 15px;
}

#customerID_chosen{
    width: 100% !important;
}

.modal-title{
    font-size: 24px !important;
    font-weight: 600 !important;
}

.dataTables_wrapper >.row >.col-sm-6.col-xs-7 {
    position: absolute !important;
    z-index: 9 !important;
    left: 50px !important;
    width: 220px !important;
}

.addNewFixRight{
    position: absolute;
    top: 9px;
    right: 0px !important;
    z-index: 1;
}

.viewLogOverride{
    top: 75px !important;
    right: 25px !important;
}

.width248FixRight{
    width: 248px !important;
}

@media screen and (max-width: 768px){
    .dataTables_wrapper >.row >.col-sm-6.col-xs-7 {
        position: absolute !important;
        z-index: 9 !important;
        left: 75px !important;
        width: 220px !important;
    }
}

.custom-modal-head-title{
    font-size: 24px !important;
    font-weight: 600 !important;
}

.padding-right-0px{
    padding-right: 0px !important;
}
.tabpage-ul-li-div{
    border-top: 0;
}
.tabpage-ul-li-div #systemtmp{
    margin-left: -1px;
}
.tabpage-ul-li-div ul{
    background-color: #f2f2f2;
}
.tabpage-ul-li-div ul li.active{
    background-color: #ffffff;
    padding-bottom: 2px;
    border: 0;
}
.tabpage-ul-li-div ul li{
    border: 1px solid #e5e5e5;
}
.tabpage-ul-li-div .block-title .nav-tabs > li.active > a{
    border: 0;
    border-bottom: 1px solid #eaedf1;
    border-bottom-color: #ffffff;
    background-color: #ffffff;
}
.tabpage-ul-li-div .block-options {
    margin: 0;
}
#invoice_page_processing{
    position: relative;
    z-index: 1;
    top: -18px;
}

.batch_button_color:active {
    background-color: #808080 !important;
    border-color: #808080 !important;
}
.batch_button_color:focus {
    background-color: #808080 !important;
    border-color: #808080 !important;
}
.batch_button_color:active:focus {
    background-color: #808080 !important;
    border-color: #808080 !important;
}

.revenue_filter{
    margin-left: 5px !important;
    border-color: #e8e8e8!important;
    height: 44px;
    font-size: 13px;
    padding: 8px;
}

.alignRIghtReciept .secReciept{
    text-align: right;
    padding: 0;
    margin-bottom: 12px;
}
.alignRIghtReciept .secReciept .set_checkbox{
    position: relative;
    top: 2px;
}
.alignRIghtReciept .secReciept span{
    margin-right: 5px;
}

.reciptCheckboxGroup span{
    margin-right: 5px;
}
.reciptCheckboxGroup .set_checkbox{
    margin-right: 0px !important;
}
.action_option{
    left: 426px !important;
}  
.pr-10px{
    padding-right: 10px !important;
}
.defaultAlign{
    float: right;
}
tr.boldText td {
    font-weight: bold;
}
#rangeDataDashboard{
    position: absolute;
    left: 360px;
    top: 20px;
}

.set_taxes .custom_checkbox {
    position: relative;
    cursor: pointer;
    font-size: 20px;
}
  
.set_taxes input[type=checkbox] {
    visibility: hidden;
}
.create_invoice_product .set_taxes input[type=checkbox] {
    visibility: visible;
}
.create_invoice_product .set_taxes input[type="checkbox"]:not(:checked) {
  opacity:0.3
}
.set_taxes .geekmark {
    position: absolute;
    top: 18px;
    left: 0;
    height: 18px;
    width: 18px;
    border: 1px solid #bab4b4;
    border-radius: 3px;
}
  
.set_taxes .custom_checkbox input:checked ~ .geekmark {
    background-color: gray;
}
  
.set_taxes .geekmark:after {
    content: "";
    position: absolute;
    display: none;
}
  
.set_taxes .custom_checkbox input:checked ~ .geekmark:after {
    display: block;
}
  
.set_taxes .custom_checkbox .geekmark:after {
    left: 5px;
    bottom: 4px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.address-heading-h2{
    font-size: 14px !important;
}
.disabledView {
    pointer-events: none;
    background: #eee !important;
    border: #eee;
}
.disabledSurchargeBtn{
    pointer-events: none;
    background: #ccc !important;
    border: #ccc !important;
}
.surchargeBtnGrp{
    position: relative;
    bottom: 64px;
}
.surchargeBtn{
    padding: 4px 25px 4px 25px;
}
.contentPopup{
    padding: 0% 2%;
    height: 235px;
    text-align: justify;
}
#surchargeEnablePopup .modal-body{
    height: 318px;
}
#isAgree{
    width: 17px;
    height: 17px;
}
.isAgreeContent.col-md-11.col-sm-11.no-pad {
    margin-left: 12px;
    text-align: justify;
}
.alignWidth{
    width: 550px;
}
.linkColorVisa{
    text-decoration: underline!important;
    color: #337ab7!important;
}
.isAgree.error{
    outline: 2px solid red!important;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
}
#isAgree-error{
    display: none!important;
}
#surchargeDisableBtn{
    font-size: 12px;
}
.amount_label_font{
    font-size: 14px;
}
#reminder-error{
    color: #e74c3c;
}
#invoice_number_chosen{
    width: 100% !important;
}
#pay_page_processing{
    left: 35px;
    top:  15px;
    position: relative;
}
#tax_nap_table_wrapper >.row >.col-sm-6.col-xs-7{
    position: absolute;
    z-index: 9;
    top: 9px;
    left: 60px;
    width: 220px !important;
}
.tax_nap .addNewBtnCustom{
    right: 0px !important;
}
@media screen and (max-width: 767px){
    .tax_nap .addNewBtnCustom {
        left: 280px !important;
        text-align: right;
    }
    #tax_nap_table_wrapper > div:first-child {
        height: 80px!important;
    }

    .customer_status_filter {
        position: absolute;
        top: 50px;
      left: 300px !important;
    }
    
  .batch_option{
      top: 50px !important;
      left: 400px !important;
    }
}
#reference_memo_id{
    padding-bottom: 7px !important;
}
#reciept_page_address{
    padding-bottom: 0 !important;
}
#customerID-error{
    left: 15px;
    position: relative;
}
#pay_page_wrapper .dt-buttons{
    float: right;
}
#pay_page_wrapper .dt-buttons .buttons-print{
    margin-left: 5px;
}
#setMailLabel{
    padding-right: 10px;
}

.customer_status_filter{
    width: 150px;
    position: absolute;
    top: 8px;
    left: 287px;
    z-index: 1;
}

.batch_option{
    width: 150px;
    position: absolute;
    top: 8px;
    left: 430px;
    z-index: 1;
}
.batch_filter{
    margin-left: 10px;
}
.addSyncFixRight{
    position: absolute;
    top: -11px;
    right: 0px !important;
    z-index: 1;
    width: 50%;
}
.syncTest{
    width: 100%;
    float: left;
    font-weight: 600;
}
.toggleOptionSection{
    float: right;
    width: 100%;
}
.toggleOptionSection .forcePullQbdBtn{
    width: 8%;
    float: left;
    margin-top: 10px;
}
#syncOption{
    width: 70%;
    float: left;
    margin-right: 4%;
    position: relative;
    bottom: -4px;
}
.syncType{
    width: 30%;
    float: left;
}
.syncDate{
    width: 58%;
    float: left;
    margin: 0 10px;
    padding: 0;
}
.syncDateInput.error{
    border-color: red !important;
}
.syncDateInput{
    background-color: #fff!important;
    text-align: left !important;
}
.forceSyncFromDate{
    width: 42%;
    float: left;
}
.forceSyncToDate{
    width: 45%;
    float: left;
}
.forceSyncToText{
    width: 10%;
    float: left;
    padding: 14px;
}

@media(max-width:1440px){
    .syncDate{
        width: 56%;
    }
    .forceSyncFromDate{
        width: 40%;
    }
    .forceSyncToDate{
        width: 40%;
    }
}

#surcharge_amount_loader {
    position: absolute;
    z-index: 9;
    right: 50px;
    top: 13px;
}

.form-group.totalPaySection {
    margin: 20px 16px 20px 0px;
}
.form-group.totalPaySection .controlLabelText {
    padding-top: 7px;
}

.noBorder{
    border: none;
}
.mt-35px{
    margin-top: 35px;
}
.mt-8px{
    margin-top: 8px;
}
.merchantSurcharge-customer-portal {
    margin-top: 10px !important;
    color: gray !important;
    font-size: 12px !important;
    display: none;
}
.create-sub-form .productItem .form-group.has-error {
    height: 95px;
}
.create-sub-form .sub-price-heading, .create-plan-form .sub-price-heading{
    text-align: right;
    padding-right: 22px;
}
.create-sub-form input[name="unit_rate[]"] , .create-plan-form input[name="unit_rate[]"] {
    text-align: right;
}
.create-sub-form .sub-quantity-heading{
    text-align: center;
    padding-right: 30px;
}
.pr-5px{
    padding-right: 5px !important;
}
.pl-5px{
    padding-left: 5px !important;
}
.mt-10px{
    margin-top: 10px !important;
}
.create-sub-form fieldset{
    margin-bottom: 30px;
}
.create-sub-form #customerID-error{
    left: 0;
}
.create-sub-form .item-headings > div, .create-plan-form .item-headings > div{
    margin-bottom: -20px;
}
.pr-20px{
    padding-right: 20px;
}
.create-plan-form .sub-quantity-heading{
    text-align: center;
    padding-right: 15px;
}
fieldset.create-inv {
    margin-bottom: 15px;
}
.deleteBtnSection{
    margin: 12px 0px 0px 0px !important;
}
.deleteSubBtn, .deleteSubBtn:hover, .deleteSubBtn:active, .deleteSubBtn:focus,.deleteSubBtn:active:hover{
    background: #E32E1B !important;
    border-color: #E32E1B !important;
    color: #ffffff !important;
}
.c-width {
    width: 131px;
}

.void-txn-msg {
    font-weight: bold;
    margin-bottom: 2%;
}

#void-txn-error-msg {
    color: red;
}

#void-txn-success-msg {
    color: #79de7b;
}

#void-transactionId b {
    font-weight: bold;
}

#void-transactionId {
    margin-bottom: 2%;
}

body:not(.modal-open) {
    padding-right: 0px !important;
}

.void-label {
    background-color: #E32E1B !important;
    border-color: #E32E1B !important;
    color: #ffffff !important;
}