/********************** billing *************************************/
.row.billing-row .hs_shadow_block {
    padding: 15px 0;
}
/* tab links */
.row.billing-row .packages_types_tabs {
    border-bottom: 1px solid #eee;
    padding: 15px 140px 15px 0;
}
#packages_container .row.billing-row .packages_types_tabs {
    border-color: #f5f5f5;
}
.row.billing-row a[data-toggle="tab"] {
    padding: 5px 15px;
    font-size: 16px;
    color: #777;
    text-align: center;
    transition: all .3s linear 0s;
}
.row.billing-row a[data-toggle="tab"]:hover {
    color: #46af3a;
}
.row.billing-row a[data-toggle="tab"] {
    margin-right: 10px;
    position: relative;
}
.row.billing-row a[data-toggle="tab"]:last-of-type {
    margin-right: 0;
}
.row.billing-row a[data-toggle="tab"]:active {
    box-shadow: none;
}
.row.billing-row a[data-toggle="tab"].active {
    color: #46af3a;
    box-shadow: none;
}
.row.billing-row a[data-toggle="tab"]::before{
    content: '';
    color: #46af3a;
    border-bottom: 2px solid #46af3a;
    box-shadow: none;
    width: 100%;
    display: block;
    position: absolute;
    bottom: -17px;
    left: 0;
    transition: all .2s;
    transform: scale(0);
}
.row.billing-row a[data-toggle="tab"].active::before,
.row.billing-row a[data-toggle="tab"]:hover::before{
    transform: scale(1);
}
/* /tab links */

/* packages pricing button */
.row.billing-row a.billing-packages-pricing,
.row.billing-row a.billing-packages-billing {
    outline: 0;
    padding: 6px 12px;
    border: none;
    text-transform: none;
    display: inline-block;
    height: 32px;
    line-height: 21px;
    /*background-color: #46af3a;*/
    /*color: #fff;*/
    font-size: 14px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .16), 0 0 0 0 rgba(0, 0, 0, .12);
    border-radius: 8px;
}
/* /packages pricing button */

/* billing search input */
.row.billing-row .billing-search {
    padding-left: 25px;
}
.row.billing-row .billing-search-box::before {
    content: "\f002";
    font-family: "FontAwesome";
    position: absolute;
    left: 22px;
    top: 7px;
    color: #6d6d6d;
}
/* /billing search input */

/* billing datepicker */
#reportrange {
    background: #fff;
    cursor: pointer;
    text-align: left;
    padding: 5px;
    line-height: 24px;
    border: 1px solid #eee;
    height: 34px;
    width: 100%;
    font-size: 13px;
}
#reportrange i.fa-caret-down {
    position: absolute;
    right: 20px;
    top: 10px;
}
.daterangepicker .ranges li.active {
    background-color: #46af3a!important;
    color: #fff;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #46af3a!important;
}
/* /billing datepicker */

/* tab content */
.row.billing-row .billing-tab .billing-border {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 2px solid #46af3a;
}
.row.billing-row .billing-tab > .row > div:last-child {
    border-left: 2px solid #46af3a;
}
.row.billing-row .billing-tab .billing-tab-title {
    font-size: 20px;
    font-weight: 700;
    margin: 20px 0;
    color: #46af3a;
}
.row.billing-row .tab-table-box table {
    margin-bottom: 15px;
}
.row.billing-row .billing-tab > .row > div table.lg tbody {
    border-bottom: 2px solid #46af3a;
}
.row.billing-row .tab-table-box table tr th[colspan="2"] {
    text-align: center;
}
.row.billing-row .tab-table-box table tr td {
    border: none;
}
.row.billing-row .tab-table-box .billing-tables-title,
.row.billing-row .tab-table-box table tr th[colspan="2"] {
    font-size: 16px;
    color: #777;
}
.row.billing-row .tab-table-box .billing-tables-data table tr th {
    border-bottom: 1px solid #ddd;
}
.row.billing-row .tab-table-box .billing-tables-title {
    margin-bottom: 0;
    padding: 0 15px 15px 15px;
    border-bottom: 1px solid #ddd;

}
.row.billing-row .tab-table-box .billing-tables-data {
    border: 1px solid #ddd;
}
.row.billing-row .tab-table-box .billing-table-price {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 0;
}
.row.billing-row .job-post-count {
    margin-bottom: 15px;
}
.row.billing-row .tab-table-box .billing-table-price span {
    text-transform: uppercase;
}
/* /tab content */

/* pagination */
.row.billing-row .billing-tab .pagination.pagination-sm {
    margin-bottom: 8px;
    text-align: right;
}
/* /pagination */
/********************** /billing *************************************/

/* checkbox */
.billing-row2.custom-service-box-input-box input[type="checkbox"] {
    display: none;
}
.billing-row2.custom-service-box-input-box label {
    margin: 0;
    display: inline-block;
    height: 100%;
    width: 100%;
    padding-right: 20px;
    font-size: 14px;
    line-height: 30px;
    position: relative;
    cursor: pointer;
    transition: background-color .2s;
}
.billing-row2.custom-service-box-input-box label:hover {
    background-color: #f6f6f6;
}
.billing-row2.custom-service-box-input-box label::after {
    content: '\f068';
    font-family: "FontAwesome";
    display: inline-block;
    width: 18px;
    height: 17px;
    line-height: 15px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 6px;
    border: 1px solid red;
    color: red;
}
.billing-row2.custom-service-box-input-box input[type="checkbox"]:checked + label::after {
    content: '\f00c';
    font-family: "FontAwesome";
    color: green;
    border-color: green;
}
/* checkbox */
.billing-row2.custom-service-box-input-box.custom-number-service-input-box label::after {
    content: none;
}

/********************** billing 2 *************************************/
.billing-row2 h4.billing-row-title {
    margin: 0 0 30px 0;
    padding: 20px 10px;
    color: #46af3a;
    background-color: #fff;
    box-shadow: 0 0 8px #dedede!important;
}
.billing-row2-card {
    background-color: #fff;
    box-shadow: 0 0 8px #dedede!important;
    padding: 20px 10px;
    margin: 0 0 20px 0;
    box-sizing: border-box;
    display: inline-block;
}
.billing-row2-card .icon-box {
    margin-bottom: 20px;
}
.billing-row2-card-title {
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 26px;
    color: #46af3a;
}
.billing-row2-card-desc {
    padding: 0 35px;
    font-size: 14px;
    margin-bottom: 15px;
    color: #979797;
}
.billing-row2-card-lg-price-box {
    margin-top: 0;
    margin-bottom: 15px;
    padding-bottom: 15px;
    color: #4f4f6f;
    position: relative;
}
.billing-row2-card-lg-price-box::after {
    content: '';
    width: 130px;
    height: 1px;
    background: #eee;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
.billing-row2-card-lg-price {
    font-size: 35px;
    line-height: 39px;
    font-weight: bold;
    display: inline-block;
    position: relative;
}
.billing-row2-card-lg-price::before {
    content: '';
    background: url("../images/billing/dram.png") no-repeat;
    width: 9px;
    height: 14px;
    position: absolute;
    top: 0;
    left: -10px;
    background-size: contain;
}
.billing-row2-card-lg-month {
    font-size: 15px;
    font-weight: 500;
}
.billing-row2-card-list-title {
    color: #7d7d7d;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 30px;
}
.billing-row2-card-list {
    margin-bottom: 30px;
    padding: 0;
    list-style: none;
    text-align: left;
}
.billing-row2-card-list .billing-row2-card-item {
    margin-bottom: 20px;
    font-size: 14px;
    position: relative;
    padding-right: 20px;
}
.billing-row2-card-list .billing-row2-card-item small {
    font-size: 10px;
}
.billing-row2-card-list .billing-row2-card-item.on::after {
    content: '';
    background: url("../images/billing/check.png") no-repeat;
    width: 15px;
    height: 11px;
    position: absolute;
    right: 0;
    bottom: 6px;
}
.billing-row2-card-list .billing-row2-card-item.off::after {
    content: '';
    background: url("../images/billing/uncheck.png") no-repeat;
    width: 13px;
    height: 13px;
    position: absolute;
    right: 0;
    bottom: 6px;
}
.billing-row2-card-sm-price-box {
    margin-bottom: 20px;
    color: #4f4f6f;
    font-weight: 400;
}
.billing-row2-card-sm-price {
    position: relative;
    font-size: 30px;
}
.billing-row2-card-sm-price::before {
    content: '';
    background: url("../images/billing/kzt.png") no-repeat;
    width: 8px;
    height: 15px;
    position: absolute;
    top: 8px;
    left: -15px;
    background-size: contain;
}
.billing-row2-card-sm-desc {
    font-size: 13px;
}
.billing-row2-card-btn {
    display: inline-block;
    margin: auto;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 50px;
    background: #0079C2;
    border-radius: 25px;
    transition: color, background-color .2s;
}
.billing-row2-card-btn:hover {
    color: #fff;
    background: #00598f;
    border-color: #00598f;
}
.custom-service-box {
    padding: 0 15px;
}
.custom-service-footer {
    padding: 20px 0 10px 0;
    border-top: 1px solid #eee;
}
.custom-service-total-count {
    font-weight: 500;
}
.custom-service-total-count .total-count {
    display: inline-block;
    box-sizing: border-box;
    padding: 6px 12px;
    border: 1px solid #46af3a;
    color: #46af3a;
    margin-left: 10px;
    font-size: 15px;
    height: 34px;
}
.custom-service-box-input-box {
    margin: 0;
    height: 30px;
    line-height: 24px;
}
.billing-row2.custom-service-box-input-box label[for="job-number"]::after {
    content: none;
}
.billing-row2.custom-service-box-input-box label[for="job-number"] {
    width: calc(100% - 35px);
}
.billing-row2.custom-service-box-input-box .job-number {
    box-sizing: border-box;
    width: 35px;
    height: 30px;
    text-align: center;
    padding: 5px 2px;
    border: 1px solid #eee;
}
.billing-row2 .custom-service-box .reset-btn:focus {
    outline: none;
}
.billing-row2 .custom-service-box .reset-btn:hover {
    background-color: #ccc;
}
.billing-row2 .custom-service-box .btn.request-btn {
    background-color: #46af3a;
    border: 1px solid #46af3a;
    color: #fff;
    font-size: 14px;
}
.billing-row2 .custom-service-box .btn.request-btn:hover {
    background-color: #fff;
    border-color: #46af3a;
    color: #46af3a;
}

.billing-row2-card-old-price {
    display: block;
    text-decoration: line-through;
    font-size: 16px;
}

.row.billing-row .hs_shadow_block.billing-tabs-container {
    margin-bottom: 15px;
    padding: 15px 0;
}
.row.billing-row .tab-table-box .billing-tables-data table tr th,
.row.billing-row .tab-table-box .billing-tables-data table tr td {
    padding: 15px;
}
.row.billing-row .tab-table-box .billing-tables-data table .billing-package-information-title {
    font-size: 14px;
    text-align: left;
    font-weight: normal;
    color: #777;
}
.row.billing-row .tab-table-box .billing-tables-data table.package_services th {
    border-top: 1px solid #ddd;
}
.row.billing-row .tab-table-box .billing-tables-data table .billing_package_title {
    text-transform: uppercase;
    color: #444;
    margin-bottom: 5px;
}
.row.billing-row .tab-table-box .billing-tables-data table .packageIcon {
    margin-bottom: 10px;
}
.components-title {
    color: #777;
}
.package-component-icon {
    padding: 11px 13px 8px 13px;
    color: #fff;
    margin-right: 15px;
    border-radius: 50%;
    display: inline-block;
}
.package-component-icon.jobs_count {
    background: linear-gradient(to top, #a5e211, #679a00);
}
.package-component-icon.jobs_count i.fa {
    font-size: 15px;
    padding-top: 3px;
}
.package-component-icon.payment_status {
    background: linear-gradient(to top, #9aeafd, #07bbe7);
    padding: 9px;
}
.package-component-icon.payment_status i.fa {
    padding: 3px 6px;
    border: 1px solid;
    border-radius: 50%;
    font-size: 12px;
    margin: 1.5px 1.1px;
}
.package-component-icon.start_date {
    background: linear-gradient(to top, #ffe285, #fbc204);
}
.package-component-icon.start_date i.fa {
    font-size: 18px;
    margin-top: 1px;
}
.package-component-icon.end_date {
    background: linear-gradient(to top, #ed9e90, #fc3a1d);
    padding: 12px 14px 9px 14px;
}
.row.billing-row .tab-table-box .history_container{
    border: 1px solid #ddd;
}
.row.billing-row .tab-table-box .history_container table,
.row.billing-row .tab-table-box .history_container table tr th{
    border: none;
}
/*.row.billing-row .tab-table-box .history_container table {*/
/*    margin-bottom: 0;*/
/*}*/
.row.billing-row .tab-table-box .history_container table thead tr th {
    padding-top: 25px;
}
.row.billing-row .tab-table-box .history_container table tr th,
.row.billing-row .tab-table-box .history_container table tr td {
    border-bottom: 1px solid rgba(0,0,0,.125);
}
/*.row.billing-row .tab-table-box .history_container table tr {*/
/*    border-bottom: 1px solid #f5f5f5;*/
/*}*/
.row.billing-row .tab-table-box .history_container .billing-tables-title.history_container_title {
    font-size: 14px;
    padding-top: 15px;
    margin-bottom: 15px;
}
.pagination.jobs-billing-paginate {
    text-align: right;
    margin-right: 25px;
    margin-top: 10px;
}
.submit-order-form .billing-row2.custom-service-box-input-box .job-number {
    width: 50px;
}
.submit-order-form .billing-row2.custom-service-box-input-box {
    height: auto;
}
.submit-order-form .billing-row2.custom-service-box-input-box label {
    line-height: 20px;
    color: #777;
    font-weight: 700;
}
.submit-order-form .billing-row2.custom-service-box-input-box label:hover {
    background-color: transparent;
}
.submit-order-form .billing-row2.custom-service-box-input-box.custom-package-data label:after {
    content: '';
    right: 32px;
    border: 1px solid #e1e1e1;
}
.submit-order-form .billing-row2.custom-service-box-input-box.custom-package-data input[type=checkbox]:checked+label:after {
    content: '\f00c';
    border-color: #46af3a;
    color: #46af3a;
    font-family: "FontAwesome", sans-serif;
}
.pdd0 {
    padding: 0!important;
}
.pddlr0 {
    padding-left: 0!important;
    padding-right: 0!important;
}
.pddr0 {
    padding-right: 0!important;
}
.pddtb15 {
    padding-top: 15px!important;
    padding-bottom: 15px!important;
}
.pddlr15 {
    padding-left: 15px!important;
    padding-right: 15px!important;
}
.submit-order-form .custom-service-total-count,
.paid_services_container .custom-service-total-count,
.billing_package_total_price .custom-service-total-count{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}
.submit-order-form .custom-service-total-count .total-count,
.paid_services_container .custom-service-total-count .total-count,
.billing_package_total_price .custom-service-total-count .total-count{
    border: none;
    font-size: 16px;
    color: #333;
    padding: 6px 0;
    margin-left: 0;
}
.submit-order-form .custom-service-footer .reset-btn,
.submit-order-form .custom-service-footer .request-btn
{
    width: 100%;
    border-radius: 16px;
}
.submit-order-form .custom-service-footer .reset-btn:focus,
.submit-order-form .custom-service-footer .request-btn:focus {
    outline: none;
}
.billing-row2-card.no_shadow {
    box-shadow: none!important;
    border: 1px solid #eee;
}
.billing-row2-card .icon-box img,
.billing-tables-data .icon-box img
{
    max-width: 70px;
    max-height: 70px;
}
.billing-tabs-contents-container .billing-row2-card{
    width: 95%;
    margin: 15px 0;
}
.billing-tabs-contents-container .tab-content .tab-pane#menu1,
.billing-tabs-contents-container .tab-content .tab-pane#menu2,
.billing-tabs-contents-container .tab-content .tab-pane#menu3{
    text-align: center;
}
.billing-tabs-contents-container .billing-row2-card-list .billing-row2-card-item {
    font-size: 16px;
}
.billing-packages-pricing-container {
    text-align: right;
}
.billing-tabs-contents-container .custom-package-service-container {
    padding: 15px 30px;
}
.billing-tabs-contents-container .custom-package-service-container .billing-row2-card {
    margin: 0;
}
.custom-icon-box img {
    max-width: 100%;
}
.custom-service-box .billing-row2.custom-service-box-input-box label[for=job-number]{
    width: 100%;
    padding-right: 0;
}
.custom-service-box .billing-row2.custom-service-box-input-box label {
    padding-right: 60px;
}
.packages_types_tabs .billing-packages-billing {
    position: absolute;
    top: 15px;
    right: 15px;
}
.billing-package-information .billing-package-information-container {
    border: 1px solid #ddd;
}
.billing-package-information .billing-package-information-container .billing-package-information-title {
    font-size: 14px;
    font-weight: normal;
    color: #777;
    border-bottom: 1px solid #ddd;
}
.billing-package-information .billing-package-information-container .billing-package-information-billing-title-price {
    font-weight: 700;
    border-bottom: 1px solid #ddd;
}
.billing-package-information .billing-package-information-container .billing-package-information-billing-title-price .icon-box img {
    max-width: 70px;
    max-height: 70px;
}
.billing-package-information .billing-package-information-container .billing-package-information-billing-title-price .icon-box.serviceIcon img {
    max-width: 48px;
    max-height: 48px;
}
.billing-package-information .billing-package-information-container .billing-package-information-billing-title-price .billing_package_title {
    text-transform: uppercase;
    color: #444;
    margin-bottom: 5px;
    font-size: 16px;
}
.billing-package-information .billing-package-information-container .billing-package-information-billing-title-price .billing-table-price {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 0;
    color: #777;
}
.billing-package-information .bottom_border {
    border-bottom: 1px solid #ddd;
}
.billing-package-information .package-service-icon {
    margin-right: 10px;
    font-size: 20px;
    color: #0acf9a;
    position: absolute;
    top: -1px;
}
.billing-package-information .package-service-container {
    position: relative;
    margin-bottom: 5px;
}
.billing-package-information .package-service-title {
    line-height: 26px;
    padding-left: 30px;
}
.billing-package-information .package-service-title div {
    overflow: hidden;
    text-overflow: ellipsis;
}
.billing-package-information .service_count {
    padding: 3px 7px;
    border-radius: 50%;
    background-color: #eee;
    margin-left: 7px;
}
.width50 {
    width: 50% !important;
}
#planModal .billing-tabs-contents-container .billing-row2-card {
    width: 99% !important;
}
#packages_container .billing-tabs-contents-container .billing-row2-card {
    width: 95% !important;
}
#planModal .billing-tabs-contents-container .custom-package-service-container,
#packages_container .billing-tabs-contents-container .custom-package-service-container {
    padding: 10px 10px 0 0;
}
#planModal .submit-order-form .request-btn,
#planModal .submit-order-form .reset-btn,
#planModal .packages_types_tabs,
#packages_container .submit-order-form .request-btn,
#packages_container .submit-order-form .reset-btn,
#packages_container .packages_types_tabs{
    text-transform: uppercase;
}
#planModal .packages_types_tabs a[data-toggle="tab"],
#packages_container .packages_types_tabs a[data-toggle="tab"]{
    font-weight: 700;
}
#packages_container .billing-tabs-contents-container .billing-row2-card {
    margin: 15px 5px;
}
#packages_container .billing-tabs-contents-container .custom-package-service-container .billing-row2-card,
#packages_container .custom_package_text {
    margin-left: 9px;
}
.tab-content .packages-tab-content {
    padding: 0 70px;
}
.packages-tab-content .owl-dots {
    display: none;
}
.packages-tab-content .owl-nav>[class*=owl-] {
    background: #fff!important;
    box-shadow: 0 0 8px #dedede;
    color: #777!important;
    font-size: 32px!important;
    padding: 0 18px!important;
    border-radius: 25px!important;
    position: absolute;
    top: 41%;
    height: 45px;
    width: 45px;
}
.packages-tab-content .owl-nav>button.owl-prev {
    left: -65px;
}
.packages-tab-content .owl-nav>button.owl-next {
    right: -65px;
}
#packages_container .packages_types_tabs,
#planModal .packages_types_tabs {
    padding-right: 0;
}

#billing_tabs_container_sticky.billing_sticky_header{
    position: fixed;
    width: calc(100% - 225px);
    z-index: 11;
    left: 225px;
    border-radius: 0!important;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}
#billing_tabs_container_sticky.billing_sticky_header.long_billing_header{
    width: calc(100% - 69px);
    left: 69px;
}
.navbar-fixed-top.navbar-default.light-box-shadow {
    box-shadow: 2px 2px 4px #eee;
}

.navigate_to_other_tab {
    display: none;
}

button.next-tab,
button.prev-tab{
    background: #fff!important;
    box-shadow: 0 0 8px #dedede;
    color: #777!important;
    font-size: 32px!important;
    border-radius: 25px!important;
    position: absolute;
    top: calc( 100% / 2 - 23px);
    height: 45px;
    width: 45px;
    border: none;
    padding: 0!important;
}

button.next-tab {
    right: 30px;
}

button.prev-tab {
    left: 30px;
}

#packages_container button.next-tab {
    right: -44px;
    top: 41.6%;
}

#packages_container button.prev-tab {
    left: -44px;
    top: 41.6%;
}
#packages_container button.prev-tab.for_custom,
#packages_container button.next-tab.for_custom {
    top: 46.7%;
}
#packages_container button.prev-tab.for_demo{
    top: 43.5%;
}
.billing-container-for-pricing button.prev-tab.for_custom{
    top: 44.4%;
}

/********************** /billing 2 *************************************/
/********************** Paid Services ***********************************/
#paid_services_container .package-head-title {
    text-align: center;
}
#paid_services_container .package-head-title p {
    width: 100%;
}
.paid_service_item {
    height: 90px;
    box-shadow: 0 0 8px #dedede;
    padding: 15px;
    border-radius: 10px;
}
.paid_service_item .paid_service_item_container {
    height: 100%;
    overflow: hidden;
}

.paid_service_item .paid_service_component_container {
    height: 100%;
    display: table;
    table-layout: fixed;
}

.paid_service_item .paid_service_component_container .paid_service_component {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
}

.paid_service_item .paid_service_checkbox_container {
    width: 20px;
    padding: 0;
}

.service_type_checkbox_block {
    display: inline-block;
    position: absolute;
    top: 22px;
    left: 15px;
}

.paid_service_item .paid_service_checkbox_container input[type="checkbox"],
.service_type_checkbox_block input[type="checkbox"] {
    display: none;
}

.paid_service_item .paid_service_checkbox_container label::before,
.service_type_checkbox_block label::before {
    content: '';
    display: inline-block;
    cursor: pointer;
    width: 20px;
    height: 20px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
}

.paid_service_item .paid_service_checkbox_container input:checked + label::before,
.service_type_checkbox_block input:checked + label::before{
    content: '\f00c';
    font-family: "FontAwesome", sans-serif;
    background-color: #46af3a;
    border-color: #46af3a;
    color: #fff;
}

.paid_service_item .paid_service_title_container {
    width: 24%;
    padding: 0 15px;
    border-right: 1px solid #eee;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

.paid_service_item .paid_service_desc_container {
    width: 38%;
    padding: 0 15px;
    border-right: 1px solid #eee;
}

.paid_service_item .paid_service_quantity_container {
    width: 16%;
    padding: 0 15px;
    border-right: 1px solid #eee;
    text-align: center;
}

.paid_service_item .paid_service_quantity_container label {
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 15px;
}

.paid_service_item .paid_service_quantity_container .paid_service_quantity {
    width: 70px;
    height: 34px;
    padding-left: 15px;
    font-size: 15px;
    margin: 0 auto;
}

.paid_service_item .paid_service_price_container {
    width: calc( 22% - 20px );
    padding: 0 0 0 15px;
    font-weight: bold;
    font-size: 17px;
    color: #4f4f6f;
    text-align: center;
}
.paid_service_item .paid_service_price_container .price_label {
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 15px;
    margin-bottom: 5px;
    font-size: 14px;
    color: #000;
}
.paid_service_item .paid_service_price_container .price_value {
    padding: 8px 0;
}
.paid-services-total-price {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 20px;
}
.paid_services_btn {
    width: 200px;
}
.reset_button_container {
    text-align: right;
}
/********************** /Paid Services ***********************************/


@media (min-width: 1200px) and (max-width: 1896px) {
    .package_data_container .pull-left {
        float: none!important;
    }
}

/* Media query */
@media screen and (max-width: 1500px) {
    .tab-content .packages-tab-content {
        padding: 0 37px;
    }
    .billing-container-for-pricing button.prev-tab {
        left: -8px;
    }
    .billing-container-for-pricing button.next-tab {
        right: -8px;
    }
    .billing-container-for-pricing #menu4 {
        margin: 0 15px!important;
    }
}

@media screen and (max-width: 1200px) {

    .row.billing-row .billing-tab > .row > div:last-child {
        border-left: none;
    }

    .row.billing-row .billing-tab > .row > div:first-child {
        border-bottom: 2px solid green;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 1199px) {

    #planModal .packages_types_tabs {
        padding-right: 75%!important;
    }
    #planModal .row.billing-row .packages_types_tabs a[data-toggle="tab"] {
        margin: 0!important;
        padding-right: 15px;
        padding-left: 15px;
    }
    #planModal .row.billing-row .packages_types_tabs a[data-toggle="tab"]::before {
        bottom: 0;
    }

    .tab-content #menu6 {
        margin: 0 45px!important;
    }
    #menu6 .paid_service_item .paid_service_desc_container {
        display: none;
    }

    #menu6 .paid_service_item .paid_service_title_container {
        width: 35%;
    }

    #menu6 .paid_service_item .paid_service_quantity_container {
        width: 30%;
    }

    #menu6 .paid_service_item .paid_service_price_container {
        width: 30%;
    }
}
@media screen and (max-width: 1265px){
    .row.billing-row .packages_types_tabs a[data-toggle="tab"] {
        margin-right: 0;
        padding: 5px;
    }
}
@media screen and (max-width: 1150px) {
    .row.billing-row .packages_types_tabs {
        padding-right: 70px;
    }
    .row.billing-row .packages_types_tabs a.billing-packages-billing {
        min-width: auto;
    }
    .billing-packages-billing .billing-packages-billing-text{
        display: none;
    }
}
@media screen and (max-width: 1080px) {
    .packages_types_tabs {
        padding-right: 75%!important;
    }
    .row.billing-row .packages_types_tabs a[data-toggle="tab"] {
        margin: 0!important;
        padding-right: 15px;
        padding-left: 15px;
    }
    .row.billing-row .packages_types_tabs a[data-toggle="tab"]::before {
        bottom: 0;
    }
}
@media screen and (max-width: 991px) {
    .row.billing-row a.billing-packages-pricing {
        min-width: auto;
    }
    .row.billing-row2 .col-xs-12.text-left,
    .row.billing-row2 .col-xs-12.text-right {
        text-align: center!important;
    }
    .billing-packages-pricing .billing-packages-pricing-text {
        display: none;
    }
    .row.billing-row a[data-toggle="tab"] {
        padding: 5px;
    }
    .row.billing-row a[data-toggle="tab"]:first-of-type {
        margin-left: 10px;
    }
    #paid_services_container .paid_service_item .paid_service_desc_container {
        display: none;
    }
    #paid_services_container .paid_service_item .paid_service_checkbox_container {
        width: 10%;
    }

    #paid_services_container .paid_service_item .paid_service_title_container {
        width: 35%;
    }

    #paid_services_container .paid_service_item .paid_service_quantity_container {
        width: 30%;
    }

    #paid_services_container .paid_service_item .paid_service_price_container {
        width: 25%;
    }
    .reset_button_container,
    .request_button_container{
        text-align: center;
    }
}
@media screen and (max-width: 844px) {
    #menu6 .paid_service_item {
        height: auto;
    }
    #menu6 .paid_service_component_container.paid_service_price_container{
        width: 60%;
        border-right: none;
    }
    #menu6 .paid_service_component_container.paid_service_title_container {
        border-right: none;
        width: calc( 100% - 20px );
    }
    #menu6 .paid_service_component_container.paid_service_quantity_container {
        padding-left: 0;
        width: 40%;
    }
    #menu6 .paid_service_component_container.paid_service_quantity_container,
    #menu6 .paid_service_component_container.paid_service_checkbox_container {
        border-right: none;
        padding: 0!important;
    }

    #menu6 .paid_service_item .paid_service_quantity_container .paid_service_quantity {
        width: 60px;
        height: 36px;
        padding-left: 10px;
        font-size: 15px;
    }
    #menu6 .paid_service_component_container.paid_service_price_container .paid_service_component,
    #menu6 .paid_service_component_container.paid_service_quantity_container .paid_service_component {
        padding-top: 15px;
    }
    #menu6 .paid_service_component_container.paid_service_title_container,
    #menu6 .paid_service_component_container.paid_service_checkbox_container {
        margin-bottom: 10px;
    }
}
@media (min-width: 768px) and (max-width: 849px) {
    .package_data_container .pull-left {
        float: none!important;
    }
}
@media screen and (max-width: 767px) {
    .billing-packages-pricing {
        position: absolute;
        bottom: 0;
        right: 15px;
    }
    .navbar-fixed-top.navbar-default.light-box-shadow {
        box-shadow: 2px 2px 4px #e8e8e8;
    }
    .history_container .table-responsive {
        border: none;
        margin-bottom: 0;
    }
    #billing_tabs_container_sticky.billing_sticky_header,
    #billing_tabs_container_sticky.billing_sticky_header.long_billing_header{
        width: 100%;
        left: 0;
    }

}
@media screen and (max-width: 576px) {
    .container-fluid.hs_company_container.billing-container {
        margin-left: 10px;
        margin-right: 10px;
    }

    .row.billing-row > div {
        padding: 0;
    }

    .row.billing-row a[data-toggle="tab"] {
        font-size: 14px;
    }
    .billing-tabs-contents-container .billing-row2-card {
        width: 85%;
    }
    #planModal .billing-tab .owl-carousel .owl-nav button,
    #packages_container .billing-tab .owl-carousel .owl-nav button{
        width: 30px;
        height: 30px;
    }
    #planModal .billing-tab .owl-carousel .owl-nav button.owl-next span,
    #planModal .billing-tab .owl-carousel .owl-nav button.owl-prev span,
    #packages_container .billing-tab .owl-carousel .owl-nav button.owl-next span,
    #packages_container .billing-tab .owl-carousel .owl-nav button.owl-prev span{
        font-size: 40px;
        line-height: 25px;
        width: 30px;
        height: 30px;
    }
    #planModal .billing-tab .owl-carousel .owl-nav button.owl-prev,
    #packages_container .billing-tab .owl-carousel .owl-nav button.owl-prev {
        left: -37px;
    }
    #planModal .billing-tab .owl-carousel .owl-nav button.owl-next,
    #packages_container .billing-tab .owl-carousel .owl-nav button.owl-next {
        right: -37px;
    }
    .packages-tab-content .owl-nav>[class*=owl-],
    .billing-container-for-pricing button.navigate_to_other_tab{
        display: none!important;
    }
    .tab-content .packages-tab-content {
        padding: 0 15px;
    }
    #paid_services_container .paid_service_item .paid_service_quantity_container .paid_service_quantity {
        width: 100%;
    }
}
@media screen and (max-width: 480px) {
    .container-fluid.hs_company_container.billing-container {
        margin-left: 10px;
        margin-right: 10px;
    }

    .row.billing-row .date-search-row div[class^="col"] {
        width: 100%;
    }

    .row.billing-row > div {
        padding: 0;
    }

    .custom-service-total-count .total-text {
        display: none;
    }
    .paid_services_container .custom-service-total-count .total-text,
    .billing_package_total_price .custom-service-total-count .total-text{
        display: inline;
    }
    .paid_services_container .custom-service-total-count,
    .paid_services_container .custom-service-total-count .total-count,
    .billing_package_total_price .custom-service-total-count .total-count{
        font-size: 14px;
    }
    #paid_services_container .paid_service_item {
        height: auto;
    }
    #paid_services_container .paid_service_component_container.paid_service_price_container,
    #paid_services_container .paid_service_component_container.paid_service_title_container {
        width: 75%;
        border-right: none;
        text-align: center;
    }
    #paid_services_container .paid_service_component_container.paid_service_quantity_container {
        padding-left: 0;
    }
    #paid_services_container .paid_service_component_container.paid_service_quantity_container,
    #paid_services_container .paid_service_component_container.paid_service_checkbox_container {
        width: 25%;
        border-right: none;
        padding: 0!important;
    }

    #paid_services_container .paid_service_item .paid_service_quantity_container .paid_service_quantity {
        width: 60px;
        height: 36px;
        padding-left: 10px;
        font-size: 15px;
    }
    #paid_services_container .paid_service_component_container.paid_service_price_container .paid_service_component {
        padding-top: 25px;
    }
    #paid_services_container .paid_service_component_container.paid_service_price_container .paid_service_component p {
        display: inline-block;
    }
    #paid_services_container .paid_service_component_container.paid_service_title_container,
    #paid_services_container .paid_service_component_container.paid_service_checkbox_container {
        margin-bottom: 10px;
    }

}
@media screen and (max-width: 480px) {
    #menu6 .paid_service_item .paid_service_quantity_container .paid_service_quantity {
        width: 50px;
    }
}
@media screen and (max-width: 420px) {
    .row.billing-row a[data-toggle="tab"] {
        margin: 0!important;
        padding: 5px 15px;
    }
    .billing-active-expired-packages-tabs {
        padding-right: 130px!important;
    }
    .row.billing-row a[data-toggle="tab"]::before {
        bottom: 0;
    }
    .billing-packages-pricing {
        bottom: 17px;
    }
}
@media screen and (max-width: 400px) {
    #paid_services_container .paid_service_component_container.paid_service_price_container,
    #paid_services_container .paid_service_component_container.paid_service_title_container {
        width: 68%;
    }
    #paid_services_container .paid_service_component_container.paid_service_quantity_container,
    #paid_services_container .paid_service_component_container.paid_service_checkbox_container {
        width: 32%;
    }
    #paid_services_container .paid_service_component_container.paid_service_price_container .paid_service_component {
        padding-top: 13px;
    }
    #paid_services_container .paid_service_component_container.paid_service_price_container .paid_service_component p {
        display: block;
    }
}
@media (max-width: 323px) {
    .package_data_container .pull-left {
        float: none!important;
    }
}
/* Media query */

/* packages carousel old-price */
.billing-row2-card-lg-price-box.old-price {
    margin-bottom: 4px;
    padding-bottom: 0;
}
.billing-row2-card-lg-price-box.old-price span{
    position: relative;
}
 .billing-row2-card-lg-price-box.old-price span::after {
    content: '';
    width: 110%;
    height: 2px;
    background-color: #f50a11;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.billing-row2-card-lg-price-box.old-price::after {
    display: none;
}