/* CUSTOM CLASSES */
.no-padding {
	padding: 0 !important;
}

.hidden {
	display: none;
}

.show {
	display: block;
}

/* LEFT PANEL ELEMENTS */
#left-panel {
	background-color: #222d32;
	background-size: cover;
	min-height: 100vh;
}

#toggle-sidebar2 {
	display: none;
}

#left-panel #web-brand {
	color: white;
	padding: 15px;
	text-align: center;
	font-size: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}

#left-panel #logged-user > div:first-child {
	padding-left: 10px;
	padding-right: 10px;
}

#left-panel #logged-user > div:last-child {
	padding-left: 10px;
	padding-right: 10px;
}

#left-panel #menu-navigation > div:first-child > div {
	padding-left: 10px;
	padding-right: 10px;
}

#left-panel #menu-navigation > div:last-child {
	padding-left: 10px;
	padding-right: 10px;
}

#left-panel #logged-user > div:first-child div:first-child img {
	width: 100%;
	height: 50px;
	border-radius: 100%;
}

#left-panel #logged-user > div:first-child div:last-child div:first-child {
	color: white;
}

#left-panel #logged-user > div:first-child div:last-child div:last-child {
	margin-top: 5px;
	color: white;
	font-size: 11px;
}

#left-panel #logged-user > div:first-child div:last-child div:last-child span i {
	color: #3c763d;
}

#left-panel #logged-user > div:last-child {
	margin-top: 15px;
}

#left-panel #logged-user > div:last-child input[type = "text"] {
	background-color: #374850;
	border: none;
	font-family: "FontAwesome";
	color: white;
}

#left-panel #menu-navigation {
	margin-top: 20px;
}

#left-panel #menu-navigation > div:first-child {
	color: #4b646f;
	background-color: #1a2226;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 11px;
	margin-bottom: 10px;
}

#left-panel #menu-navigation > div:last-child > a {
	color: #b8c7ce;
	font-size: 15px;
}

#left-panel #menu-navigation > div:last-child > a:hover {
	cursor: pointer;
	text-decoration: none;
	color: #a8bbc4;
}

#left-panel #menu-navigation > div:last-child > a {
	margin-top: 10px;
	float: left;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
}

#left-panel #menu-navigation > div:last-child > a:hover {
	background: #1e282c;
}

#left-panel #menu-navigation > div:last-child > a > div.drop-menu {
	padding-top: 10px;
}

/* RIGHT PANEL ELEMENTS */
#right-panel {
	background-color: #ecf0f5;
	min-height: 100vh;
	padding: 10px !important;
}

#right-panel #menu-panel {
	background-color: #3c8dbc;
	margin-bottom: 10px;
}

#right-panel #menu-panel > div:first-child {
	color: white;
	padding: 18px;
}

#right-panel #menu-panel > div:first-child span:hover {
	cursor: pointer;
}

#right-panel #menu-panel > div:last-child > div > ul li a {
	color: white;
	padding-left: 10px;
	padding-right: 10px;
}

#right-panel #menu-panel > div:last-child > div > ul li a span {
	font-size: 7px;
	margin-top: -5px !important;
	position: absolute;
}

#right-panel #menu-panel > div:last-child > div > ul li a:hover {
	background: #367fa9;
}

/* RIGHT PANEL CONTENT */
#right-panel #right-panel-content > div > div:first-child {
	margin-bottom: 10px;
}

#right-panel #right-panel-content > div > div:first-child > span:first-child {
	font-size: 25px;
}

#right-panel #right-panel-content > div > div:first-child > span:last-child {
	color: #adadad;
}

/* ADD FRIEND FORM */
#right-panel #right-panel-content #add_friend_form > div:first-child > div:first-child {
	background-color: white;
}

#right-panel #right-panel-content #add_friend_form > div:first-child > div:first-child > div:first-child {
	background-color: #3c8dbc;
	height: 3px;
	border-radius: 5px 5px 0px 0px;
}

#right-panel #right-panel-content #add_friend_form > div:first-child > div > div:nth-child(2) {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dedede;
	font-size: 20px;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
}

#right-panel #right-panel-content #add_friend_form > div:first-child > div:first-child > div:last-child {
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding-top: 15px;
	padding-bottom: 15px;
}

/* ADD FRIEND FORM */
#right-panel #right-panel-content #add_friend_form textarea {
	min-height: 100px;
}

/* ADD FRIEND TABLE */
#right-panel #right-panel-content #add_friend_form > div:first-child > div:last-child {
	margin-top: 20px;
	background-color: white;
}

#right-panel #right-panel-content #add_friend_form > div:first-child > div:last-child > div:first-child {
	background-color: #d2d6de;
	height: 3px;
	border-radius: 5px 5px 0px 0px;
}

@font-face {
  font-family: 'HappyMonkey-Regular';
  src: url('../fonts/HappyMonkey-Regular.ttf') format('truetype');
}

.txt-sofia{
	font-family:HappyMonkey-Regular;
}

body{
	font-family:HappyMonkey-Regular;
}

.txt-brown{
	color:#dc521a;
}
.txt-green{
	color:#add311;
}
.txt-danger{
	color:#d9534f;
}
.txt-success{
	color: #5cb85c;
}
.label-line{
	padding:5px 5px 0px 5px;
	font-size:17px;
}
.nomeja{
	height:28px;
	background-color: #d9534f;
	color:#ffffff;
	line-height:25px;
}

.meja-line{
	border:1px solid #d9534f;
	height:80px;
}

.link{
  color:#darkbrown;
  margin-top: 20px;
}

.min-h{
  min-height: 520px;
}

a.link-home:hover {
    text-decoration: none;
  }

.menu-select{
	margin:5px;
	padding:5px;
	font-size:17px;
	padding-bottom:10px;
	border:1px solid #5cb85c;
	border-radius:5px;
}
.isimenu{
	margin:5px;
	padding:5px;
	font-size:17px;
	padding-bottom:10px;
	border:1px solid #5cb85c;
	border-radius:5px;
}
.btn-input{
	width:30px;
	height:30px;
	border:1px solid #08c66f;
	background-color:transparent;
	color:#d9534f;
	font-size:14px;
	border-radius:50%;
	text-align:center;
}

.box-menu4{
	border:1px solid #20b2aa;
	border-radius: 5px;
	padding:5px;
	margin:3px;
}

/* CUSTOM BY WILLY ANDRIAN */

.list_lantai {
	/*padding: 10px 0 0 10px;*/
}

.list_lantai button {
	border-radius: 3px;
	background-color: #d7dde5;
	border: 1px solid #cdd3da;
	color: black;
}

#isi #TA > div {
	margin-right: 10px;
}

#isi #TA > div.ta-meja-custom > a > div {
	background: #e34f1b;
	border: 1px solid #d44615;
	color: white;
}

.btn-menu-custom {
	/* background-color: #08c66f; */
	background-color: #20b2aa;
	color: white;
	border: 1px solid #20bfff;
}

.btn-menu-custom:hover {
	color: white;
	font-weight: bold;
}

.btn-menu-custom-2 {
	background-color: #20b2aa;
	color: white;
	border: 1px solid white;
}

.btn-menu-minus {
	background: #add311;
}

div.bg-menu {
	background: #08c66f;
}

.table thead > tr > th {
	background: black;
	color:#fff;
}

div.menu-select {
	border: 1px solid #9ec20c;
}

div.menu-select a {
	color: black;
}

/* end of custom */

@media (max-width: 768px) {
.bg-menu{
	background-color:#20b2aa;
	color:#ffffff;
	font-size:24px;
	height:34px;
	line-height:30px;
	border-top-right-radius:3px;
	border-top-left-radius:3px;	
}
h1{font-size:28px;}
.box-menu1{
	border:1px solid #add311;
	border-radius:5px;
	padding:0px 0px 8px 0px;
	margin:3px;
	min-height: 250px;
}
.box-menu2{
	border:1px solid #add311;
	border-radius:5px;
	padding:0px;
	margin:3px;
	
}

.box-menu3{
	border:1px solid #add311;
	border-radius:5px;
	padding:0px;
	margin:3px;
	min-height:auto;
}
.table-overflow{
	margin:5px 0px;
}
.nomeja-select {
	color:#d9534f;
	width:115px;
	height:50px;
	font-size:30px;
	text-align:center;
	border:none;
	background:none;
	border: 1px solid #cccccc;
}
#waktu{margin-top:0px;}
}
@media (min-width: 768px) {
.bg-menu{
	background-color:#20b2aa;
	color:#ffffff;
	font-size:24px;
	height:34px;
	line-height:30px;
	border-top-right-radius:3px;
	border-top-left-radius:3px;	
}
h1{font-size:36px;}
#waktu{margin-top:10px;}
.box-menu1{
	border:1px solid #add311;
	border-radius:5px;
	padding:0px 0px 8px 0px;
	margin:3px;
}
.box-menu2{
	border:1px solid #add311;
	border-radius:5px;
	padding:0px;
	margin:3px;
	min-height:570px;
}

.box-menu3{
	border:1px solid #add311;
	border-radius:5px;
	padding:0px;
	margin:3px;
	min-height:615px;
}
.table-overflow{
	margin:5px 0px;
	height:470px;
	overflow:auto;
}
.nomeja-select {
	color:#d9534f;
	width:100%;
	height:50px;
	font-size:30px;
	text-align:center;
	border:none;
	background:none;
	border: 1px solid #cccccc;
}
}

form{
	font-size:11px;
}

h3{
	font-family:HappyMonkey-Regular;
}
.header_menu{
	/*background-color: #20b2aa;*/
	background-color: #3c8dbc;
	color: white;
	border: 1px solid #20bfff;
	padding :5px;
	height : 50px;
}

.btn-glyphicon {
    padding:8px;
    background:#ffffff;
    margin-right:4px;
	
}
.icon-btn {
    padding: 1px 15px 3px 2px;
    border-radius:50px;
	
}
.form-control-custom {
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#historyharga{
	background-color: white; 
	max-height: 200px; 
	overflow-y:auto;
}