/*@font-face {
    font-family: 'HelveticaNeueCondensedBlack';
    src: url('../fonts/HelveticaNeueCondensedBlack.eot');
    src: url('../fonts/HelveticaNeueCondensedBlack.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueCondensedBlack.woff2') format('woff2'),
         url('../fonts/HelveticaNeueCondensedBlack.woff') format('woff'),
         url('../fonts/HelveticaNeueCondensedBlack.ttf') format('truetype'),
         url('../fonts/HelveticaNeueCondensedBlack.svg#HelveticaNeueCondensedBlack') format('svg');
}*/
body{
    background: #F6F6F6 !important;
}
body, div{
    font-family: 'Be Vietnam Pro', sans-serif !important;
}
h1, h2{
    font-family: 'Be Vietnam Pro', sans-serif !important;
}
input::placeholder, textarea::placeholder{
    color: #D2D2D2 !important;
    font-size: 13px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
button:focus{
    outline: none !important;
}
.modal-dialog {
    max-width: 640px !important;
}
*{
    word-break: break-word;
}
.mt-10{
    margin-top: 10px;
}
.mt-20{
    margin-top: 20px;
}
.mt-30{
    margin-top: 30px;
}
.mt-40{
    margin-top: 40px;
}
.mb-10{
    margin-bottom: 10px;
}
.mb-20{
    margin-bottom: 20px;
}
.mb-30{
    margin-bottom: 30px;
}
.mb-40{
    margin-bottom: 40px;
}
.mt-60 {
    margin-top: 60px;
}

.mt-160{
    margin-top: 160px;
 }
 .mt-190{
    margin-top: 190px;
 }

 select:focus, input:focus, textarea:focus{
    outline: none !important;
    box-shadow: none !important;
 }

 .browseImgMain {
    padding-left: 0px;
}
.browseImgMain .control-label {
    margin: 0 0 10px;
    display: inline-block;
    width: 100%;
}
.browseBtn input {
    width: 90px;
    opacity: 1;
    position: absolute;
    min-height: 40px;
}
.browseBtn {
    display: inline-block;
    width: auto;
    margin-right: 102px;
}
.manage-supplierdetail-profile {
    width: 120px;
    height: 120px;
    border: 1px solid #DBDBDB;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    align-items: center;
    justify-content: center;
    vertical-align: bottom;
}
.manage-supplierdetail-profile img {
    max-width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    max-height: 100%;
}
.manage-supplierdetail-browse {
    width: 90px !important;
    height: 35px;
    display: inline-block !important;
    margin-bottom: 0px !important;
    vertical-align: bottom;
    margin-left: 10px !important;
}
.manage-supplierdetail-browse input {
    opacity: 0 !important;
    width: 90px !important;
    position: absolute !important;
    height: 35px !important;
}
.manage-supplierdetail-browse button {
    background: #d9d9d9 !important;
    color: #000 !important;
    border-color: #d9d9d9 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    width: 100% !important;
}

/*Login*/
/*.loginPassword::placeholder{
    font-size: 35px !important;
    position: relative;
    top: -2px;
    letter-spacing: .5px;
}*/
.cred-logo {
    width: 100%;
    text-align: center;
    display: inline-block;
    margin: 0 0 30px;
}
.cred-box {
    display: inline-block;
    width: 100%;
    background: #fff;
    padding: 30px;
    border-radius: 8px;
}
.cred-box h2 {
    font-size: 26px;
    color: #000000;
    font-weight: 500;
    padding: 0;
    margin: 0 0 20px;
}
.cred-box h4 {
    color: #6CC13B;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.4;
    margin: 0 0 20px;
}
.credformCols label {
    font-size: 13px;
    font-weight: 600;
    margin: 0 0 5px;
    display: inline-block;
    width: 100%;
}
.credformCols input {
    border: 1px solid #D2D2D2;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    height: 40px !important;
}
.credformCols input::placeholder {
    color: #D2D2D2 !important;
    font-style: 13px !important;
    font-weight: normal !important;
}
textarea::placeholder {
    color: #D2D2D2 !important;
    font-style: 13px !important;
    font-weight: normal !important;
}
textarea {
    border: 1px solid #D2D2D2;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    height: 80px;
    resize: none !important;
    padding: 12px !important;
}
.credformCols {
    display: inline-block;
    width: 100%;
    margin: 0 0 20px;
}
.credformCols button,.credformCols a {
    width: 150px;
}
.btnCncl {
    background: #E6E6E6 !important;
    color: #7D7D7D !important;
    border-radius: 25px !important;
    text-align: center !important;
    font-size: 15px !important;
    min-height: 40px !important;
}
.btngreen {
    background: #8FDD62 !important;
    color: #fff !important;
    border-radius: 25px !important;
    text-align: center !important;
    font-size: 15px !important;
    min-height: 40px !important;
}
.btnCncl:focus, .btngreen:focus{
    outline: none;
    box-shadow: none !important;
}
.credformColsBtn{
    display: flex;
    justify-content: space-between;
    margin: 10px 0 0;
    align-items: center;
}
.credformColsBtn a{
    font-size: 12px
    color:#007AFF;
    font-weight: normal;
}
.credformColsBtn a:hover{
    color:#007AFF;
    text-decoration: none;
}
.alreadyAccountTxt {
    font-size: 14px;
    color: #333;
    font-weight: normal;
}
.alreadyAccountTxt a {
    color: #007AFF;
}
.alreadyAccountTxt a:hover {
    color: #007AFF;
    text-decoration: none;
}
.alreadyAccount {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0 0;
}
.credformColsMobile select {
    width: 20%;
    height: 40px;
    border: 1px solid #D2D2D2;
    border-radius: 5px;
    padding: 5px 5px;
    display: inline-block;
}
.credformColsMobile input {
    width: 78%;
    float: right;
}
.credformCols span img {
    position: absolute;
    right: 13px;
    top: 15px;
/*    background: #fff;*/
    padding-left: 10px;
}
.credformCols span {
    position: relative;
    display: block;
}
.credformColsMobile span {
    width: 76%;
    vertical-align: middle;
    position: relative;
    float: right;
}
.credformColsMobile span input {
    width: 100%;
}
.credformColsMobile span img {
    top: 13px;
}

.browseSec {
    position: relative;
}
.browseSec input {
    display: block !important;
    opacity: 0;
    position: absolute;
    top: 0;
}
#registration-box {
    padding-bottom: 0;
    min-height: calc(100% - 40px);
}
/*Login*/

/*Thank You*/
.thankyouImg {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0 0 20px;
}
.thankyoyTxt {
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    text-align: center;
    margin: 0 0 30px;
}
.credformColsBtnFull {
    margin: 0 0 10px;
    text-align: center;
    width: 100%;
    display: inline-block;
}
.credformColsBtnFull .btngreen {
    width: auto;
    padding: 10px 35px;
}


/*Thank You*/

/*Header*/
#headMain {
    background: #fff;
    padding: 3px 0;
    position: sticky;
    top: 0;
    z-index: 10;
}
.navbar {
    background: #fff;
}
.accountUserMain{
    display: flex;
}
.navbar {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.nav-item.active .nav-link {
    color: #8FDD62 !important;
}
.nav-item .nav-link {
    font-size: 14px;
    font-weight: normal;
    padding-right: 15px !important;
    padding-left: 15px !important;
    color: #333 !important;
}
.nav-item .nav-link:hover {
    color: #8FDD62 !important;
}
.navbar-nav.navbarIconDash .bookDelivery a {
    background: #E9F1E4;
    border-radius: 18px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    color: #6CC13B !important;
}
.navbar-nav.navbarIconDash .bookDelivery a:hover, .navbar-nav.navbarIconDash .bookDelivery a:focus {
    color: #6CC13B !important;
}
.navbar-nav-one .nav-item:nth-last-child(2) {
    border-right: 1px solid #D2D2D2;
}
.navbarIconDash li:last-child {
    border-right: 1px solid #D2D2D2;
    padding-right: 8px;
}
.accountUser .nav-item.dropdown {
    margin: 0;
}
.dropdown-toggle::after {
    border: 0 !important;
    background: url(../images/down-arrow.svg) no-repeat !important;
    width: 10px;
    height: 6px;
}
.navbarIconDash li {
    margin-left: 5px;
}
.navbarIconDash li:nth-last-child(-n+2) .nav-link {
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.accountUser .nav-link {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.accountUser span {
    padding: 0 !important;
}
.accountUser span img {
    max-height: 100%;
/*    max-width: 100%;*/
}
.accountUser span i {
    height: 36px;
    width: 36px;
    overflow: hidden;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
}

/*sub menu*/
.dropMenuregular {
    width: 180px !important;
    font-size: 13px !important;
    top: 50px !important;
    padding: 6px 0 !important;
    box-shadow: 5px 5px 10px #0000001A !important;
    border: 0 !important;
    border-radius: 4px !important;
}
.dropMenuregular a {
    color: #001020 !important;
    font-weight: 500 !important;
    padding: 9px 10px 9px 20px !important;
}
.dropMenuregular a.active {
    color: #8FDD62 !important;
    text-decoration: none;
    background-color: transparent;
}
.dropMenuregular a:focus {
    color: #001020 !important;
    font-weight: 500 !important;
    background: inherit !important;
}
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}
ul.dropdown-menu.dropMenuregular {
    top: 0 !important;
    margin: 0 0 0 4px;
    min-width: 150px !important;
    width: 150px !important;
}
ul.dropdown-menu.dropMenuregular li {
    margin: 0;
}
.dropdown-submenu>a::after {
    content: "" !important;
    background: url(../images/down-arrow.svg) no-repeat !important;
    height: 10px;
    width: 10px;
    transform: rotate(270deg);
    top: 14px;
    position: absolute;
    right: 15px;
}
/*.rightSubMenu{
    display: none !important;
}
.dropdown-item.test:hover + .rightSubMenu{
    display: block !important;
}*/
/*Header*/

/*Dashboard*/
.coverMain {
    display: inline-block;
    width: 100%;
}
.coverInner {
    display: inline-block;
    width: 100%;
}
.coverInner .pageHeading {
    padding: 30px 0 12px;
    font-size: 25px;
    color: #333333;
    font-weight: 600;
}
.dashTileSection {
    display: inline-block;
    width: 100%;
    margin: 0 0 30px;
}
.dashTiles {
    width: 100%;
    display: flex;
    border-radius: 5px;
    padding: 6px 15px;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}
.dashTiles:hover {
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
}
.bgOne {
    background: #255175;
}
.bgTwo {
    background: #8EDC62;
}
.bgThree {
    background: #30B1B5;
}
.bgFour {
    background: #37CCC2;
}
.dashTileLeft {
    display: inline-block;
}
.dashTileLeft h3 {
    font-size: 40px;
    font-weight: 100;
    margin: 0;
}
.dashTileLeft p {
    font-size: 14px;
    margin: 3px 0 0;
}
.dashTileRight {
    display: inline-block;
}
.dashTileRight span {
    width: 30px;
    height: 30px;
    display: inline-block;
}
.dashTileRight span img {
    max-width: 100%;
    height: 100%;
}
.dashChartSection {
    width: 100%;
    display: inline-block;
}
.dashChartTile {
    display: inline-block;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 6px 8px #0000000A;
    margin: 0 0 15px;
}
.topTrack {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #E5E5E5;
}
.leftShelf {
    display: inline-block;
}
.leftShelf h5 {
    font-size: 16px;
    color: #333333;
    font-weight: 400;
}
.rightShelf {
    display: inline-block;
}
.rightShelf select {
    border: 0;
    font-size: 12px;
    color: #041527;
    margin: 0 0 0 15px;
}
.chartDelv {
    display: inline-block;
    width: 100%;
    padding: 15px;
}
.chartDelvInner {
    display: inline-block;
    width: 100%;
}
.rightShelfSelect .select2-container .select2-selection {
    border: 0;
    display: inline-block;
}
.rightShelfSelect .select2-container {
    width: 78px !important;
    display: inline-block;
    color: #041527 !important;
    font-size: 12px;
    margin: 0 0 0 5px;
}
.select2-dropdown {
    border: 0 !important;
    width: 80px;
    display: inline-block;
    box-shadow: 0px 2px 10px #afafaf !important;
    border-radius: 5px;
}
.select2-dropdown ul li {
    border-radius: 5px !important;
}
.select2-dropdown ul li {
    background: #fff !important;
    color: #041527 !important;
    margin: 0;
    padding: 6px 8px;
}


/*Dashboard*/

/*New Request*/

.topBarHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
}
.topBarHeader .pageHeading {
    padding: 0;
}
.searchTopbar {
    display: inline-block;
    width: 280px;
    text-align: right;
}
.searchTopbar input {
    width: 100%;
    border: 1px solid #D2D2D2;
    border-radius: 5px;
    padding: 9px 10px;
    font-size: 13px;
    color: #333;
    outline: none;
}
.searchTopbar input::placeholder {
    font-size: 13px;
    color: #D2D2D2;
}
.searchTopbar input:focus {
    border: 1px solid #D2D2D2;
}

.tableMain {
    display: inline-block;
    width: 100%;
}
.tableMain table {
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
}
.tableMain table thead{
    position: sticky;
    top: 0;
    z-index: 9;
}
.tableMain table tr th {
    font-size: 13px;
    color: #979797;
    padding: 12px;
    font-weight: 600;
    text-transform: uppercase;
    background: #f6f6f6;
    letter-spacing: 1.95px;
    white-space: nowrap;
}
.tableMain table tr td {
    font-size: 14px;
    font-weight: 600;
    color: #333333;
    padding: 15px;
    background: #fff;
    word-break: initial;
    border-bottom: 5px solid #f6f6f6;
    /*white-space: nowrap;*/
      /*overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 150px;*/
}
.tableMain table tr td:first-child {
    border-radius: 5px 0 0 5px;
}
.tableMain table tr td:last-child {
    border-radius: 0 5px 5px 0;
    width: 120px;
}
.remove, .tick-success {
    border: 0;
    background: none;
}
.remove:focus, .tick-success:focus {
    outline: none;
}
.tick-success {
    margin-left: 5px;
}

.tableInner {
    /*max-height: calc(100% - 260px);*/
    overflow: auto;
}
.paginationMain {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
}
.paginationLft {
    display: inline-block;
}
.paginationLft p {
    font-size: 11px;
    color: #8C8C8C;
    font-weight: 400;
}
.paginationRyt {
    font-size: 11px;
    display: flex;
    align-items: center;
}
.paginationRyt a {
    color: #8C8C8C;
    padding: 0 10px;
}
.paginationRyt a:hover {
    color: #8C8C8C;
    text-decoration: none;
}
.paginationRyt a.active,.paginationRyt nav .pagination li.active {
    background: #8FDD62;
    border-radius: 100%;
    width: 25px;
    display: flex;
    height: 25px;
    align-items: center;
    color: #fff;
    word-break: initial;
}

.requestLink{
    text-decoration: underline;
}
.requestLink:hover{
    color: #007bff;
}
/*New Request*/

/*Product Delivery*/

.pageHeading a {
    display: inline-block;
    margin: 0 6px 0 0;
}
.topDetailBox {
    display: inline-block;
    width: 100%;
    background: #fff;
    border-radius: 5px;
}
.topDetailBoxCol .detailCol {
    display: inline-grid;
}
.detailCol {
    display: inline-block;
    width: 49%;
    margin: 0 0 30px;
}
.detailCol label {
    font-size: 12px;
    color: #979797;
    /*text-transform: uppercase;*/
    font-weight: 600;
    display: inline-block;
    width: 100%;
    margin: 0 0 3px;
}
.detailCol span {
    width: 100%;
    display: inline-block;
    font-size: 14px;
    color: #333333;
    font-weight: 600;
}
.detailColNxt {
    margin: 0 0 10px;
}
.detailColTop {
    width: 100%;
}
.detailColTopInner {
    display: inline-block;
    width: 100%;
}
.detailColSptr {
    display: flex !important;
    width: 100%;
    justify-content: space-between;
    margin: 0 0 4px;
}
.detailColSptr span {
    width: auto;
    max-width: 200px;
    word-break: break-word;
}
.billedAmount {
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    padding: 10px 0 5px;
    margin-top: 15px;
}
.discount_applied {
    border-bottom: 1px solid #DDDDDD;
    padding: 10px 0 5px;
}
.detailColBtm {
    display: inline-block;
    width: 100%;
}
.detailColBtmInner {
    margin: 16px 0;
}
.detailColSptrLight {
    display: flex;
    justify-content: space-between;
}
.totalBill {
    background: #E9E9E9;
    border: 0;
    border-radius: 6px;
    padding: 15px 10px;
    margin: 0;
}
.topDetailBoxCol {
    padding: 20px;
}
.topDetailBoxCol.borderLeft {
    border-left: 1px solid #E5E5E5;
    padding-left: 40px;
}
.qaTableMain table tr td:last-child {
    width: auto;

}
.qaTableMain .tableInner {
    max-height: 180px;
}
.regularBtmBtns {
    margin-top: 20px;
    text-align: right;
}
.regularBtmBtns button,.regularBtmBtns a {
    margin: 0 0 0 10px;
}

/*Product Delivery*/

/*Delivery Request*/
.topDetailMultiBox {
    padding: 20px;
}
.topDetailMultiBox .detailCol {
    width: 19%;
    padding-right: 6px;
    vertical-align: top;
}
.pdDelBottomFull .detailCol {
    width: 100%;
    margin: 20px 0 10px;
}


/*Delivery Request*/

/*Delivery Detail*/

.detailColcheckSel .customCheck {
    width: 30%;
    vertical-align: top;
}
.detailColcheckSel .customRadio {
    width: 35% !important;
    display: inline-block;
    vertical-align: top;
}
.customRadio .checkLbl {
    text-transform: none;
    margin: -1px 0 0;
}
.padding-20{
    padding: 20px;
}
.detailColselect select {
    min-width: 155px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #D2D2D2;
    padding: 0 5px;
}
.detailColselect input {
    min-width: 155px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #D2D2D2;
    padding: 0 5px;
    background: #F2F1F1;
}
.detailColselect .detailCol {
    width: 34%;
}

/*Delivery Detail*/

/*Order Completed*/
.topDetailSingleRow .detailCol {
    margin: 0;
}
.deliveredColMain {
    width: 38% !important;
}
.detailColProfile {
    display: inline-flex;
    align-items: center;
}
.colProfileLft {
    display: inline-block;
}
.colProfileLft i {
    height: 50px !important;
    width: 50px !important;
}
.colProfileRyt {
    display: inline-block;
    padding: 0 0 0 10px;
}
.deliveredColMain .delivered {
    color: #6CC13B;
}
.deliveredColMain .delivered img {
    width: 12px;
    height: auto;
    margin: -2px 0 0 2px;
}
.topDetailMultiBox .detailCol:last-child {
    margin: 0 !important;
}
.multiActions {
    margin: 0 12px 0 0;
}
.tableMain table th .checkmark {
    top: -7px;
    left: 3px;
}
.tableMain table td .checkmark {
    top: -7px;
    left: 0px;
}
.tableMain table .customCheck .container {
    padding: 0 2px;
}
.newOrderInner .searchTopbar {
    width: 450px;
}
.newOrderInner .searchTopbar input {
    width: 280px;
}
.newOrderInner .searchTopbar button {
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 0 0 20px;
}


/*Order Completed*/

/*Regular Modal*/
.regularModal .modal-header {
    padding: 10px 15px;
    border-bottom: 1px solid #E5E5E5;
}
.regularModal .modal-title {
    font-size: 14px;
    color: #333333 !important;
    font-weight: 600;
}
.regularModal .close img {
    width: 12px;
    height: 12px;
    margin: 4px 0 0;
}
.regularModal .close {
    opacity: 9;
}
.regularModal th {
    background: #fff !important;
    font-size: 12px !important;
    letter-spacing: normal !important;
}
.regularModal .tableMain table tr td {
    border-bottom: 1px solid #E5E5E5;
    width: auto;
}
.regularModal .tableInner {
    height: calc(100vh - 569px);
    overflow: auto;
}
.regularModal .modal-footer {
    border: 0;
    padding-top: 0;
    padding-bottom: 20px;
}
.regularModal .btngreen {
    min-width: 150px;
}

/*Regular Modal*/

/*Completed Orders*/
.lastSingle table th:last-child, .lastSingle table td:last-child {
    width: 100px !important;
    text-align: center;
}
.lastSingle table td:last-child a {
    margin: 0;
}
.tableHeader {
    padding-bottom: 18px;
}
.searchTopbar.searchTopbarBtnLft button ,.searchTopbar.searchTopbarBtnLft a {
    margin: 0 !important;
    min-width: 100px;
}
.searchTopbar.searchTopbarBtnLft input {
    margin: 0 0 0 10px;
}
.tableInner .time {
    margin: 0 0 0 12px;
}

/*Completed Orders*/

/*Unclaimed payment popup*/

#unclaimedPay .modal-dialog {
    max-width: 400px !important;
}
.unclaimedPayPopup {
    padding: 0 15px;
}
.unclaimedPayPopup .detailCol {
    width: 100%;
}
.unclaimedPayPopup .detailCol .time {
    width: auto;
    margin: 0 0 0 12px;
}
#unclaimedPay .modal-body {
    padding-bottom: 0 !important;
}
#unclaimedPay.regularModal .modal-footer {
    padding-bottom: 15px;
    border-top: 1px solid #e5e5e5;
    padding-top: 15px;
}

/* -1- submit request successfully */

#submitReq .modal-dialog {
    max-width: 385px !important;
}
#submitReq .modal-header {
    border: 0;
}
#submitReq .cred-box {
    padding: 0;
}
#submitReq .modal-body {
    padding-top: 0;
}
#submitReq .thankyoyTxt {
    font-weight: 700;
    margin: 0 0 15px;
}
#submitReq .thankyouSubTxt {
    font-size: 15px;
    color: #000000;
    font-weight: 400;
    text-align: center;
    display: inline-block;
    margin: 0;
    padding: 0 60px 24px;
}
#submitReq {
    background: #000;
    z-index: 9999999;
}

/* -1- */

/*Unclaimed payment popup*/

/*Add Bank Detail*/

.bankDetailMain button {
    max-width: 130px;
}
.bankDetailMain .regularBtmBtns {
    margin-top: 10px;
}
.bankDetailMain .credformCols label {
    color: #000;
}
.bankDetailColMain {
    display: inline-block;
    width: 350px;
}

/*Add Bank Detail*/

/* Book Delivery */
.bookDelInner .detailCol{
    width: 100% !important;
}
.bookDelInner .topDetailMultiBox .credformCols {
    margin: 0 0 20px !important;
}
.bookDelInner .credformCols label {
    color: #000;
    font-size: 13px;
    margin: 0 0 5px;
}
.bookDelInner .topDetailBox {
    background: transparent;
    padding: 0;
}
.bookDelInner .pageHeading {
    padding-bottom: 20px;
}
.bookDelInner .detailColcheckSel .customCheck, .bookDelInner .detailColcheckSel .customRadio {
    width: 48% !important;
}
.bookDelInner .detailColcheckSel .credformCols input {
    opacity: 9;
    width: 155px;
    /*z-index: 99999999999;*/
    bottom: -10px;
}
.bookDelInner .detailCol label {
    margin: 0 0 6px;
    text-transform: capitalize;
}
.topDetailBoxNxt{
    margin: 10px 0 0;
}
.topDetailBoxNxt {
    margin: 10px 0 0;
    border-bottom: 1px solid #D2D2D2;
    border-radius: 0;
}
.bottomDtlBox {
    margin: 30px 0 0;
}
.delFinalFull .largeTxt {
    font-size: 20px !important;
}
.delFinalFull .largeTxt a {
    font-size: 12px;
    font-weight: 400;
    margin: 0 0 0 12px;
    text-decoration: underline;
}
.leftAligned {
    text-align: left;
    margin-top: 30px;
}
.leftAligned button:first-child {
    margin: 0;
}

/* Book Delivery */


/* Packaging Bags Popup */

.requestBagsMain .modal-dialog {
    max-width: 575px !important;
}
.requestBagsMain .detailCol {
    width: 100%;
    margin: 0 0 22px;
}
.requestBagsMain .customRadio {
    width: 24% !important;
}

.addMorePopup button {
    font-size: 15px;
    color: #8FDD62;
    border: 1px solid #8FDD62;
    background: transparent;
    width: 130px;
    max-width: 130px;
    min-height: 40px;
    border-radius: 25px;
}
.addMorePopup button span {
    font-size: 23px;
    margin: 0 4px 0 0;
    display: inline-block;
    position: relative;
    top: 1px;
}
.addMorePopup {
    display: inline-block;
    width: 100%;
    /*border-top: 1px solid #E5E5E5;*/
    border-bottom: 1px solid #E5E5E5;
    padding: 15px 16px;
    /*margin: 14px 0 0;*/
}
.requestBagsMain .modal-body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
.requestBagsPopup {
    padding-right: 1rem;
    padding-left: 1rem;    
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 15px;
    padding-top: 15px;
}
.modal-footer button {
    min-width: 130px !important;
}
.packageLbl{
    font-size: 13px !important;
    color: #000000 !important;
}
.requestBagsMain .detailColcheckSel{
    margin: 0 !important;
}
/* Packaging Bags Popup */

/*Profile*/
.profileRowLast {
    margin-top: 30px;
}
.profileMainInner label{
    color: #000 !important;
}
.profileMainInner .regularBtmBtns {
    text-align: left;
    margin-top: 10px;
}
.profileMainInner .btnCncl {
    margin: 0;
}
.profileMainInner .btngreen {
    margin-left: 25px;
}


/*Profile*/

/*Settings*/
.settingToggle label {
    font-size: 14px;
    color: #333333;
    font-weight: 600;
}
.btnRed {
    background: #FC4242 !important;
    margin: 0 !important;
}
.profileMainInner .regularBtmBtns {
    margin-top: 30px;
    width: 100%;
}
.profileMainInner .bankDetailColMain {
    width: 100%;
}


/*Settings*/

/*Delivery*/
.deliverymodal .modal-dialog {
    max-width: 330px !important;
}
/*Delivery*/

/*Contact-Us*/
.contactMain textarea {
    height: 120px !important;
}

/*Contact-Us*/

/*Messages*/
.messageMain .searchTopbarBtnLft button,.messageMain .searchTopbarBtnLft a {
    min-width: 160px;
}
.messageInner {
    display: inline-block;
    width: 100%;
}
.messageInner .box {
    box-shadow: none;
    border: 1px solid #DBDBDB;
    display: inline-block;
    width: 100%;
    padding: 0;
}
.messageLeftMain {
    display: inline-block;
    width: 100%;
    border-right: 1px solid #DBDBDB;
    height: 100%;
}
.messageLeftTop {
    display: inline-block;
    width: 100%;
    padding: 15px 20px;
    border-bottom: 1px solid #DBDBDB;
}
.messageLeftTop input {
    width: 100%;
    border: 0;
    background: #EFF0F2;
    padding: 5px 15px 5px 35px;
    min-height: 30px;
    font-size: 12px;
    color: #1A1A1A;
    border-radius: 6px;
}
.messageLeftTop input::placeholder {
    color: #1A1A1A !important;
    opacity: .5;
}
.messageLeftTop span {
    position: relative;
}
.messageLeftTop span img {
    position: absolute;
    left: 15px;
    height: 12px;
    width: 12px;
    top: 3px;
}
.messageCols.active{
    background: #eff0f2;
}
.messageCols .notifLeftImg {
    border-radius: 100%;
    overflow: hidden;
}
.messageCols .notifLeftImg img {
    width: auto;
}
.messageCols .deliveryAssign {
    font-size: 13px;
    color: #1D1F26;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    margin: 0 0 2px;
}
.messageCols .deliveryAssign.read, .messageCols .preview_chat_message.read
{
    font-weight: 500;
}
.messageCols .preview_chat_message.read
{
    font-weight: 400;
}
.messageCols .deliveryAssign span {
    font-size: 11px;
    color: #A8A8A8;
    font-weight: normal;
    word-break: normal;
}
.messageCols .acceptence {
    /*max-width: 186px;*/
    /*white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;*/
    font-size: 12px;
    color: #000000 !important;
    font-weight: 500 !important;
    display: flex;
    justify-content: space-between;
}
.messageCols .acceptence .badge {
    line-height: 1.5;
    border-radius: 50%;
    min-width: 18px;
}
.messageCols .acceptence .preview_chat_message{
    max-width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.messageCols .notifRow {
    padding: 0px 20px;
}
.messageColsinner {
    border-bottom: 1px solid #E3E3E3;
    width: 100%;
    display: inline-block;
    padding: 15px 0;
}
.messageCols .notifRight {
    width: calc(100% - 56px);
}
.messageCols .notifRow.active {
    background: #F5F5F5;
}
.messageRytMain .messageLeftTop {
    padding: 0;
}
.messageRytMain .notifRow {
    padding: 0;
}
.messageRytMain .messageColsinner {
    padding: 11px 15px 9px 20px;
    border: 0;
}
.messageRytMain .notifLeftImg {
    border-radius: 100%;
    overflow: hidden;
    height: 38px;
    width: 38px;
}
.messageRytMain .notifRight {
    width: calc(100% - 41px);
}
.messageRytMain .acceptence {
    width: 100%;
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    font-size: 12px;
    color: #999999 !important;
    margin: 0;
}
.messageRytMain .messageCols .deliveryAssign span {
    font-size: 12px;
    color: #999;
    font-weight: normal;
}
.messageIntxt {
    display: inline-block;
    width: 100%;
    max-height: 240px;
    overflow: auto;
}
.messageRytCont {
    padding: 20px 30px;
}
.messageIntxt p {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    line-height: 20px;
    margin: 0px;
    text-align: left;
    /*margin: 0 0 20px;*/
}
.messageRytCont textarea {
    padding: 12px !important;
    height: 120px;
    width: 100%;
    margin: 20px 0 0;
}
.messageRytMain button {
    max-width: 130px;
}
.messageLftDisplay {
    display: inline-block;
    width: 100%;
    max-height: 480px;
    overflow: auto;
}
.messageRytCont .regularBtmBtns {
    margin-bottom: 0;
}
.messageRytHead {
    font-size: 16px;
    color: #1D1F26;
    font-weight: 600;
    margin: 0;
}
.messageRytMain .messageColsinnerForm {
    padding: 18px 15px 18px 20px;
    border: 0;
}
.messageRytMainInner .detailColselect select {
    width: 100%;
}
.messageRytMainInner .bankDetailColMain textarea, .messageRytMainInner .bankDetailColMain .regularBtmBtns {
    margin: 0;
}
.messageRytMainInner .bankDetailColMain {
    width: 100%;
}
.messageRytMainInner .bankDetailColMain .detailColselect {
    width: 100% !important;
}

/*Messages*/

/*Order Detail*/
.detailColSptrLight span, .detailColBtm span {
    font-size: 14px !important;
}
.detailColSptrLight {
    margin: 0 0 8px;
}

/*Order Detail*/

/*Products*/
.topBarProducts .searchTopbar {
    width: calc(100% - 270px) !important;
    display: flex;
    justify-content: end;
}
.topBarProducts .searchTopbar input {
    width: 200px;
    max-height: 40px;
}
.topBarProducts .searchTopbar select {
    width: 150px;
    margin-left: 10px;
    max-height: 40px;
}
.topBarProducts button {
    width: 110px;
    margin-left: 10px !important;
    max-height: 40px;
}

/*Products*/

/*View-Products*/
.pdImgMain {
    display: inline-block;
    width: 100%;
}
.pdImgMain span {
    width: 203px;
    height: 210px;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    display: inline-block;
}
.pdImgMain span img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pdDetails {
    display: inline-block;
    width: 100%;
    padding: 0 0 0 20px;
}
.pdDetails .detailCol {
    display: inline-block;
    width: 100%;
}
.pdSummary {
    display: inline-block;
    width: 100%;
    padding: 0 10px 0 30px;
}
.pdSummary .detailCol {
    width: 100%;
}
.pdSummary .detailCol p {
    margin: 0 0 20px;
}
.pdDiscount {
    display: inline-block;
    width: 100%;
    padding-left: 20px;
}
.pdDiscount input {
    max-width: 200px;
}
.pdTxtarea {
    display: inline-block;
    width: 100%;
    padding-left: 30px;
}
.pdTxtarea textarea {
    height: 100px !important;
}
.pdBtns button {
    max-width: 130px;
}
.viewPdCover{
    display: inline-block;
    width: 100%;
}
.viewPdMainNxt {
    margin: 10px 0 0;
}
.pdToggleBtn {
    display: inline-block;
    width: 100%;
}
.pdToggleBtn .detailCol {
    width: 100%;
}

.pdTxtarea .detailCol {
    width: 100%;
    margin: 0 0 20px;
}
.pdDiscount .detailCol {
    width: 100%;
}
.pdTxtarea p {
    margin-top: 0;
}
.editDiscount {
    display: inline-block;
    width: 100%;
}
.editDiscount a {
    display: inline-block;
    width: auto;
    color: #007AFF;
    font-size: 12px;
    text-decoration: underline;
    font-weight: 600;
}
.editDiscount a:hover {
    color: #007AFF;
}


/*View-Products*/

select {
    appearance: none;
}
select {
    background: url(../images/arrow-down-drop.svg);
    background-repeat: no-repeat;
    background-position: 97% center;
    padding: 0 25px 0 8px !important;
}

/*Custom Checkbox*/

/* Customize the label (the container) */
.customCheck .container {
  display: block;
  position: relative;
  padding-left: 22px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.customCheck .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.customCheck .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px !important;
    border: 1px solid #D2D2D2;
    background: #fff !important;
    border-radius: 3px;
}

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

/* When the checkbox is checked, add a blue background */
.customCheck .container input:checked ~ .checkmark {
    background-color: #8fdd62 !important;
}

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

/* Show the checkmark when checked */
.customCheck .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.customCheck .container .checkmark:after {
    left: 4px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.customCheck .checkLbl {
    font-size: 14px !important;
    text-transform: none;
    color: #333333 !important;
    margin: -1px 0 0;
}
.customCheck {
    display: inline-block;
    width: auto;
}



/*Custom Checkbox*/


/*Custom Radio*/

/* Customize the label (the container) */
.customRadio .container {
  display: block;
  position: relative;
  padding-left: 22px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

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

/* Create a custom radio button */
.customRadio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 17px !important;
  width: 17px !important;
  border: 1px solid #D2D2D2;
  background: #fff !important;
  border-radius: 50%;
}

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

/* When the radio button is checked, add a blue background */
.customRadio .container input:checked ~ .checkmark {
  background-color: #8dda61 !important;
  border: 1px solid #8fdd62;
}

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

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

/* Style the indicator (dot/circle) */
.customRadio .container .checkmark:after {
  top: 5.5px;
  left: 5.5px;
  width: 4.5px;
  height: 4.5px;
  border-radius: 50%;
  background: white;
}

/*Custom Radio*/

/*Toggle Switch Button*/

div.checkbox.switcher label,
div.radio.switcher label {
  padding: 0;
}
div.checkbox.switcher label *,
div.radio.switcher label * {
  vertical-align: middle;
}
div.checkbox.switcher label input,
div.radio.switcher label input {
  display: none;
}
div.checkbox.switcher label input + span, div.radio.switcher label input + span {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    width: 40px;
    height: 25px;
    background: #D1D1D1;
    border: 1px solid #eee;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}
div.checkbox.switcher label input + span small, div.radio.switcher label input + span small {
    position: absolute;
    display: block;
    width: 50%;
    height: 100%;
    background: #fff;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    left: 4px;
    height: 15px;
    width: 15px;
    top: 4px;
}
div.checkbox.switcher label input:checked + span, div.radio.switcher label input:checked + span {
    background: #255175;
    border-color: #255175;
}
div.checkbox.switcher label input:checked + span small,
div.radio.switcher label input:checked + span small {
  left: 50%;
}


/*Toggle Switch Button*/

/*Custom Browse File*/
#custom-button {
    padding: 10px;
    color: white;
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    cursor: pointer;
    color: #7D7D7D;
    font-size: 13px;
    float: left;
}

#custom-button:hover {
    background-color: #e6e6e6;
    color: #7D7D7D;
}

#custom-text {
  margin-left: 10px;
  font-weight: 500;
  color: #666;
  width: 17ch;
  float: left;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}


/*Custom Browse File*/

.wrapper{
    max-height: calc(100vh - 48px);
    min-height: calc(100vh - 48px);
    overflow: auto;
}

.headerInner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
}

.footer-section {
    background: #fff;
    padding: 12px 0px;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    bottom: 0;
    position: fixed;
    left: 0;
    box-shadow: 0px 2px 49px #0000000F;
    z-index: 99999;
    margin: 20px 0 0;
}
.footer-main {
    display: inline-block;
    width: 100%;
}
.footer-main p {
    font-size: 12px;
    color: #8C8C8C;
    font-weight: normal;
    width: 100%;
    text-align: center;
    margin: 0;
}

.login-main {
    padding-top: 0;
    padding-bottom: 50px;
    min-height: calc(100% - 80px);
    display: flex;
    align-items: center;
}
.login-inner {
    max-width: 385px;
    margin: 0 auto;
    box-shadow: none;
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
}
.login-inner .login-box{
    margin-left: 0px;
    margin-right: 0px;
}


/*Notification Menu*/
.notificationMain{
    position: relative;
}
.notificationMain a::after {
    display: none;
}
.notificationDrop {
    left: inherit !important;
    right: 0 !important;
    width: 300px !important;
    min-width: 300px !important;
}
.notificationDropInner {
    display: inline-block;
    width: 100%;
}
.notificationDropTop {
    display: flex;
    justify-content: space-between;
    padding: 5px 15px;
    border-bottom: 1px solid #E3E3E3;
}
.notifTophead {
    font-size: 14px;
    color: #001020;
    font-weight: 700;
}
.notifClearTab {
    display: inline-block;
}
.notifClearTab a {
    padding: 0 !important;
}
.crossNotification {
    display: inline-block;
    margin: 0 0 0 8px;
    font-size: 15px;
}
.crossNotification:hover {
    text-decoration: none;
}
.notificationDropTop .clearAll {
    font-size: 12px;
    color: #007AFF !important;
    font-weight: 500;
    text-decoration: underline;
}
.notificationDropTop .clearAll:focus {
    color: #007AFF !important;
}
.notificationDrop {
    left: inherit !important;
    right: 0 !important;
    width: 300px !important;
    min-width: 300px !important;
}
.notificationDropInner {
    display: inline-block;
    width: 100%;
}
.notificationDropTop {
    display: flex;
    justify-content: space-between;
    padding: 5px 15px;
    border-bottom: 1px solid #E3E3E3;
}
.notifTophead {
    font-size: 14px;
    color: #001020;
    font-weight: 700;
}
.notifClearTab {
    display: inline-block;
}
.notificationDropTop .clearAll {
    font-size: 12px;
    color: #007AFF !important;
    font-weight: 500;
    text-decoration: underline;
}
.notifClearTab a {
    padding: 0 !important;
}
.crossNotification {
    display: inline-block;
    margin: 0 0 0 8px;
    font-size: 15px;
}
.notifContent {
    display: inline-block;
    width: 100%;
    max-height: calc(100vh - 500px);
    overflow: auto;
}
.notifRow {
    display: flex;
    width: 100%;
    padding: 10px;
}
.notifRowMain {
    border-bottom: 1px solid #E3E3E3;
    padding: 0 0 10px;
}
.notifLeft {
    display: inline-block;
    width: auto;
    vertical-align: top;
}
.notifLeftImg {
    width: 50px;
    height: 50px;
    background: #fff;
    box-shadow: 0px 0px 20px #0000001A;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.notifLeftImg img {
    width: 45px;
    height: auto;
    max-width: 100%;
}
.notifRight {
    display: inline-block;
    width: auto;
    vertical-align: top;
    padding: 0 0 0 13px;
}
.notifRight p {
    font-size: 12px;
    color: #1D1F26 !important;
    margin: 0 0 5px;
}
.notifRight .acceptence {
    font-weight: 600;
}
.notifRight .dateTime {
    font-size: 11px !important;
    color: #A8A8A8 !important;
}
.dateTime img {
    width: 10px;
    height: 11px;
    margin: -2px 5px 0 0;
}
.notifBtns {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    margin: 0;
}
.notifBtns button {
    margin: 0 !important;
    width: 130px !important;
}
.notifRowMain:last-child{
    border: 0;
}

/*Notification Menu*/




.navbar-light .navbar-toggler-icon {
    background-image: url("../images/toggle.svg") !important;
}
.navbar-toggler {
    border-color: #6CC13B !important;
}
.declined{
    color: #FF0000 !important;
}
.completed{
    color: #6CC13B !important;
}
.box{
    background: #fff;
    display: inline-block;
    width: 100%;
    border-radius: 5px;
    box-shadow: 0px 6px 8px #0000000A;
    padding: 20px;
}
.customRow {
    margin-right: -10px !important;
    margin-left: -10px !important;
}
.customRow [class^=col-]{
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.modal-footer-border{
    border-top: 1px solid #E5E5E5 !important;
    padding-top: 18px !important;
}
.modal-content .row:last-child .detailCol {
    margin: 0 0 8px;
}

/*New*/

@media (min-width: 1200px){
.container {
    max-width: 1200px !important;
}

}


@media (max-width: 1199px){
.nav-item .nav-link {
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.navbar-nav li{
    margin: 0 !important;
}
.container {
    max-width: 100% !important;
}
/*.tableMain table {
    width: 100%;
    border-spacing: 0 5px;
    border-collapse: separate;
    white-space: nowrap;
}*/
.detailColselect select {
    min-width: 100%;
    width: 100%;
}
.detailColselect input {
    min-width: 100%;
    width: 100%;
}
.detailColselect .detailCol {
    width: 34%;
    margin: 0 20px 0 0;
}
.detailColcheckSel .customCheck {
    width: 44%;
}
.detailColcheckSel .customRadio {
    width: 44% !important;
}
.profileMenu + .dropMenuregular {
    position: absolute !important;
    right: 89px !important;
    left: -105px;
    background: #fff !important;
    top: 56px !important;
}
.dropdown-submenu>a::after {
    transform: rotate(0deg);
    position: absolute;
    right: 8px;
}
.navbarIconDash {
    padding: 0 0 0 8px !important;
}
.requestBagsMain .customRadio {
    width: 23% !important;
}
.pdImgMain span {
    width: 100%;
    height: auto;
}
.pdImgMain span img {
    width: 100%;
    height: auto;
    object-fit: cover;
}


}

@media (max-width: 1024px){
.regularModal .tableInner {
    height: calc(100vh - 400px);
}
    
}
@media (max-width: 991px){

.navbar-collapse {
    position: absolute !important;
    top: 63px;
    left: 0;
    background: #fff;
    right: 0;
}
.dashTiles {
    margin: 0 0 15px;
}
.topDetailMultiBox .detailCol {
    width: 24%;
}
.deliveredColMain {
    width: 22% !important;
}
.detailCol {
    margin: 0 0 20px !important;
}
.regularModal .tableInner {
    height: calc(100vh - 569px);
}
.bookDelInner .detailColcheckSel .credformCols input {
    width: 115px;
}
.dropMenuregular {
    width: 100% !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0px !important;
    background: #e9f1e4 !important;
}
.bookDelivery {
    padding: 8px 0 0 8px;
}
.navbarIconDash li {
    display: inline-block !important;
    width: auto !important;
}
.navbarIconDash {
    display: block !important;
    margin: 0 0 15px !important;
}
.navbarIconDash li:last-child {
    border-right: 0;
    padding-right: 0;
}
.profileMenu + .dropMenuregular {
    left: -80px;
}
.navbarIconDash {
    padding: 0px !important;
}
.dropMenuregular.notificationDrop {
    position: fixed !important;
    top: 0 !important;
    margin: 0;
    background: #fff !important
}
.notifContent {
    max-height: calc(100vh - 90px);
}
.notifBtns {
    display: inline-block;
}
.notifBtns button {
    margin: 0 0 0 10px !important;
}

.pdDetails {
    padding: 0;
}
.pdSummary {
    padding: 0;
}
.pdSummary {
    padding: 0;
}
.pdDiscount {
    padding-left: 0px;
}
.pdTxtarea {
    padding-left: 0px;
}

}


@media (max-width: 767px){
.tableInner {
    max-height: inherit;
    overflow: auto;
}
.topDetailBoxCol.borderLeft {
    padding-left: 20px;
    border-left: 0;
    border-top: 1px solid #E5E5E5;
}
.topDetailMultiBox .detailCol {
    width: 33%;
}
.detailColcheckSel .customRadio .container {
    padding-right: 0;
}
.detailColcheckSel .customRadio {
    width: 49% !important;
}
.detailColcheckSel .customCheck .container {
    padding-right: 0;
}
.detailColcheckSel .customCheck {
    width: 46%;
}
.detailColselect .detailCol {
    width: 40%;
    margin: 0 20px 0 0;
}
.detailColselect {
    width: 58%;
}

.detailColBlank {
    display: none;
}
.deliveredColMain {
    width: 32% !important;
}
.regularModal .tableInner {
    height: calc(100vh - 245px);
}
.profileMenu + .dropMenuregular {
    max-height: 225px;
    overflow: auto;
}
.topBarProducts .searchTopbar {
    width: 100% !important;
    justify-content: start;
    margin: 15px 0 0;
}
.topBarProducts {
    display: inline-block;
    width: 100%;
}
.pdDiscount span, .pdDiscount input{
    max-width: 100% !important;
}
.pdImgMain {
    margin: 0 0 20px;
}

}
@media (max-width: 575px){
.coverInner .pageHeading {
    font-size: 17px;
    width: 100%;
    margin: 0 0 15px;
    padding: 20px 0 10px;
}
.detailCol:last-child {
    margin: 0;
}

.topBarHeader {
    display: inline-block;
    width: 100%;
}
.searchTopbar {
    width: 100%;
}
.tableInner {
    max-height: calc(100% - 325px);
    overflow: auto;
}
.regularBtmBtns {
    display: flex;
    justify-content: space-between;
}
.regularBtmBtns button {
    margin: 0px;
}
.qaTableMain .tableInner {
    max-height: 280px;
}
.topDetailMultiBox .detailCol {
    width: 100%;
}
.detailColcheckSel {
    width: 100%;
}
.detailColcheckSel .customCheck {
    width: 49%;
}
.detailColcheckSel .customRadio {
    width: 49% !important;
}
.detailColcheckSel {
    margin-bottom: 20px;
}
.detailColselect {
    width: 100%;
}
.detailColselect .detailCol {
    width: 46.2%;
}

.deliveredColMain {
    width: 100% !important;
}

.newOrderInner .searchTopbar {
    width: 100%;
    display: flex;
}
.newOrderInner .searchTopbar button {
    font-size: 13px !important;
}
.newOrderInner .pageHeading {
    padding-top: 0;
    padding-bottom: 0;
}
.regularModal .tableInner {
    height: calc(100vh - 300px);
}
.bankDetailColMain {
    width: 100%;
}
.pageHdNoMP {
    margin: 0 !important;
    padding: 0 !important;
}
.searchTopbarFull input {
    width: 100% !important;
}

.profileMenu + .dropMenuregular {
    max-height: inherit;
    overflow: inherit;
}
.notifBtns {
    display: flex;
}
.notifBtns button {
    margin: 0 !important;
}
.requestBagsMain .customRadio {
    margin: 0 0 8px 0;
}
.packageBgMain .searchTopbar.searchTopbarBtnLft button,.packageBgMain .searchTopbar.searchTopbarBtnLft a {
    min-width: 130px !important;
}
.box {
    margin: 0 0 15px;
}
.profileMainInner .regularBtmBtns {
    margin-top: 15px;
}
.messageInner .pr-0 {
    padding-right: 15px !important;
}
.messageInner .pl-0 {
    padding-left: 15px !important;
}
.disFlex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.messageMain .searchTopbar.searchTopbarBtnLft {
    width: auto;
}
.messageLftDisplay {
    max-height: 250px;
}
.messageRytMain {
    margin: 0px 0 0;
    border-top: 15px solid #f6f6f6;
}
.messageRytCont {
    padding: 15px;
}
.messageMain .pageHeading {
    margin: 0;
}
.messageInner .box {
    border:0px;
}
.messageLeftMain {
    border: 1px solid #DBDBDB;
}
.messageRytMainInner {
    border: 1px solid #DBDBDB;
}
.messageRytMain .messageColsinner {
    padding: 11px 15px 9px 15px;
}
.topBarProducts .searchTopbar {
    width: 100% !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.topBarProducts .searchTopbar input {
    width: 100%;
    margin: 0 0 15px;
}
.topBarProducts .searchTopbar select {
    width: 100%;
    margin-left: 0;
    margin-bottom: 15px;
}
.topBarProducts .searchTopbar button {
    margin: 0 0 0 0px !important;
}
.pdImgMain span {
    height: 250px;
}
.pdImgMain span img {
    height: 100%;
}




}

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

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

.message-tag{

    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
.message-right
{
    text-align: right;
    align-self: end;
    max-width: 80%;
    background: #f6f6f6;
    border-radius: 5px;
    padding: 5px 10px;
}
.message-left
{
    text-align: left;
    align-self: start;
    width: 80%;
    background: #f6f6f6;
    border-radius: 5px;
    padding: 5px 10px;
}

.message-time{
    font-size: 10px;
    color: #999ea6;
}



/* ribbon work */
.ribbon-wrapper {
    height: 70px;
    overflow: hidden;
    position: absolute;
    right: -2px;
    top: -2px;
    width: 70px;
    z-index: 9;
}

.ribbon-wrapper.ribbon-lg {
    height: 85px;
    width: 100px;
}
.ribbon-wrapper.ribbon-lg .ribbon {
    right: 0;
    top: 20px;
    width: 140px;
}
.ribbon-wrapper .ribbon {
    box-shadow: 0 0 3px rgb(0 0 0 / 30%);
    font-size: .8rem;
    line-height: 100%;
    padding: 0.375rem 0;
    position: relative;
    right: -2px;
    text-align: center;
    /*text-shadow: 0 -1px 0 rgb(0 0 0 / 40%);*/
    color:fff;
    text-transform: uppercase;
    top: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 90px;
}
.ribbon-wrapper .ribbon::before {
    left: 0;
}
.ribbon-wrapper .ribbon::after, .ribbon-wrapper .ribbon::before {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #9e9e9e;
    bottom: -3px;
    content: '';
    position: absolute;
}


.ribbon-wrapper .ribbon::after {
    right: 0;
}
/* ribbon work */