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

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 60px;
  background-color: #f5f5f5;
}



/* pushes container down from under navbar */
body {
  padding-top: 110px; /*got this covered by .tab-pane*/
}
@media (max-width: 991px) {
  body {
    padding-top: 180px;
  }
}

.tab-pane[id] {
  padding-top: 90px;
  margin-top: -45px;
}



.scrollme {
   /* Optional - You can set a  min-height : whatever px; for reserving some space*/
   height: 200px; /* Fix a height here */
   overflow: auto; /* Optionally you can also use overflow: scroll; */
}


/*  font size nav bar*/
@media screen and ( max-width: 1000px ) {
  .navbar-collapse.collapse {
     font-size: .8em;
  }
}


/*unlocks the sidebar */
@media (max-width: 991px) {

.affix{
position:relative;
}

}

@media (max-width: 768px) {
.container>.navbar-header, .container>.navbar-collapse {
  margin-left: 0px;
}
}


/*Make the nav-bar menu visible*/

.navbar-toggle .icon-bar{
  background-color:white;
}


/* Custom navbar
-------------------- */

.navbar-custom {
    background-color:rgba(30,68,138,0.98);
    color:#ffffff;
    border-radius:0;
}

.navbar-custom .navbar-nav > li > a {
    color:#fff;
    background-color:transparent;

}
.navbar-custom .navbar-nav > .active > a, 
.navbar-nav > .active > a:hover, 
.navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color:transparent;    
    text-shadow: 0 2px 0 rgba(0,0,0,.50);

}
.navbar-custom .navbar-brand {
    color:#fdcb0b;
}

.navbar-custom .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color:#fdcb0b;

}


.item {
  vertical-align: top;
}

.navbar-toggle {
    color:#fdcb0b;

}





/* sidebar 

header{
  height:100px;
}
.coe-sidenav.affix {
    top: 65px;
}
@media (min-width: 1200px) {
  .coe-sidenav {
      width: 258px;
  }
  .coe-sidenav {
      width: 228px;
      margin: 10px 0 0;
      padding: 0;
      background-color: #fff;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
      -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
      box-shadow: 0 1px 4px rgba(0,0,0,.065);
  }
  .affix {
    position: fixed;
  }
}



header{
  height:100px;
}
.bs-docs-sidenav.affix {
    top: 10px;
}
@media (min-width: 1200px) {
  .bs-docs-sidenav {
      width: 258px;
  }
  .bs-docs-sidenav {
      width: 228px;
      margin: 10px 0 0;
      padding: 0;
      background-color: #fff;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
      -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
      box-shadow: 0 1px 4px rgba(0,0,0,.065);
  }
  .affix {
    position: fixed;
  }

}
*/

.cursor {
  cursor: pointer;
}

.background-yellow {
      background-color:#FFEB00;    
}

.background-blue {
      background-color:#D6D6FF;    
}


.background-brown {
      background-color:#DDBC87;    
}

.background-red {
      background-color:#ED9791;    
}

.background-orange {
      background-color:#FFA44A;    
}

.background-green {
      background-color:#B7F7CE;    
}

.background-grey {
      background-color:#B5B5B5;    
}


.activity-underline {
    text-decoration: underline;
}




 /* for the drag and drop module2b.html#section-1-activity-3 
 special thanks to http://farhadi.ir/projects/html5sortable/ */

    .sortable {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    .sortable.grid {
      overflow: hidden;
    }
    .sortable li {
      list-style: none;
      border: 1px solid #CCC;
      background: #F6F6F6;
      color: #1C94C4;
      margin: 5px;
      padding: 5px;
      height: 40px;
    }
    .sortable-answer li {
      list-style: none;
      border: 1px solid #CCC;
      background: #F6F6F6;
      color: #1C94C4;
      margin: 5px;
      padding: 5px;
      height: 42px;
    }
    .sortable.grid li {
      line-height: 80px;
      float: left;
      width: 80px;
      height: 80px;
      text-align: center;
    }
    .handle {
      cursor: move;
    }
    .sortable.connected {
      width: 200px;
      min-height: 100px;
      float: left;
    }
    li.disabled {
      opacity: 0.5;
    }
    li.highlight {
      background: #FEE25F;
    }
    li.sortable-placeholder {
      border: 1px dashed #CCC;
      background: none;
    }