body {
  /* padding-top: 60px;
  padding-bottom: 20px;
  background: url('../img/bg.png');*/
}

.sidebar-nav {
  padding: 9px;
  background:#f9f9f9;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border:1px solid #d0d0d0;
}

.navbar-inner {
  padding-left: 20px;
  padding-right: 20px;
  background:url(../img/bar_bg.png) repeat-x;
 /* background-color: #00260e;
  background-image: -moz-linear-gradient(top, #00a2e8, #004080);
  background-image: -ms-linear-gradient(top, #00a2e8, #004080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00a2e8), to(#004080));
  background-image: -webkit-linear-gradient(top, #00a2e8, #004080);
  background-image: -o-linear-gradient(top, #00a2e8, #004080);
  background-image: linear-gradient(top, #00a2e8, #004080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'00a2e8, endColorstr='#'004080, GradientType=0);*/
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.navbar .brand {

  float: left;

  display: block;

  padding: 8px 20px 12px;

  margin-left: -20px;

  font-size: 20px;

  font-weight: 200;

  line-height: 1;

  color: #ffffff;

}

.navbar .nav > li > a {

  float: none;

  padding: 10px 10px 11px;

  line-height: 19px;

  font-size: 13px;

  color: #d3d3d3;

  text-decoration: none;

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

}

.navbar .nav > li > a:hover {

  background-color: transparent;

  color: #ffffff !important;

  text-decoration: none;

}

.navbar .nav .active > a, .navbar .nav .active > a:hover {

  color: #ffffff;

  text-decoration: none;

  background-color: #222222;

  background-color: rgba(0, 0, 0, 0.5);

}

.navbar .divider-vertical {

  height: 40px;

  width: 1px;

  margin: 0 9px;

  overflow: hidden;

  background-color: #00260e;

  border-right: 1px solid #134024;

}

.dropdown-menu li > a:hover,

.dropdown-menu .active > a,

.dropdown-menu .active > a:hover {

  color: #ffffff;

  text-decoration: none;

  background-color: #51A351;

}

a {

  /* color: #51A351; */

}

a:hover {

  color: #00260e;

}

.nav-list > .active > a,

.nav-list > .active > a:hover {

  /* background-color: #51A351; */

}

.nav-pills > .active > a,

.nav-pills > .active > a:hover {

  background-color: ##51A351;

}

.dropdown-menu .nav-header {

  display: block;

  padding: 3px 15px;

  font-size: 11px;

  font-weight: bold;

  line-height: 18px;

  color: #999;

  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

  text-transform: uppercase;

}

span.user-actions, td div.btn-group {

  /* visibility: hidden; */

}

.no-margin

{

	margin:0px!important;

}

.text-center

{

	text-align:center;

}

.well.box-hover:hover

{

	background:#ccc;

}

table {

  background-color: #fdfdfd;

}

tr.pending-user:hover span.user-actions, tr.list-users:hover td div.btn-group, tr.list-roles:hover td div.btn-group {

  visibility:visible;

}



/*

 * Responsive table

 */

/*@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {

	.table th, .table td {

	  padding-left: 50%;

	  border-top:0;

	}

	table, thead, tbody, th, td, tr {

	  display: block;

	}

	thead tr {

	  position: absolute;

	  top: -9999px;

	  left: -9999px;

	}

	tr { 

	  border: 1px solid #ccc; 

	}

	td {

	  border: none;

	  border-bottom: 1px solid #eee;

	  position: relative;

	  padding-left: 50%;

	}

	td:before {

	  position: absolute;

	  top: 6px;

	  left: 6px;

	  width: 45%;

	  padding-right: 10px;

	  white-space: nowrap;

	}

	.list-users td:nth-of-type(1):before, .pending-user td:nth-of-type(1):before { content: "ID"; }

	.list-users td:nth-of-type(2):before, .pending-user td:nth-of-type(2):before { content: "Name"; }

	.list-users td:nth-of-type(3):before, .pending-user td:nth-of-type(3):before { content: "E-mail"; }

	.list-users td:nth-of-type(4):before, .pending-user td:nth-of-type(4):before { content: "Phone"; }

	.list-users td:nth-of-type(5):before, .pending-user td:nth-of-type(5):before { content: "City"; }

	.list-users td:nth-of-type(6):before, .pending-user td:nth-of-type(6):before { content: "Role"; }

	.list-users td:nth-of-type(7):before, .pending-user td:nth-of-type(7):before { content: "Status"; }

	.list-users td:nth-of-type(8):before, .pending-user td:nth-of-type(8):before { content: "Actions"; }

	.list-roles td:nth-of-type(1):before { content: "ID"; }

	.list-roles td:nth-of-type(2):before { content: "Role"; }

	.list-roles td:nth-of-type(3):before { content: "Description"; }

	.list-roles td:nth-of-type(4):before { content: "Slug"; }

	.list-roles td:nth-of-type(5):before { content: "Actions"; }

}*/

.no-margin {
    margin: 0 !important;
}



.login_panel{

	position:absolute;

	margin:auto;

	top:0;

	left:0;

	right:0;

	bottom:0;
	width:550px !important;

	height:300px;

}



.top-block{

	text-align:center;
	margin-bottom:30px;

}





/*

	 CSS-Tricks Example

	 by Chris Coyier

	 http://css-tricks.com

*/



* { margin: 0; padding: 0; }

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.group { display: inline-block; clear: both; }

/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; padding:0px; } /* close commented backslash hack */

article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }

a:focus { outline: 0; }



 

nav ul { 

    list-style: none; padding: 5px 20px; position: relative; 

    left: 0px;

}

.nav li 

{ 

	background:url(../img/menu_sep.gif) repeat-x left bottom;

	padding:0 0 3px;

}

.nav li:last-child

{

	background:none;

}

.nav li a {

	display: block;

	margin: 0 0px 0px 0;

    border-top: medium none;

    color: #555555;

	background:none;

    font-family: arial;

	font-weight:bold;

    font-size: 13px;

	width:102%;

    padding: 8px 0px 9px 15px;

}

nav ul li:hover

{

}

nav ul li a:hover {

	background: #B1B8BD url('../img/menu_current.png') right 0 no-repeat;
	
	/* IE10 Consumer Preview */ 
	background: url('../img/menu_current.png') right 0 no-repeat,-ms-linear-gradient(top, #666666 0%, #484848 100%);
	
	/* Mozilla Firefox */ 
	background: url('../img/menu_current.png') right 0 no-repeat,-moz-linear-gradient(top, #666666 0%, #484848 100%);
	
	/* Opera */ 
	background: url('../img/menu_current.png') right 0 no-repeat,-o-linear-gradient(top, #666666 0%, #484848 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background: url('../img/menu_current.png') right 0 no-repeat,-webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, #484848));
	
	/* Webkit (Chrome 11+) */ 
	background: url('../img/menu_current.png') right 0 no-repeat,-webkit-linear-gradient(top, #666666 0%, #484848 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background: url('../img/menu_current.png') right 0 no-repeat,linear-gradient(to bottom, #666666 0%, #484848 100%);

    /*background: url('../img/menu_current.png') right 0 no-repeat, 

                -moz-linear-gradient(top, #008bcf 0%, #004d8e 100%);

    background: url('../img/menu_current.png') right 0 no-repeat, 

                -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008bcf), color-stop(100%,#004d8e));

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004d8e', endColorstr='#008bcf',GradientType=0 );*/

	/*background:url(../img/menu_hover.gif) repeat-x right top;*/

	color: rgba(255,255,255,.85); 

	text-shadow:none;

	border-radius:5px 0 0 5px;

	-webkit-border-radius:5px 0 0 5px;

	-moz-border-radius:5px 0 0 5px;

}	

nav ul li a:active, nav ul li a.current {

	background-color:#004d8e;
	
	background: #B1B8BD url('../img/menu_current.png') right 0 no-repeat;

	/* IE10 Consumer Preview */ 
	background: url('../img/menu_current.png') right 0 no-repeat,-ms-linear-gradient(top, #666666 0%, #484848 100%);
	
	/* Mozilla Firefox */ 
	background: url('../img/menu_current.png') right 0 no-repeat,-moz-linear-gradient(top, #666666 0%, #484848 100%);
	
	/* Opera */ 
	background: url('../img/menu_current.png') right 0 no-repeat,-o-linear-gradient(top, #666666 0%, #484848 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background: url('../img/menu_current.png') right 0 no-repeat,-webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, #484848));
	
	/* Webkit (Chrome 11+) */ 
	background: url('../img/menu_current.png') right 0 no-repeat,-webkit-linear-gradient(top, #666666 0%, #484848 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background: url('../img/menu_current.png') right 0 no-repeat,linear-gradient(to bottom, #666666 0%, #484848 100%);
	
	/* background: url('../img/menu_current.png') right 0 no-repeat, 

                -moz-linear-gradient(top, #008bcf 0%, #004d8e 100%);

    background: url('../img/menu_current.png') right 0 no-repeat, 

                -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008bcf), color-stop(100%,#004d8e));*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004d8e', endColorstr='#008bcf',GradientType=0 );*/

	position: relative;

	top: 0px;

	width:102%;

	color:#fff;

	text-shadow:none;

	border-radius:5px 0 0 5px;

	-webkit-border-radius:5px 0 0 5px;

	-moz-border-radius:5px 0 0 5px;

}


.margin-top-10{
	margin-top:10px;
}

.icon32 img {
	height:130px;
}