/* Minification failed. Returning unminified contents.
(3280,14): run-time error CSS1035: Expected colon, found ';'
 */

/******** Grid Global ********/
.kglabel {
    display: block;
    float: left;
    font-weight: bold;
    padding-right: 5px;
}
/* Commenting out the below code to allow users to select text within grids. */
/*.kgNoSelect{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}*/
/******** Grid ********/

.koGrid{
    background-color: rgb(253, 253, 253);
}

/******** Header ********/

.kgGroupPanel{
    background-color: rgb(234, 234, 234);
    overflow: hidden;
	border-bottom: 1px solid rgb(212,212,212);
}

.kgGroupPanelDescription{
	margin-top: 5px;
	margin-left: 5px;
}

.kgGroupList {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.kgGroupItem {
	float: left; 
}

.kgGroupElement {
	float: left;
	height: 100%; 
	width: 100%;
}

.kgGroupName {
    background-color: rgb(247,247,247);
    border: 1px solid rgb(212,212,212);
    padding: 3px 10px;
    float: left;
    margin-left: 0;
    margin-top: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight: bold;
}

.kgGroupItem:first-child{
	margin-left: 2px;
}

.kgRemoveGroup {
    width: 5px;
    float: right;
    -moz-opacity: 0.4;
    opacity: 0.4;
    margin-top: -1px;
    margin-left: 5px;
}
.kgRemoveGroup:hover {
    color: black;
    text-decoration: none;
    cursor: pointer;
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.kgGroupArrow {
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid black;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	float: right;
}

.kgTopPanel {
    position: relative;
    background-color: rgb(234, 234, 234);
	border-bottom: 1px solid rgb(212,212,212);
    z-index: 5; 
}
.kgHeaderContainer {
    position: relative;
    overflow: hidden;
    font-weight: bold;
}

.kgHeaderScroller {
	position:absolute;
}
.kgHeaderSortColumn{
	position:absolute;
    overflow: hidden;
}

.kgHeaderCell{
	border-left: 1px solid rgb(212,212,212);
    position: absolute;
}

.kgHeaderCell:first-child{
    border-left: 0;
}

.kgHeaderCell:last-child{
	border-right: 1px solid rgb(212,212,212);
}

.kgSortButtonUp {
    position: absolute;
    top: 3px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
	border-color: gray transparent;
	border-style: solid;
	border-width: 0 5px 5px 5px;
	height: 0;
	width: 0;
}
.kgSortButtonDown {
    position: absolute;
    top: 3px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
	border-color: gray transparent;
	border-style: solid;
	border-width: 5px 5px 0 5px;
    height: 0;
	width: 0;
}
.kgHeaderGrip { 
    cursor: col-resize; 
    width: 10px; 
	right: -5px;
    top: 0; 
    height: 100%; 
    position: absolute; 
    z-index: 5; 
}
.kgHeaderText {
    padding: 5px;
    box-sizing: border-box;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

/******** Viewport ********/
.kgViewport{
	overflow: auto;
    min-height: 20px;
}

.kgCanvas{
    position: relative;
}

/******** Rows ********/
.kgRow {
    position: absolute;
    border-bottom: 1px solid rgb(229, 229, 229);
}
.kgRow.even {
    background-color: rgb(243, 243, 243);
}
.kgRow.odd {
    background-color: rgb(253, 253, 253);
}
.kgRow.selected {
    background-color: rgb(189, 208, 203);
}

/******** Cells ********/

.kgCell {
    overflow: hidden; 
    position: absolute;
	border-left: 1px solid rgb(212,212,212);
}

.kgCell:first-child{
	border-left: 0;
}

.kgCell:last-child {
    border-right: 1px solid rgb(212,212,212);
}

.kgCellText {
    padding: 5px;
    box-sizing: border-box;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.kgSelectionHeader {
	position: absolute;
    top: 11px; 
    left: 6px;
}
input[type="checkbox"] {
	margin: 0;
	padding: 0;
}
input {
	vertical-align:top;
}
.kgSelectionCell{
	margin-top: 9px;
	margin-left: 6px;
}
.kgNoSort {
    cursor:default;
}

/******** Footer ********/
.kgFooterPanel{
    background-color: rgb(234, 234, 234);
    padding: 0;
	border-top: 1px solid rgb(212,212,212);
	position: relative;
}
.kgTotalSelectContainer {
    float: left;
    margin: 5px;
    margin-top: 7px;
}
.kgFooterSelectedItems {
	padding: 2px;
}
.kgFooterTotalItems {
	padding: 2px;
}
.kgFooterTotalItems.kgnoMultiSelect {
    padding: 0 !important;
}

/* Aggregates */
.kgAggHeader {
    position: absolute;
    border: none;
}
.kgAggregate {
    position: absolute;
    background-color: rgb(179, 191, 188);
    border-bottom: 1px solid beige;
    overflow: hidden;
    top: 0;
    bottom: 0;
    right: -1px;
	left: 0;
}
.kgAggregateText {
    position: absolute;
    left: 27px;
	top: 5px;
    line-height: 20px;
    white-space:nowrap;
}
.kgAggArrowExpanded {
    position: absolute;
    left: 8px;
    bottom: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 9px 9px;
    border-color: transparent transparent #000000 transparent;
}
.kgAggArrowCollapsed {
    position: absolute;
    left: 8px;
    bottom: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8.7px;
    border-color: transparent transparent transparent #000000;
}

.kgHeaderButton {
    position: absolute;    
    right: 2px;
    top: 8px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    z-index: 5;
    background-color: rgb(179, 191, 188);
    cursor: pointer;
}
.kgHeaderButtonArrow {
    position: absolute;
    top: 4px;
    left: 3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6.5px 4.5px 0 4.5px;
    border-color: #000 transparent transparent transparent;
}
.kgColMenu {
    right: 2px;
    padding: 5px;
    top: 25px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #BDD0CB;
    position: absolute;
    border: 2px solid rgb(212,212,212);
    z-index: 5;
}
.kgMenuText {
    position: relative;
    top: 2px;
    left: 2px;
}
.kgColList {
    list-style-type: none;
    margin-left:25px;
}

.kgColListItem {
    position: relative;
    right: 17px;
    top: 2px;
    white-space:nowrap;
}
.kgColListCheckbox {
    position: relative;
    right: 3px;
    top: 4px;
}

/********Paging Styles **********/

.kgPagerButton{
	height: 25px;
	min-width: 26px;
}

.kgPagerFirstTriangle{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 8.7px 5px 0;
	border-color: transparent #000000 transparent transparent;
	margin-left: 2px;
}

.kgPagerFirstBar{
	width: 10px;
	border-left: 2px solid black;
	margin-top: -6px;
	height: 12px;
	margin-left: -3px;
}	

.kgPagerLastTriangle{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #000000;
	margin-left: -1px;
}

.kgPagerLastBar{
	width: 10px;
	border-left: 2px solid black;
	margin-top: -6px;
	height: 12px;
	margin-left: 1px;
}	

.kgPagerPrevTriangle{
	margin-left: 0;
}	

.kgPagerNextTriangle{
	margin-left: 1px;
}
.kgGroupIcon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAEFJREFUKFNjoAhISkr+h2J5JDZODNXGwGBsbPwfhIGAA8bGh6HaGBiAGhxAGJmND4M1gQCSM0adCsVQbcPcqQwMALWDGyDvWPefAAAAAElFTkSuQmCC);
	background-repeat:no-repeat;
    height: 15px;
    width: 15px;
    position: absolute;
    /*right: -2px;*/
    top: 2px;
}

.kgGroupedByIcon {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAElJREFUKFNjoAhISkr+R8LyaHwMDNXGwGBsbPwfhoGAA5mPDUO1oWpE52PDYE0gALTFAYbR+dgwWBMIoPlh1I9ADNU2NPzIwAAAFQYI9E4OLvEAAAAASUVORK5CYII=);
	background-repeat:no-repeat;
    height: 15px;
    width: 15px;
    position: absolute;
    /*right: -2px;*/
    top: 2px;
}

.kgGroupingNumber {
    position: absolute;
    right: -23px;
    top: -2px;
}
/* The styles in this file were borrowed (and adjusted) from cssload.net */

.floatingBarsG{
position:relative;
width:24px;
height:30px;
margin-left: auto;
margin-right: auto;
}

.blockG{
position:absolute;
background-color:#FFFFFF;
width:4px;
height:9px;
-moz-border-radius:4px 4px 0 0;
-moz-transform:scale(0.4);
-moz-animation-name:fadeG;
-moz-animation-duration:1.04s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-webkit-border-radius:4px 4px 0 0;
-webkit-transform:scale(0.4);
-webkit-animation-name:fadeG;
-webkit-animation-duration:1.04s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-ms-border-radius:4px 4px 0 0;
-ms-transform:scale(0.4);
-ms-animation-name:fadeG;
-ms-animation-duration:1.04s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-o-border-radius:4px 4px 0 0;
-o-transform:scale(0.4);
-o-animation-name:fadeG;
-o-animation-duration:1.04s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
border-radius:4px 4px 0 0;
transform:scale(0.4);
animation-name:fadeG;
animation-duration:1.04s;
animation-iteration-count:infinite;
animation-direction:normal;
}

.rotateG_01{
left:0;
top:11px;
-moz-animation-delay:0.39s;
-moz-transform:rotate(-90deg);
-webkit-animation-delay:0.39s;
-webkit-transform:rotate(-90deg);
-ms-animation-delay:0.39s;
-ms-transform:rotate(-90deg);
-o-animation-delay:0.39s;
-o-transform:rotate(-90deg);
animation-delay:0.39s;
transform:rotate(-90deg);
}

.rotateG_02{
left:3px;
top:4px;
-moz-animation-delay:0.52s;
-moz-transform:rotate(-45deg);
-webkit-animation-delay:0.52s;
-webkit-transform:rotate(-45deg);
-ms-animation-delay:0.52s;
-ms-transform:rotate(-45deg);
-o-animation-delay:0.52s;
-o-transform:rotate(-45deg);
animation-delay:0.52s;
transform:rotate(-45deg);
}

.rotateG_03{
left:10px;
top:1px;
-moz-animation-delay:0.65s;
-moz-transform:rotate(0deg);
-webkit-animation-delay:0.65s;
-webkit-transform:rotate(0deg);
-ms-animation-delay:0.65s;
-ms-transform:rotate(0deg);
-o-animation-delay:0.65s;
-o-transform:rotate(0deg);
animation-delay:0.65s;
transform:rotate(0deg);
}

.rotateG_04{
right:3px;
top:4px;
-moz-animation-delay:0.78s;
-moz-transform:rotate(45deg);
-webkit-animation-delay:0.78s;
-webkit-transform:rotate(45deg);
-ms-animation-delay:0.78s;
-ms-transform:rotate(45deg);
-o-animation-delay:0.78s;
-o-transform:rotate(45deg);
animation-delay:0.78s;
transform:rotate(45deg);
}

.rotateG_05{
right:0;
top:11px;
-moz-animation-delay:0.9099999999999999s;
-moz-transform:rotate(90deg);
-webkit-animation-delay:0.9099999999999999s;
-webkit-transform:rotate(90deg);
-ms-animation-delay:0.9099999999999999s;
-ms-transform:rotate(90deg);
-o-animation-delay:0.9099999999999999s;
-o-transform:rotate(90deg);
animation-delay:0.9099999999999999s;
transform:rotate(90deg);
}

.rotateG_06{
right:3px;
bottom:3px;
-moz-animation-delay:1.04s;
-moz-transform:rotate(135deg);
-webkit-animation-delay:1.04s;
-webkit-transform:rotate(135deg);
-ms-animation-delay:1.04s;
-ms-transform:rotate(135deg);
-o-animation-delay:1.04s;
-o-transform:rotate(135deg);
animation-delay:1.04s;
transform:rotate(135deg);
}

.rotateG_07{
bottom:0;
left:10px;
-moz-animation-delay:1.1700000000000002s;
-moz-transform:rotate(180deg);
-webkit-animation-delay:1.1700000000000002s;
-webkit-transform:rotate(180deg);
-ms-animation-delay:1.1700000000000002s;
-ms-transform:rotate(180deg);
-o-animation-delay:1.1700000000000002s;
-o-transform:rotate(180deg);
animation-delay:1.1700000000000002s;
transform:rotate(180deg);
}

.rotateG_08{
left:3px;
bottom:3px;
-moz-animation-delay:1.3s;
-moz-transform:rotate(-135deg);
-webkit-animation-delay:1.3s;
-webkit-transform:rotate(-135deg);
-ms-animation-delay:1.3s;
-ms-transform:rotate(-135deg);
-o-animation-delay:1.3s;
-o-transform:rotate(-135deg);
animation-delay:1.3s;
transform:rotate(-135deg);
}


.twitter-typeahead {
    width: 100%;
    position: relative;
}

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
    margin-bottom: 0;
    width: 100%;
    height: 34px;
    position: absolute;
    top: 0;
    left: 0;
}

.twitter-typeahead .tt-hint {
    color: #a1a1a1;
    z-index: 1;
    padding: 6px 12px;
    border: 1px solid transparent;
}

.twitter-typeahead .tt-query {
    z-index: 2;
    border-radius: 4px !important;
}

.input-group-addon + .twitter-typeahead > .tt-query {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
}

.input-group-appended > .twitter-typeahead > .tt-query {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
}

.tt-dropdown-menu {
    min-width: 160px;
    margin-top: 2px;
    padding: 5px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.tt-suggestion {
    display: block;
    padding: 3px 20px;
}

.tt-suggestion.tt-is-under-cursor {
    color: #fff;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
}

.tt-suggestion.tt-is-under-cursor a {
    color: #fff;
}

.tt-suggestion p {
    margin: 0;
}
/*!
 * Datetimepicker for Bootstrap v3
//! version : 3.1.3
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */.bootstrap-datetimepicker-widget{top:0;left:0;width:250px;padding:4px;margin-top:1px;z-index:99999!important;border-radius:4px}.bootstrap-datetimepicker-widget.timepicker-sbs{width:600px}.bootstrap-datetimepicker-widget.bottom:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute;top:-7px;left:7px}.bootstrap-datetimepicker-widget.bottom:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:8px}.bootstrap-datetimepicker-widget.top:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,.2);position:absolute;bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.top:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;position:absolute;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget .dow{width:14.2857%}.bootstrap-datetimepicker-widget.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget>ul{list-style-type:none;margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:700;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{width:4px;padding:0;margin:0}.bootstrap-datetimepicker-widget .datepicker>div{display:none}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget td,.bootstrap-datetimepicker-widget th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget td.cw{font-size:10px;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget td.day:hover,.bootstrap-datetimepicker-widget td.hour:hover,.bootstrap-datetimepicker-widget td.minute:hover,.bootstrap-datetimepicker-widget td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget td.old,.bootstrap-datetimepicker-widget td.new{color:#777}.bootstrap-datetimepicker-widget td.today{position:relative}.bootstrap-datetimepicker-widget td.today:before{content:'';display:inline-block;border-left:7px solid transparent;border-bottom:7px solid #428bca;border-top-color:rgba(0,0,0,.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget td.active,.bootstrap-datetimepicker-widget td.active:hover{background-color:#428bca;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.bootstrap-datetimepicker-widget td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget td.disabled,.bootstrap-datetimepicker-widget td.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget td span:hover{background:#eee}.bootstrap-datetimepicker-widget td span.active{background-color:#428bca;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.bootstrap-datetimepicker-widget td span.old{color:#777}.bootstrap-datetimepicker-widget td span.disabled,.bootstrap-datetimepicker-widget td span.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget th.picker-switch{width:145px}.bootstrap-datetimepicker-widget th.next,.bootstrap-datetimepicker-widget th.prev{font-size:21px}.bootstrap-datetimepicker-widget th.disabled,.bootstrap-datetimepicker-widget th.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget thead tr:first-child th:hover{background:#eee}.input-group.date .input-group-addon span{display:block;cursor:pointer;width:16px;height:16px}.bootstrap-datetimepicker-widget.left-oriented:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.left-oriented:after{left:auto;right:7px}.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody>tr>td{padding:0!important}@media screen and (max-width:767px){.bootstrap-datetimepicker-widget.timepicker-sbs{width:283px}}
.ngGrid{background-color:#fdfdfd}.ngGrid input[type="checkbox"]{margin:0;padding:0}.ngGrid input{vertical-align:top}.ngGrid.unselectable{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}.ngViewport{overflow:auto;min-height:20px}.ngViewport:focus{outline:0}.ngCanvas{position:relative}.ngVerticalBar{position:absolute;right:0;width:0}.ngVerticalBarVisible{width:1px;background-color:#d4d4d4}#testDataLength{position:absolute;top:0;right:0;z-index:-100000}.ngHeaderContainer{position:relative;overflow:hidden;font-weight:bold;background-color:inherit}.ngHeaderCell{position:absolute;top:0;bottom:0;background-color:inherit}.ngHeaderCell.pinned{z-index:1}.ngHeaderSortColumn{position:absolute;overflow:hidden}.ngTopPanel{position:relative;z-index:1;background-color:#eaeaea;border-bottom:1px solid #d4d4d4}.ngSortButtonDown{position:absolute;top:3px;left:0;right:0;margin-left:auto;margin-right:auto;border-color:gray transparent;border-style:solid;border-width:0 5px 5px 5px;height:0;width:0}.ngNoSort{cursor:default}.ngHeaderButton{position:absolute;right:2px;top:8px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;width:14px;height:14px;z-index:1;background-color:#9fbbb4;cursor:pointer}.ngSortButtonUp{position:absolute;top:3px;left:0;right:0;margin-left:auto;margin-right:auto;border-color:gray transparent;border-style:solid;border-width:5px 5px 0 5px;height:0;width:0}.ngHeaderScroller{position:absolute;background-color:inherit}.ngSortPriority{position:absolute;top:-5px;left:1px;font-size:6pt;font-weight:bold}.ngHeaderGrip{cursor:col-resize;width:10px;right:-5px;top:0;height:100%;position:absolute;background-color:transparent}.ngHeaderText{padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.ngHeaderButtonArrow{position:absolute;top:4px;left:3px;width:0;height:0;border-style:solid;border-width:6.5px 4.5px 0 4.5px;border-color:#4d4d4d transparent transparent transparent}.ngPinnedIcon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAmElEQVQoU33PQapBURjA8UtkwJuaWYGSgfQWYBMvczPmTCzAAGVuaA228BZhRCkDGSmE31FucuRfvzq3vr5zT/JSjSU7DsypEPXDkDVn2hSIytJhw4kWGaLCxgHh2gt/RBuLzNhz5caWPjnSqqw4EraFfwznf8qklWjwy4IRTerkiQoPGtPl40OehcEJvcfXl8LglLfBJLkDcMgbgHlHhK8AAAAASUVORK5CYII=);background-repeat:no-repeat;position:absolute;right:5px;top:5px;height:10px;width:10px}.ngUnPinnedIcon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAlElEQVQoU33PPQrCQBRF4fFnI2KfZVi5ARvdgo1l6mwmkCJVOgluwd5OwUoDtnoOxAei8cLXTN7cvEl/skCNDCMPfsUPO5zQwOHIDEvYtMURHe6wOVLgigvOePRyeDkyR4ln7wZ//7XfFBu8B23+aDJjrHGAwza7hjtHJvDmHg7b7Bru7AMjK7Rw2ObBVHDY5oGk9AKQNB2zy8MBTgAAAABJRU5ErkJggg==);background-repeat:no-repeat;position:absolute;height:10px;width:10px;right:5px;top:5px}.ngColMenu{right:2px;padding:5px;top:25px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#bdd0cb;position:absolute;border:2px solid #d4d4d4;z-index:1}.ngColListCheckbox{position:relative;right:3px;top:4px}.ngColList{list-style-type:none;margin-top:2px;margin-left:8px}.ngColListItem{white-space:nowrap}.ngMenuText{position:relative;top:2px;left:2px}.ngGroupPanel{background-color:#eaeaea;overflow:hidden;border-bottom:1px solid #d4d4d4}.ngGroupPanelDescription{margin-top:5px;margin-left:5px}.ngGroupList{list-style-type:none;margin:0;padding:0}.ngAggHeader{position:absolute;border:0}.ngGroupElement{float:left;height:100%;width:100%}.ngGroupIcon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAEFJREFUKFNjoAhISkr+h2J5JDZODNXGwGBsbPwfhIGAA8bGh6HaGBiAGhxAGJmND4M1gQCSM0adCsVQbcPcqQwMALWDGyDvWPefAAAAAElFTkSuQmCC);background-repeat:no-repeat;height:15px;width:15px;position:absolute;right:-2px;top:2px}.ngGroupedByIcon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAElJREFUKFNjoAhISkr+R8LyaHwMDNXGwGBsbPwfhoGAA5mPDUO1oWpE52PDYE0gALTFAYbR+dgwWBMIoPlh1I9ADNU2NPzIwAAAFQYI9E4OLvEAAAAASUVORK5CYII=);background-repeat:no-repeat;height:15px;width:15px;position:absolute;right:-2px;top:2px}.ngGroupName{background-color:#fdfdfd;border:1px solid #d4d4d4;padding:3px 10px;float:left;margin-left:0;margin-top:2px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-weight:bold}.ngGroupArrow{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid black;margin-top:10px;margin-left:5px;margin-right:5px;float:right}.ngGroupingNumber{position:absolute;right:-10px;top:-2px}.ngAggArrowCollapsed{position:absolute;left:8px;bottom:10px;width:0;height:0;border-style:solid;border-width:5px 0 5px 8.7px;border-color:transparent transparent transparent #000}.ngGroupItem{float:left}.ngGroupItem:first-child{margin-left:2px}.ngRemoveGroup{width:5px;-moz-opacity:.4;opacity:.4;margin-top:-1px;margin-left:5px}.ngRemoveGroup:hover{color:black;text-decoration:none;cursor:pointer;-moz-opacity:.7;opacity:.7}.ngAggArrowExpanded{position:absolute;left:8px;bottom:10px;width:0;height:0;border-style:solid;border-width:0 0 9px 9px;border-color:transparent transparent #000 transparent}.ngAggregate{position:absolute;background-color:#c9dde1;border-bottom:1px solid beige;overflow:hidden;top:0;bottom:0;right:-1px;left:0}.ngAggregateText{position:absolute;left:27px;top:5px;line-height:20px;white-space:nowrap}.ngRow{position:absolute;border-bottom:1px solid #d4d4d4}.ngRow.odd{background-color:#fdfdfd}.ngRow.even{background-color:#f3f3f3}.ngRow.selected{background-color:#c9dde1}.ngCell{overflow:hidden;position:absolute;top:0;bottom:0;background-color:inherit}.ngCell.pinned{z-index:1}.ngCellText{padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.ngSelectionCell{margin-top:9px;margin-left:6px}.ngSelectionHeader{position:absolute;top:11px;left:6px}.ngCellElement:focus{outline:0;background-color:#b3c4c7}.ngRow.canSelect{cursor:pointer}.ngSelectionCheckbox{margin-top:9px;margin-left:6px}.ngFooterPanel{background-color:#eaeaea;padding:0;border-top:1px solid #d4d4d4;position:relative}.nglabel{display:block;float:left;font-weight:bold;padding-right:5px}.ngTotalSelectContainer{float:left;margin:5px;margin-top:7px}.ngFooterSelectedItems{padding:2px}.ngFooterTotalItems.ngnoMultiSelect{padding:0!important}.ngGridMaxPagesNumber{vertical-align:middle}.ngPagerFirstBar{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-left:-3px}.ngPagerButton{height:25px;min-width:26px}.ngPagerFirstTriangle{width:0;height:0;border-style:solid;border-width:5px 8.7px 5px 0;border-color:transparent #4d4d4d transparent transparent;margin-left:2px}.ngPagerNextTriangle{margin-left:1px}.ngPagerPrevTriangle{margin-left:0}.ngPagerLastTriangle{width:0;height:0;border-style:solid;border-width:5px 0 5px 8.7px;border-color:transparent transparent transparent #4d4d4d;margin-left:-1px}.ngPagerLastBar{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-left:1px}.ngFooterTotalItems{padding:2px}
 /*
Styles in this file represent the default stylings that Connect uses. If you have
a need to override them for a given site, those overrides should be done in SeedData.Sites.sql.
*/
/**********************************
 * <General HTML Element Styling> *
 **********************************/
/*** This section contains style definitions for general (non-styled) HTML elements ***/
/*
Reset the styling
*/
* {
    margin: 0px;
    padding: 0px;
    scroll-behavior: smooth;
}

/*
Force the cursor to change to pointer whenever user mouses over an anchor tag.
Without this, if the anchor tag has no href attribute, the cursor will not
change appropriately.
*/
a {
    cursor: pointer;
    text-decoration: underline;
}

    a:hover {
        text-decoration: none;
    }

i, em {
    font-style: italic;
}

ul {
    list-style-type: disc;
    margin-left: 10px;
}

/*
Horizontal rule styling to ensure it behaves correctly.
*/
hr {
    clear: both;
    *zoom: 1;
    display: block;
}

label {
    font-weight: normal;
    vertical-align: bottom;
}

input[type='checkbox'] {
    margin-top: .2em;
}

select {
    height: 34px;
}

/***********************************
 * </General HTML Element Styling> *
 ***********************************/

/******************************************
 * <Bootstrap overrides and enhancements> *
 ******************************************/

/*** This section contains style definitions for Bootstrap-styled HTML elements ***/

.input-group-btn .btn:nth-of-type(1) {
    border-left: none;
}

.input-group-btn .btn {
    border-left-width: 1px;
    border-left-style: solid;
}

/*
    Need to override the full-width layout so that it displays in the same fashion
    as the other widths.
*/
@media (max-width: 767px) {
    .col-xs-12 {
        clear: both;
        float: left;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-sm-12 {
        clear: both;
        float: left;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .col-md-12 {
        clear: both;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-12 {
        clear: both;
        float: left;
    }
}

/*.form-control[type=text],*/
/*.form-control[type=number],*/
/*.form-control[type=email] {*/
/*margin-bottom: 5px;*/
/*}*/

textarea.form-control {
    margin-bottom: 5px;
}

select.form-control {
    margin-bottom: 5px;
}

.input-group .form-control[type=text] {
    margin-bottom: 0;
}

.input-group {
    margin-bottom: 5px;
}

/*
Bootstrap enhancement, used to ensure that the modal footer always appears
beneath the modal body. Without this, if the body contains floated content, it
fails to be cleared, and the modal footer appears too high on the page.
*/
.modal-body:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
    margin-right: 0px;
}

/*
Standard Bootstrap navbar has rounded edges, which do not fit our default style. Removing them here.
*/
.navbar {
    margin-bottom: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border: none;
}

.navbar-nav > li > a {
    font-size: 14px;
    padding-bottom: 14px; /* Using a bottom padding 1px less than the default because the navbar has a 1px border */
    text-decoration: none;
    padding-top: 3px;
    padding-bottom: 3px;
}

/*
If the panel header content is too long, we don't want it's text running off the end.
*/
.panel-heading {
    overflow: hidden;
}

.timepicker-picker * {
    vertical-align: middle;
}

.nav-tabs {
    margin-left: 0px;
    padding-left: 15px;
}

    .nav-tabs > li > a {
        background-color: transparent;
    }

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #ccc;
}

/*******************************************
 * </Bootstrap overrides and enhancements> *
 *******************************************/

/********************************************
 * <FontAwesome overrides and enhancements> *
 ********************************************/

.fa-ul {
    padding-left: 1.5em;
}

    .fa-ul li {
        line-height: 2.5em;
    }

        .fa-ul li span {
            vertical-align: middle;
        }

/*********************************************
 * </FontAwesome overrides and enhancements> *
 *********************************************/

/*****************************
 * <General Connect Styling> *
 *****************************/

/*** This section contains style definitions for general (non-styled) HTML elements used throughout Connect ***/

/*
Typically used to remove underlining from elements that are underlined by
default, such as menu links.
*/
.cms-NoUnderline {
    text-decoration: none;
}

/*
Used to add a small amount of padding to the top of an element.
*/
.cms-Padding-Top-Small {
    padding-top: 10px;
}

.cms-Margin-Vertical-Tight {
    margin-top: 2px;
    margin-bottom: 2px;
}

.cms-tightPanel {
    padding: 0;
}

.cms-paddedPanel {
    padding: 10px;
}

.cms-clear {
    clear: both;
}

.cms-Link {
    cursor: pointer;
}

/*
Used to indicate a row of data that is intended to only contain 1 line of text.
*/
.cms-row-height-1 {
    line-height: 3em;
}

    .cms-row-height-1 .cms-label {
        padding-top: .4em;
        vertical-align: middle;
    }

.cms-editPanel {
    margin-bottom: 10px;
}

.cms-entityButton {
    cursor: pointer;
}

.cms-editPanel + .cms-footer-buttons {
    margin-bottom: 10px;
}

.cms-deprecatedEntityText {
    text-decoration: line-through;
}

.cms-loadingPanel {
    padding: 25px 0;
    font-size: 25px;
}

/******************************
 * </General Connect Styling> *
 ******************************/

/*****************************
 * <Connect Control Styling> *
 *****************************/

/*** This section contains style definitions for various HTML elements ***/

/**********************
 *   <Button Styling> *
 **********************/

/*** This section contains style definitions for <button> elements ***/

/*
Used to increase the default padding on narrow-icon buttons so that their
resulting width is consistent with wider-icon buttons.
*/
.cms-Button-NarrowIcon {
    padding: 6px 13px 6px 14px;
}

/*
Adds a margin beneath each button in a button column.
*/
.cms-Button-Col .btn {
    margin-bottom: 10px;
}

/*
Adds margins to the top and right of each button in a button row.
*/
.cms-Button-Row .btn {
    margin-top: 10px;
    margin-right: 10px;
}

/*
Removes the default left-padding from a button column.
*/
.cms-Button-Col-NoPadding {
    padding-left: 0;
}

.cms-tabGroup {
    margin-bottom: 0;
}

    .cms-tabGroup .btn {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border: none;
        border-left-width: 1px;
        border-left-style: solid;
        border-left: solid black 1px;
    }

        .cms-tabGroup .btn:nth-of-type(1) {
            border-left: none;
        }

.cms-tabPanel {
    border-top-left-radius: 0px;
}

.cms-footer-buttons {
    clear: left;
    float: right;
}

.cms-fa-stack-button {
    position: relative;
    top: 2px;
}

.cms-fa-folder .fa-folder-o {
    position: absolute;
    left: -8px;
    top: -7px;
}

.cms-fa-file .fa-file-o {
    position: absolute;
    left: -4px;
    top: -8px;
}

.cms-fa-folder .fa-plus,
.cms-fa-file .fa-plus {
    font-size: small;
}

.multiSelect > button {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    min-height: 34px !important;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.multiSelect .buttonLabel {
    padding: 0;
}

.multiSelect .checkboxLayer {
    width: 100%;
    position: static;
}



/***********************
 *   </Button Styling> *
 ***********************/

/************************
 *   <Groupbox Styling> *
 ************************/

/*** This section contains style definitions for container elements that need to be displayed as "groupbox" elements ***/

/*
Used to style "groupbox" containers.
*/
.cms-Groupbox {
    border: 1px groove #ddd !important;
    background-color: #f5f5f5;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

    /*
Used to style the legends of groupboxes. The desired result is that the legend
is displayed within the border of the groupbox.
*/
    .cms-Groupbox legend {
        font-size: 1.2em !important;
        font-weight: bold !important;
        text-align: left !important;
        width: inherit; /* Or auto */
        padding: 0 10px; /* To give a bit of padding on the left and right */
        margin-bottom: 10px;
        background-color: #f5f5f5;
        border: solid black 1px;
    }

.cms-label {
    line-height: 2.4em;
}

    .cms-label input[type='radio'] {
        margin-top: .7em;
    }

.cms-label-right-justified {
    text-align: right;
}

@media (min-width: 1183px) {
    .right-justified-large-screen-only {
        text-align: right;
    }
}

    /*************************
 *   </Groupbox Styling> *
 *************************/

    /*********************************************
    This grouping of cms- styles is for common styling Training and CEH related widgets 
 **********************************************/
    .cms-search-filter-buttons {
        padding: 2px 2px 2px 2px;
    }

    .cms-trainingTitle {
        color: #428bca;
        font-size: larger;
        text-decoration: underline;
    }

    .cms-trainingIntro {
        padding: 10px;
        border: 2px solid lightgray;
        border-radius: 10px;
        margin-bottom: 5px;
        background-color: #f5f5f5;
    }

    .cms-trainingIntro .cms-training-edit {
        visibility: hidden;
    }

    .cms-approveEnabled {
        background-color: green;
        color: black;
    }
    .cms-approveDisabled {
        background-color: gray;
        color: black;
    }
    .cms-rejectEnabled {
        background-color: red;
        color: black;
    }
    .cms-rejectDisabled {
        background-color: gray;
        color: black;
    }

    .cms-trainingTitle:hover {
        text-decoration: underline;
        cursor: pointer;
    }

    .cms-training-edit:hover {
        color: #000000;
        cursor: pointer;
        visibility: visible;
    }

    .cms-trainingIntro:hover .cms-training-edit {
        visibility: visible;
        cursor: pointer;
    }

    .cms-btn-approve-reject {
        padding-top: 10px;
        padding-bottom: 6px;
        padding-right: 8px;
        padding-left: 8px;        
    }

    .cms-trainingContainer-approve-reject {
        padding: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0 5px 10px 5px;
    }

    .cms-trainingContainer {
        padding: 10px;
        padding-bottom: 10px;
        border: 2px solid black;
        border-radius: 10px;
        margin: 0 5px 10px 5px;
    }

    .cms-trainingDetails {
        padding: 10px;
        border: 2px solid lightgray;
        border-radius: 10px;
        margin-bottom: 5px;
    }

        .cms-trainingDetails ol {
            padding: 10px;
            border: 2px solid lightgray;
            border-radius: 10px;
            margin-bottom: 5px;
            background-color: #f5f5f5;
        }

    .cms-trng-defaultUnitValue {
        padding-left: 3px;
        width: 30px;
    }

    .cms-trainingDetails td {
        padding: 5px;
        background-color: #f5f5f5;
    }

    .cms-trng-detailAction {
        margin-bottom: 10px;
    }

    .cms-trng-expired {
        color: red;
        font-weight: bold;
    }

    /*</Training and CEH related styling>*/
    /***************************
 *   <Help Anchor Styling> *
 ***************************/

    /*** This section contains style definitions for the Help links that can be displayed in the header of a widget ***/

    .cms-WidgetHelpAnchor {
        cursor: pointer;
    }

    .cms-HelpAnchorContainer {
        padding: 9px 2px 2px 2px;
        float: left;
    }

    /****************************
 *   </Help Anchor Styling> *
 ****************************/

    /*********************
 * <Listbox Styling> *
 *********************/

    ul.cms-Listbox {
        list-style-type: none;
        border: solid #707070 1px;
        overflow-y: auto;
    }

        ul.cms-Listbox li {
            overflow: hidden;
            height: 18px;
            margin-left: 2px;
        }

            ul.cms-Listbox li a {
                display: block;
                color: #000000;
                text-decoration: none;
            }

                ul.cms-Listbox li a.unselected {
                    background-color: transparent;
                }

                ul.cms-Listbox li a.selected {
                    color: #ffffff;
                }

    li.cms-ListboxTall {
        height: auto !important;
    }

    /**********************
 * </Listbox Styling> *
 **********************/

    /***************************
 * <Knockout Grid Styling> *
 ***************************/

    .kgFooterTotalItems {
        padding-top: 6px;
    }

    .kgLabel {
        padding: 0 5px;
    }

    .kgPagerFirstTriangle {
        float: left;
        margin-left: 10px;
    }

    .kgPagerPrevTriangle {
        margin-left: 8px;
    }

    .kgPagerLastTriangle {
        float: right;
        margin-right: 10px;
    }

    .kgPagerNextTriangle {
        margin-right: 8px;
    }

    .fuelux .kgPagerButton {
        margin-top: 0px;
    }

    [disabled].kgPagerButton,
    [disabled].kgPagerButton:hover {
        cursor: not-allowed;
    }

    .cms-kogrid-container {
        position: relative;
        background: white;
        min-height: 40px;
    }

    .cms-load-container {
        position: relative;
    }

    .cms-kogrid-body {
        margin: auto;
        padding: 5px;
    }

    .cms-kogrid-loading {
        background-color: #333;
        opacity: 0.5;
        cursor: auto;
        width: 100%;
        height: 100%;
        z-index: 30;
    }

    .cms-loadingCover {
        position: absolute;
        left: 0;
        right: 0;
        background-color: #333;
        opacity: 0.5;
        cursor: auto;
        width: 100%;
        height: 100%;
        z-index: 30;
    }

    .cms-absolutecenterer {
        position: absolute !important;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .cms-kogrid-asfooter {
        background-color: transparent;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }

        .cms-kogrid-asfooter .kgFooterPanel {
            padding: 0;
            border-top-width: 1px;
            border-top-style: solid;
            position: relative;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }

    .kgRowCountPicker select {
        margin-top: 0;
    }

    .cms-kogrid-asfooter *, .cms-kogrid-asfooter *::before, .cms-kogrid-asfooter *::after {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .cms-kogrid .kgGroupIcon, .cms-kogrid-asfooter .kgGroupIcon {
        background-image: none;
        height: 0px;
        width: 0px;
    }

    .cms-kogrid-actioncolumn .btn {
        margin-left: 5px;
    }

    .cms-kogrid-actioncolumn:first-child {
        margin: 0;
    }

    /****************************
 * </Knockout Grid Styling> *
 ****************************/

    /*********************
 *   <Modal Styling> *
 *********************/

    /*** This section contains style definitions relating to modals ***/

    /*
When .cms-ModalLauncher class is added to a link/button, clicking that
link/button causes a Bootstrap modal to be displayed. The "target" of the modal
is determined by the data-url attribute on the link/button. The data-url
typically points to the action method that returns the view to be displayed.
*/
    .cms-ModalLauncher {
    }

    /*
.cms-ModalLarge class is used in conjunction with the .cms-ModalLauncher class.
If specified, it increases the width of the displayed modal as specified by the
.cms-ModalLargeWidth class.
*/
    .cms-ModalLarge {
    }

    /*
Specifies the width of large Bootstrap modals (the Bootstrap standard modal
width is 600px).
*/
    .cms-ModalLargeWidth {
        width: 900px;
    }

    /*
When .cms-WidgetModalLauncher class is added to a link/button, clicking that
link/button causes a Bootstrap modal to be displayed. The "target" of the modal
is determined by the data-url attribute on the link/button. The data-url
typically points to the action method that returns the view to be displayed.
*/
    .cms-WidgetModalLauncher {
    }

    /*
.cms-ModalLarge class is used in conjunction with the .cms-ModalLauncher class.
If specified, it increases the width of the displayed modal as specified by the
.cms-ModalLargeWidth class.
*/
    .cms-WidgetModalLarge {
    }

    /*
Specifies the width of large Bootstrap modals (the Bootstrap standard modal
width is 600px).
*/
    .cms-WidgetModalLargeWidth {
        width: 900px;
    }

    .modal {
        overflow-y: scroll;
    }

    /**********************
 *   </Modal Styling> *
 **********************/

    /******************************
 * </Connect Control Styling> *
 ******************************/

    /******************
 * <Page Styling> *
 ******************/

    /*** This section contains style definitions for a web page (or sections of a page) in Connect ***/

    /*************************
 *   <Page Body Styling> *
 *************************/

    /*** This section contains style definitions for the main content area of a page ***/

    #MainContentArea {
        margin-top: 10px;
    }

    /**************************
 *   </Page Body Styling> *
 **************************/

    /**********************
 *   <NavBar styling> *
 **********************/

    /*** This section contains style definitions for the NavBar, which includes the company logo, site title, action links, login control and menu links. ***/

    .cms-navBar {
        position: relative;
        padding: 0px;
        margin: 0px;
    }

    div#Logo {
        position: absolute;
        top: 0px;
        left: 0px;
        background-repeat: no-repeat;
    }

    /* These need to be part of settings
@media (max-width: 990px) {
    #Logo {
        background-size: auto 60px !important;
        margin: 0 !important;
        height: 63px !important;
    }
}

@media (max-width: 475px) {
    #Logo {
        display: none;
    }
}
*/

    div#Header {
        width: 100%;
    }

    div#SiteTitle {
        padding: 0px 10px 0 0;
        float: left;
    }

        div#SiteTitle h3 {
            margin-top: 10px;
        }

    div.cms-Login {
        float: right;
    }

    div.cms-ActionBar ul {
        float: right;
        padding-right: 5px;
    }

        div.cms-ActionBar ul li a {
            font-size: 18px;
        }

        div.cms-ActionBar ul > li {
            display: block;
            position: relative;
            float: left;
        }

            div.cms-ActionBar ul > li > a {
                display: block;
                position: relative;
                line-height: 20px;
                text-decoration: none;
                padding-top: 15px;
            }

        div.cms-ActionBar ul li a.tight {
            padding-right: 5px;
            padding-left: 5px;
        }

    /*Mobile view*/
    @media (max-width: 768px) {
        div#Header {
            min-height: 25px !important;
        }

        .navbar {
            margin-top: 0 !important;
        }

        div.cms-ActionBar ul > li > a i {
            font-size: 28px !important;
            margin-left: 19px !important;
        }

        /*
    These need to be part of settings
    #Logo {
        background-size: auto 53px !important;
        margin: 0 !important;
        height: 53px !important;
    }*/
        #menuLogout {
            padding: 0;
            margin-left: 25px;
            margin-top: 10px;
        }

        .cms-MainContent > .container, .cms-MainContent {
            padding: 0;
        }

        #MainContentArea {
        }

            /*These are the widgets themselves*/
            #MainContentArea > div {
                padding: 0;
            }
    }

    .cms-navbar-user > a,
    .cms-navbar-user > a:hover,
    .cms-navbar-user > a:focus {
        background-color: transparent;
        text-decoration: none;
    }

    .cms-navbar-nonlink {
        display: block;
        position: relative;
        padding: 10px 15px;
        line-height: 20px;
        font-size: 14px;
        text-decoration: none;
    }

    @media (max-width: 990px) {
        .cms-navBar #Header {
            padding-left: 0;
        }
    }

    @media (min-width: 768px) {
        .cms-navbar-nonlink {
            padding-top: 15px;
            padding-bottom: 15px;
        }
    }

    .cms-tightcontainer {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    /***********************
 *   </NavBar styling> *
 ***********************/

    /**********************
 *   <Footer Styling> *
 **********************/

    /*** This section contains style definitions for the footer of a page ***/

    .cms-FooterLink {
        cursor: pointer;
        padding: 1px 0 1px 0;
    }

    .cms-FooterDivider {
        padding: 1px 5px 1px 5px;
    }

    .cms-Footer {
        color: #999999;
        padding-right: 95px;
        font-size: 12px;
    }

    .cms-Footer-Separator {
        height: 6px;
        margin-bottom: 4px;
    }

    /***********************
 *   </Footer Styling> *
 ***********************/

    /*******************
 * </Page Styling> *
 *******************/

    /***************************
 * <Page Instance Styling> *
 ***************************/

    /*** This section contains style definitions for page instances (specific pages) ***/

    /***************************
 *   <Report Page Styling> *
 ***************************/

    #ReportDiv {
        margin-top: 10px;
    }

        #ReportDiv td {
            vertical-align: top;
        }

    /****************************
 *   </Report Page Styling> *
 ****************************/

    /********************************
 *   <Terms of Service Styling> *
 ********************************/

    .TermsOfService {
        cursor: default;
    }

        .TermsOfService li {
            padding-bottom: 20px;
        }

    /*********************************
 *   </Terms of Service Styling> *
 *********************************/

    /***************************
 *   <Widget Page Styling> *
 ***************************/

    /*** This section contains style definitions for the WidgetPage page - the page that displays the various panel widgets ***/

    .cms-WidgetDiv {
        /*    border: black solid thin;*/
        margin: 10px 0px;
    }

    .cms-Widget-Body {
        padding: 4px 0px;
    }

    /****************************
 *   </Widget Page Styling> *
 ****************************/

    /****************************
 * </Page Instance Styling> *
 ****************************/

    /********************
 * <Widget Styling> *
 ********************/

    /*** This section contains style definitions for individual widgets in Connect ***/

    /*******************************
 *   <Comments Widget Styling> *
 *******************************/

    .cms-commentUsername {
        float: left;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
    }

    .cms-commentDate {
        float: right;
        font-size: 14px;
        font-weight: bold;
    }

    .cms-commentBody {
        clear: both;
        overflow: auto;
    }

    /*********************************
 *    <Report Widget Styling>    *
 *********************************/
    .cms-reportId {
        float: left;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
    }

    .cms-reportDescription {
        clear: both;
    }

    /********************************
 *   </Comments Widget Styling> *
 ********************************/

    /***************************************************
 *   <Continuing Education Credits Widget Styling> *
 ***************************************************/

    .cms-trainingProgressBar {
        float: left;
        width: 98%;
    }

    .cms-trainingProgressBarContents {
        position: relative;
        width: 100%;
        height: 30px;
    }

    .cms-trainingProgressBarBackground {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .cms-trainingProgressBarLabel {
        font-size: 12px;
        position: absolute;
        top: 0;
        left: 7px;
        z-index: 2;
    }

    .cms-trainingCompleteByDate {
        float: right;
        width: 20%;
        text-align: center;
    }

    .cms-trainingProgressBar .progress {
        height: 25px;
    }

    .cms-progressLarge,
    .cms-progressSmall {
        padding-top: 3px;
    }

    .cms-trainingCourseTitle {
        font-weight: 600;
    }

    .cms-trainingRow {
        padding: 7px;
        clear: both;
    }

    .cms-trainingHeader {
        width: 98%;
    }

    /****************************************************
 *   </Continuing Education Credits Widget Styling> *
 ****************************************************/

    /*****************************************
 *   <Library Management Widget Styling> *
 *****************************************/

    .cms-library-grid .col1 {
        padding: 3px 0 0 10px;
    }

    /******************************************
 *   </Library Management Widget Styling> *
 ******************************************/

    /****************************
 *   <Login Widget Styling> *
 ****************************/

    .cms-User-Card {
        min-width: 200px;
        border: 1px solid #EEE;
        border-bottom: 1px solid #CCC;
        padding: 3px;
        margin: 2px 2px 3px;
        text-align: left;
    }

        .cms-User-Card p {
            padding: 0;
            margin: 1px 0 2px;
        }

        .cms-User-Card button {
            margin-bottom: 4px;
        }

    a.cms-impersonation:hover .cms-impersonation-in-effect,
    a.cms-impersonation .cms-impersonation-end {
        display: none;
    }

    a.cms-impersonation:hover .cms-impersonation-end {
        display: inline;
    }

    .cms-swapIconsOnHover:hover .cms-defaultIcon,
    .cms-swapIconsOnHover .cms-hoverIcon {
        display: none;
    }

    .cms-swapIconsOnHover:hover .cms-hoverIcon {
        display: inline;
    }

    /*****************************
 *   </Login Widget Styling> *
 *****************************/

    /********************************
 *   <My Scores Widget Styling> *
 ********************************/

    .cms-my-scores {
        min-height: 100px;
        padding: 40px 0 0 20px;
    }

    /********************************
 *   <My Scores Widget Styling> *
 ********************************/

    /***********************************
 *   <Page Layout Manager Styling> *
 ***********************************/

    /*** This isn't technically a widget, but ought to be ***/

    ul#LayoutSettings-PageList {
        height: 131px;
    }

    ul.cms-LayoutSettings-WidgetList {
        height: 163px;
    }

    /************************************
 *   </Page Layout Manager Styling> *
 ************************************/

    /*********************************
 *   <Payment Processor Styling> *
 *********************************/

    .cms-payment-instructions {
        padding-bottom: 10px;
    }

    .cms-payment-label {
        padding-left: 15px;
    }

        .cms-payment-label span {
            font-weight: normal;
            font-size: x-small;
        }

    /**********************************
 *   </Payment Processor Styling> *
 **********************************/

    /***********************************************
 *   <Testing Organization Management Styling> *
 ***********************************************/

    .cms-entityButton {
        float: left;
        cursor: pointer;
        margin-top: 7px;
    }

    .cms-containerPadded {
        padding: 5px;
    }

    .cms-containerHoverRounded:hover {
        border-radius: 4px;
    }

    .cms-rowData {
        float: left;
        width: 80%;
        margin-left: 10px;
    }

    .cms-rowActions {
        float: right;
    }

    .cms-entityEmailPhone {
        float: left;
        font-size: small;
        margin-left: 10px;
    }

    .cms-entityAddress {
        float: left;
        font-size: small;
        margin-left: 20px;
    }

    .cms-entityHeader {
        font-size: medium;
        font-weight: 600;
        margin-left: 10px;
    }

    .cms-entityAddress div {
        float: left;
        margin-left: 5px;
    }

        .cms-entityAddress div div {
            float: none;
            margin-left: 5px;
        }

    div.cms-location-edit,
    div.cms-location-isPrimary {
        width: 32px;
        float: left;
    }

    div.cms-location-isPrimary {
        margin-left: 7px;
    }

    /************************************************
 *   </Testing Organization Management Styling> *
 ************************************************/

    /*************************************************
 *   <Testing Session Roster Management Styling> *
 *************************************************/

    input[type=checkbox] ~ div.cms-checkboxpanel .unselected {
        display: block;
    }

    input[type=checkbox] ~ div.cms-checkboxpanel .selected {
        display: none;
    }

    input[type=checkbox]:checked ~ div.cms-checkboxpanel .unselected {
        display: none;
    }

    input[type=checkbox]:checked ~ div.cms-checkboxpanel .selected {
        display: block;
    }

    div.cms-checkboxpanel {
        margin: 4px;
        height: 70px;
        width: 275px;
        position: relative;
    }

    div.cms-smaller-checkboxpanel {
        width: 265px;
    }

    div.cms-checkboxpanel.stretch,
    div.cms-checkboxpanel.stretch label {
        width: 100%;
    }

    .cms-checkboxpanel.as-table {
        display: table;
    }

    div.cms-checkboxpanel label {
        height: 70px;
        width: 275px;
        padding-left: 50px;
        padding-right: 20px;
    }

    .cms-checkboxselectionbox {
        position: absolute;
        z-index: 2;
        top: 22px;
        left: 9px;
    }

    .as-table .cms-checkboxselectionbox {
        position: absolute;
        z-index: 2;
    }

    .cms-checkboxselectionbox i {
        font-size: 24px;
    }

    .cms-checkboxpanelbackground {
        position: absolute;
        top: -2px;
        left: -2px;
        width: 40px;
        height: 70px;
        z-index: 1;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
    }

    .as-table .cms-checkboxpanelbackground {
        display: table-cell;
        position: inherit;
        top: 0;
        left: 0;
        width: 40px;
        height: 70px;
        z-index: 1;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .cms-checkboxpanel-label {
        left: -2px;
        position: absolute;
        height: 70px;
        z-index: 3;
        background-color: rgba(0, 0, 0, 0); /* This is necessary to force IE to properly handle the z-indexes. Not sure why. */
    }

    .cms-checkboxpanel-content {
        height: 67px;
        padding-left: 4px;
        display: table-cell;
        vertical-align: middle;
    }

        .cms-checkboxpanel-content .progress {
            margin-bottom: 3px;
        }

    .cms-checkboxpanel-label label {
        display: table-cell;
        vertical-align: middle;
    }

    .cms-checkboxpanel-label.empty-clicker,
    .cms-checkboxpanel-label.empty-clicker label {
        display: block;
        width: 100%;
    }

    .cms-checkboxpanel-wrapper {
        height: 78px;
        padding: 0;
    }

        .cms-checkboxpanel-wrapper input[type=checkbox] {
            display: none;
        }

    .hoverable:hover {
        cursor: pointer;
    }

    .cms-textboxpanel-wrapper input[type=text] {
        display: none;
    }

    .cms-textboxpanel-pnpwrapper {
        height: 25px;
        padding: 0;
    }

    div.cms-textboxpanel {
        margin: 4px;
        height: 25px;
        width: 200px;
        position: relative;
    }

    .cms-textboxpanel-label {
        left: -2px;
        height: 50px;
        z-index: 3;
        background-color: rgba(0, 0, 0, 0); /* This is necessary to force IE to properly handle the z-indexes. Not sure why. */
    }

    /**************************************************
 *   </Testing Session Roster Management Styling> *
 **************************************************/

    /*************************
 *   <User List Styling> *
 *************************/

    .cms-filterDropdown {
        display: inline-block;
        margin-left: 15px;
        vertical-align: middle;
    }

    /**************************
 *   </User List Styling> *
 **************************/

    /**************************************************
 *   <User Profile - General Information Styling> *
 **************************************************/

    .cms-profilePicture img.img-thumbnail {
        height: 140px;
        width: 120px;
    }

    /***************************************************
 *   </User Profile - General Information Styling> *
 ***************************************************/

    /*********************
 * </Widget Styling> *
 *********************/

    .extras {
        padding: .2em .6em .3em;
        font-size: 75%;
        font-weight: bold;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .25em;
    }

    .green {
        background-color: green;
    }

    .red {
        background-color: red;
    }

    .cms-scroll {
        position: relative;
        display: inherit !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -moz-overflow-scrolling: touch;
        -ms-overflow-scrolling: touch;
        -o-overflow-scrolling: touch;
        overflow-scrolling: touch;
        top: 0 !important;
        left: 0 !important;
        width: 100%;
        height: auto;
        max-height: 500px;
        margin: 0;
        border-left: none;
        border-right: none;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -ms-border-radius: 0 !important;
        -o-border-radius: 0 !important;
        border-radius: 0 !important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
    }

    .cms-roleList {
        height: 220px;
    }

    .btn.cms-btn-narrow {
        padding: 1px 12px;
    }

    .btn.cms-btn-alignment {
        padding: 1px 14px;
    }

    .cms-btn-header-container {
        /*position: absolute;
    right: 19px;
    top: 14px;*/
        float: right;
    }

    .cms-btn-header-container-inner {
        float: left;
        padding-top: 2px;
        padding-right: 5px;
    }

    .cms-header-title-container {
        float: left;
        padding: 6px 10px 6px 0px;
        font-weight: bold;
    }

    .cms-header-title {
        float: left;
        padding: 10px 0px;
        font-weight: bold;
        font-size: 120%;
    }

    .btn.cms-btn-header {
    }

    .cms-userextendedperm-disabled {
        background-color: lightgray;
        display: block;
    }

    /*****************************/
    /* Reports */

    .cms-ReportHeader {
        margin-bottom: 10px;
    }

        .cms-ReportHeader td {
            padding-left: 25px;
        }

    .cms-ReportList {
        font-size: 15px;
    }

    .cms-ReportListLabel {
        margin-left: 10px;
        font-size: 15px;
        font-weight: bold;
    }

    .cms-ReportViewer {
        margin-right: 15px;
    }

    .cms-tagList div {
        float: left;
        margin-right: 6px;
        margin-top: 6px;
        padding-top: 13px;
    }

    /**********************************/
    /* Resource Types */
    .cms-ResourceColumn-sm {
        margin-left: 3px;
        margin-top: 3px;
    }

    .cms-resourcetype-sm {
        width: 24px;
        height: 24px;
        color: green;
    }

    .cms-resourcetype-sm-0 {
    }

    .cms-resourcetype-sm-1 {
        color: blue;
    }

    .cms-resourcetype-sm-2 {
        color: red;
    }

    .cms-resourcetype-sm-3 {
        color: lightsalmon;
    }

    .cms-LibraryEdit {
        padding: 3px;
    }

    .cms-LibraryEditIcon {
        margin-left: 5px;
        margin-top: 5px;
    }

    /**********************************/
    /* "Popout to a new window" button */
    /*      currently used in the help popup; closely matching the "close" style from bootstrap.css */
    .popout {
        float: right;
        font-size: 20px;
        font-weight: bold;
        line-height: 20px;
        color: #000000;
        text-shadow: 0 1px 0 #ffffff;
        opacity: 0.2;
        filter: alpha(opacity=60);
    }

        .popout:hover,
        .popout:focus {
            color: #000000;
            text-decoration: none;
            cursor: pointer;
            opacity: 0.4;
            filter: alpha(opacity=80);
        }

    button.popout {
        padding: 0 10px 0 10px;
        cursor: pointer;
        background: transparent;
        border: 0;
        -webkit-appearance: none;
    }

    /**********************************/
    /* Display of Help Contents (initiated from navbar) */
    /**********************************/
    .split-list-help ul {
        float: left;
        margin-left: 1em;
    }

    .split-list-help li {
        padding-right: 2em;
        line-height: 1.5em;
    }

        .split-list-help li a {
            padding: 3px 5px 3px 15px;
            font-size: .9em;
            background: url(../Images/HelpContents/arrow-right.gif) left 6px no-repeat;
            text-decoration: none;
            color: #294f88;
        }

            .split-list-help li a:hover {
                background-image: url(../Images/HelpContents/arrow-right-dark.gif);
            }

    .cms-comments-readonly {
        padding: 10px;
        border: 1px solid gray;
        overflow: auto;
    }

    .cms-comments li {
        margin-bottom: 10px;
    }

    /****************************/
    /* CK Editor */
    /****************************/

    .cms-comments-cke-textarea-inline {
        padding: 10px;
        height: 200px;
        width: 700px;
        overflow: auto;
        border: 1px solid gray;
        -webkit-appearance: textfield;
    }

    /*
 * jQuery File Upload UI Plugin CSS 8.1
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2010, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

    .fileinput-button {
        position: relative;
        overflow: hidden;
    }

        .fileinput-button input {
            position: absolute;
            top: 0;
            right: 0;
            margin: 0;
            opacity: 0;
            filter: alpha(opacity=0);
            transform: translate(-300px, 0) scale(4);
            font-size: 23px;
            direction: ltr;
            cursor: pointer;
        }

    .progress-animated .bar {
        background: url(FileUpload/img/progressbar.gif) !important;
        filter: none;
    }

    .fileupload-loading {
        float: right;
        width: 32px;
        height: 32px;
        background: url(FileUpload/img/loading.gif) center no-repeat;
        background-size: contain;
        display: none;
    }

    .fileupload-processing .fileupload-loading {
        display: block;
    }

    .files audio,
    .files video {
        max-width: 300px;
    }

    @media (max-width: 767px) {
        .fileupload-buttonbar .toggle,
        .files .toggle,
        .files .btn span {
            display: none;
        }

        .files .name {
            width: 80px;
            word-wrap: break-word;
        }

        .files audio,
        .files video {
            max-width: 80px;
        }
    }

    .cms-mark-approved {
        color: green;
    }

    .cms-mark-unapproved {
        color: red;
    }

    /**** Object Security Entries*/

    .cms-objectSecurity {
    }

    .cms-objectSecurity-deleted {
        color: lightgrey;
        text-decoration: line-through;
    }

    .cms-contact-deleted {
        color: lightgrey;
        text-decoration: line-through;
    }

    /*.fuelux input[type="text"],
.fuelux input[type="number"],
.fuelux select,
.fuelux button {
    margin-top: 15px;
}*/

    .fuelux .cms-Groupbox {
        padding-left: 2.5em !important;
    }

    .cms-freeformrow {
        padding: 10px;
        border-bottom: 1px solid rgb(229, 229, 229);
    }

    .cms-freeformrow-even {
        background-color: rgb(243, 243, 243);
    }

    .cms-freeformrow-odd {
        background-color: rgb(253, 253, 253);
    }

    .cms-creditcard-icon {
        float: left;
        padding-left: 5px;
        margin-top: 5px;
    }

        .cms-creditcard-icon:first-child {
            padding-left: 0px;
        }

    .validationMessage {
        margin-top: 5px;
        display: inline-block;
    }

    .validationMessage,
    .cms-successMessage,
    .cms-validationMessage {
        padding: 8px 35px 8px 14px;
        margin-bottom: 20px;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        background-color: #fcf8e3;
        border: 1px solid #fbeed5;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

        .cms-successMessage,
        .cms-successMessage * {
            color: #468847;
            background-color: #dff0d8;
            border-color: #d6e9c6;
        }

        .validationMessage,
        .cms-validationMessage,
        .cms-validationMessage * {
            color: #b94a48;
            background-color: #f2dede;
            border-color: #eed3d7;
        }

    .invalidElement,
    .validationElement {
        border: solid red 1px;
    }

    .cms-bulleted-list {
        list-style-type: disc;
        padding-left: 25px;
    }

    /* Breadcrumb style*/
    .cms-BreadcrumbsContainer {
        overflow: auto;
        width: 100%;
    }

    .cms-Breadcrumbs ul, .cms-Breadcrumbs li {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .cms-Breadcrumbs ul {
        height: 2.3em;
        border: 1px solid #dedede;
    }

    .cms-Breadcrumbs li {
        float: left;
        line-height: 2.3em;
        color: #777;
        padding-left: .75em;
    }

        .cms-Breadcrumbs li a {
            background: no-repeat right center;
            display: block;
            padding: 0 15px 0 0;
        }

            .cms-Breadcrumbs li a:link,
            .cms-Breadcrumbs li a:visited {
                color: #777;
                text-decoration: none;
            }

            .cms-Breadcrumbs a:link,
            .cms-Breadcrumbs a:visited,
            .cms-Breadcrumbs li a:hover,
            .cms-Breadcrumbs li a:focus {
                color: #dd2c0d;
            }

    .cms-rotate270 {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
    }

    .cms-grid-padded-rows .container .row {
        padding-bottom: 20px;
    }

    .cms-panel-rounded {
        border-radius: 5px;
    }

    .cms-panel-header-rounded {
        border-top-style: solid;
        border-top-width: 1px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        font-size: 16px;
        padding: 3px 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .cms-panel-body-rounded {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .cms-deprecated {
        text-decoration: line-through;
        color: red;
    }

    /*
sets the style for any required data entry fields
*/
    label.cms-Required {
        font-weight: bold;
    }

    span.cms-Required {
        font-weight: bold;
    }

    label.cms-Required-Star {
        font-weight: bold;
    }

        label.cms-Required-Star::after {
            content: "*";
            color: red;
            padding-left: 3px;
        }

    .vertalign {
        width: 115px; /*Or any width you want*/
        display: inline-block;
    }

    /*
This is a workaround for an IE bug detailed at: http://connect.microsoft.com/IE/feedback/details/797435/border-column-disappears-on-table-with-border-collapse-and-colspan-redux
*/
    .cms-column-border-iefix {
        display: none;
    }

    .cms-alert-compact, .alert .cms-alert-compact {
        padding: 5px;
        margin-bottom: 5px;
    }

    .cms-alert-center {
        text-align: center;
    }

    .cms-button-stretchfill {
        width: 100%;
    }

    .cms-centered {
        text-align: center;
    }

    .cms-form-compact .form-group {
        margin-bottom: 2px;
    }

    .cms-commaseparated {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .cms-commaseparated li:after {
            content: ",";
        }

        .cms-commaseparated li:last-child:after {
            content: "";
        }

        .cms-commaseparated li {
            float: left;
            line-height: 1.1em;
            padding: 0 .5em 0 0;
        }

    .label-inline {
        display: inline;
    }

    .visible {
        display: block !important;
    }

    /*
    Update layout of calendar controls in the DatePicker calendar popup.
*/
    .cms-date-picker .btn-block {
        float: left;
        margin-left: 3px;
    }

    .label-inline {
        display: inline;
    }

    .cms-applicationTemplate {
        font-size: 12px;
    }

    .cms-applicationIcon {
        float: left;
        margin: 5px 10px 5px 0px;
    }

    .cms-applicationInfo {
        float: left;
        margin-top: 5px;
    }

    .cms-applicationActions {
        float: right;
        text-align: right;
    }

    .panel-heading {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .cms-applicationTemplateSeparator {
        border-style: dotted;
        max-width: 700px;
        text-align: left;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .cms-faqSeparator {
        border-style: dotted;
        width: 90%;
        text-align: left;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }

    a.cms-faqQuestion {
        text-decoration: none;
        font-weight: bold;
    }

    .cms-applicationSeparator {
        border-style: dotted;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .panel-heading {
        padding: 0px 13px;
    }

    .cms-applicationInfo .text-danger {
        color: #B1181D;
    }

    .cms-applicationInstructionsConditional {
    }

    .cms-applicationInstructionsConditionalRow {
        padding-bottom: 10px;
    }

    .navbar {
        min-height: 0px;
    }

    .navbar-toggle {
        margin: 0;
        padding: 5px 10px;
    }

    @media (min-width: 768px) {
        .navbar-collapse {
            padding-left: 0px;
        }
    }

    #filterContainer {
        padding-top: 10px;
    }

    .exception-text div {
        padding-top: 10px;
    }

    .cms-testing-roster-warning {
        color: #F0AD4E;
    }

    .cms-testing-roster-danger {
        color: red;
    }

    .discountCodeForm {
        padding: 10px 0px;
    }

        .discountCodeForm .row {
            padding-bottom: 5px;
        }

        .discountCodeForm div.row div:nth-child(odd) {
            margin-top: 7px;
        }

        .discountCodeForm div.row div:first-child {
            padding-left: 25px;
        }

        .discountCodeForm div.row div:nth-child(4) {
            padding-right: 25px;
        }

    .well.casFieldSet {
        margin: 15px;
    }

    .casFieldSet {
        border: 2px groove threedface #444;
        -webkit-box-shadow: 0px 0px 0px 0px #000;
        box-shadow: 0px 0px 0px 0px #000;
    }

    .casLegend {
        width: auto;
        border-style: none;
        border-width: 0;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
    }

    .casTopyx .viewport {
        height: 800px;
        width: 100%;
        margin-top: 5px;
        text-align: center;
        display: table;
    }

        .casTopyx .viewport iframe {
            overflow-y: auto;
        }

        .casTopyx .viewport .viewport-cell {
            display: table-cell;
            vertical-align: middle;
            font-weight: bold
        }

    /*table for partner associations*/
    .clean-table.ng-table th.sortable .sort-indicator:after, .clean-table.ng-table th.sortable .sort-indicator:before {
        color: white !important;
    }

    .clean-table.ng-table th.sortable .sort-indicator:before, .clean-table.ng-table th.sortable.sort-desc .sort-indicator:after {
        border-top: solid 4px white !important;
    }

    .clean-table.ng-table th.sortable .sort-indicator:after, .clean-table.ng-table th.sortable .sort-indicator:before {
        border-color: white transparent;
    }

    .clean-table.ng-table th div, .clean-table.ng-table th {
        color: white !important;
    }

        .clean-table.ng-table th.sortable.sort-desc, .clean-table.ng-table th.sortable.sort-asc {
            background-color: inherit;
            text-shadow: inherit;
        }

    /*Partner Associations Table*/
    .partners-associated-table th:nth-child(1) {
        vertical-align: middle;
    }

    .partners-associated-table th:nth-child(2), .partners-associated-table th:nth-child(3) {
        text-align: left;
    }

    .partners-associated-table th:nth-child(2) {
        width: 82px;
    }

    .partners-associated-table th:nth-child(3) {
        width: 92px;
    }

    .notification-text {
        text-align: center;
        font-size: 14pt;
    }

    .bootbox {
        z-index: 9999
    }

    /*Toastr Overrides */


    @media print {

        cas-ecwid-order * {
            visibility: visible;
        }

        .cms-header * {
            /*display: none;*/
        }

        div.publicRegistryHeader * {
            /* display: none;*/
        }

        /*    cas-registry * {
        visibility: visible;
    }
*/
        div.registryTableContainer {
            margin-left: 10px;
            margin-right: 10px;
        }

        @page {
            margin: .5in;
        }
    }

    .printLogo {
        display: none
    }

    @media print {
        .printLogo {
            display: inline;
        }

        .printLogoDiv {
            margin-bottom: 10px;
        }
    }

    .toPmtNoLnk, .btn.toPmtNoLnk:hover {
        cursor: text;
        background-color: #468847;
    }

    .redBckgrd {
        background-color: maroon;
        color: white;
    }

    .saveNoLnk, .saveNoLnk:hover {
        cursor: text;
        background-color: #0068b3;
        border-color: #0068b3;
    }

    .comment-allowed {
        border: solid 1px lightgrey;
        border-radius: 4px;
        -webkit-box-shadow: 1px 3px 3px grey;
        -moz-box-shadow: 1px 3px 3px grey;
        box-shadow: 1px 3px 3px grey;
        cursor: pointer !important;
    }

    /****
    Application Style
****/
    .angular-application-modal.has-eligibility-checklist {
        width: calc(100% - 200px);
        height: calc(100% - 60px);
    }

    @media (max-width:1300px) {
        .angular-application-modal.has-eligibility-checklist {
            width: calc(100% - 16px);
            height: calc(100% - 60px);
        }
    }

    .angular-application-modal.has-eligibility-checklist .modal-content {
        height: 100%;
    }

    .angular-application-modal.has-eligibility-checklist .modal-body {
        height: calc(100% - 80px);
        overflow: auto;
    }



    .angular-application-modal.has-eligibility-checklist [ng-form="applicationForm"] {
        /* display: block;
    left: 470px;
    position: absolute; */
        height: calc(100% - 20px);
        overflow-y: auto;
        width: 75%;
    }

    .angular-application-modal.has-eligibility-checklist .eligibility-checklist .cas-multiselect-checkbox {
        position: relative;
    }

    .angular-application-modal.has-eligibility-checklist .eligibility-checklist i.cas-multiselect-checkbox {
        position: absolute;
    }

    .angular-application-modal.has-eligibility-checklist .eligibility-checklist .cas-multiselect-checkbox label {
        position: relative;
        left: 18px;
        top: -4px;
        padding-right: 18px;
    }

    .angular-application-modal.has-eligibility-checklist .eligibility-checklist {
        /* display: block;
    position: fixed;
    width: 450px;
    max-height: 80%; */
        height: calc(100% - 20px);
        overflow-y: auto;
        width: 25%;
    }

        .angular-application-modal.has-eligibility-checklist .eligibility-checklist .panel-heading {
            background-color: #0068b3;
        }

    .angular-application-modal #application-controls {
        width: 100%;
    }

    .angular-application-modal cas-action-strip {
        left: 0;
        position: relative;
    }

    .angular-application-modal .wizard-next-prev-buttons {
        display: inline-block;
    }

    /***
 Application Validations Styles
***/
    .label-invalid {
        color: #ce0303;
        font-weight: bold;
    }

    input.ng-valid[ng-required], textarea.ng-valid[ng-required], input.valid[required], select.valid[required], .cms-page input.ng-valid[ng-required], .cms-page select.ng-valid[ng-required], .cms-page input.ng-valid[required], .cms-page select.ng-valid[required], select.ng-valid-required[required] {
        background-color: white;
        border: 1px solid #cccccc;
    }

        input.ng-valid[ng-required]:-webkit-autofill, input.valid[required]:-webkit-autofill, select.valid[required]:-webkit-autofill, .cms-page input.ng-valid[ng-required]:-webkit-autofill, .cms-page select.ng-valid[ng-required]:-webkit-autofill, .cms-page input.ng-valid[required]:-webkit-autofill, .cms-page select.ng-valid[required]:-webkit-autofill, select.ng-valid-required[required]:-webkit-autofill {
            -webkit-box-shadow: 0 0 0 1000px white inset;
            border: 1px solid #cccccc;
        }

    input.valid.ng-invalid, select.valid.ng-invalid {
        border: 2px solid #ce0303;
    }

    .form-control[required], .form-control[required].ng-invalid, input.ng-invalid[required], select.ng-invalid[required], textarea.ng-invalid[required] {
        border: 2px solid #ce0303;
    }

    textarea.ng-invalid-max {
        border: 2px solid #ce0303;
    }

    input.ng-invalid:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 2px #ce0303;
        inset;
        border: none;
    }

    input.ng-dirty.ng-invalid, select.ng-dirty.ng-invalid, .hasError[required] { /*[required].hasError is for knockout parts*/
        border: 2px solid #ce0303;
        /*background-color: tan;*/ /*do we need this color?*/
    }

    input[disabled], select[disabled], textarea[disabled] {
        background-color: #eeeeee !important;
    }

    /***
Multiselect checkboxes
***/
    .cas-multiselect-checkbox.ngRequired, .cas-checkbox.ngRequired {
        color: #ce0303;
    }

        .cas-multiselect-checkbox.ngRequired.ng-valid, .cas-checkbox.ngRequired.ng-valid {
            color: black;
        }

    .cas-multiselect-checkbox label {
        margin-bottom: 0;
    }

    .cas-option-text.ngRequired.ng-invalid {
        color: #ce0303;
    }

    /***
    Toggle Choice Buttons
**/
    .toggle-choice-button {
        border: solid 2px #8a8a8a;
        background-color: white;
        color: #8a8a8a;
        text-decoration: none;
    }

        .toggle-choice-button.accept:hover {
            border: solid 2px green;
            background-color: white;
            color: green;
        }

        .toggle-choice-button.reject:hover {
            border: solid 2px #ce0303;
            background-color: white;
            color: #ce0303;
        }

        .toggle-choice-button.accept-selected {
            background-color: green;
            border-color: green;
            color: white;
        }

        .toggle-choice-button.reject-selected {
            background-color: #ce0303;
            border-color: #ce0303;
            color: white;
        }

        .toggle-choice-button.ada-request-marked-approved {
            background-color: green;
            border-color: green;
            color: white;
        }

        .toggle-choice-button.simple {
            border: solid 2px #0068b3;
            background-color: white;
            color: #0068b3;
        }

        .toggle-choice-button.ng-required {
            border: solid 2px #ce0303;
            background-color: white;
            color: #0068b3;
        }

        .toggle-choice-button.simple.accept:hover {
            background-color: #0068b3;
            border-color: #0068b3;
            color: white;
        }

        .toggle-choice-button.simple.reject:hover {
            background-color: #0068b3;
            border-color: #0068b3;
            color: white;
        }

        .toggle-choice-button.simple.accept-selected {
            background-color: #0068b3;
            border-color: #0068b3;
            color: white;
        }

        .toggle-choice-button.simple.reject-selected {
            background-color: #0068b3;
            border-color: #0068b3;
            color: white;
        }

        .toggle-choice-button.ng-required.ng-valid {
            border: solid 2px #8a8a8a;
            background-color: white;
            color: #8a8a8a;
        }

            .toggle-choice-button.ng-required.ng-valid.selected {
                border: solid 2px #0068b3;
                background-color: #0068b3;
                color: white;
            }

    .error {
        color: #ce0303;
    }

    .success {
        color: green;
    }

    .cas-toggle-choice-buttons-extended {
        width: 175px !Important;
    }

    cas-date-picker th {
        vertical-align: middle;
    }

    #login-page .form-control {
        margin-bottom: 0;
    }

    /****************************************
 *   <Registry User Data Widget Styling> *
 ****************************************/

    .registryUserDataContainer .form-horizontal .form-group {
        margin-top: 8px;
    }

    .registryUserDataContainer .userDataField {
        padding-top: 7px;
    }

    .registryUserDataContainer .userDataColumn {
        margin: 20px;
    }

    .registryUserDataContainer button:not(:first-child) {
        margin-left: 8px;
    }

    /****************************************
*   <Registry User Data Widget Styling> *
****************************************/

    /****************************************
*   <Registry Opt In Widget Styling> *
****************************************/
    .registryOptInContainer {
        margin: 0;
        display: inline;
        margin-left: 10px;
    }

    .registryInline {
        display: inline-block;
    }

    .inline + .inline {
        margin-left: 10px;
    }

    .flatRadio .radio {
        font-size: 15px;
        position: relative;
        margin: 0;
    }

        .flatRadio .radio span {
            position: relative;
            padding-left: 20px;
        }

    .flatRadio .circleBoundary span:after {
        border-radius: 100%;
        -ms-border-radius: 100%;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
    }

    .flatRadio .radio span:after {
        content: '';
        width: 15px;
        height: 15px;
        border: 2px solid;
        position: absolute;
        left: 0;
        top: 1px;
        box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .flatRadio .radio input[type="radio"] {
        cursor: pointer;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

        .flatRadio .radio input[type="radio"]:checked + span:before {
            content: '';
            width: 5px;
            height: 5px;
            position: absolute;
            left: 5px;
            top: 6px;
            border-radius: 100%;
            -ms-border-radius: 100%;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
        }

    .flatRadio .radioSelectedEnabled {
        color: #000;
    }

        .flatRadio .radioSelectedEnabled input[type="radio"]:checked + span:before {
            background: #000000;
        }

    .flatRadio .radioSelectedDisabled {
        color: #888;
    }

        .flatRadio .radioSelectedDisabled input[type="radio"]:checked + span:before {
            background: #888;
        }

    .flatRadio .radio-disabled label span, .radio-disabled div {
        color: #888;
    }

    /****************************************
*   <Registry Opt In Widget Styling> *
****************************************/

    /**************************
NAIFA Registry
**************************/
    .publicRegistryContainer .form-group {
        margin-top: 7px;
    }

    .publicRegistryContainer .registryTableContainer {
        margin-top: 16px;
    }

    .publicRegistryContainer .registryActions {
        margin-top: 8px;
    }

    .publicRegistryContainer .registryTOU {
        margin-top: 8px;
    }

    .publicRegistryContainer .registryRequiredIndicator {
        color: #f00;
    }

    .registryModalUserDetails {
        font-size: .9em;
    }

        .registryModalUserDetails .fieldLabel {
            text-align: right;
            font-style: italic;
            padding-right: 0;
        }

        .registryModalUserDetails .wordWrapBreakWord {
            word-wrap: break-word;
        }

    /**************************
Registry Profile
**************************/

    .registryProfile .certificationStandingNotice {
        color: #555;
        font-size: .8em;
        font-style: italic;
        margin-top: 8px;
    }

    .registryProfile .inputRow {
        margin-top: 7px;
    }

    .registryProfile .nameReadOnly {
        margin-top: 6px;
    }

    .registryProfile .registryProfileActions button:not(:first-child) {
        margin-left: 4px;
    }

    .courseSearchTableContainer .ng-table th div {
        color: #fff;
        font-weight: bold;
        margin: 3px;
    }

    /**************************
NAIFA Registry Datagrid
**************************/

    .registryTableContainer .ng-table th div {
        color: #fff;
        font-weight: bold;
    }

    /* Sort arrows */
    .registryTableContainer .ng-table th.sortable .sort-indicator:before,
    .registryTableContainer .ng-table th.sortable .sort-indicator:after,
    .registryTableContainer .ng-table th.sortable.sort-desc .sort-indicator:after,
    .registryTableContainer .ng-table th.sortable .sort-indicator:hover:after,
    .registryTableContainer .ng-table th.sortable .sort-indicator:hover:before {
        border-color: #fff transparent;
        opacity: 1;
    }

    .registryTableContainer .ng-table th.sortable.sort-desc,
    .registryTableContainer .ng-table th.sortable.sort-asc {
        text-shadow: none
    }

    .registryTableContainer .emptySetMessage {
        margin-bottom: 10px;
        text-align: center;
    }

        .registryTableContainer .emptySetMessage h4 {
            font-style: italic
        }

    /* ACSS search panel */
    .acssSearchPanel .panelRow {
        margin-top: 10px;
    }

    .acssSearchPanel .generalInfoText {
        color: red;
        font-size: .8em;
    }

    .acssSearchPanel .hrWrapper {
        float: left;
        position: relative;
        width: 40%;
    }

    .acssSearchPanel hr {
        border: none;
        height: 3px;
        background-color: #ccc;
    }

    .acssSearchPanel .formContainer {
        border-right: 1px solid #ccc;
    }

    .acssSearchPanel .fieldDivider {
        float: left;
        position: relative;
        margin: 9px;
    }

    .acssSearchPanel .searchButton {
        margin-right: 10px
    }

    .acssSearchPanel .cancelButton {
        margin-top: 7px;
    }

    .acssSearchPanel .searchErrorMessage {
        color: #f00;
        text-align: center;
    }

    .acssSearchPanel .noPadding {
        padding: 0;
    }

    .acssSearchPanel .linkButton {
        margin-top: 7px;
        margin-right: 10px;
        width: 100px;
    }

    .acssSearchPanel .cancelButton {
        margin-top: 7px;
    }

    .acssSearchPanel .linkResultMessage {
        margin: 20px auto;
        text-align: center;
        max-width: 500px;
        padding: 15px;
        border-radius: 3px;
    }





    /* CEU */
    #CEU-Repository {
        padding: 15px 15px 0 15px;
    }

        #CEU-Repository .list-controls {
            text-align: right
        }

        /*#CEU-Repository *:not(button) {
        color: #6e6e6e;
    }*/

        #CEU-Repository .ceuRecord {
            position: relative;
            padding: 10px 40px; /*t/rl/b*/
            margin-bottom: 0;
        }

            #CEU-Repository .ceuRecord:nth-child(2) {
                margin-top: 15px;
            }

            #CEU-Repository .ceuRecord:nth-child(n+3) {
                margin-top: 5px;
            }

    .ceuRepository .ceuStatusIndicator {
        padding-right: 10px;
        min-width: 5px;
    }

    .ceuRepository .ceuStatusIndicator,
    .ceuRepository .ceuCourseHeader,
    .ceuRepository .ceuUploadedFiles {
        display: table-cell;
    }

    .ceuRepository .ceuCourseHeader {
        width: 100%;
    }

    .ceuRepository .ceuControls {
        display: inline-table;
        margin-right: 10px;
    }

        .ceuRepository .ceuControls h4 {
            margin-top: 2px;
        }

    .ceuSelectorCheckbox {
        padding-left: 15px;
        float: left;
    }

    .ceuSelectorData {
        float: right;
        width: 92%;
    }

    .ceuSummarySeparator {
        border: solid #ddd 1px;
        margin: 12px 25px;
    }

    .ceuRepository .ceuSummaryLabel {
        font-weight: bold;
    }

    .ceu-application-tab .ceuSummaryLabel {
        font-weight: bold;
        display: table-cell;
        padding-right: 5px;
        text-align: right;
    }

    .ceu-application-tab .ceuSummaryContent {
        display: table-cell;
    }

    .ceu-application-tab .ceuSummaryHeader {
        font-size: 16px;
    }

    .ceuRepository .ceuFeedbackLabel {
        text-align: center;
    }

    .ceuRepository .ceuSummaryFeedback {
        background-color: white;
        padding: 10px;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
    }

    .ceuRepository .ceuSummaryLink {
        text-align: right;
    }

    .ceuRepository .ceuSummaryAuthor {
        text-align: right;
        font-weight: bold;
        font-style: italic;
    }

    cas-add-edit-ceu .ceuSummaryAuthor {
        font-weight: bold;
        font-style: italic;
    }

    cas-add-edit-ceu .ceuStatusText {
        text-align: right;
        position: relative;
        left: 0px;
        padding: 25px 70px 25px 0px;
    }

    cas-add-edit-ceu .ceuStatusIndicator {
        position: absolute;
        top: -16px;
        left: 10px;
        opacity: 0.5;
    }

    cas-add-edit-ceu .ceuStatusText.ce-status-approved {
        background-color: rgba(2,125,2,0.2);
    }

    cas-add-edit-ceu .ceuStatusText.ce-status-rejected {
        background-color: rgba(255,0,0,0.2);
    }

    cas-add-edit-ceu .ceuStatusText.ce-status-pending {
        background-color: rgba(248,171,9,0.2);
    }

    cas-add-edit-ceu .ceuStatusText.ce-status-used {
        background-color: rgba(70,70,70,0.2);
    }

    cas-add-edit-ceu .ceuStatusText.ce-status-needswork {
        background-color: rgba(10,105,173,0.2);
    }

    cas-add-edit-ceu .ceuStatusIndicator.ce-status-needswork {
        top: -20px;
    }

    cas-add-edit-ceu .ceuFeedbackRow {
        padding-bottom: 15px;
        padding: 10px;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
    }

    #CEU-Repository .fa {
        font-size: 1.618em;
    }

    #CEU-Repository .ceuControlsRight i {
        margin-top: 5px;
    }

    #CEU-Repository .ceuControlsRight i {
        color: #018eaa !important;
    }

    #CEU-Repository .ceuStatusIndicator i.fa-check-circle {
        color: #439875 !important;
    }

    #CEU-Repository .ceuStatusIndicator i.fa-times-circle {
        color: #a05959 !important;
    }

    #CEU-Repository .ceuStatusIndicator i.fa-question-circle {
        color: #aab558 !important;
    }

    #CEU-Repository .ceuInfoCell {
        padding: 0px 5px 0px 0;
    }

    #CEU-Repository .expandedCeuPanel {
        margin: 10px 10px 0 10px;
        border-top: 1px solid #cecece;
        padding-top: 8px;
        padding-bottom: 0;
    }

    #CEU-Repository .ceuPanelHeaderRow {
        margin-bottom: 10px;
    }

    #CEU-Repository h5 {
        font-style: italic;
        margin-top: 4px;
    }

    #CEU-Repository h4 {
        margin-top: 4px;
        color: rgb(1, 142, 170);
    }

    #CEU-Repository h4, h5 {
        /* margin-top:0; */
        margin-bottom: 0;
    }

    /*.bottom-row {
        display: table;
    }*/

    /*.bottom-column {
        float: none;
        display: table-cell;
        vertical-align: bottom;
    }*/
    .full-width {
        width: 100%;
    }

    .ceuRepository .filterSectionLeft {
        padding: 0 5px 0 15px;
    }

    .ceuRepository .filterSectionRight {
        padding: 0 5px;
    }

        .ceuRepository .filterSectionRight button {
            margin-bottom: 7px;
        }

    .ceuRepository .progress-bar {
        background-color: #66A4D1;
    }

    #ceuFileUpload {
        display: none;
    }

    #addCeuModalForm .document-section input[type="button"] {
        height: 24px;
        padding-top: 0;
        display: inline-block;
    }

    #addCeuModalForm .document-section .addCeuFileUploadMessage {
        margin-top: 8px;
    }

    #CEU-Repository .legendItem i:first-child {
        display: block;
    }

    #CEU-Repository .legendItem i:not(:first-child) {
        margin-left: 20px;
    }

    .ceuRepository .ceuSortControls {
        margin-top: 4px;
        font-size: 13px;
    }

    #CEU-Repository .legendContainer .ceuSortControls strong {
        margin-right: 7px;
    }

    #CEU-Repository .list-controls span {
        font-size: .8em;
    }

    #CEU-Repository .ceuControlsRight i.fa-trash {
        font-size: 1.2em;
        cursor: pointer;
    }

    #CEU-Repository .ceuProviderLocation {
        font-size: .85em;
        font-weight: bold;
    }

    #CEU-Repository .expandedCeuPanel .ceuPaperclip {
        float: left;
        align-self: center;
        margin-right: 7px;
    }

    #CEU-Repository .legendItem:not(:first-child) {
        padding-left: 8px;
    }

    #CEU-Repository .legendItem:not(:last-child) {
        padding-right: 8px;
    }

    #CEU-Repository hr {
        border-top: 1px solid #ccc;
    }

        #CEU-Repository hr.attachmentRule {
            margin: 7px;
        }

    #addCeuModalForm .document-section input, #addCeuModalForm .addMailFormButton {
        margin-top: 7px;
    }

    #addCeuModalForm .document-section div {
        margin-bottom: 7px;
    }

    #addCeuModalForm .document-section h6 {
        color: #76868a;
        font-style: italic;
        margin: 0;
    }

    #addCeuModalForm > div.modal-body.container > div > div:nth-child(1) > h4:not(:first-of-type) {
        margin-top: 15px;
    }

    #CEU-Repository .paginationContainer {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        #CEU-Repository .paginationContainer ul li a {
            padding: 10px 20px;
        }

    #ceu-application-tab .ceu-table-header {
        font-weight: bold;
        text-decoration: underline;
    }

    #ceu-application-tab .ceu-table-padding {
        padding: 5px 0 5px 0;
    }

    #ceu-application-tab .ceu-table-padding {
        padding: 5px 0 5px 0;
    }

    #ceu-application-tab .ceu-selection-checkbox {
        margin-left: 15px;
    }

    .ceu-table-header, .ceu-table-header-sort {
        background-color: #EAEAEA;
        border-top: 1px #DDDDDD solid;
        text-align: center;
    }

    .ceu-table > thead > tr > th, .ceu-table > tbody > tr > td {
        border: 1px solid #DDDDDD;
        color: black;
    }

    .ceu-table > tbody > tr > .ceu-date-colors {
        color: #018eaa;
    }

    .ceu-table > tbody > tr:nth-child(odd) > td {
        background-color: #f9f9f9;
    }

    .ceu-table > tbody > tr:nth-child(even) > td {
        background: #F4F4F4;
    }

    .ceu-table > thead {
        border-top: 1px solid #DDDDDD;
    }

    #ceuProvider {
        padding: 5px;
    }


    .recert-app-info-text :first-child {
        font-weight: bold;
    }

    .recert-app-info-text :not(:first-child) {
        margin-top: 8px;
    }

    #ceu-review .ceu-table-header {
        font-weight: bold;
    }

    #ceu-review .ceu-table-header-sort {
        font-weight: bold;
        text-decoration: underline;
    }

    .ceuRepository .paginationContainer {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .ceuRepository .paginationContainer ul li a,
        .ceuRepository .paginationContainer ul li i {
            padding: 10px 20px;
        }

    #ceu-review .legendItem i:first-child {
        display: block;
    }

    #ceu-review .legendItem i:not(:first-child) {
        margin-left: 20px;
    }

    /* WTA Legend Icons */

    .wta-legend-icon-blue {
        color: #0068b3;
    }

    .wta-legend-icon-yellow {
        color: #aab558;
    }

    .wta-legend-icon-red {
        color: #B1181D;
    }

    .wta-legend-icon-green {
        color: #468847;
    }

    #review-app-management > th, #rtscode-list-head > th {
        color: #393939;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .review-app-management {
        vertical-align: middle;
        padding-left: 10px;
        padding-right: 10px;
    }

    .review-app-management-heads {
        vertical-align: middle;
        cursor: pointer;
    }

    .review-app-management-white-space-fix {
        white-space: nowrap;
    }

    .ada-file-upload-spacing {
        margin-top: 15px;
    }

    .pagination-app li.active a:after, .pagination-app li.active:last-child a:after {
        border-top: 20px solid transparent !important;
        border-bottom: 19px solid transparent !important;
        border-left: 12px solid #337ab7 !important;
        top: 30% !important;
        margin-top: -12.5px !important;
        left: 101% !important;
    }

    .pagination-app li.active a:before {
        border-top: 50px solid transparent !important;
        border-bottom: 50px solid transparent !important;
        border-left: 30px solid transparent !important;
    }


    /* CE Classes*/
    .ce-status-small {
        font-size: .05em;
    }

    .ce-status-approved {
        color: #027d02;
    }

    .ce-status-pending {
        color: #f8ab09;
    }

    .ce-status-needswork {
        color: #0a69ad;
    }

    .ce-status-used {
        color: #464646;
    }

    .ce-status-rejected {
        color: red;
    }

    .delete-link {
        color: red;
    }

    .ceuRepository .addCreditButton {
        margin-top: 5px;
    }

    .ceuRepository .progress {
        margin-bottom: 0px;
    }

    .ceuRepository fieldset {
        border: 2px groove threedface #444;
        -webkit-box-shadow: 0px 0px 0px 0px #000;
        box-shadow: 0px 0px 0px 0px #000;
    }

    .ceuRepository .progressLegend {
        border-style: none;
        border-width: 0;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
        font-weight: bold;
        /*position: relative;
    top: -10px;*/
    }

    .ceuRepository .filterSection {
        display: table;
        flex-direction: row;
    }

        .ceuRepository .filterSection .active {
            background-color: #c7c7c7;
            padding: 3px 5px;
            margin: 0 5px;
        }

        .ceuRepository .filterSection span {
            margin: 0 5px;
            font-size: 13px;
        }

        .ceuRepository .filterSection > span:not(.active) {
            margin: 0 5px;
        }

        .ceuRepository .filterSection > span.active {
            margin: 0 0px 0 0;
        }

    .progressEmpty {
        color: black;
    }

    .progressNotEmpty {
        color: white;
    }

    /*.ceuRepository .filterSection > span {
    display: table-cell;
    line-height: 14px;
    padding: 2px 10px 2px 3px;
    margin-right: 10px;
}*/

    /*.ceuRepository .legendItem span {
    display: table-cell;
    line-height: 14px;
    padding: 2px 10px 2px 3px;
    margin-right: 10px;
}

.ceuRepository .legendItem i {
    padding-top: 3px;
    padding-bottom: 3px;
}*/

    .ceuRecord {
        margin-top: 5px;
    }

    cas-add-edit-ceu .modal-body {
        padding: 0px 20px;
    }

    cas-add-edit-ceu label {
        margin: 10px 0 0 0;
    }

    .file-upload a {
        border: dashed #0068b3 1px;
        padding: 10px;
        display: inline-block;
        text-decoration: none;
    }

    .pagination > li > i.activePage {
        font-weight: bold;
        background-color: #ccc;
    }

    .pagination > li > i {
        position: relative;
        float: left;
        padding: 6px 12px;
        line-height: 1.42857143;
        text-decoration: none;
        color: #337ab7;
        background-color: white;
        border: 1px solid #ddd;
        font-style: normal;
    }

    @media (min-width: 992px) {
        .col-md-offset-4,
        col-lg-offset-5 {
            padding: 0 30px 0 0;
        }
    }

    .application-offset {
        padding: 10px;
    }

    /* .survey-required {
     border: 2px red solid;
 } */

    /* .onc-survey {
    width: 500px;
} */

    .onc-survey .grid-container {
        grid-template-columns: 500px;
        grid-gap: 20px;
        display: grid;
    }

    .onp-survey .grid-container {
        grid-template-columns: 500px;
        grid-gap: 20px;
        display: grid;
    }

    /* .onc-survey .form-control{
    border: 1px solid black !important;
} */

    .onc-survey .form-control {
        border: 1px solid grey !important;
        width: 500px;
    }

    .onp-survey .form-control {
        border: 1px solid grey !important;
        width: 500px;
    }

    .survey-required {
        color: #B1181D;
    }

    .onc-survey .drop-down {
        width: 500px;
    }

        .onc-survey .drop-down button {
            text-align: left;
        }

    .onp-survey .drop-down button {
        text-align: left;
    }

    .onp-survey .drop-down {
        width: 500px;
    }

    .cas-multiselect-checkboxes {
        cursor: pointer;
    }

        .cas-multiselect-checkboxes label {
            cursor: pointer;
        }

    .toggle-active, .toggle-inactive {
        font-size: 26px;
        cursor: pointer;
    }

    .toggle-active, .toggle-inactive {
        font-size: 26px;
        cursor: pointer;
    }

    i.toggle-active {
        color: #5cb85c;
    }

    i.toggle-inactive {
        color: #d9534f;
    }

    .dynamic-html-box {
        padding: 10px;
    }

    .col-centered {
        float: none;
        margin: 0 auto;
    }

    .courseSearchSelects {
        width: 230px;
    }

    /* CHP5 Styling */

    .chpExamProgressBox {
        border-width: 1px;
        border-color: white;
        border-style: solid;
        font-weight: bold;
        height: 45px;
    }

    .chpExamProgressBoxUnselected {
        background: white;
        color: purple;
    }

    .chpExamProgressBoxSelected {
        background: #4f2683;
        color: white;
    }

    ul.examTraining {
        list-style: none;
        padding: 0;
    }

    li.examTraining {
        padding-left: 1.3em;
    }

    .nate-pills-message {
        font-size: .75em;
        font-style: italic;
        font-weight: bold;
    }

    .nate-pills-dark {
        border-radius: 4px;
        color: #ffffff;
        background-color: #4f2683;
        padding: 5px;
        /* margin: 10px 15px; */
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 55px;
    }

    .nate-pills-light {
        border: 2px #4f2683 solid;
        border-radius: 4px;
        color: #4f2683;
        background-color: #FFFFFF;
        position: relative;
        display: block;
        padding: 10px 15px;
        margin: 10px 15px;
        text-decoration: none;
    }

    .nate-pills-disabled {
        border: 2px #777 solid;
        border-radius: 4px;
        background-color: #fff;
        position: relative;
        display: block;
        padding: 10px 15px;
        margin: 10px 15px;
        text-decoration: none;
    }

    .nate-pills-disabled > div {
        color: #666666;
    }

 .nate-checkbox-area label {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .nate-checkbox-area input[type="checkbox"] {
        display: inline;
        width: 30px;
        margin-right: 10px;
        box-shadow: none;
    }
        .nate-checkbox-area span.checkboxLabelText {
        display: inline-block;
        width: calc(100% - 40px);
    }
   
.nate-radio-area label {
    display: flex;
    align-items: center;
    width: 100%;   
}
.nate-radio-area input[type="radio"] {
    display: inline;
    width: 30px;
    margin-right: 10px;
    box-shadow: none;   
}
.nate-radio-area span.radioLabelText {
    display: inline-block;
    width: calc(100% - 40px);
}  

    .large-icons {
        font-size: 24px;
        color: #ffffff;
    }

    .courseSearchTableContainer > Table > tbody > tr > td {
        background: #FFFFFF;
    }

    .cursor-pointer {
        cursor: pointer;
    }

    .chpExamProgressBox {
        border: black 1px solid
    }

        .chpExamProgressBox:hover {
            border-width: 2px;
            border-color: #4f2683;
        }

    .examProgressOverall {
        border: black 1px solid
    }

    .hvacTrainingBannerText {
        font-size: 24px;
        color: #FFFFFF;
        display: flex;
        align-items: center;
    }

    .chp-collapse-control {
        width: 40px;
        text-align: center;
        font-weight: 900;
        font-size: 2.5em;
        font-family: 'Courier New', Courier, monospace;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .chp-progress-indicator {
        margin-top: 20px;
        height: 140px;
        width: 100%;
        background-color: #faf4de;
        border-radius: 10px;
        border: 1px solid #333333;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /*
    Overrides style applied by theme system.
*/
    certified-hvac-professional-course-search .table thead, certified-hvac-professional-course-search .courseSearchTableContainer .ng-table th div span {
        background-color: #c3b6d3;
        color: #4f2683;
    }

    certified-hvac-professional-course-search .table tr:nth-child(odd) td {
        background-color: #eee;
    }

    .chp-search-field {
        display: flex;
        justify-content: space-between;
    }

        .chp-search-field > input {
            flex: 7;
        }

        .chp-search-field > div {
            display: flex;
            align-items: center;
            justify-content: center;
            flex: 3;
        }

            .chp-search-field > div > input {
                margin: 0 10px;
            }

            .chp-search-field > div > label {
                margin: 0;
            }

    .chp-search-results {
        padding-top: 15px
    }

    .chp-search-button {
        margin: 0 10px
    }

    .emptySetMessage > h4 > i {
        margin-left: 15px;
    }

    .paymentLop > div > div > div > p {
        text-align: justify
    }

    .chp-lop-padding-top {
        padding-top: 20px
    }

        .chp-lop-padding-top > div > p {
            font-size: 18px
        }


    .chp-training-well {
        width: 1100px;
        padding: 20px;
    }

    .chp-training-top-controls {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .chp-training-top-controls > span {
            font-size: 30px
        }

    .chp-rtw-controls {
        width: 550px;
        height: 60px;
        background-color: #ccc;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px;
        font-size: 24px
    }

    .chp-exam-progress-header {
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 15px
    }

    .chp-exam-progress-container {
        width: 1060px;
        display: flex;
    }

        .chp-exam-progress-container > div {
            width: 50%;
        }

    #chp-gauge-svg {
        width: 115px;
        height: 115px
    }

    .chp-progress-indicator > span {
        font-size: 20px;
        font-weight: 700;
        margin-left: 10px
    }

    .chp-progress-col {
        margin: 10px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .chp-progress-col > div {
            width: 520px;
        }

    .chp-progress-exam-header {
        display: flex;
    }

    .chp-exam-status-indicator {
        width: 45px;
        height: 45px;
    }

        .chp-exam-status-indicator > rect {
            fill: #ffffff;
            fill-opacity: 1;
            stroke: none;
        }

        .chp-exam-status-indicator > path {
            fill: none;
            stroke-width: 3.5px;
            stroke-linecap: butt;
            stroke-linejoin: miter;
            stroke-opacity: 1
        }

    .chp-lop-modal-body-secondary {
        background-color: #f9f4dd;
        padding: 15px
    }

        .chp-lop-modal-body-secondary > h4 {
            margin-top: 0;
        }

    .chp-about-tab {
        padding: 0 10px;
    }

        .chp-about-tab > div {
            width: 500px;
            margin: auto;
        }

        .chp-about-tab > h1 {
            text-align: center;
        }

        .chp-about-tab > div > h4 {
            margin-bottom: 0;
            font-weight: 700;
        }

        .chp-about-tab > div > p {
            margin-top: 0;
        }

        .chp-about-tab li:nth-child(2) {
            margin-top: 20px;
        }

    .chp-tab-content {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        .chp-tab-content > h4, .chp-tab-content > h5 {
            font-weight: 700;
        }

        .chp-tab-content > h4 {
            text-align: center;
        }

    .chp-tab-content-list-title {
        margin-bottom: 0;
    }

    .chp-manufacturer-title {
        font-size: 125%;
    }

    .chp-manufacturer-detail {
        margin-left: 10px;
    }

    .voucher-table {
        font-size: 12pt;
    }

    .voucher-table-align-right {
        text-align: right;
    }

    .voucher-table .voucher-table-no-pad {
        padding: 0;
    }

    .voucher-table-flex-container-right-align {
        display: flex;
        flex-flow: nowrap;
        justify-content: space-between;
        width: 100%;
    }

    .voucher-table-flex-container-left-align {
        display: flex;
        flex-flow: nowrap;
        justify-content: left;
        width: 100%;
    }

    .voucher-table-vouchers-available {
        background: #C1D8B6;
        opacity: 0.5;
    }

    .voucher-table-text {
        position: relative;
        padding: 5px 5px 17px 5px;
        margin-left: -100%;
    }

    .voucherSearchTableContainer .ng-table th {
        text-align: right;
    }

    .header.voucher-table-align-left div {
        text-align: left;
    }

    .voucher-table-voucher-expired {
        background: #F0B3B3;
        opacity: 0.5;
    }

    .voucher-table-voucher-premature {
        background: #F6F677;
        opacity: 0.5;
    }

    .voucher-table-flex-background {
        box-sizing: border-box;
        width: 100%;
        flex: none;
    }

    .voucher-table-unavailable {
        color: #b4b4b4;
    }

    ul.pager.centered {
        float: center;
    }

    .voucherCount {
        float: right;
        padding: 0 5px 5px 0;
    }

    .pager .pagecount {
        padding: 0px 10px;
    }

