/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; }
html {
-webkit-font-smoothing: antialiased; }
body {
min-width: 1024px; }
.mt-font-color-alert, mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-error {
color: #F37942; }
.mt-font-color-notice {
color: #F1AE3F; }
.mt-font-color-primary {
color: #2A2A2A; }
.mt-font-color-secondary, mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-body .download-body-sub-title, mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-date .download-date-picker .date-label {
color: #919491; }
.mt-font-color-action {
color: #16B831; }
.mt-font-color-alert, mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-error {
color: #F37942; }
.green {
color: #20d758; }
.grey-black {
color: #333333; }
.expenses-color {
color: #4097fa; }
.expenses-bg-color {
background-color: #4097fa !important; }
.moneytree-green {
color: #20C51B; }
body[ng-app="mt.webapp-mobile"] .mt-font-size-extra-large, body[ng-app="mt.webapp-mobile"] mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header, mt-account-transactions-export .mt-account-transactions-export .download-dialog body[ng-app="mt.webapp-mobile"] .download-header, body[ng-app="SandboxApp"] .mt-font-size-extra-large, body[ng-app="SandboxApp"] mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header, mt-account-transactions-export .mt-account-transactions-export .download-dialog body[ng-app="SandboxApp"] .download-header {
font-size: 30px;
line-height: 30px; }
body[ng-app="mt.webapp-mobile"] .mt-font-size-large, body[ng-app="SandboxApp"] .mt-font-size-large {
font-size: 18px;
line-height: 130%; }
body[ng-app="mt.webapp-mobile"] p.mt-font-size-large, body[ng-app="SandboxApp"] p.mt-font-size-large {
font-size: 18px;
line-height: 160%; }
body[ng-app="mt.webapp-mobile"] .mt-font-size-medium, body[ng-app="mt.webapp-mobile"] .mt-font-size-normal, body[ng-app="mt.webapp-mobile"] mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header .download-header-action, mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header body[ng-app="mt.webapp-mobile"] .download-header-action, body[ng-app="SandboxApp"] .mt-font-size-medium, body[ng-app="SandboxApp"] .mt-font-size-normal, body[ng-app="SandboxApp"] mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header .download-header-action, mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header body[ng-app="SandboxApp"] .download-header-action {
font-size: 16px;
line-height: 130%; }
body[ng-app="mt.webapp-mobile"] p.mt-font-size-medium, body[ng-app="mt.webapp-mobile"] p.mt-font-size-normal, body[ng-app="mt.webapp-mobile"] mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header p.download-header-action, mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header body[ng-app="mt.webapp-mobile"] p.download-header-action, body[ng-app="SandboxApp"] p.mt-font-size-medium, body[ng-app="SandboxApp"] p.mt-font-size-normal, body[ng-app="SandboxApp"] mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header p.download-header-action, mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header body[ng-app="SandboxApp"] p.download-header-action {
font-size: 16px;
line-height: 160%; }
body[ng-app="mt.webapp-mobile"] .mt-font-size-small, body[ng-app="mt.webapp-mobile"] mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header .download-header-action a, mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header .download-header-action body[ng-app="mt.webapp-mobile"] a, body[ng-app="mt.webapp-mobile"] mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-body .download-body-sub-title, mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-body body[ng-app="mt.webapp-mobile"] .download-body-sub-title, body[ng-app="SandboxApp"] .mt-font-size-small, body[ng-app="SandboxApp"] mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header .download-header-action a, mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header .download-header-action body[ng-app="SandboxApp"] a, body[ng-app="SandboxApp"] mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-body .download-body-sub-title, mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-body body[ng-app="SandboxApp"] .download-body-sub-title {
font-size: 14px;
line-height: 130%; }
body[ng-app="mt.webapp-mobile"] p.mt-font-size-small, body[ng-app="mt.webapp-mobile"] mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-body p.download-body-sub-title, mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-body body[ng-app="mt.webapp-mobile"] p.download-body-sub-title, body[ng-app="SandboxApp"] p.mt-font-size-small, body[ng-app="SandboxApp"] mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-body p.download-body-sub-title, mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-body body[ng-app="SandboxApp"] p.download-body-sub-title {
font-size: 14px;
line-height: 130%; }
body[ng-app="mt.webapp-mobile"] .mt-font-size-header, body[ng-app="SandboxApp"] .mt-font-size-header {
font-size: 14px; }
.desktop .mt-font-size-extra-large, .desktop mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header, mt-account-transactions-export .mt-account-transactions-export .download-dialog .desktop .download-header, .modal .mt-font-size-extra-large, .modal mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header, mt-account-transactions-export .mt-account-transactions-export .download-dialog .modal .download-header, .mt-dialog .mt-font-size-extra-large, .mt-dialog mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header, mt-account-transactions-export .mt-account-transactions-export .download-dialog .mt-dialog .download-header {
font-size: 28px;
line-height: 28px; }
.desktop .mt-font-size-large, .modal .mt-font-size-large, .mt-dialog .mt-font-size-large {
font-size: 18px;
line-height: 18px; }
.desktop .mt-font-size-normal, .desktop mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header .download-header-action, mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header .desktop .download-header-action, .modal .mt-font-size-normal, .modal mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header .download-header-action, mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header .modal .download-header-action, .mt-dialog .mt-font-size-normal, .mt-dialog mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header .download-header-action, mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header .mt-dialog .download-header-action {
font-size: 15px;
line-height: 15px; }
.desktop .mt-font-size-small, .desktop mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header .download-header-action a, mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header .download-header-action .desktop a, .desktop mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-body .download-body-sub-title, mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-body .desktop .download-body-sub-title, .modal .mt-font-size-small, .modal mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header .download-header-action a, mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header .download-header-action .modal a, .modal mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-body .download-body-sub-title, mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-body .modal .download-body-sub-title, .mt-dialog .mt-font-size-small, .mt-dialog mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header .download-header-action a, mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header .download-header-action .mt-dialog a, .mt-dialog mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-body .download-body-sub-title, mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-body .mt-dialog .download-body-sub-title {
font-size: 13px;
line-height: 13px; }
.desktop .mt-font-size-header, .modal .mt-font-size-header, .mt-dialog .mt-font-size-header {
font-size: 15px; }
/* Medium screens */
.reverse {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.icon-moneytree {
transform: translate3d(0, 0, 0); }
.mt-dropdown {
font-size: 15px; }
.mt-dropdown .control {
border-radius: 100px;
text-align: center;
background: white;
padding: 5px 10px; }
.mt-dropdown .control .icon-down-arrow {
color: #4A4A4A;
margin-top: 3px; }
.mt-dropdown .drawer {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom: 1px solid #E8E8E8;
border-right: 1px solid #E8E8E8;
border-left: 1px solid #E8E8E8;
display: block;
background: #F7F7F7;
width: 90%;
text-align: center;
margin: 0 auto;
padding: 2px 0; }
.mt-dropdown .drawer ul, .mt-dropdown .drawer li {
list-style: none;
padding: 0;
margin: 0; }
/*
Allow angular.js to be loaded in body, hiding cloaked elements until
templates compile. The !important is important given that there may be
other selectors that are more specific or come later and might alter display.
*/
[ng\:cloak], [ng-cloak], .ng-cloak {
display: none !important; }
@-webkit-keyframes slideInFromRight {
from {
-webkit-transform: translate3d(100%, 0, 0); }
to {
-webkit-transform: translate3d(0, 0, 0); } }
@-moz-keyframes slideInFromRight {
from {
-moz-transform: translateX(100%); }
to {
-moz-transform: translateX(0); } }
@keyframes slideInFromRight {
from {
transform: translateX(100%); }
to {
transform: translateX(0); } }
@-webkit-keyframes slideOutToRight {
from {
-webkit-transform: translate3d(0, 0, 0); }
to {
-webkit-transform: translate3d(100%, 0, 0); } }
@-moz-keyframes slideOutToRight {
from {
-moz-transform: translateX(0); }
to {
-moz-transform: translateX(100%); } }
@keyframes slideOutToRight {
from {
transform: translateX(0); }
to {
transform: translateX(100%); } }
.s-rotate--45 {
transform: rotate(45deg); }
.s-rotate--90 {
transform: rotate(90deg); }
@media only screen and (max-width: 479px) {
.spending-dropdown .dropdown-menu {
left: -10%;
padding-bottom: 0.75rem; }
.spending-dropdown .custom-from-date, .spending-dropdown .custom-to-date {
font-size: 0.9rem !important; } }
@media only screen and (max-width: 991px) {
.m--r-l--auto-small {
margin-right: auto;
margin-left: auto; }
.login-responsive .l-m-t--8 {
margin-top: 6rem; }
.login-responsive .input-wide {
width: 85%; }
.login-responsive .btn-black-round, .login-responsive .t-btn.t-btn-gray {
padding: 0.4rem 1.8rem;
background: linear-gradient(to right, black, #5E5E5E);
border: 0; }
.login-responsive .l-m-b--pt-1--5 {
margin-bottom: 1rem; }
.cash-wallet--date {
width: 1.3rem !important; } }
@media only screen and (min-width: 480px) and (max-width: 991px) {
.spending-dropdown .dropdown-menu {
left: 25%; } }
@media only screen and (min-width: 992px) {
.padding-for-large {
padding-left: 0.9375rem;
padding-right: 0.9375rem; } }
.show {
height: auto;
visibility: visible;
opacity: 1; }
.hide {
position: absolute !important;
-webkit-transform: translate3d(-9999rem, 0, 0) !important;
-moz-transform: translate3d(-9999rem, 0, 0) !important;
transform: translate3d(-9999rem, 0, 0) !important;
opacity: 0; }
.drop-item.spending-item:hover, .drop-item.spending-item:active {
background: #20d758; }
.drop-item.points-item:hover, .drop-item.points-item:active {
background: #fb4877; }
.drop-item.vault-item:hover, .drop-item.vault-item:active {
background: #36D041; }
.mobile-navigation-reveal {
-webkit-box-shadow: inset -5px 0 5px rgba(0, 0, 0, 0.25);
-moz-box-shadow: inset -5px 0 5px rgba(0, 0, 0, 0.25);
box-shadow: inset -5px 0 5px rgba(0, 0, 0, 0.25);
z-index: 0;
left: 0; }
.mobile-navigation-closed {
width: 0;
max-height: 100%;
overflow: hidden;
visibility: hidden; }
.app-content-wrap-display-reveal {
left: 0;
right: 0;
-webkit-transform: translate3d(285px, 0, 0);
-moz-transform: translate3d(285px, 0, 0);
transform: translate3d(285px, 0, 0);
overflow-y: hidden; }
.app-content-wrap-open {
right: -285px; }
.mobile-navigation-animate {
-webkit-transition: -webkit-transform 350ms ease;
-moz-transition: -moz-transform 350ms ease;
transition: transform 350ms ease; }
.btn:active, .btn.active, .btn.drop-item:hover, .btn.drop-item:active, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.drop-item:focus:hover, .btn.drop-item:focus:active {
-webkit-box-shadow: none;
box-shadow: none;
outline: 0; }
.form-control, .form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: 0;
border-color: #ccc; }
.t-moneytree-green {
color: #20C51B; }
.t-blue {
color: #33DCEF; }
.t-income-blue {
color: #4A90E2; }
.t-green {
color: #20d758; }
.t-expense-green {
color: #22CC1C; }
.t-green-light {
color: #36D041; }
.t-green-medium {
color: #1dbd19; }
.t-green-dark {
color: #4cb560; }
.t-grey-light {
color: #e7e7e7; }
.t-grey-medium {
color: #d7d7d7; }
.t-grey-medium-dark {
color: #ABABAB; }
.t-grey-dark {
color: #5E5E5E; }
.t-grey-black {
color: #333333; }
.t-orange {
color: #f95f38; }
.t-orange-light {
color: #fc6984; }
.t-orange-dark {
color: #f8752e; }
.t-pink {
color: #fb4877; }
.t-pink-dark {
color: #f43365; }
.t-purple {
color: #b891ea; }
.t-expenses-purple-color, mt-claim-transaction .marker.marked {
color: #4097fa; }
.t-red {
color: #f64a1f; }
.t-red-light {
color: #f84054; }
.t-red-medium {
color: #b41622; }
.t-red-deep {
color: #F20110; }
.t-red-deeper {
color: #a52023; }
.t-tan {
color: #f7eddf; }
.t-white {
color: white; }
.t-yellow {
color: #F3F227; }
.t-yellow-important {
color: #F3F227 !important; }
.t-green-lighter--bg {
background-color: #9cd854; }
.t-green-light--bg {
background-color: #36D041; }
.t-green--bg {
background-color: #20d758; }
.t-grey-ultra-light--bg {
background-color: #f4f4f4; }
.t-grey-light--bg {
background-color: #e7e7e7; }
.t-grey-medium--bg, .t-btn.t-btn-gray {
background-color: #d7d7d7; }
.t-grey-medium-dark--bg {
background-color: #ABABAB; }
.t-grey-dark--bg {
background-color: #5E5E5E; }
.t-grey-black--bg {
background-color: #333333; }
.t-pink--bg {
background-color: #fb4877; }
.t-pink-dark--bg {
background-color: #f43365; }
.t-red--bg {
background-color: #f64a1f; }
.t-red-deep--bg, .t-btn.t-btn-red {
background-color: #F20110 !important; }
.t-expenses-purple-bg, .t-btn.t-btn-purple {
background-color: #4097fa !important; }
.t-red-deeper--bg {
background-color: #a52023; }
.t-tan--bg {
background-color: #f7eddf; }
.t-transparent--bg {
background-color: transparent !important; }
.t-orange--bg {
background: #f95f38 !important; }
.t-orange-lighter--bg {
background: #fcb983; }
.t-orange-dark--bg {
background: #f8752e; }
.t-white--bg {
background: white !important; }
.t-border-1px-transparent {
border: 1px solid transparent !important; }
.t-border--bottom {
border-left: 0;
border-right: 0;
border-top: 0; }
.t-border--none {
border-bottom: 0;
border-left: 0;
border-right: 0;
border-top: 0; }
.t-border--r-l-b {
border-bottom: 1px;
border-left: 1px;
border-right: 1px;
border-top: 0;
border-color: #ddd;
border-style: solid; }
.t-border--left {
border-left: 1px solid #ddd; }
.t-border--top {
border-left: 0;
border-right: 0;
border-top: 1px; }
.t-border-top--white {
border-top: 1px solid #fff; }
.t-border-bottom--white {
border-bottom: 1px solid #fff !important; }
.t-border--green {
border: 1px solid #4cb560; }
.t-border--ultra-light {
border: 1px solid #f4f4f4; }
.t-border--grey {
border: 1px solid #d7d7d7; }
.t-border--grey-medium-dark {
border: 1px solid #ABABAB; }
.t-border--grey-thick {
border: 2px solid #d7d7d7; }
.t-border-top--grey-light {
border-top: 1px solid #e7e7e7; }
.t-border-bottom--grey-light {
border-bottom: 1px solid #e7e7e7; }
.t-border--orange {
border: 1px solid #fc6984; }
.t-no-min-height {
min-height: 0 !important; }
.t-btn {
transition: all 0.3s;
padding: 0.25rem .9rem;
color: white;
border-radius: 1.25rem;
display: inline-block;
cursor: pointer;
background: #e7e7e7;
cursor: pointer;
min-width: 60px; }
.t-btn:disabled {
background-color: #e7e7e7 !important; }
.t-btn.t-rounded-square {
border-radius: 6px !important; }
.t-btn:focus, .t-btn:hover {
opacity: 0.75;
color: white; }
.t-btn.t-btn-guest-action {
background: #FF7225;
border: 0px solid transparent; }
.t-btn.t-btn-green {
background-color: #36D041;
border: 0px solid transparent; }
.t-btn.t-btn-green:focus, .t-btn.t-btn-green:hover {
background-color: #4cb560;
color: white; }
.t-btn.t-btn-transparent {
background-color: transparent;
border: 0px solid transparent; }
.t-btn.t-btn-transparent:focus, .t-btn.t-btn-transparent:hover {
background-color: transparent;
color: inherit; }
.t-btn.t-btn-red {
border: 0px solid transparent; }
.t-btn.t-btn-red:focus, .t-btn.t-btn-red:hover {
color: #a52023; }
.t-btn.t-btn-purple {
border: 0px solid transparent; }
.t-btn.t-btn-purple:focus, .t-btn.t-btn-purple:hover {
opacity: 0.8; }
.t-btn.t-btn-gray {
border: 0px solid transparent; }
.t-btn.t-btn-gray:focus, .t-btn.t-btn-gray:hover {
background-color: #5E5E5E; }
.t-btn.t-btn-small {
padding: 0.2rem .50rem;
border-radius: 1rem;
color: white;
font-size: 12px;
line-height: 12px;
vertical-align: super; }
.t-btn.t-btn-medium {
padding: 0.4rem .65rem 0.29rem;
border-radius: 1rem;
color: white;
font-size: 13px;
line-height: 13px;
vertical-align: super; }
.t-btn.t-btn-toggle {
padding-top: 4px;
padding-bottom: 4px;
background: #d7d7d7;
border: 0px solid transparent; }
.t-btn.t-btn-toggle:focus, .t-btn.t-btn-toggle:hover {
background-color: #5E5E5E; }
.t-btn.t-btn-balances {
background: #F74B20; }
.t-btn.t-btn-spending {
background: #00D017; }
.t-btn.t-btn-points {
background: #FF437E; }
.category-icon-holder {
font-size: 14px; }
.right-icon {
padding-left: 2px;
font-size: 14px; }
.status-circle {
border-radius: 50%;
/* width and height can be anything, as long as they're equal */
width: 10px;
height: 10px;
margin-top: .4rem;
margin-right: .2rem; }
.status-circle.green {
background: #34CA3F; }
.status-circle.red {
background: #FF2106; }
.rotate-45 {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.rotate-180 {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.box-shadow-bottom {
-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.19);
-moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.19);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.19); }
.break-word {
word-wrap: break-word; }
.hover-opacity-07:hover {
opacity: 0.5; }
div.mt-dropdown {
margin-bottom: 20px; }
div.mt-dropdown ul.dropdown-menu {
margin-bottom: 20px; }
div.mt-dropdown ul.dropdown-menu li {
cursor: pointer !important;
background: white !important;
border-radius: 0 !important;
margin: 0 !important;
border-top: 1px solid #D8D8D8; }
div.mt-dropdown ul.dropdown-menu li:hover {
background-color: #EAEBEA !important; }
div.mt-dropdown button.btn {
text-align: left;
position: relative;
padding: 5px 50px 5px 10px;
border-radius: 0px; }
div.mt-dropdown button.btn .dropdown-toggle {
position: absolute;
right: 0px;
top: 0px;
height: 30px;
width: 30px;
text-align: center;
padding-top: 5px;
border-left: 1px solid #cccccc; }
div.mt-dropdown > .dropdown-menu {
width: 100%;
padding: 0px;
border-radius: 0px;
max-height: 225px;
overflow-x: hidden !important;
overflow-y: auto !important; }
div.mt-dropdown > .dropdown-menu li[role="menuitem"] {
padding: 10px; }
div.mt-dropdown > .dropdown-menu li[role="menuitem"]:first-child {
border-top: none; }
div.mt-dropdown > .dropdown-menu li[role="menuitem"].last {
border-bottom: none; }
div.mt-dropdown > .dropdown-menu li[role="menuitem"].active, div.mt-dropdown > .dropdown-menu li.drop-item[role="menuitem"]:hover, div.mt-dropdown > .dropdown-menu li.drop-item[role="menuitem"]:active {
background-color: #00BC2E !important;
color: #ffffff; }
div.mt-dropdown.open button.btn .dropdown-toggle {
border-color: #adadad; }
div.mt-dropdown.open > .dropdown-menu {
/* overflow: scroll fix for IE9 (http://stackoverflow.com/a/13353425) */
display: inline-block; }
a.mt-btn, button.mt-btn, input[type="submit"].mt-btn {
border-radius: 50px;
display: inline-block;
border: solid 0 transparent;
margin-bottom: 20px; }
a.mt-btn.mt-btn-no-margin, button.mt-btn.mt-btn-no-margin, input[type="submit"].mt-btn.mt-btn-no-margin {
margin: 0px; }
a.mt-btn.mt-btn-default, button.mt-btn.mt-btn-default, input[type="submit"].mt-btn.mt-btn-default {
background: transparent;
border: 1px solid #BEC2BE;
color: #484A48; }
a.mt-btn.mt-btn-default:hover, button.mt-btn.mt-btn-default:hover, input[type="submit"].mt-btn.mt-btn-default:hover {
border: 1px solid #2A2A2A;
color: #2A2A2A; }
a.mt-btn.mt-btn-default:disabled, button.mt-btn.mt-btn-default:disabled, input[type="submit"].mt-btn.mt-btn-default:disabled {
background: transparent;
color: #BEC2BE;
border: 1px solid #DCE0DC; }
a.mt-btn.mt-btn-primary, button.mt-btn.mt-btn-primary, input[type="submit"].mt-btn.mt-btn-primary {
background: #20C51B;
border: 1px solid #20C51B;
color: #FFFFFF; }
a.mt-btn.mt-btn-primary:hover, button.mt-btn.mt-btn-primary:hover, input[type="submit"].mt-btn.mt-btn-primary:hover {
background: #17AF2B; }
a.mt-btn.mt-btn-primary:disabled, button.mt-btn.mt-btn-primary:disabled, input[type="submit"].mt-btn.mt-btn-primary:disabled {
background: transparent;
color: #BEC2BE;
border: 1px solid #DCE0DC; }
a.mt-btn.mt-btn-secondary, button.mt-btn.mt-btn-secondary, input[type="submit"].mt-btn.mt-btn-secondary {
background: #D8D8D8;
border: 0px solid transparent;
color: white; }
a.mt-btn.mt-btn-secondary:disabled, button.mt-btn.mt-btn-secondary:disabled, input[type="submit"].mt-btn.mt-btn-secondary:disabled {
background: transparent;
color: #BEC2BE;
border: 1px solid #DCE0DC; }
a.mt-btn.mt-btn-rounded-corners, button.mt-btn.mt-btn-rounded-corners, input[type="submit"].mt-btn.mt-btn-rounded-corners {
border-radius: 8px !important; }
a.mt-btn.mt-btn-notice, button.mt-btn.mt-btn-notice, input[type="submit"].mt-btn.mt-btn-notice {
background: #F1AE3F;
border: 1px solid #F1AE3F;
color: #FFFFFF; }
a.mt-btn.mt-btn-notice:hover, button.mt-btn.mt-btn-notice:hover, input[type="submit"].mt-btn.mt-btn-notice:hover {
background: #F09500;
border: 1px solid #F09500;
color: #FFFFFF; }
a.mt-btn.mt-btn-notice:disabled, button.mt-btn.mt-btn-notice:disabled, input[type="submit"].mt-btn.mt-btn-notice:disabled {
background: transparent;
color: #BEC2BE;
border: 1px solid #DCE0DC; }
a.mt-btn.mt-btn-alert, button.mt-btn.mt-btn-alert, input[type="submit"].mt-btn.mt-btn-alert {
background: #F37942;
border: 1px solid #F37942;
color: #FFFFFF; }
a.mt-btn.mt-btn-alert:hover, button.mt-btn.mt-btn-alert:hover, input[type="submit"].mt-btn.mt-btn-alert:hover {
background: #EF4A00;
border: 1px solid #EF4A00;
color: #FFFFFF; }
a.mt-btn.mt-btn-alert:disabled, button.mt-btn.mt-btn-alert:disabled, input[type="submit"].mt-btn.mt-btn-alert:disabled {
background: transparent;
color: #BEC2BE;
border: 1px solid #DCE0DC; }
a.mt-btn.mt-btn-personal, button.mt-btn.mt-btn-personal, input[type="submit"].mt-btn.mt-btn-personal {
background: #FF7D10;
border: 1px solid #FF7D10;
color: #FFFFFF; }
a.mt-btn.mt-btn-personal:hover, button.mt-btn.mt-btn-personal:hover, input[type="submit"].mt-btn.mt-btn-personal:hover {
background: #FF7D10;
border: 1px solid #FF7D10;
color: #FFFFFF; }
a.mt-btn.mt-btn-personal:disabled, button.mt-btn.mt-btn-personal:disabled, input[type="submit"].mt-btn.mt-btn-personal:disabled {
background: transparent;
color: #BEC2BE;
border: 1px solid #DCE0DC; }
a.mt-btn.mt-btn-points, button.mt-btn.mt-btn-points, input[type="submit"].mt-btn.mt-btn-points {
background: #FF437E;
border: 1px solid #FF437E;
color: #FFFFFF; }
a.mt-btn.mt-btn-points:hover, button.mt-btn.mt-btn-points:hover, input[type="submit"].mt-btn.mt-btn-points:hover {
background: #FF437E;
border: 1px solid #FF437E;
color: #FFFFFF; }
a.mt-btn.mt-btn-points:disabled, button.mt-btn.mt-btn-points:disabled, input[type="submit"].mt-btn.mt-btn-points:disabled {
background: transparent;
color: #BEC2BE;
border: 1px solid #DCE0DC; }
a.mt-btn.mt-btn-corporate, button.mt-btn.mt-btn-corporate, input[type="submit"].mt-btn.mt-btn-corporate {
background: #3B5BD7;
border: 1px solid #3B5BD7;
color: #FFFFFF; }
a.mt-btn.mt-btn-corporate:hover, button.mt-btn.mt-btn-corporate:hover, input[type="submit"].mt-btn.mt-btn-corporate:hover {
background: #3B5BD7;
border: 1px solid #3B5BD7;
color: #FFFFFF; }
a.mt-btn.mt-btn-corporate:disabled, button.mt-btn.mt-btn-corporate:disabled, input[type="submit"].mt-btn.mt-btn-corporate:disabled {
background: transparent;
color: #BEC2BE;
border: 1px solid #DCE0DC; }
a.mt-btn.mt-btn-link, button.mt-btn.mt-btn-link, input[type="submit"].mt-btn.mt-btn-link {
background: transparent;
border-radius: 0 !important;
color: #17AF2B;
padding: 0 8px !important;
border: 1px solid transparent; }
a.mt-btn.mt-btn-link:hover, button.mt-btn.mt-btn-link:hover, input[type="submit"].mt-btn.mt-btn-link:hover {
border-bottom: 1px solid #17AF2B; }
a.mt-btn.mt-btn-link:disabled, button.mt-btn.mt-btn-link:disabled, input[type="submit"].mt-btn.mt-btn-link:disabled {
background: transparent;
color: #BEC2BE;
border: 1px solid transparent; }
body[ng-app="mt.webapp-mobile"] a.mt-btn, body[ng-app="mt.webapp-mobile"] button.mt-btn, body[ng-app="mt.webapp-mobile"] input[type="submit"].mt-btn {
text-align: center; }
body[ng-app="mt.webapp-mobile"] a.mt-btn.mt-btn-large, body[ng-app="mt.webapp-mobile"] button.mt-btn.mt-btn-large, body[ng-app="mt.webapp-mobile"] input[type="submit"].mt-btn.mt-btn-large {
font-size: 16px;
line-height: 50px;
height: 50px;
padding: 0 20px;
width: 100%; }
body[ng-app="mt.webapp-mobile"] a.mt-btn.mt-btn-normal, body[ng-app="mt.webapp-mobile"] button.mt-btn.mt-btn-normal, body[ng-app="mt.webapp-mobile"] input[type="submit"].mt-btn.mt-btn-normal {
font-size: 16px;
line-height: 40px;
height: 40px;
width: 100%;
padding: 0 20px; }
body[ng-app="mt.webapp-mobile"] a.mt-btn.mt-btn-small, body[ng-app="mt.webapp-mobile"] button.mt-btn.mt-btn-small, body[ng-app="mt.webapp-mobile"] input[type="submit"].mt-btn.mt-btn-small {
font-size: 14px;
line-height: 32px;
height: 32px;
padding: 0 20px; }
body[ng-app="SandboxApp"] a.mt-btn-large, body[ng-app="SandboxApp"] button.mt-btn-large, body[ng-app="SandboxApp"] input[type="submit"].mt-btn-large, .desktop a.mt-btn-large, .desktop button.mt-btn-large, .desktop input[type="submit"].mt-btn-large, .modal a.mt-btn-large, .modal button.mt-btn-large, .modal input[type="submit"].mt-btn-large, .mt-dialog a.mt-btn-large, .mt-dialog button.mt-btn-large, .mt-dialog input[type="submit"].mt-btn-large {
font-size: 16px;
line-height: 40px;
height: 40px;
padding: 0 20px; }
body[ng-app="SandboxApp"] a.mt-btn-normal, body[ng-app="SandboxApp"] button.mt-btn-normal, body[ng-app="SandboxApp"] input[type="submit"].mt-btn-normal, .desktop a.mt-btn-normal, .desktop button.mt-btn-normal, .desktop input[type="submit"].mt-btn-normal, .modal a.mt-btn-normal, .modal button.mt-btn-normal, .modal input[type="submit"].mt-btn-normal, .mt-dialog a.mt-btn-normal, .mt-dialog button.mt-btn-normal, .mt-dialog input[type="submit"].mt-btn-normal {
font-size: 16px;
line-height: 32px;
height: 32px;
padding: 0 20px; }
body[ng-app="SandboxApp"] a.mt-btn-small, body[ng-app="SandboxApp"] button.mt-btn-small, body[ng-app="SandboxApp"] input[type="submit"].mt-btn-small, .desktop a.mt-btn-small, .desktop button.mt-btn-small, .desktop input[type="submit"].mt-btn-small, .modal a.mt-btn-small, .modal button.mt-btn-small, .modal input[type="submit"].mt-btn-small, .mt-dialog a.mt-btn-small, .mt-dialog button.mt-btn-small, .mt-dialog input[type="submit"].mt-btn-small {
font-size: 14px;
line-height: 24px;
height: 24px;
padding: 0 16px; }
.no-col-gutter > [class*='col-'] {
padding-right: 0;
padding-left: 0; }
.no-col-gutter-deep [class*='col-'] {
padding-right: 0;
padding-left: 0; }
.no-row-gutter > [class*='row'] {
margin-right: 0;
margin-left: 0; }
.self-no-row-gutter {
margin-right: 0;
margin-left: 0; }
.no-row-gutter > [class*='row'] {
margin-right: 0;
margin-left: 0; }
.self-half-gutter-right {
padding-right: 7.5px; }
.self-half-gutter-left {
padding-left: 7.5px; }
.self-no-gutter {
padding-right: 0;
padding-left: 0; }
.self-no-gutter-right {
padding-right: 0; }
.self-no-gutter-left {
padding-left: 0; }
.bottom-column {
float: none;
display: table-cell;
vertical-align: bottom; }
.cursor-pointer {
cursor: pointer; }
.mfp-bg {
z-index: 4000; }
.mfp-wrap {
z-index: 4001; }
mt-oauth .co-brand-logo {
background: white;
display: inline-block;
border-radius: 5px;
padding: 5px;
height: 80px;
width: 80px;
margin-right: 15px;
white-space: nowrap;
text-align: center;
font: 0/0 a;
/* remove the gap between inline(-block) elements */ }
mt-oauth .co-brand-logo img {
vertical-align: middle;
display: inline-block !important; }
mt-oauth .co-brand-logo:before {
content: ' ';
display: inline-block;
vertical-align: middle;
/* vertical alignment of the inline element */
height: 100%; }
mt-oauth .co-brand-logo.small {
height: 55px;
width: 55px;
border: 1px solid #B8B8B8; }
mt-oauth .authorize {
border-radius: 6px;
padding-left: 13px;
padding-right: 13px;
font-family: "Avenir Next", AvenirNext-Regular, "Trebuchet MS", FreeSerif;
font-weight: 300; }
mt-oauth .authorize a {
color: #00AC34; }
mt-oauth .authorize p {
color: #7B7B7B; }
mt-oauth .authorize li {
color: #7B7B7B; }
mt-oauth .authorize h3, mt-oauth .authorize h4, mt-oauth .authorize h5 {
font-family: "Avenir Next", AvenirNext-Regular, "Trebuchet MS", FreeSerif;
color: #7B7B7B; }
mt-oauth .authorize .attributes {
padding-top: 20px; }
mt-oauth .authorize .header {
padding-bottom: 20px;
padding-top: 20px;
font-family: helvetica; }
mt-oauth .authorize .button-well {
padding-top: 20px;
padding-bottom: 20px; }
mt-oauth .authorize .info {
display: inline-block;
vertical-align: middle; }
mt-oauth .authorize .accept-btn {
background: #67D55F;
background-image: -webkit-linear-gradient(top, #67D55F, #54B94C);
background-image: -moz-linear-gradient(top, #67D55F, #54B94C);
background-image: -ms-linear-gradient(top, #67D55F, #54B94C);
background-image: -o-linear-gradient(top, #67D55F, #54B94C);
background-image: linear-gradient(to bottom, #67D55F, #54B94C);
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
font-family: Arial;
color: #ffffff;
font-size: 20px;
padding: 10px 20px 10px 20px;
text-decoration: none;
font-size: 17px; }
mt-oauth .authorize .accept-btn:hover {
background: #54B94C;
background-image: -webkit-linear-gradient(top, #54B94C, #67D55F);
background-image: -moz-linear-gradient(top, #54B94C, #67D55F);
background-image: -ms-linear-gradient(top, #54B94C, #67D55F);
background-image: -o-linear-gradient(top, #54B94C, #67D55F);
background-image: linear-gradient(to bottom, #54B94C, #67D55F);
text-decoration: none; }
mt-oauth .authorize .cancel-btn {
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
font-family: Arial;
color: #ffffff;
font-size: 20px;
background: #9B9B9B;
padding: 10px 20px 10px 20px;
text-decoration: none;
font-size: 17px; }
mt-oauth .authorize .cancel-btn:hover {
background: #615f61;
text-decoration: none; }
mt-oauth .authorize .footer {
padding-bottom: 20px;
max-width: 100%; }
mt-oauth .authorize .well {
padding: 10px;
border: 0 solid transparent; }
mt-oauth .authorize .green-text {
color: #00AC34; }
mt-oauth .authorize .red-text {
color: #DA0909; }
.ani-duration-08 {
animation-duration: 800ms; }
.ani-l-disappear-03.ng-hide-remove {
transition: opacity 0.3s;
opacity: 1; }
.ani-l-disappear-03.ng-hide-remove.ng-hide-remove-active {
opacity: 0; }
.ani-e-reveal-03.ng-hide-add {
transition: opacity 0.3s;
opacity: 0; }
.ani-e-reveal-03.ng-hide-add.ng-hide-add-active {
opacity: 1; }
.ani-e-reveal-03.ng-enter {
transition: opacity 0.3s;
opacity: 0; }
.ani-e-reveal-03.ng-enter-stagger {
transition-delay: 0.1s; }
.ani-e-reveal-03.ng-enter-active {
opacity: 1; }
.ani-e-reveal-1.ng-enter {
transition: 1.0s linear all;
opacity: 0; }
.ani-e-reveal-1.ng-enter-stagger {
transition-delay: 0.1s; }
.ani-e-reveal-1.ng-enter-active {
opacity: 1; }
.ani-l-shrink.ng-leave {
transition: opacity 0.3s;
opacity: 1;
transform: scale(1); }
.ani-l-shrink.ng-leave-active {
opacity: 0;
transform: scale(0); }
.ani-toggle-rotate-90 {
transition: 0.1s linear all;
transform: rotate(45deg); }
#loading-bar .bar {
background: #00AC34; }
#loading-bar-spinner .spinner-icon {
border-top-color: #00AC34;
border-left-color: #00AC34; }
#loading-bar .peg {
box-shadow: #00AC34 1px 0 6px 1px; }
.loading-spinner {
color: #20C51B;
animation: spin 1.75s linear infinite; }
.loading-spinner.spinner-grey-dark {
color: #5E5E5E; }
.loading-spinner.spinner-red {
color: #F20110; }
loading-spinner .loading-spinner {
animation: none !important;
-webkit-animation: none !important; }
@keyframes spin {
100% {
transform: rotate(360deg); } }
/*
* Usage:
*
*
*/
.sk-double-bounce {
width: 40px;
height: 40px;
position: relative;
margin: 40px auto; }
.sk-double-bounce .sk-child {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #333;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
animation: sk-doubleBounce 2.0s infinite ease-in-out; }
.sk-double-bounce .sk-double-bounce2 {
animation-delay: -1.0s; }
@keyframes sk-doubleBounce {
0%, 100% {
transform: scale(0); }
50% {
transform: scale(1); } }
.sk-double-bounce .sk-child {
background: #D8D8D8; }
/*
* Usage:
*
*
*/
.sk-wave {
margin: 40px auto;
width: 50px;
height: 40px;
text-align: center;
font-size: 10px; }
.sk-wave .sk-rect {
background-color: #333;
height: 100%;
width: 6px;
display: inline-block;
animation: sk-waveStretchDelay 1.2s infinite ease-in-out; }
.sk-wave .sk-rect1 {
animation-delay: -1.2s; }
.sk-wave .sk-rect2 {
animation-delay: -1.1s; }
.sk-wave .sk-rect3 {
animation-delay: -1s; }
.sk-wave .sk-rect4 {
animation-delay: -0.9s; }
.sk-wave .sk-rect5 {
animation-delay: -0.8s; }
@keyframes sk-waveStretchDelay {
0%, 40%, 100% {
transform: scaleY(0.4); }
20% {
transform: scaleY(1); } }
.sk-wave {
display: inline-block; }
.sk-wave.small {
margin: 4px 0;
height: 16px;
opacity: 0.8;
color: white; }
.sk-wave.small .sk-rect {
background: #FFFFFF;
width: 3px; }
.fluid-ads {
font-size: 16px;
border: 1px solid #4097fa;
padding: 20px 15px; }
.fluid-ads .ad-title {
font-size: 1.125em;
text-align: center;
color: #4097fa;
margin: 0 0 20px 0; }
.fluid-ads .line-border {
background: #4097fa;
margin: 0 0 20px 0; }
.fluid-ads ul li:hover {
background-color: transparent !important; }
.fluid-ads ul, .fluid-ads ul li {
margin: 0 0 10px 0; }
.fluid-ads ul li {
display: flex; }
.fluid-ads ul li div.icon-wrapper {
flex-grow: 1;
max-width: 30px;
vertical-align: bottom;
font-size: 1.6em;
color: #4097fa; }
.fluid-ads ul li div.text-wrapper {
flex-grow: 2;
font-size: 0.938em;
line-height: 1.4em;
margin-left: 10px; }
mt-work {
margin-top: 20px;
font-size: 14px; }
mt-work .mt-work {
min-height: 100%;
padding: 17px 0 0;
background-color: white; }
mt-work .mt-work .accounts-navigation {
font-size: 20px; }
mt-work .mt-work .accounts-navigation .active.expenses, mt-work .mt-work .accounts-navigation .expenses.drop-item:hover, mt-work .mt-work .accounts-navigation .expenses.drop-item:active, mt-work .mt-work .accounts-navigation .active.cloud-safe, mt-work .mt-work .accounts-navigation .cloud-safe.drop-item:hover, mt-work .mt-work .accounts-navigation .cloud-safe.drop-item:active {
background: #4097fa; }
mt-work .mt-work .accounts-navigation-content {
position: absolute;
top: 66px;
bottom: 0; }
mt-work .mt-work .accounts-navigation-content .accounts-navigation-content-body {
position: relative;
min-height: 100%;
height: 100%; }
mt-work .mt-work .column.center {
top: 119px !important; }
mt-work .create {
cursor: pointer;
margin-top: 30px;
margin-bottom: -6px; }
mt-work .create .line-border {
margin-top: 2px; }
mt-work .section {
margin-top: 8px;
margin-bottom: 3px; }
mt-work .section .section-header {
background: #F2F2F2;
font-size: 14px;
line-height: 15px;
padding: 7px 10px 4px; }
mt-work .section ul.section-items {
list-style: none;
margin: 0;
padding: 0; }
mt-work .section ul.section-items li {
transition: all 0.3s; }
mt-work .section ul.section-items li .super-item {
display: block;
padding: 20px 10px;
font-size: 25px; }
mt-work .section ul.section-items li .super-item.selected {
color: white !important;
background: #4097fa; }
mt-work .section ul.section-items li .super-item.selected .title, mt-work .section ul.section-items li .super-item.selected .date, mt-work .section ul.section-items li .super-item.selected .amount {
color: white; }
mt-work .section ul.section-items li .title {
font-size: 18px;
line-height: 18px;
display: block;
color: #484A48; }
mt-work .section ul.section-items li .date, mt-work .section ul.section-items li .amount {
margin-top: 5px;
font-size: 14px;
line-height: 14px;
color: #919491; }
mt-work .section ul.section-items li .no-claim-created {
margin-left: 10px;
font-size: 14px;
line-height: 14px;
color: #919491;
line-height: 66px; }
mt-work .section ul.section-items li:hover {
background-color: rgba(64, 151, 250, 0.3); }
mt-claim {
position: relative; }
mt-claim loading-wave {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center; }
mt-claim loading-wave > div {
padding-top: 26px;
width: 100%;
height: 100%;
background-color: black;
opacity: 0.4; }
mt-claim-details .claim-title {
font-size: 36px;
margin-top: 20px;
margin-bottom: 10px;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit; }
mt-claim-details mt-claim-name-action {
top: 80px; }
mt-claim-details mt-claim-name-action[action-mode="date"]:after {
margin-left: 2px; }
mt-claim-details mt-claim-name-action[action-mode="date"]:before, mt-claim-details mt-claim-name-action[action-mode="date"]:after {
left: 250px; }
mt-claim-details mt-claim-name-action[action-mode="date"] {
right: 0;
left: auto; }
mt-claim-details .icon-edit-pencil {
cursor: pointer;
color: #4097fa;
margin-left: 5px;
font-size: 0.5em; }
mt-claim-details .claim-date-link {
bottom: 0;
cursor: pointer; }
mt-claim-details .claim-date-link .claim-date {
margin-top: 16px;
font-size: 18px; }
mt-claim-details .t-btn.delete-claim {
height: 32px;
background: #ffffff;
color: red;
border: 1px solid #FF0000; }
mt-claim-details .icon-find-expenses-o {
font-size: 20px;
vertical-align: bottom;
margin-right: 5px; }
mt-claim-details .claimed-controls .well {
padding: 20px 0;
border: 1px solid transparent;
border-top: 0px solid transparent;
border-left: 0px solid transparent;
border-right: 0px solid transparent;
border-radius: 0;
box-shadow: none;
background-color: transparent; }
mt-claim-details .claimed-controls a {
color: #4097fa; }
mt-claim-details .claimed-controls a.t-btn {
color: white; }
mt-claim-details mt-toggle-switch .mt-toggle-switch label.disable {
background: #ffffff;
border: solid 1px #4097fa;
color: #4097fa;
padding-top: 5px;
padding-bottom: 5px; }
mt-claim-details .cloud-safe-thumbnail {
border: 1px solid #DDD;
float: left;
margin: 9px 16px 9px 0; }
mt-claim-details .cloud-safe-thumbnail:nth-child(5n) {
margin-right: 16px !important; }
mt-claim-details [class*="-controls"] .line-border {
margin-top: 10px;
margin-bottom: 0 !important; }
mt-claim-name-action {
position: absolute;
background: #ffffff;
border: 1px solid #D5D5D5;
z-index: 100;
left: 10px;
top: 50px; }
mt-claim-name-action .mt-claim-name-action {
width: 300px;
font-size: 16px;
line-height: 50px;
text-align: center;
-webkit-box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.69);
-moz-box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.69);
box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.69); }
mt-claim-name-action .mt-claim-name-action .icon-cross {
padding-top: 15px;
cursor: pointer; }
mt-claim-name-action .mt-claim-name-action .controls-padding {
font-weight: 500; }
mt-claim-name-action .mt-claim-name-action .line-border {
margin-top: 0 !important;
margin-bottom: 0 !important; }
mt-claim-name-action .mt-claim-name-action .mt-date-picker {
color: #717170; }
mt-claim-name-action .mt-claim-name-action .mt-date-picker .datepicker {
height: 50px; }
mt-claim-name-action .mt-claim-name-action .mt-date-picker .picker.picker--opened {
left: 13px; }
mt-claim-name-action .mt-claim-name-action .mt-date-picker .picker__box {
box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.24); }
mt-claim-name-action .mt-claim-name-action .claim-name {
margin-top: 10px;
margin-bottom: 10px; }
mt-claim-name-action .mt-claim-name-action .controls-padding {
padding-left: 20px;
padding-right: 20px; }
mt-claim-name-action .mt-claim-name-action a.delete {
color: #f64a1f; }
mt-claim-name-action .mt-claim-name-action a.update {
color: #4097fa; }
mt-claim-name-action:after, mt-claim-name-action:before {
bottom: 100%;
right: 250px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none; }
mt-claim-name-action:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
border-width: 10px;
margin-right: 3px; }
mt-claim-name-action:before {
border-color: rgba(213, 213, 213, 0);
border-bottom-color: #D5D5D5;
border-width: 12px;
margin-right: 1px; }
mt-claim-modal .modal-header, mt-claim-modal-search-transactions .modal-header {
text-align: center;
border-bottom: 0px solid transparent; }
mt-claim-modal .modal-header .icon-cross:before, mt-claim-modal-search-transactions .modal-header .icon-cross:before {
margin-right: 6px;
font-size: 12px; }
mt-claim-modal .modal-header a, mt-claim-modal-search-transactions .modal-header a {
color: #4097fa !important; }
mt-claim-modal .modal-header .modal-header-controls, mt-claim-modal-search-transactions .modal-header .modal-header-controls {
display: block;
text-align: left; }
mt-claim-modal .modal-header h3.modal-title, mt-claim-modal-search-transactions .modal-header h3.modal-title {
font-size: 24px;
display: block; }
mt-claim-modal .modal-body mt-claim-transactions .month-header, mt-claim-modal-search-transactions .modal-body mt-claim-transactions .month-header {
padding-top: 0; }
mt-claim-modal .modal-body mt-claim-transactions mt-claim-transaction, mt-claim-modal-search-transactions .modal-body mt-claim-transactions mt-claim-transaction {
font-size: 14px; }
mt-claim-modal .modal-footer, mt-claim-modal-search-transactions .modal-footer {
text-align: right; }
mt-claim-modal .modal-footer .selected-details, mt-claim-modal-search-transactions .modal-footer .selected-details {
font-size: 24px; }
mt-claim-modal .modal-footer .selected-details > span, mt-claim-modal-search-transactions .modal-footer .selected-details > span {
color: #919491; }
mt-claim-modal .modal-footer .selected-details .transactions-aggregate > span, mt-claim-modal-search-transactions .modal-footer .selected-details .transactions-aggregate > span {
margin-right: 7px;
display: inline-block; }
mt-claim-modal-search-transactions .modal-footer {
text-align: center; }
mt-claim-modal-save-confirmation input.form-control {
border-bottom: 3px solid #4097fa;
border-radius: 0;
border-top: 0;
border-left: 0;
border-right: 0;
margin-bottom: 40px;
font-size: 18px; }
mt-claim-modal-save-confirmation .modal-body .transactions-aggregate {
display: block;
font-size: 24px; }
mt-claim-modal-save-confirmation .modal-body .transactions-aggregate .transactions-count {
float: left; }
mt-claim-modal-save-confirmation .modal-body .transactions-aggregate .transactions-total {
float: right; }
mt-claim-modal-save-confirmation .modal-body > .line-border {
margin-top: 7px; }
mt-claim-transaction {
line-height: 37px; }
mt-claim-transaction .date, mt-claim-transaction .category {
color: #919491; }
mt-claim-transaction .description {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
mt-claim-transaction .claim-transaction.making {
cursor: pointer; }
mt-claim-transaction .claim-transaction.making:hover {
background-color: #EAEBEA; }
mt-claim-transaction .marker {
margin-top: 8px;
display: block !important; }
mt-claim-transaction .marker.empty {
border-radius: 50px;
background: #BEC2BE;
height: 20px;
width: 20px; }
mt-claim-transaction .marker.marked {
border-radius: 50px;
font-size: 20px;
height: 20px;
width: 20px; }
mt-claim-transactions .claim-transactions.transactions, mt-claim-search-transactions .claim-transactions.transactions {
padding-top: 0; }
mt-claim-transactions .claim-transactions.transactions .transactions-aggregate, mt-claim-search-transactions .claim-transactions.transactions .transactions-aggregate {
display: block;
font-size: 24px; }
mt-claim-transactions .claim-transactions.transactions .transactions-aggregate .transactions-count, mt-claim-search-transactions .claim-transactions.transactions .transactions-aggregate .transactions-count {
float: left; }
mt-claim-transactions .claim-transactions.transactions .transactions-aggregate .transactions-total, mt-claim-search-transactions .claim-transactions.transactions .transactions-aggregate .transactions-total {
float: right; }
mt-claim-transactions .claim-transactions.transactions .line-border, mt-claim-search-transactions .claim-transactions.transactions .line-border {
margin-top: 0;
margin-bottom: 0; }
mt-claim-transactions .claim-transactions.unclaimed .month-header, mt-claim-search-transactions .claim-transactions.unclaimed .month-header {
padding-top: 20px;
line-height: 24px;
font-size: 24px; }
mt-claim-transactions .claim-transactions.unclaimed .month-header .group-date, mt-claim-search-transactions .claim-transactions.unclaimed .month-header .group-date {
color: #919491; }
mt-claim-transactions .claim-transactions.unclaimed .month-header .mark, mt-claim-search-transactions .claim-transactions.unclaimed .month-header .mark {
cursor: pointer;
color: #4097fa;
font-size: 16px;
float: right; }
mt-claim-transactions .claim-transactions.unclaimed .month-header .line-border, mt-claim-search-transactions .claim-transactions.unclaimed .month-header .line-border {
margin-top: 7px; }
mt-claim-transactions .claim-transactions.unclaimed .line-border, mt-claim-search-transactions .claim-transactions.unclaimed .line-border {
margin-bottom: 0 !important; }
mt-claim-transactions .claim-transactions.claimed mt-transactions-aggregate, mt-claim-search-transactions .claim-transactions.claimed mt-transactions-aggregate {
padding-top: 30px;
line-height: 24px;
font-size: 24px;
display: block !important; }
mt-claim-transactions .claim-transactions.claimed mt-transactions-aggregate .transactions-aggregate, mt-claim-search-transactions .claim-transactions.claimed mt-transactions-aggregate .transactions-aggregate {
display: block;
font-size: 24px; }
mt-claim-transactions .claim-transactions.claimed mt-transactions-aggregate .transactions-aggregate .transactions-count, mt-claim-search-transactions .claim-transactions.claimed mt-transactions-aggregate .transactions-aggregate .transactions-count {
float: left; }
mt-claim-transactions .claim-transactions.claimed mt-transactions-aggregate .transactions-aggregate .transactions-total, mt-claim-search-transactions .claim-transactions.claimed mt-transactions-aggregate .transactions-aggregate .transactions-total {
float: right; }
mt-claim-transactions .claim-transactions.claimed .line-border, mt-claim-search-transactions .claim-transactions.claimed .line-border {
margin-top: 0;
margin-bottom: 0; }
mt-claim-transactions .claim-transactions.claimed > .line-border, mt-claim-search-transactions .claim-transactions.claimed > .line-border {
margin-top: 7px;
margin-bottom: 0; }
mt-claim-search-transaction {
line-height: 37px; }
mt-claim-search-transaction .date, mt-claim-search-transaction .category {
color: #919491; }
mt-claim-search-transaction .description {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
mt-claim-search-transaction .switch {
width: 87px;
height: 22px;
vertical-align: middle;
background: #22CC1C;
color: white !important; }
mt-claim-search-transaction .switch small {
width: 18px;
height: 18px;
top: 2px;
left: 2px; }
mt-claim-search-transaction .switch .on {
left: 25%; }
mt-claim-search-transaction .switch .switch-text {
line-height: 12px; }
mt-claim-search-transaction .switch .switch-text .off, mt-claim-search-transaction .switch .switch-text .on {
color: white !important; }
mt-claim-search-transaction .switch.checked {
border-color: white;
background: #4097fa; }
mt-claim-search-transaction .switch.checked small {
left: 67px; }
mt-claim-search-transactions .mt-claim-search-transactions .no-transactions {
padding-top: 30px; }
mt-claim-search-transactions .mt-claim-search-transactions .header {
color: #919491; }
mt-claim-search-transactions .mt-claim-search-transactions .month-header {
padding-top: 30px;
line-height: 24px;
font-size: 24px; }
mt-claim-search-transactions .mt-claim-search-transactions .month-header .group-date {
color: #919491; }
mt-claim-search-transactions .mt-claim-search-transactions .month-header .line-border {
margin-top: 7px !important; }
mt-claim-search-transactions .mt-claim-search-transactions .date {
color: #919491;
text-align: center; }
mt-empty-state-claim-transactions .mt-empty-state-claim-transactions {
text-align: center; }
mt-empty-state-claim-transactions .mt-empty-state-claim-transactions .icon-find-expenses-o {
cursor: pointer;
font-size: 60px;
color: #4097fa;
margin-top: 40px;
margin-bottom: 40px; }
mt-empty-state-claim-transactions .mt-empty-state-claim-transactions .message {
font-size: 16px;
color: #A5A4A1; }
mt-empty-state-claim-transactions .mt-empty-state-claim-transactions .border {
padding-left: 280px;
padding-right: 280px; }
mt-empty-state-claim-transactions .mt-empty-state-claim-transactions .border .line-border {
margin-top: 20px;
margin-bottom: 20px !important; }
mt-claim-modal-search-transactions .mt-claim-modal-search-transactions .modal-body {
padding: 0; }
mt-claim-modal-search-transactions .mt-claim-modal-search-transactions .explanation {
margin-bottom: 40px; }
mt-claim-modal-search-transactions .mt-claim-modal-search-transactions button {
margin-left: 15px;
min-width: 60px; }
.mt-transaction-select-summary-modal-service .modal-header-back-text {
color: #4097fa; }
mt-trends .mt-trends {
min-height: 100%;
padding: 17px 30px 0px;
background-color: white; }
mt-trends .mt-trends .trends-navigation {
font-size: 20px; }
mt-trends .mt-trends .trends-navigation ul li {
padding: 7px 11px;
margin: 0 2px;
cursor: pointer;
border-radius: 5px;
color: black; }
mt-trends .mt-trends .trends-navigation ul li:hover {
background: #F5F5F5; }
mt-trends .mt-trends .trends-navigation ul li.active, mt-trends .mt-trends .trends-navigation ul li.drop-item:hover, mt-trends .mt-trends .trends-navigation ul li.drop-item:active {
color: white; }
mt-trends .mt-trends .trends-navigation ul li.active.spending, mt-trends .mt-trends .trends-navigation ul li.spending.drop-item:hover, mt-trends .mt-trends .trends-navigation ul li.spending.drop-item:active {
background: #00D017; }
mt-trends .mt-trends .trends-navigation ul li.active.net-worth, mt-trends .mt-trends .trends-navigation ul li.net-worth.drop-item:hover, mt-trends .mt-trends .trends-navigation ul li.net-worth.drop-item:active {
background: #FF7D10; }
mt-trends .mt-trends .trends-navigation ul li.active.cash-flow, mt-trends .mt-trends .trends-navigation ul li.cash-flow.drop-item:hover, mt-trends .mt-trends .trends-navigation ul li.cash-flow.drop-item:active {
background: #00CAEB; }
mt-trends .mt-trends .column-regular.left {
margin-right: 17px; }
mt-trends .mt-trends mt-trends-spending-summary, mt-trends .mt-trends mt-trends-net-worth-summary, mt-trends .mt-trends mt-trends-cash-flow-summary {
background-color: white;
z-index: 9999; }
mt-trends .mt-trends .transactions-aggregate {
display: block;
font-size: 24px;
vertical-align: text-top;
line-height: 24px;
height: 24px;
margin-bottom: 10px; }
mt-trends .mt-trends .transactions-aggregate .transactions-count {
float: left; }
mt-trends .mt-trends .transactions-aggregate .transactions-total {
float: right; }
mt-trends .mt-trends .mt-trends-net-worth-transactions,
mt-trends .mt-trends .mt-trends-spending-date-chart-controls,
mt-trends .mt-trends .mt-trends-cash-flow-date-chart-controls {
margin-bottom: 20px; }
mt-trends .mt-trends .mt-trends-spending-categories ul,
mt-trends .mt-trends .mt-trends-net-worth-accounts ul,
mt-trends .mt-trends .mt-trends-cash-flow-menu ul {
margin-bottom: 0; }
mt-trends .mt-trends .mt-trends-spending-categories .header,
mt-trends .mt-trends .mt-trends-net-worth-accounts .header,
mt-trends .mt-trends .mt-trends-cash-flow-menu .header {
color: #A2A1A5;
border-radius: 3px;
background: #F5F5F5;
font-size: 14px;
padding: 7px 10px; }
mt-trends .mt-trends .mt-trends-spending,
mt-trends .mt-trends .mt-trends-net-worth,
mt-trends .mt-trends .mt-trends-cash-flow {
position: relative;
min-height: 100%;
height: 100%; }
mt-trends .mt-trends .mt-trends-spending mt-list-secondary .mt-list-secondary ul li.active.canClick:hover, mt-trends .mt-trends .mt-trends-spending mt-list-secondary .mt-list-secondary ul li.canClick.drop-item:hover,
mt-trends .mt-trends .mt-trends-net-worth mt-list-secondary .mt-list-secondary ul li.active.canClick:hover,
mt-trends .mt-trends .mt-trends-net-worth mt-list-secondary .mt-list-secondary ul li.canClick.drop-item:hover,
mt-trends .mt-trends .mt-trends-cash-flow mt-list-secondary .mt-list-secondary ul li.active.canClick:hover,
mt-trends .mt-trends .mt-trends-cash-flow mt-list-secondary .mt-list-secondary ul li.canClick.drop-item:hover {
background: #00D017; }
mt-trends .mt-trends .right {
height: calc(100% - 430px);
min-height: calc(100% - 430px); }
mt-trends .mt-trends .column-regular mt-footer .line-border {
margin-bottom: 20px; }
mt-trends-chart .mt-trends-chart .ct-mt-bar-selected-gradient {
stop-opacity: 1; }
mt-trends-chart .mt-trends-chart .ct-mt-bar-selected-gradient.top {
stop-color: #ffff99 !important; }
mt-trends-chart .mt-trends-chart .ct-mt-bar-selected-gradient.bottom {
stop-color: #ffda93 !important; }
mt-trends-chart .mt-trends-chart .chart-wrapper {
width: 100%;
height: 269px;
background: #F4F7F5; }
mt-trends-chart .mt-trends-chart .chart-wrapper .chart {
width: 720px;
margin: 0 auto; }
mt-trends-chart .mt-trends-chart .chart-wrapper .chart .ct-chart {
height: 270px; }
mt-trends-chart .mt-trends-chart .chart-wrapper .chart .ct-bar {
stroke-width: 16px;
cursor: pointer;
fill: #75E65F;
stroke: #75E65F; }
mt-trends-chart .mt-trends-chart .chart-wrapper .chart .ct-bar.active, mt-trends-chart .mt-trends-chart .chart-wrapper .chart .ct-bar.drop-item:hover, mt-trends-chart .mt-trends-chart .chart-wrapper .chart .ct-bar.drop-item:active {
fill: #00BC2E;
stroke: #00BC2E; }
mt-trends-chart .mt-trends-chart .chart-wrapper .chart .ct-grid {
stroke: rgba(0, 0, 0, 0); }
mt-trends-chart .mt-trends-chart .chart-wrapper .chart .mt-ct-bar-selected {
opacity: 0; }
mt-trends-chart .mt-trends-chart .chart-wrapper .chart .mt-ct-bar-selected.active, mt-trends-chart .mt-trends-chart .chart-wrapper .chart .mt-ct-bar-selected.drop-item:hover, mt-trends-chart .mt-trends-chart .chart-wrapper .chart .mt-ct-bar-selected.drop-item:active {
opacity: 1; }
mt-trends-chart .mt-trends-chart .chart-wrapper .chart .mt-ct-bar-hover {
cursor: pointer;
opacity: 0; }
mt-trends-chart .mt-trends-chart .chart-wrapper .chart .mt-ct-bar-hover.active, mt-trends-chart .mt-trends-chart .chart-wrapper .chart .mt-ct-bar-hover.drop-item:hover, mt-trends-chart .mt-trends-chart .chart-wrapper .chart .mt-ct-bar-hover.drop-item:active {
opacity: 0 !important; }
mt-trends-chart .mt-trends-chart .chart-wrapper .chart .mt-ct-bar-hover.hover {
stroke: #EAEDEB;
fill: #EAEDEB;
opacity: 1; }
mt-trends-chart .mt-trends-chart .chart-wrapper .white-bar {
z-index: 999;
border-top: 1px solid #E3E7E4;
background: white;
margin-top: -19px;
height: 18px;
width: 100%; }
mt-trends-date-navigation .mt-trends-date-navigation {
height: 34px;
padding: 0 0 10px; }
mt-trends-date-navigation .mt-trends-date-navigation div {
display: inline-block; }
mt-trends-date-navigation .mt-trends-date-navigation .date {
margin: 0 14px;
font-size: 18px;
line-height: 18px;
vertical-align: middle; }
mt-trends-date-navigation .mt-trends-date-navigation .icon-left-arrow {
font-size: 11px;
line-height: 18px;
border-radius: 20px;
padding: 3px 7px 2px 5px;
-webkit-transition: background-color 500ms ease;
-moz-transition: background-color 500ms ease;
-ms-transition: background-color 500ms ease;
-o-transition: background-color 500ms ease;
transition: background-color 500ms ease; }
mt-trends-date-navigation .mt-trends-date-navigation .icon-left-arrow:hover {
background-color: #EBEDEB; }
mt-trends-date-navigation .mt-trends-date-navigation .icon-right-arrow {
font-size: 11px;
line-height: 18px;
border-radius: 20px;
padding: 3px 6px 2px 6px;
-webkit-transition: background-color 500ms ease;
-moz-transition: background-color 500ms ease;
-ms-transition: background-color 500ms ease;
-o-transition: background-color 500ms ease;
transition: background-color 500ms ease; }
mt-trends-date-navigation .mt-trends-date-navigation .icon-right-arrow:hover {
background-color: #EBEDEB; }
mt-trends-spending-chart .mt-trends-spending-chart .ct-mt-bar-selected-gradient.top {
stop-color: #8BF78F !important; }
mt-trends-spending-chart .mt-trends-spending-chart .ct-mt-bar-selected-gradient.bottom {
stop-color: #8BF78F !important; }
mt-trends-spending-chart .mt-trends-spending-chart .ct-bar {
fill: #75E65F;
stroke: #75E65F; }
mt-trends-spending-chart .mt-trends-spending-chart .ct-bar.active, mt-trends-spending-chart .mt-trends-spending-chart .ct-bar.drop-item:hover, mt-trends-spending-chart .mt-trends-spending-chart .ct-bar.drop-item:active {
fill: #00BC2E;
stroke: #00BC2E; }
mt-trends-spending-summary, mt-trends-net-worth-summary, mt-trends-cash-flow-summary {
font-size: 20px;
line-height: 40px;
height: 62px;
border-bottom: 1px solid #E2E6E3;
display: block;
width: 100%;
text-align: center; }
mt-trends-spending-summary .summary, mt-trends-net-worth-summary .summary, mt-trends-cash-flow-summary .summary {
margin-top: 8px; }
mt-trends-spending-summary .date, mt-trends-net-worth-summary .date, mt-trends-cash-flow-summary .date {
display: inline-block;
color: #8E9292; }
mt-trends-spending-summary .total, mt-trends-net-worth-summary .total, mt-trends-cash-flow-summary .total {
display: inline-block;
color: #464C4F; }
mt-trends-spending-summary .icon-left-arrow, mt-trends-net-worth-summary .icon-left-arrow, mt-trends-cash-flow-summary .icon-left-arrow {
font-size: 11px;
line-height: 28px;
margin-top: 14px;
border-radius: 20px;
padding: 2px 10px 0px 8px;
-webkit-transition: background-color 500ms ease;
-moz-transition: background-color 500ms ease;
-ms-transition: background-color 500ms ease;
-o-transition: background-color 500ms ease;
transition: background-color 500ms ease; }
mt-trends-spending-summary .icon-left-arrow:hover, mt-trends-net-worth-summary .icon-left-arrow:hover, mt-trends-cash-flow-summary .icon-left-arrow:hover {
background-color: #EBEDEB; }
mt-trends-spending-summary .icon-right-arrow, mt-trends-net-worth-summary .icon-right-arrow, mt-trends-cash-flow-summary .icon-right-arrow {
font-size: 11px;
line-height: 28px;
margin-top: 14px;
border-radius: 20px;
padding: 2px 8px 0px 10px;
-webkit-transition: background-color 500ms ease;
-moz-transition: background-color 500ms ease;
-ms-transition: background-color 500ms ease;
-o-transition: background-color 500ms ease;
transition: background-color 500ms ease; }
mt-trends-spending-summary .icon-right-arrow:hover, mt-trends-net-worth-summary .icon-right-arrow:hover, mt-trends-cash-flow-summary .icon-right-arrow:hover {
background-color: #EBEDEB; }
mt-trends-spending-categories .mt-trends-spending-categories ul li.active, mt-trends-spending-categories .mt-trends-spending-categories ul li.drop-item:hover, mt-trends-spending-categories .mt-trends-spending-categories ul li.drop-item:active {
background: #00D017; }
mt-trends-spending-categories .mt-trends-spending-categories ul li.active:after, mt-trends-spending-categories .mt-trends-spending-categories ul li.drop-item:hover:after, mt-trends-spending-categories .mt-trends-spending-categories ul li.drop-item:active:after {
border-color: transparent transparent transparent #00D017; }
mt-trends-spending-transactions .mt-trends-spending-transactions .icon-empty-transactions-o {
color: #8BF78F; }
mt-trends-spending-transactions .mt-trends-spending-transactions .icon-empty-transactions-o.gradient {
color: #8BF78F; }
mt-trends-net-worth-chart .mt-trends-net-worth-chart .ct-mt-bar-selected-gradient.top {
stop-color: #ffff99 !important; }
mt-trends-net-worth-chart .mt-trends-net-worth-chart .ct-mt-bar-selected-gradient.bottom {
stop-color: #ffda93 !important; }
mt-trends-net-worth-chart .mt-trends-net-worth-chart .ct-series .ct-bar.assets {
fill: #FFD744 !important;
stroke: #FFD744 !important; }
mt-trends-net-worth-chart .mt-trends-net-worth-chart .ct-series .ct-bar.assets.active, mt-trends-net-worth-chart .mt-trends-net-worth-chart .ct-series .ct-bar.assets.drop-item:hover, mt-trends-net-worth-chart .mt-trends-net-worth-chart .ct-series .ct-bar.assets.drop-item:active {
fill: #FFC900 !important;
stroke: #FFC900 !important; }
mt-trends-net-worth-chart .mt-trends-net-worth-chart .ct-series .ct-bar.liabilities {
fill: #FF9C22 !important;
stroke: #FF9C22 !important; }
mt-trends-net-worth-chart .mt-trends-net-worth-chart .ct-series .ct-bar.liabilities.active, mt-trends-net-worth-chart .mt-trends-net-worth-chart .ct-series .ct-bar.liabilities.drop-item:hover, mt-trends-net-worth-chart .mt-trends-net-worth-chart .ct-series .ct-bar.liabilities.drop-item:active {
fill: #FF7D10 !important;
stroke: #FF7D10 !important; }
mt-trends-net-worth-chart .mt-trends-net-worth-chart .mt-ct-line, mt-trends-net-worth-chart .mt-trends-net-worth-chart .mt-ct-point {
fill: #474A48;
stroke: #474A48;
stroke-width: 2; }
mt-trends-net-worth-summary ul {
padding: 4px; }
mt-trends-net-worth-summary ul li {
padding: 0px 14px 0 10px !important; }
mt-trends-net-worth-summary ul li.assets-total span {
color: #FCD123; }
mt-trends-net-worth-summary ul li.liability-total span {
color: #FFA424; }
mt-trends-net-worth-summary .separator-right {
border-right: 1px solid #DCE0DC; }
mt-trends-net-worth-accounts .mt-trends-net-worth-accounts ul li span.category-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 240px; }
mt-trends-net-worth-accounts .mt-trends-net-worth-accounts ul li:hover {
background: #EAEBEA; }
mt-trends-net-worth-accounts .mt-trends-net-worth-accounts ul li.active, mt-trends-net-worth-accounts .mt-trends-net-worth-accounts ul li.drop-item:hover, mt-trends-net-worth-accounts .mt-trends-net-worth-accounts ul li.drop-item:active {
background: #FF7D10 !important; }
mt-trends-net-worth-accounts .mt-trends-net-worth-accounts ul li.active:after, mt-trends-net-worth-accounts .mt-trends-net-worth-accounts ul li.drop-item:hover:after, mt-trends-net-worth-accounts .mt-trends-net-worth-accounts ul li.drop-item:active:after {
border-color: transparent transparent transparent #FF7D10 !important; }
mt-trends-net-worth-transactions .mt-trends-net-worth-transactions .icon-empty-transactions-o {
color: #ffff99; }
mt-trends-net-worth-transactions .mt-trends-net-worth-transactions .icon-empty-transactions-o.gradient {
color: #ffda93; }
mt-trends-cash-flow-menu .mt-trends-cash-flow-menu ul li:hover {
background: #EAEBEA; }
mt-trends-cash-flow-menu .mt-trends-cash-flow-menu ul li.active, mt-trends-cash-flow-menu .mt-trends-cash-flow-menu ul li.drop-item:hover, mt-trends-cash-flow-menu .mt-trends-cash-flow-menu ul li.drop-item:active {
background: #00CAEB !important; }
mt-trends-cash-flow-menu .mt-trends-cash-flow-menu ul li.active:after, mt-trends-cash-flow-menu .mt-trends-cash-flow-menu ul li.drop-item:hover:after, mt-trends-cash-flow-menu .mt-trends-cash-flow-menu ul li.drop-item:active:after {
border-color: transparent transparent transparent #00CAEB !important; }
mt-trends-cash-flow-chart .mt-trends-cash-flow-chart .ct-mt-bar-selected-gradient.top {
stop-color: #95EFFC !important; }
mt-trends-cash-flow-chart .mt-trends-cash-flow-chart .ct-mt-bar-selected-gradient.bottom {
stop-color: #AFF391 !important; }
mt-trends-cash-flow-chart .mt-trends-cash-flow-chart .ct-series .ct-bar.cash-in {
fill: #75D0E5 !important;
stroke: #75D0E5 !important; }
mt-trends-cash-flow-chart .mt-trends-cash-flow-chart .ct-series .ct-bar.cash-in.active, mt-trends-cash-flow-chart .mt-trends-cash-flow-chart .ct-series .ct-bar.cash-in.drop-item:hover, mt-trends-cash-flow-chart .mt-trends-cash-flow-chart .ct-series .ct-bar.cash-in.drop-item:active {
fill: #00B2DF !important;
stroke: #00B2DF !important; }
mt-trends-cash-flow-chart .mt-trends-cash-flow-chart .ct-series .ct-bar.cash-out {
fill: #81D38E !important;
stroke: #81D38E !important; }
mt-trends-cash-flow-chart .mt-trends-cash-flow-chart .ct-series .ct-bar.cash-out.active, mt-trends-cash-flow-chart .mt-trends-cash-flow-chart .ct-series .ct-bar.cash-out.drop-item:hover, mt-trends-cash-flow-chart .mt-trends-cash-flow-chart .ct-series .ct-bar.cash-out.drop-item:active {
fill: #16B830 !important;
stroke: #16B830 !important; }
mt-trends-cash-flow-chart .mt-trends-cash-flow-chart .mt-ct-line, mt-trends-cash-flow-chart .mt-trends-cash-flow-chart .mt-ct-point {
fill: #474A48;
stroke: #474A48;
stroke-width: 2; }
mt-trends-cash-flow-summary ul {
padding: 4px; }
mt-trends-cash-flow-summary ul li {
padding: 0px 14px 0 10px !important; }
mt-trends-cash-flow-summary ul li.cash-in-total span {
color: #0EC5EB; }
mt-trends-cash-flow-summary ul li.cash-out-total span {
color: #4CDB3D; }
mt-trends-cash-flow-summary .separator-right {
border-right: 1px solid #DCE0DC; }
mt-trends-cash-flow-transactions .mt-trends-cash-flow-transactions .icon-empty-transactions-o {
color: #95EFFC; }
mt-trends-cash-flow-transactions .mt-trends-cash-flow-transactions .icon-empty-transactions-o.gradient {
color: #AFF391; }
mt-account-transactions-export .mt-account-transactions-export {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(190, 194, 190, 0.6);
z-index: 999; }
mt-account-transactions-export .mt-account-transactions-export .download-dialog {
background: white;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 6px;
padding: 20px 20px 0 20px;
width: 545px; }
mt-account-transactions-export .mt-account-transactions-export .download-dialog .separator, mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-actions {
margin-bottom: 20px; }
mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header {
height: 40px;
line-height: 40px; }
mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header .download-header-action {
position: absolute;
left: 20px; }
mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header .download-header-action a {
line-height: normal;
padding: 0 !important;
margin: 0; }
mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-header .download-header-action .icon-cross {
margin-right: 5px;
font-size: 12px; }
mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-body {
text-align: left; }
mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-body .download-body-sub-title {
display: block; }
mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-body .download-body-col {
display: inline-block;
padding: 20px 0; }
mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-body .download-body-cell {
text-align: left;
height: auto;
width: auto;
padding: 0;
margin-left: 35px; }
mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-body .download-body-col-left {
margin-right: 100px; }
mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-body .download-body-text {
font-size: x-large; }
mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-body .download-body-number {
font-size: 13px;
margin-left: 35px; }
mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-date .date-group {
position: relative;
height: 75px; }
mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-date .icon-date {
position: absolute;
left: 50px; }
mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-date .download-date-picker {
position: absolute;
left: 78px;
padding-left: 5px; }
mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-date .download-date-picker .date-label {
font-size: 12px;
line-height: 100%; }
mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-date .download-date-picker .mt-date-picker .datepicker {
text-align: left;
width: auto;
line-height: normal; }
mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-date .date-picker-personal {
color: #FF7D10;
font-size: 28px;
margin-top: 10px; }
mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-date .date-picker-points {
color: #FF437E;
font-size: 28px;
margin-top: 10px; }
mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-date .date-picker-corporate {
color: #3B5BD7;
font-size: 28px;
margin-top: 10px; }
mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-actions {
text-align: center; }
mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-actions button:first-child {
margin-right: 5px; }
mt-account-transactions-export .mt-account-transactions-export .download-dialog .download-error {
text-align: center; }
mt-empty-state-transactions .mt-empty-state-transactions {
text-align: center; }
mt-empty-state-transactions .mt-empty-state-transactions .img-empty-room {
margin-top: 40px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto; }
mt-empty-state-transactions .mt-empty-state-transactions .icon-empty-transactions-o {
position: absolute;
width: 100%;
font-size: 120px;
margin-top: 40px;
margin-bottom: 40px; }
mt-empty-state-transactions .mt-empty-state-transactions .icon-empty-transactions-o.gradient {
position: relative;
mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), black); }
mt-empty-state-transactions .mt-empty-state-transactions .message {
font-size: 16px;
color: #919491; }
mt-empty-state-transactions .mt-empty-state-transactions .border {
padding-left: 280px;
padding-right: 280px; }
mt-empty-state-transactions .mt-empty-state-transactions .border .line-border {
margin-top: 20px;
margin-bottom: 20px !important; }
mt-header-settings-menu-dropdown .mt-header-settings-menu-dropdown {
position: relative; }
mt-header-settings-menu-dropdown .mt-header-settings-menu-dropdown .mt-header-menu-dropdown .l-arrow-menu {
right: -15px; }
mt-header-settings-menu-dropdown .mt-header-settings-menu-dropdown .mt-header-menu-dropdown .l-arrow-menu:before, mt-header-settings-menu-dropdown .mt-header-settings-menu-dropdown .mt-header-menu-dropdown .l-arrow-menu:after {
right: 18px; }
mt-header-settings-menu-dropdown .mt-header-settings-menu-dropdown .mt-header-menu-dropdown .menu {
padding: 0px 10px;
width: auto;
text-align: center;
font-size: 14px; }
mt-header-settings-menu-dropdown .mt-header-settings-menu-dropdown .mt-header-menu-dropdown .menu .no-style-btn {
padding: 0;
background-color: transparent;
outline: none;
border: none; }
mt-header-settings-menu-dropdown .mt-header-settings-menu-dropdown .mt-header-menu-dropdown .menu .settings {
cursor: pointer; }
mt-header-settings-menu-dropdown .mt-header-settings-menu-dropdown .mt-header-menu-dropdown .menu .settings:hover {
background-color: #EAEBEA;
padding: 0px 10px;
width: auto;
margin: 0px -10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px; }
mt-header-settings-menu-dropdown .mt-header-settings-menu-dropdown .mt-header-menu-dropdown .menu .settings-myaccount {
cursor: pointer; }
mt-header-settings-menu-dropdown .mt-header-settings-menu-dropdown .mt-header-menu-dropdown .menu .settings-myaccount:hover {
background-color: #EAEBEA;
padding: 0px 10px;
width: auto;
margin: 0px -10px; }
mt-header-settings-menu-dropdown .mt-header-settings-menu-dropdown .mt-header-menu-dropdown .menu .logout {
cursor: pointer; }
mt-header-settings-menu-dropdown .mt-header-settings-menu-dropdown .mt-header-menu-dropdown .menu .logout:hover {
background-color: #EAEBEA;
padding: 0px 10px;
width: auto;
margin: 0px -10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px; }
.card-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 8px;
border-radius: 8px;
text-align: center; }
.card-container > :not(:last-child) {
margin-bottom: 8px; }
.card-container.notice {
background: #f9f4b3; }
.connect-institution-notice-container {
margin: 20px 0 0; }
.card-secondary-link {
display: block;
margin-top: 10px;
text-decoration: underline; }
.card-section {
flex: 1 1 auto;
line-height: 21px;
width: 100%; }
.card-section .mt-btn {
padding: 4px 10px; }
mt-pay-wall-plan-modal a.benefit-learn-more {
color: #717471;
text-decoration: underline; }
mt-pay-wall-plan-modal .paywall-header {
width: 60% !important; }
mt-pay-wall-plan-modal .paywall-content {
width: 40% !important;
margin-top: 0 !important;
padding-top: 25px !important; }
.paywall-modal-window.page-version {
top: -53px;
position: relative; }
.paywall-modal-window.page-version .mt-pay-wall-modal #close-button {
display: none; }
.paywall-modal-window .mt-pay-wall-modal.grow #hero,
.paywall-modal-window .mt-pay-wall-modal.grow #footer {
background-color: #e5ffea;
background-image: url(https://assets.moneytree.jp/mt-web/paywall/expenses-background-items.png);
background-repeat: repeat;
background-size: cover;
color: #212529; }
.paywall-modal-window .mt-pay-wall-modal.grow #hero p {
max-width: 516px; }
.paywall-modal-window .mt-pay-wall-modal.grow #close-button {
background-color: rgba(0, 0, 0, 0.2);
border-radius: 6px;
padding: 6px;
cursor: pointer;
height: 36px;
width: 36px; }
@media (max-width: 991px) {
.paywall-modal-window .mt-pay-wall-modal #hero,
.paywall-modal-window .paywall-content {
max-width: 100%;
flex: 0 0 100%;
padding: 0 10px; }
.paywall-modal-window .mt-pay-wall-modal #container {
display: flex;
flex-direction: column; }
.paywall-modal-window .paywall-header,
.paywall-modal-window .paywall-content {
width: 100% !important;
max-width: 100%;
flex: 0 0 100%;
padding: 0 10px; }
.paywall-modal-window .mt-pay-wall-modal .paywall-header {
width: 100% !important; } }
.pricing-table {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
margin-top: 40px; }
@keyframes slideUp {
from {
opacity: 0;
transform: translateY(10px); }
to {
opacity: 1;
transform: translateY(0); } }
.stripe-table {
width: 100%;
opacity: 0;
min-height: 320px;
transform: translateY(10px); }
.stripe-table.animate-in {
animation: slideUp 0.3s ease-out 0.2s forwards; }
.train-button-container {
display: flex;
border-radius: 12px;
background: #34a853;
padding: 3px;
margin-bottom: 20px;
justify-content: center;
align-items: center;
width: fit-content; }
.train-button-container button {
padding: 5px 28px;
font-size: 14px;
cursor: pointer;
background: transparent;
color: #fff;
border: none;
border-radius: 8px;
margin: 0 0;
transition: background 0.2s, color 0.2s, box-shadow 0.2s;
opacity: 0.6;
font-weight: 500; }
.train-button-container button.selected {
background: #fff;
color: #34a853;
opacity: 1;
box-shadow: 0 2px 8px rgba(60, 66, 87, 0.04);
z-index: 1; }
.train-button-container button:first-child {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px; }
.train-button-container button:last-child {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px; }
.mt-settings-payment-settings .manage-subscription-button {
cursor: pointer;
color: #00AC34;
padding: 5px 10px;
background-color: transparent;
outline: none;
border: none;
border-radius: 6px;
transition: ease-in-out 0.2s; }
.mt-settings-payment-settings .manage-subscription-button:hover {
background-color: #e5ffea; }
.mt-settings-payment-settings .manage-subscription-button:active {
box-shadow: 0 2px 8px rgba(0, 172, 52, 0.15);
transform: scale(0.95); }
.mt-settings-payment-settings .manage-subscription-button.contact-support {
color: inherit; }
.mt-settings-payment-settings .manage-subscription-button.contact-support:hover {
background-color: #EFEFEF; }
.mt-settings-payment-settings .manage-subscription-button.cancel-subscription {
color: #f64a1f; }
.mt-settings-payment-settings .manage-subscription-button.cancel-subscription:hover {
background-color: #ffe9e3; }
.mt-settings-payment-settings .ios-android-note {
padding: 5px 10px; }
.mt-settings-payment-settings form {
max-width: none; }