@font-face {
	font-family: "Roboto Medium";
	src: url(../fonts/Roboto-Medium.ttf) format("truetype");
}


@font-face {
	font-family: "Roboto Medium";
	src: url(../fonts/Roboto-MediumItalic.ttf) format("truetype");
	font-style: italic;
}

html, body {
	height: 100%;
}

body {
	font-family: "Roboto Medium", sans-serif;
	background-color: #e5e8ee;
}

a:link, a:visited {
	text-decoration: underline;
	color: #009a67;
}

a:hover, a:active {
	text-decoration: none;
	color: #009a67;
}

.container-full-screen {
	display: table;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

.container-full-screen > .row {
	display: table-row;
	height: 100%;
}

.container-full-screen > .row > div {
	display: table-cell;
	float: none;
	vertical-align: top;
}

.dropdown > ul > li {
	background-color: white;
}

.dropdown > a > img,
.navbar-nav > li > button > img {
	/* TODO */
}

.navbar .icon-bar {
	background-color: white;
}

body > .container {
	padding-top: 107px;
}

body > .container-full-screen {
	padding: 70px 0 0 0;
}

.navbar {
	background-color: #011020;
	padding: 10px;
	border: none;
}

.navbar .navbar-nav > li a {
	color: #011020;
	text-decoration: none;
}

.panel-exilight-white .panel-body > div:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.panel-exilight-white .panel-body > div {
	float: left;
}

.bg-white {
	background-color: #ffffff;
	color: #011020;
}

.bg-orange {
	background-color: #ec5d0b;
	color: #ffffff;
}

.error {
	background-color: #ec5d0b;
}

.warn {
	background-color: #f6a623;
}

.ok {
	background-color: #009a67;
}

.btn-exilight-white {
	min-width: 248px;
	height: 50px;
	border-radius: 4px;
	background-color: #f2f2f2;
	border: solid 2px #f2f2f2;
	margin-right: 10px;

	font-size: 16px;
	font-weight: 500;
	text-align: center;
	color: #011020 !important;
}

.btn-exilight-grey {
	min-width: 248px;
	height: 50px;
	border-radius: 4px;
	background-color: #ced4db;
	border: solid 2px #ced4db;
	margin-right: 10px;

	font-size: 16px;
	font-weight: 500;
	text-align: center;
	color: #011020 !important;
}

.btn-exilight-green {
	min-width: 248px;
	height: 50px;
	border-radius: 4px;
	background-color: #009a67;
	border: solid 2px #009a67;
	margin-right: 10px;

	font-size: 16px;
	font-weight: 500;
	text-align: center;
	color: #ffffff !important;
}

.btn-exilight-red {
	min-width: 248px;
	height: 50px;
	border-radius: 4px;
	background-color: #ec5d0b;
	border: solid 2px #ec5d0b;
	margin-right: 10px;

	font-size: 16px;
	font-weight: 500;
	text-align: center;
	color: #ffffff !important;
}

.userimg {
	margin-right: 17px;
}

.username {
	width: 243px;
	font-family: Proxima-Nova, sans-serif;
	font-size: 18px;
	font-weight: 600;
	text-align: left;
	color: #f2f2f2;
}

.company {
	font-family: Proxima-Nova, sans-serif;
	font-size: 14px;
	font-weight: 300px;
	text-align: left;
	color: #f2f2f2;
}

#popup-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(1, 16, 32, 0.8);
	z-index: 99998; /* TODO */
	visibility: hidden;
}

.ui-dialog {
	z-index: 99999; /* TODO */
	background-color: #e5e8ee;
	border-radius: 4px;
}

.ui-dialog-titlebar {
	padding-top: 24px;
	padding-left: 37px;
	padding-right: 65px;
	padding-bottom: 27px;
}

.ui-dialog-title {
	font-size: 24px;
	font-weight: 500;
	color: #011020;
}

.ui-dialog-content {
	padding-left: 37px;
	padding-right: 65px;
	padding-bottom: 30px;
}

.ui-dialog-content label {
	color: 16px;
	font-weight: 500;
	color: #979797;
}

.ui-dialog-buttonpane {
	padding-top: 17px;
	padding-bottom: 29px;
	text-align: center;
}

.ui-dialog-titlebar-close {
	display: none;
}

.ui-autocomplete {
	max-height: 150px;
	overflow-y: auto;
	overflow-x: hidden;
}

.dropdown-menu {
	max-height: 600px;
	overflow-y: auto;
	overflow-x: hidden;
}

#messages {
	position: absolute;
	top: 15px;
	width: 400px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}

#messages > div {
	margin: 10px;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #ffe7c1;
	border: solid 1px #f6a623;
	border-radius: 4px;
	text-align: center;
}