/*
Project Name: OMS (Order Management System)
Author: Surender Sharma
Version: 1.0
*/
/*
1. Css variable
2.
3.
4.
*/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
:root {
  /* --orange-gra: linear-gradient(-25deg, #fdd487, #f5cc80 , #c9eaf5,#a0d1e2 );
  --light-blue-gra: linear-gradient(-25deg, #c9eaf5,#a0d1e2 , #fdd487, #f5cc80 );; 
  --pink-gra: linear-gradient(-25deg, #ffffff, #ec9c9c , #acd2d7,#b8f2f7 );  /*if gradient reuired*/
  --orange-gra: radial-gradient(#efd6a6 10%, #ffa800 100%);
  --light-blue-gra: radial-gradient(#B4E1F1 15%, #18bbf1 100%);
  --pink-gra: radial-gradient(rgba(255, 102, 55, 0.42) 15%, #F0592B 100%);
  --bx-shd: 0px 12px 20px -11px #B4B4B4;
  --bx-shd-hv: 0px 18px 20px -8px #B4B4B4;
  --light-clr: #E8F7FC;
  --black-clr: #30373B;
  --orange: #FFA800;
  --light-blue: #E8F7FC;
  --light-black: #30373B;
  --modal-footer-bg: #30373B;
  --input-bdr: #B5B5B6;
  --modal-head-bg: #ececec;
  --modal-header-bg: #E8F7FC;
  --light-grey-bg: #F5F6F8;
  --green-bg: #19D83D;
  --good: #5CB85C;
  --green-bdr: 1px solid #519044;
  --red-bg: #F0592B;
  --dark-bdr: 1px solid rgba(112, 112, 112, 0.32);
  --light-bdr: 1px solid rgba(112, 112, 112, 0.23);
  --br-radius: 2px;
  --primary-font: 'Open Sans', sans-serif;
  --secondary-font:'Roboto', sans-serif;
  --orange-gra-op: radial-gradient(#ffa800 10%, #efd6a6 100%);
  --light-blue-gra-op: radial-gradient(#18bbf1 15%, #B4E1F1 100%);
  --pink-gra-op: radial-gradient( #F0592B 15%, rgba(255, 102, 55, 0.42) 100%);
}

html {
  overflow-y: hidden;
}

.modal-open {
  overflow: auto;
  padding-right: 0 !important;
}

body {
  overflow-y: auto;
  overflow-x: hidden;
}

@-webkit-keyframes autofill {
  to {
    background: transparent;
  }
}

@keyframes pulse {
  from {
    background: #9ee49e;
  }
  to {
    background: transparent;
  }
}

.faded {
  animation: pulse 2s ease-in-out;
}

button:disabled, button[disabled] {
  opacity: 0.7 !important;
  cursor: not-allowed !important;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.remarks_result{
  white-space: pre-line;
}

input:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}

:-ms-input-placeholder {
  color: red;
}

::-ms-input-placeholder {
  color: red;
}

:-moz-placeholder, ::-moz-placeholder {
  color: #606060;
  /* -> #a9a9a9 on display */
}

::-webkit-input-placeholder {
  color: #606060 !important;
}

/* @keyframes Gradient {
	0% {
    background-position: 0% 50%;
    }
	50% {
    background-position: 100% 50%;
    }
	100% {
    background-position: 0% 50%;
 }
} */

@keyframes slideInFromLeft {
  0% {
    transform: translateY(-50%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon {
  background-color: #F0592B !important;
}

md-checkbox.md-default-theme.md-checked .md-ink-ripple, md-checkbox.md-checked .md-ink-ripple {
  color: #F0592B !important;
}

md-radio-group.md-default-theme:not([disabled]) .md-primary .md-checked .md-off, md-radio-group:not([disabled]) .md-primary .md-checked .md-off, md-radio-group.md-default-theme:not([disabled]) .md-primary.md-checked .md-off, md-radio-group:not([disabled]) .md-primary.md-checked .md-off, md-radio-group.md-default-theme:not([disabled]).md-primary .md-checked .md-off, md-radio-group:not([disabled]).md-primary .md-checked .md-off, md-radio-group.md-default-theme:not([disabled]).md-primary.md-checked .md-off, md-radio-group:not([disabled]).md-primary.md-checked .md-off, md-radio-button.md-default-theme:not([disabled]) .md-primary .md-checked .md-off, md-radio-button:not([disabled]) .md-primary .md-checked .md-off, md-radio-button.md-default-theme:not([disabled]) .md-primary.md-checked .md-off, md-radio-button:not([disabled]) .md-primary.md-checked .md-off, md-radio-button.md-default-theme:not([disabled]).md-primary .md-checked .md-off, md-radio-button:not([disabled]).md-primary .md-checked .md-off, md-radio-button.md-default-theme:not([disabled]).md-primary.md-checked .md-off, md-radio-button:not([disabled]).md-primary.md-checked .md-off {
  border-color: #F0592B;
}

md-radio-group.md-default-theme:not([disabled]) .md-primary .md-on, md-radio-group:not([disabled]) .md-primary .md-on, md-radio-group.md-default-theme:not([disabled]).md-primary .md-on, md-radio-group:not([disabled]).md-primary .md-on, md-radio-button.md-default-theme:not([disabled]) .md-primary .md-on, md-radio-button:not([disabled]) .md-primary .md-on, md-radio-button.md-default-theme:not([disabled]).md-primary .md-on, md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #F0592B;
}

body {
  font-family: var(--primary-font) !important;
}

.navbar-padding {
  border-bottom: 1px solid #dad9d9;
}

option {
  padding: 10px 12px;
  background: #e8f7fc;
  cursor: pointer;
}

optgroup option {
  padding: 10px 12px;
  background: #e8f7fc;
  cursor: pointer;
  border-bottom: 1px solid #f1f1f1;
}

input[type=text]:focus, input[type=tel]:focus, textarea:focus, input[type=email]:focus, input:focus, select:focus, .form-control:focus {
  border-bottom: 1px solid rgba(217, 84, 75) !important;
  box-shadow: none;
  outline: none;
}

.form-control.focus-new:focus, .form-control.search-input:focus .gap-table.add-edit input:focus, .gap-table.add-edit select:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  /* padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px; */
  border: 1px solid rgba(81, 203, 238, 1) !important;
}

input.md-datepicker-input:focus, input[type=range]:focus {
  border: none !important;
}

input[type=checkbox]:focus {
  border-bottom: var(--light-bdr) !important;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

/* Handle */

::-webkit-scrollbar-thumb {
  background: #908d90;
  border-radius: 10px;
}

.oms-split::-webkit-scrollbar-thumb {
  background: rgba(240, 89, 43, 0.61);
  border-radius: 10px;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

select::-ms-expand {
  display: none;
}

ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}

a, a:hover {
  text-decoration: none;
}

/*reset css end*/

/*=====button css start=======*/

.red_btn {
  background: var(--red-bg);
  color: #fff;
  padding: 7px 12px;
  border-radius: var(--br-radius);
  font-family: var(--secondary-font);
  font-weight: 500;
  border: 1px solid #d44134;
  transition: all 0.3s ease-in-out;
}

.btn-first {
  color: #fff;
  background: #F0592B;
  margin-left: 5px;
  transition: all 0.3s ease-in-out;
  text-transform: capitalize;
  cursor: pointer;
}

.btn-first.green-btn {
  background: var(--good);
}

.btn-first.green-btn:hover {
  border-color: var(--good);
  color: var(--good);
}

#show_fillter.btn-first {
  min-width: 117px;
  position: relative;
  padding-left: 23px;
  display: none;
}

.btn-first, .btn.sharp, .no-btn {
  padding: 5px 12px;
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 14px;
  border: 2px solid transparent;
  border-radius: var(--br-radius);
  display: inline-block;
}

.btn.sharp {
  background: #D0DEE0;
}

.filter-box .btn-first {
  margin-right: 5px;
  margin-left: 0;
}

.popcancel-btn.btn-first {
  background: #727374;
}

.popcancel-btn.btn-first:hover {
  border-color: #727374;
}

.btn-first, .btn.sharp {
  min-width: 100px;
  position: relative;
  text-align: center;
  text-transform: capitalize;
}

/* .btn-first:before{
  content: '';
  background-image: linear-gradient(to right, rgba(202,202,201,0.4) , rgba(216,216,216, 0.4));
  position: absolute;
  width: 0;
  height: 0;
  transition:left 1s ease; 
  left:-100%;
  top: 0;
  } 

.btn-first:hover:before{
 left:100%;
  width:100%;
  height: 100%;
  transition:left 1s ease;  
} */

.no-btn {
  color: #F0592B;
  background: none;
  font-weight: 500;
}

.btn.sharp:hover, .btn.sharp.activeTab, li.active .btn.sharp:hover, li.active .btn.sharp, .arrow-cate span {
  color: #F0592B;
  background: #E9EEEF;
  box-shadow: none;
  outline: none;
}

.btn-first:hover, .search-section .search-btn:hover, .no-btn:hover, .arrow-cate span:hover {
  color: #F0592B;
  border: 2px solid #feb3ae;
  background: transparent;
  transition: all 0.3s ease-in-out;
}

.modal-footer .btn-first {
  color: #fff;
}

/*=====button css End=======*/

/*Table layout css*/

/*common css for all table start*/

table thead th.text-left, table tr td.text-left {
  text-align: left;
}

table thead th.text-center, table thead td.text-center {
  text-align: center;
}

table thead th.text-right, table tr td.text-right, .fms-scroll-info.shadowstyle table tr td.text-right {
  text-align: right;
}

#fms-table-two table tr:hover>td {
  background: var(--light-clr);
}

/*common css for all table end*/

/*other table method with both side scroll property start*/

/*second scroll tbale*/

.fms-scroll-info {
  width: 100%;
  overflow-y: auto;
}

.fms-scroll-info.overflow-visible, .overflow-visible {
  overflow: visible;
}

.table-container {
  min-height: 120px;
  min-width: 1200px;
}

.table-height {
  height: 450px;
}

.table-length {
  max-height: 400;
  min-height: 200px;
}
#fms-table table{
  width: 100%;
}
.sticky-table thead, #fms-table table thead {
  width: 100%;
  background: var(--light-black);
  color: #fff;
  box-shadow: 1px 1px 8px var(--light-black);
  font-size: 14px;
}
#fms-table table thead{
  box-shadow: none;
}
#fms-table table thead th, #fms-table table tr td {
  text-align: center;
  vertical-align: middle;
}

#fms-table table thead th:last-child, .sticky-table table thead th:last-child {
  border-color: black;
}


#fms-table tbody, .sticky-table tbody {
  font-weight: 600;
  /* background: #f5f5f5; */
  background: #fff;
}
#fms-table table table thead, .sticky-table table table thead {
  box-shadow: none;
}

#fms-table table table thead th, #fms-table-two table table thead th, .sticky-table table table thead th {
  background: #4C5868;
  box-shadow: none;
  border-right: none;
  padding: 13px 5px;
  text-transform: capitalize;
}

#fms-table table table td {
  background: var(--light-blue);
  border-bottom: none;
  border-right: none;
}

/* decorations */

.fms-scroll-info .table-container {
  padding: 0;
  border: 1px solid #eeeded;
}

.fms-scroll-info .table-container.table-height {
  border-bottom: 1px solid #eeeded;
}

.fms-scroll-info .table {
  margin: 0;
}

#fms-table table td, #fms-table table th, #fms-table-two table td, #fms-table-two table th
.fms-scroll-info.shadowstyle table thead tr th {
  padding: 10px;
  border-right: 1px solid #eeeded;
  /* border-top: none;
  border-bottom: none; */
}
#fms-table table td:first-child{
  border-left:1px solid #eeeded;
}

#fms-table table td, #fms-table-two table td, .fms-scroll-info.shadowstyle table tr td {
  font-size: 14px;
  border-bottom: 1px solid #eeeded;
  font-weight: 600;
  /* border-bottom: var(--light-bdr); */
}

#fms-table a, #fms-table-two a {
  color: #575757;
  cursor: pointer;
}

#fms-table a:hover {
  color: #F0592B;
  text-decoration: none;
}

#fms-table a.ban {
  color: red;
}

#fms-table a.banactive {
  color: var(--green-bg);
}

tbody::-webkit-scrollbar-thumb, div.table-wrap-je::-webkit-scrollbar-thumb {
  background-color: #f0592b;
}

tbody::-webkit-scrollbar, div.table-wrap-je::-webkit-scrollbar {
  width: 2px;
  height: 3px;
}

tbody::-webkit-scrollbar-thumb, div.table-wrap-je::-webkit-scrollbar-thumb {
  background-color: #f0592b;
  border-radius: 10px;
}

.fms-scroll-info md-checkbox {
  margin: 0;
}

.top-space {
  margin-top: 35px;
}
.bottom-space{
  margin-bottom: 35px;
}

.fms-scroll-info md-checkbox .md-container:before {
  background-color: none;
}

.fms-scroll-info md-checkbox .md-container, md-checkbox.no-bg .md-container {
  background-color: transparent !important;
}

.fms-scroll-info table tbody tr:nth-child(odd), .fms-scroll-info.order-table table tbody:nth-child(odd) tr, .fms-scroll-info table tbody:nth-child(odd) tr {
  background: #f9f9f9;
  /* background: #DAE6E7; */
}

.fms-scroll-info table tbody tr:nth-child(even), .fms-scroll-info.order-table table tbody:nth-child(even) tr, .fms-scroll-info table tbody:nth-child(even) tr {
  background: #fff;
}

.fms-scroll-info table tbody tr.inven-avl td:nth-child(4) {
  background: #ddf9e2 !important;
}

md-checkbox .md-icon {
  background: white;
}

/*second scroll tbale*/

/*shadow and without order style start here*/

.fms-scroll-info.shadowstyle {
  box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
  border: none;
}

.fms-scroll-info.shadowstyle table {
  border-spacing: unset;
  /* table-layout: fixed; */
  width: 100%;
  text-align: left;
  border-collapse: separate;
}

.fms-scroll-info.shadowstyle table.layoutFixed {
  table-layout: fixed;
}

.fms-scroll-info.shadowstyle table.layout-fixed {
  table-layout: fixed;
}

.fms-scroll-info.shadowstyle.center table thead th, .fms-scroll-info.shadowstyle.center table tbody tr td {
  text-align: center;
}

.fms-scroll-info.shadowstyle.front-page table {
  min-width: 1200px;
}

.fms-scroll-info.shadowstyle.front-page table.auto-width-table, .auto-width-table {
  min-width: inherit;
}

.fms-scroll-info.shadowstyle table.xl {
  min-width: 2000px;
}

.fms-scroll-info.shadowstyle table tr td {
  text-align: left;
}

.table-responsive {
  max-height: 500px;
}

.table-responsive.less-scroll {
  max-height: 240px;
  /*this property overwrite default max height(500) due to 5-10 sku limit on some pages*/
  min-height: inherit !important;
}

.table-responsive.less-scroll.order-rable-ty {
  max-height: 232px;
}

@media screen and (max-width:1380px) {
  .fms-scroll-info.shadowstyle.front-page.less-scroll.most-length table {
    width: 1700px !important;
  }
  .fms-scroll-info.shadowstyle.front-page.less-scroll.most-length table table {
    width: 100% !important;
  }
}
@media screen and (min-width:1380px) {
  .fms-scroll-info.shadowstyle.full-width table{
    width: 1700px !important;
  }
}

.less-width {
  white-space: nowrap;
  width: 105px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

.less-width.client-odr {
  width: 114px;
}

.less-width.wareh {
  width: 160px;
}

.fms-scroll-info.shadowstyle table tr td {
  border-right: 1px solid #eeeded;
  border-bottom: 1px solid #eeeded;
}

.fms-scroll-info.shadowstyle table tr.my_tr td {
  border: none;
}

.fms-scroll-info.shadowstyle table thead tr th {
  background: #30373b;
  color: #fff;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 8;/*80 was before*/
    font-size: 14px;
    font-weight: 600;
}

.fms-scroll-info.shadowstyle table tr td table thead tr th {
  z-index: 6; /*order page sub table header was overlaping that's why we change to 6 from 79*/
}

#fms-table-two table tr th a, #fms-table-two table tr th {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

#fms-table-two table tr th a {
  display: flex;
  align-items: center;
}

#fms-table-two table tr th a .fas {
  margin: 2px 0 0 3px;
}

#fms-table-two.shadowstyle .table {
  display: table;
}

#fms-table-two.shadowstyle table td, #fms-table-two.shadowstyle table th, .fms-scroll-info.shadowstyle table tr td, 
.fms-scroll-info.shadowstyle table thead tr th {
  padding: 10px;
  /* padding: 16px 10px; */
}

th.text-right a {
  justify-content: flex-end;
}

/*sale order date column css*/

#fms-table-two.shadowstyle table thead .date-container {
  display: flex;
  justify-content: space-between;
}

#fms-table-two.shadowstyle table thead th.date-column {
  padding: 0;
}

#fms-table-two.shadowstyle table tr td.date-sec-pad {
  padding: 10px 0;
}

#fms-table-two.shadowstyle table thead .date-container a {
  font-size: 12px;
  font-weight: 400;
  color: #9c9a9a;
  display: flex;
  align-items: center;
  padding: 10px 5px;
  border-right: 1px solid #9c9a9a;
}

#fms-table-two.shadowstyle table thead .date-container a, .date-sec span {
  width: 90px;
}
#fms-table-two.shadowstyle table thead .date-column.sr .date-container{
  width: 352px;
}
.date-sec-pad.sr .date-sec{
  width: 350px;
}
#fms-table-two.shadowstyle table thead .date-column.sr .date-container a, .date-sec-pad.sr .date-sec span{
  width: 102px;
}
#fms-table-two.shadowstyle table thead .date-column.sr .date-container a.with-time,  .date-sec-pad.sr span.with-time{
  width:146px;
}
#fms-table-two.shadowstyle table thead .date-container a span {
  margin-left: 3px;
}

.date-sec {
  display: flex;
  justify-content: space-between;
}

.date-sec span {
  font-size: 11px;
  display: flex;
  padding: 0 5px;
}

.date-sec span:last-child, #fms-table-two.shadowstyle table thead .date-container a:last-child {
  border: none;
}

.sale-head {
  text-align: center;
  border-bottom: 1px solid #9c9a9a;
  padding: 9px 0;
}

/*sale order date column end */

#fms-table-two.shadowstyle table td, #fms-table-two.shadowstyle table th {
  /* border-right: none; */
  word-wrap: break-word;
}

#fms-table-two.shadowstyle tbody, #fms-table-two.order-table.shadowstyle tbody, #fms-table-two.shadowstyle table thead, #fms-table-two.shadowstyle .table-wrap-je {
  flex: none;
}

#fms-table-two.order-table.shadowstyle tbody, #fms-table-two.shadowstyle tbody {
  flex: initial;
  display: table-row-group;
}

#fms-table-two.order-table.shadowstyle tbody.splited tr.two-level-scroll>td {
  border: none;
}

#fms-table-two tbody {
  flex: initial;
  display: table-row;
}

.fms-scroll-info table tbody tr.grey_row, .grey_row {
  background: #f9f9f9;
}

.fms-scroll-info table tbody tr.white_row, .white_row {
  background: #fff;
}

.fms-scroll-info table tbody.splited>tr, #fms-table-two.order-table.shadowstyle tbody.splited>tr {
  background: #edf7d9;
}
/*shadow and without order style end here*/

/*other table method with both side scroll property start*/

/*matrix table css start*/

div.matrix-table {
  max-width: 100%;
  max-height: 600px;
  position: relative;
  overflow: scroll;
}

.matrix-table table {
  position: relative;
  border-collapse: collapse;
  width: 100%;
}

.matrix-table td, .matrix-table th {
  padding: 0.25em;
}

.matrix-table thead th {
  position: -webkit-sticky;
  /* for Safari */
  position: sticky;
  top: 0;
  color: #FFF;
  padding: 20px 2px;
  border-right: 1px solid lightgrey;
}

.matrix-table thead th, .matrix-table tbody tr th {
  background: var(--light-black);
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}

.matrix-table tbody tr td {
  border-bottom: 1px solid lightgrey;
  border-left: 1px solid lightgrey;
}

.matrix-table thead th:first-child {
  left: 0;
  z-index: 1;
  background: #F0592B;
  color: #fff;
}

.normal_time {
  display: flex;
  justify-content: space-around;
}

.matrix-table tbody th, .matrix-table tbody tr td, .matrix-table thead th {
  padding: 12px 5px;
  text-transform: capitalize;
}

.matrix-table tbody th {
  position: -webkit-sticky;
  /* for Safari */
  position: sticky;
  left: 0;
  background: #FFF;
  border-top: 1px solid #CCC;
}

.matrix-table input[type="text"] {
  width: 100%;
  border: var(--light-bdr);
  font-size: 13px;
  padding: 4px;
  background: #fbfbfb;
  padding: 6px 4px;
  border-radius: 3px;
}

/*matrix table css END*/

/*Table layout css end*/

#show_fillter .fas {
  position: absolute;
  left: 10px;
  top: 9px;
  padding-left: -1px;
}

.title-area .red_btn {
  margin-top: 38px;
}

.light-grey-bg {
  background: var(--light-grey-bg);
}

select, select.form-control, .md-datepicker-expand-triangle, .style-one .caret {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  background: url("../../images/svg/dropdown_arrow_icon.svg") no-repeat 100% 7px;
  background-size: 11px;
  cursor: pointer;
  box-shadow: none;
}

.md-datepicker-expand-triangle {
  width: 100%;
  height: 100%;
}

/* .modal-body select.form-control {
  background-position: 97% 18px;
} */

.modal-body {
  max-height: calc(100vh - 210px);
  overflow-y: auto;
}

.form-control {
  height: inherit;
  padding: 13px 12px;
  border-radius: 0;
}

.grey {
  background: #f1f1f1;
}

.modal-custom-col {
  border-radius: 4px;
  border: 1px solid #ececec;
  margin-top: 20px;
}

.modal-custom-col:first-child {
  margin-top: 0;
}

.modal-custom-col h4, .modal-custom-col h3 {
  margin: 0 0 10px;
  padding: 15px;
  font-weight: 600;
  background: var(--modal-head-bg);
}

.modal-custom-col h3 {
  padding: 12px 15px;
  font-size: 20px;
  margin-bottom: 21px;
  color: #333333;
  text-transform: capitalize;
}

/* if accrodian inside of modal-custom-col */

.lower {
  margin-top: 20px;
}

.modal-custom-col .md-toolbar-tools {
  background: var(--modal-head-bg);
  height: inherit;
  position: relative;
  padding: 12px 15px;
}

.modal-custom-col md-toolbar {
  min-height: inherit;
}

.modal-custom-col .md-icon-button {
  position: absolute;
  right: 14px;
}

.modal-body .md-toolbar-tools h3, .header-toolbar .md-toolbar-tools h3 {
  padding: 0;
  margin: 0;
  text-transform: capitalize;
  font-weight: 600;
}

.header-toolbar .md-toolbar-tools h3 {
  font-size: 18px;
}

.header-toolbar .md-button.md-icon-button {
  position: absolute;
  right: 20px;
}

.input_container {
  padding: 0 15px;
}

.wms-page-title {
  margin-top: 10px;
}

.wms-page-title h4, .form-title {
  font-size: 22px;
  padding: 0;
  font-weight: 600;
  color: #F0592B;
  margin: 0;
  line-height: 32px;
  display: flex;
  align-items: center;
}

.wms-page-title h4 i {
  font-size: 19px;
  margin-right: 5px;
}

span.track-result {
  color: #F0592B;
  font-size: 13px;
  font-weight: 600;
}

span.track-result b {
  color: #000;
  font-size: 13px;
  margin-right: 2px;
}

.equal-space {
  padding: 20px 0;
}

.maven-btn.add-some {
  background: var(--green-bg);
  border: var(--green-bdr);
}

.fms-logo {
  height: 68px;
  margin-bottom: 80px;
}

.fm-main-option {
  padding: 50px 20px;
  box-shadow: var(--bx-shd);
}

.fm-main-option span {
  display: flex;
  justify-content: center;
}

.attendance img {
  width: 30px;
}

.fm-main-option, .fm-main-option:hover {
  font-size: 31px;
  text-decoration: none;
  text-align: center;
  display: block;
  border-radius: 11px;
  color: #4B4A4A;
  transition: all 0.4s ease-in-out;
  flex-basis: 100%;
  display: flex;
  justify-content: center;
  flex-flow: column;
  min-width: 295px;
}

.login-box-cn {
  display: flex;
  margin: 0 2%;
  animation: 0.7s ease-out 0s 1 slideInFromLeft;
}

.fm-main-option:hover {
  box-shadow: var(--bx-shd-hv);
  cursor: pointer;
}

.fm-main-option .fm-full-name {
  font-size: 13px;
  font-weight: 600;
}

.fm-first {
  background: var(--orange-gra);
  /* background-size: 500% 500%; */
  /*if gradient reuired*/
  /* -webkit-animation: Gradient 10s ease infinite;
	-moz-animation: Gradient 10s ease infinite;
  animation: Gradient 10s ease infinite;
  transition: all 0.7s ease-in-out; */
}

.fm-second {
  background: var(--light-blue-gra);
}

.fm-third {
  background: var(--pink-gra);
}

.fm-main-option:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: opacity .35s ease-in-out;
  opacity: 0;
}

.fm-main-option:hover:before {
  opacity: 1;
}

.fm-main-content {
  z-index: 2;
}

.fm-main-option {
  position: relative;
  overflow: hidden;
}

.fm-first:before {
  background: var(--orange-gra-op);
}

.fm-second:before {
  background: var(--light-blue-gra-op);
}

.fm-third:before {
  background: var(--pink-gra-op);
}

.fm-head {
  font-weight: 800;
}

.fm-first, .fm-second, .fm-third, .fm-first:hover, .fm-second:hover, .fm-third:hover {
  transition: all 1s ease-out;
}

.screen-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  display: flex;
  justify-content: center;
}

/*nav css*/

.fms-nav {
  background: var(--black-clr);
  color: #fff;
  padding: 20px 0;
}

.fms-nav ul {
  display: flex;
  justify-content: space-around;
  margin: 0;
}

.fms-nav ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 40px;
  border-radius: 6px;
  color: #fff;
}

.fms-nav ul li a i {
  font-size: 20px;
  margin-bottom: 3px;
  text-align: center;
}

.fms-nav ul li a, .fms-nav ul li a:hover {
  transition: all 0.9s ease-in-out;
}

.fms-nav ul li a:hover {
  color: #FFA800;
}

/*nav css*/

.step-loader ul {
  display: flex;
  justify-content: space-between;
  padding: 0;
}

.step-loader ul li {
  position: relative;
  text-align: center;
}

.step-loader ul li span {
  height: 50px;
  width: 50px;
  line-height: 120px;
  background: #C4C4C4;
  border: 4px solid #F2F2F2;
}

.step-loader ul li span, .profile-pic {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  text-align: center;
}

.step-loader ul li span i {
  color: #fff;
  font-size: 21px;
}

.step-loader ul li.done span {
  background: var(--green-bg);
  border-color: #f1f1f1;
}

.step-loader ul li p {
  position: absolute;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  bottom: -29px;
  font-weight: 600;
}

.step-loader ul li.done p {
  color: var(--green-bg);
}

.step-loader ul li.active span, .step-loader ul li span {
  transition: all 0.4s ease-in-out;
}

.step-loader ul li.current-progress span {
  transform: scale(1.2);
  background: var(--green-bg);
}

.step-loader ul li.current-progress p {
  color: var(--green-bg);
}

.loader-container {
  position: relative;
  margin: 27px auto 63px;
  width: 50%;
  transition: all 0.3s ease-in-out;
}

.progress-line {
  position: absolute;
  background: grey;
  height: 10px;
  top: 50%;
  left: 50px;
  right: 50px;
  transform: translateY(-50%);
}

.progress-fill {
  content: "";
  height: 100%;
  width: 0;
  background: var(--green-bg);
  position: absolute;
  left: 0;
  transition: width 900ms ease;
}

.notification-icon {
  position: relative;
  margin: 8px 34px 0 0;
}

.notification-icon i {
  font-size: 18px;
  color: #30373B;
}

.notification-icon span {
  width: 18px;
  height: 18px;
  background: #F0592B;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 18px;
  position: absolute;
  right: -5px;
  top: -6px;
  font-size: 9px;
}

.notification-container {
  display: flex;
}

.notification-container button {
  background: none;
  border: none;
}

.dropdown ul.dropdown-menu {
  display: block;
  transform: scaleY(0);
  transform-origin: top center;
  left: auto;
  right: 0;
  padding: 0;
}

.dropdown.open ul.dropdown-menu {
  display: block;
  transform: scaleY(1);
}

.notification-container .dropdown.open ul.dropdown-menu, .notification-container .dropdown ul.dropdown-menu, .notification-container .dropdown.open ul li, .notification-container .dropdown.open ul li:hover, .dropdown-menu.not-visible, .dropdown-menu.visible, .notification-container .dropdown.open ul.dropdown-menu, .notification-container .dropdown ul.dropdown-menu .notification-container .dropdown.open ul li, .notification-container .dropdown.open ul li:hover {
  transition: 0.3s;
}

.dropdown.open ul.dropdown-menu, .dropdown ul.dropdown-menu .dropdown.open ul li, .dropdown.open ul li:hover, .dropdown.open ul li a, .dropdown.open ul li a:hover {
  transition: 0.3s;
}

.notification-container .dropdown.open ul li a {
  font-weight: 600;
  text-align: left;
}

.dropdown.open ul li a {
  font-weight: 600;
}

.notification-container .dropdown.open ul li:hover a {
  color: var(--red-bg);
}



.masthead .dropdown .dropdown-menu.visible {
  transform: scaleY(1);
  transform: translate(-50%, -0%);
  left: 50%;
}

.masthead .dropdown .dropdown-menu.not-visible {
  transform: scaleY(0);
}

ul.dropdown-menu a.activeTab {
  color: #F0592B;
  background: #E9EEEF;
  box-shadow: none;
  outline: none;
}
/* .dropdown-menu.not-visible {
  display: none !important;
}
.dropdown-menu.visible {
  display: block !important;
} */

.fms-head-logo img {
  height: 42px;
}

.fms-header {
  padding: 10px 0;
  position: relative;
}

.profile-pic {
  width: 40px;
  height: 40px;
  border: 2px solid #C7C5C3;
  overflow: hidden;
  margin-right: 7px;
}

.profile-pic i {
  color: #30373B;
}

.profile-pic img {
  width: 100%;
}

.fms.dropdown .btn {
  color: var(--light-black);
  line-height: 40px;
  padding: 0;
  font-weight: 600;
}

header.fms-header h1 {
  margin: 0;
  padding: 9px 0 0;
  font-size: 20px;
  font-weight: 600;
}

.light-clr {
  background: var(--light-clr);
}

a.fms-head-logo {
  display: inline-flex;
}

.content-area {
  padding: 20px 2% 60px;
  background: #fff;
  border-radius: 6px;
}

h2.title {
  color: #D95066;
  font-size: 22px;
}

.title-section {
  border-bottom: var(--dark-bdr);
  padding-bottom: 8px;
}

.grow-box {
  background: #F5F5F5;
  border-radius: 6px;
  box-shadow: var(--bx-shd);
  position: relative;
  border: 1px solid #e6e6e6;
}

div#box-con {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

div#repeater, #repeat-box {
  flex-basis: 32%;
  margin: 35px 1% 0 0;
  transition: 0.3s;
}

div#box-con label {
  width: 100%;
}

.btn-first.upload-file {
  font-size: 12px;
  padding: 5px;
  /*this padding also applicable on fms add vendor upload csv button*/
  width: auto;
  display: inline-block;
}

.btn-first.reset {
  background: #828282;
}

.btn-first.reset:hover {
  border-color: #828282;
  background: transparent;
  color: #333333;
}

div#box-con input[type="text"] {
  background: #fff;
}

.grow-box label.upload-file {
  margin: 8px 0 0;
}

.del {
  position: absolute;
  top: 2px;
  right: 4px;
  border: none;
  text-align: center;
  background: none;
  color: #F0592B;
  height: 30px;
  width: 30px;
  opacity: 0.7;
  font-size: 20px;
  border-radius: 50%;
}

.del:hover {
  opacity: 1;
}

.grow-box.bordered {
  border: 3px dashed #D2D2D2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  cursor: pointer;
  min-width: 200px;
}

.grow-box.bordered i {
  font-size: 42px;
  color: #D2D2D2;
}

.area-title {
  font-size: 15px;
  font-weight: 600;
  color: #30373B;
  margin-bottom: 12px;
}

input[type="text"].custom-input, select.custom-input {
  width: 100%;
  background: white;
  border: var(--light-bdr);
  font-size: 12px;
  font-weight: 600;
  padding: 10px 6px;
  color: #9D9D9D;
}

.form-group-new {
  margin-bottom: 15px;
}

.fms-footer {
  background: var(--black-clr);
  padding: 12px 0;
  float: left;
  margin: 30px 0 0 0;
  width: 100%;
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 0;
  height: 50px;
}

.fms-footer p {
  font-size: 16px;
  color: #9D9D9D;
  text-align: center;
}

.popup_box {
  width: 480px;
  border: 5px solid #E5A3AD;
  background: #fff;
}

.popup-header {
  background: #F8F8F8;
  padding: 20px;
}

.popup-header img {
  height: 33px;
  margin-bottom: 15px;
}

.popup-header span {
  color: var(--orange);
  font-weight: 600;
}

.popup-body {
  padding: 20px;
}

.popup-info-fms {
  padding: 10px;
}

.col .right {
  color: var(--orange);
  flood-color: #3E9811;
}

.action-box ul {
  display: flex;
}

.action-box {
  float: left;
  width: 50%;
  padding: 18px 0;
}

.action-box ul li a {
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 30px;
}

.action-box i {
  font-size: 16px;
  color: grey;
}

.action-box ul li a:hover {
  background: rgb(218, 216, 216);
}

.action-box ul li a:hover i {
  color: black;
}

/*icon css for order screen*/

.combine-order-select {
  float: left;
}

.combine-order-select .btn {
  border-radius: 0;
  background: none;
  border: 2px solid #f1f1f1;
  font-weight: 600;
  padding: 5px 8px;
}

.combine-order-select.quick-action .btn, .combine-order-select.quick-action .dropdown.open {
  background: #D0DEE0;
  border-color: transparent;
  border-radius: var(--br-radius);
  color: #30373B;
  font-weight: 500;
}

.combine-order-select.quick-action .dropdown.open {
  background: #E9EEEF;
  color: #30373B;
  box-shadow: none;
}

.combine-order-select .dropdown.open .btn {
  background: none;
}

.combine-order-select .btn span {
  margin-left: 10px;
}

.combine-order-select ul li a {
  text-align: left;
}

.mirror {
  transform: scale(-1, 1);
}

.combine-order-select ul li a:hover {
  background: #E8F7FC;
  cursor: pointer;
}

.icon-box {
  display: flex;
  justify-content: left;
  align-items: center;
}

ul.icon-box.text-center {
  justify-content: center;
}

.icon-box a, .icon-box li {
  margin: 0 15px 0 0;
}

.icon-box>li i, .icon-box>li.image-icon span {
  border: 1px solid #dcdcdc;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f7f5f5;
  width: 25px;
  border-radius: 4px;
}
.icon-box.spli-case > li i{
border: none;
height: auto;
width: auto;
background: none;
border-radius:0;
}

.icon-box>li.image-icon span {
  background-size: 80%;
}

.icon-box a:last-child, .icon-box li:last-child {
  margin-right: 0;
}

.icon-box a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #337ab7;
}

.icon-box>a:hover i {
  text-decoration: none;
  color: #EC411B;
}

.icon-box li.ban i {
  color: red;
}

.icon-box i {
  font-size: 13px;
}

.icon-box .material-icons {
  font-size: 20px;
}

.icon-box .dropdown ul {
  padding: 0;
}

.icon-box .dropdown ul li {
  text-align: left;
}

.icon-box .dropdown ul li, .icon-box .dropdown ul li a {
  margin: 0;
}

.icon-box .dropdown .dropdown-menu {
  left: auto;
  right: 0;
  min-width: 210px;
  z-index: 7;
}

.icon-box .dropdown .dropdown-menu li a:hover {
  background: #E8F7FC;
}

.icon-box .dropdown .dropdown-menu li a i {
  margin-right: 6px;
}

.icon-box .btn {
  background: none;
  color: #337ab7;
  font-weight: 600;
  padding: 0;
}
.icon-box .btn.with-bg {
  background: #52514f;
  color: #ffffff;
  font-weight: 600;
  margin-left: 12px;
  font-size: 12px;
  font-family: var(--primary-font);
  padding: 3px 10px;
}
.icon-box .dropdown-menu li.order-act{
  color: #686868;
}
.icon-box .btn.with-bg:hover, .icon-box .dropdown.open .btn.with-bg, .icon-box .dropdown .btn.with-bg:active{
  color:#FDB913;
   background: #252424;
}
.expnad-action .dropdown-menu>li{

}

/*icon coloring*/

.icon-box i:hover, .icon-box i {
  transition: all 0.3s ease-in-out;
}
.icon-box.expnad-action .dropdown li:first-child i{
  color: var(--green-bg); 
 }

 .icon-box.expnad-action .dropdown li:nth-child(2n) i{
  color: #069cce; 
 }

 .icon-box.expnad-action .dropdown li:nth-child(3n) i, .icon-box.expnad-action .dropdown li:last-child i{
  color: #F0592B; 
 }

 .icon-box.expnad-action .dropdown li i.fa-times{
   color: red;
 }
 td>.icon-box i.fas.fa-comment-alt, i.sky-blue {
  color: #26a9d4;
}
td>.icon-box i.fas.fa-copy, i.grey {
  color: #7d7d7d;
}
/*

td>.icon-box li:first-child i{
 color: var(--green-bg); 
}
td>.icon-box li:first-child i{
 color: var(--green-bg); 
}
td>.icon-box li:first-child i{
 color: var(--green-bg); 
}
td>.icon-box li:first-child i{
 color: var(--green-bg); 
}
td>.icon-box li:first-child i{
 color: var(--green-bg); 
}
td>.icon-box li:first-child i{
 color: var(--green-bg); 
}
td>.icon-box i.fas.fa-edit {
  color: var(--green-bg);
}

td>.icon-box i.fas.fa-comment-alt, i.sky-blue {
  color: #26a9d4;
}

td>.icon-box i.fas.fa-copy, i.grey {
  color: #7d7d7d;
}

td>.icon-box i.fas.fa-copy:hover, i.grey:hover {
  color: black !important;
}

td>.icon-box i.fas.fa-edit:hover, i.green:hover {
  color: #139e2d;
}

li.cancel-icon i:hover, i.cancel-icon:hover, li.red i:hover, i.red:hover {
  color: #de4010
}

td>.icon-box i.fas.fa-comment-alt:hover, i.sky-blue:hover {
  color: #069cce !important;
} */

/*icon coloring*/

.icon-box .btn:hover, .icon-box .dropdown.open .btn {
  color: #F0592B;
}

.icon-box .dropdown.open .fas.fa-angle-down, .action_box.open .fas.fa-angle-down {
  transform: rotate(180deg);
}

.icon-box .dropdown.open .fas.fa-angle-down, .icon-box .dropdown .fas.fa-angle-down, .action_box.open .fas.fa-angle-down, .action_box .fas.fa-angle-down {
  transition: all ease-in-out 0.3s;
}

/*icon css for order screen end*/

/*fillter area*/

.filter_table tr td {
  padding: 10px 0;
}

.filter_table .datepicker {
  border-bottom: 1px solid #B5B5B6;
  height: 33px;
  position: relative;
}

.filter_table .datepicker .md-datepicker-input-container {
  border: none !important;
  width: calc(100% - 67px);
}

.filter_table .md-button.md-icon-button {
  padding: 0;
  margin: 0;
}

.fillter-space .datepicker .md-calendar-day-header {
  background: rgb(255, 0, 0) !important;
}

/*fillter area*/

.search-section {
  display: inline-flex;
}

.search-section input, .search-section .search-btn {
  display: inline-block;
  float: none;
}

.search-section input {
  border: var(--light-bdr);
  border-right: none;
}

.search-section .search-btn {
  background: #F0592B;
  border-radius: 0;
  border: 2px solid transparent;
  color: #fff;
  border-radius: 0 3px 3px 0;
}

.search-section input {
  padding: 5px 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: none;
}

.flex-con, .scan-section {
  display: flex;
  justify-content: flex-end;
}

.scan-section {
  align-items: center;
}

.total-grn {
  margin-left: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
}

.total-grn span:last-child {
  display: flex;
  padding: 5px 10px;
  color: #fff;
  background: var(--good);
  border-radius: 7px;
  margin-left: 5px;
}

.simple-input, .style-one input.simple-input[type="text"] {
  padding: 5px 10px;
  border: 1px solid rgb(205, 205, 205);
  border-radius: 3px;
  background: #fff;
}

.page-tabs>li {
  margin-right: 1px;
  margin-left: 1px;
}

.page-tabs li:hover .sharp {
  background-color: #E9EEEF;
}

/*fillter input design*/

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form-inline label {
  margin: 5px 10px 5px 0;
}

.form-inline input, .form-inline select, .form-inline textarea {
  vertical-align: middle;
  width: 100%;
  margin: 5px 10px 0 0;
  padding: 0 0 10px;
  border: none;
  border-bottom: 1px solid var(--input-bdr);
  text-align: left;
}

.form-inline button {
  padding: 10px 20px;
  color: white;
  cursor: pointer;
}

.fill-box {
  display: table;
  width: 100%;
}

.fill-box label, .make-cell {
  display: table-cell;
}

.fill-box label {
  font-weight: 700;
  color: #000;
  font-size: 14px;
  line-height: 0px;
}

.fill-box .btn {
  margin-right: 5px;
}

@media (max-width: 800px) {
  .form-inline input {
    margin: 10px 0;
  }
  .form-inline {
    flex-direction: column;
    align-items: stretch;
  }
}

/*fillter input design*/

.modal-footer {
  background: var(--modal-footer-bg);
}

.light-blue-bg {
  background: var(--light-blue);
}

.input_con span.btn.dropdown-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.input_con span.btn.dropdown-toggle.form-control ul li {
  text-align: left;
}

.input_con .dropdown {
  margin-right: 8px;
}

.input_con .dropdown .form-control {
  background: #D0DEE0;
  color: #30373B;
  box-shadow: none;
  font-weight: 700;
  border-radius: 2px;
}

.input_con .dropdown-menu {
  min-width: 100%;
  padding: 0;
}

.input_con .dropdown-menu:empty {
  border: none;
}

.input_con .dropdown-menu li {
  text-align: left;
  padding: 5px 0;
}

.input_con .dropdown-menu li a:hover {
  background: none;
}

.input_con .dropdown-toggle i {
  margin-left: 5px;
}

.fill-box_new.only-action {
  margin-top: 21px;
}

.bottom-space {
  margin-bottom: 10px;
}

span.required {
  color: red;
}

.modal-content .multiselect-parent .btn {
  border-radius: 0;
  padding: 13px 15px;
  text-align: left;
}

.modal-content span.caret {
  float: right;
  margin-top: 8px;
}

.modal-content .multiselect-dropdown.top-space {
  margin-top: 33px;
}

.modal-header, md-toolbar.pop-header {
  background: var(--modal-header-bg);
}

md-toolbar.pop-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close, md-toolbar .close {
  opacity: 0.7;
  transition: opacity 0.3s ease-in-out;
}

.modal-header .close:hover, md-toolbar .close:hover {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

.modal-dialog .modal-header .close span, .modal-header .close span {
  font-size: 30px !important;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #a2a2a2;
 transition: 0.3s;
  text-shadow: none;
  font-weight: normal;
  border: none;
}

button.close span:focus, button.close:focus {
  outline: none !important;
}

.modal-header .close:hover span {
  background: #F0592B;
  border-color: #F0592B;
  transition: 0.3s;
  color: #fff;
}

.modal-header h4, md-toolbar h4.head {
  font-size: 22px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0;
  color: #333;
}

.select-area {
  display: inline;
  margin-right: 25px;
  font-weight: 600;
}

.modal-content, .modal-footer {
  border-radius: 0;
  border: none;
  box-shadow: none;
}

.modal-footer {
  background: #30373B;
  min-height: 60px;
}

.vendor-progress md-radio-button {
  margin-right: 20px;
}

.vendor-active .fas {
  color: var(--green-bg);
}

.vendor-inactive .fas {
  color: rgb(229, 70, 70);
}

.vendor-active .fas, .vendor-inactive .fas {
  font-size: 10px;
  margin-right: 5px;
}

span.vendor-active, span.vendor-inactive {
  min-width: 73px;
  text-align: left;
  display: inline-block;
  margin: 0 auto;
}

span.vendor-active {
  color: var(--green-bg);
}

span.vendor-active .fas {
  position: relative;
  z-index: 1;
}

/* span.vendor-active .fas:after{
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background: #bbeabb;
  animation: active 1.5s infinite;
  z-index: -1;
  border-radius: 100%;
  top: -2px;
  left: -3px;
  transition: all 0.5s ease-in-out;
} */

@keyframes active {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.8;
  }
  100% {
    opacity: 0.6;
    transform: scale(1.1);
  }
}

span.vendor-inactive {
  color: var(--red-bg);
}

.input_con .maven-btn .fa-times {
  font-size: 10px;
}

.row.header-top {
  padding: 7px 0;
}

.mavenlogo {
  display: inline-block;
  width: 111px;
  padding-top: 8px;
}

.mavenlogo img {
  width: 100%;
}

.navbar-nav>li>a {
  color: #000;
}

.navbar-nav>li>a:hover {
  background: none;
  color: #F0592B;
}

/*common style for both filters style*/

.wms-page-title .filter_action i, #show_fillter .fas, .maven-btn .fas {
  font-size: 12px;
}

.style-one, .style-two {
  padding-top: 20px;
  margin: 10px 0 10px;
  /*if filter area coming under the heading section then space required*/
}

.style-one label, .style-two label {
  font-weight: 600;
}

.box-level {
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

.box-level.no-margin {
  margin-bottom: 0;
}

.style-one .fill-box_new .checkbox input[type=checkbox] {
  margin-left: -20px;
  display: block;
}

.style-one .fill-box_new .multiselect-parent ul {
  padding: 0;
  top: 23px;
}

.multiselect-parent .dropdown-menu .checkbox label {
  line-height: 19px;
}

.style-one .dropdown-menu label {
  margin-bottom: 0;
}

div#reportrange {
  position: relative;
}

/*common style for both filters style*/

/*fillter style two start*/

.style-two {
  display: block;
  background: #F1F2F5;
  width: 100%;
}

.style-two.up {
  bottom: 0;
  display: block;
  z-index: 9999999999;
}

.style-two, .style-two.up {
  transition: bottom 0.5s ease-in-out;
  -webkit-transition: bottom 0.5s ease-in-out;
}

.style-two input, .style-two select {
  background-color: #fff;
  border: var(--input-bdr);
}

.style-two select {
  color: #f1f1f1;
}

.rel {
  position: relative;
}

.fms-overlay {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: relative;
  display: none;
}

.fms-overlay.show {
  display: block;
}

.custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  font-size: 16px;
  top: 0px;
  cursor: pointer;
}

input[type="file"] {
  display: none;
}

.style-two .fill-box_new .input_con input, .style-two .fill-box_new .input_con select, .style-two .fill-box_new .input_con input[type="text"] {
  background-color: #fff;
  border: var(--input-bdr);
  border-bottom: none;
  padding: 10px 7px;
  border-radius: var(--br-radius);
  color: #000;
  width: 100%;
}

.style-two .top-space {
  margin-top: 25px;
}

.style-two .fill-box_new .input_con select, .style-two .md-datepicker-expand-triangle {
  background-position: 92% 14px;
}

.style-two .fill-box_new.only-action {
  margin-top: 25px;
}

.style-two .maven-btn {
  padding: 10px 14px;
  min-width: 100px;
}

.style-two .input_con .md-datepicker-input-container, .style-two .input_con .datepicker.datepicker-width {
  background: #fff;
}

.style-two .datepicker.datepicker-width .md-datepicker-input-container {
  border: none;
  width: calc(100% - 64px);
}

.style-two .md-datepicker-triangle-button {
  bottom: auto;
  top: 0;
}

.style-two .md-datepicker-triangle-button.md-button.md-icon-button {
  left: auto;
  right: 0;
}

.style-two .md-button.md-icon-button {
  margin: 0;
}

.md-icon-button+.md-datepicker-input-container {
  margin-left: 0;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/*fillter style two end*/

/*fillter style one start*/

.style-one .fill-box_new .input_con input, .style-one .fill-box_new .input_con select, .style-one .fill-box_new .input_con input[type="text"], .style-one .multiselect-parent .btn-default, .style-one input, .style-one select, .style-one input[type="text"], .style-one .multiselect-parent .btn-default {
  width: 100%;
  background-color: transparent !important;
  border: none;
  border-bottom: var(--light-bdr);
  margin: 0;
  padding: 3px 0;
  border-radius: 0;
  box-shadow: none;
  max-width: 100%;
  height: inherit;
}

.style-one .fill-box_new .input_con select, select, select.form-control, .style-one select {
  padding-right: 23px;
}

.form-control.pad-two-icon, input.pad-two-icon, .style-one .fill-box_new .input_con input.pad-two-icon {
  padding-right: 60px !important;
}

.modal-content .style-one span.caret {
  margin-top: 0;
}

.style-one .btn-group>.btn {
  width: 100%;
  text-align: left;
}

.style-one .multiselect-parent {
  display: block;
}

.style-one .caret {
  position: absolute;
  right: 0;
  top: 4px;
  width: 14px;
  height: 14px;
  border: none;
  background-position: 100% 3px;
}

.style-one .fill-box_new .input_con .md-button.md-icon-button {
  margin: 0;
  padding: 0;
  height: 24px;
  width: 24px;
  min-height: 24px;
  position: absolute;
  left: 15px;
  z-index: 2;
}

input.md-datepicker-input {
  border-bottom: none;
}

.style-one .top-space {
  margin-top: 22px;
}

.bottom-space {
  margin-bottom: 20px;
}

.style-one .fill-box_new .input_con .md-datepicker-triangle-button.md-button.md-icon-button {
  right: 7px;
  left: auto;
}

.style-one .fill-box_new .md-datepicker-triangle-button {
  bottom: 1.5px;
}

.style-one label {
  margin-bottom: 7px;
  position: static;
  font-size: 14px;
  color: #333333;
  font-family: var(--primary-font);
  text-transform: capitalize;
  display: block;
}

.style-one .fill-box_new .input_con md-icon {
  margin: inherit;
}

.style-one .fill-box_new .input_con input.md-datepicker-input {
  border-bottom: none;
  /* height: 24px; */
  font-weight: 400;
  padding-left: 24px;
}

.style-one .fill-box_new .md-datepicker-expand-triangle {
  background-color: transparent;
  background: url("../../images/svg/dropdown_arrow_icon.svg") no-repeat center 2px;
  background-size: 11px;
  cursor: pointer;
  height: 16px;
  width: 16px;
  border: none;
}

.style-one .fill-box_new .md-datepicker-input-container {
  width: 100%;
  margin-left: 0;
  padding-left: 0;
}

.style-one .fill-box_new .input_con .md-datepicker-input-container input:focus, .current_inventory input:focus {
  border: none !important;
}

.md-datepicker-input-container.md-datepicker-focused {
  border-bottom-color: rgba(217, 84, 75);
  border-width: 1px !important;
}

/*fillter style one end*/

/* .search-section {
  display: flex;
  justify-content: center;
} */

.daterangepicker .ranges li.active, .daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #F0592B;
}

.daterangepicker td.start-date, .daterangepicker .drp-buttons .btn {
  border-radius: 2px;
}

.daterangepicker .drp-buttons .btn {
  padding: 8px 16px;
}

.quick-act-bar {
  margin-top: 25px;
  margin-bottom: 3px;
}

.quick-act-bar .dropdown ul.dropdown-menu {
  left: 0;
  right: auto;
}

.flex {
  display: flex;
  justify-content: flex-end;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

#fms-table table thead th, #fms-table table tr td {
  text-align: left;
}

#fms-table.order-table table tr td.text-right {
  text-align: right;
}

#fms-table.order-table table tr td.text-center, .fms-scroll-info.shadowstyle table tr td.text-center {
  text-align: center;
}

.open-or {
  font-size: 19px;
  color: #575757;
}

.style-one.top-no-margin {
  margin-top: 0;
}

#reportrange input[type="text"] {
  padding-left: 28px;
}

/* .open-or {
  background: #F0592B;
  color: #fff;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 9px;
} */

.md-default-theme .md-calendar-day-header, .md-calendar-day-header {
  background: var(--light-black);
  color: #fff;
}

.tab-pagination {
  margin-top: 30px;
}

.showingOrderLabel {
  padding-top: 10px;
}

.btn-first.auto-width {
  min-width: inherit;
  padding: 5px 8px;
}

.action_box.no_button {
  background: none;
}

.action_box.no_button:hover, .action_box.no_button:hover .fas {
  background: none;
  color: #F0592B;
}

.dropdown .only-button, .action_box {
  padding: 8px 12px;
  transition: all 0.7s ease-in-out;
  background: #ddd;
  border-radius: 4px;
  border: none;
  box-shadow: none;
  cursor: pointer;
}

.dropdown .only-button i {
  color: #000;
}

.dropdown.open .only-button, .dropdown .only-button:hover, .action_box:hover {
  background: #FFA800;
  transition: all 0.7s ease-in-out;
}

.dropdown.open .only-button i, .dropdown .only-button:hover i, .action_box:hover i {
  color: #fff;
}

.horizontal-row label, .horizontal-row .valu {
  display: inline-block;
}

.horizontal-row .valu {
  color: #F0592B;
  font-weight: 600;
}

.horizontal-row {
  background: #f7f7f7;
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 20px;
}

.horizontal-group {
  position: relative;
}

.horizontal-row label {
  margin-right: 10px;
  max-width: 147px;
  min-width: 100px;
  text-align: left;
}
.horizontal-row label.no-min, .sku-section .horizontal-group label.no-min{
  min-width: auto;
}

.cur_ivtr span {
  background: red;
  padding: 10px;
  color: #fff;
  text-align: center;
  margin-left: 10px;
  display: inline-block;
}

.popup_nav .nav-tabs {
  border-bottom: var(--light-bdr);
  margin-bottom: 20px;
  padding-top: 0;
}

.popup_nav.toggle-style .nav-tabs {
  margin-bottom: 0;
}

.small-f {
  left: 19px;
  top: 6px;
  position: absolute;
  z-index: 999999999;
  color: #000;
  font-size: 9px;
  border-radius: 50%;
  padding: 2px;
  height: 13px;
  width: 13px;
  text-align: center;
  font-size: 8px!important;
}

.large-f {
  font-size: 16px;
}

span.delivered .small-f {
  background: var(--green-bg);
}

span.undelivered .small-f {
  background: var(--red-bg);
}

.input_with_action {
  position: absolute;
  right: 0;
  top: 0;
}

.input_with_action span {
  color: #F0592B;
  padding: 3px 4px;
  margin-left: 0px;
  display: inline-block;
}

.input_with_action span:hover {
  background: #F0592B;
  color: #fff;
  border-radius: 3px;
}
.tooltip-info .input_with_action{
  position: relative;
  display: inline-block;
}
.tooltip-info .customTooltip:before{
  border-bottom: 10px solid #313740;
  top: -20px;
  left: 11px;
  right: auto;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.tooltip-info .customTooltip{
  left: 0;
}

.input_with_action span, .input_with_action span:hover {
  transition: all 0.3s ease-in-out;
}

.style-one.no-margin {
  margin: 0;
}

.current_inventory span {
  padding: 10px;
}

.current_inventory label {
  margin-bottom: 0;
}

.uploadFileBulkOrder {
  background: url(../../images/svg/upload_active.svg);
  width: 100px;
  height: 100px;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
}

.uploadFileBulkOrder:hover {
  background: url(../../images/svg/upload_hover.svg);
  width: 100px;
  height: 100px;
  cursor: pointer;
}

.uploadFileLabel {
  color: #30373B;
  font-size: 18px;
  cursor: pointer;
}

.uploadFileLabel:hover {
  color: #F0592B;
  font-size: 18px;
  cursor: pointer;
}

.dateClear {
  position: absolute;
  bottom: 37px;
  right: 29px;
  background: url(../../images/svg/refresh_new.svg);
  width: 15px;
  height: 15px;
  cursor: pointer;
  border: none;
  margin-top: 5px;
  background-repeat: no-repeat;
  margin-left: 20px;
}

.downloadFileBulkOrder {
  background: url(../../images/svg/xls-blank.svg) center center no-repeat;
}

.download-file:hover .downloadFileBulkOrder {
  background: url(../../images/svg/xls-blank-hover.svg);
  opacity: 1;
}

.mapfile {
  background: url(../../images/svg/files.svg) center center no-repeat;
}

.equal-box:hover .mapfile {
  background: url(../../images/svg/files-hover.svg) center center no-repeat;
  opacity: 1;
}

.upload-excel, .downloadFileBulkOrder, .mapfile{
  width: 100px;
  height: 100px;
  opacity: 0.3;
}

.upload-zip{
  width: 93px;
  height: 100px;
  opacity: 0.3;
}

.upload-excel {
  background: url(../../images/svg/xls.svg);
}
.upload-zip {
  background: url(../../images/svg/zip.svg);
}

.download-file.csv .downloadFileBulkOrder {
  background: url(../../images/svg/CSV-blank.svg);
}

.download-file.csv:hover .downloadFileBulkOrder {
  background: url(../../images/svg/CSV-blank-hover.svg);
}

.equal-box.drop-box-section:hover .upload-excel {
  background: url(../../images/svg/xls-hover.svg);
  opacity: 1;
}

.equal-box:hover .drag-message, .equal-box:hover .downloadFileLabel a {
  color: #F0592B;
}

.equal-box:hover .drag-message, .equal-box:hover .downloadFileLabel a, .equal-box.drop-box-section:hover .upload-excel, .upload-excel, .download-file:hover .downloadFileBulkOrder, .downloadFileBulkOrder {
  transition: all 0.3s ease-in-out;
}

.downloadFileLabel {
  cursor: pointer;
  font-size: 18px;
}

.wms_document {
  cursor: pointer;
}

.wms_document:hover {
  color: #F0592B;
}

.dropdown-submenu:hover .dropdown-menu {
  display: block !important;
}

.come_box {
  background: lightcyan;
  transition: all 0.3s ease;
  position: absolute;
  right: 80px;
  padding: 8px 10px;
  box-shadow: 0px 16px 33px rgba(0, 0, 0, 0.15);
  top: 0;
  box-sizing: border-box;
  transform: scaleY(0);
  transform-origin: 100% top;
  text-align: right;
  border-radius: 6px;
  z-index: 9;
}

.come_box.open_action {
  transition: all 0.3s ease;
  max-height: 200px;
  top: 0;
  transform: scaleY(1);
}

.come_box ul li {
  display: inline-block;
}

.come_box ul li a {
  display: inline-flex;
  padding: 0 7px;
  font-size: 13px;
  line-height: 20px;
  cursor: pointer;
  font-family:var(--secondary-font);
}

.come_box ul li a span {
  width: 22px;
  height: 22px;
  text-align: center;
  position: relative;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 2px;
}

.come_box ul li a span:before {
  content: "";
  background: rgb(219, 219, 219);
  transform: scale(0);
  transform-origin: center center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: 100%;
  z-index: -1;
  transition: all 0.3s ease-in-out;
}

.come_box ul li a:hover span:before {
  transform: scale(1);
}

.open_action ul li {
  position: relative
}

.open_action ul li ul {
  display: none;
  max-width: 240px;
  top: 100%;
  left: 0%0;
  position: absolute;
  background: #fff;
  border: 1px solid #f1f1f1;
}

.open_action ul li:hover ul {
  display: block;
}

#fms-table-two.table-responsive tr.my_tr td {
  padding: 0;
  border: none;
}

.uniq .md-calendar-day-header {
  background: red !important;
}

.show-fl-list {
  background: none;
  font-size: 13px;
  border: none;
  color: #F15C2C;
  position: absolute;
  right: 0;
  top: 5px;
}

.show-fl-list:hover {
  color: #30373b;
}

.style-two .show-fl-list {
  top: 10px;
  right: 10px;
}

/*dashboard css start here*/

.old-dashboard .t-box {
  border-radius: 5px;
  padding: 0;
  background: #E8F7FC;
  margin-top: 16px;
}

.old-dashboard .t-circle {
  padding: 55px 0;
  width: 80px;
  border-radius: 0;
}

.row.margin-bottom {
  margin-bottom: 32px;
}

.old-dashboard .panel-title {
  font-weight: 600;
  line-height: 21px;
  color: #333;
}

.warehouseTableContainer {
  padding: 0;
  background: #fff;
}

.warehouseTableContainer .table tbody:first-child {
  border-top: none;
}

.warehouseTableContainer .table>tbody+tbody {
  border-top: 1px solid #ddd;
}

.old-dashboard .panel-body {
  background: #f8f8f8;
}

.old-dashboard .panel-default>.panel-heading {
  background-color: #f5f6f8;
}

/* .space-remove .wms-page-title h4 {
  margin: 0;
}

.space-remove .btn.sharp {
  background: #F15C2C;
  color: #fff;
  text-transform: capitalize;
}

.space-remove .btn.sharp:hover, .space-remove li.active .btn.sharp {
  background: #30373B;
} */

.main-data-table table tr td {
  font-size: 12px;
  padding: 10px 12px;
}

.main-data-table .table>thead>tr>th {
  border-bottom: none;
}

.main-data-table .table>thead>tr>th:first-child {
  border-top-left-radius: 4px;
}

.main-data-table .table>thead>tr>th:last-child {
  border-top-right-radius: 4px;
}

/*dashboard css end here*/

.daterangepicker {
  font-family: 'Open Sans', sans-serif;
}

.expnad-action .dropdown-menu {
  z-index:7;
}

.dropdown-menu>li>a {
  color: #30373B;
  padding: 10px 10px;
}

.expnad-action .dropdown-menu>li {
  padding: 10px 10px;
  border-bottom: 1px solid #cecece;
  color: #686868;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.expnad-action .dropdown-menu>li i {
    margin-right: 12px;
    width: 19px;
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.expnad-action .dropdown-menu>li:hover {
  background:var(--light-clr);
}

.expnad-action .dropdown-menu>li:last-child {
  border-bottom: none;
}

.flex-td {
  display: flex;
}

.flex-td .icon-box .btn {
  margin-right: 15px;
}

.oms-pagination {
  font-weight: 600;
}

.oms-pagination li a {
  float: left;
  padding: 8px 17px;
  line-height: 20px;
  text-decoration: none;
  color: #777;
  background-color: #fff;
  border: 1px solid #ddd;
  border-left-width: 0;
}

.oms-pagination>li:first-child>a, .oms-pagination>li:first-child>span {
  border-left-width: 1px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.oms-pagination>li:last-child>a, .oms-pagination>li:last-child>span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.oms-pagination>li>a:focus, .oms-pagination>li>a:hover, .oms-pagination>li.active a {
  background: #ddd;
  cursor: pointer;
}

.show_full_list {
  margin: 3px 10px 0 0;
  float: left;
}

.show_full_list, .oms-pagination {
  display: flex;
}

.show_full_list select {
  margin: 0 10px;
  padding: 7px 25px 7px 7px;
  background-position: 91% 11px;
  border: 1px solid #ddd;
  border-radius: 2px;
}

.style-one .current_inventory input[type="text"], .disabled-green-bx {
  background-color: #dff0d8 !important;
  color: #000;
  cursor: no-drop;
  padding-left: 8px;
  border-bottom: 1px solid #dff0d8;
}

.disabled-green-bx {
  padding: 3px 8px;
}

.popuptable.table {
  border-top: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
}

.popuptable.table td td {
  border-bottom: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}

.popuptable.table thead th {
  font-size: 14px;
}

.without_head {
  background: #f7f7f7;
  padding-top: 21px;
}

.form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.modal.in .modal-dialog {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* .modal-dialog {
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  position: absolute;
} */

.modal-backdrop.in {
  opacity: 0.8;
  z-index: 100;
}

.overlay-modal .modal-header {
  background: #ffb7a2;
}

.overlay-modal .modal-footer {
  background: #e0e0e0;
}

.flex.lbh input {
  margin-right: 16px;
}

.flex.lbh input:last-child {
  margin-right: 0;
}

.inline-bl {
  display: inline-block;
}

.rr_con md-radio-button {
  display: inline-block;
  margin: 15px 30px 40px 0;
}

.rr_con md-radio-button:last-child {
  margin-right: 0;
}

.fms-bulk-radio {
  display: flex;
  padding: 12px 0;
}

.bulk-box {
  display: flex;
  align-content: center;
}

.bulk-box label {
  margin: 0 20px 0px 0;
}

.bulk-box .inline-radio md-radio-button.md-default-theme .md-off, .bulk-box .inline-radio md-radio-button .md-off {
  border-color: #aeacac;
}

.weight_section {
  padding-top: 20px;
  display: flex;
  justify-content: flex-start;
  margin: 0 14px 25px 0;
}

.weight_section, .grow-box, .channel-box, .shadow-box {
  background: #fbfbfb;
  box-shadow: 0px 7px 12px -8px rgba(0, 0, 0, 0.5);
  border: 6px solid #f1f1f1;
  border-radius: 6px;
}

.weight_section:nth-child(2) {
  flex-grow: 1;
}

.weight_section:last-child {
  margin-right: 0;
}
.not-grow .weight_section:nth-child(2){
  flex-grow: inherit;
}
.not-grow .weight_section {
  flex-basis: 32%;
}
.box-detail-av.not-grow {
  justify-content: space-between;
}
.style-one .not-grow .weight_section .form-group{
  width: 100%;
}
.weight_section.grow1 {
  flex-grow: 1;
}

.box-detail-av {
  display: flex;
  justify-content: flex-start;
 }

.box-info-col h4 {
  display: flex;
}

.box-info-col md-checkbox {
  margin: 0 0 0 10px;
}

.style-one .weight_section .form-group {
  width: auto;
  margin: 0 10px 25px;
}

.weight_section .form-group.mesure {
  width: 189px;
}

.add-more-box {
  margin-bottom: 20px;
}

.lbh {
  display: flex;
}

.lbh input[type="text"] {
  margin-right: 5px;
}

.lbh input:last-child {
  margin-right: 0;
}

.sticky-table {
  max-height: 200px;
  overflow: auto;
}

.sticky-table thead {
  position: sticky;
  top: 0;
}

.form-group.whl {
  flex-grow: 1;
}

.slider {
  width: 400px;
  height: auto;
  display: flex;
  overflow-x: auto;
  min-height: 57px;
  background: #f1f1f1;
  -webkit-overflow-scrolling: touch;
}

.slide {
  width: auto;
  flex-shrink: 0;
  height: auto;
  min-height: 60px;
  min-width: 120px;
}

.scrollable-menu {
  max-height: 400px;
  overflow-x: scroll;
  height: auto;
}

.total_box_scan {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.total_count {
  margin-right: 50px;
}

.total_count span {
  font-weight: 600;
  color: #F0592B;
}

.total_box_scan .tt-l {
  color: #000;
}

.tt-l {
  font-weight: 600;
}

label.upload-file {
  cursor: pointer;
  color: #fff;
}

input[type="file"] {
  display: none;
}

.image-thumbnail-preview .list-inline li {
  border: 1px solid #f1f1f1;
}

.image-container {
  border: 3px dashed rgba(195, 194, 194, 0.4);
  text-align: center;
  padding: 15px 0;
  border-radius: 10px;
  color: #c3c2c2;
  margin-top: 0;
}

h3.image-container .fas {
  display: block;
  font-size: 4em;
  opacity: 0.4;
}

.anim {
  width: 44px;
  position: relative;
  overflow: hidden;
  height: 20px;
  float: left;
  margin-right: 8px;
  transition: all .2s ease-in-out;
}

.splash {
  background: #000;
  transition: all .2s ease-in-out;
  height: 80px;
  position: absolute;
  z-index: 99999999999999;
  animation: leaves 5s ease-in-out infinite alternate;
  -webkit-animation: leaves 5s ease-in-out infinite alternate;
}

.first_ic, .second_ic {
  position: absolute;
}

.first_ic .fas {
  margin-top: 5px;
}

.second_ic img {
  transform: rotateY(-160deg);
}

.first_ic {
  -webkit-animation: boxmove 1s infinite;
  /* Safari 4.0 - 8.0 */
  animation: boxmove 1s infinite;
  animation-delay: 2s;
  animation-fill-mode: backwards;
}

.second_ic {
  width: 20px;
  height: 20px;
  animation-fill-mode: forwards;
  animation-name: scanermove;
  animation-duration: 1s;
  animation-direction: alternate;
  animation-iteration-count: initial;
}

.t_val {
  color: #F0592B;
}

@keyframes boxmove {
  0% {
    right: -100px;
  }
  50% {
    right: 5px
  }
  100% {
    right: -100px;
  }
}

@keyframes scanermove {
  0% {
    left: -100px;
  }
  100% {
    left: 0px;
  }
}

@keyframes leaves {
  0% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
  100% {
    transform: scale(2.0);
    -webkit-transform: scale(2.0);
  }
}

.show_inv {
  display: inline-block;
  position: absolute;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  height: 100%;
  width: 40px;
  top: 39%;
}

.show_inv ul {
  display: flex;
  flex-flow: column;
  position: absolute;
  top: 23px;
  left: 0;
  border-radius: 4px;
  background: transparent;
  transform: scaleY(0);
  transform-origin: top center;
  border: 1px solid #ccc;
}

.show_inv ul:after {
  content: "";
  position: absolute;
  top: -19px;
  left: 20px;
  width: 10px;
  height: 20px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #30373b;
}

.show_inv ul, .show_inv:hover ul {
  transition: all 0.3s ease-in-out;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.show_inv:hover ul {
  display: flex;
  max-width: 320px;
  transform: scaleY(1);
  z-index: 9999999999;
  min-width: 168px;
}

.show_inv ul li {
  font-weight: 600;
  text-align: left;
  padding: 8px 68px 8px 10px;
  background: #30373b;
  display: flex;
  color: #fff;
  border-bottom: 1px solid #585858;
}

.show_inv ul li:last-child {
  border-bottom: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.show_inv ul li:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.show_inv ul li:hover {
  background: #585858;
}

.show_inv ul li span:first-child {
  display: inline-block;
  width: 74px;
  color: #c3c3c3;
}

.modal-body .style-one {
  padding: 0;
}

.tabbed-sec, .tabbed-sec li {
  display: flex;
}

ul.tabbed-sec {
  border-bottom: 2px solid #f1f1f1;
  margin-bottom: 20px;
}

.tabbed-sec li {
  margin-right: 2px;
  border-bottom: none;
  margin-bottom: 0;
  background: #fff;
}

ul.tabbed-sec {
  border-bottom: 2px solid #f1f1f1;
  margin-bottom: 20px;
}

.tabbed-sec li a {
  border: 2px solid #d4d4d4;
  border-bottom: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 10px;
  background: transparent;
  color: #000;
  transition: 0.4s;
}

.tabbed-sec li a:hover, .tabbed-sec .tabbed-active a {
  border: 2px solid #F0592B;
  border-bottom: none;
  background: #F0592B;
  color: #fff;
  transition: 0.4s;
}

li.head_active .data-list a {
  color: #F0592B;
}

.data-icons .fas {
  margin-top: 10px;
  color: #30373B;
}

.d_up, .full_width {
  float: left;
  width: 100%;
}

.d_up .rr_con md-radio-button {
  margin: 8px 30px 0 0;
}

.download_upload {
  float: left;
  width: 50%;
  margin-bottom: 30px;
  display: flex;
}

.download_upload a {
  display: flex;
  justify-content: center;
  border: 2px solid #ffffff;
  border-radius: 6px;
  position: relative;
  width: 250px;
  flex-flow: column;
  align-items: center;
  background: #f9f9f9;
  color: #adadad;
  transition: 0.4s;
  margin-right: 10px;
  padding: 20px 0;
  text-align: center;
}

.download_upload a:hover, .download_upload a:hover span {
  color: #F0592B;
  transition: 0.4s;
  border-color: rgba(240, 89, 43, 0.6);
}

.download_upload a .fas {
  font-size: 63px;
  margin-bottom: 15px;
}

.download_upload a span {
  display: flex;
  font-size: 18px;
  color: #333333;
}

.modal.uniq .modal-header {
  background: #f6f6f6;
}
.modal-header .close{
  position: absolute;
  right: 12px;
  top: 14px;
}
.error-popup-re.modal .modal-header {
  background:#f9f9f9;
}
.error-popup-re.modal .style-one{
  padding-top:0;
}
.error-popup-re.modal .modal-header .close{
  top: 17px;
    border: 2px solid grey;
    border-radius: 100%;
}
.error-popup-re.modal .modal-header .close:hover{
  background: #f6f6f6;
}
.error-popup-re.modal h6 {
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  color: #6e6e6e;
  text-transform: capitalize;
}
.error-popup-re.modal h4{
  text-align: center;
}

.error-popup-re.modal .modal-footer {
  background: #ff2f2f;
  text-align: center;
  padding: 0;
  min-height: inherit;
}
.error-popup-re.modal .modal-header h4{
  color: #ff4242;
  text-align: center;
  font-size: 30px;
}

.error-popup-re.modal h4 i{
  font-size: 25px;
  margin-right: 7px;
  /*margin-top: -26px;*/
}
.error-popup-re.modal h5{
  white-space: pre-line;
  text-align: center;
  font-size: 17px;
}
.error-popup-re.modal .modal-footer .btn-first {
  color: #fff;
  display: block;
  width: 100%;
  margin: 0;
line-height: 38px;
}
.error-popup-re .btn-first:hover{
  border-color: transparent;
}
.error-popup-re .modal-dialog{
border: 1px solid #d9d9d9;
border-bottom: none;
}
.error-popup-re .modal-dialog .modal-header .close span, .error-popup-re .modal-header .close span{
background: none;
border-color:grey;
color: #3f3e3e;
}


.modal.uniq .modal-content {
  border: 1px solid #a9a9a9;
}

.custome-input-sec {
  width: 100%;
  float: left;
  background: white;
  border: var(--light-bdr);
  font-size: 12px;
  font-weight: 600;
  padding: 7px 6px 10px;
  color: #9D9D9D;
  border-radius: 4px;
}

.custome-input-sec.areaPinSec {
  background: #e8f7fc;
}

.selected-oda-pin {
  float: left;
  background: #d7eaca;
  padding: 3px 12px;
  border-radius: 4px;
  margin-right: 10px;
  margin-top: 5px;
  color: #3c3838;
  font-size: 12px;
}

.seperator .addition-pin-sec {
  margin-top: 0;
}

.addition-pin-sec {
  margin-top: 18px;
  float: left;
  width: 100%;
}

.seperator:first-child {
  border-top: none;
}

.selected-oda-pin .fas {
  margin-left: 11px;
}

.check_scan_box {
  border: 1px solid #f1f1f1;
  background: none;
  padding: 7px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.check_scan_box .btn {
  padding: 0 8px 0 0;
}

.see-prog {
  background: #fff;
}

.confirmation-message {
  font-size: 18px;
  display: inline-block;
  padding: 0 0 20px;
}

.symbol-container {
  display: flex;
  justify-content: flex-start;
  margin: 0 0 14px;
}

.time-growth {
  margin-right: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.time-growth .symbol {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 7px;
  border-radius: 3px;
}

.time-growth .symbol-time {
  font-weight: 600;
  font-size: 11px;
  font-family: var(--secondary-font);
}

.style-one .form-group {
  margin: 0 0 25px;
}

.style-one .form-group.no-margin {
  margin-bottom: 0;
}

.calculator-hide {
  display: none;
}

.only-message {
  text-align: center;
  padding: 60px 0;
}

.only-message .btn-first {
  padding: 7px 10px;
  margin: 0 10px;
  min-width: 147px;
  font-size: 18px;
}

.error-message {
  /* text-transform: lowercase; */
  /*commenting this line because in some cases like "plz enter a valid GSTIN" then GSTIN was coming in lowercase*/
  display: block;
  position: absolute;
  font-size: 12px;
  color: #ff0000;
}

.error-message:first-letter {
  text-transform: uppercase;
}

.oms-split .tool-tip:hover .tool-tip-text {
  display: block;
}

.oms-split .tool-tip-text {
  display: none;
}

.expand-icon-reverse, .expand-icon {
  border-radius: 100%;
  color: #a5a5a5;
  padding: 3px;
  width: 20px;
  height: 20px;
  font-size: 12px;
  border: 2px solid #a5a5a5;
  box-sizing: border-box;
  /* box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4); */
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}

.expand-icon-reverse, .expand-icon:hover {
  color: rgba(240, 89, 43, 0.77);
  background: transparent;
  border-color: rgba(240, 89, 43, 0.77);
  transition: all 0.3s ease-in-out;
}

.expand-icon {
  background: transparent;
}

.md-datepicker-calendar-pane {
  z-index: 9999 !important;
}

.fms-scroll-info.shadowstyle.front-page.table-lg table {
  min-width: 1900px;
}

span.show_all_sku {
  color: #F0592B;
  font-weight: 600;
  font-size: 15px;
  padding: 0px 0 10px;
  display: inline-flex;
}

.text-green {
  color: var(--green-bg);
}

.text-red {
  color: var(--red-bg);
}

.horizontal-row label:after {
  position: absolute;
  content: "-";
  top: -1px;
  padding-left: 3px;
}

.table-responsive.split-table {
  min-height: 300px;
}

.parent-sction .icon-box a {
  margin: 0 16px 0 0;
}

.parent-sction .icon-box a:last-child {
  margin-right: 0;
}

.footer-split {
  color: #fff;
  margin: 7px 0 0 10px;
}

.info-instruction {
  color: grey;
  margin-top: 8px;
}

.popup_nav .nav-tabs>li {
  background: #fff;
  margin-right: 4px;
}

.popup_nav .nav-tabs>li>a, .filter-btn {
  background: #f3f3f3;
  border-radius: 0;
  color: #333333;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin: 0;
  padding: 6px 10px;
  border: 1px solid #e2dddd;
  border-bottom-color:transparent;
}

.popup_nav .nav-tabs>li>a:hover, .popup_nav .filter-btn:hover, .popup_nav .filter-btn.filterActive {
  box-shadow: none;
}

.popup_nav .nav-tabs>li.active>a, .popup_nav .nav-tabs>li>a:hover, .popup_nav .nav-tabs>li>a.active, .popup_nav .nav-tabs>li>a:hover, .popup_nav .filter-btn:hover, .popup_nav .filter-btn.filterActive {
  background: #F0592B;
  color: #fff;
  border: none;
  border: 1px solid #F0592B;
}

.popup_nav .nav-tabs>li.active>a:hover {
  background: #F0592B;
  color: #fff;
  border: 1px solid #F0592B;
}

.highlight {
  background: #eaeeef;
  border-bottom: 2px solid #e2dddd;
  margin-bottom: 20px;
  font-size: 18px;
  padding: 15px;
  font-weight: 700;
  font-family:var(--secondary-font);
  font-style: italic;
}

.highlight label {
  position: static;
  font-family:var(--secondary-font);
  font-size: 18px;
  font-weight: 700;
  color: #333;
}

.infotool {
  cursor: pointer;
}

.customTooltip {
  position: absolute;
  top: 31px;
  right: 0;
  max-width: 400px;
  background: #313740;
  color: #fff;
  transform: scaleY(0);
  transform-origin: top;
  border-radius: 4px;
  min-width: 220px;
  z-index: 999999;
  cursor: auto;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.6);
  opacity: 0;
}

.customTooltip:before {
  content: '';
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #252322;
  border-left: 10px solid transparent;
  top: -16px;
  right: 6px;
  z-index: 99999;
  position: absolute;
}

.customTooltip.top {
  top: -100%;
}

.customTooltip.top:before {
  border-top: 10px solid #252322;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  bottom: -16px;
  right: 6px;
}

.infotool:hover .customTooltip {
  transform: scaleY(1);
  opacity: 1;
}

.customTooltip.max-content {
  min-width: inherit;
  width: max-content;
}

.infotool:hover .customTooltip, .infotool .customTooltip {
  transition: transform 0.3s ease, opacity 1s ease;
}

.customTooltip .title {
  padding: 6px 10px;
  font-weight: 600;
  border-bottom: 1px solid #504d4d;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  color: #fdb913;
  background: #252322;
  font-size: 13px;
  line-height: 20px;
  font-family: var(--secondary-font);
  font-weight: 600;
}

.customTooltip p {
  font-size: 11px;
  font-weight: 400;
  margin-bottom: 4px;
  color: #d0cece;
  line-height: 17px;
  }
.style-one label.tooltip-info .tooltip_detail p{
  text-transform: none;
}

.tooltip_detail {
  padding: 10px;
}

.tooltip_detail a {
  color: #FDB913;
}

.tooltip_detail a:hover {
  text-decoration: underline;
}

.normal-table {
  max-height: 300px;
  overflow: auto;
}

.normal-table table {
  border-left: 1px solid #f1f1f1;
  font-size: 13px;
  border-collapse: inherit;
  width: 100%;
}

.normal-table table thead th {
  background: #000;
  padding: 10px 7px;
  font-weight: 400;
  color: #fff;
  border-right: 1px solid #f1f1f1;
  position: sticky;
  top: 0;
  z-index: 10;
}

.normal-table table thead th:last-child {
  border-right: none;
}

.normal-table table tr td {
  padding: 5px 7px;
  border-bottom: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}

.upload-box input[type="file"] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.upload-box label.upload {
  border: 1px solid #d3394c;
  background-color: #f1e5e6;
  padding: 0;
}

.upload-box label.upload span {
  width: 200px;
  min-height: 2em;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
}

.upload-box label.upload strong {
  height: 100%;
  color: #f1e5e6;
  background-color: #d3394c;
  display: inline-block;
}

.seperator {
  float: left;
  width: 100%;
  background: #fff;
  border-top: 2px solid #f1f1f1;
  padding: 20px 0;
}

.seperator .area-title {
  margin: 0;
}

.style-one .grow-box .form-group.from-top {
  margin-top: 15px;
}

.vendor-progress {
  float: left;
  width: 100%;
}

.style-one .grow-box .form-group {
  margin: 0 0 17px;
}

.style-one .grow-box .form-group.no-margin {
  margin-bottom: 0;
}

/*multiselect dropdown css*/

.dropdown-multiselect li {
  text-align: left;
  border: none;
}

.dropdown-multiselect li a {
  color: #000000;
  padding-top: 5px;
  padding-bottom: 5px;
}

.dropdown-multiselect label {
  line-height: normal;
  position: unset;
  padding-left: 20px;
  font-size: 12px;
  color: #000000;
}

.dropdown-multiselect input[type='checkbox'], .input_con .dropdown-multiselect input[type='checkbox'] {
  -webkit-appearance: none;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  border-radius: 3px;
  display: inline-block;
  position: relative;
}

.dropdown-multiselect input[type='checkbox']:active, .dropdown-multiselect input[type='checkbox']:checked:active, .input_con .dropdown-multiselect input[type='checkbox']:active, .input_con .dropdown-multiselect input[type='checkbox']:checked:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.dropdown-multiselect input[type='checkbox']:checked, .input_con .dropdown-multiselect input[type='checkbox']:checked {
  background-color: #f0592b !important;
  border: 1px solid transparent;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  color: #99a1a7;
}

.dropdown-multiselect input[type='checkbox']:checked:after, .input_con .dropdown-multiselect input[type='checkbox']:checked:after {
  content: '\2713';
  font-size: 14px;
  position: absolute;
  top: 0px;
  left: 3px;
  color: #fff;
}

.dropdown-menu .divider {
  margin: 0px 0px;
  display: none;
}

.dropdown-multiselect li a .checkbox {
  margin: 0;
}

.dropdown-multiselect .dropdown-header {
  padding: 9px 7px;
  background: #dedede;
}

.style-one .dropdown-header input.form-control, .style-one .fill-box_new  .dropdown-header input.form-control {
  background-color: #fff !important;
  border: 1px solid #f1f1f1;
  border-radius: 4px !important;
  box-shadow: none;
  padding: 6px 6px;
}
.dropdown-multiselect .btn{
  float: none;
}

.multiselect-parent .dropdown-menu {
  padding-top: 0;
  margin-top: 0;
}

.dropdown-multiselect input.checkboxInput, .input_con .dropdown-multiselect input.checkboxInput {
  width: 20px;
  margin-right: 10px;
  cursor: pointer;
  float: left;
  opacity: 1;
}

.dropdown-multiselect .dropdown-menu {
  top: 26px;
  margin-bottom: 20px;
}

.input_con .dropdown-multiselect .dropdown-menu li {
  padding: 0;
}

/*multiselect dropdown css*/

/* Sticky table with two header css*/

.sticky-table-two-head {
  max-height: 200px;
  overflow: auto;
  -webkit-box-shadow: -1px 8px 15px -9px rgba(0, 0, 0, 0.53);
  -moz-box-shadow: -1px 8px 15px -9px rgba(0, 0, 0, 0.53);
  box-shadow: -1px 8px 15px -9px rgba(0, 0, 0, 0.53);
}

.sticky-table-two-head.inventory-passb {
  max-height: 800px;
  min-height: 200px;
}

.sticky-table-two-head.twoheader table {
  width: 100%;
  border-collapse: unset;
}

.sticky-table-two-head.twoheader table thead th:first-child {
  border-radius: 0;
}

.sticky-table-two-head.twoheader thead {
  background: #fff;
}

.sticky-table-two-head.twoheader .main-list-header-order tr:first-child th {
  height: 40px;
  position: sticky;
  text-align: center;
  z-index: 8;
}

.sticky-table-two-head.twoheader .main-list-header-order.only-one-head tr:first-child th {
  height: auto;
}

.sticky-table-two-head.twoheader .main-list-header-order tr:nth-child(2) th {
  position: sticky;
  top: 40px;
  font-weight: 400;
  font-size: 12px;
  border-top: 1px solid #fff;
  background: #4C5868;
  text-align: center;
  z-index: 10;
}

.sticky-table-two-head table {
  border-left: 1px solid #f1f1f1;
  width: 100%;
}

.sticky-table-two-head table thead {
  box-shadow: 1px 1px 8px #30373b;
}

.sticky-table-two-head table thead th {
  position: sticky;
  top: 0;
  background: #30373B;
}

.sticky-table-two-head table thead th:first-child, .sticky-table-two-head {
  border-top-left-radius: 8px;
}

.sticky-table-two-head table thead th {
  color: #fff;
  border-right: 1px solid #868686;
  padding: 9px 10px;
}

.sticky-table-two-head table thead th.thick-bdr, .sticky-table-two-head table td.thick-bdr {
  border-right: 2px solid rgba(76, 88, 104, 0.35);
}

.sticky-table-two-head table thead th.thick-bdr {
  border-color: rgba(247, 247, 247, 0.35);
}

.sticky-table-two-head table thead th:last-child {
  border-right: none;
}

.sticky-table-two-head table tr td {
  border-right: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  padding: 10px;
}

.sticky-table-two-head table tr td span {
  font-size: 13px;
  font-weight: 700;
}

.sticky-table-two-head table tr:hover td {
  background: #e8f7fc;
}

.sticky-table-two-head table tbody tr:nth-child(odd) {
  background: #f9f9f9;
}

.sticky-table-two-head table tr td ul.icon-box {
  display: flex;
  justify-content: left;
}

.sticky-table-two-head table tr td ul.icon-box a {
  margin-right: 10px;
  cursor: pointer;
}

.sticky-table-two-head table tr td ul.icon-box a:last-child {
  margin-right: 0;
}

.sticky-table-two-head table tr td .fas {
  font-size: 11px;
}

.balance {
  font-weight: 600;
}

/*=====end here======*/

.cta, a.cta, #fms-table-two a.cta {
  color: #F0592B;
  /*if you want to show any highlight value or link inside table td*/
}

.num {
  color: #fdb913;
  /*if table thead has link or any digit to show*/
}

li.cancel-icon i, i.cancel-icon, li.red i, i.red {
  color: var(--red-bg);
}

li.green i, i.green {
  color: var(--green-bg);
}

.parent-sction.ss, .parent-sction {
  display: flex;
  align-items: center;
}

.awb-number {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #52514f;
  color: #afaca4;
  border-radius: 6px;
  padding: 3px 10px;
  font-size: 12px;
  margin-right: 40px;
}

.awb-txt, .transporter-name {
  color: #FDB913;
}

.transporter-name {
  margin-right:2px;
}

.transporter-box {
  margin-right: 10px;
}

.multiimage-select {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.multiimage-select li {
  border: 1px solid #f1f1f1;
  display: flex;
  align-items: center;
  position: relative;
  font-size: 12px;
  margin: 0 10px 10px 0;
  max-height: 120px;
  height: 120px;
  max-width: 120px;
}

.img-con-cp {
  width: 100%;
  max-height: 120px;
  height: 120px;
  min-width: 120px;
  overflow: hidden;
}

.multiimage-select li img {
  width: 100%;
  max-width: 100%;
}

.multiimage-select li .del, .bx-image-preview .del {
  background: #F0592B;
  color: #fff;
  width: 22px;
  height: 22px;
  top: -12px;
  right: -8px;
  font-size: 12px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);
}

.browse-option .btn-first {
  padding: 10px 34px;
  font-size: 16px;
}

.or {
  margin: 14px 0;
  color: #333;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 17px;
}

/* .icon-box div.tool-tip, .icon-box a.tool-tip{
  margin-top:4px;
} */

.green-box {
  background-color: #dff0d8;
  color: #000;
  padding-left: 8px;
}

.sku-section .modal-custom-col h3 {
  margin-bottom: 0;
}

.sku-section .horizontal-row {
  margin-bottom: 0;
  background: none;
  padding: 0;
}

.style-one.sku-section label {
  margin-bottom: 0;
}

.sku-section .horizontal-group label {
  display: inline-block;
  max-width: 147px;
  min-width: 100px;
}

.sku-section .horizontal-group .valu {
  color: #F0592B;
  display: inline-block;
}

.sku-section .horizontal-group {
  margin-top: 10px;
  margin-bottom: 10px;
}

.sku-section h3 small {
  margin-left: 10px;
  font-weight: 600;
}

.unit-type {
  color: #F0592B;
  font-weight: 400;
}

.property-cehck {
  font-weight: 600;
}

.sku-basic.horizontal-row {
  border: 1px solid #f1f1f1;
  background: #f1f1f1;
  margin-top: 16px;
}

.table-head {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: #FDB913;
  position: relative;
  background: #313740;
  /*#4C5868;*/
  padding: 6px 17px;
  font-size: 17px;
  font-weight: 600;
  margin-top: 20px;
}

.sku-msg, .warning-message {
  /* color: red;
  font-size: 12px;
  display: block;
  padding: 0 0 12px; */
  color: #403e3e;
  font-size: 12px;
  display: block;
  padding: 6px 7px;
  background: #ddffdd;
  border-radius: 2px;
  margin-bottom: 20px;
  font-weight: 600;
  border: 1px solid #b9ffb9;
}
.warning-message.large{
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
} 

.warning-message {
  background: #ffe4e4;
  border: 1px solid #ffb5b5;
  color: red;
}

.style-one .fill-box_new .md-datepicker-input-container.md-datepicker-invalid, .md-datepicker-input-container.md-datepicker-invalid {
  border-color: red;
}

span.toggle-arrow {
  position: absolute;
  right: 0;
  top: 0;
  height: 24px;
  width: 24px;
  border: 1px solid #f1f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 29px;
}

.sku-space {
  margin-top: 20px;
}

.space {
  margin: 10px 0;
}

form.flex {
  display: flex;
  margin: 0;
}

.baseline-content {
  display: flex;
  align-items: baseline;
}

.location-Map {
  display: block;
  max-height: 500px;
  min-height: 350px;
  width: 100%;
  border: 4px solid #e4e4e4;
  border-radius: 2px;
}

.middle-content {
  display: flex;
  padding: 10px;
  background: #e3f3e3;
  border-radius: 2px;
  margin-bottom: 10px;
  border: 1px solid #dedede;
}

.middle-content label {
  margin: 0;
}

.middle-content md-checkbox {
  margin: 0;
}

.inline-content {
  display: flex;
}

.inline-content md-radio-group, .inline-content md-checkbox {
  display: flex;
}

.inline-content md-radio-button, .inline-content md-checkbox {
  margin-right: 10px;
}

.status-gst {
  background: #f3f3f3;
  padding: 15px 10px 0;
  border-radius: 5px;
  margin-bottom: 19px;
  border: 2px solid #dedbdb;
}

.value-percentage md-radio-group {
  margin-top: 16px;
  display: block;
}

.edit-address {
  margin: 15px 0;
}

select.form-control.action-space {
  background-position: calc(100% - 30px) 7px;
  padding-right: 57px !important;
}

.round-checkbox md-checkbox .md-icon {
  border-radius: 50%;
}

.inline-radio md-checkbox .md-container {
  background: transparent !important;
}

.highlight-lb {
  margin-bottom: 20px;
}

.form-group.flex-bottom {
  display: flex;
  align-items: flex-end;
}

.inline-radio label {
  font-weight: 600;
  margin: 0 40px 0 0;
  display: inline-block;
}

.sales-channel-s {
  display: flex;
  padding: 10px;
  background: #e3f3e3;
  border-radius: 2px;
  border: 1px solid #dedede;
  flex-flow: column;
}

.inline-radio {
  display: flex;
  width: auto;
  align-items: baseline;
}

.inline-radio md-checkbox, .inline-radio md-radio-button {
  margin: 0;
  min-height: inherit;
  min-width: inherit;
}

.channel_con {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.channel-box {
  display: flex;
  flex: 0 0 49%;
  align-items: flex-end;
  padding: 15px 8px;
}

/*client profile checkbox coming in prmiary color so removing */

.red-lable {
  color: #f0592b;
}

.green-label {
  color: green;
}

.flex-half {
  flex-basis: 48%;
  flex-grow: 1;
}

.tooltip-inner {
  white-space: nowrap;
  max-width: none;
}

.sku-msg.bold {
  font-weight: 600;
}

.fms-scroll-info.shadowstyle table thead tr th:first-child {
  border-radius: 6px 0 0 0;
}

.fms-scroll-info.shadowstyle table thead tr th:last-child {
  border-radius: 0 6px 0 0;
  border-right: none;
}

.fms-scroll-info::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #3a352f;
}

.fms-scroll-info::-webkit-scrollbar-track {
  background: #fff;
}

.modal-body #fms-table-two.shadowstyle table td {
  font-weight: 400;
}

.margin-bottom {
  margin-bottom: 21px;
}

.t-margin-20 {
  margin-top: 20px;
}

.flex-container {
  display: flex;
}

.sku-category, .select-sku {
  padding: 10px;
  display: flex;
}

.sku-category {
  flex-basis: 40%;
  margin: 0 2% 0 0;
}

.select-sku {
  flex-grow: 1;
  align-items: flex-end;
}

.radio-con md-checkbox {
  min-height: inherit;
}

.radio-con {
  margin: 0 0 10px;
}

.radio-con:last-child {
  margin-bottom: 0;
}

.pad-10 {
  padding: 10px;
}

.flex-container.outer-cn {
  justify-content: center;
  height: calc(100vh - 139px);
  align-items: center;
}

.flex-container.outer-cn.outer-cn-height {
  height: auto;
  margin-top: 90px;
}

.flex-container.outer-cn .shadow-box {
  flex-grow: 0.3;
}

.shadow-heading {
  background: #caf2ff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.form-design {
  background: #fff;
  box-shadow: 0px 3px 18px rgba(0, 0, 0, 0.26);
  border-radius: 6px;
  display: flex;
  flex-flow: column;
  flex-basis: 560px;
}

.shadow-heading {
  padding: 16px 40px;
}

.main-form {
  padding: 36px 40px;
}

.channel-section {
  border: 1px solid #ececec;
  border-top: none;
  border-radius: 0 0 5px 5px;
  padding: 10px;
}

.price-head {
  display: flex;
  padding: 10px;
  background: var(--modal-head-bg);
  border-radius: 4px 4px 0 0;
}

.price-head label {
  margin: 0 5px 0 0;
}

.channel-section .select-sku {
  padding: 0;
  margin: 7px 0 13px;
}
.channel-section .select-sku.no-bottom-space{
  margin-bottom: 0;
}

.select-sku.criteria {
  margin-top: 15px;
}

.radio-box {
  margin-top: 10px;
}

.pricing-table {
  margin-top: 25px;
}

.pricing .flex-column {
  margin-bottom: 20px;
}

.shadow-box .equal-box:last-child {
  border: none;
  padding: 0;
}

/*if hover animated button need*/

.btn-first.animated {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  border: none;
}

.btn-first.animated:hover {
  background: none;
  border: none;
  color: #fff;
}

.btn-first.animated::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.btn-first.animated:hover:before {
  transform: scaleX(1);
}

/*if hover animated button need*/

.btn-first.n-m {
  margin-left: 0;
  width: 100%;
  padding: 10px;
  font-size: 18px;
}

.main-form .btn-first.auto-width {
  background: #bdbdbd;
}

.main-form .btn-first.auto-width:hover {
  background: #000;
  border-color: #000;
  color: #fff;
}

.login-heading {
  color: #8a8a8a;
  font-size: 50px;
  font-weight: 900;
  letter-spacing: -2px;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
}

.login-sub-heading {
  color: #838384;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  margin-top: 7px;
  font-weight: bold;
}

.btn-first.lg {
  padding: 12px 38px;
  font-size: 16px;
}

.inline-radio md-radio-button {
  margin-right: 30px;
}

.inline-radio md-radio-button .md-label {
  margin-right: 26px;
}

.btn-first.less-pad {
  padding: 2px 13px;
  min-width: inherit;
  margin: 0;
}

table tr td.bold.primary-color {
  font-weight: 600 !important;
  color: var(--red-bg);
}
.cate-list {
  flex-basis: 30%;
  margin-right: 2%;
}

.cate-table {
  flex-grow: 1;
}

.list-tiles, .no-list-tiles {
  background: white;
  padding: 10px;
  color: #333;
  position: relative;
  display: flex;
  font-weight: 600;
  align-items: center;
  border-bottom: 1px solid #f1f1f1;
  justify-content: space-between;
  transition: all 0.3s ease-in-out;
}

.list-tiles:hover, .list-tiles.active {
  background: rgba(240, 89, 43, 0.5);
  color: #fff;
  transition: all 0.3s ease-in-out;
}

.tax-head, .cate-head {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: #FDB913;
  position: relative;
  background: #313740;
  padding: 11px 18px;
  font-weight: 600;
  font-size: 19px;
  margin: 0;
  line-height: 20px;
  width: calc(100% - 1px);
}

.cate-list .tab-pane {
  border: 1px solid #f1f1f1;
}

.list-tiles:last-child {
  border-bottom: none;
}

.tax-page {
  margin-top: 5px;
}

.fms-scroll-info.shadowstyle.thead-bg table thead tr th {
  background: #4C5868;
}

.fms-scroll-info.shadowstyle.thead-bg table thead tr th:first-child, .fms-scroll-info.shadowstyle.thead-bg table thead tr th:last-child, .thead-bg table thead tr th:first-child, .thead-bg table thead tr th:last-child {
  border-radius: 0;
}

.error-message.noabs {
  position: static;
}
.error-message.noabs.bold{
  font-weight: bold;
} 

.name-label {
  color: #FDB913;
  font-size: 16px;
}

.highlighted-name {
  color: #fff;
  font-size: 15px;
}

.style-one.no-pad {
  padding-top: 0;
}

.add-this-reason {
  margin: 12px 0 8px;
}

.highlighted-outer {
  background: #fbece7;
  padding: 10px;
  border-radius: 5px;
}

#fms-table-two table tr td.na, #fms-table-two table tr:hover td.na, .na {
  background: #fafafa;
}

.bulk-upload-img {
  background: url(../../images/svg/upload_active.svg);
  width: 100px;
  height: 100px;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
}

.bulk-upload-img:hover {
  background: url(../../images/svg/upload_hover.svg);
}

.cate-head.quick-ship label {
  color: #FDB913;
  margin: 0;
}

.usn-hsn, span.add-new-sp-row {
  display: flex;
  align-items: center;
}

.style-one .cate-head.quick-ship .usn-hsn input[type="text"] {
  width: auto;
  background: #fff !important;
  border-radius: 4px !important;
  padding: 7px;
  margin: 0 0 0 8px;
  border: none;
  font-weight: normal;
}

.cate-head.quick-ship {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 11px;
}

.add-new-sp-row md-checkbox {
  margin: 0;
}

.add-new-sp-row md-checkbox.md-default-theme:not(.md-checked) .md-icon, .add-new-sp-row md-checkbox:not(.md-checked) .md-icon {
  border-color: #f0592b;
}

span.add-new-sp-row {
  font-size: 13px;
}

.md-container.md-ink-ripple {
  background-color: transparent !important;
}

.cate-head.quick-ship .btn-first:hover, .all-state .btn-first:hover {
  color: #fff;
}

.copytoclip {
  margin-right: 5px;
}

#fms-table-two .warehouses-acc-data-row td.no-pad {
  padding: 0;
}

#fms-table-two tr.warehouses-acc-data-row:hover td {
  background: none;
}

.assign {
  font-size: 15px;
}

.state-list {
  display: flex;
}

.one-state {
  margin-bottom: 12px;
  flex-basis: 254px;
}

.cate-head.all-warehouse {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.all-state input {
  font-size: 12px;
  border: none;
  padding: 7px;
  border-radius: 4px;
}

.state-list {
  padding: 11px 10px;
  border: 1px solid #d0d0d0;
  background: #f3f3f3;
}

.all-state {
  display: flex;
  color: #232323;
}

.add-glaucus-warehouse-img {
  background: url(../../images/svg/glaucus-warehouse-active.svg);
  width: 100px;
  height: 100px;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
}

.add-own-warehouse-img {
  background: url(../../images/svg/own_warehouse-active.svg);
  width: 100px;
  height: 100px;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
}

.add-own-store-img {
  background: url(../../images/svg/own_store-active.svg);
  width: 100px;
  height: 100px;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
}

.add-warehouse-text {
  color: #30373B;
  font-size: 18px;
  cursor: pointer;
}

.light-grey-right-border {
  border-right: 1px solid #B4B5B6 !important;
}

.no-warehouse {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: red;
}

.upload-file-box {
  border: 2px dashed #C0C0C0;
  text-align: center;
  padding: 25px 20px;
  cursor: pointer;
}

.contact-maven {
  text-align: center;
}

.tat-time {
  font-size: 19px;
  margin: 30px 0;
  display: flex;
  justify-content: center;
  text-align: center;
  font-weight: 600;
}

.admin-role {
  display: flex;
  margin-bottom: 21px;
}

.role-selection {
  flex-grow: 0.5;
}

.edit-role {
  flex-basis: 30%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

.shadow-heading h3 {
  font-weight: 600;
  color: #3d3d3d;
  margin: 0;
}

.no-padding {
  padding: 0px !important;
}

.pos-formt {
  display: flex;
  flex-flow: column;
  flex-basis: 900px;
}

.form-title {
  text-align: center;
  background: #e8f7fc;
  padding: 10px;
}

.pos-formt .form-design {
  flex-basis: auto;
}

.pos-formt .sales-channel-s {
  border: none;
  border-radius: 0;
  padding: 15px;
}

button.filter-btn {
  margin-right: 3px;
  float: left;
}

/*OMS -setting -alert page css*/

.userlist-doropdown {
  position: absolute;
  background: #ffffff;
  border: 1px solid #b4b4b4;
  z-index: 99999;
  width: fit-content;
  max-height: 200px;
  overflow-y: auto;
  width: 211px;
  margin-top: 10px;
}

.userlist-doropdown ul {
  list-style-type: none;
  padding-left: 5px;
}

.userlist-doropdown input[type=checkbox] {
  display: inline!important;
  margin-right: 5px;
}

.usersDrop-width {
  width: fit-content;
  margin: auto;
}

.userlist-doropdown.visible {
  display: block !important;
}

.userlist-doropdown.not-visible {
  display: none !important;
}

.addsharpbutton .fa-save {
  margin-right: 5px;
  font-size: 20px;
}

.mdCheck-height {
  min-height: 0px;
  margin-top: 10px;
}

md-checkbox[disabled] .md-icon {
  background-color: transparent !important;
}

md-checkbox[disabled] {
  cursor: not-allowed !important;
}

md-checkbox.md-checked[disabled][not-gray='true'] .md-icon, md-checkbox.md-checked[disabled] .md-icon {
  background-color: rgba(0, 0, 0, 0.25) !important;
}

md-checkbox.md-default-theme:not(.md-checked) .md-icon, md-checkbox:not(.md-checked) .md-icon {
  border-color: rgb(240, 89, 43);
}

.ripple-space md-checkbox .md-container .md-ripple-container {
  bottom: -10px;
  /*add new role popup on User admin page*/
}

/*OMS -setting -alert page css end*/

.logo-container {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 10px;
}

.channel-row {
  display: flex;
  min-width: 47%;
  align-items: center;
  text-align: center;
  flex-flow: column;
  margin: 15px 15px 0 0;
  border: 1px solid #f1f1f1;
}

.channel-row:nth-child(2n) {
  margin-right: 0;
  align-content: flex-end;
}

.channel-img {
  width: 100%;
  height: 114px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.channel-img img {
  max-width: 120px;
  background-color: #FFFFFF;
}

/* .sale-channel-name {
  font-size: 18px;
  font-weight: 600;
  display: flex;
  background: #f7f7f7;
  width: 100%;
  color: #9c9c9c;
  text-align: center;
  justify-content: center;
  padding: 7px 3px;
  border-top: 1px solid #f1f1f1;
} */

.channel-row:hover {
  border: 1px solid #f0928e;
}

.sale-channel-name {
  font-size: 18px;
  font-weight: 600;
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F0592B;
  transform: scaleY(0);
  transform-origin: bottom center;
  transition: all 0.3s ease-in-out;
  color: #fff;
}

.channel-row:hover .sale-channel-name {
  transform: scaleY(1);
  transition: all 0.3s ease-in-out;
}

.channel-add .add-new-sp-row, .check-s {
  margin-bottom: 15px;
}

.channel-add .add-new-sp-row:last-child, .check-s:last-child {
  margin-bottom: 0;
}

.channel-add .add-new-sp-row label {
  margin: 0;
}

.checkbox-section {
  display: flex;
  flex-flow: row wrap;
}

.check-s, .channel-add .add-new-sp-row {
  display: flex;
  flex-basis: 50%;
  align-items: center;
}

.check-s .add-new-sp-row {
  margin-bottom: 0;
  flex-basis: auto;
}

.check-s i {
  margin-left: 3px;
}

.sales-ch-head {
  margin: 0 15px;
}

.sales-ch-head h5 {
  font-weight: 600;
  font-size: 19px;
  line-height: 26px;
  border-bottom: 1px solid #f0592b;
  color: #ea4646;
}

.sales-ch-head ol {
  padding-left: 11px;
}

.sales-ch-head ol li {
  line-height: 23px;
  margin-bottom: 5px;
  list-style: inherit;
}

/* user hierarchy page css */

.node circle {
  fill: #fff;
  stroke: #f93f00;
  stroke-width: 3px;
}

.node text {
  font: 12px sans-serif;
  font-weight: bold;
}

.node--internal text {
  text-shadow: 0 1px 0 #fff, 0 -1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff;
}

.link {
  fill: none;
  stroke: #ffa3a3;
  stroke-width: 2px;
}

.node:hover>text {
  font: 15px sans-serif;
  font-weight: bold;
}

.node:hover>circle {
  stroke-width: 5px;
}

.itemlist-grid-header {
  background-color: #30373B;
  color: #fff;
}

.remove-assignee-modal {
  padding: 0px;
  color: red;
  font-size: 25px;
  cursor: pointer;
}

.remove-assignee-modal:hover {
  font-size: 28px;
}

.selectedChild {
  font-size: 15px;
}

.selectedParent {
  font-size: 15px;
  padding-left: 0px;
  margin: 10px 0px;
}

.no-left-padding {
  padding-left: 0px;
}

/* user hierarchy page css end */

.breadcrumb {
  color: orangered;
  font-size: 14px;
  background: #fff;
  font-weight: lighter;
  margin: 0;
  background: none;
  display: flex;
  padding: 3px 0;
  flex-wrap: wrap;
}

.breadcrumb>li+li:before {
  content: "\203A";
}

.table-selected-category li {
  color: #333333;
}

.table-selected-category li:nth-child(4) {
  color: #F0592B;
}

.boxes {
  display: flex;
  /* flex-flow: column; */
}

.box-table {
  display: flex;
  flex-flow: column;
}

.box.box1 {
  display: flex;
  flex-basis: 50%;
  justify-content: space-evenly;
  justify-content: flex-end;
  margin-right: 2%;
}

.box.box2 {
  display: flex;
  flex-basis: 30%;
  justify-content: flex-start;
}

.category-list li {
  background: #f3f3f3;
  border-radius: 4px;
  margin-bottom: 10px;
  border: 1px solid #f3f3f3;
}

.category-list li:hover, .category-list li, .arrow-cate span, .arrow-cate span:hover {
  transition: all o.3s ease-in-out;
}

.fms-scroll-info table tbody tr.categorySelected, #fms-table-two table tbody tr.categorySelected td, .activeList, .category-list li:hover {
  background: #dcdcdc !important;
  border: 1px solid #cac9c7;
}

#fms-table-two table tbody tr.categorySelected td {
  border: none;
}

.category-item-element {
  min-height: 350px;
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #f1f1f1;
  background: white;
}

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

.category-items h5 {
  margin: 0;
  padding: 10px 0;
}

.truncate, .truncate-last-node {
  width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-last-node {
  width: 150px;
}

.cat-c {
  display: flex;
  padding: 2px 8px;
  border-radius: 4px;
  color: #fff;
  background: #F0592B;
  margin: 0 0 0 12px;
  opacity: 0.8;
  font-size: 12px;
}

.cat-c:hover {
  opacity: 1;
  color: #fff;
}

.cat-c.edit-cate {
  background: var(--good);
  color: #fff;
}

.cate-icon, .flex-cate {
  display: flex;
}

.arrow-cate {
  height: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* float: left; */
}

.arrow-cate span {
  background: #f3f3f3;
  color: #b3b2b2;
  font-size: 30px;
  border: 2px solid #f3f3f3;
  width: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
}

.arrow-cate span:hover {
  opacity: 1;
}

.box-h {
  flex-grow: 1;
}

.add-category-btn {
  background: #dadada;
  width: 100%;
  display: flex;
  padding: 10px;
  justify-content: center;
  color: #000;
  align-items: center;
  cursor: pointer;
  opacity: 0.8;
  font-weight: 600;
}

.add-category-btn:hover {
  background: #f0592b;
  color: #fff;
  opacity: 1;
}

.add-category-btn .fas {
  margin-right: 5px;
}

.link-text {
  font-weight: 600 !important;
  color: #f0592b;
}

.gr {
  display: flex;
}

.short {
  color: #fd7f58;
}

.excess {
  color: #56f156;
}

tr:hover td.no-hover {
  background: none !important;
}

.ch {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
  flex-basis: 100%;
  /*this basis was 50% but due to inventory popup now its 100%*/
  justify-content: flex-start;
}

.ch.flex-end {
  justify-content: flex-end;
}

.info-wms {
  display: flex;
  background: #fdf4f1;
  padding: 7px 10px;
  flex-direction: row;
  border-right: 1px solid #e4dcdc;
  flex-basis: 50%;
}

.info-wms label {
  margin: 0 4px 0 0;
}

.heading-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.confirmation .modal-header {
  background: #c7ffc7;
}

.delete .modal-dialog .modal-header .close span {
  color: #fff;
  background: #000;
  border: 1px solid #000;
}

.delete .modal-header {
  background: #F0592B;
  color: #fff;
}

.delete .modal-header h4 {
  color: #fff;
}

.breadcrumb.cate-bread {
  padding: 20px 0 20px 52px;
}

.gsone, .inline-radio.do-not {
  display: flex;
  align-items: flex-start;
}

.con {
  display: flex;
  flex-direction: column;
  padding: 10px 0;
}

.do-not span {
  padding-left: 32px;
}

.gsone img {
  width: 20px;
  height: 20px;
  margin-right: 11px;
}

.gsone p {
  line-height: 22px;
}

.sku-msg.categ {
  margin-top: 20px;
  margin-bottom: 20px;
}

.approval-image {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.categ {
  color: #403e3e;
  font-size: 12px;
  display: block;
  background: #ddffdd;
  font-weight: 600;
  border: 1px solid #b9ffb9;
  margin-top: 15px;
}

.approval-image .no-image {
  font-weight: 600;
  font-size: 20px;
}

.approval-image .upload-file {
  margin: 10px 0 0;
}

.customer-address-e {
  display: flex;
  justify-content: space-between;
}

.shipping-address, .billing-address {
  flex-basis: 48%;
}

.customer-address-e h3 {
  font-weight: 400;
  font-size: 18px;
  background: #BAEEFF;
  border-radius: 10px 10px 0 0;
  padding: 10;
  margin: 0;
}

.cusaddress {
  border: 1px solid #f1f1f1;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  background: #f7f7f7;
  flex-direction: column;
}

.primary-color {
  color: #F0592B !important;
}

.edit-add {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}

.edit-add a {
  font-weight: normal;
  font-size: 12px;
}

.customer-address-e .primary-color:hover {
  text-decoration: underline !important;
}

.range-slider.order-scroll {
  position: absolute;
  right: 1px;
  top: 0px;
  transform: rotate(270deg);
  transform-origin: right;
}

/*range slider modify due to master upload work*/

.range-slider {
  position: absolute;
  right: 4px;
  top: 48px;
  overflow-y: none;
  transform: rotate(270deg);
  transform-origin: right;
}

#range {
  position: absolute;
  right: 20px;
  width: 122px;
  top: 0px;
}

#split-view .oms-split.sub-order-view, .scrol-inside {
  max-height: 500px;
  overflow: hidden;
}

/*range slider modify due to master upload work end*/

/*range slider old css*/

/*custome slider for sku section*/

.range-slider input[type=range] {
  -webkit-appearance: none;
  border: none;
  -webkit-appearance: none;
  transform: rotate(180deg);
  height: 10px!important;
}

.range-slider input:focus {
  outline: none;
  border-bottom: none !important;
}

.range-slider input[type=range]::-webkit-slider-runnable-track {
  height: 7px;
  background: #babbbc;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}

.range-slider input[type=range]::-webkit-slider-thumb {
  border: 1px solid #000000;
  height: 6px;
  /*width: 30px;*/
  border-radius: 3px;
  background: #000000;
  -webkit-appearance: none;
  margin-top: 0.5px;
  cursor: pointer;
}

.range-slider input[type=range]:focus::-webkit-slider-runnable-track {
  background: #babbbc;
}

.range-slider input[type=range]::-moz-range-track {
  height: 7px;
  background: #babbbc;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}

.range-slider input[type=range]::-moz-range-thumb {
  border: 1px solid #000000;
  height: 6px;
  width: 30px;
  border-radius: 3px;
  background: #000000;
}

.range-slider input[type=range]::-ms-track {
  height: 7px;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.range-slider input[type=range]::-ms-fill-lower {
  background: #babbbc;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

.range-slider input[type=range]::-ms-fill-upper {
  background: #babbbc;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

.range-slider input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  width: 30px;
  border-radius: 3px;
  background: #000000;
  height: 6px;
}

.range-slider input[type=range]:focus::-ms-fill-lower {
  background: #babbbc;
}

.range-slider input[type=range]:focus::-ms-fill-upper {
  background: #babbbc;
}

/*range slider old css end*/

#invoiceRange {
  width: 422px;
  /*for PO invoice in add and edit case*/
}

#stSkuRangeView {
  width: 377px;
}

.style-one #purchase-invoice .range-slider input {
  max-width: inherit;
}

#purchase-invoice {
  float: left;
  width: 100%;
}

#purchase-invoice .table-responsive {
  overflow: unset;
  max-height: inherit;
}

#purchase-invoice .fms-scroll-info.shadowstyle table thead tr th {
  position: static;
}

.short-sku-name {
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.body-not-scroll {
  overflow-y: hidden;
  min-height: 530px;
}

/*Header css start */

.header-flex-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  flex-wrap: wrap;
}

.head-company-name {
  font-size: 19px;
  font-weight: 600;
  display: flex;
  justify-content: center;
}

.company-logo img {
  max-width: 120px;
}

.log-out-section {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
}

.user-name-o {
  margin-right: 15px;
}

.log-out-section i {
  height: 28px;
  width: 28px;
  background: #f3f3f3;
  color: #a1a1a1;
  justify-content: center;
  margin-right: 5px;
  border-radius: 100%;
}

.log-out-section i, .user-name-o, .log-out-o {
  display: flex;
  align-items: center;
}

.log-out-o:hover i, .log-out-o i, .log-out-o, .log-out-o:hover, .headsub.dropdown-menu li a, .headsub.dropdown-menu li a:hover, .user-name-o:hover a i, .user-name-o a i, .user-name-o a, .user-name-o a:hover {
  transition: all 0.3s ease-in-out;
}

.log-out-o:hover i, .user-name-o:hover a i {
  background: #F0592B;
  color: #fff;
}

.user-name-o a {
  color: #333;
}

.log-out-o:hover, .user-name-o:hover a {
  color: #F0592B;
  cursor: pointer;
}

.menu-name-o {
  background: #30373B;
  color: #f5fafd;
}

.menu-name-o a {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  padding: 12px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu-icon-o {
  background: #E8F7FC;
  max-width: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #CED6D8;
  padding: 4px 0;
}

.menu-name-o a i {
  margin-left: 4px;
}

.menu-name-o:hover a, .menu-name-o a.active, .headsub.dropdown-menu li a.active {
  color: #F0592B;
}

.menu-name-o a:focus {
  outline: none;
  border: none;
  text-decoration: none;
}

.headsub.dropdown-menu li a.active {
  font-weight: 600;
}

.nav li {
  text-align: center;
}

.nav ul.dropdown-menu {
  top: 100%;
  margin: -2px 0 0;
}
.nav-tabs.extrali > li{
  margin-bottom: 10px;
}
.headsub.dropdown-menu li {
  border: none;
}

.headsub.dropdown-menu li a {
  border-bottom: var(--light-bdr);
  color: #000000;
}

.headsub.dropdown-menu li:last-child a {
  border-bottom: none;
}

.headsub.dropdown-menu li a:hover {
  background: #E8F7FC;
}

.hamburger-menu {
  display: none;
  background: #F0592B;
  color: #fff;
  border-radius: 2px;
  cursor: pointer;
  border: none;
  width: 42px;
  height: 42px;
  font-size: 20px;
  justify-content: center;
  align-items: center;
}

.hamburger-menu:hover, .hamburger-menu:active, .hamburger-menu:focus {
  background: #30373B;
  border: 1px solid #fff;
}

.hamburger-menu span {
  display: none;
}

.head-company-name.mobile {
  display: none;
  text-align: center;
  background: #30373b;
  color: #fff;
  padding: 9px 0;
}

/*Header css start */

.date-sec span {
  display: flex;
}

.showing-result {
  margin-bottom: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #f3f3f3;
  padding: 10px;
  border-radius: 10px 10px 0 0;
  font-weight: bold;
}

.showing-result span:last-child {
  font-weight: bold;
  color: #F0592B;
  margin-left: 0px;
  /* background: orange; */
  border-radius: 10px;
  padding: 6px;
}

.show-more-sku .btn-first {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.check-in {
  background: #efecec;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #a1a3a5;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  margin-left: 8px;
  border: 1px solid #dedede;
  font-size: 15px;
}

.check-in:hover {
  background: #F0592B;
  color: #fff;
  transition: all 0.3s ease-in-out;
}

.sku-level .oms-expand {
  background: #fff;
  border: none;
}

#fms-table-two .sku-level #split-view table thead th {
  background: #BAEEFF;
  position: sticky;
  top: 0;
  z-index: 6;
  border-color: #8dd4ea !important;
}

#fms-table-two .sku-level #split-view table thead th:first-child {
  border-top-left-radius: 4px;
}

#fms-table-two .sku-level #split-view table thead th:last-child {
  border-top-right-radius: 4px;
}

md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon {
  background-color: #F0592B;
}

.header-toolbar .md-toolbar-tools, .header-toolbar md-toolbar {
  height: inherit;
  min-height: inherit;
  max-height: inherit;
}

.header-toolbar md-toolbar, .header-toolbar md-toolbar:not(.md-menu-toolbar) {
  background: #eef2f3;
  padding: 18px 15px;
}

.header-toolbar md-toolbar:hover, .header-toolbar md-toolbar:not(.md-menu-toolbar):hover {
  background: #b2dfef;
}

.header-toolbar .md-toolbar-tools {
  padding: 0;
}

md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) {
  background-color: rgb(206, 206, 206);
  color: rgba(0, 0, 0, 0.87);
}

.drop-box {
  border: 2px dashed #eae4e4;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  flex-direction: column;
  cursor: pointer;
  height: auto;
  max-width: inherit;
}

.cursorPointer {
  cursor: pointer;
}

.header-info-oms {
  padding: 20px 15px;
  border-top: none;
  /* float: left; */
  width: 90%;
  margin: 0 auto;
}

.header-info-oms label {
  display: block;
  margin: 0 20px 0 0;
}

.header-info-oms.invoice-generatin label {
  min-width: 263px;
}

.header-info-oms.invoice-generatin .inline-radio label {
  min-width: inherit;
}

.invoice-number .btn-first {
  margin-left: 21px;
}

.invoice-number .sales-channel-s {
  padding: 7px;
}

.client-profile {
  margin-bottom: 30px;
}

.col-part {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  /* border: 1px solid #f5f5f5; */
  /* padding: 10px; */
  /* background: #fbfbfb; */
  /* border-radius: 3px; */
  flex-wrap: wrap;
}

.col-part.no-margin {
  margin-bottom: 0;
}

.col-part form {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  align-items: center;
}

.X-listing {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.X-listing span {
  margin-right: 10px;
}

.one-bx {
  display: flex;
  flex-direction: column;
}

.one-bx:first-child {
  margin-right: 20px;
}

.bx-info {
  margin: 4px 0 17px 0;
}

.one-bx.preview-section {
  margin-left: 20px;
}

.img-pre {
  align-items: flex-start;
}

.bx-image-preview {
  display: flex;
  max-width: 200px;
  float: left;
  margin-right: 20px;
}
.preview-section {
  margin-left: 26px;
}

.client-img {
  width: 200px;
  height: 70px;
  border: 1px solid #eee7e7;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 10px;
}
.logo-img-c .client-img{
  width: 250px;
  height: 100px;
}
.client-img img{
  width: 100%;
}
.bx-image-preview .del i {
  line-height: 22px;
}

.gst {
  padding: 15px;
}

.address-column {
  display: flex;
  align-items: center;
}

.adddress {
  margin: 0 10px
}

.icon-con {
  color: #F0592B;
  background: no-repeat;
  border: none;
}

.col-part .sales-channel-s {
  position: relative;
  flex-flow: row wrap;
}

.sales-channel-s .close-b {
  position: absolute;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background: #8e8d8c;
  border: none;
  /* box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4); */
  top: -13px;
  right: -13px;
  border-radius: 100%;
}

.sales-channel-s .close-b:hover {
  background: #F0592B;
}

.col-part-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.col-part .sales-channel-s md-radio-group, .col-part .sales-channel-s .inline-radio {
  flex-wrap: wrap;
  align-items: center;
}

.col-part .sales-channel-s md-checkbox {
  margin: 0 0px 0px 25px;
  display: flex;
  align-items: center;
}

.col-part .sales-channel-s md-checkbox:first-child {
  margin-left: 0;
}

.inline-radio md-radio-button {
  margin-right: 0px;
}

.gst label, .img-pre label {
  margin-bottom: 15px;
}

.col-part-info md-radio-button, .col-part-info md-checkbox {
  margin-bottom: 0;
}

.header-info-oms.feature .col-part label {
  min-width: 305px;
}

.c-box {
  display: flex;
  padding: 7px;
  background: #e3f3e3;
  border-radius: 2px;
  border: 1px solid #dedede;
  flex-flow: column;
}

.grading-box span {
  color: #fff;
  text-transform: capitalize;
}

/* .grading-box span:first-child {
  background: rgba(0, 128, 0, 0.7);
}

.grading-box span:nth-child(2) {
  background: rgba(255, 0, 0, 0.7);
}

.grading-box span:nth-child(3) {
  background: rgba(255, 0, 0, 0.5);
}

.grading-box span:nth-child(4) {
  background: rgba(255, 0, 0, 0.3);
} */

.client-code span, .grading-box span {
  margin-right: 3px;
  border: 1px solid #eaeaea;
  padding: 6px 8px;
  background: #f1f1f1;
  color: #333333;
  display: flex;
  flex-grow: 1;
}

.edit-mode {
  display: flex;
  flex-direction: column;
  margin-right: 3px;
}

.sales-channel-s.update-field {
  width: 250px;
}

.update-field input#clientprofileAEDSR {
  width: 100%!important;
}
.edit-mode input, .update-field input {
  padding: 5px 10px;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  border: 1px solid #DDDDDD;
  background: #fff;
  width: auto;
}

.edit-mode input:focus, .update-field input:focus {
  box-shadow: 0 0 5px rgba(240, 89, 43, 1);
  border: 1px solid rgba(240, 89, 43, 1);
}

.sales-channel-s.client-edit-mode {
  align-items: flex-start;
  margin-top: 15px;
}

.option-left, .client-code, .wms-flex, .update-field.inner {
  display: flex;
  flex-wrap: wrap;
}

.wmsconfiguration-col {
  margin-right: 18px;
  flex-basis: 0;
  flex-grow: 1;
}

md-checkbox.no-margin, md-datepicker.no-margin {
  margin: 0;
}

md-datepicker.no-margin .md-datepicker-triangle-button {
  bottom: -5.5px;
}

.wms-flex {
  align-items: flex-start;
}

.usn-drop-info {
  background: #fff;
  border: 1px solid #f1f1f1;
  padding: 0 10px 10px;
}

.main-config {
  padding: 10px;
  background: #f1f1f1;
}

.usn-drop-info .round-checkbox md-checkbox {
  margin-top: 15px;
}

.usn-drop-info md-checkbox label {
  font-weight: 600;
  font-size: 13px;
}

.error-message.full-flex {
  flex-basis: 100%;
}

.usn-drop-info .emed-case label, .usn-drop-info .usn-length label, .po-col .sales-channel-s label {
  font-weight: 600;
  font-size: 13px;
  margin: 0 0 10px;
}

.usn-length .col-part {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}

.main-config {
  padding: 10px;
}

.digit-box {
  display: flex;
  flex-direction: column;
  margin-right: 12px;
  align-items: center;
}

.digit-box md-checkbox .md-label {
  margin: 0;
}

.usn-code-y .sales-channel-s {
  margin-top: 30px;
}

.col-part-info md-radio-button .md-label {
  margin-left: 26px;
  margin-right: 15px;
}

.Selected_file {
  margin-top: 30px;
}

.flex-top {
  align-items: flex-start;
}

.wmsconfiguration-col .sales-channel-s {
  border: none;
  background: none;
  padding: 0;
}

.po-col .sales-channel-s {
  background: #fff;
  border: 1px solid #f1f1f1;
  padding: 15px 10px 10px;
}

/* old Tooltip text  css from old css*/

.popover {
  width: 85%;
}

.pop-left {
  left: 100% !important;
}

.pop-right {
  left: -12px !important;
  transform: rotate(180deg);
}

.custom-pop-left {
  top: -50px !important;
  left: -255.718px !important;
}

.custom-InventoryPopOver-left {
  top: -42px !important;
  left: -255.718px !important;
}

.custom-InventoryPopOver-right {
  top: -42px !important;
  left: 100.718px !important;
}

.custom-pop-top {
  top: -85px !important;
  left: -73.7188px !important;
}

.date-font-color {
  color: orangered;
}

.tool-tip-text {
  visibility: hidden;
  color: #30373B;
  font-size: 12px;
  text-align: left;
  position: relative;
  z-index: 999;
  left: -17px;
}

.tool-tip-passbook-text {
  visibility: hidden;
  color: #30373B;
  font-size: 12px;
  text-align: left;
  position: relative;
  z-index: 999;
  left: 5px;
}

.tool-tip-text img {
  width: 310px;
  position: absolute;
  margin-top: -24px;
}

.tool-tip-text ul {
  width: 500px;
  height: 80px;
  position: absolute;
}

.tool-tip-text>span {
  position: absolute;
  left: 20px;
  font-size: 14px;
  font-weight: 600;
  color: #30373B;
  width: 280px;
}

.tool-tip:hover .tool-tip-text {
  visibility: visible;
}

.sticky-table-two-head table tr td .popover-content span {
  font-weight: 500;
}

/* old Tooltip text  css from old css*/

.colored {
  color: #F0592B !important;
}

.filter_action .btn-first.auto-width {
  background: #aba8a8;
}

.filter_action .btn-first.auto-width:hover {
  background: #30373b;
  border: 2px solid #30373b;
  color: #fff;
}

#fms-table-two .oms-split.sub-order-view table thead th {
  background: grey;
}

#sku-prefilled .input_con {
  background: #dff0d8;
  padding: 6px 8px;
  color: #000;
  cursor: not-allowed;
}

.sku-drop-box {
  width: 80px;
  height: 80px;
  position: relative;
  float: left;
  margin: 0 10px 0 0px;
}

.sku-drop-box img {
  max-width: 100%;
  max-height: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.register-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  background: url(../../images/bg-image.jpg);
  /*background_image-_option_1.jpg*/
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  position: relative;
}

.register-container:before {
  content: "";
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  height: 100vh;
  width: 100vw;
  z-index: 1;
}

.form-design.login {
  flex-basis: auto;
}

.flex-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.form-group.flex-full, .signup-logo, .copyright-information {
  flex-basis: 100%;
}

.sign-up-option h1 {
  margin: 0;
}

.form-design.large .sales-channel-s {
  padding: 16px 38px;
  background: #f7f7f7;
  border-radius: 0;
}

.form-design.large .main-form {
  padding-top: 0;
}

.flex-section .flex-half {
  flex-grow: unset;
  transition: all 0.3s ease-in-out;
}

.terms-condition, .sign-up-footer {
  display: flex;
  align-content: center;
  font-weight: 400;
  font-size: 13px;
  color: #737373;
  flex-wrap: wrap;
}

.terms-condition a, .sign-up-footer a {
  color: #00ace4;
}

.terms-condition a:hover, .action-sub a:hover {
  text-decoration: underline;
}

.terms-condition {
  margin: 23px 0 30px;
}

.terms-condition md-checkbox {
  margin: 0;
}

.sign-up-footer {
  background: rgba(48, 55, 59, 0.9);
  padding: 20px 10px;
  color: #fff;
  text-align: center;
  justify-content: center;
}

.sign-up-footer a {
  margin: 0 3px;
}

.info-message {
  color: blue;
}

.or-login {
  display: flex;
  justify-content: center;
  position: relative;
  margin: 20px 0 7px;
}

.or-login:before {
  width: 100%;
  height: 1px;
  background: rgba(112, 112, 112, 0.23);
  ;
  position: absolute;
  content: "";
  top: 50%;
}

.or-login span {
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #3d3d3d;
  border: 1px solid;
  justify-content: center;
  align-items: center;
  background: white;
  z-index: 9999;
}

.action-sub {
  display: flex;
  justify-content: center;
  font-weight: 400;
  color: #908f8f;
}

.action-sub a {
  color: #f0592b;
  margin-left: 5px;
  font-weight: 600;
}

.action-sub.forgot-form {
  margin-top: 20px;
}

.form-design.large .sales-channel-s, .or-login span {
  border-color: transparent;
}

.flex-section .fas {
  position: absolute;
  bottom: 6px;
  color: #989898;
}

.inpu-collection {
  position: relative;
}

.flex-section input {
  padding-left: 23px !important;
}

.flex-section select {
  padding-left: 23px !important;
}

.copyright-information {
  margin-top: 5px;
  color: #928e8e;
}

.form-design.large .inline-radio md-checkbox:not(.md-checked) .md-icon {
  border-color: rgba(0, 0, 0, 0.54);
}

.flex-horizontal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 20px;
}

.flex-horizontal label {
  width: auto;
  min-width: 160px;
  margin: 0;
}

.flex-horizontal .horizontal-input {
  flex-grow: 1;
}

.drag-message {
  font-weight: 600;
  font-size: 20px;
}

.drop-box-section .sku-msg {
  margin: 9px 0 20px;
}

.red-message {
  color: red;
}
.file-name .red-message{
  word-break: break-word;
  text-align: center;
}

.red-message.red-bg {
  color: #403e3e;
  background: rgba(255, 0, 0, 0.1);
  border: 1px solid rgba(255, 0, 0, 0.2);
  padding: 6px 7px;
}

.file-name label {
  margin: 0 4px 0 0;
}

.file-name {
  display: flex;
  margin: 20px 0 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flex-coulmn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.link-term {
  display: flex;
  justify-content: center;
  margin-top: 5px;
}

.link-term a {
  opacity: 0.7;
  position: relative;
  margin-right: 7px;
  padding-right: 10px;
}

.link-term a:last-child, .link-term a:last-child:after {
  margin-right: 0;
  padding-right: 0;
  content: none;
}

.link-term a:after {
  content: "";
  height: 11px;
  width: 1px;
  background: #00ACE4;
  opacity: 0.7;
  position: absolute;
  top: 4px;
  right: 0;
}

.link-term a:hover {
  opacity: 1;
  color: #00ACE4;
}

.link-term, .copyright-information {
  font-size: 12px;
}

.logo {
  padding-top: 30px;
  padding-bottom: 0;
  text-align: center;
}

.forgot-pd {
  margin-bottom: 20px;
  margin-top: 9px;
}

.terms-link {
  color: #00ACE4;
}

.form-design.large .logo {
  padding: 30px 0;
}

.form-heading h1, .form-heading p {
  margin: 0;
  color: #676767;
}

.form-heading h1 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}

.form-heading {
  margin-bottom: 38px;
  text-align: center;
}

.form-wrapper-om {
  position: relative;
  z-index: 2;
  width: 700px;
}

.form-wrapper-om a {
  cursor: pointer;
}

.success-message {
  background: #daffda;
  padding: 10px;
  border-radius: 4px;
  text-align: center;
  border: 1px solid #28b128;
}

.form-wrapper-om.small-width {
  width: 570px;
}

.action-sub.forgot-form.log {
  margin-top: 7px;
}

.asn-container {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  background: #F3F3F3;
}

.asn-container.coulmn {
  flex-direction: column;
}

.asn-left {
  width: 32%;
  display: flex;
  flex-flow: column;
}

.asn-right {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  margin-left: 2%;
}

.head-box {
  background: #fff;
  border: 1px solid #e8e8e8;
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 30px;
}

.head-box a {
  cursor: pointer;
}

/* .head-box:last-child {
  margin-bottom: 0;
} */

.asn-container h2 {
  color: #202020;
  font-size: 24px;
  font-weight: 600;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 15px;
  margin: 0 0 25px;
  display: flex;
  align-items: center;
}

.green-style {
  background: rgba(30, 226, 69, 0.24);
  border: 1px solid #A8E6A1;
}

.red-style {
  background: rgba(226, 45, 32, 0.24);
  border: 1px solid rgba(226, 39, 32, 0.24);
}

.red-style, .green-style, .readable span {
  font-weight: 600;
}

.readable span:last-child {
  color: #F0592B;
  margin-left: 10px;
}

.readable {
  margin-bottom: 12px;
  font-size: 14px;
}

.readable:last-child {
  margin-bottom: 0;
}

.readable span:first-child {
  min-width: 139px;
  display: inline-flex;
}

.order-count {
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 0;
  top: 0;
}

.order-count span {
  border-radius: 4px;
  padding: 7px 14px;
  color: #727272;
  font-size: 14px;
}

.order-count span.red-style {
  margin-top: 7px;
}

.readable span i {
  margin-right: 10px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  background: #ececec;
  border-radius: 3px;
  display: inline-flex;
  color: #676666;
}

.readable span i:hover {
  color: #fff;
  background: #F0592B;
}

.table-action {
  display: flex;
  justify-content: flex-end;
}

.head-box h2 a {
  position: absolute;
  right: 15px;
  font-size: 14px;
  color: #fff;
  background: #F0592B;
  border-radius: 4px;
  padding: 5px 10px;
  border: 2px solid transparent;
}

.head-box h2 a:hover {
  color: #F0592B;
  border: 2px solid #feb3ae;
  background: transparent;
  transition: all 0.3s ease-in-out;
}

.head-box table {
  width: 100%;
  border-collapse: collapse;
}

.head-box table th {
  background: none;
  font-size: 15px;
  font-weight: 600;
  color: #3D3D3D;
  text-align: left;
}

.head-box table td {
  color: #333333;
  font-size: 14px;
}

.head-box table ul {
  display: flex;
  justify-content: flex-start;
}

.head-box table ul.center {
  justify-content: center;
}

.head-box table ul.invoice-action li i {
  cursor: pointer;
  margin-right: 10px;
}

.head-box table ul.invoice-action li:last-child i {
  margin-right: 0;
}

.head-box table tr td {
  padding: 10px 0;
}

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

.style-one label.rel {
  position: relative;
}

.head-box .box-level {
  margin: 0 25px 0 0;
  display: flex;
  align-items: flex-end;
  float: none;
  width: auto;
}

.all-input {
  display: flex;
  justify-content: flex-start;
}

.head-box.flex-full {
  display: flex;
  flex-grow: 1;
}

.head-box .fill-box_new {
  align-items: baseline;
}

.head-box.scanning-area table th {
  border-bottom: 3px solid #3e3d3d;
  padding-bottom: 5px;
  color: #020202;
}

.head-box.scanning-area table td {
  border-bottom: 1px solid #e8e8e8;
}

.head-box.scanning-area table tr:last-child td {
  border: none;
}

.bulk-link {
  font-weight: 400;
  text-align: center;
  padding: 17px 0 0;
  border-top: 1px solid #f1f1f1;
}

.bulk-link a {
  color: #F0592B;
  cursor: pointer;
  font-weight: 600;
}

.bulk-upload-box {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
  justify-content:space-evenly;
}

.equal-box {
  flex-basis: 48%;
  display: flex;
  justify-content:end;
  padding: 25px;
}

.equal-box:last-child {
  border: 1px solid #f1f1f1;
  display: flex;
  flex-direction: column;
  justify-content:center;
  align-items: center;
  padding: 10px;
  border-radius: 10px;
}

.equal-box.nobdr {
  border: none;
}

.equal-box.nobdr:last-child {
  border-left: 1px solid #f1f1f1;
  border-radius: 0;
}
.equal-box.auto-width.with-bdr , .equal-box.auto-width.with-bdr:last-child{
  border: 1px solid #f1f1f1;
  border-radius: 10px;
}
.equal-icon i{
  font-size:96px;
  color: #B3B3B3;
}
.equal-box:hover .equal-icon i{
  color: #f0592b;
}

.equal-box .drag-message, .bx-info .drag-message {
  font-weight: 400;
  font-size: 13px;
  color: #f0592b;
}

.equal-box.auto-width {
  flex-basis: 33.33%;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  border: none;
  padding: 10px;
}

.equal-box.auto-width:last-child {
  border: none;
}
.bulk-upload-box.four-box{
  justify-content: space-between;
}
.bulk-upload-box.four-box .equal-box.auto-width{
  flex-basis: auto;
}
.bulk-upload-box.four-box .downloadFileLabel, .bx-info h3{
  font-size: 14px;
}

.bx-info .drop-box {
  padding: 51px 35px;
}

.bx-info i {
  font-size: 57px;
  color: #cccccc;
}

.downloadFileLabel, .bx-info h3 {
  font-size: 20px;
  font-weight: 600;
  display: flex;
  color: #6b6b6a;
  margin-top: 16px;
  text-align: center;
}

md-progress-circular.md-default-theme.md-hue-2 path, md-progress-circular.md-hue-2 path {
  stroke: #f0592b;
}

.equal-box md-progress-circular {
  position: absolute;
}

.grn-popup .head-box {
  background: none;
  border: none;
  padding: 0;
}

#split-view .oms-split.sub-order-view, .scrol-inside {
  max-height: 500px;
  overflow: auto;
}

#split-view .oms-split.sub-order-view table tr td {
  background: #ffffff;
  border-bottom: 3px solid #f3f3f3 !important;
  border-right-width: 1px;
  font-weight: 600;
  font-size: 13px;
}

#split-view .oms-split.sub-order-view table tr td:first-child {
  border-left: 1px solid #f3f3f3;
}

#split-view .oms-split.sub-order-view table {
  border: none !important;
}

.sku-level #split-view.oms-expand {
  padding: 10px;
}

.tooltip {
  z-index: 99999999999 !important;
}

.shipping-address .address-section #fms-table-two table thead th {
  background: #e8f7fc;
  color: #000000;
  font-weight: 600;
  font-size: 13px;
}

.shipping-address .address-section #fms-table-two table tr td {
  font-weight: 400;
  font-size: 12px;
}

.shipping-address .address-section #fms-table-two table tr:hover>td {
  background: none;
}

.split-full-pop .fms-scroll-info.shadowstyle table thead tr th {
  background: #fff;
  border-bottom: 2px solid #eeeded;
}

.split-full-pop #fms-table-two table tr th {
  color: #000;
}

.split-full-pop .oms-ex-head {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.split-dispatch {
  background: url(../../images/svg/split-vertical.svg) center center no-repeat;
  width: 19px;
  height: 19px;
  margin-right: 3px;
  transition: all 0.5s ease-in-out;
  display: inline-block;
}
.dropdown-menu .split-dispatch{
  margin-right: 12px;
}

.icon-box .order-act:hover .split-dispatch {
  background: url(../../images/svg/split-vertical-hover.svg);
  transition: all 0.5s ease-in-out;
}

.image-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.image-icon .split-dispatch {
  margin-right:12px;
}

.split-dispatch.partial-pack {
  background: url(../../images/svg/partial.svg) center center no-repeat;
}

.awb-number.inner-pages {
  display: inline-block;
  background: #f5f3f3;
  color: #f0592b;
  border-radius: 2px;
  margin: 0 0 0 22px;
  font-size: 13px;
}

.awb-number.inner-pages .awb-txt {
  color: #353535;
}

.page-icon {
  width: 32px;
}

span.fa-stack.custom-stack-po {
  width: 25px;
  height: 25px;
  align-items: center;
  display: flex;
  justify-content: center;
}

.custom-stack-po i.green {
  top: -8px;
  font-size: 12px;
  color: green;
  left: 6px;
}

.custom-stack-po i+i {
  background: none;
  border: none;
  width: inherit;
  height: inherit;
  display: block;
}

.na p {
  margin: 0;
  color: red;
}

.noti-date {
  font-size: 11px;
  margin-left: 5px;
  color: #9d9d9d;
  white-space: nowrap;
  cursor: pointer;
}

.show-more-sku.inner-show-more .btn-first {
  display: none;
}

.shipper-allocation md-radio-button {
  display: inline-block;
  margin: 0;
}

.fms-scroll-info table tbody tr.diasabled-row, #fms-table-two table tr.diasabled-row:hover td {
  background: #d4d4d4;
  cursor: not-allowed;
}

/* ._md-datepicker-has-triangle-icon {
  padding-right: 0 !important;
} comment this property due to hourly dashboard datepicker ._md-datepicker-has-triangle-icon this class exist in producation
but not on test in datepicker*/

.invoice-detail-po {
  display: flex;
  background: #f7f7f7;
  padding: 15px;
  justify-content: flex-start;
  font-size: 13px;
}

.invoice-detail-po h5 {
  margin-bottom: 5px;
  margin-top: 0;
}

.flex-box {
  margin-right: 27px;
  border-right: 1px solid #dcd5d5;
  padding-right: 24px;
}

.full-flex {
  display: flex;
  align-items: flex-start;
  flex-grow: 1;
  justify-content: flex-start;
}

.full-flex .inline-radio label {
  margin: 0;
}

.full-flex md-checkbox {
  margin: 0;
}

.invoice-detail-po h5, .invoice-box div span:first-child {
  font-size: 14px;
  font-weight: 600;
}

.invoice-box div span:first-child {
  display: inline-block;
  margin-right: 15px;
  min-width: 110px;
  position: relative;
}
.extra-width-label .invoice-box div span:first-child{
  min-width: 134px;
}

.invoice-box div span:first-child:after {
  content: ":";
  right: -7px;
  position: absolute;
}

.invoice-box {
  margin-bottom: 15px;
}

.invoice-box:last-child {
  margin-bottom: 0;
}

.gap-table h3, .charge-space h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  padding: 10px 7px;
  background: #30373b;
  color: #fff;
  border-radius: 6px 6px 0 0;
}

.gap-table {
  margin-top: 35px;
}

.gap-table table {
  width: 100%;
}

:root {
  --invoice-bdr: #B5B5B6;
}

.gap-table table th {
  border-bottom: 1px solid var(--invoice-bdr);
  border-right: 1px solid var(--invoice-bdr);
  font-weight: 600;
  background: #effbff;
}

.gap-table table th:first-child, .gap-table table tr td:first-child {
  border-left: 1px solid var(--invoice-bdr);
}

.gap-table div>table tr td.no-pad {
  border: none;
}

tr.invoice-head {
  border-top: 1px solid var(--invoice-bdr);
}

.invoice-head.total-charges {
  border-top: none;
}

.gap-table .fixed-thead {
  margin-bottom: 30px;
}

.gap-table table th, .gap-table table tr td {
  padding: 10px;
  font-size: 14px;
  vertical-align: top;
}
.gap-table.wms table tr td{
  padding: 8px;
}
.gap-table.wms #stSkuRangeView{
  width:584px;
}
.gap-table table tr td.vtop {
  vertical-align: top;
}
.gap-table table tr td.vmid {
  vertical-align: middle;
}

.gap-table table tr td {
  border-right: 1px solid var(--invoice-bdr);
  border-bottom: 1px solid var(--invoice-bdr);
}
.gap-table table{
  /* border-bottom: 1px solid var(--invoice-bdr); */
}

.gap-table.add-edit table tr td {
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  background: #fffdfd;
}

.right-bdr {
  border-right: 1px solid #e8e8e8;
}

.tax-ex {
  display: flex;
  align-items: flex-start;
  margin-top: 33px;
}

.gap-table table tr td.headind {
  background: #e4e4e4;
  font-size: 14px;
  text-align: right;
  font-weight: 600;
  color: #000;
}

.gap-table table tr.charge-space td {
  border: none;
  padding: 0;
}

.charge-space h3 {
  margin-top: 20px
}

.gap-table table tr.invoice-head td {
  background: #e4e4e4;
  font-size: 13px;
  font-weight: 600;
}

.gap-table table tr.invoice-head td.type-sub-head {
  font-size: 20px;
  font-size: 14px;
  background: #e4e4e4;
}

.gap-table table tr.total-charges td:first-child {
  background: none;
  border: none;
  border-right: 1px solid var(--invoice-bdr);
}

.gap-table table tr.total-charges td, .gap-table .total-charges thead th {
  /* font-size: 14px;
border-top:1px solid var(--invoice-bdr);
background: #f0feff; */
  font-size: 14px;
  border-top: 1px solid var(--invoice-bdr);
  background: #b1ebff;
  font-weight: 800;
}

.gap-table table tr.grand-total td {
  font-size: 14px;
  font-weight: bold;
}

.gap-table table tr.sku-other-charges td.BdrBtmNone {
  border-bottom: none;
}

.repeated-tag {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}

.sku-charges td:first-child {
  font-weight: 600;
  color: #F0592B;
}

.action-icon-iv {
  display: flex;
  align-items: center;
}

#purchase-invoice .error-message {
  position: static;
}

.addGrossSpan, .deleteGrossSpan {
  cursor: pointer;
  color: #6b6a6a;
  width: 15px;
  height: 15px;
  min-width: 15px;
  min-height: 15px;
  background: #f3f2f2;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-weight: bold;
  border: 1px solid #e0dedd;
  margin: 0 5px;
}

.addGrossSpan:hover, .deleteGrossSpan:hover {
  color: #fff;
  background: #F0592B;
}

.gap-table.add-edit, .gap-table.sku-charges {
  margin-top: 0;
}

.gap-table.add-edit input, .gap-table.add-edit select {
  border: 1px solid #ded4d4;
  padding: 6px 4px;
  border-radius: 5px;
  background-color: white !important;
  margin: 4px 0;
}

.action-icon-iv.full-row {
  flex-direction: column;
}

.action-icon-iv.full-row .mark-entry {
  display: flex;
  align-items: center;
  width: 100%;
}

.left-nmr {
  margin-left: 0;
}

.action-icon-iv.full-row input {
  margin-top: 4px 0;
}

.gap-table.add-edit select {
  background-position: 96% 11px;
}

.gap-table.add-edit .mark-entry.multiple input {
  margin-top: 4px;
}

.action-icon-iv.full-row div {
  width: 100%;
}

.view-inv {
  display: flex;
  justify-content: flex-start;
  margin-top: 18px;
}

.top-invoice {
  background: #f7f7f7;
  padding: 15px;
}

.gap-table .type-of-charge th {
  border-top: 1px solid var(--invoice-bdr);
}

/*invoice css end*/

.all-input .input_with_action .customTooltip {
  bottom: 34px;
  right: -200px;
  left: auto;
  top: auto;
}

.all-input .input_with_action .customTooltip:before {
  left: 8px;
  right: auto;
  border-top: 10px solid #313740;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  bottom: -19px;
  top: auto;
}

.fms-drop .dropdown-toggle {
  display: flex;
  align-items: center;
}

@media screen and (max-width:767px) {
  .form-wrapper-om.small-width, .form-wrapper-om {
    width: auto;
    margin: 0 20px;
  }
}

@media screen and (max-width:680px) {
  .logo img {
    width: 166px;
  }
  .form-heading h1, .form-wrap .btn-first.n-m {
    font-size: 16px;
  }
  .form-heading p, .action-sub.forgot-form {
    font-size: 13px;
  }
  .form-wrapper-om .main-form {
    padding: 36px 36px;
  }
}

@media screen and (max-width:580px) {
  .flex-section .flex-half {
    flex-basis: 100%;
  }
  .action-sub.low-space {
    flex-direction: column;
    text-align: center;
  }
}

@media screen and (max-width:420px) {
  .form-wrapper-om .main-form {
    padding: 36px 20px;
  }
}

/*Todo For testing*/

body {
  padding-right: 0 !important
}

.add-own-warehouse-img {
  background: url(../../images/svg/own_warehouse-active.svg);
}

.add-own-warehouse-img:hover {
  background: url(../../images/svg/own_warehouse-hover.svg);
}

.add-own-store-img {
  background: url(../../images/svg/own_store-active.svg);
}

.add-own-store-img:hover {
  background: url(../../images/svg/own_store-hover.svg);
}

.add-glaucus-warehouse-img {
  background: url(../../images/svg/glaucus-warehouse-active.svg);
}

.add-glaucus-warehouse-img:hover {
  background: url(../../images/svg/glaucus-warehouse-hover.svg);
}

.add-own-warehouse-img, .add-own-warehouse-img:hover, .add-own-store-img, .add-own-store-img:hover, .add-glaucus-warehouse-img, .add-glaucus-warehouse-img:hover, .expand-icon.full-view, .expand-icon.full-view:hover, .sku-option-check, .sku-option-check:hover {
  transition: all 0.3s ease-in-out;
}

.sku-option-check {
  border: 1px solid transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0 5px;
  background-color: #f7f7f7;
  height: 172px;
}

.sku-option-check:hover {
  border-color: #f0592b;
}

.sku-option-check span {
  font-size: 16px;
}

.normalSku {
  background: url(../../images/svg/sku_icon.svg);
}

.normalKit {
  background: url(../../images/svg/kit.svg);
}

.normalVirtualKit {
  background: url(../../images/svg/v_kit.svg);
}

.normalSku, .normalKit, .normalVirtualKit {
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.expand-icon.full-view {
  width: 24px;
  height: 24px;
  font-size: 13px;
}

.expand-icon.full-view:hover {
  color: #F0592B;
  border-color: #F0592B;
}

.grn-value {
  margin-right: 20px;
}

.category-image .inline-radio {
  margin: 20px 0;
}

.img-container {
  border: 1px solid #f1f1f1;
  max-width: 200px;
  height: 200px;
  overflow: hidden;
  padding: 1px;
}

.img-container img {
  max-width: 100%;
}

.category-image h3 {
  font-size: 18px;
  margin-bottom: 15px;
}

.category-image .btn-first.upload-file {
  margin-left: 0;
}

.vendor-head {
  font-size: 18px;
  margin: 0;
  background: #4c5868;
  border-radius: 5px 5px 0 0;
  padding: 9px;
  font-weight: 600;
  color: #fff;
}

.vendor-box {
  border: 1px solid #f1f1f1;
  max-height: 500px;
  overflow-y: auto;
}

.vendor-row {
  display: flex;
  padding: 0px 10px;
  border-bottom: 1px solid #f1f1f1;
  min-height: 100px;
  align-items: stretch;
}

.vendor-logo {
  width: 150px;
  margin-right: 15px;
  border-right: 1px solid #f1f1f1;
  padding-right: 15px;
}

.vendor-logo, .vendor-list-name {
  display: flex;
  align-items: center;
}

.vendor-logo img {
  max-width: 100%;
  width: 100%;
}

.vendor-list-name {
  flex-grow: 1;
}

.vendor-list-name .less-width {
  width: 231px;
  font-weight: 700;
}

.integrated-vendor #fms-table-two table tr th {
  background: var(--modal-head-bg);
  color: #333;
  font-weight: 600;
  border-bottom: 2px solid #c7c1c1;
}

.table-heading {
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 14px;
}

.short-access {
  font-weight: 600;
}

.short-access span.short {
  color: red;
}

.short-access span.access {
  color: green;
}

.short-access span {
  font-size: 12px;
  display: inline-block;
  margin: 0 2px;
}

.grey-bg {
  background: #f3f3f3;
  padding: 10px;
  border-radius: 4px;
}

.add-row, .add-row i {
  display: flex;
  justify-content: center;
  align-items: center;
}

.add-row {
  display: inline-flex;
  color: #F0592B;
  margin: 10px 0;
}

.add-row i {
  width: 25px;
  height: 25px;
  color: #fff;
  background: #F0592B;
  margin-right: 10px;
}

.autofill {
  display: flex;
  align-items: center;
}

.inline-sku {
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.inline-sku md-checkbox, .inline-sku label {
  margin: 0;
}

.upload-img h3 {
  font-size: 14px;
  font-weight: 400;
  background: none;
  padding: 0;
  margin: 0;
}
.modal-custom-col .upload-img{
  margin-bottom: 20px;
}
.upload-img .multiimage-select {
  margin-top: 20px;
}

 td.rel span.type {  
  position: absolute;
  padding: 3px;
  border-radius: 7px;
  color: #e10f0f;
  font-size: 9px;
  font-weight: 400;
  background: rgba(241,204,193, 0.5);
  top: 5px;
  left:11px;
  text-transform: uppercase;
  border: 1px solid #f6c6c6;
  display: block;
  font-family: var(--secondary-font);
  line-height: 1;
}  
    td.rel span.type.dd{
      background: rgba(180,234,255, 0.5);
      color: blue;
      border-color: #9edbff;
     }
     .order-type span{ 
      font-size: 12px;
      padding: 3px 8px;
      border-radius: 14px;
        } 
        span.combine-tab {
          position: absolute;
          left: 6px;
          top: 4px;
      }
      span.combine-tab span.type, span.dd {
        position: static;
        float: left;
        margin-left: 3px;
    }
    .red-label-oms {
      background: rgba(241,204,193, 0.5);
      color:#e10f0f;      
     }   
 .green-label-oms {
  background: rgba(171, 251, 205, 0.5);
  color: green; 
 }
 span.blue-label{
  background: rgba(180,234,255, 0.5);
  color: blue; 
 }
tbody.splited tr td, tbody.order-type-row tr td {
  padding-top: 19px !important;
}
.message.red{
  color: red;
  font-size: 16px;
  line-height: 23px;
  font-weight: 400;
  background: none;
}
.modal-header h4.error{
  color: red;
}
.top-bdr-no .md-datepicker-expand-triangle{
  border-top-color: transparent;
}
.delete-box {
  background: #f1f1f1;
  padding: 6px 8px;
  margin-bottom: 25px;
  align-items: center;
  display: flex;
  border-radius: 3px;
  transition: all 0.3s ease-in;
}
.delete-box:hover{
  background: #f0592b;
  color: #fff;
  transition: all 0.3s ease-out;
}
.read-only{
  background: #fbfbfb;
}
.flex-box-cn {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.flex-box-cn.flex-start{
  justify-content: flex-start;
}
.flex-box-cn.flex-start label{
  margin:0 10px 0 0;
}
.flex-box-cn .form-control{
  margin-right: 10px;
}
.flex-start{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.col-part.nowarp{
  align-items: flex-start;
  flex-wrap:nowrap;
}
.grading-box.no-grow span{
  flex-grow: initial;
  margin-bottom: 3px;
}
.grading-box.no-grow{
  align-items: stretch;
}
.pwd-edit{
  margin-right: 20px;
  display: inline-block;
}
/*Lead Item Error for appario*/
.priceIssueLead {background: #ffc8c8!important}

.md-dialog-container {
    z-index: 20000;
}
.md-select-menu-container{
    z-index: 20001;
}
.md-datepicker-input-container {
  font-size: 12px;
}
.page-tabs>li.quick-gr{
  margin: 0 4px 4px 0;
}
.two-col-layout .weight_section{
flex-basis: 50%;
}
.two-col-layout .weight_section:last-child{
  flex-grow: inherit;
}
.box-detail-av.two-col-layout .form-group {
  width: 100%;
}
.inline-flex{
  display: inline-flex;
}
.detail-col span:first-child{
  font-weight: bold;
  margin-right:5px;
}
.view-sku-container {
  z-index: 999999999;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 10px solid #ddd9;
  border-radius: 2px;
  background:white;
}
.skuGalleryNavs.next, .skuGalleryNavs.back{
  background:#878787;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
height: 60px;
position: absolute;
top: 43%;
right: 0;
}
.skuGalleryNavs.next:hover, .skuGalleryNavs.back:hover{
  background: black;
  cursor: pointer;
}
.skuGalleryNavs.back{
 left: 0;
}
.skuGalleryNavs img, .imagePane img, .imageGalleryItem img{
  width: 100%;
}
.imageGallery{
  display: flex;
  justify-content: center;
  margin-bottom: 18px;
}
.imageGalleryItem {
  width: 55px;
  height: 55px;
  border: 1px solid #cecbcb;
  padding: 4px;
  display: flex;
  margin: 0 5px;
}
.imageGalleryItem:hover{
  border-color: black;
}
.skuGalleryClose {
  background: #a6a6a6;
  width: 32px;
  height: 32px;
  display: flex;
  position: absolute;
  right: -21px;
  top: -17px;
  border-radius: 100%;
  color: white;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  cursor: pointer;
}
.skuGalleryClose:hover{
  background: black;
  color: white;
}
.imagePane{
  display: flex;
  justify-content: center;
  margin: auto;
      margin-bottom: auto;
  background: white;
  padding: 43px;
  width: 600px;
  border-bottom: 1px solid gray;
  margin-bottom: 10px;
}
.flex-item.horizontal .form-control{
width: auto;
}
.flex-item.horizontal label{
  margin-right: 4px;
  margin-bottom: 0;
}
.flex-item{
  margin-right: 10px;
  align-items: center;
  display: flex;
}
.cate-head.flex{
  display: flex;
  justify-content: space-between;
  width: calc(100% - 0px);
}
.cate-head .small-head{
  font-size:12px;
  color: #FFE514;
}
.small-head span {
  margin-right: 10px;
}

table.grey thead th{
  background: #4C5868;
  padding: 10px 11px;
    color: #fff;
    font-size: 13px;
    border-right:1px solid #898787;
}
table.grey tr td {
  border-right: 1px solid #d4d4d4;
  background: white;
  border-bottom: 1px solid #d4d4d4;
  padding: 9px 11px;
}
table.grey tr td:first-child, table.grey thead th:first-child{
  border-left:1px solid #d4d4d4;
}
table.grey thead th:first-child{
  border-color: #898787;
}
.style-one select.borderd{
  border: 1px solid #b5b0b0;
  padding: 6px 28px 6px 5px;
  background-position: 95% 11px;
  border-radius: 4px;
}
.categ.red{
background: #ffe4e4;
border: 1px solid #ffb5b5;
color: red;
}
.categ.small-font p{
  font-size: 13px;
}

.green-read-only{
  background-color: #dff0d8;
color: #000;
padding-left: 8px;
border: 1px solid #a1d28d;
padding: 6px 10px;
border-radius: 4px;
}
.big-error{
  font-size: 17px;
font-weight: 600;
line-height: 25px;
}
.full-container{
  display: flex;
  flex-direction: column;
   align-items: flex-start;
}
.full-container.no-repeat{
  flex-direction: row;
  align-items: center;
}
.full-container .addGrossSpan {
  border-radius: 0;
  display: flex;
  margin:4px 0 0;
}
.full-container.no-repeat .addGrossSpan{
  margin-right: 5px;
}
.full-flex{
  display: flex;
}
.right-content{
 justify-content: flex-end;
}
.mark-entry.multiple{
  display: flex;
}
.customer-information{
  display: flex;
  padding: 10px 15px 0;
  border-bottom: 1px solid #dfdfdf;
  color: #686868;
  background: #ffffd1;
  flex-wrap: wrap;
}

.address-secation {
  display: flex;
  justify-content: space-between;
}
.address-box{
  border: 1px solid #cccbcb;
  padding: 15px 10px;
  background: #efefef;
  width: 48%;
  display: flex;
  flex-flow: column;
  border-radius: 4px;
}
.address-box h3{
  font-size: 18px;
  font-weight: 600;
  color: #474747;
}
.address-box p{
  font-size: 14px;
  color: #535353;
  line-height: 22px;
}
.customer-detail{
  display: flex;
  flex-flow: row;
  margin: 0 15px 10px 0;
}
.customer-detail span:first-child{
  font-weight: 600;
    margin-right:5px;
}
.space-between{
  justify-content: space-between;
}
.flex-container.rr .customer-detail {
  flex-direction: row;
  color: #f0592b;
  margin-right: 27px;
  font-weight: 600;
}
.flex-container.rr .customer-detail a{
  color: #f0592b;
}
.flex-container.rr .customer-detail span:first-child {
    margin-right: 3px;
    color: grey;
}
.flex-container.rr {
  padding:11px 0 26px 0;
}
.flex-end{
  justify-content:flex-end;
}
.pre-space{
  white-space: break-spaces;
}    
.maven-captcha{
  margin-bottom: 10px;
}
.register-container .error-message{
  font-size:14px;
}
.g-recaptcha{
  outline: none;
  border: none;
}

.btn-first.pull-left.upload-file.disabled, .btn-first.pull-left.upload-file.disabled:hover {
  background: gray;
  cursor: not-allowed;
  color: white;
  border: none;
}
.btn-first.pull-left.upload-file.disabled, .btn-first.pull-left.upload-file.disabled:hover {
  background: gray;
  cursor: not-allowed;
  color: white;
  border: none;
}

.oms-orange-badge {
  padding: 6px 10px;
  border-radius: 11px;
  font-size: 15px;
  font-weight: 800;
  color: white;
  background: #F0592B;
  position: relative;
}

.oms-count-banner {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 10px 10px;
}
.count-label {
  font-size: 17px;font-weight: 600;margin: 10px 10px;
}