main.not-logged,
.page-footer.not-logged{
  padding-left: initial !important;
}
.wpcargo-dashboard .primary-color-dark{
  background-color: var(--wpcargo) !important;
}
/* Top Menu */
#menu-dashboard-top-menu .nav-item.show{
  position:relative;
}
#menu-dashboard-top-menu .nav-item .dropdown-menu.show ul{
  padding: 0;
}
#menu-wpcargo-dashboard ul.sub-menu{
    list-style: none;
}
#menu-wpcargo-dashboard ul.sub-menu li a {
    padding: 0 12px;
}
.wpcfe-filter .md-form{
  margin-top: 0;
  margin-bottom: 0;
}
.modal-backdrop{
	z-index: 0;
}
.wpc-update, .wpc-delete {
    border-radius: 4px;
}
.wpcfe-alert {
    position: fixed;
    top: 50px;
    right: 0;
    z-index: 9999;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}
/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}
/*
 * My Account styles
 */
#wpcfe-avatar-wrapper #user-avatar,
#wpcfe-avatar-wrapper #upload-avatar-wrapper{
  position:relative;
}
#wpcfe-avatar-wrapper #user-avatar #wpcfe-change-avatar{
  position: absolute;
  top: 30%;
  left: 45%;
  font-size: 36px;
  visibility: hidden;
}
#wpcfe-avatar-wrapper #user-avatar:hover #wpcfe-change-avatar{
  visibility: visible;
}
#wpcfe-avatar-wrapper #user-avatar #wpcfe-change-avatar i.fa.fa-camera {
  color: #a5a5a5bd;
}
#wpcfe-avatar-wrapper #upload-avatar-wrapper #close-upload-avatar {
    position: absolute;
    right: 6px;
    top: 0;
}
/* Woocommerce Compatibility */
.wpcargo-dashboard .woocommerce .col2-set .col-1,
.wpcargo-dashboard .woocommerce .col2-set .col-2 {
  max-width: initial !important;
}
.wpcargo-dashboard .woocommerce .woocommerce-input-wrapper{
  width: 100%;
}
.wpcargo-dashboard .woocommerce form .form-row input.input-text,
.wpcargo-dashboard .woocommerce form .form-row textarea{
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.wpcargo-dashboard .woocommerce table .cart_item .product-thumbnail img{
  width: 64px;
  box-shadow: none;
}
/* Form Error MDB */
#wpcfeRegistrationForm-wrapper .form-control {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: .375rem 0 !important;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#wpcfeRegistrationForm-wrapper .md-form .form-control {
  margin: 0 0 .5rem;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: .3rem 0 .55rem;
  background-image: none;
  background-color: transparent;
  height: auto;
}
#wpcfeRegistrationForm-wrapper .md-form {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
#wpcfeRegistrationForm-wrapper .md-form input[type=date],
#wpcfeRegistrationForm-wrapper .md-form input[type=datetime-local],
#wpcfeRegistrationForm-wrapper .md-form input[type=email],
#wpcfeRegistrationForm-wrapper .md-form input[type=number],
#wpcfeRegistrationForm-wrapper .md-form input[type=password],
#wpcfeRegistrationForm-wrapper .md-form input[type=search-md],
#wpcfeRegistrationForm-wrapper .md-form input[type=search],
#wpcfeRegistrationForm-wrapper .md-form input[type=tel],
#wpcfeRegistrationForm-wrapper .md-form input[type=text],
#wpcfeRegistrationForm-wrapper .md-form input[type=time],
#wpcfeRegistrationForm-wrapper .md-form input[type=url],
#wpcfeRegistrationForm-wrapper .md-form textarea.md-textarea{
  -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid #ced4da;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  background-color: transparent;
  width:100%;
}
.md-form.error input[type=date],
.md-form.error input[type=datetime-local],
.md-form.error input[type=email],
.md-form.error input[type=number],
.md-form.error input[type=password],
.md-form.error input[type=search-md],
.md-form.error input[type=search],
.md-form.error input[type=tel],
.md-form.error input[type=text],
.md-form.error input[type=time],
.md-form.error input[type=url],
.md-form.error textarea.md-textarea{
  -webkit-box-shadow: 0 1px 0 0 var(--red) !important;
  box-shadow: 0 1px 0 0 var(--red) !important;
  border-bottom: 1px solid var(--red) !important;
}
#wpcfeRegistrationForm-wrapper .md-form input[type=date]:focus:not([readonly]),
#wpcfeRegistrationForm-wrapper .md-form input[type=datetime-local]:focus:not([readonly]),
#wpcfeRegistrationForm-wrapper .md-form input[type=email]:focus:not([readonly]),
#wpcfeRegistrationForm-wrapper .md-form input[type=number]:focus:not([readonly]),
#wpcfeRegistrationForm-wrapper .md-form input[type=password]:focus:not([readonly]),
#wpcfeRegistrationForm-wrapper .md-form input[type=search-md]:focus:not([readonly]),
#wpcfeRegistrationForm-wrapper .md-form input[type=search]:focus:not([readonly]),
#wpcfeRegistrationForm-wrapper .md-form input[type=tel]:focus:not([readonly]),
#wpcfeRegistrationForm-wrapper .md-form input[type=text]:focus:not([readonly]),
#wpcfeRegistrationForm-wrapper .md-form input[type=time]:focus:not([readonly]),
#wpcfeRegistrationForm-wrapper .md-form input[type=url]:focus:not([readonly]),
#wpcfeRegistrationForm-wrapper .md-form textarea.md-textarea:focus:not([readonly]){
  -webkit-box-shadow: 0 1px 0 0 #4285f4;
  box-shadow: 0 1px 0 0 #4285f4;
  border-bottom: 1px solid #4285f4;
}
#wpcfeRegistrationForm-wrapper .custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' v…0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.error-message{
  color: var(--red) !important;
  font-weight: bold;
}
#wpcfeRegistrationForm-wrapper .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
#wpcfeRegistrationForm-wrapper .form-row>.col,
#wpcfeRegistrationForm-wrapper .form-row>[class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}
#wpcfeAccountInformation .md-form {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
/* Filter Styles */
.form-group.wpcfe-filter .select2 {
    min-width: 180px !important;
}
#wpcfe-search .btn{
  margin:0;
}
/* Update user account */
#profile-address{
  position: relative;
}
div#profile-address #updateAccount {
	font-size: 1.2rem;
	position: absolute;
	top: -16px;
	right: -17px;
	cursor: pointer;
}
#accordionAccountInformation p{
	font-size: .85rem;
}
#accordionAccountInformation .card{
	border: 1px solid #d8d8d8;
}
#accordionAccountInformation .card-header {
    padding: 0;
}
#accordionAccountInformation .card-header .btn {
    padding: 1rem;
    margin: 0;
    width: 100%;
    text-align: initial;
}
#accordionAccountInformation .card-header .btn:hover,
#accordionAccountInformation .card-header .btn:active,
#accordionAccountInformation .card-header .btn:focus {
    background-color: #007bff;
    text-decoration: none;
    color: #fff !important;
}
/* table CSS */
.no-space {
    white-space: nowrap;
}
#shipment-list .sortable{
  cursor: pointer;
}
/*
 * Spinner Styles
 * HTML markup <div class="wpcfe-spinner"></div>
*/
/* wpcargo Spinner */
.wpcfe-spinner {
  position: fixed;
  z-index: 999999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
/* Transparent Overlay */
.wpcfe-spinner:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}
/* :not(:required) hides these rules from IE9 and below */
.wpcfe-spinner:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.wpcfe-spinner:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: wpcfespinner 1500ms infinite linear;
  -moz-animation: wpcfespinner 1500ms infinite linear;
  -ms-animation: wpcfespinner 1500ms infinite linear;
  -o-animation: wpcfespinner 1500ms infinite linear;
  animation: wpcfespinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}
/* Animation */
@-webkit-keyframes wpcfespinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes wpcfespinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes wpcfespinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes wpcfespinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@media screen and (max-width: 782px){
	html #wpadminbar {
	    margin-top: -46px !important;
	}
  .navbar .navbar-brand img{
    width: 130px !important;
  }
  .navbar-collapse a img{
    display: none;
  }
}
@media screen and (max-width: 480px){
	.wpcfe-action a {
	    font-size: 1rem;
	}
}

button#location-update {
  margin: 0 !important;
  padding: 0 !important;
  width: 45px;
  background-color: #003ed1 !important;
  border-radius: 5px;
}

i.fa.fa-edit.location.update.text-primary {
  color: #fff !important;
  font-weight: 200;
  font-size: 10px;
}