@-ms-viewport{
  width: device-width;
}

.navbar-default{
	background-image: none;
	background-color: #00A7C1;
	border-radius: 0px;
	box-shadow: none;
	color: #FFF;
	border-color: #FFF;
}

.navbar-default .navbar-nav > li > a{
	color: #FFF;
	display: block;
	text-align: center;
}

#menu_stock div.current a{
	background-color: grey !important;
}

#menu_stock > div a{
	background-color: #00A7C1 !important;
}

li.separate {
    background-color: #FFF;
    height: 55px;
    width: 0.265%;;
}

li.menu{
	width: 16.446%;
}

.ss_menu{
	background-color: #FFF;
	height: 5px;
}

.ss_menu.active{
	background-color: #2289aa;
}

.navbar_invite li.menu{
	width: 33.157%;
}

h1, h2, h3{
	color: #2289aa;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	color: #2289aa;
}

li > a.inactive{
	background-color: grey;
	text-decoration: none;
	cursor: not-allowed;
	pointer-events: none;
}

li > a.inactive:hover{
	background-color: grey;
	text-decoration: none;
	cursor: not-allowed;
}

.datepicker .input-group-addon, .timepicker .input-group-addon{
	cursor: pointer;
}

.table tbody tr td{
	vertical-align: middle !important;
}

html, body{
	min-height: 100%;
}

#footer{
	position: fixed;
	bottom: 0px;
	width: 100%;
	z-index: 1000;
}

#menu-options{
	width: auto;
	display: inline-block;
	padding: 10px;
	padding-top: 8px;
	padding-right: 10px;
	background-color: #00A7C1;
	color: white;
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
	cursor: pointer;
	float: right;
}

#menu-options span{
	display: block;
}

.navbar{
	max-height: 55px;
}

#menu{
	float: right;
	right: 0px;
	top: 0px;
	width: auto;
    overflow: hidden;
}

#menu ul{
	background-color: #00A7C1;
	height: 38px;
	padding-top: 6px;
	padding-left: 0px;
	overflow: hidden;
	width: 174px;
	border-radius: 5px;
}

#menu ul li{
	display: inline;
	list-style-type: none;
	font-size: 20px;
	background-color: #00A7C1;
	padding-top: 10px;
}

#menu ul li a {
	padding: 10px;
	color: #FFF;
}

#menu ul li a:hover {
	color: #2289aa;
}

.highlight {
    background-color: #f7f7f9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
}

.btn-admin{
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

.btn-admin:hover, .btn-admin:focus, .btn-admin:active, .btn-admin.active, .open > .dropdown-toggle.btn-admin{
	background-color: #e0e0e0;
}

a.editable {
    cursor: pointer;
}

th.dt-center, td.dt-center { text-align: center; }

p.bg-success, p.bg-danger{
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

.help-block > .list-unstyled{
	color: #8a6d3b;
}

@media (max-width: 768px) {
	.navbar {
		max-height: 100%;
	}
	li.separate {
		display: none;
	}
	li.menu {
		width: 100%;
	}
	.navbar-nav {
		margin: 0;
	}
}