* {
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box
}
body {
	background-color: #F5F6F7;
	color: #657483;
	position: relative;
	font-family: 'Open Sans', 'sans-serif'; font-weight: 400; font-size: 13px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Open Sans', 'sans-serif'; font-weight: 400; 
}
a {
text-decoration: none !important;
}
i {
	/*margin-right: 0.4em;*/
}
h5 {
	margin: 30px 0px 20px 0px;
}
.navbar-brand {
	font-family: 'Stardos Stencil', cursive;
	font-size: 28px;
	font-weight: 400;
	line-height: 1.4em;
	padding: 6px 20px 0px 0px;
	color:#22baa0;
	/*background-color: #ffffff;*/
}
label {
	font-weight: normal !important;
}
.navbar-toggle {
position: absolute;
top: 9px;
left: 10px;
width: 30px;
height: 30px;
padding: 2px;
background-color: transparent;
border: 1px solid #13c4a5;
border-radius: 4px;
color:#13c4a5;
font-size: 1.4em;
line-height: 1.5em;
}
.navbar-toggle:hover, .navbar-toggle:focus {
color:#233445;
background-color: #7BE3D1;
}
/* Mouseover dropdown
ul.nav li.dropdown:hover > ul.dropdown-menu{
    display: block;    
}*/
.navbar {
/*border-bottom: 1px solid #d1d4d7;*/
border: none;
box-shadow: 0 0 5px rgba(0,0,0,.1);
z-index: 1010;
border-radius: 0;
padding: 0;
margin-bottom: 0;
background-color: #233445;
}
.nav-primary {
background-color: #233445;
}
.nav-primary li a i {
margin-right: 0.4em;
}
.nav-primary>li>.dropdown-menu {
margin-left: 0;
border-radius: 0;
}
.nav-primary>li>a {
font-size: 14px;
color: #8e9eae;
border-right: 0px solid #8e9eae;
position: relative;
}
.nav-primary>li.active>a {
border-left: 0px solid #13c4a5;
padding-left: 9px;
}
.nav-primary>.dropdown-submenu:hover>a, .nav-primary>.dropdown-submenu:focus>a , .nav-primary>li>a:hover, .nav-primary>li>a:focus, .nav-primary>li>a:active {
color: #ffffff;
background-color: #233445;
transition: color .3s ease-in-out 0s;
box-shadow: inset 0 1px 0 #ffffff;
}
.navbar-nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus {
color: #13c4a5;
background-color: transparent;
box-shadow: inset 0 3px 0 #13c4a5;
transition: color .3s ease-in-out 0s;
}
.navbar .nav>li>a {
border-radius: 0;
}
.navbar .nav li.dropdown .dropdown-toggle{
color:#8e9eae;
}
.navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown>.dropdown-toggle:hover, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle {
color:#233445;
background: #A9B7C4;
box-shadow: inset 0 1px 0 #13c4a5;
}
.navbar .nav li.dropdown-submenu.open>.dropdown-toggle{
background: transparent;
color:#ffffff;
box-shadow: inset 0 1px 0 #13c4a5;
}
.dropdown>.dropdown-menu {
margin-left: 0;
border-radius: 0;
}
.panel-heading .nav {
font-size: 12px;
margin: -10px -15px;
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a
{
  color:#fff;
  text-decoration:none;
  background-color:#357ebd;
  background-image:0;
  background-image:0;
  background-image:0;
  background-image:linear-gradient(tobottom,#428bca,#357ebd);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff357ebd',GradientType=0);
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus
{
  color:#fff;
  text-decoration:none;
  background-color:#357ebd;
  background-image:0;
  background-image:0;
  background-image:0;
  background-image:linear-gradient(tobottom,#428bca,#357ebd);
  background-repeat:repeat-x;
  outline:0;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff357ebd',GradientType=0);
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
background-image: none;
filter: none;
background-color: #13c4a5;
color: #fff;
}
.dropdown-menu:after, .dropdown-menu:before {
    border: none !important;
    content: "" !important;
}
.dropdown-submenu>a:after, .dropdown-submenu>a:before {
    border: none !important;
    content: "" !important;
}
.open>a {
outline: 0;
}
.open {
z-index: 1050;
}
.text-muted {
color: #999999;
}
.thumb img, .thumb-mini img, .thumb-small img, .thumb-large img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
/* Content */
#content {
	position: relative;
}
form, .carousel, .form-horizontal .control-group, .nav-tabs, .alert, .panel, .progress, .breadcrumb, .accordion {
margin-bottom: 10px;
}
.panel-heading {
font-size: 16px;
text-transform:uppercase;
}
.l-h-2x {
line-height: 2em;
}
.m-b {
margin-bottom: 15px;
}
.m-t-large {
margin-top: 20px;
}
.m-r-small {
margin-right: 10px;
}
.btn-white {
padding: 8px 12px;
box-shadow: inset 0 -2px 0 rgba(0,0,0,0.05);
border-width: 1px;
border-color: #c3c6c9;
color: #657483;
background-color: #fff;
}
.btn-white.btn-circle>i {
color: #a5b6c7;
background: #fff;
}
.sqr>i {
border-radius: 50% !important;
display: block !important;
}
.btn-circle>i {
color: #a5b6c7;
background: #e5e9ed;
width: 60px;
padding: 18px 0;
font-size: 24px;
border-radius: 50%;
display: block !important;
margin: 0 auto;
margin-bottom: 6px;
line-height: normal;
transition: all .3s ease-in-out 0s;
}
.btn-circle b.badge {
position: absolute;
right: 5px;
top: 2px;
}
.badge.bg-white {
color: #919599;
}
.bg-white {
background: #fff;
}
.btn.btn-circle:hover, .btn.btn-circle:active, .btn.btn-circle.active {
box-shadow: none;
background: transparent;
}
.btn.btn-circle:hover>i{color:#fff;background-color:#23d4b5;}
.btn-primary, .bg-primary, .btn-primary.btn-circle>i {
color: #fff;
background-color: #13c4a5;
}
.btn.btn-circle:hover,.btn.btn-circle:active,.btn.btn-circle.active{box-shadow:none;background:transparent;}
.btn-link, .bg-link, .btn-link.btn-circle>i {
color: #fff;
background-color: #3fcf7f;
}
/*
.btn-success, .bg-success, .btn-success.btn-circle>i {
color: #fff;
background-color: #3fcf7f;
}
.btn-info, .bg-info, .btn-info.btn-circle>i {
color: #fff;
background-color: #5191d1;
}
.btn-inverse, .bg-inverse, .btn-inverse.btn-circle>i {
color: #fff;
background-color: #233445;
}
.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.btn-inverse.btn-circle:hover>i{color:#fff;background-color:#314355;}
.btn-warning, .bg-warning, .btn-warning.btn-circle>i {
color: #fff;
background-color: #f4c414;
}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.btn-warning.btn-circle:hover>i{color:#fff;background-color:#f6d616;}
.btn-danger, .bg-danger, .btn-danger.btn-circle>i {
color: #fff;
background-color: #ff5f5f;
}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.btn-danger.btn-circle:hover>i{color:#fff;background-color:#ff8585;}
*/
.btn.btn-circle, .btn.btn-circle.disabled {
padding: 2px 5px;
box-shadow: none;
border: none;
background: transparent;
color: #3a5a7a;
font-weight: 300;
transition: none;
}

/* List Group */
.panel .list-group {
background: transparent;
}
.m-t-n {
margin-top: -15px;
}
.m-t-mini {
margin-top: 5px;
}
.list-group {
border-radius: 4px;
}
.list-group-flush {
margin: 15px -15px -15px;
}
.panel .list-group.m-t-n .list-group-item:first-child {
border-top: 0;
}
.list-group-flush .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.list-group-flush .list-group-item {
border-width: 1px 0;
}
.list-group-item:first-child {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.list-group-item {
padding-right: 15px;
border-color: #e4e9ed;
}
.list-group-item {
position: relative;
display: block;
padding: 10px 30px 10px 15px;
margin-bottom: -1px;
border: 1px solid #dddddd;
}
.media:first-child {
margin-top: 0;
}
.media, .media-body {
overflow: hidden;
zoom: 1;
}
.media>.pull-left {
margin-right: 10px;
}
.media-large {
min-width: 90px;
}
small {
font-size: 85%;
}
/* Footer */
#footer {
	margin-top: 20px;
}
.padder {
	padding: 0 15px;
}
.clear {
	clear: both;
}
.btn-sm {
	padding: 2px 6px !important;
}
.useractive {
	color:#96D6B2;
}
.userinactive {
	color:#C0C4C2;
}
#content .page-header {
border: 0;
margin: 10px 0 10px 0;
padding: 0 3px;
color:#2a2a2a;
}