/* /supplier_portal/static/lib/iconfont/iconfont.css defined in bundle 'supplier_portal.homepage_bundle' */
@font-face{font-family: "iconfont"; src: url('/supplier_portal/static/lib/iconfont/iconfont.ttf?t=1686356606191') format('truetype');} .iconfont{font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .icon-pdf:before{content: "\e603";} 

/* /supplier_portal/static/src/less/website.less defined in bundle 'supplier_portal.homepage_bundle' */
 #wrapwrap > footer{display: none; background-color: #f2f2f2;} #wrapwrap.home_page > footer{display: table-row;} #wrapwrap.home_page > footer > div{padding-bottom: 1rem; text-align: center;} .limepottal{overflow: hidden;} .limepottal.home_page header .navbar .fixed_menu .home_menu, .limepottal.information_page header .navbar .fixed_menu .home_menu, .limepottal.test_standard_page header .navbar .fixed_menu .home_menu, .limepottal.third_party_page header .navbar .fixed_menu .home_menu{background-color: #fb8c44;} .limepottal.lab_business_page header .navbar .fixed_menu .lab_business_menu{background-color: #fb8c44;} .limepottal.lab_list header .navbar .fixed_menu .lab_qualification_menu{background-color: #fb8c44;} .limepottal.lab_qualification header .navbar .fixed_menu .menu_with_bgc{background-color: #fb8c44;} .limepottal header .navbar{background-color: #0e68b4; border-radius: 0; margin: 0; display: flex; justify-content: space-between; align-items: center; padding: 0 1rem; border: none; overflow: visible;} .limepottal header .navbar:before, .limepottal header .navbar:after{display: none;} .limepottal header .navbar .navbar_left{display: flex; align-items: center;} .limepottal header .navbar .navbar_left ul{list-style: none; margin: 0; padding: 0;} .limepottal header .navbar .navbar_left ul li a.dropdown-toggle{color: white; padding: 15px; display: block;} .limepottal header .navbar .navbar_left ul li a.dropdown-toggle:hover{background-color: #22527b;} .limepottal header .navbar .navbar_left .divider{width: 1px; height: 16px; background-color: #3e86c3; margin: 0 1rem;} .limepottal header .navbar .navbar_left .fixed_menu{background-color: #0b5390; border-radius: calc(50vh); padding: 0.5rem 1rem; margin-left: 15px; display: flex; align-items: center; color: white; font-weight: 500; min-width: 220px;} .limepottal header .navbar .navbar_left .fixed_menu.no_login{max-width: 100px; min-width: 100px; justify-content: center;} .limepottal header .navbar .navbar_left .fixed_menu .home_menu, .limepottal header .navbar .navbar_left .fixed_menu .lab_business_menu, .limepottal header .navbar .navbar_left .fixed_menu .lab_qualification_menu, .limepottal header .navbar .navbar_left .fixed_menu .lab_zz_menu{color: white; text-decoration: none; padding: 0.25rem 1rem; border-radius: calc(50vh);} .limepottal header .navbar .navbar_left .fixed_menu .lab_business_menu, .limepottal header .navbar .navbar_left .fixed_menu .lab_incon_menu{margin: 0 3rem;} .limepottal header .navbar .navbar_right ul{margin: 0;} .limepottal header .navbar .navbar_right ul li.open a.dropdown-toggle{color: white; background-color: #22527b;} .limepottal header .navbar .navbar_right ul li a.dropdown-toggle{padding: 15px; color: white;} .limepottal header .navbar .navbar_right ul li a.dropdown-toggle:hover{background-color: #22527b;} .limepottal header .navbar .navbar_right ul li ul.dropdown-menu{right: 0; left: auto;} .limepottal main{background-color: #f2f2f2;} .limepottal footer{display: none;} .title{flex: 0 0 auto; position: relative; padding-bottom: 1.75rem; padding-left: 1rem; padding-right: 1rem;} .title > div:first-child{position: relative; display: flex; justify-content: space-between; align-items: center; z-index: 1;} .title > div:first-child .name{font-weight: bold; font-size: large;} .title > div:first-child .more{color: #727272; font-size: 13px; text-decoration: none; user-select: none;} .title > div:first-child .more:hover{color: #0e68b4;} .title > div:first-child .more i{color: #d3d3d3;} .title > div:nth-child(2){position: absolute; font-weight: bold; font-size: larger; color: #eef3f7; top: 1.25rem; padding-left: 0.25rem; user-select: none;} 

/* /supplier_portal/static/src/less/homepage.less defined in bundle 'supplier_portal.homepage_bundle' */
 .homepage{width: 100%; height: 100%; padding: 1.5rem 0 1.5rem 1.5rem; overflow: hidden; display: flex;} .homepage::-webkit-scrollbar{width: 8px;} .homepage::-webkit-scrollbar-track{border-radius: 4px; background-color: #cecece; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);} .homepage::-webkit-scrollbar-thumb{border-radius: 4px; background-color: white; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);} .homepage .left, .homepage .right{flex-grow: 1; flex-shrink: 1;} .homepage .left{padding: 1rem 0 1rem; flex-basis: 60%; display: flex; flex-direction: column;} .homepage .left .top, .homepage .left .bottom{flex-grow: 1; flex-shrink: 1; flex-basis: 50%; display: flex;} .homepage .left .top > div, .homepage .left .bottom > div{width: 100%; background-color: white; border-radius: 1.5rem; padding: 1.5rem; display: flex;} .homepage .left .top > div .left, .homepage .left .bottom > div .left, .homepage .left .top > div .right, .homepage .left .bottom > div .right{flex-grow: 1; flex-shrink: 1; display: flex; flex-direction: column; padding: 0;} .homepage .left .top > div .left .items, .homepage .left .bottom > div .left .items, .homepage .left .top > div .right .items, .homepage .left .bottom > div .right .items{flex: 1 1 100%; position: relative;} .homepage .left .top > div .left .items > div, .homepage .left .bottom > div .left .items > div, .homepage .left .top > div .right .items > div, .homepage .left .bottom > div .right .items > div{position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto;} .homepage .left .top > div .left .items > div::-webkit-scrollbar, .homepage .left .bottom > div .left .items > div::-webkit-scrollbar, .homepage .left .top > div .right .items > div::-webkit-scrollbar, .homepage .left .bottom > div .right .items > div::-webkit-scrollbar{width: 8px;} .homepage .left .top > div .left .items > div::-webkit-scrollbar-track, .homepage .left .bottom > div .left .items > div::-webkit-scrollbar-track, .homepage .left .top > div .right .items > div::-webkit-scrollbar-track, .homepage .left .bottom > div .right .items > div::-webkit-scrollbar-track{border-radius: 4px; background-color: #cecece; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);} .homepage .left .top > div .left .items > div::-webkit-scrollbar-thumb, .homepage .left .bottom > div .left .items > div::-webkit-scrollbar-thumb, .homepage .left .top > div .right .items > div::-webkit-scrollbar-thumb, .homepage .left .bottom > div .right .items > div::-webkit-scrollbar-thumb{border-radius: 4px; background-color: white; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);} .homepage .left .top > div .left, .homepage .left .bottom > div .left{flex-basis: 45%;} .homepage .left .top > div .right, .homepage .left .bottom > div .right{flex-basis: 55%;} .homepage .left .top{padding-bottom: 0.5rem;} .homepage .left .bottom{padding-top: 0.5rem;} .homepage .right{padding: 1rem 0 1rem 0; flex-basis: 40%; position: relative;} .homepage .right.expand{position: fixed; top: 50px; left: 0; right: 0; bottom: 0; padding: 0; z-index: 99;} .homepage .right.expand .map{border-radius: unset;} .homepage .right.expand .float_panel .login_form{display: none;} .homepage .right.expand .toggle_map{bottom: 3.5rem;} .homepage .right .map{width: 100%; height: 100%; border-top-left-radius: 1.5rem; border-bottom-left-radius: 1.5rem;} .homepage .right .float_panel{position: absolute; top: 1rem; right: 0; left: 0; padding-left: 2rem; display: flex; flex-direction: column; z-index: 99;} .homepage .right .float_panel .login_form{background-color: white; padding: 2.5rem; border-top-left-radius: 1.5rem; border-bottom-left-radius: 1.5rem; margin-bottom: 1.5rem;} .homepage .right .float_panel .login_form form{display: flex; justify-content: space-between;} .homepage .right .float_panel .login_form form .input-group{width: 48%;} .homepage .right .float_panel .login_form form .input-group-addon{font-weight: bold; background-color: #dff0ff; color: #0e6cc3;} .homepage .right .float_panel .login_form form input{height: 40px; background-color: #dff0ff;} .homepage .right .float_panel .login_form form button{background-color: #0d3b66; border-color: #0d3b66;} .homepage .right .float_panel .login_form form .policy{margin-top: 3px;} .homepage .right .float_panel .login_form form .policy input{height: auto; margin: 0; vertical-align: middle;} .homepage .right .float_panel .login_form form .policy span{vertical-align: middle;} .homepage .right .float_panel .search{display: flex; justify-content: space-between; padding-right: 2.5rem;} .homepage .right .float_panel .search > div{flex: 0 0 auto;} .homepage .right .float_panel .search > div .btn-search-type i:before{color: #fb8c44;} .homepage .right .float_panel .search > div .btn-search-type.active{background-color: #55A1FC; color: white;} .homepage .right .float_panel .search .input-group{flex: 0 0 50%;} .homepage .right .float_panel .search .input-group input{height: 46px;} .homepage .right .float_panel .search .input-group .input-group-addon{background-color: #fb8c44; cursor: pointer;} .homepage .right .float_panel .search .input-group .input-group-addon:before{color: white;} .homepage .right .toggle_map{position: absolute; right: 2rem; bottom: 2rem; z-index: 100;} .homepage .information .items > div{padding: 0 1rem;} .homepage .information .items .item{border-bottom: 1px solid #dfdfdf; display: flex; justify-content: space-between; padding: 1rem 0;} .homepage .information .items .item:first-child{padding-top: 0;} .homepage .information .items .item:last-child{border: none; padding-bottom: 0 !important;} .homepage .information .items .item .summary{flex: 1 1 100%; padding-right: 1rem; display: flex; flex-direction: column; justify-content: space-between;} .homepage .information .items .item .summary a{line-clamp: 1; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; margin-bottom: 0.5rem; color: #333333; text-decoration: none; word-break: break-all;} .homepage .information .items .item .summary a:hover{color: #0e68b4;} .homepage .information .items .item .summary > div{display: flex;} .homepage .information .items .item .summary > div .date{color: #adadad;} .homepage .information .items .item .summary > div .newest{color: red; margin-right: 1rem;} .homepage .information .items .item .thumbnail{flex: 0 0 120px; max-width: 120px; margin: 0; border: none; border-radius: unset; padding: 0; display: flex; align-items: center; justify-content: center;} .homepage .information .items .item .thumbnail img{border-radius: 4px; max-height: 100px;} .homepage .notice_user_manual .notice{flex: 0 0 auto;} .homepage .notice_user_manual .notice .items{padding: 0 1rem;} .homepage .notice_user_manual .notice .items > div{border: 1px solid #d5d6d9; border-radius: 0.5rem; background-color: #f7f7f8; display: flex; flex-direction: column; position: static !important;} .homepage .notice_user_manual .notice .items > div .item .notice_name{display: flex; justify-content: space-between; align-items: center; padding: 1rem 1rem 0 1rem;} .homepage .notice_user_manual .notice .items > div .item .notice_name > div:first-child{font-weight: bold;} .homepage .notice_user_manual .notice .items > div .item .notice_name > div:last-child{color: #adadad;} .homepage .notice_user_manual .notice .items > div .summary{padding: 1rem; height: 6rem; overflow: hidden;} .homepage .notice_user_manual .notice .items > div .summary a{line-clamp: 2; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; color: #333333; text-decoration: none; word-break: break-all;} .homepage .notice_user_manual .notice .items > div .summary a:hover{color: #0e68b4;} .homepage .notice_user_manual .notice .items > div .nav{background-color: #f0f0f2; padding: 0.75rem 1rem; display: flex; justify-content: flex-end; align-items: center;} .homepage .notice_user_manual .notice .items > div .nav a{color: #6f7c9e; text-decoration: none;} .homepage .notice_user_manual .notice .items > div .nav a:hover{color: #0e68b4;} .homepage .notice_user_manual .notice .items > div .nav a:first-child{margin-right: 1rem;} .homepage .notice_user_manual .notice .items > div .nav a.disabled{color: #d3d3d5;} .homepage .notice_user_manual .notice #noticeModal .modal-body{max-height: 50vh; overflow-y: auto; overflow-x: hidden; padding: 2.5rem;} .homepage .notice_user_manual .notice #noticeModal .modal-body::-webkit-scrollbar{width: 8px;} .homepage .notice_user_manual .notice #noticeModal .modal-body::-webkit-scrollbar-track{border-radius: 4px; background-color: #cecece; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);} .homepage .notice_user_manual .notice #noticeModal .modal-body::-webkit-scrollbar-thumb{border-radius: 4px; background-color: white; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);} .homepage .notice_user_manual .notice #noticeModal .item{padding: 1.5rem 0; border-bottom: 1px solid #d5d6d9; cursor: pointer;} .homepage .notice_user_manual .notice #noticeModal .item:first-child{padding-top: 0;} .homepage .notice_user_manual .notice #noticeModal .item:last-child{border: none; padding-bottom: 0;} .homepage .notice_user_manual .notice #noticeModal .item .name{font-weight: bold;} .homepage .notice_user_manual .user_manual{flex: 1 1 100%; display: flex; flex-direction: column;} .homepage .notice_user_manual .user_manual .title{margin-top: 2rem;} .homepage .notice_user_manual .user_manual .items > div{padding: 0 1rem;} .homepage .notice_user_manual .user_manual .items .item, .homepage .notice_user_manual .user_manual #user_manualModal .item{margin-bottom: 1rem; display: flex; justify-content: space-between; align-items: center; cursor: pointer; background-color: #f2f3f5; padding: 0.5rem 1rem; border-radius: 5px; transition: background-color 0.2s, color 0.2s;} .homepage .notice_user_manual .user_manual .items .item:hover, .homepage .notice_user_manual .user_manual #user_manualModal .item:hover{background-color: #0e68b4; color: white;} .homepage .notice_user_manual .user_manual .items .item:hover > div:last-child, .homepage .notice_user_manual .user_manual #user_manualModal .item:hover > div:last-child{display: flex;} .homepage .notice_user_manual .user_manual .items .item:last-child, .homepage .notice_user_manual .user_manual #user_manualModal .item:last-child{margin: 0;} .homepage .notice_user_manual .user_manual .items .item > div, .homepage .notice_user_manual .user_manual #user_manualModal .item > div{display: flex; align-items: center;} .homepage .notice_user_manual .user_manual .items .item > div:first-child i, .homepage .notice_user_manual .user_manual #user_manualModal .item > div:first-child i{color: #faa36a; margin-right: 0.25rem; font-size: large;} .homepage .notice_user_manual .user_manual .items .item > div:last-child, .homepage .notice_user_manual .user_manual #user_manualModal .item > div:last-child{display: none;} .homepage .notice_user_manual .user_manual .items .item > div:last-child .divider, .homepage .notice_user_manual .user_manual #user_manualModal .item > div:last-child .divider{width: 1px; height: 1.5rem; background-color: #488cc6; margin: 0 1rem;} .homepage .notice_user_manual .user_manual .items .item > div:last-child .fa, .homepage .notice_user_manual .user_manual #user_manualModal .item > div:last-child .fa{font-size: large;} .homepage .notice_user_manual .user_manual #user_manualModal .modal-body{max-height: 50vh; overflow-y: auto; overflow-x: hidden; padding: 2.5rem;} .homepage .notice_user_manual .user_manual #user_manualModal .modal-body::-webkit-scrollbar{width: 8px;} .homepage .notice_user_manual .user_manual #user_manualModal .modal-body::-webkit-scrollbar-track{border-radius: 4px; background-color: #cecece; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);} .homepage .notice_user_manual .user_manual #user_manualModal .modal-body::-webkit-scrollbar-thumb{border-radius: 4px; background-color: white; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);} .homepage .test_standard .search{flex: 0 0 auto;} .homepage .test_standard .search span{background-color: #fb8c44; color: white; cursor: pointer;} .homepage .test_standard .o_empty{display: flex; align-items: center; justify-content: center;} .homepage .test_standard .items > div{padding: 0 1rem;} .homepage .test_standard .items > div .item{border-bottom: 1px solid #dfdfdf; display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 1rem 0;} .homepage .test_standard .items > div .item:first-child{padding-top: 0;} .homepage .test_standard .items > div .item:last-child{padding-bottom: 0; border: none;} .homepage .test_standard .items > div .item > div:first-child{flex: 1 1 100%; display: flex; flex-direction: column;} .homepage .test_standard .items > div .item > div:first-child .name{line-clamp: 1; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical;} .homepage .test_standard .items > div .item > div:first-child .standard{color: #adadad;} .homepage .third_party .items{display: flex; flex-direction: column;} .homepage .third_party .items .search, .homepage .third_party .items .header{position: static !important; padding: 0 1rem;} .homepage .third_party .items .search{flex: 0 0 auto;} .homepage .third_party .items .search span{background-color: #fb8c44; color: white; cursor: pointer;} .homepage .third_party .items .header{flex: 0 0 auto; background-color: #f2f3f5; margin: 0.2rem 1rem 0; padding: 0.75rem 0; font-weight: bold;} .homepage .third_party .items .header .row{margin: 0;} .homepage .third_party .items .header .row div{min-height: 0;} .homepage .third_party .items .listings{flex: 1 1 100%; position: relative !important;} .homepage .third_party .items .listings > div{padding: 0 1rem; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto;} .homepage .third_party .items .listings > div.o_empty{display: flex; flex-direction: column; justify-content: center; align-items: center;} .homepage .third_party .items .listings > div.o_empty > div{height: auto;} .homepage .third_party .items .listings > div::-webkit-scrollbar{width: 8px;} .homepage .third_party .items .listings > div::-webkit-scrollbar-track{border-radius: 4px; background-color: #cecece; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);} .homepage .third_party .items .listings > div::-webkit-scrollbar-thumb{border-radius: 4px; background-color: white; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);} .homepage .third_party .items .listings > div .row{margin: 0; padding: 1rem 0; cursor: pointer;} .homepage .third_party .items .listings > div .row:nth-child(even), .homepage .third_party .items .listings > div .row:hover{background-color: #f2f3f5;} .homepage .third_party .items .listings > div .row > div{min-height: 0;} .homepage .third_party .items .listings > div .row .name, .homepage .third_party .items .listings > div .row .intro{line-clamp: 1; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical;} .homepage .third_party .items .listings > div .row .contact span{color: #6eccd2;} .o_notification_manager{width: 300px; max-width: 100%; position: absolute; top: 50px; left: auto; bottom: auto; right: 5px; z-index: 1100;} .o_notification_manager .o_notification{padding: 0; margin: 5px 0 0 0; opacity: 0; background-color: #fcfbea; box-shadow: 0px 0px 5px 1px #4c4c4c; position: relative;} .o_notification_manager .o_notification .o_close{position: absolute; top: 5px; left: auto; bottom: auto; right: 5px; color: rgba(0, 0, 0, 0.3); text-decoration: none;} .o_notification_manager .o_notification .o_notification_title{display: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 10px 10px 10px 20px; font-weight: bold;} .o_notification_manager .o_notification .o_notification_title .o_icon{display: inline-block; margin-right: 20px; color: rgba(0, 0, 0, 0.3);} .o_notification_manager .o_notification .o_notification_content{padding: 10px;} .o_notification_manager .o_notification.o_error{color: white; background-color: #f16567;} #myCarousel{height: 90px; overflow: hidden;}