.ow_portal [href="/my/invoices"]{background-color: #3e3e3e; color: #fff !important;} .ow_portal [href="/my/projects"]{background-color: #848f47; color: #fff !important;} .ow_portal [href="/my/tasks"]{background-color: #ffffff; color: #fff !important;} 

/* /two_factor_otp_auth/static/src/scss/two_factor_otp_auth.scss defined in bundle 'web.assets_frontend' */
 #qr-code-2fa img{max-width: 20%; height: auto; transform: none !important;} 

/* /portal_login_product/static/src/css/artmatch_portal_product.css defined in bundle 'web.assets_frontend' */
.header-btn{border-radius: 0; color: #ffffff; padding: 16px;} .search_wrapper{margin: 0 auto; background: #ffffff; border-radius: 5px; box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.15); position: relative;} .results{padding: 0;} .results ul{margin: 0; padding: 0;} .results ul li{list-style: none; border-radius: 3px; opacity: 0; display: none; padding: 8px 12px; transition: all .5s linear;} .show .results ul{max-height: 300px; overflow: scroll;} .show .results ul li{opacity: 1; display: block;} .show .results{padding: 0;} .results ul li:hover{background: #ececec} .search-container{height:310px; background-color:#a74c8f; box-sizing: border-box;} @media only screen and (min-width: 451px){.search_wrapper{width: 450px;}} @media only screen and (max-width: 450px){.search_wrapper{width: 365px;}.search-container{height:210px;}.show .results ul{max-height: 200px;}} @media only screen and (max-height: 450px){.search_wrapper{width: 365px;}.search-container{height:110px;}.show .results ul{max-height: 100px;}} .disabled{pointer-events: none; cursor: default; background-color: #868584; color: white;} 

/* /portal_login_multiclocking/static/src/css/artmatch_multiclocking.css defined in bundle 'web.assets_frontend' */
.btn-multiclocking{border-radius: 0; border: 1px solid #21BA9C; color: #21BA9C; padding: 16px;} .checkbox-custom{width:30px; height:30px; margin-left:auto; margin-right:auto;} .cover-page{background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);} .modal-hd{background: #A74C8F; color: white; text-align: center; min-height:40px;} .clocking_table_th{background-color: #949494; text-align: center; color: white; border-left:1px solid white; min-height: 50px;} .clocking_table_td{text-align: center; color: #8F8F8F; border-left:1px solid #8F8F8F; min-height: 50px;} .clocking_table_first_td{text-align: center; color: #8F8F8F; min-height: 50px; border-bottom:1px #8F8F8F;} .footer-centered{display: flex; flex-direction: row; justify-content: center; align-items: center;} @media only screen and (max-width: 450px){div[class*="d-flex"],div[class*="flex-2"],div[class*="header-container"]{flex-direction: column;}}