body{
	font-family: 'Lato';
  /*background-color: #fff;*/
}
.bg-login{
  /*background: url('../../images/bg-memberkfskin.jpg') no-repeat center fixed;*/
  /*background:#58d35e;*/
  /*background-image: url('../../images/bg-memberkfskin.jpg') no-repeat fixed;*/
  /*background-size: cover;*/
  /*background-image: linear-gradient(#4E9ACB, #fff) no-repeat fixed;*/
  background: #42828A;
  color: #222;
  }

.container-fluidheader {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}


.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 100px;
}

.block-header{
  margin-top: -20px;
}

.cloud{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
.navbar .navbar-toggle:before {
  margin-left: -15px;
}

.navbar .navbar-toggle:before {
    content: '';
    font-family: 'Material Icons';
    font-size: 26px;
}


a:hover{
  text-decoration: none;
}

.menu-div:hover{
  background: #e7e7e7;
}
.sidebar {
    top: 65px;
}    

.sidebar {
    height: calc(100vh - 50px);
 }

.content{
  margin-bottom:100px; 
}
.info-box .content .number {
     font-size: 20px;
   
}
.height-box{
     height:600px;
}

.highcharts-credits{display: none;}
.navbar-inverse {
    border-radius: 0px;
}

.navbar-default {
    background-color: #bf78b7;
    border-color: #bf78b7;
    border-radius: 0px;
}
/* Title */
.navbar-default .navbar-brand {
    color: #fff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #ccc;
}
/* Link */
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #ccc;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #ccc;
    background-color: #9c4b93;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #ccc;
    background-color: #d496cd;
}
/* Caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #ccc;
    border-bottom-color: #ccc;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #ccc;
    border-bottom-color: #ccc;
}
/* Mobile version */
.navbar-default .navbar-toggle {
    border-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #bf78b7;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-nav .dropdown-menu{
    padding:0;
    width: 250px;
}

.dropdown-menu ul.menu{
	list-style: none;
	padding-top:5px;
  /*margin-top: 100px;*/
}

.menu-dashboard{
  color: #FF4500;
  width: 100%;
  text-align: center;
}

.navbottom{
  padding: 10px;
  background: #000000;
  position: fixed;
  bottom: 0;
  z-index: 100;
  color: #FFD700;
  width: 100%;
  text-align: center;
}

.navbottom > div > a{
  color: #ADFF2F;
}

.navbottom > div > a:hover, .navbottom > div > .active{
  color: red;
  text-decoration: none; 
}


.navbottom1 > div > a{
  color: #0000FF;
  
}

.navbottom1 > div > a:hover, .navbottom1 > div > .active{
  color: red;
  text-decoration: none; 
}

.content{
  margin-bottom: 100px;
}
 
@media (max-width: 767px){
.navbar .dropdown-menu {
    margin-left: -125px;
}
}


.modal .modal-header {padding:10px 25px 10px 25px}

.produk{
	border: 1px solid #ccc;
	float: left;
	padding: 5px;
	margin:0px 5px 5px 0px;
	text-align: center;
}
 
.card{
  box-shadow: none;
  margin-bottom: 10px;
}
.card .body {
padding:5px;
}


.card-hover:hover{
    transform:scale(1.1, 1.1);
    transition:1s;
}

.card-height{
  height:150px;
}
.card-video{
  transition: 0.7s;
  padding: 10px;
  border: 1px solid #e7e7e7;
 }
.card-video:hover{
  cursor: pointer;
  transition: 0.7s;
  transform: scale(1.03,1.03);
  box-shadow: 0px 0px 20px #e7e7e7;
 }

/*.img-profil{margin-top: -10px;vertical-align: center;}*/

.img-invoice{margin-top: 0px;}
 
.print{
	background: #fff;
	padding: 20px;
}

.point:hover{
    cursor:pointer;
    text-decoration:none;
}

.label-padding-5{
  padding: 5px;
}
 
.label-padding-2{
  padding: 5px;
}
 
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ccc;
     }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
          color: #333;
    }


.img-profil{margin-top: -15px;vertical-align: none;}


.card-height{
  height:auto;
}
.height-box{
     height:auto;
}

}


@media (max-width: 767px){
.navbar .navbar-nav {
    margin-top: -70px;
    margin-bottom: 1px;
    margin-right: 20px;
    float: right;
      }
 
}

@media (min-width: 768px){
  .navbar-right {
     margin-right: 0px;
}
}