.voyager .side-menu .navbar-header {
  background: transparent;
  border-color: #f3f6f8;
}

.voyager .side-menu.sidebar-inverse .navbar li.active>a {
	color: #5b6ac4;
	background-color: #5b6ac41f;
	border-radius: 8px;
}

.voyager .side-menu.sidebar-inverse .navbar li>a:hover {
	color: #5b6ac4;
	background: linear-gradient(rgba(223,227,232,.3),rgba(223,227,232,.3));
}

.voyager .side-menu.sidebar-inverse .navbar li > a > .title {
	color: #212b36;
	font-weight: 500;
  /* adding the below line for the side menu bug: bug-184 on coda shopglu. */
  width: 192px !important;
  text-align: left !important;
}

.voyager .navbar, .voyager .navbar.navbar-default, .app-container {
	background: #f3f6f8
}

.side-menu .panel.widget .dimmer {
	display: none;
}

.side-menu .navbar-brand {
	color: #5b6ac4 !important
}

.side-menu .panel.widget {
	background-image: none !important;
	box-shadow: none;
	background-color: transparent;
}

.btn.btn-primary, .voyager .pagination .active > a {
	background-color: #5b6ac4
}

.voyager .breadcrumb a {
	color: #5b6ac4
}

.app-container .side-menu .panel.widget h4 {
	color: #212b36;
}

.side-menu:hover {
    border-right: 1px solid #dfe3e8;
}

.app-container .content-container .side-menu {
	backdrop-filter: blur(20px);
	background: rgba(243,246,248,.7);
  box-shadow: 0px 4px 12px rgba(0,0,0,0.2);
}

/*Non blocking loader*/
.non-blocking-loader,
.non-blocking-loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.non-blocking-loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  box-shadow: 0px 0px 20px 1px rgba(0,0,0,.1);
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 1);
  border-right: 1.1em solid rgba(255, 255, 255, 1);
  border-bottom: 1.1em solid rgba(255, 255, 255, 1);
  border-left: 1.1em solid #5b6ac4;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 .6s infinite linear;
  animation: load8 .6s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.nbl-wrapper {
  width: 200px;
  height: 200px;
  position: fixed;
  z-index: +1;
  top: 0px;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%,-100px) scale(.6);
  transition: all .5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.nbl-wrapper.working {
  transform: translate(-50%,0px) scale(.6);
}

#voyager-loader {
  background-color: #fff
}

/* checkbox */
.dropdown-check-list {
  display: block;
  background-color: white;
  font-size: 13px;
}

.dropdown-check-list .anchor {
  position: relative;
  cursor: pointer;
  display: inline-block;
  padding: 10px 25px 10px 10px;
  border-left: 1px solid #e4eaec;
  background-color: white;
  width: 100%;
}

.dropdown-check-list .anchor:after {
  position: absolute;
  content: "";
  border-left: 3px solid #909aa4;
  border-top: 3px solid #909aa4;
  padding: 5px;
  right: 5px;
  top: 33%;
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg) scale(.5);
}

.dropdown-check-list .anchor:active:after {
  right: 5px;
  top: 33%;
}

.dropdown-check-list ul.items {
  padding: 2px;
  display: none;
  margin: 0;
  border: 1px solid #ccc;
  border-top: none;
}

.dropdown-check-list ul.items li {
  list-style: none;
  padding: 4px 12px;
}

.dropdown-check-list ul.items li input {
  margin-right: 4px;
}

.dropdown-check-list.visible .anchor {
  color: #0094ff;
}

.dropdown-check-list.visible .items {
  display: block;
  position: absolute;
  width: 100%;
  background-color: white;
  box-sizing: border-box;
  z-index: +1
}

.notification-icon {
  font-size: 20px;
  transform: translateY(6px);
  display: inline-block;
}

.notification-icon.animating {
  animation: shaky 2s infinite;
}

@keyframes shaky {
  0% {transform: rotate(0deg) translateY(6px);}
  5% {transform: rotate(5deg) translateY(6px);}
  10% {transform: rotate(-5deg) translateY(6px) scale(1.2);}
  15% {transform: rotate(5deg) translateY(6px) scale(1.2);}
  20% {transform: rotate(-5deg) translateY(6px) scale(1.2);}
  25% {transform: rotate(5deg) translateY(6px) scale(1.2);}
  30% {transform: rotate(-5deg) translateY(6px) scale(1.2);}
  35% {transform: rotate(5deg) translateY(6px) scale(1.2);}
  40% {transform: rotate(-5deg) translateY(6px) scale(1.2);}
  45% {transform: rotate(5deg) translateY(6px) scale(1.2);}
  50% {transform: rotate(0deg) translateY(6px) scale(1.2);}
  100% {transform: rotate(0deg) translateY(6px);}
}

@keyframes flashy {
  0% {background-color: white;color:black;}
  25% {background-color: #d53600;color:white;}
  75% {background-color: #d53600;color:white;}
  100% {background-color: white;color:black;}
}

.badge-primary {
  background-color: #5b6ac4 !important
}

#noti-panel button {
    background-color: transparent;
    border: none
}

#noti-panel {
  padding: 0px;
  width: 600px;
  max-height: 400px;
  overflow-y: scroll;
}

#noti-panel > li {
  margin-bottom: 0px;
  padding: 8px 12px;
  margin-top: 0px;
  border-bottom: 1px solid #e9ecef;
  border-top: 1px solid #e9ecef;
  display: flex;
  justify-content: space-between;
}

#noti-panel > li.unread {
  border-right: 4px solid #22a7f0;
}

.noti-success {
  border-left: 2px solid #55b559;
}

.noti-danger {
  border-left: 2px solid #f55145;
}

.noti-warning {
  border-left: 2px solid #ff9e0f;
}

.slider.disabled {
  cursor: not-allowed;
}

#clear-all-noti {
  position: absolute;
  opacity: 1;
  box-shadow: 1px 4px 8px 0px rgba(0,0,0,.1);
  top: -46px;
}

#noti-panel-wrapper {
  width: auto;
  padding: 0px;
}

.voyager .app-footer {
  background: #f6f6f7
}
.modifier{
  
  height: 35px;
  font-weight: 400;
  color: #526069;
  font-size: 14px;
}
select.modifier {
  transform: translateY(2px);
}
.typecheck{
  margin-left:143px;
  /* margin-left:23px; */
  /* margin-left: calc(67px - 150px); */
  height: 35px;
  font-weight: 400;
  color: #526069;
  font-size: 14px;
}
.modify-button{
  height: 35px!important;
  margin-top: 5px!important;
  margin-left: 3px!important;
}
.fee-txt{
  width:100px;
  font-weight: 400;
  color: #526069;
  font-size: 14px;
}
.fee-button{
  margin-top: 5px;
  margin-left: 2px;
}
.set-logistics-fee{
  /* margin-left:143px; */
  /* margin-left:23px; */
  /* margin-left: calc(67px - 150px); */
  height: 35px;
  font-weight: 400;
  color: #526069;
  font-size: 14px;
}
.button-margin{
  margin-left:2px;
}
.page-second-button{
  height:auto;
  padding-bottom: 20px;
  margin-top: 1px;
  padding-top: 0px;
}
.page-first-button{
  height:auto;
}
.input-text{
  font-weight: 400;
  color: #526069;
}
.cursordisable {
  cursor: not-allowed;
}