/* Header stylesheet */
header#top-header {
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
}
header#top-header #homepage-logo {height:45px; padding-top:4px;}
header#top-header #homepage-logo-mobile {height:35px;}
header#top-header #logo {color: #fff;}
header#top-header #logo a{padding: 0 10px;}
header#top-header #logo a:hover, header#top-header #logo:focus {background-color: #0f9ae0;}
header#top-header .container .am-u-md-3.am-u-lg-3 button {margin-bottom: 8px;}
header#top-header .container .profile button:hover, header .container .profile button:focus {color: #444;}
header#top-header .container .profile .am-dropdown-content {
  padding: 10px;
  -moz-border-radius: 2px; 
  -webkit-border-radius: 2px; 
  border-radius: 2px; 
}
header#top-header .container .profile .am-dropdown-content li.am-divider {margin: 2px auto;}
header#top-header .container .profile .am-dropdown-content li a {
  cursor: pointer;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  border-radius: 5px; 
}
header#top-header .container h1, header#top-header .am-hide-lg-only h3, header#top-header .am-hide-lg-only .am-nav, header#top-header .am-hide-lg-only .am-nav button {margin: 0;}
header#top-header .am-hide-lg-only .am-btn {
  background-color: #0e90d2;
  color: #fff;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
header#top-header .am-hide-lg-only {padding: 7px;}
header#top-header .am-hide-lg-only .am-btn:hover, header .am-hide-lg-only .am-btn:focus {
	/* background-color: #3bb4f2; */
  background-color: rgba(255, 255, 255, 0.3);
  color: #095f8a;
}
header#top-header .am-hide-lg-only .am-dropdown-content {width: 240px;}
#search-form {padding: 0 10px;}
#user-logo {
  width: 120px;
  height: 120px;
}
#user-profile {border: none;}
#user-profile header {color: #fff;}
#user-profile, #user-profile header, #user-profile footer {
  background: none;
  border-color: #222;
}
#user-profile div.am-panel-bd {padding: 6px 12px;}
#user-profile .profile-list, #user-profile .profile-list li {background: none;}
#user-profile .profile-list {
  margin: 0;
  padding: 0;
}
#user-profile .profile-list li {
  margin-bottom: -1px;
  /* padding: 0.8rem 0.2rem; */
  border-bottom: 1px solid #222;
  list-style: none;
  display: block;
  position: relative;
}
#user-profile .profile-list li a {padding: 6px 10px;}
#user-profile .profile-list li a:hover, #user-profile .profile-list li a:focus {background-color: rgba(0, 0, 0, 0.5);}
#user-profile .profile-list li:last-child {border: none;}

/*#main {
  margin: 20px auto;
  padding-bottom: 20px;
}*/

/* #breadcrumb {
  margin-bottom: 20px;
  padding: 0;
}
#breadcrumb .path{
  margin: 0;
  padding: 0;
  font-size: 1.6rem;
} */
.sub-title {
  background-color: #0bb59b;
  color: #fff;
}
.sub-title h2, #breadcrumb {margin: 0;}
#breadcrumb {
  padding: 0;
  font-size: 14px;
}
#breadcrumb li.active {
  font-size: 18px;
  font-weight: bold;
}
#breadcrumb li [class*="am-icon-"]:before, #breadcrumb li::before, #breadcrumb li, #breadcrumb li a {color: #fff;}

/* Form: login, resgister */
#signin-form input[type="submit"], #register-form input[type="submit"] {
  width: 100%;
  margin: 10px auto 0;
}

/* For: right order sidebar */
#right-sidebar-my-order {}
#right-sidebar-my-order .am-offcanvas-bar {background-color: #fff;}
#right-sidebar-my-order .am-offcanvas-bar:after {background-color: #ccc;}
#right-sidebar-my-order .am-offcanvas-bar .content {padding: 0;}
#right-sidebar-my-order .am-offcanvas-bar .content .empty {
  width: 100%;
  padding: 0;
  text-align: center;
  display: inline-block;
}
#right-sidebar-my-order .am-offcanvas-bar .content .empty .top-line {
  width: 100%;
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); 
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
#right-sidebar-my-order .empty #close-rightsidebar {
  padding: 4px 12px;
  color: #333;
  cursor: pointer;
}
#right-sidebar-my-order .empty #close-rightsidebar:hover, #right-sidebar-my-order .empty #close-rightsidebar:focus {background-color: rgba(0, 0, 0, 0.1);}

#right-sidebar-my-order .am-offcanvas-bar .content .empty i {
  margin: 20px auto;
  color: #999;
}
#right-sidebar-my-order .am-offcanvas-bar .content .empty h3 {margin:0;}
#right-sidebar-my-order .am-offcanvas-bar .content .empty p {
  margin:0;
  text-align: center;
  color: #999;
  font-size: 12px;
}

/* ===================================== */
/*               Responsive              */
/* ===================================== */
@media (max-width: 1025px) {
  /* #main {margin: 0;} */
/*  #main {margin: 64px 0 0;}*/
  #login-register {margin: 20px auto;}
  .sub-title {
    position: fixed;
    z-index: 150;
  }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
input[type="number"] {-moz-appearance:textfield;}

/* Footer stylesheet */
footer {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset; 
  -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset; 
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset; 
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset; 
  -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset; 
}
footer .footer-items {
  height: auto;
  padding: 20px 0;
  box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.3) inset;
  -ms-box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.3) inset; 
  -moz-box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.3) inset; 
  -webkit-box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.3) inset; 
  -o-box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.3) inset; 
}
footer .footer-items .item {margin-bottom: 20px;}
footer .footer-items .item h4 {margin-bottom: 4px;}
footer .footer-items .item .help a, footer .footer-items .item .contact a {
  margin-bottom: 4px;
  display: block;
}
footer .footer-items .item .social a {margin-right: 10px;}
footer .copyright {
  padding: 10px 0;
  background-color: #2d3e50;
  color: #ccc;
  text-align: center;
}
footer .copyright p {margin: 10px 0;}