.client-portal {
padding: 20px;
color: #fff;
background-color: #212121;
font-family: Poppins, sans-serif;
font-size: 12px;
text-transform: uppercase;
box-sizing: border-box;
}
.client-portal * {
box-sizing: border-box;
}
.client-portal .sqft:before {
display: none;
}
.client-portal h2 {
margin-top: 3px;
margin-bottom: 3px;
font-family: Lato, sans-serif;
font-weight: 300;
}
.client-portal .hidden {
display: none;
}
.client-portal .content-header {
background: linear-gradient(to bottom, rgba(33, 33, 33, 0), rgba(33, 33, 33, 1)), url(//apps.mi.ca/wp-content/plugins/whhms-client-portal-v1.3.2/images/bg-pc.png) no-repeat;
background-size: 100% auto;
background-position: center;
}
.client-portal .content-header span {
display: block;
margin-bottom: 2px;
margin-top: 20px;
padding: 40px 0 0;
}
.client-portal .content-header h1 {
margin-top: 2px;
margin-bottom: 20px;
padding: 0 0 40px;
font-weight: 300;
}
.client-portal p {
text-transform: none;
}
.text-center {
text-align: center;
}
.global-accent {
color: #c0b59b;
}
.global-light {
background-color: #2c2c2c;
}
.lh-grid {
display: grid;
grid-auto-columns: 1fr;
gap: 20px;
}
.lh-grid > div {
grid-row: 1;
}
.lh-grid img {
width: 100%;
}
.login-form h2 {
margin-top: 20px;
margin-bottom: 20px;
}
.login-header h1 {
margin: 0 0 20px;
padding: 90px 0;
background: linear-gradient(to bottom, rgba(33, 33, 33, 0), rgba(33, 33, 33, 1)), url(//apps.mi.ca/wp-content/plugins/whhms-client-portal-v1.3.2/images/bg-login.png) no-repeat;
background-size: 100% auto;
background-position: center;
}
.login-form-fields {
display: grid;
grid-template-columns: auto auto;
gap: 20px;
}
.login-error {
display: none;
}
.doing-ajax .ajax-loader {
display: block;
}
.ajax-loader {
display: none;
text-align: center;
}
.ajax-loader img {
max-height: 28px;
}
.login-messages {
display: none;
align-items: center;
background-color: transparent;
padding: 10px 15px;
height: 50px;
border: 2px solid #bb0e0e;
border-radius: 5px;
margin-bottom: 20px;
text-transform: initial;
}
.warning-img {
flex: 0 1 auto;
height: 100%;
}
.warning-img img {
height: 100%;
}
.form-field label, .form-field input {
display: block;
width: 100%;
}
.form-field input[type="text"], .form-field input[type="text"]:focus, .form-field input[type="text"]:active {
color: inherit;
background-color: transparent;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 2px solid #fff;
outline: none;
}
.form-field input[type="submit"] {
color: inherit;
background-color: transparent;
border: 2px solid #189c9d;
}
.form-field label span {
color: #189c9d;
}
.content-home {
padding: 15px 20px;
}
.ch-info {
display: flex;
margin-bottom: 20px;
}
.chi-item {
flex: 1 0 auto;
width: auto;
border-right: 1px solid #189c9d;
padding-left: 30px;
}
.chi-item:first-child {
padding-left: 0;
}
.chi-item:last-child {
border-right: none;
}
.chi-item-icon img {
height: 17px;
}
.chi-item-icon {
margin-bottom: 8px;
}
.chi-item span {
display: block;
margin-bottom: 5px;
}
.ch-foot a, .ch-foot a:link, .ch-foot a:visited, .ch-foot a:active, .ch-foot a:focus, .ch-foot a:hover {
display: inline-flex;
align-items: center;
text-decoration: none;
padding: 5px 10px;
border: 1px solid #189c9d;
text-transform: uppercase;
}
.ch-foot img {
height: 15px;
padding-right: 3px;
}
.content-meetings {
margin-bottom: 25px;
}
.content-meetings h2 {
margin: 30px auto 15px;
text-align: center;
}
.h2-underline {
text-align: center;
margin-bottom: 15px;
}
.h2-underline span {
display: inline-block;
width: 40px;
height: 2px;
background-color: #fff;
}
.bg2 img {
display: block;
width: 100%;
height: auto;
aspect-ratio: auto;
}
.meetings {
display: grid;
grid-template-columns: repeat(2, 1fr);
padding: 20px 25px;
}
.meeting:nth-child(1), .meeting:nth-child(2) {
padding-bottom: 15px;
border-bottom: 1px solid #333;
}
.meeting:nth-child(3), .meeting:nth-child(4) {
padding-top: 15px;
}
.meeting-icon img {
height: 17px;
}
.meeting span img {
height: 12px;
padding: 0 5px 0 10px;
}
.nya {
padding-left: 10px;
color: #fff;
}
.docsncd {
display: flex;
gap: 15px;
}
.docs, .client-data {
flex: 1 0 auto;
width: calc(50% - 7.5px);
}
.client-data {
padding: 15px 20px;
}
.dl-tabs {
display: flex;
margin: 0 auto -1px;
width: 90%;
}
.dl-tab {
flex: 0 1 auto;
padding: 2px 3px;
cursor: pointer;
}
.dl-tab-content {
border: 1px solid #fff;
min-height: 128px;
}
.dl-tab-active {
border: 1px solid #fff;
border-bottom-color: #212121;
}
.cd-box-blue {
border: 1px solid #189c9d;
padding: 15px 20px;
margin-bottom: 15px;
}
.cd-boxes {
display: flex;
gap: 6%;
}
.cd-box-1 {
flex: 1 0 37%;
width: 37%;
}
.cd-box-2 {
flex: 1 0 57%;
width: 57%;
}
.client-portal button {
text-transform: inherit;
background-color: #189c9d;
color: #fff;
}
.client-data img {
height: 17px;
}
.black-box {
background-color: #212121;
padding: 5px 8px;
margin-bottom: 10px;
word-wrap: break-word;
}
.docs-mobile {
display: none;
}
.profile-pic {
text-align: center;
margin-bottom: 10px;
}
.profile-pic img {
width: 65%;
height: 65%;
aspect-ratio: 1 / 1;
border-radius: 50%;
}
.doc-item {
display: flex;
align-items: center;
padding: 7px 10px;
}
.doc-item img {
height: 22px;
}
.doc-item a {
flex: 1 0 auto;
text-align: right;
}
.dl-tab-content, .dl-tab-mobile-content {
max-height: 200px;
overflow-y: scroll;
}
.doc-item:nth-child(odd) {
background-color: #2c2c2c;
}
.no-item {
padding: 7px 10px;
}
a.floor-plans, a.floor-plans:link, a.floor-plans:focus, a.floor-plans:visited, a.floor-plans:hover {
color: #fff !important;
}
.black-box-1, .black-box-2 {
display: none;
}
.light-box > img {
padding-right: 5px;
}
.light-box-company, .light-box-lawyer {
display: none;
}
@media all and (max-width: 767px) {
.login-form-fields {
display: block;
}
.login-form-fields .form-field {
margin-bottom: 20px;
}
.login-form-fields .form-field:last-child label {
display: none;
}
.content-home h2 {
margin-bottom: 15px;
}
.content-home .ch-info {
display: grid;
grid-template-columns: auto auto;
}
.content-home .chi-item {
margin-bottom: 15px;
}
.content-home .chi-item:nth-child(2n + 1) {
padding-left: 0;
}
.content-home .chi-item:nth-child(2n + 2) {
border-right: none;
}
.ch-foot a {
width: 100%;
justify-content: center;
}
.meetings {
display: block;
padding: 0 20px;
}
.meeting {
padding-bottom: 15px;
padding-top: 0 !important;
}
.meeting > div, .meeting > span {
display: block;
margin-bottom: 0;
padding: 15px 0 0px;
}
.meeting:nth-child(1), .meeting:nth-child(2), .meeting:nth-child(3) {
border-bottom: 1px solid #333;
}
.docsncd {
display: block;
}
.docs {
display: none;
}
.docs-mobile {
display: block;
margin: 15px 0;
}
.docs-mobile h2 {
margin: 15px 0;
}
.dl-tab-mobile {
display: block;
width: 100%;
padding: 7px 5px;
border: 1px solid #fff;
margin-bottom: -1px;
}
.dl-tab-mobile-content {
display: none;
width: 100%;
border: 1px solid #fff;
margin-bottom: 0;
}
.dl-tab-mobile-content:last-of-type {
border-top: 0 none;
}
.dl-tab-mobile-content:not(:last-of-type) {
border-bottom: 0 none;
}
.dl-tab-mobile-content {
display: none;
}
.dl-tab-mobile-active + .dl-tab-mobile-content {
display: block;
}
.client-data h2 {
margin: 15px 0;
}
.client-data button {
display: block;
width: 100%;
padding: 7px 0;
}
.client-data .cd-box-bottom {
text-align: center;
margin-bottom: 15px;
}
.cd-boxes {
display: block;
}
.lh-grid {
display: block;
}
.docs, .client-data {
width: 100%;
}
.cd-boxes > div {
width: 100%;
}
.docsncd h2 {
text-align: center;
}
.client-portal .content-header {
background-size: auto 100%;
}
}