@font-face {
    font-family: Poppins-SemiBold;
    src: url("assets/css/Poppins/Poppins-SemiBold.otf") format("opentype");
}

@font-face {
    font-family: Poppins-Regular;
    src: url("assets/css/Poppins/Poppins-Regular.otf") format("opentype");
}

@font-face {
    font-family: Poppins-Light;
    src: url("assets/css/Poppins/Poppins-Light.otf") format("opentype");
}

@font-face {
    font-family: Poppins-Thin;
    src: url("assets/css/Poppins/Poppins-Thin.otf") format("opentype");
}

body {
    font-family: "Poppins-Light" !important;
}

.font-semi-bold{
	 font-family: "Poppins-SemiBold" !important;
}

td{
	word-wrap: break-word;
}

.text-grey{
	color: #bdbcbc !important;
}

.app-header__logo .logo-src {
    height: 30px !important;
    width: 100px !important;
    background: url(assets/images/logo-inverse.png) !important;
}

.app-logo-inverse {
    height: 30px !important;
    width: 97px !important;
    background: url(assets/images/logo-inverse.png) !important;
	opacity :1 !important;
}

#summary-table thead tr, #overview-table thead tr, #payments-table thead tr, .accounts-table thead tr{
	background-color:#eee !important;
}

.tabs-lg-alternate.card-header .widget-number {
    font-size: 1.5rem !important;
    font-weight: 300 !important;
}

.show-typeahead-floating-label{
	-webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: .7 !important;
}

.dropdown-menu, #ps-main-body #add-new{
	min-width: 12rem;
}

.edit, .remove{
	cursor: pointer;
	cursor: hand;
}

.accont-delete, .account-edit{
	width: 70px !important;
}

.text-italic{
	font-style : italic;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}


input:focus, select:focus, textarea:focus, form:focus, button:focus {outline:0;}

 input[type=text], input[type=number], input[type=password], input[type=email]{
  font-size: 16px;
  padding: 20px 0px;
  height: 56px;
  border: none;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  background: #fff;
  width: 100% !important;
  box-sizing: border-box;
  transition: all .3s linear;
  color: #000;
  font-weight: 400;
  -webkit-appearance: none;
}

select {
  font-size: 16px;
  padding: 0px;
  height: 56px;
  border: none;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  background: #fff;
  width: 100% !important;
  box-sizing: border-box;
  transition: all .3s linear;
  color: #000;
  font-weight: 400;
}

.form input[type=text]:focus, .form input[type=email]:focus, .form input[type=number]:focus, .form input[type=password]:focus {
  border-bottom: solid 1px #b69de6;
  outline: 0;
  box-shadow: 0 2px 6px -8px rgba(182, 157, 230, 0.45);
}

.floating-label {
  position: relative;
  margin-bottom: 10px;
}
.floating-label label {
  position: absolute;
  top: calc(50% - 7px);
  left: 0;
  opacity: 0;
  transition: all .3s ease;
}
.floating-label input:not(:placeholder-shown) {
  padding: 28px 0px 12px 0px;
}
.floating-label input:not(:placeholder-shown) + label {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  opacity: .7;
}

.floating-label select {
  padding: 28px 0px 2px 0px;
}
.floating-label select:not(:placeholder-shown) + label {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  opacity: .7;
}

#ps-select-account{
	font-size: 0.9rem !important;
	width: auto !important;
	height: auto !important;
	color: #3d5d83;
    border-color: #3d5d83;
}

#ps-select-account:hover{
	color: #fff;
    background-color: #3d5d83;
}

#ps-monthly-overview-button, #ps-full-overview-button{
	font-size: 0.9rem !important;
	color: #3d5d83;
    border-color: #3d5d83;
}

#ps-monthly-overview-button:hover, #ps-full-overview-button:hover{
	color: #fff;
    background-color: #3d5d83;
}

.active-selection{
	color: #fff !important;
    background-color: #3d5d83 !important;
}

.active-selection:hover{
	color: #fff !important;
    background-color: #3d5d83 !important;
}

.add-line{
	background-color: #e3e3e3 !important;
}

#ps-pmodal-payment-strategy-container label{
	justify-content: left !important;
}

#ps-pmodal-interest-rate-container{
	 margin-right: auto;
}

.hidden, .statementHidden, .toBeDeleted, .neverShow{
	display:none !important;
}


#summary-table .inflow input, #summary-table .inflow span{
	color: #3f6ad8;
}

#summary-table .outflow .to-account{
	//color:#f7b924 !important;
}

#payments-table .inflow input, #payments-table .inflow span{
	//color: #3f6ad8;
}

#payments-table .transfer .to-account{
	font-weight: bold !important;
}

#payments-table .statement{
	color: #fff !important;
	background-color: #000 !important;
	height: 30px !important;
	border: 0.5px solid;
}

.past .card{
	background-color: #eaecef !important;
	//color: #d3d3d3 !important;
}

.transaction-account-desc,#summary-transactions-container .transaction-to-account-desc{
	font-weight: 600 !important;
}

.invalid{
	border: 1px solid #800000 !important;
}

.transaction-date{
	width: 80px !important;
}

/*.transaction-amount, .transaction-balance{
	width: 110px !important;
}
*/

#payments-table .transaction-date{
	font-size: inherit !important;
	width: 130px !important;
}

#summary-table input, #payments-table input{
	border: 0px;
	background-color: transparent !important;
	height: 40px !important;
}
/*
.transaction-amount{
	border: 1px solid #e3e3e3 !important;
	border-radius:3px !important;
}
*/

.no-accounts-message, .no-x-message{
	display: block;
	position:relative;
	width: 100%;
	padding: 15px;
}

.datepicker-input{
	background-color: #fff !important;
}

.account-user-name{
	font-weight: bold;
}

.text-bold{
	font-weight: 500 !important;
}

.form-check-label{
	font-size: 0.8rem;
    font-weight: 500;
}
form .row {
    display: contents !important;
}

#ps-credit-payment-strategy label{
	display: block !important;
}

#ps-show-history-container label, #ps-show-statements-container label, #summary-show-history-container label{
	font-size: 0.8rem !important;
    font-weight: 500 !important;
	text-transform: none !important;
}

.subtitle{
	font-size: 0.9rem !important;
}

.promo{
	color: #3ac47d !important;
}

.widget-chart .widget-numbers {
    font-weight: normal;
}

#payments-table-tfoot td{
	font-weight: bold;
}

#payments-table-tfoot{
	background-color: #e3e3e3 !important;
}

.account-global-desc{
	text-transform: capitalize !important;
}

.insights-summary-details-button{
	cursor: pointer;
	cursor: hand;
	font-size: 0.8rem !important;
}

#insights .list-group-item{
	border: 0px !important;
}

#insights .widget-numbers{
	font-size: 1.1rem !important;
}

#insights #insights-networth-total{
	font-size: 2.5rem !important;
}

#insights #insights-projection-value{
	font-size: 1.5rem !important;
}

#insights-networth-target-date{
  text-align: center; 
  font-size: 16px;
  padding: 20px 0px;
  height: 50px;
  border: solid 1px  #3d5d83;
  border-radius: 5px;
  //border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  background: #fff;
  width: 150px !important;
  box-sizing: border-box;
  transition: all .3s linear;
  color: #3d5d83 !important;
  font-weight: 400;
  -webkit-appearance: none;
}

.ps-bmodal-promo-interest-rate-list-line{
	width: 100%;
}

#insights-projection-guage{
	height:130px !important;
	margin-top: -17px;
}

#insights-projection-summary{
	font-size: 1.1em;
}

.modal {
	z-index: 999 !important; /*need to be lower than z-index of blockUI which is 1000 */
}

.modal-backdrop{
	z-index: 998 !important; /*need to be lower than z-index of .modal which is 999*/
}

.accounts-table .account-desc-container{
	line-height:1.3 !important;
}

.accounts-table .account-global-desc{
	font-size: 0.9em !important;
}

#overview-table .highlight{
	color:#fff;
	background-color: #000;
}

#overview-table .highlight.subheading{
	color: #495057;
	background-color: #e4f4fc;
}

.overview-table-tfoot{
	background-color: #e3e3e3 !important;
	border-bottom:1px solid #8c8c8c !important;
}

#overview-table-tfoot-running-total{
	background-color: #fdfdfd !important;
}

#overview-table-tfoot td {
    font-weight: bold;
}

.border-neutral{
	border-color: silver !important;
}

#summary-main-body .card-footer{
	
}

.text-cool, .transaction-amount, .widget-numbers, .linenet{
	color: #3d5d83;
}

.c-debt-breakdown-row, .c-savings-breakdown-row{
	border-bottom: 1px solid #e3e3e3;
}

.password-strength-meter{
	margin-top: -30px;
}

.account-transactions, .account-transactions-options, .grey-bg{
	background-color: #eaeaea !important;
}

.statement-container .card{
	background-color: aliceblue;
}

#dashboard-summary-spending-monthly,#dashboard-summary-spending-weekly,#dashboard-summary-spending-daily{
	    font-size: 1.4rem !important;
		vertical-align: top;
}

.transaction-card .badge-danger{
	position:absolute !important;
	right:0px !important;
	top:0px !important;
}

/*
.lds-grid {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-grid div {
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation: lds-grid 1.2s linear infinite;
}
.lds-grid div:nth-child(1) {
  top: 6px;
  left: 6px;
  animation-delay: 0s;
}
.lds-grid div:nth-child(2) {
  top: 6px;
  left: 26px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(3) {
  top: 6px;
  left: 45px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(4) {
  top: 26px;
  left: 6px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(5) {
  top: 26px;
  left: 26px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(6) {
  top: 26px;
  left: 45px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(7) {
  top: 45px;
  left: 6px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(8) {
  top: 45px;
  left: 26px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(9) {
  top: 45px;
  left: 45px;
  animation-delay: -1.6s;
}
@keyframes lds-grid {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
*/

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-grid-pulse,
.la-ball-grid-pulse > div {
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.la-ball-grid-pulse {
    display: block;
    font-size: 0;
    color: #fff;
}
.la-ball-grid-pulse.la-dark {
    color: #333;
}
.la-ball-grid-pulse > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.la-ball-grid-pulse {
    width: 36px;
    height: 36px;
}
.la-ball-grid-pulse > div {
    width: 8px;
    height: 8px;
    margin: 2px;
    border-radius: 100%;
    -webkit-animation-name: ball-grid-pulse;
       -moz-animation-name: ball-grid-pulse;
         -o-animation-name: ball-grid-pulse;
            animation-name: ball-grid-pulse;
    -webkit-animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
         -o-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}
.la-ball-grid-pulse > div:nth-child(1) {
    -webkit-animation-duration: .65s;
       -moz-animation-duration: .65s;
         -o-animation-duration: .65s;
            animation-duration: .65s;
    -webkit-animation-delay: .03s;
       -moz-animation-delay: .03s;
         -o-animation-delay: .03s;
            animation-delay: .03s;
}
.la-ball-grid-pulse > div:nth-child(2) {
    -webkit-animation-duration: 1.02s;
       -moz-animation-duration: 1.02s;
         -o-animation-duration: 1.02s;
            animation-duration: 1.02s;
    -webkit-animation-delay: .09s;
       -moz-animation-delay: .09s;
         -o-animation-delay: .09s;
            animation-delay: .09s;
}
.la-ball-grid-pulse > div:nth-child(3) {
    -webkit-animation-duration: 1.06s;
       -moz-animation-duration: 1.06s;
         -o-animation-duration: 1.06s;
            animation-duration: 1.06s;
    -webkit-animation-delay: -.69s;
       -moz-animation-delay: -.69s;
         -o-animation-delay: -.69s;
            animation-delay: -.69s;
}
.la-ball-grid-pulse > div:nth-child(4) {
    -webkit-animation-duration: 1.5s;
       -moz-animation-duration: 1.5s;
         -o-animation-duration: 1.5s;
            animation-duration: 1.5s;
    -webkit-animation-delay: -.41s;
       -moz-animation-delay: -.41s;
         -o-animation-delay: -.41s;
            animation-delay: -.41s;
}
.la-ball-grid-pulse > div:nth-child(5) {
    -webkit-animation-duration: 1.6s;
       -moz-animation-duration: 1.6s;
         -o-animation-duration: 1.6s;
            animation-duration: 1.6s;
    -webkit-animation-delay: .04s;
       -moz-animation-delay: .04s;
         -o-animation-delay: .04s;
            animation-delay: .04s;
}
.la-ball-grid-pulse > div:nth-child(6) {
    -webkit-animation-duration: .84s;
       -moz-animation-duration: .84s;
         -o-animation-duration: .84s;
            animation-duration: .84s;
    -webkit-animation-delay: .07s;
       -moz-animation-delay: .07s;
         -o-animation-delay: .07s;
            animation-delay: .07s;
}
.la-ball-grid-pulse > div:nth-child(7) {
    -webkit-animation-duration: .68s;
       -moz-animation-duration: .68s;
         -o-animation-duration: .68s;
            animation-duration: .68s;
    -webkit-animation-delay: -.66s;
       -moz-animation-delay: -.66s;
         -o-animation-delay: -.66s;
            animation-delay: -.66s;
}
.la-ball-grid-pulse > div:nth-child(8) {
    -webkit-animation-duration: .93s;
       -moz-animation-duration: .93s;
         -o-animation-duration: .93s;
            animation-duration: .93s;
    -webkit-animation-delay: -.76s;
       -moz-animation-delay: -.76s;
         -o-animation-delay: -.76s;
            animation-delay: -.76s;
}
.la-ball-grid-pulse > div:nth-child(9) {
    -webkit-animation-duration: 1.24s;
       -moz-animation-duration: 1.24s;
         -o-animation-duration: 1.24s;
            animation-duration: 1.24s;
    -webkit-animation-delay: -.76s;
       -moz-animation-delay: -.76s;
         -o-animation-delay: -.76s;
            animation-delay: -.76s;
}
.la-ball-grid-pulse.la-sm {
    width: 18px;
    height: 18px;
}
.la-ball-grid-pulse.la-sm > div {
    width: 4px;
    height: 4px;
    margin: 1px;
}
.la-ball-grid-pulse.la-2x {
    width: 72px;
    height: 72px;
}
.la-ball-grid-pulse.la-2x > div {
    width: 16px;
    height: 16px;
    margin: 4px;
}
.la-ball-grid-pulse.la-3x {
    width: 108px;
    height: 108px;
}
.la-ball-grid-pulse.la-3x > div {
    width: 24px;
    height: 24px;
    margin: 6px;
}
/*
 * Animation
 */
@-webkit-keyframes ball-grid-pulse {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    50% {
        opacity: .35;
        -webkit-transform: scale(.45);
                transform: scale(.45);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes ball-grid-pulse {
    0% {
        opacity: 1;
        -moz-transform: scale(1);
             transform: scale(1);
    }
    50% {
        opacity: .35;
        -moz-transform: scale(.45);
             transform: scale(.45);
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes ball-grid-pulse {
    0% {
        opacity: 1;
        -o-transform: scale(1);
           transform: scale(1);
    }
    50% {
        opacity: .35;
        -o-transform: scale(.45);
           transform: scale(.45);
    }
    100% {
        opacity: 1;
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes ball-grid-pulse {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
    50% {
        opacity: .35;
        -webkit-transform: scale(.45);
           -moz-transform: scale(.45);
             -o-transform: scale(.45);
                transform: scale(.45);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}

/************************ WIZARD ***************************/
/* Style the form */
.form{
  background-color: #ffffff;
  width: 100%;
  //min-height: 300px;
}

/* Make circles that indicate the steps of the form: */
.ps-pmodal-step {
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

/* Mark the active step: */
.ps-pmodal-step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.ps-pmodal-step.finish {
  background-color: #4CAF50;
}

.ps-pmodal-summary-line{
	display:inline-block;
	width: 100% !important;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 812px) and (orientation: landscape) {
	/* #mobile-blocker{
		 display:  block !important; 
	} */
}

@media (max-width: 767px){
	/* #mobile-blocker{
		 display:  block !important; 
	} */
	
	.tabs-lg-alternate.card-header>.nav .nav-item .widget-number {
		font-size: 1rem !important;
	}

	.ps-show-statements-container,.ps-show-history-container,#ps-pmodal-trigger{
		display: block;
		width:100% !important;
	}
	#ps-pmodal-trigger{
	}

	select{
		background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%; /* Change input height to change arrow size */
		-moz-appearance: none !important; 
		-webkit-appearance: none !important; 
		appearance: none !important;
	}
}

/************************************* MOBILE BLOCKER *******************************/
#mobile-blocker{
	display:  none;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.8); 
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000; /* Just to keep it at the very top */
}

#mobile-blocker-message{
	font-size: 1.3em;
	border-radius:5px;
	width: 90%;
    height: 90%;
    background:rgba(255,255,255,1); 
    position: fixed;
    top: 5%;
    left: 5%;
    z-index: 2001; /* Just to keep it at the very top */
}

/************************************ SLIDER MIXER *************************************/
.slider-selection {
	background: #f77500 !important;
}
.slider-success .slider-selection {
	background-color: #5cb85c !important;
}
.slider-primary .slider-selection {
	background-color: #3d5d83 !important;
}
.slider-info .slider-selection {
	background-color: #5bc0de !important;
}
.slider-warning .slider-selection {
	background-color: #f0ad4e !important;
}
.slider-danger .slider-selection {
	background-color: #d9534f !important;
}
.slider.slider-horizontal {
    width: 100% !important;
    height: 20px;
}
.slider-handle {
	background-color: #fff !important;
	background-image: none !important;
	-webkit-box-shadow: 1px 1px 14px -2px rgba(0,0,0,0.75) !important;
	-moz-box-shadow: 1px 1px 14px -2px rgba(0,0,0,0.75) !important;
	box-shadow: 1px 1px 14px -2px rgba(0,0,0,0.75) !important;
	width: 16px !important;
    height: 16px !important;
	border: 2px solid #f7b924 !important;
	border-radius: 100% !important;
	cursor: default;
	transition: box-shadow 200ms;
}

.slider-strips .slider-selection {
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,252,252,0.08) 5px, rgba(252,252,252,0.08) 10px) !important;
	background-image: -ms-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,252,252,0.08) 5px, rgba(252,252,252,0.08) 10px) !important;
	background-image: -o-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,252,252,0.08) 5px, rgba(252,252,252,0.08) 10px) !important;
	background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,252,252,0.08) 5px, rgba(252,252,252,0.08) 10px) !important; 
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #bdbdbd !important;
    text-align: center;
    background-color: transparent !important;
    border-radius: 4px;
}
.tooltip.top .tooltip-arrow {
    display: none !important;
}
.slider .tooltip.top {
    margin-top: -25px !important;
}
.well {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	width: 100% !important;
	padding: 0;
}
.slider-ghost .slider-track {
	height: 5px !important;
}
.slider-ghost .slider-handle {
	top: -2px !important;
	border: 5px solid #f77500;
}
.slider-success.slider-ghost .slider-handle {
	border-color: #5cb85c;
}
.slider-primary.slider-ghost .slider-handle {
	border-color: #428bca;
}
.slider-info.slider-ghost .slider-handle {
	border-color: #5bc0de;
}
.slider-warning.slider-ghost .slider-handle {
	border-color: #f0ad4e;
}
.slider-danger.slider-ghost .slider-handle {
	border-color: #d9534f;
}
.slider .tooltip{
	opacity: 1 !important;
}
.slider-track{
	height: 7px !important;
}

.mixer-row{
	border-bottom: 1px solid #d3d3d3 !important;
}

.mixer-row select{
	border:1px solid #d3d3d3 !important;
	height:30px !important;
	font-size:13px !important;
	width: auto !important;
}

.mixer-row .input-group-text{
	font-size:13px !important;
	height:30px !important;
}

.mixer-row input{
	border:1px solid #d3d3d3 !important;
	height:30px !important;
	font-size:13px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	width: auto !important;
}

#mixer-total-interest, #mixer-total-duration{
	margin-top: -15px !important;
}


#mixer-total-interest span, #mixer-total-duration span{
	font-size: 13px !important;
	color: #d3d3d3 !important;
}

.transaction-block .transaction-amount{
	color: #3d5d83;
	height: 40px !important;
	border:none !important;
	border-bottom: solid 1px rgba(0, 0, 0, 0.1) !important;
	background: transparent !important;
}

.transaction-block-header{
	/*white-space: nowrap !important;*/
    overflow: hidden !important;
	height: 20px !important;
}
.transaction-block .to-account{
	font-weight: 600 !important;
	font-size: 0.9rem !important;
	opacity: 0.9 !important;
}

.transaction-block .from-account{
	opacity: 0.8 !important;
	font-size:.8rem !important;
}

.transaction-block .transaction-date{
	width:auto !important;
	color: #3d5d83 !important;
	opacity: 0.8 !important;
	font-size:.8rem !important;
}
.toggle-group label{
	line-height: 8px !important;
    font-size: 11px !important;
}

.transaction-block-options{
	position: absolute !important;
    top: 0px;
    right: 0px;
}

.transaction-block-options{
	 color: darkgrey;
	 margin-top:-10px;
	 margin-right:-10px;
}

@media (max-width: 991.98px){
	.popover, .dropdown-menu {
		top: 25% !important;
	}
	
	.app-header .app-header__content.header-mobile-open {
		visibility: hidden;
	}
}