body {
  padding: 0;
  margin:  0;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 13px;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0, #595A5D),
  color-stop(1, #818285)
  );
  background-image: -o-linear-gradient(bottom, #595A5D 0%, #818285 100%);
  background-image: -moz-linear-gradient(bottom, #595A5D 0%, #818285 100%);
  background-image: -webkit-linear-gradient(bottom, #595A5D 0%, #818285 100%);
  background-image: -ms-linear-gradient(bottom, #595A5D 0%, #818285 100%);
  background-image: linear-gradient(to bottom, #595A5D 0%, #818285 100%);
  background-position:fixed;
  background-attachment:fixed;
}
.orange {
  color: #ff501e;
}
.topbar {
    background: #ffffff;
    padding: 0 15px;
    margin-left: 4px;
}
.banner {
    position      : relative;
    background    : #939598;
    text-transform: uppercase;
    padding: 0 15px;
    margin-left: 4px;
}
.block {
}
.item-list-field .form-control {
  width:50%!important;
}
.list-item {
  margin-bottom: 10px;
}
h3 {
    font-weight: normal;
    color: #999999;
    text-transform: uppercase;
}
h4 {
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: normal;
}

.content {
  margin-top: 70px;
  background: #f3f3f3;
  padding: 15px;
  border-style:solid;
  border-width: 1px;
  border-color: #a6a6a6;
  -moz-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-right-radius: 5px;
  -webkit-border-right-radius: 5px;
  border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow:    inset 0 0 5px #999;
  -webkit-box-shadow: inset 0 0 5px #999;
  box-shadow: inset 0 0 5px #999;
}
.topbar h1 a {
    color: black;
}
.topbar h1:before {
    display: inline-block;
    background: #ff501e;
    content: "";
    height: 75px;
    vertical-align: middle;
    width: 35px;
    -moz-border-radius-bottomright: 50px;
    -moz-border-radius-topright: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -webkit-border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    margin-left: -15px;
    margin-right: 5px;
}
.mg-hide {
  display: none;
}
.mg-ul {
  padding-left: 0;
}
.banner h1 {
    color: #ffffff;
}
.banner .top,
.banner .bottom {
    margin: 0 -15px;
}
.banner .top .navbar-inner {
    min-height: 30px;
}
.banner .top .nav > li > a {
    line-height: 9px;
}
.banner .bottom {
  bottom: 0;
}
.banner .bottom .navbar-inner {
  height: 40px;
  min-height: 40px;
}

.navbar-default {
  border-color: #777;
}
.navbar-default .navbar-brand {
  color: #eee;
  font-size:22px;
}
.navbar {
  margin-bottom: 0;
}
.navbar .nav > li > a {
  text-shadow: rgb(0 0 0) 0px 1px 0px;
  color: #eee;
  font-size:15px;
}
.navbar .nav > li > a:hover {
    color: #5e5e5e;
    filter: none;
}
.navbar-inner {
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    filter: none;
    background: #3f3f3f;
}
.navbar-header .navbar .navbar-brand > a{
    font-weight: bold;
    color: #fff
}
.nav-tabs > li > a {
  font-size: 11pt;
  color: #000000;
}
.nav-tabs > .active > a {
  color: #ff501e;
}
.navbar .nav .active > a,
.navbar .nav .active > a:hover {
  color: #ff501e;
  background: none;
}

.input-group {
  margin-bottom:10px;
  width:100%;
}
.wrap {
  min-height:100%;
  height:auto!important;
}

mg-table {
  text-align:center!important;
}

.wrap-table {
  margin: 25px 0 25px 0 ;
}
footer {
  margin:50px 50px ;
}
.footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer ul li {
  font-size: 11pt;
}
.footer ul li a {
  color: #ffffff;
}
.footer:last-child {
  border: none;
}

.footer h3 {
  margin-top:4px;
  font-size:20px;
}

.page-content h1, .page-content h2 {
    color: #3399cc;
}
.page-content h1 {
   font-weight: bold;
}

.page-content ul li {
   list-style: none;
}
.block h1, .block h2 {
  color: #f47641;
  text-transform: uppercase;
}
.block h3 {
  color: #333333
  text-transform: none;
  margin: 5px 0px 0px 0px;
  font-size: 17.5px;
}

.sidebar {
    position: relative;
}

.sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.sidebar ul li {
  background: #939598;
  padding:10px;
  text-align: center;
  margin-bottom: 10px;
  box-shadow: 4px 4px 4px #111111;
}
.sidebar ul li a {
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
}
.sidebar ul .image {
  background: none;
  padding: 0;
  margin-bottom: 10px;
}

.auth-group {
  margin-top: 8px;
  text-transform: capitalize;
  padding-top: 4px;
}

.auth-group button {
  padding: 2px 12px;
}
.icon-person {
    background-image: url('/static/img/loginperson.png');
    background-position: center center;
    margin-top: 0;
    width: 20px;
    height: 15px;
}

.btn-primary {
   background-color: #ff531e;
   background-image: linear-gradient(center, rgb(255, 116, 30));
   background-image: -moz-linear-gradient(center top, #ff741e, #ff3c1e);
   background-image: -o-linear-gradient(top, rgb(255, 116, 30), rgb(255, 60, 30));
   background-image: -ms-linear-gradient(top, rgb(255, 116, 30), rgb(255, 60, 30));
   background-image: -webkit-linear-gradient(top, #ff741e, #ff3c1e);
   background-image: -webkit-gradient(
       linear,
       left top,
       left bottom,
       color-stop(0.40, rgb(255, 116, 30)),
       color-stop(0.91, rgb(255, 60, 30))
   );
   background-repeat: repeat-x;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-primary[disabled],
.btn-primary:hover,
.btn-primary:active {
   background-color: #ff531e;
   background-image: none;
   border-color: #ff531e;
}
.btn-secondary {
   background-color : #ebebeb;
   background-image : -moz-linear-gradient(bottom, rgb(235,235,235) 39%, rgb(251,251,251) 91%);
   background-image : -webkit-linear-gradient(bottom, rgb(235,235,235) 39%, rgb(251,251,251) 91%);
   background-image : -o-linear-gradient(bottom, rgb(235,235,235) 39%, rgb(251,251,251) 91%);
   background-image : -ms-linear-gradient(bottom, rgb(235,235,235) 39%, rgb(251,251,251) 91%);
   background-image : linear-gradient(bottom, rgb(235,235,235) 39%, rgb(251,251,251) 91%);
   background-image : -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.39, rgb(235,235,235)),
      color-stop(0.91, rgb(251,251,251))
   );
   background-repeat: repeat-x;
   border           : solid 1px #FF501E;
   border-bottom    : solid 2px #FF400A;
   
   color: #ff531e;
}
.btn-secondary:hover {
   background-image: linear-gradient(top, rgb(210,210,210), rgb(235,235,235));
   background-image: -o-linear-gradient(top, rgb(210,210,210), rgb(235,235,235));
   background-image: -moz-linear-gradient(top, rgb(210,210,210), rgb(235,235,235));
   background-image: -webkit-linear-gradient(top, rgb(210,210,210), rgb(235,235,235));
   background-image: -ms-linear-gradient(top, rgb(210,210,210), rgb(235,235,235));
   background-image: -webkit-gradient(
      linear,
      0 0,
      0 100%,
      from(rgb(227,104,46)),
      top(rgb(251,181,143))
   );
}
.clear:after{
    content:"."
    display: block;
    height : 1px;
    margin : 0;
    padding: 0;
    clear:both;
}

.feed-entry h3 {
  font-size: 14pt;
  line-height: 15pt;
}
.feed-entry img {
  float: left;
  max-width: 100px;
  max-height: 60px;
  margin: 0 5px 5px 0;
}
.feed-entry .clear {
  clear: both;
}

.dust-templates-container,
.dust-cmp-templates-container {
  display: none;
}

/***** Generic Listing Styling *****/
.listing {
    list-style: none;
    margin: 0;
}
.listing .listing-item {
    line-height: 40px;
    border-color: #b0b0b0;
}
.listing .listing-item:hover {
    background: #e0e0e0;
}
.listing .listing-item.locked {
    opacity: 0.5;
}
.listing .listing-item .item-text {
    display: inline-block;
    color: #777;
    margin: 5px 15px -8px 0;
    vertical-align: bottom;
}
.listing .listing-item .main.item-text :not(.text-transform-none){
    text-transform: uppercase;
}
.listing .listing-item .main.item-text{
    color: black;
}


/******Login / Logout Controls ******/
.auth-indicator {
    margin: 10px 0 0;
}

.auth-btn {
  margin: 15px 15px 0 0;
  padding: 0 25px;
  float: right;
  color: #999;
  text-shadow:none;
  background-color: #444!important;
  background-image: none!important;
  border:none!important;
}

.white {
  color: #fff;
}

.auth-btn:hover {
  color: #eee;
}
.auth.btn-group.open .btn-primary.dropdown-toggle {
   background: #ff741e;
}
.mg-table th{
  text-align: center;
}

.auth-form {
    margin-bottom: 0;
}
.auth-form .server-message {
    text-align: center;
}
.auth-form .signup-ctrls,
.auth-form .password-reset-ctrls {
    display: none;
}
.auth-form .control-label {
    margin-top: 0;
}
.auth-form a.signup-ctrls,
.auth-form a.signin-ctrls,
.auth-form a.password-reset-ctrls {
    margin-right: 10px;
}

.auth.btn-group > .dropdown-menu {
  margin-right: -16px;
}

/***** Chapters List Component *****/
.chapters-component {
   font-size: 11px;
   position : relative;
}
.chapters-component .btn {
   display: none;
   margin: 5px;
}
.chapters-component > a[id|=chapter] {
   float : right;
}
.chapters-component > ul {
   margin: 0 0 10px 10px;
}
.chapters-component .chapter {
   text-align : center;
   font-weight: bold;
   color      : #fff;
   
   margin-bottom: 7.5px;
}
.chapters-component .chapter.dnd {
   border-style: dashed;
   border-width: 1px;
}
.chapters-component .chapter.dnd > * {
   box-shadow: none;
}
.chapters-component .chapter.active .active-marker {
   z-index : 1;
   position: absolute;
   left    : -14px;
   display : inline-block;
   background-color: transparent;
}
.chapters-component .chapter .active-marker {
   display: none;
   margin : 0;
   padding: 0;
   width  : 24px;
   height : 42px;
}
.chapters-component .chapter .active-marker div {
   width       : 0;
   height      : 0;
   border-width: 20px 24.5px 20px 0;
   border-color: transparent;
   border-style: solid;
}
.chapters-component .chapter .item-show {
   position    : relative;
   box-shadow  : 7px 6px 4px #565656;
   line-height : 40px;
   height      : 40px;
   width       : 100%;
   float       : left; 
}
.chapters-component .chapter .item-show a {
   color         : #ffffff;
   max-height    : 40px;
   text-overflow : ellipsis;
}
.chapters-component .chapter .item-show .chapter-title {
   display  : inline-block;
   overflow : hidden;
   max-width: 200px;
}
.chapters-component .chapter .item-show .chapter-ctrls {
   padding : 0 8px;
   position: absolute;
   top     : 0;
   right   : 0;
}
.chapters-component .chapter .chapter-ctrls .btn {
   background-repeat  : no-repeat;
   background-position: center center;
   padding: 1px;
   margin : auto 2.5px;
   width  : 20px;
   height : 20px;
}
.chapters-component .chapter .chapter-ctrls .update-btn {
   background-image: url('/static/img/pencil.png');
}
.chapters-component .chapter .chapter-ctrls .delete-btn {
   background-image: url('/static/img/remove.png');
}
.chapters-component .chapter .item-form form {
   margin : 0 10px;
   padding: 15px;
}

/***** User Responses (Comment / Reference) Component*****/
.user-response-component .orange {
   text-transform: uppercase;
   font-weight   : bold;
}
.user-response-component .btn {
   float: right;
   margin: 5px;
}
.user-response-component .items-list {
   width : 100%;
   margin: 15px 0;
}
.user-response-component .items-list > li {
   padding: 3px 0 0 0;
}
.user-response-component .items-list > li:first-child {
   border-top: dotted 1px;
}

.references-component input[type=text] {
    width: 95%;
}
.input-block-level {
  width:100%;
  min-height:30px;
  box-sizing:border-box;
}
.references-component .items-list > li {
   margin-left: auto;
   list-style : disc inside url('/static/img/references-bullet.png');
   font-size  : 12px;
}

.comments-component input[type=text] {
    width: 94%;
}
.comments-component .input-header,
.comments-component .items-list .owner {
   font-size: 14px;
   color    : #a7a7a7;
}
.comments-component .items-list > li {
   padding: 10px 0;
   border-bottom: dotted 1px;
}
.comments-component .items-list > li.locked {
   opacity: 0.5;
}
.comments-component .items-list p {
   margin: 0;
}
.comments-component .items-list .title {
   font-weight: bold;
}
.comments-component .items-list .content li {
   list-style: inherit;
}
.comments-component .items-list .content blockquote {
   background-color: #E0E0E0;
   margin : 0 20px;
   padding: 7px;
}
.comments-component .items-list .content blockquote p {
   font-style: italic;
   font-size : 13px;
}
.comments-component .items-list .btn {
   background-repeat  : no-repeat;
   background-position: center center;
   padding: 0;
   width   : 25px;
   height  : 25px;
}
.comments-component .items-list .edit {
   background-image: url('/static/img/pencil.png');
}
.comments-component .items-list .delete {
   background-image: url('/static/img/remove.png');
}

/***** Item List Field *****/
.item-list-field .field-list li {
    list-style: inherit;
    word-wrap : break-word;
    margin: 5px 0;
}
.item-list-field .form-mode {
    display: none;
}
.item-list-field .show-mode .btn {
    margin: 0 2px;
}
.item-list-field .add-on {
    margin-left: 1px;
}

/***** Form Styles *****/
label {
   margin-top: 15px;
}
.form-column label {
   text-transform: uppercase;
   font-weight   : bold;
}
.form-column label span {
   font-weight   : normal;
   text-transform: none;
   font-style    : italic;
   color         : #999;
}
.form-column textarea {
   height: 100px;
   resize: vertical;
}
.form-column .errant-field {
    background: #faa;
    border: solid 1px #f66;
}
.form-column .big {
    min-height: 165px;
}
.error-block {
   display: none;
   background: #ffdddd;
}
.error-block ul {
   margin: 10px 0 0;
}
.error-block ul strong {
   text-transform: capitalize;
}

/***** Course Buttons *****/
.course-yellow,
.course-yellow:hover,
.course-yellow:active { 
   background-color: #FFF56D;
}
.course-orange,
.course-orange:hover,
.course-orange:active { 
   background-color: #F68E5E;
}
.course-green,
.course-green:hover,
.course-green:active { 
   background-color: #82C178;
}
.course-blue,
.course-blue:hover,
.course-blue:active { 
   background-color: #16C0F3;
}

#password-reset-loader {
  background: rgba(50,50,50,0.8);
  border-radius: 5px;
  text-align: center;
  padding: 30px;
  position: absolute;
  height: 180px;
  width: 95%;
  z-index:1;
}

@media print { /* overwriting: print hide href (bootstrap) */
  a[href]:after {
    content: none !important;
  }
}

.collapse-icon:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.collapse-icon.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
/* Hide top navigation */
header,
.mg-header,
.navbar,
.navbar-nav,
.navbar-header,
.navbar-collapse,
.navbar-toggle {
    display: none !important;
}

/* Hide footer */
footer,
.mg-footer {
    display: none !important;
}

/* Hide JSON export button */
#json-path {
    display: none !important;
}

/* Hide unused login dialog */
#auth-form-modal {
    display: none !important;
}
/* Hide Grunnþættir og lykilhæfni */
#educational-foundations {
    display: none !important;
}