/* Minification failed. Returning unminified contents.
(2834,1): run-time error CSS1019: Unexpected token, found '}'
(3765,5): run-time error CSS1031: Expected selector, found '/'
(3765,5): run-time error CSS1025: Expected comma or open brace, found '/'
(5260,55): run-time error CSS1035: Expected colon, found ';'
(12704,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#'
(13686,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(13687,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
 */
.ui-dialog
{   
    width: 575px !important;
}
.selProBox
{
    background-color: transparent !important;
    /*border: 1px solid #AACFE4;*/
    margin: 2px 0 20px 9px;
    padding: 2px;
    width: 200px;
}
#dvPurchaseAccessCode.ui-dialog .ui-dialog-content {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    /*overflow: hidden;*/
    padding: 0.5em 1em;
    position: relative;
}
/************** Skin 1 *********************/
.dd {
	/*display:inline-block !important;*/
	text-align:left;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
}
.dd .ddTitle {
	background:#FFFFFF;
	border:1px solid #AACFE4;
	padding:3px;
	text-indent:0;
	cursor:default;
	overflow:hidden;
	height:29px;
}
.dd .ddTitle span.arrow {
	background:url(../images/dd_arrow.gif) no-repeat 0 0; float:right; display:inline-block;width:16px; height:16px; cursor:pointer; 
}

.dd .ddTitle span.ddTitleText {text-indent:1px; overflow:hidden; line-height:16px;}
.dd .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0}
.dd .ddTitle img.selected {
	padding:0 3px 0 0;
	vertical-align:top;
}
.dd .ddChild {
	position:relative;
	border:1px solid #c3c3c3;
	border-top:none;
	display:none;
	margin:0px;
	width:537px;
	overflow:auto;
	overflow-x:hidden !important;
	background-color:#ffffff;
}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.dd .ddChild a {
	display:block;
	padding:2px 0 2px 3px;
	text-decoration:none;
	color:#000;
	cursor:pointer;
	clear:both;
	
}
.dd .ddChild a:hover {
	background-color:#e6e6e6;
}
.dd .ddChild a img {
	border:0;
	padding:0 2px 0 0;
	vertical-align:middle;
	float:left;
}
.dd .ddChild a.selected {
	background-color:#e6e6e6;
	
}
.hidden {display:none;}

.dd .borderTop{border-top:1px solid #c3c3c3 !important;}
.dd .noBorderTop{border-top:none 0  !important}

/************** Skin 2 *********************/
.dd2 {
	/*display:inline-block !important;*/
	text-align:left;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
}
.dd2 .ddTitle {
	background:transparent url(../images/msDropDown.gif) no-repeat;
	padding:0 3px;
	text-indent:0;
	cursor:default;
	overflow:hidden;
	height:36px;
}
.dd2 .ddTitle span.arrow {
	background:transparent url(../images/icon-arrow.gif) no-repeat 0 0; float:right; display:inline-block;width:27px; height:27px; cursor:pointer; top:5px; position:relative; right:2px;
}

.dd2 .ddTitle span.ddTitleText {text-indent:1px; overflow:hidden; line-height:33px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; color:#fff; _position:relative; _top:4px}
.dd2 .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0;}
.dd2 .ddTitle img.selected {
	padding:0 2px 0 0;
	vertical-align:top;
}
.dd2 .ddChild {
	position:absolute;
	border:1px solid #c3c3c3;
	border-top:none;
	display:none;
	margin:0;
	width:auto;
	overflow:auto;
	overflow-x:hidden !important;
	background-color:#ffffff;
	font-size:14px;
}
.dd2 .ddChild .opta a, .dd2 .ddChild .opta a:visited {padding-left:10px}
.dd2 .ddChild a {
	display:block;
	padding:3px 0 3px 3px;
	text-decoration:none;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
}
.dd2 .ddChild a:hover {
	background-color:#66CCFF;
}
.dd2 .ddChild a img {
	border:0;
	padding:0 2px 0 0;
	vertical-align:middle;
}
.dd2 .ddChild a.selected {
	background-color:#66CCFF;	
}

.dd2 .borderTop{border-top:1px solid #c3c3c3  !important;}
.dd2 .noBorderTop{border-top:none 0  !important}

/************* use sprite *****************/
.dd .ddChild a.sprite, .dd .ddChild a.sprite:visited {
	background-image:url(../icons/sprite.gif);
	background-repeat:no-repeat;
	padding-left:24px;
}

.dd .ddChild a.calendar, .dd .ddChild a.calendar:visited {
	background-position:0 -404px;
}
.dd .ddChild a.shoppingcart, .dd .ddChild a.shoppingcart:visited {
	background-position:0 -330px;
}
.dd .ddChild a.cd, .dd .ddChild a.cd:visited {
	background-position:0 -439px;
}
.dd .ddChild a.email, .dd .ddChild a.email:visited {
	background-position:0 -256px;
}
.dd .ddChild a.faq, .dd .ddChild a.faq:visited {
	background-position:0 -183px;
}
.dd .ddChild a.games,
.dd .ddChild a.games:visited {
	background-position:0 -365px;
}
.dd .ddChild a.music, .dd .ddChild a.music:visited {
	background-position:0 -146px;
}
.dd .ddChild a.phone, .dd .ddChild a.phone:visited {
	background-position:0 -109px;
}
.dd .ddChild a.graph, .dd .ddChild a.graph:visited {
	background-position:0 -73px;
}
.dd .ddChild a.secured, .dd .ddChild a.secured:visited {
	background-position:0 -37px;
}
.dd .ddChild a.video, .dd .ddChild a.video:visited {
	background-position:0 0;
}
/*******************************/

button:focus, a:focus, .dropdown-toggle:focus, a:focus .clsProductTitle, a:focus .desktopdevice-progress,.inputTypeButton:focus, #btnStartTest:focus,#createCourseSubmit:focus{outline: 2px solid #a6c8ff !important;} 

    
@charset "utf-8";
/* CSS Document */
body {
	font-family: 'Roboto', sans-serif;
	color: #333;
	font-size:14px;
	margin:0;
	padding:0;
}
.audiosleft
{ width: 45%;
}
.audiosright
{ width: 45%;
    text-align: right;
}
.downLoadBttn
{
    margin-top:10px;
}
.btn-blue:hover
{
    background-color:White !important;
    color:#1b75bc !important;
}
.btn-red:hover
{
    background-color:White !important;
    color:#bc1d1d !important;
}
#chkIsLead
{
   margin-left: -1%;
  margin-top:4px !important;
}
.inst-icons
{
   /* margin-top: -12%;*/
}
#linkpositon
{
/*margin-top: -34px;*/
}
/*input, button{font-family: 'Roboto', sans-serif; outline:none;}
h1, h2, h3, h4, h5, h6{font-family: 'Roboto', sans-serif;} */

h1.muted{ margin:5px 0;}
.feature * {
    transition: all 0.2s ease-in-out 0s;
}
a {
	color:#cc0000;
}
a:hover {
	color:#cc0000;
	
}
img {
	max-width:100%;
	height:auto;
}
.pull-middle {
	overflow:hidden;
}
a:focus {
	/*outline: none;*/
}
input:focus[type="text"] {
/*	outline: none;  */
}

.header {
	padding:0; 
	border-bottom:1px solid #dcdcdc;
}
.navbar {
	margin-bottom:0px;
	margin-top:13px;
}
.navbar-default {
	border:none;
	background-color:transparent;
	text-transform: uppercase;
	font-size:13px;/*font-weight: 600;*/
}
.commlink
{
    margin-top:0px !important;
}
.navbar-default .navbar-nav > li > a {
	padding:7px 12px;
	border-radius:5px;
	border:1px solid #fff; font-family: 'Roboto', sans-serif;  text-transform:uppercase;
}
.navbar-default .navbar-nav > li > a.active { 
    border: solid 1px #8cc63f;
}
.navbar-default .navbar-nav > li > a:hover {
	background-color: #fff;
}
.navbar-default .navbar-nav > li > a.home {
	background-position: -42px -4px;
	width:38px;
	height:33px;
	background-color:#FFF;
	border:solid 1px #fff;
}
.navbar-default .navbar-nav > li > a.home:hover {
	border:solid 1px #8cc63f;
	background-position: -2px -3px;
	width:38px;
	height:33px;
}
.navbar-default .navbar-nav > li > a.home.active {
	border:solid 1px #8cc63f;
	background-position: -2px -3px;
	width:38px;
	height:33px;
}
.btn-blue, .btn-blue:hover, btn-blue:focus, .btn-blue:hover, .btn-blue.active, .btn-blue.disable-anchor, .btn-blue.disable-anchor:hover {
    background: none repeat scroll 0 0 #1b75bc !important;
    border: 1px solid #1b75bc;
    color: #fff;
    font-weight: 500;
    outline: medium none;
    text-transform: uppercase;
    border-radius: 5px;
}

.btn-red, .btn-red:hover, .btn-red:focus, .btn-red.active, .btn-red.disable-anchor, .btn-red.disable-anchor:hover {
    background: none repeat scroll 0 0 #bc1d1d !important;
    border: 1px solid #bc1d1d;
    color: #fff;
    font-weight: 500;
    outline: medium none;
    text-transform: uppercase;
    border-radius: 5px;
}
.btn-form
{
	padding: 7px 22px 6px !important;
}
.mTop20px
{
    width:110%  !important;
}
#btnSearchInstructor
{
    padding: 10px 45px 10px;
}
.logo-header {
  position: relative;
  z-index: 1;
}
.logo {

}
.navbar-default .navbar-nav > li a.login {
	background: none repeat scroll 0 0 #8cc63f;
	color: #fff;
}
.navbar-default .navbar-nav > li a.login:hover {
	background: none repeat scroll 0 0 #78b429;
	color: #fff;
}
.carousel-caption {
	padding-bottom:0;
	text-shadow:none; bottom:0;
}
.banner_details {
	background: none repeat scroll 0 0 rgba(14, 118, 188, 0.8);
	max-width: 675px;
	margin: 0 auto;
	padding: 10px 20px 25px;
	text-align:left;
}
.banner_details h2 {
	color: #fff;
	font-size: 36px;
	font-weight:600;
	margin-bottom: 10px;
	margin-top:5px; font-family: 'Roboto', sans-serif; 
} 
.banner_small_details {
	color: #fff;
	font-size: 16px;
	line-height:18px;
	font-family: 'Lato', sans-serif;
}
.banner {
	background-image: url("../img/banner1.png");
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1) inset;
	background-position: 50% center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 1.5em auto 2.5em;
	max-height: 1000px;
	max-width: 2000px;
}
.footer a{ color:#fff;}
.SSOBar {
    background:#6b6d6e  none repeat scroll 0 0;
    max-height:45px;
}
.pd4px{padding: 4px 0;}
.btn.learn-btn{ background:#428840; font-size:16px;   padding: 8px 12px;}
.FlexEmbed {
	display: block;
	overflow: hidden;
	position: relative;
}
.FlexEmbed:before {
	content: "";
	display: block;
	width: 100%;
}
.FlexEmbed--3by1:before {
	padding-bottom: 33.3333%;
}
.support {
	background: none repeat scroll 0 0 #f4f4f4;
	border-top: 1px solid #bd202b;
	padding:25px 0;
}
.support h3 {
	margin-top:0;
	margin-bottom:0; color:#111111;
}
.support p {
	margin: 0;
	padding: 5px 0 0;
}

.greenbtn
{
	background: none repeat scroll 0 0 #fff;
	border: solid 1px #8cc63f;
	border-radius: 5px;
	color: #8cc63f;
	font-weight: 800;
	padding: 12px 45px;
	outline: medium none;
	text-align: center;
	text-transform: uppercase;
}
.greenbtn:hover
{
	background: none repeat scroll 0 0 #8cc63f !important;
	border: solid 1px #8cc63f;
	border-radius: 5px;
	color: #fff !important;
	font-weight: 800;
	padding: 12px 45px;
	outline: medium none;
	text-align: center;
	text-transform: uppercase;
}
.bluebtn {
	background: none repeat scroll 0 0 #fff;
	border:solid 1px #2a3890;	
	border-radius: 5px;
	color: #2a3890;
	font-weight: 800;
	padding: 12px 45px;
	outline: medium none;
	text-align: center;
	text-transform: uppercase;
}
 .activity-isfinal {
    background-position: 111px -232px ! important;
    display: inline-block;
    height: 15px;
    position: relative;
    width: 20px;
}
.bluebtn:hover{
	background: none repeat scroll 0 0 #2a3890 !important;
	border: solid 1px #2a3890;
	border-radius: 5px;
	color: #fff !important;
	font-weight: 800;
	padding: 12px 45px;
	outline: medium none;
	text-align: center;
	text-transform: uppercase;
}
.btn:hover {
	/*background: none repeat scroll 0 0 #78b429;
	color: #fff;*/
}
.wrapper {
	padding: 65px 0;
}
.feature_row {
	border-bottom: 1px solid #b5b5b5;
	margin-top: 20px;
}
.feature.f1, .feature.f3 {
	border-right-width: 1px;
}
.feature {
	border: 0 solid #b5b5b5;
	float: left;
	margin: 35px 0;
	padding: 0 25px;
}
.feature .data h3 {
	color: #1e1e1e;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.3;
	text-transform: uppercase;
	margin-top: -4px;
}
.feature button {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #8cc63f;
	border-radius: 5px;
	color: #8cc63f;
	font-size: 13px;
	font-weight: 700;
	outline: medium none;
	padding: 5px 9px;
	text-transform: uppercase;
}
.feature button:hover {
	background: none repeat scroll 0 0 #f6f6f6;
}
.feature button span {
	background-position: -295px -22px;
	display: inline-block;
	height: 10px;
	margin-left: 7px;
	width: 7px;
}
.feature button:hover span {
	margin-left: 12px;
}
.course1 {
	background-position:0 -40px;
}
.course2 {
	background-position:0 -353px;
}
.course3 {
	background-position:0 -248px;
}
.course4 {
	background-position:0 -144px;
}
.feature > div > span {
	display: inline-block;
	float: left;
	height: 105px;
	width: 105px;
}
.feature .data {
	color: #58595b;
	float: left;
	font-size: 14px;
	line-height: 18px;
}
.footer {
	background:#6b6d6e;
	color: #fff;
	font-size: 12px;
	padding: 50px 0;   line-height: 18px;
}
.facebook, .twitter, .linked, .google, .youtube {
	border:none;
	display: block;
	float: left;
	height: 41px;
	margin-right: 10px;
	width: 45px;
}
.facebook {
	background: url("../images/sprite.png") repeat scroll -80px 0 rgba(0, 0, 0, 0);
}
.twitter {
	background: url("../images/sprite.png") repeat scroll -121px 0 rgba(0, 0, 0, 0);
}
.facebook:hover, .twitter:hover {
	/*border: 1px solid #fff;*/
}
.linked {
	background: url("../images/sprite.png") repeat scroll -225px -805px rgba(0, 0, 0, 0);
}
.google {
	background: url("../images/sprite.png") repeat scroll -183px -805px rgba(0, 0, 0, 0);
}
.youtube {
	background: url("../images/sprite.png") repeat scroll -269px -805px rgba(0, 0, 0, 0);
}
.linked:hover, .google:hover, .youtube:hover {
	border: 1px solid #ffffff;
}
.lnkManageGroupDB
{
    margin-left:2px;
}
.sprite {
	background-image:url(../images/sprite.png);
}
.spimg {
	background: url("../images/spritesupport.png");
	
}
.padding0 {
	padding-left:0px;
	padding-right:0px;
}
.paddingr{  padding-left:0;}
.main {
    padding:45px 0px;
}
.main ul {
    margin: 0 0 0 22px;
    padding: 0;
}
.main li {
    color: #999;
    font-size: 14px;
    margin: 0;
    padding: 20px 0;
	position:relative;
}
.main h2
{
	font-size: 24px;
    font-weight: 600;
}
/*Support CSS from MLL*/
.pageHeading {
	background-color: #f9f9f9;
	color: #666;
	/* padding: 80px 0px 0px;*/
	
}
.pageHeading .col-md-12 p {
	border-bottom: 7px solid #8cc63f;
	color: #333;
	float: left;
	font-size: 30px;
	font-weight: 600;
	margin: 0;
	padding: 15px 0 20px;
	
}
.pageHeading h2 {
    color: #333;
    font-size: 30px;
    margin:0 0 20px 0;
    padding: 0;
	font-weight:600; float:left; font-family: 'Roboto', sans-serif;
	
}
.heading-page_support
{
     color: #333;
    font-size: 30px;
    margin:0 0 20px 0px;
    padding: 0;
	font-weight:600; float:left; font-family: 'Roboto', sans-serif;    
}
.pageHeading h3 {
    font-size: 20px;
    line-height: 1;
    margin: 16px 0 10px;
   
	
}
.pageHeading.no-content > .container
{
	background:none;
	padding:0;
}
.pageHeading.no-content h2 {
    color: #333;
    font-size: 30px;
    line-height: 1;
    margin: 0;
    padding: 0;float:left;border-bottom:7px solid #1B75BC; padding: 25px 0;
	
}
.carousel-caption .btn{ padding:13px 12px; font-size:16px; font-weight:600; font-family: 'Roboto', sans-serif; }
.carousel-caption .btn{ padding:13px 12px; font-size:16px; font-weight:600; font-family: 'Roboto', sans-serif; }

.banner-support {
	text-align: center;
}
.support-center-container {
	padding: 30px 0;
}
.support-tabs-container .nav-tabs {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-bottom: 1px solid #c7c7c7;
	border-radius: 0;
	box-shadow: none;
	float: none;
	margin: 0;
	width: auto;
}
.nav.nav-tabs li.active {
	background: url("../images/tab-a-bg.png") repeat-x scroll 0 0 #2c81d9;
	border-left: 1px solid #2167ae;
}
.support-tabs-container .nav-tabs > li {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	border: 0 none !important;
	float: left;
}
.nav.nav-tabs li {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 0;
}
.nav-tabs > li {
	display: block;
	float: none;
}
.support-tabs-container .nav-tabs > li > a {
	border: 1px solid #c7c7c7;
	border-radius: 0;
	color: #393939;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 8px !important;
	margin-top: 0;
	padding: 10px 30px !important;
}
.support-tabs-container .nav-tabs > li.active > a, .support-tabs-container .nav-tabs > li.active > a:hover, .support-tabs-container .nav-tabs > li.active > a:focus {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 #f0f3f6;
	border-bottom: 1px solid #f0f3f6 !important;
	border-image: none;
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	border-top: 1px solid #c7c7c7;
	color: #393939;
}
.support-tabs-container .nav-tabs > li.active > a, .support-tabs-container .nav-tabs > li.active > a:hover, .support-tabs-container .nav-tabs > li.active > a:focus {
	background: none repeat scroll 0 0 #f0f3f6;
	border-bottom: 1px solid #f0f3f6;
	margin: 0;
}
.support-tabs-container .tab-content {
	
	background: none repeat scroll 0 0 #f0f3f6;
	border-color: -moz-use-text-color #c7c7c7 #c7c7c7;
	border-image: none;
	border-right: 1px solid #c7c7c7;
	border-left: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
	border-style: none solid solid;
	border-width: 0 1px 1px;
	padding: 0;
}
.support-tabs-container .nav-tabs > li.active > a, .support-tabs-container .nav-tabs > li.active > a:hover, .support-tabs-container .nav-tabs > li.active > a:focus {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 #f0f3f6;
	border-bottom: 1px solid #f0f3f6 !important;
	border-image: none;
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	border-top: 1px solid #c7c7c7;
	color: #393939;
}
.tab-content {
	padding: 10px 11px;
}
.tabpanel-box {
	min-height: 250px;
}
.tabpanel-box {
	border-right: 1px solid #c7c7c7;
	padding: 30px 0 0;
	text-align: center;
}
.support-box-images {
	margin-bottom: 20px;
}
.tabpanel-box h5 {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
.tabpanel-box p {
	padding: 0 15px;
}
.tab-content p {
	font-size: 16px;
	line-height: 24px;
}
.tabpanel-box a {
	color: #2a3990;
	text-decoration: underline;
}
.vd-icon {
	width:70px;
	height:70px;
	display:inline-block;
	background-position:-3px -3px;
}
.fq-icon {
	background-position: -111px -4px;
	display: inline-block;
	height: 70px;
	width: 70px;
}
.Sf-icon {
	background-position: -217px -2px;
	display: inline-block;
	height: 70px;
	width: 70px;
}
.CS-icon {
	background-position: -348px -6px;
	display: inline-block;
	height: 70px;
	width: 70px;
}
/*CSS FOR GETTING STARTED*/
.HelpPage {
	background-color: white;
	padding: 15px;
}
.HelpPage h1 {
	font-size: 20px;
	margin: 0 0 15px;
	padding: 0;
}
.LMSContenth1Margin {
	margin: 20px 0 !important;
}
.HelpPage h2 {
	font-size: 18px;
	margin: 0 0 15px;
	padding: 0;
}
.HelpPage h3 {
	font-size: 15px;
	margin: 15px 0;
	padding: 0;
}
.HelpPage p {
	font-size: 14px;
	margin: 0 0 10px;
	padding: 0;
}
.HelpPage p a:hover {
	text-decoration: none;
}
.HelpPage iframe {
	border: 1px solid #cccccc;
	box-shadow: 2px 2px 5px #cccccc;
	margin: 10px 0;
}
.HelpPage ul {
	margin: 0 0 0 20px;
	padding: 0;
}
.HelpPage ul li {
	font-size: 14px;
	line-height: 18px;
	list-style-type: disc;
	margin: 0 0 15px 15px;
	padding: 0;
}
.HelpPage ul li a:hover {
	text-decoration: none;
}
.HelpPage ul li span {
	color: #4f81bd;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
.HelpPage ul li img {
	display: block;
	margin: 15px auto;
	text-align: center;
}
.HelpPage ul li ul li {
	font-size: 14px;
	line-height: 18px;
	list-style-type: disc;
	margin: 15px 0 0 40px;
	padding: 0;
}
.HelpPage ul li ul li a {
	color: #074686;
	font-family: arial;
	text-decoration: underline;
}
.HelpPage ul li ul li a:hover {
	color: #074686;
	font-family: arial;
	text-decoration: none;
}
/*CSS FOR SUPPORT CONTACT PAGE*/
.contact_wrap {
	padding: 20px 0;
}
.landing_home_page .contact_wrap h2 {
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 10px;
	text-transform: uppercase;
}
.landing_home_page .contact_wrap h4 {
	font-size: 18px;
	font-weight: bold;
}
/*CSS FOR SUPPORT SPECIFICATION PAGE*/
.browserHeading {
	border-radius: 5px 5px 0 0;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	padding: 20px 0;
}
.blueHead {
	background-color: #b7b7b7 !important;
	border: 1px solid #d5d5d5 !important;
	color: #ffffff !important;
	padding: 10px 15px !important;
	text-align: left;
}
.grayHead {
	background: none repeat scroll 0 0 #eaeaea;
	border: 1px solid #d5d5d5;
	color: #333333;
	font-size: 14px;
	font-weight: 600;
	padding: 10px;
	text-align: left;
}
.myTable {
	border-collapse: collapse;
	margin: 50px auto;
	width: 100%;
}
.tabCon {
	background: none repeat scroll 0 0 #ffffff;
	border: 1px solid #c1c1c1;
	font-size: 13px;
	padding: 10px;
}
#mobileView {
	display:none;
}
#ipadView {
	display:inline-table;
	width: 100%;
	margin:0 auto 50px !important;
}
.margintop10
{
	margin-top:10px;
}
.textbox {
    min-height: 100px;
}
.textbox-icon {
    float: left;
}
.textbox-content {
   
    padding-left: 30px;
}
.textbox-content h4 {
   
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    padding-top: 2px;
    text-transform: uppercase;
}
.product-panel h1 {
   
    font-size: 16px;
    font-weight: 700;
   	margin-top: 5px;
    text-transform: uppercase;
	color:#4d4d4d;
}
.proboxBttn .btn
{
	margin-bottom: 10px;
    min-width: 180px;
	padding: 9px 15px;
}
.product-panel .col-md-12
{
	margin-bottom:20px;
}
.proDetBox {
    background-color: #f7f7f7;
    border: 1px solid #d4d4d4;
    padding: 17px;
    text-align: center;
}
.proDetBox img {
    height: 100px;
    width: 80px;
}
.bookPrice {
    font-size: 28px;
    font-weight: 400;
}
.proDetBox h1, .proDetBox h2 {
    
   
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 15px;
    padding-top: 2px;
    text-transform: uppercase;
}

/*CSS FOR SUPPORT VIDEO PAGE*/
.support-center-container {
	padding: 30px 0;
}
.support-tabs-container .tab-content {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 #f0f3f6;
	border-color: -moz-use-text-color #c7c7c7 #c7c7c7;
	border-image: none;
	border-right: 1px solid #c7c7c7;
	border-style: none solid solid;
	border-width: 0 1px 1px;
	padding: 0;
}
.support-tabs-container .nav-tabs > li > a {
	border: 1px solid #c7c7c7;
	border-radius: 0;
	color: #1b75bc;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 8px !important;
	margin-top: 0;
	padding: 10px 30px !important;
}
.support-tabs-container .nav-tabs > li {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	border: 0 none !important;
	float: left;
}
.support-tabs-container .nav-tabs > li > a:hover {
	border: 1px solid #c7c7c7;
	border-radius: 0;
}
.support-tabs-container .nav-tabs > li.active > a, .support-tabs-container .nav-tabs > li.active > a:hover, .support-tabs-container .nav-tabs > li.active > a:focus {
	background: none repeat scroll 0 0 #f0f3f6;
	border-bottom: 1px solid #f0f3f6;
	margin: 0;
}
.support-tabs-container .nav-tabs > li.active > a, .support-tabs-container .nav-tabs > li.active > a:hover, .support-tabs-container .nav-tabs > li.active > a:focus {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 #f0f3f6;
	border-bottom: 1px solid #f0f3f6 !important;
	border-image: none;
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	border-top: 1px solid #c7c7c7;
	color: #393939;
}
.tabpanel-box p {
	padding: 0 15px;
}
.support-tabs-container .nav-tabs {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-bottom: 1px solid #c7c7c7;
	border-radius: 0;
	box-shadow: none;
	float: none;
	margin: 0;
	width: auto;
}
.tabpanel-box {
	border-right: 1px solid #c7c7c7;
	padding: 30px 0 0;
	text-align: center;
}
.tabpanel-box.last {
	border: 0 none;
}
.support-box-images {
	margin-bottom: 20px;
}
.tabpanel-box h5 {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
.tabpanel-box {
	min-height: 250px;
}
.tabpanel-box a {
	color: #1b75bc;
	text-decoration: underline;
}
.tabpanel-box a:hover {
	text-decoration: none;
}
.fq-icon {
	background-position: -111px -4px;
	display: inline-block;
	height: 70px;
	width: 70px;
}
.Sf-icon {
	background-position: -217px -2px;
	display: inline-block;
	height: 70px;
	width: 70px;
}
.CS-icon {
	background-position: -348px -6px;
	display: inline-block;
	height: 70px;
	width: 70px;
}
.support-left-panel {
	background: none repeat scroll 0 0 #f6f8f9;
}
.support-left-panel h3 {
	background: none repeat scroll 0 0 #e6eaee;
	border-bottom: 1px solid #b3b4b5;
	color: #010101;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
}
.support-left-panel h3 span {
	border-bottom: 7px solid #1B75BC;
	display: inline-block;
	padding: 15px 0 15px 20px;
}
.support-left-panel ol {
	padding: 0;
}
.support-left-panel li {
}
.time-list {
	color: #727272;
	font-size: 12px;
	font-weight: normal;
}
.list-details {
}
.Instructor-list {
	margin: 0;
}
.Instructor-list li {
	border-bottom: 1px solid #d1d3d4;
	font-size: 14px;
	padding: 5px 8px 5px 0;
}
.time-list {
	margin-left: 5px;
	padding: 4px;
}
.Instructor-list {
	counter-reset: counter;
}
.Instructor-list dt {
	border-bottom: 1px solid #d1d3d4;
	font-size: 13px;
	font-weight: normal;
	padding: 5px 10px 5px 40px;
	position: relative;
}
.Instructor-list dt::before {
 content: counter(counter, decimal);
 counter-increment: counter;
 left: 20px;
 position: absolute;
 top: 4px;
}
.support-video-block {
	border: 1px solid #a0a9b2;
	padding: 30px 30px 5px;
}
.video-title {
	text-align: center;
}
.video-title h4 {
	color: #000000;
	margin: 0;
}
.video-title p {
	color: #333333;
	font-size: 13px;
}
.video-container {
	margin-bottom: 15px;
	text-align: center;
}
.support-features-title {
	color: #000;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 25px;
}
.pdt-block {
	border: 1px solid #a0a9b2;
	padding: 15px;
}
.pdt-block h3 {
	color: #000000;
	margin: 0;
}
.pdt-block p {
	color: #333333;
	font-size: 12px;
}
.pdt-block-img {
	margin-bottom: 10px;
	text-align: center;
}
/*CSS FOR ACTIVITY SCREENS*/
.activity-nav {
	background-color:#bd202b;
	height:5px;
	width:100%; display:none;
}
.activity-container {
	background-color: #fafafa;
	padding:15px;
	/*padding-top:50px;*/
}
.activity-innercontainer {
	/*background-color: #fff;*/
	padding:20px;
} 
.act-title {
	color:#cc0000;
	font-size:20px;
	margin-bottom:20px;
}
.title-details h4 {
	color:#cc0000;
}
.access-details {
	border: solid 1px #e0e0e0;
    padding: 20px;
    margin: 10px 0px;
    font-weight: normal;
    color: #414142;
    background-color: #fff;
    box-shadow: 0 0 1px 0px #f3f3f3;
}
.access-details h4 {
	/*color:#1b75bc;*/
	color:#6b6d6e;
}
.links {
	margin-top:10px;
}
.links ul {
	margin:0;
	padding:0;
}
.links ul li {
	list-style-type:none;
	/*float:left;*/
	padding:0px 5px;
}
.links-review {
	margin-top:10px;
}
.links-review ul {
	margin:0;
	padding:0;
}
.links-review ul li {
	list-style-type:none;
	float:left;
	padding:0px 5px;
}
.panel-title {
	padding-top: 7px;
}
.panel {
	border-radius:0px !important;
}
.panel-default > .panel-heading {
	background-color: #faf9f9;
	border-color: #e3e3e3;
	border-radius:0;
}
.progesslink {
	font-weight:400;
	font-size:13px;
	padding-top: 2px;
	text-align:center;
	margin-left:3px;
}
.progesstxt {
	padding-top:3px;
	margin-left:10px;
}
.panel-group .panel-heading h4 a:focus, .panel-group .panel-heading h4 a:hover {
	text-decoration:none;
}
.progrees-imggreen {
	background-position: 108px -188px;
	display: inline-block;
	height: 22px;
	position: relative;
	transition: none 0s ease 0s;
	width: 20px;
}
.progrees-imggreen:hover {
	text-decoration:none
}
.btn-primary .graybtn
 {
     margin-right:10px
 }
.progrees-imggray {
	background-position: 78px -188px;
	display: inline-block;
	height: 22px;
	position: relative;
	transition: none 0s ease 0s;
	width: 20px;
}
.progrees-imggray:hover {
	text-decoration:none
}
.panel-heading a .arrow-img {
	background-position: 153px -183px;
	/*background-position: 199px -183px;*/
	height: 33px;
	width: 32px;
	/*right: 10px;
	position:absolute;
    top: 50%;
    margin-top: -15px;*/
    position:relative;
    margin-top:0px;
	transition:none;
}
.panel-heading a.collapsed .arrow-img {
		background-position:  199px -183px;
		position:absolute;
		right: 10px;
        top: 50%;
        margin-top: -15px;
}

.panel-body .tabpanel .nav-tabs > li {
	float:left;
	background-color:#efefef;
	padding: 0 20px;
	border-top:solid 1px #e5e5e5;
	border-right:solid 1px #e5e5e5;
	border-bottom:solid 1px #e5e5e5;
}
.panel-body .tabpanel .nav-tabs > li > a {
	color:#222;
	border:none;
}
.panel-body .tabpanel .nav.nav-tabs li.active {
	background-color:#fff;
	color:#bd202b;
	border-left:none;
	border-bottom:solid 1px #fff;
}
.panel-body .tabpanel .nav.nav-tabs li:first-child {
	border-left:solid 1px #e5e5e5;
}
.panel-body .tabpanel .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	border:none;
	color:#bd202b;
}
.panel-body .tabpanel .tab-content {
	border-left:solid 1px #e5e5e5;
	border-right:solid 1px #e5e5e5;
	border-bottom:solid 1px #e5e5e5;
}
.panel-detail {
	background-color:#efefef;
	margin: -15px -15px 10px;
	padding: 10px;
}
.pretestimg {
	background-position: 45px -185px;
	display: inline-block;
	height: 27px;
	position: relative;
	transition: none 0s ease 0s;
	width: 40px;
	vertical-align: top;
	margin-bottom:10px;
}
.labelimg {
	background-position: 45px -219px;
	display: inline-block;
	height: 27px;
	position: relative;
	transition: none 0s ease 0s;
	width: 40px;
	vertical-align: top;
	margin-bottom:10px;
}
.hotspotimg {
	background-position: 58px -252px;
	display: inline-block;
	height: 27px;
	position: relative;
	transition: none 0s ease 0s;
	width: 40px;
	vertical-align: top;
	margin-bottom:10px;
	margin-left:-13px;
}
.audioimg {
	/*background-position: 45px -288px;*/
	background-position:153px -321px;
	display: inline-block;
	height: 27px;
	position: relative;
	transition: none 0s ease 0s;
	width: 40px;
	vertical-align: top;
	margin-bottom:10px;
}
.videoimg {
	background-position: 45px -288px;
	display: inline-block;
	height: 27px;
	position: relative;
	transition: none 0s ease 0s;
	width: 40px;
	vertical-align: top;
	margin-bottom:10px;
}
.imgtext {
	vertical-align:middle
}
.panel-body .tab-content ul {
	margin:0;
	padding:0
}
.panel-body .tab-content ul li {
	list-style-type:none;
}
 .feedback-title ul {
	list-style-type:none;
}
.activity-container .tab-content {
	padding: 25px;
}
.activity-pagetitle h4 {
	color:#cc0000;
	margin-top:0;
	padding-top:20px;
	font-size:22px;
}
.testtitle h4 {
	font-size:22px;
}
.testtitle .glyphicon {
	color:#1b75bc;
	font-size: 13px;
}
.quest-container {
	background-color:#fff;
	border:solid 1px #eaeaea;
	padding:15px;
	margin: 10px 0 20px;
}
.quest-container ul li {
	list-style-type:none;
	line-height:40px;
	font-size:16px;
}
.quest-container h4 {
	border-bottom: 2px solid #eaeaea;
	padding-bottom: 15px;
}
.quest-container p {
	/*border-bottom: 2px solid #eaeaea;*/
	padding-bottom: 15px;
}
.quest-text {
	margin-left:10px;
}
.quest-footer {
	border-top: 2px solid #eaeaea;
	padding-top:15px;
	margin-top: 10px;
}
.arrow-leftimg {
	background-position: 201px -226px;
	display: inline-block;
	height: 33px;
	vertical-align: top;
	width: 40px;
}
.arrow-rightimg {
	background-position: 157px -226px;
	display: inline-block;
	height: 33px;
	vertical-align: top;
	width: 40px;
}
.quest-foottext {
	padding: 7px 10px 0;
}
/*Tooltip customise*/

.tooltip-inner {
	background-color: #f4f4f4;
	border-radius: 4px;
	color: #323232;
	max-width: 200px;
	padding: 3px 8px;
	text-align: center;
	text-decoration: none;
	border:solid 1px #b3b3b3;
}
.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #b3b3b3;
	border-width: 0 5px 5px;
	left: 50%;
	margin-left: -5px;
	top: 0;
}
.my-tool-tip {
	cursor:pointer;
}
#mobiledevice {
	display:none;
}
#desktopdevice {
	display:block;
}
#mobiledevice-progress {
	display:none;
}
#desktopdevice-progress {
	display:block;
}
#mobiledevice-progress2 {
	display:none;
}
#desktopdevice-progress2 {
	display:block;
}
.graybtn {
	background-color: #e9e9e9;
	/*border: 1px solid #d5d5d5;*/
	border-radius: 5px;
	color: #333;
}
.graybtn:hover {
	background-color: #d5d5d5;
	/*border: 1px solid #d5d5d5;*/
	border-radius: 5px;
	color: #333;
}
.content {
	padding:0px 10px 20px 10px;
	min-height:200px;
	/*border: 1px solid #eaeaea;
	margin: 10px 0 20px;*/
	font-size: 16px;
}
.contentTxtGenFB {
	/*border: 1px solid #eaeaea;
	margin: 10px 0 20px;*/
	font-size: 16px;
	padding: 20px 15px;
}
.has-success .glyphicon-ok {
    color: #4fb54f !important;
}
/*<!--.quest-container textarea.form-control {
	height: auto;
	min-height:200px;
	background-color:#f4f4f4
}-->*/
.image-container {
	border: 1px solid #e8e8e8;
	max-width: 750px;
	padding: 40px 0;
	text-align: center;
	vertical-align: middle;
	margin: 20px auto;
}
.image-container span {
	display: inline-block;
	height: 100%;
	width: 1px;
}
.optionalign
{
    margin-bottom:5px;
}

.quest-container-inner {
	background-color: #fff;
	/*border: 1px solid #eaeaea;*/
	margin: 10px 0 20px;
	/*padding: 20px 0 0;*/
}
.quest-container-inner h4 {
	padding-left: 20px;
}
.quest-container-inner .result-container {
	background-color:#f4f4f4;
	border-top:solid 1px #e8e8e8;
	border-bottom:solid 1px #e8e8e8;
	padding: 10px 0 5px 25px;
	font-size:17px;
}
.form-control-feedback {
	left: -52px;
	right: auto;
	top: -6px; 
}
.has-success .form-control-feedback {
  color:#bd202b;
}
.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
  color: #4fb54f;
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
  color: #ff0202;
}
.has-error .form-control-feedback {
  color: #ff0202;
}
.quest-container-inner ul {
	margin-left:20px;
}
.feedback {
	padding:14px 10px 14px 20px !important;
	font-size:14px !important;
}
.gray-panel {
	background-color:#f1f1f1;
	border-top:solid 1px #E8e8e8;
	border-bottom:solid 1px #E8e8e8;
	padding:40px 30px 20px 30px;
	margin:10px -20px 20px -20px;
}
.gray-panel p {
	border-bottom:none;
	padding-bottom:none;
}
.links a:hover {
	text-decoration:underline
}
.act-title a {
	font-size:14px;
}
.act-title a:hover {
	text-decoration:underline
}
.marginminus20 {
	margin-bottom: -20px;
}
.drop-panel {
	background-color:#fff;
	border: 1px solid #eaeaea;
	padding: 60px 0;
	margin-top:15px;
	margin-bottom:20px;
	position:relative;
}
.drop1 {
	background-color:#f9f9f9;
	border-radius:5px;
	width:30%;
	border:solid 1px #c6c6c6;
	height:45px;
	position:absolute;
	top:3%;
	left:42%;
}
.drop2 {
	background-color:#f9f9f9;
	border-radius:5px;
	width:30%;
	border:solid 1px #c6c6c6;
	height:45px;
	position:absolute;
	left: 68%;
	top: 16%;
}
.drop3 {
	background-color:#f9f9f9;
	border-radius:5px;
	width:30%;
	border:solid 1px #c6c6c6;
	height:45px;
	position:absolute;
	left: 68%;
	top: 30%;
}
.drop4 {
	background-color:#f9f9f9;
	border-radius:5px;
	width:30%;
	border:solid 1px #c6c6c6;
	height:45px;
	position:absolute;
	bottom:3%;
	left:35%;
}
.drop5 {
	background-color:#f9f9f9;
	border-radius:5px;
	width:30%;
	border:solid 1px #c6c6c6;
	height:45px;
	left: 8%;
	position: absolute;
	top: 10%;
}
.drag-container {
	background-color: #f4f4f4;
	border: 1px solid #eaeaea;
	margin: 10px 0 20px;
	padding: 20px;
	text-align: center;
	vertical-align: middle;
}
.drag-container span {
	display: inline-block;
	height: 100%;
	width: 1px;
}
ul.drag-panel {
	margin:0;
	padding:0
}
ul.drag-panel li {
	list-style-type:none;
}
.drag-container p {
	border-bottom: 2px solid #eaeaea;
	padding-bottom: 15px;
	text-align:left;
}
.drag-panel li a {
	border: 1px solid #c6c6c6;
	border-radius: 5px;
	color: #5c5c5c;
	display: block;
	margin: 15px 0px;
	padding: 12px 10px;
	text-align: center;
	text-decoration: none;
}
#drop-desktop {
	display:block;
}
#drop-mobile {
	display:none;
}
.drop-text {
	font-weight:bold;
	font-size:20px;
	padding-top:2px;
}
.drop-container {
	margin-bottom:10px;
}
/*Class ADDED on 19-03-2015*/

ul.dash-links
{
	margin:0;
	padding:0;   
	margin-left: -10px;
}
ul.dash-links li
{
	float:left;
	list-style-type:none;
	padding: 0px 6px;
	/*padding:0px 10px;
	text-decoration:underline;*/
	
}
/*ul.dash-links li a
{
	text-decoration:underline;
	color:#1B75BC
}
ul.dash-links li a:hover
{
	text-decoration:none;	
}*/
ul.dash-links li:hover
{
	float:left;
	/*list-style-type:none;
	padding:0px 10px;*/
	text-decoration:none;
	
}
.preview-btn
{
	margin-top:15px;
}
.insttext
{
	margin-left:10px;
}
.seprator
{
	width:100%;
padding:10px 0px;
	border-bottom:solid 3px #bd202b;
	margin-bottom: 40px;
}
.expiredDetailsListError {
   /* background-color: #eee;
    border: 1px solid #ddd;*/
   
    padding: 15px;
	margin-top:10px;
    
}
.title-details
{
	margin:20px 0px;
}
.marginminus
{
	margin-left:-10px;
	color:#2A6496;
	text-decoration:underline !important;
}

.gray-container
{
	background-color:#f4f4f4;
}
.toplinks
{
	float:right;
	margin-bottom:20px;
	font-size:12px;
}
.toplinks ul li
{ 
list-style-type:none;
padding:0px 5px;
float:left;
text-decoration:uderline;
color:#1b75bc;
}
.toplinks ul li:hover
{ 
list-style-type:none;
padding:0px 5px;
float:left;
text-decoration:none;

}
.clone-icon {
    background-position: -203px -275px;
	display: inline-block;
	height: 23px;
	vertical-align: middle;
	width: 25px;
}
.badge {
    background-color: #bd202b;
}
.product
{
	width:100%;
	float:left;
	
}
.access-icon {
    background-position: -260px -385px;
    display: inline-block;
    height: 23px;
    vertical-align: middle;
    width: 36px;
}
.book-icon {
    background-position: -260px -447px;
    display: inline-block;
    height: 26px;
    vertical-align: middle;
    width: 39px; margin-top: -4px;
}
.grade-icon {
   background-position: -116px -326px;
    display: inline-block;
    height: 18px;
    vertical-align: middle;
    width: 28px;
}
.home-icon {
    background-position: -260px -570px;
    display: inline-block;
    height: 26px;
    vertical-align: middle;
    width: 39px;
    margin-top: -4px;
}
/*CSS ADDED ON 23-March-15*/
.lesson-column
{
	border:solid 1px #e1e1e1;
	background-color:#f4f4f4;
	
}
.lessontitle
{
	font-size:18px;
    padding: 10px 11px 10px;
	border-bottom:solid 1px #e1e1e1;
	font-weight: 600;
}
.reorder-cont
{
	margin:10px 0px 20px 0px;
}
.reorder-panel
{
	padding:10px;position:relative;
}
.reorder-panel ul
{
	margin:0px;
	padding:0px;
}
.reorder-panel ul li
{
	list-style-type:none;
	border:solid 1px #e1e1e1;
	padding:6px 15px;
	margin-bottom:10px;
	background-color:#fff;
	position:relative;
}
.inst-text
{
	
	color:#760813;
	padding-bottom:10px;
}
.breadcrumb {
   background-color: #f0f0f0;
}
#reorder-desktop
{
	display:block;
}
#reorder-mobile
{
	display:none;
}

.select-cont
{
	padding:10px 0px
}
.notify-heading
{
	margin-top:10px;
	padding:10px 10px;
	background-color:#bf1e2e;
	color:#fff;
	font-weight:bold;
	font-size:16px;
}
.access-details table
{
	border:solid 1px #e8e8e8;
	
	
}
.access-details table thead
{
	background-color:#f4f4f4;
	color:#555;
	
	
}


.btn-cont
{
	margin-left:20px;
	display:inline-block
}
.disable-btn
{
	background-color:#F6F6F6;
	color:#CBCBCB;
	font-weight:normal
}
.disable-btn:hover
{
	background-color:#F6F6F6;
	color:#CBCBCB;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .open > .dropdown-toggle.btn-primary
{
	background: none repeat scroll 0 0 #bd202b;
}
.rejectbtn
{
 background-color:#bc1d1d;
 color:#fff;
}
.rejectbtn:hover
{
 background-color:#fff;
 border:solid 1px #bc1d1d;
 color:#bc1d1d;
}
.breakword
{
	word-break:break-all
}
.pagination {
    background: none repeat scroll 0 0 #f4f4f4;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    padding: 4px 7px;
}

.ln-letters {
    overflow: hidden;
}
.pagination .ln-letters a.ln-selected {
    background-color: #1b75bc;
    border: 1px solid #1d5a99;
    color: #fff;
    cursor: default;
}
.ln-letters a:hover, .ln-letters a.ln-selected {
    background-color: #f4f4f4;
}
.pagination .ln-letters a {
    border: 1px solid #f3f9ff;
    display: block;
    float: left;
     font-size: 14px;
    padding: 8px 9px;
    text-decoration: none;
}
.audiolist
{
	height:200px;
	overflow-y:auto;
}
.tabpanel h4
{
	color:#1b75bc;
}
.createCourseFormBoxTop {
    border: solid 1px #e0e0e0;
    padding: 15px 15px;
    margin:0 0px 20px 0;
    font-weight: normal;
    /*color: #6b6d6e;*/
    background-color: #fff;
    box-shadow: 0 0 1px 0px #f3f3f3;
   
}
.createCourseFormBoxBottom {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 15px;
    padding: 16px;
   
}

/* Accessibility fixes*/
 .createclasscontainer .createCourseFormBoxBottom
    {
        background-color: #f0f0f0;
        border: 1px solid #ccc;
        color: #000;
        font-size: 14px;
        font-weight: normal;
        margin: 0px;
        padding: 16px 16px 0px 16px;
        border-bottom: none;
        border-top: none;
    }
    
    
   .createclasscontainer .createCourseFormBoxBottom .form-group
    {
        margin-bottom: 0px;
    }
    .border-top
    {
        border-top: 1px solid #ccc !important;
    }
    
    .border-bottom
    {
        border-bottom: 1px solid #ccc !important;
        padding-bottom: 16px !important;
    }
    
    .helpicon
    {
        margin-top: 30px;
    }



.grade-table .table{
	margin-bottom:0px;
	}
.FormBoxTopNoMargin {
    margin: 0 !important;
    padding:8px !important;
}


.arrow_box { position: relative; background: #fbfbfb; border: 1px solid #bdbdbd;padding:10px;margin-top:10px;} .arrow_box:after, .arrow_box:before { bottom: 100%; left: 8%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-color: rgba(251, 251, 251, 0); border-bottom-color: #fbfbfb; border-width: 10px; margin-left: -10px; } .arrow_box:before { border-color: rgba(189, 189, 189, 0); border-bottom-color: #bdbdbd; border-width: 11px; margin-left: -11px; }
.create-g1 
{
	position: absolute;
    top: 25px;
}
.create-g2 
{
	position: absolute;
    /*top: 40px;*/
}
.create-g3 
{
	position: absolute;
    /*top: 107px;*/

}
.create-g4 
{
    position: absolute;
    /*top: 222px;*/
}
ul.pretest-list
{
	margin:0;
	padding:0;
}
ul.pretest-list li
{
	list-style-type:none;
	font-size: 14px;
    line-height: 30px;
}
ul.lesson-list
{
	margin:0;
	font-size: 12px;
	padding: 0px 10px;
}
ul.lesson-list li
{
	list-style-type:none;
	font-size: 14px;
    line-height: 30px;
}

.gradebookradiobutton
{
    font-size: 15px;
}
.marginright5
{
	margin-right:5px !important;
}
.shoppingpadding
{
	padding-top:65px;
	padding-bottom:65px;
	padding-left:0px;
	padding-right:0px;
}
.createCourseFormBoxTop h5
{
	font-size:15px;
}
.quest-container #accordion h4
{
	border-bottom:0px;
	padding-bottom: 6px;
}
 #accordion .access-details
{
	border: solid 1px #e0e0e0;
    padding: 20px 30px;
    margin: 10px 0px;
    font-weight: normal;
    color: #6b6d6e;
    background-color: #fff;
    box-shadow: 0 0 1px 0px #f3f3f3;
}
.btn-cont
{
	margin-bottom:30px;
	margin-left:0;
}
.btn-primary {
  background: #bd202b;
  border: 1px solid #bd202b;
  color: #fff;
  font-weight: 500;
  /*outline: medium none;*/
  text-transform: uppercase;
}
.btn:focus{ background:#bd202b;}
.audiotext
{
	line-height:25px;
	padding-bottom: 25px;
}
.gradebook-icon {
    background-position: -198px -326px;
    display: inline-block;
    height: 23px;
    vertical-align: middle;
    width: 28px;
}
.manage-icon {
    background-position: -227px -326px;
    display: inline-block;
    height: 23px;
    vertical-align: middle;
    width: 28px;
}

.gradebook-icon {
    background-position: -202px -327px;
    display: inline-block;
    height: 23px;
    vertical-align: middle;
    width: 28px;
}
.question-icon{
    background-position: -159px -524px;
    display: inline-block;
    height: 15px;
    vertical-align: middle;
    width: 15px;
	margin-left:10px;
	margin-top: 6px;
}
.question-icon_Exercise{
    display: inline-block;
    height: 15px;
    vertical-align: middle;
    width: 15px;
	margin-left:10px;
	margin-top: 13px;
}
.audioimg {
    background-position: 153px -322px;
    display: inline-block;
    height: 27px;
    margin-bottom: 10px;
    position: relative;
    transition: none 0s ease 0s ;
    vertical-align: top;
    width: 40px;
}
.gradebook-cont
{
	 background-color: #f9f9f9;
    padding: 15px;
}
.gradebook-cont-inner
{
	 background-color: #fff;
    
	border:solid 1px #ddd;
}
.grade-title
{
	border-bottom:solid 1px #ddd;
	padding:10px 15px;
	 color: #2a3990;
    font-size: 20px;
}
.grade-content
{
	padding:15px 0px;
}
.btn-form
{
	padding: 7px 22px 6px;
}
.gradebook-cont .gradebook-cont-inner .createCourseFormBoxTop ul.dash-links
{
	margin-left:5px;
}
.gradebook-cont .gradebook-cont-inner .links
{
	margin-top:20px;
}
.grade-detail
{
	border:solid 1px #ddd;
}
.gradebook-cont .gradebook-cont-inner .access-details
{
	background-color:#fff;
	  padding: 0px;
}
.gradebook-cont .gradebook-cont-inner .preview-btn
{
	margin-bottom:15px;
	
}
.resetbtn {
	background-color: #d5d5d5;
	/*border: 1px solid #d5d5d5;*/
	border-radius: 5px;
	color: #333;
}
.resetbtn:hover {
	background-color: #d9d9d9;
	/*border: 1px solid #d5d5d5;*/
	border-radius: 5px;
	color: #333;
}
.modal-title
{
	color:#2a3990;
}
.select_container {
  background-color: #f4f4f4;
  border: 1px solid #e0e0e0;
  
  padding: 10px;
  width: 100%;
}
.select_container h3
{
	margin-top:0px;
	font-size:18px;
}




.exerciseBox {
  background-color: #fff;
  border: 1px solid #ddd;
  margin: 10px 0;
  padding: 22px;
  width:100%
}
.select-dropdown {
 
  width: 65%;
}
.video-block {
	border: 1px solid #a0a9b2;
	padding: 20px;
}
/*CSS Added on 21-05-2015*/
.pageSubHeadText {
  border-top: 1px solid #B3B4B5;
  margin: 0px !important;
  font-size: 16px !important;
  border-bottom: medium none !important;
  padding: 15px 0 !important;
  color: #58595B !important;
  font-weight: normal !important;
  float: none !important;
  clear: both;
}
.pageSubHead.col-md-12 p.pageSubHeadtopText
{
	font-size: 16px !important;
	 border-bottom: medium none !important;
	  padding: 15px 0 !important;
  color: #58595B !important;
  font-weight: normal !important;
}
.pageSubHeadTextIta {
  font-style: italic;
  color: #58595B !important;
  font-size: 16px !important;
  font-weight: normal !important;
}

.pageSubHead.col-md-12 p {
  border-bottom: 6px solid #8cc63f;
  float: left;
  margin: 0;
  padding: 25px 0 0px;
  font-size: 36px;
    font-weight: 400;
  color: #333;
}
.login_part_panel { background: #1b75bc;}
.btn-group.sel_app {  border-radius: 4px;  margin: 4px 10px 4px 0;  border: 0px solid #7b7b7b; font-family: 'Lato', sans-serif;}
.login_box a 
{ font-family: 'Roboto', sans-serif;    margin: 4px 0 5px; 
  border: 1px solid #bd202b;  border-radius: 4px;  background: #bd202b;  position: relative;  
  display: block;  padding: 5px 15px;  padding: 5px 5px;  line-height: 20px;   font-size: 13px;  
  font-weight:600;  text-transform: uppercase;  color: #fff;  min-width: 100px;  text-align: center;text-decoration:none}
.login_box a:hover{ text-decoration:none;/*background:#fff;*/ color:#bd202b !important;/*border: 1px solid #bd202b;*/}
.login_box a:visited{/* text-decoration:none;background:#fff; color:#bd202b;border: 1px solid #bd202b;*/
   
color: #FFF;text-decoration:none}            
              
/*.login_box a:focus{text-decoration:none;background:#fff; color:#bd202b;border: 1px solid #bd202b;}*/
.sel_app button.btn.select_btn { outline:none; font-size:13px; font-family: 'Roboto', sans-serif; font-weight:400; border-radius:6px;  margin: 0;  border: 0px solid #7b7b7b;  border-right: 0px solid #7b7b7b;  background: #fff; color:#3e3e3e; padding:6px 8px;   text-transform: none; }
.spaceToDropDown {  color: #424242;  font-size: 14px;  font-weight: 400;  height: 31px;  text-align: left;  text-transform: none;  width: 175px;}
/*.sel_app button.btn.arrow_drop {  float: right;  border-radius:0px;  margin: 0;    border: 0px solid #7b7b7b;  background: #fff; height:31px; box-shadow:none;}*/
.sel_app .caret {  position: relative;  display: inline-block;  width: 0;  height: 0;  margin-left: 2px;  vertical-align: middle;  border-top: 9px solid #000;  border-right: 5px solid transparent;  border-left: 5px solid transparent;}
.sel_app .dropdown-menu {border-radius: 6px !important;
margin: 0px;
width: 225px;
padding: 0px;
border: 1px solid #A3A3A3;
overflow: hidden;
font-family: "Lato",sans-serif; }

.sel_app .dropdown-menu>li>a { font-size:13px;  padding: 6px 12px;  border-bottom: 1px solid #ddd;}
.sel_app .glyphicon {  color: #3c763d;}
.btn-group.sel_app.open .caret {  position: relative;  display: inline-block;  width: 0;  height: 0;  margin-left: 2px;  margin-top: -14px;  vertical-align: middle;  border-bottom: 9px solid #000;  border-right: 5px solid transparent;  border-left: 5px solid transparent;  border-top: 11px solid transparent;}
.page-content p{ color:#999;}
.btn-group.sel_app{ display:none;}


.course1 {
	background-position:0 -40px;
}
.course2 {
	background-position:0 -353px;
}
.course3 {
	background-position:0 -248px;
}
.course4 {
	background-position:0 -144px;
}
.course-name{
	display: inline-block;
	height: 105px;
	width: 105px;
}

.navbar.main-navigation{ min-height:inherit;}
.navbar.main-navigation .navbar-collapse{ padding-right:0;   padding-left: 0;}
.main-navigation.navbar-default .navbar-nav>.active>a, .main-navigation.navbar-default .navbar-nav>.active>a:focus, .main-navigation.navbar-default .navbar-nav>.active>a:hover {  color: #1b75bc;  background-color: #ffffff; border:1px solid #1b75bc;}

.banner-indicator{ position:relative;}
.banner-indicator .carousel-indicators{ left:0; margin:0; width:auto;}


.banner-indicator .carousel-indicators li {
  border:5px solid #fff;
  background:#555;
  border-radius:50%; width:23px;height:23px;margin:1px;
}
.banner-indicator .carousel-indicators li.active{border:5px solid #fff; background:#1b75bc;}
.course-box{ border:0; padding:0; }
.course-box * {
  transition: all 0.1s ease-in-out 0s;
}
.course-box h3 {
	color: #414142;
	font-size: 24px;
	font-weight: 400;
	text-transform: uppercase; margin-bottom:5px;
}

.course-box p{ color:#7c7c7c; font-family: 'Lato', sans-serif;}
.btn{transition: none 0s ease 0s; /*font-family: 'Roboto', sans-serif;*/} 
.btn:hover{  transition: all 0.1s ease-in-out 0s;}
.btn-default {
	background:#6b6d6e;
	border: 1px solid #6b6d6e;
	color: #fff;
	font-weight:500;
	outline: medium none;
	text-transform: uppercase;

} 

.btn.course-button.active, .btn.course-button.focus, .btn.course-button:active, .btn.course-button:focus, .btn.course-button:hover{
  color: #fff;
  background-color: #42b853;
  border-color: #42b853;
}

.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover{
  color: #bd202b;
  background-color: #fff;
  border-color: #bd202b;
}
.btn.btn-small {  font-size: 12px; text-transform:uppercase;}
.course-button{ margin:12px 0;}
.course-button:hover .arrw{
	margin-left: 12px; transition: all 0.2s ease-in-out 0s; color:#fff;
}
.arrw {
 display: inline-block; margin-left:7px; font-size:18px; line-height: 16px;top:1px; position:relative; color:#42b853;
}
.cse-bx{ height:100%; background-color:#dadada; width:1px; position:absolute; right:0; top:0%; margin-top:0%;}
.cse-bx-v{ height:1px; background-color:#dadada; width:100%; margin-bottom:25px; margin-top:25px;}
.cse-bx-out{ position:relative; }
.course-box .caption {  min-height: 150px; padding:0;}
.casebox-container{ max-width:970px; margin:0 auto;} 

.btn-primary {
	background:#bd202b;
	border: 1px solid #bd202b;
	color: #fff;
	font-weight:500;
	/*outline: medium none;*/
	text-transform: uppercase;
} 

 .btn-primary:hover{
  color: #bd202b;
  background-color: #fff;
  border-color: #bd202b;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus
{
    background:#bd202b;
	border: 1px solid #bd202b;
	color: #fff;
	font-weight:500;
	/*outline: medium none;*/
	text-transform: uppercase;
}

.readmore{  padding:9px 12px; min-width:175px; margin-top:5px;}
.footer-title{ font-size:18px; text-transform:uppercase; margin-bottom:30px;}
.pr-bar{  height:7px; background-color:#1b75bc; position:absolute; bottom:0; left:0;}
.about-heading{ position:relative; padding:65px 0 25px;}
.main li:after{ position:absolute; left:-22px; top:30px; border:2px solid #428840; background-color:#fff; height:11px; width:11px; content:""; border-radius:50%; margin-top:-5.5px;}
/* border :none added for below class:  bugid :  FADXCV-2*/
.main li li:after{ content: initial; position:relative;border:none}

.instructor-list li:after{top:29px;}
.instructor-list li h2{ font-size:15px; color:#4d4d4d; margin:0 0 15px; text-transform:uppercase;}
.main .instructor-list li { padding-left:0px; padding-right:15px; list-style: none; }
.main li li{  list-style:disc !important;   padding: 10px 0;}
.product-btn-block .btn{ margin:3px 0;}
.btn-primary .arrw{ color:#fff;}
.btn-primary:hover .arrw{ color:#414142;}

.course-button.btn-primary.active, .course-button.btn-primary.focus, .course-button.btn-primary:active, .course-button.btn-primary:focus, .course-button.btn-primary:hover{  color: #428840;  background-color: #fff;  border-color: #dadada;}

.btn-success {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #dadada;
  color: #bd202b;
  font-weight: 500;
  outline: medium none;
  text-transform: uppercase;
}
.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover{  color: #fff;  background-color: #1b75bc;  border-color: #1b75bc;}
.btn-success .arrw{ color:#1b75bc;}
.btn-success:hover .arrw{ color:#fff;}
.product-panel .thumbnail {  margin-bottom:40px;}
.support-caption-banner{ position:relative;}
.support-caption{ position:absolute; left:450px; text-align:left; top:50px;}
.support-caption h4{ color:#414142; line-height:40px; font-size:36px; font-weight:600; margin:0;}
.support-caption p{ margin:0; color:#1c75bc;}
.tblActivity 
{
	display:table;
}
.mobiletable-gradebook
{
	display:none;
}

.tblClass_ClassGrade
{
	display:table;
}
.mobiletable_ClassGrade
{
	display:none;
}
#tblActivity
{
	display:table;
}
.tblClass,#tblClass
{
	display:table;
}
.mobiletable
{
	display:none;
}
#desktoptable
{
	display:table;
}
#tblLesson
{
	display:table;
}
#mobiletable
{
	display:none;
}
#lessonlevelmobiletable
{
	display:none;
}
#tblRemoveQuestions
{
	display:table;
}
#tblRemoveQuestionsMobile
{
	display:none;
}
.heading-page{}

.access-details table thead th
{
	padding:10px;
}
.access-details table tr td
{
	padding:10px;border:solid 1px #e8e8e8;
}
.StatusCol{
    min-width: 100px;
    max-width: 100px;
    word-wrap: break-word;
    }
.EmailCol{
    min-width: 150px;
    max-width: 150px;
    word-wrap: break-word;
}

.audio_button_container div{margin:10px 15px 10px 0px;}
.btnImage:focus {
    background: none !important;
}
#LoadAudioDiv{margin-bottom:20px;}

.lessonborder
{
    float: left !important;
    width: 100% !important;
 }

#tblActivity .LateSubmit td ,#tblLesson .LateSubmit td, #tblClass .LateSubmit td ,#mobiletable .LateSubmit td{background-color:#ffe599;}
.ItemChangedTitle{color:#cc0000;font-size:18px;}
.AllowlateSubmission .tooltip .tooltip-inner{width:700px !important;}

 .assignment li {
    /*  color: #7c7c7c;   */
    font-size: 15px;
    margin: 0;
    padding: 5px 0;
    position: relative;
    }
 .tab-list {
    position: relative;
}
 .tab-list h3 {
    position: inherit;
    text-align: center;
    display: block;
    text-align: left;
    color: #616161;
}
 .tab-list ul {
    padding: 0;
    margin: 0;
}
 .tab-list ul li {
    cursor: pointer;
    padding: 5px;
}
 .tab-list ul li a {
    font-size: 18px;
    cursor: pointer;
}
 .sep {
    border-bottom: solid 2px #ccc;
    width: 100%;
    margin-bottom: 20px;
}
 .back-txt {
    /*color: #175e8f;*/
    color:#be1e2e;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
}
 .close-tab {
    position: absolute;
    right: 10px;
    top: 7px;
    cursor: pointer;
    z-index: 5;
}

.error-page-container-new {
        font-family: 'Lato', sans-serif;
        background-color: #949599;
        width: 100%;
        padding: 20px 0 20px;
        color: #fff;
        margin-top: 50px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
 .error-new-style {
        border-left: solid 3px #fff;
        padding-left: 40px !important;
        margin-top: 0px !important;
    }

 .error-page-container-image {
        padding-top: 5px;
    }

  h1.app-error-heading1{
    font-size: 45px !important;
    margin-top: 0px !important;
  }

  h2.app-error-heading2{
    font-size: 34px !important;
  }

  h3.app-error-heading3{
        text-transform: inherit !important;
        font-size: 24px !important;
  }

.error-img{
    text-align: right;padding-right: 30px
}

@media screen and (max-width: 1200px) 
{
    
  .audioDiv .audiojs {
    width: 80% !important;
}  
    
    
  /*  .audiojs 
{
   width:100% !important;
}*/

	/*.drop1 {
	width:185px;
	
	height:45px;
}
.drop2 {
	width:185px;
	
	height:45px;
	left:71%
}
.drop3 {
	
	width:185px;
	
	height:45px;
	left:71%
	
}
.drop4 {
	width:185px;
	
	height:45px;
}
.drop5 {
	width:185px;
	
	height:45px;
}*/
.btn-column .btn
{
	margin-bottom:10px;
}
}
.support-caption {
  left:350px;
  top: 20px;
}	 .facebook, .twitter, .linked, .google, .youtube {
  margin-right:4px;
}
.course-box .caption {
 /* min-height:145px;*/
}
}
 @media screen and (max-width: 990px) 
 {
            .linesperator
{
        border-left: 0px solid #e1e1e1 !important;
    border-right: 0px solid #e1e1e1 !important;
    border-top: 1px solid #e1e1e1 !important; 
    
    width: 100% !important;
   
}
   
   
.links
{ float:left !important;
}
     .linesperatorinstructor
{
    margin-top: 0px !important;
}
  /*   .audiojs 
{
    width:100% !important;
}*/

.carousel-caption {
 position:relative;
 left:0;
 right:0;
}

.banner_details {
  border-bottom: 1px solid #ddd; border-top: 0px solid #ddd;
  border-radius: 0;
  margin: 0 auto 30px!important;
  margin-top: 20px;
  padding: 10px 20px 30px;
  text-align: left;
  width: auto;
  text-align: left;
  max-width: 100%; 
}
.header {
  padding: 20px 0px 15px;
}
.logo {
  background-position: -112px -37px;
  display: inline-block;
  height: auto;
  width: 130px;
  top: -20px;
}
 
 
.course-box .caption {
 /* min-height: 215px;*/
}
.navbar {
  margin-bottom: 0px;
  margin-top:8px;
}
.logo {
  background-position: -112px -37px;
  display: inline-block;
    height: auto;
  width:130px; top:-20px;
}
 .feature {
 padding:0px;
 margin: 16px 0;
}
.feature_row {
 border-bottom: 0px;
}
.feature.f1, .feature.f2, .feature.f3, .feature.f4 {
 border-right-width: 0px;
 border-bottom-width: 1px;
 padding-bottom: 40px;
}
.wrapper {
 padding: 0;
}
.navbar-default .navbar-nav > li > a {
  font-size: 13px;
  padding: 2px 7px;
  text-transform: none;
  border-radius:5px;
}
.header {
  padding: 20px 0px 15px;}
.carousel-caption {
	padding-bottom:0;
	text-shadow:none; bottom:0;
}
.banner_details {
	background: none repeat scroll 0 0 rgba(14, 118, 188, 0.8);
	max-width: 675px;
	margin: 0 auto;
	padding: 10px 20px 25px;
	text-align:left;
}
.banner_details h2 {
	color: #fff;
	font-size: 36px;
	font-weight:600;
	margin-bottom: 10px;
	margin-top:5px; font-family: 'Roboto', sans-serif; 
} 
.banner_small_details {
	color: #fff;
	font-size: 16px;
	line-height:18px;
	font-family: 'Lato', sans-serif;
}
.banner {
	background-image: url("../img/banner1.png");
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1) inset;
	background-position: 50% center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 1.5em auto 2.5em;
	max-height: 1000px;
	max-width: 2000px;
}
.btn.learn-btn{ background:#428840; font-size:16px;   padding: 8px 12px;}
.carousel-caption .btn{ padding:13px 12px; font-size:16px; font-weight:600; font-family: 'Roboto', sans-serif; }
.banner-support {
	text-align: center;
}

.panel-body .tabpanel .nav-tabs > li {
 padding: 0 10px;
}
/*#drop-desktop {
 display:none;
}
#drop-mobile {
 display:block;
}*/

.drop1 {
 background-color:#f9f9f9;
 border-radius:20px;
 width:40px;
 border:solid 1px #c6c6c6;
 height:40px;
 position:absolute;
 top:4%;
 left:42%;
 padding-top: 6px;
 font-size: 18px;
 font-weight: bold;
}
.drop2 {
 background-color:#f9f9f9;
 border-radius:20px;
 width:40px;
 border:solid 1px #c6c6c6;
 height:40px;
 position:absolute;
 left: 70%;
 top: 13%;
 padding-top: 6px;
 font-size: 18px;
 font-weight: bold;
}
.drop3 {
 background-color:#f9f9f9;
 border-radius:20px;
 width:40px;
 border:solid 1px #c6c6c6;
 height:40px;
 position:absolute;
 left: 70%;
 top: 28%;
 padding-top: 6px;
 font-size: 18px;
 font-weight: bold;
}
.drop4 {
 background-color:#f9f9f9;
 border-radius:20px;
 width:40px;
 border:solid 1px #c6c6c6;
 height:40px;
 position:absolute;
 bottom:4%;
 left:43%;
 padding-top: 6px;
 font-size: 18px;
 font-weight: bold;
}
.drop5 {
 background-color:#f9f9f9;
 border-radius:20px;
 width:40px;
 border:solid 1px #c6c6c6;
 height:40px;
 left: 29%;
 position: absolute;
 top: 10%;
 padding-top: 6px;
 font-size: 18px;
 font-weight: bold;
}
.product-panel .col-md-4
{
	margin-bottom:20px;
}
.reorder-panel ul li
{
	line-height:25px;
}
.lessontitle
{
	padding: 10px 15px 42px;
}


}


@media screen and (max-width: 1200px)
{
 #drop-desktop { display:none;}
 #drop-mobile  { display:block;}
}


@media screen and (max-width: 767px)
{
    .tab-list ul {
       margin-left:10px;
    }
    .tab-list h3 {
        width:70%;
    }
    .tab-list ul li a {
        width: 80%;
    }
    .quickFlip {
    width: 100% !important;
   
}
 .YScroll{overflow: scroll; /* has to be scroll, not auto */
  
          height: 100%;

padding-bottom: 10px;}
 /* !important is needed sometimes */
 .YScroll::-webkit-scrollbar {
    width: 12px !important;
   
   height:6px !important;
 }

 /* Track */
.YScroll::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
   -webkit-border-radius: 10px !important;
   border-radius: 10px !important;
 }

 /* Handle */
 .YScroll::-webkit-scrollbar-thumb {
   -webkit-border-radius: 10px !important;
   border-radius: 10px !important;
   background: #41617D !important; 
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; 

 }
 .YScroll::-webkit-scrollbar-thumb:window-inactive {
   background: #41617D !important; 
 }
.progesstxt {
margin-left: -3px;
margin-right: 4px;
}
    #lessonlevelmobiletable
{
	display:table;
}
    .tblActivity 
{
	display:none;
}
.mobiletable-gradebook
{
	display:table;
}

.tblClass_ClassGrade
{
	display:none !important;
}
.mobiletable_ClassGrade
{
	display:table !important;
}

#tblActivity
{
	display:none ;
}
.tblClass,#tblClass
{
	display:none !important;
}
.mobiletable
{
	display:table;
}
#tblRemoveQuestions
{
	display:none;
}
#tblRemoveQuestionsMobile
{
	display:table;
}
    
.linesperator
{
        border-left: 0px solid #e1e1e1 !important;
    border-right: 0px solid #e1e1e1 !important;
    border-top: 1px solid #e1e1e1 !important; 
    
    width: 100% !important;
   
}
   
   
.links
{ float:left !important;
}
      .mobimp
     {
         padding-right:0px !important;
     }
    
     .linesperatorinstructor
{
    margin-top: 0px !important;
}
   /* .audiojs 
{
    width:100% !important;
}*/

.header {
   padding: 20px 0px 22px;
}
.marginminus14
{
    margin-left: 0px
}
.logo {
  width: 90px;  top: 0px;
}
.about-heading {
  position: relative;
  padding:65px 0 25px;
}
	.tabpanel-box{ border-right:0;}
.wrapper .course-box.thumbnail .caption {
  min-height: inherit !important;
}
	.banner_details {
  text-align: center;
}
	.banner_details .readmore{ margin:10px 0;}
.banner-indicator .carousel-indicators {  bottom:20px;   width: 100%;}
.support .support-left, .support .support-right{ float:none; text-align:left;}
.support .support-right button{ float:none !important; text-align:center; margin-top:15px;}
.logo {
  width:90px;
}
.btn-group.sel_app .panel-login{ margin-left:10px;}
.navbar-nav {
 background-color:#f4f4f4;
 margin:0 0;
}
.nav > li {
 border-bottom: 1px solid #ddd;
 padding:0px 0px;
}
.navbar-default .navbar-nav > li > a.home {
 display:none;
}
.navbar-default .navbar-nav > li > a {
 border-radius:0px; padding:8px 7px;border: 1px solid transparent; 
 
}
.navbar-default .navbar-nav > li > a:hover {
  background-color: transparent;
}
.navbar.main-navigation .navbar-header{ top:-16px; position:absolute; right:0;} 
.navbar.main-navigation {
 color:#fff;
 height:0;
 width:100%;
 padding-left:0px !important;
 padding-right:0px !important;
 position:relative;
 z-index:999;
 margin: 0;
  border-radius: 5px;   
}
.navbar.main-navigation .navbar-collapse{ width:100%; top:18px; position:absolute;}
 .navbar-default .navbar-toggle .icon-bar {
 background-color: #fff;
}
.navbar.main-navigation .navbar-toggle {background: none repeat scroll 0 0 #bd202b; 
  border: none;
  float: left;
  padding:10px;
  margin: 0;
  border-radius: 4px;
}
 .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background: none repeat scroll 0 0 #bd202b;
}
.navbar-default .navbar-nav > li > a.active { 
    border: none;
}
.navbar-default .navbar-nav > li a.login
{
	margin:-3px 0px 0px 0px;
	  padding: 8px 8px 11px;
}
.carousel-caption {
  
  position: relative;
  left: 0;
}

.banner_details {
 margin: 0;
}
.banner_details h2 {
 font-size: 25px;
}
.banner_small_details {
 font-size: 14px;
}
 .feature {
 text-align:center;
}
.feature .data h3 {
 margin-top:0px;
}
.feature > div > span {
 float:none;
}

#mobileView {
 display:inline-table;
 width: 100%;
 margin:0 auto 50px !important;
}
#ipadView {
 display:none;
}
.support-center-container {
 padding: 30px 0px;
}
.panel-body .tabpanel .nav.nav-tabs li {
 width:100%;
border-left: 1px solid #e5e5e5;
}
 .panel-body .tabpanel .nav.nav-tabs li.active {
 border-left: 1px solid #e5e5e5;
}
#mobiletable
{
	display:table;
}
/*.panel-heading a .arrow-img {
 margin-top:0;
}/*
.progesslink {
 margin-top:10px;
}
.progesstxt {
 margin-left: -3px;
 margin-right:4px;
}
#mobiledevice-progress {
 display:block;
}
 #desktopdevice-progress {
 display:none;
}

#mobiledevice-progress2 {
 display:block;
}
 #desktopdevice-progress2 {
 display:none;
}

 .drop1 {
 top:4%;
 left:44%;
}
.drop2 {
 left: 75%;
 top: 16%;
}
.drop3 {
 left: 75%;
 top: 30%;
}
.drop4 {
 bottom:5%;
 left:43%;
}
.drop5 {
 left: 30%;
 top: 10%;
}
.product-panel
{
	text-align:center;
}


.lisep
{
	display:none ;
}
ul.dash-links li
{
	
	padding:8px 0px;
	width:100%;
}
.toplinks
{
	width:100%;
}
.toplinks ul
{
	margin:0;
	padding:0;
	width:100%
}
.toplinks ul li
{
	list-style-type:none;
	float:left;
	padding:0px 5px;
	list-style-type:none;
	text-decoration:uderline;
    color:#1b75bc;
}
.product ul.dash-links li
{
	list-style-type:none;
	float:left;
	padding:0px 5px;
	width:auto;
}

#reorder-desktop
{
	display:none;
}
#reorder-mobile
{
	display:block;
}
.testtitle h4 {
    font-size: 18px;
}
#reorder-mobile .lesson-column
{
	margin: -17px -10px -10px;
}
#reorder-mobile .lesson-column .btn
{
	 padding: 5px 13px !important;
}
.reorder-icon
{
	 color: #888;
    margin: 3px 10px 0 -10px;
}
.reorder-text
{
	text-align: justify;
    width: 80%;
}
.del-icon
{
	color: #888;
    margin-right: 10px;
    margin-top: 12px;
    position: absolute;
    right: 0;
    top: 0;
}
ul.popup-lesson
{
	margin:0;
	padding:0;
}
ul.popup-lesson li
{
	list-style-type:none;
	margin-bottom:10px;
	padding-left:10px
}
ul.popup-lesson .form-control-feedback
{
	 left: auto;
    right: 0;
    top: 0;
}
ul.popup-lesson.has-success .form-control
{
	background-color:#f4f4f4;
	border:solid 1px #e8e8e8;
}
#desktoptable
{
	display:none;
}
#tblLesson
{
	display:none !Important;
}
.tblClass,#tblClass
{
	display:none !Important;
}

#mobiletable
{
	display:table;
}
.thead
{
	background-color:#f4f4f4;
	color:#555;font-weight:bold;
}
.shoppingpadding
{
	padding-top:65px;
	padding-bottom:65px;
	padding-left:15px;
	padding-right:15px;
}
.createCourseFormBoxTop .col-xs-12
{
	margin-bottom:10px;
}
.createCourseFormBoxTop .col-xs-12 .col-xs-12
{
	padding:0px;
}
.gradebook-cont .gradebook-cont-inner .createCourseFormBoxTop ul.dash-links {
    margin-left: 14px;
}
.gradebook-cont .gradebook-cont-inner table .thead
{
	word-break:normal
}
.video-block
{
	margin-top:10px;
}
/*CSS ADDED ON 20-07-15 for home page alignment*/
.course-box {
   
    text-align: center;
}
.facebook, .twitter, .linked, .google, .youtube {
	margin-right: 2px;
}
.right-link-row{ width:100%;} 

} 
@media screen and (max-width: 760px) 
{
#mobiledevice {
 display:block;
}
 #desktopdevice {
 display:none;
}
}




@media screen and (max-width: 600px) 
{
    /*.audiojs 
{
    width:95% !important;
}*/

	.support-caption {
  left: 0; bottom:0; top:inherit;
  background-color:rgba(0,0,0,0.8); padding:5px 15px; width:100%;}
  .support-caption h4{ line-height:14px; font-size:14px; color:#fff;}
  .support-caption p{ margin:0; color:#428840; font-size:12px; }
 .class-manage-test{ margin-top:10px;}
  .audiojs 
{
    width:90% !important;
}
.audiojs .scrubber{width:20% !important}
	}
 @media screen and (max-width: 480px) 
 {
      #btnClassReturnnew {
    margin-top: 0px !important;
}
     .links
{ float:left !important;
}
     .linesperator
{
        border-left: 0px solid #e1e1e1 !important;
    border-right: 0px solid #e1e1e1 !important;
    border-top: 1px solid #e1e1e1 !important; 
    
    width: 100% !important;
     
}
    

    
 .drop1 {
 top:4%;
 left:37%;
}
.drop2 {
 left: 84%;
 top: 16%;
}
.drop3 {
 left: 84%;
 top: 30%;
}
.drop4 {
 bottom:5%;
 left:36%;
}
.drop5 {
 left: 18%;
 top: 10%;
}
.insttext
{
	margin-left:0;
}
.marginminus
{
	margin-left:0px;
}

}
 @media screen and (max-width: 479px) 
 {
    /* .audiojs 
{
    width:100% !important;
}*/

 .links .pull-left {
 float:none !important;
}
 .links .pull-right {
 float:none !important;
}
 .links ul li {
 padding:0;
}
 .mobilelist {
 display:none;
}

 #mobiledevice {
 display:block;
}
 #desktopdevice {
 display:none;
}
 #mobiledevice h4 {
 font-size: 16px;
 line-height: 20px;
}
 .quest-container .btn {
 margin-bottom: 10px;
}
.activity ul li {
 padding: 0 5px;
}
.drop1 {
 top:4%;
 left:30%;
}
.drop2 {
 left: 79%;
 top: 8%;
}
.drop3 {
 left: 80%;
 top: 42%;
 padding-top: 6px;
}
.drop4 {
 bottom:5%;
 left:29%;
}
.drop5 {
 left: 3%;
 top: 10%;
}
.toplinks ul
{
	margin:0;
	padding:0
}
.toplinks ul li
{
	list-style-type:none;
}
.lessontitle {
   
    padding: 10px 15px 38px
}
.btn-cont
{
	margin-left:0px;
	display:block
}

}

@media screen and (max-width: 370px) 
{
    
    /*.audiojs 
{
    width:100% !important;
}*/

	.support-tabs-container .nav-tabs > li{ width:100%;}
	.support-tabs-container .nav-tabs > li a{ margin-right:0 !important;}
.spaceToDropDown {  width: 134px;}

#reorder-mobile.quest-container .quest-footer .btn
{
	width:100%;
}
.btn-cont .btn
{
	margin-bottom:10px;
}

.btn
{
    white-space:normal;
}

}



.quest-container .jp-playlist li {  line-height: initial;  font-size: inherit;   text-align: initial;}
.quest-container div.jp-type-playlist div.jp-playlist span.jp-free-media{ width:auto;} 
.jp-audio{ margin:0 auto;}
.scoreBoxRight h4{font-size:16px;}
.scoreBoxRight h2 {
  float: left;
  font-size: 14px;
  font-style: italic;
  letter-spacing: 2px;
}
.flag_img_place {
  max-width: 747px;
  position: relative;
  margin: 0 auto;
  border-radius: 10px;
  -mox-border-radius: 10px;
  -wekit-border-radius: 10px;
  -o-border-radius: 10px;
  border: 5px solid #d5d5d5;
}
.image_inner_wrap {
  display: inline-block;
  position: relative;
}
.flag_img_place img{  border-radius: 10px;}
.datepicker{ position:relative; padding-right:30px !important;}
.datepicker .date-img{ position:absolute; right:3px; top:19px;}
.div-datepicker .date-img{ position:absolute; right:3px; top:6px;}






.flip-container {
			-webkit-perspective: 1000;
			-moz-perspective: 1000;
			-ms-perspective: 1000;
			perspective: 1000;

			-ms-transform: perspective(1000px);
			-moz-transform: perspective(1000px);
    			-moz-transform-style: preserve-3d; 
    			-ms-transform-style: preserve-3d; 

			border: 1px solid #ccc;
		}

			/*
			.flip-container:hover .flipper,*/ .flip-container.hover .flipper, #flip-toggle.flip .flipper {
				-webkit-transform: rotateY(180deg);
				-moz-transform: rotateY(180deg);
				-ms-transform: rotateY(180deg);
				transform: rotateY(180deg);
				filter: FlipH;
    			-ms-filter: "FlipH";
			}
			*/


			/* START: Accommodating for IE */
			/*.flip-container:hover .back,*/ .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

/*.flip-container:hover .front,*/ .flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
		
		/* END: Accommodating for IE */

		.flip-container, .front, .back {
			width: 320px;
			height: 427px;
			margin:0 auto;  overflow:hidden;
			
		}

		.flipper {
			-webkit-transition: 0.6s;
			-webkit-transform-style: preserve-3d;
			-ms-transition: 0.6s;

			-moz-transition: 0.6s;
			-moz-transform: perspective(1000px);
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;

			transition: 0.6s;
			transform-style: preserve-3d;

			position: relative;
		}

		.front, .back {
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			backface-visibility: hidden;

		    -webkit-transition: 0.6s;
		    -webkit-transform-style: preserve-3d;
		    -webkit-transform: rotateY(0deg);

		    -moz-transition: 0.6s;
		    -moz-transform-style: preserve-3d;
		    -moz-transform: rotateY(0deg);

		    -o-transition: 0.6s;
		    -o-transform-style: preserve-3d;
		    -o-transform: rotateY(0deg);

		    -ms-transition: 0.6s;
		    -ms-transform-style: preserve-3d;
		    -ms-transform: rotateY(0deg);

		    transition: 0.6s;
		    transform-style: preserve-3d;
		    transform: rotateY(0deg);

			position: absolute;
			top: 0;
			left: 0;
		}

		.front {
			-webkit-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			background: lightgreen;
			z-index: 2;
		}

		.back {
			background: lightblue;
			-webkit-transform: rotateY(-180deg);
		    -moz-transform: rotateY(-180deg);
		    -o-transform: rotateY(-180deg);
		    -ms-transform: rotateY(-180deg);
		    transform: rotateY(-180deg);
		}

		.front .name {
			font-size: 2em;
			display: inline-block;
			background: rgba(33, 33, 33, 0.9);
			color: #f8f8f8;
			font-family: Courier;
			padding: 5px 10px;
			border-radius: 5px;
			bottom: 60px;
			left: 25%;
			position: absolute;
			text-shadow: 0.1em 0.1em 0.05em #333;
			display: none;

			-webkit-transform: rotate(-20deg);
			-moz-transform: rotate(-20deg);
			-ms-transform: rotate(-20deg);
			transform: rotate(-20deg);
		}

		.back-logo {
			
			width: 160px;
			height: 117px;
			background: url(logo.png) 0 0 no-repeat; text-align:center; margin:10px auto 10px;
		}
		.back-logo img{ display:inline-block;}

		.back-title {
			font-weight: bold;
			color:#1b75bc;
			
			text-align: center;
			
			font-size: 17px;
  padding: 0 15px;
  line-height: 23px; margin-bottom:15px;
		}

		.back p {
			
			text-align: center;
			padding: 0 20px; border:0;
			
		}
		.tglButton{ width:30px; height:30px; position:absolute; bottom:5px; right:5px; background-position:-262px -459px; background-color:#3ab54a; border:0; border-radius:3px;}
		.flip-container.hover .front{ display:none;}
		.jp-playlist{ display:none;}
		.back-title.font-title{ margin-top:25px; padding-top:150px; position:absolute; width:100%;text-a:center;}
		.back-inner{ padding-top:120px;}

		
		
 /* Custom  updates by durga 8-7-2015*/
 /* Based on shared login/registration below changes properties are introduced/edited */
/**** Durga CSS updates begin here ****/
.navbar-default .navbar-nav > li > a.active { 
   color: #1b75bc;  background-color: #ffffff; border:1px solid #1b75bc;
}

/*Image location is updated*/
.sprite {
	background-image:url(../images/sprite.png);
}

/*Image location is updated*/
.linked {
	background: url("../images/sprite.png") repeat scroll -102px -677px rgba(0, 0, 0, 0);
}
.google {
	background: url("../images/sprite.png") repeat scroll -152px -677px rgba(0, 0, 0, 0);
}
.youtube {
	background: url("../images/sprite.png") repeat scroll -203px -677px rgba(0, 0, 0, 0);
}
.facebook {
	background: url("../images/sprite.png") repeat scroll -1px -677px rgba(0, 0, 0, 0);
}
.twitter {
	background: url("../images/sprite.png") repeat scroll -51px -677px rgba(0, 0, 0, 0);
}

/*Display SSO bar*/
.btn-group.sel_app{ display:block;}
.btn-group.sel_app h1{ margin:0;}

.support {
    
    padding: 5px 0;
}

.user_title a {
    color: #fff;
    text-decoration: none;
}
.btn-group .btn
{
    text-transform:none;
    padding:0;
    font-weight:normal;
    text-align:left;
    padding-left:10px;
    outline:none;
}
.head_drop_down .btn.dropdown-toggle {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid transparent;
    border-radius: 0 !important;
    box-shadow: 0 0 0 transparent;
    cursor: pointer;
    padding: 0;
} 

 .activity-container-loggedin {
	background-color: #f9f9f9;
	padding:0px 15px; padding-top:54px;
}
 .activity-container-notloggedin {
	/*background-color: #f9f9f9;
	padding:0px 15px;*/ padding-top:0px;
}

.modal-dialog-adjustment
{
     margin: 66px auto; }
/**** Durga CSS updates end here ****/








/**** smita CSS updates start here ****/
.readmore{  padding:9px 12px 7px 12px; min-width:175px; margin-top:1px;}
.footer-title{ font-size:18px; text-transform:uppercase; margin-bottom:30px;}
/*.pr-bar{  height:7px; background-color:#00adef; position:absolute; bottom:0; left:0;}*/
/*.about-heading{ position:relative; padding:25px 0;}*/
.main li:after{ position:absolute; left:-20px; top:30px; border:2px solid #00adef; background-color:#fff; height:11px; width:11px; content:""; border-radius:50%; margin-top:-5.5px;}
.main li ul li{ list-style-type:disc !important}
.main li ul li:after{ border:2px solid #fff; background-color:#fff;left:0;margin:0;height:auto;position:relative;}


.instructor-list li:after{top:29px;}
.instructor-list li h2{ font-size:18px; color:#414142; margin:0 0 15px;}
.main .instructor-list li { padding-left:0px; padding-right:15px; list-style-type: none;}
.product-btn-block .btn{ margin:3px 0;}
.btn-primary .arrw{ color:#fff;}
.btn-primary:hover .arrw{ color:#414142;}

.course-button.btn-primary.active, .course-button.btn-primary.focus, .course-button.btn-primary:active, .course-button.btn-primary:focus, .course-button.btn-primary:hover{  color: #428840;  background-color: #fff;  border-color: #dadada;}

.btn-success {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #dadada;
  color: #1b75bc;
  font-weight: 500;
  outline: medium none;
  text-transform: uppercase;
}
.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover{  color: #fff;  background-color: #1b75bc;  border-color: #1b75bc;}
.btn-success .arrw{ color:#414142;}
.btn-success:hover .arrw{ color:#fff;}
.product-panel .thumbnail {  margin-bottom:40px;}
.support-caption-banner{ position:relative;}
.support-caption{ position:absolute; left:450px; text-align:left; top:50px;}
.support-caption h4{ color:#414142; line-height:40px; font-size:36px; font-weight:600; margin:0;}
.support-caption p{ margin:0; color:#bd202b;}

.heading-page{}

.pdfimg {
    background-position: 151px -355px;
    display: inline-block;
    height: 27px;
    margin-bottom: 10px;
    position: relative;
    transition: none 0s ease 0s ;
    vertical-align: top;
    width: 40px;
}
.printimg {
    background-position: 151px -387px;
    display: inline-block;
    height: 27px;
    margin-bottom: 10px;
    position: relative;
    transition: none 0s ease 0s ;
    vertical-align: top;
    width: 40px;
}
.glosaryimg {
    background-position: 151px -421px;
    display: inline-block;
    height: 27px;
    margin-bottom: 10px;
    position: relative;
    transition: none 0s ease 0s ;
    vertical-align: top;
    width: 38px;
}
.opensourseimg {
    background-position: 112px -387px;
    display: inline-block;
    height: 27px;
    margin-bottom: 10px;
    position: relative;
    transition: none 0s ease 0s ;
    vertical-align: top;
    width: 40px;
}
.multichoiceimg {
    background-position: 112px -420px;
    display: inline-block;
    height: 27px;
    margin-bottom: 10px;
    position: relative;
    transition: none 0s ease 0s ;
    vertical-align: top;
    width: 40px;
}
.paneltophead
{
	background-color: #faf9f9;
    border-color: #e3e3e3;
    border-radius: 0;
}

.btn-group.sel_app {
    border-radius: 6px;
    margin: 6px 0;
}

.panel-login #btnNewHomePage {
    font-weight: normal;
    margin: 5px 0 0;
    
}
.scoreBoxRight .alignment
{
   margin-top: -34px;
    margin-right: 2px;
}
/*#lblPractice
{
    margin-left: -24px;
}*/

.testtitle h5
{
	font-size:18px;
}
.pagetitle {
    background-color: #bf1e2e;
    padding:20px 0px 20px 0px;
   
   
}
.pagetitle .col-md-12 {
    margin: 0;
    padding: 0;
}
.pagetitle p {
    
    color: #fff;
    float: left;
    font-size: 30px;
    margin: 0;
    font-weight: 600;
   /* padding: 25px 0 20px;*/
    font-family: "Roboto",sans-serif;
 
}
.inst-detail
{
	border-left:solid 1px #e1e1e1;
	border-right:solid 1px #e1e1e1;
	padding:0px 30px;
}
.inst-detail ul
{
	margin:0;
	padding:0
}
.inst-detail ul li
{
	list-style-type:none;padding:5px 0px;
}
.inst-icons ul
{
	margin:0;
	padding:0
}
.inst-icons ul li
{
	list-style-type:none;
	padding:5px 0px;
}
.dashboard-container {
    background-color: #f9f9f9;
    padding: 15px;
}
.dashboard-innercontainer {
	background-color: #fff;
	padding:20px;
	margin:30px 0px;
}
.class-title
{
	padding:15px 10px;
	border-bottom:solid 1px #e1e1e1;
	margin:-20px -20px 20px -20px;
	/*font-size:15px;
	font-weight:600;*/
}
.returnlink {
    float: right;
    /*margin: 28px 0;*/
    color: #fff;
    text-decoration:underline;
    margin-bottom: 10px;
    margin-top: 10px;
}
.returnlink:hover {
   
    text-decoration:none;
    color: #fff;
}
.tabpanel
{
	margin: -15px -30px;
}
.leftpanel
{
	background: #00adef none repeat scroll 0 0;
	color:#fff;
	height:500px;
}
.leftpanel ul
{
	  padding: 20px;
}
.leftpanel ul li
{
	list-style-type:none;
	padding:12px 0px;
	color:#fff;
}
.leftpanel ul li.selected
{
	background-color:#fff;
	
	margin:0px -20px;padding:12px 20px;
/*	background: url("../Content/img/sprite.png");*/
	
	
}
.leftpanel ul li.selected a
{	
	color:#00adef !important;
	
}
.leftpanel ul li a
{
	list-style-type:none;
	/*padding:12px 0px; */
	padding:3px 0px; 
	font-size:12px;
	text-transform:uppercase;font-weight:bold;color:#fff;
	
}
.leftpanel ul li a:hover
{
	text-decoration:none;
}
.rightpanel
{
	 /*margin-left: -45px;
	
   padding: 20px 0 20px 20px;*/
}
.rightpanel .col-sm-5{
	border: 1px solid #e1e1e1;
    margin: 10px;
    padding: 20px;
    width: 47%;
	
}
.rightpanel .col-sm-2
{
	margin-left:-19px;
}
.padding0{
padding-left:0px;
padding-right:0px;
	
}
.dash-gradebook-icon {
    background-position: -113px -387px;
    display: inline-block;
    height: 23px;
    vertical-align: middle;
    width: 28px;
}
.dash-discuss-icon {
    background-position: -113px -418px;
    display: inline-block;
    height: 23px;
    vertical-align: middle;
    width: 28px;
}
.dash-inst-icon {
    background-position: -113px -445px;
    display: inline-block;
    height: 23px;
    vertical-align: middle;
    width: 28px;
}
.dash-video-icon {
    background-position: -113px -477px;
    display: inline-block;
    height: 23px;
    vertical-align: middle;
    width: 28px;
}
.dash-glosary-icon {
    background-position: -113px -507px;
    display: inline-block;
    height: 23px;
    vertical-align: middle;
    width: 28px;
}
.dash-ebook-icon {
    background-position: -113px -538px;
    display: inline-block;
    height: 23px;
    vertical-align: middle;
    width: 28px;
}
.dash-audio-icon {
    background-position: -157px -322px;
    display: inline-block;
    height: 27px;
    vertical-align: middle;
    width: 28px;
}
.class-title h4
{
	font-size:15px;font-weight:600;margin-bottom:0px;
}
.class-title .dash-links li
{
	font-size:14px;padding-top:4px;
}
.dashboard-innercontainer .title-details h4
{
	font-size:20px;
}
.dashboard-innercontainer .title-details p
{
	font-size:12px;
}
.greentxt
{
	color:#27ae4f;
}
.graytxt
{
	color:#bebebe;
}
.redtxt
{
	color:#f44336;
}
.yellowtxt
{
	color:#ffc107;
}
.rightpanel h4
{
	margin-top:3px;color:#323232;
}
.greenborder
{
	border-right:solid 5px #27ae4f !important;
}
.redborder
{
	border-right:solid 5px #f44336 !important;
}
.yellowborder
{
	border-right:solid 5px #ffc107 !important;
}
.dash-multiple-icon {
    background-position: -197px -417px;
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    width: 28px;
}
.dash-open-icon {
    background-position: -197px -384px;
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    width: 28px;
}
.leftpanel-icon1 {
    background-position: -268px -356px;
    display: inline-block;
    height: 24px;
    vertical-align: middle;
    width: 30px;
}
.leftpanel-icon2 {
    background-position: -268px -388px;
    display: inline-block;
    height: 24px;
    vertical-align: middle;
    width: 30px;
}
.leftpanel-icon3 {
    background-position: -268px -418px;
    display: inline-block;
    height: 24px;
    vertical-align: middle;
    width: 30px;
}
.leftpanel-icon4 {
    background-position: -235px -356px;
    display: inline-block;
    height: 24px;
    vertical-align: middle;
    /*width: 30px;*/
}
.bluearrow
{
	 background-position: -103px -352px;
    display: inline-block;
    height: 24px;
    margin-right: -10px;
    vertical-align: middle;
    width: 32px;
	
}
a.rightlink
{
    color:#333 !important;
    text-decoration:none;
}
a.rightlink:hover
{
    color:#333 !important;
    text-decoration:underline;
}
li.selected a
{
    text-decoration:none;
}

.quest-container .activity-pagetitle p
{
	border:0px solid #eaeaea !important;
	padding-bottom: 0px;
	color:#f1622c;
}
.quest-container .testtitle h4
{
	border:0px solid #eaeaea !important;color:#f1622c;
}




@media screen and (max-width: 1200px) {
.btn-column .btn
{
	margin-bottom:10px;
}

.mobiletable-gradebook
{
    display:table !important;
}

.desktoptable-gradebook
{
    display:none !important;
}
}
 @media screen and (max-width:1024px) 
 {

.support-caption {
  left:350px;
  top: 20px;
}	 .facebook, .twitter, .linked, .google, .youtube {
  margin-right:2px;
}
.course-box .caption {
  min-height:175px;
}
}
 @media screen and (max-width: 990px) 
 {
     
       /*.audiojs .scrubber
    {
        width:50% !important;
    }*/
     .pageHeading h2 {
    color: #333;
    float: left;
    font-family: "Roboto",sans-serif;
    font-size: 30px;
    font-weight: 600;
    margin: 20px 0px 0px 0px;
    padding: 0;
}


.course-box .caption {
  min-height: 215px;
}
.navbar {
  margin-bottom: 0px;
  margin-top:8px;
}
/*.logo {
  background-position: -112px -37px;
  display: inline-block;
    height: 44px;
  width: 180px;
}*/
 .feature {
 padding:0px;
 margin: 16px 0;
}
.feature_row {
 border-bottom: 0px;
}
.feature.f1, .feature.f2, .feature.f3, .feature.f4 {
 border-right-width: 0px;
 border-bottom-width: 1px;
 padding-bottom: 40px;
}
.wrapper {
 padding: 0;
}
.navbar-default .navbar-nav > li > a {
  font-size: 13px;
  padding: 2px 7px;
  text-transform: none;
}
/*.header {
  padding: 20px 0px 15px;}*/
.carousel-caption {
 position:relative;
 left:0;
 right:0;
 
}
.banner_details {
   background:  rgba(14, 118, 188, 0.8) none repeat scroll 0px 0px;
  border-bottom: 1px solid #ddd; border-top: 0px solid #ddd;
  border-radius: 0;
  margin: 0 auto !important;
  margin-top: 20px;
  padding: 10px 20px 30px;
  text-align: left;
  width: auto;
  text-align: left;
  max-width: 100%;
}
.panel-body .tabpanel .nav-tabs > li {
 padding: 0 10px;
}
/*#drop-desktop {
 display:none;
}
#drop-mobile {
 display:block;
}*/
.drop1 {
 background-color:#f9f9f9;
 border-radius:20px;
 width:40px;
 border:solid 1px #c6c6c6;
 height:40px;
 position:absolute;
 top:4%;
 left:42%;
 padding-top: 6px;
 font-size: 18px;
 font-weight: bold;
}
.drop2 {
 background-color:#f9f9f9;
 border-radius:20px;
 width:40px;
 border:solid 1px #c6c6c6;
 height:40px;
 position:absolute;
 left: 70%;
 top: 13%;
 padding-top: 6px;
 font-size: 18px;
 font-weight: bold;
}
.drop3 {
 background-color:#f9f9f9;
 border-radius:20px;
 width:40px;
 border:solid 1px #c6c6c6;
 height:40px;
 position:absolute;
 left: 70%;
 top: 28%;
 padding-top: 6px;
 font-size: 18px;
 font-weight: bold;
}
.drop4 {
 background-color:#f9f9f9;
 border-radius:20px;
 width:40px;
 border:solid 1px #c6c6c6;
 height:40px;
 position:absolute;
 bottom:4%;
 left:43%;
 padding-top: 6px;
 font-size: 18px;
 font-weight: bold;
}
.drop5 {
 background-color:#f9f9f9;
 border-radius:20px;
 width:40px;
 border:solid 1px #c6c6c6;
 height:40px;
 left: 29%;
 position: absolute;
 top: 10%;
 padding-top: 6px;
 font-size: 18px;
 font-weight: bold;
}
.product-panel .col-md-4
{
	margin-bottom:20px;
}
.reorder-panel ul li
{
	line-height:25px;
}
.lessontitle
{
	padding: 10px 15px 42px;
}


#desktop-panel
{
    display:none
}
#mobile-panel
{
    display:block;
}
/*Mobile dashboard*/
.inst-detail
{
    border-left: 0px solid #e1e1e1;
    border-right: 0px solid #e1e1e1;
      border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
 padding: 21px 24px 20px 0px!important;
}
.panel-body
{
	position:relative;
}
.cbp-spmenu {
background: #fff;
position: absolute;
}
.cbp-spmenu h3 {
color: #43873f;
font-size: 16px;
font-size: 20px;
    font-weight: 300;
    margin: 0;
    padding: 6px 10px;
    margin-top:4px;
}
.cbp-spmenu a {
display: block;
color: #fff;padding: 20px 10px;

}
.cbp-spmenu a:hover {
background: #258ecd;
}
.cbp-spmenu a.link {
display: block;
color: #fff;padding: 20px 10px;

}
.cbp-spmenu a.link:hover {
background: #fff;
}
.cbp-spmenu a:active {
background: #afdefa;
color: #47a3da;
}
.cbp-spmenu-left {
left: -1300px;
}
.cbp-spmenu-left.cbp-spmenu-open {
left: 0px;z-index:1000;margin-top:-15px;
}
.cbp-spmenu, .cbp-spmenu-push {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mobile-border
{
	border-top:solid 1px #e1e1e1;
	
}
.dash-audio-icon, .pdfimg, .multichoiceimg, .opensourseimg, .videoimg
{
	/*margin-top:10px;*/
}
.dashboard-innercontainer .col-md-3
{
    float: left !important;
    margin-top: 20px;
}

}



@media screen and (max-width: 767px){
	.tabpanel-box{ border-right:0;}
.wrapper .course-box.thumbnail .caption {
  min-height: inherit !important;
}
	.banner_details {
  text-align: center;
  
}
.shift
     {
         margin-left:32px;
     }
.course-box{  margin-top: 20px; }
	.banner_details .readmore{ margin:10px 0;}
.banner-indicator .carousel-indicators {  bottom:20px;   width: 100%;}
.support .support-left, .support .support-right{ float:none; text-align:left;}
.support .support-right button{ float:none !important; text-align:center; margin-top:15px;}
/*.logo {
 height: 43px;
  width: 175px;
}*/
.navbar-nav {
 background-color:#f4f4f4;
 margin:0 0;
}
.nav > li {
 border-bottom: 1px solid #ddd;
 padding:0px 0px;
}
.navbar-default .navbar-nav > li > a.home {
 display:none;
}
.navbar-default .navbar-nav > li > a {
 border-radius:0px; padding:8px 7px;border: 1px solid transparent; 
 
}
.navbar-default .navbar-nav > li > a:hover {
  background-color: transparent;
}
.navbar.main-navigation .navbar-header{ top:-16px; position:absolute; right:0;} 
.navbar.main-navigation {
 color:#fff;
 height:0;
 width:100%;
 padding-left:0px !important;
 padding-right:0px !important;
 position:relative;
 z-index:999;
 margin: 0;
  border-radius: 5px;   
}
.navbar.main-navigation .navbar-collapse{ width:100%; top:15px; position:absolute;}
 .navbar-default .navbar-toggle .icon-bar {
 background-color: #fff;
}
/*.navbar.main-navigation .navbar-toggle {background: none repeat scroll 0 0 #00adef; 
  border: none;
  float: left;
  padding:10px;
  margin: 5px;
  border-radius: 4px;
}
 .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background: none repeat scroll 0 0 #00adef;
}*/
.navbar-default .navbar-nav > li > a.active { 
    border: none;
}
.navbar-default .navbar-nav > li a.login
{
	margin:-3px 0px 0px 0px;
	  padding: 8px 8px 11px;
}
.banner_details {
 margin: 20px 20px 0px 20px;
}
.banner_details h2 {
 font-size: 25px;
}
.banner_small_details {
 font-size: 14px;
}
 .feature {
 text-align:center;
}
.feature .data h3 {
 margin-top:0px;
}
.feature > div > span {
 float:none;
}
.gradebook-cont .gradebook-cont-inner table .thead {
    word-break: normal;
}
/*.grade-content, .createCourseFormBoxTop {
    padding:15px 0px !important;
}*/
#mobileView {
 display:inline-table;
 width: 100%;
 margin:0 auto 50px !important;
}
#ipadView {
 display:none;
}
.support-center-container {
 padding: 30px 0px;
}
.panel-body .tabpanel .nav.nav-tabs li {
 width:100%;
border-left: 1px solid #e5e5e5;
}
 .panel-body .tabpanel .nav.nav-tabs li.active {
 border-left: 1px solid #e5e5e5;
}
/*.panel-heading a .arrow-img {
 margin-top:0;
}*/
.progesslink {
 margin-top:10px;
}

#mobiledevice-progress {
 display:inline-block;width:100%;
 
}
 #desktopdevice-progress {
 display:none;
}

#mobiledevice-progress2 {
 display:inline-block;width:100%;
 
}
 #desktopdevice-progress2 {
 display:none;
}

 .drop1 {
 top:4%;
 left:44%;
}
.drop2 {
 left: 75%;
 top: 16%;
}
.drop3 {
 left: 75%;
 top: 30%;
}
.drop4 {
 bottom:5%;
 left:43%;
}
.drop5 {
 left: 30%;
 top: 10%;
}
.product-panel
{
	text-align:center;
}


.lisep
{
	display:none ;
}
ul.dash-links li
{
	
	padding:8px 0px;
	width:100%;
}
.toplinks
{
	width:100%;
}
.toplinks ul
{
	margin:0;
	padding:0;
	width:100%
}
.toplinks ul li
{
	list-style-type:none;
	float:left;
	padding:0px 5px;
	text-decoration:uderline;
    color:#1b75bc;
    line-height:26px;
}
.toplinks ul li a
{
    text-decoration:underline;
    color:#1b75bc;
}
.toplinks ul li a:hover
{
    text-decoration:none;
   
}
.product ul.dash-links li
{
	list-style-type:none;
	float:left;
	padding:0px 5px;
	width:auto;
}

#reorder-desktop
{
	display:none;
}
#reorder-mobile
{
	display:block;
}
.testtitle h4 {
    font-size: 18px;
}
#reorder-mobile .lesson-column
{
	margin: -17px -10px -10px;
}
#reorder-mobile .lesson-column .btn
{
	 padding: 5px 13px !important;
}
.reorder-icon
{
	 color: #888;
    margin: 3px 10px 0 -10px;
}
.reorder-text
{
	text-align: justify;
    width: 80%;
}
.del-icon
{
	color: #888;
    margin-right: 10px;
    margin-top: 12px;
    position: absolute;
    right: 0;
    top: 0;
}
ul.popup-lesson
{
	margin:0;
	padding:0;
}
ul.popup-lesson li
{
	list-style-type:none;
	margin-bottom:10px;
	padding-left:10px
}
ul.popup-lesson .form-control-feedback
{
	 left: auto;
    right: 0;
    top: 0;
}
ul.popup-lesson.has-success .form-control
{
	background-color:#f4f4f4;
	border:solid 1px #e8e8e8;
}


.thead
{
	background-color:#f4f4f4;
	color:#555;font-weight:bold;
}
.shoppingpadding
{
	padding-top:65px;
	padding-bottom:65px;
	padding-left:15px;
	padding-right:15px;
}
.createCourseFormBoxTop .col-xs-12
{
	margin-bottom:10px;
}
.createCourseFormBoxTop .col-xs-12 .col-xs-12
{
	padding:0px;
}
.gradebook-cont .gradebook-cont-inner .createCourseFormBoxTop ul.dash-links {
    margin-left: 14px;
}
.gradebook-cont .gradebook-cont-inner table .thead
{
	word-break:normal
}
.video-block
{
	margin-top:10px;
}
.shiftinside
{
    margin-left: 32px;
}
#wordSearchContainer .table-responsive{border:0px;}

} 
#tableWrap,#tableWrapMob{border:none;margin-bottom: 0px;}
input[type=radio]
{
    margin:2px 0 0 0;
    }
.modal
{
    background: rgba(0,0,0,0.5);
    overflow-x: hidden;
    overflow-y: auto;
    } 
   .modal-backdrop
   {
       display:none;
       }    
    
@media screen and (width: 720px) 
{
    .audioDiv .audiojs {
    width: 100% !important;
}  
/*.panel-heading a .arrow-img {
     margin-top: -10px !important; 
     
}*/
.quest-container .btn {
 margin-bottom: 10px;
}

}
@media screen and (max-width: 600px) {
	.support-caption {
  left: 0; bottom:0; top:inherit;
  background-color:rgba(0,0,0,0.8); padding:5px 15px; width:100%;}
  .support-caption h4{ line-height:14px; font-size:14px; color:#fff;}
  .support-caption p{ margin:0; color:#428840; font-size:12px; }
 
	}
 @media screen and (max-width: 480px) {
 .drop1 {
 top:4%;
 left:37%;
}
.drop2 {
 left: 84%;
 top: 16%;
}
.drop3 {
 left: 84%;
 top: 30%;
}
.drop4 {
 bottom:5%;
 left:36%;
}
.drop5 {
 left: 18%;
 top: 10%;
}
.insttext
{
	margin-left:0;
	max-width: 150px;
    word-wrap: break-word;
}
.marginminus
{
	margin-left:0px;
}
}
 @media screen and (max-width: 479px) {
 .links .pull-left {
 float:none !important;
}
 .links .pull-right {
 float:none !important;
}
 /*.links ul li {
 padding:0;
}*/
 .mobilelist {
 display:none;
}

 #mobiledevice {
 display:block;
}
 #desktopdevice {
 display:none;
}
 #mobiledevice h4 {
 font-size: 16px;
 line-height: 20px;
}
 .quest-container .btn {
 margin-bottom: 10px;
}
.activity ul li {
 padding: 0 5px;;
}
.drop1 {
 top:4%;
 left:30%;
}
.drop2 {
 left: 79%;
 top: 8%;
}
.drop3 {
 left: 80%;
 top: 42%;
 padding-top: 6px;
}
.drop4 {
 bottom:5%;
 left:29%;
}
.drop5 {
 left: 3%;
 top: 10%;
}
.toplinks ul
{
	margin:0;
	padding:0
}

.lessontitle {
   
    padding: 10px 15px 38px
}
.btn-cont
{
	margin-left:0px;
	display:block
}
}

@media screen and (max-width: 370px) 



{
  
ul.dash-links li:hover
{
    padding:none;
}
	.support-tabs-container .nav-tabs > li{ width:100%;}
	.support-tabs-container .nav-tabs > li a{ margin-right:0 !important;}
.spaceToDropDown {  width: 134px;}
/* Notifaction links font size adjusted : FADANINE-2 */

.inst-icons ul li
{
font-size:13px;
}
#reorder-mobile.quest-container .quest-footer .btn
{
	width:100%;
}
.btn-cont .btn
{
	margin-bottom:10px;
}

.activity-container {
    
    padding: 10px 0px;
}
/*.inst-detail {
    border-color: #e1e1e1;
    border-style: solid;
    border-width: 1px 0;
    padding: 10px 0;
}*/
}

/*
@media only screen and (-webkit-min-device-pixel-ratio: 2){
.sprite{	background-image:url(../images/sprite_ratina.png) ; background-repeat:no-repeat; background-size:310px 673px; }
.spimg {  background-image: url(../images/spritesupport_ratina.png); background-repeat:no-repeat; background-size:500px 500px;}
	}
	
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
.sprite{	background-image:url(../images/sprite_ratina.png) ; background-repeat:no-repeat; background-size:310px 673px; }
.spimg {  background-image: url(../images/spritesupport_ratina.png); background-repeat:no-repeat; background-size:500px 500px;}
} */

.footer h4
{
	text-transform:uppercase;
	font-weight:700;
}
.footer a
{
	color:#fff;
	text-decoration:none;
}
.footer a:hover
{
	color:#fff;
	text-decoration:underline;
}
.support-right
{
	margin-top:7px;
}
.course-button
{
	font-size:13px;
}
ul.instructor-list
{
	margin-bottom:30px;
	 margin-left: 6px;
}
.main ul ul
{
	
	margin-top:-20px;
}
.pageHeading p
{
	width:70%;margin-top:15px;
}
/*.pageHeading h2
{
	margin-bottom:0px;
}*/
.head_right_wrap {
    float: right;
}

.head_drop_down {
    margin-left: 6px;
    margin-top: 1px !important;
}
.head_drop_down.open .btn.dropdown-toggle {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #bd202b;;
    border-color: #bd202b #bd202b; -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    margin: 0;
    position: relative;
    z-index: 1000;
}
.head_drop_down .btn.dropdown-toggle {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid transparent;
    border-radius: 0 !important;
    box-shadow: 0 0 0 transparent;
    cursor: pointer;
    padding: 0;
}
.head_drop_down {
    margin-left: 6px;
    margin-top: 1px !important;
}
.welcome_text {
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-align: right;
}
.btn-group .btn {
    font-weight: normal;
    outline: medium none;
    padding: 0 0 0 10px;
    text-align: left;
    text-transform: none;
}
.head_drop_down .btn.dropdown-toggle .caret {
    background-image: url("../images/Drop down arrow.png");
    background-repeat: no-repeat;
    border: medium none;
    height: 28px;
    margin: 8px 0 0 7px;
    width: 31px;
}
.head_drop_down.open .btn.dropdown-toggle .caret {
    background-image: url("../../Content/images/Hover.png");
    background-repeat: no-repeat;
}

.head_drop_down .dropdown-menu {
    background-color: #bd202b;;
    border-top: medium none;
    box-shadow: none !important;
    color: #fff;
    margin-right: -1px;
    min-width: 190px;
    padding: 10px 14px;
}
.popover {
    border-radius: 0;
}
.dropdown-menu {
    border-radius: 0 !important;
    box-shadow: none;
}
.head_drop_down .dropdown-menu > li {
    /*margin: 0 -13px;*/
}
.head_drop_down .dropdown-menu > li > a {
    border-bottom: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    padding: 10px 15px 11px;
    text-decoration: none;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: transparent;
    color: #fff !important;
    text-decoration: underline !important;
}
.popover.bottom {
    margin-top: 36px;
}
.head_drop_down .dropdown-menu > li.last-child > a {
    border-bottom: medium none;
}
#selApp > li > a:hover
{
    color:#333 !important;
}



/*Swarup Sprint 2 changes*/

.dashboard-innercontainer {
    background-color: #fff;
    margin: 30px 0;
    padding: 20px;
    -webkit-box-shadow: 0 1px 2px 1px #C4C4C4;
    box-shadow: 0 1px 2px 1px #C4C4C4;  
}


.dashboard-container 
{
    background-color: #f9f9f9;
    padding: 15px;
}

.class-title 
{
    border-bottom: 1px solid #e1e1e1;
    margin: -20px -20px 20px;
    padding: 15px 10px;
}

/*.inst-detail {
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1; 
       padding: 5px 0 10px 0;
}*/

.inst-detail ul {
    margin: 0;
    padding: 0;
}

.inst-detail ul li {
    list-style-type: none;
    padding: 5px 0;
}



.inst-icons ul 
{
    margin: 0;
    padding: 0;
}

.inst-icons ul li 
{
    list-style-type: none;
}


.dash-gradebook-icon {
    background-position:-120px -387px;
    
    display: inline-block;
    height: 23px;
    vertical-align: middle;
    width: 23px;
}

.dash-ebook-icon {
    background-position: -122px -538px;
    display: inline-block;
    height: 23px;
    vertical-align: middle;
    width: 23px;
}

.dash-videolibrary-icon {
    background-position: 196px -476px;
    display: inline-block;
    height: 23px;
    vertical-align: middle;
    width: 23px;
}


.dash-glossary-icon {
    background-position:  196px -507px;
    display: inline-block;
    height: 23px;
    vertical-align: middle;
    width: 23px;
}

.dash-instructor-icon {
    background-position:  189px -445px;
    display: inline-block;
    height: 23px;
    vertical-align: middle;
    width: 23px;
}

.dash-discussion-icon {
    background-position:  190px -418px;
    display: inline-block;
    height: 23px;
    vertical-align: middle;
    width: 23px;
}


.btn-primary.disabled, 
.btn-primary.disabled.active, 
.btn-primary.disabled.focus, 
.btn-primary.disabled:active, 
.btn-primary.disabled:focus, 
.btn-primary.disabled:hover, 
.btn-primary[disabled], 
.btn-primary.active[disabled], 
.btn-primary.focus[disabled], 
.btn-primary[disabled]:active, 
.btn-primary[disabled]:focus, 
.btn-primary[disabled]:hover
{
 background: #bd202b !important;
border: 1px solid #bd202b !important;
color: #fff !important;
font-weight: 500;
outline: medium none;
text-transform: uppercase;
}

.dashboard-container {
    background-color: #f9f9f9;
    padding: 15px;
}

.dashboard-accordian
{
    margin: 30px 0;
    padding: 0px;
}


.greenborder 
{
    border-right: 5px solid #27ae4f !important;
}

.redborder 
{
    border-right: 5px solid #f44336 !important;
}

.yellowborder {
    border-right: 5px solid #ffc107 !important;
}
/*****************end***************/


.print-icon 
{
    background-position: -777px -387px;
    display: inline-block;
    height: 28px;
    vertical-align: middle;
    width: 30px;
}

#desktoptable
{
	display:table;
}
mobiletable
{
	display:none;
}
#mobiletable1
{
	display:none;
}
.desktoptable
{
	display:table;
}
#tblLesson
{
	display:table;
}
.mobiletable
{
	display:none;
}
.mobiletable1
{
	display:none;
}

#classInstructorListMobile{ display:none;}
.classInstructorList{ display:table; }
/*-----------------word-break-----------------*/       
.word-showing-row{
 width:600px;
 margin:0 auto;
 text-align:center;
 }
.textInputBox::after {
 content: "i";
 width:1px;
 height:52px;
 position:absolute;
 top:0px;
 right:-9px;
 text-indent:-2000px;
 background:#ddd;
 } 
.textInputBox:last-child::after {
 display:none;
 } 
.textInputBox:first-child{
 margin-left:0px;
 }
        
@media (max-width:767px)
{ 
    /*.audiojs .scrubber
    {
        width:50% !important;
    }*/
   .audiosleft
{ width:100%;
}
.audiosright
{ width: 100%;
  
} 
   
ul.dash-links li {
    padding: 8px 0px;
    width: 100%;
}
ul.dash-links
{
	margin:0;
	padding:0;   
	margin-left: 0;
}
    
    
 
    .marginminus14
{
    margin-left: 0px !important;
} 
.pagetitle {
    background-color: #bf1e2e;
    padding: 15px 0px 15px 0px;
}
 returnlink {
    
    margin: 5px 0;
 
 }     
#desktoptable
{
	display:none !important;
}
#tblLesson
{
	display:none !important;
}
.desktoptable-gradebook
{display:none !important;
}
#mobiletable1
{
	display:table;
}


#mobiletable, .mobiletable 
{
	display:table;
}

.desktoptable
{
	display:none;
}
.mobiletable1
{
	display:table;
}
#classInstructorListMobile
{
    display:table;
}
.classInstructorList
{
    display:none;
}
.word-showing-row{
 width:100%;
 margin:0 auto;
 }
.mobile_textInputBox::after {
 content: "i";
 width:1px;
 height:52px;
 position:absolute;
 top:0px;
 right:-9px;
 text-indent:-2000px;
 background:#ddd;
 } 
.mobile_textInputBox:last-child::after {
 display:none;
 } 
.mobile_textInputBox:first-child{
 margin-left:0px;
 }
}

@media (max-width:570px)
{
 .mobile_textInputBox {
   
    width: 30.9% !important;}
 
    .mobile_textInputBox::after {
   right: -7px;
   }
 }
 
 @media (max-width:450px)
{
 .mobile_textInputBox {
   
    width: 30.8% !important;}
 
    .mobile_textInputBox::after {
   right: -6px;
   }
   .btn-cont .btn
{
	margin-bottom:10px;
}

 }
        
   /*babalu Sprint 1 changes*/
    a.lnkColor {
      color: #fff;
    }

    .sel_app .btn.active.focus, .sel_app .btn.active:focus, .sel_app .btn.focus, .sel_app .btn:active.focus, .sel_app .btn:active:focus, .sel_app .btn:focus
    {
        outline:none;
    }
    
    .activity-innercontainer {
     /* background-color: #fff;*/
      padding: 20px 0px;
      /*min-height: 300px;*/
      
    }
    
    
    .progrees-imghalfgreen {
        background-position: 110px -355px;
        display: inline-block;
        height: 22px;
        position: relative;
        transition: none 0s ease 0s;
        width: 20px;
    }
    
    .right-arrow {
        background-position: 191px -355px;
        display: inline-block;
        height: 22px;
        position: relative;
        transition: none 0s ease 0s;
        width: 20px;
    }
    
   
/*Ends here*/     

.group-icon {
    background-position: -260px -487px;
    display: inline-block;
    height: 26px;
    vertical-align: middle;
    width: 39px; margin-top: -4px;
}

.activityname
{
   color:#bd202b;
   font-size:12px;
   text-transform:uppercase;
  
}


/*.tabs-left ul li a span.sep::before {
    border: 1px solid #fff;
    content: "";
    height: 28px;
    margin-left: 8px;
    margin-top: 21px;
    position: absolute;
    width: 1px;
}
.tabs-left ul li a:hover span.sep::before {
    border: 1px solid #fff;
    content: "";
    height: 28px;
    margin-left: 8px;
    margin-top: 21px;
    position: absolute;
    width: 1px;
}
.tabs-left ul li:last-child a span.sep::before {
    border: medium none;
    content: "";
    height: 28px;
    margin-left: 8px;
    margin-top: 21px;
    position: absolute;
    width: 1px;
}*/



.tabs-left ul li .sep:before {
        border: 1px solid #fff;
    content: "";
    height: 30px;
    /* margin-left: 8px; */
    margin-top: -29px;
    position: absolute;
    width: 1px;
    left: 28px;
}
.tabs-left ul li.active .sep:before {
    border: 1px solid #fff;
    content: "";
    height: 30px;
    /* margin-left: 8px; */
    margin-top: -29px;
    position: absolute;
    width: 1px;
    left: 28px;
}
.tabs-left ul li.first .sep:before {
    border: none;
}







.notification
{
     background-position: 154px -457px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 27px;
    line-height: 22px;
    text-align: center;
    vertical-align: middle;
    width: 33px;
}

.tab-content a h4
{
margin-top:0px;
}

.Auto-create-chk-g1 {
    position: absolute;
    right: -32px;

}
.create-g5 {
    position: absolute;
    /*top: 300px;*/
}
.activity-pagetitle
{
    padding: 0px 0px 0px;
}

.breadcrumb
{
  padding: 10px 15px;  
}

textarea {
    resize: none;
    max-width:100%;
   
}

/**** smita CSS updates end here ****/

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active {
background: #bd202b !important;
border: 1px solid #bd202b !important;
color: #fff !important;
font-weight: 500;
outline: medium none;
text-transform: uppercase;
}
/*.bootstrap-dialog.type-warning .modal-header 
{
    background-color: #fff !important; 

}
.bootstrap-dialog .bootstrap-dialog-title 
{
    color:#bd202b!important;
    display: inline-block;
}*/


.marginminus14
{
    /*margin-left: -12px*/
}
.breadcrumb li a
{
  text-decoration:underline;
  /*color: #1b75bc;  */
}
.breadcrumb li a:hover
{
  text-decoration:none;  
}
.breadcrumb span a
{
  text-decoration:underline;
 /* color: #1b75bc;  */
}
.breadcrumb span a:hover
{
  text-decoration:none;  
}

h3.coming {
    color: #777;
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
}
/* start of Flash card Css*/
 .backPanel {
    text-align: center;
    padding-top: 120px;
    position: absolute;
    border: 0px none;
padding: 0px 20px;
text-align: center;
  
}
.quickFlipCta #Flashanswer
{
    font-family: "Lato",sans-serif;
color: #222;
font-size: 14px;
}
.flipImg {
  /*background-color: #bd202b;*/
background-position: -262px -459px;
border: 0px none;
border-radius: 3px;
bottom: 5px;
height: 30px;
position: absolute;
right: 5px;
width: 30px;
}
.quickFlip {
   height: 427px;
margin: 0px auto;
overflow: hidden;
width: 320px;

}
.quickFlipCta {
  height: 427px;
margin: 0px auto;
overflow: hidden;
width: 100%;
/*border: 1px solid #CCC;*/
text-align: center;
 height: 427px;
margin: 0px auto;
}


.exerciseBox {
    background-color: #fff;
    
    color: #000;
    float: left;
    font-size: 18px;
    line-height: 23px;
    margin: 4px 0px;
    padding: 22px;
    width: 100%;
     /* min-height: 269px;*/
}
    
    /* End of Flash card Css*/
    
    
    
    
    .panel-group .panel {
   
   margin-top: 5px;
}

.titletooltip
{
   
    padding: 30px 10px 20px;
}
.content ul
{
    list-style:none;
}

.access-details table thead {
    background-color: #F4F4F4;
    color: #555;
}

.access-details table thead {
    color: #555;
}
.gradebook-cont .gradebook-cont-inner .access-details {
    padding: 0px;
    background-color: #FFF;
}

.tooltip-inner {
    background-color: #F4F4F4;
    border-radius: 4px;
    max-width: 200px;
    padding: 3px 8px;
    text-decoration: none;
    border: 1px solid #B3B3B3;
    color: #323232;
    text-align: center;
}
.resetbtn {
  /* background-color: #D5D5D5;
   border-radius: 5px;
    color: #333;*/
}

.resetbtn:hover {
  /* background-color: #D5D5D5;
   border-radius: 5px;
    color: #333;*/
}

.preview-btn .tooltip .tooltip-inner ul 
{
margin: 0px;
padding: 15px;

}
.preview-btn .tooltip .tooltip-inner {
    text-align: left !important;
}
.preview-btn .tooltip .tooltip-inner ul li {
    font-size: 14px;
    line-height: 25px;
    list-style-type: disc;
    
}
/*CSS for FILL in Procedure*/
.quest-container ul.drag-list li {
    font-size: 16px;
    list-style-position: inside;
    list-style-type: none;
    padding-bottom: 10px;
   margin-left:-22px;
    padding-top: 10px;
	text-indent:0px;
padding-left:0px;    
}
ul.drag-list
{    
 padding-right: 33px;
 padding-left:4px;
}
.quest-container ul li textarea {
	margin-left: 18px;
	margin-top: -20px;
	width: 80%;
}

.fill-drag-container {
	background-color: #f4f4f4;
	border: 1px solid #eaeaea;
	margin: 10px 0 20px;
	padding: 0px 10px;
	text-align: left;
	vertical-align: middle;
	width:97.5%;
}
.fill-topcont
{
	border-bottom: 2px solid #eaeaea;
    padding-bottom: 15px;
	margin:0px -20px 20px -20px;
	padding-left:20px;
}

.droppableQuesArea
{
    margin-left: 18px;
	margin-top: -20px;
	width: 100%;
	height: 66px;
}

.droppableOptnArea
{
	border: 1px solid #eaeaea;
	margin: 10px 0 20px;
	padding: 20px;
	text-align: center;
	vertical-align: middle;
	width:50%;
	height: 70px;
	float:right;
}

.dropdown_responsive {
   width: 100%;
   padding: 5px 35px 5px 5px;
   font-size: 16px;
   border: 1px solid #666666;
   height: 34px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background: url(../../Content/images/down_arrow-mod.png) 100% no-repeat #FFFFFF;
   display: block;
   margin : 0 auto;
} 

.ResSelectContainer
{
    background:#eeeeee; 
    border:1px solid #666666; 
    border-radius: 0px; 
    text-align:center;
}
.dashboard-innercontainer .col-md-3
{
    float: right;
    padding-top: 0px;
}
.sprite progress-imghalfcomplete .sep
{
    color:#000;
}
.grade-table{ margin:15px 0 0 0;}
.grade-title2{
	color: #6b6d6e;
	background-color: #fff;
    border-bottom:1px solid #e3e3e3;
	padding-bottom: 15px;
	margin-bottom: 15px;
	}
.grade-title2 h5{
	    font-size: 14px;
		color: #6b6d6e;
		margin:0;
		font-weight:bold;
		}

.alignright{float:right;}
.simple-pagination .next{height: 26px;}
#lblPractice 
{
    text-align:right;
    }
#assessmentScore
{
    float:right;
    }    
.light-theme .ellipse
{
    color: #bd202b;
    }
 @media screen and (max-width: 340px)
 {
.commlink
{
    margin-top:0px !important;
}
}
@media screen and (min-width: 320px)
{
    #divDynamicContainer li input:disabled {
  margin-left: -23px!important;
}
}
 @media screen and (max-width: 320px)
 {
.commlink
{
    margin-top:4px !important;
}
     .flipImg {
/*right:16px !important;*/
}
  
 
     
     .linesperator
{
        border-left: 0px solid #e1e1e1 !important;
    border-right: 0px solid #e1e1e1 !important;
    border-top: 1px solid #e1e1e1 !important; 
    
    width: 100% !important;
 
}
.links
{ float:left !important;
}     
#divIslead .pull-left
{
float:left !important
}
     .linesperatorinstructor
{
    margin-top: 0px !important;
}
     .panel-heading h4 div.accord .pull-right
{
    float:right !important;
}
  #mobiles
  {
      margin-right:31px !important;
  }
/*.activity-container div .pull-right
 {
    float: none !important;
   
}*/
/*.audiojs 
{
    width:100% !important;
}*/

.dropDownList
{
    margin-top:30px;
}
.activity-container div #divTT
{
    float:left;
}
    
 .mobile-width   
 {
     width:inherit !important;
     margin:0px !important;
 }
.scoreBoxRight {
    float: left;
       }

       .space_quest
       {
           padding:20px 6px !important;
       }
    
 }
 @media screen and (max-width:341px) 
 {
      .flipImg {
/*right:50px !important;*/
}
 }
  @media screen and (max-width: 360px) 
 {
   
     .flipImg {
/*right:36px !important;*/
}
   
     .quickFlip
    {
        width:100% !important;
    }
     
     .inst-icons .mobileseperator
     {
          border-left: 0px solid #e1e1e1;
    border-right: 0px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
  
     }
     #btndeletecancel
     {
         width: 40%!important;
     }
     #btnDeleteInstructor
     {
          float:left !important;
        width: 40% !important;
     }
    #btnEditSaveInstructor
    {
        float:left !important;
        width: 40% !important;
        
        }
        #btnSaveEditInstructorCancel
        
        {
                width: 40%!important;
        }
         #mobiles
     {
         margin-right:31px !important;
     }
    
     /*.audiojs 
{
    width:100% !important;
}*/
       .flash
     {
       width: 100% !important;
     
     }
    .breakword
    {
      word-wrap: break-word !important;
    } 
   .btn-primary .graybtn
    {
      margin-right:10px
    }
    .quickFlipCta
    {
        /*width: 201px !important;*/
    }
#lblPractice {
    margin-left: 0px !important;
}
 }

/*End - CSS for FILL in Procedure*/
/*End - CSS for FILL in Procedure*/
@media screen and (max-width:1024px) 
{
    .linesperatorinstructor
{
    margin-top: -15px;
}
 
.mobiletable-gradebook
{
	display:table !important;
}
}

.disable_compareClass {
    opacity: 0.65;
    pointer-events: none;
}

@media screen and (max-width: 460px)
{
.quickFlipCta {
    width: 100%;
}
}
@media screen and (max-width: 360px) 
{
 .access-details table tr td
{
    /*word-break: break-all !important;*/
}
   /*  .audiojs .scrubber
    {
        width:30% !important;
    }*/
.pull-right .quickjmp
{
    float:left !important;
}

.resetbtn
{
    margin-left:-15px;
}
.linesperatorinstructor
{
    margin-top: 0px !important;
}
}

.GBChartContainer {
    border: 1px solid;
    float: left;
    height: 375px;
    margin: 24px 3px;
    overflow: auto;
    right: 0;
    top: -430px;
    width:100%;
}

.GBChart {
    padding: 0;
}

.GBChart ul {
    margin: 0;
    padding: 0;
}

.GBChart ul li {
    border-bottom: 1px solid gray;
    font-size: 12px;
    line-height: 19px;
    list-style-type: none;
    margin: 0;
    padding: 11px 15px 10px 45px;
}

.GBChart ul li span {
    border-right: 1px solid gray;
    float: left;
    font-weight: bold;
    margin: 0 15px 0 -31px;
    padding: 0;
    width: 15px;
}

.access-details table tr td {
    border: 1px solid hsl(0, 0%, 91%);
    padding: 10px;
  }
.txtManualScore
{
    width:61px;
}
.multiplechoiceimg {
	background-position: 123px -420px;
	display: inline-block;
	height: 27px;
	position: relative;
	transition: none 0s ease 0s;
	width: 40px;
	vertical-align: top;
	margin-bottom:10px;
}
.analysecodeimg {
	background-position: 123px -453px;
	display: inline-block;
	height: 27px;
	position: relative;
	transition: none 0s ease 0s;
	width: 40px;
	vertical-align: top;
	margin-bottom:10px;
}
.generationcodeimg {
	background-position: 114px -486px;
    display: inline-block;
    height: 27px;
    position: relative;
    transition: none 0s ease 0s;
    width: 36px;
    vertical-align: top;
    margin-bottom: 10px;
}
.donttipscaleimg {
	background-position: 117px -521px;
    display: inline-block;
    height: 27px;
    position: relative;
    transition: none 0s ease 0s;
    width: 36px;
    vertical-align: top;
    margin-bottom: 10px;
}
.flashcardimg {
	background-position: 116px -554px;
    display: inline-block;
    height: 27px;
    position: relative;
    transition: none 0s ease 0s;
    width: 36px;
    vertical-align: top;
    margin-bottom: 10px;
}
.ebookimg {
	background-position: 115px -589px;
    display: inline-block;
    height: 27px;
    position: relative;
    transition: none 0s ease 0s;
    width: 34px;
    vertical-align: top;
    margin-bottom: 10px;
}
.moduletest
{
  background-position: 123px -589px;
	display: inline-block;
	height: 27px;
	position: relative;
	transition: none 0s ease 0s;
	width: 40px;
	vertical-align: top;
	margin-bottom:10px;  
}
.Fillinprocedure
{
  background-position: 123px -624px;
	display: inline-block;
	height: 27px;
	position: relative;
	transition: none 0s ease 0s;
	width: 40px;
	vertical-align: top;
	margin-bottom:10px;  
}
.expiredDetailsListError ul.dash-links li
{
    line-height:28px;
}
.forprint{
	margin-top:0px;
	}
.LinksExport{ margin-top:10px;}
.grade-footer{
	padding-bottom:0px;
	margin-top:20px;
	}
.lnkUnenroll{
	padding-top:18px;
	}	
.act-title {
    color: #cc0000;
    font-size: 20px;
    margin-bottom: 20px;
}	
.grade-btn-row{
	padding:0;
	}
	
	/*---------------------test-bank----------------------*/
.testbank-cont{
	margin-top:15px;
	}
.test-bank-link li{
	display:block;
	float:none !important;
	margin:8px 0;
	}	
.tabbing_arrow {
    margin-bottom: 25px;
}
.tabbing_arrow .breadcrumb {
    padding: 0px;
	background:none;
	list-style: none; 
	overflow: hidden;
    margin-top: 0;
}
.tabbing_arrow .breadcrumb>li+li:before {
	padding: 0;
}
.tabbing_arrow .breadcrumb li { 
	float: left;
	background:#e6e4e4 
}
.tabbing_arrow .breadcrumb li.active a {
	color: #fff;                   /* fallback color */
	background: #bd202b ; 
}
.tabbing_arrow .breadcrumb li.completed a {
	background:#6b6d6e; 
	color:#fff;
}
.tabbing_arrow .breadcrumb li.active a:after {
	border-left: 30px solid #bd202b ;
}
.tabbing_arrow .breadcrumb li.completed a:after {
	border-left: 30px solid #6b6d6e;
} 

.tabbing_arrow .breadcrumb li a {
	color: #6b6d6e;
	text-decoration: none; 
	padding: 10px 0 10px 45px;
	position: relative; 
	display: block;
	float: left;
}
.tabbing_arrow .breadcrumb li a:after { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid #e6e4e4;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	left: 100%;
	z-index: 2; 
}	
.tabbing_arrow .breadcrumb li a:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}	
.tabbing_arrow .breadcrumb li:first-child a {
	padding-left: 15px;
}
/*.tabbing_arrow .breadcrumb li a:hover { background: #ffc107  ; }
.tabbing_arrow .breadcrumb li a:hover:after { border-left-color: #ffc107   !important; }*/
.form-cont {
    width: 100%;
    margin-top: 30px;
}
.required {
    color: red;
}
select.questionsize {
    border: 1px solid #cccccc;
    height: 33px;
    padding: 6px 3px 6px 0;
    width: 60px;
	font-size:13px;
}
.small-menu{
	float:right;
	padding-top:10px;
	font-size:12px;
	}
.checkcontent {
    margin-left: 20px;
    padding-top: 6px;
}
.btn-cont-step{
	margin:10px 0px 0 0;
	border-bottom: solid 1px #e0e0e0;
	padding-bottom:15px;
	}
.form-cont-step3{
	margin: 10px 0px 15px 0;
	border-top: solid 1px #e0e0e0;
	padding-top:15px;
	}	
.form-cont-step3 .small-row{
	font-size:12px;
	margin-right:15px;
	float:left;
	padding-top:5px;
	}	
/*.date_picker_field {
    width: 100px;
    max-width: 100px !important;}*/
.plusmius_icon {
    background: hsl(355, 71%, 43%) none repeat scroll 0 0;
    color: hsl(0, 0%, 100%);
    cursor: pointer;
    font-size: 22px;
    font-weight: bold;
    height: 35px;
    line-height:35px;
    margin-top: -1px;
    text-align: center;
    vertical-align: middle;
    width: 35px;
}
.border-left {
    border-left: solid 1px #CF3030;
}
.mcss_qst_header {
    background-color: #bd202d;
    border: 0px solid #bd202d;
    border-radius: 5px 5px 0 0;
    padding-bottom: 15px !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    position: relative;
	color:#fff;
	font-size:16px;
	margin-top:20px;
}
.textarea{
	width:550px;
	min-height:110px;
	margin:0 auto;
	background:#fafafa;
	border:1px solid #d9d9d9;
	border-radius:3px;
	padding:10px;
	}
.textarea2{
	min-height:110px;
	background:#fafafa;
	border:1px solid #d9d9d9;
	border-radius:3px;
	padding:10px;
	margin:20px 0;
	}	
.drag-textarea{
	text-align:center;
	margin:20px 0 20px 0;
	}
.drag-textarea .box{
	width:163px;
	min-height:52px;
	text-align:center;
	display:inline-block;
	/*display:table-cell;*/
	border:1px solid #d9d9d9;
	background:#f1f1f1;
	border-radius:3px;
	line-height:52px;
	font-size:14px;
	color:#545556;
	margin: 5px 3px;
	vertical-align:middle;
	}
	.drag-textarea .box span
	{
	    display: inline-block;
        vertical-align: middle;
        line-height: 14px;
	}					
.prv-details-btn{
	float: right;
	margin-bottom: 15px;
	}
.testbankpreviewoptions {
    font-size: 14px;
    margin: 25px 15px 25px 37px;
    padding: 0;
}
.testbankpreviewoptions ul {
    margin: 0;
    padding: 0;
}
.testbankpreviewoptions ul li {

    list-style-type: none;
    margin: 0 0 18px;
    padding: 0;
	display:block;
	width:100%;
}
.testbankpreviewoptions input {
	margin: 6px 5px 0 0;
	display: inline-block;
	width: 2%;
	float: left;

}
.testbankpreviewoptions label {
	line-height: 19px;
	margin: 2px 0 0 5px;
	text-align: left;
	width: 90%;
	float: left;
}
.testbankpreviewoptions label span {
    font-size: 14px;
    line-height: 22px;
}
select.listdropdown {
    border: 1px solid #cccccc;
    height: 33px;
    padding: 6px 3px 6px 0;
    width: 80px;
}
.grid-cont
{
	margin:20px 0px;
}
/*added by tejaswini*/
.select_check_dropdown .btn.collapsed {
    border: 1px solid hsl(0, 0%, 84%);
    border-radius: 5px;
    text-decoration: none;
}
.select_check_dropdown .btn {
    background: hsl(0, 0%, 98%) none repeat scroll 0 0;
    border-bottom: medium none;
    border-radius: 5px 5px 0 0;
}
.select_check_dropdown .btn {
    display: block;
    text-align: left;
    text-decoration: none;
    width: auto;
}
.select_check_dropdown .btn {
    background: hsl(0, 0%, 98%) none repeat scroll 0 0;
    border: 1px solid hsl(0, 0%, 84%);
    border-radius: 5px;
    color: hsl(0, 0%, 20%);
    filter: none !important;
    font-size: 13px;
    padding: 10px 15px;
}
.btn-col
{
    margin-top:15px;
    }
.select_check_dropdown .btn {
    box-shadow: 0 0 0 hsla(0, 0%, 0%, 0);
}
.select_check_dropdown{max-width:none;}
.select_check_dropdown .btn{ background:#fbfbfb; filter:none !important; color:hsl(0, 0%, 20%);; font-size:13px; padding:10px 15px; border:#d5d5d5 1px solid; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;}
.select_check_dropdown .btn span.caret{  border-bottom:#29333d 5px solid; border-top:5px solid transparent; float:right; margin-top:2px;}
.select_check_dropdown .btn.collapsed span.caret{ border-top:#29333d 5px solid; border-bottom:5px solid transparent; margin-top:8px; }
.select_check_dropdown .btn span.caret {
    border-bottom: 5px solid hsl(210, 20%, 20%);
    border-top: 5px solid hsla(0, 0%, 0%, 0);
    float: right;
}
.select_check_dropdown{ display:block;}
.select_check_dropdown .btn{ width:auto; display:block; text-align:left;}
.select_check_dropdown .btn:focus{ outline:none;}
.select_check_dropdown.btn-group > .btn:first-child{border-radius:5px 5px 0px 0px ; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -ms-border-radius:5px 5px 0px 0px; }
.select_check_dropdown.btn-group > .btn.collapsed:first-child{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; }
.select_check_dropdown .dropdown-menu{ position:relative;border-left:1px solid hsl(0, 0%, 84%);border-right:1px solid hsl(0, 0%, 84%); margin-top:0px; border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; -ms-border-radius:0px 0px 5px 5px; box-shadow:0 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow:0 0px 0px rgba(0, 0, 0, 0); -ms-box-shadow:0 0px 0px rgba(0, 0, 0, 0); -o-box-shadow:0 0px 0px rgba(0, 0, 0, 0); background:#fbfbfb; border-top:none; padding-bottom:0px; font-size:14px; color:#4b4b4b; display:block; float:none; padding-top:0px;}
.select_check_dropdown .dropdown-menu input[type="checkbox"]{  float:left;}
.select_check_dropdown .dropdown-menu  .input_label_text{ overflow:hidden; padding:3px 5px 3px 5px; white-space:normal;cursor:pointer;}
.select_check_dropdown .dropdown-menu li{ padding:7px 15px; border-bottom:#d0d0d0 1px solid;}	
.select_check_dropdown .dropdown-menu label
{
    width:100%;
    }
.btn-assigment{ width:100%;} 


/*=================*/
/*.tableheader
{
	background-color:#eaeaea;
	
	
}*/
.tableheader table tr td
{
	font-weight:normal;
	font-size:13px;
	padding: 15px 15px;
}
.tablecontent
{
	
	margin:0 0 15px 0px;
	 
	
	
}
.tablecontent table tr td
{
	padding: 15px 15px;
	font-size:12px;
	/*background-color:#ebebeb;*/
	border-top:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
}
.fwb
{
	font-weight:600;
}
.tablecontent table tr td.numberpanel
{
	border-top:solid 0px #ddd;
	border-bottom:solid 0px #ddd;
	background-color:#fff;
}
.dragicons
{
	background-color:#CDCDCD;
	border:solid 1px #ddd;
	margin:-15px 0px;
}
.checkcontent
{
	margin-left:80px;
	padding-top:5px;
}
.removebtn-cont
{
	margin:0px 20px;
}
select.listdropdown {
    border: 1px solid #cccccc;
    height: 33px;
    padding: 6px 3px 6px 0;
    width: 80px;
}
.grid-cont
{
	margin:20px 0px;
}

.col1
{
	width:5%;float:left;
}
.col95
{
	width:95%;float:left;
}
.col2
{
	width:22%;float:left;
	background-color: #ebebeb;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    font-size: 12px;padding:15px 7px;
    white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
}
.col3
{
	width:28%;float:left;
	background-color: #ebebeb;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    font-size: 12px;padding:15px 7px;
    white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
}
.emptycell-header
{
	border: 1px solid #ebebeb;
   padding:13px 0px;background-color: #ebebeb;
}
.emptycell
{
	border: 1px solid #ddd;
padding: 14px 0px 13px 0px;
background:url(../images/drag-img.png) no-repeat center #ebebeb; 
height: 49px;
text-align:center;
}
.numericcol
{
	font-size: 12px;
padding: 16px 0px;
text-align: center;
font-weight: bold;
margin: 0 0 15px 0;
}
.tableheader div
{
	font-weight:bold;
}
.tab_content_drag {
    border: 1px solid #d5d5d5;
    margin-top:20px;
	background-color:#fff;
	border-radius: 6px;
}
.tab_content_drag .mcss_qst_header {
    background: #bd202d none repeat scroll 0 0;
    color: #fff;
    padding: 10px !important;
	
}

.mcss_qst_header {
    background-color: #bd202d;
    border: 1px solid #bd202d;
    border-radius: 5px 5px 0 0;
    padding-bottom: 25px !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 25px;
    position: relative;
	margin-top:0px;
}
.main_qus_mcss {
    color: #fff;
    font-size: 17px;
   
   padding:4px 0px;
}
.disable-pre
{
        opacity: 0.5;
        }
.tableheader-test
{
    background: #ebebeb;
    margin-bottom: 15px;
    }       
.IncludedQues .glyphicon-question-sign
{
    color: #fff;
    font-size: 15px;
    font-weight: normal;
}  
.qus-pre-row .order
{
float: left;
margin-top: 18px;
margin-left: 15px;
} 
.pre-ass-btn
{
    margin: 10px 10px 10px 0;
    }
#AssignToClassDialog .hasDatepicker
{
    display: block;
    float:left;
width: 88%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#AssignToClassDialog .form-cont-popup
{
    margin-top:10px;} 

.assignment-cont-preview .hasDatepicker
{
    display: block;
    float:left;
width: 88%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
} 
table.tablesorter thead tr .header
{
    background-image: url(../images/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter tbody td
{
 
    padding: 10px;
 
    vertical-align: top;
}

table.tablesorter thead tr .headerSortUp
{
    background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown
{
    background-image: url(../images/desc.gif);
}

/* Table Sorter for Print*/


table.tablesorterprint thead tr .header
{
    /*background-image: url(bg.gif);*/
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorterprint tbody td
{
 
    padding: 10px;

    vertical-align: top;
}

table.tablesorterprint thead tr .headerSortUp
{
    background-image: url(../images/asc.gif);
}
table.tablesorterprint thead tr .headerSortDown
{
    background-image: url(../images/desc.gif);
}
#btnSearchQuestions
{
    margin-right:10px;
    }
 .disable{
    opacity: 0.65;
    pointer-events: none;
}
#drpResultSize
{
    width:94px;
    }  
 .bootstrap-dialog-footer .bootstrap-dialog-footer-buttons
 {
     /*text-align:center;*/
     }

.ellipse
{
    color:#bd202b;
    }
 #searchCount
 {
     margin-top:6px;
     }
 .main_qus_mcss #IncludedQues .glyphicon
 {
     color:#fff;
     } 
 .formErrorContent
 {
     color:#bd202b;
     font-size:12px;
     padding:5px 0;
     }  
    .question-top-row i
    {
        padding-left: 3px;
        }
     .question-bottom-row span
    {
        padding-left: 15px;
        } 
    .popover.bottom {
        margin-top: 13px;
    } 
  .my-tool-tip a:hover
  {
      text-decoration:none;
      }
  .my-tool-tip a:focus
  {
      text-decoration:none;
      }                          
/*================*/       
/*---------------------/END/test-bank----------------------*/
@media screen and (max-width: 1200px)
{
    .col2-active
{
    text-overflow: clip;
    white-space: inherit !important;
    padding:7px 10px 6px 10px;
    } 
     .col2-active .link
     {
         display:inline-block;
         }
  .popover-content {
    height: 60px;
    overflow-y: scroll;
    }       
    }

@media screen and (max-width: 1024px){
	img.cover-img {
    min-width: 145px !important;
    max-width: 160px;
}
.watch-left-row{
	min-height:377px !important;
	}
.manage-btn-row .btn
{
    width:100%;
    margin-bottom:5px;
    }
.tabbing_arrow .breadcrumb li a::before {
    content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid white;
	position: absolute;
	top: 0px;
	margin-top: 0px;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}
.tabbing_arrow .breadcrumb li a::after {
    content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #E4E4E4;
	position: absolute;
	top: 0;
	margin-top: 0px;
	margin-left: 0px;
	left: 100%;
	z-index: 2;
}
.tabbing_arrow .breadcrumb li.completed a::after {
    border-left: 20px solid #6b6d6e;
}
.tabbing_arrow .breadcrumb li.active a::after {
    border-left: 20px solid #bd202b;
} 
.tabbing_arrow .breadcrumb li a {
    padding: 10px 0 10px 30px;
    }   	
   .assignment-cont-preview .hasDatepicker
{
    width:82%;
}
.tooltip .tooltip-inner
{
    height:80px;
    overflow-y:auto;
    padding:10px;
    }
  
   
}
@media screen and (max-width: 800px){
	.add-link2{ margin-left:0px !important;}
	.right-link-row{
		margin-left: 3px;
		padding-top: 8px;
		float: left !important;
		clear:both;
	}
.watch-left-row{
	min-height:282px !important;
	}
.tabbing_arrow .breadcrumb li {
    float: none;
    width: 100%;
    margin:2px 0;
}
.tabbing_arrow .breadcrumb li a::before
{
    display:none;
    }
.tabbing_arrow .breadcrumb li a::after
{
    display:none;
    }
.tabbing_arrow .breadcrumb li a
{
    float:none;
    }
.tabbing_arrow .breadcrumb li a {
    padding: 10px 0 10px 15px;
}
.tabbing_arrow .breadcrumb > li + li::before {
    padding: 0;
    display:none;
}
.col2-active{
 white-space: pre-line;
    overflow: visible !important;
    text-overflow: inherit;
    padding: 7px 5px 6px 5px;
 }
.col2-active .link{
    display: inline-block;
 }
    
        
        	
	}
@media screen and (max-width: 720px)
{
    .progesslink
    {
        clear:both;
    }
    .feedbkbtnslink .pull-left{
   float:none !important;
   }
  
  .feedbkbtnslink .pull-right{
   float:none !important;
   }
  .activity .btn{
   margin: 4px 6px 4px 0px !important;
   }
  
   .word-wrap
   {
       float:none !important;
       margin:20px 0 !important;
       /*width:100% !important;
       min-height:718px !important;*/
       }
    .feedbkbtnslink .activity .pull-right
    {
        float:none !important;
        } 
      
     .pages_img_container
     {
        float: none !important;
        text-align: center;
    } 
    .pages_img_container ul
    {
        padding-left:14px;
        }
   .word-list-col2
   {
       padding:0px;
       }         
    }	
@media screen and (max-width: 700px)
{
    
	.pagination-area{
		width: 100%;
		float: none !important;
		margin: 13px auto 0 auto;
		border-top: 1px solid #ddd;
		padding-top: 12;
		}
		.pagination-area .pager ,text-page span {
        padding: 8px 0 0 0px;
    }
	.class-manage-test{ margin-top:10px;}
	.pagination-area .next{
		position: inherit;
		right: inherit !important;
		}
	.pagination-area .pager{
		/* width: 186px;*/
		width:220px;
    	margin: 0 auto !important;
	}
	.pagination-area .pager span {
		padding:0 0 0 0px;
		}
	/*.button-area{ text-align:center;}*/
	
	/*.gradebook-cont .gradebook-cont-inner .preview-btn{
		text-align:center;
		}*/
	
	.color-dec{
		margin: 0 10px !important;
		display: inline-block;
		float: none !important;
		}
	.color-set-row{ text-align:center !important;}	

.title-details .col-xs-5{
	padding:0px;
	}
.dashboard-border-right{
	padding-bottom:15px;
	}	
.title-details .col-xs-12 .cover-img{
	margin: 0 auto;
	display: block;
	margin-bottom:20px;
	}	
.dash-right-link .dash-links li{
	margin-bottom:0px;
	}	
ul.dash-links li.link-padding {
    padding-left: 0 !important;
}
.picture-body-plan .img-row{
	text-align:center;
	}
.lnkUnenroll{float: none !important;
width: 100%;
display: block;
clear: both;}
.panel-heading h4 div.accord .padding0{
	padding-right:40px !important;
	}
.progesslink{
	clear:both;
	}
.watch-left-row{
	margin-bottom:20px;
	}
.watch-left-row{
	min-height:auto !important;
	}	
.access-details{
	padding:20px 15px !important;}
.angel-img{
	width:100% !important;
	}
.angel-img img{
	width:100% !important;
	}
.forprint{ text-align:left;}
.instructorStudentView{clear:both;}	
/*.btn-column .btn
{
    margin-bottom:10px !important;
    width: 100%;
    }*/
   
.small-menu{
		float:none;
		}   
        				
	}
@media screen and (max-width: 767px)
{
    .Auto-create-chk-g1 {
    position: absolute;
    right: -38px;

}
	.mobile-pre{
		width: 90%;
		float: left;
		}
.col3-title {
    width: 28%;
    float: left;
    background-color: #ebebeb;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
    font-size: 12px;
    padding: 15px 7px;
	font-weight:bold;
}	
.col2-cont {
    width: 72%;
	float:left;
	}
.emptycell{
	height:196px;
	}
.emptycell2{
	height:147px !important;
	}
.btn-assigment
{
    margin-top:15px;
    }
 #mobiledevice .table > tbody > tr > td
 {
     white-space: wrap;
    word-break: break-all;
     } 
 .numericcol
 {
     height: 196px;
     padding:0px;
     padding-top:87px;
     } 
#AssignToClassDialog .hasDatepicker
{
    width:94%;
    }
 .mobile-hide
{
    display:none;
    }
 .mcss_qst_header
 {
     margin-bottom:15px;
     }
 .small-menu
 {
     float:left;
     }                  		
	}	
@media screen and (max-width: 520px)
{
	.col3-title {
    width: 36%;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
	}
	.col2-cont {
    width: 63%;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
}
.simple-pagination li
{
    margin:2px 0 !important;
    }
.search-cont .pull-right
{
    float: none !important;
width: 100%;
clear: both;
}  
.search-cont .pull-right .simple-pagination
{
    margin-left:0px;
    }
.removebtn-cont {
    float: none !important;
    width: 100%;
    margin: 0;
}
.form-cont-step3 .col-md-1
{
    padding:0px;
    }      
	}	
@media screen and (max-width: 520px)
{
    
	.wel_main{ color:#6b6d6e !important;}
	.welcome_text .user_title{ color:#6b6d6e !important;}
	.pagination-area .pager span {
		padding:5px 0 0 0;
		}
	.save-final-btn{
		float:none !important;
		}
	.rightlink {
    float: left !important;
}
.grade-btn-row{
	height: 83px;
	}
.grade-btn-row .btn{
	width:100%;
	margin-bottom:10px;
	}	
.quickjmp
{
float: none !important;
width: 100%;
clear: both;
padding-top: 13px;
}	
.quickjmp .dropDownList
{
    margin-top:0px;
    }
  .questionText{

width: 90% !important;
} 
.button-area .btn{
		width:100%;
		margin:5px 0;
		}	
.gradebook-cont .gradebook-cont-inner .preview-btn-mobile .btn{
		width:100%;
		margin-bottom:5px;
		}
.textarea{
		width:100%;
		}		
					
	
	}
@media screen and (max-width: 450px){
	img.cover-img {
    min-width: 100px !important;
	max-width: 100px !important;
}

	
/*.pagination-area .pager span {
		padding:0 0 0 38px;
		}*/	
.title-details .col-xs-5{
	padding:0px;
	}	
.class-manage-test{
	 white-space: normal;
	}
.pagination-area .next{
		position: inherit;
		right: inherit !important;
		}	
.grade-next {
    width: auto !important;
    float: right;
    margin-left: 4px !important;
    position: relative;
    margin-top: 0px !important;
    right: 0 !important;
}		
	
.accessCodeInput.txtAccessCodePopup {
    width: 186px !important;
    }
#AssignToClassDialog .hasDatepicker
{
    width:88%;
    }     
 .export-btn-area
        {
            width:88%;
            } 
  .pro-coninue-btn-row .btn
    {
        width:100%;
        }
   .preview-btn .btn
   {
       width:100%;
       margin-top: 8px;
       }  
   .CompareClassCss .btn
    {
        width:100%;
        margin-bottom:10px;}
   .btn-column .btn{
		width:100%;
		margin-bottom:0px;
		}
.quest-footer .pull-right
{
    width:100%;
    }
.quest-footer .pull-right .btn
{
    width:100%;
    }
  .TGScoreFeedback .btn
  {
      width:100%;
      margin-top:10px;
      }  	
   .pop-btn-col .btn
       {
           width:100%;
           } 
        /*.export-btn-area
        {
            width:93%;
            } */
        .export-btn-area .btn
        {
            width:100%;
            }      
       .audiosright .btn
       {
           width:100%;
           }   
     .feedbkbtnslink .btn{
       margin:4px 0px !important;
       width:95% !important;
       } 
.activity .btn {
    margin: 4px 0px !important;
    width: 100% !important;
}         
.feedbkbtnslink .activity ul li{
   float:none !important;
   padding:0 !important;
   }  
   .feedbkbtnslink .btn {
    margin: 4px 0px !important;
    width: 100% !important;
}   

.batchbtn
   {
       width:100%;
       float:none !important;
       margin:0px !important;
       padding:20px 0;
      } 
.batchbtn .btn
{
    width:100%;
    } 
        
.redColorBttn
{
    float:none !important;
    clear: both;
    width: 100%;
    margin-top: 10px;
    } 
.modal-footer .btn 
{
    margin-bottom:10px !important;
    margin-left: 0 !important;width:100%
} 
.model-footer .btn
{
    width:100%;
    margin-top:8px;
    }    
.select-cont
{
clear: both;
width: 100%;
}
.select-cont .btn
{
width: 100%;
} 
 #divSearchInstructor #divSearchInstructor
 {
     width:100%;
     }
     
 .quest-footer .pull-left
 {
     width:100%;
     } 
   .quest-footer .pull-left .btn
 {
     width:100%;
     } 
 .modal-footer .pull-left
 {
     width:100%;
     }
  .modal-footer .pull-left .btn
 {
     width:100%;
     }
td.btn-column .btn {
    width: 100%;
    margin-bottom: 8px;
} 
.activity-innercontainer .btn
{
    width:100%;
    }
    
.btn-col .pull-left{
		float:none !important;
		}
	.btn-col .pull-left .btn{
		width:100%;
		margin:5px 0;
		}
	.btn-col .pull-right{
		float:none !important;
		}
	.btn-col .pull-right .btn{
		width:100%;
		margin:5px 0;
		}
	.small-menu .pull-left{
		float:none !important;
		}
	.small-menu .pull-left .btn{
		width:100%;
		margin:5px 0;
		}
	.checkcontent {
		margin-left: 0;
	}	
	.btn-cont-step .pull-left{
		float:none !important;
		}
	.btn-cont-step .pull-left .btn{
		width:100%;
		margin:5px 0;
		}
	.btn-cont-step .pull-right{
		float:none !important;
		}
	.btn-cont-step .pull-right .btn{
		width:100%;
		margin:5px 0;
		}
	.export-btn-area-test-bank{
		float:none !important;
		}
	.export-btn-area-test-bank .btn{
		width:88%;
		margin:5px 0;
		}
	.removebtn-cont{
		float:none !important;
		}
	.removebtn-cont .btn{
		width:100%;
		margin:5px 0;
		}
	.btn-col2 .pull-right .btn {
		width: 88%;
		margin: 5px 0;
	}
	.drag-textarea .box{
		width:100%;
		margin: 6px 0;
		} 
		
.btn-assigment
{
    margin-top:15px;
    }		
.btn-assigment .pull-left{ width:100%; float:none!important;} 
.btn-assigment .pull-right{ width:100%; float:none!important;} 
.btn-assigment .btn
{
    width:100%;
    margin-bottom:10px;
    }
.pre-ass-btn
{
    width: 94%;
    margin: 10px 0 10px 3%;
    float: none;
    } 
.action-link-col
{
    text-overflow: inherit;
    word-break: break-all;
    overflow: visible;
    white-space: normal;
    padding: 7px 7px 6px 7px;
} 
.action-link-col .link
{
    display:inline-block;
}
.btn-edit-test .btn
{
    width:100%;
    }
.set-mobile
{
    width:120px;
    }    
    
  #btnSearchQuestions
{
    margin-right:0;
    }     
#drpResultSize
{
    width:100%;
    }    
       		                       	                  
	}	
	
	
@media print
   {
     #desktoptable
     {
         display:table !important;
         
     }
    #tblLesson
    {
	    display:table !important;
    }
ul.dash-links li {
    float: left !important;
    list-style-type: none !important;
    padding: 0px 6px !important;
    width:auto !important;
}
.no-print{
	display: block;
	width: auto;
	height: auto;
	overflow: visible;
	}
}
.score-row
{
    margin:0px 0 10px 0;
    text-align:right;
    }
.helptextAlign
{
    margin-left: 5px;
    margin-top: 7px;
}
.redtext {
    color: #bf1e2e;
}

.SSOBar {
    background: none repeat scroll 0 0 #bf1e2e;
}
.spaceToDropDown {
    color: #424242 !important;
    font-size: 13px !important;
    font-weight: 400;
    height: 31px;
    text-align: left;
    width: 197px;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
   /* border-bottom-left-radius: 0;
    border-top-left-radius: 0;*/
}
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.dropdown-menu {
    border-radius: 0 !important;
    box-shadow: none;
}
.sel_app button.btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #fff;
    border-color: #d9dadc -moz-use-text-color #d9dadc #d9dadc;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 0;
    color: #000;
    font-size: 12px;
}
.btn-group.sel_app.open, .btn-group.sel_app.open .btn.select_btn {
    background: none repeat scroll 0 0 #fff;
}
.sel_app button.btn.select_btn:hover {
}
.sel_app button.btn.arrow_drop {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #d9dadc #d9dadc #d9dadc -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 0;
    float: right;
    font-family: "Lato",sans-serif;
    font-size: 13px;
    height: 31px;
}
.sel_app .dropdown-menu {
    border: 1px solid #a3a3a3;
    font-family: "Lato",sans-serif;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 225px;
}
.btn-group.sel_app {
    margin: 5px 15px;
}
.sel_app .glyphicon {
    background-image: url("../img/md.png");
    background-position: 3px 4px;
    background-repeat: no-repeat;
    color: #bd202d;
    height: 20px;
    margin-top: -10px;
    position: absolute;
    right: 10px;
    text-indent: -999em;
    top: 50%;
    width: 20px;
}
.sel_app .dropdown-menu > li > a {
    border-bottom: 1px solid #ddd;
    color: #424242;
    padding: 10px 12px;
    position: relative;
    text-decoration: none;
}
.sel_app .dropdown-menu > li:last-child > a {
    border-bottom: 0 solid #ddd;
}
.btn-group.sel_app:hover .btn-default, .sel_app:focus .btn-default, .sel_app:active .btn-default, .sel_app .btn-default.active, .sel_app .open .dropdown-toggle.btn-default, .sel_app:hover .btn-default, .sel_app:focus .btn-default, .sel_app:active .btn-default, .sel_app .btn-default.active, .sel_app.open .dropdown-toggle.btn-default, .btn-group.sel_app.open .btn-default.arrow_drop {
    background: none repeat scroll 0 0 #fff;
    box-shadow: none;
}
.btn-group.sel_app:hover .btn-default, .sel_app:hover .btn-default {
    background: none repeat scroll 0 0 #fff;
    box-shadow: none;
}
.btn-group.sel_app:active {
    background: none repeat scroll 0 0 #fff;
    box-shadow: none;
}
.accessCodeInput.txtAccessCodePopup{width: 220px;}
.caret_inner {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 4px solid #ccc;
    display: none !important;
    height: 0;
    left: -5px;
    position: absolute;
    top: -8px;
    vertical-align: middle;
    width: 0;
}
.sel_app .caret {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 9px solid #000;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    position: relative;
    vertical-align: middle;
    width: 0;
}
.btn-group.sel_app:hover .caret_inner {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
}
.btn-group.sel_app.open .caret {
    border-color: transparent transparent #000;
    border-style: solid;
    border-width: 11px 5px 9px;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    margin-top: -14px;
    position: relative;
    vertical-align: middle;
    width: 0;
}
.btn-group.sel_app.open .caret_inner, .btn-group.sel_app.open:hover .caret_inner {
    border-color: transparent transparent #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-style: solid;
    border-width: 4px 5px;
    top: 0;
}
.btn-group.sel_app:hover .caret_inner {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 4px solid #ccc;
}
.head_drop_down .dropdown-menu > li.last-child > a {
    border-bottom: medium none;
}
.sel_app .dropdown-menu > li > a:focus, .sel_app .dropdown-menu > li > a:hover {
    color: #232323 !important;
}



.head_right_wrap {
    float: right;
}

.head_drop_down {
    margin-left: 6px;
    margin-top: 1px !important;
}
.head_drop_down.open .btn.dropdown-toggle {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #39b54a;
    border-color: #39b54a #8cc63f -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    margin: 0;
    position: relative;
    z-index: 1000;
}
.head_drop_down .btn.dropdown-toggle {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid transparent;
    border-radius: 0 !important;
    box-shadow: 0 0 0 transparent;
    cursor: pointer;
    padding: 0;
}
.head_drop_down {
    margin-left: 6px;
    margin-top: 1px !important;
}
.welcome_text {
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-align: right;
}
.btn-group .btn {
    font-weight: normal;
    outline: medium none;
    padding: 0 0 0 10px;
    text-align: left;
    text-transform: none;
}
.head_drop_down .btn.dropdown-toggle .caret {
    background-image: url("../images/Drop down arrow.png");
    background-repeat: no-repeat;
    border: medium none;
    height: 28px;
    margin: 8px 0 0 7px;
    width: 31px;
}
.head_drop_down.open .btn.dropdown-toggle .caret {
    background-image: url("../images/Hover.png");
    background-repeat: no-repeat;
}

.head_drop_down .dropdown-menu {
    background-color: #39b54a;
    border-top: medium none;
    box-shadow: none !important;
    color: #fff;
    margin-right: -1px;
    min-width: 190px;
    padding:0px 0px; margin:0; border:0;
}
.popover {
    border-radius: 0;
}
.dropdown-menu {
    border-radius: 0 !important;
    box-shadow: none;
}
.head_drop_down .dropdown-menu > li {
    /*margin: 0 -13px;*/
}
.head_drop_down .dropdown-menu > li > a {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    border-radius: 0;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    padding: 10px 15px 11px;
    text-decoration: none;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: transparent;
    color: #fff !important;
    text-decoration: underline !important;
}
.popover.bottom {
    margin-top: 36px;
}
.head_drop_down .dropdown-menu > li.last-child > a {
    border-bottom: medium none;
}
.panel-login #btnNewHomePage {
    font-weight: 600;
    margin: 5px 0 0;
    padding: 6.5px 15px;
}
.assessmentScore
{
    float: right;
    font-size: 18px;
}
/*
styles for JIRA bug # FADXCV-2 
*/
.btn-group.open .dropdown-toggle {
    
   /* padding-right: 6px !important;*/
}
.btn-group > .btn + .dropdown-toggle {
padding-left: 8px !important;
padding-right: 8px !important;
}

/*
styles for JIRA bug # FADXCV-2 
*/
.assignmentFeatureDate 
{
    cursor: default !important;
    color: graytext !important;
}
.nextDueAssignmentDisabled
{
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}
.labTitleLink #spannextassignment .tooltip {
    bottom: 42px;
    float: none;
    overflow-wrap: break-word;
    right: -181px;
    text-align: center;
    width: 385px;
    z-index: 999;
}
.backgroundActivityContainer
{
    background : #ffe599;
}

/* Word Building Start */
.italic
{
    font-style: italic;
    font-size: 14px;
    color: gray;
}
.answer_one
{
    behavior: url(PIE.htc);
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    /*float: left;*/
    height: 39px;
    margin: 5px;
    width: 120px;
    display:inline-block;
}
.answer_two
{
    behavior: url(PIE.htc);
    background-color: #fff;
    border: 1px solid    #ccc;
   border-radius: 4px;
    /*float: left;*/
    height: 39px;
    margin: 5px;
    width: 120px;
    display:inline-block;
}
.boxLeft
{
    behavior: url(PIE.htc);
    background-color: #6b6d6e;
    border: 2px solid #6b6d6e;
    color:#fff;
   /* border-radius: 10px 10px 10px 10px;*/
   border-radius: 4px;
    float: left;
    height: 39px;
    margin: 5px;
    padding: 8px 15px;
    text-align: center;
    width: 120px;
    position: relative;
    /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e9e9e9), to(#d9d9d9));
    background: -webkit-linear-gradient(top, #e9e9e9, #d9d9d9);
    background: -moz-linear-gradient(top, #e9e9e9, #d9d9d9);
    background: -ms-linear-gradient(top, #e9e9e9, #d9d9d9);
    background: -o-linear-gradient(top, #e9e9e9, #d9d9d9);
    background: linear-gradient(top, #e9e9e9, #d9d9d9);
    -pie-background: linear-gradient(top, #e9e9e9, #d9d9d9);*/
        font-size: 15px;
    line-height: 14px;
    vertical-align: top;
    
}
.boxRight
{
    behavior: url(PIE.htc);
    background-color: #6b6d6e;
    border: 2px solid #6b6d6e;
    color:#fff;
    /*border-radius: 10px 10px 10px 10px;*/
    border-radius: 4px;
    /*float: left;
   min-height: 39px;*/
    margin: 5px;
    padding: 8px 15px;
    text-align: center;
    width: 120px;
    word-wrap: break-word;
    position: relative;
    /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e9e9e9), to(#d9d9d9));
    background: -webkit-linear-gradient(top, #e9e9e9, #d9d9d9);
    background: -moz-linear-gradient(top, #e9e9e9, #d9d9d9);
    background: -ms-linear-gradient(top, #e9e9e9, #d9d9d9);
    background: -o-linear-gradient(top, #e9e9e9, #d9d9d9);
    background: linear-gradient(top, #e9e9e9, #d9d9d9);
    -pie-background: linear-gradient(top, #e9e9e9, #d9d9d9);*/
        font-size: 15px;
    /*line-height: 14px;*/
    line-height: 10px;
    vertical-align: top;display:inline-block;
}
/*@media screen and (min-width:0\0) {
   .boxRight
{
    height: 60px;
}
}*/
.dradDropHeader
{
    float: left;
    padding: 15px 0;width:100%;
}
.hint-box
{
   /* background: url("../images/li-divider.jpg") repeat-y scroll 431px top transparent;
    float: left;
    margin: 30px;
    width: 860px;
   width:auto;*/
    
    float: left;
   
    width: 96%;
    margin: 2%;
    
}
.hint1
{
    margin: 0 15px;
    font-weight: bold;
}
.hint2
{
    margin: 0 15px;
    font-weight: bold;
}
#CombiningForms
{
    /*width: 430px;
    float: left;
    text-align: center;
    position: static; width:45%*/
     width: 49%;
    float: left;
    text-align: left;
}
#SufPre
{
    /*width: 405px;
    float: right;
    text-align: center;
    position: static; width:45%*/
    width: 49%;
    float: right;
    text-align: left;
}
#hint1
{
   /* width: 430px;
    float: left;
    width:45%*/
      width: 49%;
    float: right;
    text-align: center;
    
}
#hint2
{
    /*width: 405px;
    float: right; width:45%;text-align: center;*/
     width: 49%;
    float: left;
}
.bttn-next
{
    display: block;
}
.next-inactive
{
    display: none;
    color: #BD202D;
}
.ab
{
    z-index: 1;
}
.BMWImage
{
    background-image: url("../images/Sprite.png");
    background-position: -189px -9px;
    background-repeat: no-repeat;
    float: left;
    height: 42px;
    padding: 0;
    width: 53px;
    margin: 3px 0;
}
/* Word Building End */
.BMWmobiletable{display:none}
.BMdesktoptable{display:block}
@media screen and (max-width: 480px)
 {
     .BMWmobiletable{display:block}
     .BMdesktoptable{display:none}
 }
button:focus, a:focus, .dropdown-toggle:focus, a:focus img, .playVideoButton:focus, .play-pause:focus {
    outline: 2px solid #a6c8ff !important;
}

.play-pause.errorSign:focus:focus {
    outline: 0px solid #a6c8ff !important;
}

.SSOBar {
    background: #6b6d6e;
}

.spaceToDropDown {
    color: #424242 !important;
    font-size: 13px !important;
    font-weight: 400;
    height: 31px;
    text-align: left;
    width: 197px;
}
/*.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-left-radius:0;border-bottom-left-radius:0}
    .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child){border-top-right-radius:0;border-bottom-right-radius:0}
    .dropdown-menu{border-radius:0px !important; box-shadow:none;}*/
.sel_app button.btn {
    color: #000;
    font-size: 12px;
    background: #fff;
    border: 0px solid #d9dadc;
    border-right: 0;
}

.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
    outline: 0 none;
}

.btn-group.sel_app.open, .btn-group.sel_app.open .btn.select_btn { /* background:#fff;*/
}

.sel_app button.btn.select_btn:hover {
}

.sel_app button.btn.arrow_drop {
    float: right;
    border-left: 0;
    height: 31px;
    border: 0px solid #d9dadc;
    border-left: 0;
    font-family: "Lato",sans-serif;
    font-size: 13px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.sel_app .dropdown-menu {
    border-radius: 6px !important;
    margin: 0px 0 0 0;
    width: 225px;
    padding: 0;
    border: #a3a3a3 1px solid;
    overflow: hidden;
    font-family: "Lato",sans-serif;
}

.btn-group.sel_app {
    border-radius: 6px;
    margin: 6PX 0 6px 0PX;
}

.sel_app .glyphicon {
    color: #bd202d;
    height: 20px;
    text-indent: -999em;
    background-image: url(../images/md.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 20px;
    margin-top: -10px;
    background-position: 3px 4px;
    top: 50%;
    right: 10px;
}

.sel_app .dropdown-menu > li > a {
    padding: 10px 12px;
    border-bottom: 1px solid #ddd;
    color: #424242;
    text-decoration: none;
    position: relative;
}

.sel_app .dropdown-menu > li:last-child > a {
    border-bottom: 0px solid #ddd;
}

.btn-group.sel_app:hover .btn-default, .sel_app:focus .btn-default, .sel_app:active .btn-default, .sel_app .btn-default.active, .sel_app .open .dropdown-toggle.btn-default, .sel_app:hover .btn-default, .sel_app:focus .btn-default, .sel_app:active .btn-default, .sel_app .btn-default.active, .sel_app.open .dropdown-toggle.btn-default, .btn-group.sel_app.open .btn-default.arrow_drop {
    background: #fff;
    box-shadow: none;
}

.btn-group.sel_app:hover .btn-default, .sel_app:hover .btn-default {
    background: #fff;
    box-shadow: none;
}

.btn-group.sel_app:active {
    background: #fff;
    box-shadow: none;
}

.caret_inner {
    display: none !important;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 4px solid #ccc;
    display: inline-block;
    height: 0;
    left: -5px;
    position: absolute;
    top: -8px;
    vertical-align: middle;
    width: 0;
}

.sel_app .caret {
    position: relative;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 9px solid #000;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.btn-group.sel_app:hover .caret_inner {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
}

.btn-group.sel_app.open .caret {
    position: relative;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    margin-top: -14px;
    vertical-align: middle;
    border-bottom: 9px solid #000;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 11px solid transparent;
}

.btn-group.sel_app.open .caret_inner, .btn-group.sel_app.open:hover .caret_inner {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 4px solid #fff;
    border-top: 4px solid transparent;
    top: 0px;
}

.btn-group.sel_app:hover .caret_inner {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 4px solid #ccc;
}

.head_drop_down .dropdown-menu > li.last-child > a {
    border-bottom: none;
}


.sel_app .dropdown-menu > li > a:focus, .sel_app .dropdown-menu > li > a:hover {
    color: #232323 !important;
}
/*--- /html for Dropdown SSO ------*/
/*8th april by tejaswini*/

.error-page-container {
    background-color: #949599;
    width: 100%;
    padding: 20px 0 0;
    color: #fff;
    margin-top: 50px;
}

.content-error {
    border-left: 2px solid #fff;
    margin-top: 60px;
    padding-left: 25px;
}

.alerterror {
    border-left: 2px solid #fff;
    margin: 10px 0px;
    padding-left: 25px;
}

.content-error-image {
    position: absolute;
    left: 0;
    bottom: -1px;
}

.error-page {
    position: relative;
    min-height: 450px;
}

    .error-page h2 {
        font-size: 35px;
        font-weight: 400;
        margin-bottom: 10px;
        margin-top: 0;
    }

    .error-page h3 {
        font-size: 29px;
        font-weight: 400;
        text-transform: uppercase;
        margin-bottom: 10px;
        margin-top: 0;
    }

    .error-page p {
        font-size: 20px;
        line-height: 25px;
    }

        .error-page p strong, .error-page p a {
            color: #fff;
        }

    .error-page p {
        font-size: 16px;
    }

    .error-page h3 {
        font-size: 20px;
    }
/*ends here tejaswini*/

.Purchase_Access_TM {
    margin-top: 10px;
}

.fbspellitContent {
    padding: 0px 15px;
}

.quest-container textarea.form-control {
    background-color: #fff !important;
    height: auto !important;
    min-height: 100px !important;
}

.manage-icon {
    background-position: -227px -326px;
    display: inline-block;
    height: 23px;
    vertical-align: middle;
    width: 28px;
}
/*chart*/

.outerchart {
    /* width:275px;*/
    overflow-x: scroll;
    overflow-y: hidden;
}

.innerchart {
    width: 800px;
}
/**/
.gray_button {
    background-color: #e9e9e9 !important;
    border-radius: 5px !important;
    color: #323232 !important;
}

.disable-anchor {
    pointer-events: none;
    cursor: default;
    color: gray !important;
    text-decoration: none !important;
}

    .btn.disable-anchor, .btn-primary.disable-anchor, .disable-anchor > input {
        color: #fff !important;
    }

input.btn-primary.disable-anchor {
    opacity: .65;
}

.disable-anchor > input {
    opacity: .65;
}

.badge {
    background-color: #bd202b;
    margin-left: 5px;
}

.gradebook-icon {
    background-position: -202px -326px;
    display: inline-block;
    height: 23px;
    vertical-align: middle;
    width: 25px;
}

.edit-icon {
    background-position: -269px -326px;
    display: inline-block;
    height: 18px;
    vertical-align: middle;
    width: 25px;
}

.delete-icon {
    background-position: -233px -277px;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 27px;
}

.code {
    color: #1b75bc;
    float: right;
    font-family: "Mako",sans-serif;
    font-size: 14px;
}

.link {
    text-decoration: underline;
    color: #cc0000;
}

    .link:hover {
        text-decoration: none !important;
        color: #cc0000;
    }

    .link:focus {
        text-decoration: none !important;
        color: #cc0000;
    }

/*CSS ADDED BY MONICA FOR SSOBAR on 09-03-2015*/
.btn-group .btn {
    text-transform: none;
    padding: 0;
    font-weight: normal;
    text-align: left;
    padding-left: 10px;
    outline: none;
}

.panel-login #btnNewHomePage {
    margin: 5px 0 0 0;
    font-weight: normal;
    padding: 6.5px 15px;
}

    .panel-login #btnNewHomePage:hover {
        margin: 5px 0 0 0;
        font-weight: normal;
        padding: 6.5px 15px;
        background: none repeat scroll 0 0 #8cc63f;
        border: 0 none;
    }

.fbContentOuter {
    padding-top: 15px;
    padding-bottom: 15px;
}

.feedback-help {
    float: left;
    margin-left: 10px;
}

.disableddiv {
    pointer-events: none;
    opacity: 0.6;
}

.xoverlap {
    position: absolute;
    z-index: 5;
}

#LandPage {
    min-height: 1px;
}

/*CSS ENDS*/
.accordionContent {
    display: none;
    margin: -16px 0 16px;
    color: #000;
}

.courseDetails-Lab {
    background-color: #EBEBEB;
    border: 1px solid #CCCCCC;
    clear: both;
    width: 910px;
    padding: 17px;
    margin: 0 0 13px 0;
    float: left;
}

.dashBoardCourseDetails-Lab {
    width: 942px;
}

.accordianWrapper {
    margin: 0 auto;
    font-size: 14px;
}

.Lcontainer {
    display: table;
    font-size: 14px;
}

.clear {
    clear: both;
}

.accordionButtonOpen a .arrow-img {
    background-position: 153px -183px !important;
    display: inline-block;
    height: 33px;
    margin-top: -8px;
    position: relative;
    transition: none 0s ease 0s;
    width: 32px;
}

.accorLeft {
    float: left;
    width: 340px;
}

.dividerLine {
    margin: 15px 4px 15px;
    background-color: #c7c7c7;
    height: 1px;
}

.dashBoarddividerLine {
    height: 2px;
}

.accordionButton h1 {
    display: inline;
    font-size: 16px;
    margin: 10px 0 0;
    position: absolute;
    font-family: 'Mako', sans-serif;
    font-size: 20px;
    color: #000;
}

.expiredDetailsList {
    background-color: #faf9f9;
    clear: both;
    padding: 10px 17px;
    width: 1038px;
}

.pLeft10 {
    padding-left: 10px !important;
}

.container-txtExpireClassReopen img {
    padding: 4px 0 0 10px;
}

.create-g1 {
    position: absolute;
    top: 25px;
}

.my-tool-tip {
    cursor: pointer;
}

/*added for discussion forum*/
.field-validation {
    color: Red;
}

.field-validation-valid {
    display: none;
}

.spanRejectedClass {
    display: inline;
    position: relative;
    font-style: normal;
}

.expiredDetailsList span {
    color: #BF1E2E;
    display: inline;
    /* float: right; */
    font-weight: normal;
    padding: 0 0 10px;
    position: relative;
    word-wrap: break-word;
}

/*24th march 15 ends*/

.HelpPage {
    background-color: white;
    font-family: arial;
    padding: 15px;
}

    .HelpPage ul {
        margin: 0 0 0 20px;
        padding: 0;
    }

        .HelpPage ul li {
            font-size: 14px;
            line-height: 18px;
            list-style-type: disc;
            margin: 0 0 15px 15px;
            padding: 0;
        }


.supBroSubHead {
    color: #0E4273;
    font-size: 14px;
    font-weight: bold;
}

.HelpPage a {
    color: #3366cc;
    font-family: arial !important;
    text-decoration: underline;
}

    .HelpPage a:hover {
        color: #428bca;
        font-family: arial !important;
        text-decoration: none;
    }

.myTableBottom {
    border-collapse: collapse;
    margin: 25px auto;
    width: 97%;
}

    .myTableBottom a {
        color: #3366cc;
        text-decoration: underline;
    }

        .myTableBottom a:hover {
            color: #428bca;
            text-decoration: none;
        }



#loadingmessage {
    display: none;
    left: 50%;
    position: fixed;
    top: 50%;
    z-index: 9999999;
}

#audioGenLoadingMessage {
    display: none;
    left: 0;
    position: fixed;
    top: 0;
    opacity: 0.6;
    z-index: 9999999;
    width: 100%;
    height: 100%;
    background: #666666 none repeat scroll 0 0;
}
/*added for discussion forum*/
.field-validation-valid {
    display: none;
}

.comment-sep {
    border-bottom: solid 1px #ddd;
    margin-bottom: 13px;
}

.panel-default > .panel-heading {
    background-color: #fff;
    border-color: #e3e3e3;
    border-radius: 0;
}

#replyComment {
    background-color: #faf9f9;
    border-color: #e3e3e3;
    border-radius: 0;
    color: #333;
    padding: 10px 15px;
    box-sizing: border-box;
}

.panel {
    border-radius: 0px !important;
}

.comment-user {
    font-weight: bold;
}
/*ends here*/


/*added by tejaswini 0n 8th may*/
.scoreBoxRight {
    float: right;
}

    .scoreBoxRight h1 {
        color: #000000;
        display: inline;
        float: left;
        font-family: arial;
        font-size: 24px;
        font-weight: bold;
        position: relative;
        top: 21px;
    }

    .scoreBoxRight h2 {
        float: right;
        font-size: 14px;
        font-style: italic;
        letter-spacing: 2px;
        font-weight: bold;
    }

.scoreWrong {
    background-image: url("../../../images/wrong-icon.png");
    background-repeat: no-repeat;
    height: 15px;
    left: -23px;
    margin: 4px 0 0;
    margin /*\**/: 8px 0 0\9;
    position: absolute;
    width: 15px;
}

.imageLabelling {
    /*  background-color: white;
    border: 1px solid #bababa;
    float: left;
    position: relative;
    text-align: center;
    */
}



.labelImage {
    margin: 0px 0px;
}

.labelDrop1 {
    /* margin: 2px;
     padding: 12px 20px;
 behavior: url(PIE.htc); 
    margin-bottom: 15px;
*/
    background-color: #f9f9f9;
    border: 1px dotted #BABABA;
    border-radius: 3px 3px 3px 3px;
    color: #4D4D4D;
    cursor: pointer;
    font-family: mako;
    font-size: 14px;
    height: 50px;
    line-height: 17px;
    position: absolute;
    width: 188px;
    /* background-color: #f9f9f9;
  border-radius: 5px;
  width: 30%;
  border: solid 1px #c6c6c6;
  height: 45px;
   position: absolute;*/
}

    .labelDrop1 .form-control-feedback {
        left: -8px !important;
        top: 0px !important;
    }

.labelDrag {
    /*background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #eeeeee 0%, #d4d4d4 100%) repeat scroll 0 0;*/
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    color: #5c5c5c;
    cursor: pointer;
    font-size: 14px;
    height: 50px;
    line-height: 17px;
    margin: 2px;
    margin-bottom: 15px;
    /* padding: 25px;*/
    padding: 12px 10px;
    position: relative;
    width: 180px;
    text-align: center;
    text-decoration: none;
    /*  border: 1px solid #c6c6c6;
	border-radius: 5px;
	color: #5c5c5c;
	display: block;
	margin-bottom: 15px;
	padding: 12px 10px;
	text-align: center;
	text-decoration: none;*/
}

.labelDrop1 .labelDrag {
    border: none;
    margin: -5px;
    padding: -5px;
}
/*ends --added by tejaswini 0n 8th may*/

/*CSS ADDED BY Ashraf Reza FOR SSOBAR on 11-03-2015*/
.welcome_text {
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-align: right;
}

    .welcome_text .user_title {
        color: #fff;
        font-weight: 400;
        text-transform: capitalize;
        white-space: nowrap;
    }

.user_title a {
    color: #fff;
    text-decoration: none;
}

    .user_title a:hover {
        color: #fff;
        text-decoration: none;
    }
/*tejaswini 18th march */
.reg_tooltip {
    cursor: pointer;
    margin: 5px 0 0;
}

    .reg_tooltip.Purchase_Access.setMsgTip {
    }

.selProBox {
    background-color: transparent !important;
    /*border: 1px solid #AACFE4;*/
    margin: 2px 0 20px 9px;
    padding: 2px;
    width: 200px;
}

.selProBoxHeader {
    margin-left: 10px;
}

.ui-widget-content {
    background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% !important;
    border: none !important;
}

.dd {
    /*display:inline-block !important;*/
    text-align: left;
    background-color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    float: left;
}

    .dd .ddTitle {
        background: #FFFFFF;
        border: 1px solid #AACFE4;
        padding: 3px;
        text-indent: 0;
        cursor: default;
        overflow: hidden;
        height: 25px;
    }

        .dd .ddTitle span.arrow {
            background: url(../images/dd_arrow.gif) no-repeat 0 0;
            float: right;
            display: inline-block;
            width: 16px;
            height: 16px;
            cursor: pointer;
        }

        .dd .ddTitle span.ddTitleText {
            text-indent: 1px;
            overflow: hidden;
            line-height: 16px;
        }

            .dd .ddTitle span.ddTitleText img {
                text-align: left;
                padding: 0 2px 0 0;
            }

        .dd .ddTitle img.selected {
            padding: 0 3px 0 0;
            vertical-align: top;
        }
/*tejaswini 18th march*/

/*.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}*/
.head_drop_down .dropdown-menu {
    background-color: #bf1e2e;
    border-top: none;
    border-radius: 4px 0px 4px 4px !important;
    box-shadow: none !important;
    color: #fff;
    min-width: 190px;
    padding: 10px 14px;
    margin-right: 0px;
}

.popover {
    border-radius: 0;
}

.head_drop_down.open .btn.dropdown-toggle {
    background-color: #bf1e2e;
    border: 1px solid #bf1e2e;
    margin: 0;
    position: relative;
    z-index: 1000;
    border-bottom: none;
}

.head_drop_down .btn.dropdown-toggle {
    background: none repeat scroll 0 0 transparent;
    border: solid 1px transparent;
    border-radius: 4px 4px 0 0 !important;
    box-shadow: 0 0 0 transparent;
    cursor: pointer;
    padding: 0;
}

.head_drop_down {
    margin-left: 6px;
    margin-top: 1px !important;
}

.access-details-noborder {
    border: none !important;
}

.head_right_wrap {
    float: right;
}

.dropdown-menu.popover.bottom .arrow {
    border-bottom: 10px solid #ffffff;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    height: 0;
    left: 77px;
    top: -10px;
    width: 0;
}

.head_drop_down.open .btn.dropdown-toggle .caret {
    background-image: url("../images/Hover.png");
    background-repeat: no-repeat;
}

.head_drop_down .btn.dropdown-toggle .caret {
    background-image: url("../images/Drop down arrow.png");
    background-repeat: no-repeat;
    border: medium none;
    height: 28px;
    margin: 8px 0 0 7px;
    width: 31px;
}

.head_drop_down.on .btn.dropdown-toggle {
    background-color: #bf1e2e;
    border: 1px solid #bf1e2e;
    margin: 0;
    position: relative;
    z-index: 1000;
    border-bottom: none;
}

    .head_drop_down.on .btn.dropdown-toggle .caret {
        background-image: url("../images/Hover.png");
        background-repeat: no-repeat;
    }

.popover.bottom {
    margin-top: 36px;
}

.head_drop_down .dropdown-menu > li {
    margin: 0px -13px;
}

    .head_drop_down .dropdown-menu > li > a {
        border-bottom: 1px solid #fff;
        border-radius: 0;
        color: #fff;
        font-size: 13px;
        font-weight: normal;
        padding: 10px 15px 11px;
        text-decoration: none;
    }

        .head_drop_down .dropdown-menu > li > a:hover {
            background-color: #d12233 !important;
            color: #fff !important;
            text-decoration: underline !important;
        }

/*CSS ENDS*/
/* Added link into "Redeem Access Code Popup" Start Here */


.Purchase_Access_TM {
    margin-top: 10px;
}
/*CSS Ends*/

.homeIconsDet li:nth-child(1) {
    height: 75px;
}

.homeIconsDet ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.homeIconsDet li:nth-child(2) {
    color: #222;
    font-size: 17px;
    font-weight: bold;
    padding: 15px 0 10px;
    text-transform: uppercase;
}

.homeIconsDet li:nth-child(4) {
    padding: 12px 0;
}

.homeIconsDet ul li img {
    margin: 0 5px 2px;
    vertical-align: middle;
}

.homeIconsDet ul {
    margin: 0;
    padding: 0;
}

.spriteBackButton {
    background-image: url("../images/SpriteBackArrow.png");
    background-repeat: no-repeat;
}

.BSCbttn {
    background-position: -243px -77px;
    float: left;
    height: 17px;
    margin: 2px 2px 0 0;
    width: 17px;
}
/*.modal-footer
{   
text-align:left;
}*/
.alert-theme .modal-header {
    background-color: #ffffff !important;
}

.alert-theme .bootstrap-dialog-title {
    color: #cc0000 !important;
    font-weight: bold;
}

.alert-theme .bootstrap-dialog-message {
    color: black !important;
}

.alert-theme .modal-header {
    padding: 6px;
    padding-left: 10px;
}

.page_title {
    background: #f4f4f4;
    color: #666; /*-webkit-box-shadow:inset 0 1px 4px 0 rgba(0,0,0,.1);box-shadow:inset 0 1px 4px 0 rgba(0,0,0,.1);*/
    border-top: 1px solid #8cc63f;
}

    .page_title h2 {
        font-size: 30px;
        line-height: 1;
        margin: 0;
        padding: 0;
        color: #333;
    }

    .page_title h3 {
        font-size: 20px;
        line-height: 1;
        margin: 0;
        padding: 0;
        margin: 16px 0 10px 0;
    }

    .page_title > .wrapper {
        background: url(../images/bar.png) bottom left no-repeat;
        padding: 25px 0;
    }

.reg_tooltipClose {
    background-image: url("../images/alertBoxClose.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 25px;
    left: 287px;
    position: absolute;
    right: 0;
    top: -12px;
    width: 25px;
    z-index: 10;
}

.reg_Codetooltip {
    background-color: #f4f4f4;
    border: 1px solid #B8B8B8;
    color: #000000;
    font-size: 14px;
    left: -140px;
    line-height: 19px;
    padding: 20px;
    position: absolute;
    text-align: left;
    top: 27px;
    width: 275px;
    word-wrap: break-word;
    z-index: 10;
}

    .reg_Codetooltip img {
        left: 135px;
        position: absolute;
        top: -13px;
        z-index: 10;
    }

.setMsgTip .reg_Codetooltip {
    left: -197px !important;
    top: 27px !important;
    font-size: 12px !important;
    padding: 5px !important;
    width: 300px !important;
}

.modal-header h4 {
    color: #bf1e2e;
}

.selectproductmsg {
    color: red;
    margin-left: 17px;
    min-height: 20px;
}

.redmsg {
    color: red;
}

.welcometext {
    color: #414142;
    font-size: 24px;
}

.modal-body h5 {
    line-height: 20px;
    margin-bottom: 10px;
}

.Purchase_Access {
    /* margin-top:20px; */
}

.modal-footer {
    text-align: left;
}

.paddingleft0 {
    padding-left: 0px;
}
/* alert box start  -- Bryan 19-7-2012 */
.alertBox {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: normal;
    top: 35%;
    left: 35%;
    position: fixed;
    z-index: 9999999;
    display: none;
    word-spacing: -1px;
}

.alertBoxTop {
    background-image: url("../images/popup_top.png");
    background-repeat: no-repeat;
    height: 37px;
    width: 434px;
}

.alertBoxMiddle {
    background-image: url("../images/popup_middle.png");
    background-repeat: repeat-y;
    color: #000;
    line-height: 26px;
    padding: 0 45px;
    text-align: center;
    width: 432px;
}

    .alertBoxMiddle a {
        color: #074686;
        text-decoration: undeline;
    }

    .alertBoxMiddle h1 {
        color: #BF1E2E;
        font-size: 20px;
        font-weight: bold;
    }

.alertBoxBottom {
    background-image: url("../images/popup_bottom.png");
    background-repeat: no-repeat;
    height: 37px;
    width: 434px;
}

.alertBoxClose {
    background-image: url("../images/alertBoxClose.png");
    background-repeat: no-repeat;
    height: 27px;
    left: 408px;
    position: absolute;
    top: 0;
    width: 27px;
    z-index: 1;
    cursor: pointer;
}

.hometxt {
    display: none !important;
}

.accounttype {
    text-align: left;
}

.padding0-mobile {
    padding: 0;
}

.briefInfo {
    min-height: 50px;
}

.panel-des {
    min-height: 380px;
}
/**by monica 20th april*/
.maintitle h4 {
    font-size: 22px;
}

.maintitle {
    /* border-bottom:solid 2px #ddd;*/
    margin-bottom: 20px;
}
/*.modal-footer .btn
{
    padding: 12px 20px 10px;
}*/
.modal-header .bootstrap-dialog-title {
    color: #cc0000;
    font-size: 18px;
}

.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .open > .dropdown-toggle.btn-default {
    /* background-color:#8cc63f;*/
}

.rejection {
    margin-top: 10px;
}

.rejection-top {
    margin-left: 10px;
}

    .rejection-top input {
        width: 20%;
        display: inline-block;
    }

.selectbtn {
    display: inline-block;
    margin-left: 10px;
}

    .selectbtn form {
        display: inline-block;
    }

.batchbtn {
    margin: 20px;
}

.LMSEditbtn {
    background: #bd202b none repeat scroll 0 0;
    border: 1px solid #bd202b;
    border-radius: 5px;
    color: #fff;
    font-weight: 800;
    outline: medium none;
    /*padding: 6px 26px 5px ;*/
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

.gray_button_lms {
    font-size: 11px;
    background: #e9e9e9 none repeat scroll 0 0;
    border: 1px solid #d5d5d5;
    font-weight: 500;
    outline: medium none;
    text-transform: uppercase;
    color: #000;
    cursor: pointer;
}

    .gray_button_lms:focus, .gray_button_lms:hover {
        background-color: #d5d5d5;
        border-color: #f1622c;
        border: 1px solid #d5d5d5;
        color: #000;
        font-size: 11px;
    }
/*.LMSEditbtn:hover
{
    background-color: #d5d5d5;
    border-color: #f1622c;
    border: 1px solid #d5d5d5;
    color: #000;
}*/
.modal-footer .btn {
    padding: 12px 20px 10px;
}

.exerciseBox {
    /*background-color: #f9f9f9;
	padding:0px 15px;*/
}
/*ends*/
#ConfirmUserCancel {
    background-color: #bd202b;
    border-radius: 5px;
    color: #fff;
}

.videoBorder {
    background-color: white;
    border: 1px solid white;
    height: 270px;
    width: 348px;
}

ul.TGInfo {
    margin: 0;
    padding: 0;
}

    ul.TGInfo li {
        display: inline-block;
        list-style-type: none;
        float: left;
        padding: 0px 50px;
    }

.calstyle .form-control {
    display: inline-block !important;
    margin-right: 10px;
    width: 79%;
    background: #fff;
    cursor: default !important;
}

.panel-heading {
    padding: 0px;
}

    .panel-heading .panel-title {
        padding-top: 0px !important;
        position: relative;
    }

    .panel-heading h4 a span#desktopdevice-progress2 {
        padding: 0 15px 10px;
        margin-top: -15px;
    }

    .panel-heading h4 a span#mobiledevice-progress2 {
        padding: 0 15px 10px;
        margin-top: -15px;
    }

    .panel-heading h4 a span#desktopdevice-progress {
        padding: 13px 15px 13px;
        position: relative;
        min-height: 47px;
    }

    .panel-heading h4 a span#mobiledevice-progress {
        padding: 13px 15px 13px;
        position: relative;
    }

    .panel-heading h4.disabled_panel span span#desktopdevice-progress {
        padding: 13px 15px 13px;
        position: relative;
        min-height: 47px;
    }

    .panel-heading h4.disabled_panel span span#mobiledevice-progress {
        padding: 13px 15px 13px;
        position: relative;
        min-height: 47px;
    }

    .panel-heading h4.disabled_panel span span#desktopdevice-progress2 {
        padding: 13px 15px 13px;
        position: relative;
        min-height: 47px;
    }

    .panel-heading h4.disabled_panel span span#mobiledevice-progress2 {
        padding: 13px 15px 13px;
        position: relative;
    }

    .panel-heading h4 div.accord {
        padding: 13px 15px 13px;
        min-height: 47px;
        position: relative;
    }

        .panel-heading h4 div.accord span {
            color: #bd202b;
            font-size: 18px;
            font-weight: 700;
        }

.dropDown {
    background-color: #ebebeb;
    border: 1px solid gray;
    border-radius: 10px;
    color: #333;
    cursor: pointer;
    display: inline;
    margin: 0 5px 0 0;
    padding: 1px 0 1px 6px;
    top: -3px;
}

/*added by tejaswini for labeling*/

#quickJumpDialog .modal-header {
    border-bottom: 0px;
}

ul.quick-list {
    margin: 0px;
    padding-left: 16px;
}

    ul.quick-list li {
        list-style-type: decimal;
        padding: 5px 0px;
    }

/*.drop {
bottom: 31%;
 left: 68%;
}*/
img {
    cursor: pointer;
}

.UserListRow {
    display: block;
    /*  max-height: 180px;*/
}

.lesson {
    border-bottom: 1px solid #c1c1c1;
    margin: -20 1px 1px 0;
    padding: 10px;
    vertical-align: middle;
    width: 100%;
}

.addStudentList {
    background-color: #fcfcfc;
    border: 2px solid #e2e2e2;
    margin-top: 10px;
    padding: 0;
}

.disabledLink {
    pointer-events: none;
    cursor: default;
    color: gray !important;
    text-decoration: none !important;
}

.previewStudentViewAlert_new {
    background-color: #f2f3f8;
    border: 1px solid #b6b6ba;
    border-radius: 6px;
    box-shadow: 0 1px 3px #808080;
    color: #1e1e1e;
    float: left;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    /*margin: -105px 448px 0;*/
    max-width: 445px;
    padding: 6px;
    text-align: left;
    position: relative;
    /*position: absolute;
	margin-left: 219px;
	margin-top: 32px;
	width: 400px;*/
}

.drop {
    background-color: #f9f9f9;
    border-radius: 20px;
    width: 40px;
    border: solid 1px #c6c6c6;
    height: 40px;
    position: absolute;
    /*top:auto; 4%
 left:auto; 42% */
    padding-top: 6px;
    font-size: 18px;
    font-weight: bold;
}

.line {
    position: absolute;
    width: 2px;
    height: 2px;
    background: Gray;
}

.chkboxstyle {
    margin-right: 6px;
}

.questionText > li {
    margin-left: 20px;
}

ul.textgenration li {
    font-size: 14px;
    line-height: 25px;
}

ul#sortableCustom li {
    background: #fff;
    border: 1px solid #d3d3d3;
    color: #555555;
    font-weight: normal;
    cursor: pointer;
}

ul#sortable li:not(.ui-state-disabled) {
    background: #fff;
    border: 1px solid #d3d3d3;
    color: #555555;
    font-weight: normal;
    cursor: pointer;
}

ul#sortableCustom li:hover {
    background: #ebebeb;
}

ul#sortable li:not(.ui-state-disabled):hover {
    background: #ebebeb;
}

ul#sortableCustom li span, ul#sortableCustom li span label {
    cursor: pointer;
}

ul#sortable li:not(.ui-state-disabled) span, ul#sortable li:not(.ui-state-disabled) span label {
    cursor: pointer;
}


.reorder-panel .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #555555;
}

ul#sortableCustomMobile li {
    background: #fff;
    border: 1px solid #d3d3d3;
    color: #555555;
    font-weight: normal;
    cursor: pointer;
}

ul#sortableMobile li:not(.ui-state-disabled) {
    background: #fff;
    border: 1px solid #d3d3d3;
    color: #555555;
    font-weight: normal;
    cursor: pointer;
}

ul#sortableCustomMobile li:hover {
    background: #ebebeb;
}

ul#sortableMobile li:not(.ui-state-disabled):hover {
    background: #ebebeb;
}

ul#sortableCustomMobile li span, ul#sortableCustomMobile li span label {
    cursor: pointer;
}

ul#sortableMobile li:not(.ui-state-disabled) span, ul#sortableMobile li:not(.ui-state-disabled) span label {
    cursor: pointer;
}

.TGFeedback {
    font-size: 14px;
    margin: 25px 15px 25px 0;
    padding: 0;
    word-wrap: break-word;
}

.GBHeading ul {
    margin: 0;
    padding: 0;
}

    .GBHeading ul li {
        display: inline;
        float: left;
        font-size: 14px;
        list-style-type: none;
        margin: 0 15px 0 0;
        padding: 0;
    }

.TGHeadingBox {
    float: left;
}

    .TGHeadingBox h2 {
        color: #545454;
        float: left;
        font-size: 14px;
        font-weight: bold;
        width: 454px;
        margin-top: 5px;
    }

.TGExerciseBox h3 {
    margin-top: 5px;
}

.TGExerciseBox h4 {
    color: #000;
}

.TGHeadingBox h1 {
    color: #000000;
    font-size: 21px;
    font-weight: bold;
    width: 454px;
}

.TGAnswer {
    font-size: 20px;
    line-height: 25px;
    margin: 0 0 30px;
}

.TGScoreFeedback ul {
    margin: 0;
    padding: 0;
}

    .TGScoreFeedback ul li {
        float: left;
        list-style-type: none;
        margin: 10px;
        padding: 0;
        width: 920px;
    }

.TGScoreFeedback span {
    float: left;
    width: 150px;
}

.TGTextarea {
    border: 1px solid #c7cdd1;
    padding: 5px;
    width: 100%;
}

.questionDividerLine {
    background-image: url("../images/questionDividerLine.jpg");
    background-repeat: repeat-x;
    height: 2px;
    margin: 11px 0;
}

.questionDividerLine1 {
    background-image: url(../images/questionDividerLine.jpg);
    background-repeat: repeat-x;
    height: 2px;
    margin: 11px 0;
}

.FADLOGO {
    width: auto;
    padding: 5px 10px 0px 3px;
    height: 35px;
}

.cursorHand {
    cursor: pointer;
}

.lessonrulesdisplaynone {
    display: none;
}

.feedback-title {
    border-bottom: 1px solid #e3e3e3 !important;
    border-bottom: 10px;
}

.img-zoom1 {
    background-position: -321px -3px;
    bottom: 2%;
    cursor: pointer;
    height: 36px;
    left: 12%;
    position: absolute;
    width: 38px;
    bottom: 10%;
}

.spritezoom {
    background-image: url(../images/Spritezoom.png);
    background-repeat: no-repeat;
}

.ui-widget-header {
    background-color: #BD202B !important;
}

.pages_img_container .pull-right {
    float: right !important;
}

.question.fbspellitContent .spellit {
    width: 100%;
}

ul.pretest-list {
    position: relative;
}

    ul.pretest-list li {
        font-size: 14px;
        line-height: normal !important;
        list-style-type: none;
        margin-bottom: 10px !important;
    }

        ul.pretest-list li input {
            position: absolute;
            left: 0;
            margin-top: 2px;
        }

        ul.pretest-list li label {
            margin-left: 20px;
        }

.setgenration {
    position: relative;
}

    .setgenration input {
        position: absolute;
        left: 0;
        margin-left: 20px;
    }

    .setgenration label {
        margin-left: 20px;
    }

.selectproduct {
    line-height: 35px;
    color: #000;
    vertical-align: middle;
}

.excersicecont {
    position: relative;
}

.excerciseinput {
    position: absolute;
}

.excerciselabel {
    margin-left: 20px;
}

.mobileAnswermark {
    width: 10%;
    float: right;
    padding-top: 7px;
    padding-right: 9px;
}

.Answermark {
    padding-right: 10px;
    padding-top: 10px;
}

.glyphicon.glyphicon-remove {
    color: #ff0202 !important;
}

.glyphicon.glyphicon-ok {
    color: #4fb54f !important;
}

.CrossBoxContainer {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.ui-draggable-disabled {
    opacity: .35;
    border: 0;
    padding-top: 2%;
}
/*.question{    position: relative;padding-left: 30px;}*/
.combiningTitle {
    padding: 10px 0 10px 10px;
}

.exerciseBoxinner.mobiletable {
    margin-bottom: 15px;
}

.AnswerOptionDiv {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pager li {
    display: inline-block !important;
}

.ClassID-font {
    font-family: 'Inconsolata', monospace;
    font-size: 16px;
}

.JoinClassMsg {
    color: #bf1e2e;
}

.AccordHead {
    float: left;
    width: 100%;
}

.FocusColor {
    color: #fff !important;
}

#lnkScoreExport:focus, #lnkScoreExport:hover {
    text-decoration: none !important;
}

.lessonborder {
    float: left !important;
    width: 100% !important;
}

.audiojs .play-pause {
    margin: 2px;
}


/**LMM-2267**/
.SSOBar {
    max-height:none !important;
}
.ssocss .nav-tabs {
    border-bottom: none !important;
}

.ssocss .nav.nav-tabs li:hover {
    background: #c01e2e;
    border: none;
}

.ssocss .nav.nav-tabs li a:hover {
    background: #c01e2e;
   
    padding: 12px 7px;
    color:#fff !important;
}

.ssocss .nav-tabs > li {
    display: inline-block;
}

.ssocss .nav.nav-tabs {
    width: auto;
    background: #6b6d6e;
    box-shadow:none;
}

.ssocss .fa {
    color: #fff;
   
}

.ssocss .nav.nav-tabs li {
    border-bottom: none;
    border-right: none;
}

.head_drop_down.ssocss .dropdown-menu li.first-child:hover {
    background-color: #d12233 !important;
    color: #fff !important;
    text-decoration: underline !important;
}

.head_drop_down.ssocss .dropdown-menu > li > a {
    padding: 0px;
    border-bottom: none;
    display: inline-block;
    
}

.head_drop_down.ssocss .dropdown-menu > li {
    border-bottom: 1px solid #fff;
    padding: 10px 15px 11px;
}

.ssocss .nav.nav-tabs li a {
    color: #fff;
    display: inline-block;
}

.after-login-mobile {
    display: none !important;
}

.after-login-desktop {
    display: block;
}

.nav.nav-tabs.after-login-desktop li a {
    padding: 12px 7px;
    font-size: 13px;
    min-width:auto;
    min-width:inherit;
    background: none;
    font-weight: 400 !important;
}

.loginJoinPanel .fa {
    color: #ddd;
    padding: 0px 5px;
}

.login_box ul.home-login {
    margin: 0;
    padding: 0;
    float: right;
}

.login_box ul.home-login li {
        list-style-type: none;
        display: inline-block;
        padding: 11px 10px;
        vertical-align: top;
    }
.login_box a.Link-text {
    color: #fff;
    text-decoration: none;
    background: transparent;
    border: none;
    display: inline-block;
    min-width: auto;
    text-transform: none !important;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
   margin: 0px !important;
    padding: 0px !important;
}
    
    .home-page-login {
    padding-top:0px;
    display: inline-block;
    color: #ddd;
}
    .panel-login #btnNewHomePage:hover {
        background: transparent !important;
    }
 .login_box a {
        background:transparent;
        border:none;
        text-transform:inherit !important;
        text-align:left !important
    }



@media (max-width:767px) {
    .after-login-mobile {
        display: block !important;
    }

    .after-login-desktop {
        display: none;
    }

    .home-page-login {
        display: none !important;
    }
     .login_box a.Link-text {
        background: #BD202B;
        border: 1px solid #BD202B;
        color: #fff;
        font-weight: 500;
        outline: medium none;
       
        display: inline-block;
        padding: 6px 12px !important;
        margin-top: 3px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        border-radius: 4px;
    }
    .panel-login #btnNewHomePage:hover {
        background: #fff !important;
    }
     .login_box .Link-text:hover {
        color: #BD202B !important;
        background: #fff !important;
        border-color: #BD202B !important;
    }
    .head_drop_down.ssocss .dropdown-menu > li > a {text-align:left;
    }
}
/**LMM--2267**/
@media screen and (max-width: 1200px) {
    /* .labelDrop1 
    {
        margin: -27px -12px 18px;
        width: 170px
    }*/
    .selectproduct {
        line-height: normal;
        color: #000;
        vertical-align: middle;
    }

    #CustomClassSettingAssessmentList #assessmentList .panel-body {
        padding: 0px;
    }

    .calstyle .form-control {
        width: 73%;
    }
}

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

    .lessontitle span {
        width: 60%;
    }

    .LMSEditbtn {
        margin-top: 10px;
    }

    .modal-dialog {
        position: relative !important;
        /*  width:99% !important;
    margin: 10px !important;*/
    }
}

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


.questionDivide {
    border-top: 2px solid #eaeaea !important;
    margin: 10px -24px !important;
}

.gray-panel {
    background-color: #f1f1f1;
    border-top: 0px !important;
    border-bottom: 0px !important;
    margin: 40px 0 20px !important;
    padding: 0px !important;
}

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

    .audioDiv .audiojs {
        width: 100% !important;
    }

    .gray-panel {
        margin: 10px 0 20px !important;
        padding: 0px !important;
    }

    #dvDroppable_mobile option {
        width: 180px;
        word-wrap: break-word;
    }



    .feedbkbtnslink .pull-right {
        float: left !important;
        margin-top: 10px;
    }

    .feedbkbtnslink ul {
        margin: 0;
        padding: 0;
    }
    /*css added to remove extra padding in mobile browser*/
    .questionDivide {
        border-top: 2px solid #eaeaea !important;
        margin: 10px -12px !important;
    }

    .LMSEditbtn {
        margin-top: 0px;
    }

    .exerciseBox {
        line-height: 25px !important;
    }

    .form-control-feedback {
        left: -52px;
        right: auto;
        top: -5px;
    }

    .feedbkbtnslink .pull-right {
        float: none !important;
    }

    #assessmentScore {
        margin-top: 0px !important;
    }

    .quest-container {
        padding: 10px !important;
    }

    .space_quest {
        padding: 0px !important;
    }

    .dashboard-container {
        padding: 0px !important;
    }

    .exerciseBox {
        padding: 10px !important;
    }
    /*End of css added to remove extra padding in mobile browser*/

    .previewStudentViewAlert_new {
        /*margin-left: 227px;
	margin-right: 20px;
	width: 240px;
	margin-top: 22px;*/
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 20px;
    }

    .margintopdevice {
        margin-top: 10px;
    }

    .paddingdevice {
        padding-left: 0px;
        padding-right: 0px;
    }

    .margintopdevice .btn {
        margin-top: 10px;
    }
}

.Ghelptxt-glyphon {
    margin-left: 10px;
    margin-top: 0;
    top: 8px;
}

@media screen and (max-width: 1200px) {
    ul.dash-links li {
        float: left;
        list-style-type: none;
        /* padding: 0 10px;*/
        min-height: 30px;
    }

    ul.expired-links li {
        padding: 0 2px !important;
    }
}

@media screen and (min-width: 990px) and (max-width: 1200px) {
    .footer .col-md-4 {
        width: 32.333%;
    }

    .footer .col-md-3 {
        width: 26%;
    }
    /*.labelDrop1 {
    margin: 0px -12px 18px;
}

#dropContainer{width:100% !important}*/
}

@media screen and (max-width: 990px) {
    .inst-text {
        height: 135px;
    }

    .content-error {
        border-left: 2px solid #fff;
        margin-top: 25px;
    }

    .navbar-default .navbar-nav > li > a {
        margin-right: 1px;
    }

    .padding0-device {
        padding: 0;
    }

    .panel-des {
        min-height: 260px;
    }

    .proboxBttn .bluebtn {
        margin-left: 10px;
    }
}

/* alert box end */
@media screen and (max-width: 767px) {

    .classhelpicon.my-tool-tip {
        margin-left: -10px;
    }

    .classhelpicon .glyphicon {
        font-size: 20px;
    }


    .error-page-container {
        padding: 10px 0px;
    }

    .content-error {
        margin-top: 0px;
        padding: 10px;
    }

    .select-dropdown {
        width: 98%;
    }

    .SSOBar .padding0 {
        PADDING-LEFT: 5PX;
        padding-right: 5PX;
    }

    .spaceToDropDown {
        width: 189px;
    }

    .hometxt {
        display: block !important;
        margin-top: 4px;
    }

    .padding0-device {
        padding: 0 15px;
    }

    .homeIconsDet ul {
        margin: 0 0 -80px;
        padding: 0;
    }
    /*CSS ADDED BY MONICA FOR SSOBAR*/
    .sel_app .dropdown-menu {
        width: 217px;
    }

        .sel_app .dropdown-menu > li > a {
            padding: 10px 7px;
        }

    .padding0-mobile {
        padding: 0 15px;
    }

    .panel-des {
        min-height: 330px;
    }

    .proboxBttn .bluebtn {
        margin-left: 0px;
    }

    .rejection-top, .selectbtn {
        margin-left: 0px;
    }

        .rejection-top input {
            width: 90%;
            margin-bottom: 10px;
        }

        .selectbtn input {
            margin-bottom: 10px;
        }
}

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

    .activity-innercontainer {
        padding: 5px;
    }

    .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
        margin-left: 0px;
    }
}

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


    .inst-text {
        margin-bottom: 20px;
    }
    /*.previewStudentViewAlert_new
{
    margin-left:20px;
    margin-right:20px;
}*/
    .resetbtn {
        margin-left: -15px;
    }
}

@media screen and (max-width: 600px) {
    .TGHeadingBox h2 {
        color: #545454;
        float: left;
        font-size: 14px;
        font-weight: bold;
        width: 100%;
        margin-top: 5px;
    }

    .TGHeadingBox h1 {
        color: #000000;
        font-size: 21px;
        font-weight: bold;
        width: 100%;
    }

    .audiosleft .questionText {
        display: inline-block;
    }

    .questionText {
        display: inline-block;
    }
}

@media screen and (max-width: 360px) {
    .totalQuesBox {
        margin-top: 10px;
        position: relative;
    }

        .totalQuesBox .floatLeftNew {
            padding: 10px 0px 10px 3px;
            width: 100%;
            margin-top: 15px;
        }

    .criticalNav {
        left: auto !important;
    }
    /*.previous
    {
       
        position:absolute;
        margin: -10px 0 0 -5px !important
        
    }*/
    .next {
        /*width: 35px !important;
    float: right;
    margin-left: 4px !important; position:absolute;margin-top:-10px !important;right:0 !important;*/
    }

    .exerciseBox .questionNo {
        word-wrap: normal !important;
    }

    .feedbk-btn .pull-right {
        float: left !important;
    }

    .feedbk-btn ul {
        margin: 0;
        padding: 0 0 0 5px;
    }

    .activity-container div.accodarrow .pull-right {
        float: right !important;
    }

    #modalAccessDialog {
        /*width:50%;*/
    }

    .dd .ddChild {
        width: 197px !important;
    }

    .support-tabs-container .nav-tabs > li {
        width: 100% !important;
        margin-right: 0px !important;
    }

    .btn {
        font-size: 12px;
    }
}

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

.fontweight {
    font-weight: normal;
}

a.lnkColor {
    color: #fff;
}

    a.lnkColor:hover {
        color: #fff;
    }


*::after, *::before {
    box-sizing: border-box;
}

*::after, *::before {
    box-sizing: border-box;
}

.createCourseFormBoxTop {
    background-color: #fff;
    border: 1px solid #ccc;
    /*color: #6b6d6e;*/
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 15px;
    padding: 16px;
}

.createCourseFormBoxBottom {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 15px;
    padding: 16px;
}

.arrow_box {
    position: relative;
    background: #fbfbfb;
    border: 1px solid #bdbdbd;
    padding: 10px;
    margin-top: 10px;
}

    .arrow_box:after, .arrow_box:before {
        bottom: 100%;
        left: 8%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box:after {
        border-color: rgba(251, 251, 251, 0);
        border-bottom-color: #fbfbfb;
        border-width: 10px;
        margin-left: -10px;
    }

    .arrow_box:before {
        border-color: rgba(189, 189, 189, 0);
        border-bottom-color: #bdbdbd;
        border-width: 11px;
        margin-left: -11px;
    }

.simplePopup {
    display: none;
    position: fixed;
    border: 4px solid #d870a9;
    background: #ed87bd;
    z-index: 3;
    color: #fff;
    padding: 12px;
    width: 70%;
    min-width: 70%;
}

.simplePopupBackground {
    display: none;
    background: #000;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
/*Added by devesh*/


/*.totalQuesBox {
    background: -moz-linear-gradient(left center , #f2f2f2, #dbdbdb) repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    float: right;
    height: 27px;
    margin: 10px 0 -23px;
    padding: 5px 10px;
    right: -24px;
    width: 500px;
}

.totalQues {
    float: right;
    font-size: 14px;
}*/

.previous_disable {
    /*background-image: url("../images/sprite.png");
    background-position: 201px -226px;
    display: inline-block;
    height: 33px;
    vertical-align: top;
    width: 40px;
    float:left;*/
}

.previous {
    background-image: url("../images/sprite.png");
    background-position: 201px -226px;
    cursor: pointer;
    display: inline-block;
    height: 36px;
    vertical-align: top;
    width: 40px;
    /*float:left;*/
}


.criticalNav {
    color: transparent;
    left: 0;
    margin: 6px 0 0 -5px;
    padding: 0;
    /*position: absolute;
    top: 0;*/
    width: 35px;
}

.floatLeft {
    float: left;
}

.exerciseBox {
    color: #000000;
    line-height: 23px;
}

.next {
    background-image: url("../images/sprite.png");
    background-position: 155px -226px;
    cursor: pointer;
    display: inline-block;
    height: 36px;
    vertical-align: top;
    width: 40px;
    float: right;
}

.grade-next {
    background-image: url("../images/sprite.png");
    background-position: 155px -226px;
    cursor: pointer;
    display: inline-block;
    height: auto;
    vertical-align: top;
    width: auto;
    float: right;
}

label {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 2px;
    max-width: 100%;
}

.next_disable {
    /*background-image: url("../images/sprite.png");
    background-position: 157px -226px;
    display: inline-block;
    height: 36px;
    vertical-align: top;
    width: 40px;
    float: right;*/
}


.count {
    background-color: #a3a3a3;
    border-radius: 6px;
    color: #ffffff;
    display: inline;
    font-size: 16px;
    font-weight: bold;
    height: 25px;
    max-width: 50px;
    padding: 8px 10px 8px 5px;
    text-align: center;
    vertical-align: middle;
}

.loader {
    /*background-color: #FFFFFF;
    border: 1px solid #808080;
    border-radius: 10px;
    font-size: 14px;
    margin: auto;
    padding: 5px;
    width: 100px;*/
    background-color: white;
    border: 1px solid #125D91;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.5);
    color: #125D91;
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 13px;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    width: 200px;
}


.previous p {
    color: white;
    float: left;
    font-size: 17px;
    left: 2px;
    position: relative;
    top: -5px;
}

label {
    display: inline-block;
    font-weight: normal;
    margin-bottom: 2px;
    max-width: 100%;
}

.quest-container ul li {
    font-size: 14px;
    line-height: 40px;
    list-style-type: none;
}

.quest-foottext {
    padding: 7px 10px 0 !important;
}

/*.question
{
    font-size: 18px;
   margin: 0 0 10px 15px;
  padding-left: 20px;
  color: black;
  line-height: 25px;
}*/
.modal_contennt_text.centerimg {
    margin: 0px auto;
    text-align: center;
}

.testtitle h4 {
    font-size: 22px;
}

.floatLeftNew {
    float: left;
    padding: 11px;
}


.quest-container .result-container {
    background-color: #f4f4f4;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    font-size: 17px;
    padding: 10px 0 5px 25px;
    margin: 0px -22px;
}

    .quest-container .result-container label {
        font-weight: bold;
    }

/* Center Loading Div start */

#centerLoadingDiv {
    height: 60px;
    position: fixed;
    width: 200px;
    z-index: 999;
    display: none;
}

.loading {
    background-color: white;
    border: 1px solid #125D91;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.5);
    color: #125D91;
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 13px;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    width: 200px;
}

.CLDShowHide {
    background-color: gray;
    display: none;
    height: 100%;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 99;
    opacity: 0.8;
}
/* Center Loading Div end */
.disabled_panel {
    background-color: rgba(245, 245, 245, 0.2);
    color: rgba(0, 0, 0, 0.2);
    /*opacity:0.2;*/
    cursor: default;
}

.panel-title.disabled_panel {
    /* margin-bottom: 6px;*/
}

/*hotspot*/
.img-zoom {
    background-position: -135px -71px;
    bottom: 2%;
    cursor: pointer;
    height: 27px;
    left: 2%;
    position: absolute;
    width: 27px;
}

.img_popup_container:hover .img-zoom {
    opacity: 0.5;
}


/*.question_inner_container{border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; -ms-border-radius:0px 0px 5px 5px; -o-border-radius:0px 0px 5px 5px; border:1px solid #D5D5D5; border-top:0; */ /* 18-10-13 Amol */ /*overflow:hidden;}*/
.question_inner_container {
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 14px;
}

.question_container, .content_inner_content {
    padding: 2.5%;
}

.assquestion_area {
    padding: 0px;
}

.assesment_left {
    width: 31px;
    float: left;
    height: 35px;
}

.assesment_right {
    color: #333333;
    font-size: 16px;
    overflow: hidden;
    padding: 5px 0;
}

.chck_question_row {
    margin: 0px 0;
    cursor: pointer;
    padding: 0 0 0 15px;
}

.check_normal {
    float: left;
    height: 30px;
    width: 30px;
}

.chk_normal_bg {
    padding: 5px 5px 3px 8px;
    float: left;
    line-height: normal;
}

    .chk_normal_bg input {
        margin: 0 0 0 0;
        position: relative;
    }

.chck_question_row-inner {
    position: relative;
    display: block;
    margin-bottom: 12px;
}

.assesment_right .number_content {
    display: block;
    overflow: hidden;
    line-height: normal;
}

.content_inner_content p {
    font-size: 14px;
    line-height: 21px;
    color: #333;
}

.answar_input_area input {
    width: 95%;
    padding: 1.2% 2%;
    font-size: 15px;
}

.center {
    text-align: center;
}

.flag_img_place {
    max-width: 747px;
    position: relative;
    margin: 0 auto;
    border-radius: 10px;
    -mox-border-radius: 10px;
    -wekit-border-radius: 10px;
    -o-border-radius: 10px;
    border: 5px solid #d5d5d5;
}

    .flag_img_place img {
    }

.popup_box_place {
    height: 1px;
    left: 40%;
    position: absolute;
    top: 40%;
    width: 1px;
}

.pin_icon {
    background-position: -130px -120px;
    height: 48px;
    display: block;
    width: 40px;
    position: absolute;
    left: -20px;
    top: -48px;
}

.image_inner_wrap {
    display: inline-block;
    position: relative;
}

    .image_inner_wrap img {
        width: 100%;
        max-width: 100%;
    }

.no1 {
    left: 10%;
    top: 50%;
}

.no2 {
    left: 20%;
    top: 20%;
}

.no3 {
    left: 70%;
    top: 80%;
}

.pages-content-img {
    display: inline-block;
    position: relative;
    text-align: center;
    border: 4px solid #d0d0d0;
}

    .pages-content-img img {
    }

.prod_images_cont.pull-right {
    margin: 0 0px 0 30px;
}

.prod_images_cont.pull-left {
    margin: 0 30px 0 0px;
}

.prod_images_cont.pull-center {
    text-align: center;
}

.prod_images_cont {
    padding: 10px;
}

.pages-content-img .img_popup_container {
    width: inherit;
    height: inherit;
    background: none;
    border: none;
    overflow: inherit;
    display: inline-block;
}
/*hotspot*/


.saveTopBtn {
    border-bottom: 2px solid #eaeaea;
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-left: 15px;
    margin-left: 1px;
    margin-right: 1px;
}

.lesson-reorder-g1 {
    font-size: 14px;
    left: 178px;
    position: absolute;
    top: 16px;
}

.lesson-reorder-g2 {
    font-size: 14px;
    left: 230px;
    position: absolute;
    top: 16px;
}
/*#quickJumpDialog .modal-dialog
{
    width:60%;
}*/

.noticebox {
    background-color: #e8d4d3;
    border: 2px solid #ce847f;
    border-radius: 10px;
    font-size: 13px;
    margin: 0 0 15px;
    padding: 15px;
}

.imgBoxTL {
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    width: 120px;
}

.imgBoxTR {
    display: inline-block;
    width: 90%;
}

    .imgBoxTR p {
        color: #000000;
        margin: 0;
        text-align: justify;
    }

#LaunchNotification a {
    color: #3366cc;
    text-decoration: underline;
}

    #LaunchNotification a:hover {
        text-decoration: none;
    }

.LessonFeedbackDashboardLInk {
    color: #cc0000 !important;
}
/*#LaunchNotification a:hover, a:focus */

#LaunchNotification a:hover {
    color: #6b6d6e;
}

.modify-panel .panel-default > .panel-heading {
    color: #cc0000;
}

.popupBttn {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top, #ba202a, #871219) repeat scroll 0 0;
    border: 2px solid #760813;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px;
    padding: 7px 11px;
    position: relative;
    text-align: center;
}

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


    .questionDivide {
        border-top: 2px solid #eaeaea !important;
        margin: 10px -12px !important;
    }

    .quest-container-inner ul {
        margin-left: -20px;
    }
    /* .previewStudentViewAlert_new 
    {
    width:100%;
    margin-top:60px;
    }*/


    .videoBorder {
        width: 80%;
        text-align: left;
    }

    #divquestionOption ul {
        margin-left: 0px;
    }

    .exercise .thead {
        word-break: normal !important;
    }

    .subGroup {
        margin: 0px 0px 0px 0px !important;
    }

    .custom-lesson {
        padding: 0px !important;
    }

        .custom-lesson .panel-body {
            padding: 5px;
        }
}

@media screen and (max-width: 359px) {
    .panel-login {
        margin-bottom: 8px;
    }

    .code {
        float: none;
        display: block;
    }

    .modal-footer .btn {
        margin-bottom: 10px !important;
        margin-left: 0 !important;
    }

    .imgtext {
        display: block;
    }
}

.activeState {
    color: #777;
    cursor: default;
    pointer-events: none;
}

    .activeState a {
        color: #777;
        cursor: default;
        pointer-events: none;
    }

.updates {
    behavior: url(Content/PIE/PIE.htc);
    background-color: #bd202b;
    /* border: 3px solid #fff; */
    border-radius: 30px 30px 30px 30px;
    color: #FFFFFF;
    display: inline;
    padding: 1px 5px;
    /* margin: 0 8px; */
    cursor: pointer;
}


#CustomizedLession.create-g1 {
    position: relative !important;
    top: 25px;
}


#CustomizedLession.panel-body {
    padding: 0px;
}


.quest-container h4 {
    border-bottom: 0px solid #eaeaea !important;
    padding-bottom: 6px;
}

#CustomizedLession.ui-state-highlight {
    width: 0px !important;
}

#CustomizedLession select {
    text-transform: none;
    width: 100% !important;
}

#CustomizedLession.access-details {
    border: 0px solid #eaeaea !important;
    font-weight: normal;
    margin: 10px 0;
    padding: 20px;
}

#CustomizedLession.quest-container p {
    border-bottom: 0px solid #eaeaea !important;
    padding-bottom: 15px;
}


#CustomizedLession .exercise p span {
    color: #000000;
    float: right;
    font-style: normal;
    padding: 0 5px;
    width: 148px;
}

#CustomizedLession .subGroup {
    float: left !important;
    margin: 0 7px 0 23px !important;
    padding: 5px 0 0 !important;
    position: relative;
}


#CustomizedLession.fileUpload {
    position: relative;
    overflow: hidden;
    margin-top: 10px;
}

#CustomizedLession .create-g1 {
    position: relative !important;
    top: 0px;
}



#pagin {
    clear: both;
    /* padding: 0; */
    /* width: 250px; */
    margin: 30px 10px auto;
    list-style: none;
    float: right;
}

    #pagin li {
        float: left;
        margin-right: 10px;
    }

        #pagin li a {
            display: block;
            color: #717171;
            font: bold 11px;
            text-shadow: 0px 1px white;
            padding: 5px 8px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
            -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
            box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
            background: #f9f9f9;
            background: -webkit-linear-gradient(top,#f9f9f9 0%,#e8e8e8 100%);
            background: -moz-linear-gradient(top,#f9f9f9 0%,#e8e8e8 100%);
            background: -o-linear-gradient(top,#f9f9f9 0%,#e8e8e8 100%);
            background: -ms-linear-gradient(top,#f9f9f9 0%,#e8e8e8 100%);
            background: linear-gradient(top,#f9f9f9 0%,#e8e8e8 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9',endColorstr='#e8e8e8',GradientType=0 );
        }

            #pagin li a.current {
                color: white;
                text-shadow: 0px 1px #3f789f;
                -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
                -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
                box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
                background: #7cb9e5;
                background: -webkit-linear-gradient(top,#7cb9e5 0%,#57a1d8 100%);
                background: -moz-linear-gradient(top,#7cb9e5 0%,#57a1d8 100%);
                background: -o-linear-gradient(top,#7cb9e5 0%,#57a1d8 100%);
                background: -ms-linear-gradient(top,#7cb9e5 0%,#57a1d8 100%);
                background: linear-gradient(top,#7cb9e5 0%,#57a1d8 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cb9e5',endColorstr='#57a1d8',GradientType=0 );
            }

            #pagin li a:hover {
                -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
                -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
                box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
                background: #fff;
                background: -webkit-linear-gradient(top,#fff 0%,#e8e8e8 100%);
                background: -moz-linear-gradient(top,#fff 0%,#e8e8e8 100%);
                background: -o-linear-gradient(top,#fff 0%,#e8e8e8 100%);
                background: -ms-linear-gradient(top,#fff 0%,#e8e8e8 100%);
                background: linear-gradient(top,#fff 0%,#e8e8e8 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#e8e8e8',GradientType=0 );
            }

            #pagin li a:active, #pagin li a.current:active {
                -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5),0px 1px 1px 0px rgba(255,255,255,1) !important;
                -moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5),0px 1px 1px 0px rgba(255,255,255,1) !important;
                box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5),0px 1px 1px 0px rgba(255,255,255,1) !important;
            }

            #pagin li a.current:hover {
                -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
                -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
                box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
                background: #99cefc;
                background: -webkit-linear-gradient(top,#99cefc 0%,#57a1d8 100%);
                background: -moz-linear-gradient(top,#99cefc 0%,#57a1d8 100%);
                background: -o-linear-gradient(top,#99cefc 0%,#57a1d8 100%);
                background: -ms-linear-gradient(top,#99cefc 0%,#57a1d8 100%);
                background: linear-gradient(top,#99cefc 0%,#57a1d8 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cefc',endColorstr='#57a1d8',GradientType=0 );
            }

@media screen and (min-width: 361px) {
    .titlecont {
        display: block;
        margin-top: 20px;
        width: 400px;
        font-weight: bold;
        font-size: 16px;
        position: fixed;
    }

    .fileUpload {
        max-width: 500px;
        text-align: left;
    }
}

@media screen and (max-width:360px) {
    .titlecont {
        display: block;
        margin-top: 20px;
        width: 190px;
        font-weight: normal;
        font-size: 14px;
        position: fixed;
    }

    .fileUpload {
        font-size: 9px !important;
        max-width: 200px;
        text-align: left;
    }

    .calstyle .form-control {
        display: inline-block !important;
        margin-right: 10px;
        width: 75%;
    }
}



.ui-datepicker .ui-datepicker-header {
    background: url("../images/?new=f6a828&w=500&h=100&f=png&q=100&fltr[]=over|textures/12_gloss_wave.png|0|0|35") repeat-x scroll 50% 50% #F6A828 !important;
    border: #E78F08;
    border-radius: 25px;
}


#ui-datepicker-div {
    background: #EEE;
    font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
    border: 1px solid #DDD;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -khtml-border-bottom-right-radius: 15px;
    /* border-bottom-right-radius: 15px; */
}

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 12px !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none !important;
}

.breakall {
    word-break: break-all;
}

.width80 {
    width: 80%;
}














.greenborder {
    border-right: solid 5px #27ae4f !important;
}

.redborder {
    border-right: solid 5px #f44336 !important;
}

.yellowborder {
    border-right: solid 5px #ffc107 !important;
}


/*Babalu @7th Sep for Assessment_Tab_Under_Lesson_Accordion*/
.modify-panel .tabs-left > .nav-tabs > li {
    float: none;
}


.modify-panel .tabs-left > .nav-tabs {
    float: left;
    border-right: 1px solid #ddd;
    max-width: 100%;
    width: 100%;
    word-wrap: break-word;
    margin-bottom: 1px;
    text-transform: uppercase;
    border-bottom: 0;
    /*height: 267px;*/
    background-color: #bd202b;
    padding: 20px 0;
}

    .modify-panel .tabs-left > .nav-tabs > li > a {
        margin-right: -1px;
        min-width: 74px;
        color: #fff;
        border-radius: 0;
        padding: 12px 20px;
        font-size: 12px;
        font-weight: bold;
    }

/*.modify-panel .tabs-left > .nav-tabs > li > a:hover,
.modify-panel .tabs-left > .nav-tabs > li > a:focus {
  border-color: transparent;
  background-color: #00adef;
  margin-right: 0px;
}*/
.nav > li > a:focus, .nav > li > a:hover {
    background-color: transparent;
    border: solid 1px transparent;
}

.modify-panel .tabs-left > .nav-tabs .active > a,
.modify-panel .tabs-left > .nav-tabs .active > a:hover,
.modify-panel .tabs-left > .nav-tabs .active > a:focus {
    border: 1px solid #fff;
    border-left-color: #fff;
    border-right-color: #fff;
    border-top-color: transparent;
    color: #bd202b;
    background-color: #fff;
    margin-right: -1px;
}

.modify-panel .nav.nav-tabs li.active {
    background: none;
    border-left: none;
}

.modify-panel .nav.nav-tabs li {
    border-bottom: none;
    border-right: none;
}

.modify-panel div#collapse0 {
    padding: 0;
}

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

.modify-panel div[class^="col-"] {
    padding: 0;
}

sup .progrees-imggreen, sup .progrees-imggray, sup .progrees-imghalfgreen {
    right: -15px;
}

.tabs-left ul li.active a::after {
    display: inline-block;
    height: 15px;
    position: relative;
    transition: none 0s ease 0s;
    width: 20px;
    background: url("../images/sprite.png") repeat scroll 191px -357px;
    content: " ";
    float: right;
    left: 1.2em;
    top: 2px;
}


.tabs-left ul li.active a::before {
    display: inline-block;
    height: 22px;
    width: 30px;
    background: url("../images/sprite.png") repeat scroll 108px -188px;
    content: " ";
    vertical-align: middle;
}

@media(max-width: 768px) {
    .loadcentral {
        width: 50% !important;
        right: 20% !important;
        left: 20% !important;
    }

    .modify-panel .tabs-left > .nav-tabs {
        height: 100%;
    }
}

@media(min-width: 760px) and (max-width: 768px) {

    .LMSAdd {
        margin-top: 10px;
    }
}

.progrees-imghalfgreen {
    background-position: 110px -355px;
    display: inline-block;
    height: 22px;
    position: relative;
    transition: none 0s ease 0s;
    width: 20px;
}

.progress-imgcomplete {
    background-position: 42px -356px;
    display: inline-block;
    height: 24px;
    vertical-align: middle;
    width: 30px;
}

.progress-imghalfcomplete {
    background-position: 42px -418px;
    display: inline-block;
    height: 24px;
    vertical-align: middle;
    width: 30px;
}

.progress-imgnotstarted {
    background-position: 42px -388px;
    display: inline-block;
    height: 24px;
    vertical-align: middle;
    width: 30px;
}

.tab-content div[class^="col-lg"] {
    border: 1px solid #e1e1e1;
    padding: 15px;
    margin: 10px;
    min-height: 106px;
}


panel-default
/*Ends here*/
.graytxt {
    color: #bebebe;
}

.redtxt {
    color: #f44336;
}

.yellowtxt {
    color: #ffc107;
}

.greentxt {
    color: #27ae4f;
}

.externalLinkpad {
    margin-top: 1%;
    padding-left: 64%;
}

ul#externalLink li {
    display: inline;
    margin-right: 2%;
}


    ul#externalLink li:before {
        content: "• ";
        color: #43873f; /* or whatever color you prefer */
    }

/**/
/*.tab-pane a  {
   
    color: #323232;
}*/
@media(max-width: 990px) {
    .gray-panel {
        margin: 10px 0 20px !important;
        padding: 0px !important;
    }

    .create-g4 {
        top: 248px;
    }

    .create-g5 {
        top: 450px;
    }


    .modify-panel .tabs-left > .nav-tabs {
        height: 100%;
    }

    .modify-panel .desktop-tab-view {
        display: none;
    }

    .modify-panel .desktop-content-view {
        display: none;
    }

    .modify-panel .mobile-tab-view {
        display: block;
    }
}

@media(min-width: 990px) {
    .modify-panel .desktop-tab-view {
        display: block;
    }

    .modify-panel .desktop-content-view {
        display: block;
    }

    .modify-panel .mobile-tab-view {
        display: none;
    }


    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .row-eq-height .tab-height {
            background-color: #bd202b;
            min-height: 267px;
        }
}

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

    .modal-footer .pull-left {
        float: none !important;
    }
}

@media(max-width: 360px) {


    ul.dash-links li a {
        font-size: 13px;
    }

    .commlink #btnAssessmentTryAgain {
        margin-top: -10px;
        display: block;
    }
}

.tab-content a {
    margin-top: 0px;
    text-decoration: underline;
}

    .tab-content a:hover {
        /*margin-top: 0px;*/
        text-decoration: none !important;
    }

.glyphicon {
    color: #999;
}

@media only screen and (device-width : 768px) and (device-width : 1024px) {
    input#chkAutoImportGrades[type=checkbox]:disabled {
        background-color: #bd202b;
        -webkit-appearance: none;
        border: solid 1px #222;
    }
}


/*.classCodeStatus.notification 
{
    height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
}*/
.accessCodeInputDiv .col-md-3 {
    padding-left: 0px;
}
/*.classCodeStatus.notification 
{
       background-position: 154px -457px;
    color: #000;
    display: inline-block;
    font-size: 12px;
    height: none !important;
    line-height: 22px;
    text-align: left;
    vertical-align: middle;
    width: 33px; 
    } */
.classCodeStatus.class_notification {
    height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
}

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

    .questionDivide {
        border-top: 2px solid #eaeaea !important;
        margin: 10px -12px !important;
    }

    .activity-container div.accodarrow .pull-right {
        float: right !important;
    }

    .scoreBoxRight {
        float: left !important;
    }

    .TGHeadingBox h2 {
        color: #545454;
        float: left;
        font-size: 14px;
        font-weight: bold;
        width: 100%;
        margin-top: 5px;
    }

    .TGHeadingBox h1 {
        color: #000000;
        font-size: 21px;
        font-weight: bold;
        width: 100%;
    }

    /*.access-details
    {
        width: 245px;
    }*/


    .modal-open .modal {
        /* overflow-x: hidden !important;
    overflow-y: hidden !important;*/
    }

    .alignoptions {
        margin: 0px !important;
    }

    .exerciseBox {
        word-wrap: break-word !important;
    }
}

.preview-btn-new {
    margin-bottom: 10px;
}

.dashboard-container {
    background-color: #f9f9f9;
    padding: 15px;
}

.quest-container {
    background-color: #fff;
    border: solid 1px #eaeaea;
    padding: 20px;
    margin: 10px 0 20px;
}

.dv-adjust li {
    margin: 0 20px 20px 0;
}

.shiftright {
    margin-right: 6px;
}


/*.alignoptions
{
    margin: 0px !important;
}*/
.pagetitle .glyphicon {
    left: 5px;
    font-size: 15px;
}

.pagetitle span {
    color: #333;
    font-size: 30px;
    font-weight: 600;
    padding: 25px 0 20px;
    font-family: "Roboto",sans-serif;
}

.studyButtons {
    font-weight: 600;
}

#feedbackMessage {
    margin-top: 20px;
    margin-bottom: 10px;
}

/*#quickJumpDialog .modal-content {
   
    height:300px;
overflow-y: auto !important;
}*/


.dash-pronounciation-icon {
    background-position: 191px -570px;
    display: inline-block;
    height: 23px;
    vertical-align: middle;
    width: 23px;
}

.dvadjust {
    margin-left: -40px;
}



/*Css Added By smita*/


.modal-footer .btn-default {
    background-color: #bd202b !important;
    border-color: #bd202b !important;
    color: white !important;
}

.ui-state-default span.ui-icon-arrowthick-2-n-s {
    width: 84% !important;
}

.ui-icon-arrowthick-2-n-s label {
    max-width: 84%;
}

@media (min-width:990px) {
    .desktop-tab-view {
        display: block !important;
    }

    .mobile-tab-view {
        display: none !important;
    }

    .desktop-content-view {
        display: block !important;
    }
}

.excerciseName {
    text-decoration: underline !important;
    color: #bd202b !important;
}

    .excerciseName:hover {
        text-decoration: none !important;
    }

.fs13 {
    font-size: 13px !important;
}

.feedback-title .incorrect {
    color: #d93a35;
}

.feedback-title .correct {
    color: #4fb54f;
}

@media screen and (min-width: 360px) {

    /*.space_quest li input
{
    margin-left: -23px;
}*/

}

@media screen and (min-width: 320px) {

    /* #btnTextPrint
 {
     margin-left:0px !important;
 }*/

    .options {
        margin: 25px 15px 25px 15px !important;
        padding: 0px;
        font-size: 14px;
        word-wrap: break-word;
    }


    /*.space_quest li input
{
   margin-left: -23px;
}*/

    .space_quest li input:disabled {
        margin-left: -23px !important;
    }

    .content {
        padding: 0px !important;
    }
}

@media only screen and (min-width:320px) and (max-width:350px) {
    .LogoWithDropDown {
        width: 100%;
        margin-top: 5px;
        float: left;
    }

        .LogoWithDropDown .btn-group .sel_app {
            float: right !important;
            margin-right: 0 !important;
        }

    .login_box {
        padding: 0;
        width: 100%;
    }

    #btnNewHomePage {
        width: 100%;
        float: left !important;
    }

    .sel_app .dropdown-menu {
        width: 200px !important;
    }

    .spaceToDropDown {
        width: 155px !important;
    }

    .dropdownContainer {
        float: right !important;
    }
}

@media only screen and (min-width:355px) and (max-width:400px) {
    .LogoWithDropDown {
        width: 100%;
        margin-top: 5px;
        float: left;
    }

        .LogoWithDropDown .btn-group .sel_app {
            float: right !important;
            margin-right: 0 !important;
        }

    .login_box {
        padding: 0;
        width: 100%;
    }

    #btnNewHomePage {
        width: 100%;
        float: left !important;
    }

    .sel_app .dropdown-menu {
        width: 227px !important;
    }

    .spaceToDropDown {
        width: 200px !important;
    }

    .dropdownContainer {
        float: right !important;
    }
}



.adjustcreatetopic {
    margin-bottom: 35px;
}

.thread ul.dash-links {
    margin: 0;
    padding: 0;
    margin-left: 0px;
}

.activity ul li {
    list-style-type: none;
    float: left;
    /* padding: 6px 20px;*/
    padding: 0px 6px 9px 0;
}

.TopicDetailBox ul.dash-links {
    margin: 0;
    padding: 0;
    margin-left: -5px;
}

.createCourseFormBoxTopbg {
    border: solid 1px #eaeaea;
    padding: 20px;
    margin: 10px 0px;
    font-weight: normal;
    color: #414142;
    background-color: #fff;
    box-shadow: 0 0 1px 1px #E1E1E1;
}

.createCourseFormBoxTopshift {
    margin: 0px;
}

.gradebook-cont {
    background-color: #fff;
    padding: 15px;
    border: 1px solid #ddd;
}

.gradebook-cont-inner {
    background-color: #fff;
    border: solid 1px #ddd;
}

.grade-content {
    padding: 15px 0px;
}

.dvpaddingtobtn {
    padding-top: 10px;
}

.addpaddingtotitle {
    padding-top: 90px;
}


/*.checkalign {
    padding-left: 43px;
}*/
/*End of Css Added By smita*/
.lessontitle span {
    padding-top: 5px;
    float: left;
}

.lessontitle-available {
    font-size: 18px;
    padding: 15px 11px 15px;
    border-bottom: solid 1px #e1e1e1;
    font-weight: 600;
}

.saveTopBtnCls {
    border-bottom: 2px solid #eaeaea;
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-left: 0px;
    margin-left: 0px;
    margin-right: 1px;
}

#CustomClassSettingAssessmentList .panel-body.access-details {
    border: none;
    padding: 0px;
    margin: 0px;
}

.grade-content .createCourseFormBoxTop h5.gradebkdetail {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

#topicSubject {
    color: #222;
    font-weight: bold;
}

.courseheading {
    font-size: 18px;
    font-weight: bold;
    /* padding-top: 13px;*/
}

.shiftdatepicker {
    margin-left: 5px;
}

input[type="file"] {
    width: 100%;
}

.viewTranscript {
    padding: 10px;
}

.moduletestcss li {
    float: right;
    list-style-type: none;
}

.paddingtotopic {
    padding-top: 25px;
}

.contentTxtGenFB li {
    list-style-type: none;
}

.adjustprintbtn {
    margin-left: 0px !important;
}

#topicBody {
    word-break: break-all;
    max-width: 100%;
}

.inner-div {
    display: table-cell;
    height: 75px;
    vertical-align: middle;
}

.clsDroppable {
    width: 100%;
    height: 75px;
}

.drag-helper {
    height: 75px;
    width: 100%;
}

.outerwrapper {
    height: 75px;
}

.clsOptnDroppable {
    position: relative;
}

.adjustbtnNextAssignment {
    margin-bottom: 8px;
}

.createCourseRight h5 {
    font-weight: normal;
}

label[for=Course_AccessCode] {
    color: Red;
}

.hidegettingstarted {
    display: none;
}

@media (max-width:900px) {
    .dashboard-border-right {
        border-right: none !important;
    }
}

@media (min-width:768px) {

    .width33percentage {
        width: 33.33%;
    }
}

.addcsssupport {
    min-height: 127px !important;
}

.audiosleft .questionText {
    /* margin-left:20px;*/
}

.audiosleft .questionText {
    /* margin-left: 18px;
    float: left;
    margin-top: -24px;*/
}

.questionNo {
    float: left;
    margin-left: -5px;
    width: 25px;
    /*padding-top: 2px;
position: absolute;
    left: 0;
    margin-left: 5px;*/
}

.questionText {
    word-wrap: break-word !important;
    /*float: right;*/
    /*width: 96%;*/
}


#btnSubmitAnswer:hover {
    color: #bd202b !important;
    background-color: #fff !important;
    border-color: #bd202b !important;
    -webkit-tap-highlight-color: #bd202b;
}

#btnSubmitAnswer.active, #btnSubmitAnswer.focus, #btnSubmitAnswer:active, #btnSubmitAnswer:focus {
    background: #bd202b;
    border: 1px solid #bd202b;
    color: #fff;
    font-weight: 500;
    /*outline: medium none;*/
    text-transform: uppercase;
    -webkit-tap-highlight-color: #fff;
}

.topicBody {
    word-break: break-all;
    max-width: 100%;
}

#topicBody p {
    word-break: break-all;
    max-width: 100%;
}

.audiojs .play-pause {
    padding: 2px 0px !important;
}

.btn-productsupport {
    background: none repeat scroll 0 0 #1b75bc;
    border: 1px solid #;
    color: #fff;
    font-weight: 500;
    outline: medium none;
    text-transform: uppercase;
}

    .btn-productsupport.active, .btn-productsupport.focus, .btn-productsupport:active, .btn-productsupport:focus, .btn-productsupport:hover {
        color: #1b75bc;
        background-color: #fff;
        border-color: #1b75bc;
    }

.proboxBttn a {
    text-decoration: none !important;
}

.modulereorder-tooltip {
    font-size: 13px;
    padding-left: 5px;
    padding-top: 10px;
}

.product-row {
    padding: 0 15px;
    border: 1px solid #d9d9d9;
}

.btn {
    padding: 8px 15px;
}

.title-panel .title-details h4 {
    margin-top: 0px;
}

.panel-body {
    padding: 10px 20px;
}

.footer-top-title-row {
    background: url(../images/pattern.png) repeat;
    border-top: 1px solid #000;
    padding: 20px 0 10px 0;
}

    .footer-top-title-row h2 {
        font-size: 24px;
        font-weight: 500;
        color: #000;
        margin-top: 0px;
    }

    .footer-top-title-row p {
        font-size: 14px;
        color: #6a6666;
        margin-top: 0px;
    }

    .footer-top-title-row .btn {
        margin-top: 10px;
    }

.badge {
    min-width: 23px;
    padding: 6px 7px;
    border-radius: 25px;
}

.class-ex-text {
    font-size: 16px;
}

.class-ex-text-disable {
    opacity: 0.5;
}

.product-link .link {
    color: #fff;
}

.pagetitle .product-link span {
    padding: 11px 0 20px;
}

.pagetitle .product-link {
    margin-top: 7px;
}

.class-ex-text {
    /*opacity: 0.5;*/
    font-size: 14px;
}

.remove-text {
    opacity: 0.5;
    font-size: 14px;
}

ul.dash-links li.link-padding {
    padding-left: 10px;
}

.border-row {
    border-bottom: 1px solid #ddd;
    padding-bottom: 0;
    margin-bottom: 20px;
}

.rightlink {
    margin-top: 20px;
}

.question-icon2 {
    background-position: -159px -541px;
}

.question-icon_Exersize {
    background-position: -160px -549px;
}

.question-icon3 {
    background-position: -158px -524px;
    display: inline-block;
    height: 15px;
    vertical-align: middle;
    width: 15px;
}

.question-icon4 {
    background-position: -159px -550px;
    display: inline-block;
    height: 15px;
    vertical-align: middle;
    width: 15px;
}

.tooltip.in {
    opacity: .99;
    filter: alpha(opacity=100);
}

.tooltip {
    opacity: .99;
    filter: alpha(opacity=100);
}

    .tooltip.bottom {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

.tooltip-inner {
    max-width: 400px;
    padding: 3px 8px;
    color: #000;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
}

img.cover-img {
    min-width: 154px;
    max-width: 154px;
}

.modify-panel .nav.nav-tabs li.active .sep {
    width: 0px;
}

.dashboard-border-right {
    border-right: 1px solid #d8d8d8;
}

.guide-icon {
    background-position: -2px -466px;
    width: 23px;
    display: inline-block;
    height: 23px;
    vertical-align: middle;
}

.study-plan-icon {
    background-position: -10px -497px;
    width: 23px;
    display: inline-block;
    height: 23px;
    vertical-align: middle;
}

.audio-sound-icon {
    background-position: -7px -525px;
    width: 23px;
    display: inline-block;
    height: 23px;
    vertical-align: middle;
}

.dash-right-link .dash-links li {
    margin-bottom: 10px;
}

.title-spell-row {
    color: #cc0000;
}

.title-spell-row-right {
    color: #212222;
}

.spell-textarea {
    height: 200px !important;
}

.pagination-area .pager {
    margin: 0;
}

    .pagination-area .pager span {
        background: none;
        border: none;
    }

.spell-footer {
    background-color: #fff;
}

.add-link {
    padding: 15px !important;
}

    .add-link .link {
        color: #bd202b;
        text-decoration: none;
    }

        .add-link .link:hover {
            text-decoration: underline !important;
        }

.add-link2 {
    margin-left: 14px;
}

.guide-icon {
    background-position: -8px -465px;
    width: 19px;
    display: inline-block;
    height: 23px;
    vertical-align: middle;
}

.audio-sound-icon2 {
    background-position: -9px -525px;
    width: 19px;
    display: inline-block;
    height: 23px;
    vertical-align: middle;
}

.word-btn-row .btn {
    margin-bottom: 5px;
}

.word-showing-row {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .word-showing-row .form-control {
        height: 50px;
    }

.word-viewer {
    height: 50px;
    border-right: 1px solid #ddd;
}

.word-viewer2 {
    border-left: 1px solid #ddd;
    border-right: none;
}

.word-brk-btn {
    text-align: center;
}

.study-body-panel {
    padding: 0;
    color: #6b6d6e;
}

.panel-heading .panel-title2 {
    font-size: 14px;
    padding-bottom: 5px;
}

    .panel-heading .panel-title2 a {
        color: #6b6d6e;
    }

        .panel-heading .panel-title2 a:hover {
            color: #6b6d6e;
            text-decoration: none;
        }

        .panel-heading .panel-title2 a:focus {
            color: #6b6d6e;
            text-decoration: none;
        }

.study-body-panel .table > thead > tr > th {
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    padding-left: 15px;
}

.study-body-panel .table > tbody > tr > td {
    padding: 10px 15px;
}

.red-icon {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: #d80514;
    margin-right: 6px;
}

.yellow-icon {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: #ffff00;
    margin-right: 6px;
}

.green-icon {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: #008000;
    margin-right: 6px;
}

.color-dec {
    float: left;
    margin: 10px 10px 0 10px;
    color: #6b6d6e;
}

.word-set-row {
    padding: 15px 0;
}

    .word-set-row ul {
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: center;
    }

        .word-set-row ul li {
            display: inline-block;
            border-right: 1px solid #e8e8e8;
            font-size: 30px;
            padding: 7px;
        }

            .word-set-row ul li:last-child {
                border: none;
            }

.audio-track {
    margin: 20px 0;
}

    .audio-track img {
        width: 100%;
    }

.panel-heading .panel-title3 {
    font-size: 16px;
}

.panelBottomBorder {
    border-bottom: 1px solid #ccc;
}

.panel-heading .panel-title3 a {
    color: #6b6d6e;
}

    .panel-heading .panel-title3 a:hover {
        color: #6b6d6e;
        text-decoration: none;
    }

    .panel-heading .panel-title3 a:focus {
        color: #6b6d6e;
        text-decoration: none;
    }

.title-details2 {
    margin: 0;
}

.crossword-row {
    width: 488px;
    float: left;
    margin: 20px 0 0 36px;
    position: relative;
    height: 410px;
}

    .crossword-row .word-row-one {
        width: 30px;
        height: 30px;
        position: absolute;
        left: 30px;
        top: 0px;
    }

    .crossword-row .word-row-two {
        width: 30px;
        height: 30px;
        position: absolute;
        left: 0px;
        top: 90px;
    }

    .crossword-row .word-row-three {
        width: 30px;
        height: 30px;
        position: absolute;
        left: 60px;
        top: 90px;
        width: 150px;
    }

    .crossword-row .word-row-four {
        width: 30px;
        height: 30px;
        position: absolute;
        left: 120px;
        top: 60px;
    }

    .crossword-row .word-row-five {
        width: 30px;
        height: 30px;
        position: absolute;
        left: 150px;
        top: 240px;
        width: 270px;
    }

    .crossword-row .word-row-six {
        width: 30px;
        height: 30px;
        position: absolute;
        left: 0px;
        top: 360px;
        width: 120px;
    }

    .crossword-row .word-row-seven {
        width: 30px;
        height: 30px;
        position: absolute;
        left: 30px;
        top: 240px;
    }

    .crossword-row .word-row-eight {
        width: 30px;
        height: 30px;
        position: absolute;
        left: 0px;
        top: 270px;
        width: 120px;
    }

    .crossword-row .word-row-nine {
        width: 30px;
        height: 30px;
        position: absolute;
        left: 180px;
        top: 330px;
        width: 300px;
    }

    .crossword-row .word-row-ten {
        width: 30px;
        height: 30px;
        position: absolute;
        left: 390px;
        top: 150px;
    }

    .crossword-row .word-row-eleven {
        width: 330px;
        height: 30px;
        position: absolute;
        left: 120px;
        top: 30px;
    }

    .crossword-row .word-row-twelve {
        width: 30px;
        height: 30px;
        position: absolute;
        left: 300px;
        top: 0px;
    }

    .crossword-row .word-box {
        width: 30px;
        height: 30px;
        border: 1px solid #cbc6b3;
        background: #f1f1ec;
        font-size: 12px;
        padding-left: 2px;
    }

    .crossword-row .margin-top {
        margin-top: 30px;
    }

    .crossword-row .margin-left {
        margin-left: 30px;
    }

    .crossword-row .word-box-white {
        background: #fff;
    }

    .crossword-row .word-row-three .word-box {
        float: left;
    }

    .crossword-row .word-row-five .word-box {
        float: left;
    }

    .crossword-row .word-row-six .word-box {
        float: left;
    }

    .crossword-row .word-row-eight .word-box {
        float: left;
    }

    .crossword-row .word-row-nine .word-box {
        float: left;
    }

    .crossword-row .word-row-eleven .word-box {
        float: left;
    }

.crossword-right-link .panel {
    margin: 20px 0;
}

    .crossword-right-link .panel .panel-body {
        padding: 0;
        height: 130px;
        overflow-y: scroll;
    }

    .crossword-right-link .panel .panel-title {
        font-size: 16px;
        padding: 10px 0 !important;
        color: #6b6d6e;
    }

.crossword-right-link ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .crossword-right-link ul li {
        display: block;
        padding: 10px 15px;
        border-bottom: 1px solid #d9d9d9;
    }

.crossword-right-tab {
    padding: 0;
}

    .crossword-right-tab .nav.nav-tabs li {
        width: 50%;
        float: left;
    }

.activity-container .crossword-right-tab .tab-content {
    padding: 0;
}

.crossword-right-tab ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #d9d9d9;
    border-top: none;
}

    .crossword-right-tab ul li {
        display: block;
        padding: 10px 15px;
        border-bottom: 1px solid #d9d9d9;
        border-top: 1px solid #d9d9d9;
    }

        .crossword-right-tab ul li:last-child {
            border-left: none;
            border-right: none;
        }

        .crossword-right-tab ul li.active:last-child {
            border-left: none;
        }

        .crossword-right-tab ul li.active:first-child {
            border-left: none;
        }

        .crossword-right-tab ul li a {
            border: none !important;
            text-align: center;
            font-size: 16px;
            color: #6b6d6e;
        }

        .crossword-right-tab ul li a {
            border-radius: 0px;
        }

.nav.nav-tabs li.active {
    background: #fafafa;
    border-left: 1px solid #d9d9d9;
}

    .nav.nav-tabs li.active a {
        color: #bd202b;
    }

.crossword-right-tab .tab-content ul li {
    border-top: none;
}

    .crossword-right-tab .tab-content ul li:last-child {
        border-bottom: none;
    }

.table-responsive-cross {
    margin-top: 20px;
}

.crossword-right-tab .tab-content {
    margin-bottom: 20px;
}

.picture-body-plan {
    min-height: 300px;
    padding-top: 20px;
}

    .picture-body-plan .radio label {
        min-height: 28px;
    }

    .picture-body-plan .img-row .btn:focus {
        background: none;
    }

.audio-track2 {
    margin-top: 0;
    margin-bottom: 7px;
}

.panel-heading .panel-title4 {
    padding: 15px !important;
}

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

.panel-group .panel + .panel-audio-tutorial {
    margin-top: -1px;
}

.panel-heading .panel-title4 a.collapsed {
    color: #bf1e2e;
}

#accordion .access-details ul.dash-links li {
    min-height: 30px;
}

.videoHeading {
    padding-left: 5px;
    color: #cc0000;
}

.watch-left-row {
    background: #eee;
    border: solid 1px #ddd;
    min-height: 464px;
    margin-bottom: 20px;
}

    .watch-left-row ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .watch-left-row ul li {
            border-bottom: solid 1px #ddd;
            padding: 10px 0;
        }

            .watch-left-row ul li:last-child {
                border: none;
            }

.watch-video-row {
    border: solid 1px #ddd;
    margin-bottom: 20px;
}

    .watch-video-row img {
        width: 100%;
    }

ul.angel {
    padding: 0;
    margin: 0 0 0 15px;
}

    ul.angel li {
        margin: 10px 0;
    }

.angel-img {
    display: block;
    margin: 0 auto;
    width: 625px;
}

.angel-body-panel {
    padding-top: 20px;
}

    .angel-body-panel p.blue {
        color: #bf1e2e;
    }

.angel-footer {
    border: 1px solid #ddd;
}

.createCourseFormBoxTop #Email {
    word-wrap: break-word;
}

div.BLCE4 {
    margin: 10px 0;
}

p.BLCE4 {
    margin: 10px 0 0 0;
}


.BlackboardLs h1 {
    font-size: 20px;
}

.bold {
    font-weight: bold;
}

.pdr15 {
    padding-right: 15px;
}

ol.D2L {
    list-style-type: decimal;
}

ol ul {
    list-style-type: lower-alpha;
}

.HelpContentImage img {
    cursor: default !important;
}

/*-----------------------ICON LIST------------------*/
.wordbreak {
    background-position: -225px -388px;
    display: inline-block;
    height: 27px;
    position: relative;
    transition: none 0s ease 0s;
    width: 40px;
    vertical-align: top;
    margin-bottom: 10px;
}

.pictureit {
    background-position: -228px -420px;
    display: inline-block;
    height: 27px;
    position: relative;
    transition: none 0s ease 0s;
    width: 40px;
    vertical-align: top;
    margin-bottom: 10px;
}

.electronic {
    background-position: -228px -420px;
    display: inline-block;
    height: 27px;
    position: relative;
    transition: none 0s ease 0s;
    width: 40px;
    vertical-align: top;
    margin-bottom: 10px;
}

.rightword {
    background-position: -228px -420px;
    display: inline-block;
    height: 27px;
    position: relative;
    transition: none 0s ease 0s;
    width: 40px;
    vertical-align: top;
    margin-bottom: 10px;
}

.labeling {
    background-position: -260px -218px;
    display: inline-block;
    height: 27px;
    position: relative;
    transition: none 0s ease 0s;
    width: 36px;
    vertical-align: top;
    margin-bottom: 10px;
}

.wordbuild {
    background-position: -229px -487px;
    display: inline-block;
    height: 27px;
    position: relative;
    transition: none 0s ease 0s;
    width: 40px;
    vertical-align: top;
    margin-bottom: 10px;
}

.crossword {
    background-position: -229px -453px;
    display: inline-block;
    height: 27px;
    position: relative;
    transition: none 0s ease 0s;
    width: 40px;
    vertical-align: top;
    margin-bottom: 10px;
}

.crosswordTemplateBtn {
    background-position: -229px -453px;
    display: inline-block;
    position: relative;
    transition: none 0s ease 0s;
    vertical-align: top;
    margin-bottom: 10px;
}

.spellit {
    background-position: -229px -521px;
    display: inline-block;
    height: 27px;
    position: relative;
    transition: none 0s ease 0s;
    width: 40px;
    vertical-align: top;
    margin-bottom: 10px;
}

.wordsearch {
    background-position: -225px -555px;
    display: inline-block;
    height: 27px;
    position: relative;
    transition: none 0s ease 0s;
    width: 40px;
    vertical-align: top;
    margin-bottom: 10px;
}

.response {
    background-position: -225px -590px;
    display: inline-block;
    height: 27px;
    position: relative;
    transition: none 0s ease 0s;
    width: 40px;
    vertical-align: top;
    margin-bottom: 10px;
}

.watch {
    background-position: -265px -288px;
    display: inline-block;
    height: 27px;
    position: relative;
    transition: none 0s ease 0s;
    width: 40px;
    vertical-align: top;
    margin-bottom: 10px;
}

/*-------------------/END/ICON LIST-------------------*/
@media screen and (max-width: 450px) {
    .pLeft10 {
        padding-left: 0 !important;
    }

    .adjustprintbtn {
        width: 100%;
    }
}

.prevNav {
    background-image: url("../images/sprite.png");
    background-position: 201px -226px;
    cursor: pointer;
    display: inline-block;
    height: 36px;
    vertical-align: top;
    width: 36px;
    float: left;
}

.nextNav {
    background-image: url("../images/sprite.png");
    background-position: 155px -226px;
    cursor: pointer;
    display: inline-block;
    height: 36px;
    vertical-align: top;
    width: 40px;
    float: right;
}

.totalQuesBox .floatLeftNew {
    display: inline-block;
    / margin-top: -24px;
    / position: relative;
    top: -14px;
    padding: 0 6px;
}

.pagination-area .totalQues {
    text-align: center;
}

    .pagination-area .totalQues a {
        display: inline-block;
    }

    .pagination-area .totalQues .floatLeftNew {
        display: inline-block;
        float: none;
        margin-top: 0 !important;
        padding: 0 6px;
        position: relative;
        top: -13px;
        width: auto !important;
    }

img.cover-img-stu {
    min-width: 120px;
    max-width: 120px;
}

.fontBold {
    font-weight: bold;
}

.fontNormal {
    font-weight: normal;
}

#templateSubBanner .title-details {
    margin-bottom: 0px;
}

.scale-cont {
    border-bottom: none !important;
}

.access-details table tr td .btn-column .btn {
    margin-bottom: 5px;
}

@media screen and (max-width: 1024px) {
    img.cover-img-stu {
        min-width: 90px;
        max-width: 90px;
    }

    .templete-right-btn .pull-right ul {
        padding-left: 0px;
    }

    .panel-heading a .arrow-img {
        top: 0px;
        margin-top: 8px;
    }

    .panel-heading a.collapsed .arrow-img {
        top: 0px;
        margin-top: 8px;
    }
}

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

#audioGenLoadingMessage .audioLoaderImg {
    top: 50%;
    position: fixed;
}

.matchingDropppable {
    background-color: hsl(0, 0%, 100%);
    border: 1px solid hsl(0, 0%, 73%);
    float: left;
    height: 100px;
    margin-left: 0;
    min-height: 128px;
    position: relative;
    text-align: center;
    width: 100%;
}

#pop1 .tooltip {
    border: solid 1px red;
}

@media screen and (min-width: 500px) {
    .helptextAlign .tooltip .tooltip-inner {
        width: 700px !important;
    }
}



/*LMM-268 CSS updates*/
.field_row.field_row_last {
    border-bottom: solid px #ccc;
    padding-bottom: 20px;
}

h4.purchase {
    padding-top: 20px;
    color: #bf1e2e;
}

.title-detail {
    border: solid 1px #ddd;
    padding: 20px;
    width: 100%;
    margin: 10px 0px;
}

.titlehead {
    font-size: 16px;
}

.titlesubhead {
    font-weight: bold;
    color: #bd202b;
    padding: 8px 0px;
}

.Itemlist ul {
    margin: 0;
    padding: 0;
    padding-left: 20px;
    height: 100px;
    overflow-y: scroll;
}

#RedeemAccessDialog .dd.ddcommon {
    width: 350px !important;
}

#RedeemAccessDialog .dd {
    border: none;
}

    #RedeemAccessDialog .dd .ddTitle {
        background: #fff;
    }

#RedeemAccessDialog .borderRadiusTp {
    border-radius: 0px;
}

#RedeemAccessDialog #Product_child {
    width: 350px;
    top: 24px !important;
    border: solid 1px #ddd;
    height: 200px !important;
    overflow-y: scroll;
    background: #fff;
}

#RedeemAccessDialog .ddcommon ul {
    top: -5px;
}

    #RedeemAccessDialog .ddcommon ul li {
        background: #fff;
        padding: 3px 4px;
        border-bottom: none;
    }

        #RedeemAccessDialog .ddcommon ul li img {
            width: 15px;
            margin-right: 10px;
        }

#RedeemAccessDialog .btn-primary {
    border: 1px solid #bd202b !important;
}

#RedeemAccessDialog #Product_title img {
    width: 15px;
    margin-right: 10px;
}

.info-popup {
    height: 500px;
    overflow-y: scroll;
}

    .info-popup h3 {
        margin-top: 0px;
    }

@media screen and (min-width: 400px) and (max-width: 700px) {
    .info-popup {
        height: 200px;
        overflow-y: scroll;
    }
}

@media screen and (max-width: 420px) {
    #RedeemAccessDialog .dd.ddcommon {
        width: 250px;
    }

    #RedeemAccessDialog #Product_child {
        width: 250px;
        top: 24px !important;
    }

    .info-popup {
        height: 300px;
        overflow-y: scroll;
    }
}

.alertbox {
    border: solid 1px #ddd;
    padding: 15px;
    margin: 10px 0px;
	display: block !important;
    position: inherit !important;
}

h3.infoalert {
    color: #cc0000;
    margin-top: 5px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
}

.alertbox a {
    word-wrap: break-word;
}

ul.pluscodelist {
    list-style: disc;
}

ul.pluscodeorderlist {
    list-style: decimal;
}

    ul.pluscodeorderlist li a {
        word-break: break-all;
    }
.audiojs .loading {
    background:none !important;
    width: auto;
    padding: 0px;
}

/*.loading .play .loading .pause .loading .error { display:block !important }*/

/*.audiojs .error {
    display:initial;
}*/
.borderRadius{-moz-border-radius:5px; border-radius:5px; }
.borderRadiusTp{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.borderRadiusBtm{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}

.ddcommon {position:relative;display:-moz-inline-stack; zoom:1; display:inline-block; *display:inline; cursor:default;}
.ddcommon ul{padding:0;margin:0;}
.ddcommon ul li{list-style-type:none;}
.borderRadiusTp ul li:last-child{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;border-bottom:0 none #c3c3c3; }
.borderRadiusBtm ul li:first-child{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0 ;border-bottom:1 solid #c3c3c3; }

.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{
opacity: .5; /* standard: ff gt 1.5, opera, safari */
-ms-filter:"alpha(opacity=50)"; /* ie 8 */
filter:alpha(opacity=50); /* ie lt 7 */
-khtml-opacity:.5; /* safari 1.x */
-moz-opacity:.5; /* ff lt 1.5, netscape */
color:#999999;
}
.ddcommon .clear{clear:both}
.ddcommon .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.ddcommon input.text{color:#7e7e7e;padding:0 0 0 0; position:absolute; background:#fff; display:block; width:98%; height:98%; left:2px; top:0; border:none;}
.ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
.borderRadius .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.borderRadiusBtm .shadow{-moz-box-shadow:-5px -5px 5px -5px #888888;-webkit-box-shadow:-5px -5px 5px -5px #888888;box-shadow: -5px -5px 5px -5px #888888}
.borderRadiusTp .border, .borderRadius .border{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}
.borderRadiusBtm .border{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
img.fnone{float:none !important}
.ddcommon .divider{width:0; height:100%; position:absolute;}
.ddcommon .ddArrow{display:inline-block; position:absolute; top:50%; right:4px;}
.ddcommon .ddArrow:hover{background-position:0 100%;}
.ddcommon .ddTitle{padding:0; position:relative; display:inline-block; width:100%}
.ddcommon .ddTitle .ddTitleText{display:block;}
.ddcommon .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ddcommon .ddTitle .description{display:block;}
.ddcommon .ddTitle .ddTitleText img{position:relative; vertical-align:middle; float:left}
.ddcommon .ddChild{position:absolute;display:none;width:100%;overflow-y:auto; overflow-x:hidden; zoom:1; z-index:9999}
.ddcommon .ddChild li{clear:both;}
.ddcommon .ddChild li .description{display:block;}
.ddcommon .ddChild li img{border:0 none; position:relative;vertical-align:middle;float:left}
.ddcommon .ddChild li.optgroup{padding:0;}
.ddcommon .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ddcommon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ddcommon .noBorderTop{border-top:none 0  !important; padding:0; margin:0;}

/*************** default theme **********************/
.dd{border:1px solid #c3c3c3;}
.dd .divider{border-left:1px solid #c3c3c3; border-right:1px solid #fff;; right:24px;}
.dd .ddArrow{width:16px;height:16px; margin-top:-8px; background:url(../images/dd_arrow.gif) no-repeat;}
.dd .ddArrow:hover{background-position:0 100%;}
.dd .ddTitle{color:#000;background:#e2e2e4 url(../../images/msdropdown/skin1/title-bg.gif) repeat-x left top;}
.dd .ddTitle .ddTitleText{padding:5px 20px 5px 5px;}
.dd .ddTitle .ddTitleText .ddTitleText{padding:0;}
.dd .ddTitle .description{font-size:12px; color:#666}
.dd .ddTitle .ddTitleText img{padding-right:5px;}
.dd .ddChild{border:1px solid #c3c3c3; background-color:#fff; left:-1px;}
.dd .ddChild li{padding:5px; background-color:#fff; border-bottom:1px solid #c3c3c3;}
.dd .ddChild li .description{color:#666;}
.dd .ddChild li .ddlabel{color:#333;}
.dd .ddChild li.hover{background-color:#f2f2f2}
.dd .ddChild li img{padding:0 6px 0 0;}
.dd .ddChild li.optgroup{padding:0;}
.dd .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.dd .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.dd .ddChild li.selected{background-color:#d5d5d5; color:#000;}
#link508
{
	color:white;
	text-decoration: underline;
}