@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
/* structure overrides  */
html,
body {
  height: 100%;
  box-sizing:border-box;
}

body.page-user-edit {
  height: 100%;
}
body {
  min-width: 320px;
}
.uk-navbar-content,
.uk-navbar-brand,
.uk-navbar-toggle {
  height: 50px;
  padding-left: 0;
  padding-right: 0;
}
.uk-navbar-content:before,
.uk-navbar-brand:before,
.uk-navbar-toggle:before {
  content: none;
}
.uk-nav-offcanvas > .uk-open > a,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
  background: #3a7189;
  color: #fff;
  outline: none;
}
.drop_20 {
  margin-top: 20px;
}
*:focus {
  outline: 0;
}
a:hover {
  color: #3a7189;
}

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

@media (min-width: 1220px) {
  .uk-container {
    max-width: 1200px;
    padding: 0 30px;
}}
  @media (max-width: 600px) {
    .uk-container {
      padding: 0 10px;
}}
    .uk-navbar-nav > li > a[href='#'] {
      cursor: pointer;
}
    .uk-margin-large-bottom {
      margin-bottom: 70px !important;
}
    .uk-margin-top {
      margin-top: 40px !important;
}

    .uk-grid + .uk-grid,
    .uk-grid-margin,
    .uk-grid > * > .uk-panel + .uk-panel {
      margin-top: 20px;
}

    .uk-container {
      box-sizing: border-box;
      padding: 0 20px;
}



/* Tolley specifics */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    a,
    li,
    label,
    html,
    select,
    option {
      font-family: 'Rubik', sans-serif;
      color: #000;
}
    h4 {
      font-size: 12px;
      color: #000;
      text-transform: uppercase;
}
    .top_strip {
      height: 50px;
      width: 100%;
      margin-bottom: 20px;
      position: relative;
      direction: rtl;
}
    h2 {
      font-size: 28px;
      margin-bottom: 30px;
}
    p {
      line-height: 1.7em;
}
    a:hover {
      text-decoration: none;
}
    .news_feeds h2 {
      font-size: 22px;
      margin-top: 20px;
      margin-bottom: 30px;
}

    em {
      color: #e20613;
}

    .user_edit {
      position: absolute;
      top: 2px;
      right: 0;
      text-align: right;
      position: absolute;
      font-size: 14px;
}

    .button {
      background: #3a7189;
      border-radius: 3px;
      box-shadow: inset 0 -3px 0 0 #234554;
      /*padding: 7px 10px 10px 25px;*/
      color: #fff;
      font-size: 16px;
      display: inline-block;
      position: relative;
      transition-duration: 0.6s;
      text-decoration: none;
}
    .button:hover {
      box-shadow: inset 0 -100px 0 0 #234554;
      color: #fff;
      text-decoration: none;
}

    #offcanvas .button:before {
      content: none;
}

    .form-item-name {
      margin-bottom: 10px;
}
    .form-item-name .description {
      display: none;
}

    .form-item-pass {
      margin-bottom: 20px;
}
    .form-item-pass .description {
      display: none;
}
    .form-item-pass label,
    .form-item-name label {
      width: auto;
      display: inline-block;
      margin-bottom: 10px;
}
    .form-item-pass input,
    .form-item-name input {
      font-size: 15px;
      color: #000;
      background: #eee;
      padding: 5px 10px;
      border: 0;
      height: 30px;
      box-sizing: border-box;
}

    input.form-submit[type=submit] {
      margin-left: 20px;
      font-family: 'Rubik', sans-serif;
      border: 0;
      background: #3a7189;
      border-radius: 3px;
      box-shadow: inset 0 -3px 0 0 #234554;
    /*  padding: 7px 10px 10px 10px;*/
      color: #fff;
      font-size: 16px;
      display: inline-block;
      position: relative;
      transition-duration: 0.6s;
      cursor: pointer;
}
    input.form-submit[type=submit]:hover {
      box-shadow: inset 0 -100px 0 0 #234554;
      color: #fff;
      text-decoration: none;
}

    .page-user-login input.form-submit[type=submit] {
      margin-left: 102px;
}

    @media (max-width: 768px) {
      input.form-submit[type=submit] {
        margin-left: 8px;
}
      .form-item-pass input,
      .form-item-name input {
        width: 100%;
}
}
    .blue_line {
      /* border-left: 1px solid #3a7189; */
}
    .rel {
      position: relative;
}
    .float_left {
      float: left;
}
    .float_left {
      float: left;
}
    .float_right {
      float: right;
}
    a {
      transition-duration: 0.3s;
}
    .uk-navbar {
      border: 1px solid #3a7189;
      background: #f9f9f9;
      border-left: 0;
}
    .uk-navbar-nav > li {
      position: static;
}
    .uk-nav > li > a {
      font-family: 'Rubik', sans-serif;
      color: #000;
      font-size: 15px;
      padding: 5px 10px;
}
    .uk-navbar-nav > li > a {
      height: 50px;
      min-height: 50px;
      line-height: 50px;
      font-family: 'Rubik', sans-serif;
      color: #000;
      font-size: 15px;
}
    .uk-navbar-nav > li:hover > a,
    .uk-navbar-nav > li > a:focus,
    .uk-navbar-nav > li.uk-open > a {
      background-color: #3a7189;
      color: #fff;
}
    .uk-navbar-nav > li.uk-active > a {
      background-color: #3a7189;
      color: #fff;
}
    .uk-nav-dropdown > li > a:hover,
    .uk-nav-dropdown > li > a:focus {
      background: #3a7189;
}
    .uk-navbar-nav i {
      margin-right: 4px;
}
    .flip i {
      margin-right: 0px;
      margin-left: 4px;
}
    .uk-navbar-nav > li.flip > a {
      background-color: #3a7189;
      color: #fff;
      border-left: 1px solid #3a7189;
}
    .uk-navbar-nav > li.flip > a:hover {
      background-color: #f9f9f9;
      color: #000;
}
    .uk-dropdown-width-100 {
      width: 100%;
      position: absolute;
}
    .uk-dropdown-grid {
      padding: 10px;
}
    .uk-dropdown-bottom {
      margin-top: 1px;
      border: 1px solid #3a7189;
      border-top: 0;
}
    .uk-nav-dropdown .uk-nav-header {
      color: #3a7189;
      font-weight: 400;
      font-size: 14px;
      letter-spacing: 0px;
      margin-bottom: 10px;
      padding: 5px 10px;
}
    .uk-dropdown-grid li {
      margin-bottom: 3px;
}
    .uk-navbar-toggle {
      line-height: 50px;
      border-left: 1px solid #3a7189;
      padding-left: 10px;
      font-size: 16px;
      padding-right: 20px;
      min-height:50px;
      font-family: 'Rubik', sans-serif;
      color:#000;
}
    .uk-navbar-toggle:hover {
      color: #fff;
      background: #3a7189;
}
    .uk-navbar-toggle:after {
      content: none;
}
    .uk-navbar-toggle:before {
      content: "\f0c9";
      font-family: FontAwesome;
      vertical-align: middle;
      font-size: 24px;
      margin-left: 5px;
      margin-right: 13px;
      float: left;
}
    .uk-overlay-background {
      background: rgba(255, 255, 255, 0.5);
      padding: 25px;
      border: 20px solid rgba(255, 255, 255, 0.3);
      border-radius: 20px;
      max-width: 50%;
}
    .uk-slideshow h3 {
      font-weight: 700;
      font-size: 48px;
      color: #000;
      margin-bottom: 20px;
      line-height: 48px;
}
    .uk-slideshow p {
      font-size: 16px;
      color: #000;
      line-height: 22px;
}
    .uk-slidenav-previous:before {
      content: "\f053";
      font-family: FontAwesome;
      font-size: 72px;
}
    .uk-slidenav-next:before {
      content: "\f054";
      font-family: FontAwesome;
      font-size: 72px;
}
    .uk-slideshow,
    .uk-slideshow li {
      min-height: 500px !important;
}
    .slide_buttons {
      padding-top: 20px;
      padding-bottom: 0px;
}
    .slide_buttons a {
      margin: 10px;
      font-size: 22px;
      padding-top: 7px;
}
    .red_button {
      background-color: #ed1c24;
      box-shadow: inset 0 -3px 0 0 #be161d;
      padding: 5px 10px 5px 10px;
      border:0;
}
    .red_button:hover, .red_button:focus {
    	background-color: #ed1c24;
      box-shadow: inset 0 -100px 0 0 #be161d;
      color:#fff;
}
    .player_box {
      margin-bottom: 30px !important;
}
    .video_player,
    .audio_player {
      background: #3a7189;
      position: relative;
      padding: 20px;
      max-width: 100% !important;
      width: 100%!important;
      box-sizing: border-box;
      min-height: 200px;
      border-radius: 5px;
      border-top-left-radius: 0px;
}
    .location_map {
      background: #3a7189;
      position: relative;
      padding: 20px;
      max-width: 100% !important;
      width: 100%!important;
      box-sizing: border-box;
      border-radius: 5px;
}
    .location_holder {
      background: #fff;
      min-height: 300px;
      width: 100%;
}
    .map_placeholder h4 {
      padding-top: 200px;
      text-align: center;
      margin-bottom: 0;
}
    .map_placeholder:before {
      content: '\f278';
      font-family: FontAwesome;
      color: #3a7189;
      font-size: 72px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -40px;
      margin-top: -10px;
}
    .quiz_box {
      border: 20px solid #3a7189;
      padding: 20px;
      background: #fff;
      box-sizing: border-box;
}
    .quiz_box .form-type-radios {
      margin-top: 30px;
}
    .quiz_box table {
      margin-top: 10px;
      margin-bottom: 30px;
}
    .quiz_box .form-type-radio {
      padding-top: 6px;
}
    .quiz_box label {
      font-size: 12px;
      color: #4d4d4d;
      text-transform: uppercase;
      margin-bottom: 0px;
      margin-top: 20px;
}
    .question_type_name {
      display: none;
}
    .quiz_box  td p {
      padding-top: 0px;
      margin-bottom: 0;
}
    .quiz_box td {
      padding-top: 0px;
      padding-bottom: 0;
}
    @media (max-width: 1000px) {
      .uk-overlay-background {
        padding: 20px;
        max-width: 75%;
}.video_player,
      .audio_player,
      .location_map {
        padding: 10px;
}}
      @media (max-width: 650px) {
        .uk-slideshow h3 {
          font-size: 32px;
          color: #000;
          margin-bottom: 10px;
          line-height: 40px;
}
        .uk-overlay-background {
          border: 10px solid rgba(255, 255, 255, 0.3);
          padding: 10px;
}
        .slide_buttons a {
          margin: 5px;
          font-size: 18px;
          padding-top: 3px;
}
}
      @media (max-width: 480px) {
        .slide_buttons {
          padding-top: 0;
}
        .slide_buttons a {
          display: block;
          margin: 10px;
}
        .uk-overlay-background {
          padding: 10px;
          max-width: 85%;
}
        .uk-overlay-panel {
          padding: 10px;
}
        .uk-container {
          padding: 0 10px;
}
}
      .uk-slidenav-position .uk-slidenav-previous {
        left: 30px;
}
      .uk-slidenav-position .uk-slidenav-next {
        right: 30px;
}
      .closeblock-processed {
        background: #e6daa6;
        padding: 12px 100px 1px 20px;
        border-radius: 5px;
        border-top: 5px solid #3a7189;
        margin-top: 10px;
        position: relative;
}
      .closeblock-processed:before {
        content: '';
        display: block;
        width: 122px;
        height: 20px;
        background-image: url('../images/up_wide.png');
        background-repeat: no-repeat;
        top: -20px;
        left: 10%;
        position: absolute;
}
      .closeblock-processed .closeblock {
        transition: all ease 0.6s;
        position: absolute;
        right: 6px;
        top: 5px;
        background: #3a7189;
        border-radius: 3px;
        box-shadow: inset 0 -3px 0 0 #234554;
        padding: 7px 10px 8px 10px;
        color: #fff;
        cursor: pointer;
        padding-left: 32px;
}
      .closeblock-processed .closeblock:hover {
        box-shadow: inset 0 -100px 0 0 #234554;
}
      .closeblock-processed p {
        margin-bottom: 9px;
}
      .closeblock-processed .closeblock span {
        text-transform: capitalize;
}
      .closeblock-processed .closeblock span:before {
        content: "\f057";
        font-family: FontAwesome;
        font-size: 22px;
        position: absolute;
        top: 6px;
        left: 6px;
}
      .subscribe {
        padding-top: 40px;
        padding-bottom: 70px;
}
      .subscribe h2 {
        margin-bottom: 20px;
}
      .subscribe  img {
        padding-right: 10px;
}
      .subscribe a.button {
        margin-top: 0px !important;
}
/*.subscribe a:hover{text-decoration:none;color:#fff;}*/
      .news_feeds a:hover {
        text-decoration: none;
}
      .nomargin {
        margin-top: 0 !important;
}
      .latest_seminars h3 {
        font-size: 20px;
        margin-top: 0;
        margin-bottom: 25px;
}
      .latest_seminars h4 {
        font-size: 12px;
        color: #4d4d4d;
        text-transform: uppercase;
        margin-bottom: 10px;
}
      .uk-offcanvas {
        background: rgba(0, 0, 0, 0.4);
}
      .grey_bar {
        width: 100%;
        background: #f9f9f9;
}
      .blue_bar {
        width: 100%;
        background: #a3c7d1;
        background: #e0ecef;
}
      .sand_bar {
        width: 100%;
        background: #e6daa6;
}
      .border_box_dark_blue {
        border: 20px solid #3a7189;
        border-radius: 5px;
}
      .border_box_blue {
        border: 20px solid #a3c7d1;
        padding: 20px;
        border-radius: 5px;
}
      .border_box_sand {
        border: 20px solid #e6daa6;
        padding: 20px;
        border-radius: 5px;
}
      @media (min-width: 768px) {
        .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
          border-left: 0px;
}}
        .search {
          float: right;
          width: 240px;
          height: 50px;
}
        .search-mobile {
          position: absolute;
          top: 0px;
          right: 0px;
}
        .search input {
          height: 50px;
          float: left;
}
        .search input.search-field {
          font-size: 15px;
          font-style: italic;
          color: #b3b3b3;
          background: #f9f9f9;
          width: 150px;
          padding: 5px 20px;
          border: 0;
          height: 40px;
}
        .clr {
          clear: both;
}

        .footer {
          margin-top: 0px;
          background: #e9e9ea;
}
        .footer .uk-grid > * {
          padding-left: 0px;
}
        .footer .uk-container {
          padding: 0;
}
        .footer-topline {
          border-top: 1px solid #e9e9ea;
          background: #fff;
          height: 1px;
          width: 100%;
}
        .uk-nav-parent-icon > .uk-parent > a:after {
          content: '\f0da';
          width: 20px;
          margin-left: -20px;
          float: left;
          font-family: FontAwesome;
          text-align: center;
          line-height: 24px;
}
        .uk-nav-parent-icon > .uk-parent.uk-open > a:after {
          content: "\f0d7";
}

        .relx_right {
          position: absolute;
          right: 10px;
          top: 0px;
}
        .relx_right a {
          font-size: 13px;
}
        .footer-logo {
          margin-top: -5px;
}
        .footer-links {
          line-height: 49px;
          min-height: 49px;
}
        .footer-links-mobile {
          min-height: 36px;
}
        .footer-links-mobile .relx_right {
          line-height: 36px;
}
        .footer-links ul {
          margin: 0;
          margin-left: 15px;
}
        .footer-links li {
          float: left;
          margin-right: 5px;
          list-style-type: none;
          font-size: 12px;
          color: #373739;
          text-shadow: 1px 1px #fff;
}
        .footer-links li a {
          padding-left: 10px;
          padding-right: 10px;
          font-size: 12px;
          color: #373739;
          text-shadow: 1px 1px #fff;
          display: block;
}
        .footer-links li a:hover {
          background: #d9d9d9;
          text-decoration: none;
          color: #373739;
}
        .footer-links li a.nocol:hover {
          background: none;
}
        .footer-links li a:active {
          background: #525355;
          color: #fff;
          text-decoration: none;
          color: #fff;
}
        .footer-links-mobile .uk-nav-sub li a {
          padding-left: 42px;
          line-height: 24px;
}
        .footer-links-mobile .uk-nav-sub li a:hover {
          background: #d9d9d9;
          text-decoration: none;
          color: #373739;
}
        .footer-links-mobile .uk-nav-sub li a:active {
          background: #525355;
          color: #fff;
          text-decoration: none;
}
        .footer-links-mobile .uk-parent a {
          padding-left: 52px;
}
        .footer-links-mobile .rights {
          padding-left: 10px;
          padding-top:30px;
}

        .uk-nav-offcanvas .button {
          margin: 10px;
          font-size: 18px;
          color: #fff;
}
        #offcanvas .uk-nav-parent-icon > .uk-parent > a:after {
          margin-left: -5px;
          margin-right: 5px;
}
        .uk-offcanvas .uk-panel {
          margin: 0;
}
        #offcanvas .uk-nav ul {
          padding-left: 0px;
          margin-bottom: 15px;
}
        #offcanvas .uk-nav ul li {
          padding-left: 0px;
}
        #offcanvas .uk-nav-dropdown .uk-nav-header {
          color: #e6daa6;
          padding-left: 10px;
          margin-top: 10px;
}
        #offcanvas hr {
          margin-right: 10px;
          margin-left: 10px;
          border-top: 1px solid #3a7189;
          margin-bottom: 15px;
}
        .offcanvas-logo {
          margin-top: 10px;
          margin-left: 10px;
          margin-bottom: 30px;
}
        .offcanvas-logo a {
          display: block;
}
        #offcanvas .uk-nav > li > a {
          padding: 5px 10px 8px 10px;
}

        #support h2 {
          margin-top: 20px;
          font-size: 22px;
          color: #fff;
}
        #support .cpd-content {
          margin-left: 10px;
          margin-right: 10px;
          padding-top: 80px;
}
        #support .cpd-content p {
          color: #fff;
          line-height: 1.7em;
}
        #support hr {
          border-top: 1px solid #3a7189;
          margin-bottom: 25px;
          margin-top: 20px;
}
        #support .button {
          margin-top: 20px;
              border: none;
}
        #support h4 {
          color: #e6daa6;
          margin-top: 30px;
          text-transform: uppercase;
          font-size: 14px;
}
        #support  a {
          color: #fff;
}
        #support  a:hover {
          color: #a3c7d1;
          text-decoration: none;
}
        #support img {
          margin-right: 10px;
}

        .button_tolley_seminars {
          margin-bottom: 10px;
          font-size: 14px;
          display: block;
          background: #4d4d4d;
          box-shadow: inset 0 -3px 0 0 #000;
}
        .button_tolley_seminars:hover {
          box-shadow: inset 0 -100px 0 0 #000;
}

        .button_tolley_tax_tutor {
          margin-bottom: 10px;
          font-size: 14px;
          display: block;
          background: #4d4d4d;
          box-shadow: inset 0 -3px 0 0 #be161d;
}
        .button_tolley_tax_tutor:hover {
          box-shadow: inset 0 -100px 0 0 #be161d;
}

        .button_tolley_vat_update {
          margin-bottom: 10px;
          font-size: 14px;
          display: block;
          background: #4d4d4d;
          box-shadow: inset 0 -3px 0 0 #fff;
}
        .button_tolley_vat_update:hover {
          box-shadow: inset 0 -100px 0 0 #fff;
          color: #000;
          background: #f9f9f9;
}

        .latest_seminars {
          padding-bottom: 30px;
}
        .latest_buttons {
          margin-top: 30px;
}
        .latest_buttons a {
          position: relative;
          padding-left: 25px;
}

        .home_slider li {
          min-height: 420px;
}

        .no_arrow {
          padding-left: 10px;
}
        .no_arrow:before {
          content: none;
}

        .mugshot img {
          max-width: 100%;
          margin: 0 auto;
          display: block;
}
        .latest_seminars .mugshot img {
          max-width: 200px;
}


        .pad_arrow {
          padding-right: 60px;
}
        .latest_seminars .pad_arrow {
          padding-right: 0;
}
        @media (max-width: 959px) {
          .pad_arrow {
            padding-left: 30px;
            padding-right: 30px;
}
          .uk-slidenav {
            width: 25px;
            height: 25px;
            line-height: 25px;
            font-size: 25px;
}
          .uk-slidenav-position .uk-slidenav-previous {
            left: 3px;
}
}
        video {
          visibility: hidden;
}
        .player_match {
          width: 100%;
}
        .mejs-container {
          height: 100% !important;
}
        .button-Tolley-Tax-Tutor {
          margin-bottom: 10px;
          font-size: 14px;
          display: block;
          background: #4d4d4d;
          box-shadow: inset 0 -3px 0 0 #be161d;
          padding-left: 40px;
}
        .button-Tolley-Tax-Tutor:hover {
          box-shadow: inset 0 -100px 0 0 #be161d;
}
        .button-Tolley-Tax-Tutor:before {
          background: #be161d;
          content: "\f04b";
          font-size: 12px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -13px;
          width: 13px;
          height: 20px;
          border: 1px solid white;
          padding-left: 7px;
          border-radius: 50%;
}
        .button-Tolley-VAT-Update {
          margin-bottom: 10px;
          font-size: 14px;
          display: block;
          background: #4d4d4d;
          box-shadow: inset 0 -3px 0 0 #f9f9f9;
          padding-left: 40px;
}
        .button-Tolley-VAT-Update:hover {
          background: #f9f9f9;
          box-shadow: inset 0 -100px 0 0 #f9f9f9;
          color: #000;
}
        .button-Tolley-VAT-Update:before {
          background: #000;
          color: #fff;
          content: "\f04b";
          font-size: 12px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -13px;
          width: 13px;
          height: 20px;
          border: 1px solid white;
          padding-left: 7px;
          border-radius: 50%;
}
        .button-Tolley-Seminars {
          margin-bottom: 10px;
          font-size: 14px;
          display: block;
          background: #4d4d4d;
          box-shadow: inset 0 -3px 0 0 #000;
          padding-left: 40px;
}
        .button-Tolley-Seminars:hover {
          box-shadow: inset 0 -100px 0 0 #000;
}
        .button-Tolley-Seminars:before {
          background: #000;
          content: "\f04b";
          font-size: 12px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -13px;
          width: 13px;
          height: 20px;
          border: 1px solid white;
          padding-left: 7px;
          border-radius: 50%;
}
        .button-Tolley-Webinars {
          margin-bottom: 10px;
          font-size: 14px;
          display: block;
          background: #4d4d4d;
          box-shadow: inset 0 -3px 0 0 #000;
          padding-left: 40px;
}
        .button-Tolley-Webinars:hover {
          box-shadow: inset 0 -100px 0 0 #000;
}
        .button-Tolley-Webinars:before {
          background: #000;
          content: "\f04b";
          font-size: 12px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -13px;
          width: 13px;
          height: 20px;
          border: 1px solid white;
          padding-left: 7px;
          border-radius: 50%;
}
        .split-title {
          border-left: 3px solid #e20613;
          padding-left: 10px;
          margin-top: 40px;
}
        .split-title h1 {
          color: #000;
          font-size: 20px;
          margin: 0;
          line-height: 22px;
          margin-bottom: 6px;
}
        .split-title h2 {
          color: #beb58b;
          margin: 0;
          font-size: 20px;
          line-height: 22px;
}
        h2 .field {
          display: inline-block;
}
        .resource-heading {
          clear: both;
}
        .resource-icon {
          float: left;
}
        .split-resource-title {
          float: left;
          padding-left: 10px;
}
        .split-resource-title h3 {
          margin: 0;
          font-size: 16px;
          line-height: 18px;
          margin-bottom: 2px;
}
        .split-resource-title h3.sub {
          color: #beb58b;
}
        .button-download:before {
          content: "\f019";
          font-size: 17px;
          padding-left: 2px;
          width: 18px;
}
        .resource-single {
          margin-bottom: 50px;
}
        .uk-alert ul {
          padding: 0px 10px 0 20px;
          margin: 0px 10px;
}
        .uk-alert li {
          color: inherit;
}
        #highlighted {
          display: none;
}
        .region-highlighted .block {
          margin-top: 25px;
}
        .drop_30 {
          margin-bottom: 20px;
}
        #breadcrumbs ul {
          margin-top: 20px;
}
        .uk-breadcrumb > li:nth-child(n+2):before {
          content: ">";
          font-size: 14px;
          color: #b3b3b3;
}
        .uk-breadcrumb > li {
          color: #b3b3b3;
          line-height: 24px;
}
        .uk-breadcrumb > li > a {
          color: #b3b3b3;
}
        .uk-breadcrumb > li > a:hover {
          text-decoration: none;
          color: #3a7189;
}
        .view-content .content {
          margin-bottom: 40px;
}
        .wrapper {
          min-height: 100%;
          position: relative;
}
        .footer {
          position: absolute;
          width: 100%;
          bottom: 0;
          left: 0;
}
        .pad_footer {
          padding-bottom: 51px;
}
        .uk-tab {
          border-bottom: 0;
}
        .uk-tab li {
          background: #f9f9f9;
          border-color: transparent;
          border-top: 5px solid #e6e6e6;
}
        .uk-tab li a {
          border: 0;
          color: #000;
}
        .uk-tab .uk-active {
          background: #3a7189;
          border-top: 5px solid #e6daa6;
}
        .uk-tab > li.uk-active > a {
          background: none;
          color: #fff;
}
        .switcher_button {
          background: #f9f9f9;
          border: 0;
          border-top: 5px solid #e6e6e6;
          float: left;
          margin-right: 2px;
}
        .switcher_button a {
          border: 0;
          color: #000;
          display: block;
          padding: 8px 12px 8px 12px;
}
        .switcher_button a:hover {
          text-decoration: none;
}
        .switcher_button.uk-active {
          background: #3a7189;
          border-top: 5px solid #e6daa6;
}
        .switcher_button.uk-active > a {
          background: none;
          color: #fff;
}
        .switcher_button a.video_button {
          padding-left: 40px;
          position: relative;
}
        .switcher_button a.video_button:before {
          content: "\f04b";
          font-family: FontAwesome;
          font-size: 12px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -11px;
          width: 13px;
          height: 20px;
          border: 1px solid #000;
          padding-left: 7px;
          border-radius: 50%;
}
        .switcher_button a.audio_button {
          padding-left: 40px;
          position: relative;
}
        .switcher_button a.audio_button:before {
          content: "\f028";
          font-family: FontAwesome;
          font-size: 12px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -11px;
          width: 15px;
          height: 20px;
          border: 1px solid #000;
          padding-left: 5px;
          border-radius: 50%;
}
        .switcher_button a.quiz_button {
          padding-left: 40px;
          position: relative;
}
        .switcher_button a.quiz_button:before {
          content: "\f128";
          font-family: FontAwesome;
          font-size: 12px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -11px;
          width: 13px;
          height: 20px;
          border: 1px solid #000;
          padding-left: 7px;
          border-radius: 50%;
}
        .switcher_button.uk-active > a.video_button:before {
          border: 1px solid #fff;
          color: #fff;
}
        .switcher_button.uk-active > a.audio_button:before {
          border: 1px solid #fff;
          color: #fff;
}
        .switcher_button.uk-active > a.quiz_button:before {
          border: 1px solid #fff;
          color: #fff;
}
        .switcher_button > a:hover,
        .switcher_button > a:focus {
          color: #000;
          outline: none;
}
        .switcher_button.uk-active > a,
        .switcher_button.uk-active > a:hover {
          color: #fff;
}
        .lecturer_list .views-field-body {
          margin-bottom: 70px;
}
        .uk-modal-dialog {
          padding: 10px;
          background: #3a7189;
}
        .uk-modal-dialog > .uk-close:first-child {
          margin: -15px -15px 0 0;
          float: right;
          font-size: 20px;
          padding: 0;
          padding-top: 2px;
          padding-left: 1px;
          color: #3a7189;
          height: 23px;
          width: 24px;
}
        .uk-modal-dialog .subscribe {
          padding-top: 20px;
          padding-bottom: 20px;
}
        .page-user .uk-modal-dialog {
          padding: 10px;
          background: #efefef;
}
        .page-user .uk-modal-dialog > .uk-close:first-child {
          margin: -15px -15px 0 0;
          float: right;
          font-size: 20px;
          padding: 0;
          padding-top: 2px;
          padding-left: 1px;
          color: #3a7189;
          height: 23px;
          width: 24px;
}
        .page-user .uk-modal-dialog .info {
          padding: 20px;
          padding-bottom: 20px 20px 0 20px;
          background: white;
}
        .right_align {
          text-align: right;
}
        .left_align {
          text-align: left;
}
        .user_strip {
          padding: 3px 0 5px 0;
}
        .user_strip .button {
          line-height: 18px;
          font-size: 14px;
          padding: 3px 8px 5px 8px;
          margin-left: 5px;
}
        .user_strip a.your_account {
          margin-left: 10px;
          position: relative;
          padding-left: 20px;
}
        .user_strip a.your_account i {
          font-size: 16px;
          padding-top: 2px;
          padding-right: 5px;
          line-height: 21px;
}
        .user_strip a.your_account:hover {
          text-decoration: none;
}
        .user_strip a.sign_out {
          margin-left: 10px;
          position: relative;
          padding-right: 0px;
          white-space: nowrap;
}
        .user_strip a.sign_out i {
          font-size: 16px;
          line-height: 21px;
          padding-left: 5px;
          vertical-align: bottom;
}
        .user_strip a.sign_out:hover {
          text-decoration: none;
}
        .uk-pagination {
          margin-top: 70px;
}
        .uk-pagination > .uk-active > span {
          background: #3a7189;
}
        .mejs-overlay-play {
          background: #3a7189;
}
        .mejs-overlay-loading {
          background: none;
}
        .audio_player .mejs-container {
          height: 100% !important;
}
        .audio_player .mejs-controls {
          visibility: visible !important;
          z-index: 2;
}
        .mejs-controls .mejs-time-rail .mejs-time-loaded {
          background: #3a7189;
}
        .mejs-container .mejs-controls .mejs-faster-button {
          width: 20px;
}
        .mejs-container .mejs-controls .mejs-slower-button {
          width: 18px;
}
        .mejs-faster-button button {
          border: 0;
          margin-top: 8px;
          padding-top: 1px;
          width: 15px;
          height: 15px;
          text-align: center;
          cursor: pointer;
          padding-left: 4px;
}
        .mejs-slower-button button {
          border: 0;
          margin-top: 8px;
          padding-top: 0px;
          width: 15px;
          height: 15px;
          text-align: center;
          cursor: pointer;
          padding-left: 5px;
}
        .mejs-container .mejs-controls .display-playback-speed {
          padding-top: 10px;
          color: white;
          width: 35px;
          text-align: right;
          margin-right: 5px;
}
        .mejs-container .mejs-controls {
          visibility: hidden;
}
        .mejs-container:hover .mejs-controls {
          visibility: visible;
}
        .mejs-container {
          background: #3a7189;
          max-width: 100%;
          overflow: hidden;
}
        .flashcontrol-placeholder,
        .me-plugin {
          max-width: 100%;
          max-height: 100%;
          overflow: hidden;
}
        a.fill {
          display: block;
          width: 100%;
          height: 100%;
}
        .grey_bg {
          background: #f9f9f9;
}
        .login_box {
          padding: 10px;
          direction: rtl;
}
        .login_box .logo {
          margin: 0 auto;
          text-align: center;
          margin-bottom: 10px;
          margin-top: 10px;
}
        .login_box .label {
          position: absolute;
          top: 0;
          left: 0;
          width: 100px;
          padding-top: 3px;
}
        .login_box .forgotten {
          margin-top: 20px;
}
        .login_box .forgotten a:hover {
          text-decoration: none;
}
        .login_box .label p {
          padding: 0;
}
        .login_box .row {
          padding-left: 100px;
          position: relative;
          float: left;
          padding-right: 20px;
          margin-top: 15px;
}
        .login_box .input {
          width: 100%;
}
        .login_box form {
          max-width: 500px;
          margin: 0 auto;
}
        .login_box .input input {
          width: 100%;
          font-size: 15px;
          color: #000;
          background: #eee;
          padding: 5px 10px;
          border: 0;
          height: 20px;
}
        .login_box input[type=submit] {
          margin-left: 0;
         font-family: 'Rubik', sans-serif;
          border: 0;
          background: #3a7189;
          border-radius: 3px;
          box-shadow: inset 0 -3px 0 0 #234554;
          padding: 7px 10px 10px 10px;
          color: #fff;
          font-size: 16px;
          display: inline-block;
          position: relative;
          transition-duration: 0.6s;
          cursor: pointer;
}
        .login_box input:hover[type=submit] {
          box-shadow: inset 0 -100px 0 0 #234554;
          color: #fff;
          text-decoration: none;
}
        .subscribe .login_box {
          padding: 0;
          margin-top: -10px;
}
        .subscribe .login_box form {
          max-width: 100%;
          margin: 0 auto;
}
        .subscribe .login_box input {
          background: #fff;
}
        .subscribe .login_box input[type=submit] {
          background: #3a7189;
}
        span.lecturer {
          white-space: nowrap;
}
        .fix_line {
          margin-bottom: 20px;
}
        .fix_line li {
          line-height: 1.9em;
}
        .fix_line li ul {
          margin-bottom: 15px;
}
        input:-webkit-autofill,
        textarea:-webkit-autofill,
        select:-webkit-autofill {
          background-color: #a3c7d1;
}
        .flash_wrapper {
          padding-bottom: 67%;
          position: relative;
}
        .flash_holder {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
}
        .uk-modal .flash_wrapper,
        .uk-modal .flash_holder {
          z-index: -1;
}
        .uk-tab > li > a.video_button {
          padding-left: 40px;
          position: relative;
}
        .uk-tab > li > a.video_button:before {
          content: "\f04b";
          font-family: FontAwesome;
          font-size: 12px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -11px;
          width: 13px;
          height: 20px;
          border: 1px solid #000;
          padding-left: 7px;
          border-radius: 50%;
}
        .uk-tab > li > a.audio_button {
          padding-left: 40px;
          position: relative;
}
        .uk-tab > li > a.audio_button:before {
          content: "\f028";
          font-family: FontAwesome;
          font-size: 12px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -11px;
          width: 15px;
          height: 20px;
          border: 1px solid #000;
          padding-left: 5px;
          border-radius: 50%;
}
        .uk-tab > li > a.quiz_button {
          padding-left: 40px;
          position: relative;
}
        .uk-tab > li > a.quiz_button:before {
          content: "\f128";
          font-family: FontAwesome;
          font-size: 12px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -11px;
          width: 13px;
          height: 20px;
          border: 1px solid #000;
          padding-left: 7px;
          border-radius: 50%;
}
        .uk-tab > li.uk-active > a.video_button:before {
          border: 1px solid #fff;
          color: #fff;
}
        .uk-tab > li.uk-active > a.audio_button:before {
          border: 1px solid #fff;
          color: #fff;
}
        .uk-tab > li.uk-active > a.quiz_button:before {
          border: 1px solid #fff;
          color: #fff;
}
        .uk-tab > li > a:hover,
        .uk-tab > li > a:focus {
          color: #000;
          outline: none;
}
        .uk-tab > li.uk-active > a,
        .uk-tab > li.uk-active > a:hover {
          color: #fff;
}
        .seminar_lower h3 {
          font-size: 22px;
}
        .keywords div {
          float: left;
          margin-right: 20px;
          margin-bottom: 10px;
          margin-top: 5px;
          font-size: 16px;
          color: #3a7189;
}
        .keywords div a {
          color: #3a7189;
}
        p.larger {
          font-size: 16px;
}
        .user_profile .label {
          float: left;
          width: 220px;
}
        .user_profile .input {
          float: left;
          width: 300px;
}
        .user_profile .small_input {
          width: 80px;
}
        .user_profile h3 {
          margin-bottom: 25px;
}
        .admin-strip {
          padding: 10px;
          background: #a3c7d1;
}
        .uk-tab > li {
          margin-bottom: 0px;
          float: left;
}
        .report_head_date,
        .report_cell_date {
          float: left;
          width: 10%;
          padding: 6px 4px 6px 4px;
          box-sizing: border-box;
}
        .report_head_title,
        .report_cell_title {
          float: left;
          width: 45%;
          padding: 6px 4px 6px 4px;
          box-sizing: border-box;
}
        .report_head_time,
        .report_cell_time {
          float: left;
          width: 10%;
          padding: 6px 4px 6px 4px;
          box-sizing: border-box;
}
        .report_head_type,
        .report_cell_type {
          float: left;
          width: 15%;
          padding: 6px 4px 6px 4px;
          box-sizing: border-box;
}
        .report_head_toggle,
        .report_cell_toggle {
          float: left;
          width: 10%;
          padding: 6px 4px 6px 4px;
          box-sizing: border-box;
          text-align: center;
}
        .report_head_notes,
        .report_cell_notes {
          float: left;
          width: 10%;
          padding: 6px 4px 6px 4px;
          box-sizing: border-box;
          text-align: center;
}
        a.round {
          border: 1px solid #000;
          border-radius: 50%;
          width: 16px;
          padding: 1px 2px 2px 4px;
}
        a.round i {
          width: 14px;
}
        a.round:hover {
          color: #666;
}
        .padding_box {
          padding: 20px;
}
        .ctr {
          text-align: center;
}
        @media (max-width: 768px) {
          .border_box_blue {
            border: 10px solid #a3c7d1;
            padding: 10px;
}
          .border_box_sand {
            border: 10px solid #e6daa6;
            padding: 10px;
}
          .padding_box {
            padding: 10px;
}
          .border_box_dark_blue {
            border-width: 10px;
}
          #cpd-report,
          #cpd_target {
            border: 10px solid #beb58b;
            padding: 10px;
}
          .cpd_report_table_head {
            font-size: 16px;
}
          .cpd_report_table p,
          .cpd_report_table {
            font-size: 12px;
}
          .cpd_year_menu {
            padding-top: 0;
}
          .cpd_tracker .split-title {
            margin-bottom: 0 !important;
}
}
        @media (max-width: 599px) {
          .report_head_type,
          .report_head_notes,
          .report_head_time,
          .report_head_toggle {
            display: none;
}
          .report_cell_time {
            clear: left;
}
          .report_head_date,
          .report_cell_date {
            width: 25%;
}
          .report_head_title,
          .report_cell_title {
            width: 75%;
}
          .report_cell_time {
            width: 35%;
}
          .report_cell_toggle {
            width: 35%;
}
          .report_cell_type {
            width: 15%;
}
          .report_cell_notes {
            width: 15%;
}
}
        input.error {
          border: 2px solid red;
}
        #ui-datepicker-div {
          background: #efefef;
          border: 5px solid #3a7189;
}
        .ui-corner-all,
        .ui-corner-bottom,
        .ui-corner-right,
        .ui-corner-br {
          border-bottom-right-radius: 0px;
}
        .ui-corner-all,
        .ui-corner-bottom,
        .ui-corner-left,
        .ui-corner-bl {
          border-bottom-left-radius: 0px;
}
        .ui-corner-all,
        .ui-corner-top,
        .ui-corner-right,
        .ui-corner-tr {
          border-top-right-radius: 0px;
}
        .ui-corner-all,
        .ui-corner-top,
        .ui-corner-left,
        .ui-corner-tl {
          border-top-left-radius: 0px;
}
        .ui-state-default,
        .ui-widget-content .ui-state-default,
        .ui-widget-header .ui-state-default {
          border: 1px solid transparent;
          background: #3a7189;
          color: #fff;
          text-align: center;
}
        .ui-datepicker th {
          font-weight: 400;
          width: 30px;
}
        .ui-widget-content .ui-state-hover,
        .ui-state-focus,
        .ui-widget-content .ui-state-focus {
          border: 1px solid transparent;
          background: #234554;
}
        .ui-datepicker .ui-widget-header .ui-datepicker-next-hover {
          border: 0px solid transparent;
          background: #3a7189;
          right: 2px;
          top: 2px;
          color: white;
}
        .ui-datepicker .ui-widget-header .ui-datepicker-prev-hover {
          border: 0px solid transparent;
          background: #3a7189;
          left: 2px;
          top: 2px;
          color: white;
}
        .ui-widget-header {
          border: 1px solid transparent;
          background: #3a7189;
          color: #fff;
          font-weight: 700;
}
        .ctr h4 {
          margin-right: -55px;
}
        .offctr h4 {
          margin-right: 90px;
}
        .details h3 {
          font-size: 16px;
}
        .form-type-checkbox input {
          float: left;
          margin-right: 10px;
}
        .form-type-checkbox .description {
          float: left;
          width: 85%;
}
        .discuss p {
          margin-bottom: 0px;
          margin-top: 22px;
}
        .discuss h4 {
          margin-bottom: 15px;
}
        .subscribe .discuss a.button {
          margin-top: 20px !important;
}
        #messages {
          margin-top: 20px;
          margin-bottom: 0px;
}
        #messages p {
          margin-top: 0;
}
        .pull_left i {
          margin-left: -1px;
}
        .uk-modal-dialog-lightbox > .uk-close:first-child {
          top: 10px;
          right: 10px;
}
        .uk-modal-dialog-lightbox > .uk-close:first-child {
          margin: -15px -15px 0 0;
          float: right;
          font-size: 20px;
          padding: 0;
          padding-top: 2px;
          padding-left: 1px;
          color: #3a7189;
          height: 23px;
          width: 24px;
}
        .iframe_entry .info {
          padding: 20px;
          padding: 20px 20px 10px 20px;
          background: white;
}
        .iframe_entry {
          height: auto;
}
        .form-type-select select {
          margin-top: 7px;
          font-size: 14px;
          color: #000;
          width: 100%;
          background: #eee;
          padding: 5px 10px;
          border: 0;
          height: 35px;
          margin-bottom: 10px;
          box-sizing: border-box;
}
        .form-type-select {
          margin-bottom: 10px;
}
        #cookiebar {
          background: #e6daa6;
          border-top: 5px solid #3a7189;
          padding-bottom: 5px;
}
        #cb-accept {
          margin-top: 4px;
          background: #3a7189;
          border-radius: 3px;
          box-shadow: inset 0 -3px 0 0 #234554;
          padding: 3px 5px 5px 5px;
          color: #fff;
          font-size: 16px;
          display: inline-block;
          position: relative;
          transition-duration: 0.6s;
          border: 0;
          font-size: 13px;
          cursor: pointer;
}
        #cb-accept:hover {
          box-shadow: inset 0 -100px 0 0 #234554;
          color: #fff;
          text-decoration: none;
}
        #cookiebar .message a {
          line-height: 1.7em;
}
        #cookiebar .message a:hover {
          color: #3a7189;
}
        .iframe_entry #cookiebar {
          display: none;
}
        .iframe_entry .form-submit {
          margin-top: 20px;
}
        .password-strength {
          width: auto;
          float: left;
          margin-top: 15px;
}
        div.password-confirm {
          float: left;
          margin-top: 21px;
          width: auto;
}
        .form-type-checkbox {
          clear: left;
}
        .form-item-pass label,
        .form-item-name label {
          /*width: 100px;*/margin-top: 21px;
          margin-bottom: 0;
}
        .form-item-current-pass .description {
          margin-top: 10px;
}
        .confirm-parent,
        .password-parent {
          width: auto;
}
        div.form-item div.password-suggestions {
          width: auto;
          padding: 10px;
}
        .org_report td,
        .org_report th {
          padding: 5px 15px 0 0;
          text-align: left;
}
        .org_report table {
          width: 100%;
}
        .uk-accordion-title {
          background: transparent;
          margin: 0;
          padding: 0;
}
        .uk-accordion-content {
          background: transparent;
          margin: 0;
          padding: 0;
}
        .uk-accordion .uk-accordion-content {
          padding: 0 15px 15px 15px;
}
        .uk-accordion .uk-accordion-title {
          position: relative;
          margin-top: 20px;
          margin-bottom: 20px;
          padding: 0px 10px;
          background: #f9f9f9;
          font-size: 18px;
          line-height: 24px;
          cursor: pointer;
}
        .uk-accordion .uk-accordion-title:after {
          content: "\f01a";
          font-family: FontAwesome;
          font-size: 48px;
          position: absolute;
          right: 20px;
          margin-top: -24px;
          top: 50%;
          color: #3a7189;
          line-height: 100%;
}
        .uk-accordion .uk-accordion-title .split-title {
          margin-top: 10px;
          margin-bottom: 10px !important;
}
        #overlay_text {
          position: absolute;
          top: 50%;
          left: 5%;
          width: 90%;
          margin-top: 60px;
          text-align: center;
          pointer-events: none;
}
        #overlay_text h3 {
          color: #e6daa6;
          margin-bottom: 0;
          pointer-events: none;
}
        #overlay_text p {
          color: #fff;
          font-size: 16px;
          margin-top: 0;
          pointer-events: none;
}
        @media (max-width: 600px) {
          .video_player .mejs-overlay-button {
            margin-top: -100px;
}
          #overlay_text {
            margin-top: 0px;
}
          #overlay_text h3 {
            font-size: 14px;
}
          #overlay_text p {
            font-size: 12px;
            line-height: 14px;
}
}
        .uk-navbar-nav > li > a {
          padding: 0 12px;
}
        .grey_bar .more-link {
          display: none;
}
/*  TAX ACADEMY ADDITIONS */
        .uk-margin-small {
          margin-bottom: 0;
}
        .sand_pod {
          background: #e6daa6;
          border-radius: 5px;
          padding: 10px;
          margin-bottom: 20px;
}
        .duck_pod {
          background: #a3c7d1;
          border-radius: 5px;
          padding: 10px;
          margin-bottom: 20px;
}
        .grey_pod {
          background: #b3b3b3;
          border-radius: 5px;
          padding: 10px;
          margin-bottom: 20px;
}
        .sub_pod {
          background: #a3c7d1;
          border-radius: 5px;
          padding: 10px;
          margin-bottom: 10px;
}
        .sand_pod .sub_pod:last-child {
          margin-bottom: 0;
}
        .duck_pod .sub_pod {
          background: #e6daa6;
}
        .grey_pod .sub_pod {
          background: #e6daa6;
}
        .sand_pod .sub_pod {
          background: #a3c7d1;
}
        .pod_head {
          clear: both;
}
        .pod_head_gb {
          border-bottom: 1px solid rgba(255,255,255,0.6);
          padding-bottom: 10px;
}
        .pod_icon {
          background: rgba(255,255,255,0.4);
          border-radius: 5px;
          padding: 5px 5px 5px 6px;
          float: left;
          margin-right: 10px;
}
        .pod_icon_gb {
          background: rgba(255,255,255,1);
          border-radius: 5px;
          padding: 5px 5px 5px 6px;
          float: left;
          margin-right: 10px;
}
        .pod_icon_grey {
          background: rgba(255,255,255,1);
          border-radius: 5px;
          padding: 0 5px 5px 6px;
          float: left;
          margin-right: 10px;
          text-align: center;
          height: 35px;
}
        .pod_icon_large {
          background: rgba(255,255,255,0.4);
          border-radius: 5px;
          padding: 5px 5px 5px 6px;
          float: left;
          margin-right: 10px;
          height: 55px;
          width: 50px;
}
        .pod_icon_white i {
          color: #fff;
}
        .pod_icon_grey i {
          color: #aaa;
          font-size: 38px;
}
        .pod_icon_large i {
          font-size: 55px;
}
        .pod_title,
        .pod_title_gb {
          float: left;
}
        .pod_title h2 {
          font-size: 18px;
          margin-bottom: 0;
          line-height: 34px;
}
        .pod_title_gb h2 {
          font-size: 16px;
          margin-bottom: 6px;
          line-height: 20px;
}
        .pod_title_gb p {
          font-size: 12px;
          margin: 0;
          line-height: 16px;
}
        .pod_icon i {
          font-size: 24px;
}
        .pod_icon_gb img {
          max-width: 50px;
}
        .pod_body {
          clear: both;
          margin-top: 10px;
}
        .pod_body .rel {
          display: flex;
          margin-bottom: 10px;
}
        .pod_body .rel:last-child {
          margin-bottom: 0;
}

.pod_info{clear:left;background: rgba(255,255,255,0.7);
          border-radius: 5px; padding:10px;display:block;margin:0;
        }

.pod_info.passed p{color:green;}

.pod_info.available p{color:orange;}

.pod_info.denied p{color:#800000;margin: 0;}

.pod_info .take_button{clear: left;
    padding: 5px 7px 3px 7px;
    font-size: 16px;
    background: green;
    color: white;
    border-radius: 3px;
    display:inline-block;
    margin-top:5px;
    line-height:24px;
    min-height:25px;
    font-weight:700;}

.pod_info .results_button{
    padding: 5px 7px 3px 7px;
    font-size: 16px;
    background: #3a7189;
    color: white;
    border-radius: 3px;
    display:inline-block;
    margin-top:5px;
    line-height:24px;
    min-height:25px;
    font-weight:700;
    margin-right:10px;
}

span.requirements{    clear: left;
    font-size: 12px;
    display: block;
    background: #800000;
    color: white;
    border-radius: 3px;
    margin-top: 5px;
    padding: 5px 7px 3px 7px;
    font-size: 16px;
    display:inline-block;
     min-height:25px;
    line-height:24px;}


        .progress .pod_body .rel:last-child {
          margin-bottom: 10px;
}
        .dark_blue_pod {
          background: #3a7189;
          border-radius: 5px;
          padding: 10px;
          margin-bottom: 10px;
}
        .smaller_logo .pod_icon_gb {
          width: 30px;
          height: 30px;
}
        .smaller_logo .pod_icon_gb img {
          max-width: 30px;
          max-height: 30px;
}
        .dark_blue_pod h2,
        .dark_blue_pod p {
          color: white;
}
        .summary_text p {
          margin: 0;
          font-size: 12px;
}
        .opaque {
          background: rgba(255,255,255,0.4);
          border-radius: 5px;
          padding: 10px;
          margin-bottom:10px;
}
        .opaque .tap_button {
          margin-bottom: 0;
}
        .pod_inner {
          background: rgba(255,255,255,0.4);
          border-radius: 5px;
          border-left: 5px solid white;
          align-items: stretch;
          width: 100%;
}
        .progress_line {
          margin-top: 10px;
          clear: both;
          margin-bottom: 0px;
}
        .progress_icon {
          background: rgba(255,255,255,0.4);
          border-radius: 3px;
          float: left;
          margin-right: 10px;
          height: 20px;
          width: 20px;
}
        .progress_title {
          float: left;
          width: calc(100% - 40px);
}
        .progress_title h4 {
          text-transform: none;
          margin-bottom: 0;
          font-size: 13px;
}
        .green {
          color: #88aa00;
}
        .red {
          color: #d40000;
}
        .stripe_ {
          border-left: 5px solid #ffffff;
}
        .stripe_green {
          border-left: 5px solid #88aa00;
}
        .stripe_red {
          border-left: 5px solid #d40000;
}
        .stripe_amber {
          border-left: 5px solid #ff6600;
}
        .stripe_green .inner_status h4 {
          color: #88aa00;
}
        .stripe_red .inner_status h4 {
          color: #d40000;
}
        .stripe_amber .inner_status h4 {
          color: #ff6600;
}
        .green {
          background: #88aa00;
}
        .red {
          background: #d40000;
}
        .amber {
          background: #ff6600;
}
        .white {
          background: #fff;
}
        .small_text {
          color: #222;
          padding-top: 5px;
          font-size: 12px;
}
        .strong {
          font-weight: 700;
}
        .fw {
          display: block;
}
        .hlr {
          width: 100%;
          border-bottom: 1px solid #fff;
          margin-top: 8px;
          margin-bottom: 10px;
}
        .ex_info .hlr:last-child {
          border: 0;
          margin: 0;
}
        .drop_button {
          margin-bottom: 10px;
}
        .inner_head {
          clear: both;
          margin: 10px;
          border-bottom: 1px solid rgba(255,255,255,0.6);
}
        .inner_title {
          float: left;
}
        .inner_status {
          float: left;
          clear: left;
}
        .inner_title h4,
        .inner_status h4 {
          font-size: 12px;
          text-transform: uppercase;
          margin: 0;
          font-weight: bold;
          line-height: 15px;
          color: #000;
}
        .pod_inner .inner_head .inner_title h4,
        .pod_inner .inner_head .inner_status h4 {
          margin-bottom: 5px;
}
        .upload_paper {
          margin-top: 10px;
}
        .inner_status_gn {
          float: right;
}
        .inner_status_gn h4 {
          font-size: 12px;
          text-transform: uppercase;
          margin: 0;
          font-weight: bold;
          line-height: 15px;
          margin-bottom: 7px;
          color: #88aa00;
          padding-right: 20px;
          background-image: url(../images/icon_tick.png);
          background-position: top right;
          background-repeat: no-repeat;
}
        .inner_body {
          clear: both;
          margin: 10px;
}
        .phase_title {
          text-align: center;
          margin-top: 0px;
          margin-bottom: 10px;
}
        .tap_button {
          font-size: 14px;
          display: block;
          background: #3a7189;
          box-shadow: inset 0 -4px 0 0 #254655;
          border-radius: 5px;
}
        .tap_button:hover {
          box-shadow: inset 0 -100px 0 0 #254655;
}
        .dark_blue_pod .tap_button {
          background: #e6daa7;
          box-shadow: inset 0 -4px 0 0 #cdb44c;
          color: #000;
}
        .dark_blue_pod .tap_button:hover {
          box-shadow: inset 0 -100px 0 0 #cdb44c;
}
        .dark_blue_pod .tap_button icon {
          color: #000;
}
        .tap_button.selected {
          box-shadow: inset 0 -100px 0 0 #254655;
}
        .dark_blue_pod .tap_button.selected {
          box-shadow: inset 0 -100px 0 0 #cdb44c;
          color: #000;
}
        .pdf_button {
          padding-left: 40px;
}
        .pdf_button:before {
          content: "\f1c1";
          font-family: FontAwesome;
          font-size: 22px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -12px;
}
        .upload_button {
          padding-left: 40px;
}
        .upload_button:before {
          content: "\f093";
          font-family: FontAwesome;
          font-size: 20px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -12px;
}
        .download_button {
          padding-left: 40px;
}
        .download_button:before {
          content: "\f019";
          font-family: FontAwesome;
          font-size: 20px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -12px;
}
        .map_button {
          padding-left: 40px;
}
        .map_button:before {
          content: "\f278";
          font-family: FontAwesome;
          font-size: 18px;
          position: absolute;
          top: 50%;
          left: 8px;
          margin-top: -11px;
}
        .folder_button {
          padding-left: 42px;
}
        .folder_button:before {
          content: "\f07c";
          font-family: FontAwesome;
          font-size: 22px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -12px;
}
        .print_button {
          padding-left: 42px;
}
        .print_button:before {
          content: "\f02f";
          font-family: FontAwesome;
          font-size: 22px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -12px;
}
        .notes_button {
          padding-left: 42px;
}
        .notes_button:before {
          content: "\f040";
          font-family: FontAwesome;
          font-size: 20px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -12px;
}
        .chart_button {
          padding-left: 42px;
}
        .chart_button:before {
          content: "\f080";
          font-family: FontAwesome;
          font-size: 22px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -12px;
}
        .message_button {
          padding-left: 40px;
}
        .message_button:before {
          content: "\f003";
          font-family: FontAwesome;
          font-size: 20px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -12px;
}
        .student_button {
          padding-left: 40px;
          margin-bottom: 10px;
}
        .student_button:before {
          content: "\f0c0";
          font-family: FontAwesome;
          font-size: 20px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -12px;
}
        .student_button:last-child {
          margin-bottom: 0;
}
        .student_button_white {
          padding-left: 40px;
}
        .student_button_white:before {
          content: "\f0c0";
          font-family: FontAwesome;
          font-size: 20px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -12px;
          color: #fff;
}
        .calendar .views-field-field-attendance-date .field-content a {
          padding-left: 40px;
}
        .calendar .views-field-field-attendance-date .field-content a:before {
          content: "\f278";
          font-family: FontAwesome;
          font-size: 18px;
          position: absolute;
          top: 50%;
          left: 8px;
          margin-top: -11px;
}
        .planner_button {
          padding-left: 40px;
}
        .planner_button:before {
          content: "\f073";
          font-family: FontAwesome;
          font-size: 20px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -12px;
}
        .feed-icon a {
          border-radius: 3px;
          box-shadow: inset 0 -3px 0 0 #234554;
          padding: 7px 10px 10px 25px;
          color: #fff;
          font-size: 16px;
          display: inline-block;
          position: relative;
          margin-top: 10px;
          transition-duration: 0.6s;
          text-decoration: none;
          font-size: 14px;
          background: #3a7189;
          box-shadow: inset 0 -4px 0 0 #254655;
          border-radius: 5px;
          padding-left: 40px;
}
        .feed-icon a:before {
          content: "\f019";
          font-family: FontAwesome;
          font-size: 20px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -12px;
}
        .feed-icon a:hover {
          box-shadow: inset 0 -100px 0 0 #254655;
}
        .link_button {
          padding-left: 40px;
          margin-bottom: 10px;
}
        .pod_body .link_button:last-child {
          margin-bottom: 0;
}
        .link_button:before {
          content: "\f08e";
          font-family: FontAwesome;
          font-size: 22px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -10px;
}
        .views-field-subject-1 a {
          margin-top: 10px;
          background: #3a7189;
          border-radius: 3px;
          box-shadow: inset 0 -3px 0 0 #234554;
          padding: 7px 10px 10px 40px;
          color: #fff;
          font-size: 16px;
          display: inline-block;
          position: relative;
          transition-duration: 0.6s;
          text-decoration: none;
          font-size: 14px;
          display: block;
          background: #3a7189;
          box-shadow: inset 0 -4px 0 0 #254655;
          border-radius: 5px;
}
        .views-field-subject-1 a:hover {
          box-shadow: inset 0 -100px 0 0 #254655;
}
        .views-field-subject-1 a:before {
          content: "\f06e";
          font-family: FontAwesome;
          font-size: 22px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -12px;
}
        .views-field-title-1 a {
          margin-top: 10px;
          background: #3a7189;
          border-radius: 3px;
          box-shadow: inset 0 -3px 0 0 #234554;
          padding: 7px 10px 10px 40px;
          color: #fff;
          font-size: 16px;
          display: inline-block;
          position: relative;
          transition-duration: 0.6s;
          text-decoration: none;
          font-size: 14px;
          display: block;
          background: #3a7189;
          box-shadow: inset 0 -4px 0 0 #254655;
          border-radius: 5px;
}
        .views-field-title-1  a:hover {
          box-shadow: inset 0 -100px 0 0 #254655;
}
        .views-field-title-1  a:before {
          content: "\f06e";
          font-family: FontAwesome;
          font-size: 22px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -12px;
}
        .input_style input {
          border: 0;
          padding: 8px;
          background: #efefef;
          width: 100%;
          margin-top: 5px;
          box-sizing: border-box;
          margin-bottom: 10px;
}
        .input_style input[type=submit] {
          width: auto;
}
        .input_style textarea {
          border: 1px solid #ccc;
          padding: 8px;
          background: #fff;
          width: 100%;
          margin-top: 5px;
          box-sizing: border-box;
}
        .input_style fieldset {
          padding: 10px;
          border: 0;
          background: #ddd;
          margin-bottom: 20px;
}
        .input_style label {
          padding-right: 10px;
}
        .input_style ul {
          font-size: 12px;
}
        .input_style .filter-help {
          display: none;
}
        .input_style_pm input {
          border: 0;
          padding: 8px;
          background: #efefef;
          width: 100%;
          margin-top: 5px;
          box-sizing: border-box;
          margin-bottom: 10px;
}
        .input_style_pm input[type=submit],
        .input_style_pm input[type=file] {
          width: auto;
          margin-top: 10px;
          margin-right: 10px;
}
        .input_style_pm textarea {
          border: 1px solid #ccc;
          padding: 8px;
          background: #fff;
          width: 100%;
          margin-top: 5px;
          box-sizing: border-box;
}
        .input_style_pm fieldset {
          padding: 10px;
          border: 0;
          background: #ddd;
          margin-bottom: 20px;
}
        .input_style_pm .field-name-field-attachment {
          padding: 10px 10px 10px 10px;
          border: 0;
          background: #ddd;
          margin-bottom: 20px;
}
        .input_style_pm .field-name-field-attachment fieldset {
          padding: 0px;
          margin: 0;
}
        .input_style_pm #edit-token {
          display: none;
}
        .input_style_pm ul {
          font-size: 12px;
}
        .input_style_pm .filter-help {
          display: none;
}
        .input_style_pm #privatemsg-filter-tags {
          display: none;
}
        .view-send-pm a {
          background: #3a7189;
          border-radius: 3px;
          box-shadow: inset 0 -3px 0 0 #234554;
          padding: 7px 10px 10px 40px;
          color: #fff;
          font-size: 16px;
          display: inline-block;
          position: relative;
          transition-duration: 0.6s;
          text-decoration: none;
          font-size: 14px;
          display: block;
          background: #3a7189;
          box-shadow: inset 0 -4px 0 0 #254655;
          border-radius: 5px;
}
        .view-send-pm a:hover {
          box-shadow: inset 0 -100px 0 0 #254655;
}
        .view-send-pm a:before {
          content: "\f003";
          font-family: FontAwesome;
          font-size: 22px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -12px;
}
        .class_resources h4 {
          margin-bottom: 5px;
}
        .class_resources p {
          margin-top: 0;
}
        .manual,
        .bank {
          position: relative;
          padding-left: 40px;
}
        .screen {
          position: relative;
          padding-left: 50px;
}
        .manual:before {
          content: "";
          background-image: url(../images/icon_sm.png);
          width: 20px;
          height: 24px;
          background-repeat: no-repeat;
          top: 17px;
}
        .bank:before {
          content: "";
          background-image: url(../images/icon_qb.png);
          width: 20px;
          height: 24px;
          background-repeat: no-repeat;
          top: 17px;
}
        .screen:before {
          content: "";
          background-image: url(../images/icon_sc.png);
          width: 26px;
          height: 21px;
          background-repeat: no-repeat;
          top: 19px;
}
        .ajax-wrap {
          padding: 10px;
          background: #fff;
}
        .smaller_info {
          font-size: 10px;
}
        .noborder {
          border: 0;
}
        .description {
          padding-top: 5px;
          padding-bottom: 10px;
}
        p.nodrop {
          margin-bottom: 0;
}
        p.small {
          font-size: 12px;
          margin-top: 0;
}
        p.large_mark {
          font-size: 38px;
          font-weight: 900;
          line-height: 40px;
}
        p.stripe_green {
          color: #88aa00;
          border: 0;
}
        p.stripe_red {
          color: #d40000;
          border: 0;
}
        p.tight_upper {
          line-height: 16px;
          text-transform: uppercase;
          padding-top: 2px;
}
        .resources .tap_button {
          margin-bottom: 10px;
}
        .drop_button {
          margin-bottom: 10px;
}
        .drop_top {
          margin-top: 10px;
}
        .drop_top_large {
          margin-top: 20px;
}
        .uk-modal .uk-alert {
          margin-bottom: 0;
}
        #privatemsg-list #edit-filter {
          display: none;
}
        #privatemsg-list #edit-tag-add--2 {
          display: none;
}
        #privatemsg-list #edit-tag-add--3 {
          display: none;
}
        #privatemsg-list #edit-tag-add-submit--2 {
          display: none;
}
        #privatemsg-list #edit-tag-add-submit--3 {
          display: none;
}
        #privatemsg-list .form-item-tag-add {
          display: none;
}
        #privatemsg-list input.form-submit[type=submit] {
          display: none;
}
        #privatemsg-list input#edit-delete[type=submit] {
          display: block;
          margin-bottom: 10px;
}
        form#privatemsg-list div.container-inline * {
          margin: 0;
}
        table.privatemsg-list {
          width: 100%;
          margin-top: 10px;
}
        table.privatemsg-list tr th {
          text-align: left;
}
        table.privatemsg-list td.empty {
          padding-top: 20px;
          font-weight: bold;
}
        form#privatemsg-new .grippie {
          display: none;
}
        form#privatemsg-new .description {
          display: none;
}
        .field-name-field-attachment fieldset {
          border: 0;
          margin-top: 10px;
          margin-left: 0;
          padding-left: 0;
}
        .field-name-field-attachment legend {
          font-weight: bold;
}
/*
.node-forum-form .form-text {
width: 90%;
}
.node-forum-form .form-select {
width: 90%;
}

.comment-form .form-text {
width: 90%;
}

*/
        @media only screen and (min-width: 0px) and (max-width: 479px) {

/* forums */
/* .forum-table,
.forum-post {
font-size: 80%;
}
.forum-table td {
float: left;
width: 100%;
}
*/
/*
.forum-table .forum-header,
.forum-table thead
{
display: none;
}
*/
/*.forum-table .forum-list-icon, */
          .forum-table .forum-number-topics,
          .forum-table .forum-number-posts,
          .forum-table .views-field-comment-count,
          .forum-table .views-field-totalcount {
            display: none;
}
/* .forum-list-icon-legend {
display: none;
}
*/
          #forum .item-list .pager {
            width: 100%;
            margin: 0;
            text-align: left;
}
          #forum .forum-node-create-links {
            padding: 0;
}
          #forum-topic-list .sticky-header {
            display: none;
}
/* forum topic */
/* #forum table.sticky-header, */
          #forum .forum-table thead
          th.forum-topics,
          th.forum-posts
          display: none;
}
        #forum .views-field-comment-count,
        #forum .views-field-totalcount {
          display: none;
}
/* active/unanswered topics */
        .view-advanced-forum-active-topics div.form-type-select,
        .view-advanced-forum-unanswered-topics div.form-type-select {
          display: inline-block;
}
        .view-advanced-forum-active-topics .form-select,
        .view-advanced-forum-unanswered-topics .form-select {
          width: 100%;
}
        .view-advanced-forum-active-topics .views-exposed-widget.views-submit-button,
        .view-advanced-forum-active-topics .views-exposed-widget.views-submit-button input,
        .view-advanced-forum-unanswered-topics .views-exposed-widget.views-submit-button,
        .view-advanced-forum-unanswered-topics .views-exposed-widget.views-submit-button input {
          margin: 0;
          padding: 0;
}
/* forum post */
        .forum-post-panel-main {
          margin: 0;
}
}
      table {
        width: 100%;
}
      .profile_edit fieldset {
        margin-top: 30px;
        position: relative;
}
      .profile_edit fieldset legend {
        margin-left: 0;
        margin-top: -35px;
        left: 0;
        position: absolute;
}
      .nopad {
        padding: 0;
}
      .info_box {
        padding: 10px;
        background: rgba(255,255,255,0.4);
        border-radius: 5px;
        margin: 10px;
}
      #comments {
        margin-top: 15px;
}
      .indented {
        margin-left: 0px; /* LTR */
}
      .comment-unpublished {
        background-color: #fff4f4;
}
      .comment-preview {
        background-color: #ffffea;
}
      .calendar {
        width: auto;
}
      .view .date-nav-wrapper .date-nav {
        margin: 0;
        padding: 0;
}
      .study_planner .inner {
        width: 100%;
        float: left;
        box-sizing: border-box;
        border-top: 1px solid white;
        padding-top: 10px;
}
      .study_planner .day_holder {
        float: left;
        width: 40px;
        height: 40px;
        text-align: center;
        border-radius: 5px;
        background: #fff;
        font-size: 24px;
        font-weight: bold;
        line-height: 40px;
}
      .study_planner .inner-entry {
        padding-left: 50px;
}
      .view .date-nav-wrapper .date-prev {
        left: 0px;
        right: auto;
        background: none;
        padding: 0;
        padding-right: 20px;
        width: 50px;
        line-height: 30px;
}
      .view .date-nav-wrapper .date-prev a {
        font-size: 0;
        line-height: 30px;
}
      .view .date-nav-wrapper .date-prev a:before {
        content: '\f060';
        background: none;
        font-family: FontAwesome;
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 0px;
        margin-top: -12px;
}
      .view .date-nav-wrapper .date-next {
        padding: 0;
        background: none;
        padding-right: 20px;
        left: auto;
        right: 0;
        width: 40px;
        line-height: 30px;
}
      .view .date-nav-wrapper .date-next a {
        font-size: 0;
        line-height: 30px;
}
      .view .date-nav-wrapper .date-next a:after {
        content: '\f061';
        background: none;
        font-family: FontAwesome;
        font-size: 20px;
        position: absolute;
        top: 50%;
        right: 0px;
        margin-top: -12px;
}
      .view .date-nav-wrapper ul {
        list-style-type: none;
}
      .forum_title h2 {
        font-size: 16px;
        margin-bottom: 5px;
        line-height: 16px;
        margin-top: 0;
}
      .forum_title {
        border-bottom: 1px solid #fff;
}
      .author_info {
        margin-top: 10px;
        margin-bottom: 10px;
}
      .pic_mini {
        border-radius: 3px;
        padding: 5px;
        background: #fff;
        float: left;
        margin-right: 10px;
}
      .pic_mini i {
        color: #ccc;
        font-size: 42px;
        margin-left: 4px;
        margin-right: 3px;
}
      .post_details {
        float: left;
}
      span.marker {
        color: #beb58b;
}
      .padder {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
}
      .view-student-progress td {
        padding: 5px;
        border-top: 1px solid #666;
        text-align: center;
}
      .view-student-progress td.views-field-realname {
        text-align: left;
}
      .view-student-progress th {
        padding: 5px;
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase;
        background: #a3c7d1;
}
      .view-student-progress td.greyed {
        padding: 3px;
        background: #eee;
        color: #666;
}
      .view-student-progress td.green,
      .view-student-progress td.red {
        color: #000;
}
      .view-student-progress table {
        width: 100%;
        border-spacing: 0px;
        border-collapse: separate;
        border: 1px solid #666;
}
      .white_bg {
        background: #fff;
}
      .gps_info {
        margin-top: 6px;
}
      .gps_info p {
        font-size: 14px;
        line-height: 24px;
}
      .pad_bottom {
        padding-bottom: 20px;
}
      th.views-field-realname {
        padding-bottom: 0px;
        text-align: left;
}
      th.views-field-uid {
        padding-bottom: 20px;
}
      .opaque p:last-child {
        margin-bottom: 0;
}
      .drop_5 {
        margin-top: 5px;
}
      .tap_mini_button {
        padding: 2px 5px 5px 20px;
}
      .mini_gps {
        width: 50px;
}
      .view-tutors-taught-class-students .form-item-recipient {
        display: none;
}
      .bulk_message {
        padding: 10px;
        background: #e6daa6;
        border-radius: 5px;
        margin-top: 40px;
}
      .bulk_message input {
        border: 0;
        padding: 8px;
        background: #efefef;
        width: 100%;
        margin-top: 5px;
        box-sizing: border-box;
        margin-bottom: 10px;
}
      .bulk_message input.form-submit[type=submit] {
        margin-bottom: 0;
        width: auto;
}
      .bulk_message input[type=file] {
        width: auto;
        margin-bottom: 10px;
        clear: right;
        float: left;
}
      .bulk_message textarea {
        border: 1px solid #ccc;
        padding: 8px;
        background: #efefef;
        width: 100%;
        margin-top: 5px;
        box-sizing: border-box;
}
      .view-tutors-taught-class-students th {
        text-align: left;
        vertical-align: middle;
}
      .view-tutors-taught-class-students th.views-field-realname {
        padding-bottom: 0;
}
      .view-tutors-taught-class-students input {
        border: 0;
        padding: 8px;
        background: #efefef;
        width: 100%;
        margin-top: 5px;
        box-sizing: border-box;
        margin-bottom: 10px;
}
      .view-tutors-taught-class-students  input.form-submit[type=submit] {
        margin-bottom: 0;
        width: auto;
        padding-top: 4px;
}
      .print-footer,
      .print-breadcrumb {
        display: none;
}
      .forum-post-wrapper .forum-post-panel-main {
        width: calc( 100% - 130px );
}
      .topic-reply-allowed .af-button-large span {
        background: none;
        color: #fff;
}
      .last-post-link .af-button-large span {
        background: none;
        color: #fff;
}
      .form-item-picture-delete {
        margin-top: 10px;
}
      .form-item-picture-delete input {
        width: auto !important;
}
      .vbo-views-form fieldset {
        margin: 0;
        border: 0;
        padding: 0;
        padding-top: 20px;
}
      #views-form-tutors-taught-class-students-block-1  fieldset {
        padding-top: 0;
}
      #views-form-student-listing-block-1 th {
        height: 35px;
        padding: 0;
}
      .vbo-views-form fieldset legend {
        display: none;
}
      .dashboard .form-item-recipient {
        display: none;
}
      #views-form-student-progress-block-1 .form-item-recipient {
        display: none;
}
      #views-form-student-progress-block-1 .form-item {
        margin-bottom: 10px;
}
      #views-form-student-progress-block-1 .description {
        display: none;
}
      .dashboard .description {
        display: none;
}
      .dashboard .form-type-textfield,
      .dashboard .form-type-textarea {
        margin-bottom: 10px;
}
      .grid-item {
        margin-bottom: 20px;
}
      .views-field.views-field-comment-body {
        padding-top: 10px;
}
      .views-exposed-form .views-exposed-widget {
        float: left;
        padding: 0 1em 0 0;
}
      #forum .forum-node-create-links {
        width: auto;
        padding: 10px;
}
      .border_box_blue a.af-button-large {
        margin: 0;
}
      #edit-submit-advanced-forum-active-topics {
        margin-top: 1.5em;
}
      #edit-submit-advanced-forum-unanswered-topics {
        margin-top: 1.5em;
}
      .view-advanced-forum-topic-list .view-empty {
        border: 0;
}
      .view-advanced-forum-active-topics .views-field-name {
        padding-top: 10px;
}
      .view-student-listing td,
      .view-student-listing th {
        text-align: left;
        padding-right: 10px;
}
      .notes-form h3 {
        margin-top: 0;
}
      .uk-alert {
        margin-bottom: 15px;

        background: #ebf7fd;
        color: #2d7091;


        background: #d85030;

    font-weight: bold;
    border-radius: 3px;
}

.uk-alert p{
	   color: white;
}
      .uk-alert>:last-child {
        margin-bottom: 0;
}
      .uk-alert ul {
        padding: 0px 10px 0 20px;
        margin: 0px 10px;
}
      .uk-alert li {
        color: inherit;
}
      .uk-alert-success {
        background: #35ab0e;
        color: #fff;
        font-size: 14px;
}
      textarea {
        padding: 10px;
        font-family: 'Rubik', sans-serif;
}
      .post-edited {
        display: none;
}
      .text-format-wrapper #edit-comment-body-und-0-format {
        display: none;
}
      .text-format-wrapper #edit-body-und-0-format {
        display: none;
}
      .forum-post-panel-sub .author-pane {
        margin: 0;
        padding: 5px 0;
        width: 100px;
}
      .forum-post-title {
        border-bottom: none;
        font-weight: 400;
        font-size: 1.4em;
        color: #5a5a5a;
        margin-bottom: 20px;
}
      .forum-post-info {
        font-weight: 400;
}
      .forum-post-panel-sub {
        line-height: 100%;
}
      .forum-hold .pod_body {
        margin-top: 0;
}
      .mini_edit_button {
        padding-left: 5px;
        font-size: 11px;
}

#sliding-popup{border-top:5px solid #3a7189;padding-top:5px;}
#sliding-popup .popup-content {    margin: 0 auto;    max-width: 1150px;        }
#sliding-popup p {font-size:12px;}
#sliding-popup .eu-cookie-compliance-more-button{font-weight:bold;margin-left:20px;margin-right:20px;font-size:12px;text-decoration:none;font-family: 'Lato',sans-serif;}
#sliding-popup .eu-cookie-compliance-more-button:hover{text-decoration:underline;}
#sliding-popup .eu-cookie-compliance-default-button{border:0;background:#3a7189;color:#fff;margin-top:5px;text-shadow:none;box-shadow: inset 0 -3px 0 0 #234554;border-radius:3px;transition:0.2s;padding: 5px 10px 5px 10px;}
#sliding-popup .eu-cookie-compliance-default-button:hover,#sliding-popup .eu-cookie-compliance-default-button:active{border:0;background:#3a7189;color:#fff;margin-top:5px;text-shadow:none;box-shadow: inset 0 -100px 0 0 #234554;border-radius:3px;transition:0.2s}


#exam-tracker-node-form div div {margin-bottom:20px;}
#exam-tracker-node-form .form-item-title{display:none;}
#edit-field-marked-exam-und-0-remove-button{display:none;}
#edit-field-marked-date{display:none;}
#edit-field-exam-submission-und-0-remove-button{display:none;}





.quiz-question-multichoice.form-wrapper, .quiz-question-short-answer.form-wrapper, .quiz-question-quiz-directions.form-wrapper{
	padding: 10px;
    background: #fff;
    border-radius: 5px;
    border: 10px solid #3a7189;
    margin-bottom: 30px;
    margin-top: 20px;
}

.quiz-question-multichoice.form-wrapper h2, .quiz-question-short-answer.form-wrapper h2, .quiz-question-quiz-directions.form-wrapper h2 {
    font-size: 28px;
    margin-bottom: 10px;
    margin-top: -10px;
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px;
    display: block;
    background: #ccddf3;
    border-bottom: 10px solid #3a7189;
}

.quiz-question-multichoice.form-wrapper p, .quiz-question-multichoice.form-wrapper li, .quiz-question-short-answer.form-wrapper p, .quiz-question-short-answer.form-wrapper li,
.quiz-question-quiz-directions.form-wrapper p, .quiz-question-quiz-directions.form-wrapper li{
	font-size:16px;
	margin-bottom: 5px;
}

.answering-form #edit-navigation em{display:none;}

.quiz-question-short-answer.form-wrapper .description{display:none;}
.quiz-question-short-answer.form-wrapper input{margin-left:10px;}

.quiz-question-multichoice.form-wrapper label, .quiz-question-short-answer.form-wrapper label{font-style:italic;}
#quiz-progress{margin-bottom:5px;}

.hasCountdown {
   background-color: #fff;
    color: #000;
    font-size: 24px;
    margin-top: 0px;
    padding: 2px 12px;
    line-height: 40px;
    border-radius: 5px;
    border: 10px solid #3a7189;
}

a.edit_button {
    color: #fff;
    text-decoration: none;
    background: #234554;
    border-radius: 2px;
    width: auto;
    padding: 2px 5px;
    margin-left: 10px;
    display: inline;
    font-size: 12px;
    text-transform: uppercase;
}

.quiz-result-answer-quiz-result-answer table {border-spacing:0;}
.quiz-result-answer-quiz-result-answer table thead{}
.quiz-result-answer-quiz-result-answer table td{padding:10px;text-align:left;margin:0;}
.quiz-result-answer-quiz-result-answer table th{padding:10px;text-align:left;margin:0;}
.quiz-result-answer-quiz-result-answer table td p{margin:0}


.quiz-result-answer-quiz-result-answer table td:nth-child(3) {
   display: none;
}

.quiz-result-answer-quiz-result-answer table th:nth-child(3) {
   display: none;
}


.quiz-result-answer-quiz-result-answer table td:nth-child(4) {
   display: none;
}

.quiz-result-answer-quiz-result-answer table th:nth-child(4) {
   display: none;
}

.quiz-result-answer-quiz-result-answer table td:nth-child(5) {
   display: none;
}

.quiz-result-answer-quiz-result-answer table th:nth-child(5) {
   display: none;
}

.quiz-score-icon.should-not img{display:none;}

.page-node-quiz-results #block-system-main{
  padding:10px;
  border: 10px solid #3a7189;
  font-size:18px;
  border-radius:5px;
  margin-top: 30px;
}

.quiz-question-quiz-page{
  padding:10px;
  border: 10px solid #3a7189;
  font-size:18px;
  border-radius:5px;
  margin-top: 30px;
  margin-bottom:30px;
}

#quiz_score_possible{margin-top:10px;margin-bottom:10px;}

.page-node-quiz-results fieldset{
    background: #e6daa6;
    border: 0;
    border-radius: 5px;
    margin-top:0;
  }


.page-node-quiz-results legend{
    padding-top: 40px;
  }

  .page-node-quiz-results fieldset .fieldset-wrapper{

    background:#fff;padding:10px 10px 10px 10px;
  }

  .image_title{clear:left;margin-top:10px;}
   .image_title h2 {
          font-size: 18px;
          margin-bottom: 0;
          line-height: 34px;
}

.field-name-field-time-taken  .field-label{
  font-weight:normal;
}

.blue_button{margin-left:auto; border:0;}

.user_strip .blue_button{margin-right:0;}

    .blue_button:hover, .blue_button:focus {
    	background-color: #3a7189;

      color:#fff;
}

.quiz-solution{border-left:0;}

a.question_button {
    color: #fff;
    text-decoration: none;
    background: #234554;
    border-radius: 2px;
    width: auto;
    padding: 3px 7px 5px 7px;
    margin-left: 0;
    display: block;
    font-size: 16px;
    margin-top:5px;
    margin-bottom: 5px;
    margin-right: 5px;
}

a.question_button:hover {
  background:#333;
  }

.view-content table{width:100%;border-top:1px solid black;border-right:1px solid black; border-collapse:collapse;}

.view-content table td, .view-content table th{border-left:1px solid black; border-bottom:1px solid black;padding:5px;}

.view-content table td a{
    color: #fff;
    text-decoration: none;
    background: #234554;
    border-radius: 2px;
    width: auto;
    padding: 3px 7px 5px 7px;
    margin-left: 0;
    font-size: 16px;
    margin-top:5px;
    margin-bottom:0;}

#edit-realname-wrapper input{padding: 5px;
    margin-top: 7px;
    height: 26px;
    border: 0;
    background: #eee;}

    #edit-title-wrapper input{padding: 5px;
    margin-top: 7px;
    height: 26px;
    border: 0;
    background: #eee;}


  .uk-alert-danger li p,   .uk-alert-danger h2 {color:#fff;margin-bottom:0;}

  #messages p, #messages li, #messages h2{color:#fff;}

  #quiz-progress{display:none;}
    #quiz-progress + .pager{display:none;}
    #edit-navigation-final{display:none;}

  a.question{width: 40px;
    height: 40px;
    background: #ccddf3;
    display: block;
    float: right;
    text-align: center;
    line-height: 40px;
    margin-right: 5px;margin-bottom:5px;border-radius:2px;}

    a.question.answered, .key.answered{background:#79d868;}
    a.question.skipped, .key.skipped{background:#ffc14e;}

div.skip_block{/*width:225px;*/background:#eee;padding:10px 5px 5px 10px;}
div.key_holder{padding:10px 10px 5px 10px; background:#eee;width:220px;margin-top:20px;}
div.key{background:#ccddf3; width:20px;height:20px;margin-right:10px;float:left;clear:left;margin-bottom:5px;border-radius:2px;}
div.key_title{float:left;}
.quiz-question-multichoice.form-wrapper .key_title p{font-size:12px;margin-bottom:0;}

.form-submit{margin-bottom:10px;}

.hide_boxes table.uk-table-striped{display:none;}

.uk-tab{margin-left:0;}
.uk-tab>* {
    flex: none;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}
.uk-alert-close{
	color:#fff;
}

.uk-table tbody tr    {border-left: 1px solid #ddd;
	    border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}

.dialog-off-canvas-main-canvas {min-height:100%;    position: relative;}

#page-wrapper{padding-bottom:80px;}
.uk-breadcrumb {
    margin-top: 0;
}

div.quiz-report-score-container{
	position: absolute;
  top: -35px;
  right: 10px;
  border: 0;
  background: white;
  font-size: 28px;
  font-weight: bold;
  font-family: 'Rubik', sans-serif;
  line-height: 28px;
  border: 1px solid #ccc;
}



.q-wrong span{color:red;}
.q-correct span{color:green;}

.uk-fieldset
{
	position:relative;
}

#quiz_score_possible{text-align:center;margin-top:20px;margin-bottom:10px;}

#quiz_score_possible em{font-size:24px;
    color: #000;}

#quiz_score_percent{text-align:center;margin-top:10px;margin-bottom:10px;}

#quiz-summary{text-align:center;margin-top:10px;margin-bottom:20px;}

.uk-article-title{text-align:center;}


.quiz-report-jumper{display:none;}

.uk-select{margin-right:10px;margin-left:10px;height: 35px !important;    line-height: 20px !important;}

.countdown{    margin: 0 auto;
    margin-top: -10px;
    margin-bottom: 30px;
    background: #e6daa6;
    display: block;
    text-align: center;
    align-items: center;
    width: 200px;
    border-radius: 3px;
    padding: 5px;
    color: #000;
}

    .uk-offcanvas-bar {padding:0}

#offmenu .uk-nav{margin-top:60px;}
#foot{margin-left:50px;border: 0; background: transparent; }

.uk-navbar-dropdown{width:100%;}

.user_strip span svg{margin-bottom:2px;margin-right:2px;margin-left:2px;}

#login .login_box input[type=submit] {    line-height: 20px;}

.homepage .uk-article-title{margin-top:45px !important;}

@media (min-width: 960px){
	.uk-article-title {
	    font-size: 2.23125rem;
	}
}

.enrolments_holder{
	background:#e6daa6; padding:10px 20px 20px 20px; border-radius:5px;margin-top:30px;

}

.enrolments_holder .enrolments_holder{
	padding:0;

}

.enrolments_holder div{
	margin-bottom:0;
}



a.question:hover{color:#fff;}

.quiz-question-directions{    margin-top: 100px;
    margin-bottom: 40px;}

 h2.exam_title{margin-bottom:10px;font-size:1.4em;}

.exam_block{background:#fff;padding:10px; width:100%;
	border-radius:5px;
	margin-top:10px;
	display:inline-block;box-sizing:border-box;}

.exam_block p{
	background:#e0ecef;
	margin:10px 0 0 0;
	padding:10px;
	border-radius:5px;
	display:block;
	box-sizing:border-box;
    font-size: 15px;
}

.exam_block.passed p{
	color:#fff;
	background:#69ca12;
}

.exam_block.not_available p{
	color:#fff;
	background:#ccc;
}

.uk-button-default:focus, .uk-button-default:hover, .uk-button-default.uk-active, .uk-button-default:active {
    background-color: #3a7189;;
}

.uk-button-default:focus, .uk-button-default:hover {
    background-color: #3a7189;
}

.right{text-align:right;float:right;}
.left{text-align:left;float:left;}

.sbody_holder{
 padding:10px 20px 20px 0px;
}

.sbody_holder a{
	background: #3a7189;
	padding:5px 10px;
	border-radius:5px;
	margin-top:10px;
  margin-right:10px;
	display:inline-block;
	color:#fff;
}

.enrolments_holder a{
	background: #3a7189;
	padding:5px 10px;
	border-radius:5px;
	margin-top:10px;
	display:inline-block;
	color:#fff;
    line-height: 25px;
}

.enrolments_holder a:hover{
	background: #234554;
}

.enrolments_holder span a {margin:0;padding:0px 5px 2px 5px;}

.enrolments_holder table{    width: 100%;  background: white; padding: 10px 0 10px 10px;   border-radius: 5px;}
.enrolments_holder th{text-align:right;}

.enrolments_holder td a{margin:0 2px;padding:2px 5px;}

.forgot{display: block;
    position: absolute;
    left: 50px;
    bottom: 39px;}

    @media (max-width: 600px) {
      .forgot{display: block;
          position: relative;
          left: auto;
          bottom: auto;}
        }


#uikit-breadcrumbs{margin-bottom:50px;}

.quiz_wrap .uk-table-striped thead tr th:first-child,
.quiz_wrap .uk-table-striped tbody tr td:first-child {
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  word-break: break-all;
}

.qfb p{margin-top: 0;}
.qfb h5{text-transform:uppercase;margin: 0;font-weight:700;}
.qfb table{margin-top:20px;}

td.borderL{border-left:1px solid black;}
td.borderR{border-right:1px solid black;}
td.borderT{border-top:1px solid black;}
td.borderB{border-bottom:1px solid black;}
td.borderLR{border-left:1px solid black;border-right:1px solid black;}
td.borderLT{border-left:1px solid black;border-top:1px solid black;}
td.borderLB{border-left:1px solid black;border-bottom:1px solid black;}
td.borderRT{border-right:1px solid black;border-top:1px solid black;}
td.borderRB{border-right:1px solid black;border-bottom:1px solid black;}
td.borderTB{border-top:1px solid black;border-bottom:1px solid black;}
td.borderLRT{border-left:1px solid black;border-right:1px solid black;border-top:1px solid black;}
td.borderLRB{border-left:1px solid black;border-right:1px solid black;border-bottom:1px solid black;}
td.borderLTB{border-left:1px solid black;border-top:1px solid black;border-bottom:1px solid black;}
td.borderRTB{border-right:1px solid black;border-top:1px solid black;border-bottom:1px solid black;}
td.borderLRTB{border:1px solid black;}

.enrolments_holder{padding:20px;}

.quiz-start-link{color: white;
  border-radius: 5px;
  border: 0;}

.uk-button-default{color: white;
  border-radius: 5px;
  border: 0;
                   }

.enrolments_holder .js-form-item  {
    float: left;
    width: 250px;
    margin-right: 30px;
    margin-top: 0 !important;
}

.enrolments_holder .js-form-submit{
  float:left;clear:both;margin-top:10px;
}

.enrolments_holder .vbo-action-form-wrapper{
  float:left;clear:both;margin-top:10px;
}
.enrolments_holder .views-exposed-form{
  float:left;
}
.enrolments_holder .views-form{
  clear:both;
}

.enrolments_holder .form-actions{
  float:left;
  clear:left;
  margin-top:0 !important;
}

.enrolments_holder td .js-form-item  {
    width: auto;
    margin:0;

}

.enrolments_holder th .form-checkbox  {
  margin: 0 auto;
  margin-right: 8px;
}

.enrolments_holder th.views-field-views-bulk-operations-bulk-form{
text-align:center;
}

.enrolments_holder .uk-form-controls select{
  margin:0;
}
.report_output_table {width:100%;margin-top:30px;}
.report_output_table td{width:25%;}
.report_output_table td:first-child { width:50%; }

.report_output_table h4{
margin:20px 0 0 0 ;
}

.report_output_table p{
  margin:0;
}

.report_output_table .passed p{ color:green;}
.report_output_table .failed p{ color:red;}

.subtitle{width:100%;text-align:center;margin-top:-20px;}
.subtitle h5{font-size:20px;}

.sbody_holder a.active{background:#0f2630;}


.enrolments_holder #edit-actions--2{display:none;}
.enrolments_holder footer{ margin-top:40px;}

.uk-checkbox{margin-top:4px}
.report_output_table h4{font-size:18px; font-weight:bold;text-transform : none;}
div#edit-student-body--wrapper{padding:0;border:0;margin:0}

#edit-navigation-actions-return{float:right}


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



/* Straive Styles sheet -start */
.uk-table th {
  text-align: right;
}
.uk-breadcrumb>* {
  display: inline-table;
}
.uk-alert-close {
  left: 15px;
  right: auto;
}
div.quiz-report-score-container {
  left: 10px;
  right: auto;
}
.dialog-off-canvas-main-canvas {
  direction: rtl;
}

.uk-offcanvas-flip .uk-offcanvas,
.uk-offcanvas-flip .uk-open>.uk-offcanvas-bar {
  right: auto;
  left: 0;
}
.uk-offcanvas-flip .uk-offcanvas-bar-animation {
  transition-property: left;
}
.uk-offcanvas-flip .uk-offcanvas-bar {
  right: auto;
  left: -270px;
}
.uk-offcanvas-bar-animation {
  transition: right .3s ease-out;
}
@media (min-width: 960px) {
  .uk-offcanvas-flip .uk-offcanvas-bar {
      left: -350px;
  }
}
.uk-select:not([multiple]):not([size]) {
  background-position: 0 50%;
  padding-left: 25px;
  padding-right: 8px
}

/* Responsive -start */
@media only screen and (max-width: 430px) {
  .uk-form-label, .uk-text-meta {
    font-size: .6rem;
  }
  .uk-navbar-nav > li > a,
  .login_box input[type=submit],
  .button {
    font-size: .8rem;
  }
  .uk-navbar-toggle, 
  .uk-navbar-nav > li > a {
    height: 40px;
    min-height: 40px;
    line-height: 40px;
  }
  .homepage .uk-article-title {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 767px) {
  /* .uk-offcanvas {
    right: 0;
    left: auto;
  }
  .uk-open>.uk-offcanvas-bar {
    right: 0;
    left: auto;
  } */
  .uk-grid>*>:last-child {
    margin-bottom: .5rem;
  }
  p {
    line-height: 1.6rem;
    font-size: .9rem;
  }
  h2 {
    font-size: 1.4rem;
    margin-bottom: 1.3rem;
  }
  h2.exam_title {
    font-size: 1.2rem;
    line-height: 1.6;
  }
  .exam_block p span.left {
    display: block;
    text-align: right;
    float: none;
    margin-top: 1rem;
  }
  .uk-width-1-2 {
    width: 100%;
  }
  .left_align {
    text-align: right;
  }
  .uk-breadcrumb>*>* {
    font-size: .75rem;
  }  
  .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
    margin: 0 6px;
    font-size: .5rem;
  }
  .uk-article-title {
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .homepage .uk-article-title {
    font-size: 1.8rem;
    line-height: 1.8;
    margin-top: 1rem !important;
  }
  .password-strength, div.password-confirm {
    float: unset;
    width: 100%;
  }
  .quiz-config-overview-table tr th {
    width: 50%;
  }
  .relx_right {
    left: 45px;
    right: auto;
  }

}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  p {
    line-height: 2rem;
    font-size: .9rem;
  }

  .relx_right {
    left: 45px;
    right: auto;
  }
}

/* Responsive -end */
/* Straive Styles sheet -End */