/* Features suppressed in HS */
.financialsAbsOrPct {
	display:none;
}


/* 
	Range Input CSS generated by http://danielstern.ca/range.css/?ref=css-tricks#/ 
*/
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 7.15px 0;
  padding: 0px;
}
input[type=range]:focus {
outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 7.7px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #949494, 0px 0px 0px #a1a1a1;
  background: #f1f1f1;
  border-radius: 5.7px;
  border: 0.6px solid #949494;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 1px solid #767676;
  height: 22px;
  width: 12px;
  border-radius: 3px;
  background: #a4a4a4;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7.75px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ffffff;
  border: 1px solid #4b7ed1;
}
input[type=range]:focus::-webkit-slider-thumb {
 border: 1px solid #4b7ed1;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 7.7px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #949494, 0px 0px 0px #a1a1a1;
  background: #f1f1f1;
  border-radius: 5.7px;
  border: 0.6px solid #949494;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 1px solid #767676;
  height: 22px;
  width: 12px;
  border-radius: 3px;
  background: #a4a4a4;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #bbbbbb;
  border: 0.6px solid #949494;
  border-radius: 11.4px;
  box-shadow: 0px 0px 0px #949494, 0px 0px 0px #a1a1a1;
}
input[type=range]::-ms-fill-upper {
  background: #f1f1f1;
  border: 0.6px solid #949494;
  border-radius: 11.4px;
  box-shadow: 0px 0px 0px #949494, 0px 0px 0px #a1a1a1;
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 1px solid #767676;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  background: #a4a4a4;
  cursor: pointer;
  margin-top:0px;
}
input[type=range]:focus::-ms-thumb {
 border: 1px solid #4b7ed1;
}
input[type=range]:focus::-ms-fill-lower {
  background: #f1f1f1;
  border: 1px solid #4b7ed1;
}
input[type=range]:focus::-ms-fill-upper {
  background: #ffffff;
  border: 1px solid #4b7ed1;
}
/* END range input style */

input[type="range"][orientation="vertical"] {
   margin-top: 50px;
  transform: 
    rotate(270deg);
  -ms-transform: 
	rotate(270deg);
  -moz-transform: 
	rotate(270deg);
  -webkit-transform: 
	rotate(270deg);
}

/* for Edge which seems to position input[range] differently than other browsers.*/
@supports (-ms-ime-align:auto) {
	#speed-slider { 
		margin:3px 0;
	}
}
/*  This might be another way to target Edge if above method stops working
 
_:-ms-lang(x), _:-webkit-full-screen, #speed-slider
{ 
		margin-top:2px;
		margin-bottom:0px; 
}
*/

/* override ariaRadioGroup/radio.css specifically for left side text answer buttons */
.iaStepAnswer [role="radio"]::before,
.iaStepAnswer [role="radio"]::after {
	top:10px;
}

/* Acceptable WCAG contrast levels for normal and large gray text on white background */
.wcag-gray-normal {
	color: #767676;
}
.wcag-gray-large {
	color: #949494
}

input::-ms-clear {
    display: none;
}

body{
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	font-size: 12px;
	background-color: #fff;
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: pointer;
}

.kmi-btn-primary.active{
  color: rgba(255, 255, 255, 0.75);
}

.kmi-btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #33BBFF, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#33BBFF), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #33BBFF, #0044cc);
  background-image: -o-linear-gradient(top, #33BBFF, #0044cc);
  background-image: linear-gradient(to bottom, #33BBFF, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff33BBFF', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.kmi-btn-primary:hover,
.kmi-btn-primary:focus,
.kmi-btn-primary:active,
.kmi-btn-primary.active,
.kmi-btn-primary.disabled,
.kmi-btn-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

.kmi-btn-primary:active,
.kmi-btn-primary.active {
  background-color: #003399 \9;
}

.btn-group.open .kmi-btn-primary.dropdown-toggle {
  background-color: #3399FF;
}

.btn-primary .caret{
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.kmi-input-number{
	text-align: right;
}

  
.kmi-table-extra-condensed th,
.kmi-table-extra-condensed td {
     padding: 3px 5px;
}

.kmi-table-vertically-condensed th,
.kmi-table-vertically-condensed td {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}

.addTabMargin {
	margin-top:20px;
}

.ui-progressbar .ui-progressbar-value
{
	background-image: url(images/pbar-ani.gif);
}
/*
.nav-tabs > .active > a, .nav-tabs > .active > a:hover { 
	outline: 0;
}

a:focus { 
	outline: 0;
}

.btn:focus {
	outline: 0;
}
*/

#brandHeader {
	background-image: url(images/HeaderBackground.png);
	background-position: 80px -8px;
	background-repeat: no-repeat;
	height:55px;
	width:100%;
	position:absolute;
	top: 0;
	border-bottom: 1px solid #d5d5d5;
	text-align: center;
}

#brandHeader .lessonDisplayName {
	font-size:x-large;
	position:absolute;
	text-align:left;
	margin-top:10px;
	margin-left:10px;
	line-height:34.3px;
	font-weight: bold;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:42%;
}

#brandHeader .lessonDisplayName:hover {
	overflow:visible;
	width:auto;
	background-color: white;
}

.brandLogo {
	height:47px;
	position:absolute;
	right:30px;
	top: 4px;
	width: 142px;
	background-image: url(images/HeaderLogo.png);
}

.case-simulation {
	display: none;
}
.collaboration-simulation {
	display:none;
}

.copyright {
	font-size:10px;
	color: #636363;
}

.copyright a {
	font-size:12px;
	color: #333333 !important;	
}

.formCopyright {
	float:left;
	width:25%;
}

.statusBarCopyrightDiv {
	display:none;
}

#headerCopyright {
	position:absolute;
	right:176px;
	width:111px;
	top:15px;
}
#headerCopyright .copyright {
	font-size:8px;
}
#headerCopyright a {
	font-size:9px;
}

.brandLicenseText, .brandLicensee {
	/*
	display: none;
	*/
	/*
	position: absolute;
	*/
	display: inline-block;
	visibility: hidden;
	text-align: center;
	color: #8d8d8d;
}

.brandLicenseText {
	margin-top: 2px;
	font-size: 10px;
	/*
	top: 0px;
	left: 150px;
	*/
}

.brandLicenseText i {
	font-size: 12px;
}

.brandLicensee {
	/*
	margin-top: 5px;
	*/
	font-size: 18px;
	font-weight: bold;
	/*
	top: 30px;
	left: 150px;
	*/
}

/* Left side */
#instruction-pane{
	position: absolute;
	margin: 0;
	left: 0px;
	top: 55px;
	width: 204px;
	bottom: 0px;
	background-color: #fff;
	border-right: 1px solid #D5D5D5;
}

.ia-panel{
	position: absolute;
	left: 1em;
	right: 1em;
	top: 0px;
	bottom: 0px;
}

.ia-panel li {
	line-height:16px;
}

.step-container{
	position: absolute;
	left: 0px;
	top: 32px;
	right: 0px;
	bottom: 70px;
	overflow: auto;
}

.step-control-bar{
	position: absolute;
	height: 70px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

#uiButtonWrapper {
	height:46px;
}

.step-control-bar button {
	float:left;
	margin-left:12px;
}

.step-control-bar #uiPrev {
	float:left;
}

#closeStatus {
	margin-top:-3px;
}

.lesson-step{
	margin: 0px 4px 0px 4px;
	font-size: 20px;
	font-weight: bold;
}

.iaStepText{
	font-size: 12px;
	line-height: 1.5em;
}

#question-label{
	margin: 0px 4px 0px 4px;
	color: #ff0000;
	font-weight: bold;
}

#question-text{
	margin: 0px 4px 8px 4px;
	font-size: 12px;
	font-weight: normal;
}

#answers{
	margin: 0;
	padding: 0px 0px 0px 5px;
	font-size: 12px;
	font-weight: normal;
	list-style-type: none;
}

.answer{
	margin-bottom: 8px;
}

#menu-bar{
	position: absolute;
	margin: 0;
	padding: 0;
	top: 55px;
	left: 205px;
	right: 0px;
	height: 55px;
	background-color: #fff;
	border-bottom: 1px solid #D5D5D5;
}


#sim-view{
	overflow: auto;
	position: absolute;
	left: 205px;
	top: 111px;
	right: 0px;
	bottom: 32px;
	border: 0;
}

#sim-view-container{
	width: 790px;
	height: 522px;
	margin: 0px auto;
}

#sim-view-canvas{
	width:790px;
	height:522px;
}

/* To make keyboard navigation of floors work with screen readers
   we put focus on the canvas, but we don't want the focus border to appear.
*/
#sim-view-canvas:focus{
    outline: none;
}

#assignment-phase {
	/*
	float:left;
	*/
	display: none;
}

.menu-bar-button{
	cursor: pointer;
	float: left;
	margin-top: 8px;
	margin-left: 3px;
	width: 49px;
	border: 0;
	background-color: #fff;
}

.menu-bar-button-icon{
	margin-left: 6px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	border: 0;
	background-color: #fff;
}

.menu-bar-button-text{
	margin: 0px auto;
	text-align: center;
	font-weight:bold;
}

/* file, view,actions, reports menus always on top of forms that might be open */
.kmi-main-dropdown-menu{
	z-index: 10000;
}

.start-stop-button-start{
	background-image: url(images/go.png);
}

.start-stop-button-stop{
	background-image: url(images/stop.png);
}

	

#run-to-button-icon{
	background-color: #fff;
	background-image: url(images/run-to.png);
}

.speed-container{
	float:left;
	margin-top: 8px;
	margin-left: 10px;
	width: 110px;
	border: 0;
}

#consensus-speed-container{
	display: none;
}

#consensus-speed-slider{
	margin-bottom: 9px;
	/*background-image: url(images/gauge.png);*/
}

#consensus-speed-vote-cast-text{
	display: none;
}


#consensus-speed-indicator{
	display: none;
	position: absolute;
	left: 0px;
	margin: 0px;
	background: #0088CC;
	border: none;
	width: 2px;
	height: 11px;
	z-index: 999;
}

.consensus-speed-tick{
	position: absolute;
	left: 0px;
	bottom: 0px;
	margin: 0px;
	background: #ccc;
	border: none;
	width: 2px;
	height: 4px;
}

#speed-slider{
	margin-bottom: 9px;
}

#speed-text{
	margin: 0px auto;
	text-align: center;
}

#speed-label{
	color: #000;
}

.menu-container{
	float: right;
	margin-top: 8px;
	margin-right: 10px;
	border: 0;
}

#time-container{
	border: 0;
	opacity: 0.75;
	pointer-events: none;
	z-index: 2;
	float:left;
	margin-top:19px;
	margin-left:20px;
}

.time-value{
	border-radius: 4px;
	background-color: #fff;
	font-weight: bold;
	padding: 0.25em;
}

.slider-container{
	width: 13px;
}

#zoom-container{
	position: absolute;
	margin: 0;
	right: 65px;
	top: 150px;
	border: 0;
	opacity: 0.75;
	z-index: 2;	
}

input[type=range].large-slider {
	width: 110px;
	margin-left:-33px;
	margin-top:50px;
	margin-bottom:50px;
}

#wall-vis-container{
	position: absolute;
	margin: 0;
	left: 212px;
	top: 150px;
	border: 0;
	opacity: 0.75;	
}

.wall-vis-container{
	position:relative;
	display:inline-block;
}

#wall-vis-icon-opaque{
	background-image: url(images/roomWall-thumb.png);
}

#wall-vis-icon-alpha{
	background-image: url(images/roomWall-thumb-alpha.png);
}

#zoom-icon-in{
	background-image: url(images/zoom-icon-in.png);
	cursor: zoom-in;
}

#zoom-icon-out{
	background-image: url(images/zoom-icon-out.png);
	cursor: zoom-out;
}

.zoom-button{
	width: 44px;
	border: 0;
}

.zoom-button-icon{
	margin-left: -5px;
	margin-top:5px;
	background-repeat: no-repeat;
	width: 34px;
	height: 43px;
	border: 0;
}

.vis-bar-button{
	width: 44px;
	border: 0;
	background:transparent;
}

.vis-bar-button-icon{
	margin:5px 0px;
	background-repeat: no-repeat;
	width: 34px;
	height: 43px;
	border: 0;
}

#floor-vis-container{
	position: absolute;
	margin: 0;
	left: 210px;
	bottom: 50px;
	border: 0;
	opacity: 0.75;	
	background-color:#fff;
	padding-top:20px;
	width:100px;
	border-radius:4px;
}

#floor-vis-labels {
	margin-left:37px;
	width:75px;
	position:absolute;
	top:0px;
}

#overlay-container{
	display: none;
	position: absolute;
	margin: 0;
	right: 35px;
	top: 120px;
	border: 0;
}

#vital-signs{
	position: absolute;
	left: 205px;
	right: 0px;
	bottom: 0px;
	/* July 12, 2017 - GJK - Increased height from 23px to 27px. At 23px, a vertical scroll bar
	   appears due to Bootstrap 3's line-height.
	*/ 
	min-height: 27px;
/*	padding-top: 8px;*/
	padding-right: 20px;
	background-color: #fff;
	border-top: 1px solid #D5D5D5;
}

.vital-sign{
	display: none;
	margin-left: 20px;
	font-size: 14px;
	white-space: nowrap;
}

.vital-sign-key{
	font-weight: bold;
}

.vital-sign-value{
	font-weight: normal;
}

.vital-sign-unit{
	font-weight: normal;
}

#async-event-indicator{
	display: none;
	float: right;
}

#async-event-indicator-value{
	color: #A0A0A0;
}


#async-event-indicator-value.actionInProgress{
	color: red;
	font-weight: bold;
}

#async-event-indicator-value.actionComplete{
	color: green;
	font-weight: bold;
}


.critical-resource{
	float: right;
}

.critical-resource-key{
	font-size: 18px;
}

.critical-resource-value{
	font-size: 18px;
}

.ui-widget a { color: #3399FF; }

.dialog-context-menu .ui-dialog-titlebar { display: none; }
.dialog-context-menu .ui-dialog-content { padding:0px; }
.dialog-context-menu {padding:0px;}

.iaStepText ol, .iaStepText ul {
	padding-left:25px;
}

.iaStepQuestionText {
	font-size: 12px; 
	line-height: 1.5em; 
	font-weight: bold;
	margin-bottom: 0;
	border-bottom: 0;
}

.iaStepAnswer {
	cursor:pointer; 
	font-size: 12px; 
	width: 160px; 
	line-height: 1.5em; 
	margin-top:6px; 
	margin-bottom:0px;
}

.iaStepAnswerText {
	color: black; 
	float:left; 
	width:100%;
	font-weight:normal;
}

/* don't want to show selected styling for focused answer */
.iaStepAnswerText[role="radio"][aria-checked="true"]::before
{
	background:none;
	background-image:none;
}

.iaStepAnswerIncorrect {
	color: red;
	width:84%;
}

.iaStepAnswerCorrect {
	color: green;
	width:84%;
}

.iaStepAnswerFeedback{
	display:none;
	float:left;
	margin-left:4px;
	height:18px;
}

.iaStepAnswerFeedback .icon{
	width:20px;
	height:16px;
	background-repeat: no-repeat;
	cursor:default;
}

.uiAnswerCorrect .icon{
	background-image: url(images/correct.png);
}

.uiAnswerIncorrect .icon{
	background-image: url(images/incorrect.png);
}

.uiAnswerNotChosen {
	width:20px;
	padding-top:2px;
}

.uiAnswerNotChosen .icon{
  width: 14px;
  height: 14px;
  border: 1px solid hsl(0, 0%, 88%);
  border-radius: 100%;
  background-image: linear-gradient(to bottom, hsl(300, 3%, 93%), #fff 60%);
}

.ui-status {
	margin-bottom: 0.5em;
}

.ui-status-vbclg {
	display:none;
}

.btn-contextMenu {
	margin-top:4px; 
	margin-bottom:4px;
}

/* Bootstrap V2 to V3 issue fixers */

/* container-fluid now has lots of padding that we don't necessarily want */
.minpad {
	padding: 2px;
}

.nopad {
	padding: 0px;
}

/*	bootstrap v2 had these handy classes.  bootstrap v3 does not and does not have a good way to size inputs simply */
.input-mini {
	width:74px !important;
}

.input-small {
    width: 104px !important;
}

.input-medium {
  width: 150px !important;
}

.input-large {
  width: 210px !important;
}

.input-xlarge {
  width: 270px !important;
}

/* What <label> looked like in Bootstrap 2, can be used to override BS3 label styling as necessary */
.labelbs2 {
	font-size:14px;
	font-weight:normal;
	line-height:20px;
}

hr.thinner {
	margin-top:15px;
	margin-bottom:15px;
}

/* 20px gutter to workaround horizontal scroll bars appearing with Bootstrap 3 full width container-fluid */
.gutter-20.row {
  margin-right: -10px;
  margin-left: -10px;
}
.gutter-20.form-group {
  margin-right: -10px;
  margin-left: -10px;
}
.gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"] {
  padding-right: 10px;
  padding-left: 10px;
}

/* 10px gutter to workaround horizontal scroll bars appearing with Bootstrap 3 full width container-fluid */
.gutter-10.row {
  margin-right: -5px;
  margin-left: -5px;
}
.gutter-10.form-group {
  margin-right: -5px;
  margin-left: -5px;
}
.gutter-10 > [class^="col-"], .gutter-20 > [class^=" col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

/* 0px gutter to workaround horizontal scroll bars appearing with Bootstrap 3 full width container-fluid */
.gutter-0.row {
  margin-right: 0px;
  margin-left: 0px;
}
.gutter-0.form-group {
  margin-right: 0px;
  margin-left: 0px;
}
.gutter-0 > [class^="col-"], .gutter-20 > [class^=" col-"] {
  padding-right: 0px;
  padding-left: 0px;
}

/*	make BS3 form-control match the right and left padding match default styling in BS2 of input fields */
.form-fixer {
	padding-right:6px;
	padding-left:6px;
}

/* BS2 had styling on btn-block that made our context menu buttons pad nicely */
.btn-contextMenu .btn {
	padding-left:4px;
	padding-right:4px;
}

/* Remove padding on pop-up content dialogs */
.iFrameContentDialog .ui-dialog-content {
	padding: 0px;
}

/* Print button for pop-up content in lesson text */
.printLessonContentIframe {
	position: absolute;
	right: 32px;
	background-image: url(images/printLessonContent.png);
	width: 25px;
	height: 24px;
	cursor: pointer;
	border-width: 0;
}

.financialStatement th:not(:first-child) {
	font-weight:bold;
	text-align:right;
	min-width:105px;
}

.financialStatement td:not(:first-child) {
	text-align:right;
	min-width:105px;
}

.financialStatement td:last-child:not(:first-child), .financialStatement th:last-child:not(:first-child) {
	margin-right:15px;
}

.scrollSnapDiv {
	scroll-snap-type: mandatory; 
	scroll-snap-points-x: repeat(100%);
	-webkit-scroll-snap-type: mandatory; 
	-webkit-scroll-snap-points-x: repeat(100%);
	-ms-scroll-snap-type: mandatory;
	-ms-scroll-snap-points-x: snapInterval(0%, 100%);
}

.vbclg_splash {
	display: none;	/* enabled in college.css */
}

.financialStatementScopeDiv table.dataTable thead th, .financialStatementScopeDiv table.dataTable.no-footer, .financialStatementScopeDiv .dataTables_wrapper.no-footer .dataTables_scrollBody {
	border-bottom:none;
}

.financialStatementScopeDiv table.dataTable.extra_compact th, .financialStatementScopeDiv table.dataTable.extra_compact td {
    padding: 1px;
}

.financialStatementScopeDiv .dataTables_scrollBody td:last-child:not(:first-child), .financialStatementScopeDiv .dataTables_scrollHead  th:last-child:not(:first-child) {
	padding-right:10px !important;
}


.licenseReportContainer {
	display: none;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid;
}

.socialMedia .targetingCat {
	margin-top:0px;
	margin-bottom:7px;
	font-weight: bold;
	font-size:13px;
}

/* when multiple entities exist, we display an overlay of current active entity name */
#overlay-entity-name {
	display: none;
	width: 250px;
	top: 65px;
	border: 0;
	opacity: 0.55;
	font-weight:bold;
	font-size: large;
	background-color: white;
	padding:1px 8px 1px 8px;
}

.retiredEntity {
	text-decoration: line-through;
	color: #CCCCCC;
	
}

.visually-hidden
{
  position: absolute;
  clip: rect(1px 1px 1px 1px);  /* for Internet Explorer */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.stepHeader {
	margin-top:10px;
	font-size:14px;
	font-weight:bold;
}

.stepHeader:focus {
	outline:none;
 	box-shadow: -8px 10px 0px -7px #333;
}

.bold {
	font-weight: bold;
}
.normalWeight{
	font-weight:normal;
}

.socialMediaTargetLabel {
	margin-left:5px;
}

.carousel-inner .item img {
	/* horizontally center carousel images */
	margin-left:auto;
	margin-right:auto;
}

/*
#uiSocialScrollingContainer {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 438px;
	
}
*/

#uiSocialEditingNotice {
	color: black;
	position: absolute;
	top: 38px;
	left: 15px;
	z-index: 9999;
	display: none;
	margin: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	padding: 5px;
	border-radius: 3px;
}

.tips {
	margin:auto;
	width: 40%;
	padding-top:10px;
	text-align:center;
}

.tips i {
	color: #1E73DC;
	margin-right:5px;
}


/*
For context menu sections, mimic appearance of jQuery UI accordions
*/
.context-menu-section-container {
	font-size: 1em;
	font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;


    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;

    list-style: none;
}

.context-menu-section-container h3 {
	border: 1px solid #aaa;    
	border-bottom: 0;
    font-weight: 400;
    color: #212121;
	display: block;
    
    position: relative;
    margin: 8px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 13px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.context-menu-section-container .section-content {

	
	padding-top: 0;
	padding-left: 2.2em;
	padding-right: 2.2em;
	padding-bottom: 0.5em;
    
    overflow: auto;

    border-bottom-right-radius: 4px;

    border-bottom-left-radius: 4px;

    border: 1px solid #aaa;
	border-top: 0;
    background: #fff;
    color: #222;

    margin: 0;
    
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 12px;
    list-style: none;
}

.context-menu-section-container button {
    font-family: Verdana,Arial,sans-serif;
    /* font-size: 1em; */
	font-size: 13px;
}

.fa-question-circle {
	color: #1E73DC;
}

input[type=checkbox]:focus {
	outline: 2px dashed red;
	outline-offset: 1px;
}

/*  Create 3 px of space to left of checkbox in the bootstrap inline checkbox with label to the right styling,
	such as is used in New Survey form.  Reduce -20px bs style to -17px */
.checkbox input[type=checkbox] {
	margin-left:-17px;
}

.pager #currentPageDesc {
	display: inline-block;
	padding-top: 5px;
}

.uiSegmentingContainer div.checkbox {
	margin-top: 0;
	margin-bottom: 3px;
	
}