/* New CSS goes here and any overrides to bootstrap CSS
	 Note: When upgrading bootstrap version be sure to comment out
	 the following CSS from bootstrap.min.css, else alignment of
	 gridview header TH's will not be correct:
	 th{text-align:left} */

.close {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.close:hover,
.close:focus {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.componentsummarycontainer {
	display: inline;
}
.componentsummaryblock {
	position: relative;
	display: inline-block;
	min-height: 380px;
	vertical-align: top;
	width: 100%;
}

.componentsummaryblock .summary-table {
	padding-left: 28px;
}

.debugred {
	color: white;
	background-color: red;
}
.debugorange {
	color: orange;
	background-color: black;
}
.debuggreen {
	color: green;
}


.divtable {
	display: table;
	width: 100%;
	border: none;
	border-collapse: separate;
  border-spacing: 2px;
  width: 100%;
	line-height: 18px;
	margin-top: 6px;
	margin-bottom: 12px;
}
.divtablerow {
	display: table-row;
	line-height: 1.6;
}
.divtablerow > .divtablecell:first-child {
	text-align: right;
	vertical-align: top;
	padding-right: 9px;
	width: 25%;
	font-weight:  normal;
}
.divtableheading {
	background-color: #eee;
	display: table-header-group;
}
.divtablecell, .divtablehead {
	display: table-cell;
	background-color: #f1f1f1;
	padding: 3px;
	font-weight: bold
}
.divtableheading {
	background-color: #eee;
	display: table-header-group;
	font-weight: bold;
}
.divtablefoot {
	background-color: #eee;
	display: table-footer-group;
	font-weight: bold;
}
.divtablebody {
	display: table-row-group;
}


.glyphicon-print {
	padding-top: 2px;
	padding-bottom: 4px !important;
}

hr {
	border-top: 1px solid #808080;
}

.loader {
}

.tablecontainer {
	position: relative;
	overflow-x: auto;
	padding: 0;
	border: 1px solid #c0c0c0;
	height: 306px;
	width: 100%;
}
.tablecontainer table {
	width: auto;
	table-layout: fixed;
}
.tablecontainer .tablesorter td {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 10px;
}
.tablecontainer .tablesorter th {
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 10px;
}
.tablecontainerdetail {
	display: block;
	text-align: right;
	font-style: italic;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: 12px;
	top: 50%;
	margin-top: -5px;
}


.accordion  {
	width: 100%;
	margin:  0;
	margin-top: 3px;
	padding: 0;
}

.accordion .accordionpane {
	background-color: rgba(236, 240, 241, 1.0);
	padding: 0;
}

.accordionpaneheader {
	word-wrap: break-word;
	display: inline-block;
}

.accordion a.accordionpaneheader, .accordion span.accordionpaneheader {
	cursor: pointer;
	display: block;
	padding: 7px 12px 7px 26px;
	margin-top: 0;
	text-decoration: none !important;
	font-size: 11px;
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.5);
	outline: 0 !important;
}
.accordion span.accordionpaneheader {
	padding-right: 6px;
}

.accordion a.ui-accordion-header-active, .accordion span.ui-accordion-header-active {
	background-color: rgba(0, 0, 0, 0.7);
}

.accordion a.accordionpaneheader:hover, .accordion span.accordionpaneheader:hover {
	background-color: rgba(0, 0, 0, 0.7);
}

.accordion span.fa {
	padding-right: 7px;
}


.ajax__calendar_container {
	width: auto !important;
}
.ajax__calendar_day, .ajax__calendar_today {
	font-weight: normal;
}
.ajax__calendar_days, .ajax__calendar_days > table {
	width: 100% !important;
}

.btn-combobox {
	background-color: #eee;
}
.btn-combobox .label {
	color: #555;
}


.searchresultslabel {
	padding-right: 4px;
}


.deachelpcontainer {
/*max-height: 220px;*/
	overflow: auto;
	padding-right: 4px;
}
.deachelpcontainer * {
	font-family: Verdana;
}
.deachelpcontainer h1 {
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 4px;
}
.deachelpcontainer ins,
.deachelpcontainer del {
	color: #000;
}


a.deaccontexthelp {
	text-decoration: none !important;
	font-size: 11px;
}

.deaccontexthelptab {
	margin-top: -23px;
	margin-right: 6px;
	background-color: #ffffff;
	padding: 1px 6px 6px 6px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.firefox .deaccontexthelptab {
	margin-top: -24px;
	padding-top: 2px;
}


.deacsidebarhelpstub .deaccontexthelp,
.deacpagehelpstub .deaccontexthelp {
	font-weight: bold;
	padding-right: 4px;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
  opacity: 0.77;
  filter: alpha(opacity=77);
	color: #ffffff;
}

/*
	Fix alignment of page-level help link introduced
	with FF v43. If change ends up as being permanently required then use .firefox instead.
	Note, can't use wildcard selectors here because it works fine on FF v32 and earlier. html[class*=" firefox4"]
.firefox43 .deacpagehelpstub .deaccontexthelp,
.firefox44 .deacpagehelpstub .deaccontexthelp
.firefox45 .deacpagehelpstub .deaccontexthelp {
	margin-top: -16px !important;
}
*/
.firefox .deacpagehelpstub .deaccontexthelp {
	margin-top: -16px !important;
}

.deacsidebarhelpstub .deaccontexthelp:hover,
.deacsidebarhelpstub .deaccontexthelp:focus,
.deacpagehelpstub .deaccontexthelp:hover,
.deacpagehelpstub .deaccontexthelp:focus {
  opacity: 1;
  filter: alpha(opacity=1);
}

.emulatepopover {
  position: relative;
	width: 100%;
  padding: 0px;
  text-align: left;
  white-space: pre-wrap;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  /*border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
  background-clip: padding-box;
}

.emulatepopover .popover-title {
}
.emulatepopover .popover-content {
	padding: 9px 14px;
}
.emulatepopover .btn-group {
	float: right;
}

.popover-header-icon {
	text-decoration: none !important;
	font-size: 13px;
	font-weight: bold;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.popover-header-icon:hover,
.popover-header-icon:focus {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.btn-group > .popover-header-icon {
	padding: 1px 0px 1px 8px !important;
}

.popover-header-icon > span, .popover-header-icon > i {
	font-size: 15px;
}

.topiccontextlink, .topiccontextplain {
	display: block;
	padding-left: 12px;
	padding-bottom: 1px;
	color: gray;
}
.topiccontextlink {
	color: green !important;
}

a.formbuilderhelp, .popover-content {
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana;
}

.modal-content {
	z-index: 1051 !important;
}

/* Add to a popover template to override default size */
.popover {
	min-width: 260px;
	max-width: 300px;
	z-index: 1031 !important;
}
.popover-medium {
	width: 450px !important;
	max-width: 550px !important;
	z-index: 1031 !important;
}
.popover-large {
	width: 650px;
	max-width: 650px;
	z-index: 1031 !important;
}

.popover-header {
	padding: 8px 14px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.popover-header > .close {
	margin-top: -5px;
	font-size: 18px;
}
.popover-title {
	word-wrap: break-word;
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: none;
	font-size: 11px;
	font-weight: bold;
}

#iframeModalDiv {
	margin: 0 auto;
	display: none;
	position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  padding: 0;
  background-color: transparent;
  z-index: 1049;
}
#iframeModalContent {
	width: 100%;
	height: 100%;
}

a.disabled, a.aspNetDisabled {
  cursor: not-allowed;
  color: #aaaaaa !important;
}

h1 { font-size: 140%; margin-top: 0px; margin-bottom: 2px; }
h2 { font-size: 120%; margin-top: 0px; margin-bottom: 2px; }
h3 { font-size: 110%; margin-top: 0px; margin-bottom: 2px; }

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana !important;
}

textarea {
	resize: vertical;
}

table.datatable {
	border: none;
	border-collapse: separate !important;
  border-spacing: 2px !important;
  width: 100%;
	line-height: 18px;
	margin-top: 6px;
	margin-bottom: 12px;
/*margin-left: -2px;*/
}

table.datatable > tbody > tr > td {
	background-color: #f1f1f1 !important;
	padding: 3px !important;
	font-family: Verdana !important;
	font-size: 11px !important;
	font-weight: bold;
}

table.datatable > tbody > tr > td:first-child {
	text-align: right;
	vertical-align: top;
	padding-right: 9px;
	width: 25%;
	font-weight: normal;
}

table.datatable > tbody > tr > td:nth-child(2) span.DeAcLabelBold {
	white-space: pre-wrap;
}

table.datatable td:first-child .forcewrap {
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	word-wrap: break-word;
	display: block;
}

table.datatable tr, .DeAcGridViewRow, .DeAcGridViewSelectedRow, .DeAcGridViewAlternateRow, .DeAcGridViewEmptyRow {
	line-height: 1.6;
}
table.datatable td .DeAcLabel {
	font-weight: normal;
}
table.datatable a {
	font-weight: normal;
}

label.disabled {
	opacity: 0.5;
}

.tablefilter {
	clear: both;
  position: absolute;
  right: 0;
	background: #99bfe6;
	border: #888 1px solid;
	color: #111;
	border-radius: 5px;
	padding: 3px 5px;
	margin-top: 6px;
	margin-bottom: 6px;
}

.tablefilter input {
	background-color: white !important;
	border: 1px solid #cccccc !important;
}

div.requirementsdiv .tablefilter {
	display: none;
}

fieldset {
	padding: 2px;
}
legend {
	font-size: 11px !important;
	font-weight: bold;
	display: block;
	margin: 0 !important;
	line-height: 24px !important;
	width: 100%;
	border-bottom: 1px solid #ddd;
}

.filtertable {
	border-collapse: separate;
	border-spacing: 2px;
}
.DeAcFormTable {
	padding-top: 8px !important;
	width: 100%  !important;
	border-collapse: separate  !important;
	border-spacing: 2px  !important;
	border-color: gray  !important;
}
.DeAcFormLabelCell, .DeAcFormLabelTD {
	width: 25%  !important;
	background-color: #f1f1f1 !important;
	text-align: right  !important;
	vertical-align: top  !important;
	padding: 5px  !important;
	margin: 2px  !important;
}
.DeAcFormValueCell, .DeAcFormValueTD {
	width: 75%  !important;	
	background-color: #f1f1f1 !important;
	vertical-align: middle !important;
	margin: 2px !important;
	padding: 5px !important;
}
.DeAcFormValueTD > .btn, .DeAcFormValueTD > .btn {
	background-color:  white !important;
}
.DeAcFormValueTD > .btn:hover, .DeAcFormValueTD > .btn:hover {
	background-color: #e6e6e6 !important;
}

.DeAcCompareFormHeadingCell {
	background-color: #cccccc;
	vertical-align: top;
	padding: 5px;
}
.DeAcCompareFormLabelCell {
	width: 20%;
	background-color: #f1f1f1;
	text-align: right;
	vertical-align: top;
	padding: 5px;
}
.DeAcCompareFormValueCell {
	width: 40%;	
	background-color: #f1f1f1;
	vertical-align: top;
	padding: 5px;
}

.DeAcListBox {
	max-height: 1650px !important;
	max-width: 500px;
}

.hidden, .Hidden {
	display: none;
}
caption,
.hidden-text {
	height: 1px;
	width: 1px;
	position: absolute;
	overflow: hidden;
	top: -100px;
	border: none !important;
}

.modalTextEditorDiv {
	border: 1px solid #666;
	padding: 5px;
	background-color: #fff;
	height: 150px;
	width: 90%;
	overflow: scroll;
	margin-right: 5px;
	max-width: 500px;
	max-height: 170px;
}

.programsetstable {
	width: 100%;
	padding: 2px;
}

.requirementsdiv, .programsetsdiv {
	background-color: #f8f8f8;
	border: 1px solid #c0c0c0;
	background-color: #f8f8f8;
	margin: 8px 0px 2px 0px;
	padding: 4px;
}

.requirementTitle {
	float: left;
	font-size: 11px;
	font-weight: bold;
}
.requirementManage {
	float: right;
	text-align: right;
}
.DeAcLabelTitle, .deaclabeltitle {
	clear: both;
	font-weight: bold;
	border-bottom: 1px solid #cecfce;
	margin-bottom: 20px;
	width: 100%;
	line-height: 22px;
	height: 22px;
	display: block;
}
.DeAcLabelTitleShort {
	font-weight: bold;
	padding-right: 4px;
}
.DeAcLabelHelp {
	font-style: italic;
	display: block;
}

.emulatedtitle {
	border-bottom: 1px solid #cecfce;
	margin-bottom: 20px;
	line-height: 22px;
	height: 22px;
	clear: both;
}

.DeAcRangeValidatorLabel,
.DeAcRegularExpressionValidator,
.DeAcRequireFieldValidatorLabel {
	font-size: 11px !important;
	font-weight: bold;
	color: red !important;
	padding-left: 4px;
	
}

.toolbarlabel {
	font-size: 11px !important;
	padding: 4px 10px 0px 4px;
	height: 22px;
	vertical-align: middle;
}
	 
.DeAcDropDownList .btn {
	font-size: 11px;
}
.DeAcDropDownList {
	max-width: 300px;
}

.DeAcLabelError {
	font-size: 11px;
	font-weight: bold;
	color: red !important;
}
.DeAcLabelBold {
	font-weight: bold !important;
	font-size: 11px;
}

.DeAcCheckBox {
	font-size: 11px;
	font-style: italic;
}
.DeAcCheckBox label {
	padding-left: 6px;
	padding-right: 6px;
	vertical-align: middle;
	margin-bottom: 0 !important;
	margin-top: -7px !important;
	display: inline-block !important;
}

.DeAcCheckBoxReadOnly {
	font-size: 11px;
	font-style: italic;
	display: block;
	margin-top: 4px;
	margin-bottom: 4px;
}

.DeAcTextBox, .DeAcDropDownList, .DeAcDateTimePicker {
	color: #000 !important;
	font-size: 11px !important;
	font-weight: bold !important;
	background-color: #d7d7d7 !important;
	border: solid 1px #666666 !important;
	display: inline;
}

.DeAcTextBox[disabled] {
	background-color: #f9f9f9 !important;
	color: #808080 !important;
}

.DeAcGridView {
	margin-top: 5px;
	font-size: 11px;
	font-weight: normal;
	background-color: white;
	width: 100%;
	border-collapse: collapse;
	border-top: solid 2px #fff;
	border-bottom: solid 2px #fff;
	table-layout: fixed;
}


thead td, thead th {
	background-color: rgb(245, 245, 245); /* #e7e7e7 */
	border-bottom: 1px solid #cccccc;
	font-size: 11px !important;
	font-weight: bold !important;	
	padding : 4px 2px;
}

.ajax__calendar_dayname {
	word-wrap: normal;
}

thead th a,
thead th span,
thead th a:active,
thead th a:visited,
thead th a:link,
thead td a,
thead td span,
thead td a:active,
thead td a:visited,
thead td a:link {
	font-size: 11px !important;
	font-weight: bold;	
	display: block;
	padding: 2px 2px;
}

thead a.deaccontexthelp {
	font-weight: normal !important;
}

.DeAcGridViewHeaderASC a,
.DeAcGridViewHeaderASC a:active,
.DeAcGridViewHeaderASC a:visited,
.DeAcGridViewHeaderASC a:link,
.DeAcGridViewHeaderASC a:hover {
	background: url(../Images/ArrowBlackDown.gif) no-repeat right;
	padding-right: 14px !important;
}

.DeAcGridViewHeaderDESC a,
.DeAcGridViewHeaderDESC a:active,
.DeAcGridViewHeaderDESC a:visited,
.DeAcGridViewHeaderDESC a:link,
.DeAcGridViewHeaderDESC a:hover {
	background: url(../Images/ArrowBlackUp.gif) no-repeat right;
	padding-right: 14px !important;	
}	

.DeAcGridViewRow td {
	border: solid 1px rgb(245, 245, 245); /* #efefef */
	border-bottom: solid 1px #cccccc;
	padding: 2px;
	white-space: pre-wrap;
	word-wrap: break-word;
}	

.DeAcGridViewAlternateRow {
	background-color: rgb(245, 245, 245); /* #efefef */
}	

.DeAcGridViewAlternateRow td {
	border: solid 1px rgb(245, 245, 245); /* #efefef */
	border-bottom: solid 1px #eeeeee;
	padding: 2px;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	word-wrap: break-word;
}

.DeAcGridViewSelectedRow {
	color: Silver;
	background-color: #cecece;
}

.DeAcGridViewEmptyRow {
	font-size: 11px;
	font-weight: bold;
}

.DeAcGridViewSortedTD,
.DeAcGridViewAlternatingSortedTD,
.DeAcGridViewHeaderASC,
.DeAcGridViewHeaderDESC {
	background-color: #efefef !important; /* rgb(245, 245, 245) */
}	

.DeAcGridViewPager td {
	margin: 3px;
	padding: 3px;
}
.DeAcGridViewPager td span {
	border: 2px solid #c0c0c0;
	background-color: #f1f1f1;
	padding: 2px;
}

.DeAcGridViewPager td span[aria-hidden="true"] {
	border: none;
	background-color: #fff;
}

.DeAcGridViewFooter {
}


.contenttitlediv {
	margin: 0em;
	background: #cc0000;
	padding: 6px 0 6px 6px;
	font-weight: bold;
	white-space: nowrap;
	margin-bottom: 6px;
}

.contenttitle {
	color: #ffffff;
	padding: 3px;
}

.titlethick {
	font-weight: bold;
	display: block;
	cursor: default !important;
	border-bottom: 3px solid #cecece;
	margin-bottom: 12px;
	padding-bottom: 4px;
	height: 20px;
	line-height: 20px;
	width: 100%;
}


.widgetheader {
	width: 100%;
	margin: 0em;
	font-size: 100%;
	font-weight: normal;
	background: #333; /* or #cc0000 for red */
}

.widgetheadertable {
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
}

.widget {
	overflow: hidden;
/*border-radius: 6px; Enable for same style/size as popover */
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

.widgetholder {
/*min-height: 600px;*/
	margin: 0px 0px 0 3px; /* left = margin+3px for drop shadow */
}

/* for Internet Explorer */
/*\*/
* html .widgetholder {
margin: 0px 0px 0 3px; /* Top margin of 3px with old drop shadow */
}
/**/

.widgetcontent {
	padding: 6px;
	background-color: white;
	border-bottom: solid 1px #ebebeb; /* or #fceeef for red */
	border-left: solid 1px #ebebeb; /* or #fceeef for red */
	border-right: solid 1px #ebebeb; /* or #fceeef for red */
	padding-right: 0px;
}

.widgetbody {
	margin-right: 6px;
	white-space: normal;
	overflow: auto;
}

.widgettitle {
	width: 100%;
	padding: 6px 5px 6px 6px;
	font-weight: bold;
	white-space: nowrap;
	color: #ffffff !important;
}

.collapsiblecontainerheader {
	font-weight: bold;
	background-color: #333;
	color: #fff;
	padding: 4px;
	padding-left: 8px;
	min-height: 16px;
}

.collapsiblecontainerheader span {
	display: block;
}

.collapsecontent {
	display: block;
	margin-top: -13px !important;
	float: right;
}

a:active.collapsecontent, a:hover.collapsecontent,
a:link.collapsecontent, a:visited.collapsecontent {
	color: #ffffff;
	font-weight: normal;
}


.cultureselector {
	position: absolute;
	color: white;
	top: 0;
	right: 0;
	font-size: 60%;
	z-index: 99999;
}

.cultureselector a:link {
	color: #e7e7e7;
	border-left: 4px solid #000000;
	border-right: 4px solid #000000;
}

/* Version Compare */
.EditDelete {	color: red;	text-decoration: line-through; font-weight: bold; }
.EditAdd { color: blue; font-weight: bold; }
.EditAddImage { border: green thin solid; }
.EditDeleteImage { border: red thin solid; }

/* http://htmldiff.codeplex.com/ */
ins {
	/*background-color: #cfc;*/
	color: blue;
	font-weight: bold;
	text-decoration: inherit;
}

del {
	color: red;
	font-weight: bold;
}

ins.mod {
	background-color: #ffe1ac;
}
/* End Version Compare */

.tab-pane {
	overflow-x: hidden;
	background-color: #fff;
	padding: 4px;
}
.nav-tabs > li > a {
	padding-left: 12px !important;
	padding-right: 13px !important;
}
.nav-tabs > li.active > a {
	border-bottom-color: #fff !important;
}
.nav-tabs > li.active > a:focus {
	outline: 0;
}

/* Diff engine */
span.diff-html-added {
	font-size: 100%;
	background-color: #ccffcc; /* light green */
}
span.diff-html-removed {
	font-size: 100%;
	text-decoration: line-through;
	background-color: #fdc6c6; /* light red */
}
span.diff-html-changed {
	background: url(../Images/diffunderline.gif) bottom repeat-x;
}
span.diff-html-selected {
	background-color: #ff8800; /* light orange */
}
span.diff-html-selected img{
	border: 2px solid #ff8800; /* light orange */
}
span.diff-html-added img{
 border: 2px solid #ccffcc;
}
span.diff-html-removed img{
 border: 2px solid #fdc6c6;
}
span.diff-html-changed img{
 border: 2px dotted #000099;
}

/* Start: Resource Editor */
.DeAcLabelPlaceHolder {
	font-family: Monospace !important;
	font-weight: bold !important;
	color: #000000 !important;
	border-bottom: dotted 2px black;
	border-top: dotted 2px black;
	padding-bottom: 2px;
	padding-top: 2px;
	line-height: 23px;
}
/* End: Resource Editor */

/* Start: Image Gallery */
.gallerythumbnail {
	width: 120px;
	height: 100px;
	text-align: center;
	float: left;
	font-size: 9pt;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	overflow: hidden;
}
.galleryimage {
	margin: 0;
	padding: 0;
	border: 1px solid #cccccc;
	width: 100px;
	height: 80px;
}
.gallerytitle {
	width: 100px;
	font-size: 8pt;
	overflow: hidden;
	white-space: nowrap;
}
.galleryfoldertitle {
	width: 100px;
	font-size: 8pt;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
}
/* End: Image Gallery */

/* Start: File upload */
.btn-file {
	position: relative;
	overflow: hidden;
	line-height: 1.4285;
}
.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 999px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	background: red;
	cursor: inherit;
	display: block;
}
/* End: File upload */

div.buttonbar {
	border-top: 3px solid #cecece;
	margin-top: 22px;
}
div.buttonbar > .btn, div.modal-footer > .btn {
	margin-top: 12px;
	border-radius: 0;
}
div.buttonbar:empty {
	display: none;
}
div.panel, div.popover, div.modal-content, td > input.btn {
	border-radius: 0;
}

.btn-file {
	padding-bottom: 5px;
}

.searchoptionslist {
	display: inline-block;
  margin-left: 4px;
}
.searchoptionslist span {
	padding-right: 8px;
}

.contentnavlink {
	font-size: 11px;
	border-left: 1px solid transparent;
	border-bottom: 1px solid #efefef;
	padding: 5px;
	cursor: default;
}
.contentnavlink:hover, .contentnavlinkhover {
	font-size: 11px;
	background-color: #f5f7f8;
	border-bottom: 1px solid #efefef;
	border-left: 1px solid #333;
	padding: 5px;
	cursor: default;
}

/* Animated "progress" image. */
.progress {
	position: fixed;
	top: 0; bottom: 0; left: 0; right: 0;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.progress img {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -56px; /* Minus half of the image height + any additional offset */
	margin-left: -32px; /* Minus half of the image width */
	z-index: 10000;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: none;
}

.dropdown-menu .divider {
	margin: 9px 0px 7px 0px;
}

/*
.SearchDiv {
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
}
.SearchDiv div:first-of-type {
	margin: 0;
	padding: 0 1px 0 0;
}
.SearchDiv .DeAcGridView {
	table-layout: auto;
}*/


/* Re-add support for nested sub-menus - removed in Bootstrap 3 */
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-2px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#cccccc;}
.dropdown-submenu.pull-left{float:none;}
.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

@media print {
  .visible-print  { display: inherit !important; }
  .hidden-print   { display: none !important; }
	a[href]:after {
		content: none !important; /* Can be removed after upgrade to Bootstrap 4 */
  }
	div.tablefilter {
		display: none;
	}
}


/*
 * Off Canvas
 */
@media screen and (max-width: 768px) {
	.general-offcanvas {
		display: none;
	}

	.widgetholder {
		position: inherit;
		margin-left: 0;
	}
	.widget {
		-webkit-box-shadow: none;
			      box-shadow: none;
	}
}

@media screen and (max-width: 992px) {
	.general-offcanvas {
		display: none;
	}

	.widgetholder {
		position: inherit;
		margin-left: 0;
	}
	.widget {
		-webkit-box-shadow: none;
			      box-shadow: none;
	}

	div#clientlogoplaceholder {
		display: none;
	}

	ul.navbar-nav {
		padding-left: 0;
	}
	ul.navbar-nav ~ ul.navbar-nav {
	}
}

@media (min-width: 768px) {
	.componentsummaryblock {
		max-width: 372px;
	}

	.col-md-3,
	.col-md-9 {
		padding-right: 0;
		padding-left: 0;
	}

	/* Navbar "hovernav" dropdown menu - this works only for screen sizes larger than phones. The Bootstrap CSS is unchanged. */
	.arrow-right > .dropdown-menu:after {
		content: '';
		display: inline-block;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #ffffff;
		position: absolute;
		top: -6px;
		right: 10px;
	}

  .arrow-left > .dropdown-menu:after {
		content: '';
		display: inline-block;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #ffffff;
		position: absolute;
		top: -6px;
		left: 10px;
	}

  .navbar-nav .caret {
    /*display: none;*/
  }
  .navbar-nav .open ul {
    display: none;
	}
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus,
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background: none;
  }
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:hover,
  .navbar-inverse .navbar-nav > .open > a:focus,
  .navbar-inverse .navbar-nav > .active > a,
  .navbar-inverse .navbar-nav > .active > a:hover,
  .navbar-inverse .navbar-nav > .active > a:focus {
    color: #f1f1f1;
    background: none;
  }
  .navbar-default .navbar-nav > .hovernav > a {
		color: #555;
	}
  .navbar-inverse .navbar-nav > .hovernav > a {
		color: #f1f1f1;
	}
  .navbar-default .navbar-nav > .hovernav:hover > a,
  .navbar-default .navbar-nav > .hovernav:hover > a:hover,
  .navbar-default .navbar-nav > .hovernav:hover > a:focus {
    color: #333;
    background: transparent;
  }
  .navbar-inverse .navbar-nav > .hovernav:hover > a,
  .navbar-inverse .navbar-nav > .hovernav:hover > a:hover,
  .navbar-inverse .navbar-nav > .hovernav:hover > a:focus {
    color: #fff;
    background: transparent;
  }
	.navbar-default .navbar-nav > li:hover {
    background: #e7e7e7;
  }
  .navbar-inverse .navbar-nav > li:hover {
    background: #080808;
  }
  .navbar-nav .hovernav:hover > .dropdown-menu {
    display: block;
	}

	ul.navbar-nav {
	}
	ul.navbar-nav ~ ul.navbar-nav {
	}
}

@media (min-width: 992px) {
	.componentsummaryblock {
		max-width: 360px;
	}

	.navbar-collapse {
		margin-left: 226px !important;
	}

	ul.navbar-nav {
		padding-left: 6px;
	}
	ul.navbar-nav ~ ul.navbar-nav {
	}
}

@media (min-width: 1200px) {
	.componentsummaryblock {
		max-width: 426px;
	}

	.navbar-collapse {
		margin-left: 276px !important;
	}

	ul.navbar-nav {
		padding-left: 6px;
	}
	ul.navbar-nav ~ ul.navbar-nav {
	}
}

.container {
	width: 90% !important;
}

div.col-left {
	max-width: 280px !important;
}


.requirementname,
.programsetdegreetypes,
.programsetdegrees,
.programsetdegreeexceptions {
	font-weight: bold;
	display: block;
}
.requirementdescription {
}
.requirementnote {
	font-style: italic;
	white-space: pre-wrap;
}
.requirementlabel {
	font-weight: bold;
}
.requirementappliesto {
}
.requirementsetvalue span {
	padding-left: 8px;
	padding-right: 8px;
	background: #cecfce;
	font-weight: bold;
}

/* Not on front-end */
.creditsubtotal {
	text-align: right;
	padding-bottom: 2px;
}
.credittotal {
	text-align: right;
	font-weight: bold;
}
.subreqsubtotal {
	font-size: 75%;
	color: #6e6e6e;
}
.creditsubtotalvalue { }
.credittotalvalue { }


.summary-border, .summary-row .summary-lastrow {
	border-bottom: 1px dotted #888 !important;
	padding-bottom: 2px;
}
.summary-row td {
	line-height: 0.7;
}
.summary-text {
	width: 99%;
	padding: 0; margin: 0;
	line-height: 9px;
}
.summary-link {
	width: 1%;
	padding: 0; margin: 0;
}
.summary-link-disabled, .summary-link-disabled:hover {
	text-decoration: none;
	cursor: default;
	color: #000;
}
.summary-width-filler {
	font-family: Fixed, monospace;
	height: 22px;
	line-height: 1px;
}

.summary-table {
	padding: 4px;
	border-spacing: 6px;
	border-collapse: separate;
}

div.widgetbody .summary-table {
	padding: 0;
}

label {
	font-weight: normal;
}

[aria-required=true] {
/*border: #cc0000 thin solid !important;*/
}


/* Custom column selector */
.columnselectorwrapper {
	position: relative;
	margin: 16px 0;
	display: inline-block;
}
.columnselector {
}

.columnselectorbutton {
	background: #99bfe6;
	border: #888 1px solid;
	color: #111;
	border-radius: 5px;
	padding: 6px 7px;
	cursor: pointer;
}
.colselectcheckbox:checked + label {
	background: #5797d7;
	border-color: #555;
}
.colselectcheckbox:checked ~ .columnselector {
}
.columnselector {
	width: 200px;
	position: absolute;
	top: 30px;
	padding: 10px;
	background: #fff;
	border: #99bfe6 1px solid;
	border-radius: 5px;
	z-index: 100;
}
.columnselector label {
	display: block !important;
}
.columnselector label:nth-child(1) {
	border-bottom: #99bfe6 solid 1px;
	margin-bottom: 5px;
}
.columnselector input {
	margin-right: 5px;
}
.columnselector .disabled {
	color: #ddd;
}

/* Bootstrap column selector */
.tablesorter-column-selector label {
  margin: 0 5px;
  display: block !important;
}
.tablesorter-column-selector input {
  margin-right: 5px;
}
.tablesorter-column-selector .disabled {
  color: #c1c1c1;
}


/* Resizable columns */
th.tablesorter-header.resizable-false {
  background-color: #e6bf99;
}

/* pager wrapper, div */
.pager {
  padding: 5px;
}
/* pager wrapper, in thead/tfoot */
td.pager {
  background-color: #e6eeee;
}
/* pager navigation arrows */
.pager img {
  vertical-align: middle;
  margin-right: 2px;
}
/* pager output text */
.pager .pagedisplay {
  font-size: 11px;
  padding: 0 5px 0 5px;
  width: 50px;
  text-align: center;
}

/*** loading ajax indeterminate progress indicator ***/
#tablesorterPagerLoading {
  background: rgba(255,255,255,0.8) url(icons/loading.gif) center center no-repeat;
  position: absolute;
  z-index: 1000;
}

/*** css used when "updateArrows" option is true ***/
/* the pager itself gets a disabled class when the number of rows is less than the size */
.pager.disabled {
  display: none;
}
/* hide or fade out pager arrows when the first or last row is visible */
.pager img.disabled {
  /* visibility: hidden */
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.spellchecklink {
	padding-left: 6px;
	cursor: pointer;
	color: #000;
	text-decoration: none !important;
}



.splitter {
  flex: 0 0 auto;
  width: 18px;
  background: url(../images/vsizegrip.png) center center no-repeat #f1f1f1;
  min-height: 200px;
  cursor: col-resize;
	opacity: 0.3;
	display: none;
}
.splitter-horizontal {
	flex: 0 0 auto;
	height: 18px;
	opacity: 0.3;
}

.splitter:hover, .splitter-horizontal:hover {
	opacity: 1;
}
.splitter-horizontal ~ .splitter-horizontal {
	display: none;
}

div.row-main {
  display: flex;
  flex-direction: row;
}

div.col-left {
	flex: 0 0 auto;
}

div.col-right {
	flex: 1 1 auto;
}

div.widgetholder {
	display: flex;
	flex-direction: column;
}

div.widgetholder .widget {
	flex: 0 0 auto;
}

div.widgetholder .widget ~ .widget {
	flex: 1 1 auto;
}

.whitespace.space {
	margin: 0 0.25em;
	background-color: #85C7F8;
	border: 0;
}
.whitespace.newline {
	color: #006600; 
	margin-left: 0.1em;
	margin-right: 0.1em;
	border: 0;
	font-size: 15px;
}
.whitespace.other {
}

ul.equivalencecourselist {
	list-style-type: square;
	padding-left: 17px;
	margin-bottom: 0px;
}
ul.equivalencecourselist li {
	margin-left: 0px;
}