// $lui-toolbar: ;
$lui-toolbar-background-color: $grey-300;
$lui-toolbar-height: 50px;
$lui-toolbar-z-index: 99999;
$lui-toolbar-icon-size: 20px;

.lui-toolbar {
	width: 100%;
	height: $lui-toolbar-height;
	background-color: $lui-toolbar-background-color;
	z-index: $lui-toolbar-z-index;
	text-align: center;

	&.lui-spacer {
		background-color: transparent;
	}

	&.lui-fixed-bottom {
		position: fixed;
		bottom: 0;
	}

	&.lui-fixed-top {
		position: fixed;
		top: 0;
	}

	// Toolbar Group
	.lui-toolbar-group {

		display: inline-block;

		&.lui-pull-left {
			position: absolute;
			left: 0;
		}

		&.lui-center {

		}

		&.lui-pull-right {
			position: absolute;
			right: 0;
		}
	}


	// Icon button
	.lui-icon-button {
      margin-top: ($lui-toolbar-height - $lui-toolbar-icon-size * 2) / 4;
      font-size: $lui-toolbar-icon-size;
      top: 0;

      .lui-icon {
        line-height: 1;
        padding-left: 0;
      }
    }

    .lui-icon-button-tooltip {
	    margin-top: ($lui-toolbar-icon-size + 4) * -1;
	}

}