/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
* {
  box-sizing: border-box;
}
html,
body,
.pusher {
  height: 100%;
}
.ui.grid {
  margin-left: 0;
  margin-right: 0;
}
.hidden {
  display: none !important;
}
a,
a:link,
a:visited {
  color: #F2711C;
}
a:hover,
a:link:hover,
a:visited:hover,
a:focus,
a:link:focus,
a:visited:focus {
  color: #cf590c;
}
body.login,
.pusher {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
body.login h1.ui.header {
  margin-top: 70px;
}
body.login .ui.form {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
}
body.login main {
  padding: 0;
}
body.login main,
body.login footer {
  background: none;
}
body.login footer {
  color: #FFF;
}
img#logo_img {
  height: 50px;
  width: auto;
  display: block;
  margin: 0 auto 5px;
}
.floated.left {
  float: left !important;
}
.floated.right {
  float: right !important;
}
header {
  color: #FFF;
}
header .ui.inverted.menu {
  width: 100%;
  border: 0;
}
main {
  -ms-flex: 1 0;
  flex: 1 0;
  padding: 20px 0;
  background: #FFF;
  overflow-y:auto
}
footer {
  padding: 20px 0;
  background: #eee;
  font-size: .8rem;
  color: #767676;
}
.ui.visible.left.sidebar {
  z-index: 9;
}
.ui.visible.left.sidebar .ui.header > img + .content {
  padding-left: 0;
}
.ui.visible.left.sidebar .ui.inverted.menu {
  background: none;
}
.ui.visible.left.sidebar .ui.inverted.menu a.item:hover,
.ui.visible.left.sidebar .ui.inverted.menu a.item:focus {
  background: rgba(0, 0, 0, 0.45);
}
@media (min-width: 1401px) {
  #sidebar-trigger {
    display: none;
  }
  .ui.visible.left.sidebar ~ .fixed,
  .ui.visible.left.sidebar ~ .pusher {
    margin-left: 260px;
    transform: translate3d(0, 0, 0);
  }
}
body.login,
body.pushable,
body.pushable > .pusher,
.ui.visible.left.sidebar {
  background-image: url("/images/sales.jpg") !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

/*# sourceMappingURL=admin.css.map */

@media only screen and (max-width: 500px) {
    body {
        background-color: #767676;
    }
}