/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 html {background-color: #fff !important;}
 .error{color:#ff0000;}
 .page-black-overlay {
     position: fixed;
     top: 0;
     left: 0;
     background: rgba(227, 227, 227, 0.7);
     z-index: 5;
     width: 100%;
     height: 100%;
     display: block;
     z-index: 99999;
 }
 
 .load-image {
     height: 65px;
     left: 50%;
     margin-left: -32.5px;
     margin-top: -32.5px;
     position: fixed;
     top: 50%;
     width: 65px;
     display: block;
     z-index: 999991;
 }
 .order-list-page .header-block.block-html-after-header,.order-detail-page .header-block.block-html-after-header,.order-settings-page .header-block.block-html-after-header {
     position: absolute !important;
 }
 .emp-login-page{
     overflow: hidden;
 }
 .FormBoxWrap {
     padding: 0;
     height: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     height: 100vh;
     position: relative;
 }
 .FormBoxWrap:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 50%;
     background: url(../images/bgcurve-login.png);
     top: 0;
     z-index: 0;
     background-size: cover;
     background-position: left top;
 }
 .FormBox {
     width: 100%;
     max-width: 510px;
     background: #fff;
     border-radius: 10px;
     display: block;
     -webkit-box-shadow: 0 10px 40px rgba(0,0,0,.20);
             box-shadow: 0 10px 40px rgba(0,0,0,.20);
     padding: 40px 30px;
     position: relative;
     margin: 0 auto;
 }
 .login-logo{
     text-align: center;
     margin-bottom: 15px;
 }
 .FormBox h2 {
     margin: 0 0 1.2rem;
     padding: 0 0 .7rem;
     display: block;
     position: relative;
     font-size: 2rem;
     font-weight: bold;
     line-height: 1;
     text-transform: uppercase;
     color: #D71910;
     font-family: 'Lato';
 }
 .FormBox h2:after {
     content: '';
     position: absolute;
     width: 40px;
     height: 4px;
     background: rgba(255, 0, 0, .5);
     bottom: -4px;
     left: 0;
     border-radius: 100px;
 }
 .form-group {
     margin-bottom: 1rem;
 }
 .form-group label {
     font-size: 16px;
     color: rgba(102,102,102,0.85);
     font-family: 'Lato';
     font-weight: 400;
     display: inline-block;
     margin-bottom: .5rem;
 }
 .form-group .form-control {
     display: block;
     width: 100%;
     height: calc(2.25rem + 2px);
     padding: .375rem .75rem;
     font-size: 1rem;
     line-height: 1.5;
     color: #495057;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid #ced4da;
     border-radius: .25rem;
     -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
     transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
     -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
     transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
     transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
     font-family: 'Lato';
     min-height: 44px;
 }
 .FormBoxWrap form {
     width: 100%;
     margin: 0;
     padding: 24px 24px;
 }
 .emp-login-page .header-block, .ui-loader {
     display: none;
 }
 .FormBoxWrap form button#emp_login {
     width: 100%;
     border: 2px solid #fff;
     opacity: 1;
     margin: 15px 0 0 0px;
     border-radius: 100px;
     padding: 0px 0;
     height: auto;
     background: #D71910;
     font-family: 'Lato';
     font-size: 1.2rem;
     color:#fff;
 }
 .order-list-page .swal-button--cancel, .order-detail-page .swal-button--cancel,.order-settings-page .swal-button--cancel {
     background: #DBDBDB !important;
 }
 .order-detail-page .swal-icon--success__line {
     background: #a5dc86 !important;
 }
 .order-list-page .swal-button--confirm,
 .order-detail-page .swal-button--confirm,
 .order-settings-page .swal-button--confirm {
     background: #D71910 !important;
 }
 /* .header-block.block-html-after-header.z-1 {
     display: none;
 } */
 .orders-section .order-header {
     background: #d71910;
 }
 .orders-section .order-header h2 {
     text-align: center;
     padding: 15px 0;
     color: #fff;
     margin: 0;
     font-size: 32px;
     font-weight: 600;
     line-height: normal;
 }
 .orders-section .order-header h3 {
     text-align: center;
     margin: 0;
     font-size: 25px;
     color: #fff;
     font-weight: 500;
         text-transform: capitalize;
     letter-spacing: 2px;
 }
 .orders-section .order-header .btn_back,.orders-section .order-header .btn-back {
     position: absolute;
     top: 20px;
     left: 15px;
     color: #fff;
     font-size: 18px;
 }
 .orders-section .order-header .emp_settings {
     position: absolute;
     top: 20px;
     right: 110px;
     color: #fff;
     font-size: 18px;
     cursor: pointer;
 }
 .orders-section .order-header .emp_logout {
     position: absolute;
     top: 20px;
     right: 15px;
     color: #fff;
     font-size: 18px;
     cursor: pointer;
 }
 .orders-section .order-header h3 i {
     font-size: 24px;
     vertical-align: middle;
     margin: -8px 10px 0 0;
 }
 .orders-section .container {
     max-width: 800px;
 }
 .orders-section .tab-wrapper {
     margin: 30px 0 0 0;
 }
 .orders-section .tab-wrapper ul {
     list-style: none;
     padding: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin: 0;
 }
 .orders-section .tab-wrapper ul li {
     margin: 0;
     width: 100%;
     text-align: center;
     cursor:pointer;
 }
 .orders-section .tab-wrapper ul li a {
     display: inline-block;
     width: 100%;
     color: #fff;
     background: #d71910;
     padding: 10px 0;
     border-radius: 10px 10px 0 0;
     font-size: 16px;
     font-weight: 500;
     -webkit-box-shadow: none;
             box-shadow: none;
     -webkit-box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, .15);
             box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, .15);
     text-transform: capitalize;
 }
 .orders-section .tab-wrapper ul li a.active-tab {
     background: #fff;
     color: #d71910;
 }
 .orders-section .hide-tab {
     display: none;
 }
 .orders-section .active-content {
     display: block;
 }
 .orders-section .tab-content {
     margin: 30px 0;
 }
 .orders-section .order-item-wrapper {
     -webkit-box-shadow: 0 0px 15px rgba(0,0,0,.10);
             box-shadow: 0 0px 15px rgba(0,0,0,.10);
     border-radius: 8px;
     padding: 20px;
     cursor: pointer;
 }
 .orders-section .order-item-wrapper + .order-item-wrapper {
     margin: 20px 0 0 0;
 }
 .orders-section .order-item-wrapper h3 {
     font-size: 30px;
     font-weight: 900;
     color: #123c6a;
     margin: 0 0 15px 0;
     line-height: normal;
 }
 .orders-section .order-item-wrapper .order-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
 }
 .orders-section .order-item-wrapper .order-item .left-div {
     width: 50%;
 }
 .orders-section .order-item-wrapper .order-item p {
     font-size: 15px;
     line-height: normal;
     margin: 0;
     color: #333;
 }
 .orders-section .order-item-wrapper .order-item p + p {
     margin: 5px 0 0 0;
 }
 .orders-section .order-item-wrapper .flex {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
 }
 .shipping-method ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
     list-style: none;
     padding: 0;
     margin: 15px 0 0 0;
     font-size: 15px;
     line-height: normal;
 }
 .shipping-method ul i {
     font-size: 15px;
     margin: 0px 10px 0 0;
     vertical-align: middle;
     width: 28px;
     height: 28px;
     border-radius: 100px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     border: 2px solid #ccc;
     color: #ccc;
 }
 .shipping-method ul li {
         margin: 0 30px 0 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #333;
 }
 
 .status-label {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 100%;
     margin: initial;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     padding: 0px 0 30px 0;
 }
 .status-label p {
     margin: 0;
 }
 .status-label p, .status-label a.fa.fa-arrow-down.fa-1x {
     color: #123c6a;
 }
 .arrow.bounce {
     -webkit-animation: bounce 4s infinite;
     animation: bounce 4s infinite;
     margin-left: 10px;
 }
 .right-div {
     text-align: right;
 }
 
 @-webkit-keyframes bounce {
   0%, 20%, 50%, 80%, 100% {
     -webkit-transform: translateY(0);
             transform: translateY(0);
   }
   40% {
     -webkit-transform: translateY(-15px);
             transform: translateY(-15px);
   }
   60% {
     -webkit-transform: translateY(-15px);
             transform: translateY(-15px);
   }
 }
 
 @keyframes bounce {
   0%, 20%, 50%, 80%, 100% {
     -webkit-transform: translateY(0);
             transform: translateY(0);
   }
   40% {
     -webkit-transform: translateY(-15px);
             transform: translateY(-15px);
   }
   60% {
     -webkit-transform: translateY(-15px);
             transform: translateY(-15px);
   }
 }
 
 .nav_up:hover {
     background-color: #d71910;
 }
 
 .btnLoadmore a.showMore {
     margin-top: 30px;
     margin-bottom: 30px;
     display: block;
     font-size: 18px;
     padding: 6px 30px;
     border-radius: 4px;
     width: 160px;
     margin-left: auto;
     margin-right: auto;
     border: 1px solid transparent;
     background-color: #d71910;
     transition: .3s;
     color: #fff;
     text-align: center;
 }
 
 .web-loader{margin-top: 20px;}
 .nav_up {
     width: 50px;
     height: 50px;
     position: fixed;
     right: 30px;
     bottom: 30px;
     border-radius: 100px;
     background: #d71910;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     font-size: 24px;
     box-shadow: 0 0px 30px rgba(0,0,0,.7);
     cursor: pointer;
 }
 .order-search {
     position: relative;
     margin: 0 0 30px 0;
 }
 
 .order-search input.form-control {
       background: #f6f6f6;
     border-radius: 4px;
     margin: 0;
     padding: 10px 140px 10px 15px;
     font-size: 18px;
     height: auto;
     box-sizing: border-box;
     border: 0;
 }
 
 .order-search a {
     position: absolute;
     display: flex;
     width: 130px;
     right: 0;
     top: 0;
     background: #123c6a;
     bottom: 0;
     text-align: center;
     align-items: center;
     justify-content: center;
     border-radius: 4px;
     color: #fff !important;
     font-weight: 400;
     text-transform: uppercase;
     font-size: 15px;
 }
 
 .order-search a i {
     font-size: 18px;
     vertical-align: middle;
     margin: 0 10px 0 0;
 }
 .detail-content {
     padding: 30px 0px;
 }
 
 
 .detail-content .detail-inner-content .detail-item-wrapper {
     -webkit-box-shadow: 0 0px 15px rgba(0,0,0,.10);
     box-shadow: 0 0px 15px rgba(0,0,0,.10);
     border-radius: 8px;
     padding: 20px;
 }
 
 .detail-content .detail-inner-content .detail-item-wrapper .flex {
     display: flex;
     align-items: center;
 }
 
 .detail-content .detail-inner-content .detail-item-wrapper .flex h3 {
     font-size: 30px;
     font-weight: 900;
     color: #123c6a;
     margin: 0 0 15px 0;
     line-height: normal;
 }
 
 .detail-content .detail-inner-content .detail-item-wrapper .order-item {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
 }
 
 .detail-content .detail-inner-content .detail-item-wrapper .order-item p {
     font-size: 15px;
     line-height: normal;
     margin: 0;
     color: #333;
 }
 
 .detail-content .detail-inner-content .detail-item-wrapper .order-item p + p {
     margin: 5px 0 0 0;
 }
 .detail-content .contact-info {
     border-top: 1px solid #e9e9e9;
     padding-top: 15px;
     margin-top: 15px;
 }
 .detail-content .contact-info .contact {
     display: flex;
     flex-wrap: wrap;
 }
 .detail-content .contact-info .contact p {
     margin: 0;
     font-size: 16px;
     font-weight: 400;
     color: #123c6a;
     margin: 0 20px 0 0;
 }
 .detail-content .product-listing {
     margin: 50px 0 0 0;
 }
 
 .detail-content .product-listing ul.product-ul {
     box-shadow: 0 0px 15px rgba(0,0,0,.10);
     border-radius: 8px;
 }
 
 .detail-content .product-listing ul.product-ul .product-item {
     position: relative;
     display: flex;
     align-items: center;
     margin: 0;
     padding: 20px;
     transition: all .2s;
     cursor: pointer;
 }
 
 .detail-content .product-listing ul.product-ul .product-item .product-img {
     width: 100px;
     min-width: 100px;
 }
 
 .detail-content .product-listing ul.product-ul .product-item .product-img img {
     width: 100%;
 }
 
 .detail-content .product-listing ul.product-ul .product-item .product-content {
     width: calc(100% - 100px);
     padding-left: 15px;
     padding-right: 15px;
     display: flex;
     align-items: flex-start;
     transition: all 0.2s ease 0s;
 }
 .detail-content .product-listing ul.product-ul .product-item + .product-item {
     border-top: 1px solid #ddd;
 }
 .detail-content .product-listing ul.product-ul .product-item .action-div {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     background: #30be30;
     align-items: center;
     padding: 0 15px;
     color: #fff;
     font-size: 18px;
     cursor: pointer;
     display: none;
     width: 0;
     padding: 0;
     transition: all .2s;
     /* display: flex; */
     justify-content: center;
     text-align: center;
 }
 .detail-content .product-listing ul.product-ul .product-item .product-content .product-info {
     padding: 0;
 }
 
 .detail-content .product-listing ul.product-ul .product-item .product-content .product-info h5 {
     font-size: 15px;
     line-height: normal;
     margin: 0;
     color: #333;
     font-weight: 400;
 }
 .detail-content .product-listing ul.product-ul .product-item .product-content .product-info h2 {
     font-size: 18px;
     font-weight: 900;
     color: #123c6a;
     line-height: normal;
     margin: 10px 0 0px 0;
 }
 .detail-content .product-listing ul.product-ul .product-item .product-content .product-info p {
     font-size: 15px;
     line-height: normal;
     color: #9a9a9a;
     margin: 10px 0 0 0;
 }
 .detail-content .product-listing ul.product-ul .product-item .product-content .product-price {
     margin-left: auto;
 }
 
 .detail-content .product-listing ul.product-ul .product-item .product-content .product-price h4 {
     font-size: 24px;
     font-weight: 900;
     color: #123c6a;
     margin: 0;
     line-height: normal;
         white-space: nowrap;
 }
 .detail-content .btnorders a {
     padding: 10px 15px;
     border-radius: 4px;
     font-weight: 500;
     margin: 0 5px;
     min-width: 120px;
     text-align: center;
         display: inline-block;
 }
 .on_hold_order {
     color: #856404 !important;
     background-color: #fff3cd !important;
     border-color: #ffeeba !important;
 }
 .cancel_order {
     color: #721c24 !important;
     background-color: #f8d7da !important;
     border-color: #f5c6cb !important;
 }
 .processing_order {
     color: #5b841b !important;
     background-color: #c6e1c6 !important;
     border-color: #c6e1c6 !important;
 }
 .complete_order {
     color: #155724;
     background-color: #d4edda;
     border-color: #c3e6cb;
 }
 .detail-content .btnorders {
     text-align: center;
 }
 .detail-content .btnorders + .btnorders {
     margin: 15px 0 0 0;
 }
 .detail-content .btnorders a.complete_order {
     width: 100%;
     background: #155724;
     color: #fff;
     max-width: 260px;
 }
 .detail-content .btnorders a.reprint, .detail-content .btnorders a.tvg-print,  .btnorders .delete_shipment, .btnorders .create_shipment {
     background: #d71910;
     color: #fff;
     max-width: 260px;
 }
 .orders-section .order-item-wrapper form {
     margin: 0;
 }
 .order-pick-modal {
     padding: 0;
 }
 .order-pick-modal .order-pick-body ul {
     padding: 0;
     list-style: none;
 }
 .order-pick-modal .order-pick-body ul li {
         padding: 15px;
     margin: 0;
     display: flex;
     font-size: 18px;
     position: relative;
     border-bottom: 1px solid #e8e8e8;
 }
 .order-pick-modal .custom-radio {
     display: inline-block;
     position: relative;
     width: 22px;
     height: 22px;
     margin: 0 10px 0 0;
 }
 .order-pick-modal .custom-radio span.checkmark {
     width: 22px;
     height: 22px;
     border: 2px solid #333;
     display: inline-block;
     border-radius: 100px;
 }
 .order-pick-modal .custom-radio input {
     position: absolute;
     left: 0;
     top: 0;
     width: 22px;
     height: 22px;
     margin: 0;
     z-index: 1;
     opacity: 0;
     cursor: pointer;
 }
 .order-pick-modal .order-pick-body ul li .custom-radio {
     position: absolute;
     right: 20px;
     top: 50%;
     transform: translateY(-50%);
 }
 .order-pick-modal input#radio_submit {
     width: 100%;
     background: #30be30;
     border-radius: 0 0 8px 8px;
     color: #fff;
     margin: 15px 0 0 0;
     padding: 5px 0;
 }
 .order-pick-modal {
     padding: 0 !important;
 }
 .order-pick-modal .custom-radio input:checked + span.checkmark {
     background: #30be30;
     border-color: #30be30;
 }
 .order-pick-modal .custom-radio input:checked + span.checkmark:after {
     content: '';
     position: absolute;
     left: 8px;
     top: 4px;
     width: 7px;
     height: 12px;
     border: solid white;
     border-width: 0 3px 3px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
 }
 .orders-section .order-header.setting-header {
     padding: 15px 0 25px 0px;
 }
 .settings-content {
     padding: 30px 0;
 }
 .settings-content {
     padding: 30px 0;
 }
 .setting-tab ul {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
 }
 .setting-tab ul li {
     margin: 0;
 }
 .setting-tab ul li a {
     padding: 10px 15px;
     display: inline-block;
     border: 2px solid #edeff3;
     font-size: 16px;
     border-radius: 4px;
     color: #333;
     line-height: normal;
     min-width: 130px;
     text-align: center;
 }
 .setting-tab ul li + li {
     margin-left: 15px;
 }
 .setting-tab ul li a:hover,
 .setting-tab ul li a.tab-select {
     border-color: #d71910;
     color: #d71910;
 }
 .setting-tab-content form {
     max-width: 420px;
     margin: 0 auto;
     position: relative;
     padding-bottom: 60px;
     min-height: 315px;
 }
 .setting-tab-content form .btn {
     position: absolute;
     bottom: 0;
 }
 
 .setting-tab-content form .btn input#settings_submit {
     margin: 0;
 }
 .setting-tab-content .setting-content h3 {
     color: #707070;
     font-family: 'Lato';
     font-weight: bold;
     font-size: 30px;
     line-height: 40px;
     letter-spacing: 0.10px;
     text-align: center;
     justify-content: center;
 }
 .btn-submit{
     margin-top: 30px;
     margin-bottom: 30px;
     display: block;
     font-size: 18px;
     padding: 6px 30px;
     border-radius: 4px;
     width: 160px;
     border: 1px solid transparent;
     background-color: #d71910;
     transition: .3s;
     color: #fff !important;
     text-align: center;
 }
 .tab-inner-content > a {
     display: inline-block;
     width: 100%;
 }
 .tab-inner-content > a + a {
     margin: 30px 0 0 0;
 }
 li.product-item.picked {
     background: #30be30;
 }
 li.product-item.picked h5,li.product-item.picked h2, li.product-item.picked p, li.product-item.picked .product-price h4{
     color: #fff !important;
 }
 .order-item.adrres-details {
     margin: 15px 0;
     border-top: 1px solid #e9e9e9;
     border-bottom: 1px solid #e9e9e9;
     padding: 15px 0;
 }
 .order-item.adrres-details h2 {
     font-size: 24px;
 }
 .order-item.adrres-details h5 {
     font-size: 14px;
 }
 #sms .button {
     color: #000;
     background-color: #ebebeb;
 }
 .fa-trash{
     font-size: 22px !important;
     vertical-align: middle;
     margin-left: 10px;
     position: relative;
     top: -2px;
     color: #d71910;
 }
 
 .postis-modal {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 60%);z-index: 9;}
 .postis-form {max-width: 500px;margin: 0 auto;background: #fff;padding: 0;position: relative;width: 100%;border-radius: 10px;}
 .postis-form h1 {font-size: 20px;margin: 0;color: #333;padding: 20px;background: #f1f1f1;border-radius: 10px 10px 0 0;}
 .postis-form input {margin: 0;}
 .postis-form label {margin: 0;font-size: 13px;text-transform: capitalize;font-weight: 400;}
 .postis-form th, .postis-form td {border: 0;padding: 5px 0;}
 .postis-modal .postis-admin-shipment-options-wrapper {height: 100%;display: flex;align-items: center;padding: 20px 0;}
 .postis-form table.table {padding: 20px 30px;}
 .postis-form input {border: 1px solid #cccc;box-shadow: none;border-radius: 4px;}
 .postis-form .postis-create-shipment-btn-wrap {text-align: center;}
 .postis-form .postis-create-shipment-btn-wrap input[type="submit"] {font-weight: 400;}
 span.close-sc {cursor:pointer; position: absolute;right: 10px;top: 10px;}
 span.close-sc svg{width: 26px;height: 26px;fill: #999;}
 
 .store-list-wrap div.form-group.active {
    display: block !important;
}

/* location popup start */
.nisl_save_alternative_location{
    width: 100%;
    background: #155724;
    color: #fff;
    max-width: 260px;
}
.nisl_save_alternative_location:hover{
    color: #fff;
}

/* comment added on 18-10-2024 */
/*.btn-status.complete_order.yes_skeifan, a.nisl_save_alternative_location.not_skeifan{
    display:none !important; 
}*/
.nisl_save_alternative_location.yes_skeifan{
    display:block !important;
}
.bin_btn.btn {
    margin: 5px 3px 1px 0;
    padding: 0px 10px;
    border: 1px solid;
    background: #f0f0f0;
    width: 40px;
    height: 40px;
}
input#input_bin_location {
    width: 80%;
    border: 1px solid;
}
.reset_bin_location{
    border: 1px solid;
    position: absolute;
}
.shake {
    animation: shake 1s ease infinite;
  }
  @keyframes shake {
      0%, 100% {transform: translateX(0);}
      10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
      20%, 40%, 60%, 80% {transform: translateX(10px);}
  }
.nisl_location_popup {
    background: #fff;
    max-width: 478px;
    width: 100%;
    padding: 30px;
    border-radius: 5px;
}

.nisl_bin_location_wrapper {
    background: rgba(0,0,0,.4);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 12px;
    /*display: flex;*/
    display: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.nisl_btn_red {
    background-color: #ee3324;
    color: #fff;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 24px;
    margin: 0;
    cursor: pointer;
}

.nisl_btn_red:hover,
.nisl_btn_red:focus {
    background-color: #dbdbdb;
}

.nisl_btn_gray {
    background-color: #dbdbdb;
    color: #fff;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 24px;
    margin: 0;
    cursor: pointer;
}

.nisl_btn_gray:hover,
.nisl_btn_gray:focus {
    background-color: #ee3324;
}

.nisl_btn_wrapper {
    display: flex;
    justify-content: center;
    gap: 0 10px;
    margin-top: 10px;
}

.mt-30 {
    margin-top: 30px;
}

.detail-inner-content .btnorders {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 0;
    margin-bottom: 20px;
}

.bin_location_grid {
    margin-bottom: 1em;
}

#nisl_btn_save_location:focus {
    background: #ee3324 !important;
}
/* location popup end */
 
 /*************************************** Media css ************************************************************************************************/
 @media(max-width:767px){
     .FormBox{
         padding: 25px 15px;
     }
     .bin_btn.btn {
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: normal;
     }
 }
 @media(max-width:600px){
     .orders-section .tab-wrapper ul {
         -ms-flex-wrap: wrap;
             flex-wrap: wrap;
     }
     .orders-section .tab-wrapper ul li {
         margin: 0 0 15px 0;
     }
     .orders-section .tab-wrapper ul li a {
         border-radius: 10px;
         background: #123c6a;
     }
     .orders-section .order-header{
         padding-bottom: 15px;
     }
     .orders-section .order-item-wrapper h3 {
         font-size: 24px;
         line-height: normal;
         margin: 0 0 15px 0;
         text-align: left;
     }
     .orders-section .order-item-wrapper .order-item {
         -ms-flex-wrap: wrap;
             flex-wrap: wrap;
         border-top:1px solid #ededed;
         padding-top: 15px;
     }
     .orders-section .order-item-wrapper .order-item .right-div {
         text-align: left;
         margin: 5px 0 0 0;
     }
     .orders-section .order-item-wrapper .shipping-method ul {
         -ms-flex-wrap: wrap;
             flex-wrap: wrap;
         font-size: 14px;
         margin-top: 0;
     }
     .orders-section .order-item-wrapper .shipping-method ul li{
         margin: 0;
         width: 100%;
     }
     .orders-section .order-item-wrapper .shipping-method ul li + li {
         margin-top: 10px;
     }
     .orders-section .order-item-wrapper .shipping-method{
         border-top: 1px solid #ededed;
         padding-top: 15px;
         margin: 15px 0 0 0;
     }
     .orders-section .order-item-wrapper .flex {
         -ms-flex-wrap: wrap;
             flex-wrap: wrap;
     }
     .detail-content .detail-inner-content .detail-item-wrapper{
         padding: 15px;
     }
     .detail-content .detail-inner-content .detail-item-wrapper .flex {
         flex-wrap: wrap;
     }
     .detail-content .detail-inner-content .detail-item-wrapper .flex h3 {
         font-size: 24px;
         line-height: normal;
             margin: 0 0 10px 0;
     }
     .detail-content .detail-inner-content .detail-item-wrapper .flex h3.text-right {
         text-align: left;
     }
     .shipping-method ul {
         flex-wrap: wrap;
     }
     .shipping-method ul li {
         width: 100%;
         margin: 0;
     }
     .shipping-method ul li + li {
         margin: 10px 0 0 0;
     }
     .detail-content .detail-inner-content .detail-item-wrapper .order-item {
         flex-wrap: wrap;
     }
     .detail-content .detail-inner-content .detail-item-wrapper .order-item > div {
             width: 100%;
     }
     .detail-content .detail-inner-content .detail-item-wrapper .order-item .right-div {
         text-align: left;
     }
     .detail-content .product-listing {
         margin: 30px 0 0 0;
     }
     .detail-content .product-listing ul.product-ul .product-item{
         padding: 15px;
     }
     .detail-content .product-listing ul.product-ul .product-item .product-img {
         width: 60px;
         min-width: 60px;
     }
     .detail-content .product-listing ul.product-ul .product-item .product-content {
         flex-wrap: wrap;
     }
     .detail-content .product-listing ul.product-ul .product-item .product-content .product-info h5{
         font-size: 12px;
     }
     .detail-content .product-listing ul.product-ul .product-item .product-content .product-info h2{
         font-size: 14px;
         margin: 5px 0 0px 0;
     }
     .detail-content .product-listing ul.product-ul .product-item .product-content .product-info p{
         font-size: 12px;
     }
     .detail-content .product-listing ul.product-ul .product-item .product-content .product-price {
         margin-left: 0;
         margin-top: 5px;
     }
     .detail-content .product-listing ul.product-ul .product-item .product-content .product-price h4{
         font-size: 18px;
     }
     .detail-content .product-listing ul.product-ul .product-item .action-div{
         font-size: 12px;
     }
     .orders-section .order-header h2{
         font-size: 24px;
     }
     .orders-section .order-header .emp_logout,
     .orders-section .order-header .btn_back,
     .orders-section .order-header .btn-back,
     .orders-section .order-header .emp_settings{
         top: 15px;
     }
     .detail-content .product-listing ul.product-ul .product-item .product-content .product-info {
         width: 100%;
     }
 
     .postis-modal .postis-admin-shipment-options-wrapper {padding: 20px 20px;}
     .postis-form table.table {padding: 20px 20px;}
 }
 @media(max-width:480px){
     .setting-tab ul li a {
         min-width: auto;
     }
 
     .setting-tab ul {flex-wrap: wrap;}
 
     .setting-tab ul li {
         width: 50%;
         padding: 2px 5px;
         margin: 0 !important;
     }
 
     .setting-tab ul li a {
         width: 100%;
     }
 }