html {
    background: #e0e1e2;
}


.scrollbarnav li.dashicon {
    background: rgb(226 175 29);
    background: linear-gradient(90deg, rgb(255 255 138) 0%, rgb(226 175 29) 100%);
    border-radius: 50px;
    margin-left: 10px;
    margin-right: 10px;
}

.scrollbarnav li.dashicon img {
    width: 30px;
    display: inline-block;
}

.scrollbarnav li.dashicon a span {
    color: #231f20;
    font-weight: 600;
}

.scrollbarnav li.dashicon a {
    padding-left: 0;
    padding-right: 0;
}

.footer {
    background: rgb(226 175 29);
    background: linear-gradient(90deg, rgb(255 255 138) 0%, rgb(226 175 29) 100%);
}

.footer .copyrighttxt {
    color: #686868;
    padding-top: 12px;
    font-size: 13px;
    padding-bottom: 0px;
    x
}

.h-100 {
    height: 100%;
}

.w-100 {
    width: 100%;
}

.bs4-container {
    width: 100%;
    max-width: 1320px;
}

.bs4-row {
    display: flex;
    flex-wrap: wrap;
}

.align-items-center {
    align-items: center !important;
}


.contentlogin {}

.contentlogin a img {
    display: block;
    width: 250px;
    margin-left: -15px;
}

.contentlogin h1 {
    color: #fff;
    font-size: 40px;
    font-weight: bold;
}

.contentlogin p {
    color: #fff;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 35px;
}

.contentlogin a.btnSign {
    background: rgb(202, 145, 43);
    background: linear-gradient(90deg, rgba(248, 223, 126, 1) 0%, rgba(202, 145, 43, 1) 100%);
    color: #000;
    padding: 10px 25px;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
}

.signUpForm label {
    font-weight: 500;
}

.signUpForm label.radio-inline {
    font-size: 14px;
    line-height: 25px;
}

.signUpForm input[type=text],
.signUpForm input[type=password] {
    background: #806b39;
    color: #fff;
    border: 0;
    ;
}

.signUpForm input[type=text]::placeholder,
.signUpForm input[type=password]::placeholder,
.signUpForm input[type=email]::placeholder {
    color: #fff;
    opacity: 0.8;
    /* Firefox */
}

.signUpForm input[type=text]::-ms-input-placeholder,
.signUpForm input[type=password]::-ms-input-placeholder,
.signUpForm input[type=email]::-ms-input-placeholder {
    /* Edge 12 -18 */
    color: #fff;
}

.signUpForm .input-group-addon {
    background: #806b39 !important;
    color: #fff;
    border: 0;
}

.signUpForm .input-group-addon select {
    background: #806b39 !important;
    color: #fff;
    border: 0;
}

.signUpForm .form-control {
    background: #806b39 !important;
    color: #fff;
    border: 0;
}

.signUpForm #btn_eye_open,
.signUpForm #btn_eye_close,
.signUpForm #btn_eye_open_2,
.signUpForm #btn_eye_close_2 {
    background: #806b39 !important;
    color: #fff;
    border: 0;
}

.signUpForm .btn-primaryupload {
    background: #000;
    color: #Efff;
    width: 100%;
}


.signUpForm .checkboxcontainer {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 5px;
}

/* Hide the browser's default radio button */
.checkboxcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.checkboxcontainer:hover input~.checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.checkboxcontainer input:checked~.checkmark {
    background-color: #dcbc6b;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.checkboxcontainer input:checked~.checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.checkboxcontainer .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.checkboxcontainer.checkboxspecial .checkmark:after {
    top: 1px;
    left: 6px;
    width: 7px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 0;
}

.trackingformsection {
    float: right !important;
    position: relative;
    height: unset !important;
    margin-top: 15px;
    margin-right: 10px;
}

.trackingformsection .trackingform {}

.trackingformsection .trackingform .trackingnumber {
    color: #fff;
    background-color: #231f20;
    border-radius: 65px !important;
    height: 25px;
    padding-left: 10px;
    font-size: 12px;
}

.trackingformsection .trackingform button {
    position: absolute;
    right: 5px;
    top: 4px;
    background: none;
    border: 0;
    color: #fff;
    font-size: 10px;
}

.trackingformsection .trackingform input::placeholder {
    color: #cfcfcf;
    /* Firefox */
}

.trackingformsection .trackingform input::-ms-input-placeholder {
    /* Edge 12 -18 */
    color: #cfcfcf;
}

.saleordershort .boxdisplay,
.saleorderamoutshort .boxdisplay,
.outstandingshort .boxdisplay {
    background-color: #000000;
    box-shadow: 0px 0px 5px #5a5a5a;
    border-radius: 18px;
    padding: 15px 30px 20px 30px;
    position: relative;
    margin-bottom: 15px;
    min-height: 140px;
}


.saleorderamoutshort h1,
.outstandingshort h1,
.saleordershort h1 {
    color: #ffffff;
    font-weight: 600;
    font-size: 24px;
    line-height: 25px;
}

.saleorderamoutshort h1 span,
.outstandingshort h1 span,
.saleordershort h1 span {
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-top: 5px;
}

.saleordershort span.totalNumber,
.saleorderamoutshort span.totalNumber,
.outstandingshort span.totalNumber {
    color: #fff;
    font-weight: 700;
    font-size: 35px;
    display: block;
    line-height: 40px;
    margin-top: 20px;
}

.saleordershort span.unitttitle,
.saleorderamoutshort span.unitttitle,
.outstandingshort span.unitttitle {
    color: #fff;
    font-weight: 300;
    font-size: 14px;
}

.saleordershort .boxdisplay a,
.saleorderamoutshort .boxdisplay a,
.outstandingshort .boxdisplay a {
    width: 35px;
    height: 35px;
    display: inline-block;
    position: absolute;
    right: 30px;
    bottom: 25px;
    border-radius: 50%;
    background-color: #333132;
    text-align: center;
    border: 1px solid #bfa45f;
    color: #fff;
    line-height: 40px;
}

.saleordershort .boxdisplay a i,
.saleorderamoutshort .boxdisplay a i,
.outstandingshort .boxdisplay a i {
    font-size: 18px !important;
}

.saleordershort .iconimage,
.saleorderamoutshort .iconimage,
.outstandingshort .iconimage {
    width: 65px;
    display: inline-block;
    position: absolute;
    right: 25px;
    top: 10px;
}

.edittablestyle {
    border-radius: 20px;
}

.navscroll {
    overflow-y: scroll;
    height: 76%;
}

/* width */
.navscroll::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.navscroll::-webkit-scrollbar-track {
    background: #231f20;
}

/* Handle */
.navscroll::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.navscroll::-webkit-scrollbar-thumb:hover {
    background: #555;
}

body.smart-style-6 aside,
body.smart-style-6 nav ul ul {
    background: none;
}

nav ul ul li>a {
    padding-left: 10px;
    padding-right: 5px;
    letter-spacing: -0.5px;
}

body.smart-style-6 nav ul li ul>li {
    padding-left: 10px;
}

body.smart-style-6 .login-info {
    border-bottom: 0;
}


button.btn.btngold,
button.btn.btngold:hover {
    background: -webkit-linear-gradient(45deg, rgb(255 254 141) 0%, rgb(228 180 37)) !important;
    display: inline-block;
    width: auto;
    color: #000;
    opacity: 1;
    border-radius: 8px;
    border: 1px solid #f6ba21;
    box-shadow: 0px 5px 1px #9E9E9E;
}

button.btn.btngoldPlain,
button.btn.btngoldPlain:hover {
    background: -webkit-linear-gradient(45deg, rgb(255 254 141) 0%, rgb(228 180 37)) !important;
    display: inline-block;
    width: auto;
    color: #000;
    opacity: 1;
    border-radius: 6px;
    border: 1px solid #f6ba21;
    width: 100%;
    padding: 5px 10px;
    font-size: 15px;
    font-weight: 600;
}

button.btn.btngray,
button.btn.btngray:hover {
    background: #494949 !important;
    display: inline-block;
    width: auto;
    color: #fff;
    opacity: 1;
    border-radius: 8px;
    border: 1px solid #f6ba21;
    box-shadow: 0px 5px 1px #9E9E9E;
}

.calendericon {
    background: url('/assets/parcelking/images/calender-icon.png');
    background-repeat: no-repeat;
    background-size: 45px;
    background-position: center;
    height: 45px;
    display: inline-block;
    width: 45px;
    line-height: 60px;
}

.senderInformation {}

#widget-grid .jarviswidget.senderInformation header,
#widget-grid .jarviswidget.senderInformation .senderinformaiondisplay,
#widget-grid .jarviswidget.senderInformation .recipientinformationdisplay {
    background-color: #231f20 !important;
}

#widget-grid .jarviswidget.senderInformation .smart-form label {
    color: #fff;
    font-weight: 400;
}

#widget-grid .jarviswidget.senderInformation header img {
    width: 45px;
    margin-right: 10px;
}

#widget-grid .jarviswidget.senderInformation header h2 {
    color: #fff;
}

#widget-grid .jarviswidget.senderInformation input {
    color: #fff;
    ;
}

.itemList {
    padding: 20px 30px;
}

.itemList label.label {
    display: block !important;
    color: #000 !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-align: left !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

.itemList label.input {
    width: 100%;
}

.itemList .rl8 {
    padding-left: 4px;
}

.itemList .rr8 {
    padding-right: 4px;
}

.itemList input {
    padding-left: 10px !important;
    padding-right: 10px !important;
    border: 1px solid #ccc !important;
}

.itemList .btn-info.btnapplayall {
    background: #f7d70c;
    color: #000;
    border: 1px solid #000;
    font-weight: 500;
    font-size: 10px;
    margin-bottom: 8px;
}

.itemList button.btnspecial {
    padding: 0;
}

.itemList button.btnspecial img {
    width: 30px;
}

.jarviswidget.ordersummarySection {
    background: url('/assets/parcelking/images/oder-summary.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0px -10px;
}

.jarviswidget.ordersummarySection .ordersummarySectionDetail {
    background: none !important;
    border: 0;
    padding-top: 30px;
}

.jarviswidget.ordersummarySection .ordersummarySectionDetail .detailSummary {
    margin-left: 100px;
    margin-right: 100px;
    border-top: 1px dashed #000;
    padding-top: 10px;
}

.jarviswidget.ordersummarySection .ordersummarySectionDetail .detailSummary table,
.jarviswidget.ordersummarySection .ordersummarySectionDetail .detailSummary table.table-bordered tbody td,
.jarviswidget.ordersummarySection .ordersummarySectionDetail .detailSummary table.table-bordered tbody th {
    border: 0;
    padding: 0;
    padding-bottom: 10px;
    font-size: 15px;
}

.jarviswidget.ordersummarySection .ordersummarySectionDetail .detailSummary table.table-bordered tbody th {
    font-weight: 500;
}

.jarviswidget.ordersummarySection .ordersummarySectionDetail .detailSummary table.table-bordered tbody td {
    text-align: left;
}

button.btnPreview,
button.btnPreview:hover {
    background: -webkit-linear-gradient(45deg, rgb(255 254 141) 0%, rgb(228 180 37)) !important;
    display: inline-block;
    width: auto;
    color: #000;
    opacity: 1;
    border-radius: 8px;
    border: 1px solid #f6ba21;
    margin-top: 0;
    box-shadow: 0px 5px 1px #9E9E9E;
    margin-top: 0;
    margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 5px;
}

button.duplicatebtn,
button.duplicatebtn:hover {
    background: -webkit-linear-gradient(45deg, rgb(255 254 141) 0%, rgb(228 180 37)) !important;
    display: inline-block;
    width: auto;
    color: #000;
    opacity: 1;
    border-radius: 8px;
    border: 1px solid #f6ba21;
    margin-top: 0 !important;
    box-shadow: 0px 5px 1px #9E9E9E;
}

button.btnsaveDraft,
button.btnsaveDraft:hover {
    background: #494949 !important;
    display: inline-block;
    width: auto;
    color: #fff;
    opacity: 1;
    border-radius: 8px;
    border: 1px solid #f6ba21;
    box-shadow: 0px 5px 1px #9E9E9E;
    margin-bottom: 15px;
    margin-top: 0 !important;
    margin-left: 5px;
    margin-right: 5px;
}

button.btndel,
button.btndel:hover {
    background: #494949 !important;
    display: inline-block;
    width: auto;
    color: #fff;
    opacity: 1;
    border-radius: 8px;
    border: 1px solid #f6ba21;
    box-shadow: 0px 5px 1px #9E9E9E;
    margin-top: 0 !important;
}

a.btn-primary.btneditstatus,
a.btn-primary.btneditstatus:hover {
    background: #f7d70c !important;
    color: #000;
    border: 1px solid #000;
    font-weight: 500;
    font-size: 10px;
    margin-bottom: 8px;
}


.rowspecial {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

#summary_modal .iconinfor {}

#summary_modal .iconinfor img {
    width: 25px;
    margin-right: 5px;
}

#summary_modal .contextbox {
    background-color: #231f20;
    padding: 10px 30px;
    border-radius: 30px;
}

#summary_modal .contextbox h3 {
    margin-top: 5px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 600;
}

#summary_modal .contextbox label.label {
    font-weight: 500;
    font-size: 12px;
    padding-left: 0;
}

#summary_modal .contextbox h4 {
    border: 1px solid #644c16;
    color: #bfbfbf;
    font-size: 10px;
    padding: 3px 10px;
    margin-top: 5px;
    margin-bottom: 8px;
    height: 25px;
    width: 100%;
    white-space: nowrap;
}

#summary_modal .contextbox .row {
    padding-left: 10px;
    padding-right: 10px;
}

#summary_modal .contextbox .row>[class^="col-"] {
    padding-left: 3px;
    padding-right: 3px;
}

#summary_modal .parcelinfomation {
    border: 1px solid #ccc;
    border-radius: 30px;
    display: inline-block;
    margin-top: 20px;
    padding-bottom: 20px;
}

#summary_modal .parcelinfomation h3 {
    margin-top: 20px;
    margin-bottom: 15px;
    color: #000;
    font-weight: 500;
}

#summary_modal .contentShippingInformation,
#summary_modal .shippingInformation {
    border: 1px solid #dbdbdb;
    padding: 10px 15px;
}

#summary_modal .contentShippingInformation label.label,
#summary_modal .shippingInformation label.label {
    color: #000;
    font-weight: 500;
    font-size: 12px;
    padding-left: 0;
}

#summary_modal .contentShippingInformation h4,
#summary_modal .shippingInformation h4 {
    border: 1px solid #644c16;
    color: #000;
    font-size: 10px;
    padding: 3px 10px;
    margin-top: 5px;
    margin-bottom: 8px;
    height: 25px;
    width: 100%;
    white-space: nowrap;
}

#summary_modal .contentShippingInformation .row,
#summary_modal .shippingInformation .row {
    padding-left: 10px;
    padding-right: 10px;
}

#summary_modal .contentShippingInformation .row>[class^="col-"],
#summary_modal .shippingInformation .row>[class^="col-"] {
    padding-left: 3px;
    padding-right: 3px;
}

#summary_modal .shippingInformation h3 {
    margin-top: 0;
    margin-bottom: 15px;
    color: #000;
    font-weight: 500;
}

#summary_modal table.ordersummarytable th,
#summary_modal table.ordersummarytable td {
    background-color: #fff;
    border: 0;
    font-weight: 500;
    padding: 5px 15px !important;
}

#summary_modal table.ordersummarytable th {
    font-weight: 500;
}

table tbody tr:last-child td {
    border-bottom: 0 !important;
}

.orderHistory .dropdown-menu {
    left: inherit;
    right: 0;
    width: auto;
    max-width: inherit;
    min-width: inherit;
    padding: 5px;
}

.filtersearchbar.row>[class^="col-"] {
    padding-left: 0px;
    padding-right: 5px;
}

.filtersearchbar.row {
    padding-left: 15px;
    padding-right: 15px;
}


.filtersearchbar button.btndark,
.filtersearchbar button.btndark:hover {
    background: #000;
    color: #fff;
}

.filtersearchbar button.btndark i {
    color: #fffb84;
}

.filtersearchbar button.btndark.exportbtn i {
    background-color: #fffb84;
    color: #000;
    width: 12px;
    border-radius: 50%;
    height: 12px;
}

.filtersearchbar a.btngoldmaeOrder,
.filtersearchbar a.btngoldmaeOrder:hover,
body.smart-style-6 button.btngoldmaeOrder,
body.smart-style-6 button.btngoldmaeOrder:hover {
    background: -webkit-linear-gradient(45deg, rgb(255 254 141) 0%, rgb(228 180 37)) !important;
    box-shadow: 0px 5px 1px #9E9E9E;
    color: #000;
    border-radius: 8px;
    border: 0;
}

.orderHistory.table>tbody>tr>th,
.edittablestyle table tbody tr td {
    border-bottom: 1px solid #000;
}


.orderHistory.table>tbody>tr>th:last-child,
.edittablestyle table tbody tr td:last-child {
    border-left: 1px solid #000;
}

.orderHistory .label-default {
    background-color: #fec019;
    font-size: 12px;
    font-weight: 500;
}

.orderHistory .label-success {
    background-color: #73c161;
    font-size: 12px;
    font-weight: 500;
}

.orderHistory .label-danger {
    background-color: #bd3a26;
    font-size: 12px;
    font-weight: 500;
}

.orderHistory .dropdown {}

.orderHistory .dropdown button.btn-default,
.orderHistory .dropdown button.btn-default:hover,
.orderHistory .dropdown button.btn-default:focus,
.orderHistory .dropdown button.btn-default:active {
    border: 0;
    background: none;
    box-shadow: none;
}

.orderHistory .dropdown button.btn-default .fa-angle-down {
    background-color: #9E9E9E;
    width: 14px;
    color: #fff;
    height: 14px;
    border-radius: 50%;
    padding: 2px;
}

.orderHistory .dropdown button.btn-default .fa-print {
    font-size: 20px;
    color: #000;
    margin-bottom: 5px;
}

.bulkorderForm {}

.bulkorderForm select {
    border: 1px solid #ccc !important;
}

.bulkorderForm a.btngoldmaeOrder,
.bulkorderForm a.btngoldmaeOrder:hover,
body.smart-style-6 .bulkorderForm button.btngoldmaeOrder,
body.smart-style-6 .bulkorderForm button.btngoldmaeOrder:hover {
    background: -webkit-linear-gradient(45deg, rgb(255 254 141) 0%, rgb(228 180 37)) !important;
    box-shadow: 0px 5px 1px #9E9E9E;
    color: #000;
    border-radius: 8px;
    border: 0;
}

.filtersearchbar button.btndark,
.filtersearchbar button.btndark:hover {
    background: #000;
    color: #fff;
}

.addressdetilbox {
    display: inline-block;
    width: 100%;
    background-color: #fff;
    border-radius: 25px;
    padding: 15px;
    position: relative;
    margin-bottom: 15px;
}

.addressdetilbox .namedetail {
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.addressdetilbox .namedetail .dropdown.actionbutton {
    background: none;
    border: 0;
    position: absolute;
    top: 12px;
    right: 5px;
}

.addressdetilbox .namedetail .btn.dropdown-toggle {
    background: none;
    border: 0;
    box-shadow: none;
}

.addressdetilbox .namedetail .dropdown.actionbutton .dropdown-menu {
    min-width: auto;
    text-align: center;
}

.addressdetilbox .namedetail h2 {
    margin: 0;
    font-weight: 800;
    font-size: 22px;
    line-height: 30px;
    vertical-align: top;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.addressdetilbox .namedetail h4 {
    font-size: 14px;
    font-weight: 500;
}

.addressdetilbox .namedetail input[type=checkbox] {
    width: 20px;
    display: inline-block;
    margin-bottom: 40px;
}

.addressdetilbox .addressinfo {
    height: 140px;
}

.addressdetilbox .addressinfo h4 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.addressdetilbox .actionbutton {}

.searchbar {
    margin-bottom: 15px;
    ;
}

.searchbar .checkbox {
    margin: 0;
    margin-top: 5px;
}

.searchbar input[type=checkbox] {
    transform: scale(1.5);
    position: relative;
    top: 1px;
    margin-right: 5px;
}

.searchbar select {
    width: 65%;
    display: inline-block;
    margin-left: 10px;
}

.searchbar .seearbbarinput {
    width: 100%;
    padding-left: 10px !important;
    display: inline-block;
}

.searchbar button.searchbtn {
    width: 48%;
}

.searchbar button.searchbtn i {
    color: #fffb84;
}

.searchbar button.searchbtn,
.searchbar button.searchbtn:hover {
    background: #000;
    color: #fff;
}

a.btnaddaddress,
a.btnaddaddress:hover {
    background: -webkit-linear-gradient(45deg, rgb(255 254 141) 0%, rgb(228 180 37)) !important;
    box-shadow: 0px 5px 1px #9E9E9E;
    color: #000;
    border-radius: 8px;
    border: 0;
    width: 100%;
    font-size: 18px;
}

a.addNewgroup,
a.addNewgroup:hover {
    width: 100%;
    margin-top: 20px;
    background: #fff;
    color: #000;
    border: 2px solid #fff987;
    padding: 10px 10px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    box-shadow: 0px 5px 1px #9E9E9E;
}

.filterGroup {
    padding-left: 20px;
    padding-right: 20px;
}

.filterGroup h3 {
    font-weight: 700;
    font-size: 24px;
}

.filterGroup ul {
    padding-left: 0;
}

.filterGroup ul li {
    list-style: none;
    padding-left: 0;
}

.filterGroup ul li label {
    font-weight: 700;
    font-size: 18px;
}

.filterGroup ul li .radio {
    margin-bottom: 15px;
}

.filterGroup ul li input[type=radio] {
    transform: scale(1.2);
    display: inline-block;
    margin-top: 7px;
}


.searchbar label {
    font-size: 16px;
}

button.submittopup,
button.submittopup:hover {
    background: -webkit-linear-gradient(45deg, rgb(255 254 141) 0%, rgb(228 180 37)) !important;
    box-shadow: 0px 5px 1px #9E9E9E;
    color: #000;
    border-radius: 8px;
    border: 0;
    font-size: 18px;
    margin-top: 10px;
    padding: 5px 20px;
}

.topupwallet .wrapperradiobox .option span {
    margin: 0;
}

.topupwallet .wrapperradiobox .option {
    background: none;
}

.topupwallet .wrapperradiobox .option::after {
    opacity: 1 !important;
}

.trackpnaleform {}

#widget-grid .jarviswidget.trackpnaleform header {
    background: none !important;
    border: 0;
}

#widget-grid .jarviswidget.trackpnaleform header h2 {
    font-size: 30px;
}

#widget-grid .jarviswidget.trackpnaleform header~div {
    background: none !important;
    border: 0;
}

#widget-grid .jarviswidget.trackpnaleform button.seargtracking,
#widget-grid .jarviswidget.trackpnaleform button.seargtracking:hover {
    background: -webkit-linear-gradient(45deg, rgb(255 254 141) 0%, rgb(228 180 37)) !important;
    box-shadow: 0px 5px 1px #9E9E9E;
    color: #000;
    border-radius: 8px;
    border: 0;
    font-size: 18px;
    margin-top: 10px;
    padding: 5px 20px;
}

.messagebox ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.messagebox ul li:not(:last-child) {
    margin-bottom: 15px;
}

.messagebox {
    background-color: #fff;
    padding: 15px 15px;
    border-radius: 15px;
}

.messagebox h4 {
    font-weight: 500;
    margin-bottom: 10px;
}

.messagebox ul li a {
    color: #555;
    font-size: 20px;
    font-weight: 400;
}

.messagebox a i {
    background-color: #28a219;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    position: relative;
    top: -3px;
}


#widget-grid .companyInfo .jarviswidget header,
#widget-grid .companyInfo .jarviswidget header~div {
    background-color: #231f20 !important;
}

#widget-grid .companyInfo .jarviswidget>header h2 {
    color: #fff;
}

#widget-grid .companyInfo #towhodisplay_sender label {
    color: #fff;
}

.companyInfo button.uploadbtn,
.companyInfo button.uploadbtn:hover {
    background: #feb600 !important;
    color: #fff;
    height: 35px;
    margin-right: 5px;
}

button.uploadbtn img {
    width: 20px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: -1px;
}


button.updatebtn,
button.updatebtn:hover {
    background: -webkit-linear-gradient(45deg, rgb(255 254 141) 0%, rgb(228 180 37)) !important;
    box-shadow: 0px 5px 1px #9E9E9E;
    color: #000;
    border-radius: 8px;
    border: 0;
    font-size: 18px;
    margin-top: 10px;
    padding: 5px 20px;
}

.saleorderamoutshort .quicklink {}

.saleorderamoutshort .quicklink h1 {
    color: #ffffff;
    font-weight: 600;
    font-size: 24px;
    line-height: 25px;
}


.saleorderamoutshort .quicklink .userlist {
    margin-top: 25px;
}


.saleorderamoutshort .quicklink .userlist ul {
    padding-left: 0;
    overflow-x: scroll;
    white-space: nowrap;
    padding-bottom: 10px;
    margin-bottom: 0;
}

/* width */
.saleorderamoutshort .quicklink .userlist ul::-webkit-scrollbar {
    height: 5px;
}

/* Track */
.saleorderamoutshort .quicklink .userlist ul::-webkit-scrollbar-track {
    background: #b1b1b1;
}

/* Handle */
.saleorderamoutshort .quicklink .userlist ul::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.saleorderamoutshort .quicklink .userlist ul::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.saleorderamoutshort .quicklink .userlist ul li {
    list-style: none;
    display: inline-block;
    margin-right: 20px;
}

.saleorderamoutshort .quicklink .userlist ul li a {
    position: relative;
    width: auto;
    border: 0;
    background: none;
    right: inherit;
    bottom: inherit;
}

.saleorderamoutshort .quicklink .userlist ul li a img {
    width: 45px;
    margin-left: auto;
    margin-right: auto;
}

.saleorderamoutshort .quicklink .userlist ul li a h5 {
    margin-top: 5px;
    font-size: 12px;
}

.saleorderamoutshort .quicklink.filterDate h1 {
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 2px;
}

.saleordershort.invdetail .boxdisplay .totalNumber,
.saleorderamoutshort.invdetail .boxdisplay .totalNumber {
    margin-top: 5px;
}

.saleordershort.invdetail .boxdisplay,
.saleorderamoutshort.invdetail .boxdisplay {
    min-height: 200px;
}


.inputsearchidnosection h1 {
    margin-bottom: 15px;
}

.inputsearchidnosection .inputsearchidno .form-control {
    margin-bottom: 20px;
    border-radius: 30px !important;
    background-color: #fff;
    padding: 23px 15px;
}

.inputsearchidnosection .boxdisplay table {
    border: 0;
}

.inputsearchidnosection .boxdisplay table tr {
    background: none;
    color: #fff;
}

.inputsearchidnosection .boxdisplay table thead tr th {
    text-align: center;
}

.inputsearchidnosection .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #272626;
}

.inputsearchidnosection .boxdisplay table tr th {
    border: 0;
    font-size: 15px;
    font-weight: 400;
}

.inputsearchidnosection .boxdisplay table tr td {
    border: 0;
}

.chatboxdisplay .saleorderamoutshort h1,
.chatboxdisplay .outstandingshort h1,
.chatboxdisplay .saleordershort h1,
.inputsearchidnosection h1 {
    font-weight: bold;
}

#chart-container svg {
    margin-left: -20px;
    transform: scale(1.1);
    top: 40px !important;
}

.chatboxdisplay .saleordershort.invdetail .boxdisplay,
.chatboxdisplay .saleorderamoutshort.invdetail .boxdisplay {
    min-height: 260px;
}


.chatboxdisplay .saleordershort.invdetail .boxdisplay h1.totalamounttopup {
    position: absolute;
    left: 40px;
    z-index: 1;
}

#chart-container svg g path[stroke="#E0E6F1"] {
    stroke: #3a3a3a;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #000;
    background-color: #ffffff;
    border-color: #ffffff;
    cursor: default;
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    #left-panel {
        left: -260px;
    }

    .rowspecial {
        display: block;
    }

    .jarviswidget.ordersummarySection .ordersummarySectionDetail .detailSummary {
        margin-left: 0;
        margin-right: 0;
    }

    .jarviswidget.ordersummarySection {
        background-position: 50% -10px
    }
}