

@media print {    
    .no-print, .no-print * {
        display: none !important;
    }
}
.rmsSection {
    margin:20px;
}
.screenTitle {
    display:block;
    font-size:1.2em;
    font-weight:bold;
    padding: 6px 0;
}
.safeIcon {
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/icon-safe_sq.png);
    background-repeat: no-repeat;
}
.atRiskIcon {
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/icon-risk_sq.png);
    background-repeat: no-repeat;  
}
.highRiskIcon {
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/icon-high_sq.png);
    background-repeat: no-repeat;   
}
.iconList {
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    font-size: small;
}
.iconList li {
    background-position: 0 5px;
    clear: both;
    display: block;
    margin: 0;
    padding: 5px 0 6px 22px;
    vertical-align: middle;
}
.iconList li.head {
    font-weight: bold;
    padding-left: 0;
}
.iconList img {
    display: block;
    margin-left: -30px;
    vertical-align: middle;
    float: left;
}
#modelIconKey, 
#modelIconKey tr, 
#modelIconKey td {
    border:0;
    font-weight:normal;
}
.keyIcon {
    vertical-align: top;
}
.configSection {
    margin-top: 20px;
    color: Black;
}
.configSection .sectionHeader, 
.sectionHeader {
    font-weight: bold;
    margin-bottom: 0px;
    font-size: 1.1em;
    display:block;
}
span.sectionHeader {
    margin-bottom:10px;
}
.configSection .formHeader .configLink {
    font-size: 1em;
    font-weight: bold;
    display:block;
    margin-bottom:5px;
}
.configSection .settingDescription {
    font-size: 0.85em;
    color:#777;
}
.configSection hr {
    color: black;
    background-color: black;
    height: 1px;
    margin: 0px 0px 20px;
    border-top: none;
}
.config-container {
    display: flex; 
    margin-bottom: 20px;
}
.config-glyph {
    width: 5%;
    font-size: 1.5em; 
    color: #265B8C;
}
.config-glyph-subscreen {
    width: 4%;
    font-size: 1.8em;
}
.config-descrip {
    width: 95%; 
    padding-left: 5px;
    margin-left: 5px;
}
.config-descrip-subscreen {
    padding-top: 5px;
    margin-top: 5px;
}
.config-link {
    font-weight: bold; 
    margin-bottom: 5px;
}
.settingsPanel {
    background-color: #EFEFEF;
    margin: 10px;
    border: 1px solid #D8D8D8;
}
.settingsPanelHeader {
    display: block;
    background-color: #D8D8D8;
    padding: 5px;
    font-weight:bold;
}
.dashedPanel {
    border-top: 1px dashed #B1B1B1;
    padding: 15px 0 15px 0;
    margin: 0 15px;
}
.normalPanel {
    padding: 15px 0 15px 0;
    margin: 0 15px;
}
.indentLeft {
    display: block;
    padding: 2px 0 0 22px;
}
.detailsPanel {
    padding: 10px 20px 20px 20px;
}
.detailsPanel div.sectionHeader {
    font-weight:normal;
    font-size:1em;
}
.configPadder {
    margin: 25px;
    margin-bottom: 10px;
}
.formHeader {
    padding: 0 0 15px 42px;
    margin: 0;
    clear: right;
    display: block;
}
.formHeaderIcon {
    float: left;
    clear: left;
    margin-top: 0;
    vertical-align: middle;
}
div.manageRoleAccess {
    display:inline;
}
.configGridTable td div.manageRoleAccess img {
    margin:0px 2px -4px 8px;
}
.navigationHeader {
    background-repeat: no-repeat;  
}
.scopeHeader {
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/scope-large.png);
    background-repeat: no-repeat;    
}
.visibleStudentHeader {
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/visible-students-large.gif);
    background-repeat: no-repeat;
}
.studentDataHeader {
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/student-data-large.gif);
    background-repeat: no-repeat;  
}
.sectionHeader {
    margin-bottom: 15px;
}
.sectionHeader .boldHeader {
    margin-bottom:4px;
}
.AmPmContainer:hover {
    text-decoration:underline;
    cursor: pointer;
}
.AmPmContainer img {
    padding-bottom:2px;
}
.singleReminder {
    margin-top:8px;
    margin-left:25px;
}
.modalDiv {
    z-index: 8001 !important;
}
.modalPopup {
    background-color: #BABABA;
    filter: Alpha(Opacity=70);
    opacity: 0.7;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    z-index: 8000 !important;
}
.medBox {
    width: 300px;
    -moz-box-shadow: 1px 1px 8px rgba(0,0,0,.35);
    -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,.35);
    box-shadow: 1px 1px 8px rgba(0,0,0,.35);
}
.rmsSaveButtons {
    display: block;
    clear: both;
    text-align: center;
    border-radius: 6px 6px 6px 6px;
    padding: 6px 0 4px 0;
    margin: 10px 7px 7px 7px;
    border:1px solid #BACEDC;
    background-color: #DCE7EE;
    position: relative;
}
.rmsSaveButtons input, 
.rmsSaveButtons a {
    display: inline-block;
    margin: 0 6px;
}
div.controlBody div.rmsSaveButtons {
    margin-left:0px;
    margin-right:0px;
}
.rmsSaveButtons .save {
    font-weight:bold;
}
/****************************************************************
/   Miscellaneous
/****************************************************************/
.adminConfigLink {
    display: inline-block;
    border: 1px solid #b1b2b5;
    text-align: center;
    font-weight: bold;
    background-color: #d7e4fd;
    margin: 12px 12px 0 12px;
    padding: 5px 15px 5px 35px;
    line-height: 18px;
    border-radius:6px;
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/gear.png);
    background-repeat: no-repeat;
    background-position:15px 5px;
}
.adminConfigLink a img {
    border: none;
    text-decoration: none;
    vertical-align: middle;
    margin-right: 5px;
}
.RMSTablePadder {
    display: block;
    overflow: hidden;
    clear: both;
    margin: 12px;
}
.RMSTableHeader {
    background-color: #cfcfcf;
    border: 1px solid #bababa;
    border-bottom: none;
    border-top: none;
    font-weight: bold;
    padding: 5px 6px;
    margin: 0;
    vertical-align: middle;
    line-height: 18px;
    display: block;
    overflow: hidden;
}
.RMSTableHeader img {
    vertical-align: middle;
    margin-right: 5px;
}
.RMSTableHeader .RMSHeadLink {
    display: inline;
}
.RMSTableHeader span a {
    font-weight: normal;
}
.alertInfo {
    margin-top: 30px;
}
.alertInfo div {
    margin:4px 0;
}
.alertInfo .DialogWindow_Title {
    margin:0;
}
.watermark {
    color:#b5b5b5;
}
.bottomPadder {
    margin-bottom: 20px;
    display: block;
}
.statsGrid {
    margin: 0;
    display: block;
    clear:both;
}
.statsGrid .navigation {
    padding: 0;
    display: block;
    background-color: #bababa;
}
.statsGrid .navigation .previous, 
.statsGrid .navigation .next {
    width: 85px;
    padding: -1px 0;
}
.statsGrid .navigation .previous {
    float: left;
    display: block;
    text-align: left;
    padding: 5px;
}
.statsGrid .navigation .pages {
    text-align: center;
    vertical-align: bottom;
    display: block;
    padding: 5px;
}
.statsGrid .navigation .next {
    float: right;
    display: block;
    text-align: right;
    padding: 5px;
}
.statsGrid .navigation a, 
.statsGrid .pagerHolder a {
    padding: 0 3px;
    font-size: smaller;
    display: inline;
}
.statsGrid .navigation .disabled {
    color: Black;
}
.statsGrid caption {
    background-color: #BABABA;
    border: 1px solid #BABABA;
    font-weight: bold;
    padding-left: 5px;
    text-align: left;
}
.statsGrid table {
    margin: 0;
    width: 100%;
    border: 1px solid #bababa;
}
.statsGrid table.noborder {
    border: 0px solid #bababa;
    border-width: 0;
}
.statsGrid table.auto {
    width: auto !important;
}
.statsGrid td, 
.statsGrid th {
    border: 1px solid #DFDFDF;
    border-width:1px 0px 1px 0px;
    padding:5px;
}
.statsGrid th {
    border-width:0 0 1px 0;
    border-color:#BABABA;
    font-weight: normal;
    line-height: 14px;
    padding: 5px;
}
.statsGrid tr:last-child td {
    border-bottom:1px solid #BABABA;
}
.statsGrid th a {
    color: Black;
}
.statsGrid table tr.highlight td {
    background-color: #feffec;
    border-top: 2px solid #e1c51d;
    border-bottom: 2px solid #e1c51d;
    border-right-color: #feffec;
}
.statsGrid table tr.highlight td.first {
    border-left: 2px solid #e1c51d;
}
.statsGrid table tr.highlight td.last {
    border-right: 2px solid #e1c51d;
}
.statsGrid table td i {
    font-size: 12px;
    line-height: 15px;
}
.statsGrid td img, 
.statsGrid input[type="image"]{
    vertical-align: middle;
}
.statsGrid span.number {
    text-align: right;
    display: block;
    width: 40px;
}
.statsGrid .rowHeader, 
.configGridTable .rowHeader {
    background-color: #dddddd;
    border: solid 1px #bababa;
    font-weight: normal;
    font-size: .85em;
}
.statsGrid .alternateRow {
    background-color: #efefef;
}
span.helperInfo {
    font-style: italic;
    color: #818181;
    font-size: 0.85em;
    display: block;
    clear: both;
}
/****************************************************************
/   Student Detail
/****************************************************************/
/** STUDENT INFO BLOCK **/
.studentInfoBlock .riskCategoryLabel {
    bottom: 40px;
    color: white;
    padding: 10px 15px;
    position: relative;
    float: right;
    text-align: center;
}
.studentInfoBlock .studentName {
    font-size: 1.2em;
    font-weight: bold;
}
.img-responsive-wide {
    display: block;
    width: 100%;
    height: auto;
}
/** Rest of Student Detail and Child Components **/
.infoName {
    color:#7E7E7E;
}
.infoName.infoNameTitle {
    font-style:italic;
}
.pSection .actionButtons, 
.actionButtons {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.actionButtons img, 
.actionLink img {
    border: medium none;
    margin-right: 5px;
    vertical-align: middle;
    height: 20px;
    width: 20px;
}
.pSection .actionButtons li, 
.actionButtons li {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    padding: 0;
}
.actionButtons li a.actionLink,
.actionButtons li span a.actionLink,
a.actionLink {
    border: 1px solid #cccccc;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    color: #004280;
    cursor: pointer;
    display: inline-block;
    padding: 6px 12px 5px 4px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0px 1px 0px white;
    vertical-align: middle;
    background: #ededed; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
.actionButtons li a.actionLink:hover,
a.actionLink:hover {
    border: 1px solid #9fb6cc;
    text-decoration: none;
    box-shadow: 0px 1px 1px rgba(0,0,0,.1);
    background: #cad8ed; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 3%, rgba(234,241,255,1) 3%, rgba(202,216,237,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,rgba(255,255,255,1)), color-stop(3%,rgba(234,241,255,1)), color-stop(100%,rgba(202,216,237,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 3%,rgba(234,241,255,1) 3%,rgba(202,216,237,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 3%,rgba(234,241,255,1) 3%,rgba(202,216,237,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 3%,rgba(234,241,255,1) 3%,rgba(202,216,237,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 3%,rgba(234,241,255,1) 3%,rgba(202,216,237,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cad8ed',GradientType=0 ); /* IE6-9 */
}
.actionButtons li a.actionLink:active,
a.actionLink:active {
    box-shadow: 0px 1px 0px rgba(0,0,0,.1);
    text-decoration: none;
    background: #cad8ed; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(202,216,237,1) 0%, rgba(234,241,255,1) 98%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(202,216,237,1)), color-stop(98%,rgba(234,241,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(202,216,237,1) 0%,rgba(234,241,255,1) 98%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(202,216,237,1) 0%,rgba(234,241,255,1) 98%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(202,216,237,1) 0%,rgba(234,241,255,1) 98%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(202,216,237,1) 0%,rgba(234,241,255,1) 98%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cad8ed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.actionButtons li a.actionLink[disabled],
a.actionLink[disabled], a.editLink[disabled], 
a.editLink[disabled]:hover {
    color:#666666;
    text-decoration:none;
}
a.editLink {
    font-style:italic;
}
/* Colors for various category items */
.safeCategoryBackground { 
    background-color: #008700; 
}
.atRiskCategoryBackground { 
    background-color: #D9A241; 
}
.highRiskCategoryBackground { 
    background-color: #790000; 
}
/****************************************************************
/** Retention Actions tabs **
/***************************************************************/
.plaintabs {
    margin: 20px 12px 12px 12px;
    background-image: none;
    display: block;
}
.plaintabs .ajax__tab_header {
    border-bottom: 1px solid #A4A4A4;
    font-size: 85%;
    white-space: nowrap;
    margin-bottom: 12px;
    background-image: none;
    border-radius:6px 6px 0 0;
}
.plaintabs .ajax__tab_outer {
    border: none;
    background-image: none;
    margin-left: 6px;
}
.plaintabs .ajax__tab_inner {
    border-color: #A4A4A4;
    border-image: none;
    border-radius: 6px 6px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px 0 1px;
    text-shadow: 0px 1px 0px white;
    display: inline;
    padding: 6px 10px 8px;
    background: #dadada; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 2%, rgba(238,238,238,1) 3%, rgba(218,218,218,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(2%,rgba(255,255,255,1)), color-stop(3%,rgba(238,238,238,1)), color-stop(100%,rgba(218,218,218,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 2%,rgba(238,238,238,1) 3%,rgba(218,218,218,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 2%,rgba(238,238,238,1) 3%,rgba(218,218,218,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 2%,rgba(238,238,238,1) 3%,rgba(218,218,218,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 2%,rgba(238,238,238,1) 3%,rgba(218,218,218,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */
}
.plaintabs .ajax__tab_inner:hover {
    color: #004280;
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 2%, rgba(238,238,238,1) 3%, rgba(242,242,242,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(2%,rgba(255,255,255,1)), color-stop(3%,rgba(238,238,238,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 2%,rgba(238,238,238,1) 3%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 2%,rgba(238,238,238,1) 3%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 2%,rgba(238,238,238,1) 3%,rgba(242,242,242,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 2%,rgba(238,238,238,1) 3%,rgba(242,242,242,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
.plaintabs .ajax__tab_tab {
    cursor:pointer;
}
.plaintabs .ajax__tab_active .ajax__tab_outer {
    background-image: none;
    font-weight: bold;
}
.plaintabs .ajax__tab_active .ajax__tab_inner {
    border-color: #A4A4A4;
    background: #ffffff;
    position: relative;
    top: 1px;
    padding: 9px 12px 8px;
    background-image: none;
}
.plaintabs .ajax__tab_inner:active {
    color: #004280;
    background: #dadada; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(218,218,218,1) 0%, rgba(238,238,238,1) 97%, rgba(255,255,255,1) 98%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(218,218,218,1)), color-stop(97%,rgba(238,238,238,1)), color-stop(98%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(218,218,218,1) 0%,rgba(238,238,238,1) 97%,rgba(255,255,255,1) 98%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(218,218,218,1) 0%,rgba(238,238,238,1) 97%,rgba(255,255,255,1) 98%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(218,218,218,1) 0%,rgba(238,238,238,1) 97%,rgba(255,255,255,1) 98%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(218,218,218,1) 0%,rgba(238,238,238,1) 97%,rgba(255,255,255,1) 98%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.plaintabs .ajax__tab_active .ajax__tab_inner:hover {
    background: #FFF;
}

div.aboutModel {
    margin:15px 0px;
}
div.modelCat {
    margin-top:35px;
}
.alternateTxt {
    color:#656565;
}
.aboutModelTitle {
    font-weight:bold;
}
span.modelName {
    font-size:1.4em;
    font-weight:bold;
    display:inline-block;
    margin-bottom:3px;
}

div.selection .title, 
.title {
    display: block;
    float: left;
    padding-right: 15px;
    margin-right: 5px;
    text-align: right;
    width: 150px;
}
div.selection .rowHeader, 
.rowHeader td, 
.rowHeader th {
    background-color: #dbdbdb;
    border: solid 1px #bababa;
    font-weight: normal;
    text-align: left;
}
.rowHeader th {
    border-width:0 0 1px 0;
    border-color:#BABABA;
}
.submissionGrid th, 
.submissionGrid td {
    min-width: 60px;
    padding-right: 20px;
}
.submissionGrid th.childCountHeader, 
.submissionGrid td.childCountContent {
    max-width:33px;
    min-width:33px;
    width:33px;
    padding-right:5px;
}
.submissionGrid td.childCountSpacer {
    padding-right:15px;
}
.submissionGrid th.stateColumn, 
.submissionGrid td.stateColumn {
    min-width: 70px;
}
.rowHeader a.sortLink {
    color: Black;
    text-align: left;
    min-width: 100px;
}
.rowHeader a.whiteSortLink {
    color: White;
}
.rowHeader a.selectedSortLink {
    color: Black;
    font-weight: bold;
}
.rowHeader a.selectedWhiteSortLink {
    color: White;
    font-weight: bold;
}
.studentTD {
    white-space:nowrap;
    padding-right:5px;
}
.concernCell {
    white-space:nowrap;
}
div.selection .alternateRow, 
.alternateRow {
    background-color: #efefef;
}
div.selection tr, 
div.selection td, 
div.selection th, 
.gridTableCell, 
.gridTableCell td {
    padding: 3px 5px;
    border: solid 1px #bababa;
}
div.selection span.weight {
    text-align: right;
    display: block;
    width: 35px;
}
span.altInfo {
    color:#808080;
}
/********** Main Chart **********/
div.colorTab {
    height:8px;
    width:8px;
    display:inline-block;
    border:1px solid black;
}
.interventionList label {
    margin-left:25px !important;
    display:block;
}
.interventionList input {
    float:left;
    margin-top:1px;
}
.interventionList br {
    line-height:7px;
}
/* AJAX Loading spinner */
.updateProgress {
    overflow: hidden;
    padding: 25px 0;
    text-align: center;
    background-color: white;
    position: absolute;
    z-index: 1000;
    display: block;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6x;
    border-radius: 6px 6px 6px 6px;
    -moz-box-shadow: 1px 1px 8px rgba(0,0,0,.35);
    -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,.35);
    box-shadow: 1px 1px 8px rgba(0,0,0,.35);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#535353,direction=45,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#535353,direction=135,strength=4) progid:DXImageTransform.Microsoft.Shadow(color=#535353,direction=225,strength=4) progid:DXImageTransform.Microsoft.Shadow(color=#535353,direction=315,strength=3);
}
.updateProgressMessage {
    font-family: Trebuchet MS;
    font-size: medium;
    font-weight: bold;
}
.updateProgressMessage img {
    vertical-align: middle;
    margin-right: 6px;
}
.ajaxLoader {
    text-align: center;
}
.specificSelection {
    margin-left:37px;
}
.chooseFactors, 
.changeDate {
    text-decoration:underline;
    padding-left:15px;
    cursor: pointer;
}
.RMShidden {
    display: none;
}
.LegendHand {
    cursor: pointer;
    white-space:nowrap;
}
.BackLinkButton {
    float:right;
    margin-bottom: 8px;
}
.BackLinkButton:after {
    clear:right;
}
.PreviewDropdown {
    border: thin dashed #b4b4b4;
    padding: 18px;
    border-collapse: collapse;
    width: auto;
}
.pointerMenu {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #b9b9b9;
    margin-right: 24px;
    width: 215px;
    border-radius:5px;
}
.pointerMenu li {
    padding: 0;
    margin: 0;
}
.pointerMenu li.heading {
    font-size:.85em;
    background-color: #cecfce;
    padding: 5px;
    border-bottom: 1px solid #b9b9b9;
}
.pointerMenu li a div {
    padding: 10px;
    display: block;
    line-height: 16px;
    border-top: 1px solid white;
    border-bottom: 1px solid #cccccc;
    background-color: #efefef;
    position: relative;
}
.pointerMenu li a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}
.pointerMenu li a:hover {
    text-decoration: underline;
}
.pointerMenu li a div.selected {
    background-color: #3965be;
    /*border: 2px solid #2a4b8c;*/
    border-left: 2px solid #2a4b8c;
    border-top: 2px solid #2a4b8c;
    border-bottom: 2px solid #2a4b8c;
}
.pointerMenu li a div.selected {
    color: white;
    font-weight: bold;
    z-index: 1;
    position: relative;
}
.pointerMenu li a div.selected:hover {
    text-decoration: none;
}
.pointerMenu li a div.selected .pointer {
    margin-top: -16px;
    display: block;
    width: 0;
    height: 0;
    border-bottom: 16px solid transparent;
    border-top: 16px solid transparent;
    border-left: 16px solid #3965be;
    position: absolute;
    right: -15px;
    top: 50%;
    z-index: 3;
}
.pointerMenu li a div.selected .pointerBorder {
    margin-top: -18px;
    display: block;
    width: 0;
    height: 0;
    border-bottom: 18px solid transparent;
    border-top: 18px solid transparent;
    border-left: 18px solid #2a4b8c;
    position: absolute;
    right: -17px;
    top: 50%;
    z-index: 2;
}
.ConfigureOptionGrid {
    border: 1px solid #bababa;
}
.ConfigureOptionGrid table {
    width: auto;
}
.ConfigureOptionGrid tr {
    padding: 6px 5px;
    background-color: White;
}
.ConfigureOptionGrid tr th, 
.ConfigureOptionGrid th {
    font-weight: normal;
    border: 1px solid #bababa;
    border-width: 1px 1px 1px 1px;
    padding: 6px 5px;
    background-color: #dbdbdb;
}
.ConfigureOptionGrid tr.alternateRow td, 
div.alternateRow {
    border: 1px solid #bababa;
    padding: 6px 5px;
    background-color: #efefef;
}
div.alternateRow {
    border-width:0 1px 1px 1px;
}
.ConfigureOptionGrid tr.mainRow td, 
div.mainRow {
    border: 1px solid #bababa;
    border-width: 0 1px 1px 1px;
    padding: 6px 5px;
    background-color: white;
}
.ConfigureOptionGrid td img {
    border: none;
    margin: 0 2px;
}
.ConfigureInactiveOptionGrid table {
    width: auto;
    border-width: 0;
    border: 1px dashed #b4b4b4;
    border-width: 0 0 1px 0;
}
.ConfigureInactiveOptionGrid table.inactiveTemplateTable td, 
.ConfigureInactiveOptionGrid table.inactiveTemplateTable th, 
{
    border-top: 1px dashed #b4b4b4;
    padding: 6px 1px;
}
.ConfigureInactiveOptionGrid tr {
    border-bottom: 2px dashed #b4b4b4;
    border-top: 2px dashed #b4b4b4;
    padding: 6px 5px;
    background-color: #e0e0e0;
}
.ConfigureInactiveOptionGrid tr.noDataTable td {
    background-color:inherit;
    background-color: #e0e0e0;
    border-top: 1px dashed #b4b4b4;
    border-bottom-style:dashed;
    border-top-style:dashed;
    font-style:italic;
    font-weight:bold;
    color:#7e7e7e;
    padding:10px;
}
.ConfigureInactiveOptionGrid tr.noDataTable {
    border:0;
}
.ConfigureInactiveOptionGrid th {
    padding-bottom: 10px;
    background-color: #ccc;
}
.ConfigureInactiveOptionGrid .alternateRow td {
    background-color: transparent;
}
.ConfigureInactiveOptionGrid .mainrow td {
    background-color: #cecfce;
    padding: 6px 5px;
}
.ConfigureInactiveOptionGrid td img {
    border: none;
    margin: 0 2px;
}
.ConfigureInactiveOptionGrid tr.noInactive td {
    padding:5px;
    text-align:center;
    font-weight:bold;
    font-style:italic;
    color:#6E6E6E;
}
span.emptyInactive {
    font-style:italic;
    color:#808080;
}
.minWidth {
    width: 80px;
    text-align: right;
}
.floatRight {
    float: right;
}
.ConfigureOptionGrid tr.highlight td, 
.ConfigureOptionGrid td.highlight, 
.ConfigureOptionGrid th.highlight {
    border-style: solid none solid none;
    border-width: 1px;
    background-color: #D0E6F5;
    border-top-color: #5897C2;
    border-bottom-color: #5897C2;
}
.ConfigureOptionGrid tr.blankheader td, 
.ConfigureOptionGrid td.blankheader, 
.ConfigureOptionGrid th.blankheader {
    background-color: #FFFFFF;
    border: none;
    text-align:left;
}
tr.mainheader td, 
td.mainheader, 
th.mainheader {
    background-color: #CECFCE;
}
tr.mainheader.sectionTitle td, 
td.mainheader.sectionTitle, 
th.mainheader.sectionTitle {
	font-weight: bold;
}
tr.mainheader.sectionDesc td, 
td.mainheader.sectionDesc, 
th.mainheader.sectionDesc, 
.sectionDesc {
	font-size: 0.85em;
}
div.reorderList li, 
div.reorderList ul {
    margin: 0px;
    border: none;
}
div.reorderList table {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: 6px;
}
.mainBodyContainer td.tdDefault {
    border-left: 1px solid #b2b2b2;
    border-bottom: none;
    width: 50px;
    padding: 0px;
    text-align: center;
    margin: 0px;
}
.mainBodyContainer td.tdButtons {
    border-left: 1px solid #b2b2b2;
    border-bottom: none;
    width: 70px;
    padding: 0px;
    text-align: center;
    margin: 0px;
    margin-top: -5px;
    margin-bottom: -5px;
}
.mainBodyContainer td.tdTitle {
    border-left: 1px solid #b2b2b2;
    border-bottom: none;
    padding: 3px 5px;
    text-align: left;
    margin: 0px;
}
.reorderList table, 
.reorderList td, 
.reorderList tr {
    margin: 0px 0px 0px 0px;
    border: 6px;
}
.addItem {
    background-color: #EFEFEF;
    padding: 2px;
    text-align: center;
    border: 1px dashed #B2B2B2;
    margin: 1px;
    font-weight: bold;
}
table.addItemCenter {
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    font-weight: normal;
    border: 0px;
}
.mainBodyContainer table.addItemCenter td {
	border: 0px;
}
.confidentialLinks a {
    display:block;
    padding:4px 0px;
}
.mainBodyContainer {
    margin: 0px;
    padding: 0px;
    border-top: 1px solid #BABABA;
    border-bottom: 1px solid #BABABA;
    border-left: 1px solid #BABABA;
}
.mainBodyContainer td {
    margin: 0px;
    padding: 0px;
    border-right: 1px solid #BABABA;
}
.mainBodyContainer td table {
    border: none;
}
.mainBodyContainer td table td {
    border-right: none;
    border-bottom: 1px solid #BABABA;
}
.catDisplayHeader {
    background-color: #CFCFCF;
    overflow: hidden;
    margin-top: 0px;
    padding: 2px;
    padding: 3px 5px;
    border-bottom: 1px solid #BABABA;
}
.catDisplayHeader p {
    margin: 4px 0 2px 0;    
}
.catDisplayHeader .mainHeader {
    font-weight: bold;
}
.catDisplayHeader h2 {
    margin: 0;
}
.activeTypesWithPreview {
    overflow: hidden;
    display: block;
    clear: both;
}
.headerRows {
    margin: 0px;
    width: 100%;
    font-size: 11px;
}
.headerRows td,
.headerRows th {
    border: none;
    background-color: #dbdbdb;
    text-align: left;
}
.headerRows th.headerRight {
    text-align:right;
}
.headerRows th.headerCenter, 
.rowHeader th.headerCenter {
    text-align:center;
}
.captionLink {
    float:right;
    padding-right:10px;
    font-size:1.0em;
    font-weight:normal;
}
table.configGridTable {
    margin-top:5px;
}
.configGridTable tr.mainRow td.positiveWeight, 
.configGridTable tr.alternateRow td.positiveWeight {
    padding-left:22px;
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/positive.png);
    background-repeat: no-repeat;
    background-position: left;
}
.configGridTable tr.mainRow td.negativeWeight, 
.configGridTable tr.alternateRow td.negativeWeight {
    padding-left:22px;
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/negative.png);
    background-repeat: no-repeat;
    background-position: left;
}
.configGridTable tr.mainRow td.invalidWeight, 
.configGridTable tr.alternateRow td.invalidWeight {
    padding-left:22px;
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/invalid.png);
    background-repeat: no-repeat;
    background-position: left;
}
.configGridTable.aboutModelTable th,
.configGridTable.aboutModelTable tr.mainRow td,
.configGridTable.aboutModelTable tr.alternateRow td {
    border:0px;
}
.configGridTable.aboutModelTable tr.mainRow td.cellDivider,
.configGridTable.aboutModelTable tr.alternateRow td.cellDivider {
    border-top:2px dotted #000;
}
.configGridTable.manageRoleTable tr th,
.configGridTable.manageRoleTable tr.mainRow td,
.configGridTable.manageRoleTable tr.alternateRow td {
    padding-right:15px;
    padding-left:8px;
}
.configGridTable.manageRoleTable {
    width: 100%;
}
.addItemTable {
    margin-left: 1px;
    border: 1px solid #BABABA;
    border-bottom: none;
    border-width: 1px 1px 1px 0;
}
.ConfigureOptionGrid tr th.addItemTable {
    background-color:#FFF;
}
.PreviewDropdown {
    float: left;
    padding: 10px 15px 15px;
    margin-left: 15px;
    border: 2px dashed #BABABA;
}
.PreviewDropdown label {
    color:#7B757B;
    margin-bottom: 5px;
}
.tdHidden {
    width: 0px;
    margin: 0px;
    padding: 0px;
}
.ConfigureInactiveOptionGrid {
    background-color: #e0e0e0;
    padding: 7px 12px 12px;
    display: block;
    border: 2px dashed #b4b4b4;
}
.ConfigureInactiveOptionGrid table {
    border: none;
    width: 100%;
}
.ConfigureInactiveOptionGrid td.tdTitle {
	border-bottom: none;
}
.ConfigureInactiveOptionGrid td.tdButtons {
	border-bottom: none;
	width: 70px;
}
.inactiveEmailTemplates {
    background-color: #e0e0e0;
    padding: 7px 12px 12px;
    display: block;
    border: 2px dashed #b4b4b4;
}
.inactiveEmailTemplates table {
    width: 100%;
}
.inactiveEmailTemplates th,
.inactiveEmailTemplates td {
    padding: 4px 0;
}
.inactiveEmailTemplates tr { 
    border-top: 1px dashed #b4b4b4;
    border-bottom: 1px dashed #b4b4b4;
}
.inactiveEmailTemplates td.tdButtons {
    float: right;
}
.inactiveEmailTemplates .sectionTitle {
    font-weight: bold;
}
.mainBodyContainer .activeOptionGrid td {
	border-color: #B2B2B2;
	padding: 5px 0px;
}
.mainBodyContainer .activeOptionGrid .tdTitle {
	border-width: 1px 1px 1px 0px;
	padding-left: 5px;
}
.mainBodyContainer .activeOptionGrid .tdButtons {
	border-width: 1px 1px 1px 1px;
}	
.DialogWindow_Body {
    padding: 10px;
    line-height: 16px;
    position:relative;
    background:inherit;
}
div.DialogWindow_OuterFrame div.DialogWindow_InnerFrame {
    background-color: #EFEFEF;
    margin:3px;
}
.DialogWindow_Title img, .DialogWindow_Body img {  
    vertical-align: middle;
}
div.modalDiv div.ui-dialog-titlebar {
    background:0;
    background-color: Gray;
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    padding: 5px;
    vertical-align: middle;
    border-color:#808080;
    border-radius:0;
    border-bottom:0;
}
.catDisplayHeader .sectionTitle,
.ConfigureInactiveOptionGrid .sectionTitle {
	font-weight: bold;
}
.editHeader, 
.controlHeader.editHeader,
.addControl .controlHeader.editHeader, 
.editRole, 
.editAction {
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/edit.gif);
    background-repeat: no-repeat;
    background-position: 4px 1px;
    padding-left:25px;
}
a.editRole {
    background-position: 2px;
}
a.nonEditRole, 
a.nonEditRole:hover {
    color:#000;
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/locked.gif);
    background-repeat: no-repeat;
    background-position: 2px 0px;
    padding-left:25px;
}
span.modelNav {
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/model-nav.gif);
    background-repeat: no-repeat;
    background-position: 2px -1px;
    padding-left:25px;
}
span.stuNav {
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/student-nav.gif);
    background-repeat: no-repeat;
    background-position: 2px -1px;
    padding-left:25px;
}
.templateSection {
    clear:both;
    margin-bottom:10px;
}
.templateSection span {
    display:inline-block;
    width:120px;
    padding-right:10px;
    text-align:right;
}
a.previewTemplate {
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/16/eye.png);
    background-position: 10px 1px;
    background-repeat: no-repeat;
    left: 0;
    padding-left: 30px;
    padding-top: 2px;
    position: absolute;
}
div.previewHeader {
    float:none;
    margin:5px 0px;
}
div.previewHeader span.previewLbl {
    font-weight:bold;
    display:inline-block;
    text-align:right;
    width:65px;
    margin-right:15px;
}
.studentDataDiv {
    background-color: #efefef;
    padding: 15x 5px 5px;
    font-size:0.85em;
}
 div.studentDataDiv.ui-dialog-content {
    background-color: #efefef;
    border:1px solid #808080;
    border-top:0;
 }
.studentDataSummary {
	margin: 0px 10px;
	width: 500px;
}
table.studentDataInfo {
    margin-top:15px;
    font-style:italic;
    color:#636363;
    font-size:0.85em;
}
.studentDataExtra {
    font-size:0.85em;
    color:#636363;
}
.studentDataBody {
    width: 520px;
}
.studentDataBodySection {
    margin:5px 10px 10px 10px;
    padding-top: 10px;
    border-top: 1px dashed #b2b2b2;
}
.studentDataBodySectionBottom {
	margin:10px;
	padding-bottom: 10px;
}
.studentDataBodyInfo {
    font-size:.85em;
    color:#636363;
}
.centerDropdown {
	width: 280px;    
}
div.emailActions div {
    display:block;
    margin:5px 0;
    cursor:pointer;
}
div.emailActions .emailActionInactive {
    font-weight:bold;
    text-decoration:none;
}
div.actionList {
    max-height:175px;
    width:310px;
    overflow-y:scroll;
    border:1px solid #BDBEBD;
}
div.actionItem {
    clear:both;
    padding:5px 5px 5px 29px;
    border-top:1px solid #FFF;
    border-bottom:1px solid #BDBEBD;
    background-position: 5px 7px;
}
div.actionItem:hover {
    background-color:#FFF;
    cursor: pointer;
}
div.actionItemSelect,
div.actionItemSelect:hover {
    background-color:#DEE7EF;
    border:2px solid #42459C;
}
span.outcomeType {
    padding-left:5px;
    font-size:0.85em;
}
.formMesgHeader {
    padding: 7px 0px 20px;
}
.messagesHeader {
    padding:5px;
    background-color:#DEDFDE;
    border:1px solid #bababa;
    font-size:0.85em;
}
.formIntervention, 
.formFollowup {
    padding:1px 0px 3px 25px;
}
.formIntervention {
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/intervention-small.png);
    background-repeat: no-repeat;
}
.formFollowup {
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/follow-up-small.png);
    background-repeat: no-repeat;
}
.formTitle {
    color: #808080;
    font-size: 0.85em;
    margin-bottom: 8px;
    margin-top: 4px;
}
.formMessage {
    padding-right:20px;
}
.formReuse {
    margin-top:15px;
    font-size:0.85em;
    display:block;
}
.rmsTemplateMenuHolder {
    vertical-align: top;
    width: 210px;
}
.boldHeader {
	font-weight: bold;
	display: block;
}
div.autoAlertInfo {
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/automatic-alerts.png);
    background-repeat: no-repeat;
    background-position: 0px;
    padding-left:50px;
    margin-bottom:20px;
}
div.autoAlertBottomlinks {
    margin: 0 0 30px;
}
div.autoAlertBottomlinks a {
    display: inline-block;
    padding: 10px 20px 0 0;
    white-space: nowrap;
}
div.autoAlertBottomlinks div a {
    padding-right: 0;
}
.highRisk {
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/early-alert-high-risk.png);
    background-repeat: no-repeat;
    background-position: 0px;
    padding-left:22px;
}
.normalRisk {
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/alert-small.png);
    background-repeat: no-repeat;
    background-position: 0px;
    padding-left:22px;
}
table.autoAlertInactiveTable {
    border: 2px dashed #B4B4B4;
    background-color:#e0e0e0;
}
table.autoAlertInactiveTable th {
    background-color:#CECFCE;
}
table.autoAlertInactiveTable tr {
    border: 1px dashed #B4B4B4;
}
table.autoAlertInactiveTable td,
table.autoAlertInactiveTable th {
    border: 1px dashed #B4B4B4;
    padding:4px;
}
table.autoAlertInactiveTable th {
    border-left:0px;
    border-right:0px;
}
a.moreInfo {
    padding-left:20px;
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/16/help.png);
    background-repeat: no-repeat;
    background-position: 0px;
    cursor:pointer;
}
.addControl {
    background-color: #EFEFEF;
    border: 1px solid #B2B2B2;
}
.addControl .controlHeader {
    background-color: #DBDBDB;
    font-weight: bold;
    padding: 3px;
}
.addControl .controlBody {
    padding: 10px;
}
.headerRows {
    margin: 0px;
    width: 100%;
    font-size: 11px;
}
.headerRows td {
    border: none;
    background-color: #dbdbdb;
}
.configGrid {
    margin-bottom: 10px;
    padding: 0px;
    border: 1px solid #BABABA;
    float: left;
    width: 100%
}
.configGridTable table {
    width: 100%;
    border-width: 0;
}
.configGridTable tr.alternateRow td {
    border: 1px solid #bababa;
    padding: 6px 5px;
    background-color: #efefef;
}
.configGridTable tr, 
.configGridTable th,
.configGridTable tr.mainRow td {
    border: 1px solid #bababa;
    padding: 6px 5px;
    background-color: white;
}
.configGridTable td img {
    border: none;
    margin: 0 2px;
}
.configGridTable tr.mainRow.addItemRow, 
.configGridTable tr.mainRow.addItemRow td {
    padding:1px;
}
tr.mainRow.addItemRow div.addItem a {
    text-decoration:underline;
    cursor: pointer;
}
.editGroupCell img, 
td.dragAction img {
    cursor: pointer;
}
span.updateGroupCount {
    padding-left:20px;
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/ajax_loader_small.gif);
    background-repeat: no-repeat;
    background-position: 0px;
}
.configGridTable th {
    background-color:#DEDEDE;
    padding:3px;
    font-weight:normal;
}
.configGridTable caption {
	background-color: #cfcfcf;
	border: 1px solid #bababa;
	border-bottom: none;
	background-color: #CFCFCF;
	font-size: 1.1em;
	font-weight: bold;
	padding: 8px 5px;
	text-align: left;
}
div.selectUser div.principalSelector {
    display:inline-block;
}
div.selectUser div.principalSelector, 
div.selectUser div.principalSelector table {
    margin-bottom:-2px;
}
div.selectUser div.principalSelector, 
table.configGridTable div.selectUser div.principalSelector table td,
table.configGridTable div.selectUser div.principalSelector table tr {
    width:inherit;
    margin:0;
    padding:0;
    border:0;
}
.editGroupCell .DialogWindow_Title,
.editGroupCell .DialogWindow_Body {
	text-align: left;
}
span.errorLabel {
    color:#CE5545;
    display:block;
    margin:4px 0px;
    font-weight:bold;
    text-align:center;
}
.errorCtr {
    border:1px solid #CE5545;
}
.errorIcon {
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/16/exclamation.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right:25px;
}
.dividerArea {
    margin:7px 0px;
    padding:7px 0px;
    border-top: 1px dashed #B4B4B4;
    clear:both;
}
.studentGroupInfo {
    margin:5px 0px;
    font-size:0.85em;
    color:#858585;
}
.studentGroupFactor {
    margin:6px 0px;
}
.factorName {
    font-weight:bold;
}
.studentGroupSize {
    background-color:#F7F7F7;
    text-align:center;
    padding:10px;
    border: 1px dashed #B4B4B4;
    clear:both;
}
.autoAlertContent {
    float:left;
    padding:3px 0px;
}
a.addGroup {
    display:block;
    margin:10px 0px;
}
a.addGroup img {
    padding-right:5px;
}
.autoAlertLabel {
    font-weight:bold;
    width:120px;
}
.autoAlertErr {
    clear:both;
    margin-left:25px;
    font-weight:bold;
    color:#C63829;
    padding-left:20px;
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/16/exclamation.png);
    background-repeat: no-repeat;
    background-position: 0px;
}
.alertContent div {
    margin-bottom:12px;
}
.alertContent div span {
    display:block;
    margin-bottom:4px;
}
.resetContent {
    margin-left:20px;
    font-size: .85em;
}
.resetUser {
    color:#948E94;
    margin-bottom:2px;
}
.autoAlertTestRun {
    text-align:left;
}
.studentList table {
    margin:0px;
}
.studentList .headerRows th {
    padding:2px 2px 2px 5px;
}
.studentListContainer {
    margin:7px 0px;
}
.studentCount {
    padding-left:10px;
    max-width: 500px;
}
.arrowUp {
    padding-right:15px;
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/wedge-up.gif);
    background-repeat: no-repeat;
    background-position: right;
}
.arrowDown {
    padding-right:15px;
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/wedge-down.gif);
    background-repeat: no-repeat;
    background-position: right;
}
a.editLink.arrowUp,
a.editLink.arrowDown {
    background-position:left;
    padding-right:0px;
    padding-left:15px;
    margin-left:5px;
}
.failedLog {
    display:block;
    color:#BC0101;
    font-weight:bold;
}
.alertLogTitle {
    display:block;
    padding:5px;
    background-color: #CECFCE;
    font-weight: bold;
    border:1px solid #BABABA;
}
table tr.noDataTable {
    background-color:#FFF;
    border:1px dashed #B4B4B4;
    text-align:center;
}
table tr.noDataTable td {
    padding:15px;
}
div.autoAlertEmailNotify {
    font-style:italic;
    padding-left:40px;
    margin-bottom:20px;
}
.smallGray {
    color: Gray;
    font-size: .85em;    
}
.safeText, 
span.safeCategory {
    color: #008700;
    border:0;
}
.atRiskText, 
span.atRiskCategory {
    color: #D8A039;
    border:0;
}
.highRiskText, 
span.highRiskCategory {
    color: #790000;
    border:0;
}
.boldText {
    font-weight: bold;    
}
.bulletList {
    padding: 3px;
    margin: 5px;
}
.bulletList li {
    list-style-type: disc;
    padding: 3px 0;
    margin: 5px;
}
ul.singleAction {
    width: 100%;
    margin: 0;
    margin-top:5px;
    padding: 2px;
}
ul.singleAction li {
    width: 100%;
    float: none;
    margin: 0;
    padding: 2px;
    list-style: none;   
}
.slider.ui-slider {
    background: #E9E9E9;
    border-radius: 3px 3px 3px 3px;
    height: 8px;
}
.slider.ui-widget-content {
    border: 1px solid #BCBCBC;
    color: #000000;
}
.slider a.ui-slider-handle {
    border-radius: 4px 4px 4px 4px;
}
.slider .ui-state-default {
    border: 1px solid #848484;
    box-shadow: 0 0 1px #919191;
}
.slider {
    width: 150px;
    display: inline-block;
    margin: 0px 10px;
}
.templateSection span.sliderRange {
    font-size:0.85em;
    padding:0px;
    text-align:left;
    width:inherit;
}
.dashBottomIconKey {
    border-bottom: 1px dashed #BABABA;
}
.InactiveStudent,
a.InactiveStudent:visited,
a.InactiveStudent:link {
    color: #808080;
    font-style: italic;
}
.NoStudent {
    color: #575757;
    text-decoration: none;
}
.InactiveUnlinkedStudent,
a.InactiveUnlinkedStudent:hover {
    color: #808080;
    text-decoration: none;
    font-style: italic;
}
.UnlinkedStudent,
a.UnlinkedStudent:hover {
    color: #575757;
    text-decoration: none;
}
.zeroPadding {
    margin: -4px;
}
.required {
    color:#F00;
}
div.submissionNum {
    clear:both;
}
div.submissionNum span, 
span.selectorInfo, 
div.studentDisplay table th {
    color: #7B757B;
}
span.selectorInfo {
    display:block;
    padding-bottom:3px;
}
div.submissionNum span.required {
    color:#F00;
}
a.interventionLink, 
span.interventionLink {
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/intervention-to-alert.gif);
    background-repeat: no-repeat;
    padding-left:25px;
    padding-bottom:5px;
}
a.followupLink {
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/alert-follow-small.gif);
    background-repeat: no-repeat;
    background-position:0px 0px;
    padding-left:25px;
    padding-top:3px;
}
#tabs {
    margin-bottom: 3px;
    margin-top:10px;
}
#tabs li {
    display:inline-block;
}
#tabs li span.selected,
#tabs li span {
    padding:10px;
}
#tabs li span:hover,
#tabs li input:hover,
#tabs li label:hover {
    text-decoration:underline;
    cursor: pointer;
}
#tabs li span.interventionYes {
    border-radius: 6px 6px 0 0;
    margin-bottom:0;
    border-bottom:0;
    background-color:#FFF;
}
a.editStudent {
    padding-left:22px;
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/all-students.gif);
    background-repeat: no-repeat;
}
div.studentSelect {
    width:685px;
}
div.studentSelect table th, 
div.infoSelect table th {
    background-color:#DBDBDB;
    font-weight:normal;
    padding-left:3px;
}
div.studentSelect div.scrolling_inner {
    background-color:#FFF;
}
table.selectableStudents td, 
table.selectedStudents td {
    padding-top:5px;
    padding-left:2px;
}
table.selectableStudents a, 
table.selectedStudents a {
    color:#000;
    cursor:pointer;
    padding-left:18px;
    background-repeat: no-repeat;
    display:inline-block;
}
table.selectableStudents a:hover, 
table.selectedStudents a:hover {
    text-decoration:underline;
}
table.selectableStudents a {
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/add-gray.png);
}
table.selectableStudents a:hover {
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/16/add.png);
}
table.selectedStudents a {
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/cancel-gray.png);
}
table.selectedStudents a:hover {
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/16/cancel.png);
}
div.studentInfoArea {
    padding-top:20px;
    clear:both;
}
div.studentInfoTxt span {
    display:block;
    margin-bottom:5px;
    font-weight:bold;
    font-size:1.1em;
}
div.studentBlock {
    float:left;
    border:1px solid #9E9E9E;
    background-color:#9E9E9E;
    padding-left:15px;
    margin-top:10px;
}
div.studentBlockItems {
    background-color:#DFDFDF;
    padding:5px;
    min-height:100px;
}
ul.sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.sortable li {
    margin: 0;
    border:1px solid #CCC;
    padding: 0;
    background:#FFF;
}
ul.sortable table {
    margin:0;
}
ul.sortable li.sortableHighlight, 
tr.sortableHighlight td {
    height:1.5em;
    line-height:1.2em;
    background-color: #FFFFE4;
    border: 1px solid #FFCE08;
}
div.dragHandle {
    background-color: #DEDEDE;
    background-image:url(/ICS/ui/common/images/PortletImages/Icons/drag-handle.gif);
    background-position: 0 -6px;
    background-repeat:no-repeat;
    cursor: move;
    height: 22px;
    margin: 10px 0;
    width: 17px;
}
td.dragHandleTD.ui-sortable-handle, 
.configGridTable tbody tr td.dragHandleTD {
    background-color: #DEDEDE;
    background-image:url(/ICS/ui/common/images/PortletImages/Icons/drag-handle-line.gif);
    background-position: 2px 0;
    background-repeat: repeat-y;
    vertical-align: middle;
    width:18px;
    padding:0;
}
ul.sortable li td.dragItem {
    padding-left:5px;
    min-width:200px;
    cursor: default;
}
ul.sortable li td.dragItem span {
    display:inline-block;
    padding:2px 4px;
    border: 1px solid #FFF;
}
ul.sortable li tr.dragAlt td.dragItem span {
    border: 1px solid #EFEFEF;
}
tr.ui-sortable-helper{
}
div.studentInfoArea ul.sortable li td.dragItem span.stuInfoHeader {
    min-width:175px;
    font-weight:bold;
    border-bottom:1px dashed #CCC;
    display:inline-block;
    font-size:inherit;
    margin:0;
}
div.studentInfoArea ul.sortable li td.dragItem span:hover {
    background-color:#FFF;
    border:1px solid #C6BEC6;
}
td.dragItem img {
    padding-left:5px;
}
ul.sortable li table {
    width:100%;
}
tr.dragAlt td{
    background-color:#EFEFEF;
}
td.dragAction {
    padding-right:5px;
    text-align:right;
    cursor: default;
}
ul.sortable li td.dragItem span.invalidStudentInfo {
    display:block;
    color:#FF0000;
}
div.sortableHeader {
    text-align:center;
    border:1px solid #CCC;
    padding: 1px;
    background-color:#FFF;
}
div.sortableAction {
    background-color:#EFEFEF;
    border: 1px dashed #CCC;
    padding:2px;
}
div.studentPhoto {
    float:left;
    width:92px;
    height:92px;
    background-color:#EFEFEF;
    border: 1px solid #CCC;
    color:#CCC;
    font-weight:bold;
    font-size:1.1em;
    text-align:center;
    padding-top:25px;
}
div.studentName {
    font-size:1.1em;
    font-weight:bold;
    filter: alpha(opacity=30);
    opacity: 0.3;
    padding-bottom:3px;
}
span.blockInfo {
    color:#9E9E9E;
    display:block;
    margin-bottom:15px;
}
div#invalidHeader {
    text-align:center;
    font-size:0.85em;
    font-weight:bold;
    padding-top:5px;
}
.itemInfo {
    color:#9E9E9E;
}
div.infoSelect div.infoArea {
    float:left;
    width:280px;
    margin-top:5px;
    background-color:#FFF;
    height:300px;
    overflow-y:scroll;
    border:1px solid #CCC;
}
div.studentInfoHelp {
    background-color: #EFEFEF;
    border-radius: 6px 6px 6px 6px;
    color: #7E7E7E;
    float: left;
    font-size: 0.85em;
    line-height: 16px;
    margin-left: 30px;
    margin-top: 20px;
    padding: 10px;
    width: 400px;
}
div.studentInfoHelpImprovedContrast {
    border: 1px solid;
    border-radius: 6px 6px 6px 6px;
    float: left;
    font-size: 0.85em;
    line-height: 16px;
    margin-left: 30px;
    margin-top: 10px;
    padding: 10px;
    width: 400px;
}
div.studentInfoHelp img {
    margin-bottom:-3px;
}
span.arrow-left {
    margin-top: 16px;
    float:left;
    margin-left:-25px;
    border-bottom: 16px solid transparent;
    border-top: 16px solid transparent;
    border-right: 16px solid #EFEFEF;
}
div.origStuInfoName{
    color:#7E7E7E;
    font-size:0.8em;
    padding-left:5px;
    padding-top:2px;
}
/********  Manage Relationships *********/
div.rel-tbls {
    float: left;
    width: 67%;
}
div.rel-tbls.statsGrid td {
    padding: 5px 2px 5px 2px;
    height: 42px;
}
div.rel-tbls.statsGrid th {
    font-size: 11px;
    padding: 10px 2px 10px 2px;
    vertical-align: top;
}
div.rel-tbls .dragHandleHeader {
    width: 16px;
    padding: 0px 0px 0px 0px;
}
div.rel-tbls .rel-importType {
    color: #7E7E7E;
    font-size: 0.8em;
    padding-top: 2px;
}
span.rel-lblName:hover {
    background-color:#FFF;
    border:1px solid #C6BEC6;
}
div.rel-preview {
    float: right;
    width: 30%;
    padding-top: 38px;
}
.rel-preview div.rel-previewsection {   
    border:2px dashed #bababa;
    padding:10px;
    margin:3px 0;
}
a.rel-addAction img {
    height: 16px;
    width: 16px;
    margin-bottom: 3px;
}
a.rel-addAction[disabled] img {
    display: none;
}
a.rel-addAction[disabled] {
    padding-left: 25px;
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/add-gray.png);
    background-repeat: no-repeat;
    background-position: 5px 5px;
}
.rel-button {
    cursor: pointer;
}
div.rel-new {
    display: table-row;
    background-color: #C5D4EC;
}
div.rel-new div {
    display: table-cell;    
    border: none;
    padding: 5px 2px 5px 2px;
    height: 42px;
    vertical-align: middle;
}
.rel-default-col {
    width: 45px;
}
input.rel-invalid-name {
    border: 1px solid #FF120E;
}
span.rel-invalid-name {
    display: block;
    color: #FF120E;
	position: relative;
}
div.rel-errors {
    margin-top: 15px;
}
span.rel-errorMesg {    
    display: block;
    font-weight: bold;
}
div.rel-uploadErrors {
    overflow-y: auto;
    max-height: 150px;
    margin: 10px 0;
    padding: 5px 0;
    border-top: 1px dashed #e0e0e0;
    border-bottom: 1px dashed #e0e0e0;
}
div.rel-uploadErrors ul li {
    list-style: inside none disc;
    margin: 2px;
    padding: 3px 0;
}
div.rel-errorInfo strong {
    color: #F8060D;
    display: block;
    margin-bottom: 3px;
}
div.rel-uploadArea {
    margin: 25px 0;
}
div.rel-uploadArea span.rel-title {
    display: inline-block;
    width: 65px;
    text-align: right;
    margin-right: 5px;
}
#rel-file {
    position: relative;
    left: -30px;
}
span.rel-visibleRels {
    font-size:1.4em;
    display: block;
}
span.rel-hidden-txt {
    display: block;
    font-weight: bold; 
    font-size: 1.1em; 
    margin-bottom: 10px;
}
div.defaultRelationshipName{
    color:#7E7E7E;
    font-size:0.8em;
}
/******** END Manage Relationships *********/
/***** Email Logging *****/
.emailAction {
    padding-left:20px;
    background-repeat: no-repeat;
}
.emailAction {
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/16/email.png);
}
div.noteConfirm div.ui-dialog-titlebar {
    display:none;
}
div.noteConfirm div.ui-dialog-content {
    padding:10px;
}
div.noteConfirm .noteInfo {
    margin:20px 0;
}
div.noteConfirm div.ui-dialog-content span {
    display:block;
    font-weight:bold;
}
/*
* Role and Relationship Permissions Styles (RoleSettings and RelationshipSettings)
*/
.newmodel_hidden {
    position: absolute;
    left: -9999px;
}
.selected {
    background-color: #ccc;
}
#newmodelnav {
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
}
#newmodelnav label {
    display: inline-block;
    cursor: pointer;
	width: 200px;
}
#newmodelnav label img {
    padding: 3px;
}
.modelnavimage {
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/icon_graph_32.gif);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}
.modeltext {
    padding-left: 30px;
    padding-bottom: 10px;
    width: 95%;
}
.studnavimage {
    background-image: url(/ICS/ui/common/images/PortletImages/Icons/student-relationships-large.gif);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}
.studenttext {
    padding-left: 30px;
    padding-bottom: 10px;
    width: 95%;
}
.radStudenttd,
.radModeltd,
.radAllAccess,
.radNeedToKnowspan,
.speficAccesspan
{
    cursor: pointer;
    border: solid thin #BABABA;
    border-radius: 15px;
}
.giantRadioButtonSelected {
    background-color: #BACEDC;
    border: #0B4981 thin solid;
}
.giantRadioButtonHover {
    background-color: #FFF;
}
.giantRadioButtonInactive {
    cursor: default;
}
.radStudenttd {
    width: 47%; 
}
.radModeltd {
    width: 47%; 
}
.rolerads input {
    visibility: hidden;
}
.Cansee {
    position: relative;
    right: -52px;
    top: -25px;
}
div.errorPanel {
    color:#CE5545;
    display:block;
    margin:4px 0px 8px 20px;
    font-weight:bold;
}
/*
* End Role and Relationship Permissions Styles
*/
/*
* Configure Email Templates Styles
*/
.et-fromLink,
.et-fromLink:visited {
    display: inline-block;
    border: 1px solid #cccccc;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    color: #004280;
    cursor: pointer;
    padding: 5px 10px 5px 10px;
    margin: 8px 8px 0 8px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0px 1px 0px white;
    vertical-align: middle;
    text-decoration: none;
    background: #ededed; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
.et-fromLink:hover {
    border: 1px solid #9fb6cc;
    box-shadow: 0px 1px 1px rgba(0,0,0,.1);
    text-decoration: none;
    background: #cad8ed; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 3%, rgba(234,241,255,1) 3%, rgba(202,216,237,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,rgba(255,255,255,1)), color-stop(3%,rgba(234,241,255,1)), color-stop(100%,rgba(202,216,237,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 3%,rgba(234,241,255,1) 3%,rgba(202,216,237,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 3%,rgba(234,241,255,1) 3%,rgba(202,216,237,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 3%,rgba(234,241,255,1) 3%,rgba(202,216,237,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 3%,rgba(234,241,255,1) 3%,rgba(202,216,237,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cad8ed',GradientType=0 ); /* IE6-9 */
}
a.et-selected,
a.et-selected:link, 
a.et-selected:visited,
a.et-selected:hover {
    box-shadow: 0px 1px 0px rgba(0,0,0,.1);
    text-decoration: none;
    background: #cad8ed; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(202,216,237,1) 0%, rgba(234,241,255,1) 98%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(202,216,237,1)), color-stop(98%,rgba(234,241,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(202,216,237,1) 0%,rgba(234,241,255,1) 98%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(202,216,237,1) 0%,rgba(234,241,255,1) 98%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(202,216,237,1) 0%,rgba(234,241,255,1) 98%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(202,216,237,1) 0%,rgba(234,241,255,1) 98%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cad8ed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
div.et-buttonPanel {
    display: inline-block;
    font-size: 0.95em;
}
span.et-fromLiteral {
    font-size: 1.1em; 
    width: 100%; 
    text-align: left;
}
.et-sendFromSection {
    margin-bottom: 0px;
}
div.et-chooserPanel {
    display: inline-block;
    width: 83%;
    background-color: #C5D4EC;
    border: none;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    vertical-align: top;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 10px;
    margin-bottom: 10px;
}
span.et-chooserLabel {
    color: #0B4981;
    text-align: left;
    width: 50%;
    padding-right: 0px;
}
#etInnerChooseAPersonLabel {
    display: block;
}
a.et-backToSendFromLink,
a.et-backToSendFromLink:link, 
a.et-backToSendFromLink:visited,
a.et-backToSendFromLink:hover {
    color: blue;
    float: right;
    text-decoration: underline;
}
div.et-sendFromLowerSection > div {
    padding-left: 10px;
    padding-bottom: 10px;
}
.et-chosenNameBox {
	width: 150px;
    left: 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 25px;
	background: white;
	border: 1px solid #cccccc;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
}
.et-peopleChooser input {
    height: 19px;
    width: 160px;
}
.et-innerPeopleChooserArea {
    padding-left: 46px;
}
span#etInnerPeopleChooser {
    display: block;
    text-align: left;
}
.et-peopleChooser i.fa-search {
    position: relative;
    top: -22px;
    right: -60px;
    color: #909090;
}
#etInnerPeopleChooser i.fa-search {
    right: -180px;
}
.et-ddlRelationshipType {
    height: 25px;
    width: 200px;
}
span.et-explainOptionMessage {
    width: 100%;
    text-align: left;
}
.et-optionSelector {
    margin-left: 25px;
}
span.et-validationMessage {
    width: 140px;
    font-weight: bold;
    color: red;
}
span.et-validationMessageNewline {
    width: 100%;
    text-align: center;
}
span.et-validationMessagePC {
    position: relative;
    top: -10px;
    right: 18px;
}
span.et-validationMessageInnerPC {
    position: relative;
    top: -10px;
    right: -25px;
}
/*
* Notifications Configuration Styles
*/
.pointerMenu li a.nc-allowedButton div {
    background: url(/ICS/ui/common/images/PortletImages/Icons/tick.png) 8px 10px no-repeat #efefef;
}
.pointerMenu li a.nc-allowedButton div.selected {
    z-index: 1;
    background-color: #2F69BF;
    background: url(/ICS/ui/common/images/PortletImages/Icons/tick.png)) 8px 10px no-repeat #2F69BF;
}
.pointerMenu li a.nc-notallowedButton div {
    background: url(/ICS/ui/common/images/PortletImages/Icons/delete.png) 8px 10px no-repeat #efefef;
}
.pointerMenu li a.nc-notallowedButton div.selected {
    z-index: 1;
    background-color: #2F69BF;
    background: url(/ICS/ui/common/images/PortletImages/Icons/delete.png) 8px 10px no-repeat #2F69BF;
}
.nc-groupLinkButton {
    cursor: pointer;
}
.nc-notifyGroupText {
    padding-left: 20px;
}
.pointerMenu li.nc-relationshipsToNotify {
    padding: 10px;
    display: block;
    line-height: 16px;
    border-top: 1px solid #cccccc;
    background-color: #cecfce;
    text-align: center;
}
.nc-form {
    background-color: #efefef;
    -ms-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    padding: 20px 0px 5px;
}
.nc-formPlaceholder {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 15px;
}
.nc-selectOtherPeople {
    padding-top: 10px;
    font-style: italic;
}
.nc-noselection:after {
    content: ' ';
    width: 0px;
    height: 0px;
    border-left: 18px solid transparent;
    border-top: 18px solid transparent;
    border-right: 18px solid #e2e2e2;
    border-bottom: 18px solid transparent;
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -18px;
    margin-right: 0px;  
}
.nc-noselection {
    position: relative;
    background-color: #e2e2e2;
    text-align: center;
    margin-top: 10px;
    padding: 10px 0px 10px;
}
.nc-form-checkbox {
    padding-top: 15px;
    font-size: larger;
}
.nc-form-checkboxItemList {
    display: table;
    padding-left: 25px;
}
.nc-form-checkboxItemList div {
    display: table-row;
}
.nc-form-checkboxItemList div span {
    display: table-cell;
    padding-top: 5px;
}
.nc-form-checkboxItemList div span.nc-form-label {
    width: 180px;
}
.nc-form-checkboxItemList div span select {
    width: 100%;
}
/***  RELATIONSHIP CHOOSER START ***/ 
.rrc-autocomplete {
    width: 200px;
}
.rrc-selectable-header,
.rrc-selected-header {
    font-size: 0.9em;
    display: block;
    margin-bottom: 4px;
}
div.rrc-item {
    padding: 2px 24px 2px 2px;
    margin: 2px 0;
    position: relative;
}
div.rrc-item img {
    float: left;
    height: 45px;
    width: 45px;
}
i.rrc-fa {
    float: left;
    margin-left: -18px;
    margin-top: 3px;
}
/*div.rrc-item div {
    margin-left: 50px;
    line-height: 13px;
}*/
span.rrc-itemId {
    color:#808080;
    display: block;
    font-size: 11px;
}
div.rrc-name strong {
    display: block;
    color: #000;
}
div.rrc-name {
    display: inline-block;
    color: #000;
}
span.rrc-details {
    display: block;
    color:#000;
    font-size:10px;
}
.rrc-selectable div.rrc-item,
.rrc-selected div.rrc-item {
    margin: 3px;
    padding: 4px 2px 4px 25px;
    border: 1px solid #FFF;
    /*min-height: 20px;*/
    background-repeat: no-repeat;
    background-position: 5px 5px;
    position: relative;
}
.rrc-selectable div.rrc-item i.fa,.rrc-selected div.rrc-item i.fa  {
    color: gray;
}
.rrc-selected div.rrc-item i.rrc-fa-selected,
.ui-autocomplete.rrc-autocomplete-menu .ui-menu-item.ui-state-focus .rrc-fa-selected {
    position: absolute;
    z-index: 101;
    top: 32px;
    font-size: 14px;
    margin-left: 30px;
    color: #A7CE01;
    display: block;
}
.rrc-selectable div.rrc-item img.rrc-itemImg, 
.rrc-selectable div.rrc-item i.rrc-fa-selected, 
.ui-autocomplete.rrc-autocomplete-menu .ui-menu-item .rrc-fa-selected  {
    display: none;
}
.rrc-selectable div.rrc-item div {
    margin-left: 0px;
}
.rrc-selected div.rrc-item {
    clear: both;
    /*min-height: 47px;*/
}
.rrc-selected div.rrc-item img.rrc-itemImg {
    position: absolute;
}
.rrc-selectable,
.rrc-selected {
    min-width: 250px;
}
.rrc-selection-area {
    border: 1px solid #CDCDCD;
    height: 250px;
    overflow-y: auto;
}
.rrc-selectable-wrapper {
    float: left;
    width: 48.5%;
}
.rrc-selected-wrapper {
    margin-left: 51.5%;
    width: auto;
}
.rrc-selectable input[type='image'],
.rrc-selected input[type='image'] {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1000;
}
.rrc-selectable span.rrc-itemId {
    display: inline;
    margin-left: 5px;
}
.rrc-selectable div.rrc-item:hover,
.rrc-selected div.rrc-item:hover {
    border: 1px solid #e7d937;
    background-color: #ffffe5;
    border-radius: 4px;
    cursor: pointer;
}
.rrc-selected div.rrc-item:hover {
    background-image: none;
    border: 1px solid #D4D4D4;
    background-color: #ECECEC;
}
.rrc-selectable div.rrc-item:hover i.rrc-fa {
    color: #A7CE01;
}
.rrc-selected div.rrc-item:hover i.rrc-fa, 
.rrc-removeAll i.fa {
    color: #DD0600;
}
.rrc-selectable div.rrc-item:hover strong, 
.rrc-selected div.rrc-item:hover strong {
    text-decoration: underline;
}
.rrc-action {
    clear: both;
    text-align: center;
    margin-bottom: 20px; 
}
.rrc-removeAll {
    text-decoration: underline;
    padding-right: 15px;
    cursor: pointer;
}
.rrc-autocomplete.ui-autocomplete-input {
    padding-right: 20px;
}
.relationshipchooser i.fa-search {
    right: -17px;
    margin-left: -17px;
    color: #909090;
}
.rrc-watermark {
    color: #909090;
    font-style: italic;
}
.ui-autocomplete.rrc-autocomplete-menu  {
    max-height: 200px;
    max-width: 350px;
    min-width: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    -moz-box-shadow: 1px 1px 8px rgba(0,0,0,.35);
    -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,.35);
    box-shadow: 1px 1px 8px rgba(0,0,0,.35);
    padding-right: 5px;
}
.ui-autocomplete.rrc-autocomplete-menu .ui-menu-item {
    background: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.ui-autocomplete.rrc-autocomplete-menu .ui-menu-item.ui-state-focus {
    background: 0;
    border: 1px solid #e7d937;
    background-color: #ffffe5;
    display: block;
    cursor: pointer;
    box-shadow: none;
}
.rrc-loading {
    overflow: hidden;
    padding: 25px 0;
    text-align: center;
    background-color: white;
    position: absolute;
    z-index: 1000;
    display: block;
    width: 200px;
    margin-left:-60px;
    margin-top:-50px;
    font-family: Trebuchet MS;
    font-size: medium;
    font-weight: bold;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6x;
    border-radius: 6px 6px 6px 6px;
    -moz-box-shadow: 1px 1px 8px rgba(0,0,0,.35);
    -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,.35);
    box-shadow: 1px 1px 8px rgba(0,0,0,.35);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#535353,direction=45,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#535353,direction=135,strength=4) progid:DXImageTransform.Microsoft.Shadow(color=#535353,direction=225,strength=4) progid:DXImageTransform.Microsoft.Shadow(color=#535353,direction=315,strength=3);
}
.rrc-loading img {
    vertical-align: middle;
    margin-right: 6px;
}
/***  RELATIONSHIP CHOOSER END ***/ 
/*** SYSTEM NOTIFICATION BEGIN ***/
.SystemNotifications {
    background-color: #FFFFE4;
    border: 2px solid #E8DB41;
    margin-bottom: 10px;
}
.sn-message {
    padding: 15px;
}
.sn-grid {
    padding: 15px;
}
.sn-grid td,
.sn-grid th {
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 8px;
    vertical-align: top;
}
.sn-grid th {
    font-size: 150%;
    text-align: left;
}
.sn-grid td.nowrap {
    white-space: nowrap;
}
.sn-imgDelete {
    cursor: pointer;
    display: inline-block;
    background: url(/ICS/ui/common/images/PortletImages/Icons/16/cancel.png) 0px 0px no-repeat;
    width: 20px;
    height: 20px;
}
.sn-imgHideAll {
    cursor: pointer;
    display: inline-block;
    background: url(/ICS/ui/common/images/PortletImages/Icons/16/cross.png) 0px 0px no-repeat;
    width: 16px;
    height: 16px;
}
/*** SYSTEM NOTIFICATION END ***/
/*** EXPORT ACTIONS BEGIN ***/
.xa-exportLink {
    float: right; 
    padding-right: 15px; 
    color: #0B4981; 
    font-weight: normal;
}
.xa-exportImage {
    float: right; 
    padding-right: 5px;
}
/*** EXPORT ACTIONS END ***/
/*** STUDENT SELECTOR START ***/
.student-selector .glyphicons-user {
    font-size: 18px;
    top: 3px; 
}
.add-student-users {
    text-decoration: underline;
    cursor: pointer; 
}
.student-selector-toggle-arrow {
    cursor: pointer; 
}
.student-selector .available-container, 
.student-selector .selected-container {
    height: 200px;
    overflow-y: scroll;
    border-style: solid;
    border-width: 1px; 
}
.student-selector .student-selector-item {
    padding: 3px 5px 3px 5px;
    display: flex; 
}
.student-selector .student-selector-item:hover {
    cursor: pointer; 
}
.student-selector .student-selector-item .student-image-column {
    padding-right: 15px;
    min-width: 40px;
    max-width: 40px; 
}
.student-selector .student-selector-item .student-image-column .student-icon {
    height: 32px;
    width: 32px;
    position: relative;
    top: 3px;
    object-fit: cover;
    border-radius: 50%; 
}
.select-section .section-selection {
    width: 100%;
}
.student-selector .button-container {
    display: block;
}
.student-selector .button-container input.more-button {
    float: right;
}
.student-selector-row {
    padding-left: 5px;
}
.student-selector-cards {
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.student-selector-label { /* pseudo form-control */
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
}
/*** STUDENT SELECTOR END ***/
/*** SUBMIT EARLY ALERT BEGIN ***/
#submitAsSelfContainer .glyphicons-undo {
    font-size: 18px;
}
/*** SUBMIT EARLY ALERT END ***/
/*** COMMON FORM STYLES START ***/
.centered-modal.in {
    display: flex !important;
}
.centered-modal .modal-dialog {
    margin: auto;
}
.top-padding-sm {
    padding-top: 10px;
}
.vert-padding-top-sm {
    padding-top: 5px;
}
.margin-sm {
    margin: 3px;
}
.margin-top-md {
    margin-top: 20px;
}
.cursor-pointer {
    cursor: pointer;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.font-weight-bold {
    font-weight: bold;
}
a.nolink,
a.nolink:hover,
a.nolink:focus {
    text-decoration: none;
    color: inherit;
}
.panel-heading .accordion-toggle:after { /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after { /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
.retention-info-container {
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #ababab;
    padding: 10px;   
    background-color: whitesmoke;
    overflow: hidden;
}
.retention-info-chevron {
    cursor: pointer;
}
/*** COMMON FORM STYLES END ***/
/*** JICS BASE OVERRIDES START ***/
.portlet-grid .portlet .rmsSection.form-wrapper label:not(.end-at-label), 
.portlet-grid .portlet .rmsSection .form-element label:not(.end-at-label) {
    margin-right: 2px;
}
.footable caption {
    color: inherit;
}
/*** JICS BASE OVERRIDES END ***/
/*** RMSDatePicker STYLES BEGIN ***/
.calendar-glyph {
    padding-right: 2px;
}
/*** RMSDatePicker STYLES END ***/
/*** INTERVENTION, FOLLOWUP FORM STYLES START ***/
.submission-form-header {
    font-size: 1.6em;
}
#addInterventionForm .submission-form-label, 
#addAssignmentForm .submission-form-label {
    font-weight: bold;
    margin-right: 2px;
}
#addAssignmentForm .submission-form-interior-label {
    font-weight: bold;
    margin-right: 2px;
    display: inline;
}
#addInterventionForm .intervention-form-changeRelationship-link {
    cursor: pointer;
}
#addInterventionForm .submission-form-cancel-link,
#addAssignmentForm .submission-form-cancel-link {
    font-weight: bold; 
    margin-left: 25px;
}
.chevron-container {
    float: right;
}
.width-100 {
    width: 100%;
}
#_aboutAction .bold-form-label {
    font-weight: bold;
    margin-bottom: 0px;
}
.mce-tinymce {
    width: calc(100% - 2px) !important; 
}
/*** INTERVENTION, FOLLOWUP FORM STYLES END ***/
/*** ACTIONS GRID AND MAINNTK STYLES START ***/
#alertsScreen a.fooicon, 
#assignmentsScreen a.fooicon, 
#interventionsScreen a.fooicon, 
#allActionsScreen a.fooicon,
#emailsScreen a.fooicon, 
#mainNTKScreen a.fooicon {
    color: #575757;
}
#alertsScreen table.footable-details > tbody > tr > th:nth-child(1),
#assignmentsScreen table.footable-details > tbody > tr > th:nth-child(1),
#interventionsScreen table.footable-details > tbody > tr > th:nth-child(1),
#allActionsScreen table.footable-details > tbody > tr > th:nth-child(1),
#emailsScreen table.footable-details > tbody > tr > th:nth-child(1),
#mainNTKScreen table.footable-details > tbody > tr > th:nth-child(1) {
    width: 190px;
}
#alertsScreen .footable-container .footable-first-visible,
#assignmentsScreen .footable-container .footable-first-visible,
#interventionsScreen .footable-container .footable-first-visible {
    width: auto;
}
#allActionsScreen .footable-container .footable-first-visible {
    width: 60px;
}
.panel-bold-gray {
    font-weight: bold; 
    color: #575757;
}
.accordion-panel-content {
    padding: 5px 5px;
}
.fake-listbox {
    height: 25px;
    width: 348px;
    text-align: left;
    font-size: 13px;
    margin: 3px 5px;
    border-radius: 4px;
    background: -webkit-linear-gradient(top, #f6f6f6 0, #ededed 100%);
    border-color: #7b7b7b;
}
/*** ACTIONS GRID AND MAINNTK STYLES END ***/
/*** MAIN AND DEFAULT SCREEN STYLES START ***/
.dm-panel-group {
    margin-bottom: 30px;
}
a.dm-panel-link,
a.dm-panel-link:hover {
    text-decoration: none;
    color: inherit;
}
a.dm-ta-menu-link,
a.dm-ta-menu-link:hover {
    text-decoration: none;
    color: white;
}
.dm-panel-group .panel {
    margin-bottom: 10px;
}
.dm-panel-body {
    height: 200px;
    padding-top: 40px;
}
.dm-ta-panel-body {
    height: 200px;
}
.dm-btn-take-action {
    margin-bottom: 5px;
}
.dm-btn-take-action {
    width: 100%;
    text-align: center;
}
.ta-dropdown-header {
    font-weight: bold;
}
.ta-dropdown-menu {
    width: 100%
}
.ta-dropdown-menu {
    text-align: center;
    padding-bottom: 5px;
}
/*** MAIN AND DEFAULT SCREEN STYLES END ***/
/*** TAKE ACTION STYLES BEGIN ***/
.ras-panel-list {
    max-height: 350px;
    overflow: scroll;
}
/*** TAKE ACTION STYLES END ***/
/*** STUDENT DETAILS TAB/PANEL START ***/
.retention .mol-tabs {
  margin: 0 auto 2rem auto;
  width: 100%; 
}
.retention .mol-tabs .nav-tabs {
    border: none;
    padding: 0; 
}
@media (min-width: 768px) {
    .retention .mol-tabs .nav-tabs {
        border-bottom: 2px solid #DDD;
        margin: 0; 
    } 
}
.retention .mol-tabs .nav-tabs li {
      list-style-type: none;
      float: none;
      display: inline-block;
      margin: 0 0 0.75rem 0;
      font-size: 15px; 
}
@media (min-width: 768px) {
    .retention .mol-tabs .nav-tabs li {
          margin: 0 0.75rem 0 0; 
    } 
}
.retention .mol-tabs .nav-tabs > li > .panel-title {
    border-radius: 0;
    display: block;
    padding: 1.25rem;
    border: none;
    color: #666;
    margin: 0; 
}
@media (min-width: 768px) {
    .retention .mol-tabs .nav-tabs > li > .panel-title {
        max-width: 180px; 
    } 
}
.retention .mol-tabs .nav-tabs > li.active > a,
.retention .mol-tabs .nav-tabs > li.active > a:focus,
.retention .mol-tabs .nav-tabs > li.active > a:hover {
    border-width: 0;
    transition: 300ms ease-in-out; 
}
.retention .mol-tabs .nav-tabs > li.active > a,
.retention .mol-tabs .nav-tabs > li > a:hover {
    border: none;
    color: #2F70A9;
    background: #eee; 
}
@media (min-width: 768px) {
    .retention .mol-tabs .nav-tabs > li > a::after {
      content: "";
      background: #2F70A9;
      height: 2px;
      position: absolute;
      width: 100%;
      left: 0px;
      bottom: -1px;
      transition: all 250ms ease 0s;
      transform: scale(0); 
    } 
}
@media (min-width: 768px) {
    .retention .mol-tabs .nav-tabs > li.active > a::after,
    .retention .mol-tabs .nav-tabs > li:hover > a::after {
      transform: scale(1); 
    } 
}
.retention .mol-tabs .tab-nav > li > a:after {
    background: #21527d;
    color: #fff;
} 
.retention .mol-tabs .tabpanel {
    width: 100%;
    border: 2px solid #ddd;
    border-top: none;
    line-height: 1.425;
    padding: 10px;
    transition: 300ms ease-in-out; 
}
.retention .mol-tabs .panel-title {
    position: relative;
    text-decoration: none; 
}
.retention .tabpanel .panel-body {
    padding: 0;
}
.retention .mol-tabs.tabs-view .tabpanel {
    display: none;
    padding: 10px; 
}
.retention .mol-tabs.tabs-view .tabpanel.current {
    display: block !important; 
}
.retention .mol-tabs.accordion-view .nav-tabs {
    padding: 3px 0px; 
}
.retention .mol-tabs.accordion-view .nav-tabs li {
    display: block;
    padding: 0px;
    position: relative; 
}
.retention .mol-tabs.accordion-view .nav-tabs > li > .panel-title {
    font-size: 1.8rem;
    padding: 1rem 2.125em 1rem 0.5rem;
    border: 2px solid #ddd;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    box-sizing: border-box; 
}
.retention .mol-tabs.accordion-view .tabpanel {
    display: none;
    width: 100%;
    border: 2px solid #ddd;
    box-sizing: border-box;
    border-top: none;
    padding: 10px;
    transition: 300ms ease-in-out; 
}
.retention .mol-tabs.accordion-view .tabpanel.current {
    display: block; 
}
.retention .mol-tabs#tab-container.accordion-view {
    margin: 0 auto; 
}
@media (max-width: 768px) {
    .retention .mol-tabs .panel-title:after {
      content: "\e080";
      font-family: 'Glyphicons Halflings';
      position: absolute;
      right: 20px;
      top: 10px;
      width: 1.875rem;
      height: 1.875rem;
      font-size: 1.5rem;
      transform: rotate(90deg); 
    } 
}
@media (max-width: 767px) {
    .retention .mol-tabs li.active a:after {
      transform: rotate(-90deg) !important;
      transition: 500ms cubic-bezier(0.44, 0.03, 0.03, 1.01); 
    } 
}
.retention .mol-accordion .accnav {
  margin: 0 0 2rem 0;
  padding: 0; 
}
.retention .mol-accordion .accordionSubMenu {
  display: none; 
}
.retention .mol-accordion ul .here .tabpanel {
  display: block; 
}
.retention .mol-accordion .level1 {
  list-style-type: none;
  margin: 0 0 0.75rem 0; 
}
.retention .mol-accordion .category {
  background: #ffffff;
  color: #666;
  font-size: 1.8rem;
  padding: 1rem 2.125em 1rem 0.5rem;
  border: 2px solid #ddd;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  position: relative; 
}
.retention .mol-accordion .category:hover {
    background: #eeeeee;
    cursor: pointer; 
}
.retention .mol-accordion .category[aria-expanded="true"] {
    background: #eeeeee;
    color: #2F70A9; 
}
.retention .mol-accordion .category:after {
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    position: absolute;
    right: 20px;
    top: 10px;
    width: 1.875rem;
    height: 1.875rem;
    font-size: 1.5rem;
    transform: rotate(90deg);
    transition: 500ms cubic-bezier(0.44, 0.03, 0.03, 1.01); 
}
.retention .mol-accordion .category[aria-expanded="true"]:after {
  transform: rotate(-90deg) !important; 
}
.retention .mol-accordion .expanded {
  display: block; 
}
.retention .mol-accordion .tabpanel {
  width: 100%;
  border: 2px solid #ddd;
  box-sizing: border-box;
  border-top: none;
  line-height: 1.425;
  padding: 10px;
  transition: 300ms ease-in-out; 
}
.bold-label {
    font-weight: bold !important;
    margin-bottom: 0px;
}
.courseDescription {
    font-size: 0.85em; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
}
/*** STUDENT DETAILS TAB/PANEL END ***/
/*** ACTIVITY TIMELINE ***/
.activity-timeline .header-row {
    padding-top: 7px;
    padding-bottom: 7px;
}
.activity-timeline .high-severity-alert-icon {
    color: #962B28;
}
.activity-timeline .open-alert-icon {
    color: #A76D11;
}
.activity-timeline .closed-activity-icon {
    color: #767676;
}
.activity-timeline a.expand[aria-expanded=true] span.glyphicon-chevron-right {
    display: none;
}
.activity-timeline a.expand[aria-expanded=false] span.glyphicon-chevron-down {
    display: none;
}
.activity-timeline div.details-expand,
.activity-timeline div.note-activity-header,
.activity-timeline div.action-activity-header,
.activity-timeline div.activity-icon {
    display: inline-block;
    vertical-align: top;
}
.activity-timeline div.details-expand {
    font-size: 18px;
    text-decoration: none;
}
.activity-timeline div.note-activity-header {
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px);
}
.activity-timeline div.action-activity-header {
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: calc(100% - 60px);
}
.activity-timeline .activity-row div.activity-icon {
    font-size: 18px;
}
.activity-timeline h4.activity-title {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
}
.activity-timeline .activity-row.closed {
    color: #767676;
    font-style: italic;
}
.activity-timeline .activity-row.closed div.activity-icon,
.activity-timeline .activity-row.closed h4.activity-title {
    font-size: 14px;
}
.activity-timeline .activity-links {
    font-style: normal;
}
.activity-timeline span.activity-data,
.activity-timeline span.activity-bold {
    font-weight: bold;
}
.activity-timeline span.activity-state-label {
    display: inline-block;
    vertical-align: top;
}
.activity-timeline span.activity-state {
    display: inline-block;
    font-weight: bold;
}
.activity-timeline div.activity-row.current-activity .header-row,
.activity-timeline div.activity-row.related-activity .header-row,
.activity-timeline div.activity-row.current-viewing .header-row {
    background-color: #FFFBD6;
}
.activity-timeline div.activity-row span.current-activity-indicator,
.activity-timeline div.activity-row span.related-activity-indicator,
.activity-timeline div.activity-row span.current-viewing-indicator {
    display: none;
}
.activity-timeline div.activity-row.current-activity span.current-activity-indicator,
.activity-timeline div.activity-row.related-activity span.related-activity-indicator,
.activity-timeline div.activity-row.current-viewing span.current-viewing-indicator {
    display: initial;
}
.activity-timeline span.current-activity-indicator span.activity-indicator-text,
.activity-timeline span.related-activity-indicator span.activity-indicator-text,
.activity-timeline span.current-viewing-indicator span.activity-indicator-text {
    display: inline-block;
}
.activity-timeline span.current-activity-indicator .glyphicon,
.activity-timeline span.current-viewing-indicator .glyphicon {
    vertical-align: top;
    font-size: 28px;
    color: #3C8727;
}
.activity-timeline span.related-activity-indicator .glyphicon {
    vertical-align: top;
    font-size: 17px;
    color: #3C8727;
}
.activity-timeline div.activity-row.current-activity .related-activity-link {
    color: #767676;
}
a.associated-activities {
    text-decoration: none;
}
a.associated-activities[aria-expanded=false] span.glyphicon-chevron-up {
    display: none;
}
a.associated-activities[aria-expanded=true] span.glyphicon-chevron-down {
    display: none;
}
/*** ACTIVITY TIMELINE END ***/
/*** STUDENTS SEARCH CONTROL, ACTIONS SEARCH CONTROL START ***/
.students-search-border,
.actions-search-border {
    border: 1px solid lightgray;
}
.students-search-container .close-icon,
.actions-search-container .close-icon {
    float: right;
    cursor: pointer;
}
.actions-search-container ::placeholder {
    font-style: italic;
    font-size: 0.9em;
}
.actions-search-container .select2-container .select2-search--inline input.select2-search__field {
    width: auto !important;
    padding-top: 2px;
}
.students-search-container .and-container,
.actions-search-container .and-container {
    width: 100%;
    height: 10px;
    border-bottom: 1px solid black;
    text-align: center
}
.students-search-container .and-label,
.actions-search-container .and-label {
    background-color: #fff; 
    padding: 20px 20px;
}
/*** STUDENTS SEARCH CONTROL, ACTIONS SEARCH CONTROL END ***/
/*** MODEL PAGES - RESULTS, CONFIGURATION, ABOUT - START ***/
.model-results-statement {
    font-size: 20px;
    color: #575757;
}
.student-model-selector>button,
.student-model-selector>span {
    display: inline-block;
    width: 90%;
    padding-top: 13px;
    padding-bottom: 13px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    text-align: center;
    background: #F5F5F5;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
}
.student-model-selector .dropdown-menu {
    width: 90%;
}
.student-model-selector .dropdown-menu li a {
    text-decoration: none;
    padding-top: 2px;
    padding-bottom: 2px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .model-results-statement {
        padding-top: 30px;
        vertical-align: top;
        width: -webkit-calc(100% - 320px);
        width: -moz-calc(100% - 320px);
        width: calc(100% - 320px);
    }
}
.modconfig-togglecell {
    text-align: center; 
    width: 25%; 
    cursor: pointer;
}
.modconfig-textbox { /* quasi form-control */
    height: 34px;
    border: 1px solid #ccc;
    border-radius: 4px; 
    width: 45%;
}
.modabout-factor-list a.expand[aria-expanded=true] span.glyphicon-chevron-right {
    display: none;
}
.modabout-factor-list a.expand[aria-expanded=false] span.glyphicon-chevron-down {
    display: none;
}
.modabout-factor-list div.details-expand {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    font-size: 18px;
}
.rms-bluebar-fill {
    fill: #121b63;
}
.rms-graybar-fill {
    fill: #e8ecee;
}
/*** MODEL PAGES END ***/
/*** RISK CATEGORY COLORS ***/
.rms-lowrisk {
    color: #358500;
}
.rms-lowrisk-fill {
    fill: #358500;
}
.rms-atrisk {
    color: #d07f16;
}
.rms-atrisk-fill {
    fill:  #d07f16;
}
.rms-highrisk {
    color: #ac0000;
}
.rms-highrisk-fill {
    fill: #ac0000;
}
.white-label-text {
    font-size: 1.3em;
    font-weight: bold;
    fill: white;
}
.white-label-text-sm {
    font-size: 1.1em;
    font-weight: bold;
    fill: white;
}
.gray-label-text-sm {
    font-size: 1.1em;
    font-weight: bold;
    fill: #496565;
}
/*** ***/
/*** SEND EMAIL MODAL START ***/
.sem-icon {
    font-size: 1.2em; 
    color: #265B8C; 
    cursor: pointer;
    top: 3px;
}
.prog-trail {
    height: 20px;
    border-bottom: 1px solid #457a00;
}
.prog-icon {
    font-size: 20px; 
    color: #457a00;
}
.prog-icon-background {
    background-color: #ffffff;
    padding: 10px 5px;
}
.prog-numcircle {
    border-radius: 100%;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.6rem;
    text-align: center;
    width: 20px;
    height: 20px;
}
.prog-numcircle-grayed {
    border: 2px solid lightgray;
    color: lightgray;
}
.prog-numcircle-live {
    border: 2px solid #457a00;
    color: #457a00;
}
.prog-text-bold {
    font-weight: bold;
    color: black;
}
.prog-text-grayed {
    font-weight: bold;
    color: lightgray;
}
.sem-pill {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px !important;
}
.sem-pill-invalid {
    color: #a94442 !important;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.sem-pill-remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}
.sem-subsection {
    border: 1px solid lightgrey;
    border-radius: 4px;
    background: whitesmoke;
}
/*** SEND EMAIL MODAL END ***/
/*** RESPONSIVE COMMON ***/
/* Extra Small Devices, Phones */ 
@media (max-width: 767.98px) {
    .xs-center {
        text-align: center;
    }
    .xs-inline-block {
        display: inline-block;
    }
}
/* Small Devices, Tablets */
@media (min-width: 768px) and (max-width: 991.98px) {
    .sm-center {
        text-align: center;
    }
    .sm-inline-block {
        display: inline-block;
    }
}
/* Medium Devices, Desktops */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .md-center {
        text-align: center;
    }
    .md-inline-block {
        display: inline-block;
    }
}
/* Large Devices, Desktops */
@media (min-width: 1200px) {
    .lg-center {
        text-align: center;
    }
    .lg-inline-block {
        display: inline-block;
    }
}
/*** RESPONSIVE COMMON END ***/