@charset "UTF-8";
/*
 *@Title: DBS Components CSS
 *@Author: Team SS dbs (Redford Sumcad)
 *@iWealth components Author: Team SS dbs (Anuj Sood)
 *@Modified by: Muhammad Adib RAMZALI
 *@Designer: Leo Je-Wei LIN
 *@Description: All components will be define in here. (Header,Right navigatioin, Left Navigation, sections, tables etc..)
*/
/*
 *@Title: IBanking mixins CSS
 *@Author: Team SS dbs (Redford Sumcad)
 *@Modified by: Muhammad Adib RAMZALI
 *@Designer: Leo Je-Wei LIN
 *@Description: All custom mixins to be define in here
*/
/*Colors - Start*/
/*common colors*/
/*notification completed*/
/*gray*/
/*Secondary grey text*/
/*missing in colors component*/
/*missing in colors component*/
/*Default almost black text*/
/*red*/
/*#ff3333;*/
/*$darkBorderRed:#950000;  /*missing in colors component*/
/*missing in colors component*/
/*FinancialBeige*/
/*POSB*/
/*#FFD83A;*/
/*#D9AA68;*/
/*#ae8960;*/
/*Colors - End*/
/*Number controls - width, length, columns Start*/
/*Number controls - width, length, columns End*/
/*To be remove - Start
.header-nav-icon {
	position: relative;
	margin-right: 8px;
	display: inline-block;
	width: 20px;
	height: 20px;
	text-align: center; 
}
To be remove - End*/
iframe {
  width: 100%;
  border: 0px;
  min-height: 365px; }

html {
  overflow-x: hidden; }

body {
  background: #ffffff; }

/*$lightGray}*/
input {
  -webkit-appearance: none;
  -moz-appearance: none; }

input[type="radio"]::-ms-check {
  color: #F01714; }

/*margins and padding controls - Start*/
.mBot-0 {
  margin-bottom: 0px; }

.mBot-4 {
  margin-bottom: 4px; }

.mBot-8 {
  margin-bottom: 8px; }

.mBot-12 {
  margin-bottom: 12px; }

.mBot-16, .start-page.radio-group.block .radio-column {
  margin-bottom: 16px; }

.mBot-20 {
  margin-bottom: 20px; }

.mBot-24 {
  margin-bottom: 24px; }

.mBot-32 {
  margin-bottom: 32px; }

.mBot-40 {
  margin-bottom: 40px; }

.mTop-0 {
  margin-top: 0px; }

.mTop-4 {
  margin-top: 4px; }

.mTop-8 {
  margin-top: 8px; }

.mTop-12 {
  margin-top: 12px; }

.mTop-16 {
  margin-top: 16px; }

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

.mTop-24 {
  margin-top: 24px; }

.mTop-28 {
  margin-top: 28px; }

.mTop-32 {
  margin-top: 32px; }

.mTop-40 {
  margin-top: 40px; }

.mTop-48 {
  margin-top: 48px; }

.mTop-52 {
  margin-top: 52px; }

.mTop-60 {
  margin-top: 60px; }

.mLeft-0 {
  margin-left: 0px; }

.mLeft-4 {
  margin-left: 4px; }

.mLeft-8 {
  margin-left: 8px; }

.mLeft-12 {
  margin-left: 12px; }

.mLeft-16 {
  margin-left: 16px; }

.mLeft-20 {
  margin-left: 20px; }

.mLeft-24 {
  margin-left: 24px; }

.mLeft-m24 {
  margin-left: -24px; }

.mRight-0 {
  margin-right: 0; }

.mRight-4 {
  margin-right: 4px; }

.mRight-8 {
  margin-right: 8px; }

.mRight-12 {
  margin-right: 12px; }

.mRight-16 {
  margin-right: 16px; }

.mRight-24 {
  margin-right: 24px; }

.pBot-0 {
  padding-bottom: 0; }

.pBot-8 {
  padding-bottom: 8px; }

.pBot-16 {
  padding-bottom: 16px; }

.pBot-24 {
  padding-bottom: 24px; }

.pLeft-24 {
  padding-left: 24px; }

.pLeft-80 {
  padding-left: 80px; }

.pRight-16 {
  padding-right: 16px; }

.pRight-24 {
  padding-right: 24px; }

.pTop-4 {
  padding-top: 4px; }

.pTop-16 {
  padding-top: 16px; }

.pTop-24 {
  padding-top: 24px; }

.mLeftRight-24 {
  margin-left: -24px;
  margin-right: -24px; }

.fwLight {
  font-weight: 400; }

.fwMed {
  font-weight: 500; }

.fwBlackBold {
  font-weight: 900; }

/*margins and padding controls - End*/
/*Positioning - Start*/
.relative, .tag-group.thumbnail .tag span, .items .tile-group a h1 sup {
  position: relative; }

/*Positioning - End*/
/*text colors - Start*/
.txt-red, a, a.pressed {
  color: #F01714; }
  .txt-red:hover, .txt-red:focus, a:hover, a:focus, a.pressed:hover, a.pressed:focus {
    color: #ee1818; }

.txt-default {
  color: #2e2e2e; }

.txt-error {
  color: #F01714;
  margin-top: 8px; }

.txt-green {
  color: #229922; }

.txt-gray {
  color: #909090; }

.txt-mediumGray {
  color: #c0c0c0; }

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

.txt-dotted {
  border-bottom: 1px dotted #F01714; }
  .txt-dotted:hover {
    border-bottom-style: solid;
    text-decoration: none;
    color: #ee1818; }

.txt-description {
  font-weight: 500;
  color: #909090;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 0; }

.txt-lgray {
  color: #c0c0c0; }
  .txt-lgray:hover {
    color: #c0c0c0;
    text-decoration: none; }

.txt-black {
  color: #000000; }
  .txt-black:hover {
    color: #000000;
    text-decoration: none; }

.txt-small {
  font-size: 14px;
  font-size: 1.4rem; }

.b-top {
  border-top: 1px solid #c0c0c0;
  padding-top: 24px; }

.b-bot {
  border-bottom: 1px solid #c0c0c0;
  padding-bottom: 24px; }

.bg-white {
  background-color: #ffffff; }

.bg-black {
  background-color: #000000; }

.bg-gray {
  background-color: #ececec; }

.bg-yellow {
  background-color: #ffaa22; }

.bg-gold {
  background-color: #CC9955; }

.bg-blue {
  background-color: #0077cc; }

.bg-red {
  background-color: #F01714; }

.ht-260 {
  height: 260px; }

.ht-300 {
  height: 300px; }

/*text colors - End*/
header {
  margin-bottom: 2px; }

.header-placeholder {
  position: fixed;
  width: 100%;
  top: 0px;
  z-index: 200; }
  .header-placeholder.navbar-fixed {
    position: relative; }
  .header-placeholder .navbar {
    border: none;
    border-bottom: 8px solid #F01714;
    margin-bottom: 0px;
    background-color: #000000;
    z-index: 100; }
    .header-placeholder .navbar .navbar-inner {
      max-width: 1024px;
      margin-left: auto;
      margin-right: auto;
      padding: 0; }
      .header-placeholder .navbar .navbar-inner .header-navigation {
        float: right; }
        .header-placeholder .navbar .navbar-inner .header-navigation .header-menu {
          position: relative;
          height: 72px;
          margin: 0;
          padding: 0;
          list-style: none; }
          .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist {
            float: left;
            position: relative;
            padding: 0 10px;
            height: 100%;
            font-weight: 500; }
            .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist:first-child {
              border-left: none; }
            .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist:last-child {
              padding-right: 0px; }
            .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist.last-child {
              padding: 0 12px;
              margin-left: 0;
              background: #ee1818; }
              .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist.last-child .button-wrapper:hover, .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist.last-child .button-wrapper:active {
                text-decoration: none; }
                .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist.last-child .button-wrapper:hover .icon, .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist.last-child .button-wrapper:active .icon {
                  color: #ffffff; }
            .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist.active .styled-select {
              display: block; }
            .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist:hover, .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist.active {
              background-color: #ee1818; }
            .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select.messages-menu {
              left: 0; }
            .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select.preference-menu {
              left: auto;
              right: 0px; }
            .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select.account-msg {
              left: auto;
              right: -150px;
              border-radius: 4px;
              -moz-border-radius: 4px;
              -webkit-border-radius: 4px; }
            .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select.notification {
              left: auto;
              right: -100px;
              border-radius: 4px;
              -moz-border-radius: 4px;
              -webkit-border-radius: 4px; }
              .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select.notification.menu-box {
                padding-bottom: 0; }
            .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select.settings {
              left: auto;
              right: -100px;
              border-radius: 4px;
              -moz-border-radius: 4px;
              -webkit-border-radius: 4px; }
              .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select.settings ul {
                padding: 0; }
                .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select.settings ul li {
                  list-style-type: none; }
            .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .menu-box-body {
              padding: 0 16px; }
              .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .menu-box-body .icon {
                color: #656565;
                display: block;
                font-size: 20px;
                font-size: 2rem;
                top: 0px;
                width: auto;
                height: auto; }
              .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .menu-box-body a {
                padding: 16px 0;
                white-space: normal;
                border-bottom: 1px solid #ececec;
                cursor: default; }
            .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .menu-box-header {
              border-bottom: 1px solid #ececec; }
              .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .menu-box-header label {
                display: inline-block;
                color: #656565;
                margin: 0px;
                font-size: 12px;
                font-size: 1.2rem; }
              .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .menu-box-header a {
                display: inline-block;
                font-size: 12px;
                font-size: 1.2rem;
                color: #c0c0c0;
                padding: 0px; }
                .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .menu-box-header a:hover {
                  color: #000000; }
              .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .menu-box-header .icon {
                color: #656565;
                font-size: 16px;
                font-size: 1.6rem;
                top: 3px; }
            .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .rm-name {
              margin: 16px 24px 0 24px;
              border-bottom: 1px solid #c0c0c0;
              padding-bottom: 16px;
              color: #656565; }
              .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .rm-name a {
                padding: 0;
                font-size: 14px;
                font-size: 1.4rem; }
              .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .rm-name:last-child {
                border: none;
                padding: 0; }
              .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .rm-name h4 {
                margin-top: 0; }
                .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .rm-name h4 a {
                  font-size: 14px;
                  font-size: 1.4rem;
                  padding: 0;
                  font-weight: 500; }
              .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .rm-name .icon {
                margin-right: 8px;
                color: #000000;
                font-size: 14px;
                font-size: 1.4rem;
                top: 5px; }
              .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .rm-name p {
                font-weight: 400; }
              .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .rm-name span {
                line-height: 23px; }
            .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .livechat2 {
              padding: 24px 24px 0 24px; }
              .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .livechat2 .form-row {
                margin: 0;
                font-weight: 400; }
                .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .livechat2 .form-row:first-child {
                  margin-bottom: 16px; }
                .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .livechat2 .form-row label {
                  color: #656565;
                  margin-bottom: 8px;
                  text-align: left;
                  font-weight: 500;
                  font-size: 14px;
                  font-size: 1.4rem;
                  margin-top: 0; }
                .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .livechat2 .form-row .input-group-btn {
                  background: #F01714;
                  padding: 8px; }
                  .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .livechat2 .form-row .input-group-btn a {
                    padding: 0; }
                  .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .livechat2 .form-row .input-group-btn i {
                    top: 2px;
                    color: #ffffff;
                    font-size: 16px;
                    font-size: 1.6rem; }
              .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .livechat2 .policy p {
                color: #656565;
                font-size: 14px;
                font-size: 1.4rem;
                font-weight: 400; }
              .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .livechat2 .policy a {
                display: inline-block;
                text-decoration: underline;
                color: #656565;
                padding: 0; }
              .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .livechat2 .menu-box-header .policy a {
                text-decoration: underline;
                font-size: 14px;
                font-size: 1.4rem; }
              .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .livechat2 .btn {
                min-width: 135px; }
            .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box a {
              background-color: transparent; }
            .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .navbar-menu ul li {
              min-height: 54px;
              padding: 0 16px; }
              .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .navbar-menu ul li a {
                display: table-cell;
                font-weight: 500;
                text-decoration: none;
                vertical-align: middle;
                width: inherit;
                color: #000000;
                padding: 16px 0px;
                font-size: 16px;
                font-size: 1.6rem; }
              .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .menu-box .navbar-menu ul li.active a {
                color: #F01714; }
            .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select.big {
              min-width: 250px; }
            .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .styled-menu {
              list-style-type: none;
              margin: 0px;
              padding: 0px; }
              .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .styled-menu li {
                padding: 10px 24px; }
                .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .styled-menu li a {
                  padding: 0px;
                  margin: 0px;
                  /*@include font-size(1.4);*/ }
                  .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .styled-menu li a:hover {
                    background-color: transparent;
                    color: #ee1818; }
                .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .styled-menu li.selected {
                  border-left: 3px solid #F01714; }
                .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select .styled-menu li.menu-header {
                  /*@include font-size(1.4);*/
                  background-color: #f3f3f3;
                  font-weight: 500; }
            .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .styled-select.search-menu-box {
              max-width: 1024px;
              width: 100%;
              min-width: 1024px;
              right: 0;
              left: auto;
              top: 72px;
              padding: 24px 0; }
            .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .button-wrapper {
              display: block;
              padding-top: 27.5px;
              padding-bottom: 27px;
              color: #ffffff;
              font-size: 14px;
              font-size: 1.4rem; }
              .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .button-wrapper:hover, .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .button-wrapper:active {
                text-decoration: none; }
                .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .button-wrapper:hover .icon, .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .button-wrapper:active .icon {
                  color: #ee1818; }
            .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .icon {
              color: #ffffff;
              font-size: 20px;
              font-size: 2rem;
              width: 20px;
              height: 22px;
              float: left;
              margin-right: 8px;
              top: -3px; }
              .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .icon.ico-search {
                top: 0; }
              .header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .icon.ico-arrowdown1 {
                font-size: 16px;
                font-size: 1.6rem;
                width: 16px;
                height: 16px;
                float: right;
                margin-left: 8px;
                margin-right: 0;
                top: -15px; }
      .header-placeholder .navbar .navbar-inner .img-logo {
        position: relative;
        display: block;
        margin: 20px 0;
        float: left;
        width: 107px;
        height: 32px;
        background: url("../images/dbs_logo.png") no-repeat; }
      .header-placeholder .navbar .navbar-inner .img-logo-min {
        position: relative;
        display: block;
        margin: 14px 0 0 10px;
        float: left;
        width: 30px;
        height: 21px;
        display: none;
        background: url("../images/dbs_logo_min.png") no-repeat; }
  .header-placeholder .submenulist.last-child .submenulist-wrapper {
    border-right: none; }
  .header-placeholder .submenulist .styled-select {
    position: absolute;
    display: none;
    margin-top: 0;
    left: -1px;
    min-width: 163px;
    background-color: #ffffff;
    z-index: 100;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
    .header-placeholder .submenulist .styled-select.last-menu {
      left: auto;
      right: 0px; }
    .header-placeholder .submenulist .styled-select a {
      padding: 10px 16px;
      display: block;
      font-size: 18px;
      font-size: 1.8rem;
      color: #000000;
      white-space: nowrap;
      font-weight: 400; }
      .header-placeholder .submenulist .styled-select a:hover, .header-placeholder .submenulist .styled-select a:focus {
        background-color: #f3f3f3;
        text-decoration: none; }
      .header-placeholder .submenulist .styled-select a:last-child {
        border-bottom: none; }
      .header-placeholder .submenulist .styled-select a.active, .header-placeholder .submenulist .styled-select a:active {
        color: #ee1818;
        text-decoration: none; }
    .header-placeholder .submenulist .styled-select.language-box {
      min-width: 220px; }
      .header-placeholder .submenulist .styled-select.language-box ul {
        margin: 0;
        padding: 0;
        list-style-type: none; }
        .header-placeholder .submenulist .styled-select.language-box ul li {
          overflow: hidden; }
          .header-placeholder .submenulist .styled-select.language-box ul li > a {
            float: left; }
          .header-placeholder .submenulist .styled-select.language-box ul li .language-link {
            float: right;
            padding-right: 16px; }
            .header-placeholder .submenulist .styled-select.language-box ul li .language-link a {
              float: left;
              padding-left: 8px;
              padding-right: 0; }
              .header-placeholder .submenulist .styled-select.language-box ul li .language-link a.active {
                color: #F01714; }
          .header-placeholder .submenulist .styled-select.language-box ul li.active {
            border-left: 3px solid #F01714; }
            .header-placeholder .submenulist .styled-select.language-box ul li.active > a {
              color: #F01714;
              font-weight: 500; }

.header-placeholder-two {
  /*.overlay-menu-box{display: none;}*/ }
  .header-placeholder-two.no-caret .up-caret {
    display: none !important; }
  .header-placeholder-two.header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist {
    cursor: pointer; }
    .header-placeholder-two.header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist:last-child {
      padding-right: 12px; }
      .header-placeholder-two.header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist:last-child .icon {
        margin-right: 8px; }
    .header-placeholder-two.header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .icon {
      margin-right: 0px; }
    .header-placeholder-two.header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .button-wrapper {
      padding: 30px 12px 20px 12px;
      overflow: hidden; }
    .header-placeholder-two.header-placeholder .navbar .navbar-inner .header-navigation .header-menu .submenulist .two-lines {
      position: relative;
      top: -10px; }
  .header-placeholder-two.header-placeholder .navbar .navbar-inner .navbar-links {
    float: left;
    padding-top: 27px;
    margin-left: 40px;
    height: 72px; }
    .header-placeholder-two.header-placeholder .navbar .navbar-inner .navbar-links ul {
      height: 100%;
      padding: 0;
      margin: 0; }
      .header-placeholder-two.header-placeholder .navbar .navbar-inner .navbar-links ul li {
        margin-right: 32px;
        display: inline-block;
        height: 100%;
        position: relative; }
        .header-placeholder-two.header-placeholder .navbar .navbar-inner .navbar-links ul li:last-child {
          margin-right: 0px; }
        .header-placeholder-two.header-placeholder .navbar .navbar-inner .navbar-links ul li a {
          text-decoration: none;
          color: #ffffff; }
          .header-placeholder-two.header-placeholder .navbar .navbar-inner .navbar-links ul li a:hover {
            color: #ee1818; }
        .header-placeholder-two.header-placeholder .navbar .navbar-inner .navbar-links ul li .up-caret {
          display: none;
          width: 0;
          height: 0;
          border-left: 9px solid transparent;
          border-right: 9px solid transparent;
          border-bottom: 9px solid white;
          margin: 0 auto;
          position: absolute;
          bottom: -9px;
          right: 0;
          left: 0; }
        .header-placeholder-two.header-placeholder .navbar .navbar-inner .navbar-links ul li.active .up-caret {
          display: inline-block; }
  .header-placeholder-two.header-placeholder .navbar .navbar-inner.nav-collapse .navbar-links {
    padding-top: 16px;
    height: 48px; }
  .header-placeholder-two.header-placeholder.no-caret .navbar .navbar-inner .navbar-links ul li.active .up-caret {
    display: none; }
  .header-placeholder-two .main-navigation-content {
    position: relative; }
  .header-placeholder-two .main-navigation {
    /*@include box-shadow(none);*/
    position: relative; }
  .header-placeholder-two .modal-menu {
    display: none;
    background-color: #000000;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 5; }

.main-navigation {
  font-weight: 500;
  /*background: $white;*/
  width: 100%;
  /*@include box-shadow(0 1px 2px $mediumGray);*/ }
  .main-navigation .main-navigation-content {
    margin: 0 auto;
    /*max-width: $fullWidth;*/
    max-width: 1024px;
    height: 104px;
    /*overflow-y: hidden;
    overflow-x: auto;*/ }
  .main-navigation ul {
    color: #000000;
    margin: 0;
    padding: 0; }
    .main-navigation ul li {
      display: block;
      float: left;
      /*background-color: $white;*/
      cursor: pointer;
      position: relative; }
      .main-navigation ul li:hover {
        /*h4{color: $lightRed;}*/ }
      .main-navigation ul li .button-wrapper {
        text-align: center;
        padding: 11px 0 8px;
        /*border-bottom: 4px solid $white;*/ }
      .main-navigation ul li a:hover, .main-navigation ul li a:active {
        text-decoration: none; }
      .main-navigation ul li h4 {
        margin: 0;
        font-size: 18px;
        font-size: 1.8rem;
        color: #000000;
        display: block;
        font-weight: 500; }
      .main-navigation ul li .submenulist-wrapper.active h4 {
        color: #F01714; }
      .main-navigation ul li .submenulist-wrapper.active .button-wrapper {
        text-align: center;
        border-left-width: 0;
        border-bottom: 4px solid #F01714;
        /*border-color: $lightRed;*/ }
      .main-navigation ul li .small {
        font-size: 11px;
        font-size: 1.1rem;
        color: #909090;
        display: block;
        font-weight: 400; }
      .main-navigation ul li.active h4 {
        color: #ee1818; }
    .main-navigation ul.product-category li {
      display: table; }
      .main-navigation ul.product-category li .submenulist-wrapper {
        display: table-cell;
        vertical-align: middle;
        text-align: center; }
        .main-navigation ul.product-category li .submenulist-wrapper .button-wrapper {
          padding: 40px 8px;
          height: 104px; }
  .main-navigation ul li {
    width: 146.2857142857px; }
  .main-navigation.menu-tenth ul li {
    width: 102.4px; }
  .main-navigation.menu-ninth ul li {
    width: 113.7777777778px; }
  .main-navigation.menu-eight ul li {
    width: 128px; }
  .main-navigation.menu-seven ul li {
    width: 146.2857142857px; }
  .main-navigation.menu-sixth ul li {
    width: 170.6666666667px; }
  .main-navigation.menu-five ul li {
    width: 204.8px; }
  .main-navigation.menu-four ul li {
    width: 256px; }
  .main-navigation.menu-three ul li {
    width: 341.3333333333px; }
  .main-navigation.menu-two ul li {
    width: 512px; }

/*Banner menu - Pweb*/
.banner-menu {
  height: 104px;
  background-color: #F7F7F7;
  border-radius: 0px;
  width: 100%;
  /*box-shadow: 0px 2px 1px rgba(0, 0, 0, .1);*/ }

.row-clear:after,
.row-clear:before {
  display: table;
  content: " "; }

/*Action Buttons - Start*/
button:focus {
  outline: none; }

.btn {
  font-size: 16px;
  font-size: 1.6rem;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  display: inline-block;
  padding: 8px 12px;
  font-weight: 500;
  min-width: 144px;
  height: 40px;
  text-decoration: none; }
  .btn.small {
    min-width: 60px;
    height: 25px;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 4px 7px; }
  .btn.big {
    width: 176px;
    max-width: 176px; }
  .btn.btn-primary {
    color: #ffffff;
    background-color: #F01714;
    border: 1px solid #ee1818; }
    .btn.btn-primary:hover {
      background-color: #ee1818;
      border-color: #ee1818;
      border-bottom-color: #ee1818; }
    .btn.btn-primary.disabled {
      cursor: not-allowed;
      border-bottom-width: 1px;
      opacity: 0.3;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
      filter: alpha(opacity=30);
      -moz-opacity: 0.3;
      -khtml-opacity: 0.3; }
  .btn.btn-secondary {
    color: #F01714;
    background-color: transparent;
    border: 1px solid #F01714; }
    .btn.btn-secondary:hover {
      background-color: #ee1818;
      color: #ffffff; }
    .btn.btn-secondary.disabled {
      cursor: not-allowed;
      opacity: 0.3;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
      filter: alpha(opacity=30);
      -moz-opacity: 0.3;
      -khtml-opacity: 0.3; }
  .btn.btn-link {
    border: 1px solid #ececec;
    color: #909090;
    border: 1px solid #c0c0c0; }
    .btn.btn-link:hover {
      border-color: #656565;
      background-color: #656565;
      color: #ffffff; }
    .btn.btn-link.disabled {
      opacity: 0.3;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
      filter: alpha(opacity=30);
      -moz-opacity: 0.3;
      -khtml-opacity: 0.3; }
      .btn.btn-link.disabled:hover {
        background-color: transparent; }
    .btn.btn-link.dark {
      color: #000000;
      background-color: #ececec;
      border: 1px solid #c0c0c0; }
      .btn.btn-link.dark:hover {
        color: #ffffff;
        background-color: #656565;
        border: 1px solid #656565;
        text-decoration: none; }
      .btn.btn-link.dark.disabled:hover {
        background-color: transparent; }
  .btn .icon {
    font-size: 16px;
    font-size: 1.6rem;
    color: #ffffff;
    width: 18px;
    height: 18px;
    margin-right: 4px; }
  .btn.text-left {
    text-align: left; }
  .btn.text-right {
    text-align: right; }
  .btn.btn-green {
    color: white;
    border: 1px solid #229922;
    background-color: #229922; }

/*.action-group{
    .btn{
        min-width: 144px;
        &.small{min-width: 60px;}
    }
}*/
/*Action Buttons - End*/
/*Badge - Start*/
.badge {
  margin-top: -5px;
  font-size: 10px;
  font-weight: 400;
  background-color: #F01714; }
  .badge:empty {
    min-width: 8px;
    min-height: 8px;
    padding: 0;
    display: inline-block; }

/*Badge - End*/
/*Social Badges - Start*/
.social-badges ul.social li a {
  min-width: 80px;
  line-height: 40px;
  overflow: hidden;
  padding: 0 8px 0 8px; }
  .social-badges ul.social li a em {
    float: left;
    font-style: normal;
    font-size: 16px;
    font-size: 1.6rem;
    color: #ffffff;
    font-weight: 400; }
  .social-badges ul.social li a i {
    float: right;
    width: 25px; }
.social-badges ul.social .facebook {
  background: #3c5a96; }
.social-badges ul.social .twitter {
  background: #59adeb; }
.social-badges ul.social .linkedin {
  background: #2b7ab2; }
.social-badges ul.social .email {
  background: #6c6c6c; }

/*Social Badges - End*/
/*Pre - Start*/
pre {
  width: 80%;
  margin: 20px; }

/*Pre - End*/
/*Forms - Start*/
/*step bar*/
.step-bar {
  overflow: hidden; }
  .step-bar ul {
    margin: 0px;
    padding: 0px;
    list-style: none; }
    .step-bar ul li {
      float: left;
      border-bottom: 2px solid #c0c0c0;
      color: #c0c0c0;
      padding: 24px 8px 16px;
      box-sizing: border-box;
      font-weight: 500;
      text-align: center;
      width: 25%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .step-bar ul li.active {
        color: #F01714;
        border-color: #F01714; }
      .step-bar ul li.done {
        color: #000000; }
        .step-bar ul li.done .icon {
          visibility: visible; }
      .step-bar ul li .icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-left: 10px;
        vertical-align: middle;
        visibility: hidden;
        font-size: 20px;
        font-size: 2rem; }
        .step-bar ul li .icon.ico-approve2 {
          color: #229922; }
  .step-bar.three ul li {
    width: 33.33333333%; }
  .step-bar.two ul li {
    width: 50%; }
  .step-bar.five ul li {
    width: 20%; }

/*messages*/
/*input textbox*/
textarea:disabled, input:not([type]):disabled, input[type="text"]:disabled, input[type="password"]:disabled,
input[type="checkbox"]:disabled {
  /*background-color: $disableGrey;*/
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  background-color: transparent; }

input[type="text"], input[type="password"] {
  position: relative;
  padding: 12px 10px 12px 8px;
  border: 1px solid #c0c0c0;
  height: 40px;
  width: 100%;
  -webkit-box-shadow: inset 0 1px 0px #f2f2f2;
  -moz-box-shadow: inset 0 1px 0px #f2f2f2;
  box-shadow: inset 0 1px 0px #f2f2f2; }
  input[type="text"]:focus, input[type="text"].focus, input[type="password"]:focus, input[type="password"].focus {
    outline: none;
    border-color: #909090; }
  input[type="text"].error, input[type="password"].error {
    border-color: #F01714; }

/* Select box*/
.select-group label {
  font-weight: 500;
  margin-bottom: 8px; }
.select-group.inline label {
  float: left;
  margin-right: 16px;
  margin-top: 11px;
  margin-bottom: 0; }

/*Dropdown - Start*/
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  text-indent: 4px;
  text-overflow: ''; }
  select::-ms-expand {
    display: none; }

option, select {
  font-weight: 400; }

select:focus::-ms-value {
  background-color: white;
  color: #000000; }

.custom-dropdown {
  min-width: 80px;
  height: 40px;
  padding: 0 0 0 4px;
  /*iwealth: 0 */
  margin: 0;
  line-height: 40px;
  overflow: hidden;
  border: 1px solid #ccc;
  /*iwealth: 0 */
  border-radius: 5px;
  position: relative;
  /*background: url("../images/icons/select_arrow.png") no-repeat scroll right center #fff;*/ }
  .custom-dropdown select {
    border: none;
    /*iwealth: 1px solid $gray; */
    /*padding: 0 34px 0 0; iwealth: padding-left:4px; */
    background: none transparent;
    margin: 0px;
    color: #000000;
    height: 40px;
    display: inline-block;
    width: 100.5%;
    font-size: 16px;
    font-size: 1.6rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: 99;
    cursor: pointer;
    position: relative; }
    .custom-dropdown select:focus {
      outline: none;
      border-color: #909090; }
  .custom-dropdown:after {
    content: "\e00c";
    color: #F01714;
    font-family: "dbsicons";
    position: absolute;
    top: 0;
    right: 18px;
    /*11 oct*/
    z-index: 0; }
  .custom-dropdown.disabled {
    /*background-color: $disableGrey;*/
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3; }
    .custom-dropdown.disabled select {
      color: #c3c0c3; }
  .custom-dropdown.small {
    height: 30px;
    line-height: 28px; }
    .custom-dropdown.small select {
      font-size: 14px;
      font-size: 1.4rem;
      height: 30px; }
  .custom-dropdown.multi-group {
    border-width: 0;
    font-weight: 500; }

.custom-combobox {
  position: relative;
  display: block; }
  .custom-combobox input {
    border: 1px solid #c0c0c0; }
  .custom-combobox .custom-combobox-toggle {
    position: absolute;
    top: 1px;
    bottom: 0;
    right: 1px;
    z-index: 99;
    margin-left: -1px;
    padding: 0;
    min-width: 40px;
    height: 38px;
    padding: 0 0 0 4px;
    margin: 0;
    line-height: 40px;
    overflow: hidden;
    border: none;
    border-left: 0;
    background: url("../images/icons/select_arrow.png") no-repeat scroll right center #fff; }
  .custom-combobox .custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
    position: relative;
    padding: 0px 10px 0px 8px;
    border: 1px solid #c0c0c0;
    height: 40px;
    width: 100%; }
    .custom-combobox .custom-combobox-input:focus, .custom-combobox .custom-combobox-input.focus {
      outline: none;
      border: 1px solid #909090; }

/*Dropdown - End*/
input[type="radio"], input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #c0c0c0;
  margin-right: 8px;
  float: left; }
  input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: none;
    border-color: #909090; }

input[type="checkbox"] {
  width: 18px;
  height: 18px; }

input[type="radio"] {
  width: 20px;
  height: 20px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px; }

/* Checkbox */
.checkbox-group {
  float: left; }
  .checkbox-group .checkbox {
    margin-bottom: 8px; }
    .checkbox-group .checkbox:last-child {
      margin-bottom: 0; }
  .checkbox-group.inline .checkbox {
    margin-bottom: 0;
    float: left;
    margin-right: 16px; }
    .checkbox-group.inline .checkbox:last-child {
      margin-right: 0; }
  .checkbox-group.disabled {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5; }

.checkbox input[type="checkbox"] {
  display: none; }
.checkbox.no-check input[type="checkbox"]:checked + label span {
  background-position: -182px top;
  cursor: default; }
.checkbox input[type="checkbox"] + label span {
  display: inline-block;
  width: 21px;
  height: 20px;
  margin: 0 8px 0 0;
  float: left;
  vertical-align: middle;
  border: 1px solid #c0c0c0;
  cursor: pointer; }
.checkbox input[type="checkbox"]:checked + label span:before {
  content: "\e0b1";
  font-family: "dbsicons";
  font-size: 14px;
  color: #F01714;
  padding: 3px; }
.checkbox label {
  line-height: 20px; }
.checkbox.disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5; }
  .checkbox.disabled input[type="checkbox"] + label span {
    cursor: not-allowed;
    background-position: -101px -56px; }

/* Radio */
.radio-group {
  overflow: hidden; }
  .radio-group .radio-column {
    position: relative;
    margin-right: 20px;
    /*overflow: hidden;*/
    float: left; }
    .radio-group .radio-column.mRight-0 {
      margin-right: 0px; }
    .radio-group .radio-column input[type="radio"] {
      border-radius: 50px;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      background: #ffffff;
      cursor: pointer; }
      .radio-group .radio-column input[type="radio"]:checked:after {
        cursor: pointer;
        background: #ffffff;
        position: absolute;
        top: 5px;
        left: 5px;
        content: ' ';
        width: 10px;
        height: 10px;
        background: #F01714;
        border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px; }
    .radio-group .radio-column label {
      position: relative;
      float: left;
      font-weight: 400;
      cursor: default;
      margin: 0;
      line-height: 20px; }
    .radio-group .radio-column.disabled label {
      cursor: not-allowed;
      opacity: 0.5;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      -khtml-opacity: 0.5; }
      .radio-group .radio-column.disabled label > label {
        /*background-color: $disableGrey;*/
        opacity: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5; }
    .radio-group .radio-column.mBot-0 {
      margin-bottom: 0px; }
  .radio-group.bold label {
    font-weight: 500; }
  .radio-group.block .radio-column {
    width: 100%;
    margin-bottom: 8px;
    margin-right: 0px;
    clear: both; }
    .radio-group.block .radio-column:last-child, .radio-group.block .radio-column.mBot-0 {
      margin-bottom: 0px; }
  .radio-group .icon {
    float: left;
    font-size: 20px;
    font-size: 2rem;
    height: 20px;
    margin-right: 8px;
    top: 0px; }
  .radio-group.with-icon .radio-column > label p {
    margin: 0;
    padding: 0 0 0 54px;
    text-align: left; }
  .radio-group.with-icon .radio-column .icon {
    top: 0px; }

/*Dropdown*/
.dropdown-group {
  position: relative; }
  .dropdown-group p {
    border: 1px solid #c0c0c0;
    color: #909090;
    padding: 7px 8px;
    height: 40px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    margin: 0px;
    cursor: pointer;
    line-height: 24px; }
    .dropdown-group p .icon {
      position: absolute;
      right: 0;
      top: 0;
      background: #ffffff;
      border: 1px solid #c0c0c0;
      border-left-width: 0px;
      padding: 10px 10px 0;
      height: 40px;
      max-height: 40px; }
  .dropdown-group .dropdown-menu {
    padding: 0;
    margin: 0;
    border-radius: 0;
    margin: 0;
    border-top: 0;
    width: 100%; }

.branch-menu .branch-menu-content h3 {
  margin: 16px 0 24px 16px; }
.branch-menu .branch-menu-content ul {
  margin-left: 16px;
  padding: 0px;
  list-style-type: none; }
  .branch-menu .branch-menu-content ul li {
    overflow: hidden;
    margin-bottom: 8px; }
.branch-menu .checkbox {
  padding-top: 5px; }
.branch-menu .icons {
  float: left;
  margin-right: 8px;
  position: relative;
  top: -3px; }
.branch-menu .branch-action {
  margin-left: 24px;
  overflow: hidden;
  margin-top: 8px; }

/*Uniform Selecbox, Checkbox, Radio - Start*/
/*Dropdown - End*/
/*Datepicker fields- Start*/
.date-field input {
  min-width: 45px;
  width: 45px;
  float: left;
  margin-right: 10px; }
  .date-field input.date-year {
    width: 60px;
    margin-right: 0; }

.datepicker-box .icon {
  position: absolute;
  right: 16px;
  z-index: 9;
  top: 12px; }

.date-picker {
  width: 170px;
  /*height: 25px;*/
  padding: 0;
  border: 0;
  font-size: 16px;
  cursor: pointer;
  color: #000000;
  position: relative;
  z-index: 2; }

.date-picker-wrapper {
  position: absolute;
  background-color: #ffffff;
  padding: 0px 12px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
  z-index: 99999; }
  .date-picker-wrapper.single-date {
    width: auto; }
  .date-picker-wrapper.single-date .month-wrapper {
    width: 190px !important; }
  .date-picker-wrapper.no-shortcuts {
    padding-bottom: 0px; }
  .date-picker-wrapper .footer {
    display: none; }
  .date-picker-wrapper b {
    color: #666;
    font-weight: 700; }
  .date-picker-wrapper a {
    color: #6bb4d6;
    text-decoration: underline; }
  .date-picker-wrapper .month-name {
    font-weight: 700; }
  .date-picker-wrapper .month-wrapper {
    cursor: default;
    position: relative;
    _overflow: hidden;
    width: 400px !important;
    margin-bottom: 12px; }
  .date-picker-wrapper .month-wrapper table {
    width: 190px;
    min-width: inherit;
    float: left; }
  .date-picker-wrapper .month-wrapper table.month1 {
    margin-right: 10px; }
  .date-picker-wrapper .month-wrapper table.month2 {
    width: 190px;
    float: right;
    margin-left: 10px; }
  .date-picker-wrapper .month-wrapper table th,
  .date-picker-wrapper .month-wrapper table td {
    vertical-align: middle;
    text-align: center;
    line-height: 14px;
    font-weight: 400;
    margin: 0px;
    padding: 0px;
    border: none; }
  .date-picker-wrapper .month-wrapper table th {
    color: #000000;
    font-weight: 500; }
  .date-picker-wrapper .month-wrapper table .day {
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    margin-bottom: 1px;
    color: #999;
    cursor: default;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    margin-right: 1px; }
  .date-picker-wrapper .month-wrapper table .day.invalid:hover {
    border: 1px solid #f5f5f5;
    background: #f5f5f5; }
  .date-picker-wrapper .month-wrapper table .day:hover {
    background: #ffffff;
    border: 1px solid #ee1818; }
  .date-picker-wrapper .month-wrapper table div.day.lastMonth,
  .date-picker-wrapper .month-wrapper table div.day.nextMonth {
    color: #bcbbbd;
    cursor: default;
    display: none; }
  .date-picker-wrapper .month-wrapper table .day.checked {
    color: #ee1818;
    border: 1px solid #ee1818; }
  .date-picker-wrapper .month-wrapper table .day.checked:first-child {
    background-color: #ffffff;
    color: #000000; }
  .date-picker-wrapper .month-wrapper table .week-name {
    height: 20px;
    line-height: 20px;
    font-weight: 100;
    text-transform: uppercase; }
  .date-picker-wrapper .month-wrapper table .day.has-tooltip {
    cursor: help !important; }
  .date-picker-wrapper .month-wrapper table .day.toMonth.valid {
    color: #000000;
    cursor: pointer; }
  .date-picker-wrapper .month-wrapper table .day.real-today {
    background-color: #f5f5f5; }
  .date-picker-wrapper .month-wrapper table .day.real-today.checked {
    background-color: #ee1818;
    color: #ffffff !important; }
  .date-picker-wrapper .month-wrapper table .day.checked.firstChecked {
    background-color: #ee1818;
    color: #ffffff !important; }
  .date-picker-wrapper .month-wrapper table .day.checked.lastChecked {
    background-color: #ee1818;
    color: #ffffff !important; }
  .date-picker-wrapper .month-wrapper table .day.checked.first-date-selected,
  .date-picker-wrapper .month-wrapper table .day.checked.last-date-selected {
    background: #ee1818;
    color: #ffffff; }
  .date-picker-wrapper table .caption {
    height: 40px; }
  .date-picker-wrapper table .caption .next,
  .date-picker-wrapper table .caption .prev {
    padding: 0 5px;
    cursor: pointer; }
  .date-picker-wrapper .gap {
    display: none; }
  .date-picker-wrapper .selected-days {
    display: none; }
  .date-picker-wrapper .drp_top-bar {
    line-height: 40px;
    height: 40px;
    position: relative;
    display: none; }
  .date-picker-wrapper .drp_top-bar .error-top {
    display: none; }
  .date-picker-wrapper .drp_top-bar .normal-top {
    display: none; }
  .date-picker-wrapper .drp_top-bar .default-top {
    display: none; }
  .date-picker-wrapper .drp_top-bar.error .default-top {
    display: none; }
  .date-picker-wrapper .drp_top-bar.error .error-top {
    display: block;
    color: red; }
  .date-picker-wrapper .drp_top-bar.normal .default-top {
    display: none; }
  .date-picker-wrapper .drp_top-bar.normal .normal-top {
    display: block; }
  .date-picker-wrapper .drp_top-bar .apply-btn {
    position: absolute;
    right: 0px;
    top: 6px;
    padding: 3px 5px;
    margin: 0;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top, #00adee, #0078a5);
    /*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#00adee", endColorstr="#0078a5");*/
    color: white; }
  .date-picker-wrapper .drp_top-bar .apply-btn.disabled {
    cursor: pointer;
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top, #fff, #ededed);
    /*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ededed");*/ }

.month-wrapper::before {
  border: 10px solid #f01714;
  height: 10px;
  width: 15px;
  float: left;
  position: absolute;
  width: 100%;
  height: 0;
  color: #3B8CED;
  font-size: 70px;
  top: -15px;
  left: 0;
  z-index: 9;
  text-align: center; }

.dateRange .icon {
  position: absolute;
  right: 16px;
  z-index: 9;
  top: 12px; }

/*Datepicker fields- End*/
.transaction-box {
  overflow: hidden;
  padding: 0 24px;
  background-color: #f3f3f3; }
  .transaction-box.open {
    border-top: 2px solid #ececec; }
  .transaction-box.full-width {
    margin: 0 -24px; }

/*Forms - End*/
/*Tables - Start*/
.tbl-header {
  margin-bottom: 16px; }
  .tbl-header label {
    margin: 8px 0 0;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400; }
    .tbl-header label.tbl-title {
      font-weight: 500; }

.tbl-container {
  overflow: auto;
  width: 100%; }

table {
  width: 100%;
  border-collapse: separate; }
  table tr th {
    vertical-align: top;
    font-weight: 400;
    padding: 8px 16px;
    font-size: 14px;
    font-size: 1.4rem; }
    table tr th .subtitle {
      color: #000000;
      font-weight: 400;
      font-size: 12px;
      font-size: 1.2rem; }
  table tr td {
    font-size: 16px;
    font-size: 1.6rem;
    vertical-align: top;
    color: #000000;
    margin: 0;
    padding: 8px 16px 8px;
    border-top: none;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    font-weight: 500; }
    table tr td:last-child {
      border-right: none; }
    table tr td .txt-gray {
      font-size: 14px;
      font-size: 1.4rem; }
    table tr td .ico-arrowright1, table tr td .ico-arrowdown1 {
      font-size: 14px;
      font-size: 1.4rem;
      position: relative;
      top: 2px;
      margin-right: 4px; }
    table tr td .checkbox label {
      font-weight: 400; }
    table tr td.no-border-right {
      border-right: 0px; }
    table tr td.no-border-top {
      border-top: 0px; }
    table tr td.no-border-left {
      border-left: 0px; }
    table tr td.no-border-bot {
      border-bottom: 0px; }
  table tr.even td {
    background-color: #f7f7f7; }
  table tr.odd td {
    background-color: #ffffff; }
  table tr .parent {
    font-weight: 500;
    font-size: 16px;
    font-size: 1.6rem; }
  table tr.parentRow {
    background-color: #f3f3f3; }
  table tr.open > td {
    background-color: #ff775b;
    color: #ffffff; }
    table tr.open > td > a {
      color: #ffffff; }
      table tr.open > td > a .icon {
        color: #ffffff; }
  table .align-right {
    text-align: right; }
  table input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  table p {
    margin: 0px;
    padding: 0px; }
  table .checkbox {
    margin: 0; }
    table .checkbox p {
      padding-left: 29px; }
  table .child {
    color: #000000; }
    table .child:hover {
      text-decoration: none; }
  table .action-group p {
    margin-bottom: 10px; }
    table .action-group p .btn {
      width: 100%;
      font-weight: 500; }
  table.tbl-primary tr th {
    border-bottom: 2px solid #F01714; }
  table.tbl-primary tr td.td-tbl {
    padding: 0;
    border-bottom-width: 0; }
  table.tbl-primary.bold tr td {
    font-weight: 500; }
  table.tbl-secondary tr th, table .tbl-subcontent tr th {
    border-bottom: 1px solid #e6e6e6;
    background-color: #f3f3f3;
    padding: 16px;
    font-weight: 400; }
  table.tbl-secondary tr td.td-tbl, table .tbl-subcontent tr td.td-tbl {
    padding: 0; }
  table.tbl-secondary.bold tr td, table .tbl-subcontent.bold tr td {
    font-weight: 500; }
  table.tbl-default tr th {
    font-weight: 400; }
  table.tbl-default tr td {
    border-bottom-width: 0;
    border-right-width: 0;
    font-weight: 500; }
  table.tbl-default tfoot tr td {
    padding-top: 1px; }
    table.tbl-default tfoot tr td .timestamp {
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: 400; }
  table .tbl-flag-box span {
    color: #000000;
    margin-left: 12px; }
  table.tbl-plain tr td {
    border: none;
    padding: 8px;
    vertical-align: middle; }
    table.tbl-plain tr td h1, table.tbl-plain tr td h2, table.tbl-plain tr td h3, table.tbl-plain tr td h4, table.tbl-plain tr td h5 {
      margin: 0px;
      padding: 0; }
    table.tbl-plain tr td h4 {
      margin-bottom: 0 !important; }
  table .btn.small {
    max-width: 80px;
    width: 100%; }
  table .tbl-collapse-box {
    display: none; }
    table .tbl-collapse-box td {
      background-color: #f3f3f3; }
  table .tbl-subcontent tr td, table .tbl-subcontent tr th {
    background-color: #ffffff; }
  table .tbl-subcontent .table-header .sort.asc .sort-icon, table .tbl-subcontent .table-header .sort.asc.sort-icon {
    background: url("../images/sort_down.png") no-repeat 0 0; }
  table .tbl-subcontent .table-header .sort.desc .sort-icon, table .tbl-subcontent .table-header .sort.desc.sort-icon {
    background: url("../images/sort_up.png") no-repeat 0 0; }
  table .tbl-subcontent .sort {
    cursor: pointer; }
    table .tbl-subcontent .sort .sort-icon {
      height: 10px;
      width: 10px;
      display: inline-block;
      margin-left: 4px; }
      table .tbl-subcontent .sort .sort-icon.down {
        background: url("../images/sort_down.png") no-repeat 0 0; }
      table .tbl-subcontent .sort .sort-icon.up {
        background: url("../images/sort_up.png") no-repeat 0 0; }
      table .tbl-subcontent .sort .sort-icon.default {
        background: url("../images/sort.png") no-repeat 0 0; }
  table .tr-collapse-child {
    display: none; }
  table .collapsibleElem {
    color: #000000; }
    table .collapsibleElem .icon {
      margin-right: 4px; }
    table .collapsibleElem:hover {
      text-decoration: none; }
  table.tbl-tertiary tr th {
    border-bottom: 1px solid #c0c0c0;
    background-color: #ffffff;
    padding: 8px;
    font-weight: 400;
    color: #000000; }
    table.tbl-tertiary tr th .icon {
      font-size: 18px;
      font-size: 1.8rem;
      top: 4px;
      position: relative;
      margin-left: 4px;
      color: #909090; }
  table.tbl-tertiary tr td {
    color: #656565;
    border-bottom-width: 0;
    border-right-width: 0; }
  table.tbl-tertiary tfoot tr td {
    border-top: 1px solid #c0c0c0; }
  table.tbl-right tr th, table.tbl-right tr td {
    text-align: right; }
    table.tbl-right tr th.align-left, table.tbl-right tr td.align-left {
      text-align: left; }
  table.tbl-left tr th, table.tbl-left tr td {
    text-align: left; }
    table.tbl-left tr th.align-right, table.tbl-left tr td.align-right {
      text-align: right; }

/*Tables - End*/
/*PDF box - Start*/
.pdf-box {
  background-color: #f4f0ea;
  overflow: auto;
  border: 1px solid #dbd7d2;
  position: relative; }
  .pdf-box .pdf {
    float: left; }
  .pdf-box .pdf-content {
    padding: 9px 20px;
    margin-left: 80px;
    margin-right: 30px; }
    .pdf-box .pdf-content label {
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: 500;
      margin-bottom: 8px; }
    .pdf-box .pdf-content p {
      margin: 0px;
      color: #909090;
      font-size: 13px;
      font-size: 1.3rem; }
  .pdf-box .icon {
    position: absolute;
    right: 20px;
    top: 34%;
    font-size: 25px;
    font-size: 2.5rem; }
    .pdf-box .icon.ico-warning2 {
      color: #ffa00e; }

/*PDF box - End*/
/*print box - Start*/
.print-box {
  position: relative;
  overflow: hidden; }
  .print-box .print-btn {
    background: #ffffff;
    float: left;
    background: white;
    position: absolute;
    top: 0;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    right: -1px; }
  .print-box .print-content {
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
    background-color: #F01714;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    height: 30px;
    /*padding: 0;*/
    /*width: 30px;*/
    padding: 0 30px 0 10px;
    width: 160px;
    position: relative; }
    .print-box .print-content label {
      color: #ffffff;
      font-weight: 500;
      margin-top: 5px; }
    .print-box .print-content.animate-width {
      padding: 0 30px 0 10px;
      width: 160px; }
    .print-box .print-content:hover {
      padding: 0 30px 0 10px;
      width: 160px; }
  .print-box .ico-print {
    height: 30px;
    position: relative;
    right: 1px;
    cursor: pointer; }

/*print box - End*/
/*Alert message - Start*/
.alert.alert-danger .icon {
  color: #F01714; }
.alert.alert-warning .icon {
  color: #f5a623; }
.alert.alert-success .icon {
  color: #229922; }
.alert .icon {
  font-size: 18px;
  font-size: 1.8rem;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  font-size: 20px;
  font-size: 2rem;
  float: left;
  margin-right: 8px;
  top: -1px; }
.alert .close {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  text-shadow: initial; }
  .alert .close:hover, .alert .close:focus {
    color: initial;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1; }
  .alert .close .icon {
    top: -1px;
    margin-right: 0px; }

/*Alert message - End*/
/*Plus or close box - Start*/
/*.btn-more-option {
	cursor: pointer;
	span, span:before, span:after {
		cursor: pointer;
		border-radius: 1px;
		height: 5px;
		width: 35px;
		background: $black;
		position: absolute;
		display: block;
		content: '';
	}
	span{
		background-color: transparent;transition: all 1500ms ease-in-out;
		&:before {
			top: -10px;
			transform: rotate(90deg);
		}
		&:after {
			bottom: 10px;
		}
	}
	&.active{
		span:before {transform: rotate(135deg);}
		span:after {transform: rotate(45deg);}
	}
}*/
/*Plus or close box - Start*/
/*Footer - Start*/
.footer {
  max-width: 1024px;
  margin: 0 auto; }
  .footer h4 {
    color: #ffffff; }
  .footer ul {
    margin-top: 16px;
    color: #F01714;
    list-style-type: none;
    padding: 0; }
    .footer ul li a {
      text-decoration: none;
      /*color: $darkGray;*/
      color: #c0c0c0;
      font-weight: 400; }
  .footer .footer-content {
    position: relative;
    background-color: #000000;
    float: left;
    width: 100%;
    padding: 24px 48px 24px;
    font-size: 14px;
    font-size: 1.4rem; }
    .footer .footer-content .contact-box p a {
      font-size: 18px;
      font-size: 1.8rem;
      color: #F01714;
      font-weight: 700; }
      .footer .footer-content .contact-box p a:hover {
        text-decoration: none; }
    .footer .footer-content .contact-box .footer-social-box {
      margin-bottom: 32px;
      overflow: hidden; }
      .footer .footer-content .contact-box .footer-social-box .icon {
        color: #c0c0c0;
        height: 34px;
        display: block;
        float: left;
        font-size: 30px;
        font-size: 3rem; }
      .footer .footer-content .contact-box .footer-social-box h4 {
        float: left;
        margin-right: 8px; }
      .footer .footer-content .contact-box .footer-social-box ul {
        margin: 0;
        float: left;
        overflow: hidden;
        list-style: none; }
        .footer .footer-content .contact-box .footer-social-box ul li {
          float: left;
          width: initial;
          font-size: 20px;
          font-size: 2rem;
          margin: 0 16px 0 0; }
          .footer .footer-content .contact-box .footer-social-box ul li.mRight-0 {
            margin-right: 0px; }
    .footer .footer-content .gotoTop {
      position: absolute;
      width: 48px;
      height: 48px;
      right: 32px;
      top: -8px; }
      .footer .footer-content .gotoTop a {
        background-color: #F01714;
        color: #ffffff;
        text-align: center;
        display: block;
        font-weight: 500;
        height: 100%; }
        .footer .footer-content .gotoTop a:hover {
          text-decoration: none;
          background-color: #ee1818; }
      .footer .footer-content .gotoTop .icon {
        color: #ffffff;
        font-size: 20px;
        font-size: 2rem;
        display: block;
        text-align: center;
        height: 16px;
        margin-bottom: 8px; }
  .footer .footer-links {
    padding: 16px 30px;
    color: #909090;
    overflow: hidden; }
    .footer .footer-links ul {
      margin-top: 12px;
      color: #909090;
      list-style-type: none; }
      .footer .footer-links ul li {
        font-weight: 400;
        font-size: 14px;
        font-size: 1.4rem;
        float: left; }
        .footer .footer-links ul li span {
          color: #909090;
          margin: 0 10px;
          display: inline-block; }
        .footer .footer-links ul li a {
          color: #909090;
          font-weight: 400; }
  .footer.login {
    color: #fff;
    position: absolute;
    bottom: 0;
    padding: 16px;
    max-width: 1024px;
    margin: 0 auto;
    left: 0;
    right: 0;
    font-weight: 300; }
  .footer.footer-gray {
    max-width: 100%;
    width: 100%;
    margin-top: 13px;
    overflow: hidden;
    background: #4a4a4a; }
    .footer.footer-gray .footer-content {
      background: #4a4a4a;
      max-width: 1440px;
      width: 100%;
      margin: 0 auto;
      float: none; }
    .footer.footer-gray h4 {
      color: #c0c0c0; }
    .footer.footer-gray ul li {
      color: #ffffff; }
      .footer.footer-gray ul li a {
        color: #ffffff; }
        .footer.footer-gray ul li a:hover {
          text-decoration: none;
          color: #ee1818; }
    .footer.footer-gray .footer-links {
      padding: 0;
      margin-top: 54px; }
      .footer.footer-gray .footer-links ul li {
        display: inline-block;
        width: inherit;
        font-size: 12px;
        font-size: 1.2rem;
        color: #c0c0c0; }
        .footer.footer-gray .footer-links ul li a {
          color: #c0c0c0;
          font-size: 12px;
          font-size: 1.2rem; }
          .footer.footer-gray .footer-links ul li a:hover {
            text-decoration: none;
            color: #ee1818; }

/*Footer - End*/
/*Search location - Start*/
.search-box {
  position: relative;
  overflow: hidden; }
  .search-box input {
    padding-right: 70px;
    float: left; }
  .search-box .btn-close {
    background: none;
    border: none;
    position: absolute;
    right: 46px;
    font-size: 20px;
    font-size: 2rem;
    top: 8px; }
    .search-box .btn-close .icon {
      color: #c0c0c0; }

.search-box-list {
  display: none;
  position: absolute;
  background-color: #fff;
  z-index: 1;
  min-width: 320px;
  padding: 0;
  -webkit-overflow-scrolling: touch;
  border-left: 1px solid #ccc6c6;
  border-right: 1px solid #ccc6c6;
  border-bottom: 1px solid #ccc6c6; }
  .search-box-list ul {
    margin: 0px;
    padding: 0px; }
    .search-box-list ul li {
      min-height: 40px;
      overflow: hidden;
      display: block; }
      .search-box-list ul li a {
        overflow: hidden;
        color: #100f0f;
        padding: 8px 16px;
        display: block;
        font-weight: 500; }
        .search-box-list ul li a:hover {
          text-decoration: none; }
  .search-box-list .search-box-body {
    overflow-y: auto;
    max-height: 218px; }
  .search-box-list .search-box-action {
    padding: 16px; }
    .search-box-list .search-box-action .icon {
      padding-right: 4px; }

.btn-search {
  width: 40px;
  float: left;
  padding: 0 10px;
  height: 40px;
  border: none;
  position: absolute;
  right: 0;
  top: 0px;
  background-color: #F01714; }
  .btn-search .icon {
    color: #ffffff; }
    .btn-search .icon.ico-search {
      font-size: 20px;
      font-size: 2rem;
      display: block;
      width: 20px;
      height: 22px; }
    .btn-search .icon.ico-location2 {
      font-size: 18px;
      font-size: 1.8rem; }
    .btn-search .icon.ico-arrowright3 {
      font-size: 20px;
      font-size: 2rem;
      top: 2px; }
  .btn-search:hover {
    background-color: #ee1818; }

.advsearch-box {
  min-height: 40px;
  overflow: hidden;
  position: absolute;
  right: 0; }
  .advsearch-box .search-input {
    padding-right: 70px;
    position: relative;
    right: 0px;
    display: none; }
  .advsearch-box .btn-close {
    background: none;
    border: none;
    position: absolute;
    right: 54px;
    font-size: 20px;
    font-size: 2rem;
    top: 8px; }
    .advsearch-box .btn-close .icon {
      color: #c0c0c0; }
  .advsearch-box .advsearch-actions {
    /*position: absolute;*/
    /*margin-top :0;*/
    float: left; }
    .advsearch-box .advsearch-actions .icon {
      padding-right: 4px; }
    .advsearch-box .advsearch-actions.link {
      margin-top: 10px; }
  .advsearch-box .btn-search {
    right: 8px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    position: relative;
    float: right;
    z-index: 99; }
    .advsearch-box .btn-search.active {
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0; }
  .advsearch-box .search-links {
    float: right;
    /*margin-top: 8px;*/
    /*position: absolute;*/
    /*right: 0;*/
    /*top: 0;*/ }
    .advsearch-box .search-links a {
      margin-left: 16px; }
    .advsearch-box .search-links .icon {
      margin-right: 8px; }

#transactions .search-input {
  width: 0;
  transition: all .4s;
  position: absolute;
  right: 0%; }
  #transactions .search-input.active {
    display: block;
    width: 100%; }

.search-menu .search-menu-content {
  padding: 0 24px 0;
  margin: 0 auto;
  max-width: 1024px;
  overflow: hidden; }
.search-menu .search-box {
  margin-bottom: 0; }
.search-menu label {
  margin-top: 16px;
  float: left; }
.search-menu ol {
  overflow: hidden;
  padding: 0;
  margin-bottom: 0;
  float: left;
  margin-top: 16px;
  list-style-position: inside; }
  .search-menu ol li {
    float: left;
    margin: 0 6px;
    font-weight: 500; }

/*Search location - End*/
section {
  padding: 24px;
  margin-bottom: 8px;
  background-color: #ffffff;
  /*position: relative;*/
  -webkit-box-shadow: 0px 3px 2px -2px #c0c0c0;
  -moz-box-shadow: 0px 3px 2px -2px #c0c0c0;
  box-shadow: 0px 3px 2px -2px #c0c0c0; }
  section h2 {
    margin-bottom: 16px; }
  section.default {
    margin: 0 0 8px;
    padding: 0px;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    section.default.mBot-0 {
      margin-bottom: 0px; }
    section.default.bg-white {
      background-color: #ffffff; }
  section.mTop-0 {
    margin-top: 0px; }
  section.mBot-0 {
    margin-bottom: 0px; }
  section.pBot-0 {
    padding-bottom: 0px; }
  section.pTop-0 {
    padding-top: 0px; }
  section.bTop-1 {
    border-top: 1px solid #c0c0c0; }
  section.last {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0px; }
  section.transparent {
    background-color: transparent; }
  section .section-header {
    overflow: hidden; }
    section .section-header h2 {
      float: left; }
    section .section-header .action-box {
      float: right; }
      section .section-header .action-box a {
        text-decoration: none; }
      section .section-header .action-box .icon {
        position: relative;
        top: 3px;
        margin-right: 4px; }
  section.relative, section.mBot-0 {
    overflow: inherit; }
  section:last-child {
    min-height: 365px;
    margin-bottom: 0; }
    section:last-child.next-steps {
      min-height: inherit; }

.timestamp {
  margin: 0;
  color: #909090;
  font-size: 14px;
  font-size: 1.4rem; }
  .timestamp.medium {
    font-size: 14px;
    font-size: 1.4rem; }
  .timestamp.big {
    font-size: 16px;
    font-size: 1.6rem; }

.action-links a {
  color: #F01714; }
  .action-links a:focus, .action-links a:hover, .action-links a:active {
    text-decoration: none; }
  .action-links a .icon {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    -webkit-transition: all 0.5s;
    /* Safari */
    transition: all 0.5s; }
  .action-links a.collapsed .icon {
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Chrome, Safari, Opera */
    transform: rotate(0deg); }
.action-links.block {
  font-weight: 500;
  text-align: center;
  padding: 24px; }
  .action-links.block .icon {
    font-size: 18px;
    font-size: 1.8rem;
    height: 19px;
    width: 18px;
    position: relative;
    top: 4px;
    margin-left: 4px; }
.action-links.center {
  text-align: center;
  font-weight: 500; }
.action-links .icon.ico-findmore {
  margin-left: 8px; }

/*PWEB components - Start*/
/*Dashboard Layout - Start*/
.layout-header {
  overflow: hidden;
  padding-bottom: 16px; }
  .layout-header h2, .layout-header h3, .layout-header h4 {
    float: left;
    margin-bottom: 0; }
  .layout-header .action-box {
    float: right; }
  .layout-header .action-group {
    margin: 0px;
    float: right; }
  .layout-header.dotted {
    border-bottom: 1px dotted #c0c0c0;
    padding-bottom: 8px;
    margin-bottom: 8px; }

.layout-box {
  padding: 24px;
  overflow: hidden; }
  .layout-box a {
    text-decoration: none; }
  .layout-box p {
    margin-bottom: 0; }
  .layout-box .header-link {
    font-size: 24px;
    font-size: 2.4rem;
    float: left;
    font-weight: 500; }
    .layout-box .header-link .icon {
      font-size: 20px;
      font-size: 2rem;
      height: 20px;
      width: 20px;
      position: relative;
      top: 2px; }
    .layout-box .header-link:hover {
      text-decoration: none; }
    .layout-box .header-link.small {
      font-size: 16px;
      font-size: 1.6rem; }
      .layout-box .header-link.small .icon {
        height: 17px;
        width: 16px;
        position: relative;
        top: 3px; }
  .layout-box .header-link-small {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500; }
    .layout-box .header-link-small .icon {
      height: 17px;
      width: 16px;
      position: relative;
      top: 4px; }
    .layout-box .header-link-small:hover {
      text-decoration: none; }
  .layout-box .action-links .ico-arrowright {
    font-size: 10px;
    font-size: 1rem;
    position: relative;
    top: 1px;
    margin-left: 8px; }
  .layout-box .layout-row {
    margin-bottom: 16px;
    overflow: hidden; }
    .layout-box .layout-row.last {
      margin-bottom: 0; }
  .layout-box .layout-content {
    overflow: hidden; }
  .layout-box .left-content {
    float: left; }
    .layout-box .left-content .icon {
      color: #909090;
      font-size: 54px;
      font-size: 5.4rem; }
  .layout-box .right-content {
    float: left; }
    .layout-box .right-content h4 {
      margin-top: 0px;
      font-size: 16px;
      font-size: 1.6rem; }
      .layout-box .right-content h4 span.icon {
        position: relative;
        top: 3px; }
  .layout-box.type1 {
    background-color: #f3f3f3;
    -webkit-box-shadow: 0px 3px 2px -2px #c0c0c0;
    -moz-box-shadow: 0px 3px 2px -2px #c0c0c0;
    box-shadow: 0px 3px 2px -2px #c0c0c0; }
    .layout-box.type1 h3 {
      float: left; }
    .layout-box.type1 .action-links {
      float: right;
      margin-top: 5px; }
    .layout-box.type1 p {
      color: #000000;
      font-weight: 500; }
    .layout-box.type1 .left-content .icon {
      color: #909090;
      font-size: 54px;
      font-size: 5.4rem; }
      .layout-box.type1 .left-content .icon.ico-calculator1 {
        margin-top: 16px; }
      .layout-box.type1 .left-content .icon.ico-compare1 {
        margin-top: 14px; }
    .layout-box.type1 .layout-header {
      padding-bottom: 8px; }
  .layout-box.type2 {
    background-color: #f3f3f3;
    /*@include box-shadow(0px 3px 2px -2px $mediumGray);*/ }
    .layout-box.type2 .action-links {
      float: none;
      width: 100%;
      margin-bottom: 4px; }
    .layout-box.type2.bg-white {
      background-color: #ffffff; }
    .layout-box.type2 .left-content .icon {
      color: #909090;
      font-size: 54px;
      font-size: 5.4rem;
      margin-top: 14px; }
    .layout-box.type2 p {
      color: #000000; }
    .layout-box.type2 .layout-header .icon {
      position: relative;
      top: 2px;
      font-size: 20px;
      font-size: 2rem; }
    .layout-box.type2 .layout-header.pBot-8 {
      padding-bottom: 8px; }
    .layout-box.type2.shadow {
      -webkit-box-shadow: 0px 3px 2px -2px #c0c0c0;
      -moz-box-shadow: 0px 3px 2px -2px #c0c0c0;
      box-shadow: 0px 3px 2px -2px #c0c0c0; }
  .layout-box.type3 {
    padding: 0;
    position: relative;
    /*max-height: 460px;*/ }
    .layout-box.type3 h4 {
      font-size: 24px;
      font-size: 2.4rem;
      margin: 16px 0 0;
      font-weight: 700; }
    .layout-box.type3 h3 {
      margin: 16px 0 0;
      color: #000000; }
    .layout-box.type3 p {
      margin-top: 8px; }
    .layout-box.type3 .overlay {
      min-height: 204px;
      overflow: hidden;
      padding: 0 24px 24px;
      background-color: #c0c0c0;
      display: table; }
      .layout-box.type3 .overlay .overlay-content {
        display: table-cell;
        vertical-align: bottom; }
      .layout-box.type3 .overlay.txt-white h4 {
        color: #ffffff; }
    .layout-box.type3.absolute {
      background-color: #f3f3f3;
      -webkit-box-shadow: 0px 3px 2px -2px #c0c0c0;
      -moz-box-shadow: 0px 3px 2px -2px #c0c0c0;
      box-shadow: 0px 3px 2px -2px #c0c0c0; }
      .layout-box.type3.absolute .overlay {
        position: absolute;
        background-color: transparent;
        width: 100%;
        bottom: 0;
        padding: 24px; }
    .layout-box.type3 .action-group {
      margin-top: 16px; }
    .layout-box.type3.award-box {
      min-height: initial; }
      .layout-box.type3.award-box h3 {
        margin-bottom: 0px; }
    .layout-box.type3.last {
      margin-bottom: 0px; }
  .layout-box.type4 {
    padding: 0;
    position: relative; }
    .layout-box.type4 h3 {
      margin: 16px 0 0; }
  .layout-box .dotted-box h3 {
    margin-bottom: 8px; }
  .layout-box .dotted-box p {
    color: #909090; }

/*Dashboard Layout - End*/
/*Right navigation menu - Start*/
.right-nav-box {
  position: relative;
  float: right;
  left: 24px; }

.right-nav-menu {
  position: relative;
  height: 300px; }

.right-nav {
  display: none;
  position: absolute;
  width: 292px;
  -webkit-box-shadow: 0px 3px 2px -2px #c0c0c0;
  -moz-box-shadow: 0px 3px 2px -2px #c0c0c0;
  box-shadow: 0px 3px 2px -2px #c0c0c0; }
  .right-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden; }
    .right-nav ul li {
      height: 40px;
      background-color: #f3f3f3;
      padding: 9.5px 16px;
      font-size: 18px;
      font-size: 1.8rem;
      border-bottom-width: 0; }
      .right-nav ul li.right-nav-head {
        background-color: #F01714;
        border: 1px solid #ee1818;
        border-bottom-width: 2px; }
        .right-nav ul li.right-nav-head a, .right-nav ul li.right-nav-head i {
          color: #ffffff; }
        .right-nav ul li.right-nav-head:hover {
          background-color: #F01714; }
      .right-nav ul li.right-nav-red {
        background-color: #F01714; }
        .right-nav ul li.right-nav-red:hover {
          background-color: #F01714; }
        .right-nav ul li.right-nav-red a, .right-nav ul li.right-nav-red i {
          color: #ffffff; }
      .right-nav ul li a {
        color: #000000;
        font-weight: 500;
        float: left; }
        .right-nav ul li a:hover {
          text-decoration: none; }
      .right-nav ul li i {
        color: #F01714;
        float: right;
        font-size: 16px;
        font-size: 1.6rem; }
      .right-nav ul li.right-nav-social a {
        float: left;
        width: 20px;
        height: 20px; }
        .right-nav ul li.right-nav-social a.icon {
          margin-right: 16px; }
      .right-nav ul li:hover {
        background-color: #ffffff; }
  .right-nav.inactive {
    width: 64px;
    overflow: hidden; }
  .right-nav .tooltip-arrow {
    border-width: 15px 0 15px 15px;
    border-left-color: #F01714;
    top: 4px;
    right: -10px; }
  .right-nav.block {
    position: absolute;
    right: -22px;
    z-index: 100;
    top: 50px;
    display: block;
    width: 292px; }
    .right-nav.block li {
      margin: 0 -8px;
      padding-left: 12px;
      padding-right: 20px; }
      .right-nav.block li .nav-title {
        display: block;
        width: 220px;
        float: left;
        margin-bottom: 0;
        padding-left: 0px;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1; }
        .right-nav.block li .nav-title.icon {
          margin: 0px;
          padding: 0px; }
        .right-nav.block li .nav-title .nav-title-content {
          width: 252px; }
      .right-nav.block li a {
        padding-left: 12px; }
      .right-nav.block li p {
        overflow-x: hidden;
        white-space: nowrap;
        display: inline-block;
        padding-left: 15px; }

.right-action {
  margin-left: 16px;
  overflow: hidden;
  float: left;
  margin-top: 8px; }
  .right-action ul {
    list-style-type: none;
    padding: 0px; }
    .right-action ul li {
      max-height: 40px;
      height: 40px;
      float: left;
      background-color: #F01714;
      margin-right: 8px; }
      .right-action ul li .icon {
        color: #ffffff;
        font-size: 20px;
        font-size: 2rem;
        padding: 10px;
        height: 100%;
        width: 100%; }
      .right-action ul li a {
        display: block;
        height: 100%; }
        .right-action ul li a .icon {
          overflow: hidden;
          transition-duration: 100ms;
          transition-property: transform; }
  .right-action.block ul li {
    width: 40px;
    margin-bottom: 8px;
    float: none;
    display: block; }
    .right-action.block ul li:last-child {
      margin-bottom: 0px; }

/*Right navigation menu - End*/
.mega-menu {
  border-bottom: 8px solid #F01714;
  margin: 0; }
  .mega-menu .mega-menu-content {
    max-width: 1024px;
    margin: 0 auto; }
  .mega-menu .navbar-header {
    min-height: 72px;
    background-color: #000000; }
    .mega-menu .navbar-header .icon {
      color: #ffffff;
      font-size: 30px;
      font-size: 3rem; }
      .mega-menu .navbar-header .icon.ico-search {
        font-size: 25px;
        font-size: 2.5rem; }
  .mega-menu.navbar-default {
    /*background-color: $black;*/ }
  .mega-menu a {
    font-weight: 500; }
    .mega-menu a:hover, .mega-menu a:active {
      text-decoration: none; }
  .mega-menu .navbar-brand {
    float: left; }
  .mega-menu.navbar-default .navbar-nav > li {
    padding-top: 36px;
    position: relative; }
    .mega-menu.navbar-default .navbar-nav > li a > .icon {
      color: #ffffff;
      margin-left: 8px;
      position: relative;
      top: 3px; }
      .mega-menu.navbar-default .navbar-nav > li a > .icon.ico-search, .mega-menu.navbar-default .navbar-nav > li a > .icon.ico-lock2 {
        font-size: 20px;
        font-size: 2rem;
        margin-left: 0px;
        margin-right: 8px;
        margin-left: 0;
        width: 20px;
        height: 22px;
        float: left;
        top: -2px; }
    .mega-menu.navbar-default .navbar-nav > li.open {
      background-color: #ee1818; }
      .mega-menu.navbar-default .navbar-nav > li.open > a {
        background-color: #ee1818;
        color: #ffffff; }
    .mega-menu.navbar-default .navbar-nav > li .dropdown-menu {
      -webkit-box-shadow: 0px 3px 2px -2px #c0c0c0;
      -moz-box-shadow: 0px 3px 2px -2px #c0c0c0;
      box-shadow: 0px 3px 2px -2px #c0c0c0;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      padding: 0;
      margin: 0;
      min-width: 250px;
      left: -1px;
      border-top-width: 0; }
      .mega-menu.navbar-default .navbar-nav > li .dropdown-menu.align-right {
        right: -1px;
        left: initial; }
      .mega-menu.navbar-default .navbar-nav > li .dropdown-menu .list-heading {
        background-color: #f3f3f3;
        font-weight: 500; }
        .mega-menu.navbar-default .navbar-nav > li .dropdown-menu .list-heading.first {
          border-top-width: 0; }
      .mega-menu.navbar-default .navbar-nav > li .dropdown-menu > li {
        padding: 16px 24px;
        max-height: 40px; }
        .mega-menu.navbar-default .navbar-nav > li .dropdown-menu > li > a {
          padding: 0px;
          margin: 0px;
          line-height: normal; }
          .mega-menu.navbar-default .navbar-nav > li .dropdown-menu > li > a:hover {
            color: #F01714; }
        .mega-menu.navbar-default .navbar-nav > li .dropdown-menu > li.selected {
          border-left: 3px solid #F01714; }
        .mega-menu.navbar-default .navbar-nav > li .dropdown-menu > li:first {
          border-top-width: 0; }
      .mega-menu.navbar-default .navbar-nav > li .dropdown-menu.dropdown-search {
        background-color: #f3f3f3;
        min-width: 1012px; }
        .mega-menu.navbar-default .navbar-nav > li .dropdown-menu.dropdown-search > li {
          max-height: none; }
    .mega-menu.navbar-default .navbar-nav > li > a {
      padding-top: 0;
      padding-bottom: 16px;
      font-size: 14px;
      font-size: 1.4rem; }

/*Hero block / Promotions section - Start*/
.promotion-box {
  position: relative; }
  .promotion-box .carousel-promo {
    max-height: 370px;
    background-color: #ffffff; }
    .promotion-box .carousel-promo .carousel-inner {
      /*min-height: 300px;*/
      /*.item{min-height: 300px;}*/ }
    .promotion-box .carousel-promo .carousel-caption {
      height: 100%;
      padding: 24px 24px 48px 24px;
      display: table; }
    .promotion-box .carousel-promo .promotion-content h1 {
      margin-bottom: 8px;
      font-size: 36px;
      font-size: 3.6rem;
      font-weight: 700; }
    .promotion-box .carousel-promo .promotion-content p {
      margin-bottom: 16px;
      font-weight: 500;
      font-size: 16px;
      font-size: 1.6rem; }
    .promotion-box .carousel-promo .carousel-indicators {
      margin-bottom: 0px;
      bottom: 24px; }
    .promotion-box .carousel-promo .carousel-inner img {
      width: 100%;
      min-height: 100%; }
    .promotion-box .carousel-promo .indicators-action {
      position: absolute;
      bottom: 0;
      left: 44.6%;
      z-index: 20;
      width: 60%;
      margin-left: -30%;
      padding-left: 0;
      list-style: none;
      text-align: center; }
      .promotion-box .carousel-promo .indicators-action a {
        position: relative;
        top: -25px; }
  .promotion-box .carousel-navigation {
    -webkit-box-shadow: 0px 3px 2px -2px #c0c0c0;
    -moz-box-shadow: 0px 3px 2px -2px #c0c0c0;
    box-shadow: 0px 3px 2px -2px #c0c0c0;
    height: 72px;
    overflow: hidden; }
    .promotion-box .carousel-navigation .carousel-inner {
      height: 72px;
      overflow: hidden;
      white-space: nowrap;
      display: inline-block;
      width: 150%; }
      .promotion-box .carousel-navigation .carousel-inner .item {
        display: inline-block;
        position: relative;
        text-align: center;
        margin: 0;
        padding: 16px 20px 0;
        /*background-color: $fb;*/
        background-color: #f3f3f3;
        border-right: 1px solid #ececec;
        border-bottom: 5px solid #f3f3f3;
        border-top: 1px solid #ececec;
        width: 16.7%;
        float: left;
        height: 72px;
        cursor: pointer; }
        .promotion-box .carousel-navigation .carousel-inner .item h5 {
          margin: 0;
          color: #F01714; }
        .promotion-box .carousel-navigation .carousel-inner .item p {
          font-size: 18px;
          font-size: 1.8rem;
          margin: 0;
          font-weight: 500; }
        .promotion-box .carousel-navigation .carousel-inner .item.active {
          border-bottom: 4px solid #F01714;
          background-color: #ffffff; }

/*Hero block / Promotions section - End*/
/*Articles*/
.articles-layout article {
  margin-bottom: 16px; }
  .articles-layout article h4 {
    margin-bottom: 8px; }
  .articles-layout article p {
    color: #000000;
    margin: 0; }

.article-box {
  margin-bottom: 24px;
  border: 1px solid #dcdcdc; }
  .article-box:last-child {
    margin-bottom: 0; }
  .article-box .article-img {
    position: relative; }
    .article-box .article-img img {
      width: 100%; }
    .article-box .article-img a {
      display: block; }
    .article-box .article-img .article-category {
      text-transform: uppercase;
      color: #ffffff;
      position: absolute;
      top: 0;
      padding: 4px;
      font-size: 11px;
      font-size: 1.1rem;
      margin: 16px 0 0 16px; }
  .article-box .article-title {
    overflow: hidden; }
    .article-box .article-title .timestamp {
      margin-top: 16px; }
    .article-box .article-title h2 {
      color: #656565;
      font-weight: 500; }
      .article-box .article-title h2 a {
        font-weight: 500; }
  .article-box .article-desc {
    color: #656565;
    padding: 24px; }
    .article-box .article-desc .category-title {
      color: #656565;
      margin: 0 0 8px;
      color: #ffffff;
      padding: 4px 8px; }
    .article-box .article-desc .datestamp {
      color: #909090;
      margin: 0 0 8px;
      font-size: 14px;
      font-size: 1.4rem; }
    .article-box .article-desc a {
      color: #000000;
      font-weight: 400;
      text-decoration: none; }
  .article-box .bookmark-box {
    margin-bottom: 8px;
    overflow: hidden;
    color: #909090; }
    .article-box .bookmark-box p {
      float: left;
      margin: 0; }
    .article-box .bookmark-box a {
      float: right;
      margin-top: -4px;
      margin-left: 16px; }
      .article-box .bookmark-box a:hover .icon {
        color: #ee1818; }
    .article-box .bookmark-box span {
      display: none;
      opacity: 0.5;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      -khtml-opacity: 0.5; }
    .article-box .bookmark-box .icon {
      color: #c0c0c0;
      font-size: 18px;
      font-size: 1.8rem;
      top: 4px; }
    .article-box .bookmark-box .ico-download-2-line {
      top: 2px; }
    .article-box .bookmark-box .btn-bookmark {
      font-size: 14px;
      font-size: 1.4rem;
      float: right;
      margin-top: -4px; }
      .article-box .bookmark-box .btn-bookmark:hover span {
        display: inline-block;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1; }
      .article-box .bookmark-box .btn-bookmark:hover .icon {
        color: #ee1818; }
      .article-box .bookmark-box .btn-bookmark:active .icon, .article-box .bookmark-box .btn-bookmark.active .icon {
        color: #ee1818; }
      .article-box .bookmark-box .btn-bookmark:active:hover span, .article-box .bookmark-box .btn-bookmark.active:hover span {
        color: #ee1818; }
  .article-box.details {
    border-width: 0; }
    .article-box.details .article-desc {
      color: #000000;
      padding: 24px 0; }
      .article-box.details .article-desc .datestamp {
        color: #656565; }
    .article-box.details .article-title h2 {
      color: #000000; }
    .article-box.details .bookmark-box p {
      color: #656565; }
    .article-box.details.last {
      margin-bottom: 0; }
    .article-box.details .default-bullet {
      margin-top: 16px; }
      .article-box.details .default-bullet li {
        margin-bottom: 16px; }
        .article-box.details .default-bullet li:last-child {
          margin-bottom: 0; }
  .article-box .tag-name {
    font-size: 12px;
    font-size: 1.2rem;
    color: #c0c0c0;
    margin-top: 28px;
    float: right; }
  .article-box .article-footer {
    padding: 0 24px 0; }
    .article-box .article-footer h2 {
      font-weight: 700; }
    .article-box .article-footer p {
      margin-bottom: 0px;
      margin-top: 8px; }
      .article-box .article-footer p a {
        font-weight: 400; }
    .article-box .article-footer a {
      text-decoration: none;
      color: #656565; }
  .article-box.preview:hover h2 a {
    text-decoration: underline; }

/*Carousel Owl - Start*/
.carousel-control {
  position: absolute;
  top: 45%;
  /* top:200px*/
  opacity: 1;
  text-shadow: none;
  width: auto; }
  .carousel-control.right {
    right: 0;
    background-image: none; }
  .carousel-control.left {
    background-image: none;
    left: 0;
    display: none; }

/*Carousel Owl - End*/
/*Pagination - Start*/
.page-drop {
  margin-right: 32px; }
  .page-drop span {
    line-height: 40px; }
  .page-drop .custom-dropdown {
    margin: 0 8px;
    width: 80px; }

.pagination, #tipue_search_foot_boxes {
  padding: 0;
  margin: 0; }
  .pagination li, #tipue_search_foot_boxes li {
    float: left;
    list-style-type: none;
    text-align: center; }
    .pagination li a, #tipue_search_foot_boxes li a {
      color: #c0c0c0;
      border: none; }
      .pagination li a span, #tipue_search_foot_boxes li a span {
        display: none; }
    .pagination li.prev a, #tipue_search_foot_boxes li.prev a {
      color: #c0c0c0;
      font-weight: 500; }
    .pagination li.prev.block a span, #tipue_search_foot_boxes li.prev.block a span {
      display: block; }
    .pagination li.next a, #tipue_search_foot_boxes li.next a {
      color: #F01714;
      font-weight: 500; }
    .pagination li.active a, .pagination li.current a, .pagination li:hover a, #tipue_search_foot_boxes li.active a, #tipue_search_foot_boxes li.current a, #tipue_search_foot_boxes li:hover a {
      text-decoration: none;
      color: #F01714;
      font-weight: 500;
      background: none; }
      .pagination li.active a:hover, .pagination li.current a:hover, .pagination li:hover a:hover, #tipue_search_foot_boxes li.active a:hover, #tipue_search_foot_boxes li.current a:hover, #tipue_search_foot_boxes li:hover a:hover {
        background: none;
        color: #F01714; }
  .pagination > li > a, #tipue_search_foot_boxes > li > a {
    line-height: 20px; }
    .pagination > li > a span, #tipue_search_foot_boxes > li > a span {
      line-height: 20px; }
  .pagination > li.prev span, #tipue_search_foot_boxes > li.prev span {
    color: #F01714;
    display: block; }

/*Pagination - End*/
/*social media pweb*/
/*Social Sharing*/
.social {
  padding: 0;
  margin: 16px 0 24px;
  overflow: hidden;
  list-style-type: none; }
  .social li {
    float: left;
    margin-right: 8px; }
    .social li a {
      display: block;
      text-align: center;
      line-height: 48px;
      font-size: 20px;
      font-size: 2rem; }
      .social li a:hover {
        text-decoration: none; }
      .social li a i {
        display: block;
        color: #fff;
        height: 40px;
        width: 40px;
        font-size: 16px;
        font-size: 1.6rem; }
      .social li a span {
        display: none; }
    .social li.facebook a > i {
      background: #3c5a96; }
    .social li.twitter a > i {
      background: #59adeb; }
    .social li.linkedin a > i {
      background: #2b7ab2; }
    .social li.email a > i {
      background: #6c6c6c; }
    .social li.watsapp a > i {
      background: #18d25d; }

#social-collapse {
  padding: 0;
  width: 100%; }

/*Navigation menu - Start*/
.navbar-menu ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  background-color: #f3f3f3;
  /*border-bottom: 1px solid $mediumGray;*/ }
  .navbar-menu ul li {
    text-align: center;
    padding: 0;
    margin: 0;
    display: block;
    min-height: 72px;
    float: left;
    display: table; }
    .navbar-menu ul li a {
      display: table-cell;
      font-weight: 500;
      color: #000000;
      text-decoration: none;
      min-height: 72px;
      vertical-align: middle;
      width: inherit;
      color: #000000; }
    .navbar-menu ul li.active {
      border-bottom: 4px #F01714 solid; }
      .navbar-menu ul li.active a {
        color: #F01714; }
    .navbar-menu ul li:hover, .navbar-menu ul li.hover {
      background-color: #ececec; }
      .navbar-menu ul li:hover a, .navbar-menu ul li.hover a {
        /*color: $lightRed;*/
        text-decoration: none; }
.navbar-menu.sub-nav ul li {
  height: 100px;
  border-bottom-width: 0;
  vertical-align: top; }
  .navbar-menu.sub-nav ul li a {
    height: 100px;
    padding: 10px;
    vertical-align: top;
    word-break: break-all; }
  .navbar-menu.sub-nav ul li.active {
    border-bottom: 2px #f01714 solid; }
  .navbar-menu.sub-nav ul li p {
    margin: 0 0 4px 0;
    font-size: 30px;
    font-size: 3rem;
    height: 32px; }
  .navbar-menu.sub-nav ul li.btn-close-box {
    display: none; }
.navbar-menu.nav-bar-small ul {
  background-color: transparent; }
  .navbar-menu.nav-bar-small ul li {
    width: auto;
    padding: 8px 16px;
    min-height: 36px; }
    .navbar-menu.nav-bar-small ul li a {
      min-height: 36px; }
    .navbar-menu.nav-bar-small ul li.active {
      border-bottom-width: 2px; }
    .navbar-menu.nav-bar-small ul li:hover, .navbar-menu.nav-bar-small ul li.hover {
      background-color: transparent; }
      .navbar-menu.nav-bar-small ul li:hover a, .navbar-menu.nav-bar-small ul li.hover a {
        color: #ee1818;
        text-decoration: none; }

.nav-bar-link ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  background-color: transparent; }
  .nav-bar-link ul li {
    text-align: center;
    margin: 0;
    float: left;
    display: table;
    font-size: 14px;
    font-size: 1.4rem;
    width: auto;
    padding: 4px 16px;
    min-height: 25px;
    border-right: 1px solid #c0c0c0; }
    .nav-bar-link ul li:last-child {
      border-right-width: 0; }
    .nav-bar-link ul li:first-child {
      padding-left: 0; }
    .nav-bar-link ul li a {
      color: #656565;
      min-height: 25px;
      text-decoration: none; }
    .nav-bar-link ul li.active {
      border-bottom-width: 0; }
      .nav-bar-link ul li.active a {
        color: #F01714; }
    .nav-bar-link ul li:hover a {
      color: #ee1818; }

/*Navigation menu - End*/
.navbar-box .nav.nav-buttons li {
  float: left;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border: 1px solid #c0c0c0;
  background-color: #ffffff;
  margin-left: -1px; }
  .navbar-box .nav.nav-buttons li a {
    color: #000000;
    font-weight: 500;
    max-height: 38px;
    text-decoration: none; }
    .navbar-box .nav.nav-buttons li a:hover, .navbar-box .nav.nav-buttons li a:active, .navbar-box .nav.nav-buttons li a:focus {
      background-color: #F01714;
      text-decoration: none;
      color: #ffffff; }
  .navbar-box .nav.nav-buttons li:hover, .navbar-box .nav.nav-buttons li.active, .navbar-box .nav.nav-buttons li:active {
    background-color: #F01714;
    border-color: #F01714; }
    .navbar-box .nav.nav-buttons li:hover a, .navbar-box .nav.nav-buttons li.active a, .navbar-box .nav.nav-buttons li:active a {
      color: #ffffff; }
  .navbar-box .nav.nav-buttons li:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .navbar-box .nav.nav-buttons li:not(:first-child):not(:last-child) {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px; }
  .navbar-box .nav.nav-buttons li:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .navbar-box .nav.nav-buttons li:first-child {
    margin-left: 0; }

.media .media-left {
  padding-right: 16px; }
.media.media-box {
  margin-bottom: 16px; }
  .media.media-box.block.media-left {
    display: block;
    padding: 0px;
    width: 100%;
    margin-bottom: 16px; }
  .media.media-box.block.media-body {
    display: block;
    width: 100%; }
  .media.media-box:last-child {
    margin-bottom: 0px; }
  .media.media-box .media-body {
    color: #656565;
    font-size: 14px;
    font-size: 1.4rem; }
  .media.media-box .timestamp {
    margin-top: 8px;
    color: #909090; }
  .media.media-box h4 {
    margin: 0 0 8px; }
  .media.media-box a {
    text-decoration: none;
    display: block; }
.media.search-media, .media.related-media {
  margin-top: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #c0c0c0; }
  .media.search-media:first-child, .media.related-media:first-child {
    margin-top: 0px; }
  .media.search-media .media-body, .media.related-media .media-body {
    color: #656565; }
    .media.search-media .media-body .category-title, .media.related-media .media-body .category-title {
      font-size: 12px;
      font-size: 1.2rem;
      margin-bottom: 8px; }
    .media.search-media .media-body .author-box, .media.related-media .media-body .author-box {
      font-size: 14px;
      font-size: 1.4rem;
      margin-bottom: 24px; }
  .media.search-media h3, .media.related-media h3 {
    font-weight: 500;
    margin-bottom: 8px;
    color: #000000; }
  .media.search-media:last-child, .media.related-media:last-child {
    margin-bottom: 0px; }
  .media.search-media a, .media.related-media a {
    text-decoration: none;
    display: block; }
  .media.search-media .timestamp, .media.related-media .timestamp {
    margin-bottom: 8px; }
  .media.search-media p, .media.related-media p {
    font-weight: 400; }
  .media.search-media > a:hover h2, .media.related-media > a:hover h2 {
    color: #000000; }
  .media.search-media > a:hover p, .media.related-media > a:hover p {
    color: #000000; }
    .media.search-media > a:hover p.author-box, .media.related-media > a:hover p.author-box {
      color: #656565; }
  .media.search-media > a:hover h3, .media.related-media > a:hover h3 {
    text-decoration: underline; }
.media.related-media {
  border-bottom: 0;
  padding-bottom: 0; }

.download-box {
  margin-bottom: 24px;
  background-color: #f3f3f3;
  cursor: pointer; }
  .download-box .icon-box {
    width: 80px;
    height: 80px;
    padding: 16px 20px;
    background-color: #ffba1c; }
    .download-box .icon-box .icon-box-body {
      border-radius: 0 14px 0 0px;
      -moz-border-radius: 0 14px 0 0px;
      -webkit-border-radius: 0 14px 0 0px;
      background-color: #ffffff;
      position: relative;
      width: 40px;
      height: 48px;
      display: table; }
      .download-box .icon-box .icon-box-body .icon-right {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 10px 0px 0px 10px;
        border-left-color: #ececec;
        top: 0;
        right: 0;
        border-top: 15px solid #ececec;
        border-left: 15px solid #ececec;
        border-top-color: #ffba1c; }
      .download-box .icon-box .icon-box-body label {
        color: #ffba1c;
        display: table-cell;
        vertical-align: bottom;
        text-align: center;
        font-size: 12px;
        font-size: 1.2rem;
        padding-bottom: 4px; }
  .download-box .media-body {
    padding: 8px 0;
    vertical-align: middle; }
    .download-box .media-body p {
      font-size: 12px;
      font-size: 1.2rem;
      display: none;
      /*temp hide description*/ }
    .download-box .media-body.pRight-16 {
      padding-right: 16px; }
    .download-box .media-body h4, .download-box .media-body h4.media-heading {
      margin-bottom: 4px;
      margin-top: 8px;
      /*temp hide description*/ }
  .download-box .download-action {
    margin-right: 16px;
    width: 20px;
    height: 20px;
    display: block; }
    .download-box .download-action .icon {
      font-size: 25px;
      font-size: 2.5rem; }
  .download-box .media-right.media-middle .icon.ico-download-2-line {
    margin-top: -8px;
    font-size: 23px;
    font-size: 2.3rem;
    color: #909090; }
  .download-box.dark .icon-box {
    background-color: #4a4a4a; }
    .download-box.dark .icon-box .icon-box-body label {
      color: #4a4a4a; }
    .download-box.dark .icon-box .icon-box-body .icon-right {
      border-top-color: #4a4a4a; }
  .download-box.blue .icon-box {
    background-color: #015db0; }
    .download-box.blue .icon-box .icon-box-body label {
      color: #015db0; }
    .download-box.blue .icon-box .icon-box-body .icon-right {
      border-top-color: #015db0; }
  .download-box.red .icon-box {
    background-color: #F01714; }
    .download-box.red .icon-box .icon-box-body label {
      color: #ee1818; }
    .download-box.red .icon-box .icon-box-body .icon-right {
      border-top-color: #F01714; }
  .download-box.pdf .icon-box, .download-box.doc .icon-box, .download-box.ppt .icon-box, .download-box.xls .icon-box, .download-box.skt .icon-box, .download-box.zip .icon-box, .download-box.sass .icon-box, .download-box.css .icon-box, .download-box.html .icon-box, .download-box.img .icon-box, .download-box.otf .icon-box, .download-box.svg .icon-box, .download-box.eot .icon-box, .download-box.woff .icon-box, .download-box.ttf .icon-box, .download-box.mov .icon-box {
    background-color: transparent; }
    .download-box.pdf .icon-box .icon-box-body, .download-box.doc .icon-box .icon-box-body, .download-box.ppt .icon-box .icon-box-body, .download-box.xls .icon-box .icon-box-body, .download-box.skt .icon-box .icon-box-body, .download-box.zip .icon-box .icon-box-body, .download-box.sass .icon-box .icon-box-body, .download-box.css .icon-box .icon-box-body, .download-box.html .icon-box .icon-box-body, .download-box.img .icon-box .icon-box-body, .download-box.otf .icon-box .icon-box-body, .download-box.svg .icon-box .icon-box-body, .download-box.eot .icon-box .icon-box-body, .download-box.woff .icon-box .icon-box-body, .download-box.ttf .icon-box .icon-box-body, .download-box.mov .icon-box .icon-box-body {
      border: none;
      border-radius: 0;
      background-color: transparent;
      background: url("../images/downloadicons/toolkit_pdf_icon.svg");
      background-repeat: no-repeat; }
      .download-box.pdf .icon-box .icon-box-body .icon-right, .download-box.doc .icon-box .icon-box-body .icon-right, .download-box.ppt .icon-box .icon-box-body .icon-right, .download-box.xls .icon-box .icon-box-body .icon-right, .download-box.skt .icon-box .icon-box-body .icon-right, .download-box.zip .icon-box .icon-box-body .icon-right, .download-box.sass .icon-box .icon-box-body .icon-right, .download-box.css .icon-box .icon-box-body .icon-right, .download-box.html .icon-box .icon-box-body .icon-right, .download-box.img .icon-box .icon-box-body .icon-right, .download-box.otf .icon-box .icon-box-body .icon-right, .download-box.svg .icon-box .icon-box-body .icon-right, .download-box.eot .icon-box .icon-box-body .icon-right, .download-box.woff .icon-box .icon-box-body .icon-right, .download-box.ttf .icon-box .icon-box-body .icon-right, .download-box.mov .icon-box .icon-box-body .icon-right {
        display: none; }
      .download-box.pdf .icon-box .icon-box-body label, .download-box.doc .icon-box .icon-box-body label, .download-box.ppt .icon-box .icon-box-body label, .download-box.xls .icon-box .icon-box-body label, .download-box.skt .icon-box .icon-box-body label, .download-box.zip .icon-box .icon-box-body label, .download-box.sass .icon-box .icon-box-body label, .download-box.css .icon-box .icon-box-body label, .download-box.html .icon-box .icon-box-body label, .download-box.img .icon-box .icon-box-body label, .download-box.otf .icon-box .icon-box-body label, .download-box.svg .icon-box .icon-box-body label, .download-box.eot .icon-box .icon-box-body label, .download-box.woff .icon-box .icon-box-body label, .download-box.ttf .icon-box .icon-box-body label, .download-box.mov .icon-box .icon-box-body label {
        cursor: pointer;
        color: #ffffff;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: 400; }
  .download-box.pdf .media-left, .download-box.doc .media-left, .download-box.ppt .media-left, .download-box.xls .media-left, .download-box.skt .media-left, .download-box.zip .media-left, .download-box.sass .media-left, .download-box.css .media-left, .download-box.html .media-left, .download-box.img .media-left, .download-box.otf .media-left, .download-box.svg .media-left, .download-box.eot .media-left, .download-box.woff .media-left, .download-box.ttf .media-left, .download-box.mov .media-left {
    padding-right: 0; }
  .download-box.pdf .media-right.media-middle a i.icon.ico-download-2-line, .download-box.doc .media-right.media-middle a i.icon.ico-download-2-line, .download-box.ppt .media-right.media-middle a i.icon.ico-download-2-line, .download-box.xls .media-right.media-middle a i.icon.ico-download-2-line, .download-box.skt .media-right.media-middle a i.icon.ico-download-2-line, .download-box.zip .media-right.media-middle a i.icon.ico-download-2-line, .download-box.sass .media-right.media-middle a i.icon.ico-download-2-line, .download-box.css .media-right.media-middle a i.icon.ico-download-2-line, .download-box.html .media-right.media-middle a i.icon.ico-download-2-line, .download-box.img .media-right.media-middle a i.icon.ico-download-2-line, .download-box.otf .media-right.media-middle a i.icon.ico-download-2-line, .download-box.svg .media-right.media-middle a i.icon.ico-download-2-line, .download-box.eot .media-right.media-middle a i.icon.ico-download-2-line, .download-box.woff .media-right.media-middle a i.icon.ico-download-2-line, .download-box.ttf .media-right.media-middle a i.icon.ico-download-2-line, .download-box.mov .media-right.media-middle a i.icon.ico-download-2-line {
    cursor: pointer; }
  .download-box.pdf .media-body, .download-box.doc .media-body, .download-box.ppt .media-body, .download-box.xls .media-body, .download-box.skt .media-body, .download-box.zip .media-body, .download-box.sass .media-body, .download-box.css .media-body, .download-box.html .media-body, .download-box.img .media-body, .download-box.otf .media-body, .download-box.svg .media-body, .download-box.eot .media-body, .download-box.woff .media-body, .download-box.ttf .media-body, .download-box.mov .media-body {
    padding: 12px, 0; }
  .download-box.pdf .download-action, .download-box.doc .download-action, .download-box.ppt .download-action, .download-box.xls .download-action, .download-box.skt .download-action, .download-box.zip .download-action, .download-box.sass .download-action, .download-box.css .download-action, .download-box.html .download-action, .download-box.img .download-action, .download-box.otf .download-action, .download-box.svg .download-action, .download-box.eot .download-action, .download-box.woff .download-action, .download-box.ttf .download-action, .download-box.mov .download-action {
    margin-right: 24px; }
  .download-box.doc .icon-box .icon-box-body {
    background: url("../images/downloadicons/toolkit_doc_icon.svg"); }
  .download-box.ppt .icon-box .icon-box-body {
    background: url("../images/downloadicons/toolkit_ppt_icon.svg"); }
  .download-box.xls .icon-box .icon-box-body {
    background: url("../images/downloadicons/toolkit_xls_icon.svg"); }
  .download-box.skt .icon-box .icon-box-body {
    background: url("../images/downloadicons/toolkit_skt_icon.svg"); }
  .download-box.zip .icon-box .icon-box-body, .download-box.sass .icon-box .icon-box-body, .download-box.css .icon-box .icon-box-body, .download-box.html .icon-box .icon-box-body {
    background: url("../images/downloadicons/toolkit_zip_icon.svg"); }
  .download-box.img .icon-box .icon-box-body, .download-box.otf .icon-box .icon-box-body, .download-box.svg .icon-box .icon-box-body, .download-box.eot .icon-box .icon-box-body, .download-box.woff .icon-box .icon-box-body, .download-box.ttf .icon-box .icon-box-body {
    background: url("../images/downloadicons/toolkit_img_icon.svg"); }
  .download-box.mov .icon-box .icon-box-body {
    background: url("../images/downloadicons/toolkit_mov_icon.svg"); }
  .download-box.mBot-0 {
    margin-bottom: 0px; }

.phone-box {
  color: #F01714;
  display: block;
  margin-top: 4px;
  font-size: 14px;
  font-size: 1.4rem; }
  .phone-box .icon {
    margin-right: 8px; }

/*Credit cards layout - Start*/
.cards-box .layout-box.type4 {
  margin-bottom: 24px; }
  .cards-box .layout-box.type4 a {
    display: block;
    border: 4px solid transparent; }
  .cards-box .layout-box.type4.active a {
    border: 4px solid #229922;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    position: relative; }
    .cards-box .layout-box.type4.active a .icon {
      position: absolute;
      top: 4px;
      right: 4px;
      font-size: 30px;
      font-size: 3rem;
      z-index: 100;
      color: #229922; }
    .cards-box .layout-box.type4.active a img {
      opacity: 0.2;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
      filter: alpha(opacity=20);
      -moz-opacity: 0.2;
      -khtml-opacity: 0.2; }
  .cards-box .layout-box.type4.active h3 {
    color: #229922; }

.cards-result-box {
  margin-top: 36px; }
  .cards-result-box .cards-result-content {
    overflow: hidden; }
    .cards-result-box .cards-result-content h2 {
      margin: 0px; }
  .cards-result-box .separator {
    border: 1px solid #f3f3f3;
    margin: 24px 0; }
  .cards-result-box .cards-desc p {
    margin-bottom: 16px; }
  .cards-result-box .list-item li {
    color: #909090; }
  .cards-result-box .icon.ico-arrowright1 {
    font-size: 14px;
    font-size: 1.4rem;
    position: relative;
    top: 3px; }
  .cards-result-box .icon.ico-checkbox1 {
    color: #229922;
    font-size: 25px;
    font-size: 2.5rem; }
    .cards-result-box .icon.ico-checkbox1.disabled {
      color: #c0c0c0; }
  .cards-result-box .two-lines {
    min-height: 38px; }
  .cards-result-box .cards-title label {
    font-weight: 500;
    margin-bottom: 16px; }
  .cards-result-box .cards-title .cards-lifestyle {
    margin-top: 0px; }
    .cards-result-box .cards-title .cards-lifestyle.first {
      min-height: initial;
      margin-bottom: 30px; }
  .cards-result-box .cards-title .cards-multiple {
    margin-top: 0px; }
    .cards-result-box .cards-title .cards-multiple.first {
      min-height: initial;
      margin-bottom: 30px;
      margin-top: 0px; }
  .cards-result-box .cards-title .cards-oneitem {
    margin-top: 0px; }
    .cards-result-box .cards-title .cards-oneitem.first {
      min-height: initial;
      margin-bottom: 30px;
      margin-top: 0px; }
  .cards-result-box .cards-bestfor {
    overflow: hidden;
    margin-bottom: 30px;
    min-height: 38px;
    margin-bottom: 16px; }
    .cards-result-box .cards-bestfor .icon {
      color: #f5a623;
      position: relative;
      margin-right: 8px;
      font-size: 14px;
      font-size: 1.4rem; }
  .cards-result-box .cards-lifestyle {
    overflow: hidden;
    min-height: 92px;
    margin-top: 58px;
    margin-bottom: 16px; }
    .cards-result-box .cards-lifestyle label {
      margin-bottom: 8px; }
    .cards-result-box .cards-lifestyle p {
      margin-bottom: 0px; }
  .cards-result-box .cards-multiple {
    overflow: hidden;
    margin-bottom: 16px;
    min-height: 65px; }
    .cards-result-box .cards-multiple.first {
      margin-top: 56px; }
    .cards-result-box .cards-multiple label {
      margin-bottom: 8px; }
    .cards-result-box .cards-multiple p {
      margin-bottom: 0px; }
  .cards-result-box .cards-oneitem {
    overflow: hidden;
    margin-bottom: 0;
    min-height: 65px; }
    .cards-result-box .cards-oneitem.first {
      margin-top: 56px; }
    .cards-result-box .cards-oneitem label {
      margin-bottom: 8px; }
    .cards-result-box .cards-oneitem p {
      margin-bottom: 0px; }
  .cards-result-box .cards-other label {
    margin-bottom: 0; }
  .cards-result-box .cards-other p {
    margin-bottom: 0px; }

/*Credit cards layout - End*/
/*Breadcrumb - Start*/
.breadcrumb {
  padding: 0px; }
  .breadcrumb li {
    font-weight: 500;
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem; }
  .breadcrumb.gray a {
    color: #656565; }
  .breadcrumb.gray .icon {
    color: #656565; }

/*Breadcrumb - Start*/
/*Tags - Start*/
.tag-box {
  position: absolute;
  right: 4px;
  top: 0px;
  background-color: #f5a623;
  font-size: 12px;
  font-size: 1.2rem;
  color: #ffffff;
  padding: 4px 8px; }
  .tag-box .icon {
    color: #ffffff;
    padding-right: 4px;
    font-size: 10px;
    font-size: 1rem; }

.regular-tag {
  font-weight: 500;
  color: #000000; }
  .regular-tag .icon {
    color: #f5a623;
    padding-right: 4px; }

.tag {
  padding: 4px;
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400; }
  .tag.cancel {
    color: #F01714;
    border-radius: 50px;
    border: 1px solid #F01714;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 8px 16px;
    font-weight: 500; }

.tag-group {
  padding: 0;
  overflow: hidden; }
  .tag-group li {
    list-style-type: none; }
  .tag-group.not-active .tag.tag-default:active, .tag-group.not-active .tag.tag-default:hover, .tag-group.not-active .tag.tag-default.active {
    background: #f3f3f3;
    border: 1px solid #909090;
    color: #909090; }
  .tag-group button[disabled="disabled"]:hover {
    background: none;
    color: #909090;
    border: 1px solid #909090;
    cursor: not-allowed; }
  .tag-group .tag {
    transition: all .4s; }
    .tag-group .tag.tag-default {
      border: 1px solid #909090;
      background: #ffffff;
      color: #909090;
      padding: 4px 16px;
      margin: 8px 2px;
      /*&.round{*/
      border-radius: 50px;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      /*}	*/ }
      .tag-group .tag.tag-default em {
        font-style: normal;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: 500; }
        .tag-group .tag.tag-default em.big {
          font-size: 16px;
          font-size: 1.6rem; }
    .tag-group .tag:focus {
      text-decoration: none; }
    .tag-group .tag:active, .tag-group .tag:hover, .tag-group .tag.active {
      background: #F01714;
      border: 1px solid #F01714;
      color: #ffffff;
      text-decoration: none; }
  .tag-group.thumbnail {
    border: none;
    padding: 0;
    line-height: normal; }
    .tag-group.thumbnail.horizontal .tag {
      float: left; }
    .tag-group.thumbnail.vertical .tag {
      float: none; }
    .tag-group.thumbnail .tag {
      display: table;
      padding-left: 0;
      transition: all .4s;
      border: 0px solid #909090; }
      .tag-group.thumbnail .tag em {
        line-height: 36px;
        display: table-cell;
        padding-left: 16px; }
      .tag-group.thumbnail .tag span {
        height: 36px;
        width: 36px;
        display: table-cell;
        background: #909090;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        overflow: hidden;
        vertical-align: top; }
        .tag-group.thumbnail .tag span.overlay {
          background: #F01714;
          display: none;
          opacity: 0.5;
          position: absolute;
          z-index: 9; }
      .tag-group.thumbnail .tag img {
        width: 100%; }
      .tag-group.thumbnail .tag:active, .tag-group.thumbnail .tag:hover, .tag-group.thumbnail .tag:focus, .tag-group.thumbnail .tag.active {
        background: #ffffff;
        border: 0px solid #F01714;
        color: #909090;
        transition: all .5s; }
        .tag-group.thumbnail .tag:active span.overlay, .tag-group.thumbnail .tag:hover span.overlay, .tag-group.thumbnail .tag:focus span.overlay, .tag-group.thumbnail .tag.active span.overlay {
          display: block; }

/*tags - End*/
/*maps - Start*/
.map-section {
  position: relative; }
  .map-section .map-side-nav {
    position: absolute;
    top: 5px;
    right: 0;
    background: #ffffff;
    padding-top: 24px;
    padding-left: 25px;
    border-left: 1px solid #c0c0c0;
    width: 300px; }
    .map-section .map-side-nav .map-box-wrapper {
      max-height: 474px;
      overflow-y: scroll; }
  .map-section .map-slider {
    position: absolute;
    top: 40%;
    left: -20px;
    cursor: pointer; }
  .map-section .map-box {
    margin-right: 8px; }
    .map-section .map-box .media-body .phone-box {
      margin: 0px;
      float: left;
      font-size: 16px;
      font-size: 1.6rem; }
      .map-section .map-box .media-body .phone-box .icon {
        margin-right: 8px;
        font-size: 12px;
        font-size: 1.2rem; }
    .map-section .map-box .call-group {
      overflow: hidden; }
      .map-section .map-box .call-group .action-more {
        float: right; }
    .map-section .map-box .map-box-content {
      margin-top: 24px; }
    .map-section .map-box .action-more {
      height: 20px;
      padding-top: 7px; }
      .map-section .map-box .action-more span {
        width: 6px;
        height: 6px;
        background: #909090;
        border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        display: block;
        float: left;
        margin-left: 5px; }

/*maps - End*/
/*ul list items - Start*/
.list-item, .numeric, .none {
  margin: 0;
  padding: 0;
  list-style-position: inside; }

.numeric.outside {
  list-style-position: outside;
  margin-left: 20px; }

.none {
  list-style: none; }

ul.dash {
  list-style-type: none; }
  ul.dash > li:before {
    content: "●";
    position: relative;
    margin-left: -10px;
    /* optional, for multiline li element */
    left: -5px; }
  ul.dash li h3 {
    margin-top: -16px;
    line-height: 16px;
    margin-left: 8px;
    font-size: 18px; }
  ul.dash li ol li, ul.dash li ul li {
    margin-bottom: 8px;
    list-style-type: decimal-leading-zero; }

/*ul list items - End*/
/*items tile card - Start*/
.items {
  float: left; }
  .items.trade {
    float: none; }
  .items .tile-group .loader {
    padding: 65px; }
  .items .tile-group a {
    display: block;
    color: #000000;
    padding: 16px;
    position: relative;
    background: #ffffff; }
    .items .tile-group a.tile-box {
      min-height: 211px;
      margin-top: 16px;
      border: 1px solid #dcdcdc; }
      .items .tile-group a.tile-box .timestamp {
        position: absolute;
        width: 80%;
        right: 16px;
        bottom: 16px; }
      .items .tile-group a.tile-box h4 {
        margin-bottom: 0; }
    .items .tile-group a:focus, .items .tile-group a:hover {
      text-decoration: none; }
    .items .tile-group a .category-icon {
      margin-bottom: 16px; }
      .items .tile-group a .category-icon i {
        height: 45px;
        width: 45px;
        font-size: 45px;
        font-size: 4.5rem;
        color: #000000; }
    .items .tile-group a .state-indicator {
      position: absolute;
      top: 16px;
      right: 16px; }
      .items .tile-group a .state-indicator i {
        color: #ee1818; }
    .items .tile-group a .indicator {
      position: absolute;
      top: 5px;
      left: 5px; }
      .items .tile-group a .indicator i {
        color: #ececec;
        font-size: 12px;
        font-size: 1.2rem;
        top: 0; }
    .items .tile-group a h1 {
      font-size: 28px;
      font-size: 2.8rem;
      margin-bottom: 8px; }
      .items .tile-group a h1 span {
        margin-left: 5px; }
      .items .tile-group a h1 sup {
        font-weight: 500;
        color: #909090;
        top: -9px;
        font-size: 14px;
        font-size: 1.4rem; }
    .items .tile-group a h2 {
      color: #656565;
      padding-bottom: 16px;
      margin-bottom: 16px;
      line-height: 18px; }
    .items .tile-group a.orange {
      border-top: 5px solid #f5a623; }
    .items .tile-group a.dark-pink {
      border-top: 5px solid #CC2288; }
    .items .tile-group a.medium-pink {
      border-top: 5px solid #d64e9f; }
    .items .tile-group a.dark-purple {
      border-top: 5px solid #6622DD; }
    .items .tile-group a.lighter-red {
      border-top: 5px solid #ff775b; }
    .items .tile-group a.light-purple {
      border-top: 5px solid #AD4EC8; }
    .items .tile-group a.dark-orange {
      border-top: 5px solid #FF5533; }
    .items .tile-group a.medium-purple {
      border-top: 5px solid #9922BB; }
    .items .tile-group a.light-orange {
      border-top: 5px solid #F7B74F; }
    .items .tile-group a.empty {
      cursor: default; }
      .items .tile-group a.empty h2 {
        margin-bottom: 0;
        padding-bottom: 8px; }
      .items .tile-group a.empty p {
        color: #909090;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: 400; }
      .items .tile-group a.empty .btn {
        position: absolute;
        bottom: 16px; }
    .items .tile-group a .btn .icon {
      color: #000000; }
  .items .tile-group .tile-content {
    padding: 4px 0 0 0;
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    background: #ffffff;
    margin: 0 8px;
    -webkit-box-shadow: inset 0 8px 8px -8px #909090;
    -moz-box-shadow: inset 0 8px 8px -8px #909090;
    -o-box-shadow: inset 0 8px 8px -8px #909090;
    box-shadow: inset 0 8px 8px -8px #909090; }
    .items .tile-group .tile-content .tile-row a {
      color: #656565;
      padding: 16px 0;
      margin: 0 16px;
      background: transparent;
      border-bottom: 1px solid #dcdcdc; }
      .items .tile-group .tile-content .tile-row a h4 {
        margin: 0; }
      .items .tile-group .tile-content .tile-row a .refcurrency {
        margin-bottom: 24px; }
      .items .tile-group .tile-content .tile-row a p {
        font-size: 12px;
        font-size: 1.2rem;
        color: #656565;
        font-weight: 400; }
        .items .tile-group .tile-content .tile-row a p:last-child {
          margin-bottom: 0; }
      .items .tile-group .tile-content .tile-row a h2 {
        text-align: right;
        margin: 0;
        padding: 0;
        color: #000000; }
      .items .tile-group .tile-content .tile-row a .currency {
        font-weight: 700; }
      .items .tile-group .tile-content .tile-row a .row {
        margin-top: 16px; }
        .items .tile-group .tile-content .tile-row a .row:first-child {
          margin-top: 0; }
    .items .tile-group .tile-content .tile-row:last-child a {
      border: 0; }
    .items .tile-group .tile-content .tile-row:hover {
      background: #f3f3f3; }

/*items tile card - End*/
/*fBox displays - Start*/
.box-display {
  background: #ffffff;
  padding: 24px;
  border: 1px solid #dcdcdc; }
  .box-display .currency-chart h3 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 500; }
    .box-display .currency-chart h3 sub {
      margin-right: 4px;
      position: relative;
      top: 1px;
      font-weight: 400;
      font-size: 12px; }
  .box-display .currency-chart > div {
    margin-bottom: 16px; }
    .box-display .currency-chart > div:last-child {
      margin: 0; }
  .box-display a {
    font-size: 12px;
    font-size: 1.2rem; }

.amount-box label.txt-amt {
  font-weight: 400; }
.amount-box h3 .icon {
  font-size: 16px;
  font-size: 1.6rem;
  top: -18px;
  left: 8px; }
.amount-box h3.derivatives .icon {
  top: 2px;
  left: 0; }
.amount-box.medium {
  min-height: 100px; }
  .amount-box.medium h3 {
    min-height: initial; }
    .amount-box.medium h3 .icon {
      top: 1px;
      left: -5px; }
  .amount-box.medium label {
    margin-bottom: 0; }
  .amount-box.medium p {
    margin: 13px 0 0 24px; }
  .amount-box.medium .tooltip-inner p {
    margin: 0; }
.amount-box .loader {
  padding: 25px; }
.amount-box .icon {
  top: 0;
  margin-right: 4px; }
  .amount-box .icon.ico-information2 {
    color: #909090; }
  .amount-box .icon.ico-dash1 {
    color: #909090; }
.amount-box.red .txt-green .icon {
  color: #229922; }
.amount-box.ytd label {
  margin-right: 0 !important; }
.amount-box.ytd .media-left .icon {
  font-size: 36px;
  font-size: 3.6rem;
  top: 3px; }

/*Box displays - End*/
/*form login - Start*/
.login-form {
  width: 280px;
  float: right;
  margin-right: 130px;
  margin-top: 100px;
  background: #ffffff;
  position: relative;
  border-top: 5px solid #c00;
  z-index: 99;
  padding: 15px 20px;
  border-left: 1px solid #666872;
  -moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.3), 0 6px 3px 0 rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.3), 0 6px 3px 0 rgba(0, 0, 0, 0.23); }

/*form login - End*/
/*PWEB components - End*/
/*Ibanking Components - Start*/
.label-box {
  margin: 24px 0 16px;
  overflow: hidden; }
  .label-box p.last {
    margin-bottom: 0px; }
  .label-box p span {
    float: right; }
  .label-box p .icon {
    font-size: 20px;
    font-size: 2rem;
    margin-left: 8px;
    height: 22px;
    float: right;
    top: -3px; }
  .label-box.mBot-0 {
    margin-bottom: 0px; }

.form-section {
  border-bottom: 1px solid #c0c0c0;
  padding-bottom: 8px;
  overflow: hidden; }
  .form-section h3 {
    margin: 24px 0 16px; }
  .form-section.last {
    border-bottom-width: 0;
    padding-bottom: 0px; }

.form-row {
  clear: both;
  margin-bottom: 16px;
  margin-right: -8px;
  margin-left: -8px; }
  .form-row label {
    text-align: right;
    margin-top: 11px;
    display: block; }
    .form-row label .icon {
      font-size: 20px;
      font-size: 2rem;
      display: inline-block;
      width: 20px;
      height: 20px;
      font-size: 20px;
      font-size: 2rem;
      margin-top: 0;
      color: #c0c0c0;
      /*iwealth too*/
      /*margin-left: 8px;*/ }
    .form-row label.mTop-0 {
      margin-top: 0; }
  .form-row p {
    margin-top: 11px;
    margin-bottom: 0; }
    .form-row p.txt-error {
      margin-top: 8px; }
    .form-row p.sub-txt {
      margin-top: 8px;
      font-size: 14px;
      font-size: 1.4rem; }
  .form-row h3 {
    margin: 24px 0 16px; }
  .form-row.mBot-0 {
    margin-bottom: 0; }
  .form-row.left-align label {
    float: left; }
  .form-row.block label {
    text-align: left;
    margin-bottom: 8px; }

.form-row-label {
  margin-right: -8px;
  margin-left: -8px;
  clear: both;
  margin-bottom: 16px; }
  .form-row-label label {
    margin: 0;
    text-align: right;
    display: block; }
    .form-row-label label .icon {
      font-size: 20px;
      font-size: 2rem;
      display: inline-block;
      width: 20px;
      /*iwealth: 16px*/
      height: 20px;
      /*iwealth: 16px*/
      vertical-align: middle;
      font-size: 20px;
      font-size: 2rem;
      margin-top: -5px;
      margin-left: 8px; }
  .form-row-label p {
    margin: 0; }
  .form-row-label .paragraph-group p {
    margin: 4px 0 0; }
  .form-row-label.left-align label {
    float: left; }
  .form-row-label.left-align .col-xs-2 label {
    text-align: left; }
  .form-row-label.mBot-0 {
    margin-bottom: 0; }

hr.solid {
  margin: 24px 0;
  border-bottom-style: solid; }

.note-box h3 {
  margin: 0 0 16px; }
.note-box ul {
  list-style-type: square;
  list-style-position: outside;
  padding: 0;
  margin-left: 16px; }
  .note-box ul li {
    font-size: 14px;
    font-size: 1.4rem; }
.note-box ul li, .note-box ol li {
  margin-bottom: 4px; }
.note-box.mBot-0 {
  margin-bottom: 0px; }

.action-group {
  margin: 24px 0 0;
  /*overflow: hidden;*/ }
  .action-group.mTop-0 {
    margin-top: 0px; }
  .action-group label {
    float: left;
    font-weight: 500; }
  .action-group.gray-box {
    padding: 15px 24px;
    background-color: #ececec;
    -webkit-box-shadow: 0px 0px 2px 1px #c0c0c0;
    -moz-box-shadow: 0px 0px 2px 1px #c0c0c0;
    box-shadow: 0px 0px 2px 1px #c0c0c0; }
    .action-group.gray-box label {
      font-size: 24px;
      font-size: 2.4rem;
      margin-top: 6px; }
  .action-group.white-box {
    padding: 15px 0;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 1px 1px 1px #c0c0c0;
    -moz-box-shadow: 0px 1px 1px 1px #c0c0c0;
    box-shadow: 0px 1px 1px 1px #c0c0c0; }
    .action-group.white-box label {
      font-size: 24px;
      font-size: 2.4rem;
      margin-top: 6px; }
  .action-group.inline .btn {
    float: left;
    margin-right: 16px;
    margin-bottom: 16px; }
    .action-group.inline .btn:last-child {
      margin-right: 0px;
      margin-bottom: 0; }
  .action-group.center {
    text-align: center; }
    .action-group.center .btn {
      margin-left: 13px; }
      .action-group.center .btn:first-child {
        margin-left: 0px; }
  .action-group p {
    margin-bottom: 8px; }
    .action-group p.mBot-0 {
      margin-bottom: 0px; }
  .action-group a {
    font-weight: 500; }
  .action-group .icon {
    position: relative;
    top: 3px; }
  .action-group.full-width {
    margin-left: -22px;
    margin-right: -22px; }
  .action-group.mTop-0 {
    margin-top: 0px; }

.recompare-action.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 988px;
  z-index: 200; }
  .recompare-action.fixed .action-group {
    width: 100%; }

.cards-box-fixed {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 992px;
  z-index: 200;
  margin-left: -22px;
  margin-right: -22px; }
  .cards-box-fixed .action-group {
    width: 100%; }

.recompare-box-result {
  height: 500px;
  overflow: auto; }

.terms-box {
  padding: 0;
  overflow: hidden; }
  .terms-box label {
    font-size: 14px;
    font-size: 1.4rem;
    padding-left: 28px;
    margin: 0px;
    text-align: left; }
  .terms-box .checkbox input[type="checkbox"] + label span {
    margin: 0px 8px 0 -28px; }

.box-shadow {
  /* IE10+ */
  background-image: -ms-linear-gradient(top, transparent 0%, #000000 100%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, transparent 0%, #000000 100%);
  /* Opera */
  background-image: -o-linear-gradient(top, transparent 0%, #000000 100%);
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, #000000));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, transparent 0%, #000000 100%);
  background-image: linear-gradient(to bottom, transparent 0%, #000000 100%);
  max-height: 100%;
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6; }

.img-src {
  display: block;
  max-width: 100%;
  height: auto;
  width: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -moz-transition: opacity 2s;
  /* Firefox 4 */
  -webkit-transition: opacity 2s;
  /* Safari and Chrome */
  -o-transition: opacity 2s;
  transition: opacity 2s; }
  .img-src.img-opacity {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1; }

/*Ibanking Components - End*/
/*iWealth Components - Start*/
.asian-insights-box a {
  display: block;
  text-decoration: none; }
  .asian-insights-box a:hover {
    text-decoration: none; }
.asian-insights-box .img-content {
  margin-top: 24px; }
  .asian-insights-box .img-content img {
    width: 100%; }
  .asian-insights-box .img-content p {
    margin: 16px 0 0px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    font-size: 1.4rem; }
.asian-insights-box .insights-img-box {
  margin-top: 32px; }
  .asian-insights-box .insights-img-box.two-liner .img-content {
    min-height: 197px; }
.asian-insights-box .insights-topics-box {
  margin-top: 36px; }
  .asian-insights-box .insights-topics-box .topics-content {
    overflow: hidden;
    cursor: pointer;
    min-height: 165px;
    max-height: 165px;
    margin-top: 24px;
    padding: 24px;
    background-color: #f3f3f3;
    border: 2px solid #f3f3f3;
    position: relative; }
    .asian-insights-box .insights-topics-box .topics-content.active {
      border: 2px solid #ee1818; }
      .asian-insights-box .insights-topics-box .topics-content.active .check-tick {
        display: block; }
    .asian-insights-box .insights-topics-box .topics-content h4 {
      margin: 0px 0 16px;
      color: #000000; }
    .asian-insights-box .insights-topics-box .topics-content p {
      margin: 0px;
      font-size: 14px;
      font-size: 1.4rem;
      color: #909090;
      font-weight: 400; }
    .asian-insights-box .insights-topics-box .topics-content .check-tick {
      position: absolute;
      right: 0px;
      top: 0px;
      display: none;
      right: 8px;
      top: 8px;
      width: 17px;
      height: 14px;
      background: url("../images/dls/iwealth/check-tick.png") no-repeat; }

.action-links-group {
  float: right; }
  .action-links-group a {
    float: left;
    color: #000000;
    margin-right: 16px; }
    .action-links-group a:last-child {
      margin-right: 0px; }
    .action-links-group a .icon {
      color: #000000; }
  .action-links-group.small a {
    font-size: 12px;
    font-size: 1.2rem; }
  .action-links-group.gray a {
    color: #909090; }
    .action-links-group.gray a .icon {
      color: #909090; }
  .action-links-group .icon {
    margin-right: 8px;
    font-size: 20px;
    font-size: 2rem;
    position: relative;
    top: 3px; }
  .action-links-group.left {
    float: left; }

.sqaure-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  position: relative;
  top: 1px; }
  .sqaure-icon.yellow {
    background-color: #E19C00; }
  .sqaure-icon.orange {
    background-color: #ff775b; }
  .sqaure-icon.purple {
    background-color: #cc2288; }
  .sqaure-icon.violet {
    background-color: #9922bb; }
  .sqaure-icon.blue {
    background-color: #6622dd; }

.category-box {
  margin-bottom: 32px; }
  .category-box:last-child {
    margin-bottom: 0px; }
  .category-box .category-title {
    padding-bottom: 8px;
    margin-bottom: 8px; }
    .category-box .category-title h2 {
      color: #000000;
      margin-bottom: 0px; }
  .category-box .category-content ul {
    list-style: none;
    padding: 0;
    margin: 0px; }
    .category-box .category-content ul li {
      padding: 4px 0px 4px 16px;
      display: block;
      margin-bottom: 8px;
      border-left: 4px solid #ececec;
      margin-left: 8px; }
      .category-box .category-content ul li:last-child {
        margin-bottom: 0px; }
      .category-box .category-content ul li.active.insight {
        border-left-color: #f5a623; }
      .category-box .category-content ul li.active.equity {
        border-left-color: #FF5533; }
      .category-box .category-content ul li.active.movers {
        border-left-color: #F01714; }
      .category-box .category-content ul li.active.economic {
        border-left-color: #CC2288; }
      .category-box .category-content ul li.active a:focus {
        text-decoration: none; }
    .category-box .category-content ul a {
      color: #656565;
      font-weight: 500;
      font-size: 14px;
      font-size: 1.4rem; }
      .category-box .category-content ul a:hover {
        color: #000000;
        text-decoration: underline; }
    .category-box .category-content ul.circle-numeric {
      padding-left: 0px;
      counter-reset: listCounter; }
      .category-box .category-content ul.circle-numeric li {
        margin-left: 0;
        border-left-width: 0;
        position: relative;
        padding: 8px 0px 0 28px; }
        .category-box .category-content ul.circle-numeric li a {
          font-weight: 400; }
        .category-box .category-content ul.circle-numeric li:before {
          content: counter(listCounter);
          counter-increment: listCounter;
          position: absolute;
          left: 0;
          background-color: #ececec;
          width: 18px;
          height: 18px;
          text-align: center;
          font-size: 12px;
          font-size: 1.2rem;
          padding-top: 2px;
          padding-left: 0;
          border-radius: 50%;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%; }

.menu-box {
  width: 365px;
  background-color: #ffffff;
  overflow: hidden;
  padding-bottom: 32px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }
  .menu-box .up-caret {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid white;
    margin: 0 auto;
    position: absolute;
    top: -8px;
    right: 0;
    left: 0; }
  .menu-box .navbar-menu ul li {
    width: 50%;
    padding: 0 16px;
    min-height: 54px;
    border-bottom: 2px solid #c0c0c0; }
    .menu-box .navbar-menu ul li.active {
      border-color: #ee1818; }
    .menu-box .navbar-menu ul li .counter {
      background-color: #ee1818;
      color: #ffffff;
      padding: 2px;
      border-radius: 16px;
      font-size: 10px;
      font-size: 1rem;
      min-height: 20px;
      line-height: 16px;
      min-width: 20px;
      display: inline-block;
      margin-left: 8px;
      position: relative;
      top: -1px; }
      .menu-box .navbar-menu ul li .counter em {
        padding: 4px;
        font-style: normal; }
  .menu-box .menu-box-header, .menu-box .menu-box-sub-header {
    overflow: hidden;
    padding: 16px 24px;
    margin: 0; }
    .menu-box .menu-box-header label, .menu-box .menu-box-sub-header label {
      color: #656565;
      margin: 0px;
      font-size: 12px;
      font-size: 1.2rem; }
    .menu-box .menu-box-header a, .menu-box .menu-box-sub-header a {
      font-size: 12px;
      font-size: 1.2rem;
      color: #c0c0c0; }
    .menu-box .menu-box-header .icon, .menu-box .menu-box-sub-header .icon {
      color: #656565;
      font-size: 16px;
      font-size: 1.6rem; }
  .menu-box .menu-box-sub-header {
    background-color: #f3f3f3;
    padding: 8px 24px; }
  .menu-box .menu-content {
    overflow-y: auto; }
  .menu-box .menu-box-body {
    /*max-height: 560px;*/ }
    .menu-box .menu-box-body .media-body .timestamp {
      color: #c0c0c0; }
    .menu-box .menu-box-body .media-body h4 {
      color: #656565;
      font-weight: 400;
      margin: 0 0 8px 0; }
    .menu-box .menu-box-body > a {
      text-decoration: none;
      display: block;
      padding: 16px 24px;
      border-left: 4px solid transparent; }
      .menu-box .menu-box-body > a:last-child {
        margin-bottom: 0px; }
      .menu-box .menu-box-body > a.read {
        border-left-color: #ff775b; }
      .menu-box .menu-box-body > a:hover {
        background: #f3f3f3; }
    .menu-box .menu-box-body p {
      color: #c0c0c0;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: 400; }
    .menu-box .menu-box-body .icon {
      color: #656565;
      display: block;
      font-size: 20px;
      font-size: 2rem;
      top: 0px; }
  .menu-box.group .menu-box-header h4 {
    font-weight: 500;
    color: black; }
  .menu-box.group .media-body h4 {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500; }
    .menu-box.group .media-body h4 span {
      float: right;
      font-weight: 400;
      font-size: 12px;
      font-size: 1.2rem;
      margin-top: 3px; }
  .menu-box .menu-group-box {
    overflow-y: auto;
    max-height: 500px; }
    .menu-box .menu-group-box .menu-box-body {
      max-height: none;
      overflow-y: hidden; }
  .menu-box .menu-collapsed {
    display: none; }

.subscription-box {
  font-weight: 500;
  padding: 16px 24px 24px;
  margin: 0;
  border-top: 1px solid #c0c0c0; }
  .subscription-box a {
    color: #909090;
    padding-left: 28px;
    line-height: 28px; }
  .subscription-box .icon {
    color: #656565;
    margin-right: 13px;
    font-size: 20px;
    font-size: 2rem;
    float: left; }
  .subscription-box.pLeft-0 {
    padding-left: 0px; }

.drop-box {
  display: inline-block;
  position: relative; }
  .drop-box a {
    color: #000000;
    text-decoration: none;
    font-size: 24px;
    font-size: 2.4rem; }
    .drop-box a .icon {
      font-size: 16px;
      font-size: 1.6rem;
      padding-left: 8px; }
  .drop-box .dropdown-menu {
    overflow: hidden;
    max-height: 310px;
    border-radius: 0;
    width: 100% !important; }
    .drop-box .dropdown-menu ul {
      padding: 0; }
    .drop-box .dropdown-menu .header {
      font-weight: 500;
      font-size: 16px;
      font-size: 1.6rem;
      padding: 16px 8px 8px 8px; }
      .drop-box .dropdown-menu .header:hover {
        background: #ffffff; }
    .drop-box .dropdown-menu li {
      padding: 0;
      overflow: hidden; }
      .drop-box .dropdown-menu li a {
        font-size: 14px;
        font-size: 1.4rem;
        padding: 8px 16px;
        display: block;
        font-weight: 400; }
        .drop-box .dropdown-menu li a .icon {
          float: right;
          font-size: 14px;
          font-size: 1.4rem; }
      .drop-box .dropdown-menu li:hover {
        background: #f3f3f3; }

.gray-box {
  background-color: #ececec;
  padding: 24px; }
  .gray-box h3 {
    margin-bottom: 16px; }
  .gray-box .gray-desc {
    margin-bottom: 16px; }
    .gray-box .gray-desc p {
      margin: 0; }

.sector-box a {
  min-height: 222px;
  height: 222px;
  margin-bottom: 24px;
  color: #ffffff;
  display: table;
  width: 100%;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1);
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(1);
  transition: all 200ms ease-in;
  transform: scale(1);
  background: #ececec; }
  .sector-box a .sector-title {
    padding: 24px;
    text-align: center; }
    .sector-box a .sector-title .icon {
      font-size: 55px;
      font-size: 5.5rem; }
    .sector-box a .sector-title h3 {
      margin: 16px 0 0 0; }
    .sector-box a .sector-title .icon {
      color: #ffffff; }
    .sector-box a .sector-title.active {
      background: #ffaa22; }
    .sector-box a .sector-title.disabled {
      background: #dcdcdc; }
  .sector-box a .sector-body {
    overflow: hidden;
    font-weight: 400;
    padding: 16px;
    border: 1px solid #c0c0c0;
    border-top: none;
    background: #ffffff;
    position: absolute;
    width: 100%;
    bottom: 0; }
    .sector-box a .sector-body .sector-content {
      float: left;
      width: 50%;
      margin-bottom: 0;
      color: #000000; }
      .sector-box a .sector-body .sector-content label {
        font-size: 12px;
        font-size: 1.2rem;
        color: #c0c0c0; }
      .sector-box a .sector-body .sector-content p {
        margin-bottom: 0; }
      .sector-box a .sector-body .sector-content .icon {
        font-size: 10px;
        font-size: 1rem;
        margin-right: 4px;
        top: 0; }
      .sector-box a .sector-body .sector-content:last-child {
        text-align: right; }
  .sector-box a:hover {
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.05);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.05);
    transition: all 200ms ease-in;
    transform: scale(1.05);
    text-decoration: none; }
  .sector-box a:focused {
    text-decoration: none; }
.sector-box.disabled a {
  cursor: default; }
  .sector-box.disabled a:hover {
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1); }

.advance-search-box {
  position: relative;
  background-color: #f3f3f3;
  margin: 24px 0 16px 0;
  /*24px -24px 0;*/
  padding: 24px; }
  .advance-search-box .close-search {
    position: absolute;
    top: 24px;
    right: 24px;
    font-size: 24px;
    font-size: 2.4rem; }
    .advance-search-box .close-search .icon {
      color: #c0c0c0; }
  .advance-search-box h2 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 24px; }
  .advance-search-box .more-filter-box h2 {
    margin: 24px 0 8px; }
  .advance-search-box .clear-all {
    color: #F01714;
    font-size: 16px;
    font-size: 1.6rem;
    text-decoration: none;
    font-weight: 400;
    padding-left: 8px; }
  .advance-search-box.white {
    background-color: #ffffff; }

.btn-advance-search {
  color: #000000;
  margin-top: 10px;
  display: block;
  float: left; }

.two-col-layout p {
  padding: 4px 0; }
.two-col-layout label {
  padding-right: 4px; }
.two-col-layout .col-box {
  width: 50%;
  float: left; }

.toggle-group .icon {
  font-size: 14px;
  font-size: 1.4rem; }
.toggle-group a .icon {
  -ms-transform: rotate(0deg);
  /* IE 9 */
  -webkit-transform: rotate(0deg);
  /* Chrome, Safari, Opera */
  transform: rotate(0deg);
  -webkit-transition: all 0.5s;
  /* Safari */
  transition: all 0.5s;
  top: 0; }
.toggle-group a.collapsed .icon {
  -ms-transform: rotate(0deg);
  /* IE 9 */
  -webkit-transform: rotate(0deg);
  /* Chrome, Safari, Opera */
  transform: rotate(0deg); }
.toggle-group a:focus, .toggle-group a:hover, .toggle-group a:active {
  text-decoration: none;
  color: #000000; }

.nav-tabs-search {
  overflow: hidden;
  margin: 0 0 24px;
  padding: 0;
  list-style: none; }
  .nav-tabs-search li {
    float: left;
    padding: 0 8px 4px;
    border-left: 1px solid #000;
    border-right: 1px solid #000; }
    .nav-tabs-search li a {
      color: #c0c0c0;
      border-bottom: 1px solid #c0c0c0; }
      .nav-tabs-search li a:hover {
        text-decoration: none; }
    .nav-tabs-search li:first-child {
      border-left: none;
      padding-left: 0px; }
    .nav-tabs-search li:last-child {
      border-right: none;
      padding-right: 0px; }
    .nav-tabs-search li.active a {
      text-decoration: none;
      color: #000000;
      border-bottom: none; }
  .nav-tabs-search .icon {
    color: #000000; }

.name-list-box ul {
  margin: 0px;
  padding: 0px;
  list-style: none; }
  .name-list-box ul li {
    float: left;
    color: #909090;
    font-weight: 400;
    padding: 0 8px;
    font-size: 14px;
    font-size: 1.4rem;
    border-left: 1px solid #c0c0c0; }
    .name-list-box ul li:first-child {
      border-left: none;
      padding-left: 0px; }
    .name-list-box ul li:last-child {
      padding-right: 0; }

.article-box {
  margin-bottom: 24px;
  border: 1px solid #dcdcdc; }
  .article-box:last-child {
    margin-bottom: 0; }
  .article-box .article-img {
    position: relative; }
    .article-box .article-img img {
      width: 100%; }
    .article-box .article-img a {
      display: block; }
    .article-box .article-img .article-category {
      text-transform: uppercase;
      color: #ffffff;
      position: absolute;
      top: 0;
      padding: 4px;
      font-size: 11px;
      font-size: 1.1rem;
      margin: 16px 0 0 16px; }
  .article-box .article-title {
    overflow: hidden; }
    .article-box .article-title .timestamp {
      margin-top: 16px; }
    .article-box .article-title h2 {
      color: #656565;
      font-weight: 500; }
      .article-box .article-title h2 a {
        font-weight: 500; }
  .article-box .article-desc {
    color: #656565;
    padding: 24px; }
    .article-box .article-desc .category-title {
      color: #656565;
      margin: 0 0 8px;
      color: #ffffff;
      padding: 4px 8px; }
    .article-box .article-desc .datestamp {
      color: #909090;
      margin: 0 0 8px;
      font-size: 14px;
      font-size: 1.4rem; }
    .article-box .article-desc a {
      color: #000000;
      font-weight: 400;
      text-decoration: none; }
  .article-box .bookmark-box {
    margin-bottom: 8px;
    overflow: hidden;
    color: #909090; }
    .article-box .bookmark-box p {
      float: left;
      margin: 0; }
    .article-box .bookmark-box a {
      float: right;
      margin-top: -4px;
      margin-left: 16px; }
    .article-box .bookmark-box span {
      display: none;
      opacity: 0.5;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      -khtml-opacity: 0.5; }
    .article-box .bookmark-box .icon {
      color: #c0c0c0;
      font-size: 18px;
      font-size: 1.8rem;
      margin-left: 8px;
      top: 4px; }
      .article-box .bookmark-box .icon:hover {
        color: #ee1818; }
    .article-box .bookmark-box .btn-bookmark {
      font-size: 14px;
      font-size: 1.4rem;
      float: right;
      margin-top: -4px; }
      .article-box .bookmark-box .btn-bookmark:hover span {
        display: inline-block;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1; }
      .article-box .bookmark-box .btn-bookmark:hover .icon {
        color: #ee1818; }
      .article-box .bookmark-box .btn-bookmark.active .icon {
        color: #ee1818; }
      .article-box .bookmark-box .btn-bookmark.active:hover span {
        color: #ee1818; }
    .article-box .bookmark-box .download .ico-download-2-line {
      top: 2px; }
  .article-box.details {
    border-width: 0; }
    .article-box.details .article-desc {
      color: #000000;
      padding: 24px 0; }
      .article-box.details .article-desc .datestamp {
        color: #656565; }
    .article-box.details .article-title h2 {
      color: #000000; }
    .article-box.details .bookmark-box p {
      color: #656565; }
    .article-box.details.last {
      margin-bottom: 0; }
    .article-box.details .default-bullet {
      margin-top: 16px; }
      .article-box.details .default-bullet li {
        margin-bottom: 16px; }
        .article-box.details .default-bullet li:last-child {
          margin-bottom: 0; }
  .article-box .tag-name {
    font-size: 12px;
    font-size: 1.2rem;
    color: #c0c0c0;
    margin-top: 28px;
    float: right; }
  .article-box .article-footer {
    padding: 0 24px 0; }
    .article-box .article-footer h2 {
      font-weight: 700; }
    .article-box .article-footer p {
      margin-bottom: 0px;
      margin-top: 8px; }
      .article-box .article-footer p a {
        font-weight: 400; }
    .article-box .article-footer a {
      text-decoration: none;
      color: #656565; }
  .article-box.preview:hover h2 a {
    text-decoration: underline; }

.box-shadow {
  /* IE10+ */
  background-image: -ms-linear-gradient(top, transparent 0%, #0b0b0b 100%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, transparent 0%, #0b0b0b 100%);
  /* Opera */
  background-image: -o-linear-gradient(top, transparent 0%, #0b0b0b 100%);
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, #0b0b0b));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, transparent 0%, #0b0b0b 100%);
  background-image: linear-gradient(to bottom, transparent 0%, #0b0b0b 100%);
  max-height: 120px;
  width: 100%;
  position: absolute;
  bottom: 0;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1; }

.portfolio-box a {
  display: block;
  color: #000000;
  padding: 16px; }
  .portfolio-box a:hover {
    text-decoration: none;
    background: #f3f3f3; }
  .portfolio-box a p {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0px;
    font-weight: 400; }
  .portfolio-box a .amount-box {
    margin-top: 16px; }
    .portfolio-box a .amount-box label {
      margin-bottom: 0; }

.portfolio-section {
  border-bottom: 1px solid #ececec; }
  .portfolio-section:last-child {
    margin-bottom: 0px; }
  .portfolio-section h2 {
    margin-bottom: 8px; }
    .portfolio-section h2 .icon {
      font-size: 14px;
      font-size: 1.4rem; }
  .portfolio-section p {
    margin-bottom: 0;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400; }
  .portfolio-section a {
    text-decoration: none;
    color: #000000;
    padding: 24px;
    display: block;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; }
    .portfolio-section a:hover {
      background: #f3f3f3; }
    .portfolio-section a .amount-box p {
      font-weight: 400; }
  .portfolio-section .unrealised-box {
    border-left: 0px;
    padding: 0 0 0 16px;
    border-left: 1px solid #ececec;
    margin-top: -25px; }
    .portfolio-section .unrealised-box .amount-box .txt-amt {
      margin-top: 8px; }

.amount-box label {
  text-align: left;
  margin-bottom: 8px; }
  .amount-box label .icon {
    font-size: 10px;
    font-size: 1rem;
    margin: 0 4px 0 0px; }
.amount-box .txt-amt {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 500; }
.amount-box .ico-arrowdown4 {
  color: #F01714; }
.amount-box .ico-arrowup4 {
  color: #229922; }
.amount-box .icon {
  font-size: 10px;
  font-size: 1rem; }
.amount-box p {
  margin: 0px;
  font-size: 14px;
  font-size: 1.4rem; }
.amount-box.green {
  color: #229922; }
  .amount-box.green .icon {
    color: #229922;
    font-size: 10px;
    font-size: 1rem; }
.amount-box.red {
  color: #F01714; }
  .amount-box.red .icon {
    color: #F01714; }
.amount-box.block.ytd label {
  margin-right: 0; }
.amount-box.block.ytd .icon {
  position: relative;
  top: -3px; }
.amount-box.block label {
  font-size: 28px;
  font-size: 2.8rem; }
  .amount-box.block label:first-child {
    margin-bottom: 8px;
    margin-right: 16px; }
  .amount-box.block label.txt-amt {
    display: block; }
.amount-box .subscript {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #909090;
  margin-left: 8px; }
.amount-box.big {
  border: 1px solid #ececec;
  padding: 16px;
  min-height: 175px; }
  .amount-box.big.ytd .icon {
    top: -5px; }
  .amount-box.big h3 {
    margin-bottom: 16px;
    min-height: 40px;
    font-size: 18px;
    font-size: 1.8rem; }
  .amount-box.big label {
    text-align: left; }

.performance {
  border: 1px solid #ececec;
  padding-left: 20px; }
  .performance .amount-box {
    border: none;
    padding: 45px 0; }
    .performance .amount-box.big {
      border-right: 1px solid #ececec;
      min-height: inherit; }
    .performance .amount-box label {
      margin-bottom: 0; }
      .performance .amount-box label .icon {
        top: -5px; }
  .performance .performance-data .amount-box {
    border: none;
    padding: 45px 0; }
    .performance .performance-data .amount-box.big {
      border: none; }
    .performance .performance-data .amount-box h3 {
      color: #909090;
      font-weight: 400;
      font-size: 16px;
      font-size: 1.6rem; }
    .performance .performance-data .amount-box label {
      font-size: 14px;
      font-size: 1.4rem; }

.unrealised-box {
  border-left: 1px solid #c0c0c0;
  padding-left: 23px; }

.investment-box {
  font-weight: 500; }
  .investment-box p {
    font-size: 14px;
    font-size: 1.4rem; }
  .investment-box label {
    font-size: 36px;
    font-size: 3.6rem; }
  .investment-box.yellow label {
    color: #E19C00; }
  .investment-box.darkRed label {
    color: #ee1818; }
  .investment-box.lightRed label {
    color: #ff775b; }
  .investment-box.green label {
    color: #229922; }
  .investment-box span {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 300;
    color: #909090; }

.no-search-box {
  color: #656565; }
  .no-search-box h2 {
    color: #000000; }
  .no-search-box .search-body {
    border-bottom: 1px solid #c0c0c0;
    padding-bottom: 16px; }
  .no-search-box .search-suggestion {
    margin-top: 24px; }
    .no-search-box .search-suggestion h4 {
      margin: 0 0 16px; }
    .no-search-box .search-suggestion ul {
      padding: 0 0 0 46px; }

/*Table More Action button hover - Start*/
.tbl-more-action {
  width: 100%;
  height: 100%;
  float: left;
  margin-top: 10px;
  float: none; }
  .tbl-more-action ul {
    display: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    position: absolute;
    background: #ffffff;
    z-index: 2;
    -webkit-box-shadow: 0px 0px 20px #c0c0c0;
    -moz-box-shadow: 0px 0px 20px #c0c0c0;
    box-shadow: 0px 0px 20px #c0c0c0; }
    .tbl-more-action ul li {
      display: block;
      border-bottom: 1px solid #c0c0c0;
      text-align: left; }
      .tbl-more-action ul li.header {
        background: #f7f7f7;
        padding: 10px 16px;
        color: #999; }
      .tbl-more-action ul li a, .tbl-more-action ul li span {
        color: #000000;
        padding: 12px 16px;
        display: block;
        white-space: nowrap;
        font-size: 12px;
        font-size: 1.2rem; }
        .tbl-more-action ul li a:hover, .tbl-more-action ul li span:hover {
          text-decoration: none;
          color: #c0c0c0; }
      .tbl-more-action ul li:hover {
        background-color: #f3f3f3; }
      .tbl-more-action ul li.header {
        background: #f3f3f3;
        padding: 10px 16px;
        color: #909090;
        font-size: 12px;
        font-size: 1.2rem; }
    .tbl-more-action ul.active {
      display: block; }
  .tbl-more-action.active .tbl-tip-arrow {
    display: block; }
  .tbl-more-action .tbl-tip-arrow {
    display: none;
    position: absolute;
    width: 0px;
    height: 0px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #f3f3f3;
    z-index: 2; }
    .tbl-more-action .tbl-tip-arrow.hover {
      border-left-color: #f3f3f3; }

/*Table More Action button hover - End*/
.overlay-menu {
  position: absolute;
  width: 340px;
  right: 0;
  top: 0px;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(340px, 0px, 0px);
  -webkit-transform: translate3d(340px, 0px, 0px);
  -o-transform: translate(340px, 0px);
  -ms-transform: translate(340px, 0px);
  transform: translate3d(340px, 0px, 0px);
  opacity: 0;
  z-index: 10;
  visibility: hidden; }
  .overlay-menu.show-overlay {
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
    visibility: visible; }

.calendar-group {
  position: relative; }
  .calendar-group .icon {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 2; }

.ico-dash2 {
  color: #000000;
  font-size: 14px;
  font-size: 1.4rem;
  left: 5px; }

.marker {
  position: absolute;
  width: 20%;
  border-bottom: 4px solid #FF5533;
  bottom: 0px; }

.normal_detectCanvas {
  font-weight: 400; }

.manage {
  font-weight: 500;
  color: #656565; }

.actionBtnSlider {
  padding-right: 12px;
  height: 30px;
  width: 100%;
  position: relative; }
  .actionBtnSlider .tooltip {
    width: 100px;
    min-width: 50px;
    padding: 0 0 8px 0; }
    .actionBtnSlider .tooltip .tooltip-inner {
      float: none;
      max-width: 100px;
      border-radius: 4px;
      background: #ffffff;
      color: #000;
      border: 1px solid #c0c0c0;
      box-shadow: 1px 1px 1px #c0c0c0;
      padding: 4px; }
      .actionBtnSlider .tooltip .tooltip-inner p {
        font-size: 14px;
        font-size: 1.4rem; }
    .actionBtnSlider .tooltip .tooltip-arrow {
      padding: 0;
      border-left-color: #ffffff;
      right: 4px;
      background: url("../images/icons/arrow.png") no-repeat 0 0;
      border-width: 0;
      bottom: -1px;
      width: 15px;
      height: 10px; }
  .actionBtnSlider .btnGrp .tooltip, .actionBtnSlider.single .tooltip {
    max-width: 100px; }
  .actionBtnSlider.one-btns {
    width: 100%;
    padding: 0; }
    .actionBtnSlider.one-btns button {
      float: right; }
      .actionBtnSlider.one-btns button:last-child {
        border-radius: 4px;
        border-right: 1px solid #ccc; }
        .actionBtnSlider.one-btns button:last-child:hover, .actionBtnSlider.one-btns button:last-child:active, .actionBtnSlider.one-btns button:last-child:focus {
          border-radius: 4px; }
  .actionBtnSlider button.small {
    min-width: 36px;
    max-width: 36px;
    min-height: 30px;
    max-height: 30px;
    float: left;
    border-right: none;
    border-radius: 0; }
    .actionBtnSlider button.small.more {
      position: absolute;
      right: 12px;
      z-index: 9;
      border-right: 1px solid #ccc;
      border-radius: 0 4px 4px 0; }
    .actionBtnSlider button.small .icon {
      font-size: 1.8rem;
      padding: 3px 2px; }
    .actionBtnSlider button.small:hover, .actionBtnSlider button.small:active, .actionBtnSlider button.small:focus {
      background: #909090; }
      .actionBtnSlider button.small:hover .icon, .actionBtnSlider button.small:active .icon, .actionBtnSlider button.small:focus .icon {
        color: #ffffff; }
  .actionBtnSlider.two-btns .tooltip {
    max-width: 100px; }
  .actionBtnSlider.two-btns button {
    float: right;
    position: static;
    border-radius: 0 4px 4px 0;
    border-right: 1px solid #ccc; }
    .actionBtnSlider.two-btns button:last-child {
      border-radius: 4px 0px 0px 4px;
      border-right: 0px solid #ccc; }
      .actionBtnSlider.two-btns button:last-child:hover, .actionBtnSlider.two-btns button:last-child:active, .actionBtnSlider.two-btns button:last-child:focus {
        border-radius: 4px 0px 0px 4px; }
  .actionBtnSlider.two-btns span {
    right: -54px; }
  .actionBtnSlider.single button {
    float: right;
    border-radius: 4px;
    border-right: 1px solid #ccc; }
  .actionBtnSlider .icon {
    color: #656565;
    font-size: 22px;
    font-size: 2.2rem;
    width: 22px;
    height: 22px;
    margin-right: 0;
    top: -2px; }
    .actionBtnSlider .icon.ico-sell {
      color: #F01714; }
    .actionBtnSlider .icon.ico-buy {
      color: #229922; }
  .actionBtnSlider .btnGrp {
    position: absolute;
    padding: 0;
    z-index: 7;
    transition: all .4s; }
    .actionBtnSlider .btnGrp.four-btn {
      right: -24px; }
    .actionBtnSlider .btnGrp.three-btn {
      right: 8px; }
    .actionBtnSlider .btnGrp.five-btn {
      right: -64px; }
    .actionBtnSlider .btnGrp button:first-child {
      border-radius: 4px 0 0 4px; }
    .actionBtnSlider .btnGrp.active {
      right: 44px; }
  .actionBtnSlider span {
    position: absolute;
    height: 44px;
    width: 60px;
    top: 0px;
    right: -24px;
    z-index: 8;
    background: #ffffff; }

/*Preloader Spinner - Start*/
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.loadingSpinner, #loadingAnim {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  border: 0.25rem solid #c0c0c0;
  border-top-color: #656565;
  animation: spin 1s infinite linear; }

/*Preloader Spinner - End*/
/*iWealth Components - End*/
/*Animations - Start*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

/*Animations - End*/
/*
 *@Title: DLS mixins CSS
 *@Author: Team SS dbs (Redford Sumcad)
 *@Description: All mobile styling will be here
 *@Modified by: Muhammad Adib RAMZALI  28June2016
 *@Designer: Leo Je-Wei LIN
*/
/*
 *@Title: IBanking mixins CSS
 *@Author: Team SS dbs (Redford Sumcad)
 *@Modified by: Muhammad Adib RAMZALI
 *@Designer: Leo Je-Wei LIN
 *@Description: All custom mixins to be define in here
*/
/*Colors - Start*/
/*common colors*/
/*notification completed*/
/*gray*/
/*Secondary grey text*/
/*missing in colors component*/
/*missing in colors component*/
/*Default almost black text*/
/*red*/
/*#ff3333;*/
/*$darkBorderRed:#950000;  /*missing in colors component*/
/*missing in colors component*/
/*FinancialBeige*/
/*POSB*/
/*#FFD83A;*/
/*#D9AA68;*/
/*#ae8960;*/
/*Colors - End*/
/*Number controls - width, length, columns Start*/
/*Number controls - width, length, columns End*/
/*Devices - Start*/
/*iphone*/
@media (min-width: 320px) and (max-width: 767px) {
  body {
    padding-left: 0px; }
    body.bg-gray {
      padding: 0px 16px 0px 16px; }

  .mobMBot-0 {
    margin-bottom: 0px; }

  .mobMBot-4 {
    margin-bottom: 4px; }

  .mobMBot-8 {
    margin-bottom: 8px; }

  .mobMBot-12 {
    margin-bottom: 12px; }

  .mobMBot-16 {
    margin-bottom: 16px; }

  .mobMBot-20 {
    margin-bottom: 20px; }

  .mobMBot-24 {
    margin-bottom: 24px; }

  .mobMTop-0 {
    margin-top: 0px; }

  .mobMTop-4 {
    margin-top: 4px; }

  .mobMTop-8 {
    margin-top: 8px; }

  .mobMTop-12 {
    margin-top: 12px; }

  .mobMTop-16 {
    margin-top: 16px; }

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

  .mobMTop-24 {
    margin-top: 24px; }

  .download-box .icon-box {
    display: none; }

  .mobile-pweb-header {
    position: fixed;
    z-index: 1000;
    width: 100%;
    top: 0px; }

  .container {
    margin-top: 0px; }
    .container.dls-container {
      padding-left: 0; }
    .container.mobile-pweb-container {
      margin-top: 80px; }
    .container.dls-container .left-nav-menu {
      display: none; }

  .dls-mob-header .dls-mob-content {
    text-align: center;
    color: #ffffff;
    padding-top: 16px; }
  .dls-mob-header a {
    color: #ffffff;
    text-decoration: none; }
    .dls-mob-header a .ico-arrowleft4 {
      margin-right: 8px; }
  .dls-mob-header .icon {
    color: #ffffff;
    cursor: pointer; }
  .dls-mob-header .dls-mob-link {
    position: relative;
    top: 2px; }

  .dls-header.header-placeholder {
    padding-left: 0px; }
    .dls-header.header-placeholder .navbar .navbar-inner .icon.ico-arrowleft4 {
      font-size: 15px;
      font-size: 1.5rem; }
    .dls-header.header-placeholder .navbar .navbar-inner a.img-logo {
      width: 100%; }

  .footer .footer-content {
    padding: 24px 16px 24px; }
    .footer .footer-content ul li {
      width: 50%;
      float: left;
      margin-bottom: 8px;
      padding-right: 8px; }
      .footer .footer-content ul li:last-child {
        margin-bottom: 0; }
  .footer .footer-links {
    padding: 16px; }
    .footer .footer-links ul li {
      padding-bottom: 24px; }
    .footer .footer-links .footer-social {
      float: left; }

  .mobile-box {
    display: block;
    float: left;
    margin-top: 21px; }
    .mobile-box .icon {
      font-size: 25px;
      font-size: 2.5rem;
      margin-left: 24px;
      cursor: pointer; }
      .mobile-box .icon.ico-hamburger {
        display: block;
        height: 25px;
        margin-left: 0;
        font-size: 22px;
        font-size: 2.2rem;
        margin-top: 4px; }
      .mobile-box .icon.ico-account3 {
        font-size: 28px;
        font-size: 2.8rem;
        margin-top: 1px; }

  .mega-menu .navbar-brand {
    width: 100px;
    background: url("../images/dbs-mini.png") no-repeat left top transparent;
    height: 30px;
    margin-top: 21px;
    margin-left: 24px; }
  .mega-menu .mega-menu-content {
    height: 72px;
    /*padding: 0 24px;*/ }
  .mega-menu.navbar-default {
    background-color: transparent; }
  .mega-menu .navbar-header {
    padding: 0 24px; }
  .mega-menu .navbar-header .icon.ico-search {
    font-size: 24px;
    font-size: 2.4rem;
    position: relative;
    top: -1px; }

  .main-navigation .main-navigation-content {
    height: auto;
    width: 900px;
    overflow-x: scroll; }
    .main-navigation .main-navigation-content.collapse {
      display: none; }
    .main-navigation .main-navigation-content ul li {
      /*width: 100%;  needed for stack*/
      border-bottom: 1px solid #e4e1e1;
      height: 104px;
      /* auto;   needed for stack*/ }
      .main-navigation .main-navigation-content ul li .submenulist-wrapper h4 {
        font-size: 14px;
        font-size: 1.4rem; }
      .main-navigation .main-navigation-content ul li .submenulist-wrapper.active .button-wrapper {
        text-align: left;
        text-align: left;
        border-bottom-width: 0;
        border-left: 4px solid #F01714; }
      .main-navigation .main-navigation-content ul li .submenulist-wrapper .button-wrapper {
        text-align: left;
        padding: 4px 24px; }
      .main-navigation .main-navigation-content ul li .small {
        line-height: normal; }
    .main-navigation .main-navigation-content ul.product-category li.submenulist {
      float: left;
      /*width: 50%;   for stack 2 col*/
      /*&:last-child:nth-child(odd){
          clear: both;
          width: 100%;  
      }   for stack, center last odd*/ }
      .main-navigation .main-navigation-content ul.product-category li.submenulist .submenulist-wrapper.active .button-wrapper {
        border-left: none;
        border-bottom: 4px solid #F01714;
        margin-bottom: -4px; }
      .main-navigation .main-navigation-content ul.product-category li.submenulist .submenulist-wrapper .button-wrapper {
        /*padding: 16px;    for stack*/
        height: auto;
        text-align: center;
        float: left;
        width: 100%; }

  .banner-menu {
    height: auto; }

  .mobile-navbar {
    background: #ffffff; }
    .mobile-navbar ul {
      overflow: auto;
      padding: 0;
      margin: 0;
      list-style-type: none; }
      .mobile-navbar ul > li {
        line-height: 40px;
        min-height: 40px;
        padding: 0 24px;
        font-size: 18px;
        font-size: 1.8rem; }
        .mobile-navbar ul > li.selected {
          border-left: 6px solid #F01714;
          padding-left: 18px; }
          .mobile-navbar ul > li.selected a {
            color: #F01714;
            font-weight: 400; }
        .mobile-navbar ul > li.navbar-head {
          background-color: #f3f3f3;
          color: #909090;
          font-size: 14px;
          font-size: 1.4rem; }
        .mobile-navbar ul > li.sub-navbar a {
          color: #000000;
          font-weight: 400; }
        .mobile-navbar ul > li.sub-navbar.active a {
          color: #F01714; }
        .mobile-navbar ul > li a {
          color: #909090;
          font-weight: 400; }
          .mobile-navbar ul > li a:hover {
            text-decoration: none; }
    .mobile-navbar.dbs {
      background-color: #000000; }
      .mobile-navbar.dbs ul li {
        line-height: normal;
        min-height: auto;
        min-height: initial;
        font-size: 14px;
        font-size: 1.4rem;
        text-align: center;
        padding: 8px 0; }
        .mobile-navbar.dbs ul li a {
          color: #ffffff;
          text-decoration: none;
          opacity: 0.5;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
          filter: alpha(opacity=50);
          -moz-opacity: 0.5;
          -khtml-opacity: 0.5; }
        .mobile-navbar.dbs ul li.active a, .mobile-navbar.dbs ul li:hover a {
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          filter: alpha(opacity=100);
          -moz-opacity: 1;
          -khtml-opacity: 1; }
        .mobile-navbar.dbs ul li:last-child {
          padding-bottom: 16px; }
      .mobile-navbar.dbs.ibanking {
        background-color: #015db0; }
      .mobile-navbar.dbs.vickers {
        background-color: #00bbdd; }
      .mobile-navbar.dbs.iwealth {
        background-color: #cc9955; }
      .mobile-navbar.dbs.pweb {
        background-color: #f5a623; }
      .mobile-navbar.dbs.mbanking {
        background-color: #F01714; }
      .mobile-navbar.dbs.rmworkbench {
        background-color: #5511CC; }
    .mobile-navbar.slide-left {
      margin-top: 0px !important;
      position: fixed;
      opacity: 0;
      width: auto;
      height: auto;
      left: -50px;
      min-width: 80%;
      transition: all 0.1s linear !important;
      -webkit-transition: all 0.1s linear !important;
      -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
      z-index: 1; }
      .mobile-navbar.slide-left.in {
        left: 0;
        opacity: 1; }

  .search-menu.mobile-navbar .search-menu-content {
    padding: 16px 24px 24px; }

  /*Hero block / Promotions section - Start*/
  .promotion-box .carousel-promo .carousel-caption {
    width: 100%;
    height: 60%; }
  .promotion-box .carousel-promo .indicators-action {
    margin-bottom: 0px;
    bottom: 0; }
    .promotion-box .carousel-promo .indicators-action a {
      left: -30px;
      position: relative;
      top: -23px; }
  .promotion-box .carousel-promo .promotion-content {
    margin-bottom: 16px;
    color: #ffffff; }
  .promotion-box .carousel-promo .carousel-inner > .item {
    height: 370px; }

  /*Hero block / Promotions section - End*/
  .layout-box.type2.ht-260 {
    height: auto; }
  .layout-box.type2.mob-type2 {
    padding-bottom: 0px; }
  .layout-box.type3 {
    margin-bottom: 24px; }
    .layout-box.type3.mob-last {
      margin-bottom: 0px; }

  section.mobile-plain-section {
    padding: 0px;
    margin: 0px 0 8px;
    background-color: #ffffff; }
    section.mobile-plain-section .layout-box.type3 {
      margin-bottom: 0px; }
    section.mobile-plain-section.last {
      margin-bottom: 0px; }
      section.mobile-plain-section.last.mobBot-8 {
        margin-bottom: 8px; }

  .mobile-nav-right {
    position: relative;
    z-index: 99;
    -webkit-box-shadow: 0 1px 2px #c0c0c0;
    -moz-box-shadow: 0 1px 2px #c0c0c0;
    box-shadow: 0 1px 2px #c0c0c0;
    overflow: hidden;
    background-color: #f3f3f3; }
    .mobile-nav-right ul {
      width: 100%; }
      .mobile-nav-right ul li {
        float: left;
        text-align: center;
        padding: 9px;
        /*max-height: 60px;*/
        font-weight: 500;
        width: 25%;
        vertical-align: middle; }
        .mobile-nav-right ul li a {
          font-size: 12px;
          font-size: 1.2rem;
          color: #000000;
          text-decoration: none; }
          .mobile-nav-right ul li a:hover {
            text-decoration: none; }
        .mobile-nav-right ul li .icon {
          display: none; }
        .mobile-nav-right ul li:first-child {
          padding-left: 20px; }
        .mobile-nav-right ul li:last-child {
          padding-right: 20px; }
    .mobile-nav-right.nav-right-home ul li .icon {
      display: block;
      font-size: 20px;
      font-size: 2rem;
      height: 20px;
      margin-bottom: 4px; }
    .mobile-nav-right.nav-right-home.nav-fixed ul li .icon {
      display: none; }
    .mobile-nav-right.nav-fixed {
      position: fixed;
      width: 100%;
      top: 80px; }
      .mobile-nav-right.nav-fixed .icon {
        display: none; }

  .mobile-list {
    margin: 0 -24px; }
    .mobile-list ul li {
      height: 60px;
      padding: 12px 24px;
      border-top: 1px solid #ececec; }
      .mobile-list ul li a {
        text-decoration: none;
        display: block;
        font-size: 24px;
        font-size: 2.4rem;
        padding-top: 4px;
        font-weight: 500; }
        .mobile-list ul li a:hover {
          text-decoration: none; }
      .mobile-list ul li span.icon {
        float: right;
        font-size: 20px;
        font-size: 2rem;
        position: relative;
        top: 2px; }
      .mobile-list ul li i.icon {
        color: #909090;
        font-size: 30px;
        font-size: 3rem;
        margin-right: 16px;
        height: 30px;
        float: left;
        top: -3px;
        position: relative; }
    .mobile-list.mLeftRight-0 {
      margin-left: 0px;
      margin-right: 0px; }

  .mobile-explore {
    font-size: 24px;
    font-size: 2.4rem; }
    .mobile-explore a {
      text-decoration: none;
      display: block;
      font-weight: 500;
      color: #000000; }
      .mobile-explore a:hover {
        text-decoration: none; }
    .mobile-explore .icon {
      position: relative;
      top: 3px;
      float: right;
      font-size: 20px;
      font-size: 2rem; }

  .map-section .map-side-nav {
    position: static;
    width: auto;
    border: none;
    padding-left: 0; }
    .map-section .map-side-nav .map-box-wrapper {
      max-height: none; }
      .map-section .map-side-nav .map-box-wrapper .map-box .media.media-box .media-left {
        display: table-cell;
        padding: 0 8px 0 0;
        width: auto; }
        .map-section .map-side-nav .map-box-wrapper .map-box .media.media-box .media-left img {
          width: auto; }
      .map-section .map-side-nav .map-box-wrapper .map-box .media.media-box .media-body {
        width: auto;
        display: table-cell; }

  /*Pagination*/
  .pagination {
    margin-top: 8px;
    width: 100%;
    position: relative;
    height: 40px; }

  .pagination > li > a {
    padding: 0;
    margin: 0; }

  .pagination li,
  .pagination li.next span,
  .pagination li.prev span {
    display: none; }

  .pagination li.active {
    position: absolute;
    width: 100%;
    text-align: center; }

  .pagination li.active,
  .pagination li.next,
  .pagination li.prev {
    display: block;
    margin: 0;
    border: none; }

  .pagination > li.active a,
  .pagination > .active > a:focus {
    width: 100%;
    display: block;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: block;
    float: none;
    cursor: pointer;
    background: none;
    color: #F01714; }

  .pagination > li > a:hover,
  .pagination > li > a:focus,
  .pagination > li > a:active,
  .pagination > .active > a:hover,
  .pagination > .active > a:focus,
  .pagination > .active > a:active,
  .pagination > li.active a {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }

  .pagination li.next {
    float: right; }

  .pagination li.prev {
    float: left; }

  .pagination li a span {
    display: inline-block; }

  .pagination li.next i,
  .pagination li.prev i {
    background: #ce0000; }

  .pagination li a i {
    height: 40px;
    width: 44px;
    color: #fff;
    display: block;
    line-height: 46px;
    text-align: center;
    font-size: 2rem;
    margin: 0;
    top: 0px; }

  /*tabs*/
  .navbar-menu {
    overflow: auto; }
    .navbar-menu.sub-nav ul li {
      width: 113.7777777778px; }
    .navbar-menu.sub-nav.mob-sub-nav-open ul {
      width: auto;
      list-style-type: none; }
      .navbar-menu.sub-nav.mob-sub-nav-open ul li {
        width: 33%;
        display: none; }
        .navbar-menu.sub-nav.mob-sub-nav-open ul li a {
          height: auto;
          word-break: normal; }
        .navbar-menu.sub-nav.mob-sub-nav-open ul li.active {
          border-bottom: none; }
        .navbar-menu.sub-nav.mob-sub-nav-open ul li.mob-preview {
          display: block; }

  .auto-scroll-nav {
    overflow-x: scroll;
    width: 100%; }

  .navbar-menu ul {
    width: 1024px; }

  .navbar-menu ul li {
    width: 146.2857142857px; }

  .radio-group .radio-column {
    margin: 0 0 8px 0;
    float: none;
    overflow: hidden; }
  .radio-group.block .radio-column {
    overflow: hidden; }

  .form-row label {
    text-align: left;
    margin-bottom: 8px;
    margin-top: 0px; }

  .form-row-label label {
    text-align: left;
    margin-bottom: 8px; }

  .media.media-box .media-left {
    display: block;
    padding: 0px;
    width: 100%;
    margin-bottom: 16px; }
    .media.media-box .media-left:first-child {
      margin-top: 24px; }
    .media.media-box .media-left img {
      width: 100%; }
  .media.media-box .media-body {
    display: block;
    width: 100%; }

  .cards-result-box .cards-result-content .mob-cardlabels {
    visibility: hidden;
    font-weight: 500;
    max-width: none;
    white-space: nowrap;
    margin-bottom: 8px; }
  .cards-result-box .cards-result-content .action-group .btn {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 8px 4px;
    min-width: initial; }
  .cards-result-box .cards-result-content .first-index .mob-cardlabels {
    display: block;
    visibility: visible; }
  .cards-result-box .cards-result-content .cards-lifestyle {
    margin-top: auto;
    min-height: inherit; }
  .cards-result-box .cards-result-content .cards-multiple {
    margin: 0 0 16px;
    min-height: inherit; }
    .cards-result-box .cards-result-content .cards-multiple.first {
      margin-top: 0; }
  .cards-result-box .cards-result-content .cards-oneitem {
    margin: 0 0 16px;
    min-height: inherit; }
    .cards-result-box .cards-result-content .cards-oneitem.first {
      margin-top: 0; }
  .cards-result-box .cards-result-content .mob-cardlabels-two {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 500;
    margin-bottom: 8px; }

  .action-group.gray-box label {
    font-size: 16px;
    font-size: 1.6rem; }
  .action-group.gray-box .btn {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 8px 4px;
    min-width: initial; }

  .select-group.inline label {
    float: none;
    margin-bottom: 8px; }

  .step-bar ul li {
    font-size: 11px;
    font-size: 1.1rem;
    min-height: 62px; }
    .step-bar ul li.active .icon {
      display: none; }
  .step-bar.complete ul li .icon {
    display: block;
    margin: 0 auto; }

  .navbar-box {
    overflow-y: auto;
    /*.nav.nav-buttons{width: 320px;min-width: 320px;}*/ }
    .navbar-box .nav.nav-buttons {
      width: 400px;
      min-width: 400px; }

  .navbar-menu.nav-bar-small {
    overflow-y: auto; }
    .navbar-menu.nav-bar-small ul {
      width: 390px;
      min-width: 390px; }

  .nav-bar-link {
    overflow-y: auto; }
    .nav-bar-link ul {
      width: 355px;
      min-width: 355px; }

  .amount-box {
    margin-bottom: 16px; }

  .unrealised-box {
    border: none;
    padding: 0;
    margin-top: 24px; }

  .sector-box {
    margin-bottom: 16px; }

  .two-col-layout .col-box {
    width: 100%;
    float: none; }

  table .action-group .btn {
    min-width: initial; }

  .no-search-box {
    margin-bottom: 36px; }

  .unrealised-box {
    border: none;
    padding-left: 0;
    margin-top: 24px; }

  .header-placeholder .navbar .navbar-inner .header-navigation {
    float: right;
    clear: both;
    margin-left: -12px; }
    .header-placeholder .navbar .navbar-inner .header-navigation .header-menu {
      margin-top: -30px; }
      .header-placeholder .navbar .navbar-inner .header-navigation .header-menu ul li:first-child {
        padding-left: 0px; }

  .cardbox {
    margin: 8px 0 16px; }

  .cardbox-content {
    min-height: 80px;
    height: 80px;
    padding-top: 8px;
    margin-bottom: 8px; }
    .cardbox-content .media-left.media-middle {
      display: none; }
    .cardbox-content .icon {
      float: right;
      padding-top: 6px; }

  .dls-footer {
    margin: 0 -16px;
    padding: 0px 16px;
    margin-top: 60px; }
    .dls-footer .footer-links ul li {
      width: 100%; }
      .dls-footer .footer-links ul li span {
        display: none; }
    .dls-footer .dls-footer-content {
      height: 180px; }
      .dls-footer .dls-footer-content .contact-box .footer-social-box ul {
        float: left; }
      .dls-footer .dls-footer-content ul {
        padding-left: 16px; }
        .dls-footer .dls-footer-content ul li {
          width: 42%;
          padding: 8px 0 8px 0; }

  #mobileMainMenu.in, #mobileMainMenu.collapsing {
    height: 100% !important;
    /*sidebar - counter auto height in js*/
    overflow-y: auto;
    z-index: 2; }

  #mobileMainMenu + .container.dls-container:before {
    content: " ";
    display: block;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    transition: all 0.3s linear;
    z-index: 1; }

  #mobileMainMenu.in + .container.dls-container:before {
    opacity: 0.6; }

  .dls-pweb-footer-box .footer-lbl.first {
    margin-top: 49%; }

  .dls-pweb-footer-box .footer-lbl.second {
    margin-top: 37%; }

  .dls-pweb-footer-box .footer-lbl.third {
    margin-top: 27%; }

  .color-box {
    /*&.big{*/
    /*}*/ }
    .color-box .icon-circle {
      width: 25px;
      height: 25px; }
    .color-box p {
      font-size: 11px; }

  .typo-circles .typo-circles-content {
    padding: 33px 0;
    width: 110px;
    height: 110px; }
    .typo-circles .typo-circles-content label {
      font-weight: 700;
      font-size: 13px;
      font-size: 1.3rem; }
    .typo-circles .typo-circles-content p {
      font-weight: 500;
      font-size: 13px;
      font-size: 1.3rem; }

  pre {
    width: 100%;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px; }

  button.search_btn {
    top: -5px; }

  li.submenulist button.search_btn {
    right: 7px;
    top: 7px; } }
/*
 *@Title: IBanking mixins CSS
 *@Author: Team SS dbs (Redford Sumcad)
 *@Description: All custom mixins to be define in here
 *@Modified by: Muhammad Adib RAMZALI 28June2016
 *@Designer: Leo Je-Wei LIN
*/
/*
 *@Title: IBanking mixins CSS
 *@Author: Team SS dbs (Redford Sumcad)
 *@Modified by: Muhammad Adib RAMZALI
 *@Designer: Leo Je-Wei LIN
 *@Description: All custom mixins to be define in here
*/
/*Colors - Start*/
/*common colors*/
/*notification completed*/
/*gray*/
/*Secondary grey text*/
/*missing in colors component*/
/*missing in colors component*/
/*Default almost black text*/
/*red*/
/*#ff3333;*/
/*$darkBorderRed:#950000;  /*missing in colors component*/
/*missing in colors component*/
/*FinancialBeige*/
/*POSB*/
/*#FFD83A;*/
/*#D9AA68;*/
/*#ae8960;*/
/*Colors - End*/
/*Number controls - width, length, columns Start*/
/*Number controls - width, length, columns End*/
/*ipad*/
@media (min-width: 768px) {
  body.bg-gray {
    padding: 0px 16px 0px 16px; }

  header.mobile-pweb-header {
    position: relative; }

  /*.container.pweb-container{margin-top: 0;}*/
  .footer .footer-content {
    padding: 24px 16px 24px; }
    .footer .footer-content ul li {
      width: 100%;
      margin-bottom: 8px;
      padding-right: 0; }
      .footer .footer-content ul li.last {
        margin-bottom: 0; }
    .footer .footer-content .contact-num {
      margin-bottom: 32px; }
  .footer .footer-links {
    padding: 16px 30px; }
    .footer .footer-links ul li {
      padding-bottom: 0; }

  .layout-box {
    /*margin-bottom: 0px;*/ }
    .layout-box .layout-content .ico-compare1 {
      font-size: 47px;
      font-size: 4.7rem; }

  .mobile-box {
    display: none; }

  .mega-menu {
    border-bottom: 8px solid #F01714; }
    .mega-menu .navbar-brand {
      background: url("../images/dbs_logo.png") no-repeat left top transparent;
      width: 140px;
      padding: 0;
      margin: 0;
      height: 40px;
      margin-top: 20px; }
      .mega-menu .navbar-brand .icon {
        font-size: 30px;
        font-size: 3rem; }
    .mega-menu .navbar-header {
      padding: 0 0 0 24px; }
    .mega-menu.navbar-default {
      background-color: #000000; }

  /*.header-placeholder-two{*/
  /*	.main-navigation {*/
  /*		ul li{*/
  /*			@include columns($fullWidthNum,$iWealthmenuLength);*/
  /*		}*/
  /*	}*/
  /*}*/
  .main-navigation.collapse {
    display: block; }
  .main-navigation ul li {
    width: inherit;
    border-bottom-width: 0;
    width: 70px;
    width: 146.2857142857px; }
    .main-navigation ul li .submenulist-wrapper h4 {
      font-size: 18px;
      font-size: 1.8rem; }
    .main-navigation ul li .submenulist-wrapper.active .button-wrapper {
      text-align: center;
      border-left-width: 0;
      border-bottom: 4px solid #F01714; }
    .main-navigation ul li .submenulist-wrapper .button-wrapper {
      text-align: center;
      padding: 11px 0;
      /*border-bottom: 4px solid white;*/ }
    .main-navigation ul li .small {
      line-height: normal; }

  .search-menu.mobile-navbar {
    display: none; }

  .promotion-box .carousel-promo .carousel-caption {
    width: 34.7%; }
  .promotion-box .carousel-promo .indicators-action a {
    left: -10px; }
  .promotion-box .carousel-promo .promotion-content {
    margin-bottom: 0;
    color: #000000; }
  .promotion-box .carousel-promo .carousel-inner > .item {
    height: 300px; }

  .layout-box.type2.mob-type2 {
    padding-bottom: 24px; }
  .layout-box.type3 {
    margin-bottom: 0px; }

  .navbar-menu {
    overflow: auto; }
    .navbar-menu ul li {
      width: 141.7142857143px; }
    .navbar-menu.menu-tenth ul li {
      width: 99.2px; }
    .navbar-menu.menu-ninth ul li {
      width: 110.2222222222px; }
    .navbar-menu.menu-eight ul li {
      width: 124px; }
    .navbar-menu.menu-seven ul li {
      width: 141.7142857143px; }
    .navbar-menu.menu-sixth ul li {
      width: 165.3333333333px; }
    .navbar-menu.menu-five ul li {
      width: 198.4px; }
    .navbar-menu.menu-four ul li {
      width: 248px; }
    .navbar-menu.menu-three ul li {
      width: 330.6666666667px; }
    .navbar-menu.menu-two ul li {
      width: 496px; }
    .navbar-menu.sub-nav ul li {
      width: 104.8888888889px; }
    .navbar-menu.sub-nav.menu-tenth ul li {
      width: 94.4px; }
    .navbar-menu.sub-nav.menu-ninth ul li {
      width: 104.8888888889px; }
    .navbar-menu.sub-nav.menu-eight ul li {
      width: 118px; }
    .navbar-menu.sub-nav.menu-seven ul li {
      width: 134.8571428571px; }
    .navbar-menu.sub-nav.menu-sixth ul li {
      width: 157.3333333333px; }
    .navbar-menu.sub-nav.menu-five ul li {
      width: 188.8px; }
    .navbar-menu.sub-nav.menu-four ul li {
      width: 236px; }
    .navbar-menu.sub-nav.menu-three ul li {
      width: 314.6666666667px; }
    .navbar-menu.sub-nav.menu-two ul li {
      width: 472px; }

  section.mobile-plain-section {
    /*display: none;*/
    padding: 24px;
    margin: 0 0 8px; }
    section.mobile-plain-section.mob-last {
      margin-bottom: 0px; }
    section.mobile-plain-section.last {
      margin-bottom: 0px; }
      section.mobile-plain-section.last.mobBot-8 {
        margin-bottom: 0; }
    section.mobile-plain-section.default {
      padding: 0px; }
      section.mobile-plain-section.default.transparent {
        background-color: transparent; }

  .right-nav.block {
    right: 0px; }

  .type1-ht {
    height: 154px; }

  .pagination {
    margin-top: 8px;
    margin-bottom: 0; }

  .pagination ul {
    padding: 0;
    margin: 0; }

  .pagination li {
    float: left;
    list-style-type: none;
    text-align: center; }

  .pagination li a span {
    display: none; }

  .pagination > li > a {
    color: #c0c0c0;
    border: none; }

  .pagination > li > a:hover,
  .pagination > li > a:focus,
  .pagination > li > a:active,
  .pagination > .active > a:hover,
  .pagination > .active > a:focus,
  .pagination > .active > a:active,
  .pagination > li.active a,
  .pagination .next a {
    text-decoration: none;
    color: #F01714;
    font-weight: 500;
    background: none; }

  .pagination .next span {
    display: inline-block; }

  .cardbox-content.rmMobility {
    margin-top: 16px; }
  .cardbox-content.iBanking {
    margin-top: 16px; }
  .cardbox-content.vickers {
    margin-top: 16px; }
  .cardbox-content.iwealth {
    margin-top: 16px; }
  .cardbox-content.onboarding {
    margin-top: 16px; }
  .cardbox-content .icon {
    opacity: 0; }
  .cardbox-content .media-left.media-middle {
    display: table-cell; }

  .dls-back {
    font-size: 1.4rem;
    /*14px*/ }
    .dls-back .icon.ico-arrowleft4 {
      top: 6px;
      padding-right: 8px; }

  .dls-footer {
    margin: 0 -16px;
    padding: 0px 16px;
    margin-top: 60px; }

  .dls-pweb-footer-box .footer-lbl.first {
    margin-top: 51%; }
  .dls-pweb-footer-box .footer-lbl.second {
    margin-top: 39%; }
  .dls-pweb-footer-box .footer-lbl.third {
    margin-top: 31%; }

  .btn {
    min-width: 144px; }

  .color-box .icon-circle {
    width: 45px;
    height: 45px; }
  .color-box p {
    font-size: 1.3rem; }

  .typo-circles .typo-circles-content {
    padding: 62px 0;
    width: 180px;
    height: 180px; }
    .typo-circles .typo-circles-content label {
      font-weight: 700;
      font-size: 18px;
      font-size: 1.8rem; }
    .typo-circles .typo-circles-content p {
      font-weight: 500;
      font-size: 18px;
      font-size: 1.8rem; }

  .bricklayer .col-sm-6 {
    padding-left: 0;
    padding-right: 8px; }
    .bricklayer .col-sm-6.second {
      padding-left: 8px;
      padding-right: 0; }

  .dls-header.header-placeholder .navbar .navbar-inner > a {
    width: auto; } }
/*desktop*/
@media (min-width: 960px) {
  .type1-ht {
    height: 124px; }

  .layout-box .layout-content .ico-compare1 {
    font-size: 54px;
    font-size: 5.4rem; }

  .footer .footer-content {
    padding: 24px 32px 24px; }

  .right-nav.block {
    right: 0px; }

  .promotion-box .carousel-promo .indicators-action a {
    left: 0; } }
@media (min-width: 1024px) {
  .right-nav.block {
    right: -22px; } }
/*Devices - End*/
/*Firefox fixes - Start*/
/*
 *@Title: DBS Components CSS
 *@Author: Team SS dbs (Redford Sumcad)
 *@Description: All Firefox fixes will be define in here.
*/
/*
 *@Title: IBanking mixins CSS
 *@Author: Team SS dbs (Redford Sumcad)
 *@Modified by: Muhammad Adib RAMZALI
 *@Designer: Leo Je-Wei LIN
 *@Description: All custom mixins to be define in here
*/
/*Colors - Start*/
/*common colors*/
/*notification completed*/
/*gray*/
/*Secondary grey text*/
/*missing in colors component*/
/*missing in colors component*/
/*Default almost black text*/
/*red*/
/*#ff3333;*/
/*$darkBorderRed:#950000;  /*missing in colors component*/
/*missing in colors component*/
/*FinancialBeige*/
/*POSB*/
/*#FFD83A;*/
/*#D9AA68;*/
/*#ae8960;*/
/*Colors - End*/
/*Number controls - width, length, columns Start*/
/*Number controls - width, length, columns End*/
/*Firefox - Start*/
@-moz-document url-prefix() {
  .custom-dropdown {
    width: 100%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    background: none repeat scroll 0% 0% #FFF;
    z-index: 1; }
    .custom-dropdown select {
      position: relative;
      padding-top: 0;
      display: block;
      width: 100%;
      z-index: 1; }

  /*.custom-dropdown:before,*/
  .custom-dropdown:after {
    /*content: "";
    pointer-events: none;*/
    position: absolute;
    z-index: 0; }

  /*.custom-dropdown:before {
      bottom:0px;   
      right: 0px;
      top: 0px;  
      width: 34px;
      background: url("../images/icons/select_arrow.png") no-repeat scroll right center #fff;
  }*/
  .radio-group .radio-column label {
    margin-right: 8px;
    cursor: default; }

  .radio-group .radio-column.disabled label > label {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1; }

  input[type="radio"] {
    z-index: 1;
    left: 0;
    position: absolute;
    left: 0px;
    top: 1px;
    height: 14px;
    opacity: 0;
    cursor: pointer;
    /*visibility: hidden;*/ }

  input[type="radio"]:focus {
    outline: 1px dotted; }

  .radio-firefox input[type=radio] {
    position: absolute;
    left: 10px; }

  input[type="radio"] + label {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    padding: 9px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-right: 5px;
    float: left; }

  input[type="radio"]:checked + label:after {
    content: ' ';
    width: 10px;
    height: 10px;
    border-radius: 50px;
    position: absolute;
    top: 4px;
    background: #F01714;
    text-shadow: 0px;
    left: 4px; } }
/*Firefox - End*/
/*Firefox fixes - End*/
/*@media (min-width: 0px) and (max-width:767px){*/
/* */
/**/
/*  .pagination {*/
/*    width: 272px;*/
/*  }*/
/*  .pagination > li > a{*/
/*    padding: 0;*/
/*    margin: 0;*/
/*  }*/
/*  .pagination li,*/
/*  .pagination li.next span,*/
/*  .pagination li.prev span{*/
/*    display: none*/
/*  }*/
/*  .pagination li.active,*/
/*  .pagination li.next,*/
/*  .pagination li.prev{*/
/*    display: block;*/
/*    margin: 0;*/
/*    border: none;*/
/*  }*/
/*  .pagination > li.active a{*/
/*    width: 184px;*/
/*    height: 40px;*/
/*    line-height: 40px;*/
/*    border-top:1px solid #ccc;*/
/*    border-bottom:1px solid #ccc;    */
/*    display: block;*/
/*    float: none;*/
/*    cursor: pointer;*/
/*  }*/
/*  .pagination > li > a:hover,*/
/*  .pagination > li > a:focus,*/
/*  .pagination > li > a:active,*/
/*  .pagination > .active > a:hover,*/
/*  .pagination > .active > a:focus,*/
/*  .pagination > .active > a:active,*/
/*  .pagination > li.active a{*/
/*     border-top:1px solid #ccc;*/
/*    border-bottom:1px solid #ccc;    */
/*  }*/
/*  .pagination li.next{*/
/*    float: right;*/
/*  }*/
/*  .pagination li.prev{*/
/*    float: left;*/
/*  }*/
/*  .pagination li a span{*/
/*    display: inline-block;*/
/*  }*/
/*  .pagination li.next i,*/
/*  .pagination li.prev i{*/
/*    background: #ce0000*/
/*  }*/
/**/
/*  .pagination li a i{*/
/*    height: 40px;*/
/*    width: 44px;*/
/*    color:#fff;*/
/*    display: block;*/
/*    line-height: 46px;*/
/*    text-align: center;*/
/*    font-size: 2rem;*/
/*    margin:0;*/
/*  }*/
/**/
/**/
/**/
/*  ul.social li{*/
/*    display: block;*/
/*    float: none;*/
/*    height: 40px;*/
/*    padding:7px 0;*/
/*    margin: 0*/
/*  }*/
/*  ul.social li > a {*/
/*    display: block;*/
/*    line-height: 26px;*/
/*    overflow: hidden;*/
/*    padding-left: 24px;*/
/*    width: 100%*/
/*  }*/
/*  ul.social li > a > span{*/
/*    display: inline-block;*/
/*    float: left;*/
/*    margin-left: 16px;*/
/*    font-size: 18px;*/
/*    color:#000000;*/
/*  }*/
/*  ul.social > li > a >i{*/
/*    float: left;*/
/*    height: 25px;*/
/*    width: 25px;*/
/*    font-size: 1rem*/
/*  }*/
/*  .social-xs-header > .navbar-toggle{*/
/*    display: block;*/
/*    float: none;*/
/*    height: 40px;*/
/*    line-height: 40px;*/
/*    padding: 0 0 0 24px;*/
/*    font-size: 18px;*/
/*    color:#000000;*/
/*    width: 144px;*/
/*    border:1px solid #ccc;*/
/*    border-radius: 0;*/
/*    margin: 0*/
/*  }*/
/*  .social-xs-header > .navbar-toggle:focus,*/
/*  .social-xs-header > .navbar-toggle:hover,*/
/*  .social-xs-header > .navbar-toggle:active{*/
/*    text-decoration: none;*/
/*  }*/
/*  .social-xs-header > .navbar-toggle > i{*/
/*    margin-right: 10px;*/
/*  }*/
/*} */

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