﻿@import "symbols";
// after overriding, import them again to apply values
@import "../lib/node_modules/bootstrap-sass/assets/stylesheets/bootstrap/scaffolding";
@import "../lib/node_modules/@fortawesome/fontawesome-free/scss/brands";

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei";
}

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

body.with-generic-nav {
	padding-top: 65px;
	background: $gray-body-background;
}

.navbar-inverse .navbar-brand{
	color:white;
}

.panel {
	margin-bottom: 13px;
}

.panel-body{
	padding: 10px;
}

.panel .panel-heading {
	background-color: $gray-content-hover;
	padding: 10px;
	border-radius: 3px 3px 0 0;
}


.header-user {
	color:white;
	margin-top: 15px;

	.avatar{
		width:24px;
		height: 24px;
		border-radius: 2px;
	}

	.dropdown {
		.dropdown-toggle{
			cursor: pointer;
		}

		.dropdown-menu {
			right: 0;
			left: initial;
			color: $text-color;

			.username-item {
				padding-left: 15px;

				.username {
					display: inline-block;

					position: relative;
					top: 5px;

					max-width: 90px;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
			}
		}
	}


	.signout-form {

		&:hover, &:active {
			background-color:$gray-content-hover;
		}

		button {
			display: block;
			padding: 3px 20px;
			width: 100%;
			text-align: left;
			border: none;
			background: transparent;
			cursor: pointer;
			outline: none;
			color:$text-color;
		}
	}
}

.page-footer {
	color: gray;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 0;


	.report-link{
		color:$brand-lightest
	}
}

a.link{
	cursor: pointer;
	text-decoration: none;

	&:hover,&:active{
		text-decoration: underline;
	}
}

.form-control{
	width: 60%;
}
