html{height:100%}
body{font-size:16px;background: #eceded;color:#525252;overflow-x:hidden;font-family: 'Oxygen-Regular', sans-serif;position:relative;}
img{max-width:100%}
p{margin-bottom:.5rem;}
a{text-decoration:none;color:#D1AE6C;}
a:hover, a:focus,.btn:hover,.btn:focus,button:focus{text-decoration:none;outline:none;box-shadow:none;color: #E39138}
ul,li{padding:0;margin:0}
li{list-style:none}
button{border: 0}
.form-control:focus{border-color: #63c2de;  outline: 0;  box-shadow: none;}
.body-wrapper{margin-top: 90px;  padding: 15px;}
.emkay-primary-col{color: #E39138}
.emkay-secondary-col{color: #244A64;font-family: 'Oxygen-Bold';}
.navbar-light .navbar-toggler{color: #fff;  border-color: #fff;}
.navbar-brand.nav-link:focus{color: #fff}
.emkay-btn-primary{background: #D1AE6C;  color: #fff;  padding: 10px 20px;  display: inline-block;}
.emkay-btn-primary:hover{background: #E39138;color: #fff}
.emkay-top-nav{background-color: #244A64 !important;    padding: 20px 10px;transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);margin-left: 200px;}
.emkay-top-nav .nav-link{color: #fff}
.emkay-top-nav .dropdown-toggle:after { content: none }
.user-avtar img{ width: 50px;  border-radius: 50%;background: #fff;  height: 50px;margin-right: 15px}
.user-avtar{display: flex;color:#fff;align-items: center;}
.user-avtar span a{font-size: 13px;color: #fff}
.user-avtar span{line-height: 1.5}
.sidenav {height: 100%; width: 200px;position: fixed; z-index: 1; top: 0; left: 0; background-color: #244A64;; overflow-x: hidden;transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
.dash-wrap.active  .sidenav{margin-left: -200px;transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
.dash-wrap.active .main{margin-left: 0;transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
.dash-wrap.active .emkay-top-nav{margin-left: 0}
.main {margin-left: 200px;transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
.brand-logo{background: #193142;  padding: 28px 15px;}
.sidenav .nav-link:hover {background: #E39138;color: #fff !important}
.sidenav .nav-item .nav-link:hover svg g rect, .sidenav .nav-item .nav-link:hover svg g line,.sidenav .nav-item .nav-link:hover svg g circle, .sidenav .nav-item .nav-link:hover svg g path, .sidenav .nav-item .nav-link:hover svg g polygon{fill: #fff}
/* .sidenav .nav-item.active .nav-link:first, .sidenav .nav-item:focus .nav-link{background: #E39138;color: #fff} */
.sidenav .nav-item.active{background:#193142}
.sidenav .nav-item.active .nav-link{color: #fff}
.sidenav .nav-item.active .flex-column li a{padding: 10px 0 10px 50px;font-size: 15px; font-weight: 300;font-family:'Oxygen-Regular'}
.sidenav .nav-item.active .nav-link svg g rect,.sidenav .nav-item.active .nav-link svg g line, .sidenav .nav-item.active .nav-link svg g path, .sidenav .nav-item.active .nav-link svg g circle, .sidenav .nav-item.active .nav-link svg g polygon{fill: #fff}
.sidenav .nav-item .nav-link svg g rect, .sidenav .nav-item .nav-link svg g line, .sidenav .nav-item .nav-link svg g path, .sidenav .nav-item .nav-link svg g circle, .sidenav .nav-item .nav-link svg g polygon{fill: #D1AE6C}
.sidenav .nav-item .nav-link svg{margin-right: 15px}
.sidenav .nav-item .nav-link{padding: 25px 15px;font-family: 'Oxygen-Bold';color: #D1AE6C;position:relative;}

.sidenav .nav-link[data-toggle].collapsed:after { content: "▼";font-family: "Font Awesome 5 Free";position: absolute;right: 15px;transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
.sidenav .nav-link[data-toggle]:after { content: "►";font-family: "Font Awesome 5 Free";position: absolute;right: 15px;transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);}

.emkay-top-nav .nav-link .badge{position: absolute; top: 0;right: 8px; border-radius: 50%; color: #fff;  background-color: #E39138;}
.performance-overview .form-inline img{width: 32px}
.performance-overview .card{height:100%;}
.allocation-sec .nav-pills .nav-link.active, .nav-pills .show>.nav-link{color: #244A64;background: #D1AE6C !important;border-radius: 0;border-top: 3px solid #244A64 !important;font-family: 'Oxygen-Bold'}
.allocation-sec .nav-pills .nav-link{border-radius: 0;border-top: 3px solid #fff;color: #244A64;background: #fff;margin-right: 15px;}
.allocation-sec .nav-pills .nav-link:hover{background:#fdd891;border-top: 3px solid #fdd891}
.allocation-sec .tab-content{background: #fff;padding: 15px}


.emkay-top-nav .dropdown-menu .dropdown-item{white-space: normal;}
.gauge-list{display:inline-block;width: 30%; color: #244A64 !important; font-family: 'Oxygen-Bold';  margin-top: 15px;  font-size: 16px;}
table tr:first-child th{border-top:0 }
.v-scroll-table {height: 250px;}
.v-scroll-table::-webkit-scrollbar {width: 2px;}
.v-scroll-table::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #D1AE6C;  border-radius: 10px;} 
.v-scroll-table::-webkit-scrollbar-thumb { background: #244A64;   border-radius: 10px;}
.v-scroll-table::-webkit-scrollbar-thumb:hover { background: #244A64; }
.transaction-btn{text-align: center; display: block; background: #E39138; color: #fff !important; padding: 15px 0; margin-top: 40px;position: relative;}
.transaction-btn i{position: absolute;  right: 0;  background: #000;  padding: 19px 20px 19px 10px;  top: 0;}
.transaction-btn:hover i{padding: 19px 10px 19px 20px;transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
.transaction-btn svg{background: #244a64;position: absolute;right: 0; height: 100%;top: 0; padding: 0 10px;    width: 40px !important;}
.transaction-btn:hover svg{padding:0 5px 0 15px;}
.last-trans .panel-title > a{color: #244A64;font-weight: 800}
.last-trans .panel-title > a:before { float: right !important;  content:"+"; padding-right: 5px;}
.last-trans .panel-title > a.collapsed:before { float: right !important; content:"-";}
.last-trans .panel-title > a:hover, 
.last-trans .panel-title > a:active, 
.last-trans .panel-title > a:focus  {  text-decoration:none;}

.view-all-btn{    background: #d1ae6c;  color: #244a64;  font-weight: 800; padding: 15px;  display: block;  text-align: center;  position: absolute;  bottom: 0;  width: 100%;  left: 0;}
.view-all-btn:hover{color: #fff;opacity: .7;}
.last-trans table{margin-bottom: 33px}
.transact-banner{position: relative;margin-bottom: 30px;}
.banner-text{position: absolute;  bottom: 0; text-align: center;  color: #fff;  padding: 15px 50px;background: rgba(0, 0, 0, .5);height:100%;}
.transact-benifits{padding: 20px 0;    text-align: center;}
.trans-btn{max-width: 200px;  min-height: 68px;  display: flex;  justify-content: center;  align-items: center;  margin: 0 auto;}

.last-trans .table td span{display: block;font-family: 'Oxygen-Bold'}
.table tr td{font-size: 14px;width:10%;}
.performance-overview .card-body:hover{background: rgba(209, 174, 108, 0.5)}
.performance-overview .card-body label{color: #E39138;float: right;}


.nav-accordion .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.nav-accordion li:last-child .link { border-bottom: 0; }
.nav-accordion li i { position: absolute; top: 27px; left: 12px; font-size: 18px; color: #D1AE6C; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.nav-accordion li .svg-inline--fa {right: 0; position: absolute; top: 27px;  font-size: 18px; color: #D1AE6C; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.nav-accordion li i.fa-caret-down {right: 12px;left: auto;font-size: 16px;}
.nav-accordion li.open .link { color: #fff; }
.nav-accordion li.open i { color: #fff; }
.nav-accordion li.open i.fa-caret-down {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.submenu { display: none; background: #193142; font-size: 14px;}
.submenu li { border-bottom: 1px solid #4b4a5e; }
.submenu a { display: block; text-decoration: none; color: #d9d9d9; padding: 12px; padding-left: 42px; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;  transition: all 0.25s ease;}
.submenu a:hover { background: #E39138; color: #FFF;}




.transact-benifits ul{justify-content: space-around;  flex-wrap: wrap;display: flex}
.transact-benifits ul li{flex: 1;  min-width: 250px;}
.transact-benifits li img{max-width:75px;}
#filtersidenav form label{color:#fff;}

#filtersidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #244a64;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  z-index: 1040;
  
}
#filtersidenav form{
    padding:15px;
}
#filtersidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

#filtersidenav a:hover {
  color: #f1f1f1;
}

#filtersidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  #filtersidenav {padding-top: 15px;}
  #filtersidenav a {font-size: 18px;}
}


.progressbar {
  counter-reset: step;
  margin:30px 0;
}
.progressbar li {
  list-style: none;
  display: inline-block;
  width: 35px;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 30px;
  height: 30px;
  line-height : 30px;
  border: 1px solid #ddd;
  border-radius: 100%;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  background-color: #d1ae6c;
    color: #fff;
    z-index: 2;
    position: relative;
}
.progressbar li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #ddd;
  top: 15px;
  left: -50%;
  z-index : 1;
}
.progressbar li:first-child:after {
  content: none;
}
.progressbar li.active {
  color: green;
}
.progressbar li.active:before {
  border-color: #e39138;
    background: #e39138;
} 
.progressbar li.active + li:after {
  background-color: #e39138;
}



/* The container */
.custom-radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
    width: 32%;
    margin-bottom: 35px;
}

/* Hide the browser's default checkbox */
.custom-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
      background-color: #d1ae6c;
}

/* On mouse-over, add a grey background color */
.custom-radio:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.custom-radio input:checked ~ .checkmark {
  background-color: #e39138;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.custom-radio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.custom-radio .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



/* Extra small devices (portrait phones, less than 576px)  */
@media (max-width: 575.98px) {

} 
 /* Small devices (landscape phones, less than 768px)  */
@media (max-width: 767.98px) {

} 
/* Medium devices (tablets, less than 992px)  */
@media (max-width: 991.98px) {
  
}
/* Large devices (desktops, less than 1200px)  */
@media (max-width: 1199.98px) {
  
} 
/*  Extra large devices (large desktops) 
No media query since the extra-large breakpoint has no upper bound on its width */



@font-face {
  font-family: 'Oxygen-Regular';
  src: url('../fonts/Oxygen-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Oxygen-Regular.woff') format('woff'), url('../fonts/Oxygen-Regular.ttf')  format('truetype'), url('../fonts/Oxygen-Regular.svg#Oxygen-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Oxygen-Bold';
  src: url('../fonts/Oxygen-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Oxygen-Bold.woff') format('woff'), url('../fonts/Oxygen-Bold.ttf')  format('truetype'), url('../fonts/Oxygen-Bold.svg#Oxygen-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}