body {
	background: url('/bundles/tsnadmin/img/bg/mooning.png?1.1.0') repeat;
	padding: 0;
}

/*========================================================
 Bg pattern is downloaded from www.subtlepatterns.com 
 If you need more, that's where to get'em.
 ========================================================*/


body.ajax-loading::after {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.3) url('/bundles/tsnadmin/img/loading.gif?1.1.0') no-repeat center 10%;
}


/*** NAVBAR TOP ***/
nav.navbar .navbar-title {
	font-size: 0;
	transition: all 0.5s ease;
	color: transparent;
}
nav.navbar.navbar-inverse.scrolled .navbar-title {
	color: #fff;
}
nav.navbar.scrolled .navbar-title {
	font-size: 1.2em;
	margin-bottom: -0.2em;
}
nav.navbar h1 {
	font-size: 1.6em;
	font-weight: 500;
}
nav.navbar.navbar-inverse h1 {
	color: #eee;
}
.inverse-dropdown,
.navbar.navbar-inverse .dropdown {
	background-color: #222;
	border-color: #080808;
}
.navbar.navbar-inverse .dropdown > .dropdown-menu {
	background: inherit;
}
.inverse-dropdown > li > a,
.navbar.navbar-inverse .dropdown li > a {
	color: #999;
}
.inverse-dropdown > li > a:hover,
.navbar.navbar-inverse .dropdown li > a:hover,
.inverse-dropdown > li.active > a,
.navbar.navbar-inverse .dropdown li.active > a{
	color: #fff;
	background-color: #000;
}
.inverse-dropdown > .divider,
.navbar.navbar-inverse .dropdown .divider {
	background-color: #000;
}
nav.navbar .navbar-brand {
	padding: 0 15px 0 0;
	border-right: 2px solid rgba(255,255,255,.2);
	line-height: 50px;
}
nav.navbar .navbar-brand > img {
	display: inline;
	max-height: 50px;
}



/*** CONTENT WRAPPER ***/
#wrapper {
	padding-top: 60px;
}

#wrapper .page-header {
	text-align: center;
}


/*** CONTENT COMMON ***/
#wrapper .main-content > .container,
#wrapper .main-content > .container-fluid {
	background: #f6f6f6;
	margin: 15px 30px 30px;
	padding: 20px 15px 0;
	box-shadow: 2px 2px 10px;
}
#wrapper .table-bordered {
	background: #eee;
	box-shadow: 2px 2px 10px;
	transition: all 0.5s ease;
}
#wrapper .main-content > .container .table-bordered,
#wrapper .main-content > .container-fluid .table-bordered {
	box-shadow: none;
}
#wrapper .main-content > .row > .table-responsive {
	padding-left: 30px;
	padding-right: 30px;
}
#wrapper .main-content > .container-fluid.fluid2 {
	margin-left: 15px;
	margin-right: 15px;
}
#wrapper .main-content .footer-actions {
	text-align: right;
	min-height: 35px;
}
#wrapper .main-content > .container > .row,
#wrapper .main-content > .container-fluid > .row {
	margin-left: 0;
	margin-right: 0;
}
#wrapper .main-content .tsn-show .list-group-item > strong {
	display: inline-block;
	width: 120px;
}
#wrapper form .checkbox {
	display: block;
	width: 25%;
	float: left;
}
#wrapper form .form-group::after {
	display: block;
	content: '';
	clear: both;
}
#wrapper form .submit-form-actions {
	transform: translateY(41px);
	height: 1px;
}
#wrapper .main-content > .container-fluid > .row > h1,
#wrapper .main-content > .container-fluid > .row > h2,
#wrapper .main-content > .container-fluid > .row > h3,
#wrapper .main-content > .container-fluid > .row > h4 {
	margin-top: 0;
	margin-bottom: 1em;
}

#wrapper .alert-container {
	padding-left: 15px;
	padding-right: 15px;
}
#wrapper .alert-container.deeper {
	padding-left: 30px;
	padding-right: 30px;
}


/*** CONTENT LIST/INDEX ***/
#wrapper .table-bordered td.actions {
	text-align: center;
}
#wrapper .btn-text {
	cursor: text;
}
#wrapper .btn-text:active,
#wrapper .btn-text:focus {
	outline: none;
	box-shadow: none;
}
#wrapper .pagination-small {
	padding-top: 0.4em;
}
#wrapper .list-group.hover-icon > a:not(:hover) > span {
	display: none;
}
#wrapper .list-group.hover-icon.hover-primary > a:hover {
	background: #337ab7;
	color: #fff;
}


/*** CONTENT FORMS ***/
#wrapper form label.grouped + div {
 border: 1px solid #ccc;
  border-radius: 5px;
  padding: 0.5em 0.5em;
  background: #fff;
  transition: all 0.7s ease;
}
	#wrapper form label.grouped + div > .checkbox {
    width: auto;
    margin: 0.3em 2em 0.3em 0;
    display: inline-block;
    float: left;
    word-break: break-all;
	}
	#wrapper form label.grouped + div::after {
    content: '';
    display: block;
    clear: both;
	}
#wrapper form label.grouped.check-all.none-checked + div {
	width: 40px;
  display: inline-block;
  height: 2em;
  overflow: hidden;
  margin-left: 1em;
  padding: 0;
  margin-bottom: -0.7em;
  border: none;
  background: transparent;
  color: transparent;
}
#wrapper form label.grouped.check-all.none-checked > b.fa-check {
	display: none;
}
#wrapper form label.grouped.check-all > b.fa-check::before {
	margin-right: 0.3em;
}
#wrapper form label.grouped.check-all.none-checked {
  color: #999;
}
#wrapper form label.grouped.check-all.none-checked:hover {
	cursor: pointer;
	color: #333;
}
#wrapper form label.grouped.check-all.all-checked {
	color: #090;
}


/*** FOOTER ***/
footer {
	margin-top: 2em;
}
/* some bug */
#body + footer {
	display: none;
}


/*** CUSTOM CLASSES ***/
.fade-me {
	transition: all 0.5s ease 0.2s;
}
	.fade-me.out {
		transform: translateY(-50px);
	}
	.fade-me.in {
		transform: translateY(0);
	}
	.fade-me-scale.out {
		transform: scale(0);
	}
	.fade-me-scale.in {
		transform: scale(1);
	}
	.fade-me-reverse.out {
		transform: translateY(50px);
	}
	.fade-me-reverse.in {
		transform: translateY(0);
	}
	
div.no-pad {
	padding-left: 0;
	padding-right: 0;
}


/*** DEBUG ONLY ***/
body > pre {
	/*position: absolute;*/
	/*z-index: 998877;*/
	margin-top: 50px;
	max-width: 50%;
	float: left;
}

/*** PROD ONLY ***/
#body + .sf-toolbar {
	/*display: none !important;*/
}