.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: #875A7B; color: white;} #list_website_pages td, #list_website_pages th{padding: 0.45rem;} #list_website_pages td > a.fa{margin-left: 5px; color: #875A7B;} #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_enterprise/static/src/scss/website_enterprise.scss defined in bundle 'web.assets_frontend' */
 .o_menu_toggle{float: left; padding: 4px 0 0 16px; font-size: 1.3em; color: white;} .o_menu_toggle:hover, .o_menu_toggle:focus, .o_menu_toggle:active{color: white; outline: 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; 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_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_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;} .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 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/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_blog/static/src/scss/website_blog.scss defined in bundle 'web.assets_frontend' */
 .website_blog{} .website_blog .css_website_mail .o_has_error{border-color: red;} .website_blog .css_website_mail .css_nav_month{display: none;} .website_blog .css_website_mail .css_nav_month:first-of-type{display: block;} .website_blog .read_width{max-width: 700px; margin-left: auto; margin-right: auto;} .website_blog .blog_content{min-height: 350px !important;} .website_blog .blog_content a.oe_mail_expand:after{content: " →";} .website_blog .blog_content a.oe_mail_expand{font-weight: bold;} .website_blog p.post-meta{position: relative; top: -5px;} .website_blog div#blog_angle_down a:hover{text-decoration: none;} .website_blog .o_blog_cover_container{position: relative;} .website_blog .o_blog_cover_container > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: none; background-size: cover; background-position: center; background-repeat: no-repeat;} .website_blog .o_blog_cover_container > .blog_title{margin: 0 auto; text-align: center; font-weight: bold;} .website_blog .o_blog_cover_container.cover > .o_blog_cover_component{display: block;} .website_blog .o_blog_cover_container.cover > .blog_title, .website_blog .o_blog_cover_container.cover_footer > .blog_title{color: white; position: absolute; top: 20%; left: 30px; bottom: auto; right: 30px;} .website_blog .o_blog_cover_container.cover_full{height: 600px; height: 100vh;} .website_blog .o_blog_cover_container.cover_narrow{height: 300px; height: 50vh;} .website_blog .o_blog_cover_container.o_list_cover{display: none; width: auto !important; height: 250px !important;} .website_blog .o_blog_cover_container.o_list_cover.cover{display: block;} .website_blog .o_blog_cover_container.cover_footer{min-height: 350px; height: 65vh; background-color: #B8B8B8; cursor: pointer;} @media (max-width: 767.98px){.website_blog .o_blog_cover_container > .blog_title > h1{font-size: 26px;}.website_blog .o_blog_cover_container > .blog_title > h2{font-size: 20px;}.website_blog .o_blog_cover_container.cover > .blog_title{top: 10%;}.website_blog .o_blog_cover_container.cover_narrow{height: 65vh;}.website_blog .o_blog_cover_container.cover_footer{min-height: 280px; height: 50vh;}.website_blog .o_blog_cover_container.cover_footer > .blog_title{top: 2%;}} .website_blog mark + .popover, .website_blog .cover_footer{cursor: pointer;} .website_blog .js_publish_management{z-index: 1;} .website_blog .js_publish_management .dropdown-menu{left: auto; right: 0;} .website_blog .o_blog_post_title{font-size: 24px;} .website_blog .o_blog_post_teaser{text-align: justify;} .website_blog .o_grid{margin: 0 6% 6% 0; border: 1px solid #EEEEEE; box-shadow: 0.5px 0.5px 0.5px 0.5px #eeeeee; padding-bottom: 15px;} .website_blog .o_grid .o_blog_post_teaser{width: 100%;} .website_blog .o_grid > .text-muted > .mb0 > hr{display: none;} .website_blog .o_author_avatar_little{width: 40px; display: inline; margin-top: -5px;} .website_blog .o_sharing_links{margin-top: 20px;} .website_blog .o_sharing_links > p{display: inline; font-size: 12px;} .website_blog .o_sharing_links > a{color: #b3b3b3; font: normal normal normal 28px/1 FontAwesome; margin: 0 4px 0 4px; cursor: pointer;} .website_blog .o_sharing_links > a:hover{text-decoration: none;} .website_blog .o_sharing_links > a.o_twitter_complete, .website_blog .o_sharing_links > a.o_twitter:hover{color: #4099FF;} .website_blog .o_sharing_links > a.o_google_complete, .website_blog .o_sharing_links > a.o_google:hover{color: #DD4B39;} .website_blog .o_sharing_links > a.o_facebook_complete, .website_blog .o_sharing_links > a.o_facebook:hover{color: #3b5998;} .website_blog .o_sharing_links > a.o_linkedin_complete, .website_blog .o_sharing_links > a.o_linkedin:hover{color: #0E76A8;} .website_blog .o_sharing_links > a.unhover{color: #b3b3b3;} .website_blog .o_blog_post_complete.o_sharing_links{max-width: 700px; margin: 50px auto 50px auto; text-align: center;} .website_blog .o_blog_post_complete.o_sharing_links > p{font-size: 16px; font-weight: 600;} .website_blog .o_blog_post_complete.o_sharing_links > a{font: normal normal normal 40px/1 FontAwesome;} .website_blog div[name="blog_post_data"]{margin-top: 20px !important; font-size: 13px;} .website_blog div[name="blog_post"]{position: relative;} .website_blog div[name="blog_post"] hr{margin-top: 10px;} .website_blog .blog_post_year_collapse{cursor: pointer;} .website_blog .blog_post_year_collapse > i{color: #00A09D;} .website_blog section.blog_tags ul.nav-pills li a{padding: 2px 15px;} .s_latest_posts .media > a{width: 100%; height: 200px;} @media (min-width: 768px){.s_latest_posts .media > a{width: 100px; height: 100px;}} .s_latest_posts .media > a > .o_blog_cover_container{position: relative; width: 100%; height: 100%; padding: 0;} .s_latest_posts .media > a > .o_blog_cover_container > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .s_latest_posts .media > a > .o_blog_cover_container > .o_blog_cover_image{background-size: cover; background-position: center;} .s_latest_posts_big_picture .s_latest_posts_post{position: relative; height: 250px; background: #FFFFFF; text-align: center; cursor: pointer; transition: all 300ms;} .s_latest_posts_big_picture .s_latest_posts_post.js-loading{background: #e9ecef !important;} .s_latest_posts_big_picture .s_latest_posts_post .thumb{position: relative; display: block; width: 100%; height: 100%; padding: 0; opacity: 0.8;} .s_latest_posts_big_picture .s_latest_posts_post .thumb > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .s_latest_posts_big_picture .s_latest_posts_post .thumb > .o_blog_cover_image{background-size: cover; background-position: center;} .s_latest_posts_big_picture .s_latest_posts_post > div, .s_latest_posts_big_picture .s_latest_posts_post > div > a{position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 2em; color: #FFFFFF; text-transform: uppercase; font-size: 1.25em; backface-visibility: hidden;} .s_latest_posts_big_picture .s_latest_posts_post > div::after, .s_latest_posts_big_picture .s_latest_posts_post > div::before, .s_latest_posts_big_picture .s_latest_posts_post > div > a::after, .s_latest_posts_big_picture .s_latest_posts_post > div > a::before{pointer-events: none;} .s_latest_posts_big_picture .s_latest_posts_post > div > a, .s_latest_posts_big_picture .s_latest_posts_post > div > a > a{z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;} .s_latest_posts_big_picture .s_latest_posts_post > div h2, .s_latest_posts_big_picture .s_latest_posts_post > div > a h2{margin: 0; font-size: 1.5em; font-weight: 300;} .s_latest_posts_big_picture .s_latest_posts_post > div h2 span, .s_latest_posts_big_picture .s_latest_posts_post > div > a h2 span{font-weight: 800;} .s_latest_posts_big_picture .s_latest_posts_post > div p, .s_latest_posts_big_picture .s_latest_posts_post > div > a p{margin: 1em 0 0; letter-spacing: 1px; font-size: 68.5%;} .s_latest_posts .js_get_posts, .s_latest_posts_big_picture .js_get_posts{position: relative; min-height: 100px;} .s_latest_posts .progress.js-loading, .s_latest_posts_big_picture .progress.js-loading{position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 0;} .s_latest_posts .progress.js-loading .progress-bar, .s_latest_posts_big_picture .progress.js-loading .progress-bar{position: absolute; top: 45%; left: 10%; bottom: auto; right: 10%; height: 10px; margin: 0; background: #6c757d; box-shadow: none;} 

/* /medin_portal/static/src/scss/custom.scss defined in bundle 'web.assets_frontend' */
 html{scroll-behavior: smooth;} body{font-family: RobotoLight,Arial,sans-serif !important;} input:disabled{background-color: #545454; cursor: default;} input{-webkit--webkit-appearance: none; -moz-appearance: none; appearance: none; -moz--webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .input_err{border: solid 1px #ff0000 !important;} .input_err:before{position: absolute; top: 22px; right: 19px; width: 8px; height: 2px; display: block; background: #6c757d; content: "\f06a";} .bg-sanpham{background-color: #fff;} .buso-sanpham{background-image: linear-gradient(293deg, #19B4F2 0%, #43CE8B 100%);} .buso-sanpham .fade-right{visibility: visible; animation-duration: 1s; animation-delay: 0s; animation-name: fadeInRight;} .buso-sanpham .header-texts{padding: 74px 0 35px; position: relative; z-index: 6; visibility: visible; animation-duration: 1s; animation-delay: 0s; animation-name: fadeInUp;} .buso-sanpham .header-texts h1{color: #fff; display: inline-block; margin-bottom: 20px;} .buso-sanpham .header-texts p{font-size: 18px; font-weight: 400; color: #fff; padding-bottom: 13px;} .buso-sanpham .header-texts ul{list-style: none; padding: 0; margin: 0;} .buso-sanpham .header-texts ul .sp-buttons{margin: 0 -10px;} .buso-sanpham .header-texts ul li{display: inline-block; margin: 0 10px 20px;} .buso-sanpham .header-texts ul a.sp-buttons{text-decoration: none; font-size: 1em; font-weight: 700; line-height: 3.125; border: none; border-radius: 25px; padding: 0 40px; display: inline-block; color: #fff; text-align: center; background: #002856; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;} .sp-end{padding: 80px 0; background-image: linear-gradient(293deg, #485a61 0%, #c5c5c5 100%);} .sp-end .button{padding: 0 25px; font-size: 1em; font-weight: 700; line-height: 3.125; border: none; border-radius: 25px; padding: 0 40px; display: inline-block; color: #fff; text-align: center; text-decoration: none; background: #e0486e; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;} .sp-end .button-transparent{background: transparent;} .sp-end .button-transparent:hover{background: #fff; color: #9E38CF; border-color: #fff;} .sp-end .button-border{line-height: 3; border: 1px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box;} .buso-block1, .buso-block2, .buso-block3, .buso-block4{padding-top: 30px;} a.kt-button{text-decoration: none; font-size: 1em; font-weight: 700; line-height: 3.125; border: none; border-radius: 25px; padding: 0 40px; display: inline-block; color: #0c656b; text-align: center; background: #aef5f9; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;} a.kt-button:hover{background-image: linear-gradient(293deg, #19B4F2 0%, #43CE8B 100%); color: #fff; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;} .buso-pt50{padding-top: 50px;} .heading-row{font-size: 2.075em; line-height: 1.25; font-weight: 700; margin-bottom: 28px; color: #dc3545;} .buso-hr{height: 3px; width: 100px; background: #dc3545; margin: 10px 0 30px 5px; position: relative;} .buso-text-des{font-size: 18px;} .buso-text-center{text-align: center; margin: auto;} .buso-block5{background-color: #f6f9f9;} .buso-block5 .feature-col{padding: 15px;} .buso-block5 .feature-col .icon{background: #cefcff; color: #00deec; font-size: 42px; padding-top: 10px; height: 90px; width: 90px; border-radius: 50%; margin: 0 auto 30px auto;} .buso-block5 .feature-col h3{font-size: 22px;} .buso-block5 .head-block5{padding-top: 50px;} .buso-block5 .head-block5 .heading{color: cornflowerblue; font-size: 30px;} .default-feature, main{background-color: #efefef;} .title-list-product{padding: 20px; text-align: center;} .icon-hr{height: 3px; width: 50px; background: #0054a4; margin: 20px 0 50px 0; position: relative;} .block{height: 2px; margin: 15px 0;} .box-product{text-align: center; padding: 20px;} .des-product{text-align: justify;} .image-product{display: -webkit-box; display: -webkit-flex; display: flex; max-height: 200px;} .list-product{min-height: 32px; text-align: justify; border-style: solid; border-width: 0; border-radius: 5px; background: #fff; overflow: hidden; margin: 10px;} .list-product:hover{box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);} .img-responsive{width: 100%;} .no-padding{padding: 0px !important; margin: 0px !important;} .more-btn{padding-bottom: 10px; text-align: center;} .more-button{border: none; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; cursor: pointer; background-color: white; color: black; border: 2px solid #4CAF50;} .more-button:hover{background-color: #4CAF50; color: white;} #html_cover{padding: 15px 0 15px 0;} #html_service{padding: 15px 0 15px 0;} #html_detail{padding: 15px 0 15px 0; text-align: center; color: #000;} #html_galley{padding: 15px 0 15px 0;} .p-service{text-align: center; color: #fff;} .img-service{padding: 15px 0 15px 0;} .heading-text{text-align: center;} .footer-wrapper{padding-top: 50px; background-color: #2b2b2d; color: #fff !important;} .text-footer{color: #B3B3B3;} .footer-copyright{background-color: #222222; color: #B3B3B3; margin: 0;} .buso-detail-top{background-image: linear-gradient(2deg, #ff2b2b8c 20%, #ff851dd6 100%); padding: 50px 0;} .buso-detail-block1{padding: 50px 0;} .buso-detail-block2{padding: 50px 0;} .bs-title{text-align: center; font-size: 30px; margin-top: 50px; text-transform: uppercase; color: #0054a4;} .item-container{text-align: center; padding: 15px 0;} .question-step{font-size: 17px; color: #333333;} .sub-info-step{color: #757575; font-size: 13px;} .box-notification{margin-bottom: 30px;} .box-notification i{font-size: 40px; color: #17a2b8; margin-bottom: 10px;} .box-notification p{font-size: 16px;} .flex-row-wrap-center{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; margin-top: 20px;} .box-3{max-width: 730px; margin-left: auto; margin-right: auto;} .item-select-box{display: -webkit-box; display: -webkit-flex; display: flex; width: 225px; height: 175px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; background-color: #ffffff; justify-content: center; position: relative; border-radius: 3px; cursor: pointer; margin: 7px;} .item-select-box:hover{background-color: #f7fff5; border: 1px solid #A4E292; box-shadow: 0.2px 0.2px 3.2px 0.2px #9CDF88; background-color: #F7FFF5;} .active1{border: 1px solid #A4E292; box-shadow: 0.2px 0.2px 3.2px 0.2px #9CDF88; background-color: #F7FFF5;} .hide{display: none !important;} .step{margin: 40px auto; display: block;} .check{background-image: url(/medin_portal/static/src/scss/../img/dungthu/check.png); display: inline-block; width: 16px; height: 16px; position: absolute; top: 8px; right: 8px;} .image-item{margin-bottom: 8px;} img.image-item{max-width: 60%;} img.nhansu0{max-width: 30%;} img.nhansu1{max-width: 40%;} img.nhansu2{max-width: 50%;} img.nhansu3{max-width: 60%;} .button-reg{width: 150px; height: 36px; background-color: #47b925; color: #fefefe; border: none; outline: none; border-radius: 18px; margin: 22px 0; cursor: pointer;} .register{float: right; margin: 20px;} .input-form-customer{margin: auto; line-height: 1;} .flex-row-wrap{display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap;} .input-item-box{margin-bottom: 20px; position: relative;} .col-info-customer{width: 100%; margin-top: 16px;} .col-info-customer label{font-size: 16px; color: #333333; float: left; font-weight: normal;} .require-title{color: #ff0000; float: left; margin-left: 5px;} .input-item{border-radius: 5px; border: 1px solid #cccccc; height: 34px; width: 100%; padding: 0 10px 0 10px; font-size: 16px; outline: none;} .icon-validate{display: inline-block; width: 15px; height: 15px; position: absolute; right: 8px; bottom: 10px;} .error{background: #ffffff url(/medin_portal/static/src/scss/../img/icon/baoloi.png); cursor: pointer;} .mesage-error{color: #FE7203; position: absolute; top: 0; right: 0; display: none; font-size: 13px;} .sub-domain{min-width: 80px; line-height: 33px; color: #3b7fad; background: #e6e9ea; border-radius: 0px 5px 5px 0px; border-width: 1px 1px 1px; border-style: solid solid solid none; border-color: #cccccc #cccccc #cccccc; border-image: initial; border-left: none;} .combobox-address{position: relative; user-select: none;} .input-name-job{display: -webkit-box; display: -webkit-flex; display: flex;} .input-fullname{flex: 3; position: relative;} .input-jobtitle{flex: 2; margin-left: 10px;} .domain{display: -webkit-box; display: -webkit-flex; display: flex; width: 100%;} .input-domain{border-radius: 5px 0 0 5px;} .buso-section{position: relative; font-family: Verdana; background-position: 50% 50%; background-size: cover;} .buso-section.color{background-color: #2ab5bb; background-image: -webkit-linear-gradient(315deg, #2ab5bb 8%, #2a7bbb); background-image: linear-gradient(135deg, #2ab5bb 8%, #2a7bbb);} .buso-overlay-section.transparant{padding-top: 150px; padding-bottom: 50px; background-color: transparent;} .buso-overlay-section{width: 100%; height: 100%;} .w-container{margin-left: auto; margin-right: auto; max-width: 940px;} .buso-title{color: #fff; font-family: RobotoLight,Arial,sans-serif; font-size: 48px; line-height: 56px; margin-top: 0px; text-transform: none; visibility: visible; animation-duration: 1s; animation-delay: 0s; animation-name: fadeInUp;} .support-mail{font-size: 16px; margin-top: 15px; visibility: visible; animation-duration: 1s; animation-delay: 0s; animation-name: fadeInUp;} .support-mail a{padding-left: 38px; background: url(/medin_portal/static/src/scss/../img/icon/email.png) 0 0 no-repeat; background-size: 24px; font-family: Roboto,Arial,sans-serif; font-size: 18px; line-height: 24px; color: #fff !important; word-wrap: break-word;} .buso-content-block{display: block; width: 80%; margin-right: auto; margin-left: auto; float: none;} .buso-cta-block{overflow: hidden; margin-top: -12px; border-radius: 3px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); visibility: visible; animation-duration: 1s; animation-delay: 0s; animation-name: fadeInUp;} .ques-content{position: absolute; visibility: visible; opacity: 1; right: 99%; left: -99%; background-color: #fff; top: -20%; padding: 20px; z-index: 1; box-shadow: 0 0 10px 5px #116294;} .buso-cta-content-block{padding: 15px 32px; background-color: #fff;} .block-title{position: relative; z-index: 10; display: inline-block; padding-right: 10px; background-color: #fff; font-size: 16px; line-height: 21px; font-weight: 500; letter-spacing: 0px; text-transform: uppercase;} .buso-quick-link-block{display: block; padding: 9px 29px; border-top: 1px solid rgba(255, 255, 255, 0.1); background-color: rgba(89, 48, 147, 0.8); -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; color: #fff; font-weight: 400;} .buso-quick-link-block:hover{background-color: #593093; color: rgba(255, 255, 255, 0.6); text-decoration: none;} .w-inline-block{max-width: 100%;} .buso-quick-link-title{font-size: 14px;} .w-container:after{clear: both;} .w-container:before, .w-container:after{content: " "; display: table;} .col-sm-6.buso-padding{padding-bottom: 50px;} .buso-section-2{padding: 65px 0 65px 0; background-color: #f7f9fa;} .buso-section-3{padding: 65px 0 65px 0; background-color: #edf0f1;} .section-title-wrapper{margin-bottom: 40px; text-align: center;} .section-title-wrapper i{font-size: 50px; color: #17a2b8; margin-bottom: 10px;} .section-title{text-align: center;} .btn-xemthem{border: none; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; cursor: pointer; background-color: #28a745; color: white;} .intro-column{padding-bottom: 20px;} .intro-link-block{position: relative; display: block; width: 100%; padding: 40px 30px 45px; border-radius: 3px; background-color: #2f6692; -webkit-perspective: 483px; perspective: 483px; -webkit-transition: -webkit-transform 200ms ease; transition: -webkit-transform 200ms ease; transition: transform 200ms ease; transition: transform 200ms ease, -webkit-transform 200ms ease; color: #fff; text-align: center; text-decoration: none;} .intro-link-block:hover{-webkit-transform: rotateX(0deg) rotateY(20deg) rotateZ(0deg); transform: scale(1.1); color: rgba(255, 255, 255, 0.8); text-decoration: none;} .w-clearfix:after{clear: both;} .w-clearfix:before, .w-clearfix:after{content: " "; display: table;} .intro-block-icon{height: 50px; margin-bottom: 22px;} .intro-block-title{margin-bottom: 19px; font-size: 24px; font-weight: 300;} .block-paragraph{margin-bottom: 0px;} .intro-link-block._2{background-color: #593093;} .intro-link-block._3{background-color: #24bd85;} .white-content-block{width: 100%; min-height: 435px; padding: 10px 30px; margin-bottom: 10px; border-radius: 3px; background-color: #fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);} .support-block{padding: 25px 0 40px 0; background-color: #f7f9fa;} .support-content{font-size: 15px;} .support-content ol{list-style: none; counter-reset: item;} .support-content li{counter-increment: item; margin-bottom: 5px;} .support-content li:before{margin-right: 10px; content: counter(item); background: #dc3545; color: white; width: 30px; text-align: center; display: inline-block;} .support-content ul{margin-bottom: 15px;} .support-content ul li{position: relative; list-style: none; margin-bottom: 8px; line-height: 1; padding-top: 20px;} .support-question{font-size: 15px; color: #00A09D;} .js-mb-content, .js-content{color: #000;} .support-text{margin-left: 5px; color: #000; padding-top: 5px; display: inline-block;} .guide-block{padding: 25px 0 40px 0; background-color: #f7f9fa;} .guide-block .white-menu-guide{width: 100%; min-height: 435px; padding: 10px 1px; margin-bottom: 10px; border-radius: 3px; background-color: #fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);} .guide-block .white-menu-guide .guide-question{color: #006d6b; font-size: 14px;} .guide-block .white-menu-guide .guide-question a.title-catg{padding: 10px; margin: 0; display: block; color: #006d6b; font-weight: 500;} .guide-block .white-menu-guide .guide-question .title-question{list-style: square; display: list-item; margin-left: 25px;} .guide-block .white-menu-guide .guide-question .title-question a{color: #006d6b;} .guide-block .white-menu-guide .guide-question .title-question-c{list-style: decimal; display: list-item; margin-left: 40px; padding: 3px 0;} .guide-block .white-menu-guide .guide-question .title-question-c a{color: #006d6b;} .guide-block .white-menu-guide .guide-question .lbl-toggle{display: block; cursor: pointer; transition: all 0.25s ease-out;} .guide-block .white-menu-guide .guide-question .lbl-toggle::before{content: ' '; display: inline-block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid currentColor; vertical-align: middle; margin-right: 7px; transform: translateY(-2px); transition: transform .2s ease-out;} .guide-block .white-content-guide{width: 100%; min-height: 435px; padding: 10px 30px 30px; border-radius: 3px; background-color: #fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);} .order-item{width: 35px; height: 35px; font-size: 16px; line-height: 33px; color: #fff; text-align: center; background-color: #dc3545; display: inline-block;} .huongdan-block{padding: 25px 0 40px 0; background-color: #f7f9fa;} .huongdan-item a{text-decoration: none;} .huongdan-item .content-item{background: #FFF; padding: 40px 20px; margin: 10px; text-align: center; border-radius: 5px; cursor: pointer;} .huongdan-item .content-item:hover{box-shadow: 0 0 10px 5px #EBEBEB; border-radius: 5px; transition: all 0.15s 0.15s linear;} .huongdan-item .content-item .text-item{color: #0054A4; padding-top: 20px;} .huongdan-item .content-item .icon-item img{height: 105px !important; max-width: 175px;} .lienhe-block{padding: 25px 0 40px 0; background: rgba(255, 255, 255, 0.1); color: #000;} .lienhe-block .contact{background: #fff; border-radius: 10px; margin: auto; padding: 50px;} .lienhe-block .contact .mess{background-color: #4CAF50; text-align: center; padding: 20px; border: 1px solid #a9ffac; color: #fcfcfc; font-size: 15px; margin-bottom: 20px;} .lienhe-block .contact .icon-hr{height: 2px; width: 40px; background: #fff; margin: auto; position: relative; margin-top: 5px;} .lienhe-block .contact .form .suggest{font-size: 18px; font-weight: normal; padding: 10px 0;} .lienhe-block .contact .form ul{list-style: none; padding: 0; margin: 0;} .lienhe-block .contact .form ul li{display: block; padding: 1px; margin-bottom: 5px;} .lienhe-block .contact .form ul li a{color: #067520; text-decoration: none; margin-left: 5px;} .lienhe-block .contact .form .input-item{padding: 8px; border: none; outline: none; margin-bottom: 10px; max-width: 210px; border-radius: 0 !important;} .lienhe-block .contact .form .input-border{background-color: rgba(255, 255, 255, 0); border-bottom: 1px solid #dc3545 !important;} .lienhe-block .contact .form input[type=number]::-webkit-inner-spin-button, .lienhe-block .contact .form input[type=number]::-webkit-outer-spin-button{-webkit--webkit-appearance: none; -moz-appearance: none; appearance: none; -moz--webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;} .lienhe-block .contact .form .title{display: inline-block; margin: 10px; width: 120px; font-weight: normal; font-size: 15px; color: #000;} .lienhe-block .contact .title-ques{margin: 10px; width: 100%; font-weight: normal; font-size: 20px; text-align: center; color: #006d6b;} .lienhe-block .contact .textarea{min-height: 110px; padding: 10px; margin: 0 20px; font-size: 16px; border: none; outline: none; width: 100%; background-color: #e6e6e6; border-radius: 10px;} .lienhe-block .contact .btn-submit{margin: auto;} .lienhe-block .contact .btn-submit a{text-decoration: none;} .lienhe-block .contact .luachon{display: block; width: 100%; height: calc(2.0625rem + 2px); padding: 0.375rem 0.75rem; font-size: 0.875rem; line-height: 1.5; color: #141f1e; background-color: #7cd7e6; background-clip: padding-box; border: 1px solid #fcfcfc;} .lienhe-block .contact .luachon:focus{color: #141f1e; background-color: #a9f3ff; border-color: #28a745; outline: 0;} .hovereffect{width: 100%; height: 250px; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; background: rgba(255, 255, 255, 0.4);} .hovereffect:hover{-webkit-box-shadow: 0px 0px 17px -7px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 17px -7px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 17px -7px rgba(0, 0, 0, 0.5); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;} .hovereffect .overlay{width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; padding: 50px 20px;} .hovereffect img{display: block; position: relative; max-width: none; width: calc(100% + 20px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden;} .hovereffect:hover img{opacity: 0.4; filter: alpha(opacity=40); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .hovereffect h2{text-transform: uppercase; color: #000; text-align: center; position: relative; font-size: 30px; font-weight: bold; overflow: hidden; padding: 0.5em 0; background-color: transparent;} .hovereffect h2:after{position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);} .hovereffect:hover h2:after{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .hovereffect a, .hovereffect p{color: white; text-decoration: none; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} .hovereffect:hover a, .hovereffect:hover p{opacity: 1; color: #fff; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} #catp-buso-footer{background-color: #1e3446;} #catp-buso-footer .buso-footer{padding-top: 40px; padding-bottom: 40px;} #catp-buso-footer .icon-hr{height: 3px; width: 80px; background: #7d7d7d; margin: 10px 0 20px 0; position: relative;} #catp-buso-footer .cg-info h2{font-size: 19px; margin-top: 0px; margin-bottom: 10px; color: #77b6fb;} #catp-buso-footer .cg-info .cg-list{list-style: none; padding-left: 0px; font-size: 14px; color: #bfbfbf;} #catp-buso-footer .cg-info .cg-list li{margin-bottom: 10px;} #catp-buso-footer .cg-info .cg-list li i{display: inline-block; margin-right: 10px;} #catp-buso-footer .cg-info .cg-list li p{display: inline-block; margin: 0px;} #catp-buso-footer .cg-info .cg-list li p a{color: #bfbfbf; text-decoration: none;} #catp-buso-footer .cg-follow h2{font-size: 19px; margin-top: 0px; margin-bottom: 10px; color: #77b6fb;} #catp-buso-footer .cg-follow .cg-socmed{font-size: 35px;} #catp-buso-footer .cg-follow .cg-socmed a{margin-right: 10px; color: #FF9900; text-decoration: none; transition: all 0.25s ease-in;} #catp-buso-footer .cg-follow .language-button{display: inline;} #catp-buso-footer .cg-follow .language-button a.btn{color: #2c3e50; border: none;} #catp-buso-footer .cg-follow .language-button .dropdown-menu{background-color: rgba(0, 160, 157, 0.9);} #catp-buso-footer .cg-follow .language-button .dropdown-menu .dropdown-item{color: #d6ff00;} #catp-buso-footer .cg-follow .language-button .dropdown-menu .dropdown-item:hover{background-color: rgba(255, 255, 255, 0);} #catp-buso-footer .copyright{padding-top: 7px; padding-bottom: 7px; background-color: #1c1f21; font-size: 13px;} #catp-buso-footer .copyright p{color: #6c757d; margin: 0px;} .hotro{padding-top: 30px;} .buso-hotro{padding: 65px 0 65px 0; background-color: #2f6692; color: #fff;} .buso-hotro .hotro-title{margin-top: 0px; margin-bottom: 0px; color: #fff; font-size: 39px; font-weight: 700; display: block;} .buso-hotro .hotro-des{margin-top: 12px; margin-bottom: 40px; font-size: 18px; font-weight: 300; color: #fff;} .buso-hotro a.contact-cta-block{display: block; padding: 19px 20px 17px 27px; margin: 20px 0; border-radius: 3px; background-color: rgba(255, 255, 255, 0.1); color: #fff; word-wrap: break-word;} .buso-hotro a.contact-cta-block:hover{color: rgba(255, 255, 255, 0.8); text-decoration: none;} .buso-hotro a.contact-cta-block .ques-title{opacity: 0.6; font-size: 11px; line-height: 14px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase;} .buso-hotro a.contact-cta-block .contact-title{margin-top: 6px; opacity: 1; font-size: 21px; line-height: 23px; font-weight: 700; letter-spacing: 0px; text-transform: none;} .modal-content{color: #000;} .modal-content .modal-header{float: right;} .modal-content .modal-body .w3-border{border-bottom: 1px solid #ffe187 !important;} .modal-content .modal-body .w3-input{border: none; outline: none; margin-bottom: 20px; width: 85%;} .baogia-md{padding-top: 50px; text-align: center;} table.table1{font-size: 16px; line-height: 1.4em; font-style: normal; border-collapse: separate; margin: auto;} .table1 thead th{padding: 15px; color: #ffffff; background-color: #189ea2; font-weight: normal;} .table1 thead th:empty{background: transparent; border: none;} .table1 tbody th{text-align: left; color: #ffffff; background-color: #189ea2; font-weight: normal; padding: 30px 20px;} .table1 tfoot td{color: #5f9c00; text-align: left; padding: 10px 0px; font-weight: normal; font-size: 15px;} .table1 tfoot th{color: #666;} .table1 tbody td{background-color: #fff; color: #000; font-size: 22px; font-weight: normal;} .table1 tbody td:hover{webkit-box-shadow: 0px 0px 17px -7px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 17px -7px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 17px -7px rgba(0, 0, 0, 0.5);} .baogia-sm{padding-top: 30px; text-align: center;} .baogia-sm h1{font-weight: normal;} .baogia-sm h2{font-size: 15px; color: green; margin: auto; padding: 20px;} .baogia-sm .nghiepvu{padding: 0 10px; color: #fff; text-align: left;} .baogia-sm .nghiepvu ul{list-style: none; padding: 0; margin: 0;} .baogia-sm .nghiepvu ul li{display: inline-block; padding: 10px; margin-bottom: 5px;} table.table2{font-size: 15px; line-height: 1.4em; border-collapse: separate; margin: auto;} .table2 tbody th{text-align: left; color: #ffffff; background-color: #189ea2; padding: 15px; font-weight: normal !important;} .table2 tbody td{background-color: #fff; color: #000; font-size: 18px;} .table2 tfoot th{color: #666;} .table2 tfoot td{color: #5f9c00; text-align: left; padding: 10px 0px; font-size: 13px;} .chiphi{text-align: center; padding: 30px 0; font-size: 16px; background-color: #f6f9f9;} .chiphi table.tb{margin: auto; text-align: left;} .chiphi table.tb tbody td{padding: 10px 20px;} .chiphi .tren .box1{margin: 20px 0; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); border: 1px solid #14937a; border-bottom: 10px solid #14937a;} .chiphi .tren .box1 .pricing-table-header-tiny{padding: 15px 0 15px 0; background: #16a085; border-bottom: 10px solid #14937a; color: #fff;} .chiphi .tren .box1 .pricing-table-features{margin: 15px 10px 0 10px; padding: 0 10px 15px 10px; text-align: center; line-height: 20px; font-size: 30px; color: #888;} .chiphi .tren .box2{margin: 20px 0; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); border: 1px solid #a12f23; border-bottom: 10px solid #a12f23;} .chiphi .tren .box2 .pricing-table-header-tiny{padding: 15px 0 15px 0; background: #c0392b; border-bottom: 10px solid #a12f23; color: #fff;} .chiphi .tren .box2 .pricing-table-features{margin: 15px 10px 0 10px; padding: 0 10px 15px 10px; line-height: 20px; font-size: 30px; color: #888;} .chiphi .tren ul{text-align: center; list-style: none; margin: auto; padding: 0;} .chiphi .tren ul li{display: inline-block; width: 300px;} .chiphi .duoi{padding-top: 20px;} .chiphi .note{background-color: #fff; padding: 20px;} .chiphi .note .title{text-align: center; margin: auto;} .chiphi .note .title h2{font-size: 17px;} .chiphi .note .mota ul{list-style: none; padding: 0; margin: 0;} .chiphi .note .mota ul li:before{content: "\2022"; color: red; font-size: 25px; font-weight: bold; display: inline-block; margin-left: -1em; width: 1em;} .chiphi .icon-hr{margin: 20px 0 20px 0 !important;} .chiphi h2{font-size: 32px;} .chiphi h3{font-size: 22px; text-transform: uppercase; display: inline; width: 100%; text-align: left; font-weight: normal;} .chiphi .w3-border{background-color: #f6f9f9; border-bottom: 1px solid #ffe187 !important;} .chiphi .w3-input{padding: 8px; border: none; outline: none; margin-bottom: 10px; width: 90%;} .chiphi .info{padding-bottom: 20px;} .baogia-end, .support-end{padding: 80px 0; background-color: #00a09d;} .notfound{padding: 90px 10px;} .notfound .content{margin: auto;} .notfound .content h2{display: inline-block; font-size: 50px;} .notfound .content .title{display: inline-block;} .notfound .content .title h1{color: #00b5c3; font-size: 150px; letter-spacing: 15.5px;} .notfound .content .des{margin: 15px 40px;} .notfound .content .des p{font-size: 17px;} .notfound .content a{font-size: 14px; text-decoration: none; text-transform: uppercase; background: #fff; display: inline-block; padding: 15px 30px; margin-bottom: 10px; border-radius: 40px; color: #292929; font-weight: 700; -webkit-box-shadow: 0px 4px 15px -5px rgba(0, 0, 0, 0.3); box-shadow: 0px 4px 15px -5px rgba(0, 0, 0, 0.3); -webkit-transition: 0.2s all; transition: 0.2s all;} .notfound .content a:hover{color: #fff; background-color: #00b5c3;} .datmuasanpham{padding-top: 25px; background-color: #f7f9fa;} .datmuasanpham h2{color: #333; margin-bottom: 18px; text-align: center; font-weight: normal; font-size: 1.2rem;} .datmuasanpham .pd-bt70{padding-bottom: 70px;} .datmuasanpham .cart-block-item{position: relative; background-color: #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); margin: auto; text-align: center;} .datmuasanpham .cart-block-item img{height: 150px; margin: 10px 0;} .datmuasanpham .cart-block-item h1{font-size: 16px; font-weight: normal;} .datmuasanpham .cart-block-item .price{color: #6c757d; text-decoration: line-through; font-size: 14px;} .datmuasanpham .cart-block-item .price_discount{color: #28a745; font-size: 16px; font-weight: bold;} .datmuasanpham .cart-block-item input.btn-addtocart{position: absolute; border: none; outline: 0; top: 100%; left: 0; padding: 12px; color: white; background-color: #0673ba; text-align: center; cursor: pointer; width: 100%; font-size: 15px; text-decoration: none;} .datmuasanpham .cart-block-item input.btn-addtocart:hover{opacity: 0.7; -webkit-transition: 0.2s all; transition: 0.2s all; color: #fff;} .datmuasanpham .cart-block-item input:disabled{background-color: #545454; cursor: default;} .datmuasanpham .cart-block-item .box-dialog{position: absolute; bottom: 20px; left: 20px; padding: 20px; color: #fcfcfc; text-align: center; font-weight: bold; background: #00aabb; border-radius: .4em;} .datmuasanpham .cart-block-item .box-dialog:after{content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; border: 17px solid transparent; border-top-color: #00aabb; border-bottom: 0; margin-left: -17px; margin-bottom: -17px;} .datmuasanpham .songuoidung{padding: 25px 0 40px 0; background-color: #fff;} .datmuasanpham .songuoidung .user-block-item{position: relative; background-color: #efefef; margin: auto; padding-bottom: 20px; margin-bottom: 10px; text-align: center;} .datmuasanpham .songuoidung .user-block-item .title{margin: 0; padding: 15px; color: #fcfcfc; font-size: 18px; background-color: #006d6b; text-transform: uppercase;} .datmuasanpham .songuoidung .user-block-item .input-content{height: 120px;} .datmuasanpham .songuoidung .user-block-item .storage-price{font-size: 16px;} .datmuasanpham .songuoidung .user-block-item .user-price{font-size: 16px;} .datmuasanpham .songuoidung .user-block-item .data-input{border: none; outline: none; font-size: 40px; color: crimson; background-color: #efefef; margin: 20px; width: 30%; text-align: center; border-bottom: 1px solid #dc3545 !important;} .datmuasanpham .songuoidung .user-block-item input[type=number]::-webkit-inner-spin-button, .datmuasanpham .songuoidung .user-block-item input[type=number]::-webkit-outer-spin-button{-webkit--webkit-appearance: none; -moz-appearance: none; appearance: none; -moz--webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;} .datmuasanpham .songuoidung .user-block-item input.btn-addtocart{border: none; outline: 0; padding: 12px; margin: auto; margin-top: 15px; color: white; background-color: #0673ba; text-align: center; cursor: pointer; max-width: 160px; font-size: 15px;} .datmuasanpham .songuoidung .user-block-item input.btn-addtocart:hover{opacity: 0.7; -webkit-transition: 0.2s all; transition: 0.2s all;} .datmuasanpham .songuoidung .user-block-item input:disabled{background-color: #545454; cursor: default;} .datmuasanpham .songuoidung .user-block-item .box-dialog{position: absolute; bottom: 32%; left: 23%; padding: 20px; color: #fcfcfc; text-align: center; font-weight: bold; background: #00aabb; border-radius: .4em;} .datmuasanpham .songuoidung .user-block-item .box-dialog:after{content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; border: 17px solid transparent; border-top-color: #00aabb; border-bottom: 0; margin-left: -17px; margin-bottom: -17px;} .datmuasanpham .songuoidung .btn-xemgiohang{padding: 20px 0;} .giohang{padding: 25px 0 40px 0; background-color: #f7f9fa;} .giohang .shopping-cart{background-color: #fff; padding: 10px; margin-bottom: 15px; border-radius: 3px;} .giohang .shopping-cart .cart-product{position: relative; display: inline-block; width: 100%; height: 110px; border-bottom: #eee 1px solid;} .giohang .shopping-cart .cart-product:last-child{border-bottom: none;} .giohang .shopping-cart .cart-product img{width: 100px; height: 100px; position: absolute; top: 2px; left: 2px; padding: 10px;} .giohang .shopping-cart .cart-product .content{display: inline-block; margin-left: 120px;} .giohang .shopping-cart .cart-product .content input[type=number]::-webkit-inner-spin-button, .giohang .shopping-cart .cart-product .content input[type=number]::-webkit-outer-spin-button{-webkit--webkit-appearance: none; -moz-appearance: none; appearance: none; -moz--webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;} .giohang .shopping-cart .cart-product .content .title{padding: 10px; font-size: 16px; width: 230px; word-wrap: break-word;} .giohang .shopping-cart .cart-product .content .action{padding: 10px;} .giohang .shopping-cart .cart-product .select-qty{position: absolute; top: 5%; right: 20%; padding: 10px;} .giohang .shopping-cart .cart-product .select-qty .border{border-radius: 50%; padding: 5px; border: 1px solid #eee;} .giohang .shopping-cart .cart-product .price{position: absolute; top: 5%; right: 0; display: inline-block; padding: 10px; text-align: right;} .giohang .shopping-cart .cart-product .price p{margin: 0; font-weight: bold; font-size: 18px;} .giohang .checkout{background-color: #fff; padding: 10px; border-radius: 3px;} .giohang .checkout .card-body{position: relative; padding: 0 0 20px 0;} .giohang .checkout .card-body .dathang{position: absolute; bottom: 5px; right: 5px; margin-top: 15px;} .giohang .checkout .card-body .tongcong{font-size: 20px; font-weight: normal; color: #fe3834;} .giohang .progress-wizard-step{width: 50%;} .dathangthanhcong .box{background: #fff; padding: 30px; margin: 20px; box-shadow: 0 0 10px 5px #e2e2e2;} .dathangthanhcong .box p{font-size: 18px; font-weight: normal;} .dathangthanhcong .box .pd-20{padding: 20px;} .dathangthanhcong .box .title{padding: 5px; font-size: 18px; color: #000; text-transform: uppercase; display: inline;} .dathangthanhcong .box .title i{color: #0094b5;} .dathangthanhcong .box .date-order{float: right;} .dathangthanhcong .box p{font-size: 15px; margin-bottom: 20px; padding: 10px; min-height: 50px;} .dathangthanhcong .box .drong{padding: 0 20px; width: 100%;} .dathangthanhcong .box table.table3{margin-top: 20px; width: 100%; text-align: right;} .dathangthanhcong .box table.table3 .left{text-align: left;} .dathangthanhcong .box table.table3 .border-none{border: none;} .dathangthanhcong .box table.table3 img{width: 130px; padding: 5px;} .dathangthanhcong .box table.table3 .total{text-align: right; font-weight: bold;} .website-blog{font-family: 'Roboto', sans-serif; color: #000; font-size: 15px; margin: 20px 0;} .website-blog .icon-bt{height: 3px; width: 70px; background: #dc3545; margin: 0 0 20px 15px;} .website-blog .content-blog{position: relative; background-color: #fff; padding: 10px; margin-bottom: 20px;} .website-blog .content-blog .title{padding: 10px; margin: 0; font-size: 30px; text-align: left;} .website-blog .content-blog .block-post{padding: 20px 0; margin: 0 20px; width: 100%; height: 100%; border-bottom: 1px solid #ccc;} .website-blog .content-blog .block-post:last-child{border-bottom: none;} .website-blog .content-blog .block-post .image-p{float: left; display: inline-block; height: 100%;} .website-blog .content-blog .block-post .image-p img{width: 200px; max-height: 200px; padding: 10px; background-size: cover;} .website-blog .content-blog .block-post .detail-p{margin: 10px 0 0 10px; float: left; display: inline-block; width: -moz-calc(100% - 210px); width: -webkit-calc(100% - 210px); width: calc(100% - 210px); height: 100%;} .website-blog .content-blog .block-post .detail-p p{display: inline-block; margin: 0; padding: 0;} .website-blog .content-blog .block-post .detail-p .title-p{font-size: 20px;} .website-blog .content-blog .block-post .detail-p .title-p a{text-decoration: none; color: #000;} .website-blog .content-blog .block-post .detail-p .title-p a:hover{color: #484848;} .website-blog .content-blog .block-post .detail-p .catg-p{font-size: 14px; font-weight: bold;} .website-blog .content-blog .block-post .detail-p .catg-p a{color: #41455e; text-decoration: none;} .website-blog .content-blog .block-post .detail-p .date-p{font-size: 14px; color: #868686;} .website-blog .content-blog .block-post .detail-p .description-p{font-size: 14px; font-weight: normal; margin: 10px 0;} .website-blog .content-blog .blog-breadcrumbs{padding: 0 30px; margin-bottom: 10px; font-size: 14px; color: #a9a9a9;} .website-blog .content-blog .blog-breadcrumbs a{color: #114777;} .website-blog .content-blog .meta-info{color: #777; font-size: 15px;} .website-blog .content-blog ul{list-style: none; padding: 0 20px;} .website-blog .content-blog ul a{color: #777;} .website-blog .content-blog ul li{display: inline-block; margin: 0 10px;} .website-blog .content-blog ul li i{margin-right: 5px;} .website-blog .content-blog .content{padding: 0 30px;} .website-blog .content-blog .content a{color: #114777;} .website-blog .content-blog .content img{text-align: center;} .website-blog .content-blog .share-social{text-align: right;} .website-blog .content-blog .share-social .title{font-weight: normal; font-size: 16px; display: inline;} .website-blog .content-blog .share-social .link{display: inline-block;} .website-blog .content-blog .share-social .link .fa{padding: 5px; font-size: 20px; width: 45px; text-align: center; text-decoration: none; margin: 5px 2px;} .website-blog .content-blog .share-social .link .fa:hover{opacity: 0.7; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;} .website-blog .content-blog .share-social .link .fa-facebook{background: #3B5998; color: white;} .website-blog .content-blog .share-social .link .fa-twitter{background: #55ACEE; color: white;} .website-blog .content-blog .share-social .link .fa-linkedin{background: #007bb5; color: white;} .website-blog .content-blog .share-social .link .fa-instagram{background: #125688; color: white;} .website-blog .content-blog .share-social .link .fa-pinterest{background: #cb2027; color: white;} .website-blog .post-related{background-color: #fff; padding: 10px; margin: -10px 0 10px 0;} .website-blog .post-related .title{padding: 10px; margin: 0; font-size: 25px; text-align: left;} .website-blog .post-related .box-item{text-align: center; max-width: 600px;} .website-blog .post-related .box-item .title{margin: 10px; text-align: center; font-size: 15px; font-weight: 500; color: #242424;} .website-blog .post-related .box-item .title a{text-decoration: none; color: #000;} .website-blog .post-related .box-item .title a:hover{color: #484848;} .website-blog .post-related .box-item img{height: 200px; width: 200px;} .website-blog .sidebar-blog .title{margin: 0; background: #3e5062; padding: 15px 20px; color: #fff; font-size: 16px; font-weight: 600; line-height: 1; letter-spacing: 1.2px; text-transform: uppercase;} .website-blog .sidebar-blog .widget-title{background: #fff; width: 100%; border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); margin: 0 0 24px; overflow: hidden;} .website-blog .sidebar-blog .widget-title .catg-list ul{list-style: none; padding: 0; margin: 0;} .website-blog .sidebar-blog .widget-title .catg-list ul li{display: block; text-transform: uppercase; padding: 11px; font-weight: 300; border-bottom: 1px solid #ececec;} .website-blog .sidebar-blog .widget-title .catg-list ul li:last-child{border-bottom: none;} .website-blog .sidebar-blog .widget-title .catg-list ul li:hover{background-color: #f5f4f4; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;} .website-blog .sidebar-blog .widget-title .catg-list ul li a{color: #000; text-decoration: none; margin-left: 5px;} .website-blog .sidebar-blog .widget-title .catg-list ul li i{width: 7px; font-size: 16px;} .website-blog .sidebar-blog .widget-title .catg-list ul #dropdown-catg{margin-left: 20px;} .website-blog .sidebar-blog .post-list{margin: 0; padding: 0; margin: 10px 0; text-align: center;} .website-blog .sidebar-blog .post-list img{max-height: 200px;} .website-blog .sidebar-blog .post-list .title-plist{margin: 10px; font-size: 15px; font-weight: 500; color: #242424;} .website-blog .sidebar-blog .post-list .title-plist:hover{color: #000;} .tomaho-pager{margin: auto; text-align: center;} .tomaho-pager a{border: 1px solid #CCC; color: #666; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 0 1px #fff; -ms-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; box-shadow: inset 0 0 1px white; background: #FAFAFA; background-image: -moz-linear-gradient(top, #FAFAFA 0, #d5d4d4 100%); background-image: -ms-linear-gradient(top, #FAFAFA 0, #d5d4d4 100%); background-image: -o-linear-gradient(top, #FAFAFA 0, #d5d4d4 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FAFAFA), color-stop(100%, #d5d4d4)); background-image: -webkit-linear-gradient(top, #FAFAFA 0, #d5d4d4 100%); background-image: linear-gradient(to bottom, #FAFAFA 0, #d5d4d4 100%); display: inline-block; line-height: 2.48em; height: 2.4em; text-decoration: none; margin: 0 .3em 12px; padding: 0 .85em; font-size: 13px; text-shadow: 0 1px 0 #fff;} .tomaho-pager a:hover{color: #000; border: 1px solid #aeacac; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);} .tomaho-pager a.current{cursor: default; pointer-events: none; background: #d5d4d4; background-image: -moz-linear-gradient(top, #d5d4d4 0, #FAFAFA 100%); background-image: -ms-linear-gradient(top, #d5d4d4 0, #FAFAFA 100%); background-image: -o-linear-gradient(top, #d5d4d4 0, #FAFAFA 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d5d4d4), color-stop(100%, #FAFAFA)); background-image: -webkit-linear-gradient(top, #d5d4d4 0, #FAFAFA 100%); background-image: linear-gradient(to bottom, #d5d4d4 0, #FAFAFA 100%); border: 1px solid #999; moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.35); -ms-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.35); -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.35);} 

/* /medin_portal/static/src/scss/buso_header.scss defined in bundle 'web.assets_frontend' */
 .table-striped tbody tr:nth-of-type(odd){background-color: rgba(0, 0, 0, 0.02) !important;} .table-hover tbody tr:hover{background-color: rgba(0, 0, 0, 0.06) !important;} span.o_field_widget{white-space: nowrap;} input:disabled{background-color: transparent;} .hidden{visibility: hidden;} .box-shadow{-webkit-box-shadow: 0px 0px 29px -8px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 29px -8px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 29px -8px rgba(0, 0, 0, 0.75);} .rotate{-moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; transition: all 0.5s linear;} .rotate.down{-moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);} .top-info{background-color: #00355b; color: #fff; font-size: 12px; padding: 4px 0px;} .top-info .buso-text-right{text-align: right;} .top-info ul{display: inline-block; padding: 0; margin: 0;} .top-info ul li{display: inline-block; list-style: none; margin-right: 20px;} .top-info ul li a{color: #fff; text-decoration: none;} .top-info .shopping-cart{position: relative;} .top-info .shopping-cart .number-in-cart{position: absolute; left: -23px; top: -2px; padding: 1px 7px; color: #141f1e; background-color: #fcfcfc; border-radius: 50%; border: 1px solid #fcfcfc;} .topnav-active{border-bottom: #ed1b2f solid 4px !important;} .topnav-active:after{content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; border: 5px solid transparent; border-bottom-color: #ed1b2f;} .text-dropdown-color{color: #fff;} .top-menu{background-color: #fff;} .js_usermenu{right: 0; width: 200px !important;} .js_usermenu i{width: 20px;} .logo-image{display: inline-block !important; padding: 5px 0;} #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button{margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #cssmenu:after, #cssmenu > ul:after{content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} #cssmenu #menu-button{display: none;} #cssmenu{float: right; display: inline-block; margin-top: 9px;} #cssmenu > ul > li{float: left;} #cssmenu.align-center > ul{font-size: 0; text-align: center;} #cssmenu.align-center > ul > li{display: inline-block; float: none;} #cssmenu.align-center ul ul{text-align: left;} #cssmenu.align-right > ul > li{float: right;} #cssmenu > ul > li > a{font-family: 'Roboto', sans-serif; padding: 17px; font-size: 14px; text-decoration: none; color: #504c4c; font-weight: 500; text-transform: uppercase;} #cssmenu > ul > li:hover > a{color: #ed1b2f;} #cssmenu > ul > li.has-sub > a:after{content: '\f0dc'; font-family: FontAwesome; font-weight: normal; font-style: normal; margin: 0px 0px 0px 10px; text-decoration: none; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;} #cssmenu > ul > li.has-sub:hover > a:before{top: 23px; height: 0;} #cssmenu ul ul{position: absolute; z-index: 999; width: 180px; left: -9999px;} #cssmenu.align-right ul ul{text-align: right;} #cssmenu ul ul li{height: 0; background: #fcfcfc; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;} #cssmenu li:hover > ul{left: auto;} #cssmenu.align-right li:hover > ul{left: auto; right: 0;} #cssmenu li:hover > ul > li{height: 45px;} #cssmenu ul ul ul{margin-left: 100%; top: 0;} #cssmenu.align-right ul ul ul{margin-left: 0; margin-right: 100%;} #cssmenu ul ul li a{padding: 11px 15px; font-size: 14px; text-decoration: none; color: #000; font-weight: 400; line-height: 1.3;} #cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a{border-bottom: 0;} #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover{color: #eee; background: #666869;} #cssmenu ul ul li.has-sub > a:after{position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #6c757d; content: '';} #cssmenu.align-right ul ul li.has-sub > a:after{right: auto; left: 11px;} #cssmenu ul ul li.has-sub > a:before{position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #6c757d; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;} #cssmenu.align-right ul ul li.has-sub > a:before{right: auto; left: 14px;} #cssmenu ul ul > li.has-sub:hover > a:before{top: 17px; height: 0;} @media all and (max-width: 740px){.logo-image{display: none !important;}.js_usermenu{width: auto !important;}#cssmenu{width: 100%;}#cssmenu ul{width: 100%; display: none;}#cssmenu.align-center > ul{text-align: left;}#cssmenu ul li{width: 100%; border-top: 1px solid rgba(120, 120, 120, 0.2);}#cssmenu ul ul li, #cssmenu li:hover > ul > li{height: auto;}#cssmenu ul li a, #cssmenu ul ul li a{width: 100%; border-bottom: 0;}#cssmenu > ul > li{float: none;}#cssmenu ul ul li a{padding-left: 25px;}#cssmenu ul ul ul li a{padding-left: 35px;}#cssmenu ul ul li a{color: #6c757d; background: none;}#cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a{color: #ffffff;}#cssmenu ul ul, #cssmenu ul ul ul, #cssmenu.align-right ul ul{position: relative; left: 0; width: 100%; margin: 0; text-align: left;}#cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before{display: none;}#cssmenu #menu-button{display: block; padding: 17px; color: #006d6b; cursor: pointer; font-size: 14px; text-transform: uppercase; font-weight: 700;}#cssmenu #menu-button:after{position: absolute; top: 22px; right: 17px; display: block; height: 7px; width: 20px; border-top: 2px solid #dc3545; border-bottom: 2px solid #dc3545; content: '';}#cssmenu #menu-button:before{position: absolute; top: 16px; right: 17px; display: block; height: 2px; width: 20px; background: #dc3545; content: '';}#cssmenu #menu-button.menu-opened:after{top: 23px; border: 0; height: 2px; width: 15px; background: #dc3545; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}#cssmenu #menu-button.menu-opened:before{top: 23px; background: #dc3545; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}#cssmenu .submenu-button{position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.2); height: 46px; width: 46px; cursor: pointer;}#cssmenu .submenu-button.submenu-opened{background: #e9ecef;}#cssmenu ul ul .submenu-button{height: 34px; width: 34px;}#cssmenu .submenu-button:after{position: absolute; top: 22px; right: 19px; width: 8px; height: 2px; display: block; background: #6c757d; content: '';}#cssmenu ul ul .submenu-button:after{top: 15px; right: 13px;}#cssmenu .submenu-button.submenu-opened:after{background: #6c757d;}#cssmenu .submenu-button:before{position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; background: #6c757d; content: '';}#cssmenu ul ul .submenu-button:before{top: 12px; right: 16px;}#cssmenu .submenu-button.submenu-opened:before{display: none;}} 

/* /medin_portal/static/src/scss/user_portal.scss defined in bundle 'web.assets_frontend' */
 .main-user-portal{font-family: 'Roboto', sans-serif; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 15px;} .main-user-portal .left{text-align: left;} .main-user-portal .right{text-align: right;} .main-user-portal .panel{margin: 0; padding: 30px 20px; background-color: rgba(255, 255, 255, 0.4); color: #141f1e;} .main-user-portal .panel .box-profile{background: 0 0; color: #fff; padding: 10px 5px 5px;} .main-user-portal .panel .box-profile:before{display: table; content: ""; clear: both;} .main-user-portal .panel .box-profile:after{display: table; content: ""; clear: both;} .main-user-portal .panel .box-profile .image{width: 45px; height: 45px; overflow: hidden; float: left; margin-right: 10px; margin-bottom: 0;} .main-user-portal .panel .box-profile .image img{border-radius: 50%; height: 50px; width: 50px;} .main-user-portal .panel .box-profile .name{font-size: 13px; margin-bottom: 5px; color: #242424; margin-top: 5px; font-family: Roboto; font-weight: 300;} .main-user-portal .panel .box-profile h6{margin: 0; font-family: Roboto; font-size: 16px; font-weight: 400; font-style: normal; font-stretch: normal; color: #242424;} .main-user-portal .panel .item-parent{text-transform: uppercase; font-weight: 500; font-size: 18px; padding: 10px 0;} .main-user-portal .panel ul{list-style: none; padding: 0; margin: 0;} .main-user-portal .panel ul li{display: inline-block; width: 100%; margin: 3px 0;} .main-user-portal .panel ul li:hover{background-color: #eee; border-radius: 3px;} .main-user-portal .panel ul .item a{text-decoration: none; color: #3c3c3c; display: block; padding: 10px;} .main-user-portal .panel ul .item i{font-size: 18px; width: 30px; padding: 5px;} .main-user-portal .panel ul .item:last-child{border: none;} .main-user-portal .box{background: #fff; padding: 20px; margin: 0; border-radius: 0 !important;} .main-user-portal .box h1{font-size: 18px; font-weight: 500; padding: 5px; text-transform: uppercase; text-align: center;} .main-user-portal .box .error-message{max-width: 400px; margin: auto; text-align: center;} .main-user-portal .box .b-left{border-left: 5px solid #ccc;} .main-user-portal .box .status_on{color: green;} .main-user-portal .box .status_off{color: red;} .main-user-portal .box .table4{margin-top: 20px; width: 100%;} .main-user-portal .box .table4 .border-none{border: none;} .main-user-portal .box .table4 img{width: 80px; padding: 5px;} .main-user-portal .box .table4 .total{text-align: right; font-weight: bold;} .main-user-portal .box table.account{padding: 20px; margin: auto; width: auto;} .main-user-portal .box table.account .bottom0{margin-bottom: 0;} .main-user-portal .box table.account .p-text{position: absolute; right: 0; bottom: 0; display: block; padding: 7px; border-top-right-radius: 18px; border-bottom-right-radius: 18px; background-color: #17a2b8; color: #fff;} .main-user-portal .box table.account .account-edit{height: 35px; padding: 0 30px; color: #000;} .main-user-portal .box table.account .account-edit[readonly]{background-color: #c1c1c1; opacity: 1; color: #000;} .main-user-portal .box table.account .form-check-inline input{-webkit--webkit-appearance: radio; -moz-appearance: radio; appearance: radio; -moz--webkit-appearance: radio; -moz-appearance: radio; appearance: radio; -webkit-appearance: radio; -moz-appearance: radio; appearance: radio;} .main-user-portal .box table.account th{padding: 20px; text-align: right; font-weight: normal;} .main-user-portal .box table.account td{font-weight: normal; width: 300px;} .main-user-portal .box table.click tbody tr{cursor: pointer;} .main-user-portal .box table.click tbody tr:hover{color: blue;} .main-user-portal .box .login200{width: 170px;} .main-user-portal .box .center{text-align: center; width: auto; margin: 0;} .main-user-portal .box .box-vps{margin: 0; padding: 0; margin-bottom: 16px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);} .main-user-portal .box .box-vps img{width: 100%;} .main-user-portal .box .box-vps .info-vps{padding: 10px;} .main-user-portal .box .box-vps .info-vps .title{margin-bottom: 10px;} .main-user-portal .box .box-vps .info-vps ul{padding: 0 20px; height: 140px;} .main-user-portal .box .box-vps .info-vps .status{margin-bottom: 20px; text-align: center; font-weight: bold;} .main-user-portal .box .detail-vps{margin: 0; padding: 0; word-wrap: break-word;} .main-user-portal .box .detail-vps a{color: #000;} .main-user-portal .box .detail-vps img{width: 100px; height: 100px;} .main-user-portal .box .detail-vps .content{padding: 10px;} .main-user-portal .box .detail-vps .progress{margin-top: -12px;} .main-user-portal .box .detail-vps .progress .random-width{width: 60%;} .main-user-portal .box .detail-vps p{padding: 5px; margin: 0;} .main-user-portal .box .app-accesses{position: relative; padding: 10px; margin: 50px 0; border: 1px solid #09c1cf;} .main-user-portal .box .app-accesses .app-title{position: absolute; top: -30px; left: 7px; background-color: #0fdfef; padding: 10px; text-align: center; text-transform: uppercase; font-weight: 500;} .main-user-portal .box .app-accesses .box-select{padding: 10px 1px;} .main-user-portal .box .app-accesses .box-select .title{margin-left: 10px; padding: 5px;} .main-user-portal .box .technical{position: relative; padding: 10px; border: 1px solid #cf5609;} .main-user-portal .box .technical .technical-title{position: absolute; top: -30px; left: 7px; color: #fff; background-color: #ef6e0f; padding: 10px; text-align: center; text-transform: uppercase; font-weight: 500;} .main-user-portal .box .technical .box-check{padding: 10px 1px;} .main-user-portal .box .technical .box-check .title{width: 90%; margin-left: 10px; padding: 5px; display: inline-block;} .main-user-portal .box .technical .box-check .input-check{margin: 5px -3px 1px 0px; float: right;} .main-user-portal .box .technical .box-check .input-check input{-webkit--webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; -moz--webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox;} .main-user-portal .box .btn-ticket{padding: 0 10px; width: 100%; float: right;} .main-user-portal .box .btn-ticket .btn-send{display: inline-block; -webkit-font-smoothing: antialiased; position: relative; padding: .8em 1.4em; padding-right: 4.7em; background: #009ED8; border: none; color: white; font-size: 16px; float: right; margin-bottom: 10px; transition: .2s;} .main-user-portal .box .btn-ticket .btn-send:before, .main-user-portal .box .btn-ticket .btn-send:after{position: absolute; top: 0; bottom: 0; right: 0; padding-top: inherit; padding-bottom: inherit; width: 2.8em; content: "\00a0"; font-family: 'FontAwesome', sans-serif; font-size: 1.2em; text-align: center; transition: .2s; transform-origin: 50% 60%;} .main-user-portal .box .btn-ticket .btn-send:before{background: rgba(0, 0, 0, 0.1);} .main-user-portal .box .btn-ticket .btn-send:hover{background: #0079a5;} .main-user-portal .box .btn-ticket .btn-send:active, .main-user-portal .box .btn-ticket .btn-send:focus{background: #002e3f; outline: none;} .main-user-portal .box .btn-ticket .arrow{background: #FE5F55;} .main-user-portal .box .btn-ticket .arrow:hover{background: #fe2f22;} .main-user-portal .box .btn-ticket .arrow:active, .main-user-portal .box .btn-ticket .arrow:focus{background: #b90c01;} .main-user-portal .box .btn-ticket .arrow:after{content: "\F054";} .main-user-portal .box .btn-ticket .arrow:hover:after{-webkit-animation: bounceright .3s alternate ease infinite; animation: bounceright .3s alternate ease infinite;} .main-user-portal .box .form-ticket{position: relative; padding: 0 20px; width: 100%; color: #000; border-bottom: 1px dashed #ccc;} .main-user-portal .box .form-ticket:last-child{border-bottom: none;} .main-user-portal .box .form-ticket .number-messeage{position: absolute; top: 30%; left: 10px; font-size: 30px; text-align: center; padding: 5px; width: 60px; color: #fff; background-color: #ff9900; border-radius: 50%; vertical-align: top;} .main-user-portal .box .form-ticket .main-ticket{float: right; padding: 0 0 20px 0; width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: calc(100% - 50px); height: 100%;} .main-user-portal .box .form-ticket .main-ticket .title-messeage{font-size: 16px; font-weight: 500; padding: 10px;} .main-user-portal .box .form-ticket .main-ticket .title-messeage a{color: #545454;} .main-user-portal .box .form-ticket .main-ticket .title-messeage a span{font-size: 14px;} .main-user-portal .box .form-ticket .main-ticket .title-messeage a:hover{color: #444;} .main-user-portal .box .form-ticket .main-ticket .content-messeage{padding: 0 10px; font-size: 14px; font-weight: normal; color: #6d6d6d;} .main-user-portal .box .send-ticket{padding: 0 10px; width: 100%;} .main-user-portal .box .send-ticket h2{font-family: 'Roboto', sans-serif; padding: 10px; width: 100%; font-weight: normal; font-size: 20px; text-align: center; text-transform: uppercase; color: #006d6b;} .main-user-portal .box .send-ticket .trang-thai{padding-bottom: 20px; font-weight: 500; font-size: 16px;} .main-user-portal .box .send-ticket .trang-thai .status-ticket{padding: 10px; width: 150px; font-weight: 500; text-transform: uppercase; background-color: #47d267; color: #fff; text-align: center;} .main-user-portal .box .send-ticket .title-ticket{padding: 10px; display: block; font-size: 16px; font-weight: normal; color: #212529; background-color: rgba(0, 160, 157, 0.5);} .main-user-portal .box .send-ticket .body-message{margin: 0; padding: 15px; border: 1px solid #7fcfce;} .main-user-portal .box .send-ticket .reply-ticket{display: block; padding: 10px;} .main-user-portal .box .send-ticket .reply-ticket .reply{border: 2px solid #dedede; background-color: #f1f1f1; border-radius: 5px; padding: 10px; margin: 10px 0;} .main-user-portal .box .send-ticket .reply-ticket .reply:after{content: ""; clear: both; display: table;} .main-user-portal .box .send-ticket .reply-ticket .reply:hover{box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); transition: all 0.25s ease-out;} .main-user-portal .box .send-ticket .reply-ticket .reply img{float: left; max-width: 60px; width: 100%; margin-right: 20px; border-radius: 50%;} .main-user-portal .box .send-ticket .reply-ticket .reply p{margin-left: 80px;} .main-user-portal .box .send-ticket .reply-ticket .reply .right{float: right; margin-left: 20px; margin-right: 0;} .main-user-portal .box .send-ticket .reply-ticket .reply .time-right{margin-right: 80px; float: right; color: #aaa;} .main-user-portal .box .send-ticket .reply-ticket .reply .time-left{margin-left: 80px; float: left; color: #999;} .main-user-portal .box .send-ticket .reply-ticket .darker{border-color: #ccc; background-color: #ddd; text-align: right;} .main-user-portal .box .send-ticket .reply-ticket .darker p{margin-right: 80px;} .main-user-portal .box .send-ticket .textarea{min-height: 110px; padding: 10px; margin: 0 20px; font-size: 16px; border: none; outline: none; width: 100%; background-color: #e6e6e6; border-radius: 10px;} .main-user-portal .box .send-ticket .btn-submit{margin: auto;} .user-panel-active{background-color: #eee;} 

/* /medin_portal/static/src/scss/main.scss defined in bundle 'web.assets_frontend' */
 .quotation-area{padding: 20px 0;} .quotation-area .container{padding: 0 20px;} .quotation-area .container .container-menu{margin: 0 10px;} .quotation-area .container .container-menu .menu-down{padding-top: 10px;} .quotation-area .container .container-menu .menu-down h1{font-size: 27px; border-bottom: 1px solid; height: 46px; margin-bottom: 20px;} .quotation-area .container .container-menu .menu-down .down-line ul{padding-left: 0px; list-style: none;} .quotation-area .container .container-menu .menu-down .down-line ul li{margin: 20px 0 10px 0; border-bottom: 1px solid; padding: 10px 10px 10px 0;} .quotation-area .container .container-menu .menu-down .down-line ul li a{text-decoration: none;} .quotation-area .container .container-menu .menu-down .down-line ul li a span{color: black; font-weight: 500; font-size: 15px;} .quotation-area .container .container-menu .menu-down .down-line ul li a:hover{color: red;} .quotation-area .container .container-menu .menu-down .down-line ul li:last-child{margin: 0;} .quotation-area .container .container-menu .menu-down .down-line ul li:hover, .quotation-area .container .container-menu .menu-down .down-line ul li.active{background-color: #003d99;} .quotation-area .container .container-menu .menu-down .down-line ul li:hover a span, .quotation-area .container .container-menu .menu-down .down-line ul li.active a span{color: white;} .quotation-area .container .container-quotation{margin: 0 10px;} .quotation-area .container .container-quotation .quotation-upper{padding: 10px 0 0 0; height: 56px; display: -webkit-box; display: -webkit-flex; display: flex; border-bottom: 1px solid; margin-bottom: 20px; margin-left: 0; margin-right: 0;} .quotation-area .container .container-quotation .quotation-upper .upper-title h1{font-size: 27px;} .quotation-area .container .container-quotation .quotation-upper .upper-breadcrumb{padding-top: 10px; padding-left: 400px; margin: auto;} .quotation-area .container .container-quotation .quotation-body .body-input{background: #f9f9f9; border: 1px solid; border-radius: 9px; margin-right: 0; margin-left: 0; padding: 10px 0;} .quotation-area .container .container-quotation .quotation-body .body-input .input-left ul, .quotation-area .container .container-quotation .quotation-body .body-input .input-right ul{list-style: none; padding-left: 10px;} .quotation-area .container .container-quotation .quotation-body .body-input .input-left ul li, .quotation-area .container .container-quotation .quotation-body .body-input .input-right ul li{margin: 20px 0;} .quotation-area .container .container-quotation .quotation-body .body-input .input-left ul li span, .quotation-area .container .container-quotation .quotation-body .body-input .input-right ul li span{font-weight: 500;} .quotation-area .container .container-quotation .quotation-body .body-input .input-left ul li input, .quotation-area .container .container-quotation .quotation-body .body-input .input-right ul li input{width: 70%; float: right;} .quotation-area .container .container-quotation .quotation-body .body-input .input-left ul li:last-child, .quotation-area .container .container-quotation .quotation-body .body-input .input-right ul li:last-child{margin: 0;} .quotation-area .container .container-quotation .quotation-body .body-sub-content{margin: 20px 0;} .quotation-area .container .container-quotation .quotation-body .body-sub-content .sub-left{display: inline-block;} .quotation-area .container .container-quotation .quotation-body .body-sub-content .sub-left i{padding-right: 5px;} .quotation-area .container .container-quotation .quotation-body .body-sub-content .sub-left span{padding-right: 20px;} .quotation-area .container .container-quotation .quotation-body .body-sub-content .sub-right{display: inline-block; float: right;} .quotation-area .container .container-quotation .quotation-body .body-sub-content .sub-right button{background-color: #99cc00;} .quotation-area .container .container-quotation .quotation-body .body-content table{box-shadow: 2px 2px 5px #d4d4d4;} .quotation-area .container .container-quotation .quotation-body .body-content table thead{font-size: 12px; color: #000; line-height: 1.4; text-transform: uppercase; background-color: #e3e3e3;} .quotation-area .container .container-quotation .quotation-body .body-content table tbody tr td{font-size: 12px;} 

/* /web/static/src/scss/form_view.scss defined in bundle 'web.assets_frontend' */
 .o_form_view{background-color: white;} .o_form_view .oe_form_box_info{padding-top: 5px; padding-right: 16px; padding-bottom: 5px; padding-left: 16px;} .o_form_view .oe_form_box_info > p{margin: auto;} .o_form_view .oe_text_center{text-align: center;} .o_form_view .oe_grey{opacity: 0.5;} .o_form_view .oe_inline, .o_form_view .oe_left, .o_form_view .oe_right, .o_form_view .o_group.o_inner_group.oe_subtotal_footer{width: auto !important;} @media (min-width: 475px){.o_form_view .oe_inline.o_inner_group, .o_form_view .o_inner_group.oe_left, .o_form_view .o_inner_group.oe_right, .o_form_view .o_inner_group.o_group.oe_subtotal_footer{width: 1px !important;}} .o_form_view .oe_left{float: left !important;} .o_form_view .oe_right, .o_form_view .o_group.o_inner_group.oe_subtotal_footer{float: right !important;} @media (min-width: 475px){.o_form_view .o_row{align-items: baseline; min-width: 50px; margin: 0 -2.5px;}.o_form_view .o_row, .o_form_view .o_row.o_field_widget{display: -webkit-box; display: -webkit-flex; display: flex; width: auto !important;}.o_form_view .o_row > div, .o_form_view .o_row > span, .o_form_view .o_row > button, .o_form_view .o_row > label, .o_form_view .o_row > a, .o_form_view .o_row > input{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto !important; margin-right: 2.5px; margin-left: 2.5px;}.o_form_view .o_row > .o_row{margin: 0;}.o_form_view .o_row > .btn{padding-top: 0; padding-bottom: 0;}.o_form_view .o_row > .o_field_boolean{align-self: center;}} .o_form_view .o_row > div > .o_field_widget{width: 100%;} .o_form_view.o_form_readonly .oe_edit_only{display: none !important;} .o_form_view.o_form_readonly .o_row:not(.o_row_readonly), .o_form_view.o_form_readonly .o_row:not(.o_row_readonly) > div{display: inline-block;} .o_form_view .o_form_uri{display: inline-block; color: #00A09D;} .o_form_view .o_form_uri:hover{color: #005452;} .o_form_view.o_form_editable .oe_read_only{display: none !important;} .o_form_view.o_form_editable .oe_title{max-width: 688px;} @media (min-width: 475px){.o_form_view.o_form_editable .o_row > .o_field_widget, .o_form_view.o_form_editable .o_row > div{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; width: 0 !important;}.o_form_view.o_form_editable .o_row > .o_field_widget.o_field_boolean, .o_form_view.o_form_editable .o_row > .o_field_widget.o_priority, .o_form_view.o_form_editable .o_row > div.o_field_boolean, .o_form_view.o_form_editable .o_row > div.o_priority{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto !important;}} .o_form_view.o_form_nosheet{display: block; padding-top: 24px; padding-right: 16px; padding-bottom: 24px; padding-left: 16px;} .o_form_view.o_form_nosheet .o_form_statusbar{margin: -24px -16px 24px -16px;} .o_form_view .o_form_sheet_bg{position: relative;} .o_form_view .o_form_sheet_bg > .o_form_sheet{margin: 12px auto;} .o_form_view .o_form_statusbar{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; padding-left: 16px; border-bottom: 1px solid #ced4da; background-color: white;} .o_form_view .o_form_statusbar > .o_statusbar_buttons, .o_form_view .o_form_statusbar > .o_statusbar_status{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; align-content: space-around;} .o_form_view .o_form_statusbar > .o_field_widget{align-self: center; margin-bottom: 0px;} .o_form_view .o_form_statusbar > .o_statusbar_buttons{-webkit-flex-flow: row wrap; flex-flow: row wrap;} .o_form_view .o_form_statusbar > .o_statusbar_buttons > .btn{min-height: 25px; margin: 4px 3px 4px 0; padding-top: 2px; padding-bottom: 2px;} .o_form_view .o_form_statusbar > .o_statusbar_status{margin-left: auto; flex-flow: row-reverse wrap-reverse; align-self: stretch; align-items: stretch;} .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button{min-height: 33px; font-size: 11px; font-weight: bold; position: relative; padding-left: 22px; color: #495057; border-width: 0 0 0; border-radius: 0; transition: all 0.1s ease 0s;} .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:first-child{padding-right: 16px; overflow-x: hidden;} .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:last-child{padding-left: 15px; border-left: 1px solid #ced4da;} .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:active{box-shadow: none;} .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button.disabled{opacity: 1.0; color: #6c757d; pointer-events: none; border-left: 1px solid #dee2e6;} .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child):before, .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child):after{content: " "; display: block; position: absolute; top: 0; left: auto; bottom: auto; right: -10px; border-top: 16px solid transparent; border-bottom: 17px solid transparent; border-right: none; border-left: 11px solid white; transition: border 0.2s ease 0s; -moz-transform: scale(0.9999);} .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:not(.disabled):hover, .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:not(.disabled):active, .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:not(.disabled):focus{color: #00A09D; background-color: #e9ecef;} .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:not(.disabled):hover:after, .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:not(.disabled):active:after, .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:not(.disabled):focus:after{border-left-color: #e9ecef;} .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child):before{right: -11px; border-left-color: #dee2e6;} .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button.btn-primary.disabled{color: #875A7B; font-size: 11px; background-color: #e9ecef; cursor: default;} .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button.btn-primary.disabled:after{border-left-color: #e9ecef;} .o_form_view .o_form_statusbar > .o_statusbar_buttons > .btn-group > .dropdown-toggle:after, .o_form_view .o_form_statusbar > .o_statusbar_status > .dropdown-toggle:after{content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; border-bottom: 0; border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; border-top: 0.3em solid; -moz-transform: scale(0.9999); margin-left: 5px;} .o_form_view .o_form_statusbar > .o_statusbar_buttons > .btn-group > .dropdown-menu, .o_form_view .o_form_statusbar > .o_statusbar_status > .dropdown-menu{padding: 5px 0 2px 0; min-width: 100px;} .o_form_view .o_form_statusbar > .o_statusbar_buttons > .btn-group > .dropdown-menu .dropdown-item.btn, .o_form_view .o_form_statusbar > .o_statusbar_status > .dropdown-menu .dropdown-item.btn{min-width: 100%; margin-bottom: 3px;} .o_form_view .oe_button_box .oe_stat_button:not(:hover) .o_stat_info > .o_hover{display: none !important;} .o_form_view .oe_button_box .oe_stat_button:hover .o_stat_info > .o_not_hover{display: none !important;} .o_form_view .oe_title > h1, .o_form_view .oe_title > h2, .o_form_view .oe_title > h3{width: 100%; margin-top: 0; margin-bottom: 0; line-height: inherit;} .o_form_view .oe_title .o_priority > .o_priority_star{font-size: inherit;} .o_form_view .o_group{display: inline-block; width: 100%; margin: 10px 0;} .o_form_view .o_group .o_group_col_1{display: inline-block; width: 8%; vertical-align: top;} .o_form_view .o_group .o_group_col_2{display: inline-block; width: 16%; vertical-align: top;} .o_form_view .o_group .o_group_col_3{display: inline-block; width: 25%; vertical-align: top;} .o_form_view .o_group .o_group_col_4{display: inline-block; width: 33%; vertical-align: top;} .o_form_view .o_group .o_group_col_5{display: inline-block; width: 41%; vertical-align: top;} .o_form_view .o_group .o_group_col_6{display: inline-block; width: 50%; vertical-align: top;} .o_form_view .o_group .o_group_col_7{display: inline-block; width: 58%; vertical-align: top;} .o_form_view .o_group .o_group_col_8{display: inline-block; width: 66%; vertical-align: top;} .o_form_view .o_group .o_group_col_9{display: inline-block; width: 75%; vertical-align: top;} .o_form_view .o_group .o_group_col_10{display: inline-block; width: 83%; vertical-align: top;} .o_form_view .o_group .o_group_col_11{display: inline-block; width: 91%; vertical-align: top;} .o_form_view .o_group .o_group_col_12{display: inline-block; width: 100%; vertical-align: top;} .o_form_view .o_group.o_inner_group{display: inline-table;} .o_form_view .o_group.o_inner_group > tbody > tr > td{vertical-align: top;} .o_form_view .o_group.o_inner_group > tbody > tr > td.o_td_label{width: 0%; padding: 0 15px 0 0; min-width: 150px;} .o_form_view .o_group.o_inner_group > tbody > tr > td span.o_field_widget, .o_form_view .o_group.o_inner_group > tbody > tr > td .o_field_boolean.o_field_widget, .o_form_view .o_group.o_inner_group > tbody > tr > td .oe_avatar.o_field_widget, .o_form_view .o_group.o_inner_group > tbody > tr > td .o_form_uri.o_field_widget{width: auto;} .o_form_view .o_group .o_form_label{font-weight: normal;} .o_form_view .o_group .o_field_widget{width: 100%;} .o_form_view .o_group .o_field_widget > .btn{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; padding: 0 10px;} .o_form_view .o_group :not(.o_row):not(.o_data_cell) > .o_field_widget > .o_input_dropdown, .o_form_view .o_group .o_row > .o_field_widget:last-child > .o_input_dropdown{-webkit-box-flex: 1; -webkit-flex: 1 0 auto; flex: 1 0 auto;} .o_form_view .o_group.o_label_nowrap .o_form_label{white-space: nowrap;} .o_form_view .o_group .o_td_label .o_form_label{font-weight: bold; margin-right: 0px;} .o_form_view .o_horizontal_separator{font-size: 1.75rem; margin: 5px 0;} .o_form_view .o_horizontal_separator:empty{height: 10px;} .o_form_view .o_notebook{clear: both; margin-top: 10px;} .o_form_view .o_notebook .tab-content > .tab-pane{padding: 16px 0;} .o_form_view .o_form_label{margin: 0 5px 0 0; font-size: 0.875rem; line-height: 1.5; font-weight: bold;} .o_form_view .o_field_widget{margin-bottom: 5px;} .o_form_view .o_field_widget .o_field_widget, .o_form_view .btn .o_field_widget{margin-bottom: 0px;} .o_form_view .o_field_translate{padding: 0; cursor: pointer; width: 12px !important; vertical-align: top;} .o_form_view .o_field_translate::before{position: relative;} .o_form_view .o_field_text.oe_inline, .o_form_view .o_field_text.oe_left, .o_form_view .o_field_text.oe_right, .o_form_view .o_field_text.o_group.o_inner_group.oe_subtotal_footer{width: 100% !important;} @media (min-width: 475px){.o_form_view .o_field_text.oe_inline, .o_form_view .o_field_text.oe_left, .o_form_view .o_field_text.oe_right, .o_form_view .o_field_text.o_group.o_inner_group.oe_subtotal_footer{width: 45% !important;}} .o_form_view .o_field_widget.o_field_one2many, .o_form_view .o_field_widget.o_field_many2many{width: 100%;} .o_form_view .o_field_widget.o_field_one2many > div, .o_form_view .o_field_widget.o_field_many2many > div{width: 100%;} .o_form_view .o_group.o_inner_group.oe_subtotal_footer > tbody > tr > td{padding: 0;} .o_form_view .o_group.o_inner_group.oe_subtotal_footer > tbody > tr > td.o_td_label{text-align: right;} .o_form_view .o_group.o_inner_group.oe_subtotal_footer > tbody > tr > td .o_form_label{padding-right: 20px; min-width: 0; white-space: nowrap;} .o_form_view .o_group.o_inner_group.oe_subtotal_footer > tbody > tr > td .o_form_label:after{content: ":";} .o_form_view .o_group.o_inner_group.oe_subtotal_footer > tbody > tr > td .o_field_widget{text-align: right; -webkit-box-pack: end; justify-content: flex-end; width: 100%;} .o_form_view .o_group.o_inner_group.oe_subtotal_footer > tbody > tr:first-child > td{padding-top: 4px;} .o_form_view .o_group.o_inner_group.oe_subtotal_footer .oe_subtotal_footer_separator{width: 100%; text-align: right; border-top: 1px solid #dee2e6; font-weight: bold; font-size: 1.3em;} .o_form_view .o_address_format{width: 100%;} .o_form_view .o_address_format .o_address_street, .o_form_view .o_address_format .o_address_country{display: -webkit-box; display: -webkit-flex; display: flex;} .o_form_view .o_address_format .o_address_city{margin-right: 2%;} .o_form_view .o_address_format .o_address_state{margin-right: 2%;} .o_form_view .o_address_format.o_zip_city .o_address_zip{margin-right: 2%;} .o_form_view .o_address_format.o_zip_city .o_address_city{margin-right: 0;} .o_form_view .o_address_format.o_zip_city .o_address_state{display: block; margin-right: 0;} .o_form_view .o_address_format.o_city_state .o_address_state{margin-right: 0;} .o_form_view .o_address_format.o_city_state .o_address_zip{display: block; margin-right: 0;} .o_form_view .o_address_format > span.o_field_widget{width: auto;} .o_form_view.o_form_editable .o_address_format .o_address_city{width: 38%;} .o_form_view.o_form_editable .o_address_format div.o_address_state{width: 33%;} .o_form_view.o_form_editable .o_address_format input.o_address_zip{width: 25%;} .o_form_view.o_form_editable .o_address_format.o_zip_city .o_address_zip{width: 38%;} .o_form_view.o_form_editable .o_address_format.o_zip_city .o_address_city{width: 60%;} .o_form_view.o_form_editable .o_address_format.o_zip_city .o_address_state{width: 100%;} .o_form_view.o_form_editable .o_address_format.o_city_state .o_address_city{width: 50%;} .o_form_view.o_form_editable .o_address_format.o_city_state .o_address_state{width: 48%;} .o_form_view.o_form_editable .o_address_format.o_city_state .o_address_zip{width: 100%;} .o_form_view .o_field_boolean{margin-right: 5px;} .o_form_view .o_tz_warning{color: #dc3545; cursor: help; position: absolute; margin-left: -40px; margin-top: 5px;} .o_form_view .o_field_widget .o_kanban_view.o_kanban_ungrouped{padding: 0;} .o_form_view .o_field_widget .o_kanban_view.o_kanban_ungrouped .o_kanban_record{box-shadow: none;} .o_form_view .o_field_widget .o_list_view{margin-bottom: 10px;} .o_form_view .o_field_widget .o_list_view > tfoot > tr > td{padding: 3px; color: #666666;} .o_form_view.o_form_readonly .o_field_widget .o_list_view .o_row_handle{display: none;} .o_form_view .o_field_widget.o_readonly_modifier .o_list_view .o_row_handle{display: none;} .o_form_view .oe_attachment{display: inline-block; border: 1px solid #f8f9fa; margin: 0 5px 5px 0; padding: 5px;} .o_form_view.oe_form_configuration .o_group .o_form_label{white-space: nowrap;} .o_form_view.oe_form_configuration h2{margin-top: 32px !important;} .o_form_view.o_company_document_layout .report_layout_container{display: inline-block;} .o_form_view.o_company_document_layout .report_layout_container div{display: inline-block;} .o_form_view.o_company_document_layout .report_layout_container div img{margin-left: 0 !important;} .o_form_view.o_company_document_layout img[name="logo"]{max-height: 100px; max-width: 300px;} .modal .modal-dialog .o_form_view .o_form_sheet_bg{padding: 0;} .modal .modal-dialog .o_form_view .o_form_sheet_bg > *{margin: 0;} .modal .modal-dialog .o_form_view .o_form_sheet_bg > .o_form_sheet{box-shadow: none; width: 100%; margin: 0 auto; max-width: none;} .modal .modal-dialog .o_form_view .oe_chatter{display: none;} .modal .modal-dialog:not(.modal-lg) .o_form_view .o_group{width: 100%;} .modal .modal-dialog .o_onboarding_payment_acquirer_wizard a[type="action"]{color: #00A09D; cursor: pointer;} @media print{.oe_button_box, .o_form_statusbar{display: none !important;}} .o_control_panel .o_form_buttons_view > button:first-child{float: left; margin-right: 4px;} .o_form_view.o_xxs_form_view .oe_title{word-break: break-all;} .o_form_view.o_xxs_form_view .o_group.o_inner_group{display: block; margin-bottom: 20px;} .o_form_view.o_xxs_form_view .o_group.o_inner_group > tbody{display: block;} .o_form_view.o_xxs_form_view .o_group.o_inner_group > tbody > tr{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;} .o_form_view.o_xxs_form_view .o_group.o_inner_group > tbody > tr > td{-webkit-box-flex: 1; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: block; max-width: 100%; padding: 0; width: auto !important;} .o_form_view.o_xxs_form_view .o_group.o_inner_group > tbody > tr > td.o_td_label{width: 94% !important; line-height: 0.8;} .o_form_view.o_xxs_form_view .o_group.o_inner_group > tbody > tr > td .o_field_widget{margin-bottom: 10px;} .o_form_view.o_xxs_form_view .o_group.o_inner_group > tbody > tr > td .o_field_widget.o_field_boolean{margin-right: 0;} .o_form_view.o_xxs_form_view .o_group.o_inner_group > tbody > tr > td .o_input_dropdown{width: auto; max-width: 100%;} .o_settings_container{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-flow: row wrap; flex-flow: row wrap;} .o_settings_container .o_form_label.o_light_label, .o_settings_container .o_light_label .o_form_label{font-weight: normal;} .o_settings_container .o_setting_box:visible:nth-child(odd){clear: left;} .o_settings_container .text-muted{color: #aaaaaa;} .o_settings_container .o_setting_box{margin-bottom: 8px; margin-top: 8px;} .o_settings_container .o_setting_box .o_setting_left_pane{width: 24px; float: left;} .o_settings_container .o_setting_box .o_setting_left_pane .o_enterprise_label{position: absolute; top: 0px; right: 40px;} .o_settings_container .o_setting_box .o_setting_right_pane{margin-left: 30px; border-left: 1px solid #bbbbbb; padding-left: 10px;} .o_settings_container .o_setting_box .o_setting_right_pane .o_input_dropdown > .o_input{width: 100%;} .o_settings_container .o_setting_box .o_setting_right_pane .o_field_widget{width: 50%; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;} .o_settings_container .o_setting_box .o_setting_right_pane .o_field_widget.o_field_many2manytags > .o_field_widget{flex: 1 0 50px;} .o_settings_container .o_setting_box .o_setting_right_pane button.btn-link:first-child{padding-left: 0;} .o_settings_container .o_setting_box .o_setting_right_pane a.oe-link{font-size: 12px;} 

/* /web_enterprise/static/src/scss/form_view.scss defined in bundle 'web.assets_frontend' */
 @media (min-width: 768px){.o_form_view{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; min-height: 100%;}} .o_form_view .o_form_sheet_bg{-webkit-box-flex: 1; -webkit-flex: 1 0 auto; flex: 1 0 auto; background-color: #f9f9f9; border-bottom: 1px solid #dee2e6;} .o_form_view .o_form_sheet_bg > .o_form_sheet{width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; background-color: white; border: 1px solid #ced4da; box-shadow: 0 5px 20px -15px black; margin: 4.8px auto; padding: 24px; padding-right: 16px; padding-left: 16px;} @media (min-width: 576px){.o_form_view .o_form_sheet_bg > .o_form_sheet{max-width: 540px;}} @media (min-width: 768px){.o_form_view .o_form_sheet_bg > .o_form_sheet{max-width: 720px;}} @media (min-width: 992px){.o_form_view .o_form_sheet_bg > .o_form_sheet{max-width: 960px;}} @media (min-width: 1200px){.o_form_view .o_form_sheet_bg > .o_form_sheet{max-width: 1140px;}} @media (min-width: 768px){.o_form_view .o_form_sheet_bg > .o_form_sheet{margin: 12px auto;}} @media (min-width: 992px) and (max-width: 1533.98px){.o_form_view .o_form_sheet_bg > .o_form_sheet{padding-right: 32px;}} @media (min-width: 992px) and (max-width: 1533.98px){.o_form_view .o_form_sheet_bg > .o_form_sheet{padding-left: 32px;}} .o_form_view .o_form_sheet_bg > .o_form_sheet > .o_selection{float: right;} .o_form_view .oe_title{color: inherit;} @media (min-width: 475px){.o_form_view .oe_title{padding-right: 45px;}} .o_form_view .oe_avatar{float: right; margin-bottom: 10px;} .o_form_view .oe_avatar > img{max-width: 90px; max-height: 90px; vertical-align: top; border: 1px solid #a8a8a8;} .o_form_view .oe_avatar + .oe_title{padding-right: 100px;} .o_form_view .oe_button_box{position: relative; display: block; margin-bottom: 24px; margin-top: -24px; margin-left: -16px; margin-right: -16px; text-align: right; box-shadow: inset 0 -1px 0 #ced4da;} @media (min-width: 992px) and (max-width: 1533.98px){.o_form_view .oe_button_box{margin-left: -32px; margin-right: -32px;}} .o_form_view .oe_button_box.o_full .oe_stat_button:not(.o_invisible_modifier) ~ .oe_stat_button{border-left: 1px solid #ced4da;} .o_form_view .oe_button_box.o_not_full .oe_stat_button{border-left: 1px solid #ced4da;} .o_form_view .oe_button_box > .btn.oe_stat_button, .o_form_view .oe_button_box > .o_dropdown_more{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%;} @media (min-width: 768px){.o_form_view .oe_button_box > .btn.oe_stat_button, .o_form_view .oe_button_box > .o_dropdown_more{width: 20%;}} @media (min-width: 992px){.o_form_view .oe_button_box > .btn.oe_stat_button, .o_form_view .oe_button_box > .o_dropdown_more{width: 14.28571429%;}} @media (min-width: 1200px){.o_form_view .oe_button_box > .btn.oe_stat_button, .o_form_view .oe_button_box > .o_dropdown_more{width: 12.5%;}} .o_form_view .oe_button_box .btn.oe_stat_button{color: #666666; height: 44px; padding: 0 6px 0 0; text-align: left; background-color: transparent; opacity: 0.8;} .o_form_view .oe_button_box .btn.oe_stat_button:hover, .o_form_view .oe_button_box .btn.oe_stat_button:focus{background-color: rgba(0, 0, 0, 0.02); color: inherit; opacity: 1;} .o_form_view .oe_button_box .btn.oe_stat_button > .o_button_icon{margin-left: 6px; display: inline-block; vertical-align: middle; line-height: 44px; width: 30%;} .o_form_view .oe_button_box .btn.oe_stat_button > .o_button_icon:before{font-size: 22px; vertical-align: middle;} .o_form_view .oe_button_box .btn.oe_stat_button > .o_field_percent_pie{margin-left: 6px;} .o_form_view .oe_button_box .btn.oe_stat_button > span{display: block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; white-space: normal;} .o_form_view .oe_button_box .btn.oe_stat_button > .o_stat_info, .o_form_view .oe_button_box .btn.oe_stat_button > span{display: inline-block; vertical-align: middle; font-weight: 500; max-width: 70%; padding-right: 6px; line-height: 1.3;} .o_form_view .oe_button_box .btn.oe_stat_button > .o_stat_info > .o_stat_value, .o_form_view .oe_button_box .btn.oe_stat_button > .o_stat_info > .o_stat_text, .o_form_view .oe_button_box .btn.oe_stat_button > span > .o_stat_value, .o_form_view .oe_button_box .btn.oe_stat_button > span > .o_stat_text{display: block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top;} .o_form_view .oe_button_box .btn.oe_stat_button > .o_stat_info .o_stat_value, .o_form_view .oe_button_box .btn.oe_stat_button > span .o_stat_value{font-weight: 700; color: #875A7B; line-height: 1.2;} .o_form_view .oe_button_box .btn.oe_stat_button > .o_stat_info .o_stat_text, .o_form_view .oe_button_box .btn.oe_stat_button > span .o_stat_text{line-height: 1.2;} .o_form_view .oe_button_box .btn.oe_stat_button.o_button_more{text-align: center;} .o_form_view .oe_button_box .btn.oe_stat_button.o_button_more:after{margin-left: 5px; content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; border-bottom: 0; border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; border-top: 0.3em solid; -moz-transform: scale(0.9999);} .o_form_view .oe_button_box .btn.oe_stat_button.o_button_more[aria-expanded="true"]:after{margin-left: 5px; content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; border-top: 0; -moz-transform: scale(0.9999);} .o_form_view .oe_button_box > .o_dropdown_more{position: absolute; top: 100%; left: auto; bottom: auto; right: 0; min-width: 0; border: none; border: 1px solid #dee2e6; margin: 0; padding: 0;} @media (max-width: 767.98px){.o_form_view .oe_button_box > .o_dropdown_more{position: relative !important; transform: none !important; will-change: inherit !important; margin-bottom: 20px; width: 100%; border-width: 0px;}} .o_form_view .oe_button_box > .o_dropdown_more > .btn.oe_stat_button{width: 100%; border: none; border-bottom: 1px solid #dee2e6;} @media (max-width: 767.98px){.o_form_view .oe_button_box > .o_dropdown_more > .btn.oe_stat_button{display: inline-block; width: 33.33333333%; padding: inherit !important;}} @media (max-width: 991.98px){.o_form_view .o_group .o_group_col_1{width: 100%;}} @media (max-width: 991.98px){.o_form_view .o_group .o_group_col_2{width: 100%;}} @media (max-width: 991.98px){.o_form_view .o_group .o_group_col_3{width: 100%;}} @media (max-width: 991.98px){.o_form_view .o_group .o_group_col_4{width: 100%;}} @media (max-width: 991.98px){.o_form_view .o_group .o_group_col_5{width: 100%;}} @media (max-width: 991.98px){.o_form_view .o_group .o_group_col_6{width: 100%;}} @media (max-width: 991.98px){.o_form_view .o_group .o_group_col_7{width: 100%;}} @media (max-width: 991.98px){.o_form_view .o_group .o_group_col_8{width: 100%;}} @media (max-width: 991.98px){.o_form_view .o_group .o_group_col_9{width: 100%;}} @media (max-width: 991.98px){.o_form_view .o_group .o_group_col_10{width: 100%;}} @media (max-width: 991.98px){.o_form_view .o_group .o_group_col_11{width: 100%;}} @media (max-width: 991.98px){.o_form_view .o_group .o_group_col_12{width: 100%;}} .o_form_view .o_group.o_inner_group > tbody > tr > td{padding: 0 45px 0 0;} @media (min-width: 475px){.o_form_view .o_group .o_field_widget.o_text_overflow{width: 1px !important; min-width: 100%;}.o_form_view .o_group .o_form_label{margin-bottom: 5px;}} @media (max-width: 991.98px){.o_form_view .o_group.o_label_nowrap .o_form_label{white-space: normal;}} .o_form_view .o_form_label.o_form_label_empty, .o_form_view .o_form_label.o_form_label_false{opacity: 0.5; font-weight: normal;} @media (max-width: 767.98px){.o_form_view .o_form_label{font-size: 15px;}} .o_form_view > .oe_chatter{-webkit-box-flex: 0; -webkit-flex: 1000 0 auto; flex: 1000 0 auto; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; padding: 7.5px 0;} @media (min-width: 576px){.o_form_view > .oe_chatter{max-width: 540px;}} @media (min-width: 768px){.o_form_view > .oe_chatter{max-width: 720px;}} @media (min-width: 992px){.o_form_view > .oe_chatter{max-width: 960px;}} @media (min-width: 1200px){.o_form_view > .oe_chatter{max-width: 1140px;}} .o_form_view .o_notebook > .nav.nav-tabs{border-bottom: 1px solid #ced4da; margin-left: -16px; margin-right: -16px; padding-left: 16px;} @media (min-width: 992px) and (max-width: 1533.98px){.o_form_view .o_notebook > .nav.nav-tabs{margin-left: -32px; margin-right: -32px;}} @media (min-width: 992px) and (max-width: 1533.98px){.o_form_view .o_notebook > .nav.nav-tabs{padding-left: 32px;}} .o_form_view .o_notebook > .nav.nav-tabs > .nav-item > .nav-link{color: #212529; border: 1px solid #ced4da; border-bottom-width: 0; padding: 0.5rem 1rem;} .o_form_view .o_notebook > .nav.nav-tabs > .nav-item > .nav-link:hover, .o_form_view .o_notebook > .nav.nav-tabs > .nav-item > .nav-link:focus, .o_form_view .o_notebook > .nav.nav-tabs > .nav-item > .nav-link:active{outline: none; color: #00A09D;} .o_form_view .o_notebook > .nav.nav-tabs > .nav-item > .nav-link.active{border: 1px solid #ced4da; border-bottom: 0;} .o_form_view .o_notebook > .nav.nav-tabs > .nav-item > .nav-link.active, .o_form_view .o_notebook > .nav.nav-tabs > .nav-item > .nav-link.active:hover, .o_form_view .o_notebook > .nav.nav-tabs > .nav-item > .nav-link.active:focus, .o_form_view .o_notebook > .nav.nav-tabs > .nav-item > .nav-link.active:active{color: inherit; border-top-color: #875A7B; background-color: white;} .o_form_view .o_notebook > .nav.nav-tabs > .nav-item > .nav-link.disabled{color: #6c757d;} .o_form_view .o_notebook > .nav.nav-tabs > .nav-item + .nav-item{margin-left: -1px;} .o_form_view .o_notebook > .tab-content{border-bottom: 1px solid #ced4da;} .o_form_view .o_notebook > .tab-content > .tab-pane > :first-child{margin-top: 0;} .o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.oe_form_field_html_text{margin-left: -16px; margin-right: -16px; margin-top: -16px; border: none;} @media (min-width: 992px) and (max-width: 1533.98px){.o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.oe_form_field_html_text{margin-left: -32px; margin-right: -32px;}} .o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.oe_form_field_html_text .note-editor.panel{border: none;} .o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.oe_form_field_html_text .note-toolbar.panel-heading{padding-left: 16px; padding-right: 16px; border-top: none; padding-top: 4.8px; background: white;} @media (min-width: 992px) and (max-width: 1533.98px){.o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.oe_form_field_html_text .note-toolbar.panel-heading{padding-left: 32px;}} @media (min-width: 992px) and (max-width: 1533.98px){.o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.oe_form_field_html_text .note-toolbar.panel-heading{padding-right: 32px;}} .o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.oe_form_field_html_text .note-toolbar.panel-heading .btn-secondary{color: #212529;} .o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.oe_form_field_html_text .note-toolbar.panel-heading .btn-secondary:hover, .o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.oe_form_field_html_text .note-toolbar.panel-heading .btn-secondary:focus, .o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.oe_form_field_html_text .note-toolbar.panel-heading .btn-secondary.focus{color: #00A09D;} .o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.oe_form_field_html_text .note-editing-area, .o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.oe_form_field_html_text .o_readonly{padding: 0.75rem 1.25rem; padding-left: 16px; padding-right: 16px;} @media (min-width: 992px) and (max-width: 1533.98px){.o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.oe_form_field_html_text .note-editing-area, .o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.oe_form_field_html_text .o_readonly{padding-left: 32px;}} @media (min-width: 992px) and (max-width: 1533.98px){.o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.oe_form_field_html_text .note-editing-area, .o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.oe_form_field_html_text .o_readonly{padding-right: 32px;}} .o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.oe_form_field_html_text + .oe_clear:last-child{margin-bottom: -55.75px;} .o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.o_field_x2many.o_field_x2many_list{display: block; width: auto; margin-left: -16px; margin-right: -16px; margin-top: -16px;} @media (min-width: 992px) and (max-width: 1533.98px){.o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.o_field_x2many.o_field_x2many_list{margin-left: -32px; margin-right: -32px;}} .o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.o_field_x2many.o_field_x2many_list tr > :first-child, .o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.o_field_x2many.o_field_x2many_list tr > :first-child .o_input{padding-left: 16px;} @media (min-width: 992px) and (max-width: 1533.98px){.o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.o_field_x2many.o_field_x2many_list tr > :first-child, .o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.o_field_x2many.o_field_x2many_list tr > :first-child .o_input{padding-left: 32px;}} .o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.o_field_x2many.o_field_x2many_list tr > :last-child, .o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.o_field_x2many.o_field_x2many_list tr > :last-child .o_input{padding-right: 16px;} @media (min-width: 992px) and (max-width: 1533.98px){.o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.o_field_x2many.o_field_x2many_list tr > :last-child, .o_form_view .o_notebook > .tab-content > .tab-pane > :first-child.o_field_x2many.o_field_x2many_list tr > :last-child .o_input{padding-right: 32px;}} .o_form_view .o_notebook:last-child > .tab-content{border-bottom: none;} @media (max-width: 767.98px){.o_form_view .o_notebook{position: relative; padding-top: 39px;}.o_form_view .o_notebook ul.nav-tabs{position: absolute; top: 0; z-index: 1; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; min-width: 100%; max-width: calc(100% + 16px); overflow-x: auto;}.o_form_view .o_notebook ul.nav-tabs::-webkit-scrollbar{display: none;}.o_form_view .o_notebook ul.nav-tabs .nav-item{white-space: nowrap; margin-bottom: 0;}.o_form_view .o_cp_buttons{width: 100%;}.o_form_view .o_cp_buttons div, .o_form_view .o_cp_buttons .o-kanban-button-new{width: 100%;}} .o_form_view .o_field_widget .o_list_view.table-striped > tbody > tr > td{border-top: none;} .o_form_view .o_field_widget .o_list_view.table-striped > tfoot > tr{box-shadow: inset 0 1px 0 #dee2e6;} .o_form_view .o_field_widget .o_list_view.table-striped > tfoot > tr > td{border: none;} .o_form_view .o_field_widget .o_list_view.table-striped > tfoot > tr > td:empty{padding: 0;} .o_form_view .o_field_translate{margin-left: -12px;} .o_form_view .o_group.o_inner_group.oe_subtotal_footer{border-top: 1px solid #dee2e6;} .o_form_view .o_group.o_inner_group.oe_subtotal_footer .oe_subtotal_footer_separator{border-top: 1px solid #dee2e6;} .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button{font-weight: 500;} .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button.btn-primary.disabled{font-weight: bold;} .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:first-of-type{padding-right: 16px;} @media (min-width: 1534px){.o_form_view{-webkit-flex-flow: row nowrap; flex-flow: row nowrap; height: 100%;}.o_form_view > .o_form_sheet_bg{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; width: 1022px; padding: 0 16px; overflow: auto; border-bottom: none;}.o_form_view > .o_form_sheet_bg > :not(.o_form_sheet){margin-left: -16px; margin-right: -16px;}.o_form_view > .o_form_sheet_bg > .o_form_sheet{width: 100%; max-width: 1140px;}.o_form_view > .oe_chatter{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; width: 530px; padding: 0; overflow: auto; border-left: 1px solid #dee2e6; background-color: white;}.o_form_view > .oe_chatter .o_chatter_topbar{margin: 0; padding: 0;}.o_form_view > .oe_chatter .o_chatter_topbar > .btn, .o_form_view > .oe_chatter .o_chatter_topbar > .o_followers{padding-top: 0; padding-bottom: 0; height: 33px; line-height: 28.5px;}.o_form_view > .oe_chatter .o_chatter_topbar > .btn .dropdown-menu, .o_form_view > .oe_chatter .o_chatter_topbar > .o_followers .dropdown-menu{line-height: 1.5;}.o_form_view > .oe_chatter .o_chatter_topbar > .btn:first-child{padding: 0 16px; border-left: none !important;}.o_form_view > .oe_chatter .o_chatter_topbar .o_followers{padding-right: 16px;}.o_form_view > .oe_chatter.o_chatter_composer_active .o_chatter_topbar > .btn.o_active{border-width: 0 1px;}.o_form_view > .oe_chatter .o_thread_composer{border-width: 1px 0; margin-top: 0;}.o_form_view > .oe_chatter .o_thread_composer .o_composer_mention_dropdown{position: absolute; top: 100%;}.o_form_view > .oe_chatter .o_thread_composer .o_composer_mention_dropdown > .dropdown-menu{top: 100%; bottom: auto;}.o_form_view > .oe_chatter .o_followers_title_box{margin-left: 8px;}.o_form_view > .oe_chatter .o_followers_title_box .dropdown-toggle{padding-right: 0;}} @media (max-width: 991.98px){.modal .modal-dialog .o_form_view .o_group.o_inner_group > tbody > tr > td.o_td_label{min-width: 100px;}} .modal .modal-dialog.modal-sm .o_form_view .o_group{display: block; margin-bottom: 20px;} .modal .modal-dialog.modal-sm .o_form_view .o_group > tbody{display: block;} .modal .modal-dialog.modal-sm .o_form_view .o_group > tbody > tr{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;} .modal .modal-dialog.modal-sm .o_form_view .o_group > tbody > tr > td{-webkit-box-flex: 1; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: block; max-width: 100%; padding: 0; width: auto !important;} .modal .modal-dialog.modal-sm .o_form_view .o_group > tbody > tr > td.o_td_label{width: 94% !important; line-height: 0.8;} .modal .modal-dialog.modal-sm .o_form_view .o_group > tbody > tr > td .o_field_widget{margin-bottom: 10px;} .modal .modal-dialog.modal-sm .o_form_view .o_group > tbody > tr > td .o_field_widget.o_field_boolean{margin-right: 0;} .modal .modal-dialog.modal-sm .o_form_view .o_group > tbody > tr > td .o_input_dropdown{width: auto; max-width: 100%;} .o_form_view.o_xxs_form_view .o_group .o_td_label .o_form_label{font-weight: normal;} .o_form_view.o_xxs_form_view .o_form_label{margin-top: 3px; font-size: 12px; font-weight: normal; color: #8f8f8f;} .o_form_view.o_xxs_form_view .o_form_label.o_form_label_empty{display: none;} 

/* /web/static/src/scss/list_view.scss defined in bundle 'web.assets_frontend' */
 .o_list_view{position: relative; cursor: pointer; background-color: white; margin-bottom: 0px; border-collapse: initial; border-spacing: 0;} .o_list_view.o_editable_list .o_data_row:not(.o_selected_row) .o_data_cell .custom-checkbox:not(.o_readonly_modifier){pointer-events: none;} .o_list_view thead{color: #666666; border-bottom: 1px solid #cacaca;} .o_list_view thead > tr > th{border-left: 1px solid #dfdfdf;} @media (max-width: 767.98px){.o_list_view thead > tr > th{white-space: nowrap;}} .o_list_view thead > tr > th:not(.o_column_sortable):hover{cursor: default;} .o_list_view tfoot{cursor: default; color: #666666; background-color: white; font-weight: bold; border-top: 2px solid #cacaca; border-bottom: 1px solid #cacaca;} .o_list_view .o_column_sortable{position: relative; user-select: none;} .o_list_view .o_column_sortable::after{font-family: FontAwesome; content: "\f0d7"; opacity: 0;} .o_list_view .o_column_sortable:not(:empty)::after{margin-left: 6px;} .o_list_view .o_column_sortable.o-sort-up{cursor: n-resize;} .o_list_view .o_column_sortable.o-sort-up::after{content: "\f0d7";} .o_list_view .o_column_sortable.o-sort-down{cursor: s-resize;} .o_list_view .o_column_sortable.o-sort-down::after{content: "\f0d8";} .o_list_view .o_column_sortable:hover::after{opacity: 0.3;} .o_list_view .o_column_sortable.o-sort-up, .o_list_view .o_column_sortable.o-sort-down{color: inherit;} .o_list_view .o_column_sortable.o-sort-up::after, .o_list_view .o_column_sortable.o-sort-down::after{opacity: 1;} .o_list_view .o_list_record_selector, .o_list_view .o_list_record_remove, .o_list_view .o_handle_cell{width: 1px;} .o_list_view .o_list_record_remove button{padding: 0px; background: none; border-style: none; display: table-cell; cursor: pointer;} .o_list_view .text-primary{color: #008684 !important;} .o_list_view a.text-primary:hover, .o_list_view a.text-primary:focus{color: #005352 !important;} .o_list_view .text-secondary{color: #7a436b !important;} .o_list_view a.text-secondary:hover, .o_list_view a.text-secondary:focus{color: #59314e !important;} .o_list_view .text-success{color: #199535 !important;} .o_list_view a.text-success:hover, .o_list_view a.text-success:focus{color: #126926 !important;} .o_list_view .text-info{color: #0a8ea4 !important;} .o_list_view a.text-info:hover, .o_list_view a.text-info:focus{color: #076574 !important;} .o_list_view .text-warning{color: #dca500 !important;} .o_list_view a.text-warning:hover, .o_list_view a.text-warning:focus{color: #a97f00 !important;} .o_list_view .text-danger{color: #c52231 !important;} .o_list_view a.text-danger:hover, .o_list_view a.text-danger:focus{color: #991a26 !important;} .o_list_view .text-light{color: #c9d6d6 !important;} .o_list_view a.text-light:hover, .o_list_view a.text-light:focus{color: #acc0c0 !important;} .o_list_view .text-dark{color: #0f1c1c !important;} .o_list_view a.text-dark:hover, .o_list_view a.text-dark:focus{color: black !important;} .o_list_view .text-alpha{color: #008684 !important;} .o_list_view a.text-alpha:hover, .o_list_view a.text-alpha:focus{color: #005352 !important;} .o_list_view .text-beta{color: #7a436b !important;} .o_list_view a.text-beta:hover, .o_list_view a.text-beta:focus{color: #59314e !important;} .o_list_view .text-gamma{color: #444375 !important;} .o_list_view a.text-gamma:hover, .o_list_view a.text-gamma:focus{color: #313055 !important;} .o_list_view .text-delta{color: #42778f !important;} .o_list_view a.text-delta:hover, .o_list_view a.text-delta:focus{color: #325a6c !important;} .o_list_view .text-epsilon{color: #cb525c !important;} .o_list_view a.text-epsilon:hover, .o_list_view a.text-epsilon:focus{color: #b43640 !important;} .o_list_view tbody > tr.o_group_header > th, .o_list_view tbody > tr.o_group_header > td{padding-top: 0.6rem; padding-bottom: 0.6rem;} .o_list_view tbody > tr.o_group_header .o_group_name{white-space: nowrap;} .o_list_view tbody > tr.o_group_header .o_group_pager{cursor: text; user-select: none; text-align: right; padding-top: 0 !important; padding-bottom: 0 !important;} .o_list_view tbody > tr.o_group_header .o_group_pager .o_pager_previous, .o_list_view tbody > tr.o_group_header .o_group_pager .o_pager_next{max-height: 30px; background-color: white;} .o_list_view tbody > tr.o_group_header .o_group_pager .o_pager_previous:hover, .o_list_view tbody > tr.o_group_header .o_group_pager .o_pager_next:hover{background-color: #e6e5e5;} .o_list_view tbody + tbody{border-top: none;} .o_list_view tbody tr:focus-within{background-color: #cfcfcf;} .o_list_view .o_list_number{text-align: right; white-space: nowrap;} .o_list_view .o_list_text{white-space: pre-wrap;} .o_list_view .o_data_cell.o_invisible_modifier{display: table-cell !important;} .o_list_view .o_data_row.o_selected_row > .o_data_cell:not(.o_readonly_modifier){position: relative; z-index: 1; z-index: 1;} .o_list_view .o_data_row.o_selected_row > .o_data_cell:not(.o_readonly_modifier) > .o_field_widget{position: absolute; top: 0; left: 0; bottom: auto; right: 0; min-height: 100%;} .o_list_view .o_data_row.o_selected_row > .o_data_cell:not(.o_readonly_modifier) > .o_field_widget:not(.o_field_text){white-space: nowrap;} .o_list_view .o_data_row.o_selected_row > .o_data_cell:not(.o_readonly_modifier) > .o_field_widget.o_field_many2manytags > .badge, .o_list_view .o_data_row.o_selected_row > .o_data_cell:not(.o_readonly_modifier) > .o_field_widget.o_field_many2manytags > .badge > .o_badge_text{white-space: normal; max-width: 100%;} .o_list_view .o_data_row.o_selected_row > .o_data_cell:not(.o_readonly_modifier) > .o_field_translate{position: absolute; top: 0; left: auto; bottom: auto; right: 5px; width: 16px;} .o_list_view .o_data_row.o_selected_row > .o_data_cell:not(.o_readonly_modifier) .o_input{padding: 0.3rem; background-color: white;} .o_list_view .o_data_row.o_selected_row > .o_data_cell:not(.o_readonly_modifier) .o_input .o_input{padding: 0 !important;} .o_list_view .o_data_row.o_selected_row > .o_data_cell:not(.o_readonly_modifier) .o_input_dropdown{min-height: 100%;} .o_list_view .o_data_row.o_selected_row > .o_data_cell:not(.o_readonly_modifier) .o_field_monetary input{width: 0;} .o_list_view .o_data_row.o_selected_row > .o_data_cell:not(.o_readonly_modifier) .o_field_boolean{position: relative !important;} .o_list_view .o_data_row.o_selected_row > .o_data_cell:not(.o_readonly_modifier) .o_field_widget{min-width: 0;} .o_list_view .o_data_row.o_selected_row > .o_data_cell:not(.o_readonly_modifier) .o_input_dropdown > .o_input, .o_list_view .o_data_row.o_selected_row > .o_data_cell:not(.o_readonly_modifier) .o_datepicker > .o_input{padding-right: 15px;} .o_list_view .o_data_row.o_selected_row > .o_data_cell:not(.o_readonly_modifier) .o_input_dropdown > .o_dropdown_button, .o_list_view .o_data_row.o_selected_row > .o_data_cell:not(.o_readonly_modifier) .o_input_dropdown .o_datepicker_button, .o_list_view .o_data_row.o_selected_row > .o_data_cell:not(.o_readonly_modifier) .o_datepicker > .o_dropdown_button, .o_list_view .o_data_row.o_selected_row > .o_data_cell:not(.o_readonly_modifier) .o_datepicker .o_datepicker_button{position: absolute; top: 20%; left: auto; bottom: auto; right: 5px;} .o_list_view .o_data_row.o_selected_row > .o_data_cell:not(.o_readonly_modifier) .o_field_widget > .o_external_button{padding: 0; background-color: inherit; margin-left: 3px;} .o_list_view .o_data_row.o_selected_row > .o_data_cell:not(.o_readonly_modifier) .o_row_handle{visibility: hidden;} .o_list_view .o_data_row.o_selected_row > .o_data_cell:not(.o_readonly_modifier) .o_field_boolean{width: auto !important;} .o_list_view .o_field_x2many_list_row_add a:focus, .o_list_view .o_field_x2many_list_row_add a:active{color: #005452; outline: none;} .o_list_buttons .o_list_button_save, .o_list_buttons .o_list_button_discard{display: none;} .o_list_buttons.o-editing .o_list_button_add{display: none;} .o_list_buttons.o-editing .o_list_button_save, .o_list_buttons.o-editing .o_list_button_discard{display: inline-block;} 

/* /web_enterprise/static/src/scss/list_view.scss defined in bundle 'web.assets_frontend' */
 .o_list_view{border-collapse: collapse;} .o_list_view .o_column_sortable:not(:empty)::after{position: absolute;} .o_list_view > thead > tr > th.o_column_sortable:not(:empty){padding-right: 14px;} .o_list_view > thead > tr > th.o_column_sortable:not(:empty):last-child{padding-right: 30px !important;} .o_list_view > thead > tr > :empty, .o_list_view > tbody > tr > :empty, .o_list_view > tfoot > tr > :empty{padding: 0;} .o_list_view > thead > tr > :empty::after, .o_list_view > tbody > tr > :empty::after, .o_list_view > tfoot > tr > :empty::after{display: none;} .o_list_view > thead > tr > *, .o_list_view > tfoot > tr > *{padding-top: 0.375rem; padding-bottom: 0.375rem;} .o_list_view > thead{background-color: white; border: none;} .o_list_view > thead > tr:first-child > th{border: none;} .o_list_view > tfoot{border-bottom: none; border-top: none;} .o_list_view tbody:first-of-type > tr:first-child:not(.o_group_header){box-shadow: inset 0px 5px 10px -4px rgba(0, 0, 0, 0.1);} .o_list_view .o_progressbar_cell .o_progressbar{display: table-row;} .o_list_view .o_progressbar_cell .o_progressbar > div{width: 100%; display: table-cell;} .o_list_view .o_progressbar_cell .o_progressbar .o_progressbar_value{width: 45px; min-width: 45px;} .o_list_view.o_list_view_grouped > tbody > tr.o_group_header{background-color: #e9ecef; box-shadow: inset 0 2px 0 #ffffff;} .o_list_view.o_list_view_grouped > tbody > tr.o_group_header.o_group_has_content{color: #6c757d;} .o_list_view.o_list_view_grouped > tbody > tr.o_group_header.o_group_has_content:hover, .o_list_view.o_list_view_grouped > tbody > tr.o_group_header.o_group_has_content:focus, .o_list_view.o_list_view_grouped > tbody > tr.o_group_header.o_group_has_content.focus{color: #00A09D;} .o_list_view.o_list_view_grouped > tbody > tr.o_group_header.o_group_has_content.o_group_open{font-weight: bold; color: inherit;} .o_list_view.o_list_view_grouped > tbody > tr.o_group_header.o_group_has_content.o_group_open:hover, .o_list_view.o_list_view_grouped > tbody > tr.o_group_header.o_group_has_content.o_group_open:focus, .o_list_view.o_list_view_grouped > tbody > tr.o_group_header.o_group_has_content.o_group_open.focus{color: #00A09D;} .o_list_view.o_list_view_grouped > tbody + tbody > tr:first-child:not(.o_group_header){box-shadow: inset 0px 5px 10px -4px rgba(0, 0, 0, 0.1);} .o_list_view.o_list_view_grouped.table-striped > tbody + tbody > tr:not(.o_group_header):nth-of-type(odd){background-color: transparent;} .o_list_view .o_data_row.o_selected_row > .o_data_cell:not(.o_readonly_modifier){border-right: 1px solid #dee2e6;} .o_list_view .o_data_row.o_selected_row > .o_data_cell:not(.o_readonly_modifier) .o_input{padding-right: 0.27rem;} .o_content > div > .table-responsive > .o_list_view.table > thead > tr > :not(:empty){padding: 12px 4px;} .o_content > div > .table-responsive > .o_list_view.table > tbody > tr:not(.o_list_view_grouped) > td{padding: 5px 4px;} .o_content > div > .table-responsive > .o_list_view.table > tfoot > tr > :not(:empty){padding: 10px 4px;} .o_content > div > .table-responsive > .o_list_view.table > thead > tr > th.o_column_sortable:not(:empty){padding-right: 13px;} .o_content > div > .table-responsive > .o_list_view.table > thead > tr > th.o_column_sortable:not(:empty):last-child{padding-right: 29px !important;} .o_content > div > .table-responsive > .o_list_view.table > thead > tr > *:first-child, .o_content > div > .table-responsive > .o_list_view.table > tbody > tr > *:first-child, .o_content > div > .table-responsive > .o_list_view.table > tfoot > tr > *:first-child{padding-left: 16px !important;} .o_content > div > .table-responsive > .o_list_view.table > thead > tr > *:last-child, .o_content > div > .table-responsive > .o_list_view.table > tbody > tr > *:last-child, .o_content > div > .table-responsive > .o_list_view.table > tfoot > tr > *:last-child{padding-right: 16px !important;} .o_content > div > .table-responsive > .o_list_view.table > thead > tr > *.o_list_record_selector, .o_content > div > .table-responsive > .o_list_view.table > tbody > tr > *.o_list_record_selector, .o_content > div > .table-responsive > .o_list_view.table > tfoot > tr > *.o_list_record_selector{padding-right: 5px !important;} .o_content > div > .table-responsive > .o_list_view.table .o_data_row.o_selected_row > .o_data_cell:not(.o_readonly_modifier) .o_input{padding: 5px 4px 5px 5px;} @media (min-width: 1200px){.o_content > div > .table-responsive > .o_list_view.table:not(.o_list_view_grouped) > thead > tr > :not(:empty){padding: 13px 4px;}.o_content > div > .table-responsive > .o_list_view.table:not(.o_list_view_grouped) > tbody > tr:not(.o_list_view_grouped) > td{padding: 6px 4px;}.o_content > div > .table-responsive > .o_list_view.table:not(.o_list_view_grouped) > tfoot > tr > :not(:empty){padding: 11px 4px;}.o_content > div > .table-responsive > .o_list_view.table:not(.o_list_view_grouped) > thead > tr > th.o_column_sortable:not(:empty){padding-right: 14px;}.o_content > div > .table-responsive > .o_list_view.table:not(.o_list_view_grouped) > thead > tr > th.o_column_sortable:not(:empty):last-child{padding-right: 30px !important;}.o_content > div > .table-responsive > .o_list_view.table:not(.o_list_view_grouped) > thead > tr > *:first-child, .o_content > div > .table-responsive > .o_list_view.table:not(.o_list_view_grouped) > tbody > tr > *:first-child, .o_content > div > .table-responsive > .o_list_view.table:not(.o_list_view_grouped) > tfoot > tr > *:first-child{padding-left: 16px !important;}.o_content > div > .table-responsive > .o_list_view.table:not(.o_list_view_grouped) > thead > tr > *:last-child, .o_content > div > .table-responsive > .o_list_view.table:not(.o_list_view_grouped) > tbody > tr > *:last-child, .o_content > div > .table-responsive > .o_list_view.table:not(.o_list_view_grouped) > tfoot > tr > *:last-child{padding-right: 16px !important;}.o_content > div > .table-responsive > .o_list_view.table:not(.o_list_view_grouped) > thead > tr > *.o_list_record_selector, .o_content > div > .table-responsive > .o_list_view.table:not(.o_list_view_grouped) > tbody > tr > *.o_list_record_selector, .o_content > div > .table-responsive > .o_list_view.table:not(.o_list_view_grouped) > tfoot > tr > *.o_list_record_selector{padding-right: 5px !important;}.o_content > div > .table-responsive > .o_list_view.table:not(.o_list_view_grouped) .o_data_row.o_selected_row > .o_data_cell:not(.o_readonly_modifier) .o_input{padding: 6px 5px 6px 6px;}} 

/* /web/static/src/scss/fields.scss defined in bundle 'web.assets_frontend' */
 .o_field_invalid.o_input, .o_field_invalid .o_input, .o_field_invalid.o_form_label{color: #dc3545 !important; border-color: #dc3545 !important;} .o_field_empty{display: none !important;} .o_field_number{white-space: nowrap;} .o_field_widget, .o_field_widget input.o_input{display: inline-block; text-align: inherit;} .o_field_widget.note-editor, .o_field_widget.oe_form_field_html, .o_field_widget.oe_form_field_html_text, .o_field_widget.oe_form_field_text, .o_field_widget.o_field_domain, .o_field_widget.o_graph_linechart, .o_field_widget.o_graph_barchart{display: block;} .o_field_widget.o_field_many2one, .o_field_widget.o_field_radio, .o_field_widget.o_field_many2manytags, .o_field_widget.o_field_percent_pie, .o_field_widget.o_field_monetary, .o_field_widget.o_field_binary_file{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex;} .o_field_widget.o_field_many2one > span, .o_field_widget.o_field_many2one > button, .o_field_widget.o_field_radio > span, .o_field_widget.o_field_radio > button, .o_field_widget.o_field_many2manytags > span, .o_field_widget.o_field_many2manytags > button, .o_field_widget.o_field_percent_pie > span, .o_field_widget.o_field_percent_pie > button, .o_field_widget.o_field_monetary > span, .o_field_widget.o_field_monetary > button, .o_field_widget.o_field_binary_file > span, .o_field_widget.o_field_binary_file > button{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;} .o_field_widget .o_input_dropdown{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; position: relative; width: 100%;} .o_field_widget .o_input_dropdown > input{height: 100%; padding-right: 15px; cursor: pointer;} .o_field_widget .o_input_dropdown .o_dropdown_button{position: absolute; top: 0; left: auto; bottom: auto; right: 0; pointer-events: none;} .o_field_widget .o_input_dropdown .o_dropdown_button:after{content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; border-bottom: 0; border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; border-top: 0.3em solid; -moz-transform: scale(0.9999);} .o_field_widget.o_field_text, .o_field_widget.oe_form_field_text .oe_form_text_content{width: 100%; white-space: pre-wrap;} .o_field_widget.o_field_monetary.o_input{align-items: baseline;} .o_field_widget.o_field_monetary.o_input > input{width: 100px; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; flex: 1 0 auto;} .o_field_widget.o_field_many2manytags{-webkit-flex-flow: row wrap; flex-flow: row wrap; align-items: baseline;} .o_field_widget.o_field_many2manytags > .o_field_widget{flex: 1 0 100px; position: initial; max-width: 100%;} .o_field_widget.o_field_many2manytags .badge{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; border: 0; font-size: 12px; cursor: pointer; user-select: none;} .o_field_widget.o_field_many2manytags .badge a{color: inherit;} .o_field_widget.o_field_many2manytags .badge .o_badge_text{display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; max-width: 200px; color: inherit;} .o_field_widget.o_field_many2manytags .badge .o_delete{color: inherit; cursor: pointer;} .o_field_widget.o_field_many2manytags .tagcolor_dropdown_menu{min-width: 150px; margin-right: 0px;} .o_field_widget.o_field_many2manytags .o_colorpicker > ul{max-width: 100%; padding: 3px 10px 3px 20px; white-space: normal;} .o_field_widget.o_field_many2manytags .o_colorpicker > ul > li{display: inline-block; margin: 5px 5px 0 0; border: 1px solid white; box-shadow: 0 0 0 1px #dee2e6;} .o_field_widget.o_field_many2manytags .o_colorpicker > ul > li > a{display: block;} .o_field_widget.o_field_many2manytags .o_colorpicker > ul > li > a::after{content: ""; display: block; width: 20px; height: 15px;} .o_field_widget.o_field_many2manytags .o_colorpicker > ul > li:last-of-type{box-shadow: 0 0 0 0px white; color: #666666;} .o_field_widget.o_field_many2manytags .o_tag_color_0{background-color: white; color: #777777; box-shadow: inset 0 0 0 2px #777777;} .o_field_widget.o_field_many2manytags .o_tag_color_0::after{background-color: #777777;} .o_field_widget.o_field_many2manytags .o_tag_color_1, .o_field_widget.o_field_many2manytags .o_tag_color_1::after{background-color: #F06050; color: #FFFFFF;} .o_field_widget.o_field_many2manytags .o_tag_color_2, .o_field_widget.o_field_many2manytags .o_tag_color_2::after{background-color: #F4A460; color: #FFFFFF;} .o_field_widget.o_field_many2manytags .o_tag_color_3, .o_field_widget.o_field_many2manytags .o_tag_color_3::after{background-color: #F7CD1F; color: #FFFFFF;} .o_field_widget.o_field_many2manytags .o_tag_color_4, .o_field_widget.o_field_many2manytags .o_tag_color_4::after{background-color: #6CC1ED; color: #FFFFFF;} .o_field_widget.o_field_many2manytags .o_tag_color_5, .o_field_widget.o_field_many2manytags .o_tag_color_5::after{background-color: #814968; color: #FFFFFF;} .o_field_widget.o_field_many2manytags .o_tag_color_6, .o_field_widget.o_field_many2manytags .o_tag_color_6::after{background-color: #EB7E7F; color: #FFFFFF;} .o_field_widget.o_field_many2manytags .o_tag_color_7, .o_field_widget.o_field_many2manytags .o_tag_color_7::after{background-color: #2C8397; color: #FFFFFF;} .o_field_widget.o_field_many2manytags .o_tag_color_8, .o_field_widget.o_field_many2manytags .o_tag_color_8::after{background-color: #475577; color: #FFFFFF;} .o_field_widget.o_field_many2manytags .o_tag_color_9, .o_field_widget.o_field_many2manytags .o_tag_color_9::after{background-color: #D6145F; color: #FFFFFF;} .o_field_widget.o_field_many2manytags .o_tag_color_10, .o_field_widget.o_field_many2manytags .o_tag_color_10::after{background-color: #30C381; color: #FFFFFF;} .o_field_widget.o_field_many2manytags .o_tag_color_11, .o_field_widget.o_field_many2manytags .o_tag_color_11::after{background-color: #9365B8; color: #FFFFFF;} .o_field_widget.o_field_many2manytags .o_tag_error{box-shadow: inset 0 0 0 2px #FF0000;} .o_field_widget.o_field_many2manytags .o_tag_error .o_delete{color: #FF0000;} .o_field_widget.o_priority{display: inline-block; padding: 0; margin: 0; vertical-align: baseline;} .o_field_widget.o_priority > .o_priority_star{display: inline-block; font-size: 1.35em;} .o_field_widget.o_priority > .o_priority_star:hover, .o_field_widget.o_priority > .o_priority_star:focus{text-decoration: none; outline: none;} .o_field_widget.o_priority > .o_priority_star + .o_priority_star{padding-left: 5px;} .o_field_widget.o_priority > .o_priority_star.fa-star-o{color: #a8a8a8;} .o_field_widget.o_priority > .o_priority_star.fa-star{color: gold;} .o_field_widget.o_favorite i.fa{font-size: 16px;} .o_field_widget.o_favorite i.fa-star-o{color: #a8a8a8;} .o_field_widget.o_favorite i.fa-star-o:hover{color: gold;} .o_field_widget.o_favorite i.fa-star{color: gold;} .o_field_widget .fa.o_toggle_button_success{color: #28a745;} .o_field_widget.o_row_handle{cursor: ns-resize;} .o_field_widget.o_field_selection_badge .o_selection_badge{display: inline-block; margin: 0px 0px 4px 4px; padding: 1px 6px; color: #a8a8a8; border: 1px solid #dee2e6; cursor: pointer;} .o_field_widget.o_field_selection_badge .o_selection_badge.active{color: #00A09D; border-color: #00A09D;} .o_field_widget.o_field_selection_badge .o_selection_badge:hover:not(.active){color: #8796a4; border-color: #8796a4;} @media (max-width: 767.98px){.o_field_widget.o_field_radio{display: inline-block;}} .o_field_widget.o_field_radio .o_radio_input{outline: none;} .o_field_widget.o_field_radio .o_radio_item{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;} .o_field_widget.o_field_radio.o_horizontal .o_radio_item{margin-right: 10px;} .o_field_widget.o_field_radio.o_vertical{-webkit-flex-flow: column nowrap; flex-flow: column nowrap;} .o_field_widget.o_field_radio.o_vertical .o_radio_item{margin-bottom: 5px;} .o_field_widget.o_field_percent_pie{align-items: center;} .o_field_widget.o_field_percent_pie > .o_pie{position: relative; display: inline-block; vertical-align: middle; margin-right: 10px; border-radius: 100%; overflow: hidden; background-color: #00A09D;} .o_field_widget.o_field_percent_pie > .o_pie:after{content: " "; position: absolute; top: 0; left: auto; bottom: auto; right: 0; width: 100%; height: 100%; border-radius: 100%;} .o_field_widget.o_field_percent_pie > .o_pie .o_mask{position: absolute; top: 0; left: auto; bottom: auto; right: 0; transform-origin: 0; width: 50%; height: 100%; background-color: white;} .o_field_widget.o_field_percent_pie > .o_pie .o_mask.o_full{background-color: inherit;} .o_field_widget.o_field_percent_pie > .o_pie .o_pie_value{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; border-radius: 100%; font-weight: 700; color: #875A7B;} .o_field_widget.o_ace_view_editor{width: 100%;} .o_field_widget.o_ace_view_editor .ace-view-editor{height: 300px; padding: 0 1em;} .o_field_widget.o_field_image{position: relative;} .o_field_widget.o_field_image .o_form_image_controls{position: absolute; top: 0; left: auto; bottom: auto; right: 0; width: 100%; color: white; background-color: #00A09D; opacity: 0; transition: opacity ease 400ms;} .o_field_widget.o_field_image .o_form_image_controls > button.fa{border: none; background-color: transparent;} .o_field_widget.o_field_image .o_form_image_controls > .fa{margin: 5px; cursor: pointer;} @media (max-width: 474.98px){.o_field_widget.o_field_image .o_form_image_controls{position: initial; opacity: 1;}.o_field_widget.o_field_image .o_form_image_controls > .fa{width: 50%; padding: 6px; margin: 0px; text-align: center;}.o_field_widget.o_field_image .o_form_image_controls > .fa.o_select_file_button{background: #00A09D;}.o_field_widget.o_field_image .o_form_image_controls > .fa.o_clear_file_button{background: #dc3545;}} .o_field_widget.o_field_image:hover .o_form_image_controls{opacity: 0.8;} .o_field_widget.o_field_image.o_field_invalid > img{border: 1px solid #dc3545;} .o_field_widget .o_form_binary_progress, .o_field_widget .o_hidden_input_file .o_input_file{display: none;} .o_field_widget.o_field_domain > .o_field_domain_panel{margin-top: 8px;} .o_field_widget.o_field_domain.o_inline_mode.o_edit_mode{position: relative;} .o_field_widget.o_field_domain.o_inline_mode.o_edit_mode > .o_field_domain_panel{position: absolute; top: 0; left: auto; bottom: auto; right: 0; margin-top: 0;} .o_field_widget.o_field_pdfviewer, .o_field_widget .o_pdfview_iframe{width: 100%; height: 450px; border: 0; margin-top: 10px;} .o_field_widget.o_field_copy{position: relative; width: 100% !important; border-radius: 5px; border: 1px solid #00A09D; font-size: 0.75rem; color: #00A09D; font-weight: 700; text-align: center; padding-right: 100px;} .o_field_widget.o_field_copy .o_clipboard_button{position: absolute; top: 0; left: auto; bottom: auto; right: 0;} .o_field_widget.o_field_copy .o_clipboard_button.o_btn_text_copy{position: absolute; top: 0; right: 0;} .o_field_widget.o_field_copy .o_clipboard_button.o_btn_char_copy{padding-top: 2px; height: 100%;} span.o_field_copy:empty{border: none;} button.o_field_float_toggle{width: 100%; text-align: center;} select.o_field_widget.o_input{padding: 1px;} 

/* /medin_portal/static/src/scss/datetimepicker.css defined in bundle 'web.assets_frontend' */
 .bootstrap-datetimepicker-widget{top: 0; left: 0; width: 250px; padding: 4px; margin-top: 1px; z-index: 99999 !important; border-radius: 4px;} .bootstrap-datetimepicker-widget.timepicker-sbs{width: 600px;} .bootstrap-datetimepicker-widget.bottom:before{content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 7px;} .bootstrap-datetimepicker-widget.bottom:after{content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; top: -6px; left: 8px;} .bootstrap-datetimepicker-widget.top:before{content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: -7px; left: 6px;} .bootstrap-datetimepicker-widget.top:after{content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid white; position: absolute; bottom: -6px; left: 7px;} .bootstrap-datetimepicker-widget .dow{width: 14.2857%;} .bootstrap-datetimepicker-widget.pull-right:before{left: auto; right: 6px;} .bootstrap-datetimepicker-widget.pull-right:after{left: auto; right: 7px;} .bootstrap-datetimepicker-widget > ul{list-style-type: none; margin: 0;} .bootstrap-datetimepicker-widget a[data-action]{padding: 6px 0;} .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second{width: 54px; font-weight: bold; font-size: 1.2em; margin: 0;} .bootstrap-datetimepicker-widget button[data-action]{padding: 6px;} .bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{width: 4px; padding: 0; margin: 0;} .bootstrap-datetimepicker-widget .datepicker > div{display: none;} .bootstrap-datetimepicker-widget .picker-switch{text-align: center;} .bootstrap-datetimepicker-widget table{width: 100%; margin: 0;} .bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th{text-align: center; border-radius: 4px;} .bootstrap-datetimepicker-widget td{height: 54px; line-height: 54px; width: 54px;} .bootstrap-datetimepicker-widget td.cw{font-size: 10px; height: 20px; line-height: 20px;} .bootstrap-datetimepicker-widget td.day{height: 20px; line-height: 20px; width: 20px;} .bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover{background: #eeeeee; cursor: pointer;} .bootstrap-datetimepicker-widget td.old, .bootstrap-datetimepicker-widget td.new{color: #777777;} .bootstrap-datetimepicker-widget td.today{position: relative;} .bootstrap-datetimepicker-widget td.today:before{content: ''; display: inline-block; border-left: 7px solid transparent; border-bottom: 7px solid #428bca; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px;} .bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover{background-color: #428bca; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .bootstrap-datetimepicker-widget td.active.today:before{border-bottom-color: #fff;} .bootstrap-datetimepicker-widget td.disabled, .bootstrap-datetimepicker-widget td.disabled:hover{background: none; color: #777777; cursor: not-allowed;} .bootstrap-datetimepicker-widget td span{display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: 4px;} .bootstrap-datetimepicker-widget td span:hover{background: #eeeeee;} .bootstrap-datetimepicker-widget td span.active{background-color: #428bca; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .bootstrap-datetimepicker-widget td span.old{color: #777777;} .bootstrap-datetimepicker-widget td span.disabled, .bootstrap-datetimepicker-widget td span.disabled:hover{background: none; color: #777777; cursor: not-allowed;} .bootstrap-datetimepicker-widget th{height: 20px; line-height: 20px; width: 20px;} .bootstrap-datetimepicker-widget th.picker-switch{width: 145px;} .bootstrap-datetimepicker-widget th.next, .bootstrap-datetimepicker-widget th.prev{font-size: 21px;} .bootstrap-datetimepicker-widget th.disabled, .bootstrap-datetimepicker-widget th.disabled:hover{background: none; color: #777777; cursor: not-allowed;} .bootstrap-datetimepicker-widget thead tr:first-child th{cursor: pointer;} .bootstrap-datetimepicker-widget thead tr:first-child th:hover{background: #eeeeee;} .input-group.date .input-group-addon span{display: block; cursor: pointer; width: 16px; height: 16px;} .bootstrap-datetimepicker-widget.left-oriented:before{left: auto; right: 6px;} .bootstrap-datetimepicker-widget.left-oriented:after{left: auto; right: 7px;} .bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody > tr > td{padding: 0px !important;} @media screen and (max-width: 767px){.bootstrap-datetimepicker-widget.timepicker-sbs{width: 283px;}} 

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