@charset "utf-8";

/* CSS Document */
html {
  position: relative;
  min-height: 100%;
}

body {
  margin: 0 auto;
  padding: 0;
  height: 100%;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   */

html,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

/*body {line-height: 1;}*/
ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

/*table {border-collapse: collapse;border-spacing: 0;}*/

img {
  max-width: 100%;
  height: auto;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea {
  outline: none;
}

/*ul li{ position:relative;}
ul li ul {display:none;position:absolute;}
ul li:hover ul{display:block;background:red;height:auto; min-width:300px; left:0; }
*/

/* ----- fonts --------- */
@font-face {
  font-family: 'AvenirLTStd_book';
  src: url('../fonts/AvenirLTStd-Book.eot');
  src: url('../fonts/AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvenirLTStd-Book.woff2') format('woff2'),
    url('../fonts/AvenirLTStd-Book.woff') format('woff'),
    url('../fonts/AvenirLTStd-Book.ttf') format('truetype'),
    url('../fonts/AvenirLTStd-Book.svg#AvenirLTStd-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirLTStd_heavy';
  src: url('../fonts/AvenirLTStd-Heavy.eot');
  src: url('../fonts/AvenirLTStd-Heavy.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvenirLTStd-Heavy.woff2') format('woff2'),
    url('../fonts/AvenirLTStd-Heavy.woff') format('woff'),
    url('../fonts/AvenirLTStd-Heavy.ttf') format('truetype'),
    url('../fonts/AvenirLTStd-Heavy.svg#AvenirLTStd-Heavy') format('svg');
  font-weight: 900;
  font-style: normal;
}


/*--------------------------------------------header & menu starts------------------------------------------------------*/

/*::selection { background: #ccc;}
::-webkit-scrollbar-track {  background-color: #f1f1f; }
::-webkit-scrollbar { width: 0px; background-color: #F5F5F5; }
::-webkit-scrollbar-thumb { background-color: #ccc; }*/

/*===================TOP NAVBAR FIXED NAVBAR===================*/

.main-container {
  position: fixed;
  display: block;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #dbdbdb;
  min-height: 0;
  margin-bottom: 0;
  z-index: 999;
  max-height: 64px;
  /*overflow: hidden;*/
}

.navbar {
  position: relative;
  min-height: 0px;
  margin-bottom: 0px;
  border: none;
}

.side-menu-top {
  width: 260px;
  margin: 0;
  background: #131618;
  position: relative;
  left: 0px;
  float: left;
}

#menu_icon {
  background: transparent;
  text-align: center;
  margin-top: 0;
  border: none;
  width: 30px;
  cursor: pointer;
  height: 40px;
  color: white;
  padding: 10px 0 0;
  font-size: 20px;
  border-radius: 0;
  position: relative;
  top: 3px;
}

#menu_icon:focus {
  background: transparent;
}

/*.navbar button:focus:not(:active)::after { animation: ripple 1s ease-out;}*/
.admin-chat-logo img {
  padding: 20px 20px 5px 30px
}

.admin-navbar {}

.navbar-herader {
  display: inline-block;
}

.navbar button:focus {
  outline: none;
}

/* Ripple magic */
.navbar button {
  position: relative;
  overflow: hidden;
}

.navbar button:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, .5);
  opacity: 0;
  border-radius: 100%;
  transform: scale(1, 1) translate(-50%);
  transform-origin: 50% 50%;
}

@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }

  20% {
    transform: scale(25, 25);
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(40, 40);
  }
}

/*.navbar button:focus:not(:active)::after { animation: ripple 1s ease-out;}*/
.admin-chat-logo img {
  padding: 20px 20px 5px 30px
}

.notification-btn {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
  font-size: 21px;
  margin-top: 10px;
}

.btn:hover,
.btn:focus,
.btn.focus {
  color: #fff;
  text-decoration: none;
}

.btn:active,
.btn.active {
  box-shadow: none;
}

.notification-btn .badge {
  color: #010101;
  background-color: #fff;
}

button .badge {
  position: relative;
  top: -40px;
  right: -10px;
}

#forget_pass_div,
#tblotp {
  display: none;
}

.opt_text {
  color: #3c763de6;
  border-bottom: none !important;
  margin: 0 auto 0px !important;
  text-align: center !important;
  font-weight: 600;
  font-size: 1.1em;
}

.lstin_drpdwn.open ul li {
  border-bottom: 1px solid #e1e2e2;
}

.lstin_drpdwn.open ul li:last-child {
  border-bottom: none;
}

.lstin_drpdwn.open .dropdown-menu>li>button {
  width: 100%;
}

.lstin_drpdwn.open .dropdown-menu>li>button:hover {
  color: #262626;
  background-color: #f5f5f5;
}


/* 1708 */
.xtrsclssinImprtBox {
  margin-bottom: 0 !important;
}

.noteMaxNewClsdd {
  overflow-y: auto !important;
}

.noteMaxNewClsdd .odrDetlNotes.odrDetlOdd {
  background-color: transparent !important;
}

.newTggleBttnNEW {
  margin-top: 0px !important;
  display: inline-block !important;
  margin-left: 15px !important;
  float: right;
}

.ordrDtailsCollapsePrts h5 {
  padding-bottom: 0 !important;
}

.orderDetailsTrackSecFirstLinkBttn {
  width: 100%;
  display: block;
  overflow: hidden;
  margin-bottom: 15px;
}

.orderDetailsTrackSecFirstLinkBttn a {
  margin: 0 !important;
}

.anotherNoteClassForNOTEs {
  margin: 0 0 10px !important;
}

.OrderAuditTheLastButton {
  margin-top: 5px !important;
}

.addTrckTraceBttnNew {
  margin: 0 20px 0 0 !important;
}

.addTrckTraceBttnNew2 {
  margin: 0 !important;
}

@media (min-width: 768px) {

  .container>.navbar-header,
  .container-fluid>.navbar-header,
  .container>.navbar-collapse,
  .container-fluid>.navbar-collapse {
    margin-right: 0;
    margin-left: -10px;
  }
}

/*********notification*********/
.pull-right>.dropdown-menu {
  right: 0;
  left: auto;
  top: 60px;
}

/*=======================SIDEBAR NAV START=======================*/
.hit_sidebar {
  position: relative;
  display: block;
  min-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  overflow: hidden;
  border: none;
  transition: all .3s cubic-bezier(.55, 0, .1, 1);
  padding-top: 0px;
  background: #fff;
  width: 275px;
  background-color: #131618;
  border-top: 1px solid #393939;
  /*    transform: translate3d(-280px,0,0);*/
}

.small_sidebar {
  width: 80px;
  min-width: 64px;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}

.sidebar-open {
  min-width: 274px;
  width: 274px;
  transform: translate3d(0, 0, 0);
}

.sidebar-slide-push {
  position: absolute;
  top: 64px;
  bottom: auto;
  z-index: 9;
  left: -15px;
}

/* .sidebar-slide-push { position: fixed; top: 64px; bottom: 0; z-index: 999; left: -15px;} */


aside ul li a .nav-icon {
  margin-right: 15px;
  font-size: 14px !important;
}

.remove_text {
  transition-delay: 2s;
}

.text_hide {
  display: none;
  transition-delay: 2s;
}

aside ul li a span {
  display: table-cell;
  padding-left: 15px;
}

.list-group,
.list-group ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

#categories-menu li {
  display: block;
  position: relative;
  width: 100%;
  border-right: 4px solid transparent;
  border-bottom: 1px solid #393939;
  cursor: pointer;
  font-family: 'AvenirLTStd_book';
  display: block;
  text-decoration: none;
  text-align: left;
  color: #a1a1a1;
  background-color: transparent;
  font-size: 12px;
  padding: 18px 20px 16px;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  text-transform: uppercase;
}

#categories-menu a {
  display: block;
  color: #a1a1a1;
  text-decoration: none;
}

#categories-menu>ul>li {
  display: block;
  float: none;
}

#categories-menu li ul {
  display: none;
  position: relative;
  z-index: 999;
  padding-left: 20px;
}

.toChild:after {
  -moz-user-select: none;
  content: "\f105";
  font-family: Fontawesome;
  color: #6a6a6a;
  clear: none;
  font-size: 16px;
  position: absolute;
  right: 16px;
  text-align: right;
  top: 20px;
  width: 100%;
}

#categories-menu li:hover,
#categories-menu li:focus {
  background-color: transparent;
  color: #a1a1a1;
  text-decoration: none;
  border-right: 4px solid #0fbcf4;
}

.toChild.down:after {
  content: "\f107";
  font-family: Fontawesome;
  color: #6a6a6a;
}

#categories-menu li ul li {
  display: block;
  position: relative;
  width: 100%;
  border-right: none;
  border-bottom: none;
  cursor: pointer;
  font-family: 'AvenirLTStd_book';
  display: block;
  text-decoration: none;
  text-align: left;
  color: #a1a1a1;
  background-color: transparent;
  font-size: 12px;
  padding: 18px 0px 0px;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}

#categories-menu li ul li:before {
  content: "\f105";
  font-family: Fontawesome;
  color: #6a6a6a;
  position: absolute;
}

#categories-menu li ul li a {
  display: inline-block;
}

#categories-menu li ul {
  padding-top: 20px;
}

#categories-menu li ul li:first-child {
  padding-top: 0px;
}

#categories-menu li ul li:hover,
#categories-menu li ul li:focus {
  background-color: transparent;
  color: #a1a1a1;
  text-decoration: none;
  border-right: none;
}

.small_sidebar .toChild:after {
  display: none;
}

#serv-details,
#company-details,
#data-hub-details {
  overflow: auto;
  position: relative;
  padding: 0px 0px 10px;
  background: transparent;
  margin: 0px;
  width: 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 0px;
  max-height: 150px;
}

.right_menubar {
  width: auto;
  margin-left: 260px;
  margin-right: 30px;
  /*background: #000;*/
  padding: 0px 0;
  height: 100%;
  /*overflow: hidden; border-bottom:1px solid #dbdbdb;*/
}

.profile-dropdown {}

.right_menubar_left {
  width: 35%;
  float: left;
}

.right_menubar_mid {
  width: 40%;
  float: left;
  padding-top: 5px;
  display: flex;
  position: relative;
}

.right_menubar_mid .close-btn {
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  position: absolute;
  right: 2px;
  top: 7px;
  height: 16px;
  width: 16px;
  border: 1px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 3px;
  cursor: pointer;
}

.right_menubar_mid ul:nth-child(1) {
  padding: 0;
  width: max-content;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 2px solid #000;
}

.right_menubar_mid ul:nth-child(2) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.right_menubar_mid ul {
  background-color: #1c2536;
  display: flex;
  border-radius: 5px;
  padding: 0 10px;
  width: 100%;
}

.right_menubar_mid>ul>li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 9px 10px;
  border-right: 2px solid #000;
  width: calc(100%/3);
  position: relative;
}

.right_menubar_mid>ul>li:last-child {
  border-right: none;
}

.right_menubar_mid ul li .choices {
  display: none;
  position: absolute;
  background: #1c2536;
  min-width: 300px;
  border-radius: 5px;
  padding: 15px;
  left: -10px;
  top: 55px;
}

.right_menubar_mid ul li .choices .label {
  font-size: 10px;
  padding: 0;
}

.right_menubar_mid ul li .choices .detail {
  font-size: 10px;
  color: #ffffff8f;
  line-height: 1.2;
  font-weight: 400;
}

.right_menubar_mid ul li .details {
  font-size: 12px;
  color: #f1e5e6;
  display: flex;
  align-items: center;
}

.right_menubar_mid>ul>li .label-container span,
.right_menubar_mid>ul>li .upper {
  font-size: 11px;
  padding-left: 0;
}

.right_menubar_mid>ul>li .label-container {
  cursor: pointer;
}

.right_menubar_mid>ul>li .lower>span.status-green {
  font-size: 9px;
  padding-left: 6px;
  color: green;
  font-weight: 600;
}

.right_menubar_mid>ul>li .lower>span.status-red {
  font-size: 9px;
  padding-left: 6px;
  color: #d55757;
  font-weight: 600;
}

.choice1-label,
.choice2-label {
  display: none;
}

.right_menubar_mid ul li .details.choice1-order,
.right_menubar_mid ul li .details.choice2-order {
  display: none;
}

.right_menubar_mid ul li .details.choice1-orderitem,
.right_menubar_mid ul li .details.choice2-orderitem {
  display: none;
}

.right_menubar_mid ul li .details.choice1-ordercancel,
.right_menubar_mid ul li .details.choice2-ordercancel {
  display: none;
}

.right_menubar_mid>ul>li canvas {
  position: absolute;
  right: 0;
  bottom: -7px;
  /*background-color: #1c2536*/
  ;
  max-width: 50px;
  width: 100%;
  /*height: 45% !important;*/
}

#myChart2-order,
#myChart3-order {
  display: none;
}

.right_menubar_left h1 {
  color: #212121;
  font-size: 22px;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  padding: 20px 20px 0 45px;
}

.right_menubar_right {
  width: 40%;
  float: right;
}

.message_icon_box {
  padding: 20px 30px 24px;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  display: inline-block;
  height: 100%;
  font-size: 14px;
}

.message_icon_box a {
  position: relative;
}

.message_icon_box a i {
  color: #848484
}

.message_icon_box span {
  position: absolute;
  top: -9px;
  right: -9px;
  background: #525f6a;
  padding: 1px 5px;
  border-radius: 100%;
  font-family: 'AvenirLTStd_book';
  font-size: 10px;
  color: #fff;
}

.notification_icon_box {
  padding: 20px 30px 24px 25px;
  border-right: 1px solid #dbdbdb;
  display: inline-block;
  height: 100%;
  font-size: 14px;
  cursor: pointer;
}

.notification_icon_box p {
  position: relative;
}

.notification_icon_box p i {
  color: #848484
}

.notification_icon_box span {
  position: absolute;
  top: -9px;
  right: -9px;
  background: #f4133d;
  padding: 1px 5px;
  border-radius: 100%;
  font-family: 'AvenirLTStd_book';
  font-size: 10px;
  color: #fff;
}

.dropbtn {
  background-color: transparent;
  color: #2d2d2d;
  padding: 19px 16px 19px 70px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  font-family: 'AvenirLTStd_book';
  font-size: 13px;
}

.dropbtn:hover,
.dropbtn:focus {}

.profile-dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  overflow: auto;
  box-shadow: -7px 9px 3px -1px rgba(0, 0, 0, 0.05);
  z-index: 1;
  left: 15px;
  border: 1px solid #e4e4e4;
  text-align: left;
}

  {
  color: ;
}

.dropdown-content a {
  color: #656565;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  font-family: 'AvenirLTStd_book';
}

.dropdown-content a i {
  color: #858585;
  font-size: 14px;
  margin-right: 12px;
}

.profile-dropdown a:hover {
  background-color: #f1f1f1
}

.show {
  display: block;
}

.logout_bttn_container {
  text-align: center;
}

.logout_bttn {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 20px;
  position: relative;
  background: #000;
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  font-family: 'AvenirLTStd_book';
  padding: 9px 10px;
  border: none;
}

.logout_bttn i {
  position: absolute;
  right: 0px;
  top: 9px;
  color: #fff !important;
  font-size: 12px;
}

/*-----------------content_area starts------------------*/
.content_area {
  width: 100%;
}

.content_body_wrapper {
  width: 93%;
  margin: 0 auto;
}

#content_body {
  position: relative;
  top: 64px;
}

.text-content-fields {
  width: auto;
  margin: 0 0 0 260px;
  /*background: #f1f1f1;*/
  padding: 20px 0 0;
  overflow: visible;
  clear: both;
}

.margin_left .text-content-fields {
  margin: 0 auto !important;
  width: 93%
}

.menu_boxes_home_colorbar {
  background: #fff;
  padding: 20px 0 0;
  overflow: hidden;
  width: 100%;
}

.green_clrbar {
  width: 32.75%;
  float: left;
  padding: 10px 0;
  background: #fff;
  margin: 10px 5px 0 0;
  border-bottom: 4px solid #2ed186;
  text-align: center;
}

.green_clrbar p,
.blue_clrbar p,
.grey_clrbar p,
.red_clrbar p {
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  color: #555555;
  font-size: 12px;
}

.green_clrbar p a,
.blue_clrbar p a,
.grey_clrbar p a,
.red_clrbar p a {
  color: #555555;
  text-decoration: none;
}

.green_clrbar p i {
  color: #2dd185;
  font-size: 18px;
  margin-right: 10px;
}

.blue_clrbar p i {
  color: #0fbcf4;
  font-size: 18px;
  margin-right: 10px;
}

.grey_clrbar p i {
  color: #6e757b;
  font-size: 18px;
  margin-right: 10px;
}

.red_clrbar p i {
  color: #f4133d;
  font-size: 18px;
  margin-right: 10px;
}

.green_clrbar p i:before,
.blue_clrbar p i:before,
.grey_clrbar p i:before {
  top: 2px;
  position: relative;
}

.blue_clrbar {
  width: 32.75%;
  float: left;
  padding: 10px 0;
  background: #fff;
  margin: 10px 5px 0 0;
  border-bottom: 4px solid #0fbcf4;
  text-align: center;
}

.grey_clrbar {
  width: 32.75%;
  float: left;
  padding: 10px 0;
  background: #fff;
  margin: 10px 5px 0 0;
  border-bottom: 4px solid #a4a4a4;
  text-align: center;
}

.red_clrbar {
  width: 32.75%;
  float: left;
  padding: 10px 0;
  background: #fff;
  margin: 10px 5px 0 0;
  border-bottom: 4px solid #f4133d;
  text-align: center;
}

.menu_icon_boxes_home {
  background: #fff;
  padding: 25px 0 0px;
  overflow: hidden;
  width: 100%;
}

.menu_icon_boxes_home .grey_box {
  width: 32.75%;
  float: left;
  padding: 28px 0 18px;
  background: grey;
  margin: 5px 5px 0 0;
  text-align: center;
}

.menu_icon_boxes_home .grey_box:hover {
  background: #0fbcf4;
}

.menu_icon_boxes_home .grey_box {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}

.grey_box p {
  font-size: 13px;
  font-family: 'AvenirLTStd_heavy';
  padding-bottom: 10px;
}

.grey_box .list_numbers {
  padding-top: 10px;
  font-size: 10px;
  font-family: 'AvenirLTStd_book' !important;
  padding-bottom: 0px;
}

/*------------------footer part starts---------------*/
.footer_section {
  width: 100%;
  padding: 18px 0 30px;
  overflow: hidden;
  border-top: 1px solid #e5e5e5;
}

.footer_section p {
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  color: #656565;
  font-size: 10px;
}


/*--------------------------------------------------------------login page starts starts---------------------------------------------------------*/

.fullScrn {
  width: 100%;
  margin: 0;
  padding: 0;
  height: 100%;
}


.login_header {
  width: 100%;
  text-align: center;
  z-index: 999;
}

.header_login_content {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}

.header_login_content img {
  margin: 0 auto 30px;
  width: 160px;
  max-width: 100%;
  display: block;
  text-align: center;
}

.login-form {
  width: 100%;
}

.login-form_content {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.login_body_main .login-form_content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.form_box {
  width: 100%;
  max-width: 410px;
  margin: 30px auto 20px;
  background: rgba(255, 255, 255, 0.98);
  padding: 10px 0 20px;
  overflow: hidden;
  text-align: center;
}

.login_body_main .form_box {
  margin: 0 auto 20px;
}

.form_box p {
  max-width: 330px;
  margin: 0 auto 20px;
  border-bottom: 1px solid #cccccc;
  text-align: left;
  padding-bottom: 10px;
}

.form_box button {
  width: 100%;
  max-width: 330px;
  margin: 5px auto 0;
  background: #0fbcf4;
  border: none;
  padding: 15px 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
  font-family: 'AvenirLTStd_book';
}

.form_box input:focus::-webkit-input-placeholder {
  color: transparent !important;
}

.form_box input:focus::-moz-placeholder {
  color: transparent !important;
}

.form_box input:focus:-moz-placeholder {
  color: transparent !important;
}

.form_box input[type="text"],
.form_box input[type="email"] {
  padding-left: 20px;
  border: none;
  outline: none;
  font-family: 'AvenirLTStd_book';
  padding-top: 5px;
  width: 90%;
  font-size: 16px;
  color: #888888;
  background: transparent;
}

.form_box input[type="password"] {
  padding-left: 20px;
  border: none;
  outline: none;
  font-family: 'AvenirLTStd_book';
  padding-top: 5px;
  width: 90%;
  font-size: 16px;
  color: #888888;
  background: transparent;
}

.form_box p i {
  color: #888888;
  font-size: 12px;
  margin-right: 5px;
}

.form_box p span {
  font-family: 'AvenirLTStd_book';
  font-size: 10px;
  color: #333333;
  text-transform: uppercase;
}

.login-form_content .frgt_passwrd {
  text-align: center;
  font-family: 'AvenirLTStd_book';
  font-size: 10px;
  padding: 20px 0 0;
  color: #555555;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
}

.login-form_content .frgt_passwrd:hover {
  color: #0fbcf4;
}

.footer_login_content {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px 0;
  margin-top: 20px;
}

.footer_login_content p {
  color: #ececec;
  font-size: 10px;
  text-transform: uppercase;
  font-family: 'AvenirLTStd_book' !important;
}

footer {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  height: auto;
  width: 100%;
  text-align: center
}


#content {
  -webkit-transition: All .5s ease;
  -moz-transition: All .5s ease;
  -o-transition: All .5s ease;
  -ms-transition: All .5s ease;
  transition: All .5s ease;
  background-color: #FFF;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

#screen {
  -webkit-transition: All .5s ease;
  -moz-transition: All .5s ease;
  -o-transition: All .5s ease;
  -ms-transition: All .5s ease;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0;
  visibility: hidden;
}

.text {
  display: block;
  margin-top: 15px;
}

/*#clickme:hover {background-color: #9EC6E5;}*/
/*************************
Popup Notification Styles
*************************/
#notification {
  -webkit-transition: All .5s ease;
  -moz-transition: All .5s ease;
  -o-transition: All .5s ease;
  -ms-transition: All .5s ease;
  transition: All .5s ease;
  color: #444;
  font-family: Lato;
  font-weight: 300;
  position: absolute;
  top: 64px;
  right: 220px;
  margin: auto;
  border-radius: 0px;
  z-index: 2;
  width: 40%;
  max-width: 530px;
  height: 80%;
  max-height: 620px;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  /*border: solid 1px #000;*/
  min-height: 520px;
}

.menuText {
  display: block;
  text-align: center;
  padding-bottom: 5px;
}

#line1 {
  padding-top: 10px;
}

#close {}

#close:hover {}

/*************************
footer stuff
*************************/
#footer {
  font-size: 15px;
  font-family: Lato;
  font-weight: 300;
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 10px;
  color: #555;
}

.notifi_popup_bttn {
  background: #fff;
  width: 75px;
  height: 64px;
  text-align: center;
  position: absolute;
  top: -64px;
  right: 0;
  float: right;
}

#noti_list {
  overflow: auto;
  position: relative;
  padding: 0px 0px 0px 0;
  background: transparent;
  margin: 0px;
  width: 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 0px;
  max-height: 420px;
}

.full_noti_content {
  width: auto;
  padding: 30px 0 0 40px;
  position: relative;
  overflow: hidden;
}

.notif_heading {
  width: 450px;
  margin: 0 auto 0px 0;
  border-bottom: 1px solid #000;
}

.notif_heading h2 {
  color: #212121;
  font-size: 20px;
  text-transform: uppercase;
  font-family: 'AvenirLTStd_book';
  padding-bottom: 15px;
}

.bdy {
  width: auto;
  padding: 10px 40px 0px 0;
}

.bdy a {
  color: #1295bf;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  font-weight: 700;
}

.bdy p {
  color: #434343;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  font-weight: 400;
}

.bdy p:last-child {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
}

.bdy p:first-child {
  margin-bottom: 5px !important;
}

.bdy:last-child p {
  border-bottom: none;
}

.bdy p span,
.inner_msg p span {
  padding: 2px 10px 3px;
  border-radius: 20px;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
}

.notif_new_pill {
  background: #2ed186;
}

.notif_disptch_pill {
  background: #0fbcf4
}

.notif_cancelled_pill {
  background: #a6a6a6;
}

.notif_awaiting_pill {
  background: #0d60ae;
}

.inner_msg {
  width: auto;
  margin: 20px 35px 0 0;
  padding-bottom: 30px;
}

.inner_msg h6 {
  color: #1295bf;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  padding: 10px 0 20px;
}

.inner_msg p {
  color: #434343;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 20px;
}

.inner_msg p:nth-of-type(1) {
  margin-bottom: 0px !important;
}

.inner_msg a {
  position: relative;
  top: 10px;
  padding: 9px 15px;
  background: #0fbcf4;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
}

#notif_details_text {
  overflow: auto;
  max-height: 450px;
}

.icon-close {
  position: absolute;
  top: 19px;
  right: 40px;
  cursor: pointer;
}

.icon-close p {
  color: #333333;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  font-weight: 400;
  padding-top: 16px;
}

.icon-close p i {
  margin-right: 5px;
}

/* Initial body */
/*.bdy{ left: 0; margin: 0; overflow: hidden; position: relative; width:100%; }*/
/* Basic styling */
/*.jumbotron { background:#red ;width:100%;}
.icon-close, .icon-close2 { cursor: pointer; padding-left: 10px; padding-top: 10px;}
.icon-menu, .icon-menu2 { color: #fff; cursor: pointer; font-family: 'Open Sans', sans-serif; font-size: 16px; padding-bottom: 25px; padding-left: 25px; padding-top: 25px; text-decoration: none; text-transform: uppercase;}
.icon-menu i, .icon-menu2 i { margin-right: 5px;}
.inner_msg, .inner_msg2{ width:100%; z-index:-1; position:absolute; top:0;}*/

.notif_details,
.inner_msg {
  display: none;
}

/*-------------------- order page ---------------*/

.order_nav_left {
  width: 69%;
  float: left;
}

.selectdiv {
  position: relative;
  /*Don't really need this just for demo styling*/
  float: left;
  min-width: 190px;
  margin: 0px 15px 0 0;
}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 70%;
  /* Add some styling */
  /*display: block;  max-width: 320px;*/
  height: 34px;
  float: right;
  margin: -7px 0px 0 0px;
  padding: 5px 0 0 5px;
  font-size: 11px;
  color: #777777;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  line-height: 20px;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
}

.selectdiv select:focus,
.selectdiv select options:focus {
  outline: none;
}

.selectdiv:nth-of-type(2) select {
  width: 75%
}

.selectdiv:nth-of-type(3) select {
  width: 77%
}

.selectdiv:after {
  content: '\f107';
  font: normal normal normal 14px/1 FontAwesome;
  color: #333333;
  right: 0px;
  top: 0px;
  height: 34px;
  padding: 5px 0px 0px 8px;
  border-left: none;
  position: absolute;
  pointer-events: none;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
  display: none;
}

.selectdiv p span {
  text-transform: uppercase;
  font-size: 11px;
  color: #333;
  font-family: 'AvenirLTStd_book';
}

.order_nav_right {
  width: 31%;
  float: right;
  text-align: right;
}

.apply_bttn {
  background: #0fbcf4;
  border: none;
  padding: 10px 20px;
  color: #fff;
  max-width: 70px;
  text-transform: uppercase;
  font-size: 11px;
  font-family: 'AvenirLTStd_book';
  text-align: center;
  transition: all ease 1s;
  -moz-transition: all ease 1s;
  -webkit-transition: all ease 1s;
  -ms-transition: all ease 1s;
  -o-transition: all ease 1s;
}

.save_bttn {
  background: #6e757b;
  padding: 10px 20px;
  color: #fff;
  max-width: 70px;
  text-transform: uppercase;
  font-size: 11px;
  font-family: 'AvenirLTStd_book';
  text-align: center;
  transition: all ease 1s;
  -moz-transition: all ease 1s;
  -webkit-transition: all ease 1s;
  -ms-transition: all ease 1s;
  -o-transition: all ease 1s;
}

.clr_bttn {
  background: #fff;
  padding: 10px 0 10px 20px;
  color: #6d757b;
  max-width: 70px;
  text-transform: uppercase;
  font-size: 11px;
  font-family: 'AvenirLTStd_book';
  text-align: center;
  transition: all ease 1s;
  -moz-transition: all ease 1s;
  -webkit-transition: all ease 1s;
  -ms-transition: all ease 1s;
  -o-transition: all ease 1s;
}

.apply_bttn:hover {
  background: #fff;
  color: #0fbcf4;
  text-decoration: none;
  transition: all ease 1s;
  -moz-transition: all ease 1s;
  -webkit-transition: all ease 1s;
  -ms-transition: all ease 1s;
  -o-transition: all ease 1s;
}

.save_bttn:hover {
  background: #ffff;
  color: #6e757b;
  text-decoration: none;
  transition: all ease 1s;
  -moz-transition: all ease 1s;
  -webkit-transition: all ease 1s;
  -ms-transition: all ease 1s;
  -o-transition: all ease 1s;
}

.clr_bttn:hover {
  text-decoration: underline;
  transition: all ease 1s;
  -moz-transition: all ease 1s;
  -webkit-transition: all ease 1s;
  -ms-transition: all ease 1s;
  -o-transition: all ease 1s;
}

.text-content-fields_full_width {
  margin: 18px 0 0 0px;
  background: #ffff;
  padding: 0px 0 0 260px;
  border-top: 1px solid #d2d2d3;
  border-bottom: 1px solid #dfdfdf;
  box-shadow: 0 1px 1px #ececec;
  clear: both;
  float: left;
  width: 100%;
  position: relative;
  right: 0;
}

.margin_left .text-content-fields_full_width {
  margin: 18px 0 0 0px !important;
  width: 100%;
  padding: 0 0 0 80px;
}

.selesbox .status_filter {
  width: 33%;
  max-width: 350px;
  padding: 20px 0;
  border-right: 1px solid #e5e5e5;
  position: relative;
  float: left;
  background: #e0e9eb;
}

.selesbox .status_filter span {
  font-weight: 600;
}

.status_filter {
  width: 33%;
  max-width: 310px;
  padding: 30px 0;
  border-right: 1px solid #e5e5e5;
  position: relative;
  float: left;
}

.status_filter:hover,
.saved_filter:hover,
.batches_filter:hover {
  background: rgb(233, 231, 191);
  /* Old browsers */
  background: -moz-linear-gradient(left, rgba(233, 231, 191, 1) 72%, rgba(243, 241, 219, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(233, 231, 191, 1) 72%, rgba(243, 241, 219, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(233, 231, 191, 1) 72%, rgba(243, 241, 219, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e7bf', endColorstr='#f3f1db', GradientType=1);
  /* IE6-9 */
  border-right: 1px solid white;
}

.selesbox .status_filter:hover,
.selesbox .saved_filter:hover,
.selesbox .batches_filter:hover {
  background: #e0e9eb;
  border-right: 1px solid white;
}

.status_filter span {
  padding: 0px 10px 0px 50px;
  color: #333333;
  text-transform: uppercase;
  font-size: 10px;
  font-family: 'AvenirLTStd_book';
}

.statusFilter_dropdown {
  z-index: 99999;
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 170px;
  overflow: auto;
  box-shadow: -5px 4px 3px -1px rgba(0, 0, 0, 0.05);
  right: 5px;
  border: 1px solid #e4e4e4;
  text-align: left;
  margin-top: 20px;
  max-height: 143px
}

.statusFilter_dropdown a {
  color: #656565;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  font-family: 'AvenirLTStd_book';
}

.dropbtn_statusfilter span {
  background: #0fbcf4;
  color: #fff;
  padding: 3px 10px;
  border-radius: 20px;
  margin: 0 7px;
}

.dropbtn_statusfilter {
  color: #212121;
  font-size: 10px;
  font-family: 'AvenirLTStd_heavy';
  text-transform: uppercase;
  background: transparent;
  border: none;
}

.dropbtn_statusfilter:focus {
  outline: none;
}

.statusFilter_dropdown a {
  color: #656565;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  font-family: 'AvenirLTStd_book';
}

.statusFilter_dropdown a span {
  background: #0fbcf4;
  color: #fff;
  padding: 3px 10px;
  border-radius: 20px;
  margin: 0 7px;
}

.saved_filter {
  width: 33%;
  max-width: 240px;
  padding: 0px 0;
  border-right: 1px solid #e5e5e5;
  position: relative;
  float: left;
}

.selesbox .saved_filter {
  width: 20%;
  max-width: 140px;
  padding: 32px 38px;
  border-right: 1px solid #e5e5e5;
  position: relative;
  float: left;
}

.spanimg {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}

.gref_box img {
  width: 100%;
}

.saved_filter p,
.batches_filter p {
  padding: 30px;
  color: #333333;
  text-transform: uppercase;
  font-size: 10px;
  font-family: 'AvenirLTStd_book';
}

.saved_filter a,
.batches_filter a {
  margin: 0 0 0 10px;
  color: #212121;
  font-size: 10px;
  font-family: 'AvenirLTStd_heavy';
  text-transform: uppercase;
  text-decoration: none;
}

.saved_filter a i.fa-close {
  background: #a6a6a6;
  font-size: 11px;
  color: #fff;
  margin-left: 5px;
  padding: 3px 5px;
  border-radius: 100%;
}

.batches_filter a i.fa-close {
  background: #a6a6a6;
  font-size: 11px;
  color: #fff;
  margin-left: 5px;
  padding: 3px 5px;
  border-radius: 100%;
}

.batches_filter a i.fa-question {
  background: #fff;
  font-size: 11px;
  color: #a6a6a6;
  margin-left: 5px;
  padding: 1px 3px;
  border-radius: 100%;
  border: 2px solid #a6a6a6;
}

.batches_filter {
  width: 33%;
  max-width: 195px;
  padding: 0px 0;
  position: relative;
  float: left;
}

.selesbox .batches_filter {
  width: 33%;
  max-width: 150px;
  padding: 32px 28px;
  position: relative;
  float: left;
  border-right: 1px solid #e5e5e5;
}

.selesbox .batches_filter span {
  text-transform: uppercase;
}

.color_codes_order_list {
  width: 100%;
  /*padding:6px 0;*/
  margin: 0 auto;
  overflow: hidden;
}

.color_codes_order_list ul li {
  display: inline;
  float: left;
  margin-right: 30px;
  color: #777777;
  font-size: 10px;
  text-transform: uppercase;
  font-family: 'AvenirLTStd_book';
}

.color_codes_order_list li i {
  margin-left: 7px;
}

.black_circle i {
  color: #555555;
}

.grey_circle i {
  color: #c2c2c2;
}

.green_circle i {
  color: #2ed186;
}

.yellow_circle i {
  color: #fdb717;
}

.cyan_circle i {
  color: #0fbcf4;
}

.sky_circle i {
  color: #0fbcf4;
}

.blue_circle i {
  color: #0d60ae;
}

.red_circle i {
  color: #f4133d;
}

.color_codes_order_list .listing_numbers {
  float: right;
  margin-right: 0;
}

.blue_drpdwn_box {
  width: 100%;
  padding: 0px 0;
  border: 1px solid #cccccc;
  border-bottom: none;
  float: left;
  background: rgb(252, 253, 253);
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(252, 253, 253, 1) 0%, rgba(236, 243, 244, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(252, 253, 253, 1) 0%, rgba(236, 243, 244, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(252, 253, 253, 1) 0%, rgba(236, 243, 244, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfdfd', endColorstr='#ecf3f4', GradientType=0);
  /* IE6-9 */
}

.dropdown-filter {
  display: inline;
  float: left;
  padding: 16px 5px;
  border-right: 1px solid #e1e2e2;
  border-top: 2px solid rgba(0, 0, 0, 0);
}

.dropdown-filter:hover .icon-filters-dropdown,
.dropdown-filter.open .icon-filters-dropdown {
  color: #0fbcf4;
}

.dropdown-filter.open {
  border-top: 3px solid #0fbcf4;
  background: #fff
}

.dropdown-menu {
  min-width: 100%;
  padding: 5px 0;
  margin: -1px 0 0;
  font-size: 14px;
  border-radius: 0px;
}

.blue_drpdwn_box .dropdown-filter:last-child {
  border-right: none;
  margin-right: 5px;
}

.dropdown-filter a,
.dropdown-filter button,
.dropdown-filter input[type=submit] {
  text-decoration: none;
  color: #333333;
  text-transform: uppercase;
  font-size: 11px;
  font-family: 'AvenirLTStd_book';
}

.lstin_drpdwn .dropdown-menu li {
  text-align: center;
}

.dropdown-filter a:hover,
.dropdown-filter a:filter {
  text-decoration: none;
}

.blue_drpdwn_box .dropdown-menu>li>a {
  white-space: normal;
}

.blue_drpdwn_box_noBorder {
  border: none;
}

.disabled-list {
  pointer-events: none;
  /*This makes it not clickable*/
}

.disabled-list a {
  color: #bababa;
}

.dropdown-filter:hover .disabled-list .icon-filters-dropdown,
.dropdown-filter.open .disabled-list .icon-filters-dropdown {
  color: #bababa;
}

.all_chck_box {
  width: 60px;
  padding: 27px 0px 11px;
  background: #0fbcf4;
  float: left;
  text-align: center;
}

/* The container */
.cntainer {
  display: inline;
  position: relative;
  padding-left: 0px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

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

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  width: 17px;
  background-color: #fff;
  border: 1px solid #bdbdbd;
}

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

/* When the checkbox is checked, add a blue background */
.cntainer input:checked~.checkmark {
  background-color: #0fbcf4;
  border: 1px solid transparent;
}

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

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

/* Style the checkmark/indicator */
.cntainer .checkmark:after {
  left: 6px;
  top: -1px;
  width: 6px;
  height: 13px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.all_chck {
  margin-left: -20px;
}

/*#table_order{ overflow-y: hidden;position: relative;padding: 0px 0px 0px 0;background: transparent;margin:0px;width: 100%;max-width: 1060px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;top:0px;}*/
.scroll_table {
  width: 100%;
  /*max-width:1060px;*/
  overflow: scroll;
}

.scroll_chrome {
  overflow: auto;
}

.scroll_table {
  border: 1px solid #cccccc;
  border-top: none;
  max-height: 600px;
}

#order_table table thead th {
  position: sticky;
  top: 0;
  background: #1c2536;
  z-index: 1;
}

.order_list_table {
  margin-bottom: 5px;
}

.order_list_table>thead>tr>th {
  padding: 0 40px 0 0;
  text-align: left;
  vertical-align: middle;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  font-family: 'AvenirLTStd_book';
  min-width: 60px;
}

.order_list_table>thead {
  background: #1c2536
}

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

.order_list_table.table-striped>tbody>tr:nth-of-type(even) {
  background-color: #f3f3ef;
}

.order_list_table>tbody>tr>td {
  padding: 25px 20px 25px 0;
  font-size: 11px;
  vertical-align: middle;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  font-weight: 400;
}

.order_list_table>tbody>tr:hover {
  box-shadow: 0 0px 8px #bfbfbc;
  border-left: 3px solid #0fbcf4;
  /*transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1);*/
}

.order_list_table>tbody>tr>td>p {
  color: #434343;
}

.order_list_table>tbody>tr>td>p>i {
  text-align: center;
  padding-left: 20%;
  font-size: 10px;
  color: #555555;
}

.order_list_table>tbody>tr>td>p>span>i {
  text-align: center;
  padding-left: 20%;
  font-size: 10px;
}

.order_list_table>tbody>tr>td>p>i.fa-gift {
  font-size: 14px;
}

.order_list_table>tbody>tr>td>p>.blue_gift i.fa-gift {
  font-size: 14px;
  color: #0fbcf4;
}

.order_list_table>tbody>tr>td>p>.blue_envelope i.fa-envelope {
  color: #0fbcf4;
}

.order_list_table>thead:first-child>tr:first-child>th {
  border: none;
}

.order_list_table>tbody>tr>td>a {
  color: #1195bf;
  text-decoration: none;
}

@supports (-moz-appearance:none) {
  .order_list_table>tbody>tr:hover {
    transform: scale(0.9975, 0.9975);
    -moz-transform: scale(0.9975, 0.9975);
  }
}

/* --------------------------------------  order details page  --------------------------------------------------*/

.order-details_one {
  width: 100%;
  padding: 35px 0;
  border: 1px solid #ccc;
  overflow: hidden;
  border-bottom: none;
}

.order-details_one_left {
  width: 50%;
  float: left;
}

.order-details_one_left li,
.order-details_one_right li {
  float: left;
}

.order-details_one_left li img {
  padding: 0 30px;
}

.order-details_one_left li.dw_amazon {
  color: #1195bf;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  font-weight: 400;
  max-width: 65px;
  padding: 7px 20px 7px 0;
  margin-right: 20px;
}

.order-details_one_left li.dw_amazon a {
  color: #1195bf;
  text-decoration: none;
}

.order_label {
  max-width: 78px;
  text-transform: uppercase;
  width: 78px;
  float: left;
  font-size: 11px;
  margin-top: 3px;
  font-family: 'Open Sans', sans-serif;
}

.order_blue_clr {
  float: right;
  font-size: 11px;
  margin-top: 3px;
  font-family: 'Open Sans', sans-serif;
  left: 5px;
  position: relative;
  color: #1295bf;
  font-weight: 700;
}

.order_name_label {
  float: right;
  font-size: 11px;
  margin-top: 3px;
  font-family: 'Open Sans', sans-serif;
  margin-left: 7px;
}

.order-details_one_right {
  width: 50%;
  float: right;
  padding: 10px 0;
  max-width: 380px;
}

.order-details_one_right li:first-child {
  margin-right: 30px;
}

.order-details_one_right li:last-child {
  float: right;
  margin-right: 40px;
}

.order-details_one_right li i {
  margin-right: 10px;
  color: #0fbbf3;
  font-size: 12px;
}

.order-details_one_right li:last-child i {
  font-size: 10px;
}

.order-details_one_right li a {
  color: #656565;
  text-decoration: underline;
}

.order-details_one_right li {
  color: #656565;
  font-family: 'AvenirLTStd_book';
  font-size: 10px;
  text-transform: uppercase;
}

.transit_time_details {
  display: none;
}

.order-details_one_left-new {
  float: left;
}

.order-details_one_left-new li,
.order-details_one_right li {
  float: left;
}

.order-details_one_left-new li img {
  padding: 0 30px;
}

.order-details_one_left-new li.dw_amazon {
  color: #1195bf;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  font-weight: 400;
  max-width: 65px;
  padding: 7px 20px 7px 0;
  margin-right: 20px;
}

.order-details_one_left-new li.dw_amazon a {
  color: #1195bf;
  text-decoration: none;
}

.order-details_one_right-new {
  float: right;
  padding: 10px 0;
  max-width: 380px;
}

.order-details_one_right-new li:first-child {
  margin-right: 30px;
}

.order-details_one_right-new li:last-child {
  float: right;
  margin-right: 40px;
}

.order-details_one_right-new li i {
  margin-right: 10px;
  color: #0fbbf3;
  font-size: 12px;
}

.order-details_one_right-new li:last-child i {
  font-size: 10px;
}

.order-details_one_right-new li a {
  color: #656565;
  text-decoration: underline;
}

.order-details_one_right-new li {
  color: #656565;
  font-family: 'AvenirLTStd_book';
  font-size: 10px;
  text-transform: uppercase;
}

/*div.order-details_one_left-new:nth-child(2) > ul:nth-child(1) > li:nth-child(1) > div:nth-child(1) {display: flex;margin-bottom: 5px;}
div.order-details_one_left-new:nth-child(2) > ul:nth-child(1) > li:nth-child(1) > div:nth-child(2) {display: flex;margin-bottom: 5px;}
div.order-details_one_left-new:nth-child(2) > ul:nth-child(1) > li:nth-child(1) > div:nth-child(3) {display: flex;margin-bottom: 5px;}
div.order-details_one_left-new:nth-child(2) {transform: translateY(50px);}*/
div.order-details_one_left-new:nth-child(5)>ul:nth-child(1)>li:nth-child(1)>div:nth-child(1) {
  display: flex;
  margin-bottom: 5px;
}

div.order-details_one_left-new:nth-child(5)>ul:nth-child(1)>li:nth-child(1)>div:nth-child(2) {
  display: flex;
  margin-bottom: 5px;
}

div.order-details_one_left-new:nth-child(5)>ul:nth-child(1)>li:nth-child(1)>div:nth-child(3) {
  display: flex;
  margin-bottom: 5px;
}

div.order-details_one_left-new:nth-child(5) {
  transform: translateY(30px);
}

.up-left h3 {
  font-size: 14px !important;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 5px !important;
}

.up-right {
  padding: 0;
}

.up-right p {
  font-size: 10px !important;
  font-weight: 700;
  color: #656565;
  text-transform: uppercase;
}

.up-right p a {
  color: #656565;
}

.up-right ul li:nth-child(2) {
  float: right;
  margin-right: 40px;
  color: #656565;
  font-family: 'AvenirLTStd_book';
  font-size: 10px;
  text-transform: uppercase;
}

.up-right ul li:nth-child(2)>i {
  margin-right: 10px;
  color: #0fbbf3;
}

.order-transit_details_two {
  width: 100%;
  padding: 35px 0 20px;
  border: 1px solid #ccc;
  overflow: hidden;
  border-bottom: none;
}

.transit_date_details {
  /*display: block;*/
  display: flex;
  justify-content: center;
  width: 100%;
  float: left;
}

.transit_date_box {
  width: 16.6%;
  float: left;
  max-width: 196px;
  text-align: center;
}

.transit_date_box p {
  font-size: 10px;
  font-family: 'AvenirLTStd_book';
}

.transit_date_box p span {
  display: block;
  font-family: 'AvenirLTStd_heavy';
  text-transform: uppercase;
}

.transit_date_box .fa-check-circle {
  font-size: 30px;
  color: #2dd185;
  margin-top: 10px;
}

.transit_date_box .fa-minus-circle {
  font-size: 30px;
  color: #cccccc;
  margin-top: 10px;
}

.transit_time_taken_details {
  display: block;
  width: 100%;
  float: left;
  text-align: right;
  max-width: 975px;
  margin-top: 20px;
}

.transit_time_taken_details p {
  padding-right: 40px;
  font-family: 'AvenirLTStd_book';
  font-size: 10px;
  text-transform: uppercase;
  color: #555555;
}

.transit_time_taken_details p span {
  color: #212121;
}

.order-alert_details_three {
  width: 100%;
  padding: 35px 0;
  border: 1px solid #ccc;
  overflow: hidden;
}

.order-alert_details_three p {
  display: inline;
  padding-left: 40px;
  color: #333333;
  font-size: 10px;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
}

.order-alert_details_three form {
  display: inline;
}

.order-alert_details_three input[type="text"] {
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 5px 0 5px 5px;
  color: #777777;
  font-size: 10px;
  font-family: 'AvenirLTStd_book';
  min-width: 150px;
  margin-right: 40px;
}

.order-alert_details_three input[type="text"]:focus {
  outline: none;
}

.order-alert_details_three button[type="submit"] {
  background: #0fbbf3;
  padding: 8px 25px;
  color: #fff;
  font-family: 'AvenirLTStd_book';
  font-size: 10px;
  text-transform: uppercase;
  border: none;
}

.order-alert_details_three button[type="submit"]:focus {
  outline: none;
}

.order-alert_details_three p i {
  color: #0fbbf3;
  margin-right: 10px;
  font-size: 12px;
}

.order-buyer_message_four {
  width: 100%;
  padding: 45px 0;
  overflow: hidden;
  background: #1b2535;
}

.order-buyer_message_four p {
  color: #e5e5e5;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  padding: 0 40px;
}

.order-buyer_message_four p span {
  color: #fff;
  font-size: 11px;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
}

.order-buyer_message_four p i {
  color: #0fbbf3;
  margin-right: 7px;
}

.order-buyer_infos_five {
  width: auto;
  padding: 40px 0px;
  overflow: hidden;
  border: 1px solid #ccc;
  border-bottom: none;
  border-top: none;
}

.order-buyer_infos_five_left {
  width: 50%;
  float: left;
  max-width: 550px;
  margin-top: 20px;
}

.order-buyer_infos_five_right {
  width: 50%;
  float: left;
  max-width: 550px;
  margin-top: 20px;
}

.order-buyer_infos_five_left_container,
.order-buyer_infos_five_right_container {
  width: auto;
  padding: 0 40px;
  margin: 0 auto;
}

.order-buyer_infos_five_left_container h5,
.order-buyer_infos_five_right_container h5 {
  color: #1b2535;
  font-size: 17px;
  font-family: 'AvenirLTStd_heavy';
  text-transform: uppercase;
  padding: 0 0 15px;
  border-bottom: 1px solid #dadad7;
}

.top_details_order,
.bottom_details_order {
  margin-bottom: 20px;
  overflow: hidden;
  display: block;
}

.top_details_order_center {
  margin-top: 20px;
}

.top_details_order_center p {
  text-align: center;
}

.top_details_order p,
.bottom_details_order p {
  position: relative;
  padding-bottom: 20px;
  float: left;
  width: 100%;
}

.top_details_order span,
.bottom_details_order span {
  width: 130px;
  display: inline;
  font-size: 11px;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  position: relative;
  float: left;
  padding: 10px 0 0;
}

.top_details_order span:after,
.bottom_details_order span:after {
  content: ':';
  position: absolute;
  right: 0;
  position: absolute;
  margin-left: 20px;
  margin-right: 10px;
}

.top_details_order p input[type="text"],
.bottom_details_order p input[type="text"],
.bottom_details_order p input[type="number"] {
  width: auto;
  min-width: 300px;
  border: none;
  border-bottom: 1px solid #b2b2b2;
  font-size: 12px;
  color: #555555;
  font-family: 'AvenirLTStd_book';
  padding: 10px 0;
}

.top_details_order p:last-child input[type="text"],
.top_details_order p.small_text_field input[type="text"],
.top_details_order p.small_text_field input[type="number"],
.bottom_details_order p.small_text_field input[type="text"],
.bottom_details_order p.small_text_field input[type="number"] {
  min-width: 200px;
}

@supports (-moz-appearance:none) {

  .top_details_order p input[type="text"],
  .bottom_details_order p input[type="text"],
  .bottom_details_order p input[type="number"] {
    width: auto;
    min-width: 293px;
  }
}

.xml_transformation {
  display: none;
}

.a_s_status span {
  width: 20px;
}

.shippingselectdiv_country,
.xml_transformation {
  position: relative;
  float: left;
  min-width: 210px;
  margin: 0px 15px 0 0;
  min-height: 80px;
}

.shippingselectdiv_country select,
.xml_transformation select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 200px;
  height: 34px;
  float: right;
  margin: 0px 0px 0 0px;
  padding: 5px 25px 0 5px;
  font-size: 11px;
  color: #777777;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  line-height: 20px;
  color: #333;
  background-color: transparent;
  background-image: none;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #aaaaa7;
  -ms-word-break: normal;
  word-break: normal;
  position: relative;
  top: 20px;
}

.shippingselectdiv_country_left {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 300px;
  height: 34px;
  margin: 0px 0px 0 0px;
  padding: 5px 0 0 5px;
  font-size: 11px;
  color: #777777;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  line-height: 20px;
  color: #333;
  background-color: transparent;
  background-image: none;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #aaaaa7;
  -ms-word-break: normal;
  word-break: normal;
  position: relative;
}

.shippingselectdiv_country select:focus,
.xml_transformation select:focus,
.bottom_details_order p input[type="number"]:focus {
  outline: none;
}

.shippingselectdiv_country:after,
.xml_transformation:after {
  content: '\f107';
  font: normal normal normal 14px/1 FontAwesome;
  color: #333333;
  right: 0px;
  top: 20px;
  height: 34px;
  padding: 5px 0px 0px 8px;
  border-left: none;
  position: absolute;
  pointer-events: none;
}

.shippingselectdiv_country span:after,
.xml_transformation span:after {
  content: ':';
  margin-left: 40px;
}

.shippingselectdiv_country span,
.xml_transformation span {
  color: #333333;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 11px;
  position: relative;
  top: 20px;
}

.bottom_details_order .small_text_field:last-child {
  padding-bottom: 10px;
}

.top_details_order h6,
.bottom_details_order h6 {
  color: #0fbbf3;
  font-family: 'AvenirLTStd_heavy';
  text-transform: uppercase;
  font-size: 10px;
  margin: 20px 0;
}

.top_details_order h6 a,
.bottom_details_order h6 a {
  color: #1b2535;
  font-family: 'AvenirLTStd_heavy';
  text-transform: uppercase;
  font-size: 10px;
  margin: 20px 0;
  text-decoration: underline;
}

.top_details_order h6 a i,
.bottom_details_order h6 a i {
  color: #0fbbf3;
  font-size: 12px;
  margin-right: 15px;
}

.buyer_infos_submit_bttn {
  width: auto;
  text-align: right;
  margin: 20px 0 0px auto;
  display: block;
  padding: 0 40px;
  overflow: hidden;
}

.buyer_infos_submit_bttn button,
.buyer_infos_submit_bttn input[type="submit"] {
  padding: 7px 30px;
  background: #0fbbf3;
  border: none;
  color: #fff;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 10px;
}

.edit_btn {
  position: absolute;
  top: 22px;
  right: -30px;
}

.order-shipping_info_six {
  width: auto;
  padding: 40px 40px;
  overflow: hidden;
  border: 1px solid #ccc;
  background: #f3f3ef;
}

.order-shipping_info_six h5 {
  color: #1b2535;
  font-size: 17px;
  font-family: 'AvenirLTStd_heavy';
  text-transform: uppercase;
  padding: 0 0 15px;
  border-bottom: 1px solid #dadad7;
}

.order-shipping_info_left {
  width: 50%;
  float: left;
  max-width: 455px;
}

.order-shipping_info_left p {}

.order-shipping_info_left p span {
  max-width: 155px;
  width: 145px;
  display: inline-block;
  padding-top: 30px;
  position: relative;
  color: #333333;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 10px;
  padding-right: 50px;
  margin-bottom: 5px;
}

.order-shipping_info_left input[type="text"] {
  /*top: -10px;*/
  position: relative;
  /*margin-left: 10px;*/
  background: #e5e5e0;
  border: none;
  padding: 9px;
  max-width: 330px;
  width: 100%;
  font-family: 'AvenirLTStd_book';
  color: #555555;
}

.order-shipping_info_left p span:after {
  content: ':';
  position: absolute;
  top: 31px;
  right: 0;
}

.order-shipping_info_right {
  width: 50%;
  float: right;
}

.shippingselectdiv {
  position: relative;
  float: left;
  min-width: 210px;
  margin: 0px 15px 0 0;
  min-height: 80px;
}

.shippingselectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 200px;
  height: 34px;
  float: right;
  margin: 0px 0px 0 15px;
  padding: 5px 0 0 5px;
  font-size: 11px;
  color: #777777;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  line-height: 20px;
  color: #333;
  background-color: transparent;
  background-image: none;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #aaaaa7;
  -ms-word-break: normal;
  word-break: normal;
  position: relative;
  top: 20px;
}

.shippingselectdiv select:focus {
  outline: none;
}

.shippingselectdiv:after {
  content: '\f107';
  font: normal normal normal 14px/1 FontAwesome;
  color: #333333;
  right: 0px;
  top: 20px;
  height: 34px;
  padding: 5px 0px 0px 8px;
  border-left: none;
  position: absolute;
  pointer-events: none;
}

.shippingselectdiv span:after {
  content: ':';
  margin-left: 50px;
}

.shippingselectdiv span {
  color: #333333;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 10px;
  position: relative;
  top: 25px;
}

.track_no {
  float: left;
  display: block;
  width: 100%;
}

.track_no p span {
  max-width: 100px;
  width: 100px;
  display: inline-block;
  padding-top: 30px;
  position: relative;
  color: #333333;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 10px;
  padding-right: 50px;
}

.track_no p span:after {
  content: ':';
  position: absolute;
  top: 30px;
  right: 6px;
}

.track_no input[type="text"] {
  border-bottom: 1px solid #aaaaa7 !important;
  background: transparent;
  border: none;
  width: 200px;
  padding: 7px 10px;
  color: #333333;
  font-family: 'AvenirLTStd_book';
  font-size: 10px;
}

.shipping_submit_bttn {
  width: 100%;
  float: right;
  text-align: right;
  margin: 20px 0 10px;
}

.shipping_submit_bttn button {
  padding: 10px 30px;
  background: #0fbbf3;
  border: none;
  color: #fff;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 10px;
}

.order-payment_product_info_seven {
  width: auto;
  padding: 40px 40px;
  border: 1px solid #ccc;
  overflow: hidden;
  border-top: none;
}

.order-payment_product_info_seven h5 {
  color: #1b2535;
  font-size: 17px;
  font-family: 'AvenirLTStd_heavy';
  text-transform: uppercase;
  padding: 0 0 15px;
  border-bottom: 1px solid #dadad7;
}

.order_payment_table {
  border: 1px solid #cbcbcb;
  margin: 20px 0;
}

.payment_table.table {
  margin-bottom: 0;
}

.payment_table.table>thead {
  background: #1b2436;
}

.payment_table.table>thead>tr>th:first-child,
.payment_table.table>tbody>tr>td:first-child {
  padding-left: 30px;
  padding-right: 30px;
}

.payment_table.table>thead>tr>th {
  /* padding: 30px 30px 30px 0; */
  vertical-align: middle;
  color: #fff;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 10px;
  border: none;
}

.payment_table.table>tbody>tr>td {
  /*padding: 30px 30px 30px 0; */
  line-height: 1.42857143;
  vertical-align: middle;
  border-top: none;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 11px;
}

.payment_table.table-striped>tbody>tr:nth-of-type(even) {
  background-color: #f9f9f9;
}

.payment_table.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #fff;
  border: none !important;
}

.payment_table.table>tbody>tr>td>a {
  color: #1295bf;
  font-weight: 700;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-size: 11px;
  text-decoration: none;
}

.order_payment_details {
  width: 100%;
  margin: 20px 0;
}

.order_payment_details_left {
  width: 50%;
  float: left;
}

.order_payment_details_right {
  width: 50%;
  float: right;
  text-align: right;
}

.order_payment_details_right_container {
  width: auto;
  padding-right: 55px;
}

.order_payment_details_left p,
.order_payment_details_right p {
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-size: 11px;
  color: #434343;
  padding-top: 5px;
}

.order_payment_details_left p span,
.order_payment_details_right p span {
  color: #111111;
  margin-right: 10px
}

.order-payment_notes_eight {
  width: auto;
  padding: 40px 40px;
  overflow: hidden;
  border: 1px solid #ccc;
  background: #f3f3ef;
  border-top: none;
}

.order-payment_notes_eight h5 {
  color: #1b2535;
  font-size: 17px;
  font-family: 'AvenirLTStd_heavy';
  text-transform: uppercase;
  padding: 0 0 15px;
  display: flex;
}

.order-payment_notes_eight form {
  width: 100%;
  display: block;
}

.order-payment_notes_eight form textarea,
.order-payment_notes_eight textarea {
  border: 1px solid #ccc;
  padding: 20px;
  background: #fff;
  font-family: 'AvenirLTStd_book';
  font-size: 11px;
  color: #555;
  width: 100%;
  margin: 0 0 20px;
}

.order-payment_notes_eight form button[type="submit"] {
  display: block;
  margin: 0 0 0 auto;
  padding: 7px 25px;
  background: #0fbbf3;
  border: none;
  color: #fff;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 10px;
}


.pay_check_bttn {
  width: 100%;
  display: block;
  padding: 30px 0 10px;
  overflow: hidden;
}

.pay_check_bttn .checkmark_list {
  top: 0px;
  left: 0px;
}

.pay_check_bttn .cntainer {
  display: inline;
  position: relative;
  padding-left: 0px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pay_check_bttn .check_pay_text {
  margin-left: 28px;
  color: #333333;
  font-family: 'AvenirLTStd_book';
  font-size: 11px;
  text-transform: uppercase;
}

.pick-transfer {
  overflow: visible;
}

.reprint_label {
  text-align: right !important;
  width: 100%;
  float: right;
}

.multi_order_status {
  position: absolute;
  top: 10px;
  left: -22px;
  width: 110px;
  max-width: 110px;
  transform: rotate(325deg);
  color: #fff;
  padding: 5px 5px;
  border-radius: 5px;
  text-align: center;
}

#exTab1 .tab-content {
  padding: 0;
}

#exTab1 .nav-pills>li>a {
  border-radius: 0;
  color: #2f3644;
  font-size: 10px;
  text-transform: uppercase;
  font-family: 'AvenirLTStd_book';
}

#exTab1 .nav-pills>li+li {
  margin-left: 2px;
  background: #e1e1e1;
}

#exTab1 .nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
  color: #fff;
  background-color: #1c2536;
}

.filter_list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

.margin_top {
  margin: 0;
  border-top: none;
  margin-bottom: 10px;
}

.filter_list ul li {
  text-align: center;
  border-right: 1px solid #d2d2d3;
  display: inline-block;
  vertical-align: middle;
  padding: 30px;
  font-size: 10px;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  color: #333333;
}

.filter_list ul li i {
  color: #6e757b;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  font-size: 14px;
}

.filter_list ul li i.fa-caret-square-o-down,
.filter_list ul li i.fa-caret-square-o-up {
  color: #0fbcf4;
}

.filter_list ul li:first-child {
  padding-left: 0;
  text-align: left;
}

.filter_list ul li:last-child {
  border: none;
}

.text-content-fields_full_width .text-content-fields {
  margin: 0 0 0 9px;
  padding: 0;
  position: relative;
  overflow: visible;

}

.searchbox {
  float: right;
  font-size: 16px;
  padding: 26px 0;
  visibility: hidden;
}

.searchbox a {
  color: #7d7d7d;
}

#searchbar {
  /* display: none; */
  float: left;
  /*width: 100%;*/
  width: 100%;
  height: 52px;
  border-top: 1px solid #d8d8d8;
  padding-left: 25px;
  padding-right: 10px;
  z-index: 997;
  background: #fff;
  -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 12px;
  border-right: 1px solid #dcdcdc;

}

#s {
  display: block;
  width: 88%;
  border: 0;
  outline: none;
  padding: 0;
  height: 50px;
  line-height: 50px;
  font-size: 14px;

  color: #676767;
}

#searchsubmit {
  display: block;
  float: right;
  margin-top: 20px;
  background: none;
  color: #717171;
  border: 0;
  outline: none;
  cursor: pointer;
}

ul.tableflex {
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-flow: row wrap;
}

ul.tableflex li {
  margin: 0;
  padding: 0;
  list-style: none;
  flex-grow: 1;
}

ul.tableflex li p {
  padding: 10px 0;
  margin-left: 10px;
}

ul.tableflex li:last-child {
  width: 64%;
}

ul.tableflex li img {
  max-width: 100%;
}

ul.tableflex li span.green_circle i {
  color: #0fc45b !important;
  font-size: 14px;
}

ul.tableflex li span.grey_circle i {

  font-size: 14px;
}

ul.tableflex li i.fa-pencil-square {
  font-size: 14px;
  color: #6e757b;
}

.modal-dialog {
  width: 527px;
  margin: 90px auto 0 auto;
}

.modal-content {
  border-radius: 0;
  padding: 24px;
}

.modal-title {
  font-size: 16px;
  font-family: 'AvenirLTStd_book';
  color: #434343;
  font-weight: 600;
}

.modal-header {
  padding: 6px;
  border-bottom: 1px solid #1c2536;
}

.modal_bodyhead {
  display: block;
  padding: 10px 0 30px 0;
}

.modal_bodyhead_left {
  display: inline-block;
  vertical-align: middle;
  width: 80%;
}

.modal_bodyhead_left img {
  max-width: 50px;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}

.modal_bodyhead_left span {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  text-transform: uppercase;
  padding: 0 10px;
  color: #434343;
}

.modal_bodyhead_left span a {
  color: #1195bf;
  display: block;
  text-transform: capitalize;
}

.modal_bodyhead_right {
  display: inline-block;
  vertical-align: middle;
  width: 18%;
}

.modal #exTab1 .nav-pills>li>a {
  padding: 6px 28px;
}

.modal #exTab1 .nav {

  margin-right: 30px;
}

.modal .order_list_table>thead:first-child>tr:first-child>th {
  border: none;
  padding: 10px 10px;
  text-align: center;
}

.modal .order_list_table>tbody>tr>td {
  padding: 10px 10px;

  text-align: center;
}

.modal .selectdiv {
  min-width: 160px;
  margin: 0;
}

.modal .modal-footer {
  padding: 15px 0 0 0;
  text-align: left;
  border-top: 0;
}

.btnadd {
  width: 70px;
  height: 30px;
  background: #0fbcf4;
  border-radius: 0;
  color: #FFF;
  text-align: center;
  border: none;
  line-height: 30px;
  text-transform: uppercase;
  font-size: 10px;
  padding: 0;
}

.btnadd:hover {
  background: #1c2536;
}

.btnadd1 {
  width: 70px;
  height: 30px;
  background: #6e757b;
  border-radius: 0;
  color: #FFF;
  text-align: center;
  border: none;
  line-height: 30px;
  text-transform: uppercase;
  font-size: 10px;
  padding: 0;
}

.btnadd1:hover {
  background: #1c2536;
}

.productpage tbody tr td:nth-of-type(2) {
  width: 250px !important;
}

.tablebox_product .order_list_table>thead>tr>th {
  padding: 0 20px 0 0;
  text-align: left;
  vertical-align: middle;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  font-family: 'AvenirLTStd_book';
  min-width: auto;
}

#exTab1 .nav {
  list-style: none;
  float: right;
  margin-right: 100px;
}

#exTab1 .nav-pills>li>a {

  padding: 12px 20px;
}

.product_paginetionleft {
  width: 70%;
  display: inline-block;
  vertical-align: middle;
}

.product_paginetionleft .selectdiv {
  float: none;
  display: inline-block;
  min-width: 80px;
  vertical-align: middle;
  margin-right: 5px;
  text-transform: uppercase;
  font-size: 10px;

}

.product_paginetionleft .selectdiv span {
  display: inline-block;
  vertical-align: middle;
  float: none;
  padding-top: 3px;
}

.product_paginetionleft .selectdiv::after {

  padding: 5px 10px 0px 8px;

}

.product_paginetionleft .selectdiv select {

  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  width: 56%;
}

.product_paginetionleft p {
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 10px;
  color: #555555;
}

.product_paginetionright {
  width: 28%;
  display: inline-block;
  vertical-align: middle;
}

.product_paginetionright ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
}

.product_paginetionright ul li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
  text-transform: uppercase;
  font-size: 10px;
  color: #555555;
}

.product_paginetionright ul li a {
  color: #777777;
}

.product_paginetionright ul li a:hover {
  color: #0fbbf3;
  text-decoration: none;
}

.product_paginetionright ul li.active a {
  color: #0fbbf3;
}

.radiobox {
  border: 1px solid #bdc8ca;
  background: #FFF;
  display: inline-block;
  vertical-align: middle;

}

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

.radiobox ul li {
  margin: 0;
  padding: 15px 15px;
  float: left;
}

.radiobox ul li.active {
  background: #0fbcf4;
}

.radiobox ul li.active [type="radio"]+label {
  color: #FFF;
}

.radiobox ul li.active [type="radio"]:checked+label::before {
  border: 1px solid #FFF;
}

.radiobox ul li:first-child {
  padding: 15px 15px;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
  position: relative;
  padding-left: 27px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #333333;
  text-transform: uppercase;
  font-size: 10px;
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #b7b7b7;
  border-radius: 100%;
  background: #fff;
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
  content: '';
  width: 10px;
  height: 10px;
  background: #0fbcf4;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

[type="radio"]:not(:checked)+label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

[type="radio"]:checked+label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);

}

.headearea {
  background: #1c2536;
  height: 30px;
  text-align: left;
  line-height: 30px;
  padding: 0 24px;
}

.aside {
  width: 30%;
}

.aside .dropdown-toggle {
  text-transform: uppercase;
  color: #FFF;
  font-size: 10px;
}

.bgcolor {
  background: #1c2536 !important;
}

.tabcontantbox {
  width: 100%;
  padding: 20px 15px 20px 24px;
}

.tabname {
  width: 17%;
  height: auto;
  margin-right: 10px;
  float: left;

}

.tabname span {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #1c2536;
  text-align: center;
  line-height: 40px;
  font-size: 30px;
  font-family: 'AvenirLTStd_book';
  font-weight: 900;
  color: #FFF;
  display: block;
  text-transform: uppercase;
}

.tabcotant {
  width: 78%;
  float: left;
}

.tabcotant p {
  font-size: 13px;
  color: #656565;
  display: block;
  font-family: 'AvenirLTStd_book';
  font-weight: 300;
}

.tabcotant p strong {
  text-transform: uppercase;
  font-size: 12px;
}

.boxone {
  display: block;
  width: 100%;
  margin: 10px 0 0 0;
}

.detedbox {
  float: left;
  font-size: 10px;
  color: #656565;
  font-weight: 600;
}

.newbox {
  float: right;
  font-size: 10px;
  text-transform: uppercase;
  color: #656565;
}

.newbox span.blue {
  color: #0d5fad;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

.newbox span.green_circle {
  color: #2ed186;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

.tabheade {
  width: 100%;
  border-bottom: 1px solid #cccccc;
  padding: 30px;
}

.tabheade_left {
  width: 50%;
  float: left;
}

.tabheade_left .imgbox {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}

.tabheade_left .imgbox img {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}

.tabheade_left .imgbox span {
  color: #1195bf;
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
}

.tabheade_left_contant {
  width: 100%;
  display: block;
}

.tabheade_left_contant p {
  font-size: 11px;
  color: #434343;
  margin-bottom: 5px;
}

.tabheade_left_contant p a {
  color: #1295bf;
  font-weight: 800;

}

.tabheade_right {
  width: 50%;
  float: left;
}

.tabheade_right .selectdiv {
  float: right;
  margin-bottom: 30px;
  min-width: 246px;
}

.tabheade_right .selectdiv span {
  text-transform: uppercase;
  font-size: 10px;
}

.tabheade_right .selectdiv select {
  font-size: 10px;
  width: 75%;
}

.tab_body {
  width: 100%;
  height: 350px;
  display: block;
  overflow-x: hidden;
  overflow-y: scroll;

}

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

.tab_body ul li {
  display: block;
  background: #f5f5f5;
}

.tab_body ul li:nth-of-type(2) {
  background: #FFF;
}

.tab_body ul li:last-child .massages_box {
  border-bottom: none;
}

.massages_box {
  padding: 30px;
  border-bottom: 1px solid #cccccc;

}

.massages_box_head {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 15px;
}

.massages_box_head_left {
  width: 50%;
  float: left;

}

.massages_box_head_left h4 {
  font-size: 13px;
  text-transform: uppercase;
  font-family: 'AvenirLTStd_heavy';
  color: #212121;
  display: block;
  margin-bottom: 10px;
}

.massages_box_head_left p {
  font-size: 11px;
  font-family: 'AvenirLTStd_book';
  color: #656565;
  display: block;
  font-weight: 300;
}

.massages_box_head_right {
  width: 50%;
  float: left;
}

.massages_box_head_right .detedbox {
  font-family: 'AvenirLTStd_heavy';
  color: #656565;
  width: 100%;
  display: block;
  text-align: right;
  font-size: 10px;
}

.massages_box_head_right p {
  width: 100%;
  display: block;
  text-align: right;
  font-size: 10px;
  margin-top: 20px;
  text-transform: uppercase;
  font-family: 'AvenirLTStd_heavy';
}

.massages_box_head_right p a {
  color: #333333;
}

.massages_box_head_right p a i {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  margin-right: 5px;
  color: #0fbcf4;
}

.massages_box_contant {
  padding: 20px 0 0 0;
  color: #333333;
  font-size: 11px;
}

.tad_footer {
  width: 100%;
  display: block;
}

.tad_footer .textbox {
  width: 100%;
  height: 82px;
  border: none;
  padding: 10px 24px;
  border-top: 1px solid #cccccc;
}

.sandbox,
.resolveddbox {
  background: #6e757b;
  text-align: center;
  width: 50%;
  float: left;
  text-transform: uppercase;
  color: #FFF;
  border: none;
  height: 40px;
  line-height: 40px;
  font-size: 10px;
}

.resolveddbox {
  background: #0fbcf4;
}

.btnbox {
  display: block;
  margin-top: 5px;
  float: right;
}

.btnbox .btn-default {
  width: 80px;
  height: 30px;
  border: 1px solid #cccccc;
  background: none;
  border-radius: 0;
  float: left;
  text-align: center;
  text-transform: uppercase;
  color: #555555;
  font-size: 10px;
}

.btncolor {
  background: #f5f9fa !important;
}

.notify_msg {
  text-align: center;
}

#loader_message {
  text-align: center;
}

/********** scroll top *********/
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(15, 188, 244, 1) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
}

.cd-top.cd-top--show,
.cd-top.cd-top--fade-out,
.cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
}

.cd-top.cd-top--show {
  visibility: visible;
  opacity: 1;
}

.cd-top.cd-top--fade-out {
  opacity: .5;
}

.cd-top:hover {
  background-color: #12bdf5;
  opacity: 1;
}

.order_search {
  text-align: center;
  padding: 10px 0;
}

.text-primary {
  color: #337ab7 !important;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}

/*3107*/

.acDtailsTop p input[type="email"],
.acDtailsTop p input[type="datetime-local"],
.acDtailsTop p input[type="password"],
.top_details_order p input[type="text"],
.top_details_order p input[type="number"],
.top_details_order p input[type="date"] {
  width: auto;
  min-width: 300px;
  border: none;
  border-bottom: 1px solid #b2b2b2;
  font-size: 12px;
  color: #555555;
  font-family: 'AvenirLTStd_book';
  padding: 10px 0;
}

.ac-details-border {
  width: 100%;
  padding: 1px 0;
  overflow: hidden;
  background: #1b2535;
}

.acDtlsSaveBox {
  width: 100%;
}

.acDtailsTopRight h6 a {
  margin: 0px 0;
  text-decoration: underline;
}

.top_details_order span.switch-left::after,
.top_details_order span.switch-right::after {
  content: '';
  position: absolute;
  right: 0;
  position: absolute;
  margin-left: 20px;
  margin-right: 10px;
}

.switcher_txt {
  width: auto !important;
}

.make-switch {
  float: left;
  z-index: 0;
}

.name-number-form,
.name-number-form-manage {
  display: block;
  float: none;
  overflow: hidden;
  width: 100%;
}

.name-number-form h6,
.name-number-form-manage h6 {
  color: #6fb615 !important;
  font-size: 14px;
  padding: 10px;
  border: 2px solid #6fb615;
  border-left: 10px solid #6fb615;
  text-transform: none;
}

.name-number-form p,
.name-number-form-manage p {
  width: auto !important;
}

.vatSelect {
  position: relative;
  width: 60px;
  float: left;
}

.vatSelect select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 70px;
  height: 34px;
  float: right;
  margin: 0px 0px 0 0px;
  padding: 5px 0 0 5px;
  font-size: 11px;
  color: #777777;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  line-height: 20px;
  color: #333;
  background-color: transparent;
  background-image: none;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #aaaaa7;
  -ms-word-break: normal;
  word-break: normal;
  position: relative;
  top: 0px;
}

.vatSelect::after {
  content: '\f107';
  font: normal normal normal 14px/1 FontAwesome;
  color: #333333;
  right: 0px;
  top: 6px;
  height: 34px;
  padding: 5px 0px 0px 8px;
  border-left: none;
  position: absolute;
  pointer-events: none;
}

.name-number-form input[type="text"] {
  width: auto;
  min-width: 200px;
  border: none;
  border-bottom: 1px solid #b2b2b2;
  font-size: 12px;
  color: #555555;
  font-family: 'AvenirLTStd_book';
  padding: 10px 0;
  float: right;
  position: relative;
  top: -4px;
}

.off-alert-txt,
.off-alert-txt-manage {
  display: block;
  float: none;
  overflow: hidden;
  width: 100%;
}

.off-alert-txt h6,
.off-alert-txt-manage h6 {
  color: #ec4832 !important;
  font-size: 14px;
  padding: 10px;
  border: 2px solid #ec4832;
  border-left: 10px solid #ec4832;
  text-transform: none;
}

.coNameList {
  width: 100%;
  display: block;
  overflow: hidden;
}

.coNameBoxes {
  width: 100%;
  display: block;
  overflow: hidden;
  padding: 20px 0 0;
}

.coNameBoxes h4 {
  width: 100%;
  display: block;
  overflow: hidden;
  padding-bottom: 5px;
}

.coNameholder {
  font-family: 'AvenirLTStd_heavy';
  text-transform: uppercase;
  color: #1b2535;
  font-size: 14px;
  width: 50%;
  float: left;
}

.coAddBttns {
  font-family: 'AvenirLTStd_heavy';
  text-transform: uppercase;
  color: #1b2535;
  font-size: 10px;
  width: 50%;
  float: right;
  text-align: right;
}

.coAddBttns a {
  margin-right: 5px;
  color: #1b2535;
}

.coDetailsbox h6 {
  width: 100%;
  background: #1b2535;
  padding: 10px;
  text-align: center;
  color: #fff;
  font-family: 'AvenirLTStd_heavy';
  text-transform: uppercase;
}

.coDelBttn {
  color: #ec4832 !important;
  margin-right: 0;
}

.coDetailsbox {
  width: 100%;
  border: 1px solid #ccc;
  padding-bottom: 20px;
  border-top: none;
}

.coDtlpart {
  width: 100%;
  padding: 10px 0px 0;
  overflow: hidden;
}

.coDtlpartLeft {
  width: 50%;
  float: left;
}

.coDtlpartLeft p span.fldName,
.coDtlpartRight p span.fldName {
  padding: 0px 20px;
  font-family: 'AvenirLTStd_book';
  font-weight: bold;
  font-size: 15px;
  float: left;
}

.coDtlpartLeft p span.fldContent,
.coDtlpartRight p span.fldContent {
  font-family: 'AvenirLTStd_book';
  font-size: 14px;
  float: left;
}

.coDtlpartRight p span.fldContent a {
  font-family: 'AvenirLTStd_book';
  font-size: 14px;
}

.coDtlpartRight {
  width: 50%;
  float: right;
}

.fullWidthUserPage {
  width: 100% !important;
  float: none !important;
}

.userSaveBox {
  text-align: left;
}

.userSaveBox button[type="submit"] {
  margin-right: 10px;
}

.mngUserCntntPrt {
  border-bottom: 1px solid #ccc !important;
}

.offManageSwitch {
  position: relative;
  top: 10px;
}

.mngOffDiv {
  width: 100%;
  overflow: hidden;
}

.name-number-form-manage input[type="text"] {
  width: auto;
  min-width: 200px;
  border: none;
  border-bottom: 1px solid #b2b2b2;
  font-size: 12px;
  color: #555555;
  font-family: 'AvenirLTStd_book';
  padding: 10px 0;
  float: left;
  position: relative;
  top: -4px;
  margin-left: 10px;
}

.salesChannel_info {
  width: auto;
  padding: 0px 0px;
  overflow: hidden;
  background: #fff;
}

.addSalesChannelBttn {
  width: 100%;
  float: right;
  text-align: right;
  margin: 0px 0 30px;
}

.addSalesChannelBttn button {
  padding: 10px 30px;
  background: #0fbbf3;
  border: none;
  color: #fff;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 10px;
}

.salesChannel_info table {
  margin: 0;
  padding: 0;
  font-family: 'AvenirLTStd_book';
}

.salesChannel_info table thead {
  background: #1b2535;
  color: #fff;
  font-size: 14px;
}

.salesChannel_info table thead tr th {
  border-bottom: none;
}

.salesCActive {
  padding: 5px 19px;
  text-align: center;
  background: #2ed186;
  position: relative;
  top: 4px;
  color: #fff;
  text-transform: capitalize;
  text-decoration: none;
}

.salesCDisabled {
  padding: 5px 15px;
  text-align: center;
  background: #c2c2c2;
  position: relative;
  top: 4px;
  color: #000;
  text-transform: capitalize;
  text-decoration: none;
}

.salesCInActive {
  padding: 5px 15px;
  text-align: center;
  background: #d12e71;
  position: relative;
  top: 4px;
  color: #fff;
  text-transform: capitalize;
  text-decoration: none;
}

.assign_name {
  border: none;
  background: transparent;
  margin-top: 3px;
}

.product_li {
  width: 20%;
}

.productdelete {
  border: none;
  background: transparent;
  font-size: 10px;
  position: absolute;
  top: 29px;
  right: 47%;
}

.productdelete i {
  color: #6e757b;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  font-size: 14px;
}

.holder {
  display: inline-flex;
}

.holder a {
  cursor: pointer;
}

.holder a,
.holder span {
  display: none;
}

.holder a.jp-previous,
.holder a.jp-next {
  display: block !important;
  padding: 10px;
  background-color: #000;
  color: #FFF;
}

.holder a.jp-previous {
  margin-right: 10px;
}

.holder a:focus,
.holder a:hover {
  text-decoration: none;
  background-color: #FFF;
  color: #000;
  border: 1px solid #ccc;
}

.free_trial span {
  color: #fff;
  font-size: 12px;
  display: block;
  text-align: center;
}

.register_cls {
  font-weight: 500;
  color: #0fbcf4;
  font-size: 12px;
  text-decoration: underline !important;
  cursor: pointer;
}

.register_cls:hover {
  color: #0fbcf4;
  text-decoration: none !important;
}

.profile_img {
  background-color: #efebe6;
  color: #444440;
  padding: 10px 10px;
  border-radius: 10px;
}

.order_status {
  border: none;
  background: unset;
}

.api_details p input[type="text"] {
  min-width: 50%;
}

.text_area {
  font-size: 12px;
  color: #555555;
  font-family: 'AvenirLTStd_book';
}

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

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

/* 2909 */

.note_edit_maximum {
  max-height: 130px;
  overflow-y: scroll;
  width: 100%;
  margin: 20px 0;
}

.odrDetlNotes.odrDetlEven {
  background-color: #ddf3fa;
}

.odrDetlNotes.odrDetlOdd {
  background-color: #f1f1f1;
}

.odrDetlNotes {
  width: 100%;
  overflow: hidden;
  margin: 0px 0 10px;
  padding: 20px;
}

.odrDetlNotesLeft {
  width: 50%;
  overflow: hidden;
}

.odrDetlNotesRight {
  width: 50%;
  overflow: hidden;
  text-align: right;
}

.odrDetlNotesRight button[type="button"],
.odrDetlNotesRight a {
  background: #131618;
  color: #fff;
  padding: 5px 20px;
  font-size: 10px;
  border: none;
  border-radius: 0;
  margin-right: 10px;
  text-transform: uppercase;
}

.odrDetlNotesRight button[type="submit"] {
  background: #fff;
  color: #131618;
  padding: 5px 15px;
  font-size: 10px;
  border: none;
  border-radius: 0;
  text-transform: uppercase;
  text-decoration: none;
}

.odrDetlNotesRight a:hover {
  background: #0fbbf3;
  color: #fff;
}

.ordrDtlDialog {
  width: 90%;
  max-width: 700px;
  margin: 0 auto;
}

.ordrMdlClose {
  position: relative;
  top: -35px;
  right: -25px;
}

.ordrDtlDialog .modal-body textarea {
  width: 90%;
  margin: 10px 0;
  border: 1px solid #d1d1d1;
  padding: 10px;
}

.ordrDtlDialog .modal-body button[type="submit"] {
  font-family: 'AvenirLTStd_book';
  background: #0fbbf3;
  color: #fff;
  padding: 7px 20px;
  font-size: 14px;
  border: none;
  border-radius: 0;
  text-transform: uppercase;
  text-decoration: none;
}

.ordrDtlDialog .modal-body h4 {
  font-size: 22px;
}

.modal {
  text-align: center;
  padding: 0 !important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.logo-buttom-text {
  color: white;
  margin-left: 112px !important;
  margin-top: -20px;
  padding-bottom: 9px;
}


/* 10-11-18 csv template*/

.subject-info-box-1,
.subject-info-box-2 {
  float: left;
  width: 45%;
}

.subject-info-box-1 select,
.subject-info-box-2 select {
  height: 200px;
  padding: 0;
}

.subject-info-box-1 select option,
.subject-info-box-2 select option {
  padding: 4px 10px 4px 10px;
}

.subject-info-box-1 select option:hover,
.subject-info-box-2 select option:hover {
  background: #eee;
}

.subject-info-arrows {
  float: left;
  width: 10%;
}

.subject-info-arrows input {
  width: 70%;
  margin-bottom: 5px;
}


/*10-11-2018*/

.details-search-box {
  float: right;
  font-size: 16px;
  padding: 19px 0;
}

#details-search {
  display: none;
  float: left;
  width: 77%;
  height: 52px;
  border-top: 1px solid #d8d8d8;
  padding-left: 25px;
  padding-right: 10px;
  z-index: 9999;
  background: #fff;
  -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 76px;
  border-right: 1px solid #dcdcdc;

}

.details-input-box {
  margin-top: 10px;
  width: 132px;
}

.apply-details-button {
  float: right;
  background: #0fbcf4;
  border: none;
  padding: 10px 20px;
  color: #fff;
  max-width: 63px;
  text-transform: uppercase;
  font-size: 11px;
  font-family: 'AvenirLTStd_book';
  text-align: center;
  margin-top: 6px;
}

.details-search-box a {
  text-decoration: none !important;
}

.status-search-box {
  float: left;
  margin-left: 253px;
  padding: 0px;
}

.status-search-box a {
  text-decoration: none !important;
}

/*Quick Search 10-11-18*/

.header_text {
  width: 100%;
  padding: 0;
  float: left;
  padding-top: 18px;
  padding-left: 67px;
}

.btn-disable {
  pointer-events: none;
  cursor: default;
  background: #ccc !important;
}


/*Quick Search*/


/* -------------------------------- 

Primary style

-------------------------------- */
*,
*::after,
*::before {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  font-family: "Open Sans", sans-serif;
  color: #333545;
  background-color: #ffffff;
}

a {
  color: #0fbcf4;
  text-decoration: none !important;
}

img {
  max-width: 100%;
}

input {
  font-family: "Open Sans", sans-serif;
  font-size: 1.6rem;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

select,
input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
}

input[type="search"] {
  border-radius: 0;
  margin-top: 0;
}

select {
  background-color: transparent;
  cursor: pointer;
}

.cd-select::after {
  /* switcher arrow for select element */
  content: '';
  position: absolute;
  z-index: 1;
  right: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url(../img/cd-icons.svg) no-repeat 0 0;
  pointer-events: none;
}

/* -------------------------------- 

Patterns - reusable parts of our design

-------------------------------- */
.cd-text-replace {
  /* replace text with image */
  color: transparent;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}

/* -------------------------------- 

Header

-------------------------------- */
.cd-main-header {
  position: relative;
  z-index: 4;
  height: 50px;
  background-color: #333545;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.cd-main-header.nav-is-visible {
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}

.cd-main-header::before {
  /* never visible - this is used in jQuery to check the current MQ */
  display: none;
  content: 'mobile';
}

.ship_info {
  border: 1px solid #ccc;
  padding: 20px;
}

.ship_info h3 {
  font-size: 14px !important;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 5px;
}

.ship_info p {
  font-size: 12px !important;
  font-weight: 400;
  text-transform: uppercase;
  padding-bottom: 2px;
}

.ship_info {
  border-bottom: 5px solid #000;
}

.ship_info p span {
  text-transform: capitalize;
}

.ship_table {
  border: 1px solid #ccc;
  padding: 20px;
  overflow: auto;
}

.ship_table table {
  width: 100%;
}

.ship_table td {
  font-size: 12px !important;
  font-weight: 400;
  text-transform: uppercase;
  border: 1px solid #ccc;
  padding: 5px;
  text-align: center;
}

.ship_table th {
  background: #000;
  color: #fff;
  font-size: 12px !important;
  font-weight: 400;
  text-transform: uppercase;
  padding: 5px 5px 5px 10px;
  text-align: center;
}

.ship_table td img {
  width: 50px;
}

.ship_table .update_plat_btn {
  margin: 0 0 20px 0 !important;
  ;
}

.quick_pack_box {
  padding: 20px;
}

.quick_pack_box .order-details_one_left h3 {
  font-size: 14px !important;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 5px !important;
}

.ship_btm {
  border: 1px solid #ccc;
  padding: 20px;
  position: relative;
}

.ship_btm h3 {
  color: #1295bf !important;
  font-size: 11px;
  font-weight: 700;
  padding-bottom: 5px !important;
}

.ship_btm h4 {
  font-size: 14px !important;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 5px !important;
}

.ship_btm label {
  width: 100%;
  text-align: right;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 400;
}

.ship_btm input {
  border-radius: 0;
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px;
}

.ship_btm select {
  border-radius: 0;
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px;
}

.ship_btm.ship_btm_carton select {
  padding: 5px 25px 0 5px;
  color: #777777;
  background-color: transparent;
  background-image: none;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #aaaaa7;
}

.ship_btm.ship_btm_carton select#carrier_api_id {
  border: 1px solid #ccc;
}

.ship_btm textarea {
  border-radius: 0;
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px;
}

.ship_input_box {
  margin-bottom: 15px;
}

.ship_input_box input[type=checkbox] {
  width: 34px;
  height: 34px;
  border: 1px solid #ccc !important;
  border-radius: 0 !important;
  margin: 0 !important;
  outline: 2px solid #0fbbf3;
}

.ship_btn_area .buyer_infos_submit_bttn {
  text-align: left;
  padding: 0;
}

.ship_btn_area .update_plat_btn {
  margin: 0 !important;
}

.transfer_btn {
  padding: 7px 20px;
  background: #0fbbf3;
  border: none;
  color: #fff;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 12px;
  margin-top: 10px;
  width: 165px;
  float: right;
}

.multi_order_heading {
  width: auto;
  margin: 0 0 0 260px;
  clear: both;
  display: inline-block;
  color: #0e7ea2;
  font-weight: 600;
  font-size: 20px;
}

.weight_pop_area {
  padding: 15px 0;
}

#weight_holder input {
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px;
  width: 100%;
  margin-bottom: 10px;
}

.weight_pop_area label {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
  color: #333545;
  width: 100%;
  text-align: center;
  margin-bottom: 7px;
}

#weight_pop .delete-modal-footer {
  margin: 0 0 15px 0;
  text-align: center;
}

.cont_label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#weight_pop .order-buyer_infos_five {
  max-height: 250px;
  overflow-y: scroll;
}

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

/* Create a custom checkbox */
.cont_label .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 1px solid #0fbbf3;
}


/* When the checkbox is checked, add a blue background */
.cont_label input:checked~.checkmark {
  background-color: #0fbbf3;
}

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

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

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

.pop_main_div {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10000;
  overflow-y: scroll;
  height: 100vh;
  width: 100%;
}

.pop_main_div .cust_col {
  width: 49%;
  display: inline-block;
}

.pop_main_div .modal {
  position: relative;
}

.pop_main_div.hidediv {
  display: none;
}






@media only screen and (min-width: 1024px) {
  .cd-main-header {
    height: 80px;
  }

  .cd-main-header.nav-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }

  .cd-main-header::before {
    content: 'desktop';
  }
}

.cd-main-nav-wrapper {
  padding: 0 5%;
}

.cd-main-nav-wrapper::after {
  clear: both;
  content: "";
  display: table;
}

.cd-logo {
  display: inline-block;
  height: 100%;
  margin-left: 15px;
  /* remove jump on iOS devices - when we fire the navigation */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cd-logo img {
  display: block;
  margin-top: 14px;
}

.forget-pass-back {
  margin-top: 10px !important;
}

.forget-pass-back a {
  background: #e69b18;
  color: #FFF;
  padding: 2px 8px;
  border-radius: 3px;
}

@media only screen and (min-width: 1024px) {
  .cd-logo {
    position: absolute;
    z-index: 3;
    margin-left: 5%;
  }

  .cd-logo img {
    margin-top: 29px;
  }
}

.cd-nav-trigger {
  /* nav trigger - visible on small devices only */
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
}

.cd-nav-trigger span {
  /* nav icon created in CSS */
  position: absolute;
  height: 2px;
  width: 20px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background-color: #ffffff;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.cd-nav-trigger span::before,
.cd-nav-trigger span::after {
  /* upper and lower lines of the menu icon */
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.cd-nav-trigger span::before {
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
}

.cd-nav-trigger span::after {
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px);
}

.nav-is-visible .cd-nav-trigger span {
  background-color: rgba(255, 255, 255, 0);
}

.nav-is-visible .cd-nav-trigger span::before {
  -webkit-transform: translateY(0) rotate(-45deg);
  -moz-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -o-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}

.nav-is-visible .cd-nav-trigger span::after {
  -webkit-transform: translateY(0) rotate(45deg);
  -moz-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -o-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}

@media only screen and (min-width: 1024px) {
  .cd-nav-trigger {
    display: none;
  }
}

.cd-main-nav {
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  width: 260px;
  height: 100vh;
  overflow: auto;
  background: #1f2029;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.3s;
  -moz-transition: visibility 0s 0.3s;
  transition: visibility 0s 0.3s;
}

.cd-main-nav a,
.cd-main-nav input[type="search"] {
  display: block;
  font-size: 1.6rem;
  padding: 0 2em 0 1em;
  line-height: 50px;
  color: #ffffff;
  border-bottom: 1px solid #333545;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
}

.cd-main-nav input[type="search"] {
  background-color: #292a37;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.cd-main-nav input[type="search"]:focus {
  background-color: #333545;
}

.cd-main-nav.nav-is-visible {
  -webkit-transition: visibility 0s;
  -moz-transition: visibility 0s;
  transition: visibility 0s;
  visibility: visible;
  -webkit-overflow-scrolling: touch;
}

@media only screen and (min-width: 1024px) {
  .cd-main-nav {
    /* reset style */
    position: static;
    visibility: visible;
    width: auto;
    height: 80px;
    background: transparent;
    overflow: visible;
    float: right;
  }

  .cd-main-nav li {
    display: inline-block;
    float: left;
    height: 100%;
    padding: 1.375em .4em;
  }

  .cd-main-nav a {
    padding: .625em .8em;
    line-height: 1;
    border-bottom: none;
  }

  .cd-main-nav a:hover {
    opacity: .6;
  }
}

/* -------------------------------- 

Search Form

-------------------------------- */
.cd-main-search .cd-select {
  /* hide select element on small devices */
  display: none;
}

.cd-main-search .close {
  /* 'X' icon to close search form - hidden on small devices */
  display: none;
}

.cd-main-search input[type="search"] {
  width: 100%;
  color: #ffffff;
}

.cd-main-search input[type="search"]:focus {
  outline: none;
}

.cd-main-search input[type="search"]::-webkit-input-placeholder {
  color: #5c5d6a;
}

.cd-main-search input[type="search"]::-moz-placeholder {
  color: #5c5d6a;
}

.cd-main-search input[type="search"]:-moz-placeholder {
  color: #5c5d6a;
}

.cd-main-search input[type="search"]:-ms-input-placeholder {
  color: #5c5d6a;
}

@media only screen and (min-width: 1024px) {
  .cd-main-search {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #14151c;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    -moz-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
  }

  .cd-main-search form {
    position: relative;
    height: 100%;
    /* 170px (margin left) is the sum of the logo width (124px) and additional 46px margin (to separate the form form the logo) */
    /* 116px (margin right) takes into account the space occupied by the a.cd-search-trigger and a.close */
    margin: 0 calc(5% + 116px) 0 calc(5% + 170px);
  }

  .cd-main-search input[type="search"] {
    font-size: 2.4rem;
    height: 100%;
    background-color: transparent;
    /* don't overlap <select> element */
    padding-right: 170px;
  }

  .cd-main-search .cd-select {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #5c5d6a;
    font-size: 1.4rem;
    overflow: hidden;
  }

  .cd-main-search span {
    display: inline-block;
  }

  .cd-main-search option {
    /* style <option> elements on Firefox */
    color: #333545;
    background-color: #ffffff;
  }

  .cd-main-search select {
    /* the <select> element is not visible (if the list of options is not open) -  it is covered by the .selected-value element */
    position: absolute;
    right: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    color: transparent;
  }

  .cd-main-search select:focus {
    outline: none;
  }

  .cd-main-search select:focus+span.selected-value {
    background-color: #3d3f4e;
  }

  .cd-main-search .selected-value {
    /* this <span> element covers the <select> element - its content is changed (using JavaScript) and set equal to the selected <option> value */
    /* its width automatically changes according to the text of the selected <option> (not possible with a <select> element) */
    color: #ffffff;
    /* clicking on this element will open the <select> drop-down list */
    pointer-events: none;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }

  .cd-main-search select,
  .cd-main-search .selected-value {
    padding: 0.5em 1.7em 0.5em .3em;
    font-size: 1.4rem;
    border-radius: 3px;
  }

  .no-pointerevents .cd-main-search .selected-value {
    /* if the browser doesn't support the pointer-events property, hide the .selected-value element */
    display: none;
  }

  .no-pointerevents .cd-main-search select {
    /* if the browser doesn't support the pointer-events property, show the <select> element */
    position: relative;
    color: #ffffff;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  .no-pointerevents .cd-main-search select:focus {
    background-color: #3d3f4e;
  }

  .cd-main-search .close {
    /* 'X' icon - used to close the search form */
    display: inline-block;
    position: absolute;
    right: 5%;
    top: 50%;
    height: 40px;
    width: 40px;
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }

  .cd-main-search .close::before,
  .cd-main-search .close::after {
    /* used to create the 'X' icon in css */
    content: '';
    position: absolute;
    height: 20px;
    width: 2px;
    background-color: #ffffff;
    left: 50%;
    top: 50%;
  }

  .cd-main-search .close::before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  }

  .cd-main-search .close::after {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
  }

  .cd-main-search.is-visible {
    /* search form open */
    opacity: 1;
    visibility: visible;
  }

  .cd-main-search.is-visible .close {
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
  }

  .animate-search .cd-main-search.is-visible {
    /* trigger search form animation if <header> has the .animate-search class */
    -webkit-animation: cd-slide-in 0.3s;
    -moz-animation: cd-slide-in 0.3s;
    animation: cd-slide-in 0.3s;
  }
}

@-webkit-keyframes cd-slide-in {
  0% {
    -webkit-transform: translateY(-100%);
  }

  100% {
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes cd-slide-in {
  0% {
    -moz-transform: translateY(-100%);
  }

  100% {
    -moz-transform: translateY(0);
  }
}

@keyframes cd-slide-in {
  0% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

.cd-search-suggestions {
  /* drowpdown with search suggestions - hidden on small devices */
  display: none;
  z-index: 11;
  /* overflow-y: scroll;
  max-height: 350px; */
}

@media only screen and (min-width: 1024px) {
  .cd-search-suggestions {
    display: block;
    position: fixed;
    z-index: 998;
    top: 80px;
    left: 0;
    /* same width of <form> element */
    width: calc(85% - 500px);
    /* padding: 0 2em; */
    /* same margin of <form> element */
    margin: 0 calc(5% + 96px) 0 calc(5% + 250px);
    background-color: #ffffff;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.39);
    border: 4px solid #f1f1f1;
  }

  #cd-search-suggestions .news li div.gsearch2 {
    max-width: 415px;
    width: 100% !important;
  }

  #cd-search-suggestions .news li div.gsearch3 {
    width: 100% !important;
    display: block;
    text-align: right;
    position: relative;
    margin-top: -35px;
    margin-bottom: 10px;
  }

  #cd-search-suggestions .news li div.gsearch3 .quick-search-status .btn {
    padding: 5px 15px !important;
    border: none;
    border-radius: 0;
    max-width: 105px;
    width: 100%;
  }

  .cd-search-suggestions::after {
    clear: both;
    content: "";
    display: table;
  }

  .cd-search-suggestions .quick-links,
  .cd-search-suggestions .news {
    display: inline-block;
  }

  .cd-search-suggestions .quick-links {
    float: right;
    width: 140px;
    text-align: right;
  }

  .cd-search-suggestions .news {
    /* float: left;
    width: calc(100% - 20px); */
    width: 100%;
    max-height: 320px;
    overflow-y: auto;
  }

  .cd-search-suggestions h3 {
    margin-bottom: 1.5em;
    text-transform: uppercase;
    color: #7a7c86;
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: .1em;

  }

  .cd-search-suggestions h4 {
    font-weight: bold;
    font-size: 1.4rem;
  }

  .cd-search-suggestions h4 a {
    /* prevent the text from wrapping */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    padding: .2em 0;
  }

  .cd-search-suggestions a {
    display: inline-block;
    color: #333545;
    text-decoration: none;
  }

  .no-touch .cd-search-suggestions a:hover {
    opacity: .8;
  }

  .cd-search-suggestions time {
    font-size: 1.2rem;
    color: #70727d;
  }

  .cd-search-suggestions .news li {
    position: relative;
    /* padding: 10px 10px 30px 4em; */
    padding: 10px 40px 30px 120px;
    margin-bottom: 0.25em;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
  }

  .quick-search-status {
    margin-left: 183px
  }

  .cd-search-suggestions .news li:last-of-type {
    margin-bottom: 0;
  }

  .cd-search-suggestions .image-wrapper {
    position: absolute;
    left: 40px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
  }

  .cd-search-suggestions .image-wrapper img {
    display: block;
  }

  .cd-search-suggestions .quick-links a {
    padding: .5em 0;
    font-size: 1.4rem;
    line-height: 1.2;
  }

  .animate-search .is-visible .cd-search-suggestions {
    /* trigger the dropdown animation if <header> has the .animate-search class */
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation: cd-3d-rotation 0.5s 0.3s;
    -moz-animation: cd-3d-rotation 0.5s 0.3s;
    animation: cd-3d-rotation 0.5s 0.3s;
    -webkit-animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
  }
}

@-webkit-keyframes cd-3d-rotation {
  0% {
    -webkit-transform: perspective(1000px) rotateX(-90deg);
  }

  100% {
    -webkit-transform: perspective(1000px) translateY(0);
  }
}

@-moz-keyframes cd-3d-rotation {
  0% {
    -moz-transform: perspective(1000px) rotateX(-90deg);
  }

  100% {
    -moz-transform: perspective(1000px) translateY(0);
  }
}

@keyframes cd-3d-rotation {
  0% {
    -webkit-transform: perspective(1000px) rotateX(-90deg);
    -moz-transform: perspective(1000px) rotateX(-90deg);
    -ms-transform: perspective(1000px) rotateX(-90deg);
    -o-transform: perspective(1000px) rotateX(-90deg);
    transform: perspective(1000px) rotateX(-90deg);
  }

  100% {
    -webkit-transform: perspective(1000px) translateY(0);
    -moz-transform: perspective(1000px) translateY(0);
    -ms-transform: perspective(1000px) translateY(0);
    -o-transform: perspective(1000px) translateY(0);
    transform: perspective(1000px) translateY(0);
  }
}

.cd-search-trigger {
  /* trigger serach form visibility - hidden on small devices */
  display: none;
}

@media only screen and (min-width: 1024px) {
  .cd-search-trigger {
    display: block;
    position: relative;
    z-index: 3;
    height: 40px;
    width: 40px;
    margin: 1.25em .5em;
    float: right;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }

  .cd-search-trigger::after,
  .cd-search-trigger:before {
    /* used to create the icon lens and the background circle */
    content: '';
    position: absolute;
  }

  .cd-search-trigger::after {
    /* icon lens */
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: 16px;
    width: 16px;
    background: url(../img/cd-icons.svg) no-repeat -16px 0;
  }

  .cd-search-trigger::before {
    /* background circle */
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0);
    -ms-transform: translateX(-50%) translateY(-50%) scale(0);
    -o-transform: translateX(-50%) translateY(-50%) scale(0);
    transform: translateX(-50%) translateY(-50%) scale(0);
    height: 100%;
    width: 100%;
    background-color: #dd85ac;
    border-radius: 50%;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }

  .no-touch .cd-search-trigger:hover::before {
    background-color: #df8bb0;
  }

  .cd-search-trigger.search-form-visible {
    -webkit-transform: translateX(-46px);
    -moz-transform: translateX(-46px);
    -ms-transform: translateX(-46px);
    -o-transform: translateX(-46px);
    transform: translateX(-46px);
  }

  .cd-search-trigger.search-form-visible::before {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
  }
}

/* -------------------------------- 

Content cover layer

-------------------------------- */
.cd-cover-layer {
  /* cover main content when search form is open - hidden on smal devices */
  display: none;
}

@media only screen and (min-width: 1024px) {
  .cd-cover-layer {
    display: block;
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    -moz-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
  }

  .cd-cover-layer.search-form-visible {
    opacity: 1;
    visibility: visible;
  }
}

/* -------------------------------- 

Page main content

-------------------------------- */
.cd-main-content {
  display: table;
  width: 100%;
  height: calc(100vh - 50px);
  position: relative;
  z-index: 2;
  background-color: #40508e;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.cd-main-content .content-center {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.cd-main-content .content-center h1 {
  color: #ffffff;
  font-size: 2.4rem;
  margin-bottom: .6em;
}

.cd-main-content .cd-download-btn {
  background: #dd85ac;
  color: #ffffff;
  display: inline-block;
  padding: 1.4em 1.6em;
  border-radius: 50em;
  font-size: 1.4rem;
  font-weight: bold;
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.1);
}

.cd-main-content.nav-is-visible {
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}

@media only screen and (min-width: 1024px) {
  .cd-main-content {
    height: calc(100vh - 80px);
  }

  .cd-main-content .content-center h1 {
    font-size: 3.6rem;
  }

  .cd-main-content.nav-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

/* -------------------------------- 

JavaScript Disabled

-------------------------------- */
.no-js .cd-main-header {
  height: auto;
}

.no-js .cd-main-header::after {
  clear: both;
  content: "";
  display: table;
}

.no-js .cd-nav-trigger {
  display: none;
}

.no-js .cd-main-nav-wrapper {
  display: inline-block;
  float: right;
}

.no-js .cd-main-nav {
  position: static;
  width: auto;
  height: auto;
  visibility: visible;
  background-color: transparent;
  float: right;
}

.no-js .cd-main-nav::after {
  clear: both;
  content: "";
  display: table;
}

.no-js .cd-main-nav li {
  display: inline-block;
  float: left;
}

.no-js .cd-main-nav a {
  border-bottom: 0;
}

.no-js .cd-search-trigger {
  display: inline-block;
  text-indent: 0;
  color: #ffffff;
  float: right;
  line-height: 50px;
}

@media only screen and (min-width: 1024px) {
  .no-js .cd-search-trigger {
    text-indent: 100%;
    color: transparent;
    line-height: normal;
  }

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

.no-js .cd-main-search {
  position: static;
  opacity: 1;
  visibility: visible;
  padding: 2em 5%;
  background: #333545;
}

.no-js .cd-main-search form {
  margin: 0;
}

.no-js .cd-main-search input[type="search"] {
  background: #333545;
}

.no-js .cd-main-search select {
  position: relative;
  color: #ffffff;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.no-js .cd-main-search select:focus {
  background-color: #3d3f4e;
}

.no-js .cd-main-search .selected-value {
  display: none;
}

.import_box {
  width: auto;
  padding: 40px;
  overflow: hidden;
  border: 1px solid #ccc;
  background: #f3f3ef;
  margin-bottom: 15px;

}


.select2-results-dept-0 {
  /* do the columns */
  float: left;
  width: 20%;
}

img.flag {
  height: 10px;
  padding-right: 5px;
  width: 15px;
}

/* move close cross [x] from left to right on the selected value (tag) */
#s2id_e2_2.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 18px 3px 5px;
}

#s2id_e2_2.select2-container-multi .select2-search-choice-close {
  left: auto;
  right: 3px;
}



/*12-11-18*/
.searchSecNew {
  width: 100%;
  padding: 35px 40px;
  border: 1px solid #ccc;
  border-bottom: none;
  overflow: hidden
}

.searchSecNew h5 {
  color: #1b2535;
  font-size: 17px;
  font-family: 'AvenirLTStd_heavy';
  text-transform: uppercase;
  padding: 0 0 15px;
  border-bottom: 1px solid #dadad7;
}

.searchSecNew div.searchBox {
  float: left;
  width: 100%;
  padding: 15px 0;
}

.searchSecNew div.searchBox .searchBoxInr {
  float: left;
  width: 80%;
  position: relative;
  padding: 0 15px 0 0;
  background: #fff;
  height: 30px;
}

.searchSecNew div.searchBox .searchBoxInr div.searchDDbox {
  position: absolute;
  width: 90%;
  height: 300px;
  overflow: auto;
  padding: 10px;
  left: 0;
  top: 100%;
  margin-top: 15px;
  background: #fff;
  border: 1px solid #dadad7;
}

/*.searchSecNew div.searchBox .searchBoxInr div.searchDDbox.showDd{ display:block; }
.searchSecNew div.searchBox .searchBoxInr div.searchDDbox.hideDd{ display:none; } */
.searchSecNew div.searchBox .searchBoxInr div.searchDDbox div.closeBtn {
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.searchSecNew div.searchBox .searchBoxInr div.searchDDbox h4 {
  color: #1b2535;
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'AvenirLTStd_book';
  padding: 0 0 15px;
  margin: 0;
  text-align: center;
}



.searchSecNew div.searchBox .searchBoxInr:before {
  content: '\f002';
  position: absolute;
  left: 0;
  top: 0;
  font-family: 'FontAwesome';
  width: 30px;
  height: 30px;
  font-size: 15px;
  line-height: 30px;
  text-align: center;
}

.searchSecNew div.searchBox input[type="text"],
.searchSecNew div.searchBox input[type="search"] {
  float: left;
  width: calc(100% - 120px);
  border: none;
  border-bottom: 1px solid #c2c2c2;
  height: 30px;
  padding: 5px 5px 5px 30px;
  border-right: none;
  background: transparent;
}

.searchSecNew div.searchBox input[type="submit"] {
  float: right;
  width: 100px;
  border: none;
  background: #0fbbf3;
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  height: 30px;
}

.searchSecNew div.searchBox .currencySele {
  float: left;
  width: 20%;
  padding: 0 0 0 15px;
  line-height: 30px !important;
}

.searchSecNew div.searchBox .currencySele .selectdiv {
  min-width: inherit;
  width: 100%;
}

.searchSecNew div.searchBox .currencySele .selectdiv select {
  width: 60%;
}

.searchSecNew div.cartTable {
  float: left;
  width: 100%;
  padding: 15px 0;
}

.searchSecNew div.cartTable div.cartTableList {
  float: left;
  width: 100%;
  padding: 0;
  margin: 5px 0;
  border: 1px solid #fff;
}

.searchSecNew div.cartTable div.cartTableList:hover {
  border: 1px solid #ccc;
}

.searchSecNew div.cartTable div.cartTableList section {
  float: left;
  width: 18%;
  margin: 5px 0;
  padding: 5px;
  line-height: 30px;
}

.searchSecNew div.cartTable div.cartTableList section img.productPic {
  float: left;
  margin: 0;
  width: auto;
  height: 30px;
}

.searchSecNew div.cartTable div.cartTableList section input.qty {
  width: 100%;
  height: 30px;
  border: none;
  border-bottom: 1px solid #ccc !important;
  text-align: left;
  padding: 5px 0;
}

.searchSecNew div.cartTable div.cartTableList section button.rmvBtn {
  cursor: pointer;
  font-size: 12px;
  font-family: 'AvenirLTStd_book';
  color: #0fbbf3;
  text-transform: uppercase;
  font-size: 11px;
  background: transparent;
  border: none;
  height: 30px;
}

.searchSecNew div.cartTable div.cartTableList:hover section button.rmvBtn {
  color: #0fbbf3;
}

.searchSecNew div.cartTable div.cartTableList section:nth-child(2) {
  font-size: 12px;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
}

.searchSecNew div.cartTable div.cartTableList section:nth-child(2) span {
  display: block;
  color: #999;
  text-transform: none;
}

.searchSecNew div.cartTable div.cartTableList section:nth-child(2) b {
  display: block;
}

.searchSecNew div.cartTable div.cart-label section.add_rece_4,
.searchSecNew div.cartTable div.cart-label section.add_rece_9,
.searchSecNew div.cartTable div.cart-label section.add_rece_5 {
  font-size: 12px !important;
  line-height: 12px !important;
  min-width: 80px !important;
}

.searchSecNew div.cartTable div.cart-label section.add_rece_8 {
  min-width: 19px;
  max-width: 19px;
}

.searchSecNew div.cartTable div.cartTableList section.add_rece_1 {
  width: auto;
  max-width: 50px;
  min-width: 50px;
}

.searchSecNew div.cartTable div.cartTableList section.add_rece_2 {
  width: auto;
  max-width: 100px;
  min-width: 100px;
  font-size: 12px;
  line-height: 18px;
}

.searchSecNew div.cartTable div.cartTableList section.add_rece_3 {
  width: 20%;
  max-width: 180px;
  min-width: 180px;
  text-align: left;
  font-size: 12px;
  line-height: 18px;
}

.searchSecNew div.cartTable div.cartTableList section.add_rece_4 {
  width: auto;
  max-width: 80px;
  min-width: 80px;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
}

.searchSecNew div.cartTable div.cartTableList section.add_rece_8 {
  width: auto;
  max-width: 80px;
  text-align: center;
}

.searchSecNew div.cartTable div.cartTableList section.add_rece_9 {
  width: auto;
  max-width: 80px;
  text-align: center;
}

.searchSecNew div.cartTable div.cartTableList section.add_rece_5 {
  width: auto;
  max-width: 80px;
  text-align: center;
}

.searchSecNew div.cartTable div.cartTableList section.add_rece_6 {
  width: 8%;
  text-align: right;
}

.searchSecNew div.cartTable div.cartTableList section.add_rece_7 {
  width: 15%;
  text-align: right;
}

.searchBoxInr span.btn-info {
  padding: 7px 30px;
  background: #0fbbf3;
  border: none;
  color: #fff;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 10px;
  border-radius: 0 !important;
  top: 2px;
  position: relative;
}

.order-alert_details_three.sell_list {
  border-bottom: none;
  padding: 5px 0;
}

.select_contactdiv {
  width: auto;
  padding: 0 40px;
  margin: 0 auto 70px;
}

.select_contactdiv p {
  width: auto;
  position: relative;
  float: left;
  min-width: auto;
  max-width: 500px;
  margin-right: 30px;
}

.select_contactdiv p::after {
  content: '\f107';
  font: normal normal normal 14px/1 FontAwesome;
  color: #333333;
  right: 0px;
  top: 5px;
  height: 34px;
  padding: 5px 0px 0px 8px;
  border-left: none;
  position: absolute;
  pointer-events: none;
}

.select_contactdiv p span {
  color: #1b2535;
  font-size: 16px;
  font-family: 'AvenirLTStd_heavy';
  text-transform: uppercase;
  padding: 0 0 15px;
}

.select_contactdiv p span:after {
  content: ':';
  color: #1b2535;
  font-size: 17px;
  font-family: 'AvenirLTStd_heavy';
}

.select_contactdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 400px;
  max-width: 100%;
  height: 34px;
  margin: 0px 0px 0 0px;
  padding: 5px 0 0 5px;
  font-size: 11px;
  color: #777777;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  line-height: 20px;
  color: #333;
  background-color: transparent;
  background-image: none;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #aaaaa7;
  -ms-word-break: normal;
  word-break: normal;
  position: relative;
  top: 0px;
}

.select_contactdiv .buyer_infos_submit_bttn {
  width: auto;
  text-align: left;
  margin: 20px 0 0px auto;
  display: block;
  padding: 0 0px;
  overflow: hidden;
  position: relative;
  top: 6px;
}


.searchSecNew div.totalTable {
  float: left;
  width: 100%;
  padding: 30px 0 0 0;
}

.searchSecNew div.totalTable table {
  float: none;
  width: 100%;
  margin: 0 15% 0 0;
}

.searchSecNew div.totalTable table td {
  padding: 5px;
  text-align: right;
  font-size: 14px;
  font-family: 'AvenirLTStd_book';
  line-height: 30px;
}

.searchSecNew div.totalTable table td input.shipping {
  width: 50px;
  height: 30px;
  border: none;
  border-bottom: 1px solid #ccc !important;
  text-align: right;
}

.searchSecNew div.totalTable table td input.shippMethod {
  width: 190px;
  height: 30px;
  border: none;
  border-bottom: 1px solid #ccc !important;
  text-align: left;
}

div.searchDDbox div.cartTable div.cartTableList section:nth-child(1) {
  width: 100%;
  line-height: 15px;
}

div.searchDDbox div.cartTable div.cartTableList section:nth-child(2) {
  width: 55%;
}

div.searchDDbox div.cartTable div.cartTableList section:nth-child(3) {
  width: 15%;
}

div.searchDDbox div.cartTable div.cartTableList section:nth-child(4) {
  width: 20%;
}

div.searchDDbox div.cartTable div.cartTableList section:nth-child(5) {
  width: 10%;
}

div.searchDDbox div.cartTable div.cartTableList section:nth-child(5) button.rmvBtn {
  color: #0fbbf3;
}

div.searchDDbox div.cartTable div.cartTableList img.productPic {
  float: left;
  margin: 0 10px 0 0;
}

div.searchDDbox div.cartTable div.cartTableList section:nth-child(3) span {
  color: #999;
  font-size: 11px;
}

div.searchDDbox div.cartTable div.cartTableList section:nth-child(4) input[type="number"] {
  width: 45px;
  height: 30px;
  padding: 0;
  text-align: center;
  float: left;
}

div.searchDDbox div.cartTable div.cartTableList section:nth-child(4) button[type="button"] {
  width: 20px;
  height: 30px;
  float: left;
  padding: 0;
  font-size: 20px;
  color: #0fbbf3;
  line-height: 30px;
  background: transparent;
  border: none;
}

.addDisSec {
  width: 100%;
  position: relative;
}

.addDisSec a {
  text-decoration: none;
  padding: 0 0 0 10px;
}

.addDisSec div.discountPopup {
  position: absolute;
  right: 0;
  top: 0;
  width: 210px;
  height: auto;
  display: none;
  background: #fff;
}



@media screen and (max-width: 1200px) {
  .searchBox .selectdiv p span {
    display: none
  }

  .searchSecNew div.searchBox .currencySele .selectdiv select {
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
  .searchSecNew div.totalTable table {
    width: 100%;
  }

  .searchSecNew div.searchBox .searchBoxInr {
    width: 100%;
    padding: 0;
  }

  .searchSecNew div.searchBox .currencySele {
    width: 100%;
    margin-top: 10px;
    padding: 0;
  }

  .searchSecNew div.cartTable div.cartTableList section:nth-child(1) {
    width: 100px;
  }

  .searchSecNew div.cartTable div.cartTableList section:nth-child(2) {
    width: calc(100% - 100px);
  }

  .searchSecNew div.cartTable div.cartTableList section:nth-child(3) {
    width: 50px;
  }

  .searchSecNew div.cartTable div.cartTableList section:nth-child(4) {
    width: 50px;
  }

  .searchSecNew div.cartTable div.cartTableList section:nth-child(5) {
    width: 50px;
  }

  .searchSecNew div.cartTable div.cartTableList section:nth-child(6) {
    width: 50px;
  }

  .searchSecNew div.cartTable div.cartTableList section:nth-child(7) {
    width: 50px;
  }

  .searchSecNew div.cartTable div.cartTableList section button.rmvBtn {
    color: #0fbbf3;
  }

  .searchSecNew div.searchBox .searchBoxInr {
    height: auto;
  }

  .searchSecNew div.searchBox .searchBoxInr div.searchDDbox {
    position: relative;
    width: 100%;
    height: auto;
    margin: 15px 0;
    float: left;
  }

  div.searchDDbox div.cartTable div.cartTableList section:nth-child(1),
  div.searchDDbox div.cartTable div.cartTableList section:nth-child(2),
  div.searchDDbox div.cartTable div.cartTableList section:nth-child(3),
  div.searchDDbox div.cartTable div.cartTableList section:nth-child(4),
  div.searchDDbox div.cartTable div.cartTableList section:nth-child(5) {
    text-align: center;
    width: 100%;
  }

  div.searchDDbox div.cartTable div.cartTableList img.productPic {
    float: none;
    margin: 0 auto;
    display: block;
  }

  div.searchDDbox div.cartTable div.cartTableList section .fieldQty {
    float: none;
    width: 90px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .searchSecNew {
    padding: 15px;
  }

  .searchSecNew div.cartTable div.cartTableList section:nth-child(1) {
    width: 100%;
  }

  .searchSecNew div.cartTable div.cartTableList section:nth-child(1) img.productPic {
    float: none;
    display: block;
    margin: 0 auto;
    width: auto;
    height: 70px;
  }

  .searchSecNew div.cartTable div.cartTableList section:nth-child(2) {
    width: 100%;
    text-align: center;
  }

  .searchSecNew div.cartTable div.cartTableList section:nth-child(3),
  .searchSecNew div.cartTable div.cartTableList section:nth-child(4),
  .searchSecNew div.cartTable div.cartTableList section:nth-child(5),
  .searchSecNew div.cartTable div.cartTableList section:nth-child(6),
  .searchSecNew div.cartTable div.cartTableList section:nth-child(7) {
    width: 20%;
  }

  .searchSecNew div.totalTable table {
    margin: 0;
  }

  .searchSecNew div.totalTable table td input.shippMethod {
    width: 100px;
  }

  .ship_table table {
    margin-top: 20px;
  }

  .ship_btn_area .addTrckTraceBttnNew {
    position: none !important;
    margin-top: 20px !important;
    top: 0;
  }
}


@media screen and (max-width: 575px) {
  .searchSecNew div.cartTable div.cartTableList section:nth-child(4) {
    width: 20px;
  }

  .searchSecNew div.cartTable div.cartTableList section:nth-child(7) {
    width: 80px;
  }



}

.buttn-width {
  width: 155px !important;
}

.disabled-list button {
  color: #bababa !important;
}


/*09-01-2019*/

textarea {
  width: auto;
  min-width: 200px;
  border: none;
  border-bottom: 1px solid #b2b2b2;
  font-size: 12px;
  color: #555555;
  font-family: 'AvenirLTStd_book';
  padding: 10px 0;
}

input[type=file] {
  width: auto;
  min-width: 200px;
  border: none;
  font-size: 12px;
  color: #555555;
  font-family: 'AvenirLTStd_book';
  padding: 10px 0;
}

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

.imageThumb {
  max-height: 75px;
  border: 2px solid;
  padding: 1px;
  cursor: pointer;
}

.pip {
  display: inline-block;
  margin: 10px 10px 0 0;

}

.remove {
  display: block;
  background: #444;
  border: 1px solid black;
  color: white;
  text-align: center;
  cursor: pointer;
  width: 98px !important;

}

.remove:hover {
  background: white;
  color: black;
}

/*10-01-19*/
input[type=checkbox],
input[type=radio] {

  margin: 11px 11px 0 !important;
}


.invoice_setting_order span {
  width: 195px;
  display: inline;
  font-size: 11px;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  position: relative;
  float: left;
  padding: 10px 0 0;
}

.order_line_view .invoice_setting_order span {
  padding-top: 0;
}

.order_line_view .invoice_setting_order p {
  display: flex;
}

.order_line_view .invoice_setting_order input[type=checkbox] {
  margin-top: 0 !important;
}

.order_table_view {
  padding-top: 0;
}

.invoice_setting_infos_five_left {
  width: 50%;
  float: left;
  padding-bottom: 20px;
}

.company-list-setting {
  width: 100% !important;
  overflow: auto;
  border: 1px solid #cccccc;
}

.company-list-setting th {
  background-color: #1c2536;
  color: white;
  font-size: 12px;
}


.invoice_select select {

  /* styling */
  background-color: white;
  border: thin solid #929eaa;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}


/* arrows */

.invoice_select select.classic {
  background-image:
    linear-gradient(45deg, transparent 50%, blue 50%),
    linear-gradient(135deg, blue 50%, transparent 50%),
    linear-gradient(to right, skyblue, skyblue);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
}

.invoice_select select.classic:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, gray, gray);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
}




.invoice_select select.round {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    radial-gradient(#ddd 70%, transparent 72%);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - .5em) .5em;
  background-size:
    5px 5px,
    5px 5px,
    1.5em 1.5em;
  background-repeat: no-repeat;
}

.invoice_select select.round:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    radial-gradient(gray 70%, transparent 72%);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - .5em) .5em;
  background-size:
    5px 5px,
    5px 5px,
    1.5em 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}





.invoice_select select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

.invoice_select select.minimal:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}


.invoice_select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/*12-01-19*/
.attachment-list {
  width: 100% !important;
  overflow: auto;
  border: 1px solid #cccccc;
  font-size: 11px;
  font-family: 'AvenirLTStd_book';
}

.attachment-list th {
  background-color: white;
  color: black;
  font-size: 12px;
  border: 1px solid #ddd;
}

.attachment-list td {
  border: 1px solid #ddd;
}


.delete-modal-body {

  position: relative;
  padding: 15px;
  margin-left: 83px;
}

.modal .delete-modal-footer {

  padding: 15px 0 0 0;
  text-align: left;
  border-top: 0;
  margin-left: 154px;
}

.modal-position {
  vertical-align: top !important;
}

input[type="text"]:disabled {
  background: #dddddd;
}

/*15-1-19*/
.fa-exclamation-triangle {
  color: red !important;
  margin-left: 60px !important;
}

.warning_list {
  top: 0px;
  left: 25px;
}

/*30-01-19*/
#loader_message button {
  border: none;
  color: #fff;
  background: #3bbbe3;
  border-radius: 0;
  margin: 20px 0;
}

#loader_message button:hover {
  color: #fff;
  background: #1c2536;
}

/*04-02-19*/
.order-details-supplier-add {
  float: none !important;
}


/* 06-02-19 */

.tabs-addProd {
  max-width: 98%;
  margin: 0 auto;
}

.tabs-nav-addProd li {
  float: left;
  width: auto;
  max-width: 185px;
  min-width: 185px;
  font-family: 'AvenirLTStd_heavy';
  text-transform: uppercase;
  font-size: 15px;
}

.tabs-nav-addProd li:first-child a {
  border-right: 0;
}

.tabs-nav-addProd li:last-child a {}

.tab-active-addProd a {
  background: #fff !important;
  border-bottom: none;
  color: #000 !important;
  cursor: default;
}

.tabs-stage-addProd {
  clear: both;
  padding: 20px 20px;
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-top: 1px solid #cecfd5;
  position: relative;
  top: -1px;
}

.tabs-addProd .tabs-nav-addProd li a {
  background: #eaeaed;
  border: 1px solid #cecfd5;
  color: #000;
  display: block;
  font-weight: 600;
  padding: 10px;
  text-align: center;
  text-decoration: none;
}

.tabs-addProd .tabs-nav-addProd li a:hover {
  color: #0fbcf4;
}

.tabs-addProd .tabs-nav-addProd li a:focus {
  outline: none;
}

/***************07-02-19******************/
.green_dash_start_4 {
  width: 42px;
  background: #2dd185;
  height: 4px;
  float: left;
}

.green_dash_with_text_4 {
  float: left;
  width: 160px;
  border-top: 4px solid #2dd185;
  text-align: center;
}

.green_dash_with_text_4 p,
.grey_dash_with_text_4 p {
  color: #555555;
  font-size: 10px;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  padding: 10px 0 0;
}

.grey_dash_with_text_4 {
  float: left;
  width: 160px;
  border-top: 4px solid #cccccc;
  text-align: center;
}

.grey_dash_end_4 {
  width: 42px;
  background: #cccccc;
  height: 4px;
  float: left;
}


.transit_date_box_4 {
  width: 20%;
  float: left;
  max-width: 196px;
  height: 29px;
  text-align: center;
}

.transit_date_box_4 p {
  font-size: 10px;
  font-family: 'AvenirLTStd_book';
}

.transit_date_box_4 p span {
  display: block;
  font-family: 'AvenirLTStd_heavy';
  text-transform: uppercase;
}

.transit_date_box_4 .fa-check-circle {
  font-size: 30px;
  color: #2dd185;
  margin-top: 10px;
}

.transit_date_box_4 .fa-minus-circle {
  font-size: 30px;
  color: #cccccc;
  margin-top: 10px;
}

/*09-02-19*/
.disabled {
  pointer-events: none;
}

.list_filter_cls {
  margin: 20px 0 20px 10px;
}

/* 13-02-19 */

/* for all table header*/
table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #1c2536;
}

.platform_list_top {
  margin-top: 20px;
}

@-moz-document url-prefix() {
  .platform_list_table .checkmark_list {
    top: 5px;
  }
}

.platfrmSlct {
  position: relative;
  min-width: 150px;
}

.platfrmSlct select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 34px;
  margin: -7px 0px 0 0px;
  padding: 5px 0 0 0px;
  font-size: 11px;
  color: #777777;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  line-height: 20px;
  color: #333;
  background-color: transparent;
  background-image: none;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
}

.platfrmSlct select:focus,
.platfrmSlct select options:focus {
  outline: none;
}

.platfrmSlct:after {
  content: '\f107';
  font: normal normal normal 14px/1 FontAwesome;
  color: #333333;
  right: 0px;
  top: 0px;
  height: 34px;
  padding: 5px 0px 0px 8px;
  border-left: none;
  position: absolute;
  pointer-events: none;
}

.platform_list_table td p input {
  width: 200px;
  border: none;
  border-bottom: 1px solid #ccc;
  background: transparent;
  padding: 1px 2px;
  font-size: 15px;
}

.update_plat_btn {
  padding: 7px 30px;
  background: #0fbbf3;
  border: none;
  color: #fff !important;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 10px;
}

.delete_plat_btn {
  padding: 7px 30px;
  background: #1c2536;
  border: none;
  color: #fff !important;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 10px;
}

.back_btn {
  padding: 7px 20px !important;
  background: #fff !important;
  border: none !important;
  color: #0fbbf3 !important;
  font-family: 'AvenirLTStd_book' !important;
  text-transform: uppercase !important;
  font-size: 20px !important;
  top: 3px;
  position: relative;
}

.back_btn:focus,
.back_btn:hover {
  outline: none;
}


#csv_template_frm .order-buyer_infos_five_left_container,
#csv_template_frm .order-buyer_infos_five_right_container {
  padding: 0 0px !important;
}

#csv_template_frm .bottom_details_order p {
  position: relative;
  top: -15px;
}

#csv_template_frm .order-buyer_infos_five_left_container p input,
#csv_template_frm .order-buyer_infos_five_right_container p input {
  background-color: transparent;
}

#csv_template_frm .shippingselectdiv_country::after {
  top: 12px;
}

#csv_template_frm table td p input {
  background: transparent;
  border-bottom: 2px solid #ccc !important;
  border: none;
  font-size: 15px;
  padding: 5px;
  margin-bottom: 10px;
}

#csv_template_frm .scroll_table {
  border-top: 1px solid #cccccc;
}

#csv_template_frm table th label {
  color: #fff;
}


/* 16-02 */

.product_group_search {
  width: 100%;
  margin: 0px 15px 30px 0;
}

.product_group_search p {
  max-width: 530px;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.product_group_search select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 390px;
  height: 34px;
  margin: -7px 0px 0 0px;
  padding: 5px 0 0 0px;
  font-size: 11px;
  color: #777777;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  line-height: 20px;
  color: #333;
  background-color: transparent;
  background-image: none;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
  float: right;
}

.product_group_search select:focus,
.product_group_search select options:focus {
  outline: none;
}

.product_group_search p:after {
  content: '\f107';
  font: normal normal normal 14px/1 FontAwesome;
  color: #333333;
  right: 2px;
  top: 1px;
  height: 34px;
  padding: 5px 0px 0px 8px;
  border-left: none;
  position: absolute;
  pointer-events: none;
}

/*  22-02-19 */
.add_plat_btn {
  margin-right: 5px;
  padding: 8px 30px;
  background: #0fbbf3;
  border: none;
  color: #fff !important;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 10px;
}

/* 14-03-19*/

.heighligt_text {
  background: #0fbcf4;
  color: #fff;
  padding: 3px 10px;
  border-radius: 20px;
  margin: 0 7px;
}

/* 1403 */
.shippingselectdiv.add_file::after,
.product_setting_list p:after {
  content: '';
}

.shippingselectdiv.add_file {
  width: auto;
  max-width: 100%;
}

.shippingselectdiv.add_file input[type="file"] {
  float: left;
  padding: 25px 0 0;
}

.shippingselectdiv.add_file button[type="submit"] {
  float: right;
  margin-top: 25px;
  margin-left: 35px;
}

form.product_grp {
  width: 40%;
  float: left;
}

form.product_grp #product_group {
  width: 250px !important;
}

.product_setting_list {
  width: 35%;
  float: right;
}

.product_setting_list p {
  width: 50%;
  float: left;
}

.product_setting_list .invoice_setting_infos_five_left {
  width: 100%;
}

.product_setting_list .invoice_setting_infos_five_left p span {
  width: auto !important;
}


/* 30-03-19*/

.product_filter {
  width: 33%;
  max-width: 310px;
  padding: 12px 0;
  border-right: 1px solid #e5e5e5;
  position: relative;
  float: left;
}

/*23-04-19*/
span.multiselect-native-select {
  position: relative;
  width: 69%;
  float: right;
  padding: 0;
}

span.multiselect-native-select select {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px -1px -1px -3px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  left: 50%;
  top: 30px;
}

.multiselect-container {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.multiselect-container .input-group {
  margin: 5px;
}

.multiselect-container>li {
  padding: 0;
}

.multiselect-container>li>a.multiselect-all label {
  font-weight: 700;
}

.multiselect-container>li.multiselect-group label {
  margin: 0;
  padding: 3px 20px 3px 20px;
  height: 100%;
  font-weight: 700;
}

.multiselect-container>li.multiselect-group-clickable label {
  cursor: pointer;
}

.multiselect-container>li>a {
  padding: 0;
}

.multiselect-container>li>a>label {
  margin: 0;
  height: 100%;
  cursor: pointer;
  font-weight: 400;
  padding: 3px 0 3px 5px;
}

.multiselect-container>li>a>label.radio,
.multiselect-container>li>a>label.checkbox {
  margin: 0;
  font-size: 11px;
}

.multiselect-container>li>a>label>input[type=checkbox] {
  margin-bottom: 5px !important;
  position: relative !important;
}

.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.form-inline .multiselect-container label.checkbox,
.form-inline .multiselect-container label.radio {
  padding: 3px 20px 3px 40px;
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox],
.form-inline .multiselect-container li a label.radio input[type=radio] {
  margin-left: -20px;
  margin-right: 0;
}

.staff-multiselect {
  width: 100%;
  display: block;
  float: left;
  margin-bottom: 10px;
}

.staff-multiselect label.control-label {
  color: #333333;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 11px;
  position: relative;
  top: 10px;
  width: 29%;
  float: left;
  font-weight: normal;
}

.staff-multiselect label.control-label::after {
  content: ':';
  position: absolute;
  right: 0;
}

.multiselect-native-select::after,
.multiselect-selected-text::after {
  content: '' !important;
}

.multiplecheck {
  width: 200px;
  float: left;
}

.multiplecheck b.caret {
  margin-top: 11px;
  position: absolute;
  right: 0;
}

.multiplecheck .multiselect.dropdown-toggle {
  padding: 0 0 6px 0;
  border: none;
  position: relative;
  position: relative;
  border-bottom: 1px solid #aaaaa7;
  border-radius: 0;
  background: transparent;
}

.multiplecheck .multiselect.dropdown-toggle:hover,
.multiplecheck .multiselect.dropdown-toggle:focus {
  color: #000;
  background: transparent;
}

.multiplecheck .form-group {
  margin-bottom: 0 !important;
}

.multiselect-selected-text {
  text-align: left;
  padding: 10px 0 0 10px !important;
}

.open>.dropdown-toggle.btn-default {
  background-color: transparent !important;
}

.open>.multiselect-container.dropdown-menu {
  width: 200px;
  min-width: 200px !important;
  margin-top: -32px;
  margin-left: 0px;
}

/*23-04-19*/
.multiple-notes {
  width: 100%;
  overflow: hidden;
  padding: 0 40px;
}

.multiple-notes textarea {
  width: 80%;
  min-width: 200px;
  border: none;
  border: 1px solid #b2b2b2;
  font-size: 12px;
  color: #555555;
  font-family: 'AvenirLTStd_book';
  padding: 10px 10px 10px 10px;
}

/*13-05-19*/

.email_template {
  width: 100% !important;
  float: left;
}

.email_template p input[type="text"] {
  width: 70%;
  min-width: 300px;
  max-width: 500px;
  border: none;
  border-bottom: 1px solid #b2b2b2;
  font-size: 12px;
  color: #555555;
  font-family: 'AvenirLTStd_book';
  padding: 10px 0;
}

.email_template textarea {
  width: 70%;
  min-width: 300px;
  max-width: 500px;
  border: none;
  border-bottom: 1px solid #b2b2b2;
  font-size: 12px;
  color: #555555;
  font-family: 'AvenirLTStd_book';
  padding: 10px 0;
}

.email_select_template {

  position: relative;
  float: left;
  min-width: 100%;
  margin: 0px 15px 0 0;
  min-height: 80px;

}

.email_select_template select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: auto;
  min-width: 300px;
  max-width: 500px;
  float: left;
  margin: 0px 0px 0 0px;
  padding: 5px 0 0 5px;
  font-size: 11px;
  color: #777777;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  line-height: 20px;
  color: #333;
  background-color: transparent;
  background-image: none;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #aaaaa7;
  -ms-word-break: normal;
  word-break: normal;
  position: relative;
  top: 0px;
}

.message_box {
  width: auto;
  padding: 0 40px;
  display: block;
  overflow: hidden;
}

.message_box span {
  font-size: 11px;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
}


.import_template_setting .order-buyer_infos_five,
.import_template_setting .acDtailsTop {
  overflow: visible !important;
}

.order-details_one_left-new h3 {
  font-size: 14px !important;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 5px !important;
}

.select_design {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 35px;
  margin: 0px 0px 0 0px;
  font-size: 11px;
  color: #777777;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  line-height: 20px;
  color: #333;
  background-color: transparent;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #aaaaa7;
  -ms-word-break: normal;
  word-break: normal;
  position: relative;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='34' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 0px;
  margin-right: 2rem;
  padding-left: 0.5rem;
  padding-right: 2rem;
}

.template_tab #myTab {
  border-bottom: none;
}

.template_tab #myTab>li.active>a {
  background-color: #f3f3ef;
  outline: none;
}

.template_tab #myTab>li>a:focus {
  outline: none;
}

.import_box.box_template {
  padding: 0 40px 40px;
}

.import_template_setting .top_details_order {
  margin-bottom: 0 !important;
}

.nav-tabs>li>a:focus {
  outline: none;
}

.template_order_icon {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  min-height: 100px;
  max-width: 395px;
}

.template_order_icon img {
  position: absolute;
  right: 0;
  top: 0;
}

/* 3105 */
.send_mail_details p:first-child input[type="text"] {
  max-width: 200px;
  min-width: auto !important;
}

.send_mail_details p input {
  width: 70% !important;
  background: transparent;
}

.send_mail_details p span {
  width: 150px;
  padding: 10px 15px 0 0;
}

.send_mail_details .shippingselectdiv_country {
  margin-bottom: 40px;
}

.send_mail .buyer_infos_submit_bttn a {
  padding: 8px 0px;
  background: #fff;
  border: none;
  color: #0fbbf3;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 10px;
  width: 86.7px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
}

.hide_menu {
  display: none !important;
}

/* 0506 */
.hmeNewFull {
  width: 100%;
  margin: 0 0 60px 0;
  overflow: hidden;
}

.dateDrpDwn {
  width: 100%;
  display: block;
  max-width: 300px;
  margin: 0 0 10px auto;
}

.hmeCounterSec {
  width: auto;
  max-width: 100%;
  overflow: hidden;
  background: #f7f7f7;
  padding: 30px 0px;
}

.hmeCntrBx {
  width: auto;
  min-width: 16.66%;
  max-width: 16.66%;
  float: left;
  background: #f7f7f7;
  padding: 0px 18px;
  border-right: 2px solid #858d99;
  text-align: left;
}

.hmeCntrBx:last-child {
  border: none;
}

.hmeCntrBx h5 {
  color: #74879b;
  font-family: 'AvenirLTStd_heavy';
  text-transform: uppercase;
  font-size: 12px;
}

.hmeCntrBx h2 {
  color: #74879b;
  font-family: 'AvenirLTStd_heavy';
  font-size: 38px;
  letter-spacing: -3px;
}

.hmeCntrBx h2 span {
  color: #3a99d8;
}

.hmeCntrBx p {
  font-family: 'AvenirLTStd_book';
  font-size: 12px;
  color: #74879b;
}

.hmeCntrBx p span.upRisingValue {
  color: #3a99d8;
  font-style: italic;
}

.hmeCntrBx p span.dwnGradingValue {
  color: red;
  font-style: italic;
}

.anychart-credits {
  display: none !important;
}

div[id^=ChrtCntainr] text {
  font-family: 'AvenirLTStd_book' !important;
}

div[id^=ChrtCntainr] {
  width: auto;
  max-width: 48%;
  min-width: 48%;
  height: 400px;
  margin: 30px 9.8px 0px;
  padding: 20px 5px;
  border: 1px solid #eeeeee;
  float: left;
}

.barchrtBx {
  width: auto;
  min-width: 48%;
  max-width: 400px;
  height: 400px;
  display: block;
  float: left;
  position: relative !important;
  margin: 30px 9.8px 0px;
  padding: 30px 5px 0;
  border: 1px solid #eeeeee;
}

.barchrtBx h6 {
  font-family: 'AvenirLTStd_book' !important;
  text-align: center;
  font-size: 16px;
  color: #656565;
}

#chartdiv text tspan {
  font-family: 'AvenirLTStd_book' !important;
  color: #656565;
}

#chartdiv {
  width: 100%;
  height: 330px;
  position: absolute !important;
}

.AmChartsLogo {
  display: none !important;
}

.track-expiry label {
  position: absolute;
  right: -45px;
  bottom: 0;
  text-transform: capitalize;
  font-weight: normal;
}

@media (max-width:767px) {
  .hmeCntrBx {
    width: auto;
    min-width: 70%;
    max-width: 70%;
    float: none;
    background: #f7f7f7;
    padding: 20px;
    margin: 0 auto;
    border-right: none;
    border-bottom: 2px solid #858d99;
    text-align: center;
  }

  .hmeCntrBx:last-child {
    border: none;
  }
}

@media (min-width:768px) and (max-width:1199px) {
  .hmeCounterSec {
    padding: 30px 0px 0;
  }

  .hmeCntrBx {
    width: auto;
    min-width: 33.33%;
    max-width: 33.33%;
    float: left;
    background: #f7f7f7;
    padding: 0px 15px;
    border-right: 2px solid #858d99;
    text-align: center;
    margin-bottom: 30px;
  }

  .hmeCntrBx:nth-of-type(3) {
    border: none;
  }
}

@media (max-width:1099px) {
  div[id^=ChrtCntainr] {
    width: auto;
    max-width: 98%;
    min-width: 98%;
    margin: 30px auto 0px;
    padding: 20px 5px;
    border: 1px solid #eeeeee;
    float: none;
  }

  .barchrtBx {
    width: auto;
    max-width: 98%;
    min-width: 98%;
    display: block;
    float: none;
    position: relative !important;
    margin: 30px auto 0px;
    padding: 40px 5px 0;
    border: 1px solid #eeeeee;
  }
}

@media (min-width:1100px) and (max-width:1199px) {
  div[id^=ChrtCntainr] {
    width: auto;
    max-width: 48%;
    min-width: 48%;
    margin: 30px 5px 0px;
    padding: 20px 5px;
    border: 1px solid #eeeeee;
    float: left;
  }

  .barchrtBx {
    width: auto;
    max-width: 48%;
    min-width: 48%;
    display: block;
    float: left;
    position: relative !important;
    margin: 30px 5px 0px;
    padding: 40px 5px 0;
    border: 1px solid #eeeeee;
  }
}


/* 0706 */
.ipAdrsSrchFrm {
  width: 100%;
  max-width: 300px;
  margin: 30px 0 30px auto;
}

.ipAdrsFieldsBox {
  margin: 20px auto;
  overflow: hidden;
}

.IPAdrsTableBoxes {
  width: 100%;
  margin: 30px auto;
}

.ipAdrsAccessChckBx {
  width: 100%;
  max-width: 300px;
  overflow: hidden;
  margin: 0 0 0px auto;
}

.ipAdrsAccessChckBx p {
  width: 195px;
  display: inline;
  font-size: 11px;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  position: relative;
  padding: 10px 0 0;
}

.ipAdrsAccessChckBx p:after {
  content: '';
}

.IPAdrsTbleBxSingle {
  width: 100%;
  display: block;
  margin: 50px 0 0px;
}

.small_text_fieldIPAddress {
  margin-bottom: 20px;
}

.small_text_fieldIPAddress span {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: bold;
}

.small_text_fieldIPAddress a {
  padding: 7px 15px;
  background: #0fbbf3;
  border: none;
  color: #fff !important;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 12px;
  border-radius: 0;
}

.small_text_fieldIPAddress a:hover {
  background: #131618;
}

#total_order {
  margin-bottom: 10px;
  font-weight: 600;
  color: #d20606;
}

@media (min-width:768px) {
  .ipAdrsAccessChckBx {
    width: 50%;
    max-width: 300px;
    overflow: hidden;
    margin: 0 0 0px auto;
    float: left;
  }

  .ipAdrsSrchFrm {
    width: 50%;
    max-width: 300px;
    margin: 0;
    float: right;
  }
}

/* 1306 */

.dateDrpDwn input#reportrange {
  border: none;
  font-size: 13px;
  cursor: pointer;
  width: 200px;
}

.dateDrpDwn button#bisearchsubmit {
  border: none;
  font-size: 18px;
  background: transparent;
  padding: 2px 5px 0;
  float: right;
}

.dropdown_height {
  max-height: 203px;
  height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
}

/* 2106 */
.platform-price-list {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}

.platform-price-list .plat-btn {
  border: none;
  background: transparent;
  color: #083b66;
}

.platform-price-list input[type="number"] {
  background-color: transparent;
  background-image: none;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #cccccc;
  width: auto;
  height: 34px;
  padding: 5px 0 0 0px;
  margin: -7px 0 0 0;
  font-size: 14px;
  font-family: 'AvenirLTStd_book';
}

.platform-price-list select {
  font-size: 14px !important;
  padding: 5px 20px 0 0px !important;
}


/* 2906 */
.due_dt input[type="date"] {
  width: auto;
  min-width: 150px;
  border: none;
  border-bottom: 1px solid #b2b2b2;
  font-size: 16px;
  color: #555555;
  font-family: 'AvenirLTStd_book';
  padding: 10px 0;
  margin-right: 10px;
}

.due_dt select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 30px;
  height: 46px;
  /*! float: right; */
  margin: 0px 0px 0 0px;
  padding: 5px 0 0 5px;
  font-size: 11px;
  color: #777777;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  line-height: 20px;
  color: #333;
  background-color: transparent;
  background-image: none;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #aaaaa7;
  -ms-word-break: normal;
  word-break: normal;
  position: relative;
}

.text-content-fields h3 {
  font-family: "Open Sans", sans-serif;
  color: #333545;
  padding: 0 0 30px 0;
}

/*****02-07-19*****/
.input-btn {
  padding: 7px 30px;
  background: #0fbbf3;
  border: none;
  color: #fff;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 10px;
}

.cart_btn_update {
  cursor: pointer;
  font-size: 12px;
  font-family: 'AvenirLTStd_book';
  color: #0fbbf3;
  text-transform: uppercase;
  font-size: 11px;
  background: transparent;
  border: none;
  height: 30px;
}

.track_btn {
  width: auto;
  text-align: center;
  text-decoration: none !important;
  float: right;
  margin: 10px;
}


/* 0307 */
.contact_radio {
  border: none !important;
  background: transparent !important;
}

.task_alert {
  color: red;
}

/* 0807 */
#cartproduct section {
  width: 25%;
  float: left;
}

#cartproduct section:nth-child(4) div#field1 {
  float: right;
}

#cartproduct section:nth-child(4) div#field1 input[type="number"] {
  border: none;
  border-bottom: 1px solid #c2c2c2 !important;
}

#cartproduct section:nth-child(5) input[type="submit"] {
  width: 55px;
}

/* 1507 */
.blue_drpdwn_box_noBorder {}

#dropdownMenu1 {
  background: transparent;
  border: none;
  text-transform: uppercase;
}

#dropdownMenu1:focus,
#dropdownMenu1:hover {
  color: #000;
  outline: none;
}

.leftt {
  float: left;
  width: 40px;
  height: 40px;
  text-align: left;
  background: transparent;
  border: none;
}

.leftt button,
.rightt button {
  background: #fff;
  border: none;
  position: relative;
  top: 27px;
}

.internal {
  width: 125px;
  height: 100%;
  display: inline-block;
  border-right: 1px solid #e1e2e2;
  margin-left: -3px;
}

.internal:last-child {
  border: none;
}

.centerr {
  float: left;
  width: 90%;
  /*height: 200px;*/
  margin: 1px;
  overflow: hidden;
  white-space: nowrap;
}

.rightt {
  float: right;
  width: 40px;
  height: 40px;
  text-align: right;
  background: transparent;
  border: none;
}

.dropdown-menu {
  width: 170px;
  min-width: 170px;
  top: 63px !important;
  margin-left: -15px;
}

.internal .dropdown {
  padding: 20px 0;
  height: 100%;
  background: transparent;
  border-top: 3px solid transparent;
  text-align: center;
}

.internal .dropdown.open {
  background: #fff;
  border-top: 3px solid #0fbcf4;
}

.internal .dropdown.open button i.icon-filters-dropdown {
  color: #0fbcf4;
}

.disabled-list {
  pointer-events: none;
  color: #bababa !important;
}

.internal a {
  text-decoration: none;
  color: #000;
}

.channel-integration-btn {
  color: #fff;
  background-color: #0fbcf4;
  border-color: #0fbcf4;
  max-width: 300px;
  width: 280px;
}


@media (max-width:767px) {
  .centerr {
    width: 72%;
  }
}

@media (min-width:768px) and (max-width:991px) {
  .centerr {
    width: 80%;
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .centerr {
    width: 87%;
  }
}

/* 1907 */
.order_list_table.task_list>tbody>tr>td:nth-child(3) {
  min-width: 220px;
}

.hide-order-btn {
  display: none !important;
}

/* 2207 */
.ext-btn span {
  padding: 5px 10px;
  background: #0fbcf4;
  font-size: 14px;
  color: #fff;
}

.ext-btn span:hover {
  color: #fff;
  background: #4c96d7;
  text-decoration: none;
}

.ext-btn span a {
  color: #fff;
  text-decoration: none;
}

/* 2407 */
.small_text_field input.add-note {
  padding: 7px 30px;
  background: #0fbbf3;
  border: none;
  color: #fff;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 10px;
  min-width: 170px;
}

@media (max-width:767px) {
  .small_text_field input.add-note {
    display: block;
    margin-bottom: 7px;
  }

  .buyer_infos_submit_bttn .update_plat_btn {
    display: block;
    margin-bottom: 7px;
    min-width: 170px;
    text-align: center;
  }

  .shippingselectdiv_country>p>a.link_view {
    float: right;
    position: absolute;
    left: 7px;
    top: 55px;
  }

  .company_setting .order-buyer_infos_five_left_container {
    padding: 0 10px !important;
  }
}

@media (min-width:416px) {
  .shippingselectdiv_country>p>a.link_view {
    float: right;
    position: absolute;
    right: -45px;
    top: 27px;
  }
}

/* 2407 - new in order page */
.newTggleBttnOrdr {
  width: auto;
  display: block;
  margin: 30px 0 0;
  padding: 7px 25px;
  background: #0fbbf3;
  border: none;
  color: #fff;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 10px;
}


/* 2707 */

.company_setting {
  width: auto !important;
  max-width: 650px !important;
}

.company_setting .top_details_order p input[type="file"] {
  float: left;
}

.company_setting .top_details_order p img#blah {
  float: left;
  width: 20%;
  height: auto;
  max-width: 90px;
}



/* 2307 */
.ftpSiteNameHdin {
  width: 100%;
  text-align: center;
  font-size: 45px;
  color: #1c2536;
  font-family: 'AvenirLTStd_heavy';
}

#ftpPageMainBox {
  width: auto;
  margin: 30px auto;
  max-width: 700px;
  overflow: visible;
  padding: 0 0px 30px 0px;
  background: #f3f3ef;
}

.ftpTabLabels {
  text-align: center;
  top: -15px;
  position: relative;
}

.ftpTabLabels>li {
  float: none;
  display: inline-block;
  background: #1c2536;
  color: #fff;
}

.ftpTabLabels>li.active>a {
  background: #1567e1 !important;
  color: #fff;
}

.ftpTabLabels>li>a {
  color: #fff;
}

.ftpTabLabels>li+li {
  margin-left: -3px;
}

.ftpTabLabels>li>a {
  border-radius: 0px;
}

.ftpTabLabels>li>a:hover,
.ftpTabLabels>li>a:focus {
  background: #1567e1;
  outline: none;
}

.ftpTabContainer {
  width: auto;
  min-height: 500px;
  padding: 0 50px 0 0;
}

.vodiapicker {
  display: none;
}

#a {
  padding-left: 0px;
}

#a img,
.btn-select img {
  width: 33px;
}

#a li {
  list-style: none;
  padding: 5px 20px;
  font-family: 'AvenirLTStd_book';
}

#a li:hover {
  background-color: #0b6edf;
  color: #fff;
}

#a li img {
  margin: 5px;
}

#a li span {
  margin-left: 24px;
}

.btn-select li span {
  margin-left: 30px;
}

/* item list */
.b {
  display: none;
  width: 100%;
  max-width: 400px;
  position: absolute;
  left: 0px;
  background: #fff;
  border: 1px solid #1c2536;
  padding: 15px 0px;
  z-index: 9;
}

/*.open{display: show !important;}*/
.bttnSelectFtp {
  position: relative;
  width: 100%;
  max-width: 400px;
  background: #1c2536;
  color: #fff;
  height: 45px;
  border: none;
}

.bttnSelectFtp li {
  list-style: none;
  float: left;
  padding: 5px 14px;
  font-family: 'AvenirLTStd_book';
}

.bttnSelectFtp:hover li {
  margin-left: 0px;
}

.bttnSelectFtp:hover {
  border: none;
}

.bttnSelectFtp:focus {
  outline: none;
  border: none;
}

.lang-select {
  margin-top: 30px;
  position: relative;
  width: 100%;
  display: block;
  float: left;
}

.lang-slct {
  position: relative;
  width: 70%;
  float: right;
}

.bttnSelectFtp:after {
  content: '';
  width: 30px;
  height: 45px;
  color: #fff;
  position: absolute;
  right: 0px;
  top: 0;
  bottom: :0;
  background: url(../images/FTPSelectArrow.jpg) no-repeat center center;
}

.ftpFieldsLabels {
  text-transform: capitalize;
  font-size: 15px;
  font-weight: bold;
  padding-right: 15px;
  float: left;
  min-width: 30%;
  width: 30%;
  text-align: right;
  padding-top: 27px;
  line-height: 18px;
}

.lang-slct input[type="text"],
.lang-slct input[type="password"] {
  width: 100%;
  max-width: 400px;
  background: #1c2536;
  color: #fff;
  height: 45px;
  border: none;
  padding: 0 20px;
}

.ftpFieldsRow {
  margin-top: 30px;
  width: 100%;
  display: block;
  float: left;
}

input.ftpUsername {
  width: 70% !important;
  float: left;
}

.ftpUsrnmeBttn {
  background: #165ecd;
  border: none;
  height: 45px;
  color: #fff;
  margin-left: 0px;
  padding: 0 10px;
  font-size: 15px;
}

#file-7,
#file-8 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none;
}

.js .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.inputfile+label {
  max-width: 99%;
  font-size: 1.25rem;
  /* 20px */
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 0.625rem 1.25rem;
  /* 10px 20px */
}

.no-js .inputfile+label {
  display: none;
}

.inputfile:focus+label,
.inputfile.has-focus+label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

.inputfile+label * {
  /* pointer-events: none; */
  /* in case of FastClick lib use */
}

.inputfile+label svg {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: currentColor;
  margin-top: -0.25em;
  /* 4px */
  margin-right: 0.25em;
  /* 4px */
}

/* style 6 */
.inputfile-6+label {
  color: #d3394c;
}

.inputfile-6+label {
  /*border: 1px solid #d3394c; background-color: #f1e5e6;*/
  padding: 0;
}

.inputfile-6:focus+label,
.inputfile-6.has-focus+label,
.inputfile-6+label:hover {
  /*border-color: #722040;*/
}

.inputfile-6+label strong {
  padding: 12px 10px;
  font-weight: normal;
}

.inputfile-6+label span {
  width: 314px;
  max-width: 400px;
  min-height: 45px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
  padding: 11px 20px;
  color: #fff;
  background: #1c2536;
  max-height: 45px;
  font-size: 14px;
}

.inputfile-6+label strong {
  height: 45px;
  color: #f1e5e6;
  background-color: #165ecd;
  display: inline-block;
  margin-left: -4px;
  max-height: 45px;
  font-size: 15px;
}

.ftpCreatedDate {
  margin-top: 0;
}

h6.ftpCratdDateDetails {
  font-size: 18px;
  line-height: 18px;
  padding: 26px 0 0;
  font-weight: 600;
  color: #1c2536;
}

.ftpFttrBttmButtons p button {
  background: #165ecd;
  padding: 8px 25px;
  color: #fff;
  font-family: 'AvenirLTStd_book';
  font-size: 10px;
  text-transform: uppercase;
  border: none;
  min-width: 100px;
}

.ftpFttrBttmButtons {
  margin: 40px auto 0px;
  overflow: visible;
  padding: 0px 0px;
  background: transparent;
  width: 100%;
  float: left;
}

.ftpFttrBttmButtons p {
  text-align: right;
}

.ftpTabTwoFldRow {
  width: auto;
  padding: 0 0 0 40px;
}

.cntainr {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cntainr i {
  font-size: 14px;
  color: #1c2536;
  font-style: normal;
}

/* Hide the browser's default checkbox */
.cntainr input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.ftpcheckmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border: 1px solid #bdbdbd;
}

/* On mouse-over, add a grey background color */
.cntainr:hover input~.ftpcheckmark {
  background-color: ;
}

/* When the checkbox is checked, add a blue background */
.cntainr .ftpChckbxInput:checked~.ftpcheckmark {
  background-color: #1567e1;
}

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

/* Show the checkmark when checked */
.cntainr .ftpChckbxInput:checked~.ftpcheckmark:after {
  display: block;
}

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

.ftpChckBxTxtFld {
  background: transparent;
  border: none;
  border-bottom: 1px solid #999 !important;
  width: 50px;
  color: #999;
  text-align: right;
  font-size: 12px;
}

.ftpChckbxDisable {
  opacity: 0.3;
  /* Older than Firefox 0.9 */
  -moz-opacity: 0.3;
  /* Safari 1.x (pre WebKit!) */
  -khtml-opacity: 0.3;
  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=30);
}

.ftpFieldsRowFrTabTwo {
  width: auto;
  padding-left: 50px;
  min-width: 100%;
}

.ftpFieldsRowFrTabTwo select {
  width: 100%;
  padding: 5px;
  font-size: 16px;
  line-height: 1;
  border: 0;
  height: 45px;
  max-height: 45px;
  background: url(../images/FTPSelectArrow.jpg) no-repeat top right #1c2536;
  -webkit-appearance: none;
  color: #fff;
  font-size: 14px;
}

input.ftpUsrnmetabTwo {
  width: 100% !important;
  max-width: 100% !important;
}

.tooltipp {
  position: relative;
  display: block;
  padding: 50px 0 0;
}

.tooltipp .tooltiptxt {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltipp:hover .tooltiptxt {
  visibility: visible;
}

/*19-08-19*/
.manual_order_setting span {
  display: inline;
  font-size: 11px;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  position: relative;
  float: left;
  padding: 10px 0 0;
}

.image_setting_list {
  width: 45%;
  float: right;
}




@media (max-width:767px) {
  .inputfile-6+label strong {
    display: block;
  }
}




@media (max-width:767px) {
  #ftpPageMainBox {
    max-width: 100%;
  }

  .ftpFieldsLabels,
  .lang-slct {
    float: none;
    min-width: 100%;
    width: 100%;
    text-align: left;
  }

  #ftpPageMainBox {
    padding: 0 10px 30px;
  }

  .ftpTabContainer {
    padding: 0 0px 0 0;
  }

  .ftpTabTwoFldRow {
    padding: 0 0 0 0px;
  }

  .ftpFieldsRowFrTabTwo {
    padding-left: 0px;
  }

  .list_filter_cls .select_design {
    width: 90px;
  }
}

@media (min-width:768px) and (max-width:991px) {
  #ftpPageMainBox {
    max-width: 100%;
  }

  .ftpFieldsLabels,
  .lang-slct {
    float: none;
    min-width: 100%;
    width: 100%;
    text-align: left;
  }

  #ftpPageMainBox {
    padding: 0 30px 30px;
  }

  .ftpTabContainer {
    padding: 0 0px 0 0;
  }

  .ftpTabTwoFldRow {
    padding: 0 0 0 10px;
  }

  .ftpFieldsRowFrTabTwo {
    padding-left: 0px;
  }
}

@media (min-width:992px) and (max-width:1199px) {}

.ftpFieldsRowFrTabone select {
  width: 400px;
  padding: 5px;
  font-size: 16px;
  line-height: 1;
  border: 0;
  height: 45px;
  max-height: 45px;
  background: url(../images/FTPSelectArrow.jpg) no-repeat top right #1c2536;
  -webkit-appearance: none;
  color: #fff;
  font-size: 14px;
}

.notext-btn span {
  padding: 5px 10px;
  background: #f10808;
  font-size: 14px;
  color: #fff;
}

/* 07-08-19 */
.ordrTrckFrmFull {
  width: 100%;
  padding: 15px 0;
}

.ordrTrckFrmFull h4 {
  font-size: 24px;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  padding-bottom: 30px;
}

.custom-select {
  border: none;
  border-radius: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  cursor: pointer;
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 0 10px 10px 0;
  width: 25%;
  min-width: 100px;
  color: #666;
  border-bottom: 1px solid #aaaaa7 !important;
}

.custom-select {
  background: #fff url(../images/slctArrwOTrck.png) right 8px no-repeat;
}

.ordrTrckFrmRow {
  width: 100%;
  padding: 15px 0;
  display: block;
  overflow: hidden;
}

.ordrTrckFrmRow p span {
  font-family: 'AvenirLTStd_book';
  min-width: 140px;
  width: 30%;
  max-width: 140px;
  display: inline-block;
}

.ordrTrckFrmRwTxtFld {
  display: inline-block;
  min-width: 50%;
  margin-right: 0px;
  float: left;
}

.ordrTrckFrmRwTxtFld input[type="text"],
.ordrTrckFrmRwTxtFld input[type="date"] {
  border: none;
  border-radius: 0;
  color: #666;
  border-bottom: 1px solid #aaaaa7 !important;
  width: 60%;
  padding: 5px;
}

.ordrTrckFrmRwSbmtFld {
  display: inline-block;
  min-width: 50px;
}

.ordrTrckFrmRwSbmtFld input[type="submit"] {
  padding: 7px 30px;
  background: #0fbbf3;
  border: none;
  color: #fff;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 10px;
}

.trckSrchHalfParent {
  width: 100%;
  display: block;
  overflow: hidden;
}

@media (max-width:767px) {
  .custom-select {
    width: 25%;
    min-width: 200px;
    display: inline-block;
  }

  .ordrTrckFrmRwTxtFld {
    display: block;
    min-width: 320px;
    margin-right: 0px;
    margin-bottom: 20px;
    width: 100%;
  }

  .ordrTRwNoSpace {
    padding-bottom: 0;
  }

  .ordrTRwNoSpaceBttm {
    padding-top: 0;
  }
}

@media (min-width:768px) and (max-width:1199px) {
  .custom-select {
    width: 25%;
    min-width: 200px;
  }

  .ordrTrckFrmRwTxtFld {
    display: block;
    min-width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .ordrTRwNoSpace {
    padding-bottom: 0;
  }

  .ordrTRwNoSpaceBttm {
    padding-top: 0;
  }
}

/* 12-08 */
.select_warehouse {
  min-width: 320px;
}

.select_warehouse .buyer_infos_submit_bttn {
  float: right;
  padding: 0;
  width: auto !important;
  margin-top: 21px;
}

.add_tt,
.add_tt a {
  margin-top: 0 !important;
}

/*13-08-19*/
.payment_table td p input {
  position: relative;
  float: left;
  margin: 0px 15px 0 0;
  width: 100px;
  border: none;
  border-bottom: 1px solid #ccc;
  background: transparent;
  padding: 1px 2px;
  font-size: 15px;
}

.picked_qty {
  min-width: 243px;
}

;


.ship_date {
  max-width: 450px !important;
}

.ship_date p {
  font-size: 10px !important;
  font-weight: 700;
}

/*20-09-19*/
.order_image_view_text {
  margin-left: 0px;
  color: #333333;
  font-family: 'AvenirLTStd_book';
  font-size: 11px;
  text-transform: uppercase;
}

.update_dispatch_qty {
  padding: 7px 30px !important;
  background: #0fbbf3 !important;
  border: none !important;
  color: #fff !important;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase !important;
  font-size: 10px !important;
}

/* 2309 */
#myTabs {
  min-width: 210px;
  top: 62px !important;
}

.orderSortblePart,
.orderSortbleListPart {
  width: auto;
  padding: 20px 15px 0;
  font-family: 'AvenirLTStd_heavy';
}

.orderSortblePart ul li {
  padding: 5px 0;
  cursor: pointer;
}

.orderSortblePart input[type="submit"],
.orderSortbleListPart input[type="submit"] {
  border: none;
  background: #0fbcf4;
  font-family: 'AvenirLTStd_heavy';
  color: #fff;
  padding: 5px 15px;
  font-size: 15px;
  margin: 15px 0;
}

.clmnSttinDiv {
  max-height: 120px;
  width: 100%;
  padding: 0px;
  margin: 0px;
  border: none;
  overflow-y: scroll;
  overflow-x: hidden;
}

.cuntenar {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 15px;
}

.cuntenar input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.chckmrkbx {
  position: absolute;
  top: 2px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee;
}

.cuntenar:hover input~.chckmrkbx {
  background-color: #ccc;
}

.cuntenar input:checked~.chckmrkbx {
  background-color: #2196F3;
}

.cuntenar .chckmrkbx:after {
  content: "";
  position: absolute;
  display: none;
}

.cuntenar input:checked~.chckmrkbx:after {
  display: block;
}

.cuntenar .chckmrkbx:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* 1510 */
#moreNoti_list {
  margin: 0px auto;
  width: 100%;
  max-height: 250px;
  overflow-y: scroll;
}

#myNotifModal .modal-dialog {
  max-width: 730px;
  width: 90%;
}

.hmepgNotificationBox {
  width: 99%;
  padding: 20px 0;
  background: grey;
}

.hmepgNotificationBox h4 {
  font-size: 20px;
  font-family: 'AvenirLTStd_heavy';
  padding: 0 30px 20px;
  color: white;
  text-transform: uppercase;
  line-height: 30px;
}

.hmepgNotificationBox h6 {
  font-size: 14px;
  font-family: 'AvenirLTStd_heavy';
  padding: 0 30px 20px;
  color: white;
  line-height: 20px;
}

.NotiBttnBody {
  padding: 0 40px 0 0px;
  text-align: right;
}

.NotiBttnBody button {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  color: #0fbcf4 !important;
  text-transform: uppercase;
  font-size: 14px;
  font-family: 'AvenirLTStd_heavy'
}

.NotiBttnBody button:focus {
  border: none !important;
  outline: none !important;
}

.notifClose {
  background: transparent;
  border: none;
  margin: -20px 10px 5px auto;
  display: block;
  color: #fff;
  font-size: 20px;
}

/****** 30-10-19 ******/
.xml_textarea {
  border: 1px solid #b2b2b2;
  padding: 6px
}

/* 16-11-19 */
.addthreecol {
  margin-right: 10px !important;
  min-width: 190px !important;
  width: 32%;
}

.addthreecol p {
  padding-left: 10px !important;
}

.addthreecol.shippingselectdiv_country span:after {
  margin-left: 10px;
}

.addthreecol:nth-child(2) select {
  width: 232px;
}

.addthreecol:nth-child(3) {
  margin-right: 0px !important;
}

.addthreecol:nth-child(3) p span {
  max-width: 100px;
  position: absolute;
}

.addthreecol2 {
  margin-right: 10px !important;
  min-width: 190px !important;
  width: 32%;
}

.addthreecol2 p {
  padding-left: 10px !important;
}

.addthreecol2.shippingselectdiv_country span:after {
  margin-left: 10px;
}

.addthreecol2:nth-child(2) select {
  width: 187px;
}

.addthreecol2:nth-child(3) {
  margin-right: 0px !important;
}

.addthreecol2:nth-child(3) p span {
  max-width: 100px;
  position: absolute;
}

.addfourcol {
  width: 23.5%;
  float: left;
  margin: 10px 7px;
  position: relative;
  padding: 5px;
}

.addfourcol span {
  color: #333333;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 11px;
}

.addfourcol:nth-child(1) input[type="text"] {
  min-width: 100%;
  display: block;
  color: #777777;
  font-size: 13px;
  font-family: 'AvenirLTStd_book';
}

.addfourcol:nth-child(2) select {
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 5px 0 5px 5px;
  color: #777777;
  font-size: 13px;
  font-family: 'AvenirLTStd_book';
  min-width: 100%;
  display: block;
}

.addfourcol:nth-child(3) input {
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 5px 0 5px 5px;
  color: #777777;
  font-size: 13px;
  font-family: 'AvenirLTStd_book';
  min-width: 100%;
  display: block;
}

.addfourcol input:focus,
.addfourcol select:focus {
  outline: none !important;
}

.proserach {
  height: 190px !important;
}

.addOrdrCntctEdtBox {
  padding: 10px 0 !important;
}

.addOrdrCntctEdtBox .select_contactdiv {
  margin: 0 auto 40px !important;
}

.addOrdrCntctEdtBox .select_contactdiv #contact_details:focus {
  outline: none !important;
}

.product-se {
  padding: 0px 0 !important;
}

.product-se div.totalTable {
  padding: 0px 0 0 0 !important;
}

/* 1510 */
#moreNoti_list {
  margin: 0px auto;
  width: 100%;
  max-height: 250px;
  overflow-y: scroll;
}

#myNotifModal .modal-dialog {
  max-width: 730px;
  width: 90%;
}

.hmepgNotificationBox {
  width: 99%;
  padding: 20px 0;
  background: grey;
}

.hmepgNotificationBox h4 {
  font-size: 20px;
  font-family: 'AvenirLTStd_heavy';
  padding: 0 30px 20px;
  color: white;
  text-transform: uppercase;
  line-height: 30px;
}

.hmepgNotificationBox h6 {
  font-size: 14px;
  font-family: 'AvenirLTStd_heavy';
  padding: 0 30px 20px;
  color: white;
  line-height: 20px;
}

.NotiBttnBody {
  padding: 0 40px 0 0px;
  text-align: right;
}

.NotiBttnBody button {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  color: #0fbcf4 !important;
  text-transform: uppercase;
  font-size: 14px;
  font-family: 'AvenirLTStd_heavy'
}

.NotiBttnBody button:focus {
  border: none !important;
  outline: none !important;
}

.notifClose {
  background: transparent;
  border: none;
  margin: -20px 10px 5px auto;
  display: block;
  color: #fff;
  font-size: 20px;
}

/****** 30-10-19 ******/
.xml_textarea {
  border: 1px solid #b2b2b2;
  padding: 6px
}


/* 1511 */
.sttinTopSecBttons {
  width: 100%;
  margin: 20px auto 10px;
  text-align: right;
}

.sttinTopSecBttons p button {
  padding: 5px 8px;
  background: #f1f1f1;
  border: none;
  margin: 5px;
  text-align: center;
  border-radius: 1px;
  box-shadow: 1px 1px 2px #ccc;
  min-width: 100px;
  min-height: 35px;
  max-width: 100px;
  color: #333;
  font-size: 14px;
  font-weight: 600;
}

.sttinTopSecBttons p button:focus,
#myAddNewPopModal .modal-footer p button,
#myNextSubmitPopModal .modal-footer p button,
#myAddNewPopModal button.close,
#myNextSubmitPopModal button.close {
  outline: none;
}

#sttinsShopifyTable,
.scrolltable {
  border: 1px solid #ccc;
}

#sttinsShopifyTable .all_chck_box,
.scrolltable .all_chck_box {
  width: 100%;
  padding: 0;
  background: transparent;
}

@-moz-document url-prefix() {

  #sttinsShopifyTable .checkmark_list {
    /* top: 19px !important; */
    left: -1.8px;
  }

  .scrolltable .checkmark_list {
    top: 19px !important;
    left: -1.8px;
  }

  .ShopifyNameTable {
    border-left: 2px solid #ccc;
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {

  #sttinsShopifyTable .checkmark_list {
    /* top: 6px; */
    left: -1.8px;
  }

  .scrolltable .checkmark_list {
    top: 6px;
    left: -1.8px;
  }

  #sttinsShopifyTable .all_chck,
  .scrolltable .all_chck {
    margin-left: 0;
    top: 6px;
    left: -8px;
  }

  .ShopifyNameTable {
    border-left: none !important;
  }
}

#sttinsShopifyTable .has-switch,
.scrolltable .has-switch {
  min-width: 60px !important;
}

#sttinsShopifyTable .make-switch,
.scrolltable .make-switch {
  margin-top: 4px;
}

#sttinsShopifyTable thead th,
.scrolltable thead th {
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  font-family: 'AvenirLTStd_book';
  background: #333;
}

#sttinsShopifyTable>tbody>tr>td,
#sttinsShopifyTable>thead>tr>th,
.scrolltable>tbody>tr>td,
.scrolltable>tbody>tr>th {
  border-right: 1px solid #ccc;
}

#sttinsShopifyTable>tbody>tr>td:last-child,
#sttinsShopifyTable>thead>tr>th:last-child,
.scrolltable>tbody>tr>td:last-child,
.scrolltable>thead>tr>th:last-child {
  border-right: none;
}

#sttinsShopifyTable>thead>tr>th,
.scrolltable>thead>tr>th {
  border-bottom: none;
}

#sttinsShopifyTable>tbody>tr>td,
#sttinsShopifyTable>thead>tr>th,
.scrolltable>tbody>tr>td,
.scrolltable>thead>tr>th {
  border-top: none;
}

#sttinsShopifyTable>tbody>tr>td,
.scrolltable>tbody>tr>td {
  font-size: 14px;
  font-family: 'AvenirLTStd_book';
}

#sttinsShopifyTable tbody tr td:last-child p i,
.scrolltable tbody tr td:last-child p i {
  padding: 8px 0 0;
  background: #f1f1f1;
  margin: 1px 0 0px 4px;
  min-width: 28px;
  text-align: center;
  min-height: 28px;
  border-radius: 1px;
  box-shadow: 1px 1px 2px #ccc;
}

#sttinsShopifyTable .has-switch span.switch-primary,
#sttinsShopifyTable .has-switch span.switch-left,
#sttinsShopifyTable .has-switch span.switch-right,
.scrolltable .has-switch span.switch-primary,
.scrolltable .has-switch span.switch-left,
.scrolltable .has-switch span.switch-right {
  font-size: 12px;
}

#sttinsShopifyTable .has-switch span,
#sttinsShopifyTable .has-switch label,
.scrolltable .has-switch span,
.scrolltable .has-switch label {
  padding-bottom: 0;
  padding-top: 0;
}

.dataTables_scrollBody {
  margin-bottom: 15px;
}

#myAddNewPopModal .modal-dialog {
  width: 95%;
  margin: 0px auto 0 auto;
  max-width: 750px;
}

#myAddNewPopModal .modal-content {
  padding: 0;
}

#myAddNewPopModal .modal-header {
  padding: 15px;
  border-bottom: 1px solid #ccc;
  background: #47678e;
}

#myAddNewPopModal .modal-title {
  font-size: 16px;
  font-family: 'AvenirLTStd_book';
  color: #fff;
  font-weight: 600;
  text-transform: capitalize;
}

#sttinsShppinSitesList {
  width: 100%;
  border: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  max-height: 200px;
  overflow-y: scroll;
}

#sttinsShppinSitesList li {
  border-bottom: 1px solid #f1f1f1;
  padding: 0;
}

#sttinsShppinSitesList li:last-child {
  border-bottom: none;
}

#sttinsShppinSitesList input[type="radio"]+label {
  display: block;
  padding: 5px 10px;
  font-size: 14px;
}

#sttinsShppinSitesList input[type="radio"]+label img {
  margin-right: 10px;
  border-right: 1px solid #ccc;
  padding-right: 10px;
}

#sttinsShppinSitesList input[type="radio"]+label:before,
#sttinsShppinSitesList input[type="radio"]+label:after {
  display: none;
}

#sttinsShppinSitesList input[type="radio"]:checked+label {
  background: #bcd1e3;
  color: #fff;
}

#sttinsShppinSitesList input[type="radio"]:checked+label,
#sttinsShppinSitesList input[type="radio"]:not(:checked)+label {
  cursor: pointer;
}

#sttinsShppinSitesList li:nth-child(even) {
  background: #f7f7f7;
}

#sttinsShppinSitesList li:nth-child(odd) {
  background: #FFF
}

#myAddNewPopModal .modal-footer {
  padding: 5px 15px 15px;
  text-align: right;
  border-top: 0;
}

#myAddNewPopModal .modal-footer p button {
  padding: 5px 8px;
  background: #f1f1f1;
  border: none;
  margin: 5px;
  text-align: center;
  border-radius: 1px;
  box-shadow: 1px 1px 2px #ccc;
  min-width: 100px;
  min-height: 35px;
  max-width: 100px;
  color: #333;
  font-size: 14px;
  font-weight: 600;
}

#myAddNewPopModal .close {
  color: #fff;
  filter: alpha(opacity=70);
  opacity: .7;
}

#myNextSubmitPopModal .modal-dialog,
div[id^=myNextSubmitPopModal] .modal-dialog {
  width: 95%;
  margin: 0px auto 0 auto;
  max-width: 1050px;
}

#myNextSubmitPopModal .modal-content,
div[id^=myNextSubmitPopModal] .modal-content {
  padding: 0;
}

#myNextSubmitPopModal .modal-header,
div[id^=myNextSubmitPopModal] .modal-header {
  padding: 15px;
  border-bottom: 1px solid #ccc;
  background: #47678e;
}

#myNextSubmitPopModal .modal-title,
div[id^=myNextSubmitPopModal] .modal-title {
  font-size: 16px;
  font-family: 'AvenirLTStd_book';
  color: #fff;
  font-weight: 600;
  text-transform: capitalize;
}

#myNextSubmitPopModal .modal-footer,
div[id^=myNextSubmitPopModal] .modal-footer {
  padding: 5px 15px 15px;
  text-align: right;
  border-top: 0;
}

#myNextSubmitPopModal .modal-footer p button,
div[id^=myNextSubmitPopModal] .modal-footer p button {
  padding: 5px 8px;
  background: #f1f1f1;
  border: none;
  margin: 5px;
  text-align: center;
  border-radius: 1px;
  box-shadow: 1px 1px 2px #ccc;
  min-width: 100px;
  min-height: 35px;
  color: #333;
  font-size: 14px;
  font-weight: 600;
}

#myNextSubmitPopModal .sttinNextModalTabBox,
div[id^=myNextSubmitPopModal] .sttinNextModalTabBox {
  padding: 0px 0px;
  border: none !important;
}

#myNextSubmitPopModal .sttinNextModalTabBox .import_box,
div[id^=myNextSubmitPopModal] .sttinNextModalTabBox .import_box {
  border: none;
  background: transparent;
}

#myNextSubmitPopModal .sttinNextModalTabBox .import_box.box_template,
div[id^=myNextSubmitPopModal] .sttinNextModalTabBox .import_box.box_template {
  padding: 0 0px 0px;
}

#myNextSubmitPopModal .import_box.box_template .order-buyer_infos_five.mngUserCntntPrt,
div[id^=myNextSubmitPopModal] .import_box.box_template .order-buyer_infos_five.mngUserCntntPrt {
  padding-bottom: 0;
}

#myNextSubmitPopModal .close,
div[id^=myNextSubmitPopModal] .close {
  color: #fff;
  filter: alpha(opacity=70);
  opacity: .7;
  background: transparent;
  border: none;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f !important;
  border-color: #d43f3a !important;
}

/*.order-buyer_infos_five_left_container p input[type="text"]{ margin-left: 50px;width: auto; min-width: 200px; border: none;border-bottom: 1px solid #b2b2b2;font-size: 12px;color: #555555;font-family: 'AvenirLTStd_book';padding: 10px 0;}*/

/*** 12-12-19 **/

.remove-margin {
  margin-left: 0px !important;
}

.addfourcol_right {
  width: 23.5%;
  float: right;
  margin: 10px 7px;
  position: relative;
  padding: 5px;
}

/**** 30-12-19 ****/
.order_list_table td p input {
  position: relative;
  float: left;
  margin: 0px 15px 0 0;
  width: 100px;
  border: none;
  border-bottom: 1px solid #ccc;
  background: transparent;
  padding: 1px 2px;
  font-size: 15px;
}

.btn-purple {
  color: #fff !important;
  background-color: #6a0dad !important;
  border-color: #6a0dad !important;
}

.temp_order_headercode img {
  float: left;
  width: 25px;
}

@media only screen and (min-width: 1200px) {
  .temp_order_headercode .headercode_class {
    line-height: 2.5em;
  }

  .list_filter_cls .select_design {
    width: 130px;
  }
}




/****** 09-04-2020 ******/

.opp_area {
  border: 1px solid #ccc;
  padding: 0;
  top: 20px;
  position: relative;
}

.opp_area h3 {
  padding: 10px 10px 15px;
  font-size: 20px;
  font-weight: 600;
  border-bottom: 1px solid #ccc;
}

.opp_area .input_box {
  width: 100%;
  float: left;
  margin: 10px 7px;
  position: relative;
  padding: 5px 30px 5px 5px;
}

.opp_area .input_box_full {
  width: 100%;
  padding-right: 30px;
}

.opp_area .input_box_full .btn-info:before {
  content: '\f002';
  position: absolute;
  right: 30px;
  top: 20px;
  font-family: 'FontAwesome';
  width: 30px;
  height: 30px;
  font-size: 15px;
  line-height: 30px;
  color: #000;
  text-align: center;
  cursor: pointer;
}

.opp_area .input_box_full .searchDDbox {
  width: 100%;
  height: 300px;
  overflow: auto;
  padding: 10px;
  left: 0;
  top: 100%;
  margin-top: 15px;
  background: #fff;
  border: 1px solid #dadad7;
}

.opp_area .input_box_full .searchDDbox h4 {
  color: #1b2535;
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'AvenirLTStd_book';
  padding: 0 0 15px;
  margin: 0;
  text-align: center;
}

.opp_area .input_box_full .cartTable div.cartTableList {
  float: left;
  width: 100%;
  padding: 0;
  margin: 5px 0;
  border: 1px solid #fff;
}

.opp_area .input_box_full #cartproduct section:nth-child(5) input[type="submit"] {
  width: 100%;
  background: #0fbbf3;
  color: #fff;
}

.opp_area .input_box span {
  color: #333333;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 11px;
}

.opp_area .input_box input {
  width: 100%;
  font-size: 14px;
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 5px 0 5px 5px;
  color: #777777;
  font-family: 'AvenirLTStd_book';
  min-width: 150px;
  margin-right: 40px;
}

.opp_area .select_box select {
  width: 100%;
  padding: 5px 0 5px 5px;
  font-size: 11px;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  line-height: 20px;
  color: #333;
  background-color: transparent;
  background-image: none;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #ccc;
  -ms-word-break: normal;
  word-break: normal;
}

.opp_area .select_box :after {
  content: '\f107';
  font: normal normal normal 14px/1 FontAwesome;
  color: #333333;
  right: 30px;
  top: 30px;
  height: 34px;
  padding: 5px 0px 0px 8px;
  border-left: none;
  position: absolute;
  pointer-events: none;
}

.opp_area .input_box2 textarea {
  width: 100%;
  font-size: 14px;
}

.opp_area .order-alert_details_three {
  border: none;
}

.opp_area .input_box_full .cartTableList .add {
  float: right;
}

.opp_area .input_box_full .fieldQty input {
  margin-right: 0;
}

.input_box3 {
  width: 30% !important;
  padding-right: 20px !important;
}

.sell_list .input_box3:last-child {
  float: right;
}

.input_box4 {
  width: 48% !important;
}

.sell_list .input_box4:last-child {
  float: right;
}

.opp_area .buyer_infos_submit_bttn {
  text-align: right;
  padding-left: 10px;
}

.opp_area .cancel {
  background: transparent;
  border: none;
  font-size: 10px;
  text-transform: uppercase;
}

/****** Soubhik (28/8/2020) ******/

.sort_top {
  font-size: 20px;
  color: #fff;
  position: absolute;
  right: 18px;
  bottom: 4px;
}

.sort_top2 {
  font-size: 20px;
  position: absolute;
  top: 0;
  right: 0;
  display: block !important;
  z-index: 1;
  margin-top: -5px;
}

.cust_ul .mCSB_container {
  margin-right: 20px !important;
}

.cust_ul {
  padding-top: 10px !important;
}

.cust_ul .toChild {
  display: none;
}

.get_rate {
  width: 148px;
  text-align: center;
  text-decoration: none !important;
  float: left;
}

.transfer_request {
  width: 158px;
  text-align: center;
  text-decoration: none !important;
  float: right;
}

.sub_dropdown {
  display: none;
  position: absolute;
  right: -171px;
  background: #fff;
  top: 0;
  border: 1px solid rgba(0, 0, 0, .15);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  max-height: 203px;
  height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 170px;
  min-width: 170px;
  padding: 5px 0;
}

.hassubs {
  position: relative;
}

.hassubs:hover .sub_dropdown {
  display: block;
}

.sub_dropdown a {
  padding: 3px 20px;
  display: block;
  transition: ease-in-out 0.3s;
}

.multy_drop {
  overflow: inherit;
}

.sub_dropdown a:hover {
  background-color: #f5f5f5;
}

.batch_area {
  margin-top: 20px;
}

.batch_area p {
  color: #333545;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 11px !important;
  line-height: 20px;
  width: 100px;
  display: inline-block;
}

.batch_area span {
  color: #333545;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 11px !important;
  line-height: 20px;
  width: 10px;
}

.batch_area a {
  float: none;
}

.transfer_request {
  position: relative;
  z-index: 100;
  top: -28px;
}

.reprint_label {
  margin: 0 15px 0 0;
}

.pack_order {
  background: #fff;
  padding: 10px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  max-height: 270px;
  overflow-y: auto;
}

.pack_order li {
  padding: 10px 0;
  border-bottom: 1px solid #f1f1f1;
}

.pack_order:li last-child {
  border: none;
}

.pack_order li img {
  width: 30px;
  margin-right: 10px;
}

.sugg_box {
  position: absolute;
  width: 100%;
  left: 0;
  padding: 0 15px;
}

.add-shipping-table {
  color: #333333;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 11px;
  position: relative;
}

.add_ship_area {
  position: relative;
}

.order_ship_form {
  display: inline-block !important;
  width: auto !important;
  position: absolute;
  left: 48%;
  transform: translateX(-50%);
}

.order_ship_form input,
.order_ship_form2 input {
  padding: 7px 0 !important;
  width: 140px;
  margin-right: 0 !important;
}

.order_ship_form2 {
  display: inline-block !important;
  width: auto !important;
  float: right;
}

.ship_get {
  padding: 7px 0 !important;
  width: 122px !important;
  position: relative;
  top: -28px;
  margin-right: 15px !important;
}

/************** (17/11/20) *******************/
.scan_area {
  padding-top: 100px;
  height: 100vh;
}

.scan_area label {
  width: 100%;
  margin-top: 5px;
  font-size: 15px;
}

.scan_area input {
  border-radius: 0;
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px;
}

.view_order {
  padding: 7px 30px;
  background: #0fbbf3;
  border: none;
  color: #fff;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 12px;
  margin-top: 45px;
}

.picked_quantitiesbtn {
  width: 180px;
  display: block;
  margin: 30px 15px 0;
  padding: 7px 20px;
  background: #0fbbf3;
  border: none;
  color: #fff;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 10px;
}

@media (min-width:768px) and (max-width:980px) {
  .opp_area .input_box {
    width: 100% !important;
    padding-right: 30px !important;
  }

  .opp_area .select_box :after {
    right: 30px;
  }

  .sell_list .input_box3:last-child,
  .opp_area .input_box4:last-child {
    float: none;
  }

  .login_body_main .login-form_content {
    position: unset;
    transform: none;
  }

  .login_body_main .form_box {
    margin-top: 30px;
  }
}

@media (max-width:767px) {
  .opp_area .input_box {
    width: 100% !important;
    padding-right: 30px !important;
  }

  .opp_area .select_box :after {
    right: 30px;
  }

  .sell_list .input_box3:last-child,
  .opp_area .input_box4:last-child {
    float: none;
  }

  .login_body_main .login-form_content {
    position: unset;
    transform: none;
  }

  .login_body_main .form_box {
    margin-top: 30px;
  }

  .pop_main_div .cust_col {
    width: 100%;
  }

  .pop_main_div .modal-body {
    padding: 15px;
    width: calc(100vw - 50px);
    overflow-x: scroll;
  }

  .pop_main_div .modal-dialog {
    width: 100%;
  }

  /*div.order-details_one_left-new:nth-child(2) {transform: translateY(0);padding-left: 115px;}
  
  div.order-details_one_left-new:nth-child(2) > ul:nth-child(1) > li:nth-child(2) > div:nth-child(1) > p:nth-child(1) { margin-right: 15px;}*/
  div.order-details_one_left-new:nth-child(5)>ul:nth-child(1)>li:nth-child(2)>div:nth-child(1) {
    display: flex;
  }

  div.order-details_one_left-new:nth-child(5)>ul:nth-child(1)>li:nth-child(2)>div:nth-child(1)>p:nth-child(1) {
    margin-right: 16px;
  }

  div.order-details_one_left-new:nth-child(5) {
    transform: translateY(0);
    padding-left: 115px;
  }

  .order-details_one_right-new {
    float: none;
    padding-left: 115px;
  }

  div.col-4:nth-child(3)>ul:nth-child(1)>li:nth-child(1) {
    text-align: right;
  }

  div.col-4:nth-child(3)>ul:nth-child(1)>li:nth-child(2) {
    margin: 0;
    padding-top: 5px;
  }

  .modal-dialog {
    width: auto !important;
  }

  .col-lg-5>p:nth-child(1),
  div.col-lg-4:nth-child(2)>p:nth-child(1) {
    font-size: 14px;
  }


}

@media (max-width:330px) {

  div.order-details_one_left-new:nth-child(5),
  .order-details_one_right-new {
    padding-left: 15px;
  }
}


@media (min-width:981px) and (max-width:1024px) {
  .login_body_main .login-form_content {
    position: unset;
    transform: none;
  }

  .login_body_main .form_box {
    margin-top: 30px;
  }
}

@media(min-width: 768px) and (max-width: 980px) {
  .pop_main_div .cust_col {
    width: 100%;
  }
}


.filterSortin {
  position: absolute;
  right: 15px;
  top: 0;
  border-right: none;
}

.filterSortin .dropdown-menu {
  margin-left: -80px;
  top: 40px !important;
  width: 175px;
}

.filterSortin label {
  font-size: 12px;
  color: #000;
}

@media (max-width:767px) {
  .filterSortin {
    top: 55px;
  }
}

.dontClose>.dropdown-menu {
  display: block !important;
}


/*no-image is for tracktrace_search.php page to remove a custom-select dropdown arrow image with id search_product*/
.no-image {
  background: none;
  cursor: text;
}

.TggleBtnAudit {
  background: transparent !important;
  color: #1295bf !important;
  text-transform: capitalize !important;
  font-size: 18px !important;
  font-weight: 600;
  float: left;
  margin-top: -30px !important;
}

/*30-20-21*/
.add-carton-table {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

table.add-carton-table thead th {
  background-color: transparent;
}

table.add-carton-table th,
table.add-carton-table td {
  text-transform: uppercase;
  padding: 0 15px;
}


.wo_completion_date {
  display: flex;
  width: 100%;
}

.wo_completion_date .track-expiry {
  width: 100%;
}

.wo_completion_date .track-expiry select {
  width: auto;
}

.wo_completion_date .track-expiry label {
  top: 30px;
}

.wo_completion_date>div:nth-child(2) {
  display: flex;
  width: 100%;
  align-items: center;
  padding-left: 50px;
}

.wo_completion_date>div:nth-child(2) input {
  margin-top: 0 !important;
}

.wo_completion_date>div:nth-child(2) label {
  font-size: 14px;
  font-weight: 600;
}


/* -------------27-01-22------------- */
.expand-btn-label {
  width: 50%;
  display: block;
}

.expand-btn-container {
  display: flex;
  width: 50%;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.expand-btn-container>button,
.expand-btn-container>a {
  width: 100%;
}

.expand-btn-container>button {
  margin-left: 0 !important;
}

.inline_inputbox.bottom_details_order p input[type="text"],
.inline_inputbox.bottom_details_order p textarea {
  min-width: 68%;
}


@media only screen and (min-width: 1500px) {
  #order_table.height_100 {
    max-height: none;
    height: calc(100vh - 250px);
  }
}

.scroll {
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
}

#myNextSubmitPopModal::-webkit-scrollbar,
#myNextSubmitPopModal::-moz-scrollbar {
  display: none;
}

.right_input_box>p {
  display: flex;
  align-items: flex-end;
}

.right_input_box input[type='text'],
.right_input_box input[type='number'] {
  max-width: 200px;
  width: 100% !important;
  min-width: 0 !important;
}

.right_input_box label {
  font-size: 14px;
  text-transform: uppercase;
  padding-top: 20px;
  padding-left: 15px;
}

#tab-inner1-addProd {
  padding: 30px 15px;
}

.mapping-tabs-inner {
  display: flex;
  align-items: baseline;
  margin-bottom: 20px;
}

.mapping-tabs-inner label {
  color: #333333;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 11px;
  transform: translateY(10px);
  margin-right: 20px;
}

.mapping-tabs-inner>input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #b2b2b2;
  font-size: 12px;
  color: #555555;
  font-family: 'AvenirLTStd_book';
  padding: 5px 0;
  margin-right: 30px;
}

.mapping-tabs-inner select {
  width: 200px;
  height: 34px;
  margin: 0px 0px 0 0px;
  padding: 5px 25px 0 5px;
  font-size: 11px;
  color: #777777;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  line-height: 20px;
  color: #333;
  background-color: transparent;
  background-image: none;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #aaaaa7;
  -ms-word-break: normal;
  word-break: normal;
}

.mapping-tabs-inner>.select-enclose {
  position: relative;
}

.mapping-tabs-inner>.select-enclose::after {
  content: '\f107';
  font: normal normal normal 14px/1 FontAwesome;
  color: #333333;
  right: 0;
  top: 9px;
  height: 34px;
  padding: 5px 0px 0px 8px;
  border-left: none;
  position: absolute;
}

ul#innerTab>li {
  width: 50%;
}

#tab-inner2-addProd {
  padding: 30px 15px;
}


.order-payment_product_info_seven>.addTrckTraceBttnNew {
  margin: 0 !important;
}

.blue_drpdwn_box_noBorder ul.nav-drops-filter {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.nav-tab-scroll {
  overflow-x: auto;
  white-space: nowrap;
}

.nav-tab-scroll ul.nav-tabs {
  width: max-content !important;
  min-width: 100%;
}

.nav-tab-scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 10px !important;
}

.nav-tab-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #a1a1a147 !important;
}

.nav-tab-scroll .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(232, 232, 232, 0.95) !important;
}

.under-process {
  pointer-events: none;
  opacity: 0.5;
  position: relative;
}

.under-process::after {
  content: 'Coming Soon! Development is in progress';
  font-size: 29px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: #000000d1;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.w-100 {
  width: 100% !important;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.mt-3 {
  margin-top: 20px;
}

.expand-box {
  height: 50px;
  display: flex;
  align-items: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #f3f3ef;
  font-size: 11px;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  margin: 0 -10px 0px -10px;
  padding: 0 10px;
  justify-content: space-between;
}

.expand-box i {
  color: #0fbcf4;
  font-size: 15px;
}

.ex-arrow {
  transform: rotate(90deg);
}

.expand-box:hover {
  cursor: pointer;
}

.expand-item {
  min-height: 500px;
  display: none;
  background-color: #f3f3ef;
  padding-left: 100px;
  margin: 0 -10px;
}

.expand-item input[type="text"],
.expand-item input[type="number"] {
  background: transparent !important;
}


.note-align {
  padding: 20px 0 !important;
}

.note-btn {
  display: flex;
  justify-content: right;
}

.note-btn button[type="submit"] {
  margin: 0 !important;
}


.shipping-btn {
  display: flex;
  justify-content: right;
  width: 100%;
}

.shipping-btn .transfer_request {
  top: 0 !important;
}

.buyer-info {
  padding: 0 40px 0 0 !important;
}

.buyer-info input[type="submit"] {
  width: 100%;
  margin-top: 58px;
}

.f-r {
  float: right !important;
  max-width: none !important;
}

.f-l {
  max-width: none !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.mr-90 {
  margin-right: 90px !important;
}

@media (min-width: 1920px) and (max-width: 2560px) {
  .mr-90 {
    margin-right: 250px !important;
  }
}




.table-container {
  overflow-x: auto;
}

.table-container table.hr-scroll {
  width: 1500px !important;
  max-width: 1500px !important;
}

.table-container table.hr-scroll tr:nth-child(odd) td:first-child {
  background-color: #f9f9f9;
}

.table-container table.hr-scroll tr:nth-child(even) td:first-child {
  background-color: #fff;
}

.table-container table.hr-scroll tr:nth-child(odd) td:nth-child(2) {
  background-color: #f9f9f9;
}

.table-container table.hr-scroll tr:nth-child(even) td:nth-child(2) {
  background-color: #fff;
}

.table-container table.hr-scroll tr:nth-child(odd) td:nth-child(3) {
  background-color: #f9f9f9;
}

.table-container table.hr-scroll tr:nth-child(even) td:nth-child(3) {
  background-color: #fff;
}



.table-container table.hr-scroll tr th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  background-clip: padding-box;
}

.table-container table.hr-scroll tr td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  background-clip: padding-box;
}

.table-container table.hr-scroll tr th:nth-child(2) {
  position: sticky;
  left: 5%;
  z-index: 2;
  background-clip: padding-box;
}

.table-container table.hr-scroll tr td:nth-child(2) {
  position: sticky;
  left: 5%;
  z-index: 2;
  background-clip: padding-box;
}

.table-container table.hr-scroll tr th:nth-child(3) {
  position: sticky;
  left: 10%;
  z-index: 2;
  background-clip: padding-box;
}

.table-container table.hr-scroll tr td:nth-child(3) {
  position: sticky;
  left: 10%;
  z-index: 2;
  background-clip: padding-box;
}


.table-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
  border-radius: 10px;
}

.table-container::-webkit-scrollbar {
  width: 5px;
  height: 10px;
  background-color: #F5F5F5;
}

.table-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ccc;
}

.mt-0 {
  margin-top: 0px !important;
}

.alert-dismissible .close.fix-align {
  top: 0px;
  right: 0px;
}

.smart-field {
  padding: 40px 40px;
}

.smart-row {
  --bs-gutter-x: 2rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  width: 75%;
}

.col {
  /* min-width: 23%; */
  margin-bottom: 20px;
  flex: 1;
}

.smart-row>* {
  flex-shrink: 0;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
}

.smart-label span {
  color: #333333;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  font-size: 11px;
  position: relative;
}

.smart-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 5px 25px 0 5px;
  font-size: 11px;
  color: #333333;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  line-height: 16px;
  background-color: transparent;
  background-image: none;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #aaaaa7;
  -ms-word-break: normal;
  word-break: normal;
  position: relative;
  outline: none;
}

.select-box {
  position: relative;
}

.select-box:after {
  content: '\f107';
  font: normal normal normal 14px/1 FontAwesome;
  color: #333333;
  right: 0px;
  top: 0px;
  height: 34px;
  padding: 0;
  border-left: none;
  position: absolute;
  pointer-events: none;
}

.smart-text input {
  width: 100%;
  border: none;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-bottom: 1px solid #b2b2b2;
  font-size: 12px;
  color: #555555;
  font-family: 'AvenirLTStd_book';
  padding: 0px 0;
  outline: none;
}

.smart-field .buyer_infos_submit_bttn {
  padding-right: 0 !important;
}

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

.left-lebel {
  width: 25%;
}

#error_msg {
  font-size: 10px;
  color: red;
}

.d-none {
  display: none !important;
}

/* .top_details_order .smart-row p {
  float: none;
}

.top_details_order .smart-label span::after,
.top_details_order .smart-row .switcher_txt span::after,
.bottom_details_order .smart-label span::after {
  display: none;
}

.top_details_order .smart-label span,
.top_details_order .smart-text span {
  width: auto;
  text-transform: none;
}

.top_details_order .smart-field p.switcher_txt {
  padding: 9px;
} */


/* do not remove, commment out if require */
.dtfc-fixed-left,
.dtfc-fixed-right {
  min-width: 50px;
}

.odd .dtfc-fixed-left,
.odd .dtfc-fixed-right {
  background-color: #f9f9f9;
  z-index: 1;
}

.even .dtfc-fixed-left,
.even .dtfc-fixed-right {
  background-color: #fff;
  z-index: 1;
}

th.dtfc-fixed-left,
th.dtfc-fixed-right {
  background-color: #333333;
  z-index: 9;
}


/* th, td { white-space: nowrap; } */
/* div.dataTables_wrapper {
        width: 1212px;
        margin: 0 auto;
    } */
/* do not remove, commment out if require */

.up-scroll {
  transform: translateY(-60px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in-out;
  box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}

.down-scroll {
  transform: translateY(60px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in-out;
  box-shadow: 5px -5px 10px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}

.up-scroll>i,
.down-scroll>i {
  font-size: 30px;
  font-weight: 600;
  color: #0d6efd;
}

#cd-search-suggestions:hover .up-scroll,
#cd-search-suggestions:hover .down-scroll {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.stock-timer {
  padding-top: 10px;
}

.stock-timer select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 200px;
  height: 34px;
  float: left;
  margin: 0px 0px 0 0px;
  padding: 0px 25px 0 5px;
  font-size: 11px;
  color: #777777;
  font-family: 'AvenirLTStd_book';
  text-transform: uppercase;
  line-height: 20px;
  color: #333;
  background-color: transparent;
  background-image: none;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #aaaaa7;
  -ms-word-break: normal;
  word-break: normal;
  position: relative;
  top: 20px;
}

.stock-timer::after {
  right: 90px;
  top: 30px;
}

.reset_stock_Btn {
  padding: 0;
  margin: 0;
  display: contents;
}

.d_ruby {
  display: ruby-base;
}