.tab-menu ul{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: left; list-style-type: none; padding: 0; margin-bottom: 0;} .tab-item{color: #293863; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; display: -webkit-box; display: -webkit-flex; display: flex; display: -webkit-box; display: -webkit-flex; display: flex; height: 48px; padding: 11px 93px 18px 92px; justify-content: center; align-items: center; cursor: pointer; position: relative;} .tab-menu{border-bottom: solid 1px #293863; margin-bottom: 1rem;} .tab-item.active{border-bottom: 4px solid #293863;} .tab-content{position: relative; margin-top: 20px; padding-top: 20px; padding-bottom: 20px; box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.1); border-radius: 5px; background-color: #FFF;} .tab-content .debt-investment{padding-bottom: 0.75rem; padding-top: 0.75rem; margin-left: 28px;} .tab-content .card{border: 0;} .tab-content .card .card-body{padding-left: 0; padding-right: 16px;} .tab-content .card .card-body .upper-row{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; padding-bottom: 1.25rem;} .tab-content .card .card-body .upper-row h3{margin-left: 28px;} .headers{position: sticky; top: -2px; background-color: #FBFBFB; z-index: 1; box-shadow: 0px -2px 10px 3px rgba(0, 0, 0, 0.03) inset;} .table{margin: 0;} .table-responsive-vehicle::-webkit-scrollbar, .table-responsive-capital::-webkit-scrollbar{width: 4px; height: 4px;} .table-responsive-vehicle::-webkit-scrollbar-track, .table-responsive-capital::-webkit-scrollbar-track{background: #F5F5F5;} .table-responsive-vehicle::-webkit-scrollbar-thumb, .table-responsive-capital::-webkit-scrollbar-thumb{background-color: #A7F6BE; border-radius: 27px;} .table-responsive-vehicle td, .table-responsive-capital td{vertical-align: middle; border-top: 0;} .table-responsive-vehicle th, .table-responsive-capital th{vertical-align: middle !important;} .table-responsive-capital tbody td:nth-child(2), .table-responsive-capital tbody td:nth-child(4){border-left: solid 1px rgba(118, 128, 155, 0.2); border-right: solid 1px rgba(118, 128, 155, 0.2);} .table-responsive-capital tfoot td:nth-child(2), .table-responsive-capital tfoot td:nth-child(4){border-left: solid 1px rgba(118, 128, 155, 0.2); border-right: solid 1px rgba(118, 128, 155, 0.2); border-bottom: solid 1px rgba(118, 128, 155, 0.2);} .table-responsive-other-investments tbody td:nth-child(3), .table-responsive-other-investments tbody td:nth-child(4){border-left: solid 1px rgba(118, 128, 155, 0.2); border-right: solid 1px rgba(118, 128, 155, 0.2);} .table-responsive-other-investments tfoot td:nth-child(3), .table-responsive-other-investments tfoot td:nth-child(4){border-left: solid 1px rgba(118, 128, 155, 0.2); border-right: solid 1px rgba(118, 128, 155, 0.2); border-bottom: solid 1px rgba(118, 128, 155, 0.2);} .table-responsive-vehicle tfoot td:nth-child(1), .table-responsive-capital tfoot td:nth-child(1){border-top-left-radius: 5px; border-bottom-left-radius: 5px;} .table-responsive-vehicle tfoot td:nth-child(7), .table-responsive-capital tfoot td:nth-child(8){border-top-right-radius: 5px; border-bottom-right-radius: 5px;} .table-responsive-capital thead th:nth-child(2), .table-responsive-capital thead th:nth-child(4){border-left: solid 1px rgba(118, 128, 155, 0.2); border-right: solid 1px rgba(118, 128, 155, 0.2); border-top: solid 1px rgba(118, 128, 155, 0.2); color: #293863; font-weight: 400;} .table-responsive-other-investments thead th:nth-child(3), .table-responsive-other-investments thead th:nth-child(4){border-left: solid 1px rgba(118, 128, 155, 0.2); border-right: solid 1px rgba(118, 128, 155, 0.2); border-top: solid 1px rgba(118, 128, 155, 0.2); color: #293863; font-weight: 400;} .table-responsive-other-investments thead th:nth-child(2){border-bottom: 1px solid #dee2e6 !important; font-style: normal; font-weight: 400; font-size: 11px; line-height: 13px; align-items: center; text-transform: capitalize; color: #96989C; padding: 1rem 0.3rem !important; text-align: center;} .table-responsive-vehicle thead th:nth-child(3){color: #293863; font-weight: 400;} .table-responsive-capital tbody td:nth-child(1){font-weight: 500;} .table-responsive-vehicle tbody td:last-child{width: 210px;} #wrapwrap.o_portal{padding: 0;} .container{margin-top: 0 !important; max-width: 100%;} .table-responsive-capital, .table-responsive-vehicle{max-height: 465px; overflow-y: auto; padding-left: 1.25rem; padding-right: 12px;} .table-responsive-capital td:nth-child(1){max-width: 25em;} .table-responsive-capital .loan_id{display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;} .table-responsive-capital .modal-dialog.modal-lg{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; height: 100%; margin-top: 0; max-width: 75vw;} .table-responsive-capital .modal-dialog.modal-lg .modal-content{border-radius: 20px; scrollbar-width: none; -ms-overflow-style: none; overflow: scroll; max-height: 80vh;} .table-responsive-capital .modal-dialog.modal-lg .last-update{padding-left: 15px;} .table-responsive-capital .modal-dialog.modal-lg .modal-body{padding: 2em; width: 75vw;} .table-responsive-capital .modal-dialog.modal-lg .row.upper-row{padding-right: 16px; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; display: -webkit-box; display: -webkit-flex; display: flex;} .table-responsive-capital .modal-dialog.modal-lg .row.upper-row .col-8{padding-right: 0; padding-left: 16px;} .table-responsive-capital .modal-dialog.modal-lg .row.upper-row b{width: -webkit-fill-available; color: #293863; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal;} .table-responsive-capital .modal-dialog.modal-lg .row.upper-row span, .table-responsive-capital .modal-dialog.modal-lg .row.upper-row #text{color: #293863; text-align: center; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize;} .table-responsive-capital .modal-dialog.modal-lg .row.bottom-row .liquidation-totals.table-line{height: 64px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; color: #FFF; text-align: center; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; text-transform: capitalize;} .table-responsive-capital .modal-dialog.modal-lg .row.bottom-row .liquidation-totals.table-line .td_line{vertical-align: middle;} .table-responsive-capital .modal-dialog.modal-lg .row.bottom-row .thead{background: #FBFBFB; box-shadow: 0px -2px 10px 3px rgba(0, 0, 0, 0.03) inset; text-align: left; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-around;} .table-responsive-capital .modal-dialog.modal-lg .row.bottom-row .thead .th_line{color: #96989C; text-align: center; font-family: Roboto; font-size: 11px; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize; padding: 1rem 0.3rem !important; display: table-cell; vertical-align: middle; width: calc(100%/10);} .table-responsive-capital .modal-dialog.modal-lg .row.bottom-row .tbody .table-line:nth-of-type(odd){background-color: rgba(36, 95, 255, 0.03) !important;} .table-responsive-capital .modal-dialog.modal-lg .row.bottom-row .tbody .table-line{background-color: white !important; display: table; width: 100%; text-align: left;} .table-responsive-capital .modal-dialog.modal-lg .row.bottom-row .tbody .td_line{display: table-cell; vertical-align: top; width: calc(100%/10); padding: 1rem 0.3rem;} .table-responsive-capital .modal-dialog.modal-lg .row.bottom-row .tbody .table-line{word-wrap: break-word;} .table-responsive-capital .modal-dialog.modal-lg .row.bottom-row .tbody .table-line .td_line{color: #293863; text-align: center; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize;} .table-responsive-capital .modal-dialog.modal-lg .row.bottom-row .tbody .liquidation-totals.table-line{background: #245FFF !important;} .table-responsive-capital .modal-dialog.modal-lg .row.bottom-row .tbody .liquidation-totals.table-line .td_line{color: #FFF; text-align: center; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; text-transform: capitalize;} .table-responsive-capital .modal-dialog.modal-lg .row.bottom-row .tbody .liquidation-totals.table-line{border-radius: 5px;} .table-responsive-capital .modal-dialog.modal-lg .header-popup{display: -webkit-box; display: -webkit-flex; display: flex; align-content: center; align-items: center; justify-content: space-between; padding-right: 20px;} .table-responsive-capital .modal-dialog.modal-lg .header-popup h3{font-size: 25px;} .table-responsive-capital .modal-dialog.modal-lg #closeModalIcon{cursor: pointer;} .table-responsive-capital .modal-dialog.modal-lg h4{height: 58px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; color: #96989C; font-family: Roboto; font-size: 11px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase;} .table-responsive-capital .modal-dialog.modal-lg h3{color: #293863; font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase;} .table-responsive-capital .modal-dialog.modal-lg .operation-data-title{margin-bottom: 0; background: #F5F5F5; padding: 10px; border-radius: 5px;} .table-responsive-capital .modal-dialog.modal-lg .investor-data-title{color: #293863; margin-bottom: 0; background: #F5F5F5; padding: 10px;} .table-responsive-capital .modal-dialog.modal-lg .column_data.investor-data{background: #F5F5F5; padding: 0 7px !important; padding-bottom: 10px !important; border-radius: 5px;} .table-responsive-capital .modal-dialog.modal-lg .column_data{padding: 0; max-width: 100%;} .table-responsive-capital .modal-dialog.modal-lg .column_data div{background-color: white !important; padding: 10px; border-radius: 5px; height: 64px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; margin: 5px 0;} .table-responsive-capital .modal-dialog.modal-lg .column_data div:first-child{margin-top: 0;} .table-responsive-capital .modal-dialog.modal-lg #left-col{padding-right: 8px;} .table-responsive-capital .modal-dialog.modal-lg #right-col{padding-right: 32px;} .table-responsive-capital .modal-dialog.modal-lg .operation-data .column_data div:nth-of-type(odd){background-color: white !important;} .table-responsive-capital .modal-dialog.modal-lg .operation-data .column_data div{background-color: rgba(36, 95, 255, 0.03) !important;} tbody tr.table-row:hover{background-color: rgba(36, 95, 255, 0.1) !important; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15); position: relative;} tbody tr.table-row td:hover:before{content: ""; position: absolute; left: 0; top: 25%; height: 50%; flex-shrink: 0; width: 3px; background-color: #245FFF; z-index: -1; border-top-right-radius: 1px; border-bottom-right-radius: 1px;} tbody td:nth-child(1), tfoot td:nth-child(1){text-align: left;} .capital-call-date-selector, .debt-vehicle-date-selector, .capital-call-state-selector, .debt-investment-company-selector, .debt-investment-contact-selector, .other-investment-state-selector{width: 152px; height: 32px; justify-content: center; align-items: center; flex-shrink: 0; border-radius: 5px; background-color: white; color: #76809B; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; border: 1px solid #76809B; margin-right: 24px;} .capital-call-date-selector option, .debt-vehicle-date-selector option, .capital-call-state-selector option, .debt-investment-company-selector option, .debt-investment-contact-selector option, .other-investment-state-selector option{border: 0px; background-color: #f8f8f8; border-radius: 5px;} .capital-call-date-selector option:hover, .debt-vehicle-date-selector option:hover, .capital-call-state-selector option:hover, .debt-investment-company-selector option:hover, .debt-investment-contact-selector option:hover, .other-investment-state-selector option:hover{background: rgba(36, 95, 255, 0.1);} .debt-vehicle-company-selector, .debt-vehicle-contact-selector, .capital-call-company-selector, .capital-call-contact-selector, .debt-vehicle-date-selector{display: none;} .filters{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; text-align: right;} .filters span{color: #96989C; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; margin-right: 8px;} .filters h3{display: inline; display: inline; vertical-align: middle; float: left; margin-left: 28px;} #tab1{position: relative;} #tab2{position: relative;} #tab3{position: relative;} .debt-investment-filters .container-filters{position: fixed; right: -230px; top: 0; background: white; height: 100%; z-index: 1000; width: 230px; padding: 60px 20px 0px 20px; transition: all 0.5s ease-out;} .debt-investment-filters .container-filters > select, .debt-investment-filters .container-filters > span{display: block; text-align: left;} .debt-investment-filters .container-filters > span{margin: 10px 0;} .debt-investment-filters .container-filters .fa-times{font-size: 20px; cursor: pointer; color: #293863;} .debt-investment-filters .open-debt-filters{cursor: pointer; position: absolute; right: 15px; top: 0; font-size: 16px; padding: 10px 20px; background: #f5f5f5; border-radius: 5px; font-family: 'Roboto'; font-weight: bold; color: #293863;} .debt-investment-filters .open-debt-filters .fa{margin-right: 7px; font-size: 18px;} .debt-investment-filters .apply-filter{position: absolute; bottom: 23px; right: 50px; background: #255fff; color: white; border-radius: 5px; padding: 10px 0; width: 120px; text-align: center; cursor: pointer;} .avanzalink{color: #293863; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; display: -webkit-box; display: -webkit-flex; display: flex; height: 48px; padding: 11px 93px 18px 92px; justify-content: center; align-items: center; cursor: pointer; position: relative;} .row.upper-row{padding-right: 16px; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; display: -webkit-box; display: -webkit-flex; display: flex;} .row.upper-row .col-8{padding-right: 0; padding-left: 16px;} .row.upper-row b{width: -webkit-fill-available; color: #293863; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal;} .row.upper-row span, .row.upper-row #text{color: #293863; text-align: center; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize;} .row.bottom-row .liquidation-totals.table-line{height: 64px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; color: #FFF; text-align: center; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; text-transform: capitalize;} .row.bottom-row .liquidation-totals.table-line .td_line{vertical-align: middle;} .row.bottom-row .thead{background: #FBFBFB; box-shadow: 0px -2px 10px 3px rgba(0, 0, 0, 0.03) inset; text-align: left; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-around;} .row.bottom-row .thead .th_line{color: #96989C; text-align: center; font-family: Roboto; font-size: 11px; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize; padding: 1rem 0.3rem !important; display: table-cell; vertical-align: middle; width: calc(100%/10);} .row.bottom-row .tbody .table-line:nth-of-type(odd){background-color: rgba(36, 95, 255, 0.03) !important;} .row.bottom-row .tbody .table-line{display: table; width: 100%; text-align: left;} .row.bottom-row .tbody .td_line{display: table-cell; vertical-align: top; width: calc(100%/10); padding: 1rem 0.3rem;} .row.bottom-row .tbody .table-line{word-wrap: break-word;} .row.bottom-row .tbody .table-line .td_line{color: #293863; text-align: center; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize;} .row.bottom-row .tbody .liquidation-totals.table-line{background: #245FFF !important;} .row.bottom-row .tbody .liquidation-totals.table-line .td_line{color: #FFF; text-align: center; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; text-transform: capitalize;} .row.bottom-row .tbody .liquidation-totals.table-line{border-radius: 5px;} 

/* /investor_portal/static/src/scss/mobile_style.scss defined in bundle 'web.assets_frontend' */
 main{background-color: #F5F5F5;} .mobile .portal_header_mobile{background-color: #293863; width: 100vw; text-align: center; padding: 3em; margin-bottom: 56px; left: -15px; position: relative; height: 272px; top: -3px;} .mobile .portal_header_mobile .investor_info{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-content: center; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; align-items: center; height: 191px;} .mobile .portal_header_mobile .investor_info .investor{width: 107%; margin-top: 45px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .mobile .portal_header_mobile .investor_info .investor .img{width: 4em; margin-right: 12px;} .mobile .portal_header_mobile .investor_info .investor .name{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: flex-start; top: 4px; position: relative;} .mobile .portal_header_mobile .investor_info .investor .name p{color: #BEC1D1; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 4px;} .mobile .portal_header_mobile .investor_info .investor .name span{font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 400; color: #FFFFFF; text-transform: uppercase; text-align: left;} .mobile .portal_header_mobile #investor_portal_btn_open_popup_mobile{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; align-items: flex-start; padding-left: 24px; padding-top: 16px; width: 90%; height: 90px; top: 225px; left: 24px; position: absolute; flex-shrink: 0; border-radius: 10px; background: #FFF; box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.1);} .mobile .portal_header_mobile #investor_portal_btn_open_popup_mobile p{color: #76809B; font-family: Roboto; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize; margin-bottom: 8px;} .mobile .portal_header_mobile #investor_portal_btn_open_popup_mobile h1{color: #293863; font-family: Roboto; font-size: 25px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase;} .mobile #investor_portal_summary_popup_mobile{display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; position: fixed; bottom: 0; left: 0; width: 100%; height: 75%; background-color: #ffffff; padding: 20px; animation: slideUp 0.5s ease-in-out; z-index: 1; border-radius: 50px 50px 0px 0px;} .mobile #investor_portal_summary_popup_mobile #investor_portal_summary_popup_mobile_container{width: 100%; overflow-y: auto;} .mobile #investor_portal_summary_popup_mobile #investor_portal_summary_popup_mobile_container::-webkit-scrollbar{display: none;} .mobile #investor_portal_summary_popup_mobile #summary_chart_mobile{margin-top: 1em; margin-left: auto; margin-right: auto; max-width: 400px; min-width: 150px;} .mobile #investor_portal_summary_popup_mobile .summary_graph_title{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;} .mobile #investor_portal_summary_popup_mobile .summary_products_line{border-radius: 5px; background: #FCFDFE; box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.1); margin: 1em 0; flex-shrink: 0; padding: 1em 0.5em;} .mobile #investor_portal_summary_popup_mobile .debt_vehicle{border-bottom: 3px solid #A7F6BE;} .mobile #investor_portal_summary_popup_mobile .capital_call{border-bottom: 3px solid #FFAD1D;} .mobile #investor_portal_summary_popup_mobile .real_state_vehicle{border-bottom: 3px solid #245FFF;} .mobile #investor_portal_btn_close_popup_mobile{z-index: 1; position: absolute; right: 32px; top: 32px; width: 32px; height: 22px; opacity: 0.3;} .mobile #investor_portal_btn_close_popup_mobile:hover{opacity: 1;} .mobile #investor_portal_btn_close_popup_mobile:before, .mobile #investor_portal_btn_close_popup_mobile:after{position: absolute; left: 15px; content: ' '; height: 22px; width: 2px; background-color: #333;} .mobile #investor_portal_btn_close_popup_mobile:before{transform: rotate(45deg);} .mobile #investor_portal_btn_close_popup_mobile:after{transform: rotate(-45deg);} @keyframes slideUp{from{transform: translateY(100%);}to{transform: translateY(0);}} @keyframes slideDown{from{transform: translateY(0);}to{transform: translateY(100%);}} .mobile .investor-portal-mobile-body{padding-left: 9px; padding-right: 9px;} .mobile .investor-portal-mobile-body nav{margin-bottom: 24px; margin-top: 40px;} .mobile .investor-portal-mobile-body .tab-item{color: #293863; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; display: -webkit-box; display: -webkit-flex; display: flex; display: -webkit-box; display: -webkit-flex; display: flex; height: 48px; width: 144px; justify-content: center; align-items: center; cursor: pointer; position: relative; color: #76809B; text-align: center; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase; padding: 0;} .mobile .capital-division-mobile{margin-top: 70px;} .mobile .capital-division-mobile .capital-division-title{margin-left: 8px; margin-bottom: 12px; color: #293863; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase;} .mobile .capital-division-mobile .capital-division-cards{-ms-overflow-style: none; scrollbar-width: none; width: 100%; overflow-x: auto; white-space: nowrap; display: -webkit-box; display: -webkit-flex; display: flex;} .mobile .capital-division-mobile .capital-division-cards .capital-division-card{margin-right: 9px; min-width: 215px; width: 215px; height: 192px; border-radius: 10px; background: #FFF; box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.1); padding-top: 9px; padding-left: 15px;} .mobile .capital-division-mobile .capital-division-cards .capital-division-card h3{color: #293863; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; margin-top: 8px; margin-bottom: 0;} .mobile .capital-division-mobile .capital-division-cards .capital-division-card span{color: #76809B; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal;} .mobile .capital-division-mobile .capital-division-cards .capital-division-card .date{height: 16px; margin-bottom: 41px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex;} .mobile .capital-division-mobile .capital-division-cards .capital-division-card .balance, .mobile .capital-division-mobile .capital-division-cards .capital-division-card .balance span{font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize;} .mobile .capital-division-mobile .capital-division-cards .capital-division-card .balance.capital-call, .mobile .capital-division-mobile .capital-division-cards .capital-division-card .balance.capital-call span{color: #FFAD1D;} .mobile .capital-division-mobile .capital-division-cards .capital-division-card .balance.debt-vehicle, .mobile .capital-division-mobile .capital-division-cards .capital-division-card .balance.debt-vehicle span{color: #72D38E;} .mobile .capital-division-mobile .capital-division-cards .capital-division-card .balance.real-state-vehicle, .mobile .capital-division-mobile .capital-division-cards .capital-division-card .balance.real-state-vehicle span{color: #245FFF; margin-top: 16px;} .mobile .capital-division-mobile .capital-division-cards .capital-division-card .cards::-webkit-scrollbar{display: none;} .mobile .capital-division-mobile .capital-division-cards .capital-call.capital-division-card{border-bottom: 4px solid #FFAD1D;} .mobile .capital-division-mobile .capital-division-cards .capital-call.capital-division-card svg{margin-top: 5px; margin-bottom: 5px;} .mobile .capital-division-mobile .capital-division-cards .debt-vehicle.capital-division-card{border-bottom: 4px solid #A7F6BE;} .mobile .capital-division-mobile .capital-division-cards .real-state-vehicle.capital-division-card{border-bottom: 4px solid #245FFF;} .mobile .capital-division-mobile .capital-division-cards::-webkit-scrollbar{display: none;} .mobile .debt-vehicle-detailed, .mobile .capital-call-detailed{left: 0; padding-left: 24px; width: 100%; display: none; position: absolute; top: 0; background-color: #F5F5F5;} .mobile .debt-vehicle-detailed .debt_vehicle_detailed_header, .mobile .debt-vehicle-detailed .capital_call_detailed_header, .mobile .capital-call-detailed .debt_vehicle_detailed_header, .mobile .capital-call-detailed .capital_call_detailed_header{background-color: #293863; height: 200px; width: 100vw; text-align: center; padding: 3em; left: -24px; position: relative;} .mobile .debt-vehicle-detailed .debt_vehicle_detailed_header .row, .mobile .debt-vehicle-detailed .capital_call_detailed_header .row, .mobile .capital-call-detailed .debt_vehicle_detailed_header .row, .mobile .capital-call-detailed .capital_call_detailed_header .row{margin-top: 26px; margin-bottom: 24px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .mobile .debt-vehicle-detailed .debt_vehicle_detailed_header .row svg, .mobile .debt-vehicle-detailed .capital_call_detailed_header .row svg, .mobile .capital-call-detailed .debt_vehicle_detailed_header .row svg, .mobile .capital-call-detailed .capital_call_detailed_header .row svg{left: 16px; position: relative; height: 41px; width: 41px; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px;} .mobile .debt-vehicle-detailed .debt_vehicle_detailed_header .row span, .mobile .debt-vehicle-detailed .capital_call_detailed_header .row span, .mobile .capital-call-detailed .debt_vehicle_detailed_header .row span, .mobile .capital-call-detailed .capital_call_detailed_header .row span{margin: 0 auto; left: -6px; position: relative; color: #EBEDF1; text-align: center; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase;} .mobile .debt-vehicle-detailed .debt_vehicle_detailed_header .debt-vehicle-detailed-balance, .mobile .debt-vehicle-detailed .debt_vehicle_detailed_header .capital-call-detailed-balance, .mobile .debt-vehicle-detailed .capital_call_detailed_header .debt-vehicle-detailed-balance, .mobile .debt-vehicle-detailed .capital_call_detailed_header .capital-call-detailed-balance, .mobile .capital-call-detailed .debt_vehicle_detailed_header .debt-vehicle-detailed-balance, .mobile .capital-call-detailed .debt_vehicle_detailed_header .capital-call-detailed-balance, .mobile .capital-call-detailed .capital_call_detailed_header .debt-vehicle-detailed-balance, .mobile .capital-call-detailed .capital_call_detailed_header .capital-call-detailed-balance{border-radius: 10px; background: #FFF; box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.1); height: 80px; padding: 17px; display: -webkit-box; display: -webkit-flex; display: flex; position: absolute; width: calc(100vw - 48px); left: 24px; top: 160px;} .mobile .debt-vehicle-detailed .debt_vehicle_detailed_header .debt-vehicle-detailed-balance .col, .mobile .debt-vehicle-detailed .debt_vehicle_detailed_header .capital-call-detailed-balance .col, .mobile .debt-vehicle-detailed .capital_call_detailed_header .debt-vehicle-detailed-balance .col, .mobile .debt-vehicle-detailed .capital_call_detailed_header .capital-call-detailed-balance .col, .mobile .capital-call-detailed .debt_vehicle_detailed_header .debt-vehicle-detailed-balance .col, .mobile .capital-call-detailed .debt_vehicle_detailed_header .capital-call-detailed-balance .col, .mobile .capital-call-detailed .capital_call_detailed_header .debt-vehicle-detailed-balance .col, .mobile .capital-call-detailed .capital_call_detailed_header .capital-call-detailed-balance .col{padding-left: 17px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: flex-start;} .mobile .debt-vehicle-detailed .debt_vehicle_detailed_header .debt-vehicle-detailed-balance .col p, .mobile .debt-vehicle-detailed .debt_vehicle_detailed_header .capital-call-detailed-balance .col p, .mobile .debt-vehicle-detailed .capital_call_detailed_header .debt-vehicle-detailed-balance .col p, .mobile .debt-vehicle-detailed .capital_call_detailed_header .capital-call-detailed-balance .col p, .mobile .capital-call-detailed .debt_vehicle_detailed_header .debt-vehicle-detailed-balance .col p, .mobile .capital-call-detailed .debt_vehicle_detailed_header .capital-call-detailed-balance .col p, .mobile .capital-call-detailed .capital_call_detailed_header .debt-vehicle-detailed-balance .col p, .mobile .capital-call-detailed .capital_call_detailed_header .capital-call-detailed-balance .col p{color: #76809B; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize; margin-bottom: 0;} .mobile .debt-vehicle-detailed .debt_vehicle_detailed_header .debt-vehicle-detailed-balance.green, .mobile .debt-vehicle-detailed .capital_call_detailed_header .debt-vehicle-detailed-balance.green, .mobile .capital-call-detailed .debt_vehicle_detailed_header .debt-vehicle-detailed-balance.green, .mobile .capital-call-detailed .capital_call_detailed_header .debt-vehicle-detailed-balance.green{border-bottom: 4px solid #A7F6BE;} .mobile .debt-vehicle-detailed .debt_vehicle_detailed_header .debt-vehicle-detailed-balance.green h1, .mobile .debt-vehicle-detailed .capital_call_detailed_header .debt-vehicle-detailed-balance.green h1, .mobile .capital-call-detailed .debt_vehicle_detailed_header .debt-vehicle-detailed-balance.green h1, .mobile .capital-call-detailed .capital_call_detailed_header .debt-vehicle-detailed-balance.green h1{color: #72D38E; font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize;} .mobile .debt-vehicle-detailed .debt_vehicle_detailed_header .capital-call-detailed-balance.orange, .mobile .debt-vehicle-detailed .capital_call_detailed_header .capital-call-detailed-balance.orange, .mobile .capital-call-detailed .debt_vehicle_detailed_header .capital-call-detailed-balance.orange, .mobile .capital-call-detailed .capital_call_detailed_header .capital-call-detailed-balance.orange{border-bottom: 4px solid #FFAD1D;} .mobile .debt-vehicle-detailed .debt_vehicle_detailed_header .capital-call-detailed-balance.orange h1, .mobile .debt-vehicle-detailed .capital_call_detailed_header .capital-call-detailed-balance.orange h1, .mobile .capital-call-detailed .debt_vehicle_detailed_header .capital-call-detailed-balance.orange h1, .mobile .capital-call-detailed .capital_call_detailed_header .capital-call-detailed-balance.orange h1{color: #FFAD1D; font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize;} .mobile .debt-vehicle-detailed h4, .mobile .capital-call-detailed h4{color: #293863; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; margin-bottom: 16px; margin-top: 24px;} .mobile .debt-vehicle-detailed .highlight-row, .mobile .capital-call-detailed .highlight-row{padding-right: 24px; margin-top: 56px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; width: 100%;} .mobile .debt-vehicle-detailed .highlight-row .highlight, .mobile .capital-call-detailed .highlight-row .highlight{width: 49%; background-color: #A7F6BE; border-radius: 10px; height: 104px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; padding: 16px 8px 16px 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; align-items: flex-start; gap: 16px; margin-left: 0; margin-bottom: 8px;} .mobile .debt-vehicle-detailed .highlight-row .highlight span, .mobile .capital-call-detailed .highlight-row .highlight span{color: #293863; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 600; line-height: normal; text-transform: capitalize;} .mobile .debt-vehicle-detailed .highlight-row .highlight.left, .mobile .capital-call-detailed .highlight-row .highlight.left{margin-right: 2%; width: 48%;} .mobile .debt-vehicle-detailed .highlight-row .orange, .mobile .capital-call-detailed .highlight-row .orange{background-color: #FFAD1D;} .mobile .debt-vehicle-detailed .highlight-row .orange p, .mobile .capital-call-detailed .highlight-row .orange p{color: white;} .mobile .debt-vehicle-detailed .highlight-row .white, .mobile .capital-call-detailed .highlight-row .white{background-color: #FFFFFF;} .mobile .debt-vehicle-detailed .highlight-row p, .mobile .capital-call-detailed .highlight-row p{color: #76809B; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 0;} .mobile #close-detailed-debt-vehicle:before{transform: rotate(45deg);} .mobile #close-detailed-debt-vehicle:after{transform: rotate(-45deg);} @keyframes slideLeft{from{transform: translateX(100%);}to{transform: translateX(0);}} @keyframes slideRight{from{transform: translateX(0);}to{transform: translateX(100%);}} .mobile .debt-investment-mobile h2{color: #293863; font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase;} .mobile .debt-investment-mobile .debt-vehicle-card.debt-investment-card, .mobile .debt-investment-mobile .capital-call-card.debt-investment-card{padding: 16px; width: 100%;} .mobile .debt-investment-mobile .capital-call-card.debt-investment-card{margin-top: 30px;} .mobile .debt-investment-mobile .debt-vehicle-card.detailed-vehicle-debt-card{height: fit-content; padding: 24px;} .mobile .debt-investment-mobile .debt-vehicle-card.detailed-vehicle-debt-card .investor{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; height: 80px; width: 100%; padding: 16px 17px 16px 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; align-items: flex-start; flex-shrink: 0; border-radius: 5px; background: rgba(36, 95, 255, 0.03); margin-bottom: 16px;} .mobile .debt-investment-mobile .debt-vehicle-card.detailed-vehicle-debt-card .investor .partner{color: #293863; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: normal; line-height: normal; text-transform: capitalize;} .mobile .debt-investment-mobile .debt-vehicle-card.detailed-vehicle-debt-card .investor .company{color: #293863; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: bold; line-height: normal;} .mobile .debt-investment-mobile .capital-call-card.detailed-vehicle-debt-card{height: 528px; padding: 24px;} .mobile .debt-investment-mobile .capital-call-card.detailed-vehicle-debt-card .investor p{font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; color: #76809B; margin-bottom: 8px;} .mobile .debt-investment-mobile .capital-call-card.detailed-vehicle-debt-card .investor span{font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; color: #293863; margin-bottom: 24px;} .mobile .debt-investment-mobile .capital-call-card.detailed-vehicle-debt-card .highlight.blue{height: 88px; margin-top: 24px;} .mobile .debt-investment-mobile .capital-call-card.detailed-vehicle-debt-card .last-update, .mobile .debt-investment-mobile .debt-vehicle-card.detailed-vehicle-debt-card .last-update{margin-top: 32px;} .mobile .debt-investment-mobile .detailed-debt-vehicle-cards{height: 630px;} .mobile .debt-investment-mobile .detailed-capital-call-cards{height: 590px;} .mobile .debt-investment-mobile .detailed-debt-vehicle-cards, .mobile .debt-investment-mobile .detailed-capital-call-cards{-ms-overflow-style: none; scrollbar-width: none; width: 100%; overflow-x: auto; display: -webkit-box; display: -webkit-flex; display: flex;} .mobile .debt-investment-mobile .detailed-debt-vehicle-cards::-webkit-scrollbar, .mobile .debt-investment-mobile .detailed-capital-call-cards::-webkit-scrollbar{display: none;} .mobile .debt-investment-mobile .debt-investment-card, .mobile .debt-investment-mobile .detailed-vehicle-debt-card, .mobile .debt-investment-mobile .detailed-capital-call-card{border-radius: 10px; background: #FFF; box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.1); width: 90vw; flex-shrink: 0; margin-right: 8px;} .mobile .debt-investment-mobile .debt-investment-card h3, .mobile .debt-investment-mobile .detailed-vehicle-debt-card h3, .mobile .debt-investment-mobile .detailed-capital-call-card h3{width: fit-content; color: #293863; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase;} .mobile .debt-investment-mobile .debt-investment-card .normal, .mobile .debt-investment-mobile .detailed-vehicle-debt-card .normal, .mobile .debt-investment-mobile .detailed-capital-call-card .normal{align-items: center; border-radius: 10px; background: rgba(235, 237, 241, 0.5); display: -webkit-box; display: -webkit-flex; display: flex; height: 56px; padding: 16px; justify-content: space-between; gap: 1px; flex-shrink: 0; margin-left: 8px; margin-right: 8px; margin-top: 8px; color: #293863; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 600; line-height: normal; text-transform: capitalize;} .mobile .debt-investment-mobile .debt-investment-card .normal.orange, .mobile .debt-investment-mobile .detailed-vehicle-debt-card .normal.orange, .mobile .debt-investment-mobile .detailed-capital-call-card .normal.orange{background-color: #FFAD1D;} .mobile .debt-investment-mobile .debt-investment-card .normal.orange p, .mobile .debt-investment-mobile .detailed-vehicle-debt-card .normal.orange p, .mobile .debt-investment-mobile .detailed-capital-call-card .normal.orange p{color: white;} .mobile .debt-investment-mobile .debt-investment-card p, .mobile .debt-investment-mobile .detailed-vehicle-debt-card p, .mobile .debt-investment-mobile .detailed-capital-call-card p{color: #76809B; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 0;} .mobile .debt-investment-mobile .debt-investment-card .highlight, .mobile .debt-investment-mobile .detailed-vehicle-debt-card .highlight, .mobile .debt-investment-mobile .detailed-capital-call-card .highlight{border-radius: 10px; height: 104px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; padding: 16px 8px 16px 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; align-items: flex-start; gap: 16px; margin-left: 0; margin-bottom: 8px;} .mobile .debt-investment-mobile .debt-investment-card .highlight span, .mobile .debt-investment-mobile .detailed-vehicle-debt-card .highlight span, .mobile .debt-investment-mobile .detailed-capital-call-card .highlight span{color: #293863; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 600; line-height: normal; text-transform: capitalize;} .mobile .debt-investment-mobile .debt-investment-card .highlight.green, .mobile .debt-investment-mobile .detailed-vehicle-debt-card .highlight.green, .mobile .debt-investment-mobile .detailed-capital-call-card .highlight.green{width: 49%; background-color: #A7F6BE;} .mobile .debt-investment-mobile .debt-investment-card .highlight.green.left, .mobile .debt-investment-mobile .detailed-vehicle-debt-card .highlight.green.left, .mobile .debt-investment-mobile .detailed-capital-call-card .highlight.green.left{margin-right: 2%; width: 48%;} .mobile .debt-investment-mobile .debt-investment-card .highlight.blue, .mobile .debt-investment-mobile .detailed-vehicle-debt-card .highlight.blue, .mobile .debt-investment-mobile .detailed-capital-call-card .highlight.blue{width: 49%; background: rgba(36, 95, 255, 0.1);} .mobile .debt-investment-mobile .debt-investment-card .highlight.blue.left, .mobile .debt-investment-mobile .detailed-vehicle-debt-card .highlight.blue.left, .mobile .debt-investment-mobile .detailed-capital-call-card .highlight.blue.left{margin-right: 2%; width: 48%;} .mobile .debt-investment-mobile .debt-investment-card .last-update, .mobile .debt-investment-mobile .detailed-vehicle-debt-card .last-update, .mobile .debt-investment-mobile .detailed-capital-call-card .last-update{margin-left: 16px; margin-top: 16px; margin-bottom: 6px;} .mobile .debt-investment-mobile .debt-investment-card .first-row, .mobile .debt-investment-mobile .detailed-vehicle-debt-card .first-row, .mobile .debt-investment-mobile .detailed-capital-call-card .first-row{margin-bottom: 16px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between;} .mobile .debt-investment-mobile .debt-investment-card .first-row #open-detailed-debt-vehicle, .mobile .debt-investment-mobile .detailed-vehicle-debt-card .first-row #open-detailed-debt-vehicle, .mobile .debt-investment-mobile .detailed-capital-call-card .first-row #open-detailed-debt-vehicle{width: fit-content; cursor: pointer; color: #72D38E; text-align: right; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-decoration-line: underline;} .mobile .debt-investment-mobile .debt-investment-card .first-row #open-detailed-capital-call, .mobile .debt-investment-mobile .detailed-vehicle-debt-card .first-row #open-detailed-capital-call, .mobile .debt-investment-mobile .detailed-capital-call-card .first-row #open-detailed-capital-call{width: fit-content; cursor: pointer; color: #FFAD1D; text-align: right; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-decoration-line: underline;} .mobile .debt-investment-mobile .last-movements h4{color: #293863; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; margin-bottom: 16px; margin-top: 24px;} .mobile .debt-investment-mobile .last-movements .movements{padding-left: 16px; padding-right: 16px; padding-top: 16px; padding-bottom: 11px; background-color: #EBEDF1; border-radius: 10px;} .mobile .debt-investment-mobile .last-movements .movements .movement-name{margin-bottom: 5px; background-color: #FFFFFF; height: 49px; width: 100%; border-radius: 5px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding: 8px;} .mobile .debt-investment-mobile .last-movements .movements .movement-name span{font-family: Roboto; font-weight: 400; font-size: 14px; color: #293863;} .mobile #investor_portal_fix_control{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-around; align-items: center; position: fixed; padding: 0.5em; width: 40%; text-align: center; bottom: 1em; border-radius: 40px; background: #FFF; box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.1); left: 50%; transform: translateX(-50%);} .mobile #investor_portal_fix_control .portal-link:hover{text-decoration: none;} 

/* /investor_portal/static/src/scss/tablet_style.scss defined in bundle 'web.assets_frontend' */
 main{background-color: #F5F5F5;} .tablet .portal_header_tablet{background-color: #293863; width: 100vw; text-align: center; padding: 3em; margin-bottom: 56px; left: -15px; position: relative; height: 272px; top: -3px;} .tablet .portal_header_tablet .investor_info{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-content: center; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; align-items: center; height: 191px;} .tablet .portal_header_tablet .investor_info .investor{width: 95%; margin-top: 45px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding-left: 5em; padding-right: 5em;} .tablet .portal_header_tablet .investor_info .investor .img{width: 4em; margin-right: 12px;} .tablet .portal_header_tablet .investor_info .investor .name{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: flex-start; top: 4px; position: relative;} .tablet .portal_header_tablet .investor_info .investor .name p{color: #BEC1D1; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 4px;} .tablet .portal_header_tablet .investor_info .investor .name span{font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 400; color: #FFFFFF; text-transform: uppercase; text-align: left;} .tablet .portal_header_tablet #investor_portal_btn_open_popup_tablet{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; align-items: flex-start; padding-left: 24px; padding-top: 16px; width: 52.4%; height: 90px; top: 225px; position: absolute; flex-shrink: 0; border-radius: 10px; background: #FFF; box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.1); left: -24px; transform: translate(50%, 0);} .tablet .portal_header_tablet #investor_portal_btn_open_popup_tablet p{color: #76809B; font-family: Roboto; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize; margin-bottom: 8px;} .tablet .portal_header_tablet #investor_portal_btn_open_popup_tablet h1{color: #293863; font-family: Roboto; font-size: 25px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase;} .tablet #investor_portal_summary_popup_tablet{display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; position: fixed; bottom: 0; left: 0; width: 100%; height: 75%; background-color: #ffffff; padding: 20px; animation: slideUp 0.5s ease-in-out; z-index: 1; border-radius: 50px 50px 0px 0px;} .tablet #investor_portal_summary_popup_tablet #investor_portal_summary_popup_tablet_container{width: 100%; overflow-y: auto;} .tablet #investor_portal_summary_popup_tablet #investor_portal_summary_popup_tablet_container::-webkit-scrollbar{display: none;} .tablet #investor_portal_summary_popup_tablet #summary_chart_tablet{margin-top: 1em; margin-left: auto; margin-right: auto; max-height: 280px;} .tablet #investor_portal_summary_popup_tablet .summary_graph_title{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;} .tablet #investor_portal_summary_popup_tablet .summary_products_line{border-radius: 5px; background: #FCFDFE; box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.1); margin: 1em 0; flex-shrink: 0; padding: 1em 0.5em;} .tablet #investor_portal_summary_popup_tablet .debt_vehicle{border-bottom: 3px solid #A7F6BE;} .tablet #investor_portal_summary_popup_tablet .capital_call{border-bottom: 3px solid #FFAD1D;} .tablet #investor_portal_summary_popup_tablet .real_state_vehicle{border-bottom: 3px solid #245FFF;} .tablet #investor_portal_btn_close_popup_tablet{z-index: 1; position: absolute; right: 32px; top: 32px; width: 32px; height: 22px; opacity: 0.3;} .tablet #investor_portal_btn_close_popup_tablet:hover{opacity: 1;} .tablet #investor_portal_btn_close_popup_tablet:before, .tablet #investor_portal_btn_close_popup_tablet:after{position: absolute; left: 15px; content: ' '; height: 22px; width: 2px; background-color: #333;} .tablet #investor_portal_btn_close_popup_tablet:before{transform: rotate(45deg);} .tablet #investor_portal_btn_close_popup_tablet:after{transform: rotate(-45deg);} @keyframes slideUp{from{transform: translateY(100%);}to{transform: translateY(0);}} @keyframes slideDown{from{transform: translateY(0);}to{transform: translateY(100%);}} .tablet .investor-portal-tablet-body{padding-left: 9px; padding-right: 9px;} .tablet .investor-portal-tablet-body nav{margin-bottom: 24px; margin-top: 40px;} .tablet .investor-portal-tablet-body .tab-item{color: #293863; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; display: -webkit-box; display: -webkit-flex; display: flex; display: -webkit-box; display: -webkit-flex; display: flex; height: 48px; width: 144px; justify-content: center; align-items: center; cursor: pointer; position: relative; color: #76809B; text-align: center; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase; padding: 0;} .tablet .capital-division-tablet{margin-top: 70px;} .tablet .capital-division-tablet .capital-division-title{margin-left: 8px; margin-bottom: 12px; color: #293863; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase;} .tablet .capital-division-tablet .capital-division-cards{-ms-overflow-style: none; scrollbar-width: none; width: 100%; overflow-x: auto; white-space: nowrap; display: -webkit-box; display: -webkit-flex; display: flex;} .tablet .capital-division-tablet .capital-division-cards .capital-division-card{margin-right: 9px; width: 38%; height: 192px; border-radius: 10px; background: #FFF; box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.1); padding-top: 9px; padding-left: 15px;} .tablet .capital-division-tablet .capital-division-cards .capital-division-card h3{color: #293863; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; margin-top: 8px; margin-bottom: 0;} .tablet .capital-division-tablet .capital-division-cards .capital-division-card span{color: #76809B; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal;} .tablet .capital-division-tablet .capital-division-cards .capital-division-card .date{height: 16px; margin-bottom: 41px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex;} .tablet .capital-division-tablet .capital-division-cards .capital-division-card .balance, .tablet .capital-division-tablet .capital-division-cards .capital-division-card .balance span{font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize;} .tablet .capital-division-tablet .capital-division-cards .capital-division-card .balance.capital-call, .tablet .capital-division-tablet .capital-division-cards .capital-division-card .balance.capital-call span{color: #FFAD1D;} .tablet .capital-division-tablet .capital-division-cards .capital-division-card .balance.debt-vehicle, .tablet .capital-division-tablet .capital-division-cards .capital-division-card .balance.debt-vehicle span{color: #72D38E;} .tablet .capital-division-tablet .capital-division-cards .capital-division-card .balance.real-state-vehicle, .tablet .capital-division-tablet .capital-division-cards .capital-division-card .balance.real-state-vehicle span{color: #245FFF; margin-top: 16px;} .tablet .capital-division-tablet .capital-division-cards .capital-division-card .cards::-webkit-scrollbar{display: none;} .tablet .capital-division-tablet .capital-division-cards .capital-call.capital-division-card{border-bottom: 4px solid #FFAD1D;} .tablet .capital-division-tablet .capital-division-cards .capital-call.capital-division-card svg{margin-top: 5px; margin-bottom: 5px;} .tablet .capital-division-tablet .capital-division-cards .debt-vehicle.capital-division-card{border-bottom: 4px solid #A7F6BE;} .tablet .capital-division-tablet .capital-division-cards .real-state-vehicle.capital-division-card{border-bottom: 4px solid #245FFF;} .tablet .capital-division-tablet .capital-division-cards::-webkit-scrollbar{display: none;} .tablet .debt-vehicle-detailed, .tablet .capital-call-detailed{left: 0; padding-left: 24px; width: 100%; display: none; position: absolute; top: 0; background-color: #F5F5F5;} .tablet .debt-vehicle-detailed .debt_vehicle_detailed_header, .tablet .debt-vehicle-detailed .capital_call_detailed_header, .tablet .capital-call-detailed .debt_vehicle_detailed_header, .tablet .capital-call-detailed .capital_call_detailed_header{background-color: #293863; height: 200px; width: 100vw; text-align: center; padding: 3em; left: -24px; position: relative;} .tablet .debt-vehicle-detailed .debt_vehicle_detailed_header .row, .tablet .debt-vehicle-detailed .capital_call_detailed_header .row, .tablet .capital-call-detailed .debt_vehicle_detailed_header .row, .tablet .capital-call-detailed .capital_call_detailed_header .row{margin-top: 26px; margin-bottom: 24px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .tablet .debt-vehicle-detailed .debt_vehicle_detailed_header .row svg, .tablet .debt-vehicle-detailed .capital_call_detailed_header .row svg, .tablet .capital-call-detailed .debt_vehicle_detailed_header .row svg, .tablet .capital-call-detailed .capital_call_detailed_header .row svg{left: 16px; position: relative; height: 41px; width: 41px; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px;} .tablet .debt-vehicle-detailed .debt_vehicle_detailed_header .row span, .tablet .debt-vehicle-detailed .capital_call_detailed_header .row span, .tablet .capital-call-detailed .debt_vehicle_detailed_header .row span, .tablet .capital-call-detailed .capital_call_detailed_header .row span{margin: 0 auto; left: -20px; position: relative; color: #EBEDF1; text-align: center; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase;} .tablet .debt-vehicle-detailed h4, .tablet .capital-call-detailed h4{color: #293863; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; margin-bottom: 16px; margin-top: 24px;} .tablet .debt-vehicle-detailed .highlight-row, .tablet .capital-call-detailed .highlight-row{margin-top: 56px; display: -webkit-box; display: -webkit-flex; display: flex; width: calc(75vw - 24px); justify-content: space-between;} .tablet .debt-vehicle-detailed .highlight-row .highlight, .tablet .capital-call-detailed .highlight-row .highlight{width: 49%; background-color: #A7F6BE; border-radius: 10px; height: 104px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; padding: 16px 8px 16px 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; align-items: flex-start; gap: 16px; margin-left: 0; margin-bottom: 8px;} .tablet .debt-vehicle-detailed .highlight-row .highlight span, .tablet .capital-call-detailed .highlight-row .highlight span{color: #293863; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 600; line-height: normal; text-transform: capitalize;} .tablet .debt-vehicle-detailed .highlight-row .highlight.left, .tablet .capital-call-detailed .highlight-row .highlight.left{margin-right: 2%; width: 48%;} .tablet .debt-vehicle-detailed .highlight-row .orange, .tablet .capital-call-detailed .highlight-row .orange{background-color: #FFAD1D;} .tablet .debt-vehicle-detailed .highlight-row .orange p, .tablet .capital-call-detailed .highlight-row .orange p{color: white;} .tablet .debt-vehicle-detailed .highlight-row .white, .tablet .capital-call-detailed .highlight-row .white{background-color: #FFFFFF;} .tablet .debt-vehicle-detailed .highlight-row p, .tablet .capital-call-detailed .highlight-row p{color: #76809B; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 0;} .tablet .debt-vehicle-detailed .highlight-row .debt-vehicle-detailed-balance, .tablet .debt-vehicle-detailed .highlight-row .capital-call-detailed-balance, .tablet .capital-call-detailed .highlight-row .debt-vehicle-detailed-balance, .tablet .capital-call-detailed .highlight-row .capital-call-detailed-balance{border-radius: 10px; background: #FFF; box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.1); height: 80px; padding: 17px; display: -webkit-box; display: -webkit-flex; display: flex; position: absolute; width: 50vw; left: 25vw; top: 160px;} .tablet .debt-vehicle-detailed .highlight-row .debt-vehicle-detailed-balance .col, .tablet .debt-vehicle-detailed .highlight-row .capital-call-detailed-balance .col, .tablet .capital-call-detailed .highlight-row .debt-vehicle-detailed-balance .col, .tablet .capital-call-detailed .highlight-row .capital-call-detailed-balance .col{padding-left: 17px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: flex-start;} .tablet .debt-vehicle-detailed .highlight-row .debt-vehicle-detailed-balance .col p, .tablet .debt-vehicle-detailed .highlight-row .capital-call-detailed-balance .col p, .tablet .capital-call-detailed .highlight-row .debt-vehicle-detailed-balance .col p, .tablet .capital-call-detailed .highlight-row .capital-call-detailed-balance .col p{color: #76809B; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize; margin-bottom: 0;} .tablet .debt-vehicle-detailed .highlight-row .debt-vehicle-detailed-balance.green, .tablet .capital-call-detailed .highlight-row .debt-vehicle-detailed-balance.green{border-bottom: 4px solid #A7F6BE;} .tablet .debt-vehicle-detailed .highlight-row .debt-vehicle-detailed-balance.green h1, .tablet .capital-call-detailed .highlight-row .debt-vehicle-detailed-balance.green h1{color: #72D38E; font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize;} .tablet .debt-vehicle-detailed .highlight-row .capital-call-detailed-balance.orange, .tablet .capital-call-detailed .highlight-row .capital-call-detailed-balance.orange{border-bottom: 4px solid #FFAD1D;} .tablet .debt-vehicle-detailed .highlight-row .capital-call-detailed-balance.orange h1, .tablet .capital-call-detailed .highlight-row .capital-call-detailed-balance.orange h1{color: #FFAD1D; font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize;} .tablet #close-detailed-debt-vehicle:before{transform: rotate(45deg);} .tablet #close-detailed-debt-vehicle:after{transform: rotate(-45deg);} @keyframes slideLeft{from{transform: translateX(100%);}to{transform: translateX(0);}} @keyframes slideRight{from{transform: translateX(0);}to{transform: translateX(100%);}} .tablet .card-titles{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between;} .tablet .card-titles h2{color: #293863; font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase; margin-right: 8px; width: 48%;} .tablet .debt-investment-tablet{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between;} .tablet .debt-investment-tablet .debt-vehicle-card.debt-investment-card{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;} .tablet .debt-investment-tablet .debt-vehicle-card.debt-investment-card, .tablet .debt-investment-tablet .capital-call-card.debt-investment-card{padding: 16px; width: 48%;} .tablet .debt-investment-tablet .capital-call-card.debt-investment-card .movements{overflow: auto; max-height: 200px;} .tablet .debt-investment-tablet .capital-call-card.debt-investment-card .movements::-webkit-scrollbar{color: #A7F6BE; border-radius: 27px;} .tablet .debt-investment-tablet .capital-call-card.debt-investment-card .movements::-webkit-scrollbar{width: 4px; background-color: #F5F5F5;} .tablet .debt-investment-tablet .capital-call-card.debt-investment-card .movements::-webkit-scrollbar-thumb{background-color: #A7F6BE; border-radius: 27px;} .tablet .debt-investment-tablet .debt-vehicle-card.detailed-vehicle-debt-card{height: fit-content; padding: 24px;} .tablet .debt-investment-tablet .debt-vehicle-card.detailed-vehicle-debt-card .investor{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; height: 80px; width: 100%; padding: 16px 17px 16px 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; align-items: flex-start; flex-shrink: 0; border-radius: 5px; background: rgba(36, 95, 255, 0.03); margin-bottom: 16px;} .tablet .debt-investment-tablet .debt-vehicle-card.detailed-vehicle-debt-card .investor .partner{color: #293863; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: normal; line-height: normal; text-transform: capitalize;} .tablet .debt-investment-tablet .debt-vehicle-card.detailed-vehicle-debt-card .investor .company{color: #293863; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: bold; line-height: normal;} .tablet .debt-investment-tablet .capital-call-card.detailed-vehicle-debt-card{height: 528px; padding: 24px;} .tablet .debt-investment-tablet .capital-call-card.detailed-vehicle-debt-card .investor{height: 54px;} .tablet .debt-investment-tablet .capital-call-card.detailed-vehicle-debt-card .investor p{font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; color: #76809B; margin-bottom: 8px;} .tablet .debt-investment-tablet .capital-call-card.detailed-vehicle-debt-card .investor span{font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; color: #293863; margin-bottom: 24px;} .tablet .debt-investment-tablet .capital-call-card.detailed-vehicle-debt-card .highlight.blue{height: 88px; margin-top: 24px;} .tablet .debt-investment-tablet .detailed-debt-vehicle-cards{height: 630px;} .tablet .debt-investment-tablet .detailed-capital-call-cards{height: 590px;} .tablet .debt-investment-tablet .detailed-debt-vehicle-cards, .tablet .debt-investment-tablet .detailed-capital-call-cards{-ms-overflow-style: none; scrollbar-width: none; width: 100%; overflow-x: auto; display: -webkit-box; display: -webkit-flex; display: flex;} .tablet .debt-investment-tablet .detailed-debt-vehicle-cards::-webkit-scrollbar, .tablet .debt-investment-tablet .detailed-capital-call-cards::-webkit-scrollbar{display: none;} .tablet .debt-investment-tablet .debt-vehicle-card.debt-investment-card .last-update{margin-top: auto !important;} .tablet .debt-investment-tablet .debt-investment-card, .tablet .debt-investment-tablet .detailed-vehicle-debt-card, .tablet .debt-investment-tablet .detailed-capital-call-card{border-radius: 10px; background: #FFF; box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.1); width: 47%; flex-shrink: 0; margin-right: 8px;} .tablet .debt-investment-tablet .debt-investment-card h3, .tablet .debt-investment-tablet .detailed-vehicle-debt-card h3, .tablet .debt-investment-tablet .detailed-capital-call-card h3{width: fit-content; color: #293863; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase;} .tablet .debt-investment-tablet .debt-investment-card .normal, .tablet .debt-investment-tablet .detailed-vehicle-debt-card .normal, .tablet .debt-investment-tablet .detailed-capital-call-card .normal{align-items: center; border-radius: 10px; background: rgba(235, 237, 241, 0.5); display: -webkit-box; display: -webkit-flex; display: flex; height: 56px; padding: 16px; justify-content: space-between; gap: 1px; flex-shrink: 0; margin-left: 8px; margin-right: 8px; margin-top: 8px; color: #293863; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 600; line-height: normal; text-transform: capitalize;} .tablet .debt-investment-tablet .debt-investment-card .normal.orange, .tablet .debt-investment-tablet .detailed-vehicle-debt-card .normal.orange, .tablet .debt-investment-tablet .detailed-capital-call-card .normal.orange{background-color: #FFAD1D;} .tablet .debt-investment-tablet .debt-investment-card .normal.orange p, .tablet .debt-investment-tablet .detailed-vehicle-debt-card .normal.orange p, .tablet .debt-investment-tablet .detailed-capital-call-card .normal.orange p{color: white;} .tablet .debt-investment-tablet .debt-investment-card .last-update, .tablet .debt-investment-tablet .detailed-vehicle-debt-card .last-update, .tablet .debt-investment-tablet .detailed-capital-call-card .last-update{margin-top: 32px;} .tablet .debt-investment-tablet .debt-investment-card p, .tablet .debt-investment-tablet .detailed-vehicle-debt-card p, .tablet .debt-investment-tablet .detailed-capital-call-card p{color: #76809B; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 0;} .tablet .debt-investment-tablet .debt-investment-card .highlight, .tablet .debt-investment-tablet .detailed-vehicle-debt-card .highlight, .tablet .debt-investment-tablet .detailed-capital-call-card .highlight{border-radius: 10px; height: 104px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; padding: 16px 8px 16px 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; align-items: flex-start; gap: 16px; margin-left: 0; margin-bottom: 8px;} .tablet .debt-investment-tablet .debt-investment-card .highlight span, .tablet .debt-investment-tablet .detailed-vehicle-debt-card .highlight span, .tablet .debt-investment-tablet .detailed-capital-call-card .highlight span{color: #293863; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 600; line-height: normal; text-transform: capitalize;} .tablet .debt-investment-tablet .debt-investment-card .highlight.green, .tablet .debt-investment-tablet .detailed-vehicle-debt-card .highlight.green, .tablet .debt-investment-tablet .detailed-capital-call-card .highlight.green{width: 49%; background-color: #A7F6BE;} .tablet .debt-investment-tablet .debt-investment-card .highlight.green.left, .tablet .debt-investment-tablet .detailed-vehicle-debt-card .highlight.green.left, .tablet .debt-investment-tablet .detailed-capital-call-card .highlight.green.left{margin-right: 2%; width: 48%;} .tablet .debt-investment-tablet .debt-investment-card .highlight.blue, .tablet .debt-investment-tablet .detailed-vehicle-debt-card .highlight.blue, .tablet .debt-investment-tablet .detailed-capital-call-card .highlight.blue{width: 49%; background: rgba(36, 95, 255, 0.1);} .tablet .debt-investment-tablet .debt-investment-card .highlight.blue.left, .tablet .debt-investment-tablet .detailed-vehicle-debt-card .highlight.blue.left, .tablet .debt-investment-tablet .detailed-capital-call-card .highlight.blue.left{margin-right: 2%; width: 48%;} .tablet .debt-investment-tablet .debt-investment-card .last-update, .tablet .debt-investment-tablet .detailed-vehicle-debt-card .last-update, .tablet .debt-investment-tablet .detailed-capital-call-card .last-update{margin-left: 16px; margin-top: 32px; margin-bottom: 6px;} .tablet .debt-investment-tablet .debt-investment-card .first-row, .tablet .debt-investment-tablet .detailed-vehicle-debt-card .first-row, .tablet .debt-investment-tablet .detailed-capital-call-card .first-row{margin-bottom: 16px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between;} .tablet .debt-investment-tablet .debt-investment-card .first-row #open-detailed-debt-vehicle, .tablet .debt-investment-tablet .detailed-vehicle-debt-card .first-row #open-detailed-debt-vehicle, .tablet .debt-investment-tablet .detailed-capital-call-card .first-row #open-detailed-debt-vehicle{width: fit-content; cursor: pointer; color: #72D38E; text-align: right; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-decoration-line: underline;} .tablet .debt-investment-tablet .debt-investment-card .first-row #open-detailed-capital-call, .tablet .debt-investment-tablet .detailed-vehicle-debt-card .first-row #open-detailed-capital-call, .tablet .debt-investment-tablet .detailed-capital-call-card .first-row #open-detailed-capital-call{width: fit-content; cursor: pointer; color: #FFAD1D; text-align: right; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-decoration-line: underline;} .tablet .debt-investment-tablet .last-movements h4{color: #293863; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; margin-bottom: 16px; margin-top: 24px;} .tablet .debt-investment-tablet .last-movements .movements{padding-left: 16px; padding-right: 16px; padding-top: 16px; padding-bottom: 11px; background-color: #EBEDF1; border-radius: 10px;} .tablet .debt-investment-tablet .last-movements .movements .movement-name{margin-bottom: 5px; background-color: #FFFFFF; height: 49px; width: 100%; border-radius: 5px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding: 8px;} .tablet .debt-investment-tablet .last-movements .movements .movement-name span{font-family: Roboto; font-weight: 400; font-size: 14px; color: #293863;} .tablet #investor_portal_fix_control{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-around; align-items: center; position: fixed; padding: 0.5em; width: 40%; text-align: center; bottom: 1em; border-radius: 40px; background: #FFF; box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.1); margin: 0em auto; left: 50%; transform: translateX(-50%);} .tablet #investor_portal_fix_control .portal-link:hover{text-decoration: none;} 

/* /sale/static/src/scss/sale_portal.scss defined in bundle 'web.assets_frontend' */
 .orders_vertical_align{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .orders_label_text_align{vertical-align: 15%;} .sale_tbody .o_line_note{word-break: break-word; word-wrap: break-word; overflow-wrap: break-word;} .sale_tbody input.js_quantity{min-width: 48px; text-align: center;} .sale_tbody input.quantity{padding: 0;} 

/* /project/static/src/scss/portal_rating.scss defined in bundle 'web.assets_frontend' */
 .o_portal_project_rating .thumbnail{height: 240px;} .o_portal_project_rating .o_top_partner_rating_image{height: 15px;} .o_portal_project_rating .o_top_partner_image{height: 30px; width: 30px;} .o_portal_project_rating .o_top_partner_feedback{word-wrap: break-word;} .o_portal_project_rating .o_vertical_separator{border-left: 1px solid #eeeeee;} .o_portal_project_rating .o_rating_progress{margin-bottom: 10px;} .o_portal_project_rating .o_rating_count{display: inline-block; min-width: 22px;} .o_portal_project_rating .o_smiley_no_padding_left{padding-left: 0;} .o_portal_project_rating .o_smiley_no_padding_right{padding-right: 0;} .o_portal_project_rating .o_lighter_smileys{opacity: 0.4;} 

/* /chatter_website_css/static/src/css/style.css defined in bundle 'web.assets_frontend' */
 @media (min-width: 992px){.o_chatter_position_sided .o_content .o_form_view:not(.o_form_nosheet) .o_chatter{border-left: 1px solid #ced4da; flex: 0 0 35%; max-width: 25% !important; min-width: initial; overflow: initial;}} 

/* /contract/static/src/scss/frontend.scss defined in bundle 'web.assets_frontend' */
 .s_timeline .s_timeline_line{position: relative;} .s_timeline .s_timeline_line:before{content: ''; position: absolute; width: 1px; top: 0px; bottom: 0px; left: 50%; background-color: #343a40;} .s_timeline .s_timeline_row{align-items: center;} .s_timeline .s_timeline_row .s_timeline_content{align-items: center; -webkit-box-pack: end; justify-content: flex-end; width: 100%;} .s_timeline .s_timeline_row .s_timeline_content ~ .s_timeline_content{-webkit-box-pack: start; justify-content: flex-start;} .s_timeline .s_timeline_row.flex-row-reverse .s_timeline_content{flex-direction: row-reverse;} @media (min-width: 768px){.s_timeline .s_timeline_row.flex-row-reverse .s_timeline_content{flex-direction: row-reverse;}.s_timeline .s_timeline_row.flex-row-reverse .s_timeline_content:not(:last-child){margin-left: 10%;}.s_timeline .s_timeline_row:not(.flex-row-reverse) .s_timeline_content:last-child{margin-left: 10%;}} .s_timeline .s_timeline_date{text-align: center;} @media (min-width: 768px){.s_timeline .s_timeline_date{position: absolute; left: 0%; right: 0%;}} @media (max-width: 767.98px){.s_timeline .s_timeline_date{position: relative; margin: 20px 0px;}} .s_timeline .s_timeline_date span:not(.fa){display: inline-block; padding: 5px;} .s_timeline .s_timeline_date .fa{margin: 0 15px;} .s_timeline .s_timeline_icon{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; margin: 15px; z-index: 1;}