/*/////////////////////// ENGRADE /////////////////////////
// Global Engrade Theme CSS: New FLat UI 2015
/////////////////////////////////////////////////////////*/

/* --- Proxima Nova Font Imports --- */

/* Webfont: ProximaNova */
@font-face {
    font-family: 'proxima_novaregular';
    src: url('/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/fonts/proximanova-webfont.eot'); /* IE9 Compat Modes */
    src: url('/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media//unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/fonts/proximanova-webfont.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/proximanova-webfont.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/proximanova-webfont.woff') format('woff'), /* Pretty Modern Browsers */
    url('fonts/proximanova-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/proximanova-webfont.svg#ProximaNova') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: ProximaNova-LightIt */
@font-face {
    font-family: 'proxima_novalightit';
    src: url('/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/fonts/proximanova-lightit-webfont.eot'); /* IE9 Compat Modes */
    src: url('/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media//unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/fonts/proximanova-lightit-webfont.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/proximanova-lightit-webfont.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/proximanova-lightit-webfont.woff') format('woff'), /* Pretty Modern Browsers */
    url('fonts/proximanova-lightit-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/proximanova-lightit-webfont.svg#proxima_novalightit') format('svg'); /* Legacy iOS */
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: ProximaNova-Light */
@font-face {
    font-family: 'proxima_novalight';
    src: url('/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/fonts/proximanova-light-webfont.eot');
    src: url('/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media//unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/fonts/proximanova-light-webfont.eot') format('embedded-opentype'),
    url('/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media//unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/fonts/proximanova-light-webfont.woff2') format('woff2'),
    url('/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/fonts/proximanova-light-webfont.woff') format('woff'),
    url('/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/fonts/proximanova-light-webfont.ttf') format('truetype'),
    url('/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/fonts/proximanova-light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: ProximaNova-Semibold */
@font-face {
    font-family: 'proxima_novasemibold';
    src: url('/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/fonts/proximanova-semibold-webfont.eot');
    src: url('/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media//unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/fonts/proximanova-semibold-webfont.eot') format('embedded-opentype'),
    url('/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media//unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/fonts/proximanova-semibold-webfont.woff2') format('woff2'),
    url('/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/fonts/proximanova-semibold-webfont.woff') format('woff'),
    url('/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/fonts/proximanova-semibold-webfont.ttf') format('truetype'),
    url('/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/fonts/proximanova-semibold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: ProximaNova-BoldIt */
@font-face {
    font-family: 'proxima_novabold_italic';
    src: url('/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/fonts/proximanova-boldit-webfont.eot');
    src: url('/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media//unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/fonts/proximanova-boldit-webfont.eot') format('embedded-opentype'),
    url('/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media//unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/fonts/proximanova-boldit-webfont.woff2') format('woff2'),
    url('/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/fonts/proximanova-boldit-webfont.woff') format('woff'),
    url('/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/fonts/proximanova-boldit-webfont.ttf') format('truetype'),
    url('/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/fonts/proximanova-boldit-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: ProximaNova-Bold */
@font-face {
    font-family: 'proxima_novaregular';
    src: url('/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/fonts/proximanova-bold-webfont.eot'); /* IE9 Compat Modes */
    src: url('/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media//unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/fonts/proximanova-bold-webfont.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/proximanova-bold-webfont.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/proximanova-bold-webfont.woff') format('woff'), /* Pretty Modern Browsers */
    url('fonts/proximanova-bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/proximanova-bold-webfont.svg#proxima_novabold') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

/* Webfont: PromixaNova Regular - Edited Math glyphs (÷  ×  +  −  =  ≠  30˚) */
@font-face {
    font-family: 'approximately_novaregular';
    src: url('/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/fonts/approximatelynova-webfont.eot'); /* IE9 Compat Modes */
    src: url('/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media//unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/fonts/approximatelynova-webfont.eot') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/approximatelynova-webfont.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/approximatelynova-webfont.woff') format('woff'), /* Pretty Modern Browsers */
        url('fonts/approximatelynova-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/approximatelynova-webfont.svg#approximately_novaregular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* --- ELEMENTS --- */
a.submit{
    float:left;
    padding:10px 15px;
}

a.cancel:hover, input.cancel:hover{
    background-color: #e6e6e6;
    border-color: #C2C2C2;
    color: #222;
}
a.cancel:active, input.cancel:active{
    background:#c0c0c0;
    opacity:1.0;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    box-shadow:inset 1px 1px 2px rgba(0,0,0,.3);
}
a.skip-main {
    position: absolute;
    left: -9999px;
    top: 10px;
    border-radius: 20px;
    color: rgb(34, 34, 34);
    text-align: center;
    text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.4);
    font-size: 15px;
    border: 1px solid rgb(204, 178, 29);
    background-color: rgb(255, 221, 35);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
    padding: 5px 20px;
    z-index: 999;
}
a.skip-main:focus, a.skip-main:active {
    text-decoration: none;
    left: 10px;
}

/* body color pallettes */
/* red */
body{
    background: #f5f5f5;
    font-family: 'proxima_novaregular', Arial, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

body #topWrapper{
    background-color:#0078A9;
}

body.skinred #topwrapper, body.skinred .topNav ul li a{
    background-color:#cf0000 !important;
}
body.skinred .topNav li:hover li a:hover, body.skinred .topNav li a:hover, body.skinred .topNav li a.navtab{
    background-color:#e83131 !important;
}
body.skinpurple #topwrapper, body.skinpurple .topNav ul li a{
    background-color:#8800cf !important;
}
body.skinpurple .topNav li:hover li a:hover, body.skinpurple .topNav li a:hover, body.skinpurple .topNav li a.navtab{
    background-color:#a120e4 !important;
}
body.skinblack #topwrapper, body.skinblack .topNav ul li a{
    background-color:#000 !important;
}
body.skinblack .topNav li:hover li a:hover, body.skinblack .topNav li a:hover, body.skinblack .topNav li a.navtab{
    background-color:#444 !important;
}
body.skinbrown #topwrapper, body.skinbrown .topNav ul li a{
    background-color:#684c02 !important;
}
body.skinbrown .topNav li:hover li a:hover, body.skinbrown .topNav li a:hover, body.skinbrown .topNav li a.navtab{
    background-color:#987518 !important;
}
body.skindarkpurple #topwrapper, body.skindarkpurple .topNav ul li a{
    background-color:#46256E !important;
}
body.skindarkpurple .topNav li:hover li a:hover, body.skindarkpurple .topNav li a:hover, body.skindarkpurple .topNav li a.navtab{
    background-color:#512f7b !important;
}
body.skingold #topwrapper, body.skingold .topNav ul li a{
    background-color:#d4c414 !important;
}
body.skingold .topNav li:hover li a:hover, body.skingold .topNav li a:hover, body.skingold .topNav li a.navtab{
    background-color:#e7d831 !important;
}
body.skingreen #topwrapper, body.skingreen .topNav ul li a{
    background-color:#119b11 !important;
}
body.skingreen .topNav li:hover li a:hover, body.skingreen .topNav li a:hover, body.skingreen .topNav li a.navtab{
    background-color:#1db21d !important;
}
body.skinorange #topwrapper, body.skinorange .topNav ul li a{
    background-color:#ed9700 !important;
}
body.skinorange .topNav li:hover li a:hover, body.skinorange .topNav li a:hover, body.skinorange .topNav li a.navtab{
    background-color:#ffb532 !important;
}
/* teal (matches connect2 brand color) */
body.skinteal #topwrapper, body.skinteal .topNav ul li a{
    background-color:#047c8b !important;
}
body.skinteal .topNav li:hover li a:hover, body.skinteal .topNav li a:hover, body.skinteal .topNav li a.navtab{
    background-color:#006F7E !important;
}
/* dark blue */
body.skindarkblue #topwrapper, body.skindarkblue .topNav ul li a{
    background-color:#273342 !important;
}
body.skindarkblue .topNav li:hover li a:hover, body.skindarkblue .topNav li a:hover, body.skindarkblue .topNav li a.navtab{
    background-color:#273342 !important;
}
body.main{
    background-position:0 0;
}
body.disable-scroll{
    overflow-y:hidden;
}
.bg-white {
    background-color: #fff !important;
}
.bg-gray {
    background-color: #f0f0f0 !important;
}
.bg-gray-mid {
	background-color: #E6E6E6 !important;
}
.bg-black {
	background-color: #000000 !important;
}
.bg-green {
	background-color: #d0e9d0 !important;
}
.bg-yellow {
	background-color: #fcf7d8 !important;
}
.bg-teal {
	background-color: #047c8b !important;
}
.bg-error-red {
	background:#a7111b !important;
}
.bg-fountain-blue {
	background: #63c2a9 !important;
}

button.loading[disabled]{
    background-color:#f6f6f6 ;
    border:1px solid #c0c0c0;
    border-radius:5px;
    color:#aaa;
    font-size:13px;
    margin-right:10px;
    padding:7px 9px;
    outline:medium none;
}
button.loading img{
    display:inline;
    float:left;
    margin-right:4px;
}
div.bb .row{
    float:none !important
}
/* @Jeremy - Temporary hack to get pro working, please fix */
div.tr{
    display: inline-block;
    float: left;
    position: relative;
    max-width: 175px;
}
form{
    margin:0;
    display:inline;
}
h1{
    color:#444;
    font-size:20px;
    font-family: 'proxima_novasemibold', 'proxima_novaregular', Arial, sans-serif;
    text-shadow:1px 1px #fff;
    margin:16px 0 16px 0;
}
h2{
    color:#555;
    font-size:17px;
    font-weight:700;
    text-shadow:1px 1px #fff;
}

h3 {
    font-size: 17px;
}
img{
    border:0;
}

input[type="checkbox"], input[type="radio"]{
    background:transparent !important;
    border:none !important;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
}
input:focus, select:focus, textarea:focus{
    outline:0;
    border-color:rgba(0,120,169,0.6);
    -webkit-box-shadow: 0 0 8px rgba(0,120,169,.6);
    box-shadow: 0 0 8px rgba(0,120,169,.6);
}

.stdbutton{
    box-shadow:none !important;
    cursor:pointer;
    background-color:#f0f0f0;
    color: #444;
    border:1px solid #dbdbdb;
}
input.cancel, a.cancel {
    background-color: #f0f0f0;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    color: #444;
    cursor: pointer;
    font-size: 13px;
    margin-right: 10px;
    padding: 7px 18px;
    box-shadow: none;
    line-height: normal !important;
    text-decoration: none;
}

a.cancel:hover, input.cancel:hover, a.cancel:active, input.cancel:active {
    background-color: #e6e6e6;
    border-color: #C2C2C2;
    color: #222;
}

a.cancel:focus, input.cancel:focus {
    outline:0;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2);
    box-shadow: 0 0 6px rgba(0,0,0,.2);
}


.row.submit.sticky-form-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	background: #fff;
	/* Should always be just below the apps sidebar */
	z-index: 99;
	padding: 20px 12px;
	-webkit-box-shadow: 5px 1px 7px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 5px 1px 7px rgba(50, 50, 50, 0.5);
	box-shadow: 5px 1px 7px rgba(50, 50, 50, 0.5);
}

@media screen and (max-width: 690px) {
    .row.submit.sticky-form-footer {
        margin-left: -40px !important;
    }
}

@media screen and (min-width: 691px) {
	.row.submit.sticky-form-footer {
		margin-left: -26px;
	}
}

input.submit,
a.submit,
button.submit,
div.options a.saveButton {
    background-color: #438534;
    border: 1px solid #366b2a;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    margin-right: 10px;
    padding: 7px 18px;
    font-weight: normal !important;
    text-decoration: none;
    line-height: normal !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
input.submit-blue {
    background-color: #0092cc;
    border: 1px solid #0078a9;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    margin-right: 10px;
    padding: 7px 18px;
    font-weight: normal !important;
    text-decoration: none;
    line-height: normal !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
input.submit-blue:hover {
    background-color: #0080b3;
}
input.submit:hover:not(.saveNoHover),
a.submit:hover,
button.submit:hover,
div.options a.saveButton:hover {
    background-color: #3d7a30;
    border-color: #316126;
    color: #fff !important;
}
input.submit:active, a.submit:active, button.submit:active {
    background: #3d7a30 !important;
    opacity: 1.0;
    box-shadow: inset 1px 1px 2px rgba(0,0,0,.3);
}

input.submit:focus, a.submit:focus, button.submit:focus {
    outline: auto;
    border-color: #1c3816;
    -webkit-box-shadow: 0 0 6px rgba(54,107,42,1);
    box-shadow: 0 0 6px rgba(54,107,42,1) !important;
}

input.delete{
    background: #d04646;
    border: 1px solid #b23d3d;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    font-size:13px;
    margin-right: 10px;
    padding: 9px 15px;
    box-shadow: none;
}

input.delete:hover,
input.delete:active {
    background: #c20d04;
}

input.delete:focus {
    background: #c20d04;
    box-shadow: 0 0 6px rgba(0,0,0,0.2) !important;
    border-color: #801f1f;
}

input.smalltext{
    width:50px;
}
input.longtext{
    width:275px;
}
label{
    cursor:pointer;
}
table, tr, td, iframe{
    border:0;
    padding:0;
    margin:0;
}

/* --- CLASSES --- */

.aToolTip{
    position:absolute;
    display:none;
    z-index:50000;
}
.aToolTip .aToolTipContent{
    position:relative;
    margin:4px;
    padding:0;
    font-size:13px;
    line-height: 100%;
    display: inline-block;
    width: 180px;
}

.borderBottom0{
    border-bottom:0px !important;
}

.borderBottomGray{
    border-bottom:1px solid #dcdcdc;
}

.borderGray {
    border: 1px solid #dcdcdc;
}

.borderTop0{
    border-top:0px !important;
}

.borderTopGray{
	border-top:1px solid #dcdcdc;
}

.bumpdown{
    margin-bottom:70px;
}
/* remove Chrome outlines */
.cell input:focus{
    outline:none;
}
.clearfix:after {
    content: " "; /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.colorGreen{
    color:green;
}
.colorBlack{
    color:#000;
}
.colorWhite{
	color:#fff;
}
.content {
    display:block;
    float:left;
    min-height:500px;
    position:relative;
    top:0;
    z-index:0;
}

.contentSubtabs{
    margin-top:0;
}
.contentNotice{
    font-size:12px;
    margin-top:5px;
    width:770px
}
.fileSelectorCloser{
    display: inline-block !important;
    float: none !important;
}
.fileSelectorCloser .fa{
    color:#999 !important;
    cursor:pointer;
    margin-left: 5px;
}
.fileSelectorCloser .fa:hover{
    color:#222 !important;
}
.gradientHolder{
    background:transparent url('white-gradient.png') repeat-y left top;
    height:605px;
    position:absolute;
    width:33px;
    right:10px;
    top:47px;
    z-index:2;
}
.grayish{
    background:rgba(54,165,210,.95);
    color: #c23c13;
    margin:0;
    padding:6px 25px 6px 8px;
    border-radius:8px;
    box-shadow:0 4px 10px rgba(0,0,0,.4);
    max-width:250px;
    font-size:11px;
    line-height:18px;
    text-shadow: 0 1px rgba(255,255,255,0.6);
}
.grayish .aToolTipCloseBtn{
    display:block;
    height:18px;
    width:18px;
    background:url(/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/i//unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/x.png) no-repeat;
    background-size: 10px 10px;
    text-indent:-9999px;
    outline:none;
    position:absolute;
    top:0px;
    right:-50px;
    margin:2px;
    padding:4px;
    opacity:0.3;
}
.grayish .aToolTipArrow{
    width:0;
    height:0;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-top:8px solid rgb(255,223,204);
    position:absolute;
    bottom:-18px;
    left:10px;
    z-index:5000001
}
/* heights */
.h0 {
	height: 0;
}
.h25{
    height:25px;
}
.h25i{
    height:25px !important;
}
.h30 {
    height:30px;
}
.h35 {
    height:35px;
}
.h40 {
    height: 40px;
}
.h50{
    height:50px;
}
.h55 {
    height: 55px;
}
.h75 {

    height: 75px;

}
.h100{
    height:100px;
}
.h120{
    height:120px !important;
}
.h140{
    height:140px;
}
.h200{
    height:200px;
}
.h100p{
    height:100% !important;
}
.hiddenfield{
    display:none !important;
}
.infoTooltip{
    border-bottom:1px dotted #b2b2b2;
    display:inline-block;
    position:relative;
}
.dotted-border-top {
	border-top: 1px dotted #b2b2b2;
}

.courseAccess {
    display:inline-block;
    position: static;
    border-bottom: none;
    margin-bottom: -5px;
}

.tooltip-popup {
    position:absolute;
    width:300px;
    border:1px solid #c8c8c8;
    box-shadow:0 1px 3px rgba(0,0,0,.25);
    background-color:#fff;
    border-radius:5px;
    font-size:12px;
    line-height:1.2em;
    z-index:5;
}

.tooltip-popup-header {
    padding:10px 14px;
    background-color:#f8f8f8;
    border-top-left-radius:inherit;
    border-top-right-radius:inherit;
    border-style:solid;
    border-color:#fff #fff #e0e0e0 #fff;
    border-width:1px;
}

.tooltip-popup-body {
    padding:10px 14px;
}

.tooltip-popup-header .fa-caret-up {
    position:absolute;
    left:100px;
    top:-10px;
    color:#f8f8f8;
    text-shadow: -1px 0 rgba(0,0,0,0), 0 1px rgba(0,0,0,0), 1px 0 rgba(0,0,0,0), 0 -1px #c8c8c8;
    font-size:16px;
}

.tooltip-popup-header .fa-caret-down {
    position:absolute;
    left:100px;
    bottom:-10px;
    color:#f8f8f8;
    text-shadow: 1px 0 rgba(0,0,0,0), 0 -1px rgba(0,0,0,0), 1px 0 rgba(0,0,0,0), 0 1px #c8c8c8;
    font-size:16px;
}

.tooltip-popup-header .fa-caret-left {
    left: -6px;
    top: 5px;
    position:absolute;
    color:#f8f8f8;
    text-shadow: -1px 0 rgba(0,0,0,0), 0 1px rgba(0,0,0,0), 1px 0 rgba(0,0,0,0), 0 -1px #c8c8c8;
    font-size:16px;
}

.icon-key {
	clear: both;
	display: block;
	margin-bottom: 8px;
	text-align: right
}

.icon-key .key-element {
	display: inline-block;
	font-size: 1.1em;
	margin-right: 15px;
}

.icon-key .key-element:last-child {
	margin-right: 0;
}

.inform{
    margin:0 0 20px 0;
}
/*  Same styling for both question-creator page & question-rescore modal */
.inform div.row,
.modal-content div.row {
    clear: both;
    padding: 6px 0px;
    margin-left: 0;
    margin-right: 0;
}
.inform div.row.skinny{
    clear:both;
    padding:6px 0px;
}
.inform div.row div.name{
   /* width:190px;
    padding:9px 0px;*/
}
.inform div.row img.locked,
.inform div.row div.field.locked icon {
    position:relative;
    top: 5px;
}
.inform div.row div.help.locked, .top2{
    position:relative;
    top:2px;
}
.inform div.row div.field.locked{
    position:relative;
    left:4px;
}
/*.inform div.row div.field{
        width:570px;
}*/
.inform div.divider{
    background:transparent url('/i/dot-gray.gif') repeat-x 0 13px;
}
.inform div.divider .label{
    background-color:#fff;
    display:inline-block;
    padding:0 5px;
}
.inform div.row div.help {
    font-size: 12px;
    color: #767676;
    padding: 4px 2px;
    line-height :1.2em;
}
.inform div.error div.help{
    color:rgb(213,0,0);
    font-size:120%;
}
.inform div.colrow div.col{
    font-weight:bold;
    font-size:8pt;
    color:rgb(85,85,85);
}
/* checkbox */
.inform div.checkbox div.field{
    font-size:12px;
}
.inform .htmlfield{
    line-height:15px;
    padding:8px 0;
}
.inform .helpicon{
    display:inline-block;
    vertical-align:middle;
    width:15px;
    height:15px;
    background-image:url('/i/question-gray.png');
}
.inform .helpicon:hover{
    background-image:url('/i/question-blue.png');
}
/* inline help */
.inform.inhelp div.row.select div.field,
.inform.inhelp div.row.text div.field{
    width:70%;
}

@media screen and (max-width: 989px) {
    .inform.inhelp div.row.area div.field textarea {
        width: 280px;
    }
}
@media screen and (max-width:767px) {
    .inform.inhelp div.row.select div.field,
    .inform.inhelp div.row.text div.field,
    .inform.inhelp div.row.checkbox div.field {
        width:100% !important;
    }
    .inform.inhelp div.row.area div.name {
        width: 100%;
    }
}
@media screen and (max-width: 512px) {
    .inform.inhelp div.row.area div.field {
        width: 280px !important;
    }
}
.inform.inhelp div.row.select div.help,
.inform.inhelp div.row.text div.help{
    /*margin-left:20px;*/
    width: 70%;
}
.inform.inhelp div.row.submit div.field,
.inform.inhelp div.row.checkbox div.field{
    width: 70%;
}
.inform.inhelp.zebra div.row.select div.name,
.inform.inhelp.zebra div.row.text div.name{
    margin:10px 0 0 0;
}
.inform.inhelp.zebra div.row.select div.help,
.inform.inhelp.zebra div.row.text div.help{
    margin:10px 0 0 0;
    width:270px;
}
.inhelp .midrow{
    border-bottom: 1px solid #c0c0c0;
    margin-bottom: 14px;
}
.labelchecks label{
    display:block;
    padding:12px;
    float:left;
    cursor:default;
}
.labelchecks input[type='checkbox']{
    margin:0px;
}
.leftColumn{
    /*	border-top-left-radius:5px;*/
}
.lesspad{
    height:36px !important;
    padding:2px 12px !important;
}
.lesspad2{
    padding:12px 2px !important;
}
.ltiBeta {
    color: #d13b3b !important;
    display: inline-block !important;
    font-size: 9px !important;
    position: relative !important;
    top: -7px !important;
}

/* Line Height helper classes */
.lh120p {
	line-height: 120%;
}

.minheight220 {
    min-height: 220px;
}
.minheight300 {
    min-height:300px;
}
.min-height-350 {
    min-height:350px;
}
.min-height-375 {
    min-height:375px;
}
.min-height-425 {
    min-height: 425px;
}
.min-height-450 {
    min-height: 450px;
}
.movebutton{
    background-color:#efefef;
    border:1px solid #c0c0c0;
    border-radius:5px;
    color:#222;
    height:20px;
    margin-bottom:5px;
    display:inline-block;
    padding:5px;
    text-align:center;
    width:20px;
}
.multichecktop{
    margin-top:3px;
}

.multiline-ellipsis {
    /* make sure to add a max-width and a fixed height to the html element this is being applied to */
    display: block;
    /* Fallback for non-webkit */
    display: -webkit-box;
    /* Fallback for non-webkit */
    margin: 0 auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.noclickin, .noclickin:hover{
    cursor:default;
    text-decoration:none;
}
.nopadrow{
    padding:0 !important;
}
.over{
    opacity:0.2 !important
}
.out{
    background-color:#fff;
}
.padbottomrow{
    padding:0 0 6px !important;
}
.padtoprow{
    padding:6px 0 0 !important;
}
.medtext{
    font-size:11px !important;
}
.nopad{
    padding-left:0 !important;
    padding-right:0 !important;
}
.option{
    color:#222;
    display:inline-block;
    float:right;
    font-size:12px;
    margin-right:35px;
    margin-top:30px;
    text-shadow:1px 1px #fff;
}
.option img{
    float:right;
    margin-left:5px;
    width:14px;
}

/* Pagination CSS */
/*.paginator {
        border: 1px solid #fff;
        float: right !important;
        font-size: 12px;
}
.paginator-element {
        display: inline-block !important;
        position: relative;
        padding-right: 2px;
}

.paginator-element > img {
        height: 16px;
}

.paginator a,
.paginator img {
    fixes wrongly ordered next/last page arrows on few pages
    float:none !important;
    margin-left: 0 !important;
}
.pagechanger {
        padding: 1px !important;
        text-align: center;
}
.page-display {
        transform: translateY(-30%);
}*/

.paginator {
    float: right;
}
.paginator > a.pgtion {
    display: inline-block !important;
    font-size: 13px !important;
    background-color: #f0f0f0;
    border: 1px solid #dbdbdb;
    color: #444;
    padding:6px 8px 4px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    margin: 0 5px;
    float: none !important;
    line-height: 100%;
}

.paginator > a.pgtion:last-child {
    margin-right:0 !important;
}

.paginator > a.pgtion > i {
    margin: 0;
    width: auto;
    font-size: 12px;
    float: none;
    color: #444 !important;
}

.paginator > a.pgtion:hover {
    text-decoration: none !important;
    background-color: #f8f8f8 !important;
}

.paginator > a.pgtion-active {
    background-color: #c2c2c2 !important;
    border-color: #c2c2c2 !important;
    color: #fff !important;
}

.paginator > a.pgtion-active:hover {
    background-color: #c2c2c2 !important;
    cursor:default;
}

.pointerEventsNone {
	pointer-events: none;
}

.single-page {
    transform: translateY(70%);
}
.picker.modal-dialog-bg{
    position:absolute;
    top:0;
    left:0;
    background-color:#FFF;
    z-index:9;
}
.profileimage{
    border-radius:14px;
    box-shadow:inset 1px 1px 1px rgba(0,0,0,.1);
    height:30px;
    position:relative;
    top:-5px;
    width:30px;
}
.printops{
    /*	float:left;*/
    /*	width:775px;*/
}

.printops > .row {
    margin-left: 0;
    margin-right: 0;
}

.printops .col-xs-12 .row {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.printops .col-xs-6 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.printops .col-xs-6 {
    margin-top: 15px;
}

.printops > a, .printops .col-xs-6 > div, .printops .col-xs-6 > a{
    /*	box-shadow:0px 2px 4px 2px rgba(0,0,0,.1);*/
    display:block;
    /*	float:left;*/
    border:1px solid rgb(213,213,213);
    background:#fff;
    width:100%;
    height:90px;
    margin:5px 5px 0 0;
    padding:12px 9px;
    text-align:center;
    border-radius:5px;
    font-weight:normal;
    font-size:12px;
}

.printops .col-xs-6 > div > a, .printops .col-xs-6 > a {
    display: inline-block;
    text-decoration: none;
}

.printops .col-xs-6 > div > a > i, .printops .col-xs-6 > a > i {
    font-size: 2em !important;
    vertical-align: middle;
    margin: auto 8px 10px;
    color: #444;
}

.printops .fa-download {
    margin-top: 4px !important;
}

.printops .col-xs-6 > div:hover, .printops .col-xs-6 > a:hover {
    box-shadow:0px 2px 4px 2px rgba(0,0,0,.1);
}

.printops .col-xs-6 > div > a:hover > i, .printops .col-xs-6 > a:hover > i {
    color: #0078a9;
}

.printops .col-xs-6 > div > span, .printops .col-xs-6 > a > span {
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
}

.printops > a:hover, .printops div img:hover{
    box-shadow:0px 2px 4px 2px rgba(0,0,0,.3);
}

.printops .line {
    width: 100%;
    height: 1px;
    background: #f0f0f0;
    margin-top: 20px;
}

/*.printops div:hover{
        text-decoration:underline;
}*/
.printops img{
    /*	width:30px;*/
    height:30px;
    padding:5px 40px;
}
.printops div img{
    padding:5px 10px;
    border-radius: 5px;
}
/*  Quiz scheduling circle icon  */
.dataTable_img_span .quizCircles {
	margin: -11px 0px 0px 0px;
}
/*  styles targeting only Firefox (all versions)  */
@-moz-document url-prefix() {
    .dataTable_img_span .quizCircles {
        margin: -16px 0px 0px 0px;
    }
}
.quizCircles{
	margin-left:5px;
	width:18px;
}
.rednotice{
    font-size:12px;
    font-weight:normal;
    display:block;
    height:24px;
    min-width:24px;
    line-height:14px;
    padding:4.5px 4px 4px;
    position:absolute;
    right:5px;
    top:6px;
    background-color:#f54c49;
    margin-left:2px;
    /*	border:2px solid #fff;*/
    border-radius:15px;
    text-align:center;
    z-index:1001;
    color:#fff;
    text-shadow:0 1px 1px rgba(0,0,0,0.2);
    box-shadow:1px 1px 2px rgba(0,0,0,.1);
}
.active .rednotice{
    right:5px;
}
.rednotice.tab{
    right:-12px;
    top:0px;
}
.rightColumn{
    border-top-right-radius:5px;
}
.scrollPaneSlider{
    float:left !important;
    padding: 10px 12px;
    border-radius:5px;
}
.searchbar{
    position: relative;
    top: 8px;
    margin: 14px 0px 14px 7px;
    width: 400px;
}
.sideAds{
    float:right;
    overflow:hidden;
    width:172px;
    margin-top:56px;
}
.sideAds .item{
    width:164px;
    margin:4px;
    position:relative;
    display:inline-block;
}
.sideAds .item .title{
    color:#808080;
    font-size:12px;
    font-weight:bold;
    text-shadow:1px 1px #ffffff;
    margin-bottom:2px;
    text-align:center;
    padding:15px;
}
.sideAds .item .desc{
    font-size:11px;
}
.sidetools.bump{
    position: relative;
}

@media screen and (max-width:767px) {
    .sidetools.bump {
        margin-top: 0 !important;
    }
}

.sidetools .frame{
    color: #707070;
    font-size: 10px;
    margin: 10px 0 15px;
    position: relative;
    text-align: center;
    padding: 0 10px;
}
.sidetools .frame .shadow{
    bottom:-10px;
    left:-1px;
    margin:0;
    padding:0;
    position:absolute;
    z-index:2;
}
.sidetools .sidepic{
    /*	border:1px solid #d7d7d7;
            box-shadow:1px 1px 1px rgba(0,0,0,.1);*/
    margin:0 0 5px 0;
    padding:0;
    display:block;
    width: 100%;
    max-width:175px;
}
.sidetools a.row{
    background-color:transparent !important;
    clear:both;
    color:#555759;
    display:block !important;
    font-size:15px !important;
    margin-bottom:2px !important;
    padding:9px 4px 7px 15px !important;
    position:relative !important;
    text-decoration:none !important;
    text-shadow:1px 1px #fff !important;
}
.sidetools a.active{
    background-color:#fff !important;
    color:#0078A9 !important;
    font-weight: bold;
    position:relative;
    left:1px;
    z-index:4;
}

.sidetools a:hover{
    color:#000;
    background-color: rgba(255,255,255,0.8) !important;
}
.sidetools a:hover .upic, .sidetools a.active .upic, .sidetools a:hover .fa, .sidetools a.active .fa{
    opacity: 1 !important;
}

.sidetools .fa{
    color:#222;
    font-size:1.2em !important;
    margin-right:2px;
    width: 20px;
    text-align: center;
    vertical-align: middle;
}

.sidetools .active .fa {
    color: #0078a9 !important;
}

.sidetools .appBeta{
    color:#E05959;
    display:inline-block;
    font-size:9px;
    position:relative;
    top:-7px
}

.sidetools .table .toprow, .sidetools .table .toprow:hover, .sidetools .table .midrow{
    font-size:8pt;
    font-weight:bold;
    background:#0078A9;
    color:#F5F5FF;
    padding:10px 5px;
    line-height:100%;
    border:0;
    margin:0 0 5px 0;
    border-radius:5px;
}
.sidetools .table .toprow, .sidetools .table .midrow, .sidetools .table .row, .sidetools .table .smallrow{
    cursor:pointer;
}

.sidetools .upic,.sidetools .fa{
    opacity: .6;
}

@media screen and (max-width:767px){
    #sideappscolumn > .row,
    #appbar > a {
        margin-left: 0;
        margin-right: 0;
    }
}

.appLineBreak {
    background-color: rgb(224, 224, 224);
    box-shadow: 0.5px 0.866px 1px 0px rgba(255, 255, 255, 0.82);
    height: 1px;
}

/* simple form */
.simpleform div.row{
    margin:0;
    padding:8px 0;
    border:0;
}
.simpleform div.row div.name{
    margin:0 0 5px 10px;
    font-size:8pt;
    width:770px;
    text-indent:0;
    font-weight:bold;
}
.simpleform div.row div.field{
    margin-left:10px;
    width:770px;
}
.simpleform div.row div.help{
    margin-left:10px;
    width:770px;
}
/* SMALL FORM */
.smallform,
.smallform div.row,
.smallform div.toprow,
.smallform div.midrow{
    width:450px;
    height:45px !important;
}
.smallform div.row div.name{
    width:125px;
}
.smallform div.row div.field{
    width:305px;
}
.smallform div.row div.help{
    width:325px;
    margin-left:105px;
    clear:left;
    display:none;
}
.smallform div.error div.help{
    display:block;
}
.smalltext{
    font-size:10px !important;
    line-height:13px !important;
}

/* bootstrap table overrides */

.table-responsive-md {
    /* only use this class for tables that do not have cog menus */
    min-height: .01%;
    overflow-x: auto;
}

@media screen and (min-width: 992px) {
    .table-responsive-md {
        overflow-x: visible;
    }
}

@media screen and (max-width: 991px) {
    .table-responsive-md {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive-md >.table-bordered {
        border: 0;
    }
}

@media screen and (min-width: 768px) {
    .table-responsive {
        overflow-x: visible;
    }
}

@media screen and (max-width: 767px) {
    .table-responsive-md {
        border-top: 1px solid #ddd;
    }
}

table .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.table-responsive .row:before, .table-responsive .row:after{
    content:none !important;
}

.table-responsive-md .row:before, .table-responsive-md .row:after{
    content:none !important;
}

.table-blue-hover tr:hover {
    background-color: #ebfaff !important;
}

/*table.table-bordered.dataTable {
    border-collapse: collapse !important;
}*/

.table>thead>tr>th {
    border-bottom: none !important;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px 14px;
    vertical-align: middle;
}

table.dataTable {
    margin-top:0 !important;
    margin-bottom: 0 !important;
}

table.dataTable thead .sorting:after {
    opacity: 0 !important;
}

table.dataTable thead > tr > th {
    padding: 12px 14px 8px !important;
    vertical-align: middle;
}

@media screen and (min-width:768px) {
    table.dataTable thead > tr > th {
        border-top: 1px solid #ddd !important;
    }
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
    right: 14px;
}

@media screen and (max-width: 767px) {
    table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
        opacity: 0;
    }
}

table.dataTable.no-footer {
    border-bottom: none;
}

/* DataTable Style Updates */

#gradeTable1_wrapper, #gradeTable0_wrapper, #gradeTable2_wrapper, #gradeTable3_wrapper,
#gradeTable4_wrapper, #gradeTable5_wrapper, #gradeTable6_wrapper, #gradeTable7_wrapper,
#gradeTable8_wrapper, #gradeTable9_wrapper, #gradeTable10_wrapper, #gradeTable11_wrapper,
#gradeTable12_wrapper, #gradeTable13_wrapper, #gradeTable14_wrapper, #gradeTable15_wrapper {
    margin: 0 0 20px;
}

#gradeTable0 input.w30, #gradeTable1 input.w30, #gradeTable2 input.w30,
#gradeTable3 input.w30, #gradeTable4 input.w30, #gradeTable5 input.w30,
#gradeTable6 input.w30, #gradeTable7 input.w30, #gradeTable8 input.w30,
#gradeTable9 input.w30, #gradeTable10 input.w30, #gradeTable11 input.w30,
#gradeTable12 input.w30, #gradeTable13 input.w30, #gradeTable14 input.w30,
#gradeTable15 input.w30 {
    padding-right: 4px !important;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
    background-image: none !important;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
    position: absolute;
    top: 13px;
    right: 3px;
    display: block;
    font-family: FontAwesome;
    opacity: 0.5;
    font-size: 0.7em
}

@media screen and (max-width:767px) {
    table.dataTable thead .sorting:after,
    table.dataTable thead .sorting_asc:after,
    table.dataTable thead .sorting_desc:after {
        display: none !important;
    }
}
/*table.dataTable thead .sorting:after {
        opacity: 0.2;
        content: "\e150";  sort
}*/

table.dataTable thead .sorting:hover:after {
    content: "\f07d";
    opacity: 0.34 !important;
    text-shadow: 0 1px 1px rgba(255,255,255,0.8);
}

table.dataTable thead .sorting_asc:after {
    content: "\f160"; /* sort-by-attributes */
}
table.dataTable thead .sorting_desc:after {
    content: "\f161"; /* sort-by-attributes-alt */
}
div.dataTables_scrollBody table.dataTable thead .sorting:after,
div.dataTables_scrollBody table.dataTable thead .sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead .sorting_desc:after {
    display: none;
}
table.dataTable td.linkCell > a {
    white-space: normal;
}

table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    color: #eee;
}

.dataTables_wrapper {
    margin-bottom: 10px;
}

/* general table */
.table{
    margin:0 0 10px 0;
    font-size:13px;
    line-height:100%;
    border-collapse: collapse !important;
}

.table-responsive td, .table-responsive td>a,
.table-responsive th {
    vertical-align: middle !important;
    /* Adding word-break for long character single words like filenames of Imported tests (CC) */
    /* Non standard for webkit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.table thead, .table thead th {
    background-color: #f0f0f0;
    font-size: 14px;
}

th.sorting_desc, th.sorting_asc {
    background-color: #dcdcdc;
    text-shadow: 0 1px rgba(255,255,255,0.36);
}

.table-responsive tbody tr:nth-child(even) {
    background-color: #fff;
}

.table div:not(.clear-table-styles):not(.input-group):not(.htmlfield):not(.copyassn-gpselector) {
    display: block;
}

@media screen and (max-width:767px) {
    .assignments div, .table div {
        float:none;
    }

    .assignments #commentdiv div {
        float: left;
    }
}

#assignmentTable .fa-exclamation-circle {
    color: #DC4516;
    margin-right: 4px;
}


.log-block .table div {
    float: none !important;
}

.mailtop {
    min-height: 500px;
}

.form div {
    float: left;
}

.table-responsive >.table > tbody > tr:hover, .table-responsive >.table > tbody > tr > td.hover{
    background-color: #ebfaff !important;
}

.table .row .rowPic{
    border-radius:13px;
    position:relative;
    height:25px;
    margin-right:10px;
    width:25px;
}

.table .row .rowPic[src="/i/user_128.gif"]{
    border:1px solid #d5d5d5;
}

.table .multirow{
    display:block;
    clear:both;
    line-height:16px;
    border-bottom: 1px solid rgba(200,200,200,0.6);
    padding:10px 5px;
}
.table.squish .row{
    padding:5px;
}
.table .toprow,
form .toprow {
	font-weight: bold;
    border-top: 1px solid rgb(213,213,213);
    clear: both;
    font-size: 13px;
    line-height: 20px;
    padding: 5px;
    float: none;
    overflow: hidden;
}

.table .midrow{
    clear:both;
    line-height:140%;
    color:rgb(128,128,128);
}
.table div .detail{
    width:150px;
    font-size:8pt;
    display:block;
    float:left;
}
.table .title{
    font-weight:bold;
    clear:both;
    margin-top: 12px;
}
.table .ops, table .opswide{
    overflow:visible !important;
}

.table-responsive .ops, .table-responsive .ops ul {
    float: none !important;
    text-align: center !important;
}

.table-responsive .ops ul:hover > li > i {
    color: #0078a9;
}

.table .ops, .widget .title .ops {
    width:200px;
    text-align:right;
    float:right;
    padding:0;
    margin:0;
    position: relative;
}
.table .opswide, .widget .title .opswide, .graphTitle .opswide{
    width:200px;
    padding:0;
    margin:0;
}
.table .ops a, .widget .title .ops a, .graphTitle .ops a, .graphTitle .ops .bluelink{
    margin:0;
    display:inline;
    background:none;
    border:0;
    font-size:8pt;
    padding:2px;
    color:#444 !important;
    text-shadow:0 1px 1px rgba(255,255,255,0.2) !important;
    cursor:pointer;
}
.table .ops a:hover, .widget .title .ops a:hover, .graphTitle .ops a:hover{
    color:#0078a9 !important;
}
.table .ops a.icon, .widget .title .ops a.icon, .graphTitle .ops a.icon{
    width:16px;
    height:16px;
}
.table .ops a.icon img, .widget .title .ops a.icon img, .graphTitle .ops a.icon img{
    width:16px;
    height:16px;
}
.table .ops a.icon:hover img, .widget .title .ops a.icon:hover img, .graphTitle .ops a.icon:hover img{
    background:rgb(213,255,213);
}

.bb-block .ops ul {
    top:10px;
}

.table .ops ul, .widget .title .ops ul, .graphTitle .ops ul{
    float:right;
    list-style-type:none;
    margin-before:0;
    -webkit-margin-before:0;
    -moz-margin-before:0;
    padding-start:0;
    -webkit-padding-start:0;
    -moz-padding-start:0;
    margin:0;
    border:0;
    padding:0;
    position:relative;
    cursor: pointer;
}
.table .ops ul li, .widget .title .ops ul li, .graphTitle .ops ul li{
    position:relative;
    border:0;
    background:none;
    padding:0;
    display:block;
    padding:0 3px;
    background:transparent;
    margin:5px 0 0 0;
    border-radius:3px;
}
.table .midrow .ops li{
    margin-top:0 !important;
}
.table .ops:hover ul li, .widget .title .ops:hover ul li, .graphTitle .ops:hover ul li{
    z-index:8;
}
.table .ops ul li img, .widget .title .ops ul li img, .graphTitle .ops ul li img{
    width:14px;
    height:14px;
}
.table .ops ul ul, .widget .title .ops ul ul, .graphTitle .ops ul ul{
    list-style:none;
    position:absolute;
    right:10000px;
    top:8px;
    margin:0;
    background:#fff;
    width: 182px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    font-size: 12px;
    border: 1px solid #ccc;
}
.table .ops ul:hover ul, .table .ops .hover ul, .widget .title .ops ul:hover ul, .graphTitle .ops ul:hover ul{
    right:0;
    top:18px;
    z-index:9;
}

.bb-block .ops ul:hover ul {
    top:22px;
}

.bb-block .ops ul:hover li .fa {
    color: #0078a9 !important;
}

.table .ops.iframe ul:hover ul, .widget .title .ops.iframe ul:hover ul, .graphTitle .ops.iframe ul:hover ul{
    left:-139px;
}
.table .ops ul:hover li, .table .ops .hover li, .widget .title .ops ul:hover li, .graphTitle .ops ul:hover li{
    background:transparent;
}
.table .ops ul:hover li li, .table .ops .hover li li, .widget .title .ops ul:hover li li, .graphTitle .ops ul:hover li li{
    background:none;
}
.table .ops ul ul li, .widget .title .ops ul ul li, .graphTitle .ops ul ul li{
    position:relative;
    width:160px;
    background:none;
    margin-top:0;
    padding:0;
    border:0;
}
.table .ops ul:hover ul li, .table .ops .hover ul li, .widget .title .ops ul:hover ul li, .graphTitle .ops ul:hover ul li{
    z-index:9;
}
.table .ops ul ul li a, .widget .title .ops ul ul li a, .graphTitle .ops ul ul li a, .graphTitle .ops ul ul li .bluelink{
    display:block;
    float:left;
    text-align:left;
    line-height:16px;
    font-weight:normal;
    font-size: 13px;
    border-bottom:1px solid rgb(213,213,213);
    margin:0;
    min-width:180px;
    padding:9px 10px;
    text-decoration: none;
    color: #444;
}
.table .ops ul ul li:last-child a, .widget .title .ops ul ul li:last-child a, .graphTitle .ops ul ul li:last-child a{
    border:0;
}
.table .ops ul ul li a:hover, .widget .title .ops ul ul li a:hover, .graphTitle .ops ul ul li a:hover, .graphTitle .ops ul ul li .bluelink:hover{
    background-color: #e4f8ff;
}
.table .row .focus{
    background:rgb(220,240,255) !important;
}
.table .toprow .topops{
    float:left;
    padding:0 5px;
}
.table .toprow .topops a,
.table .toprow .topops div,
.table .toprow .topops span{
    float:left;
    display:block;
    padding:8px 14px;
    font-size:11px;
    line-height:11px;
    background:url('/i/buttonbg2.png') 0 0 repeat-x #FAFAFA;
    border:1px solid rgb(213,213,213);
    color:rgb(85,85,85);
    border-radius:2px;
    margin-right:3px;
    text-indent:0;
}
.table .toprow .topops img{
    float:left;
    height:12px;
    width:12px;
    margin-right:5px;
}
.table .toprow .topops .off{
    opacity:0.33;
    filter:alpha(opacity=33);
}
.table .toprow .topops .on{
    background:rgb(255,255,230);
}
.table .toprow .topops select,
.table .toprow .topops input{
    font-size:15px;
    line-height:15px;
    padding:6px 2px;
    margin:0;
}
.table:after, .table2:after{
    display:block;
    content:' ';
    clear:both;
}
.table.tableNoClear{
    clear:none;
}
.table.tableNoClear:after{
    display:block;
    content:'';
    clear:none;
}

.preicon{
    padding:0 0 2px 23px;
    background-repeat:no-repeat;
    background-position:0 0;
    font-weight:bold;
}
.table{
    clear:both;
}
.table div.thin{
    padding:7px 5px;
}
.table .over{
    background:rgb(230,255,230);
}
.table a.highlight{
    background:rgb(230,245,255);
    padding:4px;
    width:auto;
    -moz-border-radius:4px;
    border-radius:4px;
}
.table .inverted{
    font-size:12px;
    line-height:10px;
    font-weight:bold;
    text-align:center;
    background:rgb(0,170,128);
    color:rgb(245,245,255);
    padding:5px 8px;
    width:75px;
    -moz-border-radius:10px;
    border-radius:10px;
    text-shadow:none;
    margin-top:-3px;
}
.table .inverted.invon{
    background:rgb(0,213,170);
}
.table.wide{
    width:900px;
}
.table.wide .row,
.table.wide .toprow,
.table.wide .midrow{
    width:890px;
}

/*.nav-tabs {*/
    /*margin-left: -30px;*/
    /*margin-right: -30px;*/
    /*padding-left: 30px;*/
    /*padding-right: 30px;*/
/*}*/

.nav-tabs>li>a {
    color: #767676;
    border-radius: 0;
    font-size: 13px;
    padding: 8px 12px;
}

.nav-tabs>li>a:hover {
    border-color: #f8f8f8 #f8f8f8 #dddddd;
}

.nav>li>a:focus, .nav>li>a:hover {
    background-color: #f8f8f8;
    color: #0078a9;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border-top-color: #0078a9;
    border-radius: 0 !important;
    color: #0078a9;
}

.tabs a img{
    width:14px;
    height:14px;
    float:left;
    margin-right:5px;
}
.teacherschools .inner{
    position:relative;
    top:5px;
}
.teacherschools .inner a{
    float:left;
    width:100%;
    line-height:20px;
    white-space:nowrap;
    padding-bottom:4px;
}
.text11{
    font-size:11px !important;
}
.text12{
    font-size:12px !important;
}
.text13{
    font-size:13px !important;
}
.text14{
    font-size:14px !important;
}
.text28{
    font-size:28px !important;
}
.textGray{
    color:#c0c0c0;
}
/* tiny form */
.tinyform,
.tinyform div.row,
.tinyform div.toprow,
.tinyform div.midrow{
    width:450px;
}
.tinyform div.row div.name{
    display:none;
}
.tinyform div.row div.field{
    width:430px;
}
.tinyform div.row div.help{
    width:405px;
    clear:left;
    display:none;
}
.tinyform div.error div.help{
    display:block;
}
.topNav{
    display:inline-block;
    font-family:'proxima_novaregular', Arial, sans-serif;
    height:50px;
    list-style:none;
    padding:0;
    position:relative;
    width:auto;
    margin-bottom: 0;
}
.topNav .unread{
    background:red url('red-gradient.png') repeat-x 0 0;
    border:2px solid #fff;
    border-radius:13px;
    bottom:-5px;
    box-shadow:2px 2px 2px rgba(0,0,0,.3);
    color:#fff;
    font-size:11px;
    padding:5px;
    height:12px;
    line-height:12px;
    width:12px;
    overflow:hidden;
    position:absolute;
    text-align:center;
    right:-5px;
}
.topNav > li{
    float:left;
    position:relative;
    z-index:997;
}

.topNav li a,
.topNav li span{
    float:left;
    font-size:15px;
    line-height:16px;
    color:#fff;
    padding: 17px 30px;
    text-decoration: none;
    transition: .2s;
}

.topNavRight li a {
    padding: 17px 15px;
}
.topNav li a:hover, .topNav li a:active, .topNav li a:focus, .topNav:hover li:only-of-type {
    background-color:#0a84b5;
}

.topNav ul{
    list-style:none;
    position:absolute;
    min-width:100px;
    left:-9999px;
    top:8px;
    margin:42px 0 0;
    padding:0;
    display:none;
    z-index:9;
}

.topNav ul li{
    width:auto;
    z-index:10;
}
.topNav ul li a{
    display:block;
    width:100%;
    padding:10px 8px 10px 30px;
    font-size:12px;
    text-align:left;
    color:#fff;
    background:#0084b8;
    white-space:nowrap;
    overflow:hidden;
    zoom:1;
}
.topNav li:hover ul, .topNav .hover ul{
    left:0;
    display:block;
}
.topNavRight li:hover ul, .topNavRight .hover ul{
    right:0;
    left:auto;
    display:block;
}
.topNav li:hover li a:hover, .topNav li:active li a:active, .topNav li:focus li a:focus {
    background-color:#0092cc;
    box-shadow:none;
}
.topNav li a .num, .topNavRight li .num{
    font-size:11px;
    display:block;
    height:13px;
    min-width:13px;
    line-height:13px;
    padding:4px 4px;
    position:absolute;
    right:-8px;
    top:28px;
    background-color:#ff0000;
    margin-left:2px;
    border:2px solid #fff;
    border-radius:15px;
    box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    text-align:center;
    z-index:1001;
    color: #FFF;
}
.topNavRight{
    float:right;
    display:block;
    height:50px;
    list-style:none;
    padding:0;
    width:auto;
}
.topNavRight > li{
    float:left;
    position:relative;
    z-index:10;
}
.topNavRight li a,
.topNavRight li span{
    float:left;
    font-size:13px;
    line-height:16px;
    color:#fff;
    text-decoration:none;
}
.notranslate > a.profile-thumb {
    padding: 15px 15px 5px !important;
}
.topNavRight li a[href='javascript:void(0);']{
    cursor: default;
}
.topNav li ul{
    min-width:160px;
    z-index:998;
}
.topNav li ul li{
    z-index:999;
}
.topNav .appBeta{
    color:#E05959;
    display:inline-block;
    font-size:9px;
    position:relative;
    top:-7px
}

/* offcanvas */

@media screen and (max-width: 767px) {
    html,
    body {
        overflow-x: hidden; /* Prevent scroll on narrow devices */
    }
    .row-offcanvas {
        position: relative;
        -webkit-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
    }

    .row-offcanvas-right {
        right: 0;
    }

    .row-offcanvas-left {
        left: 0;
    }

    .row-offcanvas-right
    .sidebar-offcanvas {
        right: -50%; /* 6 columns */
    }

    .row-offcanvas-left
    .sidebar-offcanvas {
        left: -50%; /* 6 columns */
    }

    .row-offcanvas-right.active {
        right: 50%; /* 6 columns */
    }

    .row-offcanvas-left.active {
        left: 50%; /* 6 columns */
    }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 50%; /* 6 columns */
    }
}


.nav > li > button.class-dropdown {
    padding: 17px 25px !important;
}

@media screen and (max-width: 767px) {
    .nav li button.class-dropdown {
        padding: 18px 16px 18px 12px !important;
        font-size: 13px;
        margin-top: 2px;
    }
}

.menu-collapsed {
    display:none !important;
}

.menu-expanded {
    width: 100% !important;
}

@media screen and (min-width: 768px) {
    .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown:focus .dropdown-menu  {
        display: block;
    }
}

/* heights */
.mh40 {
    max-height: 40px;
}

.mh135 {
    max-height: 135px;
}

.mh160{
    max-height: 160px;
}
.mh300 {
    max-height: 300px;
    overflow-y: scroll;
}
.mh600 {
    max-height: 600px !important;
}
.minh450 {
    min-height: 450px;
}

/* widths */

.minwidth40 {
    min-width: 40px;
}

.minwidth50 {
    min-width: 50px;
}

.minwidth70 {
    min-width: 70px;
}

.minw80 {
    min-width: 80px;
}
.minw100 {
    min-width: 100px !important;
}

.w8{
    width:8px !important;
}
.w10{
    width:10px !important;
}
.w15{
    width:15px !important;
}
.w17{
    width:17px !important;
}
.w18{
    width:18px !important;
}
.w20{
    width:20px !important;
}
.w23{
    width:23px !important;
}
.w25{
    width:25px !important;
}
.w30{
    width:30px !important;
}
.w35{
    width:35px !important;
}
.w40{
    width:40px !important;
}
.w45{
    width:45px !important;
}
.w50{
    width:50px !important;
}
.w52{
    width:52px !important;
}
.w53{
    width:53px !important;
}
.w55{
    width:55px !important;
}
.w60{
    width:60px !important;
}
.w65{
    width:65px !important;
}
.w70{
    width:70px !important;
}
.w73{
    width:73px !important;
}
.w75{
    width:75px !important;
}
.w80{
    width:80px !important;
}
.mw80 {
    min-width:80px !important;
}
.mw100 {
    min-width:100px !important;
}
.mw250 {
	min-width:250px !important;
}
.mx80 {
	max-width: 80px !important;
}
.w85{
    width:85px !important;
}
.w90{
    width:90px !important;
}
.w95{
    width:95px !important;
}
.w100{
    width:100px !important;
}
.w110{
    width:110px !important;
}
.w115{
    width:115px !important;
}
.w120 {
    width:120px !important;
}
.w125{
    width:125px !important;
}
.mx125 {
    max-width: 125px !important;
}
.w130{
    width:130px !important;
}
.w134{
    width:134px !important;
}
.w135{
    width:135px !important;
}
.w140{
    width:140px !important;
}
.w145{
    width:145px !important;
}
.w150{
    width:150px !important;
}
.w155{
    width:155px !important;
}
.w160{
    width:160px !important;
}
.mw160 {
    min-width: 160px !important;
}
.mx160{
    max-width:160px !important;
}
.w168 {
    width:168px !important
}
.w170{
    width:170px !important;
}
.w175{
    width:175px !important;
}
.w177{
    width:177px !important;
}
.w180{
    width:180px !important;
}
.w185{
    width:185px !important;
}
.w190{
    width:190px !important;
}
.w200{
    width:200px !important;
}
.w201{
    width:201px;
}
.mx200{
    max-width:200px !important;
}
.w215{
    width:215px !important;
}
.w220{
    width:220px !important;
}
.mx220{
    max-width:220px !important;
}
.w223{
    width:223px !important;
}
.w224{
    width:224px !important;
}
.w225{
    width:225px !important;
}
.w230{
    width:230px !important;
}
.w235{
    width:235px !important;
}
.w240{
    width:240px !important;
}
.w245{
    width:245px !important;
}
.w250{
    width:250px !important;
}
.w255{
    width:255px !important;
}
.w260{
    width:260px !important;
}
.w265{
    width:265px !important;
}
.w270{
    width:265px !important;
}
.w275{
    width:275px !important;
}
.w285{
    width:285px !important;
}
.w288 {
    width: 288px !important;
}
.w290{
    width:290px !important;
}
.mw300 {
    min-width: 300px;
}
.mx300{
    max-width: 300px !important;
}
.w300{
    width:300px !important;
}
.w310{
    width:310px !important;
}
.w315{
    width:315px !important;
}
.w316{
    width:316px !important;
}
.w325{
    width:325px !important;
}
.w330{
    width:330px !important;
}
.w333{
    width:333px !important;
}
.w335 {
    width:335px !important;
}
.w340{
    width:340px !important;
}
.w350{
    width:350px !important;
}
.w360{
    width:360px !important;
}
.w370{
    width:370px !important;
}
.w375{
    width:375px !important;
}
.w377{
    width:377px !important;
}
.w380{
    width:380px !important;
}
.w390{
    width:390px !important;
}
.w397 {
    width:397px !important;
}
.w400{
    width:400px !important;
}
.w420{
    width:420px !important;
}
.w425{
    width:425px !important;
}
.w435{
    width:435px !important;
}
.w439{
    width:439px !important;
}
.w445{
    width:445px !important;
}
.w450{
    width:450px !important;
}
.w462{
    width:462px !important;
}
.w475{
    width:475px !important;
}
.w480{
    width:480px !important;
}
.w485{
    width:485px !important;
}
.w490{
    width:490px !important;
}
.w495{
    width:495px !important;
}
.w500{
    width:500px !important;
}
.w513{
    width:513px !important;
}
.w525{
    width:525px !important;
}
.w550{
    width:550px !important;
}
.w560{
    width:560px !important;
}
.w575{
    width:575px !important;
}
.mw580{
    max-width:580px !important;
}
.w590 {
    width:590px !important;
}
.w600{
    width:600px !important;
}
.w620{
    width:620px !important;
}
.w625{
    width:625px !important;
}
.w640{
    width:640px !important;
}
.w650{
    width:650px !important;
}
.w675{
    width:675px !important;
}
.w685{
    width:685px !important;
}
.w690{
    width:690px !important;
}
.w695{
    width:695px !important;
}
.w700{
    width:700px !important;
}
.w725{
    width:725px !important;
}
.w740{
    width:740px !important;
}
.w746{
    width:746px !important;
}
.w750{
    width:750px !important;
}
.w771{
    width:771px !important;
}
.w775{
    width:775px !important;
}
.mw750{
    min-width:750px !important;
}
.mw775{
    min-width:775px !important;
}
.mw900{
    min-width:900px !important;
}
.w800{
    width:800px !important;
}
.w805{
    width:805px !important;
}
.w825{
    width:825px !important;
}
.w830{
    width:830px !important;
}
.w840{
    width:840px !important;
}
.w850{
    width:850px !important;
}
.w860{
    width:860px !important;
}
.w875{
    width:875px !important;
}
.w880{
    width:880px !important;
}
.w900{
    width:900px !important;
}
.w915{
    width:915px !important;
}
.w920{
    width:920px !important;
}
.w925{
    width:925px !important;
}
.w935{
    width:935px !important;
}
.w940{
    width:940px !important;
}
.w950{
    width:950px !important;
}
.w960{
    width:960px !important;
}
.mw960{
    min-width:960px !important;
}
.w970{
    width:970px !important;
}
.w975{
    width:975px !important;
}
.w990{
    width:990px !important;
}
.w1000{
    width:1000px !important;
}
.w1010{
    width:1010px !important;
}
.w1100{
    width:1100px !important;
}
.w1140{
    width:1140px !important;
}
.w1150{
    width:1150px !important;
}
.w1160{
    width:1160px !important;
}
.w1170{
    width:1170px !important;
}
.w1200{
    width:1200px !important;
}
.w1225{
    width:1225px !important;
}
.w1250{
    width:1250px !important;
}
.w1265{
    width:1265px !important;
}
.w1291{
    width:1291px !important;
}
.w1300{
    width:1300px !important;
}
.w1325{
    width:1325px !important;
}
.w1350{
    width:1350px !important;
}
.w1375{
    width:1375px !important;
}
.w1400{
    width:1400px !important;
}
.w1425{
	width:1425px !important;
}
.w1450{
	width:1450px !important;
}
.w1420{
    width:1420px !important;
}
.w1475{
    width:1475px !important;
}
.w1500{
    width:1500px !important;
}
.w1525{
    width:1525px !important;
}
.w1550{
    width:1550px !important;
}
.w1575{
    width:1575px !important;
}
.w1600{
    width:1600px !important;
}
.w1700{
    width:1700px !important;
}
.w1800{
    width:1800px !important;
}
.w2000{
    width:2000px !important;
}
.w100p{
    width:100% !important;
}
.mw100p {
    max-width:100% !important;
}
.w97p {
	width: 97%; !important;
}
.w60p {
	width: 60% !important;
}
.w50p {
	width: 50% !important;
}
.w40p {
	width: 40% !important;
}
.w35p {
    width: 35% !important;
}
.w32p {
    width: 32% !important;
}
.w30p {
    width: 30% !important;
}
.w25p {
    width: 25% !important;
}
.w20p {
    width: 20% !important;
}
.w15p {
    width: 15% !important;
}
.w10p {
    width: 10% !important;
}
.w8p {
    width: 8% !important;
}
.w5p {
    width: 5% !important;
}
.wadjustable{
    min-width:775px !important;
    max-width:970px !important;
}
.wordBreakNormal {
    word-break: normal !important;
}
.widget{
    font-size:13px;
}
.widget.dashboard{
    margin-right:10px;
    /*  margin-bottom:10px; helps align the charts on SA dashboard */
    width: 293px !important;
    overflow-x: initial !important;
}

.widget.dashboard:nth-child(3n){
    margin-right:0 !important;
}

.widget .widgetGraph{
    float:left;
    width:360px;
}
.widget .title{
    color:#444;
    font-size:14px;
    margin-bottom:0;
}
.widget .title2{
    border-bottom:1px solid #efefef;
    color:#444;
    font-size:14px;
    padding-bottom:5px;
    margin-bottom:0;
    width:100%;
}
/* zebra table */

/*for div tables to scroll horiztonally on small screen sizes*/
/*.contentHorizontalScroll {
    width:100% !important;
    height:auto;
    min-height:100px;
    overflow-x:auto;
    overflow-y:hidden;
}
.contentHorizontalScroll .zebra {
    width:200%;
}
.contentHorizontalScroll .smalloptionsHolder {
    width:100% !important;
}*/

.zebraTable{
    border-radius:5px;
    border-spacing:0;
    font-size:13px;
}
.zebraSmall{
    font-size:11px !important;
}
.zebraSmall td{
    border-bottom:1px solid #f5f5f5 !important;
    border-left:1px solid #fff;
    border-top:1px solid #fff;
    color:#444;
    cursor:pointer;
    padding:5px 8px !important;
    text-shadow:1px 1px #fff;
}
.zebraTable tr:nth-child(2) td{
    border-top:0;
}
.zebraSmall tr:nth-child(2) td{
    border-top:1px solid #fff !important;
}
.zebraTable .sorter td{
    background-color:#fafafa;
    border-bottom:0;
    border-top:0;
    line-height:8px;
    margin:0;
    padding:0;
    position:relative;
    overflow-x:hidden;
    text-align:center;
}
.zebraTable .sorter td img{
    position:absolute;
    top:0px;
}
.zebraTable td{
    border-bottom:1px solid #efefef;
    border-left:1px solid #fff;
    border-top:1px solid #fff;
    color:#444;
    cursor:pointer;
    padding:12px 18px;
    text-shadow:1px 1px #fff;
}
.zebraTable td a{
    color:#444;
    display:block;
    text-decoration:none;
    width:100%
}
.zebraTable .opts{
    font-size:10px;
    text-decoration:none;
}
.zebraTable td:first-child{
    border-left:none !important;
}
.zebraTable th{
    background-color:#36a5d2; /* url('blue-gradient.png') repeat-x 0 top */
    color:#fff;
    cursor:pointer;
    font-size:14px;
    font-weight:normal;
    padding:11px 18px 7px;
    text-align:left;
    text-shadow:1px 1px rgba(0, 0, 0, 0.3);
}
.zebraTable th:hover{
    background-color:#79d8ff; /* url('blue-gradient.png') repeat-x 0 top */
}
.zebraTable th:first-child{
    border-top-left-radius:5px;
}
.zebraTable th:last-child{
    border-top-right-radius:5px;
}
.zebraTable tr:hover td{
    background-color:#e3f1f4 !important;
}
.zebraTable .even{
    background-color:#f6f6f6;
}
.zebraSmall .even{
    background-color:#fff !important;
}
.zebraTable .gold{
    color:#c4901f;
}
.zebraTable .green{
    color:#6ea611;
}
.zebraTable .red{
    color:#ED2E10;
}
.zebraTable .highlightedcol{
    border-right:1px solid #efefef;
    font-weight:bold;
}
.zebraTable .medcolheader{
    font-size:12px;
    max-height:63px;
    overflow:hidden;
}
.medcol.medcolheader.highlightedcol{
    background:#36a5d2 url('blue-crosshatch.png') repeat 0 0 !important;
    border-right:1px solid #2d99c7;
}
.zebraTable .medcol{
    overflow:hidden;
    text-align:center;
    width:75px;
}
.zebraTable .subheader th{
    background-color:#f6f6f6;
    border-right:0 !important;
    border-bottom:1px solid #fff;
    border-top:0 !important;
    border-radius:0;
    color:#666 !important;
    font-size:13px;
    padding:2px;
    text-align:center;
    text-shadow:none !important;
}
.zebraTable .script{
    font-family:'Arvo', serif !important;
    font-size:12px !important;
    font-style:italic;
    font-weight:bold;
    text-align:right !important;
}
.zindex-1{
    z-index:-1;
}
.zebraTable .odd{
    background-color:#fafafa;
}
.zebraSmall .odd{
    background-color:#fff !important;
}
.zebraTable .statcol{
    text-align:center;
    width:50px;
}
.zebraTable .statcol img{
    height:18px;
    width:18px;
}
.zebraTable .selected{
    background:#77b129 url('/i/green-gradient.png') repeat-x 0 0;
    border-right:1px solid #8acd31;
    box-shadow:2px 0 2px rgba(0,0,0,.3);
    display:block;
    float:left;
    height:22px !important;
}
.zebra.darkback{
    background:#6a6a6a; /*only seen when dragging rows, if available */
}
.zebra .ops{
    float:right;
    width:25px;
}
.zebra .row,
.zebra .toprow,
.zebra .midrow{
    padding:0;
    border:0;
    display:block;
    float:left;
    clear:both;
    position: relative;
}

.zebra .midrow input[type=checkbox] {
    margin:0 !important;
}

.zebra .row{
    background-color:#fff;
    margin-left: 0;
    margin-right: 0;
}

.zebra > .row:hover > div, .zebra > .row:hover > a {
    background-color: #ebfaff !important;
}

.zebra.bb .row{
    width:765px;
}
.zebra .toprow{
    font-weight:bold;
    border:0;
    padding:0 0 10px 0;
    text-indent:5px;
}

.zebra .toprow select {
    font-weight: normal !important;
}

.zebra .row > a.div,
.zebra .row > div:not(.variableHeight){
    display:block;
    float:left;
    font-size: 13px;
    overflow:hidden;
    text-shadow:1px 1px white;
    white-space:nowrap;
    text-overflow: ellipsis;
}

/*
* FOUL SMELL DETECTED
* The combination of this and the next block is equivalent to making all
* .zebra .row > a.div, .zebra .row > div into 16px height
* it doesn't make any sense, please fix when time allows
*/
.zebra .row > a.div:not(.variableHeight),
.zebra .row > div:not(.variableHeight){
    height: 16px;
}

.zebra .row > a.div.variableHeight,
.zebra .row > div.variableHeight{
    height: 16px;
}

.zebra .row > a.div.variableHeight.needsDeodorizing,
.zebra .row > div.variableHeight.needsDeodorizing{
    height: auto;
}

.zebra .row > div{
    color:#444;
}
.zebra .row > a.div:hover{
    /*	background-color:#E3F1F4 !important;*/
    text-decoration:none;
}
.zebra .midrow{
    /*	background-color:#f0f0f0 !important;*/
    /*        font-family: 'proxima_novabold';*/
    color: #444 !important;
    font-size:14px !important;
    text-align:left !important;
    text-shadow:0 1px rgba(255, 255, 255, 0.6) !important;
    font-weight: bold;

}

.zebra .row > div,
.zebra .row > a,
.zebra .midrow > div {
    border-left: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}

.zebra .row > div:last-child,
.zebra .row > a:last-child,
.zebra .midrow > div:last-child {
    border-right: 1px solid #dcdcdc;
}

.zebra .midrow div {
    border-top: 1px solid #dcdcdc;
    float: left;
    background-color: #f0f0f0;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position:relative;
}

.sortable {
    position: relative;
}

.sortableTable .sortable:after {
    position: absolute;
    top: 10px;
    right: 4px;
    display: block;
    font-family: FontAwesome;
    opacity: 0.5;
    font-size: 0.7em
}

.sortableTable .sortable:hover:after {
    content: "\f07d";
    opacity: 0.34 !important;
    text-shadow: 0 1px rgba(255,255,255,0.8);
}

.sortableTable .sortAsc:after, .sortableTable .selectedColumn:after {
    content: "\f160" !important;
}

.sortableTable .sortDesc:after {
    content: "\f161" !important;
}
.noradius{
    border-top-left-radius:0 !important;
    border-top-right-radius:0 !important;
}
/*.zebra .midrow > div:first-child{
        border-top-left-radius:2px;
}
.zebra .midrow > div:last-child{
        border-top-right-radius:2px !important;
}*/
.zebra .sortable:hover{
    background-color:#e6e6e6 !important;
    /*	border-color:#e6e6e6;*/
    cursor:pointer;
    color: #444 !important;
}
.zebra .midrow a{
    color:#fff;
}

/* Dataset Bank table fix */
#datasetBank .table div:not(.clear-table-styles):not(.input-group):not(.htmlfield):not(.copyassn-gpselector) {
	float: left;
}

/*.zebra .row.alt, .zebra .row.alt a, .zebra .row.alt .statcol{
        background-color:#F6F6F6;
        removed by anurag
}*/
.zebra .toprow a.op{
    float:right;
    padding:8px 14px;
    font-size:11px;
    line-height:11px;
    background:url('/i/buttonbg2.png') 0 0 repeat-x #FAFAFA;
    border:1px solid rgb(213,213,213);
    color:rgb(85,85,85);
    border-radius:4px;
    margin-right:6px;
    text-indent:0;
}
.zebra .toprow a.op img{
    float:left;
    height:12px;
    width:12px;
    margin-right:6px;
}
.zebra .statcol{
    overflow:hidden;
    position:relative;
    width:49px;
    text-align:center;
}
.zebra .statcol img{
    width:16px;
    height:16px;
    margin-right:0 !important;
    float:none !important;
}
.statcol #arrow{
    display:none;
}

.zebra .row > a.div,
.zebra .row > div,
.zebra .midrow > a.div,
.zebra .midrow > div,
.zebra .row div.scrollPane > div > a.div,
.zebra .row div.scrollPane > div > div,
.zebra .midrow div.scrollPane > div > a.div,
.zebra .midrow div.scrollPane > div > div{
    padding:12px 11px 11px 12px;
    box-sizing: content-box !important;
}

.zebra .row div.scrollPane,
.zebra .midrow div.scrollPane{
    padding:0;
    display:block;
    float:none;
    overflow:hidden;
    white-space:nowrap;
}
.zebra .row div.scrollPane > div,
.zebra .midrow div.scrollPane > div{
    position:relative;
    float:none;
}
.zebra .row div.scrollPane div.allowWrap,
.zebra .midrow div.scrollPane div.allowWrap{
    white-space:normal;
    line-height:150%;
}
.zebra .midrow div.scrollPane div.h100{
    height:76px !important;
}
.zebra .midrow div.scrollPane.h100{
    height:100px/* !important */;
}
.zebra .row div.scrollPane{
    height:32px/* !important */;
}
.zebra .midrow div.scrollPane{
    height:43px/* !important */;
}
.zebra .row div.scrollPane > div > a.div,
.zebra .row div.scrollPane > div > div,
.zebra .midrow div.scrollPane > div > a.div,
.zebra .midrow div.scrollPane > div > div{
    display:inline-block;
    float:none;
}
/*.zebra .row > div,
.zebra .row div.scrollPane > div > div{
        border-right:1px solid #fff;
}*/
.zebra .midrow > div,
.zebra .midrow div.scrollPane > div > div{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
/*.zebra .row > div:last-child,
.zebra .midrow > div:last-child{
        border-right:0;
}*/

.zebra .row:hover > div,
.zebra .row:hover > a {
    background-color: #ebfaff !important;
}

.zebra .row .ops{
    /*	padding-top:7px;
            padding-bottom:0;*/
    padding: 9px 18px 17px 15px;
}

.zebra .row .ops ul ul li a {
    border-right: 0 !important;
    border-left: 0 !important;
}

.zebra .row .ops ul:hover > li > i {
    color: #0078a9;
}

.zebra .midrow .ops {
    padding: 12px 18px 12px 15px;
}
.zebra .selectedColumn{
    background:#dcdcdc !important;
    display:block;
    float:left;
    color: #444 !important;
    text-shadow: 1px 1px rgba(255,255,255,0.4) !important;
}

.table .fa-stack {
    height:auto !important;
    margin-top: -16px;
}

/* --- IDENTIFIERS --- */
#breadcrumb{
    color: #767676;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block;
}
#breadcrumb a{
    color: #767676;
    text-decoration:none;
}

#breadcrumb a:hover{
    color:#0078a9;
    text-decoration:none;
}

#breadcrumb span {
    display: inline-block;
    vertical-align: top;
}

#breadcrumb span.crumb-divider {
    margin: 0 8px;
}

#breadcrumb img{
    margin:0 10px;
    position:relative;
    top:-2px;
}
#breadcrumbInnerWrapper{
    /*	height:43px;*/
    margin:0 auto;
    position:relative;
}
#breadcrumbWrapper{
    background-color:#fff;
    position:relative;
}

.breadcrumb-list{
    list-style: none;
    margin: 0;
    padding: 0;
}

.breadcrumb-list li{
    display: inline;
}

/* responsive breadcrumbs */

@media screen and (max-width: 767px) {
    #breadcrumb a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #breadcrumb > div > a:first-child, #breadcrumb > a:first-child, #breadcrumb > div > a:last-child, #breadcrumb > a:last-child {
        width: 80px !important;
        display: inline-block;
    }

    #breadcrumb > a {
        width: 10px;
        display: inline-block;
    }
}

/* responsive breadcrumbs ends */

#cgswrapper .cgsrow{
    clear:both;
    float:none !important;
    overflow:hidden;
}
#contentWrapper{
    clear:both;
    margin:0 auto;
    position:relative;
    height:100%;
    z-index:1;
}
#contentWrapper.larger{
    min-width:1100px;
}

#dim{
    background-image:url('/i/dim.png');
    display:none;
    height:100%;
    left:0;
    position:fixed;
    width:100%;
    top:0;
    z-index:3 !important;
}
#dimmer{
    background-image:url('/i/dim.png');
    display:none;
    height:100%;
    left:0;
    position:fixed;
    width:100%;
    top:0;
    z-index:101 !important;
}
#encompass{
    width:auto;
}

.web-top-link{
	font-size:14px;
	color: #fff;
	background: url(/angular/navigation/src/images/angle-right.png) no-repeat right;
	padding: 18px 25px !important;
	height: 54px;
}

#engrade-app-name{
    max-width: 130px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 10px;
    margin-top: 23px;
    font-size: 14px;
    color: #fff;
    text-shadow: none;
    font-family: 'proxima_novasemibold', 'proxima_novaregular', Arial, sans-serif;
    margin: 23px 0 16px 0;
    font-weight: 500;
    line-height: 1.1;
}
/* Responsive Footer Styles */

.footer{
    clear:both;
    padding:30px 0;
    position: relative;
    z-index: 0;
}

.footer a {
    color: #0078a9;
}

.footer-links {
    font-size: 13px;
}

.footer-links span {
    text-align: center;
}

/* Responsive Footer Styles END */

#footer{
    border:1px solid rgb(230,230,230);
    margin:40px 10px 5px 10px;
    padding:20px;
    width:auto;
    font-size:8pt;
    color:rgb(85,85,85);
    line-height:130%;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
#footer a{
    color:rgb(85,85,255);
}
#footer a:hover{
    color:rgb(0,0,255);
}
#footbuttons{
    text-align:center;
    padding:15px 0;
}
#formcontent{
    padding:10px;
}
#inform .multirow .row{
    clear:none !important;
}

#inform .multiselect {
	overflow: visible;
}
#inform .multiselect .multiselect-clear-filter{
	padding: 9px 12px;
}
#logo{
    margin-top: 3px;
    max-width: 150px;
    max-height: 44px;
    height: auto;
}

@media screen and (max-width:1200px) {
    #logo {
        max-width: 117px;
    }
}

#logoLink{
    margin: 0;
}
#logoWrapper{
    border-left:1px solid #006794;
    border-right:1px solid #0D7EAF;
    display:inline-block;
    height:50px;
}
#logoWrapper.noborder{
    border:none;
}

#logoWrapper #logoLink{
    border-left:1px solid #0D7EAF;
    border-right:1px solid #006794;
    height:50px;
    margin:0 auto;
}

/* Override firefox's default selector so it is more noticiable for accessibility reasons */
@-moz-document url-prefix() {
    #logoLink:focus, #burger:focus {
        outline: auto 3px;
        outline-color: rgb(94,158,214);
    }
}

#navwrapper{
    height:50px;
    margin:0 auto;
    position:relative;
    z-index:9
}
#navwrapper .userImage{
    border:3px solid #fff;
    box-shadow:2px 2px 2px rgba(0,0,0,.7);
    position:absolute;
    right:10px;
    top:8px;
    z-index:2;
}
#powered{
    color:#999;
    font-family: 'proxima_novalight', Arial, sans-serif;
    font-style:italic;
    font-size:12px;
    left:15px;
    position:absolute;
    text-decoration:none;
    top:56px;
}
#pro{
    position:absolute;
    z-index:1;
    left:140px;
    top:23px;
}

#slideLinkTray{
    cursor:pointer;
    display:none; /*Removed for now*/
    margin-left:10px;
    position:relative;
    top:-15px;
    float:left;
}

#slideLinkTray i{
    font-size:10px !important;
    letter-spacing:-5px;
    width:auto;
}

#topwrapper{
    background-color:#0078A9;
    height:50px;
    margin:0 auto;
    z-index:1;
}
#wrapperAbs #contentWrapper{
    margin:0 auto;
}
#wrapperAbs{
    position:absolute;
    width:100%;
    top:99px;
    bottom:0px;
    z-index:-1;
    min-height:630px;
}
.colorcell{
    background-color:#FAFAFA !important;
    text-align:center !important;
}
.alt.colorcell{
    background-color:#F6F6F6 !important;
    text-align:center !important;
}
.colorcellon{
    background-color:inherit;
    box-shadow:inset 1px 1px 3px 2px rgba(0, 0, 0, .2);
    padding:12px;
    color:#fff !important;
    /* background-image:url('/i/color-cell-overlay.png');
            background-repeat:repeat-x;
            background-position:bottom left; */
    text-align:center !important;
    text-shadow:1px 1px #000 !important;
}
.selector{
    cursor:pointer;
}
/* MULTI ROW */
.inform .multirow{
    padding:0;
}
.inform .multirow div.row,
.inform .multirow div.row div,
.inform .multirow div{
    clear: none;
    padding: 2px 0px;
}
.inform .multirow div{
    padding-right:5px;
}
.inform .multirow div.row div.help{
    display:none;
}
.inform .multirow div.row div.colorpicker-picker{
    z-index:1;
}
.clear{
    clear:both;
}
/*** GP SELECTOR **/
#gpselector{
    font-size:12px;
    position: relative;
    z-index:10;
    margin-bottom: 10px;
}
#gpselector ul li,
#gpselector #show-more-gps{
    background:#f4f4f4;
    color:#000 !important;
    display:block;
    padding:4px 35px 5px 14px;
    margin:0;
    font-size:13px;
    /* text-shadow:1px 1px #000; */
    white-space:nowrap;
    z-index:7;
    overflow-x: hidden;
    text-overflow: ellipsis;
}
#gpselector ul li.current,
#gpselector ul li.selected-gp,
#gpselector ul li#gpmain,
#gpselector #show-more-gps {
	background:#f4f4f4 url('/i/arrow-down-small-gray.gif') 95% 12px no-repeat !important;
	font-weight: bold;
	color: #000;
}
#gpselector ul li.current.is-down,
#gpselector ul li.selected-gp.is-down,
#gpselector ul li#gpmain.is-down,
#gpselector #show-more-gps.is-down {
	background:#f4f4f4 url('/i/arrow-up-small-gray.gif') 95% 12px no-repeat !important;
}
#gpselector.k12-dashboard li#show-more-gps,
#gpselector.k12-dashboard ul li#gpmain{
	background-color: #fff !important;
}
#gpselector ul li.bg-white {
	background-color: #fff !important;
}
#gpselector ul li.selected-gp,
#gpselector ul li#gpmain,
#gpselector ul li.current{
	border: 1px solid #D5D5D5;
}
#gpselector ul li.same, #gpselector ul li.different {
	background: #f4f4f4;
	padding-top: 10px;
	padding-bottom: 10px;
}
#gpselector.k12-dashboard ul li.same, #gpselector.k12-dashboard ul li.different {
	background-color: #fff !important;
}
#gpselector .sub-menu {
	padding: 0;
	border: 0;
}
#gpselector ul{
    list-style-type:none;
    margin:0;
    padding:0;
    position:relative;
    list-style-position:outside;
    z-index:7;
}
/* #gpselector ul li{
        float:left;
}*/
#gpselector ul li > a{
    padding:0;
    border:0;
    margin:0;
}
#gpselector #gpperiods,
#gpselector #same-syr,
#gpselector #other-syr{
    /*	border-bottom-left-radius:2px;
            border-bottom-right-radius:2px;
            border-top-left-radius:2px;*/
    box-shadow:1px 1px 1px rgba(0,0,0,.1);
    background:#f4f4f4;
    list-style:none;
    position:absolute;
    left:-9999px; top:0px;
    margin:28px 0 0;
    padding:0;
    z-index:9;
    width:272px;
    max-height:400px;
    overflow-y:auto;
    overflow-x:hidden;
	border: 1px solid #D5D5D5;
}

#gpselector ul li a {
	text-underline: none;
	color:#000;
	font-weight: bold;
}

#gpselector #other-syr {
	margin:0;
	border: none;
	border-left: 1px solid #D5D5D5;
	border-right: 1px solid #D5D5D5;
}
#gpselector #other-syr li:last-child {
	border-bottom: 1px solid #D5D5D5;
}

#gpselector #gpperiods {
	border: 1px solid #D5D5D5;
}

#gpselector ul#gpperiods > li {
	border-collapse: collapse;
}
#gpselector ul#gpperiods > li:last-child {
	border-collapse: collapse;
}

@media screen and (max-width: 767px) {
	#gpperiods{
        width:100%;
    }
}

#gpselector ul:hover ul,
#gpselector.hover #gpperiods,
#gpselector.hover #same-syr,
#gpselector.hover #other-syr{
    left:auto;
    right:0;
}
#gpselector.hover #gpperiods,
#gpselector.hover #same-syr,
#gpselector.hover #other-syr{
    display: block!important;
}
#gpselector ul:hover li{
    cursor:pointer;
}
#gpperiods >span,
#same-syr >span,
#other-syr >span{
    border:0;
    background:none;
    padding:0;
    margin:0;
	cursor: pointer;
}
#same-syr >span.different,
#other-syr >span.different{
	display: block;
}
/*#gpselector ul ul li:last-child a{
        border-bottom-left-radius:2px;
        border-bottom-right-radius:2px;
}*/
#gpselector #gpperiods > span a,
#gpselector #same-syr > span a,
#gpselector #other-syr > span a{
    background:#f4f4f4;
    border-bottom:#d5d5d5;
    color:#000;
    text-decoration:none;
    border-top:0;
    border-right:0;
    padding:0 11px;
    margin:0;
    text-align:left;
    text-shadow:none;
    line-height:38px;
    display:block;
}
#gpselector #gpperiods span:hover a, #gpselector #gpperiods span:hover,
#gpselector #same-syr span:hover a, #gpselector #same-syr span:hover,
#gpselector #other-syr span:hover a, #gpselector #other-syr span:hover{
    background-color: #e6e6e6 !important;
}
/** OPTION LINKS **/
div.table div.row.options,
div.options{
    display:block;
    line-height:32px;
    z-index:7;
    margin-bottom: 15px;
}
div.table div.row.options{
    margin:0;
}
div.options ul li,
div.table div.row.options a,
div.table div.row.options span:not(.lastUpdate):not(.nostyle),
div.options span:not(.lastUpdate):not(.nostyle),
div.options a{
    display:block;
    float:left;
    padding:0 12px;
    background:#e4f8ff;
    margin:6px 6px 0 0;
    font-size: 14px;
    font-weight:400;
    color:#0078a9;
    border:1px solid #c0e3f0;
    border-radius:4px;
    z-index:7;
    text-decoration: none;
    text-shadow: 0 1px rgba(255,255,255,0.4);
    transition: .2s;
    cursor: pointer;
}

div.options ul li.submenu-container {
	float: none !important;
	left: auto;
	right: 0;
	padding: 0;
	margin: 39px 0 0;
	background: none;
	border: none;
}

.button-blue {
    display:block;
    float:left;
    padding:6px 12px;
    background:#e4f8ff;
    margin:0 6px 0 0;
    font-size: 14px;
    font-weight:400;
    color:#0078a9;
    border:1px solid #c0e3f0;
    border-radius:4px;
    z-index:7;
    text-decoration: none;
    text-shadow: 0 1px rgba(255,255,255,0.4);
    transition: .2s;
    cursor: pointer;
}

.button-blue:hover {
    background: #b1e8fc !important;
    border: 1px solid #81bfd6;
}

@media screen and (max-width: 767px) {
    div.options ul li,
    div.table div.row.options a,
    div.table div.row.options span:not(.lastUpdate):not(.nostyle),
    div.options span:not(.lastUpdate):not(.nostyle),
    div.options a{
        display:block;
        float:left;
        padding:0 8px;
        background:#e4f8ff;
        margin:0 6px 0 0;
        font-size: 13px;
        font-weight:400;
        color:#0078a9;
        border:1px solid #c0e3f0;
        border-radius:4px;
        z-index:7;
        text-decoration: none;
        text-shadow: 0 1px rgba(255,255,255,0.4);
        transition: .2s;
    }
}

div.options span.lastUpdate{
    color:#999;
    display:inline-block;
    font-size:11px;
    margin-left:15px;
    padding-left: 15px;
    background: transparent url('/i/clock-last-update-gray.png') no-repeat 0px 10px;
}

.prev > img, .next > img {
    width:16px;
}

div.options a.upgrade, div.options ul ul li a.upgrade:hover{
    background:#83c32e url('/i/green-gradient.png') repeat-x 0 0 !important;
    border-color:#7fb833 !important;
    color:#fff !important;
    text-shadow:none !important;
}
div.options > a:hover,
div.options > ul:hover > li
div.options > form > a:hover,
div.options ul >a:hover{
    background:#b1e8fc;
    border: 1px solid #81bfd6;
    color: #00598a;
}

div.options .fa{
    color:#0078a9 !important;
    float:left;
    font-size:14px;
    width: 16px;
    margin-right: 4px;
    text-align: center;
    margin-top:9px;
    vertical-align: baseline;
}
div.options ul ul .fa{
    margin-top:2px;
}

div.options .faGreen{
	color: #438534 !important;
}

.accessibleGray {
    color: #767676 !important;
}

.lightGray {
    /* note: not WCAG 2.0 AA accessible on a white background */
    color: #c8c8c8;
}

.fa.fa-trash.highlight:hover {
    color: #222 !important;
    cursor: pointer;
}
.fa.fa-trash-o.fa-lg.highlight:hover {
    color: #222 !important;
    cursor: pointer;
}

.faWhite {
    color: #fff !important;
}

.faGreen {
    /*  Meets WCAG 2.0 AA standards for white background */
    color: #438534 !important;
}

.faDarkerGreen {
    /*  Meets WCAG 2.0 AA standards for white background */
	color: #2c7d1a !important;
}

.faRed {
    /*  Meets WCAG 2.0 AA standards for white background */
    color: #d13b3b !important;
}

.faOrange {
    color: #fb8a4b !important;
}

.accessibleBrown {
    /*  Meets WCAG 2.0 AA standards for white background */
    color: #ab6611 !important;
}

.faYellow {
    color: #E6B01E !important;
}

.faBlue {
    /*  Meets WCAG 2.0 AA standards for white background */
    color: #0078a9 !important;
}

.fa222 {
    color: #222 !important;
}

.mhePlum {
    color: #7D214A !important;
}

.faBigPlus {
    font-size: 3em !important;
    margin-top: 10px;
}

div.options ul li a{
    background:transparent !important
}
div.options ul ul li a{
    background:#e4f8ff !important
}
div.options ul ul li a:hover{
    background:#b1e8fc !important
}
div.options ul:not(.no-dropdown):hover li:not(.submenu-container), div.options .hover li{
    border-bottom-right-radius:0px;
    border-bottom-left-radius:0px;
    -moz-border-bottom-left-radius:0px;
    -moz-border-bottom-right-radius:0px;
    cursor:pointer;
}
div.options span:not(.lastUpdate):not(.nostyle){
    opacity:.50;
    filter:alpha(opacity=50);
}
div.options .opacity1{
    opacity:1;
    filter:alpha(opacity=100);
}
div.options form.space{
    display:block;
    float:left;
    margin:0 30px 0 0;
}
div.options span.spacer{
    background:none !important;
    border:none !important;
    width:20px;
    padding:0;
}
div.smalloptionsHolder:after{
    clear:both;
    display:block;
    content:' ';
}
div.smalloptions a{
    color:#444;
    display:block;
    float:right;
    font-size:12px;
    margin-left:10px;
    text-decoration: none;
}
div.smalloptions a:hover {
    color:#222;
}

div.smalloptions a i {
    margin-right: 2px;
}
div.smalloptions{
    float:right;
    margin-top:10px;
    text-align:right;
    width:300px;
}
div.smalloptions img{
    width:16px;
    height:16px;
    margin-right:6px;
    float:left;
}
div.options li img.upic,
div.options span img.upic,
div.options a img.upic{
    margin:8px 4px 0 0;
}
div.options .icon{
    width:36px;
    height:32px;
    padding:0;
}
div.options .icon img{
    width:16px;
    height:16px;
    margin-top:8px;
    margin-left:10px;
}
div.options ul{
    float:left;
    list-style-type:none;
    margin-before:0;
    -webkit-margin-before:0;
    -moz-margin-before:0;
    padding-start:0;
    -webkit-padding-start:0;
    -moz-padding-start:0;
    margin:0;
    padding:0;
    position:relative;
    list-style-position:outside;
    /*  z-index:7; Removed to allow dropdown options to remain visible in case of 2 rows of div.options */
}

@media screen and (max-width: 767px) {
    div.options > ul, div.options > a {
        margin-bottom: 8px !important;
    }
    div.table div.row.options, div.options {
        margin-bottom: 7px;
    }
}

div.options > ul:hover > li:not(.submenu-container) {
    background: #b1e8fc !important;
    border: 1px solid #81bfd6;
}

div.options ul li{
    float:left;
    min-height:32px;
}
div.options ul li > a{
    padding:0;
    border:0;
    margin:0;
    border-radius:0;
}
div.options ul ul{
    list-style:none;
    position:absolute;
    left:-999999px;
    margin:39px 0px 0px;
    padding:0;
    z-index:11;
    border-top: 1px solid #81bfd6;
    max-height:400px;
    overflow-y:auto;
    overflow-x:hidden;
    box-shadow:0 6px 12px rgba(0,0,0,.175);
}
@media screen and (max-width:767px) {
    div.options ul ul{
        margin:33px 0 0;
    }
}
div.options ul:hover ul, div.options .hover ul{
    left:0;
}
div.options .floatright:hover ul{
    right:0 !important;
    left: initial;
}
/*   Below media query only targets IE 8/9/10   */
@media screen\0 {
    div.options .ie-fix-3:hover ul{
        left:-159px;
    }
    div.options .ie-fix-2:hover ul{
        left:-142px;
    }
}

div.options .ie-fix:hover ul{
    left:-176px;
}

div.options .ie-fix-reports:hover ul{
    left:-125px;
}

div.options .ie-fix-lp:hover ul{
    left:-250px;
}

div.options .floatright > li{
    margin-right:0 !important;
}
div.options ul:hover li, div.options .hover li{
    background:#e4f8ff;
    cursor:pointer;
    /* background-position:-8px -8px; */
}
div.options ul li a{
    box-shadow:none !important;
}

div.options ul ul li{
    border:0;
    background:none;
    padding:0;
    margin:0;
}

div.options ul li ul {
    margin: 0px !important;
}


div.options ul ul li a{
    border: 1px solid #81bfd6;
    color: #0078a9;
    margin-top: -1px;
    padding:9px 11px;
    width:250px;
    line-height:18px;
    /*        Adding ellipsis for long text*/
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

}
@media screen and (max-width: 767px) {
    div.options ul ul li a{
        font-size: 12px;
        width: 220px;
        padding: 9px 8px;
    }
}
div.options ul ul li a img,
div.options ul ul li a img.upic{
    float:left;
    margin:0 6px 0 0;
    width:16px;
    height:16px;
}
div.options ul ul li a:hover{
    background:rgb(230,230,230);
}
div.options .msg a{
    display:inline;
    border:0;
    padding:0;
    margin:0;
    float:none;
    color:rgb(0,0,170);
    background:none;
}
#appframe{
    text-align:left;
    display:block;
    /*position:absolute;*/
    /*left:0;*/
    /*top:0;*/
    /*right:0;*/
    /*bottom:0;*/
    border:0;
    padding:0;
    margin:0;
    width:100%;
    height:100%;
    min-height:1000px;
}

#classappframe{
    text-align:left;
    display:block;
    /*position:absolute;*/
    /*left:0;*/
    /*top:0;*/
    /*right:0;*/
    /*bottom:0;*/
    border:0;
    padding:0;
    margin:0;
    width:100%;
    height:100%;
}

#sidebarmore #sidebarmorelinks{
    display:none;
}
#sidebarmore:hover #sidebarmorelinks{
    display:inline;
}
/** MESSAGE BOXES **/
.msg2{
    clear:both;
    display:block;
    padding:10px;
    font-weight:normal;
    margin:0 0 10px 0;
    line-height:140%;
    font-size:11px;
    -moz-border-radius:6px;
    border-radius:6px;
}
.msg2.error{
    border:1px solid rgb(170,0,0);
    background:rgb(255,240,240);
    color:rgb(128,0,0);
}
.msg2.success{
    border:1px solid rgb(0,128,0);
    background:rgb(240,255,240);
    color:rgb(0,128,0);
}
.msg2.tip{
    border:1px solid rgb(213,213,128);
    background:rgb(255,255,213);
    color:rgb(85,85,85);
}
.msg2.mhelp, .msg.mhelp{
    clear:both;
    display:block;
    padding:10px;
    font-weight:normal;
    margin:0 0 10px 0;
    line-height:140%;
    font-size:11px;
    -moz-border-radius:6px;
    border-radius:6px;
    background:rgb(250,250,250);
    border:1px solid rgb(230,230,230);
    color:rgb(85,85,85);
}
.msg ul{
    -webkit-padding-start:20px;
    list-style-type:circle;
}
.msg ul li{
    margin-bottom:5px;
}
.msg.balloon{
    clear:both;
    display:block;
    padding:10px;
    font-weight:normal;
    margin:0 0 10px 0;
    line-height:140%;
    font-size:11px;
    -moz-border-radius:6px;
    border-radius:6px;
    font-size:10pt;
    padding:8px 30px;
    position:absolute;
    z-index:7;
    -moz-border-radius:8px;
    border-radius:8px;
    -moz-box-shadow:3px 3px 5px #BBB;
    -webkit-box-shadow:3px 3px 5px #BBB;
    box-shadow:3px 3px 3px #BBB;
    width:auto !important;
}

.msg{
    border-radius: 17px;
    clear: both;
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 140%;
    margin: 0 0 20px 0;
    overflow: hidden;
    padding: 9px 20px 9px 34px;
    position: relative;
    text-shadow: 0 1px 1px rgba(255,255,255,0.6);
}

.msg:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    left: 12px;
    font-size: 15px;
}

.msg a {
    font-weight: bold;
}

.msg.error {
    background-color: #ffecec;
    color: #b82222;
    font-family: 'proxima_novaregular', Arial, sans-serif;
}

.msg.error:before {
    content: "\f057";
}

.msg.success {
    background-color: #E9F5E6;
    color: #367a25;
}

.msg.success:before {
    content: "\f058";
}

.msg.tip {
    background: #ebfaff;
    color: #0078a9;
}

.msg.tip:before {
    content: "\f059";
}

.msg.tip.student{
    position:static;
    box-sizing:border-box;
}

.msg.alert {
    background-color: #fff6ed;
    color: #bd4e13;
    border: none;
}

.msg.alert:before {
    content: "\f05a";
}

.msg.rescore{
    background: #ebfaff;
    color: #0078a9;
}
.msg.rescore:before {
    content: "\f01e";
}

/* Announcement CSS - see ENG-1043 */
.announcements {
    border-style: solid;
    border-width: 1px;
    border-color: rgba(230, 176, 30, 0.4);
    border-radius: 4px;
    background-color: rgb(255, 253, 227);
}

.announcements .panel-title {
    color: #a66311;
    font-size: 12px;
	font-weight: normal;
}

.announcements h4 {
    font-size: 18px;
    color: rgb(34, 34, 34);
    margin-top: 0;
}

.announcements h4 span {
    font-size: 12px;
    color: rgb(153, 153, 153);
    margin-left: 10px;
}

/* End Announcements */

.vertcenter {
    top: auto;
    bottom: auto;
    height: 100%;
}

/* adjust message location for popups */
#iframe .msg{top:0 !important; left:0 !important}

.noticeBlue{
    margin-bottom:10px;
    border:1px solid #ffaf7f;
    border-radius:5px;
    background-color:rgba(255, 223, 204,0.4);
    padding:8px 10px;
    position:relative;
    overflow:hidden;
    color:rgb(128, 34, 0);
}

.blueNotice{
    position:absolute;
    top:0;
    right:-10px;
}

.blueNotice img {
    width:80%;
}

.orangeNotice {
    position: absolute;
    right:0;
    top:0;
}

.orangeNotice img {
    height: 38px;
}

.tableCellNotice{
    position:absolute;
    top:0;
    right:0;
    text-align:right;
}
.tableCellNotice img {
    width:80%;
}

.itemShare {
    cursor: pointer;
}

img.arrow{
    position:absolute;
    top:35px;
    z-index:7;
}
.engradeplus{
    display:block;
    clear:both;
    padding:8px;
    font-size:8pt;
    width:760px;
    position:relative;
    line-height:16px;
    height:16px;
    color:rgb(0,0,0);
    background:rgb(230,240,255);
    border:1px solid rgb(190,213,255);
    border-radius:6px;
    margin:10px 0;
}
.engradeplus .plus{
    display:block;
    float:left;
    margin-right:6px;
    font-weight:bold;
    font-family:'Lato', "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    line-height:14px;
    text-align:center;
    padding:1px 5px;
    border-radius:4px;
    background:rgb(43,190,255);
    color:rgb(255,255,255);
}
.engradeplus:hover{
    color:rgb(0,0,0);
}
.engradeplus:hover .plus{
    background:rgb(0,128,255);
}
.plusplus{
    font-weight:bold;
    font-family:'Lato', "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    line-height:14px;
    text-align:center;
    padding:0px 4px;
    border-radius:4px;
    background:rgb(213,230,255);
    color:rgb(255,255,255);
}
.plusplus:hover{
    background:rgb(43,190,255);
    color:rgb(255,255,255);
}
/** BB **/
.bb .itemmain{
    width:690px;
    float:left;
    display:block;
}
.bb img.postpic{
    background:#fff;
    width:50px;
    height:50px;
    padding:3px;
    float:left;
    margin-right:18px;
    border-radius:50%;
    opacity: 0.8;
}

.bb-block:hover img.postpic {
    opacity: 1;
}

div.bb .row{
    padding:4px 0 12px;
}
div.bb .row .body{
    display:block;
    line-height:150%;
    /*	padding:5px 12px;*/
    white-space:normal !important;
}
div.bb .row .body .attached{
    margin-top:5px;
    float:none;
}
.table .row .title{
    display:block;
    float:left;
}
.bb .row .title{
    float:none;
    font-size:18px;
    font-weight: bold;
    clear:none !important;
    margin-top: 7px !important;
    line-height: 110%;
}
.table .unread .title,
.table .unread .name{
    font-weight:bold;
}

.bb-block {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 10px;
}

@media screen and (max-width:768px) {
    .bb-block {
        width: 100%;
    }
    .bb-block .bb-count,
    .bb-block .col-xs-9 {
        float: left !important;
    }
}

/*.row:last-child > .bb-block {
    border-bottom: none !important;
}*/

.bb .row .byline2,
.bb .row .byline{
    /*	margin-left:48px;*/
    float:none;
    font-size:8pt;
    padding-top:5px;
    border-right:0 !important
}
.bb .row .byline2{
    padding-top:0;
    padding-bottom:5px;
    white-space:nowrap;
}
.bb .row .byline2 select,
.bb .row .byline select{
    font-size:8pt;
    font-family:'Lato', "Helvetica Neue",Helvetica,Arial,sans-serif;
    border:0;
    padding:0;
    margin:0;
    color:rgb(0,0,255);
    cursor:pointer;
    opacity:.50;
    filter:alpha(opacity=50);
}
.bb .row .byline2 select.focused,
.bb .row .byline select.focused{
    border-width:1px;
    color:rgb(0,0,0);
    width:auto;
    cursor:default;
    opacity:1;
    filter:alpha(opacity=100);
}
div.bb textarea.off{
    border:0;
    padding:0;
    margin:0;
}
div.bb .row .inform{
    border:0;
    padding:0;
    margin:0;
    width:auto;
    background:none;
}

div.bb .row .inform div.row{
    border:0;
    margin:0;
    width:auto;
}
.bb .row.block{
    width:240px;
    float:left;
    clear:none;
    overflow:hidden;
    height:38px;
}
.table .stat{
    float:right;
    font-size:8px;
    text-align:center;
    color:rgb(0,170,85);
    margin-top:3px;
}
.table .stat b{
    font-size:18pt;
    font-weight:normal;
    display:block;
    margin-bottom:4px;
    text-align:center;
}

.panel-default > .panel-heading {
    font-size: 12px;
    color: #767676 !important;
    text-transform: uppercase;
    background-color: transparent !important;
    border-color: transparent !important;
}

.panel-default:not(.panel-inline) > .panel-body {
    padding: 0 15px 10px;
}


/* Default panel color for panel primary */
.panel-primary-color-default {
    font-size: 14px;
    font-family: 'proxima_novaregular', Arial, sans-serif;
    border-radius: 0px;
    color: #265867;
    border-color: #D1DBDE;
}

.panel-primary-color-default > .panel-heading {
    background-color: #F0F3F4;
    border-color: #D1DBDE;
}

.panel-primary-color-default > .panel-heading > .panel-title {
    color: #265867;
}


/*  styles for the class dashboard checklist */

.panel-checklist {
    border-color: rgba(244,121,33,0.6);
    box-shadow: 0 0px 6px rgba(0,0,0,0.2);
}

.panel-checklist .panel-body {
    padding: 0;
}

.panel-checklist > .panel-heading {
    color: #B5510A !important;
    padding: 10px 15px 5px;
}

.toggle-checklist {
    background: transparent;
    border: none;
    position: relative;
    top: -2px;
}

ul.setup-checklist {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: -1px;
}

ul.setup-checklist li {
    border-top: 1px solid rgba(244,121,33,0.6);
    border-bottom: 1px solid rgba(244,121,33,0.6);
    margin-top: -1px;
    min-height: 68px;
}

.checklist-list-style {
    margin-left: 10px;
    background-color: #0078a9;
    color: #fff;
    text-align: center;
    font-family: 'proxima_novasemibold', sans-serif;
    display: block;
    font-size: 16px;
    padding: 6px 8px 0px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* specific styles targeting IE10 and above. ref: https://coderwall.com/p/7vatvw/css-hack-for-ie10-ie11-and-webkit-browsers */
    .checklist-list-style {
        padding: 4px 6px 0;
    }
}

ul.setup-checklist li.item-complete .checklist-list-style {
    background-color: #999;
}

.setup-checklist .displayTableCell {
    height: 65px;
}

.setup-checklist .displayTableCell.icon-right .fa {
    font-size: 32px;
}

li.checklist-item > a:hover {
    background-color: #f5f5f5;
    box-shadow: 0 0px 6px rgba(0,0,0,0.2);
}

li.item-complete:hover {
    background-color: transparent;
}

li.checklist-item > a {
    display: block;
    text-decoration: none;
}

.checklist-item-title {
    display: block;
    font-size: 17px;
    color: #0078a9;
    font-family: 'proxima_novasemibold', sans-serif;
}

.checklist-item-description {
    font-size: 12px;
    color: #444;
}

.row .checklist-item a .icon-right .fa {
    color: #999;
}

.row .checklist-item a:hover .icon-right .fa {
    color: #0078a9;
}

.checklist-item .pull-right {
    position: relative;
    top: 4px;
}

/** LARGE POP BOX **/
#popLargeHolder{
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 201;
}

#popLarge{
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.7);
    margin: 80px auto;
    padding: 15px;
    width: 800px;
}

/** POP BOX **/
#pop.on{
    background: rgb(255,255,255);
    border-radius: 2px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.7);
    display: block;
    position: absolute;
    z-index: 1141;
    bottom: auto;
}

/**
 * Workaround for known bug in mobile safari: in mobile safari, position: fixed fails
 * when the keyboard is opened (the window height appears to change randomly, causing
 * everything to jump around). Worked around by using position: absolute & locking the
 * modal's position into the document.
 *
 * JS that adds this class should set the margin-top CSS on the element's style attribute
 * to $(window).scrollTop() + 'px'.
 *
 * See https://www.abeautifulsite.net/bootstrap-3-modals-and-the-ios-virtual-keyboard for
 * more info.
 */
.ios-fixed-modal {
    position: absolute !important;
    bottom: auto !important;
    top: 0 !important;
}

@media screen and (min-width:1199px) {
    #pop.on {
        min-width: 820px;
    }

    #popc iframe {
        min-height: 450px;
    }

    #pop.centered-popup #popc iframe {
        min-height: unset;
    }
}

#poptitle{
    cursor: move;
}
#poptop{
    border-bottom: 1px solid #d7d7d7;
    color: #444;
    font-size: 18px;
    padding: 10px 8px 10px 15px;
    position: relative;
    user-select: none;
    width: 100%;
    z-index: 1142;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}
#pop.off{
    display: none;
}
#popc{
    /* background:#f6f6f6; */
    /*    padding:10px; removed to accommodate fixed widths w700 */
    -webkit-overflow-scrolling: touch;
}
#pop.centered-popup {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    position: fixed;
    z-index: 9999;
}
#pop.centered-popup.padded {
    top: 25px;
    left: 25px;
    width: calc(100% - 50px);
    height: calc(100% - 50px);
}
#pop.centered-popup #poptop a i {
    padding:4px;
}
#pop.centered-popup #poptop a {
    cursor: pointer;
    float: right;
    text-align: center;
    color: #444;
    font-size: .7em;
    margin-right: 2px;
    padding: 3px 4px;
    text-decoration: none;
}
#pop.centered-popup #popclose img {
    margin: 2px;
}
#pop.centered-popup #poptop {
    /* If you change the height of this element, you must change the height of the #pop.centered-popup #popc below */
    height: 34px;
}
#pop.centered-popup #popc {
    height: calc(100% - 34px);
}
#popc .table{
    width: 700px;
    margin: 4px 10px;
}
#popclose{
    cursor: pointer;
    display: block;
    float: right;
    text-align: center;
    padding: 4px 0;
    line-height: 16px;
    text-align: center;
    text-indent: 0;
}
#popclose:hover{
    background: transparent;
}
#popclose img{
    width: 16px;
    height: 16px;
}
#popc .table div.row.options{
    line-height: 32px;
}
#popc .table .row.dbb{
    border-bottom: 3px dotted rgb(213,213,213);
}
#popc .inform .row,
#popc .inform .row.options,
#popc .inform .toprow,
#popc .inform .midrow{
    height: auto;
    margin: 0;
    line-height: 100%;
}
.inform .row.error:not(.ahe-ui):not(.ahe-ui-label) {
    color: #A00 !important;
}
.inform .row.error input, .inform .row.error select, .inform .row.error textarea,
#gradebook .score.error,
#gradebook4 .score[data-error="true"]{
    background: #FFF0F0 !important;
    border-color: #A00 !important;
}
input.error, textarea.error, select.error{
    background: #FFF0F0;
    border-color: #A00 !important;
}
#wrapper.on{
    opacity: 1;
    filter: alpha(opacity=100);
}
#wrapper.off{
    opacity: 0.5;
    filter: alpha(opacity=50);
}
/** MISC **/
a.edit{
    color: rgb(128,100,255);
}
a.edit:hover{
    color: rgb(85,0,213);
}
.small	{font-size:8pt;}
.mini	{font-size:10px;text-transform:uppercase;font-weight:normal;}
.tiny	{font-size:10px;}
.f12    {font-size:12px;color:rgb(153, 153, 153);}
.top	{vertical-align:top;}

.right	{
    /** Affects popover text alignment if it is important **/
    text-align:right;
}

.left	{text-align:left;}
.center	{text-align:center !important}
.point	{cursor:pointer;}
.bold	{font-weight:bold;}
.proximanova-semibold {
    font-family: 'proxima_novasemibold', sans-serif;
}
.italic	{font-style:italic;}
.gray,.grey	{ color:rgb(128,128,128); }
.gray2,.grey2 { color:rgb(85,85,85); }
.new{
    font-size:8px;
    vertical-align:super;
    text-transform:uppercase;
    color:rgb(255,0,0);
    font-weight:normal;
    line-height:100%;
}
a.file{
    display:block;
    padding:5px 0;
    line-height:16px;
}
a.file img{
    float:left;
    height:16px;
    width:16px;
    margin-right:5px;
}
.upic{
    width:16px;
    height:16px;
    margin-right:6px;
    float:left;
}
.upic.small{
    width:13px;
    height:13px;
    margin-right:6px;
    float:left;
}
.upic.upic-sidebar{
    float:none;
}
#dev{
    position:absolute;
    top:0;
    left:0;
    font-size:8px;
    background:rgb(213,0,0);
    font-weight:bold;
    color:rgb(255,255,255);
    padding:1px 3px;
    float:left;
}
.chop{
    overflow:hidden;
}
.fontGreen{
    color: #22a322 !important;
}

.fontSizeem1-1{
    font-size:1.1em !important
}

.fontSizeem1-2{
	font-size:1.2em !important
}

.fontSizeem1-3{
    font-size:1.3em !important
}

.fontSizeem1-4{
    font-size:1.4em !important
}

.fontSizeem1-5{
	font-size:1.5em !important
}

.fontSize10 {
	font-size: 10px !important;
}

.fontSize12 {
    font-size: 12px !important;
}

.fontSize14 {
    font-size: 14px;
}

.fontSize16 {
    font-size: 16px;
}

.fontSize18 {
    font-size: 18px;
}

.fontSize20 {
    font-size: 20px;
}

.fontWeightNormal {
    font-weight: normal;
}

.fontWeight800 {
	font-weight: 800;
}

.midrow .fa{
    font-size:1.2em;
}

.row .secondaryColumn{
    font-size:12px;
}

.row .fa{
    font-size:1em;
}

.row .ops .fa{
    font-size:1.2em !important;
}
.table .row .fa{
    color: #767676;
}
.statcol50{
    width:50px;
    text-align:center;
}
.statcol100{
    width:100px;
    text-align:center;
}
.div50{
    width:50px !important;
}
.div70{
    width:70px !important;
}
.div75{
    width:75px !important;
}
.div100{
    width:100px !important;
}
.div110{
    width:110px !important;
}
.div120{
    width:120px !important;
}
.div150{
    width:150px !important;
}
.div185{
    width:185px !important;
}
.div190{
    width:190px !important;
}
.div200{
    width:200px !important;
}
.div225{
    width:225px !important;
}
.div250{
    width:250px !important;
}
.div330{
    width:330px !important;
}
.div360{
    width:360px !important;
}
.div370{
    width:370px !important;
}
.div400{
    width:400px !important;
}
.div600{
    width:600px !important;
}
.div650{
    width:650px !important;
}
.div700{
    width:700px !important;
}
.marginBottom0{
    margin-bottom:0 !important;
}
.marginBottom5{
    margin-bottom: 5px !important;
}
.marginBottom10{
	margin-bottom:10px !important;
}
.pad0 {
	padding:0 !important;
}
.pad5{
    padding:5px;
}
.pad5tb{
    padding:5px 0;
}
.padBottom5 {
    padding-bottom: 5px !important;
}
.pad10{
    padding:10px;
}
.pad15{
	padding: 15px !important;
}
.pad20{
	padding:20px;
}
.padTop0{
    padding-top: 0;
}
.padTop8 {
    padding-top: 8px;
}
.padTop18 {
	padding-top: 18px;
}
.padBottom0{
    padding-bottom:0 !important;
}

.pad-tight {
    padding: 1px 2px !important;
}
.hidden{
    display:none !important;
}
.softhidden{
    display:none;
}
.hiddencompat{
    display: inline-block;
    width: 1px;
    height: 1px;
    overflow: hidden;
    visibility: hidden;
}

/** TABS ***/
h1 .tabs{
    display:block;
    line-height:100%;
}
h1 .tabs:after{
    clear:both;
    display:block;
    content:' ';
}
h1 .tabs a{
    display:block;
    float:left;
    padding:7px 10px;
    border:1px solid rgb(213,213,213);
    position:relative;
    top:1px;
    background:rgb(245,245,245);
    border-radius:6px 6px 0 0;
    font-size:8pt;
    color:rgb(85,85,85);
    z-index:1;
}
h1 .tabs a img{
    width:14px;
    height:14px;
    float:left;
    margin-right:5px;
}
h1 .tabs a#subtab0 { left:0px; }
h1 .tabs a#subtab1 { left:-1px; }
h1 .tabs a#subtab2 { left:-2px; }
h1 .tabs a#subtab3 { left:-3px; }
h1 .tabs a#subtab4 { left:-4px; }
h1 .tabs a#subtab5 { left:-5px; }
h1 .tabs a#subtab6 { left:-6px; }
h1 .tabs a#subtab7 { left:-7px; }
h1 .tabs a.active{
    background:rgb(255,255,255);
    border-bottom:1px solid rgb(255,255,255);
    color:rgb(0,0,0);
}
.progressStep{
    text-align:center;
    height:40px; width:160px;
    line-height:20px;
    margin:0;
}
.progress-done{
    background:rgb(45,126,191);
    color:rgb(0,85,128);
}
.progress-active{
    background:#1999e3;
    color:white;
}
.progress-inactive{
    background:#45CFFF;
    color:rgb(0,43,128);
}
div.progressArrow{
    width:160px;
    height:18px;
    background-image:url('/media/images/ui-progress-sprites-new.png');
    background-repeat:no-repeat;
}
/*Jquery autocomplete*/
.ui-autocomplete{
    max-height:242px;
    width:215px !important;
    overflow-y:auto;
    /* prevent horizontal scrollbar */
    overflow-x:hidden;
    /* add padding to account for vertical scrollbar */
}
.ui-corner-all{
    border-radius:0;
}
.ui-widget{
    font-size:10pt;
}
.ui-autocomplete-term{
    font-style:normal !important;
}
.markhead{
    border-bottom:5px solid #000000;
}
.graph .row .upic{
    margin-top:4px;
}
.graph .bar{
    display:block;
    float:left;
    height:24px;
}
.graph .bar.wrap{
    padding:2px;
    height:20px;
    position:relative;
}
.graph .bar.wrap .bar{
    padding:0px;
    height:20px;
}
.graph .bar.wrap .num{
    text-align:right;
    font-size:10px;
    line-height:20px;
    color:rgb(85,85,85);
    position:absolute;
    top:2px;
    right:2px;
    text-shadow:0 -1px rgb(213,213,213);
}
.graph .tooltip, .graphbar .tooltip, .graphpie .tooltip, .graphline .tooltip, .graphlinegrouped .tooltip{
    border:1px solid #CCC;
    cursor:pointer;
    font-size:10px;
    white-space:nowrap;
    background:rgba(245, 245, 245, 0.90);
    padding:5px;
    border-radius:5px;
    line-height:15px;
    text-align:center;
}
.pointer{
    cursor:pointer;
}
.std{
    background:rgb(213,230,255) !important;
    padding:5px !important;
    color:rgb(0,85,170) !important;
    display:block !important;
    float:left;
    margin:0 2px 2px 0;
    font-size:8pt !important;
    font-weight:bold !important;
    border-radius:2px !important;
}
.std:hover{
    color:rgb(255,255,255);
    background:rgb(85,128,213);
    text-shadow:none !important;
}
.stdcell{
    height:26px !important;
    padding:6px 12px !important;
}
#ajax_error_div{
    display:none;
    position:fixed;
    z-index:999999;
    background-color:#C00;
    color:#fff;
    border:1px solid black;
    text-align:center;
    bottom:0px;
    right:0px;
}
.appiframe{
    /*position:absolute;*/
    /*	left:200px; remove by anurag */
top:0;
    right:0;
    bottom:0;
    z-index:2;
    /*	width:1000px;*/
}
/*#contentWrapper #leftPanel{
        display:inline-block;
        float:left;
        position:relative;
}*/
/* This is needed to keep iframe height if the sidebar '.tr' is not tall enough */
#wrapperAbs #contentWrapper #leftTray{
    min-height:100%;
}
.floatright{
    float:right !important;
}
.floatleft{
    float:left !important;
}
.nofloat{
    float:none !important;
}
.clearleft{
    clear:left !important;
}
.clearright{
    clear:right !important;
}
.contentBox{
    box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
}

.autoheight{
    height:auto !important;
    overflow:hidden;
}
.heightauto {
    height:auto;
}
.nodisplay{
    display:none;
}
.nodisplayimp{
    display:none !important;
}
.nodecoration{
    text-decoration:none !important;
}
.autowidth{
    width:auto !important;
}
.invisible{
    visibility:hidden;
}
.noborder{
    border:0 !important;
}
.nowrap{
    white-space:nowrap;
}
.wrap{
    white-space:normal !important;
}
.ellipsis {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.block{
    display:block !important;
}
.inlineblock{
    display:inline-block !important;
}
.inline{
    display:inline !important;
}
.flex {
    display: flex;
}
.displayTable {
    display: table;
}
.displayTableRow {
    display: table-row;
}
.displayTableCell {
    display: table-cell;
}

.abb:hover{
    background-color:#E3F1F4 !important;
    text-decoration:none;
}
.overflowVisible {
    overflow: visible !important;
}

.padLeft0{
    padding-left:0 !important;
}

.padleft5{
    padding-left:5px !important;
}

.padleft10{
    padding-left:10px;
}
.padLeft15{
    padding-left:15px;
}
.padLeft19{
	padding-left:19px !important;
}
.padleft22{
    padding-left:22px !important;
}
.padleft60 {
    padding-left: 60px;
}
.padleft90{
    padding-left:90px !important;
}
.padLeft150{
    padding-left:150px !important;
}
.padbottom10{
    padding-bottom:10px;
}
.padbottom30{
    padding-bottom:30px;
}
.padtopbottom5 {
    padding:5px 0px !important;
}
.padtopbottom9 {
    padding:9px 0px !important;
}
.padtopbottom10 {
    padding:9px 0px !important;
}
.padtop0{
    padding-top:0 !important;
}
.padtop5{
    padding-top:5px !important;
}
.padtop8{
    padding-top:8px !important;
}
.padtop10{
    padding-top:10px !important;
}
.padtop15{
    padding-top:15px !important;
}
.padtop20{
    padding-top:20px !important;
}
.padtop25{
    padding-top:25px !important;
}
.padtop60 {
    padding-top: 60px !important;
}
.padright4 {
    padding-right: 4px;
}
.padright10 {
	padding-right: 10px;
}
.padright15 {
    padding-right: 15px;
}
.padright22{
	padding-right: 22px;
}
.padright60 {
    padding-right: 60px;
}
.margin0{
	margin:0;
}
.margin4 {
	margin : 4px !important;
}
.margin20 {
	margin : 20px !important;
}
.margintop-5{
    margin-top:-5px !important;
}
.margintop-15{
    margin-top:-15px !important;
}
.margintop-27{
    margin-top:-27px !important;
}
.margintop0{
    margin-top:0px !important;
}
.margintop1{
    margin-top:1px !important;
}
.margintop5{
    margin-top:5px !important;
}
.margintop7{
    margin-top:7px !important;
}
.margintop8{
    margin-top:8px !important;
}
.margintop10{
    margin-top:10px !important;
}
.margintop13{
    margin-top:13px !important;
}
.margintop15{
    margin-top:15px !important;
}
.margintop20{
    margin-top:20px !important;
}
.margintop25{
    margin-top:25px !important;
}
.margintop35{
    margin-top:35px !important;
}
.margintop40{
    margin-top:40px !important;
}
.margintop50{
    margin-top:50px !important;
}
.marginbottom5{
    margin-bottom:5px !important;
}
.marginbottom8{
    margin-bottom:8px !important;
}
.marginbottom10{
    margin-bottom:10px !important;
}
.marginbottom15{
    margin-bottom:15px !important;
}
.marginbottom20{
    margin-bottom:20px !important;
}
.marginbottom25{
    margin-bottom:25px !important;
}
.marginbottom30{
    margin-bottom:30px;
}
.marginbottom35{
    margin-bottom:35px;
}
.marginbottom55{
    margin-bottom:55px;
}
.marginleft-192{
    margin-left:-192px !important;
}
.marginleft-5{
    margin-left:-5px !important;
}
.marginbottom-10 {
    margin-bottom:-10px !important;
}
.marginleft0{
    margin-left:0px !important;
}
.marginleft5{
    margin-left:5px !important;
}
.marginleft8{
    margin-left:8px !important;
}
.marginleft10{
    margin-left:10px !important;
}
.marginleft15{
    margin-left:15px !important;
}
.marginLeft19 {
	margin-left: 19px !important;
}
.marginleft20{
    margin-left:20px !important;
}
.marginleft22{
    margin-left:22px !important;
}
.marginleft25{
    margin-left:25px !important;
}
.marginleft30{
	margin-left:30px !important;
}
.marginleft34{
    margin-left:34px !important;
}
.marginleft50{
    margin-left:50px !important;
}
.marginleft60{
    margin-left:60px;
}
.marginleft80{
    margin-left:80px !important;
}
.marginleft220 {
    margin-left: 220px !important;
}
.marginleft91{
    margin-left:91px !important;
}
.marginright0{
    margin-right:0 !important;
}
.marginright2{
    margin-right:2px !important;
}
.marginright5{
    margin-right:5px !important;
}
.marginright10{
    margin-right:10px !important;
}
.marginright15{
    margin-right:15px !important;
}
.marginRight19 {
	margin-right: 19px !important;
}
.marginright20{
    margin-right:20px !important;
}
.marginright30{
    margin-right:30px;
}
.left400{
    left:400px !important;
}
.right2 {
    right:2px !important;
}
.right10{
    right:10px !important;
}
.right20{
    right:20px;
}
.top-5 {
    top: -5px;
}
.top-7 {
    top: -7px;
}
.top10 {
    top: 10px;
}
.noclear{
    clear:none;
}
.absolute{
    position:absolute !important;
}
.relative{
    position:relative !important;
}

.contentHolder .zebra .row .sorter-comment, .contentHolder .zebra .row .sorter-mark{
    padding:4px 12px 16px;
}
.headersubtitle{
    font-size:12px;
    line-height: 7px;
}
.headersubtitle:first-child{
    clear:left;
}
.zebra .row a .alertimg{
    float:left;
    margin:0 5px 0 0;
    width:18px;
    height:18px;
}
/* Upload progress bar */
.table div .contain-progress-bar{
    height:30px;
    display:none;
    border-radius:5px;
    overflow:hidden;
    width:100%;
}
.table div #progress-bar{
    background-color:#0078b5;
    box-shadow:inset 3px 3px 2px rgba(0,0,0,.2);
    color:#fff;
    height:30px;
    overflow:hidden;
    width:100%;
}
.table div .ui-progressbar-value{
    height:30px;
    background:#77b129 url('/i/green-gradient.png') repeat-x 0 0 !important;
    border-right:#b8fb5f;
    box-shadow:2px 2px 2px rgba(0,0,0,.2);
    color:#fff;
    -webkit-transition:300ms linear 0s;
    -moz-transition:300ms linear 0s;
    -o-transition:300ms linear 0s;
    transition:300ms linear 0s;
    overflow:hidden;
}
#upload-frame{
    display:none;
}
/* range sliders */
.rangeslider{
    clear:both;
    margin:4px 0 0 0 !important;
    width:250px !important;
}
.rangesliders{
    clear:both;
    float:none;
    height:35px;
    width:100%;
}

.form.ui-slider .ui-slider-handle{
    border-radius:8px !important;
    height:30px !important;
    width:5px;
}
.form.ui-slider-horizontal{
    height:20px !important;
}
.form.ui-slider-range{
    border:none !important;
}
.form.ui-state-active{
    background:#8eb8ff !important;
}
.form.rangeslider a:nth-of-type(1){
    top:-5px !important;
}
.form.rangeslider a:nth-of-type(2){
    top:-5px !important;
}
.form.ui-widget-content{
    border:1px solid #c0c0c0;
}
.formError{
    color:#bf0000;
}
.bluelink{
    color:#0078b5;
    cursor:pointer;
    float:none !important;
    display:inline-block !important;
    text-decoration:none;
}
.bluelink.hidden{
    display:none !important;
}
.bluelink:hover{
    color:#0078b5;
    text-decoration:underline;
}
.chooser > span.arrow{
    display:inline-block;
    vertical-align:middle;
    margin-left: 8px;
    margin-right: 3px;
    width:9px;
    height:6px;
    background-image:url('/i/arrow-left-down.gif');
}
#breadcrumb .teacherschools{
    float:left;
    position:relative;
    padding-right:2px;
    margin-right:2px;
    cursor:pointer;
}
#breadcrumb .teacherschools .list{
    position:absolute;
    top:13px;
    height:36px;
    width:205px;
    background-color:#fff;
    display:none;
    z-index:23;
    overflow:hidden;
    border-bottom:1px solid #d7d7d7;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    padding: 4px 10px 10px;
    text-transform: none !important;
}
#breadcrumb .teacherschools.dropdown:hover > .dropdown-menu {
    display: block;
}
#construction_warning {
    background: rgb(255,255,213);
    padding:10px;
}
#construction_warning div{
    width:100%;
    margin:0 auto;
    text-align: center;
}
#construction_warning p {
    margin-bottom: 0;
    display: inline-block;
}
#construction_warning .closeConstruction{
    border-radius:3px;
    cursor:pointer;
    float:right;
    padding:1px;
    position:relative;
}
.attachdiv{
    background-color:#f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    padding: 2px 5px;
    margin: 2px 0;
    width: 350px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mailtop .attachdiv {
    float:none !important;
    margin: 8px 0;
}

.mailtop .attachdiv img {
    top:0 !important;
}

.table .attachdiv {
    float: none;
}



.attachbtn{
    border-radius: 4px;
    margin-right: 6px;
    padding: 3px 8px 3px 27px;
    background-repeat: no-repeat;
    background-size: 15.5px 15.5px;
    background-position: 7.25px center;
    cursor: pointer;
}
.gfilesubmit{
    background-image: url('/i/attach-gdrive-color.png');
}
#attachonedrive{
    background-size: 16px 18px;
    background-image: url('/i/attach-onedrive-color.png');
}
#attachbox{
    background-size: 12px 12px;
    background-image: url('/i/boxnet.png');
}
#MSTWHeaderText,#MSTWBrand,#MSTWGetShare,#MSTTContent,#MSTTSpacer,#MSTWFooter,#MicrosoftTranslatorToolbar,#MicrosoftTranslatorWidget{ /*,#MSTWGoButton,#MSTWGoImage*/
    display:none !important;
}
#MSTWHeader .MSTWBox:first-child{
    display:none;
}
.MSTWBox{
    padding:0 !important;
}
#MSTWHeader,#MicrosoftTranslatorWidget{
    border:none !important;
}
#MicrosoftTranslatorWidget{
    background:#0078a9 !important;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
    display:block;
    overflow:hidden;
    padding:0 5px 6px;
    width:255px !important;
}
#MSTWGoButton{
    background:#032943 !important;
    border:none !important;
    border-radius:5px !important;
    color:#efefef !important;
    font-size:13px !important;
    padding:4px !important;
    width:60px !important;
}
.MSTWBox{
    height:27px !important;
}
#MicrosoftTranslatorWidget select{
    float:left;
}
#MSTWMenu{
    background-color:#d9e9ef !important;
    border:1px solid #d9e9ef;
    border-radius:5px !important;
    font-size:12px !important;
    padding:3px 5px !important;
}

#tabs-inner{
    width:1000px;
    clear:both;
    /*    height:34px;*/
    /*    overflow:hidden; */
}
#tabs-container{
    display:inline;
    float:left;
    overflow:hidden;
    position:relative;
    top:1px;
    width:100%;
    border-bottom: 1px solid #ddd;
    margin-left:-30px;
    margin-right:-30px;
    padding-left:30px;
    padding-right:30px;
    margin-bottom: 18px;
}
#scroll-tabs-container{
    display:inline;
    float:left;
}
#scroll-tabs-container > span{
    display:inline;
    float:left;
    font-size:15px;
    font-weight:bold;
    color:rgb(128,128,128);
    background:rgb(245,245,245);
    padding:8px 14px;
    height:16px;
    border:1px solid rgb(220,220,220);
    border-radius:8px 8px 0px 0px;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
}
#scroll-tabs-container > span:hover{
    background:#f8f8f8;
    box-shadow:1px 1px 2px rgba(0,0,0,.2);
}
#scroll-tabs-container > span:active{
    background:#f8f8f8;
    box-shadow:inset 1px 1px 2px rgba(0,0,0,.2);
}
#tabs-inner a{
    background-color:#fff;
    border:1px solid transparent;
    /*    border-bottom: 1px solid #ddd;*/
    color:#767676;
    display:inline;
    float:left;
    font-size:13px;
    /*    height:16px;*/
    margin-left:4px;
    position:relative;
    /*	overflow:hidden; */
    padding:8px 16px;
    white-space:nowrap;
    margin-bottom:-1px;
    text-decoration: none;
}
#tabs-inner a.active{
    /*    height:17px;*/
    /*	overflow:hidden; */
    position:relative;
    z-index:2;
    border-top: 1px solid #0078a9;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-radius: 0 !important;
    color: #0078a9;
}
#shadowblocker{
    background-color:#fff;
    clear:both;
    float:left;
    height:6px;
    margin-left:1px;
    width:500px;
    z-index:10;
}
#translateTray{
    display:none;
    left:0;
    position:absolute;
    top:48px;
    z-index:30;
}
#translateIcon{
    width:18px;
}

.mainFtrNav {
    padding:5px;
    text-align: center;
    width:775px;
}
.mainFtrNav ul{
    display:inline-block;
    font-size: 10px;
    color: #444;
    list-style: none;
    margin:0 auto;
}
.mainFtrNav li {
    display: inline;
    padding-right: 20px;
}
.mainFtrNav li a {
    color: #767676;
}
.mainFtrNav li a:hover {
    color: #0074B2;
}

#basic-modal-content {display:none;}
#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container {height:320px; width:600px; color:#bbb; background-color:#FFF; border:1px solid #444; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/media/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}

.vertalign {
    vertical-align: -3px;
}

.hrgray {
    border: 0;
    background-color: #e6e6e6;
    color: #e6e6e6;
    height: 1px;
}

/* ANURAG CSS */

/* bootstrap GRID overrides */

@media screen and (min-width: 768px) {
    .container {
        padding-left:0;
        padding-right:0;
    }

    .row {
        margin-left: 0;
        margin-right: 0;
    }

    .row-custom-margin {
        margin-left: -12px;
        margin-right: -12px;
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .col-custom-padding {
        padding-left: 12px;
        padding-right: 12px;
    }

    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        padding-right: 15px;
    }
}

.bootstrap-row-margin {
    margin-left: -15px;
    margin-right: -15px;
}

.bootstrap-col-padding {
    padding-left: 15px;
    padding-right: 15px;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
}

@media screen and (max-width: 767px) {
    .col-xs-6, .col-sm-3, .col-md-2 {
        padding-right: 0 !important;
    }

    .col-xs-12, .col-sm-9, .col-md-10 {
        padding-right: 0 !important;
    }

    .navbar-collapse.in {
        overflow-y: inherit;
    }

    .navbar-nav {
        margin:0;
    }

    .navbar-right .dropdown-menu {
        width: 100%;
    }
}
/* Navbar
_________________________________________ */

/* navbar styling + bootstrap overrides */

.navbar {
    border-radius: 0 !important;
    height: 54px;
    background-color: #cf333c;
    z-index: 1;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    top: 0;
    left: 0;
}

/*.scrollup-padding {
    padding-top: 54px;
}*/

@media screen and (max-width: 767px) {
    .navbar {
        height: auto !important;
    }

    .scrollup-padding {
        padding-top: 5px;
    }

    .navbar-right .dropdown-menu {
        z-index: 1002; /* layers menu over mail-count and notification-count */
    }

}

/* Districts / Schools / Classes dropdown responsive styles */

@media screen and (max-width:500px) {
    .header-bcrumb {
        max-width: 100px;
    }
    .header-bcrumb a, .header-bcrumb button {
        text-overflow: ellipsis;
        /* Required for text-overflow to do anything */
        white-space: nowrap;
        overflow: hidden;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .header-bcrumb {
        max-width: 180px;
    }
    .header-bcrumb a, .header-bcrumb button {
        text-overflow: ellipsis;
        /* Required for text-overflow to do anything */
        white-space: nowrap;
        overflow: hidden;
    }
    .col-ellipsis {
        text-overflow: ellipsis;
        /* Required for text-overflow to do anything */
        overflow: hidden;
        max-width:35px;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .header-bcrumb {
        max-width: 220px;
    }
    .header-bcrumb a, .header-bcrumb button {
        text-overflow: ellipsis;
        /* Required for text-overflow to do anything */
        white-space: nowrap;
        overflow: hidden;
    }
}


/* hamburger */

.hamburger, .hamburger:focus {
    color: #fff;
    z-index: 1000;
    padding: 10px 11px 12px 16px;
    font-size: 18px;
    cursor: pointer;
    height: 54px;
    background-color: transparent !important;
}

@media screen and (max-width: 767px) {
    .hamburger, .hamburger:focus {
        padding: 16px 13px !important;
        height: auto;
    }
}

.rightPanel{
    background-color:#fff;
    padding:15px 30px 30px !important;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
    position:relative !important;
    display:block;
    min-height: 600px;
}

@media screen and (max-width: 767px) {
    .rightPanel{
        padding:15px !important;
    }

    /*.nav-tabs {*/
        /*margin-left: -15px;*/
        /*margin-right: -15px;*/
        /*padding-left: 15px;*/
        /*padding-right: 15px;*/
    /*}*/
}

.rightPanelClassApp{
    background-color: transparent !important;
    box-shadow: none !important;
}

/* sliding menu for classroom toggle in collapsed mode */


@media screen and (min-width: 768px) {
    #menu-sliding {
        display: none;
    }
}

@media screen and (max-width: 767px) {

    #menu-sliding-show {
        display: block !important;
    }

    .sliding-menu {
        display: block;
        visibility: visible;
        opacity: 1;
        overflow: hidden;
        position: relative;
        z-index: 2000;
        background: #0078a9;
    }

    .sliding-menu ul {
        float: left;
        margin: 0;
        padding: 0;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .sliding-menu li {
        list-style: none;
        margin: 0;
    }

    .sliding-menu a {
        display: block;
        padding: 14px;
        color: #fff;
        text-decoration: none;
    }

    .sliding-menu a:hover {
        background: #0a84b5;
    }

    .sliding-menu a.nav:before {
        content: "\f054";
        float: right;
        font-family: FontAwesome;
        color: rgba(255,255,255,0.6);
    }

    .sliding-menu a.back {
        background: #0a84b5;
        font-size: 12px;
    }

    .sliding-menu a.back:before {
        content: "\f053";
        float: left;
        font-family: FontAwesome;
        margin-right: 10px;
        color: rgba(255,255,255,0.6);
        margin-top: 2px;
    }

    .sliding-menu-wrapper {
        overflow-y: scroll;
    }
}

@media (max-width: 900px) {
    #poppediframe{
        width:100% !important;
    }
    #pop{
        width:95% !important;
        left:2.9% !important;
    }
}
/* Override above #pop media query when responsive design undesired */
#pop.unresponsive {
    width: 100% !important;
    left: 0 !important;
}


/*!
 * Tab drop for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.nav-tabs {
    position: relative;
    margin-bottom:18px;
}

.tabdrop .caret {
    display: none !important;
}


/* Full Calendar Style Overrides */

.fc-state-default {
    background: #ececec !important;
    border-color: #c8c8c8 !important;
    box-shadow: none !important;
    color: #444 !important;
    text-shadow: 0 1px 1px rgba(255,255,255,0.5) !important;
}

.fc-state-hover {
    background: #e6e6e6 !important;
    color: #222;
}

.fc-state-active {
    background: #f8f8f8 !important;
    box-shadow: inset 0 1px 4px rgba(0,0,0,0.16) !important
}

@media screen and (min-width: 768px) {
    .fc-ltr .fc-basic-view .fc-day-number {
        font-size: 16px;
        font-family: "proxima_novaregular", sans-serif;
        color: #333;
    }

    .fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
        padding: 4px !important;
    }

    #popc .table .row div {
        float:left !important;
    }
}

@media screen and (max-width:767px) {
    .fc-toolbar h2 {
        font-size: 15px !important;
        margin-top: 8px !important;
    }

    .fc-right .fc-button-group {
        padding-right: 15px;
    }
}
.fc th {
    padding: 4px !important;
    background: #f8f8f8;
}

@media screen and (min-width:768px) and (max-width:992px) {
    table#legend {
        margin-top: 10px;
    }
}

/* styles for user/login.php, user/logout.php, user/lost.php, /contact.php  */

.log-block {
    background-color: #fff;
    padding: 60px 40px 40px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
    margin: 20px 50px 0;
}

.log-block #translateIcon {
    position: relative;
    top: -38px;
    float: right;
}

.log-block input.submit {
    font-size: 13px;
}

.log-block h1 {
    margin-top: 0 !important;
}

.log-block .checkbox span {
    margin-left: 20px;
}

/*.log-block .checkbox {
    margin-top: 30px;
}*/

.log-block .checkbox label {
    font-size: 13px;
}

.log-block .checkbox input[type=checkbox] {
    margin-left: 0 !important;
    margin-top: 2px;
}

.log-block #MicrosoftTranslatorWidget {
    position: relative;
    top: -88px;
    background: transparent !important;
}

.log-block #MSTWGoButton {
    background-color: #767676 !important;
}

.log-block #MicrosoftTranslatorWidget #MSTWContent a {
    height: auto !important;
    overflow: visible !important;
}

.log-block #MSTWMenu {
    background-color: #f5f5f5 !important;
}

.log-block {
    margin-bottom: 20px;
}

.log-block .form-group .help {
    font-size: 12px;
    color: #999;
    margin: 10px 0;
}

.log-block .form-group .name, .log-block .form-group .field span {
    font-size: 13px;
    margin-bottom: 6px;
}

.log-block-a {
    color:#0078a9;
    font-size: 13px;
    display: block;
    margin-top: 35px;
}

.log-block input[type=submit].disabled {
    background-color: rgba(104,176,87,0.4);
    border-color: rgba(79,151,62,0.4);
    color: #fff;
}

.log-block .fa-ul {
    margin-top: 10px;
    margin-bottom: 0;
}

.log-block .fa-ul li, .log-block .fa-ul li a, .log-block .fa-ul li div.bluelink, .log-block .fa-ul li .fa {
    font-size: 14px;
    line-height: 28px;
    color: #0078A9 !important;
}

.log-block .fa-li {
    top: 0;
}

@media screen and (max-width: 767px) {
    .log-block {
        margin: 0;
        padding: 50px 20px 20px;
    }

    .log-block .form-control {
        font-size: 16px;
    }

    .log-block #translateIcon {
        top: -30px;
    }

    .log-block #MicrosoftTranslatorWidget {
        margin-left: 0;
        top: -80px;
        padding: 0 !important;
    }
}

.header-minimal #logoWrapper, .header-minimal #logoWrapper #logoLink {
    border-left: none !important;
    border-right: none !important;
}

.header-minimal #breadcrumbWrapper {
    display: none;
}

/* Fix for hidden checkboxes on profile2- Caused due to default Bootstrap styles */
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio], input[type=radio] {
    position: relative;
    margin-left: 1px;
}

label input[type=checkbox], label input[type=radio]{
    margin: 1px 6px 0 0;
}

/*  Turn-ins */

.turninrow {
    padding:19px 10px;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    max-height:57px;
}

.turnin-delete-button:hover {
    cursor: pointer;
}

.turnin-delete-button:hover i {
    color: #222 !important;
}

/*  Fix width div-tables with scrollability on narrow widths.
    Note: only use for tables with cog menu. Javascript adds padding-bottom to this class on small screens
*/

.table-scroll-cog {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

/* -wide is for tables/form-tables that extend beyond the page
    note: only works when parent has width=100%.
*/
.table-scroll-wide {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

@media screen and (max-width:1199px) {
    .table-scroll {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        padding-bottom:50px;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        /*    border: 1px solid #ddd;*/
    }

    .table-scroll-border {
        border: 1px solid #ddd;
    }

    /* *-indicator classes help create a vertical shadow on left/right to indicate scroll-ability.
     ref: http://sa.ndropad.in/2013/04/03/horizontal-css-scroll-shadow.html
    */
    .table-scroll-indicator {
        background:
                -webkit-linear-gradient(0deg,  white 20%, rgba(255,255,255,0)),
                -webkit-linear-gradient(180deg, white 20%, rgba(255,255,255,0)) 100% 0,
                -webkit-linear-gradient(00deg,  #ccc  10%, rgba(255,255,255,0)),
                -webkit-linear-gradient(180deg, #ccc  10%, rgba(255,255,255,0)) 100% 0;

        background:
                linear-gradient(90deg,  white 20%, rgba(255,255,255,0)),
                linear-gradient(270deg, white 20%, rgba(255,255,255,0)) 100% 0,
                linear-gradient(90deg,  #ccc  10%, rgba(255,255,255,0)),
                linear-gradient(270deg, #ccc  10%, rgba(255,255,255,0)) 100% 0;

        background-repeat: no-repeat;
        background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
        background-attachment: local, local, scroll, scroll;
        position: relative;
    }
}

@media screen and (max-width:991px) {
    .table-scroll-medium {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        padding-bottom:50px;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        /*    border: 1px solid #ddd;*/
    }
}

@media screen and (max-width:767px) {
    .table-scroll,
    .table-scroll-cog,
    .table-scroll-wide {
        overflow-y: hidden;
    }
}

.table-scroll-advanced{
    overflow-y: hidden;
}

/* Horizontally scrolling large/wide forms - eg Create Multiple Courses */

.form-scroll {
    max-width:915px;
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /*    border: 1px solid #ddd;*/
}

@media screen and (max-width:767px) {
    .form-scroll {
        overflow-y: hidden;
    }
}

/* Attendance Style updates/fixes */

#attendanceTable tbody td.linkCell a {
    /*      padding: 0 0 0 12px;*/
    height:auto;
}

#attendanceTable thead th,
#attendanceTable tfoot th {
    background-color: #f0f0f0 !important;
    color: #444;
    text-shadow:none !important;
}

#attendanceTable thead > tr > th {
    padding: 10px 14px 12px !important;
}

#attendanceTable .sorting:hover {
    background-color: #e6e6e6 !important;
}

#attendanceTable tr.odd,
#attendanceTable tr.odd td,
#attendanceTable tr.odd:hover,
#attendanceTable tr.even,
#attendanceTable tr.even td,
#attendanceTable tr.even:hover{
    background-color: #fff !important;
}

#attendanceTable tbody th,
#attendanceTable td {
    border-top: none !important;
    border-bottom: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc !important;
    text-shadow: 1px 1px white;
}

#attendanceTable tbody tr {
    background-color: #fff;
    height: auto;
}

#attendanceTable td:first-child,
#attendanceTable th:first-child {
    border-left: 1px solid #dcdcdc;
}

#attendanceTable tbody td.linkCell a:hover {
    /*    background-color: #ebfaff !important;*/
}

#attendanceTable thead .sorting_asc,
#attendanceTable thead .sorting_desc {
    background: #e6e6e6 !important;
    border-right: none !important;
    box-shadow: none;
}

.attendance-alltime .sortable.w25 {
    border-right: none !important;
    color: #fff !important;
    text-shadow: none !important;
}

.attendance-alltime .sortable:hover {
    background-color: #999 !important;
}

/* Turn in navigation */

.turnin-nav {
    background-color: #f0f0f0;
    color: #444;
    border:1px solid #dbdbdb;
    padding: 5px 7px;
    border-radius: 3px;
}

.turnin-nav:hover {
    background-color: #e6e6e6;
    border-color: #C2C2C2;
    color: #444;
    text-decoration: none;
}

.cogMenuVisible {
    padding-bottom: 140px;
}

#classappindex iframe {
    /*margin-left:-30px !important;*/
    /*margin-right:-30px !important;*/
    /*width:970px !important;*/
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
    font-size: 1.33333333em !important;
    line-height: 0.75em;
    vertical-align: -15%;
}
.fa-2x {
    font-size: 2em !important;
}
.fa-3x {
    font-size: 3em !important;
}
.fa-4x {
    font-size: 4em !important;
}
.fa-5x {
    font-size: 5em !important;
}

.opacity40p {
    opacity: 0.4;
}

.opacity60p {
    opacity: 0.6;
}

select[disabled] {
    opacity:0.6;
}

.noTextShadow {
    text-shadow: none !important;
}

.noBorderTop {
    border-top: none !important;
}

.vertalignMiddle {
    vertical-align: middle !important;
}

.paddingFIX {
    padding:.3em .4em;
}

/*  bootstrap form overrides  */

.checkbox label, .radio label {
    padding-left:5px;
}

.form-horizontal .control-label {
    text-align: left;
}
.form-horizontal option {
    text-align: left;
}

/*  bootstrap modal styles  */
@media screen and (min-width: 768px) {
    .modal-body .form-group {
        margin-left: 0;
        margin-right: 0;
    }
}

.modal-body label {
    cursor: default;
}

.modal-body .btn,
.modal-body .form-control {
    font-size: 13px;
}

.modal-body .btn .fa-times-circle {
    padding-top: 3px;
    padding-bottom: 4px;
}

/*  COURSE MAPPER MODAL FIRST STEP (Browser MHE Products) */

.add-mhe-content > .modal-content > .modal-header > h4 {
    margin-top: -15px;
    font-size: 22px;
    color: #e21a23;
    font-family: 'proxima_novasemibold';
    margin-bottom: 10px;
}

.add-mhe-content > .modal-content > .modal-header > h4 > span {
    position: relative;
    top: 20px;
}

.button-darkblue {
    background-color: #0078a9;
    color: #fff;
    font-size: 17px;
    padding: 10px 24px 7px;
    font-family: 'proxima_novasemibold';
    text-shadow: 0.5px 0.866px 2.76px rgba(0, 0, 0, 0.26);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.button-darkblue:hover,
.button-darkblue:focus,
.button-darkblue:active {
    color: #fff;
    background-color: #00699A;
    text-decoration: none;
}

.button-unstyled {
	background: none;
	border: none;
}

/*  bootstrap multi-select styles/overrides  */

.multiselect-container > li > a > label {
    padding: 3px 20px 3px 10px;
}

.multiselect-container input.form-control.multiselect-search {
    z-index: 3;
}

#myFiltersModal .multiselect.dropdown-toggle {
    max-width: 380px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media screen and (max-width: 440px) {
    #myFiltersModal .multiselect.dropdown-toggle {
        max-width: 260px;
    }
}

/* Question Bank style fixes */

#questionBank input[type=radio],
#questionBank input[type=checkbox]{
    margin-left: 1px;
}

#questionBank .spacer {
    min-height: 60px;
    padding: 4px;
    margin: 10px;
}

#questionBank .linkedRadio {
    float: right;
    margin-left: 30px;
    border: 2px solid #fff;
    padding: 4px;
}

/* retains cog padding on schools/students after exiting modals ... weirdly   */

#sturows .ops {
    padding: 7px 18px 16px 15px !important;
}

/* Styles for mobile-only notifications */

.mobile-alert {
    position: fixed;
    font-size: 12px;
    z-index: 2;
    bottom: 0;
    width: 92%;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
    background-color: #0078a9;
    color: #fff;
    border: 1px solid #005b80;
    padding: 7px 20px 5px 10px !important;
}

.mobile-alert .close {
    right: -14px;
    opacity: 0.4;
    text-shadow: none;
}

@media screen and (min-width:560px) {
    .visible-xs-560 {
        display: none !important;
    }
}

/*   STYLES FOR DLE FOOTER (Only for specific domains like openlearning.mheducation.com)   */

#engrade-content {
    /* Expands content and pushes the footer down especially for SPA apps that don't use #content-expanded */
    min-height: 100%;
}

#content-expanded {
    /* Enables a bottom-fixed (without position:fixed) footer when browser/screen is much taller than main content area */
    /* For long cog menus like test library, the page will automatically expand pushing the footer further down */
    min-height: 100vh !important;
}

#ent-footer {
    background-color: #d1dbde;
}

#ent-footer a {
    text-shadow: none;
}

#footer-content {
    padding: 9px 0 10px 0;
}

.footer-divider {
    padding: 0 5px 0 5px;
}

.footer-links a,
.terms-conditions {
    color: #366472;
    font-size: 12px;
    line-height: 14px;
    text-decoration: none;
}

.footer-links a:hover {
    text-decoration: underline;
}

@media (min-width: 768px) {
	#ent-footer {
	    position: absolute;
	    width: 100%;
	    z-index: 1;
	}
    .footer-links {
        text-align: right;
    }
    .terms-conditions {
		margin-right: 30px;
	}
}

@media (max-width: 767px) {
    .hr-center-mobile {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        justify-content: center;
        -webkit-justify-content: center;
    }
    .contentHolder {
        min-height: calc(100vh - 182px);
    }
}

/*   Responsive Turn-ins   */

.turninrow-studentname {
    text-overflow: ellipsis;
    width: 100px;
    /* Required for text-overflow to do anything */
    white-space: nowrap;
    overflow: hidden;
}

#turnincontainer {
    outline: solid 1px #dcdcdc;
}

/*   Custom styling for select box mainly for MacOS which renders thin select boxes   */
select.student-list,
.field-select select {
    -webkit-appearance: none;
    border-radius: 2px;
    margin: 0 0 0 6px;
    background: transparent;
    max-width: 160px;
    font-size: 12px !important;
    padding: 5px 35px 5px 5px;
    border: 1px solid #ccc;
    height: 34px;
    -webkit-appearance: none;
    background: url(/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/i/arrow-down-black.png) 96% / 5% no-repeat;
}

.cross-browser select {
    -webkit-appearance: none;
    border-radius: 2px;
    margin: 0 0 0 6px;
    background: transparent;
    font-size: 12px !important;
    padding: 5px 35px 5px 5px;
    border: 1px solid #ccc;
    height: 34px;
    -webkit-appearance: none;
    background: #fff url(/unitas/school/explore/sites/reveal-math/walkthrough/6-12/public/assets/connect2.mheducation.com/i/arrow-down-black.png) 97% / 7px no-repeat;
}


.turnin-student-nav {
    padding: 15px;
    border-bottom: 1px solid #dcdcdc;
}

.turnin-options {
    padding: 15px;
    border-bottom: 1px solid #dcdcdc;
}

.turnin-right-panel {
    padding: 15px 14px;

}

@media screen and (min-width:992px) {
    .turnin-discussion {
        padding-top: 15px;
    }
    .turnin-right-panel {
        border-left: 1px solid #dcdcdc;
        height: 800px;
        overflow: auto;
    }
}

@media screen and (min-width:768px) {
    .turnin-due-panel {
        border-left: 1px solid #dcdcdc;
    }
    .turnin-right-panel {
        border-left: 1px solid #dcdcdc;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .padding-turnin-due {
        padding: 35px 15px !important;
    }
    #filesubmission {
        margin: 9px 0 0;
    }
    .turnin-right-panel {
        max-height: 958px;
    }
}

@media screen and (min-width:992px) {
    #filesubmission {
        margin: 10px 0 0;
    }
}

.turnin-due {
    font-size: 16px;
    padding: 22px 15px 0;
}

@media screen and (max-width:991px) {
    .turnin-due {
        font-size: 14px;
        padding: 23px 15px 21px;
        border-bottom: 1px solid #dcdcdc;
    }

    .turnin-scoring {
        padding: 15px 15px 0;
    }

    .turnin-discussion {
        padding: 15px;
    }
}

@media screen and (max-width:767px) {
    .turnin-right-panel {
        max-height: 996px;
    }
}

@media screen and (max-width:502px) {
    .turnin-right-panel {
        max-height: 1022px;

    }
}

@media screen and (max-width:399px) {
    .turnin-right-panel {
        padding: 15px 10px;

    }
}

.turnin-line-separator {
    width: 100%;
    height: 1px;
    background: #dcdcdc;
    margin: 20px 0 0;
}

.turnin-attachment {
    min-height: 400px;
    max-height: 800px;
}

.view-rubric {
    color: #0078a9;
    text-decoration: underline;
    cursor: pointer;
    margin: 15px 0 0;
    display: block;
}

.turnin-link {
    margin: 10px 20px 0;
    display: block;
}

a.turnin-link:last-child {
    margin-bottom: 60px !important;
}

.sidebar{
    z-index: 999999;
    position: absolute;
    top: 153px;
    bottom: 0;
    padding:0px;
    width: auto;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #dcdcdc;
    -webkit-box-shadow: -4px 0 12px -6px rgba(0,0,0,0.175);
    -moz-box-shadow: -4px 0 12px -6px rgba(0,0,0,0.175);
    box-shadow: -4px 0 12px -6px rgba(0,0,0,0.175);
}

@media screen and (max-width:767px) {
    .sidebar {
        top: 144px;
    }
}

@media screen and (max-width:360px) {
    .sidebar {
        top: 182px;
    }
}

.sidebar > .row > .col-xs-12, .sidebar > .row > .col-sm-12, .sidebar > .row > .col-md-12, .sidebar > .row > .col-lg-12{
    padding:0px;
    position: absolute;
    bottom: 0px;
    top: 0px;
    overflow: auto;
}

.sidebar >.row{
    margin:0px;
}

.sidebar {
    width: auto;
}

.sidebar.sidebar-right{
    right:0px;
    left:20px;
}

@media (min-width: 320px) {
    .sidebar {
        width: 280px;
    }
    .sidebar.sidebar-right{
        right:0px;
        left:auto;
    }
}

@media (min-width: 768px) {
    .sidebar {
        width: 300px;
    }
    .sidebar.sidebar-right{
        right:0px;
        left:auto;
    }
}

.toggler{
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #0078a9;
    border: 1px solid rgba(0, 0, 0, .15);
    width: 40px;
    height: 48px;
    position: absolute;
    top: 45%;
    cursor: pointer;
    background-color: #fff;
}

.sidebar-right > .toggler{
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: 1px solid #fff;
    -webkit-box-shadow: -4px 0 12px -6px rgba(0,0,0,0.175);
    -moz-box-shadow: -4px 0 12px -6px rgba(0,0,0,0.175);
    box-shadow: -4px 0 12px -6px rgba(0,0,0,0.175);
    left: -40px;
}

.sidebar-right > .toggler > i{
    margin:16px 13px;
    color: #0078a9;
}

.sidebar-right > .toggler > .fa-chevron-left{
    display:none;
}

.sidebar .submenu{
    display: none;
    position: fixed;
}

/*Native BootStrap Hack*/
.sidebar .list-group-item:last-child, .sidebar .list-group-item:first-child{
    border-radius:0px;
}

.sidebar .list-group{
    margin-bottom:0px;
}
.sidebar .list-group-item{
    padding: 5px;
    border: 1px solid #DDD;
    border-left: 0px;
    border-right: 0px;
    margin-bottom: 0px;
    margin-top: -1px;
}

@media screen and (min-width:992px) {
    .floatright-md {
        float:right;
    }
}
@media screen and (max-width:991px) {
    .floatleft-sm {
        float:left;
    }
}
@media screen and (min-width:768px) {
    .floatright-sm {
        float:right;
    }
}
@media screen and (max-width:767px) {
    .floatright-xs-partial {
        float:right;
    }
    #filesubmission {
        margin: 10px 0 0;
    }
    .floatright-xs {
        float:left !important;
    }
    .margintop15-xs {
        margin-top:20px;
    }
    .marginleft50-xs {
           margin-left:50px;
    }
    .marginleft70-xs {
             margin-left:70px;
    }
}

@media screen and (max-width:510px) {
    .floatright-xs-partial {
        float:left;
    }
}
@media screen and (min-width:768px) and (max-width:991px) {
    .ellipsis-sm {
        max-width: 60px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

/* Datatables Pagination Styling to Match Paginator Class */
/* Current page selected recolor */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #c2c2c2 !important;
    border-color: #c2c2c2 !important;
    color: #fff !important;
}

/* Current page not affected by hover */
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #c2c2c2 !important;
    border-color: #c2c2c2 !important;
    color: #fff !important;
}

/* If button is disabled, don't show it */
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.previous {
    visibility: hidden !important;
    display: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.next {
    visibility: hidden !important;
    display: none !important;
}

/* If button is hovered, change the background and text color and keep the border */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    text-decoration: none !important;
    background: #f8f8f8 !important;
    border-color: #c2c2c2 !important;
    color: #444 !important;
}

/* Button styling */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    display: inline-block !important;
    font-size: 13px !important;
    background-color: #f0f0f0 !important;
    border: 1px solid #dbdbdb !important;
    color: #444;
    padding: 6px 8px 4px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    margin: 0 5px !important;
    float: none !important;
    line-height: 100% !important;
}

/* Remove padding on ellipsis */
.dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0px;
}
.dataTables_wrapper div.top div.dataTables_paginate {
    margin-bottom: 20px;
    float: right;
}
.dataTables_wrapper div.bottom div.dataTables_paginate {
    margin-top: 20px;
    float: right;
}

/* Grey button */
.btn-grey {
    background-color: #f0f0f0;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    color: #444;
    cursor: pointer;
    font-size: 13px;
    margin-right: 10px;
    padding: 7px 18px !important;
    box-shadow: none !important;
    line-height: normal !important;
    text-decoration: none;
}

.btn-grey:hover {
    background-color: #e6e6e6;
    border-color: #C2C2C2;
    color: #222;
}

/* Move Search Box to float left instead of right */
.dataTables_wrapper .dataTables_filter {
    display: block;
    float: left;
}

.dataTable_name_span {
	margin-right: 2px;
	max-width: 82%;
}

/*
	Specific styles for quiz title in Data Table
*/
@media screen and (max-width: 767px) {
    .dataTable_name_span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .dataTable_name_span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.dataTable_name_span {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: inline-block;
	}
}
@media screen and (min-width: 1200px) {
	.dataTable_name_span {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		display: inline-block;
	}
}

.dataTables_wrapper .dataTables_filter input[type=search] {
    margin-left: 0;
    border-radius: 3px;
    padding: 6px 8px;
}

.dataTables_wrapper #quizTable_filter input[type=search] {
    width:160px;
}

/*  Supporting styles for wide tables with fixed columns  */

#freeze-column .table.fixedCol {
    width: auto;
    position: absolute;
}
.table.fixedCol th,
.table.fixedCol td {
    vertical-align: middle !important;
}

@media screen and (max-width: 991px) {
	#freeze-column .table.fixedCol {
		display: none;
	}
}

/* New TILE styles */

a.class-tile {
    background-color: #f0f0f0;
    border: 2px dashed #b9b9b9;
    padding: 50px 30px;
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #767676;
    text-decoration: none;
}

.class-tile .fa-plus {
    font-size: 60px;
    color: #b9b9b9;
    text-shadow: 0 1px 1px rgba(255,255,255,0.6);
    margin-bottom: 10px;
}

a.class-tile:hover {
    color: #444;
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
}

a.class-tile:hover .fa-plus {
    color: #999;
}

a.tile-checklist,
div.tile-checklist {
    background-color: #f2f2f2;
    color: #0078a9;
    display: block;
    padding: 20px 8px;
    font-size: 15px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255,255,255,0.6);
    font-family: 'proxima_novasemibold';
}

@media screen and (max-width: 991px) {
    a.tile-checklist {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 992px) {
    a.tile-checklist {
        margin-left: 6px;
        margin-right: 6px;
    }
}

a.tile-checklist:hover {
    background-color: #e9e9e9;
}

div.step-complete {
    color: #666;
    background-color: #f5f5f5;
}

div.step-complete .fa {
    color: #3d9a1c;
}

a.step-complete {
    background-color: #f5f5f5;
}

a.step-complete .fa {
    color: #3d9a1c;
}

/* HE Student Invite Page Styling */

.HE-student-invite h1 {
    font-size: 30px;
    font-family: 'proxima_novaregular', Arial, sans-serif;
    font-weight: bold;
    color: #e21a23;
    margin-bottom: 5px;
}

.HE-student-invite h2 {
    font-size: 16px;
    color: rgb(34, 34, 34);
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 20px;
}

.section-tile {
    border: 2px solid #e6e6e6;
    padding: 20px;
}

.section-name {
    font-size: 18px;
    color: rgb(34, 34, 34);
    font-weight: bold;
    line-height: 1.3;
    border-bottom: 2px solid #e6e6e6;
    padding-bottom: 4px;
    max-width: 84%;
    margin-bottom: 10px;
}

.instructor-pic > img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.instructor-name {
    font-size: 13px;
    font-weight: normal;
    position: relative;
    top: -2px;
}

input[type='submit'].inline-submit {
    background-color: #7D214A;
    border: 1px solid #4D142D;
    border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    padding: 6px 18px;
    text-decoration: none;
}

.coursemap-pic > img {
    width: 60px;
    height: 60px;
    vertical-align: middle;
    position: relative;
    top: 0;
}

.coursemap-title {
    font-size: 16px;
    line-height: 1.2;
    color: #555;
    font-weight: bold;
    width: 70%;
    margin-top: 10px;
}

.meta-classTile .coursemap-title {
    left: 80px;
}

.courseBlock .coursemap-title {
    left: 90px;
}

.classCourse > a:not(.disabled):hover .coursemap-title {
    color: #0078a9;
}

.coursemap-title > span {
    font-weight: normal;
    font-size: 13px;
    color: #767676;
}

.vertAlign-trick {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}

/** Component Form UI Styling **/

.table .componentTopRow {
    border-bottom: 1px solid rgb(213,213,213);
    font-size: 13px;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: inherit;
}

.table .componentBottomRow {
    border-bottom: 1px solid rgb(213,213,213);
    font-size: 13px;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    width: inherit;
    margin-left: 200px;
}

.componentTitle {
    font-size: 14px;
}

.componentHeader {
    padding: 5px;
}

.componentFields {
    padding-left: 5px;
}

.componentSummary {
    width: 85%;
    margin-left: 5px;
    margin-bottom: 10px;
    padding-top: 5px;
}

.componentSummary div {
    width: inherit;
    padding-left: 5px;
    margin-top: 5px;
}

.componentEdit {
    width: 12%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.componentSummaryBlock {
    width: inherit;
    background-color: whitesmoke;
    margin-top: 5px;
}

.componentEditButton {
    background-color: inherit;
    box-shadow: none;
    border-color: #0078a9;
    color: #0078a9;
    border-radius: 5px;
    border-width: 1px;
    padding-right: 12px;
    padding-left: 12px;
    float:right;
}

.componentEditButton.error {
    border-color: #A00 !important;
    color: #A00 !important;
}

input.componentEditButton:active {
    border-radius: 5px;
    border-width: 1px;
    padding-right: 12px;
    padding-left: 12px;
}

.componentError {
    margin-top: 5px;
}

.componentHeader {
    margin-top: 5px;
    margin-bottom: 5px;
}

.componentContentHolder {
    margin-bottom: 15px;
}

.componentTableHeader {
    width: inherit;
    padding: 10px;
    font-size: 14px;
}

.componentTableHeader .help {
    width: inherit;
    padding-top: 5px;
    padding-left: 5px;
    font-size: 12px;
    color: grey;
    font-style: italic;
}

.componentFields .dataTables_wrapper .top {
    float: initial;
}

.componentFields .tableHolder {
    width: inherit;
}

.componentFields .tableHolder .dataTables_wrapper {
    width: inherit;
}

.componentFields .tableHolder .dataTables_wrapper .table-responsive {
    width: inherit;
}

.componentTitle.error {
    color: #A00 !important;
}

.componentTitle.error:before {
    font-family: FontAwesome;
    padding-right: 4px;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    left: 12px;
    font-size: 15px;
    content: "\f057";
}

.attemptsInfo {
    color: #767676;
    font-style: italic;
    font-size: 12px;
}

/* Pointer shouldn't be visible for readonly inputs */
input[readonly] {
	border-color: #c0c0c0;
	color: grey;
	box-shadow: none;
	pointer-events: none;
}

.gradebook-scoring-scale-rounding {
	line-height:17px;
	margin-bottom:10px;
}
.gradebook-scoring-scale-rounding h3{
	font-weight: 700;
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.gradebook-scoring-scale-rounding ul, .gradebook-scoring-scale-rounding ol {
	padding: 0;
	list-style: none;
	margin: 0;
}

.overflowScroll {
	overflow: scroll;
}

.overflowyScroll {
    overflow-y: scroll;
}

.preWrap {
	white-space: pre;
}

/*Accessibility*/
.visually-hidden {
	display: none;
}
.fc-other-month {
	background-color: #F0F0F0;
}
.fc-day-number.fc-other-month {
	color: #666 !important;
	opacity: inherit !important;
	font-family: "proxima_novalight", sans-serif !important;
}

/* Cursor styles */
.cursorNotAllowed {
	cursor: not-allowed !important;
}
.tabDisabled, .nav-tabs>li>a.tabDisabled {
    cursor: not-allowed !important;
    background-color: transparent;
    border: none;
    color: #767676;
}
/* Enform GP Selector */
#gpselector.copyassn-gpselector {
	margin-top: 6px;
	margin-bottom: 0px;
}
#gpselector.copyassn-gpselector #gpmain {
	padding: 9px 35px 8px 14px;
}

/*  New Styles for Meta Dashboard Class Tiles (DLE-SEG)  */

.seg-classTile {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    border-radius: 0 0 4px 4px;
}

.seg-classTile:hover {
    box-shadow: 0 6px 10px rgba(0,0,0,0.25);
}

.seg-classTile > .k5:hover {
    box-shadow: 0 6px 10px rgba(0,0,0,0.4);
}

.courseware-cover {
    display: block;
    height: 140px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
}

.seg-classTile > .k5 .courseware-cover {
    height: 300px;
}

.seg-classTile-text {
    padding: 20px 30px 16px 16px;
}

.seg-classTile-options {
    padding: 8px 16px;
}

.seg-classTile-text .tile-launch {
    position: absolute;
    right: 15px;
    background-color: #000;
    color: #fff;
    padding: 6px 12px 6px 20px;
    border-radius: 15px;
    font-size: 13px;
    top: -18px;
}

.seg-classTile > .k5 .seg-classTile-text {
    background-color: rgba(0,0,0,0.65);
    padding: 12px 22px 14px;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0 0 4px 4px;
}

.seg-classTile a {
    text-decoration: none;
}

.seg-classTile h4 {
    font-size: 16px;
    font-family: 'proxima_novasemibold';
    color: #222;
    height: 38px;
    line-height: 1.2;
}

.seg-classTile > .k5 h4 {
    font-family: 'ProximaNovaSoft', 'proxima_novasemibold', Sans-Serif;
    font-weight: bold;
    color: #fff;
    font-size: 30px;
}

.seg-classTile h5 {
    font-size: 14px;
    color: #444;
    max-width: 100%;
    height: 36px;
    line-height: 1.2;
    margin-top: 5px;
}

.seg-classTile:hover h4,
.seg-classTile:focus h4 {
    color: #0078a9;
}

.seg-classTile > .k5:hover h4,
.seg-classTile > .k5:focus h4 {
    color: #fff;
}

.featured-flag {
    font-family: 'proxima_novasemibold', Sans-Serif;
    position: absolute;
    top: 15px;
    background-color: #ffc600;
    color: #222;
    padding: 3px 16px 0;
    text-transform: uppercase;
    font-size: 11px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}

/* Launch course mapper loading ring */
@keyframes lds-ring {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(360deg)
  }
}
.lds-ring > div {
  position: absolute;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 4px solid #e21a23;
  border-color: #e21a23 transparent transparent transparent;
  animation: lds-ring 1.5s cubic-bezier(0.5,0,0.5,1) infinite;
}
.lds-ring > div:nth-child(2) {
  animation-delay: .2s;
}
.lds-ring > div:nth-child(3) {
  animation-delay: .39s;
}
.lds-ring > div:nth-child(4) {
  animation-delay: .56s;
}

.sidetools a.tabDisabled:hover {
    color: inherit !important;
    background-color: transparent !important;
}

.sidetools a.tabDisabled:hover .fa,
.sidetools a.tabDisabled:hover .upic{
    opacity: 0.6 !important;
}

.minwidth100p {
	min-width: 100%;
}

.colorTeal {
	color:#047c8b;
}

.extToolTile {
	border: 1px solid #dbdbdb !important;
	background-color: #f0f0f0 !important;
}

.padBottom50 {
	padding-bottom: 50px; !important;
}
.marginLeft12 {
	margin-left: 12px !important;
}

.padLeft20 {
	padding-left: 20px !important;
}
.padRight20 {
	padding-right: 20px !important;
}

.padLeft40 {
	padding-left: 40px !important;
}

.notification {
	background-color: #45707d;
	width: 18px;
	height: 15px;
	font-size: 10px;
	color: #fff;
	font-family: 'proxima_novasemibold';
	border-radius: 3px;
	padding: 3px 6px;
	position: absolute;
	top: 12px;
	right: 10px;
}

.notification.multiDigit {
	padding: 3px 3px;
}

#navbar-toggle-collapsed:focus {
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.6);
    outline: none;
    background-color: rgba(0, 0, 0, 0.3) !important;
    border-radius: 4px;
}
#navbar-toggle-collapsed:hover {
    background-color: rgba(0, 0, 0, 0.3) !important;
    border-radius: 4px;
}

.navbar-emulate-option {
    max-width: 240px;
    background-color: #FFDC4D;
    font-size: 14px;
    padding: 7px 6px 4px 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    line-height: 1.4;
    box-shadow: 0 0 6px 4px rgba(0,0,0,0.4);
}