.o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.dropdown-toggle{color: #212529; background-color: #e3e2e2; border-color: gainsboro;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover{color: #FFFFFF; background-color: #369156; border-color: #328851;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:disabled{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.dropdown-toggle{color: #FFFFFF; background-color: #328851; border-color: #2f7e4b;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover{color: #FFFFFF; background-color: #568695; border-color: #517e8d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:disabled{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.dropdown-toggle{color: #FFFFFF; background-color: #517e8d; border-color: #4d7784;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: #212529; background-color: #ed9d2b; border-color: #ec971f;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:disabled{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle{color: #212529; background-color: #ec971f; border-color: #ea9214;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: #FFFFFF; background-color: #e1374f; border-color: #df2c45;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:disabled{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle{color: #FFFFFF; background-color: #df2c45; border-color: #dd213c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor :not(.input-group):not(.form-group):not(.input-group-append):not(.input-group-prepend) > .form-control{height: 34px;} .o_ace_view_editor .form-control{padding: 6px 12px; font-size: 14px; line-height: 1.5; border: 1px solid #d4d5d7; color: #555; background-color: #fff; border-radius: 0;} .o_ace_view_editor .form-control.is-invalid{border-color: #dc3545;} .o_ace_view_editor .input-group .form-control{height: auto;} .o_ace_view_editor .input-group-text{background-color: #e9ecef;} .o_ace_view_editor .was-validated .form-control:invalid{border-color: #dc3545;} .o_ace_view_editor select.form-control{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1 sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyNCcgaGVpZ2 h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBpZD0nc3ZnXzEnIGQ9J203LjQwNiw3L jgyOGw0LjU5NCw0LjU5NGw0LjU5NCwtNC41OTRsMC40MDYsMS40MDZsLTUsNC43NjZsLTUsLTQu NzY2bDAuNDA2LC0xLjQwNnonIGZpbGw9JyM4ODgnLz48L3N2Zz4="); background-position: 100% 65%; background-repeat: no-repeat;} .tour .popover-navigation{margin-left: 13px; margin-bottom: 8px;} .css_published .btn-danger, .css_published .css_publish{display: none;} .css_unpublished .btn-success, .css_unpublished .css_unpublish{display: none;} [data-publish='off'] > *:not(.css_options){opacity: 0.5;} @media print{a[href]:after{content: initial;}} .o_page_management_info .o_switch{padding-top: 9px;} #list_website_pages th{background-color: #7C7BAD; color: white;} #list_website_pages td, #list_website_pages th{padding: 0.45rem;} #list_website_pages td > a.fa{margin-left: 5px; color: #7C7BAD;} #list_website_pages td .text-muted{opacity: 0.5;} #list_website_pages .fa-check, #list_website_pages .fa-eye-slash{color: #17a2b8;} 

/* /website/static/src/scss/website.zoomodoo.scss defined in bundle 'web.assets_frontend' */
 .zoomodoo{position: relative; display: inline-block; *display: inline; *zoom: 1;} .zoomodoo img{vertical-align: bottom;} .zoomodoo-flyout{position: absolute; z-index: 100; overflow: hidden; background: #FFF; top: 0; width: 100%; height: 100%;} .zoomodoo-flyout img{max-width: 500%;} .zoomodoo-hover .zoomodoo-flyout{left: 0;} .zoomodoo-next .zoomodoo-flyout{left: 100%;} 

/* /website_mail/static/src/css/website_mail.scss defined in bundle 'web.assets_frontend' */
 .js_follow[data-follow='on'] .js_follow_btn, .js_follow[data-follow='off'] .js_unfollow_btn{display: none;} 

/* /website_form/static/src/scss/website_form.scss defined in bundle 'web.assets_frontend' */
 .o_website_form_flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .o_website_form_flex_item{flex-basis: 33%;} @media (max-width: 991.98px){.o_website_form_flex_item{flex-basis: 50%;}} @media (max-width: 767.98px){.o_website_form_flex_item{flex-basis: 100%;}} .o_website_form_field_hidden{display: none;} .editor_enable .o_website_form_field_hidden{display: block; opacity: 0.5;} .editor_enable .s_website_form .form-field select{pointer-events: none;} .o_website_form_required .col-form-label:after, .o_website_form_required_custom .col-form-label:after{content: ' *';} #editable_select.form-control{height: 100%;} .form-field input[type=file].form-control{height: 100%;} 

/* /website_rating/static/src/scss/website_rating.scss defined in bundle 'web.assets_frontend' */
 .o_website_rating_static{color: #FACC2E;} .o_website_rating_card_container{} .o_website_rating_card_container .o_message_counter{color: #495057;} .o_website_rating_card_container table.o_website_rating_progress_table{width: 100%; overflow: visible;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_star_num{min-width: 30px; white-space: nowrap;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_select[style*="opacity: 1"]{cursor: pointer;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress{min-width: 120px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress > .progress{margin-bottom: 5px; margin-left: 5px; margin-right: 5px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress .o_rating_progressbar{background-color: #FACC2E;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_percent{text-align: right; padding-left: 5px; font-size: 0.75rem;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_reset .o_website_rating_select_text{visibility: hidden;} .o_rating_star_card{margin-bottom: 5px;} .o_rating_star_card .stars{display: inline-block; color: #FACC2E; margin-right: 15px;} .o_rating_star_card .stars i{margin-right: -3px; text-align: center;} .o_rating_star_card .stars.enabled{cursor: pointer;} .o_rating_star_card .rate_text{display: inline-block;} 

/* /website_sale/static/src/scss/website_sale.scss defined in bundle 'web.assets_frontend' */
 .oe_product{border: 1px solid rgba(100, 100, 100, 0.2);} .oe_website_sale ul ul{margin-left: 1.5rem;} .oe_website_sale .o_payment_form .card{border-radius: 4px !important;} .oe_website_sale .address-inline address{display: inline-block;} .oe_website_sale table#cart_products tr td, .oe_website_sale table#suggested_products tr td{vertical-align: middle;} .oe_website_sale table#cart_products{margin-bottom: 0;} .oe_website_sale table#cart_products td:first-child, .oe_website_sale table#cart_products th:first-child{padding-left: 15px;} .oe_website_sale h1[itemprop="name"], .oe_website_sale .oe_product_cart form h5{word-wrap: break-word;} @media (max-width: 767.98px){.oe_website_sale .td-img{display: none;}} @media (min-width: 1200px){.oe_website_sale .toggle_summary_div{max-width: 400px;}} .o_alternative_product{margin: auto;} .oe_product{position: relative;} .oe_product .oe_product_image{position: absolute; left: 15px; right: 15px; top: 15px; bottom: 55px; text-align: center;} .oe_product .oe_product_image img{max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 4;} .oe_product section{position: absolute; left: 0; right: 0; bottom: 0; overflow: hidden; padding: 0 15px 0 10px; min-height: 56px; border-top: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.75); z-index: 5;} .oe_product .product_price{bottom: 0;} .oe_product .oe_product_cart{position: relative; width: 100%; height: 100%;} .oe_product .oe_subdescription{font-size: 0.8em; overflow: hidden; margin-bottom: 10px;} .oe_mycart .input-group-addon{padding-left: 6px; padding-right: 6px;} .oe_product.oe_image_full .oe_product_image{left: 0; right: 0; top: 0; bottom: 0;} .oe_product.oe_ribbon_promo .ribbon-wrapper{display: block;} .oe_product .ribbon-wrapper{display: none; width: 85px; height: 88px; z-index: 5; overflow: hidden; position: absolute; top: 0; right: 0;} .oe_product .ribbon{font: bold 15px Sans-Serif; color: white; text-align: center; transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; cursor: default;} #products_grid > table tr:not(:first-child) > td{height: 100%;} #products_grid.col-lg-12 > table > tbody > tr > td:empty, #products_grid.col-lg-9 > table > tbody > tr > td:empty{height: 0;} #products_grid.col-lg-12 .oe-height-1{height: 75px;} #products_grid.col-lg-12 .oe-height-2{height: 150px;} #products_grid.col-lg-12 .oe-height-4{height: 300px;} #products_grid.col-lg-12 .oe-height-6{height: 450px;} #products_grid.col-lg-12 .oe-height-8{height: 600px;} #products_grid.col-lg-9 .oe-height-1{height: 70px;} #products_grid.col-lg-9 .oe-height-2{height: 140px;} #products_grid.col-lg-9 .oe-height-4{height: 280px;} #products_grid.col-lg-9 .oe-height-6{height: 420px;} #products_grid.col-lg-9 .oe-height-8{height: 560px;} #products_grid .oe_product.oe_grid .oe_subdescription{max-height: 40px;} @media (min-width: 992px){#products_grid.col-lg-12 .oe-height-1{height: 95px;}#products_grid.col-lg-12 .oe-height-2{height: 190px;}#products_grid.col-lg-12 .oe-height-4{height: 380px;}#products_grid.col-lg-12 .oe-height-6{height: 570px;}#products_grid.col-lg-12 .oe-height-8{height: 760px;}#products_grid.col-lg-12 .oe_product.oe_grid .oe_subdescription{max-height: 70px;}#products_grid.col-lg-9 .oe-height-1{height: 72px;}#products_grid.col-lg-9 .oe-height-2{height: 144px;}#products_grid.col-lg-9 .oe-height-4{height: 288px;}#products_grid.col-lg-9 .oe-height-6{height: 432px;}#products_grid.col-lg-9 .oe-height-8{height: 576px;}} @media (min-width: 1200px){#products_grid.col-lg-12 .oe-height-1{height: 125px;}#products_grid.col-lg-12 .oe-height-2{height: 250px;}#products_grid.col-lg-12 .oe-height-4{height: 500px;}#products_grid.col-lg-12 .oe-height-6{height: 750px;}#products_grid.col-lg-12 .oe-height-8{height: 1000px;}#products_grid.col-lg-9 .oe-height-1{height: 95px;}#products_grid.col-lg-9 .oe-height-2{height: 190px;}#products_grid.col-lg-9 .oe-height-4{height: 380px;}#products_grid.col-lg-9 .oe-height-6{height: 570px;}#products_grid.col-lg-9 .oe-height-8{height: 760px;}#products_grid .oe_product.oe_grid .oe_subdescription{max-height: 120px;}} @media (max-width: 767.98px){#products_grid table, #products_grid tbody, #products_grid td, #products_grid tr{float: left; width: 100%; display: inline-block;}#products_grid .oe_product{float: left; width: 100%; display: inline-block;}#products_grid .oe_product.oe_grid{height: 400px;}#products_grid .oe_product.oe_grid section{background: rgba(100, 100, 100, 0.2);}#products_grid .oe_product .oe_subdescription{max-height: 200px;}} @media (max-width: 400px){#products_grid .oe_product.oe_grid{height: 270px;}#products_grid .oe_product.oe_list{height: 200px;}#products_grid .oe_product.oe_list .oe_subdescription{max-height: 40px;}#products_grid .oe_product.oe_list section{background: rgba(100, 100, 100, 0.2);}#products_grid .oe_product .oe_product_image{top: 0; bottom: 65px;}#products_grid .oe_product.oe_image_full .oe_product_image{bottom: 50px;}} .oe_cart table td:first-child{min-width: 76px;} .oe_cart > .oe_structure{clear: both;} div#payment_method div.list-group{margin-left: 40px;} div#payment_method .list-group-item{padding-top: 5px; padding-bottom: 5px;} @media (min-width: 400px){.oe_product.oe_list{border: none; border-bottom: 1px solid rgba(100, 100, 100, 0.2); width: 100%; min-height: 100px; position: relative; padding-bottom: 5px; padding-left: 180px;}.oe_product.oe_list .oe_product_image{top: 0; bottom: 0; left: 0; right: 0; width: 170px;}.oe_product.oe_list section{position: relative; border: 0; top: auto; bottom: auto; left: auto; right: auto; background: transparent;}} .oe_website_sale .row .row .col-lg-12{float: none;} .product_detail_img{margin-left: auto; margin-right: auto; display: block; max-height: 500px;} .oe_website_sale input.js_quantity{min-width: 48px; text-align: center;} .oe_website_sale input.quantity{padding: 0;} .oe_overlay_options .dropdown div[name="size"] table{margin-left: 20px;} .oe_overlay_options .dropdown div[name="size"] td{margin: 0; padding: 0; width: 20px; height: 20px; border: 1px #dddddd solid; cursor: pointer;} .oe_overlay_options .dropdown div[name="size"] td.selected{background-color: #B1D4F1;} .oe_overlay_options .dropdown div[name="size"] table.oe_hover td.selected{background-color: transparent;} .oe_overlay_options .dropdown div[name="size"] table.oe_hover td.select{background-color: #B1D4F1;} ul.wizard{padding: 0; margin-top: 20px; list-style: none outside none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065);} ul.wizard li{border: 1px solid #d4d4d4; border-right-width: 0; position: relative; float: left; padding: 0 10px 0 20px; margin: 0; line-height: 38px; background: #fbfbfb;} ul.wizard li .chevron{position: absolute; top: 0; right: -10px; z-index: 1; display: block; border: 20px solid transparent; border-right: 0; border-left: 10px solid #d4d4d4;} ul.wizard li .chevron:before{position: absolute; top: -20px; right: 1px; display: block; border: 20px solid transparent; border-right: 0; border-left: 10px solid #fbfbfb; content: "";} ul.wizard li .o_link_disable{text-decoration: none; color: inherit; cursor: text;} ul.wizard li.text-success{background: #f3f4f5;} ul.wizard li.text-success .chevron:before{border-left: 10px solid #f5f5f5;} ul.wizard li.text-primary{background: #f1f6fc;} ul.wizard li.text-primary .chevron:before{border-left: 10px solid #f1f6fc;} ul.wizard li:first-child{padding-left: 15px; border-radius: 4px 0 0 4px;} ul.wizard li:last-child{border-radius: 0 4px 4px 0; border-right-width: 1px;} ul.wizard li:last-child .chevron{display: none;} #o_shop_collapse_category li{width: 100%;} #o_shop_collapse_category li a{display: inline-block; width: 80%; padding-left: 3px;} #o_shop_collapse_category li i.fa{cursor: pointer;} .mycart-popover{max-width: 500px; min-width: 250px;} .mycart-popover .cart_line{border-bottom: 1px #EEE solid;} tr#empty{display: none;} td.noborder{border: none !important;} .border_primary{border: 1px solid #00A09D;} .js_change_shipping{cursor: pointer;} a.no-decoration{cursor: pointer; text-decoration: none !important;} #o-carousel-product.css_not_available{opacity: 0.2;} #o-carousel-product .carousel-inner div.item, #o-carousel-product .carousel-control-prev, #o-carousel-product .carousel-control-next{height: 400px;} #o-carousel-product .carousel-inner div.item img{max-height: 100%;} #o-carousel-product .carousel-control-prev, #o-carousel-product carousel-control-next{background-image: none !important;} #o-carousel-product .carousel-indicators{background-color: transparent; margin: 10px 0 0; overflow-y: hidden; position: static; text-align: left; white-space: nowrap; width: 100%; height: 100px !important; text-align: center; list-style-position: inside;} #o-carousel-product .carousel-indicators li{background-color: transparent !important; border-radius: 0; display: inline-block; margin: 0 !important; width: 54px !important; height: 54px !important; border: 0 !important; box-shadow: none !important;} #o-carousel-product .carousel-indicators li img{display: block; opacity: 0.5;} #o-carousel-product .carousel-indicators li.active img{opacity: 1;} .ecom-zoomable:not(.ecom-autozoom) img[data-zoom]{cursor: zoom-in;} .ecom-zoomable.ecom-autozoom img[data-zoom]{cursor: crosshair;} .ecom-zoomable .o_editable img[data-zoom]{cursor: pointer;} .break-word{word-wrap: break-word;} #coupon_box form{max-width: 300px;} .font-weight-normal{font-weight: normal;} .o_website_sale_animate{opacity: 0.7; position: absolute !important; height: 150px; width: 150px; z-index: 1020;} .o_red_highlight{background: #db0700 !important; box-shadow: 0 0 0 0 rgba(240, 8, 0, 0.4); transition: all 0.5s linear;} .o_shadow_animation{box-shadow: 0 0 5px 10px rgba(240, 8, 0, 0.4) !important;} 

/* /website_sale/static/src/scss/website_mail.scss defined in bundle 'web.assets_frontend' */
 .oe_msg img.oe_msg_avatar{width: 50px; margin-right: 10px;} .oe_msg_attachment{display: inline-block; width: 120px; margin: 4px 2px; min-height: 80px; position: relative; border-radius: 3px; text-align: center; vertical-align: top;} .oe_msg_attachment a img.oe_attachment_embedded{display: block; position: relative; margin: 0 0 0 10px; width: 100px; height: 80px; border-radius: 1px; border: solid 3px #FFF; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19);} .oe_msg_attachment a div.oe_attachment_name{display: inline-block; max-width: 100%; padding: 1px 3px; margin-top: 2px; margin-bottom: 5px; background: #F4F5FA; overflow: hidden; color: #4c4c4c; text-shadow: none; border-radius: 3px; word-wrap: break-word;} 

/* /website_sale/static/src/scss/website_sale_frontend.scss defined in bundle 'web.assets_frontend' */
 .progress-wizard{margin-top: 15px; padding: 0 15px;} @media (min-width: 768px){.progress-wizard{padding: 0;}} .progress-wizard .progress-wizard-step{position: relative;} @media (min-width: 768px){.progress-wizard .progress-wizard-step{margin-top: 0.8125rem; float: left; width: 33.33333333%;}.o_wizard_has_extra_step + .progress-wizard .progress-wizard-step{width: 25%;}} @media (max-width: 767.98px){.progress-wizard .progress-wizard-step.disabled, .progress-wizard .progress-wizard-step.complete{display: none;}} .progress-wizard .progress-wizard-step .progress-wizard-dot{width: 0.625rem; height: 0.625rem; position: relative; display: inline-block; background-color: white; border-radius: 50%; box-shadow: 0 0 0 0.125rem #e9ecef;} @media (min-width: 768px){.progress-wizard .progress-wizard-step .progress-wizard-dot{position: absolute; top: auto; left: 50%; bottom: auto; right: auto; margin: -0.375rem 0 0 -0.3125rem;}} .progress-wizard .progress-wizard-step .progress-wizard-steplabel{color: #6c757d; margin: 5px 0 5px 5px; font-size: 0.875rem; display: inline-block;} @media (min-width: 768px){.progress-wizard .progress-wizard-step .progress-wizard-steplabel{display: block; margin: 1rem 0 20px 0;}} @media (max-width: 767.98px){.progress-wizard .progress-wizard-step .progress-wizard-steplabel{margin-left: -15px; font-size: 24px;}} .progress-wizard .progress-wizard-step .progress-wizard-bar{height: 0.125rem; background-color: #e9ecef;} .progress-wizard .progress-wizard-step.active .progress-wizard-dot{animation: fadeIn 1s ease 0s 1 normal none running; background: #00A09D; box-shadow: 0 0 0 0.1875rem white, 0 0 0 0.25rem rgba(0, 160, 157, 0.5);} .progress-wizard .progress-wizard-step.active .progress-wizard-steplabel{color: #212529; font-weight: bolder;} .progress-wizard .progress-wizard-step.complete .progress-wizard-dot{background: none; box-shadow: none;} .progress-wizard .progress-wizard-step.complete .progress-wizard-dot:after{position: absolute; top: -0.3125rem; left: -0.3125rem; bottom: auto; right: auto; width: 1.25rem; height: 1.25rem; border-radius: 100%; background: white; color: #28a745; text-align: center; line-height: 1; font-size: 1.25rem; font-family: FontAwesome; content: "\f058";} .progress-wizard .progress-wizard-step.complete .progress-wizard-steplabel{color: #28a745;} .progress-wizard .progress-wizard-step.complete:hover:not(.disabled) .progress-wizard-dot:after{color: #28a745;} .progress-wizard .progress-wizard-step.complete:hover:not(.disabled) .progress-wizard-steplabel{color: #212529;} .progress-wizard .progress-wizard-step.disabled{cursor: default;} table.js_cart_lines .td-img img{max-height: 64px;} 

/* /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;} 

/* /sale/static/src/scss/product_configurator.scss defined in bundle 'web.assets_frontend' */
 .css_attribute_color{display: inline-block; border: 1px solid #999999; text-align: center;} .css_attribute_color input{margin: 8px; height: 13px; opacity: 0;} .css_attribute_color.active{border: 3px ridge #66ee66;} .css_attribute_color.active input{margin: 6px;} .css_attribute_color.custom_value{background-image: linear-gradient(to bottom right, #FF0000, #FFF200, #1E9600);} .css_not_available_msg{display: none;} .css_not_available.js_product > *:nth-child(4) > *{display: none;} .css_not_available.js_product .css_quantity, .css_not_available.js_product .product_price{display: none;} .css_not_available.js_product .css_not_available_msg{display: block;} .css_not_available.js_product .js_add, .css_not_available.js_product .oe_price, .css_not_available.js_product .oe_default_price, .css_not_available.js_product .oe_optional{display: none;} .css_quantity{max-width: 125px;} .css_quantity input[name="add_qty"]{text-align: center;} option.css_not_available{color: #ccc;} label.css_not_available{opacity: 0.6;} label.css_attribute_color.css_not_available{opacity: 1; background-image: url("/website_sale/static/src/img/redcross.png"); background-size: cover;} .variant_attribute{padding-bottom: 0.5rem;} .variant_attribute .attribute_name{padding-bottom: 0.5rem; display: inline-block;} .variant_attribute .radio_input{margin-right: 0.7rem; vertical-align: middle;} .variant_attribute .radio_input_value{display: inline-block; vertical-align: middle; line-height: 1;} .variant_attribute .variant_custom_value{margin-bottom: 0.7rem;} .variant_attribute .custom_value_radio{margin: 0.3rem 0rem 0.3rem 1.6rem;} .variant_attribute .variant_custom_value_label{margin: 0.3rem 0rem;} .o_product_configurator .product_detail_img{max-height: 240px;} .o_product_configurator .variant_attribute .custom_value_radio{margin: 0.3rem 0rem 0.3rem 2.1rem;} .oe_optional_products_modal .table-striped tbody tr:nth-of-type(odd){background-color: rgba(0, 0, 0, 0.025);} .oe_optional_products_modal .o_total_row{font-size: 1.2rem;} .modal.o_technical_modal .oe_optional_products_modal .btn.js_add_cart_json{padding: 0.075rem 0.75rem;} .js_product.in_cart .js_add_cart_variants{display: none;} .js_product select{-webkit--webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; -moz--webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; background-image: none;} .js_product .td-product_name{word-wrap: break-word;} .js_product .td-product_name{min-width: 140px;} .js_product .td-img{width: 100px;} .js_product .td-qty{width: 200px;} .js_product .td-qty a.input-group-addon{background-color: transparent; border: 0px;} .js_product .td-qty .input-group{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex;} .js_product .td-action{width: 30px;} .js_product .td-price, .js_product .td-price-total{width: 120px;} @media (max-width: 767.98px){.js_product .td-img, .js_product .td-price-total{display: none;}.js_product .td-qty{width: 60px;}.js_product .td-price{width: 80px;}} @media (max-width: 476px){.js_product .td-qty{width: 60px;}.js_product #modal_optional_products table thead, .js_product .oe_cart table thead{display: none;}.js_product #modal_optional_products table td.td-img, .js_product .oe_cart table td.td-img{display: none;}} .o_total_row{height: 50px;} .oe_striked_price{text-decoration: line-through; white-space: nowrap;} 

/* /website_sale/static/src/scss/website_sale_options.scss defined in bundle 'web.assets_frontend' */
 .css_not_available.js_product > *:nth-child(5) > *{display: none;} table.js_cart_lines .optional_product .js_delete_product{display: none;} div#modal_optional_products table tr td{border: 0;} @media (max-width: 767.98px){div#modal_optional_products .td-qty{display: none;}} 

/* /website_sale_comparison/static/src/scss/website_sale_comparison.scss defined in bundle 'web.assets_frontend' */
 .o_product_feature_panel{position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 10; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 0px; padding: 10px 20px; text-align: center; border: 2px solid #00A09D; border-bottom: 0px; background-color: white; opacity: 0.95;} .o_product_feature_panel .o_product_panel{position: relative;} .o_product_feature_panel .o_product_panel .o_product_panel_header{margin: 0 10px 0 10px; cursor: pointer;} .o_product_feature_panel .o_product_panel .o_product_panel_header .o_product_icon{margin-right: 5px;} .o_product_feature_panel .o_product_panel .o_product_panel_header .o_product_text{text-transform: uppercase; vertical-align: middle; font-size: 16px;} .o_product_feature_panel .o_product_panel .o_product_panel_header .o_product_circle{vertical-align: 6px; padding: 0 3px; line-height: 14px;} .o_product_feature_panel .o_product_panel .o_product_panel_content{display: none !important;} .oe_website_sale .product_summary > *{display: block; margin: 15px 0 15px 0;} .oe_website_sale .table-comparator .o_product_comparison_collpase{margin-right: 8px;} .oe_website_sale div.css_not_available .o_add_compare_dyn{display: none;} 

/* /website_sale_wishlist/static/src/scss/website_sale_wishlist.scss defined in bundle 'web.assets_frontend' */
 .oe_website_sale .td-wish-btn{width: 140px;} .oe_website_sale div.css_not_available .o_add_wishlist_dyn{display: none;} @media (max-width: 767.98px){.oe_website_sale .td-wish-btn{width: 100px;}} table.table-comparator .td-img img{max-height: 100px;} 

/* /website_sale_delivery/static/src/scss/website_sale_delivery.scss defined in bundle 'web.assets_frontend' */
 @media (max-width: 767.98px){.o_delivery_compute{max-width: 130px; text-overflow: ellipsis; overflow: hidden;}} 

/* /mail/static/src/scss/abstract_thread_window.scss defined in bundle 'web.assets_frontend' */
 .o_thread_window{direction: ltr; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; position: fixed; width: 325px; max-width: 100%; height: 400px; max-height: 100%; font-size: 12px; background-color: #FAFAFA; border-radius: 6px 6px 0 0; z-index: 1051; box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.18);} @media (max-width: 767.98px){.o_thread_window{width: 100%; height: 100% !important; box-shadow: none;}.o_thread_window.o_folded{display: none;}} @media print{.o_thread_window{display: none;}} .o_thread_window .o_thread_window_header{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; color: white; padding: 5px 10px; border-radius: 3px 3px 0 0; border-bottom: 1px solid #dee2e6; background-color: #7C7BAD; padding: 8px;} @media (max-width: 767.98px){.o_thread_window .o_thread_window_header{height: 46px; padding-top: 12px; border-radius: 0px;}.o_thread_window .o_thread_window_header .o_thread_window_title{font-size: 16px; margin-left: 10px;}.o_thread_window .o_thread_window_header .o_thread_window_close{font-size: 17px; color: white;}} .o_thread_window .o_thread_window_header .o_thread_window_title{cursor: pointer; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top;} .o_thread_window .o_thread_window_header .o_thread_window_buttons{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;} .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_expand{color: white; padding: 3px; margin-left: 5px; opacity: 0.7;} .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close:hover, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close:focus, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close.focus, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_expand:hover, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_expand:focus, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_expand.focus{opacity: 1;} .o_thread_window .o_mail_thread{flex: 1 1 100%; overflow: auto; -webkit-overflow-scrolling: touch;} .o_thread_window .o_mail_thread .o_thread_typing_notification_bar{background-color: rgba(250, 250, 250, 0.75);} .o_thread_window .o_mail_thread .o_thread_date_separator{margin: 0px 0px 15px 0px;} .o_thread_window .o_mail_thread .o_thread_date_separator .o_thread_date{background-color: #FAFAFA;} .o_thread_window .o_mail_thread .o_thread_message{padding: 4px 5px;} .o_thread_window .o_mail_thread .o_thread_message .o_thread_message_sidebar{margin-right: 5px;} .o_thread_window .o_thread_composer input{width: 100%; outline: 0; height: 39px; padding: 10px; font-size: 13px; border: none; border-top: 1px solid #dee2e6;} .o_thread_window_dropdown{width: auto; height: 28px; color: white; background-color: #212529; cursor: pointer; box-shadow: none;} @media (max-width: 767.98px){.o_thread_window_dropdown{display: none;}} .o_thread_window_dropdown .o_thread_window_header{border-radius: 0;} .o_thread_window_dropdown .o_thread_window_dropdown_toggler{padding: 5px;} .o_thread_window_dropdown .o_thread_window_dropdown_toggler .o_total_unread_counter{position: absolute; top: -10px; left: auto; bottom: auto; right: 0; background-color: #7C7BAD; padding: 0 2px; font-size: smaller;} .o_thread_window_dropdown.show .o_thread_window_dropdown_toggler .o_total_unread_counter, .o_thread_window_dropdown .o_thread_window_expand{display: none;} .o_thread_window_dropdown > ul{max-width: 325px; padding: 0;} .o_thread_window_dropdown > ul > li.o_thread_window_header{font-size: 12px; padding: 3px 5px;} .o_thread_window_dropdown > ul > li.o_thread_window_header ~ li.o_thread_window_header{border-top: 1px solid white;} .o_thread_window_dropdown > ul > li.o_thread_window_header:hover{background-color: #5f5e97;} .o_ui_blocked .o_thread_window{z-index: 1101;} .o_no_thread_window .o_thread_window{display: none;} 

/* /mail/static/src/scss/thread.scss defined in bundle 'web.assets_frontend' */
 .o_mail_thread .o_thread_show_more, .o_mail_activity .o_thread_show_more{text-align: center;} .o_mail_thread .o_mail_thread_content, .o_mail_activity .o_mail_thread_content{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; min-height: 100%;} .o_mail_thread .o_thread_bottom_free_space, .o_mail_activity .o_thread_bottom_free_space{height: 15px;} .o_mail_thread .o_thread_typing_notification_free_space, .o_mail_activity .o_thread_typing_notification_free_space{flex-grow: 1;} .o_mail_thread .o_thread_typing_notification_bar, .o_mail_activity .o_thread_typing_notification_bar{flex: 0, 0, 20px; background-color: rgba(255, 255, 255, 0.75); padding: 5px; text-align: center; color: #6c757d;} .o_mail_thread .o_thread_typing_notification_bar.o_thread_order_asc, .o_mail_activity .o_thread_typing_notification_bar.o_thread_order_asc{position: -webkit-sticky; position: sticky; top: auto; left: auto; bottom: 0px; right: auto;} .o_mail_thread .o_thread_typing_notification_bar.o_thread_order_desc, .o_mail_activity .o_thread_typing_notification_bar.o_thread_order_desc{position: -webkit-sticky; position: sticky; top: 0px; left: auto; bottom: auto; right: auto;} .o_mail_thread .o_thread_tooltip_container, .o_mail_activity .o_thread_tooltip_container{display: inline; position: relative;} .o_mail_thread .o_thread_date_separator, .o_mail_activity .o_thread_date_separator{margin-top: 15px; margin-bottom: 30px; border-bottom: 1px solid #ced4da; text-align: center;} @media (max-width: 767.98px){.o_mail_thread .o_thread_date_separator, .o_mail_activity .o_thread_date_separator{margin-top: 0px; margin-bottom: 15px;}} .o_mail_thread .o_thread_date_separator .o_thread_date, .o_mail_activity .o_thread_date_separator .o_thread_date{position: relative; top: 10px; margin: 0 auto; padding: 0 10px; font-weight: bold; background: white;} .o_mail_thread .o_thread_new_messages_separator, .o_mail_activity .o_thread_new_messages_separator{margin-bottom: 15px; border-bottom: solid #abaaca 1px; text-align: right;} .o_mail_thread .o_thread_new_messages_separator .o_thread_separator_label, .o_mail_activity .o_thread_new_messages_separator .o_thread_separator_label{position: relative; top: 8px; padding: 0 10px; background: white; color: #abaaca; font-size: smaller;} .o_mail_thread .o_thread_message, .o_mail_activity .o_thread_message{display: -webkit-box; display: -webkit-flex; display: flex; padding: 4px 16px; margin-bottom: 0px;} .o_mail_thread .o_thread_message.o_mail_not_discussion, .o_mail_activity .o_thread_message.o_mail_not_discussion{background-color: rgba(222, 226, 230, 0.5); border-bottom: 1px solid #ced4da;} .o_mail_thread .o_thread_message .o_thread_message_sidebar, .o_mail_activity .o_thread_message .o_thread_message_sidebar{flex: 0 0 36px; margin-right: 10px; margin-top: 2px; text-align: center; font-size: smaller;} @media (max-width: 767.98px){.o_mail_thread .o_thread_message .o_thread_message_sidebar, .o_mail_activity .o_thread_message .o_thread_message_sidebar{margin-top: 4px; font-size: x-small;}} .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_avatar, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_avatar{max-width: 36px;} .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date{margin-left: -5px;} .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_star, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_star{margin-right: -5px;} .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date{opacity: 0;} .o_mail_thread .o_thread_message .o_thread_icon, .o_mail_activity .o_thread_message .o_thread_icon{cursor: pointer; opacity: 0;} .o_mail_thread .o_thread_message .o_thread_icon.fa-star, .o_mail_activity .o_thread_message .o_thread_icon.fa-star{opacity: 0.6; color: gold;} .o_mail_thread .o_thread_message:hover .o_thread_message_side_date, .o_mail_thread .o_thread_message.o_thread_selected_message .o_thread_message_side_date, .o_mail_activity .o_thread_message:hover .o_thread_message_side_date, .o_mail_activity .o_thread_message.o_thread_selected_message .o_thread_message_side_date{opacity: 0.6;} .o_mail_thread .o_thread_message:hover .o_thread_icon, .o_mail_thread .o_thread_message.o_thread_selected_message .o_thread_icon, .o_mail_activity .o_thread_message:hover .o_thread_icon, .o_mail_activity .o_thread_message.o_thread_selected_message .o_thread_icon{opacity: 0.6;} .o_mail_thread .o_thread_message:hover .o_thread_icon:hover, .o_mail_thread .o_thread_message.o_thread_selected_message .o_thread_icon:hover, .o_mail_activity .o_thread_message:hover .o_thread_icon:hover, .o_mail_activity .o_thread_message.o_thread_selected_message .o_thread_icon:hover{opacity: 1;} .o_mail_thread .o_thread_message .o_mail_redirect, .o_mail_activity .o_thread_message .o_mail_redirect{cursor: pointer;} .o_mail_thread .o_thread_message .o_thread_message_core, .o_mail_activity .o_thread_message .o_thread_message_core{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; max-width: 100%; word-wrap: break-word;} .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_content > pre, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_content > pre{white-space: pre-wrap; word-break: break-word;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_subject, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_subject{font-style: italic;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_notification, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_notification{font-style: italic; color: gray;} .o_mail_thread .o_thread_message .o_thread_message_core [summary~=o_mail_notification], .o_mail_activity .o_thread_message .o_thread_message_core [summary~=o_mail_notification]{display: none;} .o_mail_thread .o_thread_message .o_thread_message_core p, .o_mail_activity .o_thread_message .o_thread_message_core p{margin: 0 0 9px;} .o_mail_thread .o_thread_message .o_thread_message_core p:last-child, .o_mail_activity .o_thread_message .o_thread_message_core p:last-child{margin-bottom: 0;} .o_mail_thread .o_thread_message .o_thread_message_core a, .o_mail_activity .o_thread_message .o_thread_message_core a{display: inline-block; word-break: break-all;} .o_mail_thread .o_thread_message .o_thread_message_core :not(.o_image_box) > img, .o_mail_activity .o_thread_message .o_thread_message_core :not(.o_image_box) > img{max-width: 100%; height: auto;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_body_long, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_body_long{display: none;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_info, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_info{margin-bottom: 2px;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_info strong, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_info strong{color: inherit;} .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_star, .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_needaction, .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_reply, .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_email, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_star, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_needaction, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_reply, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_email{padding: 4px;} .o_mail_thread .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_ready, .o_mail_activity .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_ready{color: grey;} .o_mail_thread .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_exception, .o_mail_thread .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_bounce, .o_mail_activity .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_exception, .o_mail_activity .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_bounce{color: red; opacity: 1; cursor: pointer;} .o_mail_thread .o_thread_message .o_thread_message_core .o_attachments_list:last-child, .o_mail_thread .o_thread_message .o_thread_message_core .o_attachments_previews:last-child, .o_mail_activity .o_thread_message .o_thread_message_core .o_attachments_list:last-child, .o_mail_activity .o_thread_message .o_thread_message_core .o_attachments_previews:last-child{margin-bottom: 30px;} .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_tooltip_container, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_tooltip_container{display: inline; position: relative;} .o_mail_thread .o_thread_title, .o_mail_activity .o_thread_title{margin-top: 20px; margin-bottom: 20px; font-weight: bold; font-size: 125%;} .o_mail_thread .o_mail_no_content, .o_mail_activity .o_mail_no_content{position: absolute; top: 30%; left: 0; bottom: 0; right: 0; text-align: center; font-size: 115%;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_read_more, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_read_more{display: block;} .o_web_client .popover .o_thread_tooltip_icon{min-width: 1rem;} .o_web_client.o_touch_device .o_mail_thread .o_thread_icon{opacity: 0.6;} 

/* /im_livechat/static/src/scss/im_livechat.scss defined in bundle 'web.assets_frontend' */
 .o_livechat_button{position: fixed; bottom: 0px; right: 6px; min-width: 100px; cursor: pointer; white-space: nowrap; background-color: rgba(60, 60, 60, 0.6); font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; padding: 10px; color: white; text-shadow: #3b4c58 1px 1px 0px; border: 1px solid #505050; border-bottom: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; z-index: 5;} .o_thread_window{z-index: 1002;} .o_thread_window .o_thread_date_separator{display: none;} .o_thread_window .o_livechat_rating{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; overflow: auto; padding: 15px; font-size: 14px;} .o_thread_window .o_livechat_rating .o_livechat_no_feedback{text-decoration: underline; cursor: pointer;} .o_thread_window .o_livechat_rating .o_livechat_rating_feedback_text{margin-top: 65px;} .o_thread_window .o_livechat_rating .o_livechat_rating_choices{margin: 40px 0;} .o_thread_window .o_livechat_rating .o_livechat_rating_choices > img{width: 65px; opacity: 0.60; cursor: pointer; margin: 10px;} .o_thread_window .o_livechat_rating .o_livechat_rating_choices > img:hover, .o_thread_window .o_livechat_rating .o_livechat_rating_choices > img.selected{opacity: 1;} .o_thread_window .o_livechat_rating .o_livechat_rating_reason{margin: 10px 0; display: none;} .o_thread_window .o_livechat_rating .o_livechat_rating_reason > textarea{width: 100%; height: 70px; resize: none;} .o_thread_window .o_livechat_rating .o_livechat_rating_reason_button > input{float: right;} 

/* /website_form_builder/static/src/css/website_form_builder.scss defined in bundle 'web.assets_frontend' */
 .o_website_form_builder .o_required > label::after{content: '*'; color: #dc3545;} .o_website_form_builder .form-field.css_non_editable_mode_hidden{opacity: 0.6;} .o_website_form_builder .form-check-label{font-weight: inherit;} body .modal.o_website_modal textarea.form-control, body .modal.o_website_modal select[multiple].form-control{height: auto;} 

/* /website_links/static/src/css/website_links.css defined in bundle 'web.assets_frontend' */
.no-link-style{color: black; text-decoration: none;} .required-form-control{background-color: #CECDFF;} #filters li a, #filters li.active a, #filters li.active a.active, #filters li.active a:hover, #filters li.active a:focus, #filters li a:hover{padding: 0px 5px; border-radius: 0px; border: 0px; border-color: transparent; border-right: 1px solid #999; padding-bottom: 0; background-color: #FFFFFF;} #filters li.active a{color: #999;} #filters li:last-child a, #filters li:last-child a:hover, #filters li:last-child a:focus{border-right: 0px;} .nav-tabs-inline{font-size: 14px;} #o_website_links_recent_links{min-height:30em;} .o_website_links_code_error{display:none; color:red; font-weight:bold;} .truncate_text{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 500px;} 

/* /website_snippet_html/static/src/scss/website_snippet_html.scss defined in bundle 'web.assets_frontend' */
 body.editor_enable.editor_has_snippets .s_html{border: 1px solid #64bda4; min-height: 40px; width: 100%; background-image: url("/website_snippet_html/static/src/img/s_html.png"); background-repeat: no-repeat; background-size: 30px; background-position: 100% 100%;} textarea.form-control{min-height: 400px;} 

/* /theme_ceiba_legal/static/src/scss/style.scss defined in bundle 'web.assets_frontend' */
 @font-face{font-family: 'Poppins'; src: url("/theme_ceiba_legal/static/src/scss/../fonts/Poppins.ttf") format("truetype");} body{font-family: Poppins;} .o_homepage_editor_welcome_message{display: none !important;} #services_link{scroll-margin-top: 150px;} #team_link{scroll-margin-top: 50px;} @media screen and (min-width: 800px){.bg-padding{padding: 256px 0 !important;}#header_ceiba_legal_mobile{display: none;}#header_ceiba_legal{width: 95%; z-index: 1000; background: white; margin: 0 auto; position: sticky; border-radius: 15px; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; text-align: center; position: sticky; top: 2%;}#header_ceiba_legal a{color: #364c73; font-size: 1.2rem;}#header_ceiba_legal .logo_link{width: 50%; max-height: 100px; text-align: left;}#header_ceiba_legal .about_link{width: 12.5%; height: 100px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}#header_ceiba_legal .services_link{width: 12.5%; height: 100px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}#header_ceiba_legal .team_link{width: 12.5%; height: 100px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}#header_ceiba_legal .contact_link{width: 12.5%; height: 100px; background-color: #364c73; color: white; border-top-right-radius: 15px; border-bottom-right-radius: 15px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}.parallax > .s_parallax_bg{top: -15%;}main > #wrap > section.s_cover{padding: 8.5em 0 !important;}.our_service_mobile{display: none;}.cc-cookies.alert.alert-warning{z-index: 1000; position: fixed; bottom: 0; right: 0; padding: 0.75rem 1.25rem; margin: 1rem; border: 1px solid transparent; border-radius: 0.25rem; color: white; background-color: #364c73; width: 20%;}.cc-cookies.alert.alert-warning .alert-link{color: white;}.contact-contact-info{width: 75%; margin: 1em auto; margin-bottom: 7em; background: #364c73; height: 300px; color: white; border-radius: 15px;}.contact-contact-info .row{height: 100%;}.contact-contact-info .row iframe{height: 90% !important; width: 80%; border-radius: 15px; position: relative; margin: 1em;}.contact-contact-info .row p{font-size: 24px; line-height: 44.9px;}.contact-contact-info .row .address{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;}.contact-contact-info .row .fa{margin-right: 10px;}} @media screen and (max-width: 800px){.bg-padding{padding: 80px 0 !important;}#header_ceiba_legal{display: none;}#header_ceiba_legal_mobile{width: 95%; z-index: 1000; background: white; margin: 0 auto; position: sticky; border-radius: 15px; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; text-align: center; position: sticky; top: 5%;}#header_ceiba_legal_mobile a{color: #364c73; font-size: 1rem;}#header_ceiba_legal_mobile .logo_link{width: 75%; max-height: 65px; text-align: left;}#header_ceiba_legal_mobile .contact_link{width: 25%; height: 65px; background-color: #364c73; color: white; border-top-right-radius: 15px; border-bottom-right-radius: 15px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}.parallax > .s_parallax_bg{top: -15%;}h1.s_title_thin{line-height: 0.75;}.s_title .s_title_thin font{font-size: 40px !important;}.section-text-ceiba{font-size: 16px !important;}main > #wrap > section.s_cover{padding: 8.5em 0 !important;}.service-desktop-ceiba{display: none;}.services{height: unset !important;}.services .row{margin: 0 !important;}.services .our_service{display: none;}.services .service{opacity: unset !important;}.our_service_mobile{padding: 0 1em; padding-bottom: 2em !important;}footer .row{margin: 0 !important;}footer .contacto{text-align: center !important; padding: 0 !important;}footer .contacto .fa{margin-right: 10px;}footer .menu_links{margin: 1.25em;}.container-contact-ceiba{margin: 1em auto;}.form-ceiba{position: relative;}.form-group-contact-ceiba{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: column !important; align-content: center !important; justify-content: center !important; align-items: center !important;}.form-group-contact-terms-ceiba{width: 100% !important; text-align: center !important; margin: 0 !important; margin-bottom: 1em !important;}.form-group-contact-input-ceiba{width: 100% !important; margin: 0 !important; margin-bottom: 1em !important;}.form-group-contact-send-ceiba{width: 100% !important; margin: 0 !important; margin-bottom: 1em !important;}.contact-contact-info{width: 95%; margin: 1em auto; background: #364c73; height: 300px; color: white; border-radius: 15px; position: relative !important; top: -3em !important;}.contact-contact-info .row{display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; flex-direction: column !important; align-content: center !important; justify-content: center !important; align-items: center !important; margin-right: 0 !important; margin-left: 0 !important;}.contact-contact-info .row .col-6{max-width: 90% !important; padding: 0 !important;}.contact-contact-info .row .col-6 iframe{height: 100% !important; width: 100% !important; position: relative !important; left: 0 !important; top: 0 !important; margin: 0.5em 0; border-radius: 15px;}.contact-contact-info .row .col-6 p{font-size: 16px !important; line-height: 17px !important; text-align: center !important;}.cc-cookies.alert.alert-warning{z-index: 1000; position: fixed; bottom: 0; margin: 1em; border: 1px solid transparent; border-radius: 15px; color: white; background-color: #364c73; width: 93%; text-align: center;}.cc-cookies.alert.alert-warning .alert-link{color: white;}} .services{width: 95%; margin: 0 auto; background: #364c73; height: 600px; color: white; border-radius: 15px;} .services .col-sm-8::-webkit-scrollbar{display: none;} .services .service{border-bottom: 1px solid #FFFFFF; padding: 16px 0px; margin: 10px 30px; color: white; opacity: 40%; width: 100%;} .services .service .row{margin: 0 !important;} .services .service:hover{opacity: 100%;} .services .service:focus{opacity: 100%;} .services .service:visited{opacity: 100%;} .services_row{height: 600px;} .scroll-container{width: 100%; overflow-x: scroll; white-space: nowrap;} .scroll-content{display: inline-block; width: 100%;} .page-ceiba-mobile{width: 30%; display: inline-block; white-space: normal;} .s_title .s_title_thin{font-size: 77px; font-weight: 100; color: #364c73;} .s_features .container{max-width: 100% !important;} .s_features .row{gap: 20px; justify-content: center; margin: 0 auto;} .s_features .row .col-lg-3{border-radius: 15px;} footer{background: #364c73; color: white; padding-top: 4em; padding-bottom: 4em;} footer .footer_container{width: 95%; margin: 0 auto; text-align: center;} footer .footer_container .row{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; margin: 0 !important;} footer .footer_container .footer_logo{width: 285px; height: 46px; top: 183px; left: 104px;} footer .footer_container .contacto{font-size: 17px; font-weight: 300; line-height: 33px; text-align: left; padding-left: 12em;} footer .footer_container .contacto .fa{margin-right: 10px;} footer .footer_container .menu_links{font-size: 17px; line-height: 22px;} footer .footer_container .menu_links ul{list-style: none; padding: 0 !important;} footer .footer_container .menu_links ul li{margin-bottom: 10px;} footer .footer_container .menu_links ul li a{color: white; font-size: 17px; line-height: 22px;} .contact-info{width: 95%; margin: 15px 2.5%; background: #364c73; height: 300px; color: white; border-radius: 15px;} .contact-info .row{height: 100%;} .contact-info .row iframe{height: 80% !important; width: 50% !important;} .contact-info .row p{font-size: 32px; line-height: 44.9px;} .s_website_form .o_website_form_fields .form-field .col-form-label span{font-size: 20px; font-weight: normal; color: #364c73;} .s_website_form .o_website_form_send{background: #364c73; border-radius: 0; border: 0; width: 60%; text-transform: uppercase;} .s_features h3{color: #364c73; font-size: 32px; font-weight: 400; line-height: 44.9px;} .s_features p{color: #364c73; font-size: 15px; line-height: 27px;} .s_text_image h2{color: #364c73; font-size: 32px; font-weight: 400; line-height: 44.9px;} .s_text_image p{color: #364c73; font-size: 15px; line-height: 27px;} .form-ceiba{position: relative; top: -5em;} .form-control-ceiba{border: none !important; border-bottom: 1px solid #364c73 !important; border-radius: 0 !important; color: #364c73 !important; font-size: 1.25em; margin-bottom: 1em; padding-left: 0 !important; background-color: #ffffff00;} .form-control-ceiba::placeholder{color: #364c73 !important;} .form-textarea-ceiba{min-height: 150px !important;} .form-group-contact-ceiba{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; align-content: center; align-items: flex-start;} .form-group-contact-ceiba .form-group-contact-terms-ceiba{width: 40%; margin-right: 1em; color: #364c73;} .form-group-contact-ceiba .form-group-contact-input-ceiba{width: 20%; margin-right: 1em; background-color: white; border: 1px solid #364c73; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-evenly; min-height: 50px;} .form-group-contact-ceiba .form-group-contact-input-ceiba label{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin: 0 !important; font-weight: unset !important; justify-content: center; width: 100%; background-color: white; color: #364c73;} .form-group-contact-ceiba .form-group-contact-input-ceiba label input{display: none;} .form-group-contact-ceiba .form-group-contact-input-ceiba .btn{border: unset !important;} .form-group-contact-ceiba .form-group-contact-input-ceiba .btn-lg, .form-group-contact-ceiba .form-group-contact-input-ceiba .btn-group-lg > .btn{padding: 0 !important; border-radius: 0 !important;} .form-group-contact-ceiba .form-group-contact-input-ceiba .btn-primary:focus, .form-group-contact-ceiba .form-group-contact-input-ceiba .btn-primary.focus{background-color: #364c73; color: white;} .form-group-contact-ceiba .form-group-contact-input-ceiba .btn-primary:active, .form-group-contact-ceiba .form-group-contact-input-ceiba .btn-primary.ac:active{background-color: #364c73; color: white;} .form-group-contact-ceiba .form-group-contact-input-ceiba #btn-privacity-ceiba:active{background-color: #364c73; color: white;} .form-group-contact-ceiba .form-group-contact-send-ceiba{width: 40%; margin: 0 !important;} .form-group-contact-ceiba .form-group-contact-send-ceiba button{width: 100% !important; border-radius: 0 !important; min-height: 50px;} 

/* /theme_ceiba_legal/static/src/css/style.css defined in bundle 'web.assets_frontend' */
 #header_ceiba_legal{box-shadow: 2px 3px 13px 0px #00000014;} .cc-cookies.alert.alert-warning{box-shadow: 2px 3px 13px 0px #00000014;} #header_ceiba_legal_mobile{box-shadow: 2px 3px 13px 0px #00000014;} .s_features .container .col-lg-3{box-shadow: 2px 3px 13px 0px #00000014;} 

/* /investor_portal/static/src/scss/style.scss defined in bundle 'web.assets_frontend' */
 main{background-color: #F5F5F5;} .desktop{display: block;} .mobile{display: none;} .tablet{display: none;} @media (max-width: 640px){.desktop{display: none;}.mobile{display: block;}.tablet{display: none;}.login-page-background{background-position: center center;}.login-page-background .line-container{display: none;}.login-page-background .oe_login_form{bottom: 0; position: absolute; margin-bottom: 0; width: 100%; height: 70vh; max-width: none;}#website_cookie_notice{width: 75vw !important;}#website_cookie_notice .cookie-buttons{justify-content: space-evenly !important;}#website_cookie_notice .cookie-buttons .btn{white-space: normal !important; width: 45% !important;}} @media (min-width: 641px) and (max-width: 1024px){.desktop{display: none;}.mobile{display: none;}.tablet{display: block;}.login-page-background{background-position: center center;}.login-page-background .line-container{display: none;}.login-page-background .oe_login_form{bottom: 0; position: absolute; margin-bottom: 0; width: 100%; height: 70vh; max-width: none;}#website_cookie_notice{width: 75vw !important;}#website_cookie_notice .cookie-buttons{justify-content: space-evenly !important;}#website_cookie_notice .cookie-buttons .btn{white-space: normal !important; width: 45% !important;}} @media (min-width: 1024px) and (max-width: 1400px){.investor_portal{margin-left: 175px !important;}.menu-investor-portal{max-width: 149px !important;}.menu-investor-portal .ceiba-logo img{height: auto; max-width: 100%;}.menu-investor-portal .investor-info .investor-name{justify-content: center;}.menu-investor-portal .investor-info .investor-name .user-img{padding-left: 0 !important;}.menu-investor-portal .investor-info .investor-name .name h2{display: none;}.menu-investor-portal .investor-info .investor-name .name .dropdown-toggle{padding: 15px;}.menu-investor-portal .investor-info .investor-adress{display: none !important;}.menu-investor-portal .investor-info .investor-phone{display: none !important;}.menu-investor-portal .second-ul .nav-item a{width: -webkit-fill-available; padding-left: 7px; justify-content: center;}.menu-investor-portal .second-ul .nav-item a h2{display: none;}} .btn-card{width: 50%; margin: 0 auto; text-align: center; background-color: white; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; width: fit-content; margin-top: 1.25rem; margin-bottom: 1.25rem; border-radius: 5px; 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: center;} .btn-card a{border: none; background-color: #293863; margin-top: 1.25rem !important;} .btn-card a:hover{background-color: #245FFF;} .login-page-background{background-image: url("/investor_portal/static/src/img/ceiba-background.png"); background-size: cover; background-repeat: no-repeat; color: white;} .login-page-styles header{display: none !important;} .login-page-styles footer{display: none !important;} #website_cookie_notice{z-index: 100; position: fixed !important; align-self: flex-end; bottom: 54px; width: 536px; height: 208px !important; margin-bottom: 0px; margin-right: 0; margin-left: 0; background-color: white !important; border-radius: 0; border: 0; padding-top: 0; bottom: 25px; right: 20px;} #website_cookie_notice .container{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: center;} #website_cookie_notice .container .cookie-close-button{cursor: pointer; font-family: Poppins; font-size: 12px; color: #245FFF; right: 0; position: absolute; padding-right: 24px; padding-top: 16px;} #website_cookie_notice .container .cookie-text{padding-top: 72px; padding-bottom: 24px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;} #website_cookie_notice .container .cookie-text span{color: #245FFF; font-family: Poppins; font-size: 15px; font-style: normal; font-weight: 400; line-height: 119.023%;} #website_cookie_notice .container .cookie-buttons{display: -webkit-box; display: -webkit-flex; display: flex;} #website_cookie_notice .container .cookie-buttons .btn{background-color: white; border-radius: 0; border: #245FFF 1px solid; color: #245FFF; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 300; line-height: 139.023%; height: 50px; cursor: pointer; width: 233px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center;} #website_cookie_notice .container .cookie-buttons .ok-btn{margin-right: 15px;} .oe_login_form{padding: 32px; background: white; max-width: 416px; margin-top: 224px;} .oe_login_form #login, .oe_login_form #password{color: #245FFF; font-family: Poppins; font-size: 15px; font-style: normal; font-weight: 300; line-height: 139.023%; border-radius: 0; border: 0; border-bottom: #245FFF 1px solid; background-color: white; padding-left: 0;} .oe_login_form #login::placeholder, .oe_login_form #password::placeholder{color: #245FFF;} .oe_login_form .submit-btn{background-color: white; border-radius: 0; border: #245FFF 1px solid; color: #245FFF; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 300; line-height: 139.023%; height: 50px; cursor: pointer;} .oe_login_form .submit-btn:active{background-color: #245FFF !important; color: #ffffff !important; border: 0px !important; outline: 0px solid red !important;} .oe_login_form .submit-btn:active .login-tick{stroke: white;} .oe_login_form .submit-btn:focus{outline: 0px solid red !important;} .oe_login_form .ceiba-logo{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; margin-bottom: 41px;} .oe_login_form .clearfix .btn{width: auto; color: #245FFF;} .oe_login_form .clearfix a{color: #293863; text-align: center; font-family: Poppins; font-size: 14px;} .oe_login_form .clearfix .mt-2.d-flex.small{align-items: center; color: #245FFF; font-family: Poppins; font-size: 12px; font-style: normal; font-weight: 300; line-height: 139.023%; justify-content: center;} .oe_login_form .form-group.g-recaptcha{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;} .oe_login_form .alert{font-family: 'Poppins';} .oe_reset_password_form{padding: 32px; background: white; max-width: 416px;} .oe_reset_password_form #login{color: #245FFF; font-family: Poppins; font-size: 15px; font-style: normal; font-weight: 300; line-height: 139.023%; border-radius: 0; border: 0; border-bottom: #245FFF 1px solid; background-color: white; padding-left: 0;} .oe_reset_password_form #login::placeholder{color: #245FFF;} .oe_reset_password_form .btn{background-color: white; border-radius: 0; border: #245FFF 1px solid; color: #245FFF; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 300; line-height: 139.023%; height: 50px;} .oe_reset_password_form .d-flex a{border: #245FFF 1px solid; height: 50px; text-decoration: none; align-items: center; color: #245FFF; font-family: Poppins; font-size: 15px; font-style: normal; font-weight: 300; line-height: 139.023%; border-radius: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding: 0.0625rem 0.3125rem;} .oe_reset_password_form p{font-family: Poppins; font-size: 15px;} .line-container{display: -webkit-box; display: -webkit-flex; display: flex; position: fixed; height: 100vh;} .vertical-line{width: 1px; background-color: #EBEDF1; opacity: 0.5; margin-left: 20vw;} .back-link{height: 72px; width: 20vw; border-bottom: 1px solid; border-color: rgba(235, 237, 241, 0.5); display: -webkit-box; display: -webkit-flex; display: flex; align-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; position: fixed;} .back-link .back-arrow{padding-right: 24px;} .back-link .ceiba-link{text-decoration: none; color: #EBEDF1; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 400; line-height: 119.023%;} .investor_portal{font-family: "Roboto";} .investor_portal .row{margin-left: 0; margin-right: 0;} .investor_portal .global-position{background: #293863; color: rgba(255, 255, 255, 0.79); position: relative; margin-bottom: 24px;} .investor_portal .global-position p{text-transform: uppercase;} .investor_portal .global-position .col-4-content{margin: 25px; margin-bottom: 45px;} .investor_portal .global-position h3{margin: 0; font-style: normal; font-weight: 500; line-height: normal; color: white; text-transform: none;} .investor_portal .global-position h1{color: #FFF; font-family: Roboto; font-size: 40px; font-style: normal; font-weight: 400; line-height: normal;} .investor_portal .global-position .card-deck{position: absolute; top: 27px; color: black; right: 0px; width: 475px;} .investor_portal .global-position .card-deck .card{max-width: none;} .investor_portal .global-position .card-deck .card .fa{color: #293863;} .investor_portal .global-position .card-deck .card h5, .investor_portal .global-position .card-deck .card .card-text{font-size: 14px; color: #293863;} .investor_portal .global-position .card-deck .card .card-img{width: 100%; margin: 0; position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%);} .investor_portal .global-position .card-deck .card .canvas-container{margin-bottom: 20px;} .investor_portal .warning{margin-bottom: 24px; width: calc(100% - 480px); height: 40px; flex-shrink: 0; border-radius: 5px; background: rgba(255, 192, 29, 0.3); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .investor_portal .warning .warning-icon{margin-left: 14px;} .investor_portal .warning h5{font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize; padding-left: 13px; margin-bottom: 0;} .investor_portal .warning .left-text{color: #FFAD1D;} .investor_portal .warning .right-text{color: #293863;} .investor_portal .totals-capital-call{position: sticky; bottom: 0; z-index: 1; border-radius: 5px; background: #FFAD1D !important;} .investor_portal .totals-capital-call .totals-title{padding-left: 16px;} .investor_portal .totals-capital-call td{color: white;} .investor_portal .totals-vehicle-debt{height: 80px; position: sticky; bottom: 0; z-index: 1; border-radius: 5px; background: #A7F6BE !important;} .investor_portal .totals-vehicle-debt .totals-title{padding-left: 16px;} .investor_portal .totals-vehicle-debt td{color: #293863;} .investor_portal .totals-vehicle-debt td span, .investor_portal .totals-vehicle-debt td b{font-weight: normal;} .investor_portal .totals-vehicle-debt td:nth-child(3) span{font-weight: 700;} .investor_portal .totals-other-investments{position: sticky; bottom: 0; z-index: 1; border-radius: 5px; background: #245FFF !important;} .investor_portal .totals-other-investments .totals-title{padding-left: 16px;} .investor_portal .totals-other-investments td{color: white;} .investor_portal h2{font-style: normal; font-weight: 500; font-size: 25px; line-height: 29px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; text-transform: uppercase; color: #293863;} .investor_portal h3{font-style: normal; font-weight: 500; font-size: 23px; line-height: 29px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; text-transform: uppercase; color: #293863;} .investor_portal .last-update{font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; color: #96989C; padding-left: 28px;} .investor_portal .last-update span{margin-left: 3px; color: #245FFF;} .investor_portal .anotacion p{margin: 0; padding-top: 5px; font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; color: #96989C;} thead th{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;} thead tr{height: 64px;} tbody tr:nth-of-type(odd){background-color: white !important;} tbody td{color: #293863; padding: 1rem 0.3rem !important; opacity: 0.8; text-align: center;} tbody tr{background-color: rgba(36, 95, 255, 0.03) !important; height: 64px;} tfoot td{color: #293863; padding: 1rem 0.3rem !important; opacity: 0.8; text-align: center;} tfoot tr{height: 80px;} .title{padding-left: 15px;} .menu-investor-portal{position: fixed; height: 100vh; max-width: 264px; background: #FFF; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);} .menu-investor-portal .ceiba-logo{text-align: center; padding-top: 32px; padding-bottom: 40px;} .menu-investor-portal .investor-info{background: rgba(36, 95, 255, 0.03); box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.1); padding-left: 0; margin-bottom: 40px;} .menu-investor-portal .investor-info h2{padding-left: 16px; color: #000; font-family: Roboto; font-size: 11px; font-style: normal; font-weight: 400; line-height: normal;} .menu-investor-portal .investor-info li{display: -webkit-box; display: -webkit-flex; display: flex;} .menu-investor-portal .investor-info .investor-name{height: 65px;} .menu-investor-portal .investor-info .investor-name .name{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;} .menu-investor-portal .investor-info .investor-name .name h2{padding-top: 0; padding-bottom: 0; white-space: normal; max-width: 160px;} .menu-investor-portal .investor-info .investor-name .name .dropdown-toggle{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; text-decoration: none; color: inherit;} .menu-investor-portal .investor-info .investor-name .name .dropdown-toggle::after{display: inline-block; vertical-align: middle; margin-left: 0.5em;} .menu-investor-portal .investor-info .investor-name .name #user-ids-dropdown-menu{cursor: pointer;} .menu-investor-portal .investor-info .investor-name .name #user-ids-dropdown-menu option{font-style: normal; font-weight: 500; font-size: 12px; line-height: 29px; color: #293863;} .menu-investor-portal .investor-info .investor-name .name #user-ids-dropdown-menu h3{display: inline; display: inline; vertical-align: middle; float: left; margin-left: 28px;} .menu-investor-portal .investor-info .investor-name .name div#user-ids-dropdown-menu::-webkit-scrollbar-thumb{background-color: #A7F6BE; border-radius: 27px; width: 5px;} .menu-investor-portal .investor-info .investor-name .name div#user-ids-dropdown-menu::-webkit-scrollbar-thumb:hover{background-color: #A7F6BE; border-radius: 27px; width: 5px;} .menu-investor-portal .investor-info .investor-name .name div#user-ids-dropdown-menu::-webkit-scrollbar-track{background-color: #A7F6BE; border-radius: 27px; width: 5px;} .menu-investor-portal .investor-info .investor-name .name div#user-ids-dropdown-menu::-webkit-scrollbar-track{background-color: #A7F6BE; border-radius: 27px; width: 5px;} .menu-investor-portal .investor-info .investor-name .user-img{align-self: center; padding-left: 16px;} .menu-investor-portal .investor-info .investor-name h2{padding-top: 17px; padding-bottom: 3px; color: #000; font-family: Roboto; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase;} .menu-investor-portal .investor-info .investor-name h3{padding-bottom: 13px; color: #76809B; font-family: Roboto; font-size: 11px; font-style: normal; font-weight: 400; line-height: normal;} .menu-investor-portal .investor-info .investor-name h3, .menu-investor-portal .investor-info .investor-name h2{display: -webkit-box; display: -webkit-flex; display: flex; padding-left: 16px; margin-bottom: 0;} .menu-investor-portal .investor-info #user-ids-dropdown-menu{height: 11em; width: 20em; overflow: hidden auto; transform: translate3d(13px, 170px, 0px) !important;} .menu-investor-portal .investor-info .investor-adress{flex-direction: row; height: 40px;} .menu-investor-portal .investor-info .investor-adress .adress{padding-left: 24px; display: -webkit-box; display: -webkit-flex; display: flex; word-break: break-all;} .menu-investor-portal .investor-info .investor-adress h3{color: #76809B; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; align-self: center; margin-bottom: 0;} .menu-investor-portal .investor-info .investor-adress .adress-sign{padding-right: 6px; color: #293863; font-size: 15px; font-weight: 700;} .menu-investor-portal .investor-info .investor-phone{flex-direction: row; height: 48px;} .menu-investor-portal .investor-info .investor-phone .phone{display: -webkit-box; display: -webkit-flex; display: flex; padding-left: 24px;} .menu-investor-portal .investor-info .investor-phone h3{color: #76809B; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; align-self: center; margin-bottom: 0;} .menu-investor-portal .investor-info .investor-phone .phone-code{padding-right: 6px; color: #293863; font-size: 15px; font-weight: 700;} .menu-investor-portal .investor-info .investor-name, .menu-investor-portal .investor-info .investor-adress{border-bottom: 1px solid #EBEDF1;} .menu-investor-portal .fa{color: #293863; font-size: 25px;} .menu-investor-portal li.nav-item.mb-3{display: -webkit-box; display: -webkit-flex; display: flex; background: #FFF;} .menu-investor-portal .investor-portal-close-session{display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-end; flex: auto;} .menu-investor-portal .investor-portal-close-session a{padding-bottom: 15px;} .menu-investor-portal .cerrar-sesion{bottom: 0; position: sticky;} .menu-investor-portal .second-ul{height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;} .menu-investor-portal .sidebar-sticky{height: inherit;} .menu-investor-portal .nav-link, .menu-investor-portal .portal-link{display: -webkit-box; display: -webkit-flex; display: flex; text-decoration: none;} .menu-investor-portal .inversor-info{background: rgba(36, 95, 255, 0.03); box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.1);} .menu-investor-portal ul.nav{height: 100%;} .menu-investor-portal .nav h2{margin-bottom: 0; padding-left: 16px; color: #000; font-family: Roboto; font-size: 11px; font-style: normal; font-weight: 400; line-height: normal; align-self: center;} .tab-container{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;} .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;}