* {margin:0; padding:0;}

@font-face {
    font-family: 'MuseoSans500Regular';
    src: url('/4orce/template/fonts/museo-sans-500.eot');
    src: url('/4orce/template/fonts/museo-sans-500.eot?#iefix') format('embedded-opentype'),
         url('/4orce/template/fonts/museo-sans-500.woff') format('woff'),
         url('/4orce/template/fonts/museo-sans-500.ttf') format('truetype'),
         url('/4orce/template/fonts/museo-sans-500.svg#MuseoSans500Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {height: 100%;}

body	{font-family: 'MuseoSans500Regular' !important; background-color: #272727 !important; height:100%;}

a.icon		{color: #337ab7; }

.spacer	{clear:both}
.error {  position: relative; color:red; font-weight: bold; font-size: 150%; text-align:center; background-color: #dbc5c5; border: 1px solid #ccc; border-radius: 10px; margin: 10px 0; padding: 15px; }
.error a	{color: #FF9C00}
.warning {  position: relative; color:#f08400; font-weight: bold; text-align:center; background-color: #ffeeba; border: 1px solid #ccc; border-radius: 10px; margin: 10px 0; padding: 15px; }

.message {
	color: #FFFFFF;
	background-color: #0198ff;
	border-radius: 6px;
	padding: 10px 16px;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 1.3333333;
}

.rightAlign {width: 100%; text-align: right;}
.icon {vertical-align: middle; margin-left: 2px; margin-right: 5px;}
.icon-disabled {vertical-align: middle; margin-left: 2px; margin-right: 5px; color:#CCC;}
.adminTitle {display: block; float: left; width: 22px;}
.floatleft {float: left}
.floatright {float: right}

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}

/* LOGO */
#logo-container {
	position: absolute;
	top: 26px;
	z-index: 100;
	width: 172px;
	height: 172px;
}

#logo-frame {
	position: absolute;
	z-index: 100;
}

#logo {
	position: absolute;
	z-index: 50;
	border-radius: 50%;
}


/* HEADER */
#header	{
	background-color: #FFFFFF;
	height:100px;
	border-bottom: 2px solid #d5d6d8;
	}

.height-100 {
	height: 100px;
	padding-left: 0 !important;
	}

.left-column {
	border-right: 2px solid #d5d6d8;
	padding-left: 0 !important;
}

.main-menu, .main-menu:visited {
	display: inline-block;
	padding: 0px 20px 17px 20px;
	margin-top: 52px;
	color: #8f9094;
	text-decoration: none;
	}

a.main-menu-active, a.main-menu:hover, a.main-menu:focus {
	color: #0099ff !important;
	border-bottom: 3px solid #0099ff;
	text-decoration: none;
}

.main-menu-text {
	font-size: 18px;
}

.no-gutters {
  padding-right:0 !important;
  padding-left:0 !important;
  margin-right:0 !important;
  margin-left:0 !important;
}

/* LOGIN SCREEN */
#login-container {
	width: 100%;
	min-height: 95%;
	background: url('/images/airport.jpg') top center no-repeat;
	position: relative;
	color: #FFF;
}

#login-overlay {
    background-color: rgba(0, 0, 0, 0.68);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

a.white, a.white:visited, a.white:active, a.white:hover { 
	color:#FFF;
}

.height-100-percent {
	height: 100%;
}

/* LEFT MENU */
#select-cohort {
	padding-bottom: 20px;
	border-bottom: 1px solid #e0e1e5;
	margin-bottom: 20px;
}

.left-menu-item {
	margin-bottom: 15px;
	font-weight: bold;
}

.left-menu-item a, .left-menu-item a:visited {
	color: #6c6c6e;
	text-decoration: none;
}

.left-menu-active a, .left-menu-item a:hover, .left-menu-item a:active, .left-menu-item a:focus {
	color: #0099ff !important;
	text-decoration: none !important;
}

.left-menu-icon {
	display: inline-block;
	width: 40px;
}

#popup-content-wrapper {width: 100%;}
#popup-header-wrapper	{width:100%; background: url('/images/template/popupheader.gif') #7DA6DA;}

.padder	{padding:10px;}
.pad	{padding:15px 8px;}
.nopadder	{padding: 0px;}

#main-content { 
	min-height: 85%;
	background-color: #edeef0;
	}

#home-content { 
	min-height: 85%;
	background-color: #FFF;
	}

#home-content-header {
	height: 500px;
	background: url('/images/airport.jpg') center -200px no-repeat;
	text-align:center;
	padding-top: 150px;
	margin-bottom: 40px;
}

#home-content-header h1 {
	font-size: 70px;
	font-weight: bold;
}

.home-box {
	height: 215px;
	background-color: #0099ff;
	border-radius: 6px;
	box-shadow: 4px 4px 8px #aaaaaa;
	padding: 20px;
	color: #FFF;
	font-size: 15px;
}

.home-box:hover, .home-box:active {
	cursor: pointer;
}

.home-box i {
	color: #0164a7;
}

.home-box h3 {
	color: #c0e5ff;
	padding-bottom: 15px;
	border-bottom: 1px solid #0164a7;
}

.home-box .fa-chevron-right {
	color: #FFF;
	margin-top: 8px;
}

/* LEFT NAV */
/*#navMenu {background-color: #CCCCCC; 	padding: 2px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;}*/
#navMenu {border: 1px dashed #CCCCCC; padding: 2px;}
#navMenu ul {list-style: none; }
#navMenu li {margin: 0px;}
#navMenu li.selected {color: #000; background-color: #00bad4;}
#navMenu li a { display: block; text-decoration: none; padding: 5px; }	
#navMenu a:hover, #navMenu .selected {color: #000; background-color: #00bad4; }


/* SUB NAV */
#tabMenu ul {list-style: none; }
#tabMenu li {float: left; border: 1px solid #CCCCCC; margin: 0px;}
#tabMenu li.selected {color: #000; background-color: #00bad4;}
#tabMenu li a { display: block; text-decoration: none; padding: 5px; }	
/*#tabMenu a:hover, #tabMenu.selected {color: #000; background-color: #00bad4; }*/

#tabContent { clear: left; border: 1px solid #CCCCCC; padding: 5px;}

/* FOOTER */
#nextprev {width: 100%; text-align: center;}
#footer		{ background-color: #272727; color: #8b8c91; padding: 10px 0;}
#footer a	{color: #657171;}
#footer a:hover	{color: #00a8bf;}

/* LOGIN SCREEN */
.loginbox {width: 350px; height: 230px;}
.loginboxheader {width:100%; padding: 3px 0; border: 1px dotted #A4BBD9; text-align:center; font-weight:bold; vertical-align:top; background: #DCE5F0;}
.loginboxcontent	{width:100%; height: 100%; border: 1px dotted #A4BBD9; text-align:center; margin-top:2px;}

/* OPTION BOX */
.optionbox {width: 155px; height: 280px; float: left; margin-right: 10px;}
.optionboxheader {width:100%; padding: 3px 0; border: 1px dotted #A4BBD9; text-align:center; font-weight:bold; vertical-align:top; background: #DCE5F0;}
.optionboxcontent {width:100%; height: 250px; border: 1px dotted #A4BBD9; margin-top:2px;}
.optionboxcontent li {margin: 10px 0px 0px 25px;}

/* HOZ SCOLLING CONTENT */
.contentScroll { height:180px; overflow-x: auto; overflow-y: hidden; }
.contentScrollItem { float: left; width: 150px; height: 145px; text-align: center; margin-right: 8px; margin-bottom: 5px; line-height: 15px; border: 1px solid #ccc; padding: 5px;}


/* LIST LAYOUTS */
table {border-collapse: separate; border-spacing: 0 6px; margin-top: -6px; margin-bottom: -6px;}
.sorted {background-color: #B0C3DB;}
tr	{vertical-align: top;}

td {
	padding: 8px;
    border: solid 1px #eaedf2;
    border-style: solid none;
    background-color: #FFF;
	vertical-align:middle;
}
th {
	padding: 8px;
    border: solid 1px #eaedf2;
    border-style: solid none;
    background-color: #eaedf2;
	vertical-align:middle;
	text-align:left;
	font-weight:normal;
	white-space:nowrap;
}
th img { vertical-align:middle; margin-right:8px;}
td:first-child, th:first-child {
    border-left-style: solid;
    border-top-left-radius: 2px; 
    border-bottom-left-radius: 2px;
}
td:last-child, th:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 2px; 
    border-top-right-radius: 2px; 
}
td a:hover {text-decoration: none;}

.noFormat	{border: none; padding: 1px;}
.dataNum {text-align: right;}
.highlighted {color: #FF9C00;}
.highlighted a {color: #FF9C00;}
.subheadrow {background-color: #999; font-weight: bold;}
.hilightCol {background-color: #999;font-weight: bold;}
.negative {color: #ff0000;}
tr.hoverHighllight:hover td { border-color: #191919; }
.colHighlight {border-left: 2px solid #CEDBEB;}

.noborderLeft {border-top: 0px; border-left: 0px; border-bottom: 0px;}
.noborder {border-top: 0px; border-left: 0px; border-bottom: 0px;border-right: 0px; }

#formatList dd.dataSml {float: left; width: 50px; text-align:right; margin-right: 20px;}

/* BREADCRUMB */
.breadcrumb {color: #410A48;}
.breadcrumb ul {margin: 0;padding: 0;display: inline;border: none;} 
.breadcrumb ul li {margin: 0;padding: 0;border: none;list-style: none;display: inline;}

/* FORM LAYOUT */
fieldset {border: 1px solid #D3D2D2; margin-bottom: 5px;}
legend {font-size: 14px; background: #FFFFFF; padding: 5px; font-weight: bold;}
fieldset h2 {width: 98%; margin: 5px auto;}
.row {padding-bottom: 45px;}
.formLabel {color:#5C5C5C; float: left; width: 34%; text-align: right; padding: 12px;}
.formLabelTree {color:#5C5C5C; float: left; width: 34%; text-align: left;}
.formField {color:#5C5C5C; float: right; width: 63%; text-align: left;}
.formRequired {color:#FF9C00;}
.formRequiredBig {color:#FF6C00; font-weight: bold;}
.calcField {float: left; width: 191px; font-weight: bold;}
.calcFieldRight {float: left; width: 120px; font-weight: bold;}
.leftFloatSpan {float: left; width: 180px;}
.rightFloatSpan {float: right; width: 60%;}
.helpText {margin-left: 5px; vertical-align: top; font-weight: normal;}
.rightAlign	{width:100%; text-align:right;}

.img-checkbox { float: left; min-width: 60px;height: 60px;}
.img-checkbox input[type="checkbox"]{ display: none; }
.img-checkbox img{ border: 0; margin: 4px; }

.img-radio { display: inline; }
.img-radio input[type="radio"]{ display: none; }
.img-radio img{ border: 0; margin: 10px 4px; }

/* FORM FIELDS */
.myInput {border: 1px solid #d7dadf;  border-radius: 2px; color: #67686a; padding: 12px;}
.myInput:hover { border-color: #abb0b6; }
.myInput:focus { border-color: #01a7bd; }
.myInput:disabled { border-color: #dbdee5; color: #dbdee5; }
.myInput .error { border-color: #ec927a;}
.myOptions { font-size: 12px; color: #444343; padding: 5px;}
.formNum {width:80px;}
.formSmall {width:100px;}
.formMed {width:200px;}
.formLarge {width: 400px;}
.formWidget {width:100%; min-width: 100px;}

input.button {height: 22px; border: 0px none; background: url('/images/template/buttonBG.gif'); color: #000000;}
input.button[disabled] {height: 22px; border: 0px none; background: url('/images/template/buttonBG.gif'); color: #929292;}

input.formSubmit {float:right; text-align:center; min-width:160px; padding: 12px 30px; border:1px solid #01a7bf; border-radius: 2px; background-color: #01a7bf; color:#FFFFFF;}
input.formSubmit:hover {background-color:#FFFFFF;color:#000000;}

.blueButton { height: 40px; min-width:160px; margin: 8px 8px 8px 0; text-align:center; padding: 12px 0; border:1px solid #01a7bf; border-radius: 2px; background-color: #01a7bf; color:#FFFFFF;}
.blueButton:hover {background-color: #FFFFFF; color:#000000; text-decoration: none;}

.blueButton[disabled] { height: 40px; min-width:160px; margin: 8px 8px 8px 0; text-align:center; padding: 12px 0; border:1px solid #01a7bf; border-radius: 2px; background-color: #cccccc; color:#FFFFFF;}
.blueButton[disabled]:hover {background-color: #cccccc; color:#FFFFFF; text-decoration: none;}

.fakeSubmit {float:right; text-align:center; min-width:160px; padding: 11px 0; border:1px solid #01a7bf; border-radius: 2px; background-color: #01a7bf; color:#FFFFFF; font-size:14px;}
.fakeSubmit:visited, .fakeSubmit:link { color:#FFFFFF; }
.fakeSubmit:hover {background-color:#FFFFFF;color:#000000; text-decoration:none; cursor: pointer;}

.contentBox {
	float: right;
	width: 100%;
	background-color: #FFFFFF;
	border-radius: 4px;
	box-shadow: 1px 1px 4px rgba(100, 100, 100, .2);
	margin-bottom: 10px;
}

.contentBox ul { list-style-type: round; }
.contentBox li { margin-left: 20px; padding: 8px;}

/* WIDGET */
#widgetPopupContainer {background: #FFFFFF; width: 700px; height: 500px; overflow: auto; border: 1px solid #6089BC; padding: 5px;}
.widgetPopupHolder {position: absolute; z-index: 90; height:500px;}
.loaderPopupHolder {position: absolute; z-index: 110; width: 16px; height: 16px; background: #FFFFFF;border: 1px solid #6089BC; padding: 20px;}
.widgetFilters {background: #EEEEEE; width:98%; margin: 0px auto;}
.widgetFilters div {padding: 3px;}

#widgetPopupContainer .leftFloatSpan {width: 160px;}
#widgetPopupContainer .rightFloatSpan {width: 60%;}

/* SLIDERS  */
#prioritySlider {width: 490px; margin: 10px; }
#prioritySlider .ui-widget-header { background: url('/images/4orce/template/scale.png'); }

TEXTAREA {margin-bottom: 10px;}
SELECT {padding-right: 10px;}

/* AJAX POPUPS */
#helpBox {position: absolute; z-index: 99; background:#FFFFFF; border: 1px dashed #CEDBEB;padding: 3px;} /* width:220px; */
#oPopup {position: absolute; z-index: 100; background:#E6EDF5; border: 1px solid #CEDBEB; padding: 10px; height:180px; overflow:hidden; margin: 20px 15px 0 0;}
#commentsBox {position: absolute; z-index: 100; left: 0px; top: 500px; height: 350px; width: 520px;}

.ui-autocomplete { z-index: 200; }

.autocomplete-w1 { background:url(img/shadow.png) no-repeat bottom right; position:absolute; z-index:150; top:4px; left:3px; /* IE6 fix: */ _background:none; _top:1px; }
.autocomplete { width:300px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px;  _margin:0px 6px 6px 0; overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#f00; }

div.slider { width:256px; margin:10px 0; background-color:#ccc; height:10px; position: relative; }
div.slider div.handle { width:10px; height:15px; background-color:#f00; cursor:move; position: absolute; }
div#zoom_element { width:50px; height:50px; background:#2d86bd; position:relative; }

.rating { margin: 0; padding: 0; list-style: none; clear: both; height: 15px; background-image: url(/images/icons/ratings.png); background-repeat: no-repeat; position: relative;}
.rating li {text-indent: -9999em; float: left; }
.rating li a { position: absolute; top: 0; left: 0; z-index: 20; height: 15px; width: 15px; display: block;}
.rating li a:hover { z-index: 10; width: 75px; height: 15px; overflow: hidden; left: 0; background-image: url(/images/icons/ratings.png); background-repeat: no-repeat; }

.rating .star1 a:hover { background-position: 0 -105px; /* 1 out of 5 */ }
.rating .star2 a:hover { background-position: 0 -120px; /* 2 out of 5 */ }
.rating .star3 a:hover { background-position: 0 -135px; /* 3 out of 5 */ }
.rating .star4 a:hover { background-position: 0 -150px; /* 4 out of 5 */ }
.rating .star5 a:hover { background-position: 0 -165px; /* 5 out of 5 */ }

.rating .star1 a {left: 0;}
.rating .star2 a { left: 15px;}
.rating .star3 a { left: 30px;}
.rating .star4 a { left: 45px;}
.rating .star5 a { left: 60px;}

.fakeLink {cursor: pointer;}
.loading {padding: 20px; text-align: center; }

/* TABBED WIDGET MENUS */
.widgetTabs {float: right; width:100%;}
#widgetTabsMenu { list-style: none; height: 56px;}
#widgetTabsMenu li { display: inline; float: left; width: 175px; background-color: #f1f5f8; margin-right: 4px; border-bottom: 1px solid #e8e9eb; border-top-left-radius: 4px; border-top-right-radius: 4px; text-align: center;}
#widgetTabsMenu li a { display: block; padding: 18px 0; color: #63666d;}
#widgetTabsMenu li a:hover { color: #00a9c0; text-decoration:none;}
#widgetTabsMenu li.ui-tabs-active {background-color: #FFF; border-top: 2px solid #01a7bd; border-bottom: 0px none;}
#widgetTabsMenu li.ui-tabs-active a { color: #00a9c0;}
.ui-tabs-panel { background-color: #FFF; border-top-right-radius: 4px; padding: 0px 8px 8px 8px;}
.formButtons { clear: right; text-align: right; background-color: #f1f5f8; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 0px 1px 4px rgba(100, 100, 100, .2);}


.widgetContent {width:98%; margin: 0px auto; }

.relatedPopup {width:800px; height:580px; border: 1px solid #00a7be; margin:5px; padding:5px}
.relatedEdit { width: 100%; height: 530px; overflow-x: hidden; overflow-y: auto; }
.relatedList { width: 100%; height: 510px; clear:both; margin: 10px auto; overflow-x: hidden; overflow-y: auto; }
.relatedPagination {width:820px;}

#pagination { width: 100%; text-align:center; margin: 10px 0; }
#pagination img { vertical-align: middle; margin: 5px;}


#tableList { width:100%; }
#tableList a {color: #222222;}

.selectItem { width:103px; height:40px; background-image:url('/images/4orce/forms/select.png'); overflow:hidden; }
.selectItem:hover { background-position: 0px -40px;}
.selectItem:active { background-position: 0px -80px;}
.errorBox { position:relative; border: 1px solid red; background-color: #ffb0b0; padding: 10px; margin: 10px auto;}
.infoBox { position:relative; border: 1px solid yellow; background-color: #ffffae; padding: 10px; margin: 10px auto;}

.modal-title { font-weight: bold;}
.modal-xl { width: 1150px !important;}

.chat-container { max-height: 800px; overflow-y: scroll; }
.chat-user { font-size: 10px; font-weight: bold;}
.chat-message { padding: 8px; border-radius: 8px; margin-right: 8px;}
.chat-message1 { background-color: #E6DBFF;}
.chat-message2 { background-color: #C9EAF3;}
.chat-message3 { background-color: #CAFFD8;}
.chat-message4 { background-color: #F7F9D0;}
.chat-message5 { background-color: #FFCECE;}
.chat-date { text-align: right; font-size: 10px; margin-bottom: 8px; margin-right: 8px;}

.form-group { min-height: 35px; }

#chartContainer { height: 610px; border: 1px solid #edeef0; border-radius: 3px; margin-top: 10px;}

.reportTable td, .reportTable th { padding: 8px;}

.green { background-color: #91d252; color: #FFF; }
.amber { background-color: #ff8800; color: #FFF; }

#cohortOverview tr { 
	cursor: pointer;
}