/**
 * Additional Resets
 *
*/

h1 {
    font-size: 30px;
    font-family: 'Titillium Web', "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 600;
}
h2 {
    font-size: 28px;
    font-family: 'Titillium Web', "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 600;
}
h3 {
    color: #E5281E;
    font-size: 24px;
    font-family: 'Titillium Web', "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 300;
}
h4 {
    color: #E63C79;
    font-size: 20px;
    font-family: 'Titillium Web', "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
}
h5 {
    font-size: 18px;
    font-family: 'Titillium Web', "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/**
 * Actual Styling
 *
*/

/* Commons ------------------------------------*/


body, html {
    background: #eeeeee url("/img/bg_ems.png") no-repeat center center fixed;
     -webkit-background-size: cover;
        -moz-background-size: cover;
          -o-background-size: cover;
             background-size: cover;
    padding-top: 0;
}

.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.text-justify {
    text-align: justify;
}

#logo-3v {
    padding-top: 40px;
}

.heading {
    /*background-color: #e7e7e7;*/
    background-color: #ffffff;
    border-bottom: 1px solid #eeeeee;
    box-shadow: 0px 5px 10px -2px #F0DCDC;
    opacity: 0.9;
}

#main {
    margin-top: 20px;
}

#main > div.container {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 5px #D3D0CB;
       -moz-box-shadow: 0 0 5px #D3D0CB;
            box-shadow: 0 0 5px #D3D0CB;
}
#main>div.container>div.row>* {
    padding-bottom: 1em;
    padding-top: 1em;
}

.page-header {
    padding-left:20px;
}
.page-header.full-width {
    padding-left: 40px;
}

/* Student ------------------------------------*/

.loginbox {
    margin-top: 15px;
}

#studentToolbar {
    background-color: #e7e7e7;
    min-height: 912px;
}
#studentToolbar h3 {
    font-size: 20px;

}

#studentAssessments {}


/*#studentAssessments .label-success {
    background-color: #de4881;
}*/

/* Nav list */
.nav-list > .active > a, .nav-list > .active > a:hover {
    background-color: #DD2334;
    color: #ffffff;
}
.nav > li > a:hover {
    background-color: #f7afaf;
}
#studentToolbar .nav-list .divider {
    background-color: #D7CFCF;
    border-bottom: 1px solid #F1E1E3;
}

#studentToolbar .nav-header {
    background-color: #E4DADA;
    color: #AD6161;
}

article.assessment-block {
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    -webkit-border-radius: 2px;
            border-radius: 2px;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(150, 150, 150, 0.7);
       -moz-box-shadow: 1px 1px 2px 1px rgba(150, 150, 150, 0.7);
            box-shadow: 1px 1px 2px 1px rgba(150, 150, 150, 0.7);
    background: rgb(255,232,232); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmM2YzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,232,232,1) 0%, rgba(239,198,198,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,232,232,1)), color-stop(100%,rgba(239,198,198,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,232,232,1) 0%,rgba(239,198,198,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,232,232,1) 0%,rgba(239,198,198,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,232,232,1) 0%,rgba(239,198,198,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,232,232,1) 0%,rgba(239,198,198,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe8e8', endColorstr='#efc6c6',GradientType=0 ); /* IE6-8 */

}

article.assessment-block.finished {

    -webkit-box-shadow: 1px 1px 2px 1px rgba(150, 150, 150, 0.7);
       -moz-box-shadow: 1px 1px 2px 1px rgba(150, 150, 150, 0.7);
            box-shadow: 1px 1px 2px 1px rgba(150, 150, 150, 0.7);
    background: #feffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #feffff 0%, #e2e2e2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #feffff 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #feffff 0%,#e2e2e2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #feffff 0%,#e2e2e2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #feffff 0%,#e2e2e2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-8 */
}

article.module-block {
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    -webkit-border-radius: 2px;
            border-radius: 2px;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(150, 150, 150, 0.7);
       -moz-box-shadow: 1px 1px 2px 1px rgba(150, 150, 150, 0.7);
            box-shadow: 1px 1px 2px 1px rgba(150, 150, 150, 0.7);
    background: rgb(255,232,232); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmM2YzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,232,232,1) 0%, rgba(239,198,198,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,232,232,1)), color-stop(100%,rgba(239,198,198,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,232,232,1) 0%,rgba(239,198,198,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,232,232,1) 0%,rgba(239,198,198,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,232,232,1) 0%,rgba(239,198,198,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,232,232,1) 0%,rgba(239,198,198,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe8e8', endColorstr='#efc6c6',GradientType=0 ); /* IE6-8 */

}
article.module-block.finished {
    -webkit-box-shadow: 1px 1px 2px 1px rgba(150, 150, 150, 0.7);
       -moz-box-shadow: 1px 1px 2px 1px rgba(150, 150, 150, 0.7);
            box-shadow: 1px 1px 2px 1px rgba(150, 150, 150, 0.7);
    background: #feffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #feffff 0%, #e2e2e2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #feffff 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #feffff 0%,#e2e2e2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #feffff 0%,#e2e2e2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #feffff 0%,#e2e2e2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-8 */
}

article.module-block .module-icon {
    margin-right: 10px;
}

.student-resources h2 {
    font-size: 20px;
    line-height: 28px;
}

.student-resources h4 {
    font-size: 16px;
    line-height: 22px;
}

#em-news-link a {
    color: #e7e7e7;
}


.home-resources {
    background-color: #FFECEC;
    border: 1px solid #ECCACA;
    padding: 15px;
}

.home-resources > div.pull-left, .home-resources > div.pull-right {
    width: 48%;
}


/**
 * ADmin
 *____________________________________________________________________________
 */
.admin_header {
    background-color: #ffffff;
    opacity: 0.85;
}

.column-title h4 {
    margin: 0 0 5px 0;
}


/***
 * Helpers
 *
*/

.align-center {
    text-align: center;
}
.align-left {
    text-align: left;
}
.align-right {
    text-align: right;
}
.align-justify {
    text-align: justify;
}

.orange {
    background-color: #ffb159;
    color: #a54a00;
    border: 1px solid #f97000;
}
.red {
    background-color: #f98b89;
    color: #a0100e;
    border: 1px solid #bc0300;
}
.green {
    background-color: #90f493;
    color: #015b04;
    border: 1px solid #019606;
}
.grey {
    background-color: #ccc;
}
.small {
    font-size: 10px;
}
.pad-left-20 {
    padding-left: 20px;
}
.pad-left-10 {
    padding-left: 10px;
}
.pad-top-60 {
    padding-top: 60px;
}
.back-home a {
    background-color: #eee;
    padding: .3em .5em;
    margin-right: 10px;
}


/**
 * Handles connected list widget
 *
*/
.connectedSortable li {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 7px;
    border: 1px solid;
    cursor:move;
}
.connectedSortable {
    padding: 20px;
    border: 3px dashed #ccc;
    min-height: 50px;
}

.user_actions {
    padding: 5px;
}


/**
 * User Subscription
 */
.countSubscribers {
    background-color: #E4F0FD;
}

#SubscribeAssessment label.checkbox small.muted {
    font-size: 9px;
    line-height: 1;
}
#SubscribeAssessment label.checkbox small.text-info {
    font-size: 9px;
    line-height: 1;
}


#SubscribeAssessment .controls>.checkbox:first-child {
    padding-top:0;
}

/**
 *
 * Teacher Panel
 */
.teacher-panel {
    border-color: #FB6D6D;
    background: #febbbb; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYmJiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iI2ZlOTA5MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjVjNWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #febbbb 0%, #fe9090 45%, #ff5c5c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febbbb), color-stop(45%,#fe9090), color-stop(100%,#ff5c5c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 ); /* IE6-8 */
}

.teacher-panel h2 {
    font-size: 20px;
    line-height: 24px;
}
.teacher-panel h2 a {
    color: #750003;
}

.gutterline {
    border-right: 1px dotted #dddddd;
    padding-left: 10px;
}

#cases-accordion {
    margin-left: 30px;
}

#cases-accordion h2, .view-minicase h2 {
    color: #E5281E;
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
}

#cases-accordion h2 small, .view-minicase h2 small {
    font-size: 14px;
}

#cases-accordion .accordion-heading {
    background-color: #FAF7F7;
}

.view-minicase {
    padding: 15px;
}

#feedback-listing li, .minicase-listing li, .assessment-listing li {
    padding: 10px;
    border-bottom: 1px dotted #dddddd;
}

li.even {
    background-color: #FAF7F7;
}

.f-listing-teacher {
    border-left: .5em solid #3A87AD;
}

.f-listing-student {
    border-left: .5em solid #F89406;
}

#case-list .well {
    margin-left: 20px;
}




@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    /*content: " (" attr(href) ")";*/
    content: none;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }

  #studentToolbar {
      display: none !important;
  }
  #print-button {
      display: none !important;
  }
  .span8 {
      width: 100%
  }
  .heading img#logo-3v {
      width: 8cm;
  }
  #main {
      margin-top: 0px;
  }
  .page-header h1 {
      font-size: 22px;
  }
  h2 {
      font-size: 20px;
  }
  h3 {
      font-size: 16px;
  }
  h4 {
      font-size: 14px;
      background-color: #ECCACA;
  }
  .pad-left-10 {
      padding: 0;
  }
}