#wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#nav * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

td .spinner {
  height: 15px; }

.spinner {
  display: none;
  animation: spin 1s linear infinite;
  margin-right: 2px; }

.layer {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  background-color: #c9c9c9; }

.columns {
  background-color: white;
  overflow: hidden;
  clear: both;
  padding-bottom: 400px;
  position: relative; }
  .columns li {
    list-style: none; }
  .columns .openLi {
    color: #404040;
    font-size: 16px; }
  .columns .openLi:hover {
    color: #8c8c8c; }
  .columns .course, .columns .courseBtn, .columns .newCourseCon, .columns .act, .columns .period {
    padding-left: 15px;
    border: 1px white solid;
    cursor: pointer; }

.column1 li {
  line-height: 25px; }

.column2 li {
  line-height: 25px; }

.column2 li.selected {
  border: solid 1px #c9c9c9;
  border-right: 0px;
  border-radius: 5px 0px 0px 5px;
  position: relative;
  background-color: #fdfdfd;
  color: #8c8c8c; }

.column2 h3 {
  margin-bottom: 10px; }

.column3 li.selected {
  border: solid 1px #c9c9c9;
  border-right: 0px;
  border-radius: 5px 5px 5px 5px;
  position: relative;
  background-color: #107ba7;
  color: #FFF; }

.two-column {
  padding: 15px;
  width: 617px;
  float: left;
  margin-right: 19px; }

.one-column {
  width: 284px;
  padding: 15px;
  float: left;
  margin-right: 19px; }

.right {
  margin-right: 0px; }

.three-column {
  width: 950px;
  padding: 15px;
  clear: both; }

.wideContent {
  width: 980px;
  margin-left: auto;
  margin-right: auto; }

h1 {
  font-size: 21px; }

h4 {
  margin-top: 0px;
  margin-bottom: 10px; }

ul {
  margin: 0;
  padding: 0; }

.popup .message {
  margin-top: 0px;
  position: absolute;
  bottom: 53px;
  display: none;
  right: 24px;
  font-size: 13px;
  background-color: white;
  z-index: 10;
  width: 165px;
  height: 45px;
  border: 1px solid #E8E8E8;
  border-radius: 5px;
  text-align: center; }

.popup, .popupForEmail {
  width: 638px;
  min-height: 300px;
  background-color: white;
  display: none;
  position: absolute;
  left: 50%;
  margin-left: -300px;
  top: 200px;
  z-index: 660;
  border: 1px solid #c9c9c9;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15); }
  .popup .breadArrow, .popupForEmail .breadArrow {
    display: inline-block;
    width: 4px;
    height: 7px;
    margin-left: 10px;
    margin-right: 10px;
    background-image: url("../img/new-arrow.75b57a928f52.png"); }
  .popup label.error, .popupForEmail label.error {
    text-align: center;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C9C9C9;
    border-radius: 5px 5px 5px 5px;
    color: #C22126;
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
    margin-left: 1px;
    margin-top: 0px;
    padding-bottom: 4px;
    padding-top: 3px;
    position: relative;
    width: 150px; }
  .popup label.error:after, .popup label.error:before, .popupForEmail label.error:after, .popupForEmail label.error:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .popup label.error:after, .popupForEmail label.error:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #FFF;
    border-width: 7px;
    left: 50%;
    margin-left: -7px; }
  .popup label.error:before, .popupForEmail label.error:before {
    border-color: rgba(194, 225, 245, 0) rgba(194, 225, 245, 0) #C9C9C9;
    border-width: 8px;
    left: 50%;
    margin-left: -8px; }
  .popup .error, .popupForEmail .error {
    border: 1px solid #C22126; }
  .popup .log-info .helptext, .popupForEmail .log-info .helptext {
    font-size: 13px;
    padding-left: 11px;
    padding-right: 11px; }
  .popup .calculated-sum p, .popupForEmail .calculated-sum p {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #404040;
    margin-bottom: 0px;
    font-weight: 600; }
  .popup .number, .popupForEmail .number {
    font-size: 50px;
    color: #404040;
    font-weight: 600;
    display: block;
    text-align: center;
    padding-bottom: 60px; }
  .popup .unit, .popupForEmail .unit {
    font-size: 13px; }
  .popup .logActivityBtn, .popup .logActivityBtnDisabled, .popupForEmail .logActivityBtn, .popupForEmail .logActivityBtnDisabled {
    padding-left: 10px;
    cursor: pointer;
    margin-top: 20px;
    color: white;
    font-weight: 600;
    background-color: #6ab854;
    border: 1px solid #478c34;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.48);
    -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.48);
    box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.48);
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-image: url("../img/icon-sprite.af5e3e5ffca3.png");
    background-repeat: no-repeat;
    background-position: 19px -66px;
    width: 163px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 20; }
  .popup .log, .popupForEmail .log {
    float: left;
    width: 380px;
    min-height: 280px;
    padding: 20px;
    border-right: 1px solid #e8e8e8; }
  .popup .breadcrumb, .popupForEmail .breadcrumb {
    font-size: 13px;
    color: #757575;
    margin-top: -1px;
    border-top: 1px solid #C9C9C9;
    border-bottom: 1px solid #C9C9C9;
    background-color: #E7E7E7;
    height: 36px;
    line-height: 36px;
    padding-left: 19px;
    border-radius: 5px 5px 0px 0px;
    margin-bottom: 0px; }
  .popup input, .popup textarea, .popupForEmail input, .popupForEmail textarea {
    border: 1px solid #c9c9c9;
    margin-top: 5px;
    margin-bottom: 10px; }
  .popup li, .popupForEmail li {
    margin-bottom: 5px;
    clear: both; }
  .popup li, .popupForEmail li {
    list-style: none; }
  .popup h5.header, .popupForEmail h5.header {
    padding-bottom: 10px;
    font-size: 17px;
    margin-bottom: 5px; }
  .popup h5, .popupForEmail h5 {
    margin-top: 0px;
    padding-top: 0px; }
  .popup label, .popupForEmail label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #404040; }
  .popup input[type='text'], .popup input[type='number'], .popup input[type='email'], .popupForEmail input[type='text'], .popupForEmail input[type='number'], .popupForEmail input[type='email'] {
    font-size: 15px;
    width: 150px;
    height: 32px;
    padding-left: 5px; }
  .popup h3, .popupForEmail h3 {
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 5px; }
  .popup .helpContent, .popupForEmail .helpContent {
    padding: 15px; }
  .popup .helpContent p, .popupForEmail .helpContent p {
    font-size: 13px; }
  .popup .helpContent .errorlist, .popupForEmail .helpContent .errorlist {
    color: red;
    font-size: 13px; }
  .popup .helpContent .newFile, .popupForEmail .helpContent .newFile {
    display: block; }
  .popup .formMessage, .popupForEmail .formMessage {
    font-weight: 600;
    padding-bottom: 5px;
    padding-top: 5px; }

.popup .closeBox, .popupForEmail .closeBox {
  background-color: white;
  margin-left: 565px;
  margin-top: -23px;
  margin-bottom: 0px;
  border: 1px #c9c9c9 solid;
  font-size: 12px;
  width: 54px;
  height: 22px;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 0px;
  cursor: pointer; }
  .popup .closeBox p, .popupForEmail .closeBox p {
    padding: 0px;
    margin: 0px;
    margin-top: 5px;
    text-align: center;
    background-image: url("../img/icon-sprite.af5e3e5ffca3.png");
    background-repeat: no-repeat;
    background-position: 34px -106px;
    padding-right: 13px; }

/*################################ START LOGINSIDE ###########################*/
#loginContent {
  margin: auto;
  width: 600px; }
  #loginContent .loginBtn {
    margin-left: auto;
    margin-right: auto;
    width: 280px;
    font-size: 15px;
    cursor: pointer;
    margin-top: 20px;
    color: white;
    background-color: #6ab854;
    border: 1px solid #478c34;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.48);
    -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.48);
    box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.48);
    height: 35px;
    line-height: 35px;
    text-align: center; }
  #loginContent .loginBtn:hover {
    background-color: #75c35f; }
  #loginContent .smalltext {
    margin-top: 40px;
    background-color: #f2f2f2;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    border-radius: 10px; }
  #loginContent p {
    font-size: 13px;
    padding: 13px;
    margin: 0;
    text-align: center; }
  #loginContent .loginBtn a {
    text-decoration: none;
    color: white;
    display: block; }
  #loginContent h1 {
    margin-top: 20px;
    padding: 0;
    text-align: center; }
  #loginContent .error {
    color: red;
    font-size: 13px;
    font-weight: 900;
    text-align: center; }
  #loginContent #orderLogin {
    font-size: 12px;
    display: none;
    margin-left: auto;
    margin-right: auto;
    width: 310px; }
  #loginContent #orderBtn {
    text-decoration: underline;
    cursor: pointer; }
  #loginContent #loggedOut {
    padding: 5px;
    font-size: 13px; }

/*################################ SLUT LOGINSIDE ###########################*/
/*############################## Log Side ############################ */
#logPage .act, #logPage .period {
  line-height: 25px; }

#logPage .extraPerson {
  background-color: white;
  border: 1px solid #C9C9C9;
  border-radius: 5px;
  height: 69px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  margin-bottom: 6px;
  width: 265px;
  margin-top: 20px;
  padding-bottom: 0px; }

#logPage .changePerson {
  font-weight: 600;
  cursor: pointer;
  border: 1px solid #cacaca;
  float: right;
  font-size: 12px;
  border-radius: 5px;
  padding: 4px;
  margin-top: 1px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#f1f1f1));
  background-image: -webkit-linear-gradient(top, white, #f1f1f1);
  background-image: -moz-linear-gradient(top, white, #f1f1f1);
  background-image: -o-linear-gradient(top, white, #f1f1f1);
  background-image: -ms-linear-gradient(top, white, #f1f1f1);
  background-image: linear-gradient(top, white, #f1f1f1);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f1f1f1'); }

#logPage .extraPerson h1 {
  font-size: 16px;
  color: #7a7a7a;
  font-weight: 400;
  margin-top: 0px; }

#logPage .extraPerson p {
  font-size: 12px;
  display: none; }

#logPage .selectedPerson {
  margin-bottom: 0px;
  float: left; }

#logPage #teacherText {
  display: none;
  border: 0;
  border-bottom: 1px dotted black;
  font-size: 15px;
  width: 100%; }

#logPage h1 {
  margin-bottom: 2px; }

#logPage p {
  margin: 0; }

#logPage h3 {
  font-size: 18px;
  margin-top: 0px;
  border-bottom: 2px solid black; }
  #logPage h3 .greyBottom {
    border-bottom: 2px solid #e8e8e8; }

#logPage h4 {
  margin-top: 0px;
  margin-bottom: 10px; }

#logPage h5 {
  margin: 0px;
  font-weight: 600;
  font-size: 16px;
  margin-top: 5px; }

#logPage .grey {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=21)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5; }

#logPage li.selected {
  position: relative;
  background: #107ba7;
  color: white;
  border: 0; }

#logPage .column1 .selected:after, #logPage .column1 li.selected:before, #logPage .column2 .selected:after, #logPage .column2 li.selected:before {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

#logPage .column1 li.selected:after, #logPage .column2 li.selected:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #107ba7;
  border-width: 13px;
  top: 50%;
  margin-top: -13px; }

#logPage .column1 .bigSelect:after, #logPage .column1 li.bigSelect:before, #logPage .column2 .bigSelect:after, #logPage .column2 li.bigSelect:before {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

#logPage .column1 li.bigSelect:after, #logPage .column2 li.bigSelect:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #107ba7;
  border-width: 25px;
  top: 58%;
  margin-top: -29px; }

#logPage .bigSelect:after {
  height: auto !important; }

#logPage .courseLoader {
  margin-left: 29px; }

#logPage .searchFilterCon {
  font-size: 13px;
  margin-left: 7px;
  margin-top: 4px;
  margin-bottom: 8px;
  overflow: hidden; }
  #logPage .searchFilterCon p {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    float: left;
    cursor: pointer;
    border-radius: 50px;
    border: 1px solid #C9C9C9;
    margin-left: 10px;
    font-size: 13px;
    color: #404040;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    /* Firefox 4 */
    -webkit-transition: all 0.3s;
    /* Safari and Chrome */
    -o-transition: all 0.3s;
    /* Opera */ }
  #logPage .searchFilterCon p:hover {
    border: 1px solid #107ba7;
    cursor: pointer; }
  #logPage .searchFilterCon p.selected {
    border: 1px solid #107ba7;
    background-color: #107ba7;
    color: white; }
  #logPage .searchFilterCon .showMine {
    margin-left: 12px; }
  #logPage .searchFilterCon .showAllButton {
    margin-left: 20px; }

#logPage .filterCourse {
  width: 95% !important;
  border-radius: 20px;
  padding: 5px;
  border: solid 1px #cacaca;
  padding-left: 10px; }

#logPage .searchCon {
  position: relative; }
  #logPage .searchCon img {
    display: block;
    position: absolute;
    right: 10px;
    top: 9px;
    display: none; }

#logPage .listOfCategories, #logPage .activities {
  /*.newCourseItem:hover{
			.tooltip{
				display: block;
			}
		}*/ }
  #logPage .listOfCategories .newCategory.first, #logPage .activities .newCategory.first {
    margin-left: 0; }
  #logPage .listOfCategories .newCategory, #logPage .listOfCategories .act_group, #logPage .activities .newCategory, #logPage .activities .act_group {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 5px;
    text-decoration: none;
    color: #03445d;
    font-weight: 600;
    font-size: 18px; }
    #logPage .listOfCategories .newCategory ul, #logPage .listOfCategories .act_group ul, #logPage .activities .newCategory ul, #logPage .activities .act_group ul {
      display: none; }
    #logPage .listOfCategories .newCategory ul.show, #logPage .listOfCategories .act_group ul.show, #logPage .activities .newCategory ul.show, #logPage .activities .act_group ul.show {
      display: block; }
    #logPage .listOfCategories .newCategory :hover, #logPage .listOfCategories .act_group :hover, #logPage .activities .newCategory :hover, #logPage .activities .act_group :hover {
      color: #0B97CC; }
    #logPage .listOfCategories .newCategory .arrow, #logPage .listOfCategories .act_group .arrow, #logPage .activities .newCategory .arrow, #logPage .activities .act_group .arrow {
      float: right;
      background-size: 11px 29px;
      background-repeat: no-repeat;
      background-position: 0px -17px;
      width: 11px;
      height: 11px;
      margin-top: 6px; }
    #logPage .listOfCategories .newCategory .title, #logPage .listOfCategories .act_group .title, #logPage .activities .newCategory .title, #logPage .activities .act_group .title {
      cursor: pointer; }
  #logPage .listOfCategories .act_group.open ul, #logPage .activities .act_group.open ul {
    display: block; }
  #logPage .listOfCategories .newCategory.open .arrow, #logPage .listOfCategories .act_group.open .arrow, #logPage .activities .newCategory.open .arrow, #logPage .activities .act_group.open .arrow {
    float: right;
    background-size: 11px 29px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-top: 9px;
    width: 11px;
    height: 6px;
    margin-right: 3px; }
  #logPage .listOfCategories .newCategory.open .second, #logPage .listOfCategories .act_group.open .second, #logPage .activities .newCategory.open .second, #logPage .activities .act_group.open .second {
    display: block; }
  #logPage .listOfCategories .newCourseItem, #logPage .listOfCategories .act, #logPage .activities .newCourseItem, #logPage .activities .act {
    position: relative;
    color: #404040;
    font-size: 14px;
    font-weight: normal;
    padding-left: 5px;
    cursor: pointer; }
    #logPage .listOfCategories .newCourseItem p, #logPage .listOfCategories .act p, #logPage .activities .newCourseItem p, #logPage .activities .act p {
      line-height: 18px;
      padding-top: 4px;
      padding-bottom: 4px;
      z-index: 2;
      position: relative; }
  #logPage .listOfCategories .tooltip, #logPage .activities .tooltip {
    z-index: 1;
    display: none;
    position: relative;
    width: 167px;
    font-size: 12px;
    margin-top: -4px;
    margin-left: 6px;
    padding-bottom: 5px; }
    #logPage .listOfCategories .tooltip a:hover, #logPage .activities .tooltip a:hover {
      color: inherit; }
  #logPage .listOfCategories .newCourseItem.bigSelect p, #logPage .activities .newCourseItem.bigSelect p {
    line-height: 18px;
    padding-top: 7px;
    padding-bottom: 7px; }
  #logPage .listOfCategories .newCourseItem:hover, #logPage .activities .newCourseItem:hover {
    color: #8c8c8c; }
  #logPage .listOfCategories .newCourseItem.selected, #logPage .listOfCategories .act.selected, #logPage .activities .newCourseItem.selected, #logPage .activities .act.selected {
    color: white; }
    #logPage .listOfCategories .newCourseItem.selected :hover, #logPage .listOfCategories .act.selected :hover, #logPage .activities .newCourseItem.selected :hover, #logPage .activities .act.selected :hover {
      color: white; }
  #logPage .listOfCategories .second, #logPage .activities .second {
    color: #086a8f;
    font-size: 15px; }
    #logPage .listOfCategories .second .newCourseItem, #logPage .activities .second .newCourseItem {
      font-size: 14px; }
  #logPage .listOfCategories .third, #logPage .activities .third {
    font-size: 14px;
    color: #60aac7; }
    #logPage .listOfCategories .third .newCourseItem, #logPage .activities .third .newCourseItem {
      font-size: 13px; }

#logPage .box {
  width: 282px;
  min-height: 330px;
  border: 0;
  padding: 15px;
  margin-top: 0;
  background-color: white; }

body {
  color: #404040;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
  font-family: "proxima-nova",verdana,arial,helvetica,sans-serif; }

.margin-top-20 {
  margin-top: 20px; }

#header {
  width: 100%;
  background-color: #107ba7;
  height: 62px;
  position: relative;
  z-index: 500;
  border-bottom: 1px solid #0e6082;
  -webkit-box-shadow: inset 0 -1px 0 #1082b1, inset 0 1px 0 #1082b1;
  -moz-box-shadow: inset 0 -1px 0 #1082b1, inset 0 1px 0 #1082b1;
  box-shadow: inset 0 -1px 0 #1082b1, inset 0 1px 0 #1082b1; }
  #header h1 {
    padding-top: 5px;
    padding-left: 45px;
    background-image: url("../img/newlogo.50a96a91ee46.png");
    background-repeat: no-repeat;
    height: 36px;
    margin-left: 15px;
    float: left; }
  #header #wrapper {
    width: 980px;
    overflow: hidden;
    margin: 0 auto; }
    #header #wrapper #department h1 {
      font-size: 21px;
      color: white;
      font-weight: 600;
      float: left;
      margin-bottom: 0px; }
    #header #wrapper .menuList {
      float: right; }
      #header #wrapper .menuList .seperator {
        float: left;
        height: 62px;
        border-right: 1px solid #08688f;
        -webkit-box-shadow: 1px 0 0 rgba(16, 130, 177, 0.75);
        -moz-box-shadow: 1px 0 0 rgba(16, 130, 177, 0.75);
        box-shadow: 1px 0 0 rgba(16, 130, 177, 0.75); }
      #header #wrapper .menuList li.menu {
        display: inline;
        font-size: 13px;
        font-weight: 600;
        float: left;
        color: white;
        cursor: pointer;
        line-height: 62px;
        -webkit-transition: background-color 200ms ease-in;
        -moz-transition: background-color 200ms ease-in;
        -o-transition: background-color 200ms ease-in;
        -ms-transition: background-color 200ms ease-in;
        transition: background-color 200ms ease-in;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
      #header #wrapper .menuList .menu span {
        padding-left: 3px; }
      #header #wrapper .menuList li.menu:hover {
        background-color: #1082b1; }
      #header #wrapper .menuList li.menu.selected {
        background-color: #1082b1; }
      #header #wrapper .menuList .menu.admin {
        width: 157px; }
      #header #wrapper .menuList .menu.logActivity {
        width: 141px; }
      #header #wrapper .menuList .menu.overview {
        width: 127px; }
      #header #wrapper .menuList .logActivity a {
        display: block; }
      #header #wrapper .menuList .logActivity:before {
        content: "";
        /* Size of star within sprite */
        width: 22px;
        height: 24px;
        /* Sprite */
        background: url("../img/menu_icons.8c926483b962.png") -9px 0 no-repeat;
        /* Position/Spacing */
        float: left;
        margin-right: 11px;
        margin-top: 23px;
        margin-left: 8px; }
      #header #wrapper .menuList li.overview:before {
        content: "";
        /* Size of star within sprite */
        width: 22px;
        height: 24px;
        /* Sprite */
        background: url("../img/menu_icons.8c926483b962.png") 12px 0 no-repeat;
        /* Position/Spacing */
        float: left;
        margin-right: 11px;
        margin-top: 24px;
        margin-left: 10px; }
      #header #wrapper .menuList li.admin:before {
        content: "";
        /* Size of star within sprite */
        width: 22px;
        height: 24px;
        /* Sprite */
        background: url("../img/menu_icons.8c926483b962.png") -34px 0 no-repeat;
        /* Position/Spacing */
        float: left;
        margin-right: 5px;
        margin-top: 23px;
        margin-left: 20px; }
      #header #wrapper .menuList li.menu a {
        color: white;
        text-decoration: none;
        font-family: "Proxima-Nova", arial;
        font-weight: 600;
        display: block; }
      #header #wrapper .menuList .menu li a:visited {
        color: white;
        text-decoration: none;
        font-family: "Proxima-Nova", arial;
        font-weight: 600; }
      #header #wrapper .menuList li.util {
        width: 31px;
        height: 61px;
        padding-left: 3px; }
      #header #wrapper .menuList .menu .logout {
        background: url("../img/menu_icons.8c926483b962.png") no-repeat scroll -98px 0 transparent;
        height: 16px;
        width: 25px;
        display: block;
        margin-bottom: 8px;
        margin-top: 11px;
        margin-left: 3px; }
      #header #wrapper .menuList .menu .help {
        background: url("../img/menu_icons.8c926483b962.png") no-repeat scroll -78px 0 transparent;
        height: 16px;
        width: 19px;
        display: block;
        margin-left: 3px; }
      #header #wrapper .menuList .submenu {
        display: none;
        margin-top: 1px;
        /*	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.15);
            	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.15);
            	box-shadow: 0 1px 4px rgba(0,0,0,0.15);*/ }
        #header #wrapper .menuList .submenu li {
          background-color: white;
          line-height: 30px;
          border-bottom: 1px solid #c9c9c9;
          border-left: 1px solid #c9c9c9;
          border-right: 1px solid #c9c9c9;
          width: 157px;
          margin-left: -1px;
          box-shadow: 0px !important;
          -webkit-box-shadow: 0px 0 0 rgba(16, 130, 177, 0.75); }
        #header #wrapper .menuList .submenu li:hover {
          background-color: #e7e7e7; }
        #header #wrapper .menuList .submenu li a {
          color: #595959 !important;
          padding-bottom: 6px;
          margin-left: 9px;
          padding-top: 6px;
          display: block; }
        #header #wrapper .menuList .submenu li a:hover {
          color: #595959 !important; }

/*############################## SEMESTEROVERSIGT #################### */
.ui-widget {
  font-size: 15px !important; }

.term_name {
  float: left;
  margin-top: 0;
  font-size: 18px;
  width: 121px; }

.options {
  float: left;
  margin-left: 20px; }

.term-overview h1 {
  margin-bottom: 0; }

.state {
  margin-top: -3px;
  float: left;
  margin-top: 0;
  margin-left: 20px;
  padding: 5px;
  width: 165px;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 50px;
  border: 1px solid #C9C9C9;
  margin-left: 10px;
  font-size: 14px;
  color: #404040;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  /* Firefox 4 */
  -webkit-transition: all 0.3s;
  /* Safari and Chrome */
  -o-transition: all 0.3s;
  /* Opera */ }

.state:hover {
  border: 1px solid #51963D;
  cursor: pointer; }

.state.selected {
  border: 1px solid #51963D;
  background-color: #6ab854;
  color: white; }

.no-gutter {
  width: 266px;
  padding: 15px;
  float: left;
  margin-right: 19px; }

.expanded-activity {
  float: left; }

.expanded-activity p {
  font-size: 14px;
  padding-left: 15px; }

.date_details p {
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 5px;
  text-decoration: underline;
  cursor: pointer;
  padding-left: 0;
  margin-top: 0; }

.date_details:hover {
  color: #707070; }

.extra_details li {
  font-weight: 400;
  font-size: 12px; }

.extra_details {
  margin-bottom: 10px;
  display: none;
  border-bottom: 1px solid black; }

.delete_activity, .edit_activity {
  float: left; }

.editActivityBtn, .deleteActivityBtn {
  cursor: pointer;
  margin-top: 20px;
  color: white;
  font-weight: 400;
  background-color: #6ab854;
  border: 1px solid #478c34;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.48);
  -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.48);
  box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.48);
  line-height: 23px;
  text-align: center;
  width: 110px;
  float: left;
  font-size: 12px;
  margin-right: 11px;
  float: right;
  margin-bottom: 15px;
  margin-top: 2px; }

.editActivityBtn:hover {
  background-color: #75c35f; }

.deleteActivityBtn {
  background-color: #953c3c;
  border-color: #711f1f; }

.deleteActivityBtn:hover {
  background-color: #711f1f; }

.longWait {
  position: absolute;
  left: 200px;
  background-color: #E7E7E7;
  border-radius: 10px;
  font-size: 12px;
  padding: 8px;
  display: none;
  border: #757575 solid 1px; }

.longWait p {
  margin: 0; }

/*############################## SLUT SEMESTEROVERSIGT ################ */
/*############################## START BRUGEROVERSIGT ###################### */
#empTable {
  width: 100%; }

#emptTable .name {
  width: 250px; }

#empTable .name a {
  color: #404040; }

#empTable .row td {
  padding-top: 5px; }

.tableHeader td {
  font-weight: 900;
  font-size: 15px; }

#wrapperShowEmp .success {
  color: white;
  background-color: #69B854;
  padding: 5px;
  border-radius: 5px; }

#wrapperShowEmp .spinnerSpace {
  float: left; }

#wrapperShowEmp .overviewCon {
  padding-bottom: 50px; }

#wrapperShowEmp .positionContent, #wrapperShowEmp .statusCon, #wrapperShowEmp .departmentContent, #wrapperShowEmp .roleContent {
  overflow: hidden;
  clear: both;
  padding-left: 20px; }

#wrapperShowEmp .statusCon p {
  margin: 0;
  float: left;
  width: 180px; }

#wrapperShowEmp .status {
  float: left; }

#wrapperShowEmp .position, #wrapperShowEmp .department, #wrapperShowEmp .role {
  float: left;
  width: 180px; }

#wrapperShowEmp .positionInput, #wrapperShowEmp .departmentInput, #wrapperShowEmp .departmentInput select, #wrapperShowEmp .positionInput select, #wrapperShowEmp .roleInput select {
  float: left; }

#wrapperShowEmp .loadingSpinner, .loadingMessage {
  float: left;
  display: none;
  margin-top: 5px;
  margin-left: 10px; }

#wrapperShowEmp .loadingMessage {
  font-size: 10px; }

#wrapperShowEmp .chooseYear {
  float: left;
  margin-left: 20px; }

#wrapperShowEmp .chooseActYear {
  margin-left: 20px; }

#wrapperShowEmp #dialog {
  display: none; }

#wrapperShowEmp .confirmed {
  background-color: green; }

#paper {
  width: 633px; }

.margin-top-20 {
  margin-top: 20px; }

.margin-left-15 {
  margin-left: 15px; }

.commitTermHeader {
  text-decoration: underline;
  margin-bottom: 10px; }

#wrapperShowEmp {
  padding-left: 15px;
  padding-right: 20px; }
  #wrapperShowEmp .profileName {
    font-size: 35px;
    margin-top: 20px; }
  #wrapperShowEmp .profileNav {
    margin-top: 20px;
    margin-bottom: 20px; }
    #wrapperShowEmp .profileNav .title {
      margin-right: 0px; }
    #wrapperShowEmp .profileNav li {
      display: inline-block;
      margin-right: 40px; }
      #wrapperShowEmp .profileNav li a {
        color: black;
        display: block;
        padding: 10px; }
    #wrapperShowEmp .profileNav li.selected, #wrapperShowEmp .profileNav li:hover {
      background-color: #107ba7;
      color: white;
      border-radius: 10px;
      cursor: pointer; }
      #wrapperShowEmp .profileNav li.selected a, #wrapperShowEmp .profileNav li:hover a {
        color: white;
        text-decoration: none;
        display: block;
        padding: 10px; }
  #wrapperShowEmp h2 {
    margin-top: 40px; }

.commitments {
  list-style: none;
  width: 720px;
  padding-bottom: 50px; }
  .commitments .edit {
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
    font-weight: normal; }
  .commitments .year {
    font-size: 24px;
    font-weight: bold;
    margin-top: 10px;
    border-top: 1px solid #a0a0a0;
    padding-top: 13px; }
  .commitments .term.first {
    margin-top: 10px; }
  .commitments .term {
    font-size: 18px;
    margin-left: 10px;
    font-weight: 800; }
  .commitments .termtitle {
    width: 195px;
    display: inline-block; }
  .commitments .commitCon {
    overflow: hidden; }
  .commitments li.editable {
    border: 1px solid white; }
  .commitments li.editable:hover {
    border: 1px dashed black;
    cursor: pointer; }
  .commitments .caption {
    float: left;
    margin-left: 20px;
    width: 150px;
    padding-bottom: 12px; }
  .commitments .commitment, .commitments .commitmentInput {
    float: left;
    margin-left: 40px;
    width: 50px;
    font-size: 15px; }
  .commitments .commitmentInput {
    margin-top: 0; }
  .commitments .commitmentInput, .commitments .descriptionInput, .commitments .saveCommit, .commitments .cancelCommit {
    display: none; }
  .commitments .description, .commitments .descriptionInput {
    float: left;
    margin-left: 20px;
    font-size: 12px;
    width: 300px; }
  .commitments .descriptionInput {
    margin-top: 0; }

#wrapperShowEmp .editButton {
  background-image: url("../img/editButton.73644d30021b.png");
  width: 148px;
  height: 27px;
  cursor: pointer;
  margin-top: 10px;
  clear: both;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto; }

#wrapperShowEmp .editButton:hover {
  background-position: center -30px; }

#wrapperShowEmp .editButton:active {
  background-position: center 27px; }

#wrapperShowEmp .backToEmpList {
  cursor: pointer;
  color: black;
  margin-top: 10px;
  clear: both;
  margin-bottom: 10px;
  display: block; }

#wrapperShowEmp .backToEmpList:hover {
  background-position: center -30px; }

#wrapperShowEmp .backToEmpList:active {
  background-position: center 27px; }

#wrapperShowEmp .header {
  clear: both; }

#wrapperShowEmp .isNotAdmin {
  display: none; }

#wrapperShowEmp .activeButton, .inactiveButton {
  margin-top: 0px;
  margin-left: 20px; }

#wrapperShowEmp .commitmentForYear {
  padding-left: 20px; }

#wrapperShowEmp .chosenActYearCon {
  margin-top: 30px;
  margin-left: 50px; }

.inputField {
  display: none; }

#wrapperShowEmp .save, .cancel {
  display: none; }

#wrapperShowEmp .save, .cancel {
  background-image: url("../img/cancel-save-sprite.dd4e23f3c031.png");
  width: 148px;
  height: 27px;
  cursor: pointer;
  float: left; }

#wrapperShowEmp .save {
  margin-left: 20px;
  background-position: right top; }

#wrapperShowEmp .save:hover {
  background-position: right -30px; }

#wrapperShowEmp .save:active {
  background-position: right 27px; }

#wrapperShowEmp .cancel {
  background-position: left top; }

#wrapperShowEmp .cancel:hover {
  background-position: left -30px; }

#wrapperShowEmp .cancel:active {
  background-position: left 27px; }

#wrapperShowEmp .confirmButtons {
  width: 316px;
  margin-left: auto;
  margin-right: auto; }

#wrapperShowEmp .commit_message {
  text-align: center;
  font-size: 12px;
  display: none; }

.roleInput {
  float: left; }
  .roleInput label {
    display: block; }

/*############################## SLUT BRUGEROVERSIGT ###################### */
#handleCourses .box {
  background-color: #fdfdfd;
  border: solid 1px #c9c9c9;
  border-radius: 5px;
  width: 282px;
  padding: 7px;
  margin-top: 30px;
  min-height: 330px; }

#handleCourses .closeBox {
  border: 1px #c9c9c9 solid;
  font-size: 12px;
  width: 54px;
  height: 22px;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 0px;
  margin-top: -30px;
  margin-left: 220px;
  margin-bottom: 10px;
  cursor: pointer; }

#handleCourses .closeBox p {
  padding: 0px;
  margin: 0px;
  margin-top: 5px;
  text-align: center;
  background-image: url("../img/icon-sprite.af5e3e5ffca3.png");
  background-repeat: no-repeat;
  background-position: 34px -106px;
  padding-right: 13px; }

#handleCourses .activities {
  min-height: 400px; }

#handleCourses .activities li {
  background-color: white;
  border: 1px solid #c9c9c9;
  border-radius: 5px;
  height: 65px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  margin-bottom: 6px;
  min-height: 65px; }

#handleCourses .activities li h5 {
  font-size: 13px;
  margin-top: 9px;
  line-height: 15px;
  margin-bottom: 0; }

#handleCourses .tool {
  margin-top: 12px;
  margin-left: 15px;
  font-size: 10px;
  cursor: pointer; }

#handleCourses .tool {
  background-image: url("../img/icon-sprite.af5e3e5ffca3.png");
  background-repeat: no-repeat;
  height: 14px;
  padding-left: 21px;
  padding-top: 1px; }

#handleCourses .addAct {
  background-position: 0px -48px; }

#handleCourses .showTool {
  background-position: 0px -23px; }

#handleCourses .toolbar {
  float: left;
  width: 64px;
  height: 100%; }

#handleCourses .activities p {
  margin-top: 5px;
  font-size: 12px; }

#handleCourses .noActs {
  text-align: center; }

#handleCourses .selected:after {
  content: "";
  background-color: #fdfdfd;
  height: 25px;
  border-top: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
  width: 50px;
  display: block;
  position: absolute;
  top: -1px;
  right: -35px; }

#handleCourses li.selected {
  border: solid 1px #c9c9c9;
  border-right: 0px;
  border-radius: 5px 0px 0px 5px;
  position: relative;
  background-color: #fdfdfd;
  color: #8c8c8c; }

#handleCourses .filterCourse {
  width: 95%;
  font-size: 17px;
  padding: 5px;
  margin-bottom: 5px; }

#handleCourses .activities li {
  overflow: hidden; }

#handleCourses .column3 {
  width: 295px !important; }

#handleCourses .column3 .activities {
  height: 500px;
  overflow-y: scroll; }

#handleCourses .newCourseCat {
  cursor: pointer; }

#handleCourses .column2, #handleCourses .column3 {
  display: none; }

#handleCourses .category {
  color: #08688f; }

#handleCourses .category:hover {
  color: #003f59; }

#handleCourses .newCategory {
  text-decoration: underline;
  color: #075473; }

#handleCourses .categoryName, #handleCourses .activityCategory {
  font-weight: 600;
  cursor: pointer;
  font-size: 18px; }

#handleCourses .closed, #handleCourses .courseBtn {
  display: none; }

#handleCourses .courseBtn {
  text-decoration: underline;
  cursor: pointer;
  color: #999999; }

#handleCourses input {
  outline: none; }

#handleCourses .course.open {
  display: list-item; }

#handleCourses .hidden {
  display: none; }

#handleCourses .newCourse {
  font-weight: 600; }

#handleCourses .newCourseCat {
  font-size: 16px;
  font-weight: 600; }

#handleCourses .newCourseCon {
  margin-top: 5px;
  margin-bottom: 5px; }

#handleCourses .newCourseCon input[type="text"], #handleCourses .newCatCon input[type="text"] {
  width: 100%;
  border: 0;
  font-size: 15px;
  border-bottom: 1px dashed;
  margin-bottom: 5px; }

#handleCourses .newCourseCon .error, #handleCourses .newCatCon .error {
  color: red;
  font-weight: bold;
  padding: 5px; }

#handleCourses .add-activity-button {
  cursor: pointer;
  margin-top: 20px;
  color: white;
  font-weight: 600;
  background-color: #6ab854;
  border: 1px solid #478c34;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.48);
  -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.48);
  box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.48);
  height: 35px;
  line-height: 35px;
  text-align: center;
  background-image: url("../img/icon-sprite.af5e3e5ffca3.png");
  background-repeat: no-repeat;
  background-position: 19px -66px; }

#handleCourses .add-activity-button:hover {
  background-color: #75c35f; }

#handleCourses .button-deactivated {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE 5-7 */
  filter: alpha(opacity=40);
  /* Netscape */
  -moz-opacity: 0.4;
  /* Safari 1.x */
  -khtml-opacity: 0.4;
  /* Good browsers */
  opacity: 0.4; }

#handleCourses .button-deactivated:hover {
  background-color: #6ab854; }

#handleCourses li {
  list-style: none; }

#handleCourses .bigHelp .circle {
  background-color: #f1f1f1;
  width: 320px;
  height: 125px;
  border-radius: 10px;
  margin-left: -17px; }

#handleCourses .circle p {
  font-size: 22px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 31px;
  text-align: center;
  width: 300px;
  color: #878787; }

/*################################ START EKSAMENSOPGAVER ###########################*/
.assignments .assignmentTable {
  width: 900px;
  margin-top: 20px;
  clear: both; }

.yearHeading {
  float: left;
  margin: 0;
  padding-right: 10px; }

.assignments .termName {
  font-size: 15px;
  font-weight: bold;
  padding-top: 10px;
  border-bottom: 1px solid #e8e8e8; }

.assignmentCourse, .assignmentNumber, .assignmentReported {
  font-size: 18px;
  font-weight: bold; }

.assignmentReported {
  text-align: center; }

.assignments input, .assignments .spinnerSpace, .assignmentYear {
  float: left; }

.assignments .spinnerSpace {
  margin-left: 10px;
  margin-top: 5px;
  font-size: 12px; }

/*################################ SLUT EKSAMENSOPGAVER ###########################*/
#guest-teachers .addTeacher {
  display: none; }

#guest-teachers .position, #guest-teachers .department {
  float: none; }

#guest-teachers .teacherName, #guest-teachers .teacherCpr, #guest-teachers .teacherNameLast {
  width: 70px; }

#guest-teachers .teacherNameLast {
  margin-left: 3px; }

#guest-teachers .errorBox {
  font-size: 12px;
  color: red;
  margin-left: 40px; }

#guest-teachers input.error {
  border-color: red;
  border-size: 1px; }

#guest-teachers .addTeacherBtn {
  margin-left: 20px; }

#guest-teachers .ajax_loader, #guest-teachers .ajax_loader_top {
  display: none; }

#guest-teachers .editType {
  cursor: pointer; }

.personalOverview .headings td, .personalOverview .departmentOverview .headings td, #wrapperShowEmp .headings td, #wrapperShowEmp .departmentOverview .headings td, .departmentOverview .headings td, .departmentOverview .departmentOverview .headings td {
  font-size: 14px;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: right; }

.personalOverview .categoryTitle, #wrapperShowEmp .categoryTitle, .departmentOverview .categoryTitle {
  font-weight: 600;
  padding-top: 20px; }

.personalOverview td, .personalOverview .departmentOverview td, #wrapperShowEmp td, #wrapperShowEmp .departmentOverview td, .departmentOverview td, .departmentOverview .departmentOverview td {
  font-weight: normal; }

.personalOverview .headings td, #wrapperShowEmp .headings td, .departmentOverview .headings td {
  font-size: 14px;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left; }

.personalOverview .headings .sum, #wrapperShowEmp .headings .sum, .departmentOverview .headings .sum {
  text-align: right; }

.personalOverview .headings td:first-child, .personalOverview .headings td:first-child, #wrapperShowEmp .headings td:first-child, #wrapperShowEmp .headings td:first-child, .departmentOverview .headings td:first-child, .departmentOverview .headings td:first-child {
  text-align: left; }

.personalOverview .headings .term, #wrapperShowEmp .headings .term, .departmentOverview .headings .term {
  text-align: center; }

.personalOverview .bigNumbers_explain, #wrapperShowEmp .bigNumbers_explain, .departmentOverview .bigNumbers_explain {
  float: right;
  overflow: hidden;
  margin-top: 94px;
  margin-right: 46px;
  font-size: 12px;
  color: #ababab; }

.personalOverview .toggleRows, #wrapperShowEmp .toggleRows, .departmentOverview .toggleRows {
  display: block;
  clear: both;
  margin-left: 15px; }

.personalOverview .headings2 td, #wrapperShowEmp .headings2 td, .departmentOverview .headings2 td {
  padding-bottom: 5px;
  border-bottom: 2px solid #E8E8E8;
  text-align: right; }

.personalOverview .list td, .personalOverview .emp_list td, #wrapperShowEmp .list td, #wrapperShowEmp .emp_list td, .departmentOverview .list td, .departmentOverview .emp_list td {
  padding-bottom: 4px;
  padding-top: 4px; }

.personalOverview .emp_list td, #wrapperShowEmp .emp_list td, .departmentOverview .emp_list td {
  text-align: right; }

.personalOverview .emp_list td:first-child, #wrapperShowEmp .emp_list td:first-child, .departmentOverview .emp_list td:first-child {
  text-align: left; }

.personalOverview .list.last td, .personalOverview .emp_list.last td, #wrapperShowEmp .list.last td, #wrapperShowEmp .emp_list.last td, .departmentOverview .list.last td, .departmentOverview .emp_list.last td {
  border-bottom: 2px solid #E8E8E8; }

.personalOverview .list.odd, .personalOverview .emp_list.odd, #wrapperShowEmp .list.odd, #wrapperShowEmp .emp_list.odd, .departmentOverview .list.odd, .departmentOverview .emp_list.odd {
  background-color: #E8E8E8; }

.personalOverview .list:hover, .personalOverview .list.odd:hover, .personalOverview .emp_list:hover, .personalOverview .emp_list.odd:hover, #wrapperShowEmp .list:hover, #wrapperShowEmp .list.odd:hover, #wrapperShowEmp .emp_list:hover, #wrapperShowEmp .emp_list.odd:hover, .departmentOverview .list:hover, .departmentOverview .list.odd:hover, .departmentOverview .emp_list:hover, .departmentOverview .emp_list.odd:hover {
  cursor: pointer;
  background-color: #107ba7;
  color: white;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  /* Firefox 4 */
  -webkit-transition: all 0.3s;
  /* Safari and Chrome */
  -o-transition: all 0.3s;
  /* Opera */ }

.personalOverview .list.selected, .personalOverview .emp_list.selected, #wrapperShowEmp .list.selected, #wrapperShowEmp .emp_list.selected, .departmentOverview .list.selected, .departmentOverview .emp_list.selected {
  background-color: #107ba7;
  color: white; }

.personalOverview .ekstra_info td, #wrapperShowEmp .ekstra_info td, .departmentOverview .ekstra_info td {
  border-left: 1px solid #107ba7;
  border-bottom: 1px solid #107ba7;
  border-right: 1px solid #107ba7;
  border-radius: 0px 0px 5px 5px; }

.personalOverview .td_date, .personalOverview .emp, #wrapperShowEmp .td_date, #wrapperShowEmp .emp, .departmentOverview .td_date, .departmentOverview .emp {
  padding-left: 4px;
  width: 10%; }

.personalOverview .td_fag, .personalOverview .td_act, #wrapperShowEmp .td_fag, #wrapperShowEmp .td_act, .departmentOverview .td_fag, .departmentOverview .td_act {
  width: 40%; }

.personalOverview .sum, #wrapperShowEmp .sum, .departmentOverview .sum {
  width: 10%;
  text-align: right;
  padding-right: 10px; }

.personalOverview .ekstra_info .info_left, #wrapperShowEmp .ekstra_info .info_left, .departmentOverview .ekstra_info .info_left {
  width: 600px;
  float: left;
  padding: 5px; }

.personalOverview .info_right, #wrapperShowEmp .info_right, .departmentOverview .info_right {
  float: left;
  width: 201px; }

.personalOverview .ekstra_info td .info_left p, #wrapperShowEmp .ekstra_info td .info_left p, .departmentOverview .ekstra_info td .info_left p {
  margin-top: 2px;
  margin-bottom: 2px; }

.personalOverview .sums td, #wrapperShowEmp .sums td, .departmentOverview .sums td {
  border-bottom: 2px solid #E8E8E8;
  padding-top: 3px;
  padding-bottom: 3px; }

.personalOverview .termsums td, #wrapperShowEmp .termsums td, .departmentOverview .termsums td {
  font-weight: 600; }

.personalOverview .sums .numbers, #wrapperShowEmp .sums .numbers, .departmentOverview .sums .numbers {
  text-align: right;
  padding-right: 10px; }

.personalOverview .info_left p.date_details, #wrapperShowEmp .info_left p.date_details, .departmentOverview .info_left p.date_details {
  font-style: italic; }

.personalOverview .bigNumbers, #wrapperShowEmp .bigNumbers, .departmentOverview .bigNumbers {
  width: auto;
  float: right;
  margin-bottom: -58px;
  margin-top: 20px;
  border-radius: 5px;
  border: 1px solid #C9C9C9;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }

.personalOverview .bigNumbers_explain, #wrapperShowEmp .bigNumbers_explain, .departmentOverview .bigNumbers_explain {
  float: right;
  margin-bottom: -53px;
  font-size: 12px;
  color: #ababab;
  margin-right: 0; }

.personalOverview .bigNumbers li, #wrapperShowEmp .bigNumbers li, .departmentOverview .bigNumbers li {
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 12px;
  padding-right: 12px;
  text-align: right;
  border-bottom: 1px solid #E8E8E8; }

.personalOverview .bigNumbers li:last-child, #wrapperShowEmp .bigNumbers li:last-child, .departmentOverview .bigNumbers li:last-child {
  border-bottom: 0px; }

.personalOverview .bigNumbers li .label, #wrapperShowEmp .bigNumbers li .label, .departmentOverview .bigNumbers li .label {
  font-size: 12px; }

.personalOverview .bigNumbers li .result, #wrapperShowEmp .bigNumbers li .result, .departmentOverview .bigNumbers li .result {
  color: #6ab854;
  font-weight: bold;
  margin-left: 15px; }

.personalOverview .overviewTable, #wrapperShowEmp .overviewTable, .departmentOverview .overviewTable {
  width: 100%;
  padding-bottom: 15px;
  border-spacing: 0px;
  font-size: 14px; }

.personalOverview li, #wrapperShowEmp li, .departmentOverview li {
  list-style: none; }

.reports li {
  list-style: none; }

.reports .unfinishedReports li.report {
  border-radius: 5px;
  cursor: text; }

.reports .unfinishedReports li.report:hover {
  border-radius: 5px;
  cursor: text; }

.reports listOfReports li.report:hover {
  background-color: #fff;
  cursor: pointer; }

.reports .listOfReports li.report {
  background-color: white;
  border: 1px solid #c9c9c9;
  border-radius: 5px 5px 0px 0px;
  margin-bottom: 6px;
  padding: 7px;
  padding-left: 12px;
  padding-right: 12px; }

.reports .selectReport {
  font-weight: 600;
  font-size: 14px;
  float: left;
  margin-bottom: 5px; }

.reports .old {
  color: red; }

.reports .save {
  float: left; }

.reports .whoError, .reports .whatError, .reports .whenError {
  display: none;
  clear: both; }

.reports .arrow-down-btn i {
  background-image: url("../img/report-sprite.d604c8c5bbc4.png");
  background-position: 12px -124px;
  width: 26px;
  height: 19px;
  float: left;
  margin-top: 6px; }

.reports .arrow-down-btn {
  margin-left: 234px;
  margin-top: -35px;
  cursor: pointer;
  width: 35px;
  height: 33px;
  background-color: #107ba7;
  background-repeat: no-repeat;
  float: left;
  clear: right;
  position: relative; }

.reports .ui-autocomplete-input {
  border: 1px solid #107ba7;
  height: 33px;
  width: 258px;
  padding-left: 10px;
  font-size: 13px;
  font-weight: 600;
  color: #717070;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24); }

.reports .changeWho:hover, .reports .changeWhat:hover, .reports .changeWhen:hover {
  background-color: #a21818; }

.reports .changeWho, .reports .changeWhat, .reports .changeWhen {
  display: none;
  background-color: #404040;
  border: 0px;
  color: white;
  float: right;
  height: 22px;
  line-height: 22px;
  margin-right: 0px;
  cursor: pointer;
  font-size: 12px;
  padding-left: 6px;
  padding-bottom: 0px;
  padding-right: 6px;
  font-weight: 400; }

.reports .ui-autocomplete {
  height: 300px;
  overflow: scroll;
  width: 400px !important; }

.reports .wholist li, .reports .whatlist li, .reports .whenlist li {
  display: inline;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 50px;
  border: 1px solid #D2DBDF;
  margin-left: 10px;
  font-weight: 600;
  font-size: 14px;
  color: #107ba7; }

.reports .wholist li:hover, .reports .whatlist li:hover, .reports .whenlist li:hover {
  border: 1px solid #107ba7;
  background-color: #107ba7;
  color: white;
  cursor: pointer; }

.reports .wholist li.selected, .reports .whatlist li.selected, .reports .whenlist li.selected {
  text-decoration: underline; }

.reports .leftReport {
  width: 666px;
  float: left;
  position: relative;
  z-index: 1;
  border-right: 1px solid #b0b0b0;
  margin-top: 40px;
  padding-bottom: 60px; }

.reports .sideBar {
  width: 313px;
  float: left; }

.reports .wholistCon, .reports .whoPicker, .reports .whatlistCon, .reports .whatPicker, .reports .whenlistCon, .reports .whenPicker {
  display: none; }

.reports .reportDate {
  float: right;
  font-weight: 600;
  font-size: 14px;
  color: #6ab854; }

.reports .listOfReports {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.reports ul.reports {
  min-height: 236px; }

.reports .reportHeading {
  margin-top: -10px; }

.reports .reportSaveSpinner {
  margin-left: 219px;
  float: left; }

.reports .save:hover {
  background-color: #75c35f; }

.reports .reportDescription {
  font-size: 12px;
  clear: both; }

.reports .updateSpinner {
  display: none; }

.reports li.functionsList {
  margin-top: -6px;
  position: relative;
  z-index: 1;
  border-radius: 0px 0px 5px 5px;
  border-top: 0px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(0, 0, 0, 0.15);
  cursor: pointer; }

.reports li.functionsList {
  border-bottom: 0px;
  margin-bottom: 10px; }

.reports .functions li:last-child {
  border-bottom: 0px; }

.reports .functionsList .functions.closed {
  border-left: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
  display: none;
  overflow: hidden; }

.reports .functionsList .grey-bottom {
  background-color: #f6f6f6;
  height: 12px;
  border-radius: 0px 0px 5px 5px;
  border: 1px solid #c9c9c9;
  border-top: 0px; }

.reports .functionsList .grey-bottom.open {
  background-color: #6ab854;
  border: 1px solid #51963d; }

.reports .functionsList .grey-bottom.open i {
  background-position: -11px -115px; }

.reports .functionsList .grey-bottom i {
  background-image: url("../img/report-sprite.d604c8c5bbc4.png");
  width: 10px;
  height: 10px;
  float: left;
  background-position: left -115px;
  margin-left: 133px; }

.reports .functions p, .reports img {
  display: none; }

.reports li.functionsList img {
  width: 90%; }

.reports .functions li {
  line-height: 46px;
  border-bottom: 1px solid #c9c9c9;
  font-weight: 600;
  font-size: 16px; }

.reports .functions li:hover {
  background-color: #E7E7E7; }

.reports .functions a, .reports .sendEmail, .reports .useAsTemp, .reports .deleteReport {
  color: #404040;
  font-weight: 600;
  text-decoration: none;
  display: block; }

.reports .functions .showReportIcon {
  background-image: url("../img/report-sprite.d604c8c5bbc4.png");
  width: 34px;
  margin-top: 14px;
  height: 20px;
  float: left;
  margin-left: 15px;
  margin-right: 15px; }

.reports .functions .saveReportIcon {
  background-image: url("../img/report-sprite.d604c8c5bbc4.png");
  width: 34px;
  margin-top: 7px;
  height: 30px;
  float: left;
  margin-left: 22px;
  margin-right: 7px;
  background-position: left -23px; }

.reports .functions .saveReportIconExcel {
  background-image: url("../img/excel-icon.f646d720ff11.png");
  width: 30px;
  margin-top: 7px;
  height: 30px;
  float: left;
  margin-left: 18px;
  margin-right: 14px; }

.reports .functions .emailReportIcon {
  background-image: url("../img/report-sprite.d604c8c5bbc4.png");
  width: 34px;
  margin-top: 7px;
  height: 30px;
  float: left;
  margin-left: 21px;
  margin-right: 8px;
  background-position: left -54px; }

.reports .functions .tempReportIcon {
  background-image: url("../img/report-sprite.d604c8c5bbc4.png");
  width: 34px;
  margin-top: 7px;
  height: 33px;
  float: left;
  margin-left: 21px;
  margin-right: 8px;
  background-position: left -84px; }

.reports .functions .deleteReportIcon {
  background-image: url("../img/report-sprite.d604c8c5bbc4.png");
  width: 34px;
  margin-top: 7px;
  height: 33px;
  float: left;
  margin-left: 21px;
  margin-right: 8px;
  background-position: -36px -23px; }

.reports .wholist-ul li i, .reports .reports .whenlist-ul li i, .reports .reports .whatlist-ul li i {
  background-image: url("../img/report-sprite.d604c8c5bbc4.png");
  width: 33px;
  margin-top: 1px;
  height: 24px;
  float: left;
  margin-right: 0px;
  border-left: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  background-position: -128px -60px;
  border-radius: 40px 0px 0px 40px;
  -webkit-box-shadow: -2px 0 2px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: -2px 0 2px rgba(0, 0, 0, 0.21);
  box-shadow: -2px 0 2px rgba(0, 0, 0, 0.21);
  cursor: pointer;
  position: absolute;
  left: -35px; }

.reports .wholist-ul {
  font-size: 14px; }

.reports .wholist-ul li, .reports .whenlist-ul li, .reports .whatlist-ul li {
  color: #107ba7;
  font-weight: 600;
  line-height: 27px;
  font-size: 14px;
  position: relative; }

.reports li.no-data {
  line-height: 14px;
  color: #a0a0a0;
  font-weight: 400;
  font-size: 14px;
  position: relative; }

.reports li.no-data:after {
  content: "";
  width: 97px;
  height: 40px;
  background-image: url("../img/report-sprite.d604c8c5bbc4.png");
  background-position: left 40px;
  right: -21px;
  bottom: -30px;
  position: absolute; }

.reports .remove {
  display: none; }

.reports .popupForEmail {
  width: 340px;
  min-height: 170px;
  margin-left: -170px; }

.reports .popupForEmail .closeBox {
  margin-left: 270px; }

.reports .popupForEmail label, .reports .popupForEmail .sendEmail {
  display: block; }

.reports .popupForEmail .emailError label {
  font-size: 15px;
  color: red;
  padding-bottom: 10px;
  display: block; }

.reports .popupForEmail .emailSuccess {
  color: green;
  font-size: 15px;
  display: none; }

.reports .errorMessage, .reports .error {
  margin-bottom: 0px;
  margin-top: 15px;
  font-weight: 600;
  font-size: 15px;
  color: #cb2121; }

.reports .checkboxes label {
  font-size: 15px;
  margin-left: 10px; }

.reports .checkboxes p {
  margin-top: 6px; }

.reports .small {
  font-size: 12px; }

.reports .save {
  margin-left: 185px;
  width: 280px;
  font-size: 15px;
  cursor: pointer;
  margin-top: 20px;
  color: white;
  background-color: #6ab854;
  border: 1px solid #478c34;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.48);
  -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.48);
  box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.48);
  height: 35px;
  line-height: 35px;
  text-align: center; }

.reports #reportTitle {
  height: 25px;
  border: 1px solid #c9c9c9;
  margin-top: 25px;
  width: 220px;
  margin-left: 20px;
  padding-left: 10px; }

.reports #reportTitleCon {
  padding-top: 0px;
  padding-bottom: 0px; }

.reports #reportTitleCon p {
  font-size: 14px;
  line-height: 18px; }

.reports p {
  margin: 0;
  font-size: 12px; }

.reports label {
  font-size: 18px;
  font-weight: 600;
  color: #404040; }

.reports h3 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 15px; }

.reports h1 {
  font-size: 21px;
  padding-bottom: 0px;
  margin-top: 30px;
  margin-bottom: 0px; }

.reports h2 {
  padding-bottom: 0px;
  font-weight: 600;
  font-size: 17px;
  margin-top: 15px;
  margin-bottom: 5px; }

.reports .reportHeader {
  border-bottom: 1px solid #404040;
  padding-left: 0px;
  margin-left: 15px;
  padding-right: 0px; }

.superadmin .list-of-courses li:hover {
  background-color: #17a2b8;
  cursor: pointer; }

.superadmin .selected {
  background-color: #17a2b8; }