/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 2, 2016, 4:46:51 PM
    Author     : tan.nguyen
*/
.margin-top-item, .margin-top-element {
  margin-top: 6px; }

body {
  font-family: Helvetica,Arial,sans-serif;
  background-color: #f1f1f1; }
  body .main-wraper {
    margin-top: 0; }

.carousel-indicators li {
  background-color: #00c5f4; }
  .carousel-indicators li.active {
    background-color: #e5a833; }

.btn_facebook {
  width: 100%;
  max-width: 300px;
  padding: 14px 0px;
  margin: 0 auto;
  display: block;
  color: #fff;
  font-size: 13px;
  background-color: #3b5998;
  background-image: url("../img/home/fb_icon.png");
  background-position: left;
  background-repeat: no-repeat;
  background-position: 5px 6px;
  background-size: 32px;
  padding-left: 43px;
  white-space: normal;
  line-height: 1.2;
  letter-spacing: 1px; }
  .btn_facebook:hover {
    background-color: #e5a833; }

.btn-main {
  background-color: #e5a833;
  color: #fff;
  min-width: 80px; }
  .btn-main:hover, .btn-main.hover {
    background-color: #e0a328;
    color: #fff; }
  .btn-main:focus, .btn-main.focus {
    background-color: #e0a328;
    color: #fff; }
  .btn-main:active, .btn-main.active {
    background-color: #e0a328;
    color: #fff; }
  .btn-main:active:hover, .btn-main.active.hover {
    background-color: #e0a328;
    color: #fff; }

.modal-body .alert-danger {
  display: none; }

.box_home .modal-content {
  max-width: 468px;
  margin: 0 auto;
  background-color: #f1f1f1; }
.box_home .serparate {
  width: 100%;
  color: #e5a833; }
  .box_home .serparate td:nth-child(2) {
    width: 36px;
    padding: 0 4px;
    text-align: center; }
.box_home .lineor {
  width: 100%;
  border-bottom: 2px solid #e5a833;
  display: block; }

.box_show_info .modal-header {
  padding: 6px 6px 6px 15px; }

.menu-home .navbar {
  border-radius: 0;
  margin-bottom: 0; }
  .menu-home .navbar .nav {
    padding: 6px 0px; }
    .menu-home .navbar .nav > li > a {
      color: #e5a833;
      /*                &:hover{
                          color: $hoverColor;
                      }
                      &:focus{
                          color: $hoverColor;
                          &:hover{
                              color: $hoverColor;
                          }
                      }*/ }
  .menu-home .navbar .navbar-brand {
    height: auto;
    padding: 0; }
    .menu-home .navbar .navbar-brand .logo {
      width: 168px; }

.stores .wrapper {
  margin-bottom: 16px; }
  .stores .wrapper .img {
    margin-bottom: 6px; }

.google-chart {
  min-height: 500px;
  /*    max-width: 1600px;*/
  margin: 0 auto; }

#footer {
  background: #3e3e3e;
  height: 10%;
  font-size: 14px;
  color: #abaaaa; }
  #footer p {
    padding: 10px 0 0px 0px;
    color: #abaaaa; }

#permissionsDeviceWrapper {
  display: flex; }

.center {
  margin: auto; }

#cmbSubUser {
  width: 50%; }

#changeBtn button {
  height: 25px; }
#changeBtn .btnUp {
  display: none; }
#changeBtn .btnDown {
  display: none; }

.btn-right {
  margin-top: 10px;
  margin-bottom: 10px;
  float: right; }

.label-css {
  font-size: 12px; }

.lblwarning {
  display: none; }

@media (max-width: 768px) {
  .margin-top-item {
    margin-top: 10px; }

  .lblwarning {
    display: block; }

  .changeBtn {
    display: none; } }
@media (max-width: 767px) {
  #permissionsDeviceWrapper {
    display: block;
    margin-bottom: 10px; }

  #changeBtn .btnUp {
    display: block; }
  #changeBtn .btnDown {
    display: block; }

  #cmbSubUser {
    width: 100%; } }

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