div.modal-header{border:none;}
.panel.activity[data-status="completed"] .btn.transfer {
    display: none;
} 
.modal.learning-activity-feedback{z-index:999999;}
.spinner {
          margin: 100px auto;
          width: 200px;
          height: 60px;
          text-align: center;
          font-size: 10px;
          box-sizing:initial;
}
     

      
.spinner > div {
  background-color: #c8cdd1;
  height: 100%;
  width: 6px;
  display: inline-block;
  margin-right:3px;
  
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/* ... */

.has-spinner.active .spinner {
  opacity: 1;
  max-width: 50px; /* More than it will ever come, notice that this affects on animation duration */
}

#mycourse .row.Learning_Path tbody.objective{cursor:pointer;}
/* BOOTSTRAP iOS fixes*/
/* iPad */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    body.modal-open {
     position: fixed;
    }


}

/* iPhone */

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
     body.modal-open {
     position: fixed;
    }
}



.modal-body .coursemodule {
    -webkit-overflow-scrolling:touch;
    
}

.modal-content, 
.modal-dialog, 
.modal-body { 
/*height: inherit; 
min-height: 100%;*/ 
}

.modal { 
min-height: 100%; 
}

/* Learner view dougnut charts*/
div.doughnut{width:300px;height:300px;}

 x-pie{display:block;width:525px;height:400px;display:block;margin:-50px auto;text-align:left;}
        svg{overflow:visible;}
        svg .wedge{cursor:pointer;}
        x-pie h1{font-size:1.5em;}

/* Course Rating */
.thumbs .thumb {margin-right:10px;}

.stars .rating.highlight *,
.thumbs .thumb.meh.highlight * {
    color: yellow;
}

.thumbs .thumbs-down.highlight *,
.thumbs .thumb.frown.highlight * {color:red;}
.thumbs .thumbs-up.highlight *,
.thumbs .thumb.smile.highlight *{color:green;}


.stars .rating *,
.thumbs .rating * {font-size:2em;}

.stars .rating:hover *,
.thumbs .rating:hover * {
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -webkit-transform: scale(1);
     transform: scale(1);
 }

.stars .rating *, 
.thumbs .rating *{
    -moz-transform: scale(.8);
     -ms-transform: scale(.8);
     -webkit-transform: scale(.8);
     transform: scale(.8);
     display:inline-block;
}

.stars .rating, 
.thumbs .rating{
    cursor:pointer;
      -moz-transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5);
     -o-transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5);
     -webkit-transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5);
     transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5);
     display:inline-block;
}

#courseRating label,#divComment label{width:auto !important;}
#courseRating,#divComment{margin:20px 0px 20px 0px;width:100%;}