body {
  font-family: 'Roboto';
  padding-top: 70px;
}

.page-container {
  min-height:580px;
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  color: #0C2677;
}

/*
===========================================================================================
Navbar
===========================================================================================
*/

.navbar {
  box-shadow: 0 0 4px 2px rgba(0,0,0,.07);
  border-bottom: 1px solid #d4d4d4;
}

.navbar-brand {
  float: left;
  padding: 10px 10px;
  font-size: 18px;
  line-height: 20px;
}

.navbar-brand img {
  height:34px;
  margin: 0 20px 0 0;
}

/*
===========================================================================================
Dashboard
===========================================================================================
*/

a.dashboard {
  display:block;
  margin: 10px 0px;
  text-decoration:none;
  color:#666666;
  font-size:0.9em;
}

/*
===========================================================================================
Categories
===========================================================================================
*/

.categories-item {
  background:#f3f3f3;
  border:1px solid #e3e3e3;
  margin-bottom:20px;
  /*padding: 10px 10px 5px 10px;*/
  padding:10px 20px;
  border-radius: 3px;
  -webkit-transition: all 100ms;
  -moz-transition   : all 100ms;
  -o-transition     : all 100ms;
  -ms-transition    : all 100ms;
  transition        : all 100ms;
}

.categories-item:hover {
  background:#fff8bf;
  border:1px solid #ffe53d;
  /*box-shadow: 0 0px 4px 2px rgba(0,0,0,.1);*/
}

.categories-item h3 {
  color:#2a4289;
  margin-top:10px;
}

.categories-item h3 span {
  font-weight: normal;
}

.categories-item a {
  text-decoration:none;
  color:#666666;
}


.categories-item img {
  width:60px;
  height:60px;
  margin-right:10px;
}

/*
===========================================================================================
Sign In
===========================================================================================
*/

.signin-logo {
  display:block;
  margin: 30px  auto;
  /*width: 380px;*/

}

.signin-error {
  display:block;
  margin: 0 auto 10px auto;
  width: 330px;
}

.form-signin {
  max-width: 330px;
  padding: 25px;
  margin: 0px auto;
  background:#ffffff;
  border: 8px solid #dddddd;
  border-radius: 6px;

}
.form-signin h4 {
  margin:0;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type=text],
.form-signin input[type=password] {
  margin-bottom:5px;
  box-shadow: inset 0 1px 4px 2px rgba(0,0,0,.15);
  -webkit-transition: all 400ms;
  -moz-transition   : all 400ms;
  -o-transition     : all 400ms;
  -ms-transition    : all 400ms;
  transition        : all 400ms;
}
.form-signin input[type=text]:focus,
.form-signin input[type=password]:focus {
  background:#fffad1;
  box-shadow: none;
}

/*
===========================================================================================
Save Product Form
===========================================================================================
*/

#savePrdFrm #prdName {
  width:100%;
  margin-top:6px;
  border:2px solid #F7951B;
  font-weight:bold;
  font-size:18px;
  height:auto;
}

#savePrdFrm #prdDescription {
  width:100%;
  margin-top:4px;
  border:2px solid #F7951B;
  font-size:15px;
  height:80px
}

/*
===========================================================================================
Footer
===========================================================================================
*/

#footer {
  font-size:0.8em;
  color:#aaaaaa;
  border-top:1px solid #d4d4d4;
  margin-top:10px;
  margin-bottom:120px;
  padding-top:5px;
}

/*
===========================================================================================
Forms
===========================================================================================
*/

.error-wrap {
  color:#b94a48;
  font-size:0.8em;
  margin:0;
  margin-top:3px;
}

label.error {
  background:#b94a48;
  color:#fff;
  padding:4px 6px;
  font-weight:normal;
  margin:0;
}

input.error,
textarea.error,
select.error {
  background:#ffe8e8;
  border:1px solid #b94a48;
}

.confirm {
  font-size:0.9em;
  margin: 5px 0;
  padding-left:5px;
}

/*
===========================================================================================
Dashboard
===========================================================================================
*/

.nomarg {
  margin:0 !important;
}

.notopmarg {
  margin-top:0 !important;
}

.breadcrumb {
  margin-top:6px;
}

.bootbox-body {
  font-weight:bold;
}

hr {
  border: 0;
  border-top: 2px solid #dddddd;
}

/*
===========================================================================================
Impersonating
===========================================================================================
*/

.impersonate-bar {
  color:#dddddd;
  position:fixed;
  left:0;
  bottom:0;
  width:100%;
  padding:10px;
  text-shadow: 0 1px 0 #072d4c;
  border-top:2px solid #1f5784;
  font-size:0.9em;
  background-color: #2D6CA2;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.impersonate-bar strong {
  color:#ffffff;
}

.impersonate-bar p.title {
  color:#ffffff;
  font-size:20px;
  margin:0;
  padding:0;
  text-align: left;
}

.impersonate-bar p.notice {
  text-align: left;
  margin-bottom:0;
}