/* Sticky footer styles
--------------------------------------------------- */

html {
  position: relative;
  min-height: 100%;

}
body {
  /* Margin bottom by footer height */
  background-color: #efefef;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  min-height: 60px;
  background-color: #0D60A7;
}

body > .container {
  padding:100px 0;
}

.container .text-muted {
  margin: 20px 0;
  color: white;
}

#main-container-list {
   padding: 10px 0;

}

.text-muted a {
  color: white;
}

.text-muted a:hover {
  color: white;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;

}
.step-panel .panel-heading {
  background-color: black;
  border-color: black;
}

.step-panel {
 
  border-color: black;
}

#footer-image {
  margin-top: 15px;
}

.header-image {
  height: 78px;
  padding: 10px 0 10px 0;
}

#step-nav-left {
  padding-top: 10px;
}

/****STEP NAVBAR****/

.navbar-step {
  background-color: #b00;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  z-index: 10001;
}
.navbar-step .navbar-brand {
  color: #FFFFFF;
}
.navbar-step .navbar-brand:hover,
.navbar-step .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-step .navbar-text {
  color: #FFF;
}
.navbar-step .navbar-nav > li > a {
  color: #FFF;
}
.navbar-step .navbar-nav > li > a:hover,
.navbar-step .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
  text-decoration: underline;
}
.navbar-step .navbar-nav > .active > a,
.navbar-step .navbar-nav > .active > a:hover,
.navbar-step .navbar-nav > .active > a:focus {
  color: #fff;

}
.navbar-step .navbar-nav > .disabled > a,
.navbar-step .navbar-nav > .disabled > a:hover,
.navbar-step .navbar-nav > .disabled > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-step .navbar-toggle {
  border-color: #333;
}
.navbar-step .navbar-toggle:hover,
.navbar-step .navbar-toggle:focus {
  background-color: #333;
}
.navbar-step .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-step .navbar-collapse,
.navbar-step .navbar-form {
  border-color: #101010;
}
.navbar-step .navbar-nav > .open > a,
.navbar-step .navbar-nav > .open > a:hover,
.navbar-step .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}

@media (max-width: 767px) {
    .navbar-step .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
  }
    .header-image{
   height: 50px;
}
 .navbar-step .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
.navbar-step .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }

  .navbar-step .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-step .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
    text-decoration:underline;
  }
  .navbar-step .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-step .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-step .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-step .navbar-nav .open .dropdown-menu > .disabled > a,
 .navbar-step .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-step .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-step .navbar-link {
  color: #777;
}
.navbar-step .navbar-link:hover {
  color: #fff;
}
.navbar-step .btn-link {
  color: #777;
}
.navbar-step .btn-link:hover,
.navbar-step .btn-link:focus {
  color: #fff;
}
.navbar-step .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-step .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

ul.nav li .btn {
    margin-top: 10px;
    padding: 5px;
    color: #ffffff;
    border-color: #ffffff;
    background-color: transparent;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}

.tabbable {
    padding: 20px;
    
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

.nav-tabs {
    margin: 0;
}

.tab-content {
    height: 100%; 
    border-left: 1px solid #ccc ; 
    border-right: 1px solid #ccc;
}

#profile-panel {
  padding-bottom: 40px;
}


.tab-icon {
  font-size: 64px;
}

.progress-col {
  padding-left: 0;
}

.mini-course-details {
  border-bottom: 1px solid #ddd;
  padding-top: 20px;
}

li.rating-stars i {
  color: #f0ad4e;
}


.form-search {
  padding: 10px 0 50px 0;
}

#stars i {
  color: #5cb85c;
  font-size: 18px;
}

.fa-7xs {
  font-size: 90px;
}

.course-overview {
  padding-bottom: 20px;
}
.rating-alert {
  margin: 0;
  color: #5cb85c;
}

p.ratings-total {
  margin:0;
}

#total-row {
  margin-bottom: 15px;
}

.detail-form {
  margin-top: -6px;
}

.page-header {
  border-bottom: 1px solid #D8D8D8;
}
.page-header h2 {
  margin-left: 20px;
}

.course-list-panel .mini-course-details {
  padding: 10px;
}

.course-list-search {
  margin-bottom: 40px;
}

.jumbotron {
  background-color: #0D60A7;
  margin-bottom: 0;
 padding: 70px 0 25px;
  background: linear-gradient(180deg, #0D60A7 25%,rgba(109, 159, 202, 1)100%);
}

.step-jumbotron {
 
  color: #FFFFFF;
}

.step-jumbotron p{
 
  font-size: 18px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);

}

.step-jumbotron-bottom {
 padding: 30px 0 25px 0;
  color: #000000;
  background-color: #FFFFFF;
  border-bottom: none;
}

.step-jumbotron-bottom p {
  text-align: center;
  font-size: 14px;
}

.step-jumbotron .btn {
  font-size: 18px;
  padding: 10px;
  color: #ffffff;
  border-color: #ffffff;
  background-color: transparent;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}

.step-jumbotron .btn:hover {
  background-color: #FFFFFF;
  border-color:  #0D60A7;
  color:  #0D60A7;
  text-shadow: 0 -1px 0 #ffffff;
}

ul.nav li .btn:hover {
  background-color: #FFFFFF;
  border-color:  #0D60A7;
  color:  #0D60A7;
  text-shadow: 0 -1px 0 #ffffff;
  text-decoration: none;
}

.step-jumbotron li {
  padding: 0 10px 0 10px;
}

.step-jumbotron h3 {
 
  text-shadow: 4px 3px 0px #3A5E52, 5px 4px 0px rgba(0, 0, 0, 0.15);
  margin: 50px 0 15px;
  letter-spacing: 1px;
}


.step-jumbotron h2 {
 
  text-shadow: 4px 3px 0px #3A5E52, 5px 4px 0px rgba(0, 0, 0, 0.15);
  margin: 50px 0 15px;
  letter-spacing: 1px;
}

.vid-placeholder {
  padding-top: 30px;
}

.carousel-control.left, .carousel-control.right {
  background-image: none;
  background-repeat: no-repeat;
}

.carousel-control.left {
  margin-left: -60px;

}

.carousel-control.right {
  margin-right: -60px;

}

/********jumbo carousel************/

#step-carousel h4{
  padding-top: 60px;
}

#step-carousel .row {
  margin-top: 35px;
  margin-bottom: 10px;

}

#step-carousel ol.carousel-indicators {

  bottom: 0px;

}

#step-carousel .carousel-control {
  margin-top: 225px;
}

.slider-badge {
  position: relative;
  margin: auto;
  /*margin-top: -38px;*/
  margin-bottom: 10px;
  background: #FFFFFF;
  color: #436B8C;
  width: 70px;
  height: 70px;
  border-radius: 5px;
  line-height: 20px;
}

.slider-badge i {
  margin-top: 15px;
}

.stats {
  position: absolute;
  margin-top: -50px;
  margin-left: 60px;
  z-index: 10;
}

.high-recommend {
 
  font-size: 50px;

}

.stats span.label {
  font-size: 85%;
  border: 1px solid white;
  border-radius: 3px;
}


.divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.sub-content-alt {
    padding: 22px 0 17px;
    /* text-align: center; */
    background-color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #eee;
}

#maintDiv {    
     padding-top: 62px; 
}

#image-panel-container .col-sm-4 {
    padding-top: 15px;
}

#image-panel-container p {
    padding-top: 15px;
}

#sub-content-border {
  border-bottom: 1px solid #D3D3D3;
}

.hero-panel {
   /*border: 1px solid #D3D3D3;*/
}

.hero-panel-badge {
  position: relative;
  margin: auto;
  /*margin-top: -38px;*/
  margin-bottom: 10px;
  background: #5C79A6;
  color: #fff;
  width: 60px;
  height: 60px;
  border-radius: 100px;
  line-height: 40px;
}

.hero-panel-badge i {
  margin-top: 15px;
}

#image-panel-container .col-sm-4 {
  padding-top: 15px;
}

#image-panel-container p {
  padding-top: 15px;
}

.question .alert {
    margin-bottom: 0px;
}

#content-browser-container{
    margin: 40px 0 40px 0;
}

/*--------------------------------------------------------------------------
--
-- Content Progress
--
--------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------
--
-- Buttons
--
--------------------------------------------------------------------------*/

.button, 
.button-disabled,
.button-orange {
    display: inline-block;
    /*font-weight: bold;*/
    color: #FFF;
    padding: 6px 10px 5px 10px;
    width: auto;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    font-size: 1.1em;
    font-family: arial, verdana, sans-serif;
}

/*.button {
    background: #45ad50 url('../i/button-bkgd.jpg') top left repeat-x;
    border: 1px solid #369241; }*/

.button-orange  {
    background: #45ad50 url('../i/button-bkgd-orange.jpg') top left repeat-x;
    border: 1px solid #d57415; 
}

.button-disabled,
.button-disabled:hover 
{
    color: #fafafa;
	cursor: default;
	background-color: #CCCCCC;
    border: 1px solid #AAAAAA; 
}

/*.button:hover  {
    background: #369241 url('../i/button-bkgd-hover.jpg') top left repeat-x;
    color: #FFF; 
}*/

.button-orange:hover  {
    background: #369241 url('../i/button-bkgd-hover-orange.jpg') top left repeat-x;
    color: #FFF; 
}

.button-link {
    display: inline;
    font-weight: normal;
    color: #56a0d3;
    padding: 7px 0 6px 0;
    width: auto;
    margin: 10px 5px 0 5px;
    text-decoration: underline;
    cursor: pointer;
    white-space: nowrap;
    font-size: 1.1em;
    font-family: arial, verdana, sans-serif;
    background: none;
    background-color: transparent;
    border: none;
}

.button-link:hover { text-decoration: underline; color: #4179a0; }

.arrow-link {
    display: block;
    /*padding-left: 11px;*/
    border: none;
    cursor: pointer;
    /*text-decoration: underline;*/
    text-align: left;
}

.button.selected {
    background: none;
    border: none;
    color: #666;
    font-weight: normal;
}

.button-right {
    display: block; 
    position: relative; 
    width: 100%; 
    z-index: 99; 
}

.button-right div {
    display: block; 
    position: absolute; 
    top: 10px; 
    right: 10px; 
}

.button-right div.no-tabs { top: -32px; }

.button-right div.inside-tab { top: -50px; }

.summary .button-right div { top: 50px; }

.summary .button-right div.no-tabs { top: -25px; }

#syllabus > li.closed > ul
{
    display: none;            
}

#syllabus .module .toggle
{
    float: left;
    padding-right: 5px;
    display: block;
    background: transparent url('../i/arrow-down.png') 0 0 no-repeat;
    width: 20px;
    height: 25px;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
        
#syllabus > li.closed .module .toggle
{
    background: transparent url('../i/arrow.png') 0 0 no-repeat;
}

#syllabus .module .toggle:hover
{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}


.toggle-panel:before
{
    float: left;
    padding-right: 5px;
    display: block;
    width: 20px;
    height: 20px;
    font-family: FontAwesome;
    content: '\f146'; 
    color: black;
}
        
.toggle-panel.collapsed:before
{
    font-family: FontAwesome;
    content: '\f0fe'; 
    color: black;
}

.module-panel {
    padding-top: 4px;
}


.button-container {
    margin-bottom: 20px;
}

.module-panel-body {
    border-top: 1px solid #ddd;
} 


.mini-details-list {
    padding-bottom: 15px;
}

.content-actions {
    padding-top: 15px;
}    

.content-tabs {

    background-color: #efefef;
}
.no-border {
    border: none;
}

.hidden {
    display:none;
}

#main_content .ui-widget-content li.active a{
color:#ffffff;
}

.pagination {
    margin-bottom: -9px;
}

.sub-content {
    padding: 22px 0 17px;
    text-align: center;
    background-color: #f5f5f5;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #eee;
}

/* --- Form Hints --- */

/* show .hint and by default */
div span.hint 
{ display: block; z-index: 10; }

/* hide .invalid by default */
div span.invalid 
{ display: none; z-index: 10; }
        
/* .focus show .hint */
span.hint{ display: block; }         
/* .error hide .hint */
div.error span.hint { display: none; }
        
/* .focus hide .invalid */
div.focus span.invalid { display: none; }
/* .error show .invalid */
div.error span.invalid { display: block; }

div.validate span.invalid span { display: none; }
div.validate span.invalid span.on { display: block; }

/* optional fields */
div.optional { display: none; }
div.optionaltrigger { cursor: pointer; color: #56a0d3; }
        
/* fieldset list item labels */
fieldset ul li label, fieldset span label {
    float: none;
    display: inline-block;
    width: auto;
    padding-left: 5px;
    font-weight: normal;
    cursor: pointer;
}


/* --- Form Hints: Focus --- */

fieldset .focus input[type=text], 
fieldset .focus input.text,
fieldset .focus textarea {
  border-left: 2px solid #56a0d3;
  border-right: 2px solid #56a0d3;
  border-top: 1px solid #56a0d3;
  border-bottom: 1px solid #56a0d3; 
}

fieldset .hint {
  
    font-size: 0.9em;
    color: #666;
    padding: 7px 5px 8px 0px;
    line-height: 105%;
    font-weight: normal;
}


/* --- Form Hints: Error --- */

fieldset .error input[type=text], 
fieldset .error input.text,
fieldset .error textarea
{border: 1px solid #FF0000; }

fieldset .error.focus input[type=text], 
fieldset .error.focus input.text,
fieldset .error.focus textarea {
    border-left: 2px solid #FF0000;
    border-right: 2px solid #FF0000;
    border-top: 1px solid #FF0000;
    border-bottom: 1px solid #FF0000; 
}

fieldset .error .invalid {

    font-size: 0.9em;
    color: #FF0000;
    padding: 9px 5px 8px 0px;
    line-height: 115%;
    margin-top: -5px;
}

fieldset .validationsummary, fieldset .validation-summary-errors {

    font-size: 1.0em;
    font-weight: bold;
    color: #FF0000;
    padding: 1px 5px 0px 0px;
    line-height: 115%;
    min-height: 25px;
}

fieldset .error .invalid i {

   color: #FF0000;
}

fieldset .validationsummary i, fieldset .validation-summary-errors i {
    color: #FF0000;
}



/*--------------------------------------------------------------------------
--
-- Password Validation Messaging
--
--------------------------------------------------------------------------*/

.password_strength { display: inline-block; }

.passwordValidatorSecure {
    background: transparent url('../i/icon-success.png') 5px center no-repeat;
    font-size: 0.9em;
    font-weight: normal;
    color: Green;
    padding: 8px 5px 8px 25px;
    line-height: 120%;
}

.passwordValidatorAlmostSecure {
    background: transparent url('../i/icon-warning.png') 5px 4px no-repeat;
    font-size: 0.9em;
    font-weight: normal;
    color: #666;
    padding: 8px 5px 8px 29px;
    line-height: 120%;
}

.passwordValidatorNotSecure {
    background: transparent url('../i/icon-failed.png') 5px center no-repeat;
    font-size: 0.9em;
    font-weight: normal;
    color: #ff0000;
    padding: 8px 5px 8px 28px;
    line-height: 120%;
}

.login-box {
    padding-bottom: 5px;
}


/*--------------------------------------------------------------------------
--
-- Modals
--
--------------------------------------------------------------------------*/

#message-modal, #dialog-confirm {
    top:35%;
}

#sub-navigation {
    padding-top: 40px;
}
.community-header h4 > a {
padding: 2px 6px 2px 0;
display: inline-block;
width: 12px;
height: 12px;
background: url('../i/arrow.jpg') no-repeat bottom left;
}


.community-header.expanded h4 > a { 
    background: url('../i/arrow-down.jpg') no-repeat bottom left; 

}

.community-header h4 > div {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
filter: alpha(opacity=95);
-moz-opacity: 0.95;
-khtml-opacity: 0.95;
opacity: 0.95;
-webkit-box-shadow: 0 4px 10px #8b8b8b;
-moz-box-shadow: 0 4px 10px #8b8b8b;
box-shadow: 0 4px 10px #8b8b8b;
z-index: 1000;
padding: 15px 5px;
width: 400px;
max-height: 500px;
overflow: auto;
border: solid 1px #A5A5A5;
background: #fff;
display: none;
position: absolute;
font-size: .8em;
font-weight: normal;
}

.community-header h4 > div ul,
.community-header h4 > div li
{ display: block; float: none; padding: 0; }

.community-header h4 > div li a
{ 
    display: block;
    padding: 0 0 2px 0; 
}

.community-header h4 > div li > ul { padding: 0; }

.community-header a.inactive,
.community-header a.inactive:hover,
.community-header a.inactive:active
{ color: #777; }

.community-header a.current { font-weight: bold; }

.community-header h4 > div > ul { overflow: auto; }
.community-header h4 > div ul { margin: 0 0 0 10px; }

.community-header h4 > div
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;	
    -webkit-box-shadow: 0 4px 10px #8b8b8b;
    -moz-box-shadow: 0 4px 10px #8b8b8b;
    box-shadow: 0 4px 10px #8b8b8b;
    z-index: 1000;
    padding: 15px 5px;
    width: 400px;
    max-height: 500px;
    overflow: auto;
    border: solid 1px #A5A5A5;
    background: #fff;
    display: none;
    position: absolute;
    font-size: .8em;
    font-weight: normal;
}

.community-header.expanded h4 > div { display: block; }


.expandable > a,
.repeater-container .repeater-controls .filters > a 
{ 
    padding: 2px 6px 2px 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url('../i/arrow.jpg') no-repeat bottom left; 
}

.expandable.expanded > a,
.repeater-container .repeater-controls .filters.expanded > a 
{ 
    background: url('../i/arrow-down.jpg') no-repeat bottom left; 
}

.expandable > div,
.repeater-container .repeater-controls .filters .filterContainer
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;	
    -webkit-box-shadow: 0 4px 10px #8b8b8b;
    -moz-box-shadow: 0 4px 10px #8b8b8b;
    box-shadow: 0 4px 10px #8b8b8b;
    z-index: 100;
    padding: 5px;
    width: 200px;
    max-height: 500px;
    overflow: auto;
    border: solid 1px #A5A5A5;
    background: #fff;
    display: none;
    position: relative;
    font-size: .8em;
    font-weight: normal;
}

.repeater-container .repeater-controls .filters .filterContainer .filter
{    
    display: block;    
    color: #222;
    margin: 1px;
    padding: 2px 4px;
    width: auto;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    font-size: 1.1em;
}


.repeater-container .repeater-controls .filters .filterContainer .filter
{    
    display: block;    
    color: #222;
    margin: 1px;
    padding: 2px 4px;
    width: auto;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    font-size: 1.1em;
}

.filterContainer .filter:hover
{
    cursor: pointer;
    background: #fafafa;
}

.filterContainer .filter label
{
    font-weight: normal;
}

.expandable.expanded > div,
.repeater-container .repeater-controls .filters.expanded .filterContainer { display: block; }

/*--------------------------------------------------------------------------
--
-- Reports
--
--------------------------------------------------------------------------*/




.ie7 #report-h1 { line-height: 1.2em; margin-top: 0px; margin-bottom: 15px;}

table.table
{
    width:100%;
    margin-bottom:18px;
    border-collapse:collapse;
    border-spacing:0;
}
    
table.table thead th
{
    vertical-align:bottom;
    border-top:0;
}
    
   
table.table th, table.table td
{
    padding:4px 8px;
    line-height:17px;
    text-align:left;
    vertical-align:top;
    border-top:1px solid #ddd;
    font-size: 12px;
}
    
table.table th
{
    font-weight:bold;
}

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
    background-color: #f0f0f0;
}

table.table tr:hover td
{
    background-color:#E1F1FC;
}
        
.percent-container
{
    position:relative;
    text-align:center;
    border:1px solid #49AFCD;
    background-color:#fff;
}

.percent-container .bar
{
    position:absolute;
    background-color:#e1f1fc;
    z-index:1;
}
        
.percent-container span
{
    z-index:2;
    position:relative;
}

dl.inline
{
    margin:1em 0;
    overflow:auto;
}

dl.inline dt, dl.inline dd
{
    float:left;
    line-height:1.5em;
}

dl.inline dt
{
    font-weight:bold;
    clear:both;
    width:8em;
}

.action-icon { padding-left:20px; margin-left:10px; padding-top:2px; min-height:20px; background-repeat:no-repeat; background-position:left center;}


.icon-print { background-image:url(../i/printer.png) }

.icon-print:hover {cursor: pointer;}
.icon-add { background-image:url(../i/add.png) }
.icon-delete { background-image:url(../i/delete.png) }

#dateForm 
{
    float: left;
}

#graph-button 
{
    margin-left: 100px;
}

/*.filter-remove 
{
    background-image: url('../i/report-unfilter.png');
    background-position: center;
    background-repeat: no-repeat;
    text-decoration: none;
    padding-left: 8px;
}

.sort-link-asc
{
    background-image: url('../i/report-arrow-up.png');
    background-position: center;
    background-repeat: no-repeat;
    text-decoration: none;
    padding-left: 8px;
}

.sort-link-desc
{
    background-image: url('../i/report-arrow-down.png');
    background-position: center;
    background-repeat: no-repeat;
    text-decoration: none;
    padding-left: 8px;
}

.filter-link
{
    background-image: url('../i/report-filter-on.png');
    background-position: center;
    background-repeat: no-repeat;
    text-decoration: none;
    padding-left: 8px;
}

.unfilter-link
{
    background-image: url('../i/report-filter-off.png');
    background-position: center;
    background-repeat: no-repeat;
    text-decoration: none;
    padding-left: 8px;
}*/

#toggle-filter-checkbox 
{
    vertical-align: -2px !important;
}

#toggle-filter-a
{
    padding-left: 5px !important;
    margin-left: 0px !important;
}

#report-iframe 
{  
    position:relative;
     background-color: #FFF;
}

.report-pager
{
	margin: 8px 3px;
	padding: 3px;
}

.report-pager .disabled
{
    display:inline-block;
    width:40px;
	border: 1px solid #ddd;
	color: #999;
	margin-top: 4px;
	padding: 3px;
	text-align: center;
    border-radius: 3px;
}

.report-pager .current
{
    display:inline-block;
    width:40px;
	background-color: #6ea9bf;
	border: 1px solid #6e99aa;
	color: #fff;
	font-weight: bold;
	margin-top: 4px;
	padding: 3px 5px;
	text-align: center;
    border-radius: 3px;
}

.report-pager span, .report-pager a
{
	margin: 4px 3px;
}

.report-pager a
{
    display:inline-block;
    width:40px;
	border: 1px solid #aaa;
	padding: 3px 5px;
	text-align: center;
	text-decoration: none;
    border-radius: 3px;
}

.repeater-container a.remove
{    
    padding: 0;
    padding: 0 2px;
    margin: 0;
    background: url('../i/delete.png') no-repeat center left;
    border: none;
    display: inline-block;
    height: 16px;
    width: 16px;
}

/*--------------------------------------------------------------------------
--
-- Wizard
--
--------------------------------------------------------------------------*/
#wizard-modules-container,
#wizard-module {
    -webkit-touch-callout: none;/*for mobile*/
    -webkit-user-select: none;/*for chrome*/
    -khtml-user-select: none;/*for safari*/
    -moz-user-select: none;/*for Mozilla*/
    -ms-user-select: none;/*for mircosoft*/
    -o-user-select: none;/*for opera*/
    user-select: none;/*base css */
}


.wizard-remove-content i {
    color: #d9534f;
}


#wizard-modules-container li.active a {
    color: #fff;
   
}


#wizard-module-content-list li:hover {
    background-color: #f7f7f9;
     cursor: move;
}

#wizard-modules li.active:hover
{
     background-color: #337ab7;
    cursor: move;
}

#wizard-modules li:hover
{
    background-color: #f7f7f9;
    cursor: move;
}

.wizard-remove-module i {
    color: #d9534f;
}

/*.wizard {
    display: block;
	list-style-type:none;
	text-align: center;
    margin: 0 auto;
}

.ie7 .wizard
{
    padding-left: 250px;    
}

.wizard li 
{    
	display: inline-block;
	margin: 10px 5px 20px 5px;
	background: url('../i/wizard-bkgd.jpg') top left repeat-x;
	height: 40px;
	line-height: 40px;
}

.ie7 .wizard li
{    
    display: block;
    height: 50px;
    float: left;
}

.wizard li a 
{    
	padding: 13px 25px 13px 15px;
	cursor:pointer;
	text-decoration:none;
	font-size:0.9em;
	color:#666;
	background: url('../i/wizard-default.jpg') top left no-repeat;
	border: 1px solid #d1d1d1;
}

.ie7 .wizard li a
{
    height: 40px;
    display: block;
    padding: 0 25px 0 15px;
}

.wizard li a span { font-size: 1.4em; font-weight: bold; padding-right: 38px; }

.wizard li a:hover  {
    border: 1px solid #d1d1d1; 
    cursor: default; 
}

.wizard li.current a:hover  {
    border: 1px solid #73a9d2; 
    cursor: default; 
}

.wizard li.success a:hover  {
    border: 1px solid #73a9d2;
    cursor: pointer;
}

.wizard li.success a {
	color: #999;
	background: url('../i/wizard-success.jpg') top left no-repeat;
	border: 1px solid #e1e1e1;
	padding-left: 60px;
}

.wizard li.current a {
	color: #333;
	background: url('../i/wizard-active.jpg') top left no-repeat;
	border: 1px solid #73a9d2;
}

.wizard li.current a span { color: #fff; }

.wizard .button-container {
	text-align: center;
	margin: 20px auto 0 auto;
	width: auto;
}*/


.wizard-text {
    display: block;
    text-align: center;
    word-wrap: break-word;
}

#wizard-nav li {
    padding: 0 20px 0 20px;
}

.lightboxContainer {
	position: absolute;
	width: 988px;
    height: 575px;
	background: #fff;
	z-index: 10001;
	display: none;
}

.lightboxDemo {
	position: absolute;
	width: 1052px;
    height: 803px;
	background: #fff;
	z-index: 10001;
	display: none;
}

.lightboxDemoiOSDevice {   
	width: 1044px;
    height: 800px;
	position: fixed;
	top: 0px;
	left: 80px;
    z-index: 10001;
    background: #fff;
}

#lightbox-shadow {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	z-index: 10000;
	display: none;
}

#lightboxClose {
    color: black;
    position: absolute;
    bottom:5px;
    right:12px;
}

#lightboxBottom {
    display: block;
    background-color: blue;
    width: 100%;
}

#lightboxTitle {
    position: absolute;
    bottom:5px;
    left: 14px;
}

.dash-pagination {
    padding-bottom: 15px;
}

/*--------------------------------------------------------------------------
--
-- Completion Certificate
--
--------------------------------------------------------------------------*/

#certificate-function-list {float:right;list-style-type:none;line-height:20px;margin-right:20px;}
#certificate-function-list li { float:right;}
#certificate-function-list li a { padding-left:20px; margin-left:10px; padding-top:0px; height:25px; display:block; background-repeat:no-repeat; background-position:left center; }

.certificate {
    display: block;
    position: relative;
    width: 761px;
   height: 625px;
    margin: 0px 0px 0px 8px;
    top: 25px;
}

.ie7 .certificate 
{
    top: 0px;
}

.certificate .background {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.certificate .title {
    display: block;
    position: relative;
    text-align: center;
    padding: 70px 0 20px 0;
}

.certificate .headline {
    font-size: 1.0em;
    text-align: center;
    display: block;
    position: relative;
}

.certificate .student {
    color: #000000;
    font-size: 2.5em;
    margin-top: 0;
    padding: 0 0 10px 0;
    font-weight: normal;
}

.certificate .course {
    color: #000000;
    font-size: 2.0em;
}

.certificate .signature {
    display: block;
    position: relative;
    width: 50%;
    margin: 35px auto 10px auto;
    border-top: 1px solid #000;
    padding: 10px;
    font-size: 1.0em;
    text-align: center;
}

.certificate .details {
    display: block;
    position: relative;
    bottom: -155px;
    left: 10px;
    font-size: 1.0em;
}

.certificate .details p {
    margin: 0; 
    padding: 5px 0; 
}

.certificate .details .labels {
    float: left;
    margin-right: 20px;
    font-weight: bold;
    display: inline-block;
    margin-top: -50px !important;
}    

.certificate .details .info  {
    float: left;
    font-weight: normal;
    display: inline-block;
}

.certificate .burst {
    display: block;
    position: relative;
    float: right;
    clear: left;
    /* bottom: 45px; 
    right: 30px; */
    margin: -5px 20px 0 0;
}

.certificate .cicp-burst {
    display: block;
    position: relative;
    float: right;
    clear: left;
    /* bottom: 45px; 
    right: 30px; */
    margin: 70px 10px 0px 0px;
}



.print-certificate {
    margin: 0 30px 0 auto; 
    width: 110px;
}

body.iframe {
    background-color: #FFFFFF;
}

.repeater-container .selected-item {
margin: 0;
cursor: default;
padding: 3px 2px 2px 1px;
line-height: 1.4em;
vertical-align: top;
display: block;
float: none;
}
.repeater-container .selected-items {
min-width: 300px;
}

.dash-nav > li > a {
position: relative;
display: block;
padding: 10px 6px;
}

.repeater-item.inactive
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.repeater-item.inactive:hover
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;

}

#recent-carousel {
    padding: 25px 0 25px 0;
}

.carousel-control.left, .carousel-control.right {
  background-image: none;
  background-repeat: no-repeat;
}

.carousel-control.left {
  margin-left: -60px;

}

.carousel-control.right {
  margin-right: -60px;

}

.carousel-control {
    margin-top: 65px;
}

.enroll {
    margin-bottom: 20px;
}


#report-action-list {
color: #428bca;
}

#cert-modal {
    width: 810px;
}

.repeater-item.contenttype-quiz {

    padding-bottom: 20px;
}

.displayContainer.selected-items.expandable-container {
    position: absolute;
}


.forum-row {
 
     padding: 10px;
}

.player-syllabus-content-list li {
    padding: 5px 0px 10px 20px;
    border-bottom: 1px solid #ddd;
}

#users .filters {
    position:absolute;
}


@media only screen and (min-device-width: 768px){

   #main-container {
       min-width: 620px;
    }
}

#player-module h4 {
    padding-top: 2px;
}

#content-search, #unauth-content-search {
    padding-bottom: 20px;
}

#ajax-loader i {
   position: absolute;
   top: 42%;
   right: 50%;
}

.content-spinner {
    width: 100%;
}

.content-spinner i {
   margin-top: 22%;
   position: absolute;
   left: 45%;
}

/*CSS for collapsable nav tabs*/
@media screen and (max-width: 375px) {
  .nav-tabs-responsive > li {
    display: none;
    width: 23%;
  }
  .nav-tabs-responsive > li > a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
    width: 100%;
    text-align: center;
    vertical-align: top;
  }
  .nav-tabs-responsive > li.active {
    width: 54%;
  }
  .nav-tabs-responsive > li.active:first-child {
    margin-left: 23%;
  }
  .nav-tabs-responsive > li.active, .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {
    display: block;
  }
  .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  .nav-tabs-responsive > li.next > a, .nav-tabs-responsive > li.prev > a {
    -webkit-transition: none;
    transition: none;
  }

  .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.prev > a:after, .nav-tabs-responsive > li.prev > a:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .nav-tabs-responsive > li.dropdown.active > a:after {
    display: none;
  }
  .nav-tabs-responsive > li.dropdown.active > a > .caret {
    display: inline-block;
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-left {
    left: 0;
    right: auto;
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-center {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-right {
    left: auto;
    right: 0;
  }
}

::-ms-clear {
    width : 0;
    height: 0;
}

.small-badge {
    opacity: .50;
}

/*Styles for PBA report*/
#odx-list li.active a {
    color: #fff;
   
}

  @media screen {
     #print-section {
      display: none;
    }
  }

  @media print {
      body * {
        visibility:hidden;
      }

      #column_right, #column_left, #function-list, #notifications {
          display: none;
      }

      #print-section, #print-section * {
        visibility:visible;
      }
      #print-section {
        position:absolute;
        left:0;
        top:0;
      }
      .report, .report * { visibility: visible }
}

/* Gameshow layout */

@media (min-width: 768px) {
    .bs-glyphicons {
        margin-right: 0;
        margin-left: 0;
    }
}

.bs-glyphicons {
    margin: 0 -10px 20px;
    overflow: hidden;
}

.bs-glyphicons-list {
    padding-left: 0;
    list-style: none;
    margin-top: 10px;
}

.bs-glyphicons li.active {
    background-color: #F5F5F5;
    color: black;
    border-color: black;
}

.bs-glyphicons li.gs-started {
    background-color: #5CB85C;
    color: white;
}

.bs-glyphicons li.gs-failed {
    background-color: #F5F5F5;
    color: white;
}

.bs-glyphicons li.gs-complete {
    background-color: #CCC;
    color: black;
}

.bs-glyphicons li {
    float: left;
    width: 25%;
    height: 105px;
    padding: 10px;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
    background-color: #0088CC;
    border: 1px solid #fff;
    color: white;
}

.bs-glyphicons li  { transition: 1s; }

.bs-glyphicons li:hover { cursor: pointer; }

@media (min-width: 768px) {
    .bs-glyphicons li {
        width: 25%;
        font-size: 12px;
    }
}

.bs-glyphicons .fa {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 12px;
}
.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}
#board {
  position: relative;
  margin: 2em;
  padding: 20px;
  background-color: #a6a3a3;
  border: .4375em solid #383838;
  border-radius: 8px;
  text-align: center;
}
#board section {
  background: #fff;
  width: 20%;
  padding: 10px 0;
  min-width: 120px;
  height: 170px;
  display: inline-block;
  margin-left: -5px;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  overflow: hidden;
}
#board section span {
  font-size: 12px;
  display: block;
  position: relative;
  top: 5px;
}
#board section span.price {
  text-align: center;
  width: 100%;
  margin-bottom: 2px;
}
#board section i {
  font-size: 14px;
  margin: 16px 0 13px 0;
}
#board section:nth-child(odd) {
  background: #f2f2f2;
}
#board section:hover {
  background: #d9d9d9;
}

#board section.active {
  background: dodgerblue !important;
}
#board section.active:hover {
  background: #0483ff !important;
}
#board section.start {
  background: #ECBF41 !important;
}
#board section.start:hover {
  background: #eab72a !important;
}
#board section.end {
  background: #9363C2 !important;
}
#board section.end:hover {
  background: #8651bb !important;
}
#board section.danger {
  background: #FD7474 !important;
}
#board section.danger:hover {
  background: #fd5b5b !important;
}

#board section.gb-not-started {
    opacity: .5;
}

.badge-image {
    padding-bottom:10px;
}

.uploadUserColumn {
    width:  140px;
}
.uploadUserColumnHeader {
    font-weight: bold;
}

/****Wizard Btns*****/
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 17px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

.wizard-bg-line {
  border-top: 1px solid #ccc;
  margin-bottom: -35px;
}

.fa-collapse:hover {
    cursor:pointer;
}

.no-transition {
    -webkit-transition: height 0.001s;
    -moz-transition: height 0.001s;
    -ms-transition: height 0.001s;
    -o-transition: height 0.001s;
    transition: height 0.001s;
}


/******CMU/SEI BRANDING**********/
.wordmark {
  display: flex;
  margin-top: 12px; }
  .wordmark span {
    font-size: 0;
    line-height: 0; }

.cmu-wordmark {
  height: 27px;
  fill: white; }

.institute {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0.25rem 0; }
  .institute h1 {
    margin-top: 1rem; }
  .institute a {
    color: rgba(0, 0, 0, 0.65); }
    .institute a:hover {
      color: #c00;
      text-decoration: none; }

    footer {
  color: rgba(255, 255, 255, 0.9);
  padding: 2.125rem 0; }
  footer li + li:before {
    content: "| "; }
  footer a {
    color: white; }
    footer a:hover {
      border-bottom: 1px solid white;
      color: white;
      text-decoration: none;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }

.pre-footer {
  background-color: #909090; }

.main-footer {
  background-color: #333333; }
  .main-footer a.btn:hover {
    color: #333333; }
  .main-footer .social {
    -webkit-margin-before: 0;
    -webkit-padding-start: 0; }
    .main-footer .social li {
      list-style-type: none;
      display: inline;
      margin-right: 5px; }
      .main-footer .social li:last-child {
        margin-right: 0; }
    .main-footer .social li + li:before {
      content: ""; }
    .main-footer .social a {
      height: 30px;
      width: 30px;
      background-image: url("../i/sprites-social.png");
      background-repeat: no-repeat;
      background-size: auto 100%;
      content: '';
      display: inline-block; }
      .main-footer .social a:hover {
        border-bottom: none;
        opacity: 0.5; }
    .main-footer .social .facebook {
      background-position: 0 0; }
    .main-footer .social .twitter {
      background-position: -32px 0; }
    .main-footer .social .linkedin {
      background-position: -96px 0; }
    .main-footer .social .youtube {
      background-position: -129px 0; }
    .main-footer .social .itunes {
      background-position: -161px 0;
      border-radius: 50%; }

    .content-modal {
        top: 140px;
    }

    #add-content-modal, #view-certificate {
        top: 140px;
    }