@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,300,400,600,700);

@import url(http://fonts.googleapis.com/css?family=Playfair+Display&subset=latin-ext);

html, body {

  height: 100%;

  width: 100%;

  min-width: 1024px;

  margin: 0 auto;

  padding: 0;

  position: relative;

  font-family: 'Open Sans', sans-serif;

  font-size: 100%;

  font-weight: 400;

  -webkit-font-smoothing: antialiased;

  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);

  background: #fff; }



body {

  -ms-overflow-y: auto;

  overflow-y: auto; }



* {

  margin: 0;

  padding: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box; }



*:focus {

  outline: none; }



a, a img {

  margin: 0;

  padding: 0;

  border: 0 none;

  outline: none;

  color: inherit;

  text-decoration: none; }



p {

  margin: 15px 0 0;

  font-weight: 400;

  font-size: 0.875rem; }



h1, h2, h3, h4, h5, h6 {

  color: #fff; }



/* buttons */

.btn-add, .btn-viewpending, .btn-replace, .btn-extract, .btn-publish, .btn-dl {

  background-color: #0085c7;

  background-image: -webkit-linear-gradient(#0085c7, #005b88);

  background-image: linear-gradient(#0085c7, #005b88);

  border: 1px solid #004669;

  color: #fff;

  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

  z-index: 2;

  position: relative;

  border-radius: 0;

  padding: 0 15px;

  text-transform: uppercase; }



.btn-edit, .btn-delete {

  width: 23px;

  height: 23px;

  line-height: 23px;

  text-align: center;

  margin: 0 -4px 0 0;

  display: inline-block;

  vertical-align: top; }



.btn-edit, .btn-save, .btn-search, .btn-approve, .btn-exam, .btn-upfile {

  background-color: #f3cb2b;

  background-image: -webkit-linear-gradient(#f3cb2b, #ff811c);

  background-image: linear-gradient(#f3cb2b, #ff811c);

  border: 1px solid #ffa800;

  color: #fff;

  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  z-index: 2;

  position: relative;

  cursor: pointer;

  text-transform: uppercase; }



.btn-upfile {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0; }



  .btn-upfile input {

    height: 100%;

    width: 100%;

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

    -webkit-appearance: none;

    -moz-appearance: none;

    -ms-appearance: none;

    -o-appearance: none;

    appearance: none;

    cursor: pointer; }



.btn-delete, .btn-cancel, .btn-reject {

  background-color: #ff3232;

  background-image: -webkit-linear-gradient(#ff3232, #c31818);

  background-image: linear-gradient(#ff3232, #c31818);

  border: 1px solid #990000;

  color: #fff;

  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  z-index: 2;

  position: relative; }



input[type="file"] {

  height: 100%;

  width: 100%;

  opacity: 0;

  filter: alpha(opacity=0);

  position: absolute;

  z-index: 2;

  top: 0;

  left: 0;

  border: 1px solid red;

  cursor: pointer;

  pointer-events: auto; }



.browsefile {

  /*width: 33%;*/

  position: relative;

  text-align: left; }

  .browsefile label, .browsefile input, .browsefile small {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top; }

  .browsefile input[type="file"] {

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    z-index: 5; }

  .browsefile label {

    margin-right: 5px;

    line-height: 30px;

    font-weight: 800; }

  .browsefile small {

    width: 95px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #c3c3c3;

    margin-left: 5px; }

  .browsefile .browse {

    width: 120px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    font-weight: 600;

    display: inline-block;

    font-size: 12px;

    font-size: 0.75rem;

    background-color: #0085c7;

    background-image: -webkit-linear-gradient(#0085c7, #005b88);

    background-image: linear-gradient(#0085c7, #005b88);

    border: 1px solid #004669;

    color: #fff;

    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    border-radius: 3px;

    z-index: 2;

    position: relative; }

  .browsefile .filename {

    font-size: 14px;

    font-size: 0.875rem;

    font-weight: 300;

    cursor: pointer; }



/* DROPDOWN */

.dropd {

  width: 100%;

  position: relative;

  overflow: hidden;

  background: linear-gradient(#fafafa, whitesmoke);

  border: 1px solid #aaa;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px; }

  .dropd select {

    color: black; }



.dropd-btn {

  height: 100%;

  width: 50px;

  padding: 7px 0 0;

  background-color: #f3cb2b;

  background-image: -webkit-linear-gradient(#f3cb2b, #ff811c);

  background-image: linear-gradient(#f3cb2b, #ff811c);

  border: 1px solid #ffa800;

  color: #fff;

  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  z-index: 2;

  position: relative;

  -webkit-border-radius: 0 3px 3px 0;

  -moz-border-radius: 0 3px 3px 0;

  -ms-border-radius: 0 3px 3px 0;

  border-radius: 0 3px 3px 0;

  position: absolute;

  z-index: 1;

  top: 0;

  right: 0;

  text-align: center;

  font-size: 1.5625rem; }

  .dropd-btn span {

    width: 100%;

    height: 100%;

    line-height: 30px;

    text-align: center; }



/* MAIN CONTAINER */

.mainwrap {

  height: 100%;

  min-height: 100% !important;

  width: 100%;

  margin: 0 auto;

  padding: 0;

  position: relative; }



.holder {

  /*height: 100%;*/

  width: 1280px;

  width: 88.8889%;

  margin: 0 auto;

  position: relative; }



.content {

  min-height: 100%;

  /* sticky footer */ }



.footer {

  height: 320px; }



ul {

  margin: 0;

  padding: 0;

  list-style: none; }

  ul li {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top; }



/* POPUP */

.popupcover {

  width: 100%;

  height: 100%;

  position: fixed;

  z-index: 100;

  background: rgba(0, 0, 0, 0.5);

  display: none; }



/* POPUP CONTAINER */

.popupwrap {

  position: relative;

  padding: 0;

  margin: 0 auto; }



.popcontainer {

  margin: 0 auto;

  padding: 0; }



/* POPUP CONTENT */

.divname {

  width: 100%;

  height: 100%;

  margin: 0 auto;

  padding: 40px 20px;

  text-align: center;

  background: #fff;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); }



.popupcenter {

  margin: auto;

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0; }



.popupcenter {

  width: 300px;

  height: 300px; }



.isfixed {

  text-align: center;

  display: inline-block;

  position: fixed;

  z-index: 999; }



/* CLOSE POPUP BUTTON */

.closebtn {

  position: absolute !important;

  z-index: 999;

  right: 10px;

  top: 10px;

  height: 25px;

  width: 25px;

  background: #ffac00;

  -webkit-border-radius: 40em;

  -moz-border-radius: 40em;

  -ms-border-radius: 40em;

  border-radius: 40em;

  font-size: 0.875rem;

  font-weight: 700;

  text-align: center;

  line-height: 25px;

  color: #fff;

  text-decoration: none;

  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }



/* side navigation */

.sidenav, .content {

  margin: 0 -4px 0 0;

  display: inline-block;

  vertical-align: top; }



.sidenav {

  width: 25%;

  /*height: 100%;*/

  min-height: 100%;

  background: #0da1dd;

  padding: 35px 0; }



.mainnav {

  font-size: 14px;

  font-size: 0.875rem; }

  .mainnav .logo {

    width: 100%;

    text-align: center; }

  .mainnav p {

    text-align: center;

    color: #fff; }

  .mainnav .user {

    font-weight: 700; }

  .mainnav .nav {

    width: 100%;

    color: #fff;

    margin-top: 70px; }

  .mainnav li {

    display: block;

    width: 100%;

    height: 45px;

    line-height: 45px;

    text-indent: 45px; }

  .mainnav .nav a {

    width: 100%;

    height: 100%;

    display: block; }

  .mainnav .active, .mainnav a:hover {

    background: #ffaf39; }



.content {

  width: 75%;

  /*height: 100%;*/

  background: white; }

  .content h3 {

    font-size: 16px;

    font-size: 1rem;

    color: #005b88;

    font-weight: 700;

    width: 100%;

    height: 13%;

    line-height: 80px;

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQANNTU3GjMhiIIG6urqzcEGYAEgRWBBZACyILgASBAAy2hG/ZqQkwgAAAABJRU5ErkJggg==);

    text-indent: 50px; }

  .content .sub {

    color: #ffaf39; }

    .content .sub:before {

      color: #005b88;

      content: ">";

      margin-right: 5px; }



.holder {

  width: 100%;

  /*height: 87%;*/

  padding: 30px 30px 20px 50px;

  overflow-y: auto; }

  .holder h2, .holder .btn-holder {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top;

    width: 50%; }

  .holder h2 {

    font-size: 26px;

    font-size: 1.625rem;

    color: #1a1a1a;

    font-weight: 300; }

  .holder .btn-holder {

    text-align: right; }

    .holder .btn-holder a {

      font-size: 14px;

      font-size: 0.875rem;

      margin: 0 -4px 0 0;

      display: inline-block;

      vertical-align: top;

      margin-right: 0;

      height: 25px;

      font-weight: 600;

      text-align: center;

      color: #fff; }



table {

  width: 100%;

  margin-top: 20px;

  color: #4d4d4d;

  border-spacing: 0;

  border: 1px solid #dddddd;

  font-size: 14px;

  font-size: 0.875rem; }

  table th {

    height: 40px;

    background: #dddddd;

    font-weight: 700;

    border-right: 1px solid #c3c3c3; }

    table th:last-child{

      width: 85px;

    }

  table tr {

    height: 35px; }

    table tr:nth-child(2n+1) {

      background: #f6f6f6; }

  table td:last-child {

    text-align: center;

    border: none; }

  table td {

    padding: 5px 15px;

    border-right: 1px solid #dddddd; }

  table .btn-edit {

    margin-right: 5px; }



form {

  margin-top: 20px; }

  form .heading {

    font-size: 16px;

    font-size: 1rem;

    font-weight: 800;

    display: block;

    margin: 25px 0 15px 0; }

  form input, form label {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top; }

  form ul {

    margin-top: 10px; }

  form li {

    display: block;

    margin-top: 15px; }

  form input[type="checkbox"] {

    width: 20px;

    height: 20px;

    margin-right: 10px; }

  form input[type="text"], form textarea {

    font-size: 14px;

    font-size: 0.875rem;

    font-family: "Open Sans", sans-serif;

    padding: 5px;

    border: 1px solid #c3c3c3; }

  form input[type="text"] {

    width: 340px;

    height: 30px; }

  form textarea {

    width: 100%;

    height: 150px;

    resize: none; }

  form label {

    font-size: 14px;

    font-size: 0.875rem;

    font-weight: 300; }

  form div {

    text-align: right;

    margin-top: 20px; }

  form .btn-save, form .btn-cancel {

    border-radius: 0;

    width: 100px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top; }

  form .btn-save {

    margin-right: 7px; }

  form .btn-cancel {

    margin-right: 0; }



/* search and filters */

.search-n-filter {

  width: 100%;

  margin-top: 25px; }

  .search-n-filter li {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top;

    width: 50%; }

  .search-n-filter input, .search-n-filter select {

    height: 30px;

    padding: 5px; }

  .search-n-filter a {

    width: 85px;

    height: 25px;

    line-height: 25px;

    text-align: center; }



.search-list input, .search-list a {

  margin: 0 -4px 0 0;

  display: inline-block;

  vertical-align: top;

  vertical-align: middle; }

.search-list input {

  width: 335px; }

.search-list a {

  font-size: 14px;

  font-size: 0.875rem;

  margin-left: 10px; }

  /*margin-left: 360px; }*/



.filter-list {

  text-align: right;

  line-height: 30px; }

  .filter-list span, .filter-list div {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top; }

  .filter-list span {

    font-weight: 700; }

  .filter-list .dropd {

    width: 260px;

    margin-bottom: 10px;

    margin-left: 15px;

    border-radius: 0; }

  .filter-list .dropd {

    width: 81%;

    border: 1px solid #ccc; }

    .filter-list .dropd .dropd-btn {

      width: 32px;

      padding: 0;

      margin: 0; }

    .filter-list .dropd select {

      height: 100%;

      border: none; }



/* manage training modules */

.add-training p, .edit-training p {

  font-size: 14px;

  font-size: 0.875rem;

  color: #c3c3c3;

  font-style: italic; }

.add-training .labels label, .edit-training .labels label {

  width: 50%;

  margin: 0 -4px 0 0;

  display: inline-block;

  vertical-align: top;

  text-align: left; }

.add-training .filen-holder, .add-training .add-another-f, .edit-training .filen-holder, .edit-training .add-another-f {

  width: 50%;

  margin: 0 -4px 0 0;

  display: inline-block;

  vertical-align: top;

  text-align: left; }

.add-training .filen-holder input[type="text"], .edit-training .filen-holder input[type="text"] {

  width: 90%; }

.add-training .add-another-f label, .edit-training .add-another-f label {

  display: block;

  margin-bottom: 12px; }

.add-training .browsefile, .edit-training .browsefile {

  width: 50%;

  margin-top: 0; }

.add-training .browse, .add-training .filename, .edit-training .browse, .edit-training .filename {

  margin: 0 -4px 0 0;

  display: inline-block;

  vertical-align: top;

  width: 45%; }

.add-training .filename, .edit-training .filename {

  margin-left: 8px; }

.add-training .addanother, .edit-training .addanother {

  text-align: left; }

.add-training .add-file, .edit-training .add-file {

  color: #005b88;

  margin-top: 25px; }



.add-user input[type="text"], .add-user input[type="email"], .add-user input[type="password"], .edit-user input[type="text"], .edit-user input[type="email"], .edit-user input[type="password"] {

  width: 375px !important;

  height: 30px !important;

  border: 1px solid #c3c3c3;

  padding: 5px; }

.add-user .dropd, .edit-user .dropd {

  width: 375px;

  height: 30px; }

.add-user .dropd-btn, .edit-user .dropd-btn {

  width: 32px;

  padding: 0;

  margin: 0; }

.add-user select, .edit-user select {

  height: 100%;

  border: none; }

.add-user .accesslvl-top, .edit-user .accesslvl-top {

  display: none; }



.cnt-pages tr td:last-child {

  width: 10%; }



.cut li {

  width: 49.5%;

  margin-right: 0; }



.mng-elibrary .btn-viewpending, .mng-elibrary .btn-approve, .mng-elibrary .btn-reject {

  height: 23px;

  line-height: 23px;

  margin: 0 -4px 0 0;

  display: inline-block;

  vertical-align: top;

  margin-right: 7px;

  border-radius: 0; }

.mng-elibrary .btn-reject {

  margin-right: 0; }

.mng-elibrary .btn-approve, .mng-elibrary .btn-reject {

  width: 85px; }



.doc-type {

  margin: 0 -4px 0 0;

  display: inline-block;

  vertical-align: top;

  width: 20px;

  height: 20px;

  background: url(../images/icon-filetype.png) no-repeat 0 0;

  margin-right: 20px; }



.t-word {

  background-position: 0 0; }



.t-youtube {

  background-position: 0 -31px; }



.t-tag {

  background-position: 0 -62px; }



.t-image {

  background-position: 0 -94px; }



.t-xcel {

  background-position: 0 -120px; }



.t-pdf {

  background-position: 0 -150px; }



.t-ppt {

  background-position: 0 -180px; }



.t-fld {

background-position: 0 -209px; }



.pagination-centered {

  margin: 25px 0; }



.edit-elibrary {

  font-size: 14px;

  font-size: 0.875rem;

  color: #1a1a1a; }

  .edit-elibrary input {

    display: block;

    margin-bottom: 15px; }

  .edit-elibrary .replace-this, .edit-elibrary .browsefile {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top; }

  .edit-elibrary .browsefile {

    width: 16%; }

  .edit-elibrary .btn-replace {

    width: 120px;

    height: 25px;

    line-height: 25px;

    text-align: center;

    margin-left: 20px !important;

    display: inline-block; }

  .edit-elibrary .replace-this {

    width: 200px;

    overflow: hidden; }

    .edit-elibrary .replace-this span {

      width: 160px;

      display: inline-block;

      white-space: nowrap;

      overflow: hidden;

      text-overflow: ellipsis; }



.add-elibrary i {

  margin-left: 10px;

  font-style: italic;

  color: #c3c3c3; }

.add-elibrary input[type="text"], .add-elibrary input[type="email"], .add-elibrary input[type="password"] {

  width: 375px !important;

  height: 30px !important;

  border: 1px solid #c3c3c3;

  padding: 5px; }

.add-elibrary .dropd {

  width: 375px;

  height: 30px;

  border: 1px solid #c3c3c3; }

.add-elibrary .dropd-btn {

  width: 32px;

  padding: 0;

  margin: 0; }

.add-elibrary select {

  height: 100%;

  border: none; }



.filter-exam {

  margin-top: 30px; }

  .filter-exam span {

    font-size: 14px;

    font-size: 0.875rem;

    font-weight: 800; }

  .filter-exam input {

    width: 176px;

    height: 30px;

    padding: 5px;

    border: 1px solid #c3c3c3; }



.btn-exam {

  width: 55px;

  height: 23px;

  display: block;

  border-radius: 0; }



.no-of-takes {

  height: 40px;

  background: #dddddd;

  font-weight: 700;

  border-top: 1px solid #c3c3c3;

  border-right: 1px solid #c3c3c3;

  text-align: center; }

  .no-of-takes td {

    border-right: 1px solid #c3c3c3; }

    .no-of-takes td:last-child {

      border: none; }



.exam-results-mentee {

  text-align: center; }

  .exam-results-mentee .more-width {

    width: 20%; }

  .exam-results-mentee .exam-total {

    color: #c3c3c3; }



.examination-overview {

  width: 100%;

  margin-top: 30px;

  font-weight: 800; }

  .examination-overview p {

    font-size: 16px;

    font-size: 1rem;

    font-weight: 800; }

  .examination-overview form {

    font-weight: 400;

    margin-top: 20px; }

  .examination-overview input[type="radio"] {

    margin-right: 10px;

    width: 15px;

    height: 15px; }

  .examination-overview label {

    margin: 0 0 20px 25px !important;

    text-indent: -25px; }

  .examination-overview li {

    margin: 0 0 30px 25px; }



.multiple label {

  display: block; }



.trueorfalse label {

  width: 10%;

  margin-left: 20px;

  margin: 0 -4px 0 0;

  display: inline-block;

  vertical-align: top; }



.correct, .incorrect, .c-answer {

  color: #009d16;

  font-weight: 800;

  font-style: normal !important; }



.incorrect {

  color: #dd434a; }



.correct-ans {

  width: 100%;

  padding: 20px 40px;

  text-align: left !important;

  font-weight: 400;

  font-style: italic;

  background: #f2fff8;

  font-size: 16px;

  font-size: 1rem; }

  .correct-ans span {

    margin-right: 5px; }

  .correct-ans b {

    font-style: normal; }



.exams-inner > .holder {

  height: 70%; }

  .exams-inner > .holder h2, .exams-inner > .holder sub {

    display: block; }

  .exams-inner > .holder sub {

    font-size: 14px;

    font-size: 0.875rem;

    color: #b7b7b7;

    font-style: italic;

    margin-top: 10px; }

  .exams-inner > .holder h2 {

    height: 13%; }

  .exams-inner > .holder .pagination-centered {

    height: 8%; }



.practice-exams th:last-child {

  width: 20%; }

.practice-exams .btn-viewpending {

  height: 23px;

  line-height: 23px;

  margin: 0 -4px 0 0;

  display: inline-block;

  vertical-align: top;

  margin-right: 7px;

  border-radius: 0; }



.add-exam input[type="text"], .edit-exam input[type="text"] {

  width: 87%;

  height: 30px !important;

  border: 1px solid #c3c3c3;

  padding: 5px; }

.add-exam .dropd, .edit-exam .dropd {

  width: 375px;

  height: 30px;

  border: 1px solid #c3c3c3; }

.add-exam .dropd-btn, .edit-exam .dropd-btn {

  width: 32px;

  padding: 0;

  margin: 0; }

.add-exam select, .edit-exam select {

  height: 100%;

  border: none; }

.add-exam .inline, .add-exam input, .add-exam .dropd, .edit-exam .inline, .edit-exam input, .edit-exam .dropd {

  margin: 0 -4px 0 0;

  display: inline-block;

  vertical-align: top;

  font-size: 14px;

  font-size: 0.875rem; }

.add-exam .inline, .edit-exam .inline {

  width: 100px;

  font-weight: 800; }



.exam-btns {

  position: relative; }

  .exam-btns:after {

    clear: both;

    content: "";

    display: table; }

  .exam-btns span {

    float: left; }

  .exam-btns .add-q {

    color: #005b88; }

  .exam-btns .btn-cancel {

    margin-right: 7px; }

  .exam-btns .btn-publish {

    height: 30px;

    line-height: 30px;

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top; }



.exam-details li {

  margin-top: 30px; }



.exam-content .question {

  color: #ffaf39; }

.exam-content textarea {

  width: 87%;

  height: 65px; }

.exam-content .browsefile {

  /*margin-left: 100px;*/ }

.exam-content .choices {

  margin-left: 70px; }

  .exam-content .choices input {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top;

    vertical-align: middle; }

  .exam-content .choices input[type="text"] {

    width: 93.5%; }

.exam-content input[type="radio"] {

  width: 15px;

  height: 15px;

  /*margin-right: 15px;*/

  margin-right: 10px;

  line-height: 30px; }



/*# sourceMappingURL=mainstyle.css.map */



/* _ */

.textboxlist-bit.textboxlist-bit-editable input[type="text"]{

  height: 28px !important;

}



.textboxlist-bits {

  margin: 10px 0 !important;

}



.textboxlist-autocomplete-placeholder {

  text-align: left !important;

  margin-top: 12px !important;

}



/* Added on 10092014 */

/* LOGIN */

.login {

  height: 100%;

  position: relative;

  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAIUlEQVQIW2P8//+/MSMj41kGJMCIzIGx4YLIOvCrRDYGAGdCCAbb53LgAAAAAElFTkSuQmCC), -webkit-radial-gradient(rgba(255, 255, 255, 0.4), rgba(170, 170, 170, 0.7));

  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAIUlEQVQIW2P8//+/MSMj41kGJMCIzIGx4YLIOvCrRDYGAGdCCAbb53LgAAAAAElFTkSuQmCC), radial-gradient(rgba(255, 255, 255, 0.4), rgba(170, 170, 170, 0.7)); }

  .login h3 {

    font-size: 1.875rem;

    color: #fff; }

  .login .row {

    padding: 10% 0; }



.loginform, .testimonials {

  width: 100%;

  position: relative;

  display: block;

  text-align: center; }



.loginform {

  height: 57%; }

  .loginform ul {

    width: 30%;

    margin: 0;

    padding: 0;

    list-style: none;

    margin: 0 auto 15px;

    padding: 30px 25px;

    background: #fff;

    border: 1px solid #aaa;

    border-color: transparent #c3c3c3 #c3c3c3;

    -webkit-border-radius: 0 0 5px 5px;

    -moz-border-radius: 0 0 5px 5px;

    -ms-border-radius: 0 0 5px 5px;

    border-radius: 0 0 5px 5px;

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); }

    .loginform ul li {

      margin: 0 0 10px;

      position: relative;

      display: block; }

      .loginform ul li label {

        position: absolute;

        top: 13px;

        left: 8px;

        color: #aaa; }

      .loginform ul li input[type="email"], .loginform ul li input[type="number"], .loginform ul li input[type="password"], .loginform ul li input[type="search"], .loginform ul li input[type="tel"], .loginform ul li input[type="text"], .loginform ul li input[type="url"], .loginform ul li input[type="color"], .loginform ul li input[type="date"], .loginform ul li input[type="datetime"], .loginform ul li input[type="datetime-local"], .loginform ul li input[type="month"], .loginform ul li input[type="time"], .loginform ul li input[type="week"] {

        width: 100%;

        padding: 8px 30px;

        font-size: 0.875rem;

        border: 1px solid #aaa;

        -webkit-border-radius: 3px;

        -moz-border-radius: 3px;

        -ms-border-radius: 3px;

        border-radius: 3px;

        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset; }

      .loginform ul li input[type="email"]:hover, .loginform ul li input[type="number"]:hover, .loginform ul li input[type="password"]:hover, .loginform ul li input[type="search"]:hover, .loginform ul li input[type="tel"]:hover, .loginform ul li input[type="text"]:hover, .loginform ul li input[type="url"]:hover, .loginform ul li input[type="color"]:hover, .loginform ul li input[type="date"]:hover, .loginform ul li input[type="datetime"]:hover, .loginform ul li input[type="datetime-local"]:hover, .loginform ul li input[type="month"]:hover, .loginform ul li input[type="time"]:hover, .loginform ul li input[type="week"]:hover {

        background: rgba(255, 175, 57, 0.02); }

      .loginform ul li input[type="email"]:focus, .loginform ul li input[type="number"]:focus, .loginform ul li input[type="password"]:focus, .loginform ul li input[type="search"]:focus, .loginform ul li input[type="tel"]:focus, .loginform ul li input[type="text"]:focus, .loginform ul li input[type="url"]:focus, .loginform ul li input[type="color"]:focus, .loginform ul li input[type="date"]:focus, .loginform ul li input[type="datetime"]:focus, .loginform ul li input[type="datetime-local"]:focus, .loginform ul li input[type="month"]:focus, .loginform ul li input[type="time"]:focus, .loginform ul li input[type="week"]:focus {

        background: rgba(255, 175, 57, 0.02);

        border: 1px solid rgba(255, 175, 57, 0.12); }

      .loginform ul li button {

        width: 100%;

        padding: 12px 0;

        font-weight: 700;

        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

        background-color: #f3cb2b;

        background-image: -webkit-linear-gradient(#f3cb2b, #ff811c);

        background-image: linear-gradient(#f3cb2b, #ff811c);

        border: 1px solid #ffa800;

        color: #fff;

        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

        -webkit-border-radius: 3px;

        -moz-border-radius: 3px;

        -ms-border-radius: 3px;

        border-radius: 3px;

        z-index: 2;

        position: relative;

        border: none;

        cursor: pointer; }

      .loginform ul li:last-child {

        margin: 0; }

  .loginform a {

    width: 30%;

    margin: 0 auto;

    padding: 5px 0;

    display: block;

    font-size: 0.875rem;

    color: #aaa; }



.login-logo {

  width: 30%;

  margin: 0 auto;

  padding: 15px 0;

  position: relative;

  z-index: 2;

  text-align: center;

  background-color: #20b4f0;

  background-image: -webkit-linear-gradient(#20b4f0, #0da1dd);

  background-image: linear-gradient(#20b4f0, #0da1dd);

  -webkit-border-radius: 5px 5px 0 0;

  -moz-border-radius: 5px 5px 0 0;

  -ms-border-radius: 5px 5px 0 0;

  border-radius: 5px 5px 0 0;

  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }



#loginfrm, #loginfrm div {

  margin-top: 0;

}



#loginfrm a {

  text-align: center;

}



#ftype-msg {

  text-align: left;

  font-style: italic;

  font-size: 15px

 margin: 0 auto;

}



  select[disabled] { background-color: lightgrey; }



/* added by mon on 11252014 */

/* mentor edits */

.accd {

  width: 100%;

  position: relative;

  display: block;

}



  .accd > ul {

    margin: 0;

    padding: 0;

    list-style: none;

  }



  .accd > ul > li {

    margin-bottom: 8px;

    display: block;

  }



.instiname {

  padding: 15px 20px;

  display: block;

  font-size: 1.25rem;

  position: relative;

  background: #ccc;

  color: #000;

  font-weight: 300;

}



  .instiname.active, .instiname:hover {

    background: #ffaf39;

  }



.results {

  width: 100%;

  padding: 30px 0;

}



 .instilist, .menteelist {

  width: 100%;

  margin-bottom: 20px;

}



.w300 {

  width: 50%;

}



.w240 {

  width: 240px;

}



.pracexm-eval .w240 {

  text-align: left;

}



.pracexm-eval {

  width: 100%;

  font-size: 100%;

  text-align: center;

  border-collapse: collapse;

}



.pracexm-eval thead {

  font-size: 1rem;

  background: #f7f7f7;

}



.pracexm-eval thead th {

  padding: 10px;

  color: black;

}



.pracexm-eval th, .pracexm-eval td {

  border: 1px solid #aaa !important;

  background: #f6f6f6 !important;

}



.pracexm-eval tbody td:first-child, .pracexm-eval tbody td span {

  color: #005b88;

}



.pracexm-eval tbody td:first-child {

  font-weight: 400;

}



.pracexm-eval td:last-child {

  color: #ffaf39;

  font-size: 18px;

}



.pracexm-eval tbody td {

  padding: 15px 10px;

  color: #aaa;

  background: #fff;

  font-weight: 700;

}



.prac.search-list {

  margin-bottom: 30px;

}



  .prac.search-list > input {

    height: 30px;

    padding: 5px;

  }



  .prac.search-list > .btn-search {

    width: 85px;

    text-align: center;

  }



.test-name {

  width: 90% !important;

  color: #000;

  font-weight: 300;

  text-transform: uppercase;

  padding: 15px 20px;

  font-size: 1.25rem;

}



.menteelist .pracexm-eval tbody td:first-child, .menteelist .pracexm-eval tbody td span {

  color: #333;

}



.logo a:hover {

  background: none;

}



/* added by: butateng */

.fl {float: left;}

.fr {float: right;}

.clear {clear: both;}



.exam-ins {

    width: 350px;

    text-align: left;

    margin-top:-10px !important;

}



.exam-box {

    text-align: left;

    margin-top:-10px !important;

    }

    .exam-box ul li input {

        width: 375px !important;

        }



.add-exam {

    margin-top:-20px !important;

}



/* added by Mon on 12042014 */

.exm-block {

    width: 50%;

    display: inline-block;

    margin: 0 -4px 0 0;

    vertical-align: top;

    text-align: left;

}



.exm-block label {

    width: 100% !important;

}



.exm-block .choices {

    margin-left: 0px !important;

}



.qchoices {

  list-style-type: disc !important;

  padding-left: 10px;

}



.qchoices li {

  display: list-item;

  padding: 3px 0 0 0;

  margin: 0;

  list-style-type: disc !important;

}



.post {

  background-color: #f3cb2b;

  background-image: -webkit-linear-gradient(#f3cb2b, #ff811c);

  background-image: linear-gradient(#f3cb2b, #ff811c);

  border: 1px solid #ffa800;

  color: #fff;

  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  z-index: 2;

  position: relative;

  border-radius: 0;

  width: 100px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  margin: 25px auto 55px;

  display: block;

  vertical-align: top;

}



#examform .msg, #infomsg {

  text-align: left !important;

}



#quesform .msg {

  text-align: center !important;

}





.ttitle {

  width: 400px;

  }

  .ttitle div {

    text-align: left !important;

  }



.tfile, .tprev {

  width:250px;

}



.ttitle label, .tfile label, .tprev label {

  display: block;

  font-size: 1rem;

  font-weight: 800;

  text-align: left;

}



#training-frm .msg {

  text-align: center !important;

}



.umod-title {

  padding:4px 2px;

  font-size: 12px;

  width: 350px;

}



.g-pagination {

  width: 80%;

  margin: 30px auto;

  color: #aaa;

  font-size: 18px;

  font-size: 1.125rem;

  text-align: center; }

  .g-pagination li {

    text-align: center;

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top;

    vertical-align: middle; }

    .g-pagination li:first-child, .g-pagination li:last-child {

      width: 60px;

      color: #fff;

      font-weight: 800;

      padding: 5px 15px;

      background-color: #f3cb2b;

      background-image: -webkit-linear-gradient(#f3cb2b, #ff811c);

      background-image: linear-gradient(#f3cb2b, #ff811c);

      border: 1px solid #ffa800;

      color: #fff;

      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

      -webkit-border-radius: 3px;

      -moz-border-radius: 3px;

      -ms-border-radius: 3px;

      border-radius: 3px;

      z-index: 2;

      position: relative;

      font-size: 15px;

      font-size: 0.9375rem; }

    .g-pagination li:nth-child(2) {

      width: 60%; }



.ui-menu .ui-menu-item a {

  text-align: left !important;

}



.inline {

  display: inline-block;

  margin: 0 -4px 0 20px;

  vertical-align: top;

}



.d-il {

  display: inline;

}



.text-left {

  text-align: left;

}



#import .filename {

  width: 200px;

}



#imp-result h2 {

  font-size: 18px;

  margin-top: 10px;

}



#imp-result table {

  margin-bottom: 30px;

}



#imp-result table th {

  width: 25%; 

}



#imp-result table td {

  width: 25%;

  border: 1px solid #ddd !important;

}



/*2015-06-03*/

.inner form label {

 width: 260px;

}



.exam-btns {

 z-index: 0;

}