@charset "UTF-8";

@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; }



header, nav, section, footer {

  width: 100%;

  display: block;

  position: relative; }



a, a img {

  margin: 0;

  padding: 0;

  border: 0 none;

  outline: none;

  color: inherit;

  text-decoration: none;

  -webkit-font-smoothing: antialiased !important;

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



p {

  margin: 15px 0 0;

  font-weight: 300;

  font-size: 0.875rem;

  line-height: 1.25rem;

  color: #050505;

  color: inherit; }



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

  margin-bottom: 30px;

  text-transform: uppercase;

  color: #005b88; }



/* BUTTONS */

.ctabtns {

  width: 50%;

  position: absolute;

  z-index: 2;

  top: 0;

  right: 15px;

  text-align: right; }



.more, .upload, .udir-sendmsg, .invite, .viewresult, .taketest, .add, .seecorrect, .upworksheet button, .invitecoauth button, .disclaimer button, .examnotif button, .btn-create-ftopic, .btn-view-ftopic, .btn-create-fcat, .approve, .reject {

  width: 15%;

  margin: 30px auto 0;

  padding: 10px 0;

  display: block;

  font-size: 0.75rem;

  font-weight: 700;

  text-align: center;

  text-transform: uppercase;

  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;

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



.upload, .invite, .viewresult, .taketest, .add, .cancel-rmv.btn-create-ftopic, .btn-view-ftopic, .btn-create-ftopic, .btn-create-fcat, .approve, .reject, .udir-sendmsg {

  margin: 0;

  display: inline-block;

  vertical-align: top;

  width: 40%;

  margin-right: 0;

  padding: 5px;

  text-align: center; }



.btn-create-ftopic, .btn-view-ftopic, .btn-create-fcat, .udir-sendmsg {

  width: 155px;

}



.udir-sendmsg {

  margin: 10px auto 0;

  text-align: center;

  display: block;

}



.cancel-rmv {

  width: 35%;

  /*margin: 30px auto 0;*/

  font-weight: 700;

  text-transform: uppercase; }



.invite, .viewresult, .btn-create-ftopic, .btn-view-ftopic, .btn-create-ftopic {

  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; }



.dl, .delete, .delete-msg {

  padding: 4px;

  text-align: center;

  color: #fff;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px; }



.add, .cancel-rmv {

  background-color: whitesmoke;

  background-image: -webkit-linear-gradient(whitesmoke, #e6e6e6);

  background-image: linear-gradient(whitesmoke, #e6e6e6);

  border: 1px solid #aaa;

  color: gray;

  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; }





.add {

  display: block;

  width: 30%;

  margin: 15px auto;

}



.delete, .reject, .delete-msg {

  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; }



.okbtn {

  color: #fff;

  font-weight: 800;

  padding: 10px 35px;

  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: 12px;

  font-size: 0.75rem; }



.btn-download {

  color: #fff;

  font-weight: 800;

  padding: 5px 15px !important;

  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: 12px;

  font-size: 0.75rem; }



.browsefile {

  margin: 0 auto;

  position: relative; }



.browsefile {

  /*width: 60%;*/

  cursor: pointer; }

  .browsefile input[type="file"] {

    width: 100%;

    height: 100%;

    opacity: 0;

    filter: alpha(opacity=0);

    display: block;

    position: absolute;

    z-index: 5;

    top: 0;

    left: 0;

    cursor: pointer;

    pointer-events: auto; }

  .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; }

    .filename {

    font-size: 100%;

    color: #555;

  }



/* REQUIRED */

/*.req {

  color: #dd434a; }

*/

/* DROPDOWN */

.dropd {

  width: 100%;

  position: relative;

  overflow: hidden;

  background: url(../images/dropd-btn.png) center right no-repeat, -webkit-linear-gradient(#fafafa, whitesmoke);

  background: url(../images/dropd-btn.png) center right no-repeat, linear-gradient(#fafafa, whitesmoke);

  border: 1px solid #ccc;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px; }



/* ---- MAIN CONTAINER ---- */

.mainwrap {

  /*height: 100%;*/

  width: 100%;

  margin: 0 auto;

  padding: 0;

  position: relative; }



/* ---- SECTIONS ---- */

/* 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: 2% 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; }

      .loginform ul li label {

        position: absolute;

        top: 8px;

        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 {

        height 37px;

        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); }



.testimonials {

  height: 43%;

  overflow: hidden;

  background: url(../images/testimonials-bg.png) center center no-repeat;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  background-size: cover; }



.testim-slider {

  max-height: 150px;

  width: 75%;

  margin: 0 auto;

  padding: 15px 50px;

  border: 3px solid #389ac9;

  position: relative;

  overflow: hidden; }



.t-entries {

  margin: 0;

  padding: 0;

  list-style: none;

  text-align: left; }

  .t-entries li {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top;

    width: 100%;

    margin-bottom: 10px;

    text-align: center; }



.clientphoto, .feedback {

  height: 110px;

  margin: 0 -4px 0 0;

  display: inline-block;

  vertical-align: top; }



.clientphoto {

  width: 110px;

  overflow: hidden;

  background: #fff;

  border: 5px solid #389ac9;

  -webkit-border-radius: 10em;

  -moz-border-radius: 10em;

  -ms-border-radius: 10em;

  border-radius: 10em; }



.feedback {

  width: 80%;

  margin-top: 10px;

  padding-left: 40px;

  position: relative;

  font-weight: 300;

  font-style: italic;

  color: #fff;

  text-indent: 35px;

  quotes: "“" "”" "‘" "’"; }

  .feedback:before, .feedback:after {

    position: absolute;

    z-index: 2;

    display: none;

    font-family: 'Playfair Display', serif;

    font-style: normal;

    color: #389ac9;

    font-size: 3.75rem; }

  .feedback:before {

    content: open-quote;

    top: 0;

    left: 10px; }

  .feedback:after {

    content: close-quote;

    bottom: 0;

    right: 0; }



.track {

  margin: 0;

  padding: 0;

  list-style: none;

  margin-top: 20px; }

  .track li {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top;

    height: 10px;

    width: 10px;

    margin: 0 10px;

    -webkit-border-radius: 3em;

    -moz-border-radius: 3em;

    -ms-border-radius: 3em;

    border-radius: 3em; }

    .testimonials .track li {

      background-color: transparent;

      border: 2px solid #afd6e9;

      /* &:hover {

        background: fade-out(tint($color-lblue, 60%), 0.7);

      } */ }

      .testimonials .track li.active {

        background: #afd6e9; }

    .home-slider .track li, .topimg .track li {

      margin: 0 5px;

      background: #fff;

      /*&:hover,*/ }

      .home-slider .track li.active, .topimg .track li.active {

        background: #ffaf39; }

  .home-slider .track, .topimg .track {

    position: absolute;

    z-index: 2;

    bottom: 0;

    left: 47.5%; }



.prev, .next {

  position: absolute;

  z-index: 2;

  font-size: 3.75rem; }

  .t-nav .prev, .t-nav .next {

    top: 25%;

    color: #afd6e9; }

  .s-nav .prev, .s-nav .next {

    top: 40%;

    color: #fff; }



.t-nav .prev, .s-nav .prev {

  left: 0; }



.t-nav .next, .s-nav .next {

  right: 0; }



/* HEADER */

.header {

  position: relative;

  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);

  position: relative;

  z-index: 5; }



/* topbar */

.topbar {

  background: #fff;

  text-align: right;

  position: relative;

  z-index: 3; }

  .topbar ul {

    margin: 0;

    padding: 0;

    list-style: none;

    position: relative; }

    .topbar ul li {

      margin: 0 -4px 0 0;

      display: inline-block;

      vertical-align: top;

      padding: 10px 0;

      border-right: 1px solid #ccc;

      color: #005b88;

      font-size: 0.875rem;

      font-weight: 600;

      position: relative; }

      .topbar ul li .u-name {

        padding: 0 10px;

        display: inline-block;

        color: #ffaf39; }

      .topbar ul li:first-child:hover > .useropt, .topbar .notif:hover > .notifs-list {

        top: 41px;

        opacity: 1;

        filter: alpha(opacity=100);

        -webkit-transform: translateY(0px);

        -moz-transform: translateY(0px);

        -ms-transform: translateY(0px);

        -o-transform: translateY(0px);

        transform: translateY(0px); }

      .topbar ul li:hover > .useropt a span {

        color: #005b88;

        -webkit-transform: rotate(180deg);

        -moz-transform: rotate(180deg);

        -ms-transform: rotate(180deg);

        -o-transform: rotate(180deg);

        transform: rotate(180deg); }

      .topbar ul li:last-child {

        border-right: none;

        border-bottom: none; }



.inbox, .notif {

  color: #005b88;

  padding: 10px !important;

  position: relative; }

  .inbox .newmssg, .notif .newmssg {

    height: 16px;

    width: 16px;

    font-size: 0.5625rem;

    color: #fff;

    text-align: center;

    line-height: 1.125rem;

    background: #dd434a;

    -webkit-border-radius: 10em;

    -moz-border-radius: 10em;

    -ms-border-radius: 10em;

    border-radius: 10em;

    position: absolute;

    z-index: 3;

    top: 4px;

    right: 0; }



.useropt, .notifs-list {

  margin: 0;

  padding: 0;

  list-style: none;

  position: absolute !important;

  z-index: 3;

  top: -80px;

  opacity: 0;

  filter: alpha(opacity=0);

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

  -webkit-transform: translateY(-40px);

  -moz-transform: translateY(-40px);

  -ms-transform: translateY(-40px);

  -o-transform: translateY(-40px);

  transform: translateY(-40px);

  -webkit-transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55);

  -moz-transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55);

  transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55); }

  .useropt li, .notifs-list li  {

    padding: 0 !important;

    display: block !important;

    border: none !important;

    text-align: left; }

    .useropt li a, .notifs-list li a  {

      display: block !important;

      padding: 5px 10px !important; }



.useropt {

  width: 100%;

  right: 3px; }

    .useropt li a {

      color: #fff !important;

      background: #005b88; }

      .useropt li a:hover {

        background: #ffaf39; }



.notifs-list {

  max-height: 450px;

  width: 200px;

  overflow-y: auto;

  overflow-x: hidden;

  left: 0; }

  .notifs-list li {

    border-bottom: 1px solid rgba(0,91,136,0.3); }

    .notifs-list li a {

      color: #005b88;

      font-weight: 400;

      font-size: 0.8rem;

      background: #fff;

      -webkit-transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55);

      -moz-transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55);

      transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55); }

      .notifs-list li a:hover {

        background: #eee; }



/* main navigation */

.mainnav {

  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQANNTU3GjMhiIIG6urqzcEGYAEgRWBBZACyILgASBAAy2hG/ZqQkwgAAAABJRU5ErkJggg==), -webkit-linear-gradient(#20b4f0, #0da1dd), repeat;

  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQANNTU3GjMhiIIG6urqzcEGYAEgRWBBZACyILgASBAAy2hG/ZqQkwgAAAABJRU5ErkJggg==), linear-gradient(#20b4f0, #0da1dd), repeat;

  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1) inset;

  position: relative;

  z-index: 2; }

  .mainnav .logo {

    padding: 13px 0; }

  .mainnav ul {

    margin: 0;

    padding: 0;

    list-style: none;

    height: 80px;

    text-align: center; }

    .mainnav ul li {

      margin: 0 -4px 0 0;

      display: inline-block;

      vertical-align: top;

      color: #fff;

      position: relative; }

      .mainnav ul li a {

        height: 100%;

        padding: 32px 15px;

        display: block;

        font-size: 0.875rem;

        line-height: 1rem;

        text-transform: uppercase;

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

        .mainnav ul li a:hover {

          background: rgba(0, 91, 136, 0.1); }

      .mainnav ul li:hover > .subnav {

        width: 135%;

        opacity: 1;

        filter: alpha(opacity=100);

        -webkit-transform: translateY(0px);

        -moz-transform: translateY(0px);

        -ms-transform: translateY(0px);

        -o-transform: translateY(0px);

        transform: translateY(0px); }



.subnav {

  height: 100%;

  width: 0;

  position: absolute !important;

  z-index: 5;

  top: 80px;

  left: 0;

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transform: translateY(-80px);

  -moz-transform: translateY(-80px);

  -ms-transform: translateY(-80px);

  -o-transform: translateY(-80px);

  transform: translateY(-80px);

  -webkit-transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55);

  -moz-transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55);

  transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55); }

  .subnav li {

    width: 100%;

    margin: 0 !important;

    display: block !important;

    text-align: left; }

    .subnav li a {

      display: block;

      padding: 10px 20px !important;

      background: #20b4f0 !important;

      border: 1px solid #01c8ff; }

      .subnav li a:hover {

        background: #ffaf39 !important;

        border: 1px solid #ffcb66; }



/* CONTENT */

.content {

  min-height: 100%;

  /* sticky footer */

  margin-bottom: -250px; }

  .content h3 {

    font-size: 1.875rem; }

  .content .row {

    padding: 30px 0;

    position: relative; }

  .content:after {

    content: "";

    display: block;

    height: 250px; }



.home h3 {

  text-align: center; }



.home-slider, .topimg {

  height: auto; /* 320px default */

  width: 100%;

  overflow: hidden;

  position: relative; }



.slider {

  margin: 0;

  padding: 0;

  list-style: none;

  height: 100%;

  width: 100%; }

  .slider li {

    height: 100%;

    width: 100%;

    display: block;

    text-align: center; }

    .slider li img {

      width: 100%; }

.slider li .sld-txt{
  z-index: 1;
}
/* .slider li:nth-of-type(1) img{
    position: absolute;
    left: 0;
    top: -130px;
}

.slider li:nth-of-type(2) img{
    position: absolute;
    left: 0;
    top: -190px;
}

.slider li:nth-of-type(3) img{
    position: absolute;
    left: 0;
    bottom: 0;
} */



.news {

  margin: 0;

  padding: 0;

  list-style: none;

  height: 100%;

  display: block;

  position: relative;

  background: url(../images/news-ul-bg.png) top center repeat-y; }

  .news li a {

    color: #ffaf39;

    border-bottom: 1px solid #ffaf39; }

  .news li:last-child {

    border-right: none; }

  .news:after {

    content: "";

    display: table;

    clear: both; }

  .inner .news {

    background: none; }

    .inner .news li {

      padding: 30px 0;

      border-right: none;

      border-bottom: 1px solid #ccc; }



.newstitle {

  padding: 0 0 0 15px;

  color: #005b88;

  font-size: 1.5rem;

  line-height: 1.625rem;

  display: inline-block;

  max-width: 95%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  position: relative; }

  .newstitle small {

    color: gray;

    font-size: 0.75rem;

    font-weight: 300;

    display: block; }

  .newstitle:before {

    content: '';

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

    height: 50px;

    width: 5px;

    background: #ffaf39; }



.hosp {

  color: #ffaf39; }



.featdocs {

  background: #ededed; }

  .featdocs h3 {

    margin: 0 !important;

    padding: 20px 0;

    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;

    border: none;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    -ms-border-radius: 0px;

    border-radius: 0px; }

  .featdocs .list {

    padding: 30px;

    background: #fff;

    box-shadow: 0 5px 0 #d6d6d6; }

    .featdocs .list > ul {

      margin: 0;

      padding: 0;

      list-style: none;

      height: 510px;

      padding-bottom: 30px;

      overflow: hidden; }

      .featdocs .list > ul li {

        padding: 15px 0;

        color: #4d4d4d;

        border-bottom: 1px solid #ccc;

        font-size: 14px;

        font-size: 0.875rem; }

        .featdocs .list > ul li > a > span:not(.fa) {

          color: #005b88;

          font-weight: 700; }

    .featdocs .list .more, .featdocs .list .upload, .featdocs .list .invite, .featdocs .list .viewresult, .featdocs .list .taketest, .featdocs .list .add, .featdocs .list .seecorrect, .featdocs .list .upworksheet button, .upworksheet .featdocs .list button, .featdocs .list .invitecoauth button, .invitecoauth .featdocs .list button, .featdocs .list .disclaimer button, .disclaimer .featdocs .list button, .featdocs .list .examnotif button, .examnotif .featdocs .list button {

      width: 30%;

      margin: 0 auto; }



.n-list {

  height: 250px;

  margin: 20px 0 10px;

  padding-right: 10px;

  overflow: auto;

  display: none; }

  .n-list li {

    margin-bottom: 10px;

    padding: 0 !important;

    position: relative;

    border: none !important; }

    .n-list li div {

      margin: 0 -4px 0 0;

      display: inline-block;

      vertical-align: top;

      width: 30px;

      height: 32px;

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

      margin-right: 20px; }

    .n-list li a:hover {

      color: #ffaf39;

      border: none;

      -webkit-transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55);

      -moz-transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55);

      transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55); }

    .n-list li .t-word {

      background-position: 0 0; }

    .n-list li .t-ppt {

      background-position: 0 -40px; }

    .n-list li .t-xcel {

      background-position: 0 -80px; }

    .n-list li .t-pdf {

      background-position: 0 -120px; }

    .n-list li span:not(.fa) {

      width: 40px;

      display: inline-block;

      font-weight: 400; }

    .n-list li:first-child {

      color: #005b88 !important; }

    .inner .n-list li:first-child {

      padding-bottom: 15px !important; }

  .inner .n-list {

    padding-top: 10px;

    border-top: 1px solid #ccc; }

  .n-list .dl {

    height: 25px;

    width: 25px;

    padding: 0;

    font-size: 0.625rem;

    position: absolute;

    top: 5px;

    right: 0;

    background-color: gray; }

    .n-list .dl span {

      color: #fff !important; }

    .n-list .dl:hover {

      background: #009d16;

      -webkit-transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55);

      -moz-transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55);

      transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55); }

      .n-list .dl:hover span {

        font-size: 0.6875rem;

        -webkit-transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55);

        -moz-transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55);

        transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55); }

    .inner .n-list .dl {

      right: 50%; }



.titlehead {

  padding-bottom: 15px;

  border-bottom: 5px solid #ccc; }



.wstitle {

  margin-bottom: 5px;

  font-size: 1.125rem;

  font-weight: 300;

  display: inline-block;

  max-width: 95%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  display: block; }

  .titlehead .wstitle {

    font-size: 1.5rem;

    padding-bottom: 10px;

    display: inline-block;

    /*max-width: 65%;*/

    width: 540px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block; }



.author, .pubdate {

  margin: 0 -4px 0 0;

  padding-right: 15px;

  display: inline-block;

  vertical-align: top;

  color: #aaa !important;

  font-size: 0.75rem;

  font-weight: 300; }



.author {

  max-width: 65%;

  border-right: 1px solid #aaa; }

  .author span:not(.fa) {



    /*margin-top: 4px;*/

    margin-right: 4px;

    display: inline-block; }



.rmvcoauth {

  display: block;

  padding: 2px 5px;

  border: 1px solid #dce2e3;

  border-radius: 3px;

  background: #eee;

  color: #666;

  font-size: 10px; }



.pubdate {

  max-width: 34%;

  padding-left: 5px; }



.inner .list > ul {

  margin: 0;

  padding: 0;

  list-style: none;

  overflow: hidden; }

  .inner .list > ul li {

    padding: 15px 0;

    color: #4d4d4d;

    border-bottom: 1px solid #ccc; }


    .inner .list > ul li > a > span {

      color: #005b88;

      font-weight: 700; }



.topimg {

  height: 175px;

  background: url(../images/topimg.jpg) 0 center no-repeat;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  background-size: cover; }



.wslist, .commentsthread {

  margin: 0;

  padding: 0;

  list-style: none; }

  .wslist h4, .commentsthread h4 {

    font-size: 1.5rem; }

  .wslist h5, .commentsthread h5 {

    font-size: 1rem; }

  .wslist p, .commentsthread p {

    padding: 0 50px; }

  .wslist li, .commentsthread li {

    margin-top: 20px;

    padding: 0 0 20px;

    border-bottom: 1px solid #ccc;

    position: relative; }

    .wslist li > a, .commentsthread li > a {

      display: block;

      margin: 15px 0 0 50px;

      color: #ffaf39;

      font-size: 0.875rem;

      font-weight: 700;

      text-transform: uppercase; }

    .wslist li .dl, .commentsthread li .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);

      -webkit-border-radius: 3px;

      -moz-border-radius: 3px;

      -ms-border-radius: 3px;

      border-radius: 3px;

      z-index: 2;

      position: relative; }



.commentsthread {

  margin: 0 50px; }

  .commentsthread li {

    margin: 15px 0 0 !important;

    padding: 15px;

    background: rgba(56, 154, 201, 0.1);

    border: none !important;

    position: relative; }



.comment {

  background: none !important; }

  .comment textarea, .comment button {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top;

    vertical-align: middle; }

  .comment textarea {

    width: 88%;

    margin-right: 1%;

    padding: 10px;

    font-size: 0.875rem;

    background: #fff;

    border: 1px solid #ccc;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    border-radius: 3px;

    resize: none;

    overflow: auto; }

    .comment textarea::-webkit-input-placeholder {

      font-style: italic; }

    .comment textarea::-moz-placeholder {

      font-style: italic; }

    .comment textarea:-moz-placeholder {

      font-style: italic; }

    .comment textarea:-ms-input-placeholder {

      font-style: italic; }

  .comment button {

    width: 10%;

    padding: 5px 0;

    text-transform: uppercase;

    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; }



.userdet {

  margin-bottom: 10px; }



.userphoto, .username, .commentdate {

  margin: 0 -4px 0 0;

  display: inline-block;

  vertical-align: top;

  margin-right: 5px; }



.userphoto {

  height: 40px;

  width: 40px;

  background: #ff3232; }



.username {

  font-size: 1rem;

  color: #005b88; }



.commentdate {

  font-size: 0.75rem;

  color: #aaa; }



.usercomment {

  font-size: 0.875rem;

  font-weight: 300; }



.delcomment {

  color: #389ac9 !important;

  margin: 0 !important;

  font-size: 1.125rem !important;

  position: absolute;

  z-index: 2;

  top: 10px;

  right: 10px; }



.examlist {

  position: relative;

  /*margin: 15px 0 30px;*/

  margin:0 30px 15px 0;

  /*display: block; */

  display: inline-block;

  width: 59%;

}

  .examlist h4 {

    margin: 10px 0 0;

    color: black;

    font-size: 1.5rem;

    text-transform: none;

    display: block; }

  .examlist h5 {

    margin: 10px 0 0;

    font-size: 1rem;

    font-weight: 400;

    text-transform: none;

    display: block; }

  .examlist ol {

    list-style-type: none;

    margin-top: 25px;

    border-top: 1px solid #ccc; }

    .examlist ol li {

      margin-top: 20px;

      padding: 5px 0 25px;

      border-bottom: 1px solid #ccc;

      position: relative; }

    .examlist .search-total {

        position: absolute;

        top: 0;

        right: 0; }



    .examname {

  width: 60%;

  position: relative;

  top: 5px;

  display: inline-block;

  max-width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap; }



.accd {

  width: 100%;

  position: relative;

  display: block; }

  .accd > ul {

    margin: 0;

    padding: 0;

    list-style: none; }

    .accd > ul > li {

      margin-bottom: 8px;

      display: block; }

      > .accd > ul > li:last-child {

        margin-bottom: 0; }



.instiname, .faq-question {

  padding: 15px 20px;

  display: block;

  background: #005b88;

  color: #fff;

  font-size: 1.25rem;

  font-weight: 700;

  position: relative; }

  .instiname:hover, .faq-question:hover, .instiname.active, .active.faq-question {

    background: #ffaf39; }



.results, .answer {

  width: 100%;

  padding: 30px 0; }

  .results h4, .answer h4 {

    font-size: 1.5rem;

    color: black;

    text-transform: none; }



.progress {

  margin-bottom: 25px;

  position: relative; }

  .progress h4 {

    text-align: center; }



.chart-title {

  margin: 0 0 30px 100px;

  font-weight: 400;

  font-size: 1rem;

  text-align: left; }



.graph {

  height: 420px;

  width: 640px;

  margin: 0 0 30px 60px; }



.legend {

  margin: 0;

  padding: 0;

  list-style: none;

  width: 160px;

  position: absolute;

  z-index: 2;

  top: 100px;

  right: 65px;

  text-align: left; }

  .legend li {

    width: 100%;

    margin-bottom: 5px;

    display: block; }

    .legend li span {

      height: 20px;

      width: 20px;

      margin-right: 10px;

      display: inline-block;

      vertical-align: middle;

      -webkit-border-radius: 4px;

      -moz-border-radius: 4px;

      -ms-border-radius: 4px;

      border-radius: 4px; }



.menteelist {

  width: 100%;

  margin-bottom: 20px; }

  .menteelist h4 {

    text-align: left; }



.pracexm-eval, .evalmentee, .pracexm-titles {

  width: 100%;

  text-align: center;

  border-collapse: collapse; }

  .pracexm-titles {

    width: 100%;

    text-align: left !important;

    border-collapse: collapse;

  }

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

    border: 1px solid #aaa; }

    .pracexm-titles th, .pracexm-titles td {

    border: 0 !important; }

  .pracexm-eval thead, .pracexm-eval tfoot, .evalmentee thead, .evalmentee tfoot {

    font-size: 1rem;

    background: #f7f7f7; }

    .pracexm-eval thead th, .pracexm-eval tfoot th, .evalmentee thead th, .evalmentee tfoot th {

      padding: 10px;

      color: black; }

  .pracexm-eval tbody, .evalmentee tbody {

    font-size: 0.9375rem;

    font-weight: 700; }

    .pracexm-eval tbody td, .evalmentee tbody td {

      padding: 15px 10px;

      color: #aaa;

      background: #fff; }

    .pracexm-eval tbody td, .evalmentee tbody td {

      padding: 15px 10px;

      color: #005b88;

      background: #fff; }

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

        color: #005b88; }

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

        font-weight: 400; } 

/*      .pracexm-titles tbody td:first-child, .evalmentee tbody td:first-child {

        font-weight: 600 !important;

        font-size: 1.125rem !important; }*/

/*      .pracexm-eval tbody td:nth-child(n+2), .evalmentee tbody td:nth-child(n+2) {

        font-size: 1.125rem; }*/



.pracexm-eval .w240 {

  text-align: left; }

.pracexm-eval tfoot th:nth-child(n+2) {

  font-size: 1.125rem;

  color: #ffaf39 !important; }



.evalmentee tbody td:first-child {

  text-align: left; }

.evalmentee tbody td:last-child {

  color: #ffaf39; }



.w240 {

  width: 240px; }



.w120 {

  width: 120px; }



.filter {

  width: 100%;

  margin-bottom: 50px;

  display: block; }

  .filter label, .filter input[type="text"] {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top;

    vertical-align: middle; }

  .filter label {

    width: 120px;

    color: #005b88;

    font-size: 1rem;

    font-weight: 700; }

  .filter input[type="text"] {

    width: 42%;

    margin-right: 16px;

    padding: 8px;

    font-size: 0.875rem;

    font-weight: 300; }

    .filter input[type="text"]:last-child {

      margin-right: -4px; }



.examscore, .other {

  width: 500px;

  margin: 30px auto;

  padding: 40px;

  text-align: center; }



.examscore {

  height: 300px;

  background: #fafafa;

  font-size: 1.5625rem;

  -webkit-border-radius: 1px;

  -moz-border-radius: 1px;

  -ms-border-radius: 1px;

  border-radius: 1px;

  box-shadow: 0 5px 0 #ededed;

}



.other h2 {

  text-transform: none;

}



.score {

  margin: 0 -4px 0 0;

  display: inline-block;

  vertical-align: top;

  vertical-align: middle;

  height: 135px;

  width: 135px;

  margin: 0 10px;

  color: #005b88;

  font-size: 3.75rem;

  font-weight: 700;

  line-height: 7.8125rem;

  background: #fff;

  border: 1px solid #ccc;

  -webkit-border-radius: 10em;

  -moz-border-radius: 10em;

  -ms-border-radius: 10em;

  border-radius: 10em;

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



.seecorrect {

  width: 70%;

  font-size: 1rem; }



/* FOOTER */

.footer {

  min-height: 250px;

  color: #fff;

  /* background: #212121 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQANNTU3GjMhiIIG6urqzcEGYAEgRWBBZACyILgASBAAy2hG/ZqQkwgAAAABJRU5ErkJggg==) repeat; */
  background: #000; }

  .footer .row > ul {

    margin: 0;

    padding: 0;

    list-style: none;

    height: 200px;

    font-size: 0.875rem; }

    .footer .row > ul > li {

      padding-top: 30px;

      padding-bottom: 30px; }

  .footer h4 {

    font-size: 1.25rem;

    color: #ffaf39; }



.f-contact, .f-links {

  margin: 0;

  padding: 0;

  list-style: none;

  margin-top: 15px; }

  .f-contact li, .f-links li {

    margin-bottom: 5px;

    padding: 0; }

    .f-contact li span, .f-links li span {

      line-height: 1.3125rem; }

    .f-contact li:last-child, .f-links li:last-child {

      margin-bottom: 0; }



.f-connect {

  margin: 0;

  padding: 0;

  list-style: none; }

  .f-connect li {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top;

    width: 33.33333%;

    text-align: left;

    font-size: 2rem;

    font-weight: 300; }

    .f-connect li a {

      height: 25px;

      width: 25px;

      display: block;

      background: #fff;

      -webkit-border-radius: 5px;

      -moz-border-radius: 5px;

      -ms-border-radius: 5px;

      border-radius: 5px; }

      .f-connect li a span {

        line-height: 1.25rem; }



.fb {

  color: #3b5998; }



.twitter {

  color: #55acee; }



.rss {

  color: #f26522; }



.f-links li {

  margin: 0; }



.copyright {

  height: 50px;

  padding: 15px 0;

  text-align: center;

  color: #525252;

  font-size: 0.75rem;

  background: #1a1a1a url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQANNTU3GjMhiIIG6urqzcEGYAEgRWBBZACyILgASBAAy2hG/ZqQkwgAAAABJRU5ErkJggg==) repeat; }



/* 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 */

.pop-theme {

  width: 100%;

  height: 100%;

  margin: 0 auto;

  padding: 40px;

  font-size: 0.875rem;

  text-align: left;

  background: #fafafa;

  -webkit-border-radius: 1px;

  -moz-border-radius: 1px;

  -ms-border-radius: 1px;

  border-radius: 1px;

  box-shadow: 0 5px 0 #ededed; }



.upworksheet h4, .invitecoauth h4, .disclaimer h4, .examnotif h4 {

  font-size: 1.5rem;

  margin-bottom: 10px; }

.upworksheet ul, .invitecoauth ul, .disclaimer ul, .examnotif ul {

  margin: 0;

  padding: 0;

  list-style: none; }

  .upworksheet ul li, .invitecoauth ul li, .disclaimer ul li, .examnotif ul li {

    margin-bottom: 10px; }

    .upworksheet ul li:last-child, .invitecoauth ul li:last-child, .disclaimer ul li:last-child, .examnotif ul li:last-child {

      margin: 0; }

.upworksheet label, .invitecoauth label, .disclaimer label, .examnotif label {

  display: block;

  font-size: 0.875rem;

  color: #333333; }

.upworksheet input[type="text"], .invitecoauth input[type="text"], .disclaimer input[type="text"], .examnotif input[type="text"], .upworksheet textarea, .invitecoauth textarea, .disclaimer textarea, .examnotif textarea, .upworksheet select, .invitecoauth select, .disclaimer select, .examnotif select {

  width: 100%;

  padding: 5px 10px;

  display: block;

  font-size: 0.875rem;

  border: 1px solid #aaa;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px; }

.upworksheet select, .invitecoauth select, .disclaimer select, .examnotif select {

  width: 105%;

  border: none;

  background: none; }

.upworksheet textarea, .invitecoauth textarea, .disclaimer textarea, .examnotif textarea {

  resize: none; }

.upworksheet input[type="file"], .invitecoauth input[type="file"], .disclaimer input[type="file"], .examnotif input[type="file"] {

  width: 85%;

  opacity: 0;

  position: absolute;

  cursor: pointer; }

.upworksheet .attach, .invitecoauth .attach, .disclaimer .attach, .examnotif .attach {

  color: #aaa;

  display: block;

  cursor: pointer; }

  .upworksheet .attach span:not(.fa), .invitecoauth .attach span:not(.fa), .disclaimer .attach span:not(.fa), .examnotif .attach span:not(.fa) {

    color: #005b88; }

.upworksheet button, .invitecoauth button, .disclaimer button, .examnotif button {

  width: 35% !important;

  margin: 0 auto !important;

  padding: 5px 0 !important; }



.rcauth button {

  width: 35%;

  margin-right: 5px;

  padding: 5px 0;

  display: inline-block;

}



.invitecoauth {

  /*height: 93%;*/
  height: auto;

  margin-top: 15px; }

  .invitecoauth h4 {

    margin-bottom: 30px; }

  .invitecoauth input {

    padding: 8px 10px; }

  .invitecoauth textarea {

    height: 100px; }

  .invitecoauth .scroll {

    /*height: 110px;*/

    margin:10px 0 15px;

    overflow: hidden; }

  .invitecoauth .closebtn {

    top: 25px; }



.coauth {

  margin-left: 20px;

  position: relative; }

  .coauth input[type="text"] {

    border-top: none !important;

    border-right: none !important;

    border-left: none !important;

    border-bottom: 1px dotted #aaa !important;

    background: none; }

  .coauth:before {

    content: "\f007";

    display: block;

    height: 20px;

    width: 20px;

    font-family: 'FontAwesome';

    font-size: 1rem;

    text-align: center;

    color: #ccc;

    position: absolute;

    z-index: 2;

    bottom: 0;

    left: -20px; }



.ui-menu {

  background: #f7f7f7;

  border-style: dotted solid solid;

  border-color: #ccc;

  border-width: 1px; }

  .ui-menu .ui-menu-item {

    padding: 10px; }

  .ui-menu .ui-state-focus {

    border-bottom: 1px solid rgba(255, 165, 32, 0.7);

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



.disclaimer {

  height: inherit;

  margin-top: 60px;

  font-size: 0.875rem; }

  .disclaimer h4 {

    margin-bottom: 30px; }

  .disclaimer .scroll {

    /*height: 200px;*/

    margin-bottom: 20px;

    overflow: auto; }

  .disclaimer .closebtn {

    top: 70px; }

  .disclaimer label, .disclaimer input[type="checkbox"] {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top;

    margin-bottom: 20px; }

  .disclaimer input[type="checkbox"] {

    height: 20px;

    width: 20px;

    margin-right: 5px; }



.examnotif, .rcauth {

  height: 35%;

  width: 70%;

  margin-top: 35%;



  text-align: center;

  position: relative; }



.cauthname {

  font-size: 0.875rem;

  font-weight: 700;

}



.timesup {

  margin-bottom: 20px;

  color: #005b88;

  font-size: 1.25rem;

  font-weight: 600; }

  .timesup span {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top;

    vertical-align: middle;

    color: #aaa; }



.popupcenter {

  margin: auto;

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0; }



.popupcenter {

  width: 500px;

  min-height: 630px; }



.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;

  font-size: 0.875rem;

  font-weight: 700;

  text-align: center;

  line-height: 25px;

  color: #fff;

  text-decoration: none;

  -webkit-border-radius: 40em;

  -moz-border-radius: 40em;

  -ms-border-radius: 40em;

  border-radius: 40em;

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



/* Added by Mon on 09152014 */

.user-directory {

  padding: 25px 0;

  border-bottom: 1px solid #ccc;



  min-height: 340px;

  display: inline-block;

  width: 66%;
}

  .user-directory#u-search-cont {

    min-height: 340px;

    display: inline-block;

    width: 66%;
  }

  .searchform {

    width: 33%;

    float: right;

    /*display: inline-block;*/

    vertical-align: top;

    border: 1px solid #ccc;

    padding: 15px 20px 35px 20px;

  }

  .searchform .filter-type {
    width: 100%;
  }

  .searchform .dropd {
    width: 100% !important;
  }

  .searchform form {

    border: 1px solid #ccc;

    padding: 15px 20px 35px 20px; }

  .searchform label {

    display: block;

    font-weight: 800;

    margin-top: 10px;

    font-size: 14px;

    font-size: 0.875rem; }

  .searchform .dropd {

    height: 40px; }

    .searchform .dropd select {

      padding: 0 60px 0 0;

      height: 100%;

      width: 105%;

      -webkit-appearance: none;

      -moz-appearance: none;

      -ms-appearance: none;

      -o-appearance: none;

      appearance: none;

      border: none;

      background: none; }

  .searchform input {

    width: 100%;

    height: 40px;

    padding: 5px 10px;

    display: inline-block;

    font-size: 0.875rem;

    border: 1px solid #aaa;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    border-radius: 3px; }

    .searchform a {
      
      display: none;

      vertical-align: middle; 
      
      width: 29px;

      text-align: center; }

  .user-directory li {

    /*width: 33%;*/
    width: 50%;

    margin-bottom: 30px !important;

    margin: 0;

    padding: 0;

    list-style: none;

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top; }

  .user-directory div {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top; }

  .user-directory span {

    display: block; }

  .user-directory sub {

    color: #999999;

    bottom: 0.75em !important;

    font-style: italic; }



.user-img {

  background: #dd434a;

  width: 40px;

  height: 40px;

  margin-right: 15px !important;

  overflow: hidden; }



.user-pop {

  height: 75%; }



.userp-img {

  width: 200px;

  height: 200px;

  background: black;

  margin: 20px auto 30px auto; }



.userp-name {

  font-size: 30px;

  font-size: 1.875rem;

  color: #333333;

  margin-bottom: 30px;

  text-align: center; }



.userp-d {

  text-align: left;

  margin: 0 auto;

  padding: 0 10px; }

  .userp-d li {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top;

    margin: 0;

    padding: 0;

    list-style: none; }

  .userp-d li > span, .institle {

    font-size: 14px;

    font-size: 0.875rem;

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top; }

    .userp-d li > span:first-child {

      width: 170px;

      color: #005b88;

      font-weight: 700;

      margin-right: 5px; }

    .userp-d span:last-child { }

    .institle {

      height: 50px;

      width: 210px; 

      overflow-y: auto; }



.messages-cont {

  width: 100%;

  border: 1px solid #ccc; }

  .messages-cont li {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top; }

  .messages-cont .userm-name {

    color: #005b88;

    font-weight: 700;

    margin: 0;

    padding: 0;

    font-size: 16px;

    font-size: 1rem;

    max-width: 95%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    position: relative;

    display: block; }

  .messages-cont .mssg-img {

    background: #dd434a;

    margin-right: 15px !important; }

  .messages-cont .m-time {

    font-size: 12px;

    font-size: 0.75rem;

    color: #aaa; }



.m-list {

  width: 30%;

  border-right: 1px solid #ccc; }



.search-m {

  width: 100%;

  height: 81px;

  background: #f7f7f7;

  text-align: center;

  padding: 20px;

  border-bottom: 1px solid #ccc; }

  .search-m .s-cont {

    width: 100%;

    height: 40px;

    background: #fff;

    border: 1px solid #ccc;

    text-align: left;

    overflow: hidden;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    border-radius: 5px; }

  .search-m input {

    width: 89%;

    height: 100%;

    border: none;

    padding: 5px; }

  .search-m a {

    width: 8%;

    color: #5d5d5d; }

  .search-m i {

    -moz-transform: scaleX(-1);

    -o-transform: scaleX(-1);

    -webkit-transform: scaleX(-1);

    transform: scaleX(-1); }


  .mssg-list li {

    width: 100%;

    display: block;

    cursor: pointer; }

    .mssg-list li a {

      height: 100%;

      width: 100%;

      display: block;

      padding: 20px 30px 20px 20px;

      border-bottom: 1px solid #ccc;

      -webkit-transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55);

      -moz-transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55);

      transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55); }

      .mssg-list li a:hover, .mssg-list li a.mssg-active {

        color: #fff;

        background: #ffaf39;

        border-bottom: 1px solid #ffa800;

        -webkit-transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55);

        -moz-transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55);

        transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55); }

        .mssg-list li a:hover .mssg-d, .mssg-list li a:hover span, .mssg-list li a:hover p, .mssg-list li a.mssg-active .mssg-d, .mssg-list li a.mssg-active span, .mssg-list li a.mssg-active p {

          color: #fff !important; }

      .mssg-list li a:last-child {

        border-bottom: none; }

  .mssg-list .mssg-img {

    width: 60px;

    height: 60px; }

  .mssg-list .mssg-img, .mssg-list .mssg-d {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top; }

  .mssg-list .mCSB_container {

    margin-right: 0 !important; }



.mssg-d {

  width: 150px;

  line-height: 19px;

  overflow: hidden; }

  .mssg-d p {

    color: #1a1a1a;

    height: 25px;

    margin: 0;

    padding: 0;

    display: block;

    font-size: 14px;

    font-size: 0.875rem;

    max-width: 95%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap; }

  .mssg-d span {

    margin-right: 5px; }



.m-view {

  width: 70%; }



.mssg-window {

  display: none; }



.frm-p {

  width: 100%;

  height: 81px;

  text-align: center;

  padding: 20px;

  overflow-y: auto;

  border-bottom: 1px solid #ccc; }

  .frm-p h3 {

    text-align: left;

    margin-bottom: 0;

    text-transform: none;

    font-size: 1.125rem;

    /*font-size: 1.5625rem;*/

    color: #404040;

    line-height: 40px; }



.convo-cont {

  width: 100%;

  height: 450px; }



.convo-window {

  width: 100%;

  padding: 25px;

  position: relative; }

  .convo-window li {

    width: 100%;

    padding: 15px;

    /*margin-bottom: 25px;*/

  }

  .convo-window li:nth-child(odd) {

    background: #f7fcff;

  }

  .convo-window li:nth-child(even) {

    background: #e2f6ff;

  }

  .convo-window .mssg-img, .convo-window .userm-name {

    height: 40px;

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top; }

  .convo-window .mssg-img {

    width: 40px;

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top; }

  .convo-window .m-time {

    float: right; }

  .convo-window .userm-name {

    line-height: 35px; }

  .convo-window .msg {

    color: black;

    font-weight: 400; }

  .convo-window:after {

    clear: both;

    content: "";

    display: table; }

  .user-img, .userp-img, .mssg-img {

    background: none;

    text-align: center;   }

  .user-img img, .userp-img img, .mssg-img img {

    height: 100%;   }





.mssg-txt {

  width: 100%;

  position: relative;

  padding: 25px; }

  .mssg-txt textarea {

    width: 100%;

    height: 60px;

    padding: 5px;

    resize: none;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    border-radius: 5px; }

  .mssg-txt:after {

    clear: both;

    content: "";

    display: table; }



.btn-send, .btn-editp, .btn-updp {

  width: 75px;

  height: 30px;

  color: #fff;

  text-align: center;

  text-transform: uppercase;

  line-height: 30px;

  font-weight: 700;

  float: right;

  font-size: 12px;

  font-size: 0.75rem;

  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; }



.myprofile-p .heading {

  padding-bottom: 20px;

  border-bottom: 1px solid #ccc;

  position: relative; }

  .myprofile-p .heading:after {

    clear: both;

    display: table;

    content: ""; }

.myprofile-p h3 {

  margin: 0 -4px 0 0;

  display: inline-block;

  vertical-align: top; }



.btn-editp, .btn-updp {

  width: 130px; }



.btn-updp {

  display: none; }



.p-profile {

  margin: 35px 0; }

  .p-profile h3 {

    font-size: 30px;

    font-size: 1.875rem;

    margin-right: 10px;

    margin: 0 10px 40px 0;

    font-weight: 400;

    text-transform: none;

    color: #4d4d4d; }



.p-img, .profile-det {

  margin: 0 -4px 0 0;

  display: inline-block;

  vertical-align: top; }



.p-img {

  width: 200px;

  height: 200px;

  background: #dd434a;

  margin-right: 35px;

  position: relative;

  color: #e1595f;

  font-size: 1.875rem;

  text-align: center; }

  .p-img .fa-user {

    margin-top: 25px; }

  .p-img input[type="file"] {

    height: 100%;

    width: 100%;

    display: block;

    position: absolute;

    z-index: 3;

    top: 0;

    opacity: 0;

    filter: alpha(opacity=0);

    cursor: pointer; }



.uploadPhoto {

  height: 100%;

  width: 100%;

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0; }



.changeprofpic {

  width: 100%;

  height: 100%;

  display: none; }

  .changeprofpic span:not(.fa) {

    padding: 5px;

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

    font-size: 10px;

    font-size: 0.625rem;

    color: #fff;

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

    position: absolute;

    z-index: 2;

    bottom: 0;

    right: 0; }

  .changeprofpic .fa {

    margin-right: 5px; }



.profile-det {

  position: relative; }



.set li {

  margin: 0;

  padding: 0;

  list-style: none; }

.set span {

  font-size: 14px;

  font-size: 0.875rem;

  margin: 0 -4px 0 0;

  display: inline-block;

  vertical-align: top; }

  .set span:first-child {

    width: 200px;

    color: #005b88;

    font-weight: 700; }

  .set span:last-child {

    margin-left: 30px; }



.edit-profile {

  display: none;

  width: 720px;

  position: absolute;

  top: 0;

  left: 0; }

  .edit-profile form, .edit-profile .add-d {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top; }



.not-set {

  height: 100%;

  width: 400px; }

  .not-set ul {

    width: 100%; }

  .not-set li {

    margin: 0;

    padding: 0;

    list-style: none;

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top;

    margin-bottom: 15px; }

  .not-set input[type="email"], .not-set input[type="password"], .not-set input[type="text"] {

    height: 40px;

    border: 1px solid #ccc;

    padding: 5px; }

  .not-set label {

    font-size: 14px;

    font-size: 0.875rem;

    color: #005b88;

    font-weight: 800;

    display: block; }

  .not-set .half-w {

    width: 49%;

    margin-right: 3px; }

    .not-set .half-w input {

      width: 195px; }

    .not-set .half-w:nth-child(2), .not-set .half-w:nth-child(4) {

      margin-right: 0; }

  .not-set .full-w {

    width: 100%; }

    .not-set .full-w input {

      width: 100%; }



.add-d {

  width: 295px;

  margin-top: 5px;

  margin-left: 20px !important; }

  .add-d li {

    margin: 0;

    padding: 0;

    list-style: none;

    margin-bottom: 15px; }

  .add-d span {

    font-size: 14px;

    font-size: 0.875rem;

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top;

    line-height: 15px; }

    .add-d span:first-child {

      width: 148px;

      color: #005b88;

      font-weight: 800; }

    .add-d span:last-child {

      width: 115px;

      margin-left: 15px; }



.about-us {

  font-size: 16px;

  font-size: 1rem;

  font-weight: 400;

  color: black; }

  .about-us .about-img1 {

    float: right;

    clear: left;

    margin-left: 10px; }

  .about-us .a-twrap {

    position: relative; }

    .about-us .a-twrap:after {

      clear: both;

      content: "";

      display: table; }

  .about-us .about-img2, .about-us .a-binfo {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top; }

  .about-us .about-img2 {

    margin-right: 10px; }

  .about-us .a-binfo {

    width: 68%; }



.about-bottom {

  margin: 0 auto;

  padding-top: 20px;

  width: 100%;

  max-width: 62.5em; }

  .about-bottom h5 {

    font-size: 20px;

    font-size: 1.25rem;

    font-weight: 600;

    color: #333333;

    margin-bottom: 25px;

    margin: 20px 0 25px 0; }

  .about-bottom p {

    font-size: 16px;

    font-size: 1rem; }



.full-width {

  width: 100%;

  background: #dddddd;

  padding: 15px 0; }

  .full-width .row > li {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top;

    margin: 0;

    padding: 0;

    list-style: none;

    font-size: 16px;

    font-size: 1rem;

    width: 45%; }

    .full-width .row > li:first-child {

      margin-right: 25px; }

    .full-width .row > li .icon, .full-width .row > li .mv-d {

      margin: 0 -4px 0 0;

      display: inline-block;

      vertical-align: top; }

    .full-width .row > li .icon {

      width: 173px;

      height: 177px;

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

      margin-right: 15px; }

    .full-width .row > li .mission {

      background-position: 0 0; }

    .full-width .row > li .vision {

      background-position: 0 -178px; }

    .full-width .row > li .mv-d {

      width: 260px; }

    .full-width .row > li h5 {

      font-size: 20px;

      font-size: 1.25rem;

      font-weight: 600;

      color: #333333;

      margin-bottom: 25px; }



.terms-n-conditions, .terms-n-conditions h6, .references h6, .privacy-policy h6, .terms-n-conditions ul, .terms-n-conditions p, .references ul, .references p, .privacy-policy ul, .privacy-policy p, .references, .privacy-policy {

  font-size: 16px;

  font-size: 1rem;

  color: #1a1a1a;

  font-weight: 400; }

  .terms-n-conditions h6, .references h6 h6, .privacy-policy h6 h6, .references ul h6, .references p h6, .privacy-policy ul h6, .privacy-policy p h6, .references h6, .privacy-policy h6 {

    font-weight: 800;

    text-transform: none;

    margin-bottom: 30px; }

  .terms-n-conditions ul, .references h6 ul, .privacy-policy h6 ul, .references ul ul, .references p ul, .privacy-policy ul ul, .privacy-policy p ul, .terms-n-conditions p, .references h6 p, .privacy-policy h6 p, .references ul p, .references p p, .privacy-policy ul p, .privacy-policy p p, .references ul, .references p, .privacy-policy ul, .privacy-policy p {

    margin-bottom: 30px; }

  .terms-n-conditions li, .references h6 li, .privacy-policy h6 li, .references ul li, .references p li, .privacy-policy ul li, .privacy-policy p li, .references li, .privacy-policy li {

    margin-bottom: 30px;

    margin-left: 30px; }

    .terms-n-conditions li a:hover, .references h6 li a:hover, .privacy-policy h6 li a:hover, .references ul li a:hover, .references p li a:hover, .privacy-policy ul li a:hover, .privacy-policy p li a:hover, .references li a:hover, .privacy-policy li a:hover {

      color: #ffaf39;

      border: none;

      -webkit-transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55);

      -moz-transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55);

      transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55); }



.faq .accd ul {

  counter-reset: qCount; }

  .faq .accd ul li {

    counter-increment: qCount; }

    .faq .accd ul li a:before {

      content: counter(qCount) ". ";

      position: absolute;

      left: 20px; }



.faq-question {

  padding-left: 45px; }



.answer {

  padding: 15px 30px 30px;

  display: none; }



.contact-us {

  font-size: 16px;

  font-size: 1rem; }

  .contact-us p {

    width: 100%;

    font-weight: 600;

    color: #dd434a;

    border-bottom: 1px solid #ccc; }



.contact-form {

  width: 50%;

  margin: 0 auto; }

  .contact-form ul {

    width: 100%;

    margin-top: 25px; }

  .contact-form li {

    margin: 0;

    padding: 0;

    list-style: none;

    margin-bottom: 20px; }

  .contact-form label {

    font-weight: 800;

    display: block; }

    .contact-form label span {

      color: #dd434a;

    }

  .contact-form input {

    height: 40px; }

  .contact-form textarea {

    height: 105px;

    resize: none; }

  .contact-form input, .contact-form textarea {

    width: 100%;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    border-radius: 3px;

    padding: 5px;

    border: 1px solid #ccc; }

  .contact-form .btn-send, .contact-form .btn-editp, .contact-form .btn-updp {

    width: 177px;

    height: 50px;

    font-size: 16px;

    font-size: 1rem; }



.e-library-head, .u-direc-head {

  width: 100%;

  position: relative; }

  .e-library-head h3, .u-direc-head h3 {

    float: left; }

  .e-library-head .search-total, .u-direc-head .search-total {

    float: right; }

    .e-library-head .search-total span, .e-library-head .search-total div, .u-direc-head .search-total span, .u-direc-head .search-total div {

      margin: 0 -1px 0 0;

      display: inline-block;

      vertical-align: top;

      height: 30px; }

      .search-total .filter-type {

        margin-right: 5px;

      }

    .e-library-head .search-total .page-t, .u-direc-head .search-total .page-t {

      margin-right: 25px; }

      .e-library-head .search-total .page-t span, .u-direc-head .search-total .page-t span {

        margin-right: 1px; }

    .e-library-head .search-total span, .u-direc-head .search-total span {

      line-height: 30px; }

  .e-library-head .filter-type, .u-direc-head .filter-type, {

    margin-right: 25px !important; }

    .e-library-head .filter-type span, .u-direc-head .filter-type span {

      color: black; }

    .e-library-head .filter-type input, .u-direc-head .filter-type input {

      width: 160px;

      height: 30px;

      -webkit-border-radius: 3px;

      -moz-border-radius: 3px;

      -ms-border-radius: 3px;

      border-radius: 3px;

      border: 1px solid #ccc;

      margin-left: 15px;

      padding: 5px; }

  .e-library-head .search-e, .u-direc-head .search-e, .examlist .search-e {

    width: 260px;

    height: 30px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    border-radius: 3px;

    border: 1px solid #ccc; }

    .e-library-head .search-e input, .u-direc-head .search-e input, .examlist .search-e input {  /**/

      width: 91%;

      height: 100%;

      padding: 5px;

      border: none; }

    .e-library-head .search-e a, .u-direc-head .search-e a, .examlist .search-e a {

      height: 100%; }

    .e-library-head .search-e .fa, .u-direc-head .search-e .fa, .examlist .search-e .fa {

      color: #ffaf39; }

  .e-library-head span, .u-direc-head span {

    font-size: 14px;

    font-size: 0.875rem;

    color: #999999; }

  .e-library-head:after, .u-direc-head:after {

    clear: both;

    display: table;

    content: ""; }



.list-cont {

  width: 100%; }

  .list-cont h6 {

    font-size: 18px;

    font-size: 1.125rem;

    color: #333333;

    font-weight: 500;

    text-transform: none; }

    .list-cont h6 span {

      font-weight: 800;

      color: #ffaf39; }

  .list-cont .links-cont {

    font-size: 16px;

    font-size: 1rem;

    color: black;

    padding: 40px 0 20px 60px;

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc; }

    .list-cont .links-cont li {

      margin: 0;

      padding: 0;

      list-style: none; }

    .list-cont .links-cont a {

      -webkit-transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55);

      -moz-transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55);

      transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55); }

      .list-cont .links-cont a:hover {

        color: #ffaf39;

        -webkit-transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55);

        -moz-transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55);

        transition: all, 0.3s, cubic-bezier(0.68, -0.55, 0.265, 1.55); }



.img-cont, .vid-cont {

  margin: 0 !important;

  padding-top: 35px;

  text-align: center;

  border-top: 1px solid #ccc;

  border-bottom: 1px solid #ccc; }

  .img-cont li, .vid-cont li {

    margin: 0;

    padding: 0;

    list-style: none;

    width: 155px;

    height: 100px;

    background: #dd434a;

    margin: 0 48.5px 40px 0; }

    .img-cont li a, .vid-cont li a {

      display: block;

      width: 100%;

      height: 100%; }

    .img-cont li:nth-child(5n+5), .vid-cont li:nth-child(5n+5) {

      margin-right: 0 !important; }

  .img-cont .block-grid-, .vid-cont .block-grid- {

    margin: 0; }



.vid-cont li {

  position: relative; }

.vid-cont span:not(.fa) {

  font-size: 10px;

  font-size: 0.625rem;

  color: #fff;

  font-weight: 600;

  padding: 3px 7px;

  position: absolute;

  right: 0;

  bottom: 0;

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

.vid-cont .fa {

  margin-right: 5px; }



.e-links li {

  margin-bottom: 40px !important; }



/*

.e-docs li {

  margin-bottom: 15px !important; }

  .e-docs li > div, .e-docs li a {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top; }

  .e-docs li > div {

    width: 30px;

    height: 32px;

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

    margin-right: 20px; }

  .e-docs li .t-word {

    background-position: 0 0; }

  .e-docs li .t-ppt {

    background-position: 0 -40px; }

  .e-docs li .t-xcel {

    background-position: 0 -80px; }

  .e-docs li .t-pdf {

    background-position: 0 -120px; }

  .e-docs li .t-vid {

    background-position: 0 -165px; }

  .e-docs li .t-fld {

    background-position: 0 -208px !important; }

*/

.e-docs li {

  margin-bottom: 15px !important; }

  .e-docs li > div, .e-docs li a {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top; }

  .e-docs li > div {

    width: 30px;

    height: 32px;

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

    margin-right: 20px; }

  .e-docs li .t-word {

    background-position: 0 3px; }

  .e-docs li .t-ppt {

    background-position: 0 -178px; }

  .e-docs li .t-xcel {

    background-position: 0 -117px; }

  .e-docs li .t-pdf {

    background-position: 0 -146px; }

  .e-docs li .t-vid {

    background-position: 0 -27px; }    

  .e-docs li .t-img {

    background-position: 0 -87px; }   

  .e-docs li .t-fld {

    background-position: 0 -208px !important; } 



.vidplayer {

  min-height: 480px;

  max-height: 720px;

  width: 100%;

  margin: 0 auto;

  padding-top: 35px;

  border-top: 1px solid #ccc;

  position: relative; }

  .vidplayer .video-js {

    width: 80%; }



.create-topic {

  width: 100%;

  padding: 10px 25px;

  margin-top: 55px;

  border-bottom: 5px solid #e6e6e6; }

  .create-topic label, .create-topic div, .create-topic input {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top;

    height: 30px; }

  .create-topic li {

    margin: 0;

    padding: 0;

    list-style: none;

    margin-bottom: 15px !important; }

  .create-topic label {

    font-size: 14px;

    font-size: 0.875rem;

    color: #005b88;

    line-height: 30px;

    font-weight: 500;

    margin-right: 15px; }

  .create-topic input {

    height: 30px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    border-radius: 3px;

    padding: 5px;

    border: 1px solid #ccc; }

  .create-topic .half-w {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top;

    width: 48%;

    margin-right: 25px; }

    .create-topic .half-w:nth-child(2), .create-topic .half-w:nth-child(5) {

      margin-right: 0; }

    .create-topic .half-w:last-child {

      text-align: right; }

    .create-topic .half-w .styled-select {

      width: 350px;

      overflow: hidden; }

    .create-topic .half-w .dropd {

      width: 81%; }

      .create-topic .half-w .dropd select {

        height: 100%;

        width: 105%;

        -webkit-appearance: none;

        -moz-appearance: none;

        -ms-appearance: none;

        -o-appearance: none;

        appearance: none;

        border: none;

        background: none; }

    .create-topic .half-w input[type="text"] {

      width: 84.5%; }

  .create-topic .full-w {

    width: 100%; }

    .create-topic .full-w input {

      width: 85%; }

  .create-topic .btn-submit, .create-topic .btn-cancel {

    padding: 10px 38px;

    font-weight: 600;

    font-size: 12px;

    font-size: 0.75rem;

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

  .create-topic .btn-submit {

    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;

    margin-right: 10px; }

  .create-topic .btn-cancel {

    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; }



.sub-elib1 {

  height 250px;

  height: 36%;

  margin-top: 30%; }

  .sub-elib1 h3 {







    text-transform: none; }

  .sub-elib1 p {

    height: 45%;

    margin-bottom: 20px;

    overflow: hidden; }

/*  .sub-elib1 .closebtn {

    top: 26%; }*/



.exm-info {

  width: 100%;

  border-bottom: 1px solid #ccc;

  padding-bottom: 20px; }

  .exm-info h2, .exm-info .time {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top;

    height: 100%; }

  .exm-info h2 {

    width: 70%;

    color: black;

    text-transform: none;

    font-size: 26px;

    font-size: 1.625rem; }

  .exm-info .time {

    width: 30%;

    text-align: right; }

    .exm-info .time p {

      font-weight: 800;

      margin-top: 0; }

  .exm-info .date {

    font-size: 14px;

    font-size: 0.875rem; }

  .exm-info .clock {

    font-style: italic;

    color: #ffa800;

    font-size: 16px;

    font-size: 1rem; }

  .exm-info .ctabtns {

    top: 75px; }



.checking h2, .checking p, .checking a {

  height: 100%;

  margin: 0 -4px 0 0;

  display: inline-block;

  vertical-align: top;

  vertical-align: middle; }

.checking a {

  margin-left: 10px; }



.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; }



.exm-test {

  width: 100%;

  font-weight: 800;

  padding: 30px 22px 10px 22px;

  border-bottom: 1px solid #ccc; }

  .exm-test > div {

    margin: 25px 0;

    text-align: center; }

  .exm-test p {

    margin: 0; /* */

    font-size: 16px;

    font-size: 1rem;

    font-weight: 800; }

  .exm-test form {

    font-weight: 400;

    margin-top: 20px; }

  .exm-test input[type="radio"] {

    margin-right: 10px;

    width: 15px;

    height: 15px; }

  .exm-test label {

    margin: 0 0 20px 25px !important;

    text-indent: -25px; }

  .exm-test li {

    margin: 0 0 0 18px; }

    .exm-test li:first-child {

      margin-top: 10px;}

    .exm-test li > div {

      margin: 25px auto;

      text-align: center; }



.video-js {

  margin: 0 auto; }



.multiple label {

  display: block;

  font-weight: 400;

  margin: 5px 0 10px 25px !important; }



.multiple .question {

  width: 90%;

  display: inline-block;

  vertical-align: top; }

  .multiple .question:after {

    clear: both;

    content: "";

    display: table;

  }



.trueorfalse label {

  width: 10%;

  margin-left: 20px;

  margin: 0 -4px 0 0;

  display: inline-block;

  vertical-align: top; }



/* added by Mon on 10162014 */

.disclaimer .okbtn {

  width: 30%;

  text-align: center;

  margin: 0 auto;

  display: block; }



.pracexm-eval td:last-child {

  color: #ffaf39; }



.pracexm-titles td:last-child {

  color: #005b88; }



/* added by Mon on 11032014 */

.announcement {

  text-align: center; }

  .announcement .announce-title {

    text-align: center;

    color: #005b88;

    font-size: 1.5rem;

    line-height: 1.625rem;

    position: relative; }

  .announcement p {

    width: 80%;

    margin: 20px auto; }

  .announcement i {

    font-weight: 800; }

  .announcement li {

    margin: 0;

    padding: 0;

    list-style: none; }



/* added by Mon on 11042014 */

.featdocs .doc-desc {

  width: 75%;

  display: inline-block;

  max-width: 95%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap; }



.research .doc-desc {

  width: 50%; }



.research .dl {

  right: 40% !important; }



/* added by Mon on 11062014 */

.ann-desc i {

  font-weight: 800; }



.w300 {

  width: 50%; }



.test-name {

  width: 90%;

  color: #ffaf39; }



.list-n-sort > ul {

  margin: 0;

  padding: 0;

  list-style: none;

  margin: 0 -4px 0 0;

  display: inline-block;

  vertical-align: top; }



.mentee-list {

  width: 60%; }

  .mentee-list > li {

    line-height: 70px; }

  .mentee-list span {

    margin: 0 -4px 0 0;

    display: inline-block;

    vertical-align: top;

    vertical-align: middle; }

  .mentee-list .l-head {

    margin-bottom: 10px; }

  .mentee-list .l-head span {

    width: 50%;

    font-weight: 800;

    text-align: left;

    font-size: 16px;

    font-size: 1rem; }

  .mentee-list .m-name, .mentee-list .int-name {

    width: 49%;

    line-height: 30px; }

  .mentee-list .fa-angle-down, .mentee-list .fa-angle-up {

    width: 2%;

    color: #ffaf39; }

  .mentee-list .m-name {

    color: #005b88; }

  .mentee-list a {

    display: block;

    width: 100%;

    height: 100%; }

  .mentee-list .entry {

    border-bottom: 1px solid #ccc; }



.drop-cont {

  width: 100%;

  margin-top: 20px;

  padding-left: 15px; }

  .drop-cont .author, .drop-cont .pubdate {

    height: 30px;

    line-height: 30px; }

  .drop-cont li {

    /*line-height: 30px;*/

    margin: 0;

    padding: 0;

    list-style: none; }

  .drop-cont p {

    font-weight: 400;

    margin-bottom: 5px;

    font-size: 15px;

    font-size: 0.9375rem; }



.sort-n-page {

  width: 36%;

  margin-left: 4% !important; 

  display: inline-block;

  vertical-align: top;
}

  .sort-n-page form {

    border: 1px solid #ccc;

    padding: 15px 20px 35px 20px; }

  .sort-n-page label {

    display: block;

    font-weight: 800;

    margin-top: 10px;

    font-size: 14px;

    font-size: 0.875rem; }

  .sort-n-page .dropd {

    height: 40px; }

    .sort-n-page .dropd select {

      padding: 0 60px 0 0;

      height: 100%;

      width: 105%;

      -webkit-appearance: none;

      -moz-appearance: none;

      -ms-appearance: none;

      -o-appearance: none;

      appearance: none;

      border: none;

      background: none; }

  .sort-n-page input {

    width: 100%;

    height: 40px;

    padding: 5px 10px;

    display: block;

    font-size: 0.875rem;

    border: 1px solid #aaa;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    border-radius: 3px; }

.g-pagination {

  width: 80%;

  margin: 30px auto;

  color: #aaa;

  font-size: 18px;

  font-size: 1.125rem;

  text-align: center; 
  
  position:relative;}

  .g-pagination a.prev, .g-pagination a.next{
      font-size: 1.125rem;}
    
  .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%; }



.titlehead .upload, .titlehead .invite, .titlehead .viewresult, .titlehead .taketest, .titlehead .add {

  /*margin-top: 45px; */
    margin-top: 25px;
}



.alert {

  color: red;

}



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



/* added by mon on 12052014 */

.slider li {

  position: relative;

}



.sld-txt {

  padding: 23px 0;

  background: rgba(255,255,255,0.8);

  position: absolute;

  width: 50%;

  height: 60%;

  overflow: auto;

  margin: auto;

  position: absolute;

  top: 0; left: 0; bottom: 0; right: 0;

}



.sld-txt h1, .sld-txt p {

  margin: 0;

  padding: 0;

}



.sld-txt p {

  margin-top: 25px;

}



/* added by mon on 12102014 */

.create-topic .full-w {

  width: 100%;

  text-align: center;

  margin-top: 10px;

}



/* added by mon on 12092014 */

.e-imgs a {

  overflow: hidden;

}



.e-imgs p {

  width: 155px;

  margin-top: 0;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  word-wrap: break-word;

}



.e-imgs img {

  width: auto;

  max-width: inherit !important;

  height: 100%;

}



/* added by mon on 12112014 */

.examination {

  width: 970px;

  position: relative;

}



.queans {

  padding: 0 0 30px 0;

}



  .queans > li {

    width: 970px;

    height: 0;

    padding: 0 0 0 5px;

    margin: 15px 0 0 40px;

    overflow: hidden;

    list-style-type: decimal;

    display: list-item;

    list-style-position: inside;

  }



.focus {

  height: auto !important;

}



.btn-prev, .btn-next {

  cursor: pointer;

}



.upworksheet.pop-theme {

  height: inherit;

}



.forgot-btn {

  width: 100px;

  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;"

}



/* forum addition */

.rightaligned {

  float: right;

  padding: 0 10px 0 0;

}

.pagination {

  background:#ffaf3a;

  /*min-height: 40px;

  line-height: 40px;*/

  width: 100%;

  vertical-align: middle;

  color: #fff;

}

.pagination:after {

  clear: both;

  content: "";

  display: table;

}

.pagination-btn {

  display: inline-block;

  vertical-align: middle;

  margin:0 0 0 5px;

}

.forumcontent {

  margin-bottom: 25px;

  background: #f7fcff;

  position: relative;

}

.forumcontent ul {

  padding: 0;

  margin: 0;

  list-style-type: none;

}



.forumcontent ul.title {

  background: #005b88;

}



.forumcontent ul.title li, .categname {

  margin: 0 0 0 -3px;

  list-style-type: none;

  display: inline-block;



  font-weight: bold;

  color: #fff;

}

.forumcontent ul.listing li {

  margin: 0 0 0 -3px;

  list-style-type: none;

  /* display: table; */

  border-bottom: 1px solid rgba(0,0,0,0.1);

}



.new-ftopic ul.listing li {

  text-align: center;

}



  .listing li:nth-child(even), .posterdeet {

    background: #e2f6ff;

  }



  .listing li:nth-child(odd), .postcontent{

    background: #f7fcff;

  }



  .listing li:last-child {

    border-bottom: none !important;

  }



.topicteaser, .statcontent, .poster, .posterdeet, .postcontent, .actions, .f-actions  {

  padding: 18px 23px;

  margin-right: -4px;

  display: inline-block;

  font-size: 14px;

  vertical-align: top;

}

.topic, .topicteaser, .statistics, .statcontent {

  padding: 18px 23px;

}



.topic,.topicteaser {

  width: 60%;

}

  .pending-ftopic .topic, .pending-ftopic .topicteaser {

    width: 70%;

  }



  .actions, .f-actions {

    width: 30%;

    text-align: center;

  }



    .approve, .reject {

    }



.statistics, .statcontent{

  width: 15%;

}

.lastpost, .poster{

  width: 25%;

}

.topicteaser {

  background: url('../images/topic-icon.gif') no-repeat 2% 50%;

  padding-left: 4%;

}

.poster:after {

  clear: both;

  content: "";

  display: table;

}

.poster p {

  padding: 0;

  margin: 0;

}

.avatar {

  float: left;

  margin: 0 5px 0 0;

}

.by {

  margin:0 0 0 5px;

  color: #feaf38;

}

.topiclong span {

  color: #ffaf3a;

  margin:0 5px 0 0;

}

.postername {

  color: #ffaf3a;

  margin:0 0 15px 0;

}

.topiclong {

  padding: 18px 23px;

  width: 100%;

  position: relative;

}

.posterdeet, .postcontent {

  min-height: 217px;

}

.posterdeet {

  width: 20%;

  text-align: center;

  font-size: 12px;

}

.postcontent {

  width: 80%;

  position: relative;

}

.postcontent .title {

  width: 85%;

  font-weight: bold;

  font-size: 16px;

  color: #303030;

}

.postcontent .postdate {

  font-size: 12px;

}

.postcontent p {

  margin: 20px 0 0 0;

}

.new-ftopic .title, .new-ftopic p {

  width: 100%;

  text-align: left;

}



/* added by mon on 12172014 */

.filter-type {

  /*width: 250px;*/

}



.filter-type label, .filter-type .dropd {

  display: inline-block;

  vertical-align: middle;

  margin-right: -4px;

}



.filter-type label {

  margin-right: 5px;

}



.filter-type .dropd {

  width: 80%;

}



.filter-type select {

  height: 100%;

  width: 110%;

  -webkit-appearance: none;

  -moz-appearance: none;

  -ms-appearance: none;

  -o-appearance: none;

  appearance: none;

  border: none;

  background: none;

}



/*.full-w > label {

  width: 13%;

}*/



.full-w.btns-holder {

  text-align: center !important;

}



.btn-reply-thread, .btn-edit-post, .btn-save-post, .btn-post {

  min-width: 50px;

  max-width: 100px;

  margin: 0 auto 10px;

  display: block;

  padding: 8px 0;

  line-height: 1;

  text-align: center;

  text-transform: uppercase;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

}



.btn-reply-thread, .btn-save-post, .btn-post {

  background: #eea130;

  position: relative;

}



.btn-reply-thread {

  font-size: 0.7rem;

}



.btn-reply-thread {

  margin: 10px auto;

  color: white;

  position: absolute;

  right: 25px;

  bottom: -50px;

}



.btn-edit-post, .btn-save-post, .btn-post {

  font-size: 0.6rem;

}



.btn-edit-post {

  background: rgba(0,91,135,0.3);

  position: absolute;

  top: 20px;

  right: 25px;

}

.btn-save-post, .btn-post {

  margin-top: 10px;

  float: right;

  color: white;

}



.new-content textarea, .new-content input, .edit-content textarea {

  margin-top: 20px;

}



.new-content textarea , .edit-content textarea {

  width: 100%;

  height: 150px;

  padding: 10px;

  resize: none;

  overflow: auto;

}

.new-content input{

  height: 30px;

  width: 100%;

  padding: 0 5px;

}



.new-ftopic #topic-form input[type="checkbox"], .new-ftopic #topic-form label {

  margin: 10px -4px 10px 0;

  vertical-align: middle;

  color: #222;

  font-weight: 400;

  font-size: 0.875rem;

}



.new-ftopic #topic-form input[type="checkbox"] {

  width: 20px;

  height: 20px;

  margin-right: 10px;

}



.new-ftopic #topic-form .groups-holder li {

  text-align: left;

}



.btn-edit-post:hover {

  background: #eea130;

}



.btn-post:hover, .btn-save-post:hover {

  background: #e09323;

}



/* added by bryan */

.process {

  width: 80px;

}



.error-msg {

  text-align: right !important;

  color: #f00;

}



.topic-content {

  margin: 10px 0 0;

}



.forum-pagination {

  min-height: 12px;

  min-width: 84px;

  padding: 10px 0 0;

}



.remove-post {

  color: #333;

  font-size: 12px;

  float: right;

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

  display: block; font-weight: 400;

  border-radius: 3px;

  padding: 1px 3px; }



.categname {

  line-height: 40px;

  font-size: 1rem;

  padding: 0 23px;

  max-width: 75%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap; }



.fdiscfaq {

  display: block;

  width: 100%;

  margin: 0 auto 5px;

  padding: 4px 12px 4px 0;

  font-size: 0.8rem;

}

  .fdiscfaq a {

    color: #005b88;

  }



.fbreadcrumbs {

  margin: -15px 0 20px;

  font-weight: 600;

  font-size: 14px;

}

  .fbreadcrumbs a {

    color: #005b88;

  }

  .fbreadcrumbs span {

    color: #ffaf39;

  }



.btn-action-holder {

  display: inline-block;

  position: relative;

  padding-right: 10px;

  vertical-align: top;

  top: 10px;

}

.fbtn-edit, .fbtn-remove, .ftbtn-edit, .ftbtn-remove {

width: 23px;

height: 23px;

line-height: 23px;

text-align: center;

margin: 0;

display: inline-block;

vertical-align: top; }



  .fbtn-edit, .ftbtn-edit {

    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; }



    .fbtn-remove, .ftbtn-remove {

    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; }



    .fbtn-edit i, .fbtn-remove i, .ftbtn-edit i, .ftbtn-remove i {

    color: #fff; }



    .ftbtn-edit {

      position: absolute;

      top: 20px;

      right: 50px;

    }



    .ftbtn-remove {

      position: absolute;

      top: 20px;

      right: 25px;

    }



    .desc-area {

  position: relative;

  width: 80%;

  margin: 30px auto;

  }



  .desc-area .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);

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    border-radius: 3px;

    z-index: 2;

    position: absolute;

    top: 0;

    right: 0;

  }



  .desc-area h2 {

    margin-bottom: 0;

  }



  .img-cont p {

    margin: 5px 0;

    font-weight: bold;

    color: #ffaf39;

    text-align: left;

  }



  .lg-img {

    text-align: center;

  }



.unseen-ylw {

  background: #fde672 !important;

}



.unseen-blu {

  background: #DBF5F0 !important;

  }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  

  /* IE9 and IE10 rule sets go here */

  .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 {

    height 37px;

  }

}



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

  .sub-elib1 {

    height 250px;

  }

}



/* added 20150220 by pat */

.add-elibrary form {

  margin-top: 20px;

}



.edit-btn {

  float: right;

  padding-right: 60px;

}



.add-elibrary .heading {

  font-size: 16px;

  font-size: 1rem;

  font-weight: 800;

  display: block;

  margin: 25px 0 15px 0;

}



.add-elibrary ul {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;

}



.add-elibrary li {
    display: block;
    margin-top: 5px;
}



.add-elibrary [type="checkbox"] {

  width: 20px;

  height: 20px;

  margin-right: 10px;

}



.add-elibrary label {

  font-size: 14px;

  font-size: 0.875rem;

  font-weight: 300;

}



.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;

  height: 100%;

  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: 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; }

.add-elibrary select {

  height: 100%;

  border: none; }

.add-elibrary div {

  /*text-align: right;*/

  margin-top: 20px; }

.add-elibrary .btn-save, .add-elibrary .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; }

.add-elibrary .btn-save {

  margin-right: 7px;

  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;}

.add-elibrary .btn-cancel {

  margin-right: 0;

  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; }


















.img-cont li, .vid-cont li {

 position: relative;

}

















.edt-btn {

 position: absolute;

 z-index: 2;

 bottom: 0;

 left: 0;

 padding: 0;

 height: 35% !important;

 line-height: 2rem;

 background: rgba(255,255,255,0.75);

 font-weight: 600;

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

.create-topic {
 border: none;
}

.btn-submit {
 font-size: 0.875rem !important;
 font-weight: 700 !important;
 text-transform: uppercase;
}



/*new*/

.elib-upload h6 {
  font-size: 1.125rem;
  color: #333333;
  font-weight: 500;
  text-transform: none; }

/*.elib-row {
  border-top: 1px solid #ccc; }
  .elib-row h6 {
    font-weight: 900;
    text-transform: uppercase;
    margin: 25px 0px; }*/
    
    /*added start*/

    .elib-row{
      height:730px;
    }

  .elib-row h6 {
    font-weight: 900;
    text-transform: uppercase;
    margin: 25px 0px; }
    
    .low-height .elib-row{
      height:480px;
    }
    .low-height::after{
      content: "";
      display: table;
      clear: both; }

.e-button {
  border-top: 1px solid #ccc;
  text-align: center;
  width:100%;
  padding:20px 0px; }
  .e-button .add {
    display: inline-block;
    width: 120px; }
  .e-button .submit {
    background-image: linear-gradient(#f3cb2b, #ff811c);
    color: #fff; }

    /*end*/

.elib-row input[type="checkbox"], .elib-row label {
  width: 20px;
  height: 20px;
  vertical-align: middle; }
.elib-row .left {
  width: 40%; }
  .elib-row .left input {
    width: 375px;
    height: 30px;
    border: 1px solid #c3c3c3;
    padding: 5px; }
  .elib-row .left input[type="checkbox"] {
    width: 20px;
    height: 20px; }
.elib-row .right {
  width: 50%; }

.elib-row select, .elib select {
  height: 100%;
  border: none; }
.elib-row .dropd, .elib .dropd {
  width: 375px;
  height: 30px;
  border: 1px solid #c3c3c3; }
.elib-row .dropd-btn, .elib .dropd-btn {
  width: 32px;
  padding: 0;
  margin: 0;
  height: 100%;
  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: 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; }
.elib-row .dropd-btn span, .elib .dropd-btn span {
  width: 100%;
  height: 100%;
  line-height: 30px;
  text-align: center; }

.elib-row .browsefile {
  width: 100%;
  display: block; }
.elib-row .filename1 {
  font-size: 70%;
  font-weight: 900;
  color: #666666; }
  .elib-row .filename1 span {
    font-weight: 600; }

.ftype {
  margin: 10px 0px; }

.elib-row .left label {
  font-weight: 700;
  color: #666666;
  font-size: 80%; }

h2 {
  font: 33px sans-serif;
  margin-top: 30px;
  text-align: center;
  text-transform: uppercase; }

h2.background {
  position: relative;
  z-index: 1; }
  h2.background:before {
    border-top: 2px solid #dfdfdf;
    content: "";
    margin: 0 auto;
    /* this centers the line to the full width specified */
    position: absolute;
    /* positioning must be absolute here, and relative positioning must be applied to the parent */
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 60%;
    z-index: -1; }
  h2.background span {
    /* to hide the lines from behind the text, you have to set the background color the same as the container */
    background: #fff;
    padding: 0 15px;
    font-size: 22px;
    color: #666666; }

h2.double:before {
  /* this is just to undo the :before styling from above */
  border-top: none; }

h2.double:after {
  border-bottom: 1px solid blue;
  -webkit-box-shadow: 0 1px 0 0 red;
  -moz-box-shadow: 0 1px 0 0 red;
  box-shadow: 0 1px 0 0 red;
  content: "";
  margin: 0 auto;
  /* this centers the line to the full width specified */
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  width: 95%;
  z-index: -1; }

h2.no-background {
  position: relative;
  overflow: hidden; }
  h2.no-background span {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    position: relative;
    padding: 0 20px;
    font-size: 22px; }
    h2.no-background span:before, h2.no-background span:after {
      content: '';
      display: block;
      width: 1000px;
      position: absolute;
      top: 0.73em;
      border-top: 1px solid red; }
    h2.no-background span:before {
      right: 100%; }
    h2.no-background span:after {
      left: 100%; }


h2.no-span {
  display: table;
  white-space: nowrap; }
  h2.no-span:before, h2.no-span:after {
    border-top: 1px solid green;
    content: '';
    display: table-cell;
    position: relative;
    top: 0.5em;
    width: 45%; }
  h2.no-span:before {
    right: 1.5%; }
  h2.no-span:after {
    left: 1.5%; }


.elib-row .shared-list {
  height: 600px;
  overflow: auto; 
}
.elib-row li {
  list-style: none; }


.elibrary-cont h3, .elibrary-cont .elib {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0px; }

.elib {
  width: 78%;
  margin-left: 55px; }
  .elib input, .elib h5, .elib .dropd-cont {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0; }
  .elib h5, .elib h4, .elib h3, .elib h2, .elib h1 {
    margin-bottom: 0; }
  .elib input {
    width: 530px;
    border: 1px solid #c3c3c3;
    padding: 5px; }

.elib .dropd {
  width: 145px; }
.elib h5 {
  color: black; }

.e-content {
  border-top: 1px solid #ccc;
  margin-top: 30px;
  padding: 20px 0px;
  height: 600px; }
  .e-content .upload, .e-content .invite, .e-content .viewresult, .e-content .taketest, .e-content .add {
    background-image: linear-gradient(#0085c7, #005b88);
    width: 124px;
    height: 35px;
    border:none;
    margin-top:10px;
    color:#fff; }

.e-content .left {
  width: 208px;
  text-align: center; }
  .e-content .left > ul {
    text-align: left;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ccc; }
    .e-content .left > ul li {
      cursor: pointer;
      list-style: none; }
      .e-content .left > ul li a{
        padding:10px 5px;
        display:block; }
      .e-content .left > ul li:hover, .e-content .left > ul li.elib-active {
        background: #ececec; }
      .e-content .left > ul li .user-img, .e-content .left > ul li .elib-name {
        display: inline-block;
        vertical-align: middle; }
        .e-content .inside{
          width:820px;}

.shared-withme th, .shared-byme th, .pending th, .saved-file th {
  width: 120px;
  font-size: 14px; }
  .shared-withme th:first-child, .shared-byme th:first-child, .pending th:first-child, .saved-file th:first-child {
    text-align: center;
    width: 250px; }

.shared-withme td, .shared-byme td, .pending td, .saved-file td {
  padding: 10px 0px;
  text-align: left; }
  .shared-withme td:first-child, .shared-byme td:first-child, .pending td:first-child, .saved-file td:first-child {
    width: 250px;
    text-align: left; }
  .shared-withme td:nth-child(2), .shared-byme td:nth-child(2), .pending td:nth-child(2), .saved-file td:nth-child(2) {
    font-weight: 500;
    text-transform:lowercase; }
  .shared-withme td > div, .shared-byme td > div, .pending td > div, .saved-file td > div {
    width: 30px;
    height: 32px;
    margin-right: 10px; }
  .shared-withme td span, .shared-withme td div, .shared-byme td span, .shared-byme td div, .pending td span, .pending td div, .saved-file td span, .saved-file td div {
    display: inline-block;
    vertical-align: middle; }
     .shared-withme td span,.shared-byme td span, .pending td span, .saved-file td span{
    width:100%;
    text-overflow:ellipsis;
    overflow:hidden; }
  .shared-withme td a, .shared-byme td a, .pending td a, .saved-file td a {
    font-size: 14px;
    color: #005b88;
    font-weight: bold; }



.shared-withme .fa, .shared-byme .fa, .pending .fa, .saved-file .fa {
  color: #fff; }
.shared-withme .actions, .shared-byme .actions, .pending .actions, .saved-file .actions {
  background-image: linear-gradient(#0085c7, #005b88); }

.shared-withme .t-word, .shared-byme .t-word, .pending .t-word, .saved-file .t-word {
  background: url(../images/icon-filetype.png) 0 0 no-repeat;
  background-position: 0 3px; }

.shared-withme .t-ppt, .shared-byme .t-ppt, .pending .t-ppt, .saved-file .t-ppt {
  background: url(../images/icon-filetype.png) 0 0 no-repeat;
  background-position: 0 -174px; }

.shared-withme .t-youtube, .shared-byme .t-youtube, .pending .t-youtube, .saved-file .t-youtube {
  background: url(../images/icon-filetype.png) 0 0 no-repeat;
  background-position: 0 -24px; }

.shared-withme .t-pdf, .shared-byme .t-pdf, .pending .t-pdf, .saved-file .t-pdf {
  background: url(../images/icon-filetype.png) 0 0 no-repeat;
  background-position: 0 -144px; }

.shared-withme .t-xcel, .shared-byme .t-xcel, .pending .t-xcel, .saved-file .t-xcel {
  background: url(../images/icon-filetype.png) 0 0 no-repeat;
  background-position: 0 -117px; }

.shared-withme .t-folder, .shared-byme .t-folder, .pending .t-folder, .saved-file .t-folder {
  background: url(../images/icon-filetype.png) 0 0 no-repeat;
  background-position: 0 -205px; }

.shared-withme .t-image, .shared-byme .t-image, .pending .t-image, .saved-file .t-image {
  background: url(../images/icon-filetype.png) 0 0 no-repeat;
  background-position: 0 -87px; }
/*
.shared-withme {
  display: none; }


.shared-byme {
  display: none; }*/
  
  .shared-byme td span {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 12em;
    overflow: hidden; }


/*.saved-file {
  display: none; }*/


.e-content .btn-edit, .e-content .btn-delete, .e-content .btn-save, .e-content .download {
  width: 20px;
  height: 20px;
  padding: 0px 6px;
  font-size: 22px;
  border-radius: 4px; }


.e-content .btn-edit {
  background: #f3cb2b;
  background-image: linear-gradient(#f3cb2b, #ff811c); }
.e-content .btn-delete {
  background: #ff3232;
  background-image: linear-gradient(#ff3232, #c31818); }
.e-content .btn-save {
  background: #0085c7;
  background-image: linear-gradient(#0085c7, #005b88); }
.e-content .download {
  background: #0085c7;
  background-image: linear-gradient(#0085c7, #005b88); }





.elib-contain {
  height: auto; }




.mentee {
  display: none; }
.mentor{






  width:76%; }


.mentor .shared-withme td:last-child, .mentor .saved-file td:last-child {
  width: 175px; 
  text-align:left;}









.mentor td:nth-child(4) {
  width: 120px; }
  .mentor .pending td:nth-child(4) {
  width: 160px; }
.mentor .red {
  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; }
.mentor .green {
  background-color: #12be36;
  background-image: -webkit-linear-gradient(#12be36, #227d27);
  background-image: linear-gradient(#12be36, #227d27);
  border: 1px solid #16671a;
  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; }
.mentor .for-approval a {
  display: inline;











  color: #fff; }


.mentor .pagination {
  background: none;
  border-top: 1px solid #ccc;
  text-align: center;
  font-size: 20px;
  color: #f3cb2b;
  padding: 20px 0px; }
  .mentor .pagination a, .mentor .pagination .num {
    display: inline; }
  .mentor .pagination .btn-edit {
    color: #fff;
    vertical-align: middle; }
  .mentor .pagination .btn {
    display: inline-block;
    vertical-align: middle; }


















.create-topic {

 border: none;

}






























.btn-submit {

 font-size: 0.875rem !important;

 font-weight: 700 !important;

 text-transform: uppercase;

}
.notif-deets { 
  padding: 10px 0; border-bottom: 1px solid #005b88;
} 

.doc-prof-pic, .notif-copy { 
  display: inline-block; vertical-align: top; margin-right: -4px; 
} 

.doc-prof-pic { 
  width: 50px; height: 50px; overflow: hidden; 
} 
.doc-prof-pic img {
 max-width: 100%; height: auto; } 
.notif-copy { 
  width: 90%; display: inline-block; margin-left: 20px; 
} 

.notif-copy a { 
  display: block; width: 100%; 
}
.worksheet-list .search-total {
    position: absolute;
    float: right;
    top: 50px;
    right: 15px; }

 .worksheet-list .search-e {
    width: 260px;
    height: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc; }
  
  .worksheet-list .search-e input {
    width: 91%;
    height: 100%;
    padding: 5px;
    border: none; }
  
  .worksheet-list .search-e a {
  height: 100%;
  }
  .worksheet-list .search-e .fa {
    color: #ffaf39;
  }

  .worksheet-list h3 {
    margin-bottom: 50px !important;
  }

.shared-list #mCSB_3_scrollbar_vertical .mCSB_dragger_bar,.shared-list .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #03608c;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#1692d0, #03608c);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#1692d0, #03608c);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#1692d0, #03608c);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#1692d0, #03608c);
  /* Standard syntax */
  width: 10px;
  margin-left: -1px;
  border-radius:100px; }

.m-list-cont #mCSB_4_scrollbar_vertical .mCSB_dragger_bar,.m-list-cont .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #aaa;
  /* For Firefox 3.6 to 15 */
  background:rgba(0,0,0,0.45);
  /* Standard syntax */
  width: 7px;
  margin-left: -1px;
  border-radius:0px; }
.m-list-cont #mCSB_4_scrollbar_vertical{
  width:0.5em;
  border-radius:0px;
  margin-right:-11px;
}

.m-list-cont .mCSB_scrollTools{
  top:0px;
}
.mCSB_inside > .mCSB_container{
    margin-right:0;
  }

  .mCSB_scrollTools .mCSB_draggerRail{
    width:10px;
    border-radius:100px;
  }

.n-list .mCustomScrollBox > .mCSB_dragger_bar,.mCS-light.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #aaa;
  /* For browsers that do not support gradients */
  background: rgba(0,0,0,0.45);
  /* Standard syntax */
  width: 8px;
  margin-left: -1px;
  border-radius:0px;}

.n-list .mCustomScrollBox >.mCSB_scrollTools{
  width:0.5em;
  border-radius:0px;
  top:0;
  right:0;
}

.n-list .mCSB_inside > .mCSB_container{
  padding-right:40px;
}

.n-list .mCustomScrollBox > .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #aaa;
  /* For Firefox 3.6 to 15 */
  background:rgba(0,0,0,0.7);
  /* Standard syntax */
  width: 8px;
  margin-left: -1px;
  border-radius:0px;}

.n-list .mCustomScrollBox >.mCSB_scrollTools{
  width:0.5em;
  border-radius:0px;
}

.convo-cont .mCustomScrollBox > .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #aaa;
  /* For Firefox 3.6 to 15 */
  background:rgba(0,0,0,0.7);
  /* Standard syntax */
  width: 8px;
  margin-left: -1px;
  border-radius:0px;}

.convo-cont .mCustomScrollBox >.mCSB_scrollTools{
  width:0.5em;
  border-radius:0px;
  right:0;
  top:0;
}

  .convo-cont .mCS-light .mCSB_scrollTools_vertical .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.7); }

  .convo-cont .mCS-light .mCSB_scrollTools_vertical .mCSB_dragger:active .mCSB_dragger_bar,
  .convo-cont .mCS-light .mCSB_scrollTools_vertical .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.7); }

  .n-list .mCS-light .mCSB_scrollTools_vertical .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.7); }

  .n-list .mCS-light .mCSB_scrollTools_vertical .mCSB_dragger:active .mCSB_dragger_bar,
  .n-list .mCS-light .mCSB_scrollTools_vertical .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.7); }



.no-result{
  display: block;
  padding: 20px;
  text-align: center;
  width: 738px;
}

.dropd:disabled{
  background: #ebebe4;
  color: #9E9E9E;
}

.dropd option:first-child{
  color: #9E9E9E;
}
.dropd {
        /*for firefox*/
        -moz-appearance: none;
        /*for chrome*/
        -webkit-appearance:none;
      }

/*for IE10*/
.dropd::-ms-expand {
    display: none;
}

.add-elibrary .left textarea{
    max-width: 100%;
    min-width: 100%;
    max-height: 70px;    
    border: 1px solid #c3c3c3;
    padding: 5px; }
.libmove img {
    width: 22px;
    margin-top: -6px;
}

/* added Chris*/
.hover-mssg-list{
    position: absolute;
    z-index: 100;
    border: solid;
    background: #fff;
    border: 1px solid #ccc;
    overflow: auto;
    height: 250px;  
    width:570px;
    box-shadow: 0px 0px 10px #ccc;
    display:none;
}

.hover-mssg-list li h3{
  font-size:12px;
}

.hover-mssg-list:after {
  content: "";
  display: table;
  clear: both;  
}

.frm-p h3:after{
  content:"";
  position:absolute;
  width:0;
  height:0;
  border-right:10px solid transparent;
  border-left:10px solid transparent;
  border-bottom:10px solid #fff;
  bottom:-2px;
  left:10px;
  z-index: 206;
  visibility:hidden;
}

.frm-p h3:before{
  content:"";
  position:absolute;
  width:0;
  height:0;
  border-right:10px solid transparent;
  border-left:10px solid transparent;
  border-bottom:10px solid #ccc;
  bottom:0px;
  left:10px;
  z-index: 100;
  visibility:hidden;
}

.hover-mssg-list h3:after{
  content:"";
  border:none;
}
.hover-mssg-list h3:before{
  content:"";
  border:none;
}
.hover-mssg-list li{
    width:100%;
    margin-left:-4px;
    padding:5px 20px;
}

.hover-mssg-list ul li:nth-child(even){
  background: #E8E8E8;
}

.hover-mssg-list .delete-msg{
    float:right;
    font-size: 11px;
    top: -5px;
    margin-left: 10px;
    width: 30px;
    height: 30px;
    margin-top: 8px;
    line-height: 18px;
}
.mssg-list li:nth-child(even){
  background: #f7fcff;
}

.frm-p:hover h3:after{
  visibility:visible;
}
.frm-p:hover h3:before{
  visibility:visible;
}

.m-list-cont{
height:609px;}

  .convo-window .mssg-img, .convo-window .userm-name {
    height: 30px;
    vertical-align: middle; }
  .convo-window .mssg-img {
    width: 30px; }
      .messages-cont .userm-name {
        font-size: 12px;
        font-size: 0.750em; }
     .convo-window .msg {    
        font-size:12px;
        font-size:0.750em;
        margin:5px 0px;}

  .mssg-d p {
    font-size: 12px;
    font-size: 0.750rem;
    height: 20px; }
    
  .messages-cont .m-time {
    font-size: 10px;
    font-size: 0.625rem;}

    .mssg-list .mssg-img {
    width: 35px;
    height: 35px;
    margin-top:5px; }

    .mssg-list li a {
        padding:10px 0px 10px 20px; }
        .shared-withme td:nth-child(2), .shared-byme td:nth-child(2), .pending td:nth-child(2), .saved-file td:nth-child(2){
          text-align:center;
        }
        .shared-withme td, .shared-byme td, .pending td, .saved-file td{
          text-align:center;
        }
        .mentor td:nth-child(4){
          text-align:center;
        }

  .shared-withme td:first-child a, .shared-byme td:first-child a, .pending td:first-child a, .saved-file td:first-child a {
    width:170px;
    display:inline-block;
    vertical-align:middle; }

  .elib-row .dropd, .elib .dropd{
    padding-left:10px; }

  /*4-22-16-*/
  .t-tag{
    background: url(../images/icon-filetype.png) 0 0 no-repeat;
    background-position: 0 -24px; }
    .e-content .btn-save{
    margin:2px;
  }
  .mentor .shared-withme td:last-child, .mentor .saved-file td:last-child{
    width:210px;
  }

  .pending td:last-child{
    width:180px;
  }



  .elibrary-search .search-button {
    padding: 5px 8px;
    vertical-align: middle;
    border: none;
    margin-left: -68px;
    color: #fff;
    background: #005B88;
}

.elibrary-search .dropd{
padding:0;
}

.dropd-cont .dropd{
  font-size:13px;
  padding-left:5px;
}

.desc-area .btn-create-ftopic{
  margin-top:-21px;
margin-right:45px;
float:right;
}

.desc-area h2{
text-align:left;
margin-left:-98px;
font-size:18px;}

.desc-area p{
margin-left:-98px;}



.e-library-head h3{
font-size:25px;}

.e-library-head h3 .cncl{
display:block;
margin:10px 0px;
font-size:15px;}

.elib-upload .orange {
 color: #ffaf39;
 font-size:1.25rem;
 font-weight:bold;
}

.article{
line-height: 25px; 
font-weight: 300;
font-size: 0.875rem;
}

.article > ol {
   padding-left: 20px;
}

.article > ol li {
margin-top: 5px;
}


.article > ol > li > ul {
    padding-left: 45px;
}
  
.article > ol > li > ul > li > ul {
    padding-left: 45px;
}


.article-preview{
  font-weight: 300;
    font-size: 0.875rem;
}

.article-preview > ol {
  padding-left:20px;
}

.article-preview > ul {
  padding-left:20px;
}

.popupcenter .sub-elib1{
  position: relative;
  height: auto;
}

.inner .news p{
  margin: 5px 0 0;
}


/* 10/20/2017 */
.highlight-title{
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.footer .fa-ul{
  margin-top: 0;
}

.footer .about-cont{
  display: inline-block;
  vertical-align: middle;
}

.footer .img-holder{
  max-width: 120px;
  padding-top: 5px;
  display: inline-block;
  vertical-align: middle;
}

.director-name {
  padding-left: 10px;
}

.contact-cont{
  /* padding-top: 10px; */
}

.testim-cont{
  font-style: normal;
}

.testim-name{
  font-style: normal;
  color: #f3cb2b;
}


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