@charset "utf-8";
/*------------------------------------------------------------------
[Master Stylesheet]

Project:   Quinstinct
Version:   1.0
Created:   Evoque Innovative Lab
Use:       Admin client module
-------------------------------------------------------------------*/



/*------------------------------------------------------------------
[Table of contents]

1. Fonts import, Typography
2. Colors
3. Common styles
4. Page loader / .page-loader
5. Global styles
6. Buttons and CTA
7. Forms fields
8. Pages & Sections
9. Animations

-------------------------------------------------------------------*/

/*------------------------------------------------------------------

 - Fonts import, Typography

-------------------------------------------------------------------*/
@font-face {
  font-family: Plus Jakarta Sans;
  src: url(../fonts/jakartaSans/PlusJakartaSans-ExtraLight.woff);
  font-weight: 100;
}
@font-face {
  font-family: Plus Jakarta Sans;
  src: url(../fonts/jakartaSans/PlusJakartaSans-Light.woff);
  font-weight: 200;
}
@font-face {
  font-family: Plus Jakarta Sans;
  src: url(../fonts/jakartaSans/PlusJakartaSans-Regular.woff);
  font-weight: 300;
}
@font-face {
  font-family: Plus Jakarta Sans;
  src: url(../fonts/jakartaSans/PlusJakartaSans-Medium.woff);
  font-weight: 400;
}
@font-face {
  font-family: Plus Jakarta Sans;
  src: url(../fonts/jakartaSans/PlusJakartaSans-Bold.woff);
  font-weight: 500;
}
@font-face {
  font-family: Plus Jakarta Sans;
  src: url(../fonts/jakartaSans/PlusJakartaSans-Bold.woff);
  font-weight: 600;
}


/*------------------------------------------------------------------

 - Global styles

-------------------------------------------------------------------*/
body {
  font-family: Plus Jakarta Sans;
  font-style: normal;
  font-weight: normal;
  overflow-x: hidden;
  font-size: 14px;
  -webkit-font-smoothing: antialiased
}
h1 {
  font-weight: bold;
  font-size: 56px;
  -webkit-font-smoothing: antialiased
}
h2 {
  font-weight: 600;
  font-size: 36px;
  -webkit-font-smoothing: antialiased
}
h3 {
  font-weight: 600;
  font-size: 24px;
  -webkit-font-smoothing: antialiased
}
h4 {
  font-weight: bold;
  font-size: 16px;
  -webkit-font-smoothing: antialiased
}
h6 {
  font-weight: 300;
  font-size: 10px;
  -webkit-font-smoothing: antialiased
}
p{
  color: #000000;
  font-size: 16px;
  line-height: 28px;
  font-weight: 200;
  -webkit-font-smoothing: antialiased
}

/*------------------------------------------------------------------

 - Form Components

-------------------------------------------------------------------*/

/*Buttons*/
.e-p-btn {
  background: #ff8a35;
  color: #ffffff;
  font-size: 14px;
  padding: 8px 24px;
  font-weight: 400;
  border-radius: 8px;
  border: none;
  display: inline-block;
  cursor: pointer;
  text-transform: capitalize;
}
.e-p-btn:hover{
  background: #e4690f;
  color: #ffffff;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  text-decoration: none;
}
.e-p-btn:focus{
  outline: none;
  box-shadow: none;
  background: #e4690f;
}
.e-s-btn {
  background: transparent;
  color: #DA171F;
  font-size: 12px;
  padding: 8px 10px;
  font-weight: 500;
  border-radius: 40px;
  border: 1px solid #DA171F;
  display: inline-block;
  cursor: pointer;
  text-transform: capitalize;
}
.e-s-btn:hover {
  background: #db332f;
  color: #ffffff;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  text-decoration: none;
}
.e-download-icon-btn{
  display: inline-block;
  width: 36px;
  height: 36px;
  background-image: url(../img/download-black.svg);
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: center;
  opacity: .8;
}
.e-download-icon-btn.e-report-download{
  background-image: url(../img/reports-download-black.svg);
  background-size: 30px;
}
.e-download-icon-btn:hover{
  opacity: .8;
}

/* Input boxes*/
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input ~ .e-border {
  position: absolute;
  bottom: 0;
  left: -0px;
  width: 0;
  height: 0px;
  border: 0;
}
input:focus ~ .e-border {
  width: 100%;
  transition: 0.3s;
  height: 1px;
  border: 1px solid #DA171F!important;
}

input[type=text], input[type=password], input[type=number] {
  width: 100%;
  border: 0;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 2px;
  outline: none;
  height: 42px;
  padding-left: 12px;
}
input:focus,.select-box:focus {
  border: 1px solid #000000;
}




/* Table */
.table{
  background-color: #fff;
  border-radius: 6px;
}
thead tr{
  /*background: linear-gradient(100deg, #ee5b4f, #fbd766 120%);*/
  background: #f7ba66;
  /* color: #fff; */
  font-weight: 600;
  /* padding: 15px; */
  border-radius: 6px;
}
.table thead th{
  padding: 20px 10px;
  font-size: 13px;
  color: black;
  border-style: hidden!important;
}
.table td, .table th{
  padding: 10px;
}
.table td{
  font-weight: 300;
  font-size: 13px;
  line-height: 160%;
}
.e-highlight-tr{
  background-color: #d6d6d6;
}

.e-highlight-tr td{
  /* color: #2e2e2e; */
  font-weight: 600;
  font-size: 13px;
}
.lightgray_08_bold td{
  /* color: #2e2e2e; */
  font-weight: 600;
  font-size: 13px;
}

.table td strong{
  font-weight: 700;
}
.e-dark-tr{
  background-color: #f7ba66;
}
.e-dark-tr td{
  color: #2e2e2e;
  font-weight: 600;
  font-size: 14px;
}
.e-bg-row{
  background-color: #fef7ed;
  padding: 10px !important;
}



/* Tooltips */
.e-tooltip {
  position: relative;
  display: inline-block;
}
.e-tooltip .e-tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  left: -120px;
  top: -40px;
  position: absolute;
  z-index: 1;
}
.e-tooltip:hover .e-tooltiptext {
  visibility: visible;
}


/*------------------------------------------------------------------

 - Navigation

-------------------------------------------------------------------*/
/*.e-header {
  background-color: #F9F9F9;

  -webkit-animation : headerBgColor 1.4s cubic-bezier(.77,0,.18,1) forwards;
  padding-bottom: 20px;
}
.e-header-2{
  background-color: #F9F9F9;
  padding-bottom: 20px;
}
.e-nav-item {
  font-size: 12px;
  font-weight: bold;
}
.e-nav-item:hover {
  text-decoration: none;
}
.e-menu:hover {
  cursor: pointer;
  filter: invert(24%) sepia(50%) saturate(2878%);
   -webkit-transition: 0.25s;
  transition: 0.25s;
}
.e-main-navitem-wrap .e-nav-item.e-hover {
  position: relative;
  padding-bottom: 7px;
  margin-right: 37px;
}
.e-nav-item.e-hover::after, .e-nav-item.e-active::after {
  content: '';
  display: inline-block;
  width: 0;
  position: absolute;
  bottom: 2px;
  height: 2px;
  background: #DA171F;
  transition: width .3s;
  left: 5px;
}
.e-nav-item.e-hover:hover::after, .e-nav-item.e-active::after {
  width: 60%;
}
.e-header-logo{
  cursor: pointer;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.e-header-logo:hover{
  -webkit-transform: scale(.8);
          transform: scale(.8);
}
*/

/*------------------------------------------------------------------

 - Dot

-------------------------------------------------------------------*/

/* body::-webkit-scrollbar{
  display: none;
} */
::-webkit-scrollbar-button {
  display: block;
}
::-webkit-scrollbar {
  /* background-color: #eef2f5; */
  width: 16px;
}
::-webkit-scrollbar-thumb {
  background-color: #ff8a35;
  border-radius: 16px;
  border: 5px solid #fff;
}
.nav::-webkit-scrollbar{
  background-color: #eef2f5;
  width: 16px;
}
.nav::-webkit-scrollbar-track {
  background-color: #fff;
}
.nav::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: 16px;
  border: 5px solid #fff;
}

/* Global */
.e-footer{
  background-color: #777;
  color: #fff;
  padding: 20px 0;
  text-align: center;
}
.e-footer h5{
  color: #fff;
}
.e-footer strong{
  font-size: 12px;
}
.e-footer .e-mail-wrap{
  display: block;
  width: 100%;
}
.e-footer .e-mail-wrap a{
  color: #f1f1f1;
  font-size: 14px;
  font-weight: 400;
}
.e-footer .e-copyright{
  font-size: 12px;
}
.e-footer a:link{
  color: lightskyblue
}
.e-footer a:hover{
  color: #f39a3e;
}
.e-auth-footer, .e-auth-footer .main-footer{
  background-color: grey
}
.e-auth-footer{
  padding: 10px;
}
.e-auth-footer .e-bottom-logo{
  position: relative;
  display: inline-block;
  bottom: 0;
  left: 0;
}
.e-auth-footer .main-footer.e-app-footer{
  margin-left: 0 !important;
}
.e-auth-footer .e-copy-right-wrap{
  padding-top: 15px;
  color: #6d6863;
}


/*Global Navbar */
.navbar{
  background: #fff;
  padding: 0;
  box-shadow: 0px 4px 20px #f9f2ed;
  z-index: 1;
  border-bottom: 0; 
}
.navbar-brand{
  padding: 0;
} 
.navbar-brand img{
  width: 110px;
}

/* Auth Modules */
.e-login-wrap{
  min-height: 98vh;
}
.e-auth-left{
  height: 100%;
  width: 100%;
  min-height: 98vh;
  background-image: url(../img/bg/login-bg.svg);
  background-position: center;
  background-size: 40%;
  background-repeat: no-repeat;
  padding: 160px 70px 0;
}
.e-auth-left-wrap{
  background: linear-gradient(90deg, #F25C4F 0%, #FF9B2A 100%);
}
.e-auth-left{
  padding: 260px 100px 10px;
}
.e-auth-left h1{
  color: #fff;
  font-weight: 800;
  text-align: center;
  font-size: 48px;
  padding: 20px 40px;
}
.e-login-logo{
  width: 60px;
  height: 80px;
  background-image: url(../img/login-white-logo.svg);
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover;
}
.e-auth-left h6{
  font-size: 18px;
  color: #fff;
  text-align: center;
}
.e-auth-right-bg{
  background: #FFF5EA;
}
.e-auth-right{
  padding: 40px 60px 0 100px;
}
.e-auth-right .e-secondary-txt{
  padding-right: 20px;
  color: #868B90;
  font-size: 18px;
  line-height: 32px;
}
.e-auth-right input[type="text"], .e-auth-right input[type="password"]{
  background-color: #f1f1f1;
}
.e-auth-right .e-p-btn{
  width: 100%;
  height: 50px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
}
.e-auth-card{
  border-radius: 30px 30px 0 0;
  background: #fff;
  padding: 50px 40px 120px;
  margin-top: 40px;
}
.e-auth-right label{
  color: #3c3c3c;
  font-size: 16px;
  line-height: 23px;
}
.e-auth-card .e-p-btn{
  font-size: 18px;
}
.was-validated .form-control:invalid, .form-control.is-invalid{
  background: #fff;
  border: #ccc 1px solid;
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus{
  box-shadow: none;
  border: 1px solid #2e2e2e;
}
.e-create-account-wrap{
  padding: 30px;
  text-align: center;
}
.e-create-account-wrap a{
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-decoration-line: underline;
  color: #F25C4F;
}
.e-create-account-wrap a:hover{
  color: #f39a3e;
}
.e-forgot-pass{
  font-size: 16px;
  line-height: 20px;
  text-decoration-line: underline;
  color: #868B90;
}
.e-forgot-pass:hover{
  color: #f39a3e;
}
.e-auth-right .e-logo{
  width: 140px;
  padding-bottom: 60px;
}
.e-auth-right input[type="text"], .e-auth-right input[type="password"], .e-auth-right input[type="email"], .e-auth-right input[type="date"]{
  height: 50px;
  font-size: 16px;
  padding: 15px !important;
}
.e-auth-right input::-webkit-input-placeholder {
  font-size: 14px;
}
.e-auth-right input::-moz-placeholder {
  font-size: 14px;
}
.e-forgot-pass-wrap .e-auth-card{
  padding-bottom: 100px;
}
.e-signup-success .e-auth-card{
  text-align: center;
}
.e-signup-success .e-auth-card .e-success-tick{
  padding: 20px 0 40px 0;
  width: 100px;
}
.e-auth-card .e-family-id-check{
  width: 16px;
  height: 16px;
  margin-right: 10px;
  position: relative;
  top: 2px;
}


/* Consent*/
.e-consent-wrap h6{
  font-size: 16px;
  line-height: 180%;
}
.e-consent-wrap .e-auth-card{
  padding-top: 30px;
}

/* Header */
.brand-link img{
  /* width: 120px; */
  width: 160px;
  position: relative;
  top: -15px;
}

.brand-link{
  padding-bottom: 0;
  text-align: center;
  position: relative;
  left: -8px;
}
.brand-link img.e-collapse-logo{
  width: 35px !important;
  position: relative;
  top: 0px; 
  margin-bottom: 20px;
  display: none;
}
.sidebar {
  padding-bottom: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0;
  height: 70vh;
  overflow-y: scroll;
}
.e-signout{
  background-repeat: no-repeat;
  background-size: 19px;
  background-position: 1px 22px;
  background-image: url(../img/icons/logout.png);
  padding: 13px 1px 13px 40px;
}

/* .sidebar::-webkit-scrollbar{
  width: 0;
} */
.sidebar-collapse img{
  display: none;
}
.sidebar-collapse img.e-collapse-logo{
  display: inline-block;
}
.sidebar-collapse .nav-item .nav-link{
  background-position: 18px ​10px !important;
}
.main-header{
  padding: 15px;
}
.main-header .nav-item a{
  font-size: 13px;
  color: #2e2e2e !important;
  font-weight: 400;
}
.main-header .nav-link{
  height: auto;
}
.e-header-dropdown{
  background: #fef7ed;
  font-size: 14px;
  margin-right: 12px;
}
.e-header-dropdown .fa-angle-down{
  position: relative;
  top: 1px;
  padding-left: 5px;
}
.e-header-nav-wrap{
  width: 100%;
  text-align: right;
}

.e-settings-dropdown .dropdown-item:hover, .dropdown-item:focus{
  background-color: #fef7edbf !important;
}
.e-settings-dropdown .e-logout, .e-settings-dropdown .e-change-pass, .e-settings-dropdown .e-profile{
  padding-left: 30px !important;
  background-image: url(../img/icons/logout.png);
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 10px;
}
.e-settings-dropdown .e-change-pass{
  background-image: url(../img/icons/change-pass.png);
  background-size: 14px;
}
.e-settings-dropdown .e-profile{
  background-image: url(../img/icons/profile.png);
  background-size: 14px;
}
.nav-item .e-raise-issue{
  background-image: url(../img/icons/raise_issue.png);
  background-size: 20px;
  background-position: 12px 10px;
  padding-left: 30px;
  background-repeat: no-repeat;
}


/* Footer */
.e-app-footer{
  background-color: #000;
  z-index: 1111;
  position: relative;
}
.e-app-footer .e-logo{
  width: 260px;
  opacity: .9;
}
.e-app-footer .e-copy-right-wrap{
 margin-top: 8px;
 display: inline-block;
}
.main-footer.e-app-footer{
  margin-left: 265px !important;
}

/* Common content */
.e-main-content{
  padding: 8px 20px;
  box-shadow: 0px 4px 10px #2275D754;
  background-color: #fff5ead6;
}
.content-wrapper{
  margin-left: 265px !important;
}

/* Side bar */
.main-sidebar{
  background-color: #fff !important;
  position: fixed !important;
  box-shadow: 0px 4px 20px #f9f2ed;
  /*z-index: 9999;*/
}
.nav-item .nav-link.active{
  border-radius: 5px;
}
.nav-item .nav-link p{
  font-size: 14px;
  font-weight: 400;
  padding-left: 15px;
}
.nav-item .nav-link.active p{
  color: #fff;
  font-weight: 500;
}
.nav-item .e-nav-dashboard{
  background-image: url(../img/icons/nav-dashboard.svg);
  background-size: 20px;
  background-position: 12px 10px;
  background-repeat: no-repeat;
  padding-left: 30px;
}
.nav-item .e-nav-dashboard.active{
  background-image: url(../img/icons/nav-dashboard-white.svg);
}
.nav-item .e-nav-holding{
  background-image: url(../img/icons/nav-holdings.svg);
  background-size: 20px;
  background-position: 12px 10px;
  background-repeat: no-repeat;
  padding-left: 30px;
}
.nav-item .e-nav-holding.active{
  background-image: url(../img/icons/nav-holdings-white.svg);
}
.nav-item .e-nav-assets{
  background-image: url(../img/icons/nav-assets.svg);
  background-size: 20px;
  background-position: 12px 10px;
  background-repeat: no-repeat;
  padding-left: 30px;
}
.nav-item .e-nav-assets.active{
  background-image: url(../img/icons/nav-assets-white.svg);
}
.nav-item .e-nav-performance{
  background-image: url(../img/icons/nav-performance.svg);
  background-size: 20px;
  background-position: 12px 10px;
  background-repeat: no-repeat;
  padding-left: 30px;
}
.nav-item .e-nav-performance.active{
  background-image: url(../img/icons/nav-performance-white.svg);
}
.nav-item .e-nav-capital{
  background-image: url(../img/icons/nav-gain.svg);
  background-size: 20px;
  background-position: 12px 10px;
  background-repeat: no-repeat;
  padding-left: 30px;
}
.nav-item .e-nav-capital.active{
  background-image: url(../img/icons/nav-gain-white.svg);
}
.nav-item .e-nav-point{
  background-image: url(../img/icons/nav-point.svg);
  background-size: 20px;
  background-position: 12px 10px;
  background-repeat: no-repeat;
  padding-left: 30px;
}
.nav-item .e-nav-point.active{
  background-image: url(../img/icons/nav-point-white.svg);
}
.nav-item .e-nav-transaction{
  background-image: url(../img/icons/nav-transaction.svg);
  background-size: 20px;
  background-position: 12px 10px;
  background-repeat: no-repeat;
  padding-left: 30px;
}
.nav-item .e-nav-transaction.active{
  background-image: url(../img/icons/nav-transaction-white.svg);
}
.nav-item .e-nav-profiler{
  background-image: url(../img/icons/nav-profile.svg);
  background-size: 20px;
  background-position: 12px 10px;
  background-repeat: no-repeat;
  padding-left: 30px;
}
.nav-item .e-nav-profiler.active{
  background-image: url(../img/icons/nav-profile-white.svg);
}
.nav-sidebar .nav-item .nav-link .right{
  top: 15px;
  /* display: none!important; */
}
.nav-item .nav-treeview{
  padding-left: 30px;
}
.nav-item a i p{
  padding-left: 0 !important;
}
.nav-item .fa-circle{
  font-size: 8px !important;
  width: 0 !important;
  position: relative;
  top: -1px;
}
.nav-item.e-nav-tax-holding .fa-circle{
  top: -22px;
}
.nav-item.e-nav-tax-holding .fa-angle-right{
  right: 15px !important;
}
.nav-item.e-nav-tax-holding p{
  line-height: 150%;
  width: 100%;
}
.main-sidebar, .main-sidebar::before{
  width: 265px;
}
.nav-item .badge{
  background-color: #ffbc8c;
  border-radius: 50%;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 600;
  display: none!important;
}
.e-sidebar-search{
  height: 1px;
  width: 1px;
  opacity: 0;
}
.e-bottom-logo{
  background-image: url(../img/footer.png);
  position: absolute;
  bottom: 20px;
  left: 15px;
  width: 210px;
  height: 60px;
  background-repeat: no-repeat;
  background-size: 100%
}


/* Icons */
.e-right-arrow{
  display: inline-block;
  background-image: url(../img/icons/right-arrow-white.svg);
  width: 24px;
  height: 24px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.e-dashboard .card{
  border: none;
}
.e-dashboard .e-alert{
  background-color: #ffd6b8;
  border-radius: 5px;
  border: 1px solid #f39a59;
  padding: 15px;
}
.e-dashboard .e-total-summary-card .card-body{
  padding: 0;
}
.e-dashboard .e-total-summary-card .row{
  margin: 0;
  padding: 5px 0;
}
.e-dashboard .e-total-summary-card strong span{
  color: #6071e8;
  display: inline-block;
  font-size: 12px;
}
.e-dashboard .e-total-summary-card-2 .row{
  padding: 15px 10px;
  border-bottom: 1px solid #d3d3d3;
  font-weight: 600;
}
.e-dashboard .e-total-summary-card-2 .row.e-s-row{
  padding: 6px 10px;
}


/* Warnings and notes */
.e-flashes-wrap .closebtn{
  position: relative;
  top: 0px;
  right: 17px;
  font-size: 30px;
  font-weight: 200;
  color: #e60000;
  vertical-align: middle;
  justify-content: center;
  height: 60%;
  display: flex;
  align-items: center;
}
.flashes{
  padding: 12px 24px;
  background-color: #ffe5e4;
  border: 2px solid #e60000;
  color: #e20000;
  border-radius: 5px;
  font-size: 14px;
}
.flashes.e-success{
  background-color: #e1e9ff;
  border: 2px solid rgb(0, 150, 0);
  color: rgb(0, 150, 0);
}
.flashes.e-error{
  background-color: #e1e9ff;
  border: 2px solid rgb(150, 0, 0);
  color: rgb(150, 0, 0);
}
.flashes.success-password{
  background-color: #e1e9ff;
  border: 2px solid rgb(0, 150, 0);
  color: rgb(0, 150, 0);
}
.flashes::marker{
  display: none;
}
.e-risk-profiler-cta{
  padding: 14px 24px;
  /*background-color: #2275D7;
  border: 2px solid #2275D7;*/
  background: linear-gradient(213.56deg,#f39a59 10.06%,#f39a59 78.45%);
  border: 2px solid #f5ab73;
  font-weight: 600;
  color: #ffffff;
  border-radius: 5px;
  font-size: 14px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  position: relative;
}
.e-risk-profiler-flash {
  text-decoration: none;
}
.e-risk-profiler-cta li font{
  text-decoration: underline;
}
.e-risk-profiler-cta li{
  list-style: none;
}
.e-risk-profiler-cta:hover{
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}
.e-risk-profiler-cta .e-right-arrow{
  position: absolute;
  right: 15px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
.e-risk-profiler-cta:hover .e-right-arrow{
  right: 10px;
}
.e-alert{
  position: fixed;
  top: 85vh;
  z-index: 99999999999;
  width: 300px;
  right: 15px;
  padding: 0;
}
.e-alert .closebtn{
  position: absolute;
    right: 6px;
    top: -13px;
    font-size: 27px;
    color: #e73631;
    cursor: pointer;
}
.flashes.e-success .closebtn{
  color: rgb(0, 150, 0);
}

/* Breadcrumb */
.breadcrumb-item a{
  color: #f17115;
}


/*Form Components */
input[type="date"] {
  padding: 8px 12px;
  border-radius: 5px;
  border-color: #f9f9f9;
  box-shadow: none;
  outline: none;
  border: 1px solid #f9f9f9;
}
select{
  padding: 8px 8px;
  border: 1px solid #ccccccc9;
  border-radius: 4px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 1ex;
  background-origin: content-box;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMiIKICAgdmlld0JveD0iMCAwIDM1Ljk3MDk4MyAyMy4wOTE1MTgiCiAgIGhlaWdodD0iNi41MTY5Mzk2bW0iCiAgIHdpZHRoPSIxMC4xNTE4MTFtbSI+CiAgPGRlZnMKICAgICBpZD0iZGVmczQiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjAyLjAxNDUxLC00MDcuMTIyMjUpIgogICAgIGlkPSJsYXllcjEiPgogICAgPHRleHQKICAgICAgIGlkPSJ0ZXh0MzMzNiIKICAgICAgIHk9IjYyOS41MDUwNyIKICAgICAgIHg9IjI5MS40Mjg1NiIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zaXplOjQwcHg7bGluZS1oZWlnaHQ6MTI1JTtmb250LWZhbWlseTpzYW5zLXNlcmlmO2xldHRlci1zcGFjaW5nOjBweDt3b3JkLXNwYWNpbmc6MHB4O2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MXB4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgICB4bWw6c3BhY2U9InByZXNlcnZlIj48dHNwYW4KICAgICAgICAgeT0iNjI5LjUwNTA3IgogICAgICAgICB4PSIyOTEuNDI4NTYiCiAgICAgICAgIGlkPSJ0c3BhbjMzMzgiPjwvdHNwYW4+PC90ZXh0PgogICAgPGcKICAgICAgIGlkPSJ0ZXh0MzM0MCIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO2ZvbnQtc2l6ZTo0MHB4O2xpbmUtaGVpZ2h0OjEyNSU7Zm9udC1mYW1pbHk6Rm9udEF3ZXNvbWU7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpGb250QXdlc29tZTtsZXR0ZXItc3BhY2luZzowcHg7d29yZC1zcGFjaW5nOjBweDtmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgaWQ9InBhdGgzMzQ1IgogICAgICAgICBzdHlsZT0iZmlsbDojMzMzMzMzO2ZpbGwtb3BhY2l0eToxIgogICAgICAgICBkPSJtIDIzNy41NjY5Niw0MTMuMjU1MDcgYyAwLjU1ODA0LC0wLjU1ODA0IDAuNTU4MDQsLTEuNDczMjIgMCwtMi4wMzEyNSBsIC0zLjcwNTM1LC0zLjY4MzA0IGMgLTAuNTU4MDQsLTAuNTU4MDQgLTEuNDUwOSwtMC41NTgwNCAtMi4wMDg5MywwIEwgMjIwLDQxOS4zOTM0NiAyMDguMTQ3MzIsNDA3LjU0MDc4IGMgLTAuNTU4MDMsLTAuNTU4MDQgLTEuNDUwODksLTAuNTU4MDQgLTIuMDA4OTMsMCBsIC0zLjcwNTM1LDMuNjgzMDQgYyAtMC41NTgwNCwwLjU1ODAzIC0wLjU1ODA0LDEuNDczMjEgMCwyLjAzMTI1IGwgMTYuNTYyNSwxNi41NDAxNyBjIDAuNTU4MDMsMC41NTgwNCAxLjQ1MDg5LDAuNTU4MDQgMi4wMDg5MiwwIGwgMTYuNTYyNSwtMTYuNTQwMTcgeiIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=");
  min-width: 200px;
}




/* Empty */
.e-empty-wrap{
  background-image: url(../img/empty.svg);
  padding-top: 240px;
  background-size: 160px;
  background-repeat: no-repeat;
  background-position: center;
}
.e-empty-wrap h6{
  font-size: 13px;
  font-weight: 600;
}
.e-empty-wrap p{
  font-size: 13px;
}
/*Dashboard*/
.e-dashboard .e-p-btn{
  position: relative;
  top: -2px;
}
.e-dashboard hr{
  background: #d0d0d0;
}
.content-wrapper{
  min-height: 98vh !important;
}
.e-summary-card{
  border-radius: 8px;
  padding: 0;
  border: none!important;
  box-shadow: 0 1px 3px 0 #a2a2a21a, 0 1px 2px 0 #7d7d7d0f;
}
.e-summary-card::before{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 0 8px 0 0!important;
  -webkit-clip-path: circle(60px at 92% 0);
  clip-path: circle(60px at 92% 0);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
      background: linear-gradient( 213.56deg,#f6b46a 10.06%,#f6b86e 28.45%);
  /*background: linear-gradient( 213.56deg,#2275d7 10.06%,#2275d7 28.45%);*/
}
.e-summary-card .card-body{
  background-position: 93% 7px;
  background-repeat: no-repeat;
  position: relative;
  padding: 25px 15px 20px;
}
.card-body.e-cost-summary{
  background-image: url(../img/icons/cost.svg);
  background-size: 28px;
}
.card-body.e-market-summary{
  background-image: url(../img/icons/market.svg);
  background-size: 28px;
}
.card-body.e-dividends-summary{
  background-image: url(../img/icons/dividends.svg);
  background-size: 28px;
}
.card-body.e-gains-summary{
  background-image: url(../img/icons/gains.svg);
  background-size: 28px;
}
.card-body.e-xirr-summary{
  background-image: url(../img/icons/xirr.svg);
  background-size: 28px;
}
.e-datepicker-txt{
  font-size: 14px;
  font-weight: 500;
}





/*Holding Report*/
.e-separator{
  padding: 10px 0;
  border-bottom: 1px solid #d2d2d2;
}

.e-momt-period h6{
  padding: 15px;
  font-weight: 500;
  font-size: 13px;
  background: #d6d6d6;
  margin-bottom: 0;
  color: #000;
}
.e-momt-period .e-momt-period-body{
  background-color: #ffffff;
  padding: 15px;
  font-size: 14px;
}
.e-momt-period .e-momt-period-body u{
  color: #2e2e2e;
  font-weight: 600;
}
.e-holdings-report .form-group label{
  position: relative;
  padding-left: 5px;
  padding-right: 20px;
  top: -1px;
}




/*Portfolio Performance*/
.e-portfolio-performance .table td, .e-portfolio-performance .table th{
  padding: 10px 8px !important;
}


/*Tax holdings*/
.e-tax-holding .table td, .e-tax-holding .table th{
  padding: 10px 8px !important;
}


/*Transaction History*/
.e-transaction-history .form-group .e-or-txt{
  display: inline-block;
  margin: 0 10px;
}
.e-download-filter-card{
  border-radius: 8px;
  padding: 0;
  border: none!important;
  box-shadow: 0 1px 3px 0 #a2a2a21a, 0 1px 2px 0 #7d7d7d0f;
  background-color: #fff;
  padding: 20px;
}
.e-download-filter-card input[type="date"]{
  border-color: #ccccccc9;
}


/*Risk Profiler*/
.e-risk-profiler-form .e-risk-contact-details, .e-risk-profiler-form .e-risk-questions{
  border-radius: 8px;
  padding: 0;
  border: none!important;
  box-shadow: 0 1px 3px 0 #a2a2a21a, 0 1px 2px 0 #7d7d7d0f;
  background-color: #fff;
  padding: 20px;
}
.e-risk-profiler-form .e-risk-questions h6{
  padding-bottom: 15px;
  font-size: 15px;
  font-weight: 500;
  display: inline-block;
  line-height: 170%;
}
.e-risk-profiler-form .e-risk-questions h6 font{
  display: block;
  padding: 5px 15px 6px 15px;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 600;
}
.e-risk-profiler-form .e-risk-questions span{
  width: 15px;
  height: 15px;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
}
.e-risk-profiler-form .e-risk-questions input{
  position: relative;
  margin-right: 8px;
  top: 1px;
}
.e-risk-profiler-form .e-risk-questions label{
  display: block; 
  padding-bottom: 15px;
  cursor: pointer;
  font-weight: 400;
}
.e-risk-profiler-form .e-risk-questions label:hover{
  color: #000;
}
.e-risk-profiler-form .e-risk-question-set{
  border-bottom: 1px solid #f1f1f1;
}
.e-risk-profiler-form .e-risk-question-set:last-child{
  border-bottom: 0;
}
.e-risk-profiler-form .e-risk-question-set .e-risk-ans-set{
  padding-left: 25px;
}
.e-risk-contact-details .was-validated .form-control:valid, .e-risk-contact-details .form-control.is-valid, .e-risk-contact-details .form-control{
  border: 1px solid #eaeaea !important;
  background-image: none !important;
  height: 45px;
}
.e-risk-contact-details .was-validated .form-control:valid:focus, .e-risk-contact-details .form-control.is-valid:focus, .e-risk-contact-details .form-control:focus{
  box-shadow: none;
  border: #2e2e2e 1px solid !important;
}

/* Charts */
#e-equity-chart, #e-asset-alloc-chart {
  min-height: 310px;
}

.risk_profile_chart{
  min-height: 330px;
}
.e-charts-wrap svg{
  border-radius: 10px !important;
  box-shadow: 0 1px 3px 0 #a2a2a21a, 0 1px 2px 0 #7d7d7d0f;
}

.e-charts-wrap {
  justify-content: center;
}
/*.e-charts-wrap svg g:nth-child(5){
  display: none !important;
}*/




/* Change Password */
.e-change-pass-form{
  border-radius: 8px;
  padding: 0;
  border: none!important;
  box-shadow: 0 1px 3px 0 #a2a2a21a, 0 1px 2px 0 #7d7d7d0f;
  background-color: #fff;
  padding: 20px;
}
.e-change-pass-form label{
  text-align: left;
}



/* Profile */
.e-profile-wrap{
  border-radius: 8px;
  padding: 0;
  border: none!important;
  box-shadow: 0 1px 3px 0 #a2a2a21a, 0 1px 2px 0 #7d7d7d0f;
  background-color: #fff;
  padding: 20px;
}
.e-profile-wrap .row{
  padding: 5px 0;
}
.e-profile-wrap h5{
  font-size: 16px;
/*  border-bottom: 1px solid #eaeaea;*/
}
.e-profile-wrap .e-edit{
  display: inline-block;
  width: 22px;
  height: 22px;
  position: absolute;
  background-image: url(../img/icons/edit.png);
  background-size: 18px;
  background-position: center;
  background-repeat: no-repeat;
  right: 5px;
  top: 0;
  opacity: .9;
  cursor: pointer;
  transition:  all .2s linear ;
}
.e-profile-wrap .e-edit:hover{
  background-size: 19px;
}
.e-profile-wrap .e-add{
  position: absolute;
  display: inline-block;
  padding-left: 15px;
  color: #f17115;
  font-weight: 500;
  font-size: 13px;
  right: 10px;
  top: 0;
  cursor: pointer;
  transition:  all .2s linear ;
  background-image: url(../img/icons/add.png);
  background-size: 10px;
  background-position: 0px;
  background-repeat: no-repeat;
  text-decoration: underline;
  cursor: pointer;
}
.e-profile-wrap .e-add:hover{
  opacity: .8;
  text-decoration: none;
}
.e-modal .modal-footer{
  background: none;
  margin-top: 0;
  padding-top: 0;
}
.e-modal .modal-body{
  padding-top: 5px;
}
.e-modal .modal-header{
  padding-bottom: 0;
}
.e-modal .e-second-line{
  font-size: 13px;
  font-weight: 300;
}
.e-hidden{ 
  display: none !important; 
}
.e-point-point .table thead th{
  padding: 10px;
}
.invalid-feedback.e-form-valid{
  position: absolute;
  right: 25px;
  top: -35px;
}
.invalid-feedback.e-form-valid.e-p-20{
  top: -20px;
}
.invalid-feedback.e-form-valid.e-p-10{
  top: -10px;
}
.e-chart-mark-overlay{
  display: inline-block;
  position: absolute;
  left: 15px;
  background: white;
  width: 90%;
  bottom: 4px;
  height: 30px;
  border-radius: 8px; 
}
.e-chart-outer{
  background-color: #fff;
  border-radius: 10px;
}
.e-profile-edit-note{
  font-size: 13px;
  font-weight: 400;
  line-height: 140%;
}
.nav-pills .nav-link:not(.active):hover{
  color: #000 !important;
}

/* remove legend from chart */
.raphael-group-25-legend{
  display: none!important;
}

/* empty data */
.e-empty-div{
  background-image: url(../img/empty.svg);
  background-repeat: no-repeat;
  height: 225px;
  background-position: center;
}

/* Asset Allocation */
.risk_report_img{
  display: block !important;
}

.risk_profile_chart_header{
  font-size: 17px;
  margin-bottom: 40px;
  top: 10px;
  position: relative;
  color: rgb(90, 90, 90);
}