/*
$color-primary: #35b1e9;
$color-primary-hover: $color-primary - #111;
$font-color-primary: $color-white;

$color-secondary: #e8e8e8;
$color-secondary-hover: $color-secondary - #111;
$font-color-secondary: $color-white;

$color-success: #0aa699;
$color-success-mask: #f3faf8;
$font-color-success: $color-white;

$color-danger: #F35958;
$color-danger-mask: #fff6f4;
$font-color-danger: $color-white;

$color-warning: #FDD01C;
$color-warning-mask: #fffcee;
$font-color-warning: $color-dark ;

$color-info: #d6eddf;
$color-info-mask: #ebf6fb;
$font-color-info: $color-white;*/
html {
  font-size: 100%;
  height: 100%; }

body {
  background-color: #fff;
  color: #343434;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0px !important;
  margin: 0px !important;
  line-height: 1.5;
  font-style: normal;
  font-weight: normal;
  height: 100%; }

*, *:before, *:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

html, body, button {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

.span3 {
  position: relative;
  float: left;
  width: 32%;
  margin-right: 2%; }
  .span3.last {
    margin-right: 0; }

@media screen and (max-width: 767px) {
  .span3 {
    position: relative;
    width: 100%;
    float: none;
    margin: 0; } }
.ui-datepicker-trigger {
  position: absolute;
  top: 8px;
  left: 90%;
  cursor: pointer; }

.datePickerNested.hasDatepicker + .ui-datepicker-trigger {
  top: 14px; }

.two-fields .ui-datepicker-trigger {
  position: relative;
  top: 4px;
  left: -22px; }

.container,
.page-container {
  position: relative;
  padding: 0 20px;
  margin: 0 auto;
  height: 100%;
  width: auto;
  max-width: 980px; }

.page-content {
  margin: 0;
  padding: 0;
  background-color: #fff;
  /* overflow: auto; */
  position: relative;
  width: 100%;
  min-height: 1px;
  z-index: 1; }

.full-width-page .page-content {
  margin-left: 0px !important; }

.page-sidebar {
  position: relative;
  width: 280px;
  overflow: visible !important;
  margin: 0;
  padding: 20px;
  border-right-style: solid;
  border-right-width: 1px;
  margin-left: 0;
  float: left;
  width: auto;
  display: block;
  clear: none;
  min-height: 1px;
  z-index: 1; }
  .page-sidebar .page-sidebar-inner {
    overflow: visible !important; }
  .page-sidebar.page-sidebar__right {
    border-left-style: solid;
    border-left-width: 1px;
    border-right: none;
    float: right; }
  .page-sidebar .page-content {
    margin-left: 280px; }

.debug .page-header {
  background-color: yellow;
  padding: 20px; }
.debug .page-content {
  background-color: blue;
  padding: 20px 0; }
.debug .page-footer {
  background-color: green;
  padding: 20px; }

/* Push footer
================================================== */
.body-wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -91px; }

.footer-container, .push {
  height: 71px; }

/* #Header
================================================== */
.main-header {
  /* submenus */
  /* right menu */ }
  .main-header .page-header {
    position: relative;
    padding: 0 20px;
    min-height: 1px;
    z-index: 1; }
  .main-header .page-header--logos {
    padding: 16px 0 5px 0; }
  .main-header .header-branding {
    border-bottom: 5px solid #ee0000;
    height: 5px;
    margin: 0;
    padding: 0; }
  .main-header h1 {
/*     background: url("../img/singpass-logo.png") 0 0 no-repeat; */
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    width: 180px;
    height: 75px;
    background-size: contain;
    z-index: 12;
    margin: 21px 0 0 0; }
    .main-header h1 a {
      display: block;
      height: 100%;
      width: 100%; }
  .main-header a.toggle-nav {
    width: 80px;
    height: 60px;
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    border: 0;
    background: url("../img/toggle-nav.png") no-repeat center center #97826f;
    float: left; }
  .main-header #admin-logo {
    margin: 40px 0 0 0; }
  .main-header #logo-gov {
    float: right; }
  .main-header #search {
    width: 222px;
    height: 30px;
    border: 1px solid #ababab;
    float: right;
    clear: right;
    margin-top: 5px; }
    .main-header #search input[type="text"] {
      padding: 6px;
      background: transparent;
      border: 0;
      margin: 0;
      display: inline-block;
      float: left;
      width: 180px; }
    .main-header #search input[type="submit"] {
      position: relative;
      padding: 5px 15px;
      display: inline-block;
      width: 16px;
      height: 26px;
      margin: 0;
      border: 0;
      background: url("../img/search.png") no-repeat center center;
      text-indent: -1000em;
      margin-left: 7px; }
  .main-header #mobile-search {
    position: absolute;
    top: 20px;
    right: 10px;
    width: 27px;
    height: 27px;
    margin: 0;
    border: 0;
    background: url("../img/search-mobile.png") no-repeat center top;
    cursor: pointer; }
    .main-header #mobile-search a {
      display: block;
      width: 100%;
      height: 100%; }
  .main-header .header--links {
    float: right;
    clear: right;
    margin: 5px 0 10px 0;
    /*width: 345px;*/ }
    .main-header .header--links ul {
      white-space: nowrap;
      display: inline-block;
      list-style: none;
      padding: 5px 0 0 0;
      margin: 0 0 0 10px; }
    .main-header .header--links li {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: top;
      zoom: 1;
      *display: inline; }
      .main-header .header--links li a {
        padding: 0 7px;
        font-size: 13px; }
      .main-header .header--links li.isicon a {
        vertical-align: middle;
        border-left: 0;
        padding-left: 0; }
      .main-header .header--links li.bordered a {
        border-right: 1px solid #343434; }
      .main-header .header--links li:last-child a {
        padding-right: 0; }
  .main-header nav,
  .main-header .nav {
    position: relative;
    margin-bottom: 5px; }
  .main-header .nav > ul,
  .main-header nav > ul {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0; }
  .main-header .nav .sp-header__bottom {
    max-width: 772px; }
  .main-header .nav > ul li,
  .main-header nav > ul li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline; }
  .main-header .nav > ul > li > a,
  .main-header nav > ul > li > a {
    padding: 8px 13px;
    font-size: 16px;
    height: 40px;
    display: block;
    *height: 25px; }
  .main-header .nav > ul > li.active > a,
  .main-header nav > ul > li.active > a {
    background: #ee0000;
    color: #FFF;
    text-decoration: none;
    position: relative;
    padding: 8px 20px 8px 20px;
    font-weight: bold; }
  .main-header .nav > ul > li.active > a:before,
  .main-header .nav > ul > li.active > a .before,
  .main-header nav > ul > li.active > a:before {
    content: "";
    width: 100%;
    height: 10px;
    background: #ee0000;
    position: absolute;
    left: 0px;
    top: -10px; }
  .main-header .nav > ul > li.active:hover > a,
  .main-header nav > ul > li.active:hover > a {
    background: #ee0000; }
  /* Ruly: Trial, highlight the menu also */
  .main-header .nav > ul > li.menuSelected > a,
  .main-header nav > ul > li.menuSelected > a, /* Ruly: End Trial */
  .main-header .nav > ul > li:hover > a,
  .main-header nav > ul > li:hover > a {
    background: #ee0000;
    color: #FFF;
    text-decoration: none; }
  .main-header .sub-menu .active {
    font-weight: bold; }
  .main-header .nav > ul ul,
  .main-header nav > ul ul {
    position: absolute;
    left: 0;
    display: table;
    list-style: none;
    padding: 0 0 0 20px;
    margin: 0;
    background: #e4e4e4;
    width: 100%;
    max-width: 940px;
    *max-width: 960px;
    border-top: 2px solid #ee0000;
    z-index: 0;
    display: none; 
	}
	
	/* Ruly Trial, removing the hover of the menu CSS
  .main-header .nav > ul li:hover ul,
  .main-header nav > ul li:hover ul, */
  .main-header .nav > ul li.active ul,
  .main-header nav > ul li.active ul {
    /* z-index: 1; */
    display: block; }
  /* Ruly Trial: show the sub-menu */
  .main-header .nav > ul li.menuSelected ul,
  .main-header nav > ul li.menuSelected ul,
  .main-header .nav > ul li.menuSelected:hover ul,
  .main-header nav > ul li.menuSelec:hover ul {
    display: block;  /* Ruly: remove display and .menuSelected in the li */
    z-index: 1; }
  /* Ruly Trial - End */
  .main-header .nav > ul ul li,
  .main-header nav > ul ul li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    position: relative; }
  .main-header .nav > ul ul li a,
  .main-header nav > ul ul li a {
    padding: 0 15px;
    font-size: 12px;
    display: block; }
  .main-header .nav > ul ul li.active a,
  .main-header nav > ul ul li.active a {
    font-weight: bold; }
  .main-header ul.page-header--right-menu {
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 1;
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
    font-size: 14px; }
    .main-header ul.page-header--right-menu li {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: top;
      zoom: 1;
      *display: inline; }
      .main-header ul.page-header--right-menu li a {
        padding: 0 13px;
        font-size: 14px;
        position: relative; }
      .main-header ul.page-header--right-menu li:last-child a {
        padding-right: 0; }
      .main-header ul.page-header--right-menu li.bullet a:before {
        content: "";
        width: 6px;
        height: 6px;
        background: #c2c2c2;
        position: absolute;
        left: -6px;
        top: 6px;
        border-radius: 10px; }

#mobile-search-form {
  display: none;
  position: absolute;
  height: 48px;
  width: 100%;
  padding: 5px;
  border-bottom: 1px solid #dedede;
  background: #FFF;
  top: 65px;
  z-index: 10; }
  #mobile-search-form input.search {
    border: 1px solid #d1d1d1;
    height: 36px;
    padding: 0 5px;
    width: 100%; }
  #mobile-search-form input.btn {
    background: #ee0000;
    color: #FFF;
    height: 36px;
    width: 45px;
    border: 1px solid #d1d1d1;
    position: absolute;
    top: 0;
    right: 0; }

/* #Footer
================================================== */
#toTop {
  text-align: center;
  margin: 20px 0; }

.main-footer {
  font-size: 12px;
  line-height: 12px;
  text-align: center; }
  .main-footer .page-footer {
    padding: 0 20px;
    position: relative;
    width: 100%;
    min-height: 1px;
    z-index: 1; }
  .main-footer .footer--update {
    height: 20px;
    margin-top: 20px; }
  .main-footer .footer--links {
    background: #e0dace;
    padding: 0; }
  .main-footer .footer--links > div > div {
    padding: 14px 0 24px 0;
    text-align: left; }
  .main-footer .bottom-links a {
    border-left: 1px solid #343434;
    padding: 0 5px; }
  .main-footer .bottom-links a:first-child {
    border-left: 0;
    padding-left: 0; }

/* #Clearfix
================================================== */
/* Self Clearing Goodness */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.row:after,
.clearfix:after {
  clear: both; }

.row,
.clearfix {
  zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

/* #Homepage
================================================== */
.no-js .cycle-slideshow img,
.no-js .cycle-slideshow .cycle-prev, .no-js .cycle-slideshow .cycle-next {
  display: none; }
.no-js .cycle-slideshow img:first-child {
  display: block; }

.cycle-slideshow img {
  max-width: 100%;
  min-height: 204px; }
.cycle-slideshow .cycle-prev, .cycle-slideshow .cycle-next {
  position: absolute;
  top: 50%;
  margin-top: -14px;
  outline: 0;
  display: block;
  width: 28px;
  height: 28px;
  z-index: 9999;
  background: url(../img/slides.png) no-repeat #ee0000;
  cursor: pointer; }
.cycle-slideshow .cycle-prev {
  left: 0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }
.cycle-slideshow .cycle-next {
  right: 0;
  background-position: -28px 0;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }
.cycle-slideshow .cycle-pager {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 101;
  cursor: pointer; }
  .cycle-slideshow .cycle-pager span {
    color: #a89b87;
    margin-left: 8px;
    font-size: 2em;
    line-height: 0;
    vertical-align: middle; }
    .cycle-slideshow .cycle-pager span.cycle-pager-active {
      color: #ee0000;
      font-size: 2.5em; }

.homepage__login {
  background: url("../img/login-bg.jpg") no-repeat;
  padding: 0 35px;
  min-height: 204px;
  font-size: 13px; 
  background-size: cover;}
  .homepage__login h1 {
    font-size: 1.85em;
    margin: 5px 0;
    display: inline-block; }
  .homepage__login .form-notification.alert {
    background: none;
    color: red;
    vertical-align: bottom;
    padding: 0;
    padding-left: 25px;
    background: url("../img/alert.png") no-repeat;
    margin: 0; }
  .homepage__login .sp-form {
    margin: 0;
    width: 100%; }
    .homepage__login .sp-form input[type="text"] {
      margin-bottom: 0; }
    .homepage__login .sp-form .rememberme {
      width: auto;
      line-height: 30px;
      margin: 10px 0 0 0; }
      .homepage__login .sp-form .rememberme input[type=checkbox] {
        margin-top: 7px; }
    .homepage__login .sp-form fieldset {
      width: auto;
      padding: 0 0 5px 0; }
    .homepage__login .sp-form .pure-control-group {
      margin-bottom: 0px; }
    .homepage__login .sp-form .pure-controls {
      float: left;
      margin-top: 0px; }
    .homepage__login .sp-form a {
      color: #BB1721; }

.homepage__login {
  padding: 0 20px 10px; }
  .homepage__login h1 {
    margin: 20px 0 0 0; }
  .homepage__login input {
    margin-bottom: 5px; }
  .homepage__login .input-95 {
    width: 95%; }
  .homepage__login .input-100 {
    width: 100%; }
  .homepage__login .input-50 {
    width: 49%; }
  .homepage__login .input-50:first-child {
    margin-right: 2%; }
  .homepage__login button {
    margin-right: 10px; }
  .homepage__login .forgot {
    white-space: nowrap; }
  .homepage__login .link-red {
    color: #ee0000; }
    .homepage__login .link-red:hover {
      text-decoration: underline; }

.homepage__more {
  margin: 10px 0 20px 0; }
  .homepage__more h2 {
    font-size: 18px;
    margin: 0 0 10px 0; }
  .homepage__more h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0; }
  .homepage__more p {
    margin: 0;
    font-size: 13px; }
  .homepage__more a:hover {
    /* text-decoration: none; */ }
  .homepage__more .island {
    padding: 0px 10px 0px 20px; }
  .homepage__more .homepage__security {
    background: #f5f2ed; }
    .homepage__more .homepage__security ol {
      font-size: 12px;
      padding: 0;
      margin: 0 10px 10px 20px; }
      .homepage__more .homepage__security ol li {
        line-height: 17px;
        margin-bottom: 12px; }
        .homepage__more .homepage__security ol li span {
          color: #BB1721; }
        .homepage__more .homepage__security ol li:last-child {
          margin-bottom: 0; }
    .homepage__more .homepage__security .view-all {
      float: right;
      color: #BB1721; }
  .homepage__more .homepage__right {
    text-align: center; }
    .homepage__more .homepage__right a {
      color: #BB1721; }
      .homepage__more .homepage__right a.main-link {
        font-size: 16px;
        line-height: 16px;
        font-weight: bold;
        margin-bottom: 5px;
        display: block; }
      .homepage__more .homepage__right a.reset {
        margin-top: 26px; }
  .homepage__more .homepage__explore {
    background-color: #f2f2f2;
    text-align: center;
    padding: 15px 30px; }
  .homepage__more .homepage__register {
    background-color: #dfe5f1;
    text-align: center;
    padding: 15px 30px; }
  .homepage__more .homepage__activate {
    background-color: #c0cce4;
    text-align: center;
    padding: 15px 30px; }
  .homepage__more .homepage__postlogin .island {
    padding: 0 0 0 20px; }
  .homepage__more .postlogin__right {
    text-align: center;
    background: #f5f2ed;
    padding: 15px 10px 10px;
    margin: 0 0.5%;
    width: 32.333333%;
    min-height: 116px; }
    .homepage__more .postlogin__right:hover {
      background: #ee0000;
      color: #ffffff; }

/* Landing
================================================== */
.user-info {
  border: 1px solid #cac9c6;
  padding: 2px;
  cursor: pointer;
  position: relative;
  display: inline-block; }
  .user-info img {
    margin: 0 5px;
    vertical-align: middle; }
  .user-info .details {
    display: none;
    position: absolute;
    right: 0;
    background: #FFF;
    width: 240px;
    height: 175px;
    border: 1px solid #cac9c6; }
    .user-info .details > div {
      border-bottom: 1px solid #cac9c6;
      height: 33.3333%; }
      .user-info .details > div:last-child {
        border: 0; }
      .user-info .details > div > div.text {
        padding: 12px 15px;
        display: block;
        width: 175px;
        float: left;
        height: 100%; }
      .user-info .details > div > div.image {
        float: right;
        background-color: #f5f2ed;
        width: 63px;
        height: 100%;
        padding: 17px 15px; }

.landing h1 {
  margin: 0; }
.landing h2, .landing h3 {
  font-size: 18px; }
.landing h2 {
  font-weight: bold;
  margin: 10px 0; }
.landing .left {
  width: 32%;
  margin-right: 2.5%;
  background: #f5f2ed;
  border: 1px solid #e7e7e7;
  float: left;
  padding: 15px 20px; }
  .landing .left .with-icon {
    margin-bottom: 20px;
    display: block; }
    .landing .left .with-icon img {
      float: left;
      margin-right: 15px; }
    .landing .left .with-icon span {
      color: #1a55a6;
      vertical-align: middle;
      display: table-cell;
      height: 50px; }
.landing .right {
  width: 65.5%;
  float: right;
  border-top: 10px solid #ee0000;
  border-bottom: 12px solid #f5f2ed; }
  .landing .right .inner {
    border: 1px solid #e7e7e7;
    padding: 22px 0;
    width: 100%;
    height: 100%; }
  .landing .right .with-icon {
    width: 50%;
    float: left;
    display: block; }
    .landing .right .with-icon a {
      display: block;
      padding: 28px 20px 28px 28px; }
    .landing .right .with-icon img {
      float: left;
      margin-right: 15px; }
    .landing .right .with-icon span {
      vertical-align: middle;
      display: table-cell;
      height: 50px;
      font-size: 12px; }
      .landing .right .with-icon span h4 {
        font-size: 14px;
        color: #1a55a6; }

/* Register Online
================================================== */
.register {
  width: 850px;
  max-width: 100%; }
  .register .register-groups {
    font-size: 12px; }
    .register .register-groups div {
      width: 36%;
      float: left; }
    .register .register-groups div:first-child {
      width: 28%; }
  .register .with-icon span {
    display: table-cell;
    vertical-align: middle; }
  .register .with-icon img {
    vertical-align: middle;
    margin: 0 10px 0 15px; }
  .register .with-icon.address > span {
    padding-left: 20px; }
  .register .with-icon.address > span:first-child {
    border-right: 5px solid #ee0000;
    padding: 0 10px 0 0; }
  .register .with-icon a, .register .with-icon a:visited {
    color: #ee0000; }
    .register .with-icon a img, .register .with-icon a:visited img {
      margin: 0 5px 0 0;
      vertical-align: text-top; }
  .register .beige-box {
    background-color: #f8f5f0;
    padding: 20px 0; }
  .register .note-box {
    border: 1px solid #e7e7e7; }
    .register .note-box span {
      padding: 5px; }
    .register .note-box span:first-child {
      background-color: #f5f5f5; }
    .register .note-box.with-icon img {
      margin: 0 10px; }
  .register em {
    font-size: 11px; }

/* Review Account
================================================== */
.review-account {
  width: 660px;
  margin: 0 auto; }
  .review-account .subfield {
    margin-top: -10px;
    margin-bottom: 15px; }
  .review-account .subfield .sp-form label.pure-radio, .review-account .subfield select {
    display: inline; }

/* Update Profile
================================================== */
.margin-left-50 {
  margin-left: 50px; }

/* Update Profile
================================================== */
.content-navigation {
  list-style: none;
  border-bottom: 1px solid #d0ceca;
  padding: 0 0 0 10px; }
  .content-navigation a {
    margin: 0;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 140px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    background: #e8e8e8;
    text-align: center; }
    .content-navigation a:hover, .content-navigation a.active {
      text-decoration: none;
      background-color: #ee0000;
      color: #FFF; }
  .content-navigation.large a {
    width: auto;
    padding: 0 15px; }
  .content-navigation .mobile {
    display: none;
    position: relative; }
    .content-navigation .mobile .navigation {
      display: none; }
  .content-navigation .arrow-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #8d8883;
    display: inline-block;
    margin-bottom: 2px; }

.content-navigation-section {
  padding: 10px;
  border: 1px solid #d0ceca;
  border-top: 0; }
  .content-navigation-section .content-navigation-inner {
    padding: 15px; }
    .content-navigation-section .content-navigation-inner h4, .content-navigation-section .content-navigation-inner .pure-g {
      margin-bottom: 10px; }

/* #Sidemenu
================================================== */
.withsidemenu {
  margin-top: 20px; }
  .withsidemenu .withsidemenu__sidemenu {
    width: 220px;
    float: left;
    border-right: 1px solid #deddda;
    min-height: 500px;
    clear: both; }
    .withsidemenu .withsidemenu__sidemenu .nav ul {
      list-style: none;
      margin: 0;
      padding: 0; }
    .withsidemenu .withsidemenu__sidemenu .nav li {
      line-height: 140%;
      text-indent: 0px;
      background-position: 1px 8px;
      padding-left: 20px;
      background-repeat: no-repeat;
      background-position: 0px 4px; }
    .withsidemenu .withsidemenu__sidemenu .nav ul ul li {
      padding: 10px 0px 10px 10px;
      margin: 10px 0; }
    .withsidemenu .withsidemenu__sidemenu .nav .has-sub-menu {
      padding: 10px 20px;
      margin-bottom: 5px; }
      .withsidemenu .withsidemenu__sidemenu .nav .has-sub-menu > a {
        font-weight: bold; }
      .withsidemenu .withsidemenu__sidemenu .nav .has-sub-menu.open:before {
        background: transparent url(../img/ie7/submenu-open.png) -1px 0px no-repeat !important; }
      .withsidemenu .withsidemenu__sidemenu .nav .has-sub-menu.active {
        padding: 10px 0; }
        .withsidemenu .withsidemenu__sidemenu .nav .has-sub-menu.active > a {
          background-color: #a3988a;
          color: #fff;
          padding: 10px 20px;
          display: block; }
      .withsidemenu .withsidemenu__sidemenu .nav .has-sub-menu:before {
        content: "";
        position: absolute;
        display: block;
        width: 8px;
        height: 10px;
        left: 5px;
        margin-top: 5px;
        background-image: url("../img/submenu.png");
        background-repeat: no-repeat;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease; }
      .withsidemenu .withsidemenu__sidemenu .nav .has-sub-menu.active:before {
        margin-top: 12px; }
    .withsidemenu .withsidemenu__sidemenu .nav .sub-menu {
      display: none; }
      .withsidemenu .withsidemenu__sidemenu .nav .sub-menu.active {
        display: block; }
    .withsidemenu .withsidemenu__sidemenu .nav ul.active li.active a {
      font-weight: bold; }
    .withsidemenu .withsidemenu__sidemenu .nav ul ul a {
      font-weight: normal; }
  .withsidemenu .withsidemenu__content {
    margin-left: 260px;
    min-height: 500px; }
    .withsidemenu .withsidemenu__content h3 {
      font-size: 18px;
      margin: 0 0 10px 0; }
    .withsidemenu .withsidemenu__content .content__line {
      margin-bottom: 40px;
      border-bottom: 1px solid #deddda; }
      .withsidemenu .withsidemenu__content .content__line:last-child {
        border: 0; }
    .withsidemenu .withsidemenu__content .content__icon {
      width: 120px;
      text-align: center;
      position: absolute; }
      .withsidemenu .withsidemenu__content .content__icon a {
        text-decoration: underline;
        display: block; }
    .withsidemenu .withsidemenu__content .content__text {
      margin-left: 165px; }
      .withsidemenu .withsidemenu__content .content__text p {
        line-height: 14px;
        margin-bottom: 30px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

h2 {
  font-size: 25px;
  line-height: 30px;
  margin: 10px 20px; }

.page-title {
  margin-top: 0; }

h3 {
  font-size: 1.17em;
  font-weight: bold;
  margin: 0 0 1em 0; }

h4 {
  font-weight: bold;
  margin: 0; }

/* #Links
================================================== */
a, a:visited {
  color: #343434;
  text-decoration: none;
  outline: 0; }

a:hover, a:focus {
  text-decoration: underline; }

/* #placeholders
================================================== */
::-webkit-input-placeholder {
  font-size: 14px;
  font-style: italic; }

:-moz-placeholder {
  font-size: 14px;
  font-style: italic; }

::-moz-placeholder {
  font-size: 14px;
  font-style: italic; }

:-ms-input-placeholder {
  font-size: 14px;
  font-style: italic; }

/* utilities */
hr {
  margin: 20px 0;
  background: #cccccc;
  border: 0;
  height: 1px; }

.auto-width {
  width: auto !important; }

.u-underline {
  text-decoration: underline; }

.u-capitalize {
  text-transform: capitalize; }

.u-uppercase {
  text-transform: uppercase; }

.u-center {
  text-align: center !important; }

.no-padding {
  padding: 0px !important;
  padding: 0px !important; }

.no-margin {
  margin: 0px !important;
  margin: 0px !important; }

.v-align-bottom {
  vertical-align: bottom;
  display: table-cell; }

.v-align-top {
  vertical-align: top;
  display: table-cell; }

.v-align-middle {
  vertical-align: middle;
  display: table-cell; }

.h-align-middle {
  margin-left: auto;
  margin-right: auto;
  display: table; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

.textcenter {
  text-align: center; }

.textleft {
  text-align: left; }

.textright {
  text-align: right; }

/* icons */
i.icon {
  display: inline-block;
  width: 16px;
  height: 15px;
  margin-top: 1px;
  line-height: 15px;
  vertical-align: text-top;
  /* background-image: url("../img/icons.png"); */
  background-repeat: no-repeat; }
  i.icon.question {
    width: 16px;
    height: 16px;
    background-image: url("../img/question.png"); }
  i.icon.plus {
    width: 16px;
    height: 16px;
    background-image: url("../plugins/datatables-responsive/img/plus.png"); }
  i.icon.minus {
    width: 16px;
    height: 16px;
    background-image: url("../plugins/datatables-responsive/img/minus.png"); }
  i.icon.font-size {
    width: 17px;
    height: 12px;
    background-image: url("../img/font-size.png");
    background-position: -17px 0; }
  i.icon.font-size.small {
    background-position: 0 0; }
  i.icon.font-size.big {
    background-position: -34px 0; }
  i.icon.print {
    width: 24px;
    height: 23px;
    background-image: url("../img/print.png"); }
  i.icon.slides {
    width: 14px;
    height: 20px;
    background-image: url("../img/slides.png"); }
  i.icon.slides.next {
    background-position: -14px 0; }
  i.icon.arrow {
    width: 14px;
    height: 9px;
    background-image: url("../img/downup.png"); }
  i.icon.arrow.up {
    background-position: -14px 0; }
  i.icon.pagination-arrow {
    width: 16px;
    height: 16px;
    background-image: url("../img/pagination.png"); }
  i.icon.pagination-arrow.right {
    background-position: -16px 0; }
  i.icon.pagination-arrow.left:hover {
    background-position: 0 -16px; }
  i.icon.pagination-arrow.right:hover {
    background-position: -16px -16px; }
  i.icon.openclose.open {
    width: 16px;
    height: 16px;
    background-position: -16px 0;
    background-image: url("../img/openclose.png"); }
  i.icon.openclose {
    width: 16px;
    height: 16px;
    background-position: 0 0;
    background-image: url("../img/openclose.png"); }
  i.icon.trash {
    width: 13px;
    height: 15px;
    background-position: 0 0;
    background-image: url("../img/trash.png"); }
  i.icon.trigger {
    cursor: pointer; }
  i.icon.alert {
    width: 19px;
    height: 18px;
    margin-right: 5px;
    background-image: url("../img/alert.png"); }

/* #breadcrumb
================================================== */
ul.breadcrumb {
  list-style: none;
  padding: 5px 0 0 20px;
  margin: 0 0 15px 0;
  background: #f7f5f0;
  height: 29px;
  width: 100%;
  max-width: 960px;
  *max-width: 980px; }
  ul.breadcrumb li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    font-size: 12px;
    padding: 0 5px; }
    ul.breadcrumb li:first-child a {
      padding-left: 0; }
  ul.breadcrumb .breadcrumb--logout {
    margin-left: 30px;
    text-decoration: underline; }

/* #steps
================================================== */
ul.steps {
  list-style: none;
  padding: 12px 0 12px 15px;
  margin: 10px 0 36px 0;
  background: #ececec;
  width: 100%;
  max-width: 960px;
  *max-width: 940px; }
  ul.steps li {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    padding: 0 6px;
    font-size: 13px;
    vertical-align: middle;
    line-height: 27px;
    color: #999999;
    font-size: 10px;
    font-weight: bold; }
    ul.steps li img {
      vertical-align: middle; }
    ul.steps li:first-child {
      padding-left: 0; }
    ul.steps li:last-child {
      padding-right: 0; }
    ul.steps li span.number {
      font-size: 35px;
      margin-right: 10px;
      vertical-align: middle; }
    ul.steps li.active {
      color: #000; }

/* #desktop
================================================== */
.hide-desktop {
  display: none; }

.show-mobile {
  display: none !important; }

/* accordion
================================================== */
.toggle_container {
  border: 1px solid #999999;
  margin-bottom: 20px; }
  .toggle_container .header {
    padding: 5px 16px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #999999; }
  .toggle_container .section {
    padding: 10px 20px; }
  .toggle_container hr {
    background: #deddda; }

/* progress bar
================================================== */
.spcp-progress {
  height: 0;
  margin-bottom: 20px;
  overflow: hidden;
  border-radius: 2px; }

.spcp-progress-bar-success {
  border: 1px solid #d6d3cf;
  background-color: #015098; }

.spcp-progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease; }

.fileinput-button {
  position: relative;
  overflow: hidden;
  margin-bottom: 5px; }

.fileinput-button #fileupload {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer; }

.ie7 .sp-form .fileinput-button,
.ie8 .sp-form .fileinput-button,
.ie9 .sp-form .fileinput-button {
  background-color: #fff !important;
  border-width: 0;
  display: inline; }
  .ie7 .sp-form .fileinput-button:hover,
  .ie8 .sp-form .fileinput-button:hover,
  .ie9 .sp-form .fileinput-button:hover {
    background-color: #fff !important;
    border-width: 0; }

.ie7 .file-upload-form #fileupload,
.ie8 .file-upload-form #fileupload,
.ie9 .file-upload-form #fileupload {
  display: inline-block;
  opacity: 100;
  filter: alpha(opacity=100);
  -ms-filter: 'alpha(opacity=100)';
  position: relative;
  font-size: 14px; }

.ie7 .file-upload-form #filename,
.ie8 .file-upload-form #filename,
.ie9 .file-upload-form #filename,
.ie7 .file-upload-form .fileinput-button span,
.ie8 .file-upload-form .fileinput-button span,
.ie9 .file-upload-form .fileinput-button span {
  display: none; }

.file-upload-ie {
  display: none; }

.ie7 .file-upload-ie,
.ie8 .file-upload-ie,
.ie9 .file-upload-ie {
  display: inline-block; }

.mandatory {
  color: red; }

.sp-form.user {
  margin-left: 50px; }
.sp-form.reset .pure-control-group label {
  width: 150px; }
.sp-form.reset fieldset {
  width: 100%; }
.sp-form.profile {
  margin-left: 50px; }
  .sp-form.profile .pure-controls {
    float: left;
    text-align: right;
    width: 521px; }
.sp-form.file-upload-form fieldset {
  padding-left: 50px; }
.sp-form.file-upload-form p {
  margin-top: 0;
  font-size: 12px; }
.sp-form.file-upload-form .file-upload select, .sp-form.file-upload-form .file-upload input, .sp-form.file-upload-form .file-upload button {
  margin-bottom: 5px; }
.sp-form.file-upload-form .file-upload #uploadme {
  width: 1px;
  height: 1px;
  visibility: hidden; }
.sp-form.history .pure-control-group {
  margin: 1em 0; }
  .sp-form.history .pure-control-group label {
    width: 150px; }
  .sp-form.history .pure-control-group input[type=radio] {
    margin: 10px 20px 0 0; }
  .sp-form.history .pure-control-group label.pure-radio {
    margin-bottom: 10px; }
    .sp-form.history .pure-control-group label.pure-radio.two-fields {
      position: relative; }
.sp-form.history fieldset {
  width: 534px; }
.sp-form.history input#date2 {
  margin-left: 20px; }
.sp-form.agent .pure-control-group {
  margin: 1em 0; }
  .sp-form.agent .pure-control-group label {
    max-width: 190px; }
.sp-form.agent fieldset {
  width: 450px; }
.sp-form .well {
  background-color: #f4f1ed;
  padding: 15px; }
  .sp-form .well fieldset {
    width: 485px;
    padding: 0; }
  .sp-form .well .pure-control-group label {
    width: 225px; }
.sp-form input[type=text], .sp-form input[type=password], .sp-form input[type=email], .sp-form input[type=url],
.sp-form input[type=date], .sp-form input[type=month], .sp-form input[type=time], .sp-form input[type=datetime],
.sp-form input[type=datetime-local], .sp-form input[type=week], .sp-form input[type=number],
.sp-form input[type=search], .sp-form input[type=tel], .sp-form input[type=color], .sp-form select, .sp-form textarea {
  border-radius: 0;
  height: 35px;
  /*line-height: 35px;*/
  padding: 0 15px;
  vertical-align: middle; }
.sp-form select {
  padding: 0 0 0 15px;
  line-height: 30px; }
.sp-form textarea {
  height: 105px;
  padding: 10px 15px; }
.sp-form .pure-control-group {
  margin-bottom: 16px; }
  .sp-form .pure-control-group input.error {
    border: 1px solid red; }
  .sp-form .pure-control-group input[type=checkbox], .sp-form .pure-control-group input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
    float: left;
    margin-right: 5px; }
  .sp-form .pure-control-group .label-error {
    display: inline-block;
    position: relative; 
	/* Ruly Start */
	max-width: 300px;
	margin-left: 20px;
	}
	 .sp-form .pure-control-group .label-errors {
    display: inline-block;
    position: absolute; 
	/* Ruly Start */
	max-width: 300px;
	margin-left: 20px;
	}
  .sp-form .pure-control-group label {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    width: 260px;
    margin: 5px 10px 0 0; }
    .sp-form .pure-control-group label.error {
      margin: 8px 15px;
      color: red;
      font-size: 12px;
      display: inline; 
	  max-width: 300px;
	  /* Ruly */
	  margin: 0px;
  	  }
      .sp-form .pure-control-group label.error a {
        color: red;
        text-decoration: underline;
        cursor: pointer; }
    .sp-form .pure-control-group label.pure-checkbox, .sp-form .pure-control-group label.pure-radio {
      width: auto;
      display: block;
      margin: .1em 0; }
  .sp-form .pure-control-group .field {
    display: inline-block; 
    /* Ruly Trial */
	/* vertical-align: top; */
	}
  .sp-form .pure-control-group .date-field {
    position: relative; }
.sp-form .pure-controls {
  float: right;
  margin: 0; }
  .sp-form .pure-controls button:first-child {
    margin-left: 0; }

.table-form .pure-control-group {
  margin-bottom: 5px; }
  .table-form .pure-control-group label {
    width: 180px; }

.input-medium {
  width: 245px; }

.input-small {
  width: 150px; }

.input-xsmall {
  width: 90px; }

.input-full {
  width: 520px; }

.input-fluid {
  width: 100%; }

.passStrengthify {
  margin-left: 10px;
  vertical-align: top; }
  .passStrengthify > div > span {
    margin-bottom: 5px;
    display: block; }
  .passStrengthify > div > span > span {
    font-style: italic;
    font-weight: bold;
    float: right; }
  .passStrengthify .progress span {
    border-top: 1px solid #e0dfdc;
    border-bottom: 1px solid #e0dfdc;
    display: block; }
    .passStrengthify .progress span:first-child {
      border-left: 1px solid #e0dfdc; }
    .passStrengthify .progress span:last-child {
      border-right: 1px solid #e0dfdc; }

/* #E-Services
================================================== */
.sp-form .sp-form-2columns .col1 {
  width: 90px;
  margin-bottom: 10px;
  display: inline-block; }
  .sp-form .sp-form-2columns .col1 .input-xsmall {
    width: 80px; }
.sp-form .sp-form-2columns .col2 {
  width: 150px;
  margin-bottom: 10px;
  display: inline-block; }
.sp-form .statuses .status {
  margin-bottom: 10px; }
.sp-form .field-table {
  border-collapse: collapse; }
  .sp-form .field-table label {
    width: auto;
    margin: 0 0 2px 0;
    vertical-align: middle; }
  .sp-form .field-table input[type="search"] {
    width: 150px; }
  .sp-form .field-table .toggle-advanced-search {
    margin-top: 6px; }
  .sp-form .field-table th.border, .sp-form .field-table td.border {
    border: 1px solid #ccc;
    width: 185px;
    padding: 5px;
    text-align: center; }
  .sp-form .field-table .delete {
    padding: 5px 10px; }
.sp-form .additional-parameters .additional {
  margin-bottom: 10px;
  width: 455px; }
  .sp-form .additional-parameters .additional > span {
    display: inline-block; }
    .sp-form .additional-parameters .additional > span.col1 {
      width: 22%; }
    .sp-form .additional-parameters .additional > span.col2 {
      width: 35%; }
    .sp-form .additional-parameters .additional > span.col3 {
      width: 27%; }
    .sp-form .additional-parameters .additional > span.col4 {
      width: 11%; }
  .sp-form .additional-parameters .additional input, .sp-form .additional-parameters .additional select {
    max-width: 100%; }
.sp-form .roles .role {
  margin-bottom: 10px; }
  .sp-form .roles .role > div {
    display: inline-block; }
    .sp-form .roles .role > div.col1 {
      width: 160px; }
    .sp-form .roles .role > div.col2 {
      width: 160px; }
    .sp-form .roles .role > div.col3 {
      width: 150px; }

/* #Password Reset
================================================== */
.sp-form .is-hidden, .sp-form .hidden {
  display: none; }
.sp-form input.password-error {
  border: 1px solid red; }
.sp-form .t-form-success {
  color: #2fa13e;
  padding-right: 3px;
  font-size: inherit;
  vertical-align: top; }
.sp-form .t-form-error {
  color: #cf2010;
  padding-right: 3px;
  font-size: inherit;
  vertical-align: top; }
.sp-form .t-form-error .icon-exclamation, .sp-form .t-form-success .icon-exclamation {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background: url("../img/exclamation.png"); }
.sp-form .t-form-success .icon-exclamation {
  background-position: -16px 0; }
.sp-form .password-validation {
  position: relative; }
.sp-form .password-info {
  border: 1px solid #a4a4a4;
  background-color: #fff;
  position: absolute;
  z-index: 61;
  font-size: 14px;
  padding: 5px 10px;
  width: 100%; }
  .sp-form .password-info p {
    margin: 0 0 5px 0; }
  .sp-form .password-info ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 12px; }

.sp-table {
  margin-bottom: 12px; }
  .sp-table .datatable-nested tbody > tr td {
    border-bottom-width: 1px; }
  .sp-table.sp-table-small-font {
    font-size: 12px; }
  .sp-table thead {
    background: #5d5d5d;
    color: #FFF; }
  .sp-table .pagination {
    float: right;
    margin-bottom: 1em; }
  .sp-table .icon {
    cursor: pointer; }
  .sp-table td {
    background-color: #FFF;
    vertical-align: top; }
    .sp-table td a {
      text-decoration: underline;
      color: #0b4d96; }
      .sp-table td a:hover {
        text-decoration: none; }
  .sp-table tr.even > td {
    background-color: #e8eff7; }
  .sp-table.pure-table-striped tr:nth-child(2n-1) td {
    background-color: transparent; }
  .sp-table.pure-table-striped tr:nth-child(2n) td {
    background-color: #e8eff7; }

.pure-table-full {
  width: 100%; }

.pure-table-3-quarters {
  width: 75%; }

.pure-table-half {
  width: 50%; }

.sp-form button, .sp-form .btn {
  border-radius: 0;
  width: 123px;
  height: 33px;
  border: 1px solid #d7d7d7;
  font-weight: normal;
  font-size: 17px;
  line-height: 17px;
  padding: .4em 1em;
  color: #666666;
  background: #cccccc;
  vertical-align: middle; }
  .sp-form button:hover, .sp-form .btn:hover {
    color: #000;
    background: #DDD;
    text-decoration: none; }
  .sp-form button.btn-small, .sp-form .btn.btn-small {
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    width: auto;
    min-width: inherit; }
    .sp-form button.btn-small.plus, .sp-form .btn.btn-small.plus {
      font-size: 24px;
      line-height: 12px;
      padding: 10px; }
    .sp-form button.btn-small .btn-sized, .sp-form .btn.btn-small .btn-sized {
      width: 100px; }
    .sp-form button.btn-small .icon-remove, .sp-form .btn.btn-small .icon-remove {
      display: inline-block;
      width: 13px;
      height: 15px;
      margin-right: 8px;
      background: url("../img/trash2.png") left center no-repeat;
      vertical-align: text-top; }
    .sp-form button.btn-small:hover .icon-remove, .sp-form .btn.btn-small:hover .icon-remove {
      background-position: -13px 0; }
  .sp-form button.delete, .sp-form .btn.delete {
    background: transparent;
    border: 0;
    padding: 10px; }

.sp-form button.pure-button-primary, .sp-form .btn.pure-button-primary {
  color: #FFF;
  background: #ee0000; }
  
  .sp-form button.pure-button-primary-disabled, .sp-form .btn.pure-button-primary1 {
  color: #FFF;
  background: #F89999; }
  
  .sp-form button.pure-button-primary:hover, .sp-form .btn.pure-button-primary:hover {
    color: #000;
    background: #DDD;
    text-decoration: none; }

.sp-form .btn {
  width: auto;
  min-width: 100px; }

.pure-button {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

/* tooltip style */
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-size: 13px;
  line-height: 1.4;
  opacity: 0;
  filter: "alpha(opacity=@{opacity-ie})"; }
  .tooltip.in {
    opacity: 0.9;
    filter: "alpha(opacity=@{opacity-ie})"; }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px; }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0; }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #5c5c5c;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #5c5c5c; }
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #5c5c5c; }
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #5c5c5c; }
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #5c5c5c; }
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #5c5c5c; }
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #5c5c5c; }
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #5c5c5c; }
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #5c5c5c; }

/* popover */
.popover {
  position: absolute;
  color: #fff;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #5c5c5c;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2) ;
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2) ;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2) ;
  opacity: 0;
  filter: "alpha(opacity=@{opacity-ie})";
  white-space: normal; }
  .popover.in {
    opacity: 0.9;
    filter: "alpha(opacity=@{opacity-ie})"; }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #5c5c5c;
  border-bottom: 1px solid #4f4f4f;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover-content a {
  color: #fff;
  text-decoration: underline; }

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }
  .popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #5c5c5c; }
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }
  .popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #5c5c5c; }
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }
  .popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #5c5c5c; }
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }
  .popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #5c5c5c;
    bottom: -10px; }

.no-js .user-js-alert {
  display: block; }

.js .user-js-alert, .user-js-alert {
  display: none; }

.notification,
.form-notification {
  margin: 4px 0 2px 0;
  font-size: 12px; }
  .notification.alert,
  .form-notification.alert {
      background: #FFEFDB;
	  border-color: #ee0000;
	  border-style: solid;
	  border-width: 1.5px;
	  font-weight: bolder;
	  color: #ee0000; }
  .notification.info,
  .form-notification.info {
    background: #d6eddf;
    color: #3d644c; }
  .notification.message,
  .form-notification.message {
    background: #c1d4ee; }
    .notification.message .container,
    .form-notification.message .container {
      margin-top: 20px; }
  .notification .container,
  .form-notification .container {
    padding: 9px 20px 14px 20px; }
  .notification .user-warning,
  .form-notification .user-warning {
    font-weight: bold; }
  .notification h4,
  .form-notification h4 {
    font-size: 18px;
    margin: 0;
    font-weight: normal; }
  .notification a,
  .form-notification a {
    color: #ee0000; }
  .notification .notification__close,
  .form-notification .notification__close {
    position: absolute;
    top: 3px;
    right: 25px;
    font-size: 13px;
    font-weight: bold;
    color: #999999;
    cursor: pointer; }

form .form-notification {
  margin: 15px 0;
  font-size: 12px;
  padding: 9px 15px;
  *max-width: 880px;
  display: block; }

.excel-export {
  float: right;
  margin-top: -22px;
  position: absolute;
  right: 0; }
  .excel-export a {
    background: url("../img/excel.png") left center no-repeat;
    padding-left: 25px; }

.dataTables_wrapper {
  /*.selectall {
  display: inline-block;
  margin: 0 15px;
  }*/ }
  .dataTables_wrapper .dataTables_length {
    display: inline-block; }
    .dataTables_wrapper .dataTables_length select {
      margin: 0; }
  .dataTables_wrapper .toggle-advanced-search {
    float: left;
    margin-top: 10px; }
    .dataTables_wrapper .toggle-advanced-search.open {
      font-weight: bold; }
    .dataTables_wrapper .toggle-advanced-search a {
      background: url("../img/search-plus.png") left center no-repeat;
      padding-left: 25px; }

.dataTables_filter {
  float: right; }

.pure-form-stacked .dataTables_filter input {
  display: inline-block;
  margin: 0 0 0 10px; }

.dataTables_paginate {
  display: inline-block; }

.paginate_button {
  margin-right: 10px;
  cursor: pointer; }
  .paginate_button.current {
    font-weight: bold; }

.dataTables_info {
  display: inline-block;
  margin-left: 10px; }

table.dataTable thead th {
  vertical-align: middle; }
  table.dataTable thead th.sorting_asc {
    background: url("../img/sort_asc.png") no-repeat center right #5d5d5d; }
  table.dataTable thead th.sorting_desc {
    background: url("../img/sort_desc.png") no-repeat center right #5d5d5d; }
  table.dataTable thead th.sorting {
    background: url("../img/sort_both.png") no-repeat center right #5d5d5d; }

table.dataTable .openrowcontent {
  display: none; }

table.dataTable.dtr-inline.collapsed tbody td:first-child,
table.dataTable.dtr-inline.collapsed tbody th:first-child {
  position: relative;
  padding-left: 30px;
  cursor: pointer; }

table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
  top: 8px;
  left: 4px;
  height: 16px;
  width: 16px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 16px;
  text-align: center;
  line-height: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  content: '+';
  background-color: #31b131; }

table.dataTable.dtr-inline.collapsed tbody td:first-child.dataTables_empty:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child.dataTables_empty:before {
  display: none; }

table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
  content: '-';
  background-color: #d33333; }

table.dataTable.dtr-inline.collapsed tbody tr.child td:before {
  display: none; }

table.dataTable.dtr-column tbody td.control,
table.dataTable.dtr-column tbody th.control {
  position: relative;
  cursor: pointer; }

table.dataTable.dtr-column tbody td.control:before,
table.dataTable.dtr-column tbody th.control:before {
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 16px;
  text-align: center;
  line-height: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  content: '+';
  background-color: #31b131; }

table.dataTable.dtr-column tbody tr.parent td.control:before,
table.dataTable.dtr-column tbody tr.parent th.control:before {
  content: '-';
  background-color: #d33333; }

table.dataTable tr.child {
  padding: 0.5em 1em; }

table.dataTable tr.child:hover {
  background: transparent !important; }

table.dataTable tr.child ul {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0; }

table.dataTable tr.child ul li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0; }

table.dataTable tr.child ul li:first-child {
  padding-top: 0; }

table.dataTable tr.child ul li:last-child {
  border-bottom: none; }

table.dataTable tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold; }

.records-selected {
  margin: 8px 0;
  /*float: left;*/ }

table.dataTable tr.group td {
  color: #FFF;
  background: #0b4d96; }

.sidr {
  /* Default Settings */
  display: none;
  position: absolute;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 270px;
  overflow-x: none;
  overflow-y: auto;
  /* Theme Settings */
  font-family: "Arial";
  font-size: 15px;
  background: #f8f8f8;
  color: #333;
  -webkit-box-shadow: 0 0 5px 5px #ebebeb inset;
  -moz-box-shadow: 0 0 5px 5px #ebebeb inset;
  box-shadow: 0 0 5px 5px #ebebeb inset; }
  .sidr .sidr-inner {
    padding: 0 0 15px; }
    .sidr .sidr-inner > p {
      margin-left: 15px;
      margin-right: 15px; }
  .sidr.right {
    left: auto;
    right: -270px; }
  .sidr.left {
    left: -270px;
    right: auto; }
  .sidr > ul > li > ul > li:hover > a, .sidr > ul > li > ul > li:hover > span, .sidr > ul > li > ul > li.active > a, .sidr > ul > li > ul > li.active > span {
    background: #ee0000;
    color: #ffffff; }
  .sidr ul {
    display: block;
    margin: 0 0 15px;
    padding: 0; }
    .sidr ul li {
      display: block;
      margin: 0;
      line-height: 48px; }
      .sidr ul li.sidr-class-active > a, .sidr ul li.sidr-class-active > span {
        background: #ee0000;
        color: #ffffff; }
      .sidr ul li a, .sidr ul li span {
        padding: 0 15px;
        display: block;
        text-decoration: none;
        color: #333; }
      .sidr ul li ul {
        border-bottom: none;
        margin: 0; }
        .sidr ul li ul li {
          line-height: 40px;
          font-size: 13px; }
          .sidr ul li ul li:last-child {
            border-bottom: none; }
          .sidr ul li ul li:hover > a, .sidr ul li ul li:hover > span, .sidr ul li ul li.active > a, .sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a, .sidr ul li ul li.sidr-class-active > span {
            background: #ee0000;
            color: #ffffff; }
          .sidr ul li ul li a, .sidr ul li ul li span {
            color: rgba(51, 51, 51, 0.8);
            padding-left: 30px; }
  .sidr .sidr-class-logout {
    background: #e4e4e4; }
  .sidr .sidr-class-btn {
    border-radius: 0;
    width: 220px;
    height: 33px;
    border: 1px solid #d7d7d7;
    font-weight: bold;
    font-size: 17px;
    line-height: 17px;
    padding: .4em 1em;
    margin: 10px auto;
    color: #FFF;
    background: #ee0000;
    vertical-align: middle;
    text-align: center; }

.sp-form .pure-controls.btn-left{
	margin-right: 33px;
}

/* responsive breakpoint */
/* Smaller than desktop
================================================== */
/* Tablet
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .hide-tablet {
    display: none !important; }

  .hide-desktop {
    display: block !important; } 
    
    .hide-mobile.showmobile {
    display: block !important; } }
/*  #Mobile
================================================== */

@media only screen and (max-width: 767px) {
  .xs-textcenter {
    text-align: center; }

  .xs-m-t-10 {
    margin-top: 10px; }

  .hide-mobile {
    display: none !important; }

  .hide-desktop {
    display: block !important; }
    
   .hide-mobile.showmobile {
    display: block !important; }

  .show-mobile {
    display: block !important; }

  .container, .page-container, .main-header .page-header {
    padding: 0;
    max-width: 480px; }

  .main-header {
    margin-bottom: 10px; }

  .main-header .page-header--logos {
    height: 60px;
    min-height: 60px;
    border: 0;
    padding: 0;
    margin-bottom: 0px; }

  .main-header h1 {
    height: 60px;
    margin: 0 0 0 100px; }

  .main-header #admin-logo {
    margin: 10px 0 0 10px;
    max-width: 70%;
    height: auto;
    max-height: 60px; }

  .wrapper {
    margin: 0 5%;
    max-width: 90%;
    /*overflow-x: auto;*/ }

  .dataTables_wrapper {
    /*overflow-x: auto;*/ }
    .dataTables_wrapper .advanced-search, .dataTables_wrapper .toggle-advanced-search {
      display: none !important; }

  h2 {
    margin: 0; }

  ul.steps {
    padding: 16px 0 14px 25px;
    margin: 10px 0 20px 0; }
    ul.steps li {
      padding: 0; }

  .pure-table-half, .pure-table-3-quarters {
    width: 100%; }

  .sp-form.user {
    margin: 0; }
  .sp-form.profile {
    margin: 0 10px; }
    .sp-form.profile .pure-controls {
      width: auto; }
  .sp-form input[type=text], .sp-form input[type=password], .sp-form input[type=email], .sp-form input[type=url],
  .sp-form input[type=date], .sp-form input[type=month], .sp-form input[type=time], .sp-form input[type=datetime],
  .sp-form input[type=datetime-local], .sp-form input[type=week], .sp-form input[type=number],
  .sp-form input[type=search], .sp-form input[type=tel], .sp-form input[type=color], .sp-form select, .sp-form textarea {
    max-width: 100%;
    box-sizing: border-box; }
  .sp-form fieldset, .sp-form .field {
    width: 100% !important;
    box-sizing: border-box;
    padding-left: 0 !important; }
  .sp-form .pure-control-group .field {
    display: block; }
    .sp-form .pure-control-group .field.date-field .ui-datepicker-trigger {
      left: 220px; }
  .sp-form .pure-control-group label {
    width: auto;
    margin-bottom: 5px; }
    .sp-form .pure-control-group label.error {
      margin: 0; }
  .sp-form .pure-controls {
    float: none; }
  .sp-form.history .pure-controls {
    text-align: right; }
  .sp-form textarea {
    width: 100%; }
  .sp-form button[type=submit], .sp-form .btn {
    margin: 0; }
  .sp-form .sp-form-2columns .col1 {
    width: 72px; }
  .sp-form .sp-form-2columns .col2 {
    width: 135px; }
  .sp-form .additional-parameters .additional {
    width: 100%; }
  .sp-form .well {
    padding: 0;
    background: transparent; }
  .sp-form .file-upload select, .sp-form .file-upload input[type="text"] {
    width: 280px; }

  button.pure-button {
    margin-left: 0; }

  /* home */
  .cycle-slideshow img {
    min-height: inherit; }
  .cycle-slideshow .cycle-prev, .cycle-slideshow .cycle-next {
    display: none; }

  .homepage__login {
    padding-bottom: 20px;
    background-size: cover; }
    .homepage__login .sp-form input[type="text"] {
      margin-bottom: 7px; }
    .homepage__login .sp-form label {
      margin-bottom: 3px; }
    .homepage__login .sp-form .rememberme {
      margin-top: 0; }

  .homepage__more h2 {
    text-align: center;
    margin-top: 20px; }

  .homepage__more .homepage__security ol {
    margin-top: 20px; }

  .homepage__right {
    border-top: 1px solid #e8e8e8;
    margin-top: 30px; }

  /* pages */
  .homepage__more .homepage__explore, .homepage__more .homepage__register, .homepage__more .homepage__activate, .homepage__more .postlogin__right {
    width: 100%;
    margin: 0;
    float: none; }
  .homepage__more .postlogin__right, .homepage__more .postlogin__link {
    margin-bottom: 5px; }
  .homepage__more .homepage__postlogin {
    padding: 0 20px; }
    .homepage__more .homepage__postlogin h2 {
      margin-top: 10px;
      margin-bottom: 20px; }

  .homepage__login .sp-form .input-100, .homepage__login .sp-form .input-50 {
    display: inline-block;
    /* margin: 0; */ }
  .homepage__login .sp-form .forgot {
    display: block;
    margin-top: 5px; }

  .landing .left, .landing .right, .landing .right .with-icon {
    width: 100%;
    margin: 0;
    float: none; }

  .withsidemenu .withsidemenu__content {
    margin: 0 5%;
    min-height: inherit; }
    .withsidemenu .withsidemenu__content .content__icon {
      width: 100%;
      position: relative;
      margin-bottom: 20px; }
    .withsidemenu .withsidemenu__content .content__text {
      margin: 0; }

  .margin-left-50 {
    margin-left: auto; }

  .content-navigation a:not(.active) {
    display: none; }
  .content-navigation .mobile {
    display: inline-block; }
    .content-navigation .mobile .more {
      width: 70px;
      background: #e8e8e8;
      color: #343434;
      /* font-size: 30px; */
      margin: 0;
      display: inline-block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      height: 40px;
      line-height: 40px;
      vertical-align: middle;
      text-align: center;
      cursor: pointer; }
    .content-navigation .mobile .navigation {
      /*display: block;*/
      position: absolute;
      right: 0;
      border: 1px solid #e8e8e8; }
    .content-navigation .mobile.open .navigation {
      display: block; }
    .content-navigation .mobile a.active {
      display: none; }
  .content-navigation .mobile a {
    display: block;
    background: #FFF;
    color: #343434;
    text-align: left;
    padding-left: 10px;
    white-space: nowrap; }
    .content-navigation .mobile a:hover {
      background: #f0f2f3; }

  .register .with-icon.address span:first-child {
    border: 0;
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 0 20px 0; }
  .register .register-groups {
    padding: 20px 5px 0 0; }
    .register .register-groups div {
      width: 100% !important;
      float: none;
      margin-bottom: 10px; }
    .register .register-groups div:last-child {
      margin: 0; }
  .register .beige-box {
    padding: 20px 5px; }
    .register .beige-box span {
      padding: 5px; }

  .review-account {
    width: 100%; }

  .two-fields {
    width: 85%; }
    .two-fields .datePicker.hasDatepicker {
      display: inline-block; }
    .two-fields .ui-datepicker-trigger {
      display: inline-block !important;
      top: 0; }
    .two-fields .datePicker.dateto {
      margin-left: 32px; }
    .two-fields .input-small {
      width: 120px; }

  .excel-export {
    margin-top: 20px;
    position: relative; }

  /* footer */
  .main-footer .container {
    margin: 0 auto; }
    .main-footer .container .alignright {
      float: none;
      margin-top: 20px; }
    .main-footer .container .bottom-links {
      text-align: center;
      padding-bottom: 0; }

  .main-footer .footer--update .textright {
    text-align: center; }

  .main-footer .footer--links > div > div {
    text-align: center; }

  .main-footer .footer--links > div > div.show-mobile {
    font-size: 11px; } 

	.sp-form .pure-control-group .label-error {
		margin-left: 0px;
	}
	
	.input-small.revacc-select{
  		width: 120px; }
  	
  	.sp-form .pure-controls.btn-left{
		margin-right: 123px;
	}
	
	
	.login__more {
		width: 100%;
		display: table;
	}
	.login__more .login__security {
		display: table-footer-group;
	}
	
	.security_advisory {
	    width:200px;
	    margin:auto;
	}
	
	.show_reg_2fa_top{
	    display:block !important;
	}
	
	.show_reg_2fa_bottom{
	    display:none !important;
	}
}

@media screen and (min-width: 768px) {
	.show_reg_2fa_top{
	    display:none !important;
	}
	
	.show_reg_2fa_bottom{
	    display:block !important;
	}
}

/* @media screen and (max-device-width:767px), screen and (max-width:767px) {
	
.login__more .login__security{
	display:none;
}

.login__more .login__security2{
	display:block;
}
for e-service login page push down "Security Advisory" portion
	.login__more{
	 display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    optional
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
     width:100%;
     display: table;
	}
	
	 .login__more .login__security {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2; 
    -webkit-order: 2; 
    order: 2;
    display: table-footer-group;
  }

    .login__more .homepage__login {
     -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1; 
    -webkit-order: 1; 
    order: 1;
    display: table-header-group; 
  } 
  for e-service login page push down "Security Advisory" portion
} */

.sp-form .pure-controls.btn-center{
	text-align: center;
 	width: 100%;
}
.sp-form .pure-control-group .label-2fa {
    text-align: left;
    display: inline-block;
    vertical-align: top;
/*     width: 560px; */
    margin: 5px 10px 0 0; }
    
    
.disabled {
 pointer-events: none;
   
}

 .hideimg {
     display: none !important; 
}
 

.disabled {
 pointer-events: none;
   
}

.sp-form button.pure-button-primary-disabled, .sp-form .btn.pure-button-primary1 {
  color: #FFF;
  background: #F89999; 
 }
 
 .hideimg {
     display: none !important; 
}

.resend-otp-btn {
    position: relative;
    padding-left: 35px;
    top: 0px;
}

.error-label-msg {
	position: relative;
    padding-left: 35px;
    top: 0px;
}

img.clickhere-img{
    position: relative;
    top: -10px;
    left: 160px;
    width: 140px;
}

.postal-code-buttons {
    position: relative;
    padding-left: 115px;
    top: 0px;
}

.passport-no-buttons {
    position: relative;
    padding-left: 165px;
    top: 0px;
}

.content-navigation-reset {
  list-style: none;
  border-bottom: 1px solid #d0ceca;
  padding: 0 0 0 0}
  .content-navigation-reset a {
    margin: 0;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 140px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    /* Inactive TAB color changed to grey */
    background: #d0ceca;
    text-align: center; }
    .content-navigation-reset a:hover, .content-navigation-reset a.active {
      text-decoration: none;
      background-color: #ee0000;
      color: #FFF; }
  .content-navigation-reset.large a {
    width: auto;
    padding: 0 15px; }

.show-arrow {
    display: block !important; }
    
 .token-submit{
   margin-left:10px;
 }

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

  .resend-otp-btn {
    position: relative;
    padding-left: 0px !important;
    top: 0px;
}

img.clickhere-img {
    position: relative;
    top: -10px;
    left: 88px;
    width: 140px;
}

.error-label-msg {
	position: relative;
    padding-left:5px;
    top: 0px;
}

.postal-code-buttons {
    position: relative;
    padding-left: 0px !important;
    top: 0px;
}

.passport-no-buttons {
    position: relative;
    padding-left: 0px !important;
    top: 0px;
}

.content-navigation-reset {
  list-style: none;
  border-bottom: 1px solid #d0ceca;
  padding: 0 0 0 0; }
  .content-navigation-reset a {
    margin: 0;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 140px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    /* Inactive TAB color changed to grey */
    background: #d0ceca;
    text-align: center; }
    .content-navigation-reset a:hover, .content-navigation-reset a.active {
      text-decoration: none;
      background-color: #ee0000;
      color: #FFF; }
  .content-navigation-reset.large a {
    width: auto;
    padding: 0 15px; }
    
  .show-arrow {
    display: block !important; }
 
 .token-submit{
   margin-left:0px;
 }   
}



	 .container-wrapper-homepage {
            max-width: 1024px;
            margin: 50px auto 0px auto;
            padding: 80px 40px 0px 40px;
            height: 100%;
        }

        .bg-img {
            background: url(../img/home-bg.jpg) no-repeat top center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-position: 19px 0px;
            background-size: 100%;
            height: 490px;
        }

        .sub-title-header {
            width: 424px;
            margin-bottom: 5%;
        }

        .note {
            position: relative;
            top: -50px;
            text-align: left;
            width: 90%;
            margin: 0px;
            font-size: 1.50em;
            font-weight: bold;
        }

        .checkbox {
            margin: 10px 0px 10px 0px;
        }

        .register-btn.pure-button.pure-button-primary {
            color: #fff !important;
            background-color: #205baa;
            font-weight: bold;
        }

        .proceed-btn {
            font-weight: bold;
            color: #205baa !important;
        }

        .proceed {
		    width: 224px;
		    position: relative;
		    float: right;
		    background: transparent;
		    height: 71px;
		    margin: 12px 0px 0px 0px;
		    font-size: 18px !important; 
	}

.corppass-url {
            font-weight: bold;
            color: #205baa !important;
        }

        @media only screen and (min-width: 320px) and (max-width: 767px) {
            .container-wrapper-homepage {
                min-width: 320px;
                margin: 50px auto 0px auto;
                padding: 100px 10px 0px 10px;
                height: 546px;
            }
            .bg-img {
                background: url(../img/home-bg.jpg) no-repeat top center;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-position: -9px 80px;
                background-size: 100%;
            }

            .note {
                position: relative;
                top: -130px;
                text-align: left;
                width: 90%;
                margin: 0px;
                font-weight: normal;
                font-size: 1.2em;
                font-weight: 600;
            }
            .checkbox {
                margin: 10px 0px 30px 0px;
            }

            .sub-title-header {
                width: 100%;
                margin: 23% 0px 0px 0px;
            }
            .pure-button.pure-button-primary {
                width: 100%;
                margin-bottom: 20px;
            }
            .pure-button {
                width: 100%;
                margin-bottom: 20px;
            }

            .register-btn.pure-button.pure-button-primary {
                color: #fff !important;
                background-color: #205baa;
                font-weight: bold;
                margin: 30px 0px 10px 0px;
            }

            .proceed {
              	width: 235px;
			    position: relative;
			    float: left;
			    background: transparent;
			    height: 27px;
			    margin: 2px 0px 0px 0px;
			    font-size: 18px !important; 
            }
        }