@font-face {
	font-family: Precisely_Regular;
	src: url(../fonts/Precisely-Regular.eot);
	src: url(../fonts/Precisely-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/Precisely-Regular.woff) format("woff")
}


html, body {
	padding: 0;
	margin: 0;
	font-family: Precisely_Regular,Helvetica Neue,Arial, sans-serif;
}

#header {
	background: #39006b;
}

.source-code-header {
	margin: 0;
}

#login {
	width: 300px;
	margin-top: 100px;
	margin-bottom: 100px;
}

.navbar {
	min-height: 50px;
	padding: 0;
	padding-left: 15px;
	line-height: 45px;
	font-size: 24px;
	margin-bottom: 0;
}


.navbar-brand.brand-text {
	/* The design system references PrecisionSans_W_Bd but we use _Rg in SM */
	font-family: "Precisely_Regular", "Helvetica Neue", Arial, sans-serif;
	display: flex;
}

.navbar ul {
	font-size: 15px;
	list-style-type: none;
	margin-bottom: 0;
	padding-left: 0;
}

.navbar ul li.username {
	min-height: 50px;
	padding-left: 10px;
	padding-right: 10px;
}
.navbar ul a {
	color: #fff;
	cursor: pointer;
}

.navbar ul a:hover {
	text-decoration: none;
}

.navbar ul li.open {
	background-color: rgba(0,0,0,.21);
}

.navbar ul li.open a.dropdown-toggle {
	color: #fff;
}

.search {
	line-height: 20px;
	font-size: 14px;
	padding-left: 15px;
}

.search input {
	display: inline;
}

.search .search-label {
	color: #fff;
	margin-right: 5px;
}

.search input {
	width: 20em;
}

.site-content {
	padding: 15px;
}

a .example-panel .panel-body {
	color: #717171;
}

.example-panel {
	width: 300px;
	height: 200px;
	box-sizing: border-box;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	border-radius: 5px;
}

.example-panel:hover {
	background-color: #f2e8fc;
}

.panel {
	box-shadow: 1px 1px 5px #E1E1E2;
}

.example-panel .icon-container {
	float: left;
	padding-right: 10px;
}

.example-panel .icon-container i {
	font-size: 60px;
}

.example-panel .icon-container i.glyphicon {
	line-height: 1;
}

/* Precisely brandig changes */
.primary-dark{
	background-color: #39006B !important;
	height: 70px;
}
.username.open .dropdown-toggle:hover{
	background-color: unset !important;
}

#footer .footer-logo::before {
    display: inline-block;
    width: 90px;
    height: 27px;
    margin-right: 0.5rem;
    margin-top: 0.125rem;
    margin-bottom: 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4yIiBiYXNlUHJvZmlsZT0idGlueSIgaWQ9InN5bmNzb3J0Ig0KCSB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDkwIDI1Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM4MDE3RTEiIGQ9Ik03My4xLDFoMi44M3YxN0g3My4xVjF6IE0zNC4xNCwxMi41OWMwLDAuMy0wLjAyLDAuNjItMC4wNywwLjloLTguMzNjMC4zMiwxLjMzLDEuNCwyLjI4LDMuMDQsMi4yOA0KCWMwLjk5LDAsMi4wNS0wLjM3LDIuNjktMS4yMmwxLjkzLDEuNTRjLTAuOTksMS40LTIuNzQsMi4yMy00LjYsMi4yM2MtMy4yOSwwLTUuODItMi40Ni01LjgyLTUuNjZjMC0zLjEzLDIuMTktNS44LDUuNjYtNS44DQoJQzMxLjg2LDYuODcsMzQuMTQsOS40OSwzNC4xNCwxMi41OXogTTMxLjI4LDExLjRjLTAuMTYtMS4xLTEuMzEtMS45Ni0yLjY3LTEuOTZjLTEuMzEsMC0yLjM3LDAuNzgtMi43OCwxLjk2SDMxLjI4eiBNNTQuMywxMC4xMw0KCWMwLTAuMjgsMC4xOC0wLjY5LDEuMTMtMC42OWMwLjYsMCwxLjUsMC4xNiwyLjQ2LDAuODNsMS41LTIuMDJjLTEuMjQtMS4xNS0zLjAxLTEuMzgtMy45OC0xLjM4Yy0yLjQ0LDAtMy44NiwxLjUtMy44NiwzLjUNCgljMCwzLjk2LDUuNTQsMi45NCw1LjU0LDQuNThjMCwwLjM5LTAuMzIsMC44MS0xLjMzLDAuODFjLTAuNzgsMC0yLTAuMjUtMy4wMS0xLjEzbC0xLjUsMi4xNmMwLjk5LDAuNzYsMi4zLDEuNTQsNC4zMiwxLjU0DQoJYzIuNzYsMCw0LjIxLTEuNDcsNC4yMS0zLjQ3QzU5Ljc4LDEwLjk0LDU0LjMsMTEuNjcsNTQuMywxMC4xM3ogTTcxLjk4LDEyLjU5YzAsMC4zLTAuMDIsMC42Mi0wLjA3LDAuOWgtOC4zNQ0KCWMwLjMyLDEuMzMsMS40LDIuMjgsMy4wNCwyLjI4YzAuOTksMCwyLjA3LTAuMzcsMi43MS0xLjIybDEuOTMsMS41NGMtMC45OSwxLjQtMi43NCwyLjIzLTQuNjIsMi4yM2MtMy4yOSwwLTUuODItMi40Ni01LjgyLTUuNjYNCgljMC0zLjEzLDIuMTktNS44LDUuNjYtNS44QzY5LjcsNi44Nyw3MS45OCw5LjQ5LDcxLjk4LDEyLjU5eiBNNjkuMTMsMTEuNGMtMC4xNi0xLjEtMS4zMS0xLjk2LTIuNjktMS45Ng0KCWMtMS4zMSwwLTIuMzcsMC43OC0yLjc4LDEuOTZINjkuMTN6IE00OC40OSwxLjY5Yy0xLjAxLDAtMS43OSwwLjc2LTEuNzksMS43N2MwLDEuMDEsMC43OCwxLjc5LDEuNzksMS43OQ0KCWMxLjAxLDAsMS43Ny0wLjc4LDEuNzctMS43OUM1MC4yNywyLjQ1LDQ5LjUxLDEuNjksNDguNDksMS42OXogTTQwLjk2LDE1LjYxYy0xLjY2LDAtMy4wMS0xLjM4LTMuMDEtMy4wMQ0KCWMwLTEuNjMsMS4zNi0zLjAxLDMuMDEtMy4wMWMxLjA0LDAsMS45MywwLjUxLDIuNDgsMS4yOWwyLjQ0LTEuNGMtMS4wNC0xLjU2LTIuODUtMi42LTQuOTItMi42Yy0zLjIyLDAtNS44LDIuNTMtNS44LDUuNzMNCgljMCwzLjE1LDIuNTgsNS43Myw1LjgsNS43M2MyLjA5LDAsMy45Ni0xLjA4LDQuOTctMi42OWwtMi40Mi0xLjQzQzQyLjk4LDE1LjA2LDQyLjA0LDE1LjYxLDQwLjk2LDE1LjYxeiBNNDcuMDcsMThoMi44M1Y3LjA3aC0yLjgzDQoJVjE4eiBNMTguNTUsOC4yMlY3LjA3aC0yLjgzVjE4aDIuODN2LTUuMzhjMC0xLjk2LDEuNC0zLjA0LDIuOTItMy4wNGMwLjY5LDAsMC45OSwwLjA1LDEuMjksMC4xMlY2Ljg5DQoJYy0wLjMtMC4wMi0wLjU4LTAuMDItMC44NS0wLjAyQzIwLjY0LDYuODcsMTkuNDcsNy4xNywxOC41NSw4LjIyeiBNODUuODksNy4wN2wtMi43NCw3LjU3bC0yLjc0LTcuNTdoLTMuMTNsNC41MywxMS4yNWwtMS45OCw1LjUyDQoJaDIuNzZsNi4wNy0xNi43N0g4NS44OXogTTE0LjM4LDEyLjU5YzAsMy4xNi0yLjU2LDUuNzMtNS43Myw1LjczYy0yLjk3LDAtNS40MS0yLjI2LTUuNy01LjE2djEwLjY4SDAuMVY3LjA3aDIuODV2NC45NQ0KCWMwLjI5LTIuODksMi43My01LjE2LDUuNy01LjE2QzExLjgxLDYuODYsMTQuMzgsOS40MywxNC4zOCwxMi41OXogTTExLjUzLDEyLjU5YzAtMS41OS0xLjI5LTIuODgtMi44OC0yLjg4DQoJYy0xLjU5LDAtMi44OCwxLjI5LTIuODgsMi44OGMwLDEuNTksMS4yOSwyLjg4LDIuODgsMi44OEMxMC4yNCwxNS40NywxMS41MywxNC4xOCwxMS41MywxMi41OXoiLz4NCjwvc3ZnPg==);
    background-repeat: no-repeat;
    content: '';
    -webkit-transform: translateY(0);
    transform: translateY(0);
    vertical-align: -10px;
}
#footer .container, footer .container-fluid {
    color: #8017E1;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    z-index: 10;
}
h1 {
    color: #111;
}
.h1, h1 {
    margin-top: 2rem;
    margin-bottom: 2rem;
    color: #111;
    font-family: Precisely_Light,"Helvetica Neue",Arial,sans-serif;
    font-size: 2rem;
}
.bg-color{
	color: #111;
}

.btn-primary:not([disabled]):not(.disabled).hover, .btn-primary:not([disabled]):not(.disabled):hover {
    border-color: #39006b;
    background-color: #39006b;
    color: #fff;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #6612b3;
    border-color: #5f11a7;
}
.btn-primary:hover {
    color: #fff;
    background-color: #6c13be;
    border-color: #6612b3;
}
.btn:hover {
    color: #111;
    text-decoration: none;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}
.btn-primary {
    border-color: #8017e1;
    background-color: #8017e1;
    color: #fff;
}
.btn {
    font-family: Precisely_Regular,"Helvetica Neue",Arial,sans-serif;
}

.form-control {
	background-image: none;
	background-color: #fff;
	color: #111;
	border: 1px solid #dedae1;
}
.form-control {
	display: block;
	padding: .5rem .75rem;
	line-height: 1.25;
	background-clip: padding-box;
	border-radius: .25rem;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control.focus, .form-control:focus {
	border: 1px solid #8017e1!important;
	box-shadow: 0 2px 10px rgba(0,0,0,.3);
	outline: 0;
}
.form-control:focus {
	color: #8017e1;
	background-color: #fff;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 10px rgba(0,0,0,.3);
}
.panel-heading {
	font-family: Precisely_Regular,"Helvetica Neue",Arial,sans-serif;
}
.example-panel .icon-container i {
	color: #8017e1;
}
.navbar-default .dropdown-menu a:hover {
    background-color: #f2e8fc;
    color: #2e2e2e;
}
.left-auto{
	left: auto;
	right: 1px;
}
.mt-1rm{
	margin-top: 1rem;
}

.navbar .navbar-brand:before {
	margin-top:-9px;
    display: inline-block;
    width: 47px;
    height: 40px;
    margin-right: .5rem;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iUHJlY2lzbGV5X21vbm9ncmFtX3doaXRlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIg0KCSB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDM0IDQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNCA0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggY2xhc3M9InN0MCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTIwLjEsMGMtNywwLTEyLjgsNS4zLTEzLjQsMTIuMVYwLjVIMFY0MGg2LjdWMTQuOEM3LjQsMjEuNywxMy4xLDI3LDIwLjEsMjdjNy41LDAsMTMuNS02LDEzLjUtMTMuNQ0KCUMzMy42LDYsMjcuNiwwLDIwLjEsMHogTTIwLjEsMjAuM2MtMy43LDAtNi44LTMtNi44LTYuOGMwLTMuNywzLTYuOCw2LjgtNi44YzMuNywwLDYuOCwzLDYuOCw2LjhDMjYuOSwxNy4yLDIzLjksMjAuMywyMC4xLDIwLjN6Ii8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat;
    content: ' ';
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.site-content {
	min-height: calc(100vh - (50px + 40px + 71px));
}
@media (min-width: 1200px){
	.container {
		width: 1292px !important;
	}
}
@media (min-width: 992px) {
	.container {
		width: 977px;
	}
}