@import bootstrap/bootstrap


=sabc-container( $background-color: #fff )
	@extend .container
	background-color: $background-color
	padding:
		left: 2*$gridGutterWidth
		right: 2*$gridGutterWidth
	border:
		left: 2*$gridGutterWidth solid $background-color - #111
		right: 2*$gridGutterWidth solid $background-color - #111


=rv-button-bg( $from: #eee , $to: $from - #222 )
	+gradient-vertical( $from , $to )
	border:
		width: 1px
		style: solid
		color: $from - #222 $from - #888 $from - #888 $from - #333
	&:hover
		+gradient-vertical( $from + #0a0a0a , $to - #111111 )
		background-position: 0
	&:active, &.active
		+gradient-vertical( $to , $from - #111 )
		border-color: $from - #888 $from - #333 $from - #222 $from - #888
		+box-shadow(none)

small
	font-size: .85em

body.sabc
	background: #555 url(/assets/img/bg-texture-1.jpg) left top repeat
	margin: 0
	padding: 2 * $gridGutterWidth 0

	div.box
		width: ($gridColumns*$gridColumnWidth)+(($gridColumns+7)*$gridGutterWidth)
		+box-shadow(0px 0px 12px #000)
		margin: 0 auto

		& > header
			+sabc-container(#932)
			h1
				color: #fff
				font-weight: normal
				font-size: 1.66666666em
				padding: 25px 0 13px 75px
				line-height: 1
				background: transparent url(/assets/img/sabc-logo-negative-60x30.png) left center no-repeat

		& > footer
			+sabc-container(#932)
			color: #fff
			padding:
				top: $gridGutterWidth
				bottom: $gridGutterWidth
			a
				display: block
				width: 60px
				height: 30px
				margin: 0 auto
				background: transparent url(/assets/img/sabc-logo-negative-60x30.png) center center no-repeat
				text-indent: -9999px

		& > article
			+sabc-container
			padding:
				top: 2*$gridGutterWidth
				bottom: 2*$gridGutterWidth

		input[type="text"], input[type="password"]
			+border-radius(0)
			+box-shadow(none)
			border: 1px solid #aaa
			border-right-color: #ccc
			border-bottom: 2px solid #000
			background-color: #f6f6f6
			+transition(background 200ms linear)
			&:focus
				+box-shadow(none)
				background-color: #ffc

	.btn
		+rv-button-bg
	.btn-primary
		+rv-button-bg( $btnPrimaryBackground + #080808 )
	.btn-warning
		+rv-button-bg( $orange + #111 )
	.btn-danger
		+rv-button-bg( #ee5f5b )
	.btn-success
		+rv-button-bg( #62c462 )
	.btn-info
		+rv-button-bg( #5bc0de )
	.btn-inverse
		+rv-button-bg( #666666 )


#login

	padding-top: 2.5*$baseLineHeight
	padding-bottom: 2.5*$baseLineHeight

	.control-group
		margin: $baseLineHeight/2 0

	.form-actions
		padding:
			top: 0
			bottom: $baseLineHeight
		margin-top: 0
		background: transparent
		border:
			top: 0
			bottom: 1px solid #ccc

	fieldset
		padding-top: $baseLineHeight

	legend
		border-bottom-color: #ccc

	small
		display: block
		margin-top: 2.5*$baseLineHeight
		font-size: 12px
		line-height: 15px
		color: #666


@import balances_new