@font-face
{
	font-family:MuseoSans100;
	src: url('../site_files/exljbris - MuseoSans-100.otf');
}

@font-face
{
	font-family:MuseoSans300;
	src: url('../site_files/exljbris - MuseoSans-300.otf');
}

@font-face
{
	font-family:MuseoSans500;
	src: url('../site_files/exljbris - MuseoSans-500.otf');
}
@font-face
{
	font-family:MuseoSans700;
	src: url('../site_files/exljbris - MuseoSans-700.otf');
}

@font-face
{
	font-family:MuseoSans900;
	src: url('../site_files/exljbris - MuseoSans-900.otf');
}

@font-face
{
	font-family:OpenSans300;
	src: url('../site_files/OpenSans-Light.ttf');
}

@font-face
{
	font-family:OpenSans400;
	src: url('../site_files/OpenSans-Regular.ttf');
}

@font-face
{
	font-family:OpenSans500;
	src: url('../site_files/OpenSans-Medium.ttf');
}

@font-face
{
	font-family:OpenSans600;
	src: url('../site_files/OpenSans-SemiBold.ttf');
}
@font-face
{
	font-family:OpenSans700;
	src: url('../site_files/OpenSans-Bold.ttf');
}

@font-face
{
	font-family:OpenSans800;
	src: url('../site_files/OpenSans-ExtraBold.ttf');
}

.xl {
	font-family: MuseoSans300,tahoma,arial,verdana,sans-serif;
	font-size: 18px;
}
.lg {
	font-family: MuseoSans300,tahoma,arial,verdana,sans-serif;
	font-size: 16px;
}
.md {
	font-family: MuseoSans300,tahoma,arial,verdana,sans-serif;
	font-size: 12px;
}
.sm {
	font-family: MuseoSans200,tahoma,arial,verdana,sans-serif;
	font-size: 10px;
}

.sm_bld {
	font-family: MuseoSans500,tahoma,arial,verdana,sans-serif;
	font-size: 12px;
}

.bld {
	font-family: MuseoSans700,tahoma,arial,verdana,sans-serif;
}

.super_bld {
	font-family: MuseoSans900,tahoma,arial,verdana,sans-serif;
}

.md_hd_bld {
	font-family: MuseoSans700,tahoma,arial,verdana,sans-serif;
	font-size: 14px;
	padding-bottom: 3px;
}

.md_hd {
	font-family: MuseoSans400,tahoma,arial,verdana,sans-serif;
	font-size: 14px;
	color:#556978;
	padding-bottom: 3px;
}

.header {
	font-family: MuseoSans700,tahoma,arial,verdana,sans-serif;
	/*text-transform: uppercase;*/
}

.page_header {
	text-transform: uppercase;
	color: #082755;
}

.highlight {
	color: #E37171;
}

/* red color for best readability when used for text */
.redText {
	color: #C7203B;
}

/* green color for best readability when used for text */
.greenText {
	color: #0AB45A;
}

.yellowText {
	color: #ffd700;
}

a {
	color: #248CB8;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/* Sencha Override */
a.x-btn:hover {
	text-decoration: none;
}

.btn {
	font-family: MuseoSans500,tahoma,arial,verdana,sans-serif;
	background-image: none;
	background-color: #5B99B5;
	color: white;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
}
.help-button .btn.approve {
    font-size: 20px;
    text-align: center;
    padding: 15px;
    width: 250px;
    border-radius: 5px;
    vertical-align: middle;
}
.right-arrow:after{content:"\25BA"; vertical-align: middle; font-size: 8px;}
.btn.large {
	min-width: 110px;
	padding: 10px;
}
.btn.medium {
	min-width: 75px;
	padding: 5px;
}
.btn.small {
	min-width: 35px;
	padding: 2px;
}

.btn.action {
	background-color: #082755;
}
/*unused till button hover style is revisted
.btn.action_hover {
	background-color: #4D8DAA;
}*/

.btn.approve {
	background-color: #6EB551;
}
/*unused till button hover style is revisted
.btn.approve_hover {
	background-color: #5C9545;
}*/

.btn.reject {
	background-color: #A10000;
}
/*unused till button hover style is revisted
.btn.reject_hover {
	background-color: #8E0000;
}*/

.btn.assist {
	background-color: #08B2E3;
}
/*unused till button hover style is revisted
.btn.assist_hover {
	background-color: #169AC0;
}*/

.btn.wide {
	min-width: 160px;
}

.btn.link {
	font-family: OpenSans300;
	font-size: 12px;
	color: #082755;
	background: transparent;
}

.clickable {
	cursor: pointer;
	padding: 10px;
}
.clickable:hover {
	background-color: #c2cad2;
	border-radius: 3px;
	padding: 10px;
}

.selected {
	background-color: #c2cad2;
	border-radius: 3px;
	padding: 10px;
}

.tile_title .x-header-text {
	font-size: 16px;
	font-family: MuseoSans700;
	color: #12455B;
}

.tile_title .x-panel-header-text-container-default {
	height: 22px;
	padding-top: 4px;
}

/* S6 version for title title css classes */
.tile_title .x-title-text {
	font-size: 16px;
	font-family: MuseoSans700;
}

.tile_title .x-panel-header-title-default {
	height: 22px;
	padding-top: 4px;
}
/* end S6 version for title title css classes */

.tile .x-panel-body {
	border-width: 1px !important;
	border-top: none;
	border-color: #DDD;
	border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
	box-shadow: 0px 2px 4px 0px #64646f33;
}
.tile .tile_content_container .x-panel-body {
	background-color: #FFFFFF;
	border: none;
}

.tile .header {
	border-top-left-radius: 7px;
    border-top-right-radius: 7px;
	border: 1px solid #DDD !important;
	background-color: #FFF;
	padding-left: 4px;
	padding-right: 16px;
	padding-top: 16px;
	padding-bottom: 16px;
	box-shadow: none;
	box-shadow: 6px 0px 8px -6px #64646f33;
}

.tile .header a {
	color: #556978 !important;
}

.tile .header .btn {
	cursor: pointer;
	margin-left: 5px;
	text-align: center;
	vertical-align: middle;
}

.alert {
	border-left: 5px solid;
}

.alert, .alert span {
	display: inline-block;
	vertical-align: middle;
}

.tile .alert, .tile:hover .alert {
	padding: 0px;
	width: 90%;
	margin: 10px;
}

.alert_value {
	padding: 5px 25px 5px 10px;
	font-family: MuseoSans900;
	width: 25%;
}

.alert_text {
	width: 75%;
}

.green {
	border-color: #409035;
}

.red {
	border-color: #C7203B;
}

.yellow {
	border-color: #EFE657;
}

.invalid-grid {
	border: solid 1px #cc3300 !important;
}

/* adding padding back to grid pull-down menu items */
.x-menu-item-text {
  margin-left: 25px;
}

.underline {
	text-decoration: underline;
}