/* /supplier_portal/static/src/less/website.less defined in bundle 'supplier_portal.information_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/information.less defined in bundle 'supplier_portal.information_bundle' */
 .information{width: calc(97%); height: calc(97%); margin: 1.5rem; padding: 1.5rem; overflow: hidden; background-color: white; border-radius: 1.5rem; display: flex; flex-direction: column;} .information .items{flex: 1 1 100%; display: flex; flex-direction: column;} .information .items > div:first-child{flex: 1 1 100%; position: relative;} .information .items > div:first-child > div{position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto;} .information .items > div:first-child > div::-webkit-scrollbar{width: 8px;} .information .items > div:first-child > div::-webkit-scrollbar-track{border-radius: 4px; background-color: #cecece; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);} .information .items > div:first-child > div::-webkit-scrollbar-thumb{border-radius: 4px; background-color: white; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);} .information .items > div:first-child > div .item{display: flex; align-items: center; border-bottom: 1px solid #dfdfdf; cursor: pointer; padding: 1.5rem; margin-top: 1.5rem;} .information .items > div:first-child > div .item:first-child{margin-top: 0;} .information .items > div:first-child > div .item:last-child{padding-bottom: 0; border: none;} .information .items > div:first-child > div .item .left{flex: 1 1 100%; display: flex;} .information .items > div:first-child > div .item .left .thumbnail{flex: 0 0 120px; max-width: 120px; margin: 0 1.5rem 0 0; border: none; border-radius: unset; padding-left: 0; padding-top: 0;} .information .items > div:first-child > div .item .left .thumbnail img{border-radius: 4px; max-height: 100px;} .information .items > div:first-child > div .item .left .content{flex: 1 1 100%; display: flex; flex-direction: column; justify-content: space-between;} .information .items > div:first-child > div .item .left .content > div:first-child .name{font-weight: bold;} .information .items > div:first-child > div .item .left .content > div:first-child .summary{line-clamp: 1; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical;} .information .items > div:first-child > div .item .left .content > div:last-child{display: flex;} .information .items > div:first-child > div .item .left .content > div:last-child .date{color: #adadad;} .information .items > div:first-child > div .item .left .content > div:last-child .newest{color: red; margin-right: 1rem;} .information .items > div:first-child > div .item .right{flex: 0 0 60px; text-align: right;} .information .items > div:first-child > div .item .right button{border-radius: 50%;} .information .items > div:last-child{flex: 0 0 auto;}