.roboto-light {
    font-family: "Roboto", serif;
    font-weight: 300;
    font-style: normal;
}

.roboto-regular {
    font-family: "Roboto", serif;
    font-weight: 400;
    font-style: normal;
}

.roboto-medium {
    font-family: "Roboto", serif;
    font-weight: 500;
    font-style: normal;
}

.roboto-bold {
    font-family: "Roboto", serif;
    font-weight: 700;
    font-style: normal;
}

.font-size-12 {
    font-size: 12px !important;
}
#loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: block;
  opacity: 0.9;
  background-color: #FFF;
  z-index: 99;
  text-align: center;
  display: none;
}

#loading-image {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
}

#pagination-section ul.pagination {
    padding-right: 20px;
    margin-top: 16px;
}

#pagination-section .hide {
  display: none;
}

#pagination-section .show {
  display: inline;
}

.icon-content {
    padding-bottom: 20px;
}

/* sku page css start*/
.skucontent-page .skuimage{
  width: 75px;
}
.skucontent-page .skuvariantname{
  font-size: 13px;
}
.skulistrow p{
    margin-bottom: 5px;
}

.searchForm .form-control-user{
    font-size: 0.8rem;
    border-radius: 5px;
    padding: 1.05rem 1rem;
}
#manage-smartaddonid .multiselect-container>li>a {
    margin: 0;
    height: 100%;
    cursor: pointer;
    font-weight: 400;
    padding: 3px 20px 3px 0px;
    white-space: nowrap;
}
#manage-smartaddonid  .multiselect-container>li>a>label {
    margin: 0;
    height: 100%;
    cursor: pointer;
    font-weight: 400;
    padding: 3px 20px 3px 5px;
}

.selectedItems #sortable { list-style-type: none; margin: 0; padding: 0;     display: inline-block;}
.selectedItems #sortable li {     margin: 0 5px 5px 5px;padding: 5px;font-size: 15px;height: 26px;line-height: 15px;display: inline-block;border-radius: 4px;}
.ui-state-highlight { height: 1.5em; line-height: 1.2em; }
.selectedItems #sortable li .fas{font-size: 12px;}
.selectedItems .ui-sortable-placeholder{width:100px;}

form em {
    color: #e02d1b !important;
}

.banner_image input {
    margin-bottom: 10px;
}

.banner_image label {
    margin-bottom: 0px;
}

.add-list-rows table td {
    vertical-align: middle;
}

#image_url_1-error, #mobile_image_url_1-error,#image_url_2-error, #mobile_image_url_2-error {
    display: block;
}

.banner_image p {
    margin-bottom: 0;
}
           
/*.searchForm .search-btn , .searchForm .reset-btn {
    margin-top: 35px;
}*/

.form-check-inline label {
    margin-bottom: 0;
}

.select2.select2-container {
  width: 100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 33px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
}
.select2-container .select2-selection--single {
    height: 37px;
}

/* sku page css end*/
.multiselect {
  width: 190px !important;
  border: 1px solid #858796;
}
.multiselect-container>li>a>label{
  padding-left: 10px !important;
}

#cover-spin {
  position:fixed;
  width:100%;
  left:0;right:0;top:0;bottom:0;
  /* background-color: rgba(255,255,255,0.7); */
background-color: rgba(157, 157, 157, 0.7);
  z-index:9999;
  display:none;
}

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

@keyframes spin {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}
#cover-spin::after {
  content:'';
  display:block;
  position:absolute;
  left:48%;top:40%;
  width:40px;height:40px;
  border-style:solid;
  border-color:black;
  border-top-color:transparent;
  border-width: 4px;
  border-radius:50%;
  -webkit-animation: spin .8s linear infinite;
  animation: spin .8s linear infinite;
}

#load_access_group{
  margin-top: 6px;
}
/* #save_freebies_btn{
  margin-top: 6px;
} */

.errorClass { border:  1px solid red; }

.required_field::after{
  content: ' *';
  font-weight: bold;
  color: red;
}

#manage_access_menus .collapse-header-custom-stl {
  color: #101011;
  text-transform: capitalize;
  font-size: 0.75rem;
}
#manage_freebie_menus .collapse-header-custom-stl {
  color: #101011;
  text-transform: capitalize;
  font-size: 0.75rem;
}

.div-vertical-center{
  display: flex;
  align-items: center;
  justify-content: center;
}

.div-vertical-center-only{
  display: flex;
  align-items: center;
  /* justify-content: center; */
}

td.details-control {
  background: url('../img/details_open.png') no-repeat center center;
  cursor: pointer;
}
tr.details td.details-control {
  background: url('../img/details_close.png') no-repeat center center;
}

div.bootstrap-select .btn{border:1px solid grey;}

.img_row {
  display: flex;
}

/* Create three equal columns that sits next to each other */
.img_column {
  /* flex: 33.33%; */
  padding: 5px;
}
.l-title h3{
    font-size: 18px;
    color: #007680;
    margin-bottom: 0;
}
.l-title h2{
    font-size: 25px;
    color: #007680;
}
.disabled {
    background-color: #eaecf4;
    opacity: 1;
    pointer-events:none;
}
.capitalize {
    text-transform: capitalize;
}
.parsley-errors-list {
    margin-top: -0.5rem;
    margin-bottom: 0;
    padding-left: 0;
    color: red;
    list-style-type: none;
}
.purchase_order .parsley-errors-list, .purchase_indent .parsley-errors-list {
    text-align: left;
    margin-top: 0.2rem;
}
.br-50 {
    border-radius: 50%;
}
.query-history .sender, #queriesModal .sender {
    border-radius: 5px 25px 25px 25px;
    background: #f7f7f8;
    margin-right: 20%;
    text-align: left;
    padding: 5px 0 5px 20px;
    margin-bottom: 10px;
}
.query-history .receiver, #queriesModal .receiver {
    background: #ddf5f2;
    border-radius: 25px 3px 25px 25px;
    margin-left: 20%;
    text-align: right;
    padding: 5px 20px 5px 0px;
    color: #333;
    margin-bottom: 10px;
}
.refresh-icon {
    font-size: 14px;
    color: #007680;
    cursor: pointer;
}
.chat-history p, .query-history p{
    margin: 5px 0;
}
.date-time {
    font-size: 10px;
    color: #999;
}
.view-page cart-body h3 {
    font-size: 16px;
}
.view-page .cbold {
    font-weight: bold;
}
.sales-dropdown-disable {
    pointer-events: none;
    opacity: 0.5;
}
.list-rows table {
    margin-bottom: 0;
}
.list-rows table tr th, .view-page table tr th, .view-page p .cbold {
    font-size: 14px;
}
.list-rows table tr td span{
    font-size: 12px;
}
.list-rows table tr td, .view-page table tr td, .view-page p {
    font-size: 13px;
}
form[name='search-form'] label{
    font-size: 14px;
    /* font-weight: bold; */
}
form[name='search-form'] input, form[name='search-form'] select, form[name='search-form'] .btn {
    font-size: 13px;
}
.list-rows table tr th, .list-rows table tr td, .view-page table tr th, .view-page table tr td {
    white-space: nowrap;
    vertical-align: middle;
}
.view-page table tbody tr td.queries-discussion {
    white-space: normal !important;
}
.list-rows table tr td .btn-sm{
    /*padding: 0.1rem 0.3rem;*/
    padding: 0.25rem 0.3rem;
    font-size: 0.75rem;
}
.scheme-amount-error-msg {
    font-size: 0.85rem;
}
.scheme-amount-error-msg.success {
    color: green;
}
.scheme-amount-error-msg.danger {
    color: red;
}
.pagination {
    margin-top: 1rem;
}
.h-o {
    font-style: italic;
    font-weight: normal;
}
.sb-bottom-role {
    position: fixed;
    bottom: 0;
    width: inherit;
    background-color: rgb(118 118 118 / 20%);
    color: #fff;
}
.sb-bottom-role p {
    margin-top: 1rem;
}
.margin-auto {
    margin: auto;
}
.bg-grey {
    background-color: #dddddd !important;
}

.prod_info{
    background-color: #0e8d81;
    color: white;
    font-weight: bold;
}
.prod_card_header{
    background-color: #0e8d81;
    color: white;
}
.card_prod_name{
    font-size: 16px;
    line-height: 17px;
    font-weight: 400;
    text-align: center;
    display: block;
    background-color: #DDDBDB;
    color: #000;
    padding-top: 5px;
    padding-bottom: 4px;
    overflow: hidden;
    height: 60px;
}
/* .card:hover{
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
    transform:scale(1);
} */
.card_sku{
    /* background-color: #0e8d81; */
    color: white;
    background-color: #007680;
    background-image: linear-gradient(180deg, #007680 10%, #002f34 100%);
    background-size: cover;
}
.prod_mrp {
    font-size: 14px;
    float: left;
    width: 50%;
    border-right: 1px solid #fff;
    /* background-color: #0e8d81; */
    border-top: 1px solid #fff;
    background-color: #007680;
    background-image: linear-gradient(180deg, #007680 10%, #002f34 100%);
    background-size: cover;
    color: #fff;
    height: 35px;
    padding: 9px 0;
    text-align: center;
}
.prod_price{
    float: right;
    width: 50%;
    /* background-color: #0e8d81; */
    border-top: 1px solid #fff;
    background-color: #007680;
    background-image: linear-gradient(180deg, #007680 10%, #002f34 100%);
    background-size: cover;
    color: #fff;
    height: 35px;
    padding: 9px 0;
    font-size: 14px;
    text-align: center;
}

#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    /* background-color: rgba(255,255,255,0.7); */
	background-color: rgba(157, 157, 157, 0.7);
    z-index:9999;
    display:none;
}

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

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}
#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

p#qtypara {
    border: 1px solid #ccc;
    display: inline;
    background-color: #ccc;
}
p#qtypara span {
    padding: 0 7px;
    cursor: pointer;
}
span#qty {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 0 11px !important;
    background-color: #fff !important;
}

.required_field::after{
    content: ' *';
    font-weight: bold;
    color: red;
}

.ribbon-wrapper {
	width: 85px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	top: -3px;
	right: -3px
}

.ribbon {
	font-size: 12px;
	color: #FFF;
    font-weight: bold;
	text-transform: uppercase;
	font-family: 'Montserrat Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	letter-spacing: .05em;
	line-height: 15px;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	position: relative;
	padding: 7px 0;
	right: -11px;
	top: 10px;
	width: 100px;
	height: 28px;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	background-color: #dedede;
	background-image: -webkit-linear-gradient(top, #ffffff 45%, #dedede 100%);
	background-image: -o-linear-gradient(top, #ffffff 45%, #dedede 100%);
	background-image: linear-gradient(to bottom, #ffffff 45%, #dedede 100%);
	background-repeat: repeat-x;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdedede', GradientType=0)
}

.ribbon:before,
.ribbon:after {
	content: "";
	border-top: 3px solid #9e9e9e;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	position: absolute;
	bottom: -3px
}

.ribbon:before {
	left: 0
}

.ribbon:after {
	right: 0
}

.ribbon.green {
    background-color: #2da285;
    background-image: -webkit-linear-gradient(top, #2da285 45%, #227a64 100%);
    background-image: -o-linear-gradient(top, #2da285 45%, #227a64 100%);
    background-image: linear-gradient(to bottom, #2da285 45%, #227a64 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff2da285', endColorstr='#ff227a64', GradientType=0)
}
.nav-tabs.wizard {
background-color: transparent;
padding: 0;
width: 100%;
margin: 1em auto;
border-radius: .25em;
clear: both;
border-bottom: none;
}


:root {
--green: #96c03d;
--active: #2c3f4c;
}
/*.nav-tabs.wizard li {
width: 100%;
float: none;
margin-bottom: 3px;
}*/

.nav-tabs.wizard li>* {
position: relative;
padding: 1.2em .8em 1.2em 2.5em;
color: #999999;
background-color: #dedede;
border-color: #dedede;
}

.nav-tabs.wizard li.completed>* {
color: #fff;
background-color: var(--green);
border-color: var(--green);
border-bottom: none;
}

.nav-tabs.wizard li.active>* {
color: #fff;
background-color: var(--active);
border-color: var(--active);
border-bottom: none;
}

.nav-tabs.wizard li::after:last-child {
border: none;
}

.nav-tabs.wizard > li > a {
opacity: 1;
font-size: 14px;

display: flex;
align-items: center;
justify-content: center;
}

.nav-tabs.wizard a:hover {
color: #fff;
background-color: var(--active);
border-color: var(--active)
}

span.step {
    /* margin-right: 10px; */
    display: inline-block;
    padding: 10px 0 0 0;
    background: #ffffff;
    width: 35px;
    line-height: 100%;
    height: 35px;
    /* margin: auto; */
    border-radius: 50%;
    font-weight: bold;
    font-size: 16px;
    color: #555;
    /* margin-bottom: 10px; */
    text-align: center;
}

.printthis .tb2 tr td:nth-child(1){
    width: 30%;
}

#changeStatusModal .modal-title {
    text-transform: capitalize;
}
.error-icon {
    font-size: 45px;
}
#shareModal .parsley-errors-list {
    padding-top: 10px;
}

@media(min-width:992px) {
    .nav-tabs.wizard li {
        position: relative;
        padding: 0;
        margin: 4px 4px 4px 0;
        width: 12%;
        float: left;
    }
    .nav-tabs.wizard li.active a {
        /* // padding-top: 15px; */
    }
    .nav-tabs.wizard li a span{
        margin-left: 5px;
    }
    .nav-tabs.wizard li a span:last-child{
        margin-left: 15px;
    }
    .nav-tabs.wizard li::after,
    .nav-tabs.wizard li>*::after {
        content: '';
        position: absolute;
        top: 0;
        left: 100%;
        height: 0;
        width: 0;
        border: 38px solid transparent;
        border-right-width: 0;
        /*border-left-width: 20px*/
    }
    .nav-tabs.wizard li::after {
        z-index: 1;
        -webkit-transform: translateX(4px);
        -moz-transform: translateX(4px);
        -ms-transform: translateX(4px);
        -o-transform: translateX(4px);
        transform: translateX(4px);
        border-left-color: #fff;
        margin: 0
    }
    .nav-tabs.wizard li>*::after {
        z-index: 2;
        border-left-color: inherit;
    }
    .nav-tabs.wizard > li:nth-of-type(1) > a {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    .nav-tabs.wizard li:last-child a {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .nav-tabs.wizard li:last-child {
        margin-right: 0;
    }
    .nav-tabs.wizard li:last-child a:after,
    .nav-tabs.wizard li:last-child:after {
        content: "";
        border: none;
    }
    /* span.step {
        display: block;
    } */
}
.center {
  margin: auto;
  width: 50%;
  /* border: 3px solid green; */
  padding: 10px;
}
.monthly_budget_td_title{
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    /* color: #2c3f4c;
    background-color: #f8f8f8; */
    font-size: medium !important;
}
.table th, .table td {
    padding: 0.5rem;
}
.monthly_budget_left_td{
    border-left: 1px solid;
}
.monthly_budget_right_td{
    border-right: 1px solid;
}
.quarter-title-2{
    color: #454545;
    font-size: 16px !important;
    /* background-color: #f8f8f8; */
}
.quarter-title{
    /* font-weight: bolder; */
    /* color: #0e8d81; */
    color: #007680;
    font-size: 18px !important;
    /* background-color: #f8f8f8; */
}
.quarter-title-footer{
    background-color: #f3f3f3;
}
.readonly_amount_field{
    text-align: right;
    background-color: #fff;
    cursor: not-allowed !important;
}
.quarter_value_display{ 
    color: #2c3f4c;
    font-weight: 700;
}
.quarter_value_display>p{
    font-size: 16px !important;
    margin-bottom: 0;
    font-weight: 300;
}
#monthly_budget_table td{
    padding-left: 0px;
    padding-right: 0px;
}

#monthly_budget_table tbody {
    /* display:block; 
    width:100%; */
    overflow-x:scroll;
}
/* #distributer_allocation_table tbody { */
    /* display:block; 
    width:2000px;
    overflow-x:scroll; */
/* } */
/* .monthly_percentage_div{
    width: 30% !important;
} */
.quarter-heading{
    padding: 15px !important;
}
.distributer_bg{
    background-color: #f8f8f8;
}
.wunit {
    width: 75px;
}
.quarter_list_dropdown, .month_list_dropdown {
    width: 200px;
}
#myTabContent .t-title {
    color: #007680;
    font-size: 21px;
    font-weight: bold;
}
/* .monthly_budget_left_td, .pale-yellow{
    background :#faf4da
}
.monthly_budget_right_td, .pale-blue{
    background :#dff9fa
} */
.monthly_budget_td_title .table th, .monthly_budget_td_title .table td {
    background: none
}
.f-size-12{font-size: 13px !important; color: #777}
.table-bordered th, .table-bordered td{border: 1px solid #ccc}

.monthly_budget_left_td .input-group{width: 140px;}
.monthly_budget_left_td .input-group.monthly_percentage_div {width: 100px;}
.distributer_row .monthly_budget_left_td .input-group {width: 90px; margin: 0 auto;}
.distributer_row .monthly_budget_right_td .input-group{width: 130px; margin: 0 auto;}

.steps .table th {padding: 0.75rem 0.4rem;}
.steps tr td {margin: 0 auto;}
/* .steps tr td:nth-child(odd) .input-group, .steps tr td:nth-child(even) .input-group { width: 100px; margin: 0 auto;}
.steps tr td:nth-child(even) .input-group, tfoot .steps td:nth-child(odd) .input-group  { width: 150px;}
tfoot .steps td:nth-child(even) .input-group, .steps td:nth-child(odd) .input-group { width: 100px; margin: 0 auto;} */
tfoot .quarter-title-footer .total {font-weight: bold; font-size:18px;}

.steps .input-group-text {background: #fff; padding: 0.375rem 0.5rem; font-size: 0.85rem;}
.steps input:read-only {border-color : #40c5cb; background: #e3f8f9; }
.steps .total_p:read-only, .steps input {border-color : #ebcf5d; background: #fcf3cf;}
.steps input.wunit:not(.cdisabled):not(.border-success):not(.border-danger) { border-bottom:  3px solid grey !important;}
.cd_border.border-danger, .steps input.border-danger, .annexure-form .border-danger {border-bottom:  3px solid #e74a3b; border-color: #e74a3b !important; background-color: rgb(231 74 59 / 10%) !important; }
.cd_border.border-success, .steps input.border-success, .annexure-form .border-success {border-bottom:  3px solid #1cc88a; border-color: #1cc88a !important; background-color: rgb(28 200 138 / 10%) !important; }

/* #step3 .steps tr td:nth-child(odd) .input-group, #step3 .steps tr td:nth-child(even) .input-group,
#step4 tr td:nth-child(odd) .input-group, #step4 tr td:nth-child(even) .input-group { width: 85px; margin: 0 auto;} */

#step2 .input-group.amount-field { width: 175px; }

#step3 .input-group.amount-field { width: 160px; }
#step4 .input-group.amount-field, #step5 .input-group.amount-field { width: 160px; }

#step2 .input-group, #step3 .input-group{width: 100px; margin: 0 auto;}
/* #step2 input:read-only, #step3 input:read-only {width: 90px; text-align: right;} */

#step6 input:not(.btn){width: 80px; margin-right: 10px;}
#step6 table tr td a{margin-right: 10px;}
#step6 .step-plan-value{width: 120px;}
/* #step6 input:read-only {width: 120px; text-align: right;} */

.steps .cdisabled {border-color: #f0efea; background: #f0efea;pointer-events: none;}
/* .card-header {padding: 0.4rem 1.25rem;} */

#step6 .r-total { font-size: 16px;color: green;}

#accordionExample .card-header { display: flex; justify-content: space-between;}

#accordionExample .ac-title
{
    color: #007680;
    font-weight: bold;
    font-size: 20px;
}

.s7_month_unit {
    color: yellow;
    font-size: 14px;
}
#accordionExample .card .card-header[data-toggle=collapse]::after {
    display: none;
}
#accordionExample .card-header .title {
    font-size: 17px;
    /* color: #000; */
}
#accordionExample .card-header .accicon {
  float: right;
  font-size: 20px;  
  width: 1.2em;
}
#accordionExample .card-header{
  cursor: pointer;
  border-bottom: none;
}
#accordionExample .card{
  border: 1px solid #ddd;
}
#accordionExample .card-body{
  border-top: 1px solid #ddd;
}
#accordionExample .card-header:not(.collapsed) .rotate-icon {
  transform: rotate(180deg);
}
.bt-info {
    color: #cf7b07;
    font-size: 18px !important;
    font-weight: bold;
}
#po_detail table tr th, #pi_detail table tr th {
    /* white-space: nowrap; */
    text-align: center;
    vertical-align: middle;
}
#po_detail tbody tr td, #pi_detail tbody tr td {
    text-align: center;
    vertical-align: baseline;
}
#po_detail tbody tr td .units, #po_detail tbody tr td .mc_order, #po_detail tbody tr td .annexure, #po_detail tbody tr td .card_rate, #po_detail tbody tr td .billing_value, #po_detail tbody tr td .discount, #po_detail tbody tr td .mc_type, #pi_detail tbody tr td .units, #pi_detail tbody tr td .mc_order, #pi_detail tbody tr td .annexure, #pi_detail tbody tr td .card_rate, #pi_detail tbody tr td .billing_value, #pi_detail tbody tr td .discount, #pi_detail tbody tr td .mc_type, #pi_detail tbody tr td .available_units, #pi_detail tbody tr td .indent_units {
    width: 7rem;
    margin: 0 auto;
}
#po_detail tbody tr td .discount, #po_detail tbody tr td .units, #pi_detail tbody tr td .discount, #pi_detail tbody tr td .units{
    width: 5rem;
}
#po_detail tbody tr td .billing_value, #pi_detail tbody tr td .billing_value {
    width: 10rem;
}
.annex-tabs .annex-tab {
    cursor: pointer;
}
#myModal .submit-notification, .purchase_order .submit-notification {
    font-size: 0.9rem;
}
.purchase_order .bottom_btn {
    gap: 0.6rem;
}
#myModal input:read-only {
    border-color: #40c5cb;
    background: #e3f8f9;
}
.warehousetd.disabled {
    background: #ccc;
    opacity: 0.3;
}


.modal-header .close {
    color: #fff;
    opacity: 1;
}


.modal-header .close:focus, .modal-header .close:hover {
    outline: none;
}
.card_rate, .billing_value{text-align: right;}
/* .total-billing-value {
    padding-right: 7rem;
} */

.annex-child input[type="radio"] {
    appearance: none;
    width: 15px;
    height: 15px;
    border: 2px solid #555555;
    border-radius: 50%;
    background-clip: content-box;
    padding: 3px;
}

.annex-child input[type='radio']:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -7px;
    left: -5px;
    position: relative;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #04c;
    background-color: #fff;
}

.annex-child input[type='radio']:checked:after {
    background-color: #1cc88a;
    border: 2px solid #17630a;
}

tr.remark-content p {
    margin-bottom: 0.5rem;
}

.modal-content h4 {
    color: #fff;
}

#piAccordion > .card {
    border: 1px solid #e3e6f0;
}

#piAccordion1 .card {
    border-bottom: 1px solid #e3e6f0;
}

#myModal .cdisbaled {
    opacity: 0.5;
    pointer-events: none;
}
.awaiting-pickup-t-border {border-top: 2px solid #007bff;}
.awaiting-green-t-border {border-top: 2px solid  #28a745;}
.awaiting-staging-t-border {border-top: 2px solid  #28a745;}
.awaiting-packing-t-border {border-top: 2px solid #ffbf00;}
.awaiting-qc-t-border {border-top: 2px solid #dc3545;}
.awaiting-outbound-t-border {border-top: 2px solid #7f7f7f;}

.btn.awaiting-pickup {background-color: #007bff; border: 1px solid #007bff; color: #fff;}
.btn.awaiting-packing {background-color: #ffc107; border: 1px solid #ffbf00; color: #212529;}
.btn.green, .btn.awaiting-staging {background-color: #28a745; border: 1px solid #28a745; color: #fff; }
.btn.closed, .btn.awaiting-outbound {background-color: #7f7f7f; border: 1px solid #7f7f7f; color: #fff; }
.btn.pending, .btn.awaiting-qc {background-color: #dc3545; border: 1px solid #dc3545; color: #fff; }
.btn.so-closed {background-color: #150202; border: 1px solid #150202; color: #fff; }

h5, .h5 {font-size: 1rem;     font-family: "Roboto", serif;
    font-weight: 500;
    font-style: normal;
}

.table-md-view{
    display:block;
}
.table-sm-view {
    display:none;
}
#scannerBarcode{
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
}
@media screen and (max-width:768px){
    .table-md-view{
        display:none;
    }
    .table-sm-view{
        display:block;
    }
    
    .text-view{
        width:100%;
        border-bottom:1px solid #D6D6D6;
        padding: 1% 0 1% 0;
    }
    .table-sm-view div.text-view:last-child{
        border-bottom:0px solid #D6D6D6;
    }
    .h-header{
        font-size:14px;
        color:#6C6C6C;
        padding: 2% 0 0 0;
    }
    .t-text{
        font-size: 16px;
        color:#363636;
        padding: 2% 0 2% 0;
    }
}
.bg-gradient-dark {
    background-color: #222f3e;
    background-image: linear-gradient(180deg, #222f3e 35%, #011627 100%);
    background-size: cover;
}
.bg-gray-300 {
    background-color: #eff8ff !important;
}
.sidebar-dark .nav-item .nav-link i, .sidebar-dark .nav-item .nav-link {
    color: #3c4043;
}
.sidebar-dark .nav-item .nav-link:hover i, .sidebar-dark .nav-item .nav-link:hover {color: #3c4043;}
.sidebar-dark .nav-item .nav-link:active, .sidebar-dark .nav-item .nav-link:focus, .sidebar-dark .nav-item .nav-link:hover{color: #3c4043;}
.table-responsive {background-color: #f8fafd; padding: 15px; border: 1px solid #d2ebff; border-radius: 5px;}
.sidebar.toggled .nav-item .nav-link i {font-size: 16px;}
.sidebar.toggled .nav-item .nav-link span {font-size: 13px; margin-top: 5px;}
.sidebar.toggled{border-right: 1px solid #cae8ff;}