body {
  margin: 0;
  font-family: 'Montserrat', sans-serif !important;
  font-family: 'montserratthin', sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



.home-title {
    font-family: 'robotoblack';
}

.home-register-title{
    font-size: 64px;
    font-weight: 700;
    text-align: center;
}

.home-register-subtitle {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 30px auto 100px auto;
    padding: 0px 60px 0px 60px;

}

.home-register-image-container {

}
    .home-register-image-container{
        height: 676px;
    }

.home-banner-svg {
    width: 100%;
    
}




.App {
    text-align: center;
    font-family: 'Montserrat', sans-serif !important;
  }
  
  .App-logo {
    height: 40vmin;
    pointer-events: none;
  }
  
  @media (prefers-reduced-motion: no-preference) {
    .App-logo {
      animation: App-logo-spin infinite 20s linear;
    }
  }
  
  .App-header {
    background-color: #282c34;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: calc(10px + 2vmin);
    color: white;
  }
  
  .App-link {
    color: #61dafb;
  }
  
  @keyframes App-logo-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  
  .text-right {
    text-align: right;
  }
  
  .login {
    margin-left: 224px;
  }
  
  .banner {
    background: linear-gradient(180deg, #F1F0EE 0%, rgba(241, 240, 238, 0.2) 100%);
    padding-bottom: 120px;
  }
  
  .banner_content {
    margin-top: 50px;
    padding-right: 51px;
  }
  
  .banner_content h1 {
    font-size: 64px;
    font-weight: 700;
  }
  
  .banner_content button {
    width: 320px;
    font-size: 18px;
    margin-top: 40px;
    background: #6A4BFF !important;
    border-color: #6A4BFF !important;
  }
  
  .Simplify {
    padding: 40px 0px;
  }
  
  .banner_content p {
    padding: 25px 0px;
  }
  
  .banner-img {
    background: linear-gradient(180deg, rgba(88, 54, 229, 0.1) 0%, rgba(241, 240, 238, 0.2) 100%);
    padding: 80px 0px;
  }
  
  .banner-img img {
    margin-left: -46px;
  }
  a.nav-link {
    color: black;
    font-size: 18px;
  }
  nav.navbar {
    background-color: #f1f0ee;
  }
  .Expenses .card {
    
    box-shadow: 0px 8px 10px rgb(0 0 0 / 5%);
    border-color: transparent;
  }
  
  .Total {
    width: 300px;
    margin-bottom: 30px;
    border-color: transparent;
    padding: 23px 23px 0px;
    box-shadow: 0px 8px 10px rgb(0 0 0 / 5%);
  }
  
  .Users h1 {
    font-weight: 700;
  }
  
  span.usd {
    font-weight: 400;
    font-size: 57px;
    line-height: 71px;
  }
  
  .Money h1 {
    font-size: 64px;
    font-weight: 700;
  }
  
  .Money p {
    padding: 40px 0px;
  }
  
  .Money {
    padding: 81px 95px 40px 0px;
  }
  
  .Money button {
    width: 300px;
  }
  
  .text-center.Users p {
    font-size: 20px;
  }
  
  .text-center.Users {
    padding: 80px 0px;
  }
  
  .FoundX {
    background: black;
    color: white;
    padding: 60px 0px;
  }
  
  .FoundX h1 {
    padding: 0px 29%;
    margin-bottom: 20px;
  }
  
  .companies {
    background: #23282E;
    color: white;
    padding: 60px 0px;
  }
  
  .footer h3 {
    font-size: 21px;
    font-weight: bolder;
  }
  
  .footer {
    padding-top: 70px;
  }
  
  .register {
    background: #F1F0EE;
    padding: 100px 0px;
  }
  
  .Lorem {
    display: flex;
    background: white;
    margin-bottom: 32px;
    padding: 11px 15px;
    width: 70%;
    margin-left: auto;
    border-radius: 16.6953px;
    box-shadow: 0px 6.07101px 7.58876px rgba(104, 104, 104, 0.1);
    text-align: left;
  }
  
  .smartest-image img {
    margin-left: 74px;
    margin-top: -50%;
  }
  
  .register p {
    text-align: right;
    padding: 40px 0px;
  }
  
  .about {
    padding: 100px 20px;
  }
  
  .Testimonial h1 {
    text-align: center;
    font-size: 54px;
    padding: 0px 12%;
    font-weight: 600;
  }
  
  .Lorem span {
    font-size: 30px;
    background: white;
    height: 60px;
    width: 60px;
    padding-top: 7px;
    text-align: center;
    border-radius: 50%;
    font-weight: 600;
    margin-right: 24px;
    box-shadow: 0px 2.2883px 5.72076px rgba(104, 104, 104, 0.1);
  }
  
  .Lorem p {
    margin: 0px;
  }
  
  .name {
    margin-top: 14px;
  }
  
  .about p {
    color: #979797 !important;
  }
  
  
  .Arthur {
    display: flex;
  }
  
  .Arthur img {
    margin-right: 20px;
  }
  .name h3 {
      font-size: 18px;
      font-weight: 700;
  }
  
  
  
  .about .card {
    padding: 13px 28px;
    box-shadow: 0px 8px 10px rgb(104 104 104 / 10%);
    background: linear-gradient(white, white) padding-box, linear-gradient(176deg, #6A4BFF 0%, rgba(106, 75, 255, 0) 113.32%) border-box;
    border-radius: 25px;
    border: 4px solid transparent;
  }
  
  .d-flex.star svg {
    margin: 12px 3px;
    color: #FFB800;
  }
  
  
  .Lorem h4 {
    font-size: 23px;
    font-weight: 600;
  }
  
  .smartest h1 {
    font-size: 60px;
    font-weight: 700;
  }
  
  .smartest {
    text-align: right;
  }
  
  .money {
    background: linear-gradient(60.65deg, #45108A 12.21%, #3D065F 33.35%, #10054D 88.17%);
    color: white;
    padding: 50px 0px;
  }
  
  .money-content {
    padding: 60px 28px 60px 0px;
  }
  
  .money-content h3 {
    font-size: 64px;
    font-weight: 700;
  }
  
  .money-content button {
    width: 300px;
  }
  
  .register {
    background: #F1F0EE;
    padding: 60px 0px;
  }
  
  .money-content p {
    padding: 30px 0px;
  }
  
  .companies {
    background: #23282E;
    color: white;
    padding: 60px 0px;
  }
  
  .footer {
    padding-top: 70px;
  }
  
  .footer h3 {
    font-size: 21px;
    font-weight: bolder;
  }
  .mobile {
    display: none;
  }
  .desktop {
    display: block;
  }
  
  @media only screen and (max-width: 1054px) {
    .login {
      margin-left: 0px;
    }
  
    .ipad {
      display: none;
    }
    .banner-img {
      overflow: hidden;
  }
  .banner-img img {
    margin-left: 34%;
  }
  .banner_content h1 {
    font-size: 49px;
  }
  .banner_content p {
    padding: 13px 0px;
  }
  .banner {
    padding-bottom: 60px;
  }
  .Money h1 {
    font-size: 49px;
    padding-right: 40px;
  }
  .Money p{
    text-align: center;
  }
  .Money button {
    width: 300px;
    margin: auto;
    justify-content: center;
    display: block;
  }
  .Total {
    display: none;
  }
  .Money {
    padding: 40px 0px 40px 0px;
  }
  .register h1 {
    font-weight: 700;
    font-size: 50px;
    text-align: center;
  }
  .smartest-image img {
    margin-left: 0px;
    margin-top: 0%;
  }
  .Lorem {
    width: 100%;
  }
  .register p {
    text-align: center;
    padding: 40px 0px;
  }
  
  }
  @media only screen and (max-width: 600px) {
  .smartest-image img {
    margin-left: 74px;
    display: none;
  }
  
  .btn-close {
    background: transparent url(https://entornodelpaquete-es.info/ICS/images/close.png) center/1em auto no-repeat;
  }
  .mobile button {
    position: absolute;
    right: 13px;
    background: #f1f0ee;
    border-color: #f1f0ee;
    color: blue;
    top: 13px;
  }
  
  .modal-dialog {
    margin: -3px;
    height: 100vh;
  }
  
  
  .modal-content {
    height: 100vh;
    background-color: #000000;
  }
  
  .modal-body {
    text-align: center;
  }
  
  .modal-body a {
    padding: 9px;
    color: white;
  }
  
  a.login.nav-link {
    padding-top: 90px;
  }
  
  .banner_content button {
    margin-bottom: 49px;
    width: 100%;
  }
  .desktop {
    display: none;
  }
  
  .register h1 {
    padding: 0px 18%;
    text-align: center;
    font-size: 32px;
  }
  
  .register p {
    padding: 20px 51px;
    text-align: center;
  }
  
  .mobile{
    display: block;
  }
  
  .phones {
    display: block;
    background: #f2f1ef;
    position: relative;
    padding-left: 13px;
  }
  
  .mobile button {
    position: absolute;
    right: 13px;
    top: 13px;
  }
  
  .banner_content p {
    display: none;
  }
  
  .Money h1 {
    font-size: 32px;
    font-weight: 700;
    padding-right: 0px;
  }
  
  .Money p {
    display: none;
  }
  
  .Money button {
    width: 100%;
    margin: 16px 0px;
  }
  
  .text-center.Users p {
    font-size: 16px;
  }
  
  .FoundX h1 {
    padding: 0px 11%;
    margin-bottom: 20px;
  }
  
  .Money {
    padding: 39px;
  }
  
  .banner_content {
    padding-right: 40px;
    padding-left: 40px;
  }
  
  .banner_content h1 {
    font-size: 32px;
    font-weight: 700;
  }
  
  .Capital p {
    display: none;
  }
  
  .Capital {
    text-align: center;
    margin: 15px 0px;
  }
  
  .smartest {
    text-align: center;
  }
  
  .smartest h1 {
    font-size: 32px;
    text-align: center;
    padding: 0px 14%;
    font-weight: 700;
  }
  
  .smartest p {
    padding: 40px;
  }
  
  .money-content h3 {
    font-size: 32px;
    font-weight: 700;
  }
  
  .Testimonial h1 {
    text-align: center;
    font-size: 33px;
    padding: 0px 12%;
    font-weight: 700;
  }
  
  .footer p {
    font-size: 18px;
  }
  
  .companies h1 {
    font-weight: 700;
  }
  
  .Download img {
    width: 45%;
    margin: 0px 10px;
  }
  
  .companies p {
    display: none;
  }
  
  p.dolor {
    display: none;
  }
  
  .money-content button {
    width: 100%;
  }
  
  .money-content {
    padding: 60px 14%;
    text-align: center;
  }
  .Lorem p {
    padding: 0px;
    font-size: 13px;
  }
  
  .Lorem {
    width: 100%;
  }
  }
.App-logged {
    text-align: center;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #F0EFED;
    display: grid;
    grid-template:
        [row1-start] "sidebar view" 50% [row1-end]
        [row2-start] "sidebar view" 50% [row2-end]
        / 300px auto;
}

@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.noselect {
-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                supported by Chrome, Edge, Opera and Firefox */
}

.object-fit-cover {
    object-fit: cover;
}
.welc-main-action {
    align-self: stretch;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    flex: 2 2;
    justify-content: center;
}
    .welc-main-img {
        width: 200px;
        margin-bottom: 20px;
    }

    .welc-main-title1 {
        font-family: 'Montserrat';
        font-weight: 700;
        font-size: 28px;
    }

    .welc-main-title2 {
        font-size: 14px;
        font-weight: 400;
        width: 480px;
    }

.wel-main-button-container {
    margin-top: 20px;
}
    .wel-main-button {
        background-color: black;
        color: white;
        font-size: 18px;
        padding: 15px 40px 15px 40px;
        border-radius: 5px;
    }
    .wel-main-button-img {
        width: 25px;
        margin-right: 10px;
    }
.dashboard-summary-grid {
    grid-template:
    [row1-start] "sidebar userbar  userbar  userbar userbar userbar userbar" 40px [row1-end]
    [row2-start] "sidebar viewbar  viewbar  viewbar viewbar viewbar viewbar" 60px [row2-end]
    [row3-start] "sidebar sumTrans sumTrans expen   expen   minisuggest minisuggest" 160px [row3-end]
    [row4-start] "sidebar trans    trans    trans   gmap    gmap    gmap"   auto  [row4-end]
    /            260px   120px     140px    140px   140px   auto    auto;
}

.dashboard-welcome-grid {
    grid-template:
    [row1-start] "sidebar userbar userbar userbar userbar userbar userbar" 40px   [row1-end]
    [row2-start] "sidebar viewbar viewbar viewbar viewbar viewbar viewbar" 60px   [row2-end]
    [row3-start] "sidebar welcome welcome welcome welcome welcome welcome" 140px  [row3-end]
    [row4-start] "sidebar welcome welcome welcome welcome welcome welcome" auto   [row4-end]
    /            260px   120px    140px   140px   140px   auto    auto;
}

.dashboard-account-grid {
    grid-template:
    [row1-start] "sidebar userbar  userbar  userbar userbar userbar userbar"    40px   [row1-end]
    [row2-start] "sidebar viewbar  viewbar  viewbar viewbar viewbar viewbar"    60px   [row2-end]
    [row3-start] "sidebar sumTrans sumTrans expen   expen   minisuggest minisuggest"    160px  [row3-end]
    [row4-start] "sidebar trans    trans    trans   gmap    gmap    gmap"       auto   [row4-end]
    /             260px   120px    140px    140px   140px   auto    auto;
}

.dashboard-suggested-grid {
    grid-template:
    [row1-start] "sidebar userbar   userbar   userbar   userbar   userbar   userbar"    40px   [row1-end]
    [row2-start] "sidebar viewbar   viewbar   viewbar   viewbar   viewbar   viewbar"    60px   [row2-end]
    [row3-start] "sidebar suggested suggested suggested suggested suggested suggested"  auto   [row3-end]
    [row4-start] "sidebar suggested suggested suggested suggested suggested suggested"  auto   [row4-end]
    /             260px   120px    140px    140px   140px   auto    auto;
}

.dashboard-report-grid {
    grid-template:
    [row1-start] "sidebar userbar     userbar     userbar     userbar     userbar     userbar"     40px   [row1-end]
    [row2-start] "sidebar viewbar     viewbar     viewbar     viewbar     viewbar     viewbar"     60px   [row2-end]
    [row3-start] "sidebar report-ctrl report-ctrl report-ctrl report-ctrl report-ctrl report-ctrl" auto   [row3-end]
    [row4-start] "sidebar report-ctrl report-ctrl report-ctrl report-ctrl report-ctrl report-ctrl"       auto   [row4-end]
    /             260px   120px       140px       140px       140px       auto        auto;
}

.widget {
    opacity: 1;
    transition: all 0.2s ease-out;
}

.widget-fadeout {
    opacity: 0;
}


.auth-main {
    /* background-image: linear-gradient(to bottom right, #1EFFBC, #20494F); */
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.auth-main-logo {
    cursor: pointer;
}
.auth-left-side {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    text-align: left;
    width: 350px;
    margin-right: 80px;
}
    .auth-left-side > .auth-text-container {        
        text-align: left;
        margin-top: 50px;
        
    }

    .auth-left-side > .auth-text-container > p {
        margin-bottom: 0px
    }

    .auth-login-image {
        margin-top: 0px;
        width: 350px;
    }

.auth-right-side {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    width: 300px;
    margin-left: 80px;
}
    .auth-form-title {
        font-weight: 500;
        font-size:  25px;
        color: #6A4BFF;
        margin-bottom: 10px;
    }
    .auth-form-title2 {
        font-size:  15px;
        font-weight: 600;
        text-align: left;
    }
    .auth-form-title3 {
        font-size:  13px;
        text-align: left;
    }

    .auth-input {
        width: 300px;
        border: none;
        border-radius: 5px;
        border: 1px solid rgba(211,211,211, 0.5);
        font-size: 13px;
        line-height: 30px;
        margin-top: 15px;
        padding: 5px 5px 5px 15px;
        box-shadow: 0px 5px 5px rgba(211,211,211, 0.5);
    }
        .auth-input-error {
            border: 1px solid red;
        }

        .auth-input:focus{
            outline: 1px solid black;
        }

    .auth-acept-terms{
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        margin-top: 20px;
    }

        .auth-check-label {
            font-size: 10px;
            text-align: right;
            margin-left: 10px;
            cursor: pointer;
        }

    ::placeholder { opacity: 0.5; }
    :-ms-input-placeholder { opacity: 0.5; }
    ::-ms-input-placeholder { opacity: 0.5; }

    .auth-submit {
        margin-top: 20px;
        margin-bottom: 5px;
    }
        .auth-button {
            background-color: #6A4BFF;
            border-radius: 7px;
            width: 300px;
            font-size: 16px;
            font-weight: 500;
            padding: 10px 0px 10px 0px;
            color: white;
            border: none;
            text-decoration: none;
        }

        .auth-button-disabled {
            background-color: gray;
        }

        .auth-loading-gif {
            width: 23px;
        }


    .auth-resetpassword-container {
        font-size: 12px;
        margin-top: 20px;
        cursor: pointer;
        text-align: right;
    }

    .auth-signUp {
        font-size: 14px;
        font-weight: 600;
        margin-top: 20px;
        cursor: pointer;
        text-align: right;
        text-decoration: none !important;
        color: black;
    }
        .auth-signUp-highlight {
            color: #6A4BFF;
            font-weight: 600;
        }



.auth-hidden {
    display: none;
}


.auth-messageError {
    font-weight: 500;
    color: red;
    font-size: 12px;
    margin-top: 5px;
    text-align: right;
}

.auth-messageInfo {
    font-weight: 500;
    color: black;
    font-size: 12px;
    margin-top: 5px;
    text-align: right;
}

.auth-verificaction-links-bottom {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

    .auth-verificaction-goback {
        font-size: 14px;
        font-weight: 600;
        margin-top: 20px;
        color: #C42021;
        cursor: pointer;
    }

    .auth-verification-resendcode {
        font-size: 14px;
        font-weight: 600;
        margin-top: 20px;
        cursor: pointer;
        text-decoration: none !important;
        color: black;
    }

    .auth-verification-resendcode-sended {
        text-decoration: none;
    }
        .auth-verification-resendcode > a {
            cursor: pointer;
        }

.auth-succes-image-container{
    background-color: #6A4BFF;
    border-radius: 100px;
    display: inline-block;
    padding: 15px;
}
    .auth-succes-image {
        width: 40px;
    }

.auth-success-title {
    font-weight: 800;
    font-size:  25px;
    margin-top: 50px;
}

.auth-success-title2 {
    font-weight: 600;
    font-size:  15px;
    margin-top: 10px;
    margin-bottom: 40px;
}

/*# sourceMappingURL=main.41a52b1f.css.map*/