/** CSS variables **/ :root { --primary-color: #003359; --secondary-color: #8B8A98; --primary-font: 'Inter Variable', sans-serif; --accent-color-1: #01A780; --max-wrap: 1600px; --page-content-wrap: 1100px; --gutter-padding: 23px; --rct-columns: 2fr 1fr 1fr; } @font-face { font-family: 'Inter Variable'; src: url('/assets/fonts/Inter/Inter-VariableFont_opsz,wght.ttf') format('truetype-variations'); font-weight: 100 900; font-style: oblique 0deg 10deg; font-display: swap; } * {border-collapse: collapse; box-sizing: border-box;} /** General **/ .recc-members-admin .smallscreen { display:none; } .recc-members-admin {font-family: var(--primary-font); font-size:15px; } .recc-members-admin .rma-wrap {max-width: var(--max-wrap); margin: 0 auto;} .recc-members-admin .flex-align-right {justify-content: flex-end;} .recc-members-admin .flex-align-left {justify-content: flex-start;} .recc-members-admin .flex-align-center {justify-content: center;} .recc-members-admin .svg-bg-blue {background: #005695;padding: 8px;border-radius: 8px;line-height: 1em;} .recc-members-admin .svg-bg-blue svg {display: inline-block; line-height: 1em;} .recc-members-admin .svg-bg-blue svg path {fill: #ffffff;} .recc-members-admin .svg-bg-red { background-color: rgba(162, 16, 16, 0.05);padding: 8px;border-radius: 8px;line-height: 1em; } .recc-members-admin .svg-bg-red svg { display: inline-block; line-height: 1em;} .recc-members-admin .svg-bg-red svg path { fill: #A21010;} .recc-members-admin .fr { display:flex; text-align:right; justify-content:end; } /** Loading **/ .rwa-loading { width: 16px; height: auto; -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .rwa-loading-container { display: flex; justify-content: center; align-items: center; height:100%; width:100%; } /** Buttons **/ .btn {border-radius: 8px; text-decoration: none; display: inline-block; padding: 12px 16px; font-size: 12px; font-weight: 600; line-height: 1em;} .btn.solid {} .btn.solid.green {color: #ffffff; background-color: #119d76;} .btn.solid.red { color: #A21010; background-color: rgba(162, 16, 16, 0.05);} .btn.solid.grey {color: #ffffff; background-color: #C0C0C0;} .btn.outline.green { color: #01A780; border-color: #01A780;} .btn.outline.grey { color: #C0C0C0; border-color: #666;} .btn.icon { padding: 6px 8px;} .btn.solid.blue { color: #ffffff; background-color: #005695;} .btn.outline.blue { color: #005695; border-color: #005695;} .btn.nopoint { cursor:default; } .btn.outline.red { color: #A21010; border-color:#A21010; } .btn.outline.white { color: #FFF; border-color:#FFF; } .btn:disabled { border: 1px solid #E0E4E8!important; background-color: #F5F6F7!important; color:#666!important; } /** Header **/ .recc-members-admin .rma-header {display: flex; justify-content: space-between; align-items: center; padding: 10px var(--gutter-padding); background-color: #ffffff;} .recc-members-admin .rma-header .rmh-left {display: flex; align-items: center; gap: 16px;} .recc-members-admin .rma-header .rmh-left img {width: auto; height: 38px;display: inline-block;} .recc-members-admin .rma-header .rmh-right {display: flex; align-items: center; gap: 16px;} .recc-members-admin .rma-header .rmh-right .rmh-notifications {position: relative;} .recc-members-admin .rma-header .rmh-right .rmh-notifications:hover .notification-menu {display: block;} .recc-members-admin .rma-header .rmh-right .rmh-notifications .rmh-notification-count { position: absolute; z-index: 2; top: -8px; right: -4px; background-color: rgba(200,100,100,90); border-radius: 50%; color: #ffffff; padding: 2px 6px; font-size: 12px;} .recc-members-admin .rma-header .rmh-right .rmh-user {display: flex; align-items: center; gap: 16px; cursor: pointer; position: relative; } .recc-members-admin .rmh-menu-toggle {transition: transform 0.3s ease;padding-top: 10px; padding-bottom: 20px;} .recc-members-admin .rma-header .rmh-right .rmh-user:hover .rmh-menu-toggle {transform: rotateX(180deg);} .recc-members-admin .rma-header .rmh-right .rmh-user .rmh-user-info {display: flex; align-items: center; gap: 16px;} .recc-members-admin .rmh-menu {display: none; width: 280px; position: absolute; top: 50px; right: 0; background: #ffffff; z-index: 9999;border-width: 0px, 1px, 1px, 1px;border-style: solid;border-color: #F3F4F6;box-shadow: 0px 2px 4px 0px #0057960D;border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; padding: 20px; } .recc-members-admin .rmh-user:hover .rmh-menu {display: block; } .recc-members-admin .rmh-menu img {display: block; margin: 0 auto;} .recc-members-admin .rmh-menu > :is(a,div) {display: grid; grid-template-columns: 40px 1fr; gap: 16px; align-items: center; color: var(--primary-color); text-decoration: none; font-size: 14px; font-weight: 500; line-height: 1.5em; margin: 8px 0;} .recc-members-admin .rmh-menu .icon-container {padding: 8px; border-radius: 8px; text-align: center; line-height: 1em;} .recc-members-admin .rmh-menu .icon-container svg {display: inline-block;} .recc-members-admin .rmh-menu :is(a,div):hover .icon-container {background: #005695;} .recc-members-admin .rmh-menu :is(a,div):hover .icon-container svg path {fill: #ffffff;} /* mobile menu */ .recc-members-admin .rma-menu-toggle > div {height: 2px; width: 24px; background-color: var(--primary-color); margin: 4px 0; transition: transform 0.3s ease;} /* notifications dropdown */ .recc-members-admin .rmh-notifications {position: relative;} .recc-members-admin .rmh-notifications .notification-menu {position:absolute;right: -40px; background-color: #ffffff; border-radius: 16px;width: 300px; z-index: 9999; overflow: hidden; display: none;} .recc-members-admin .rmh-notifications .notification-menu svg {display: inline-block; width: 16px; height: 16px; cursor: pointer;} .recc-members-admin .rmh-notifications .notification-menu svg path {fill: #ffffff;} .recc-members-admin .rmh-notifications .notification-menu .nm-actions {display: flex; gap: 16px; align-items: center;} .recc-members-admin .rmh-notifications .notification-menu .nm-actions .mark-as-read {display: flex; gap: 8px; align-items: center;} .recc-members-admin .rmh-notifications .notification-menu .nm-actions span {} .recc-members-admin .rmh-notifications .nm-header {background-color: var(--primary-color); color: #ffffff; padding: 16px; display: flex; justify-content: space-between; align-items: center; gap: 16px; font-size: 12px;} .recc-members-admin .rmh-notifications .nm-items {} .recc-members-admin .rmh-notifications .nm-items .nm-item {padding: 16px; border-bottom: 1px solid #E2E6E8; cursor: pointer; display: flex; gap: 16px; align-items: center;transition: background 0.3s ease;} .recc-members-admin .rmh-notifications .nm-items .nm-item:last-of-type {border-bottom: none;} .recc-members-admin .rmh-notifications .nm-items .nm-item .nmi-heading {font-weight: 600; font-size: 14px; line-height: 1.5em; color: var(--primary-color); margin-bottom: 6px;} .recc-members-admin .rmh-notifications .nm-items .nm-item .nmi-description {font-weight: 400; font-size: 12px; line-height: 1.5em; color: var(--secondary-color); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; width: 100%;} .recc-members-admin .rmh-notifications .nm-items .nm-item .nmi-status svg { width: 8px; height: 8px; } .recc-members-admin .rmh-notifications .nm-items .nm-item.read {} .recc-members-admin .rmh-notifications .nm-items .nm-item.read:hover {background-color: #f5f7fb;} .recc-members-admin .rmh-notifications .nm-items .nm-item.read .nmi-status svg path { fill: var(--secondary-color) } .recc-members-admin .rmh-notifications .nm-items .nm-item.unread { background-color: #f5f7fb;} .recc-members-admin .rmh-notifications .nm-items .nm-item.unread .nmi-status svg path { fill: var(--primary-color) } /** Sidebar **/ .recc-members-admin .rma-sidebar .rma-sidebar-menu {padding-right: 16px; border-top: 1px solid #E2E6E8; padding-top: 24px; padding-bottom: 24px;} .recc-members-admin .rma-sidebar .rma-sidebar-menu .rma-sidebar-menu-item { font-size: 14px; font-weight: 500; line-height: 1.5em; color: var(--primary-color);margin-bottom: 16px;} .recc-members-admin .rma-sidebar .rma-sidebar-menu .rma-sidebar-menu-item a {display: flex; gap: 16px; align-items: center; color: inherit; text-decoration: none;} .recc-members-admin .rma-sidebar .rma-sidebar-menu .rma-sidebar-menu-item > .rma-hover-box {transition: background 0.3s ease; border-radius: 16px; display: flex;justify-content: space-between;flex-grow: 1;align-items: center;} .recc-members-admin .rma-sidebar .rma-sidebar-menu .rma-sidebar-menu-item.active > .rma-hover-box {background-color: #f5f7fb;} .recc-members-admin .rma-sidebar .rma-sidebar-menu .rma-sidebar-menu-item .rma-icon-label-container {display: flex; gap: 16px; align-items: center;} .recc-members-admin .rma-sidebar .rma-sidebar-menu .rma-sidebar-menu-item span { display: inline-block; } .recc-members-admin .rma-sidebar .rma-sidebar-menu .rma-sidebar-menu-item .icon-container {padding: 8px; border-radius: 8px; transition: background 0.05s ease; } .recc-members-admin .rma-sidebar .rma-sidebar-menu .rma-sidebar-menu-item svg {display: block; transition: transform 0.3s ease;} .recc-members-admin .rma-sidebar .rma-sidebar-menu .rma-sidebar-menu-item.active .sub-menu-toggle svg {transform: rotateX(180deg);} .recc-members-admin .rma-sidebar .rma-sidebar-menu .rma-sidebar-menu-item svg path {fill: var(--primary-color);} .recc-members-admin .rma-sidebar .rma-sidebar-menu .rma-sidebar-menu-item.active .icon-container {background: #005695; } .recc-members-admin .rma-sidebar .rma-sidebar-menu .rma-sidebar-menu-item.active :not(.sub-menu-toggle) svg path {fill: #ffffff;} .recc-members-admin .rma-sidebar .has-sub-menu {display: flex; flex-wrap: wrap; gap:16px; align-items: center; cursor: pointer;} .recc-members-admin .rma-sidebar .has-sub-menu > a {display: block; flex-basis: 75%;} .recc-members-admin .rma-sidebar .has-sub-menu .sub-menu-toggle {flex-basis: 15%;} .recc-members-admin .rma-sidebar .has-sub-menu .sub-menu {flex-basis: 100%; padding-left: 44px;margin-top: 12px; display: none; } .recc-members-admin .rma-sidebar .has-sub-menu.active .sub-menu {display: block} .recc-members-admin .rma-sidebar .has-sub-menu .sub-menu .sub-menu-item {font-weight: 400; font-size: 14px; line-height: 1.5em; color: var(--primary-color); padding: 8px; border-radius: 16px;} .recc-members-admin .rma-sidebar .has-sub-menu .sub-menu .sub-menu-item:is(:hover,.active) {background: #f5f7fb;} /** Pages - Header **/ .recc-members-admin .rma-page-content {display: grid; grid-template-columns: 2fr 8fr; padding: 0 var(--gutter-padding);position: relative;} /* .recc-members-admin .rma-page-content .rma-sidebar.active {display: block !important;position: absolute;z-index: 2;background: #fff;width: 100%;box-shadow: 0px 2px 4px 0px #0057960D;} */ .recc-members-admin .rma-content { background-color:#F3F4F6; padding-bottom:32px; } .recc-members-admin .rma-content .rma-content-header { padding:10px 0; color:#FFF; } .recc-members-admin .rma-content .rma-content-header:is(.recc):is(.evcc) { background: linear-gradient(90deg, var(--recc-color-start) 0%, var(--recc-color-end) 100%); backdrop-filter: blur(5px); animation: reccHeaderAnimation 1.5s ease-in-out forwards; } .recc-members-admin .rma-content .rma-content-header:is(.recc):not(.evcc) { background: linear-gradient(90deg, var(--recc-color-start) 50%, var(--recc-color-middle) 75%, var(--recc-color-end) 100%); backdrop-filter: blur(5px); animation: reccHeaderAnimation 1.5s ease-in-out forwards; } .recc-members-admin .rma-content .rma-content-header:not(.recc):is(.evcc) { background: linear-gradient(90deg, var(--evcc-color-start) 0%, var(--evcc-color-middle) 75%, var(--evcc-color-end) 100%); backdrop-filter: blur(5px); animation: evccHeaderAnimation 1.5s ease-in-out forwards; } .recc-members-admin .rma-content .rma-content-header .rch-section {max-width: var(--page-content-wrap); margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 24px 16px; } .recc-members-admin .rma-content .rma-content-header .rch-section-divider {border-bottom: 1px solid rgba(255,255,255,0.25);} .recc-members-admin .rma-content .rma-content-header .rch-heading-primary {font-weight: 600; font-size: 28px; line-height: 1em;} .recc-members-admin .rma-content .rma-content-header .rch-quicklinks {position: relative; cursor: pointer; display:flex; gap: 16px; align-items: center; font-weight: 500; font-size: 14px; line-height: 1.1em;} .recc-members-admin .rma-content .rma-content-header .rch-quicklinks .rmh-menu-toggle {transition: transform 0.3s ease;} .recc-members-admin .rma-content .rma-content-header .rch-quicklinks:hover .rmh-menu-toggle{transform: rotateX(180deg);} .recc-members-admin .rma-content .rma-content-header .rch-quicklinks:hover .rmh-menu {display: block; } .recc-members-admin .rma-content .rma-content-header .rch-info .rch-info-heading {font-weight: 400; font-size: 13px; line-height: 1.5em; color: rgba(255,255,255,0.6);} .recc-members-admin .rma-content .rma-content-header .rch-info .rch-info-value {font-weight: 600; font-size: 15px; line-height: 1.5em; color: #ffffff;} .recc-members-admin .rma-content .rma-content-header a { color:white; } /** Pages - Body **/ .recc-members-admin .rma-content .rma-content-body {background-color: #F3F4F6;padding-left: 16px; padding-right: 16px;} .recc-members-admin .rma-content .rma-content-body .rcb-inner {max-width: var(--page-content-wrap); margin: 0 auto; padding: 33px 0; } .recc-members-admin .rma-content .rma-content-body .rcb-inner > *:first-of-type {margin-top: 0;} /** Sub Header*/ .recc-members-admin .rma-content .rma-content-subnavigation { padding:10px 0; } .recc-members-admin .rma-content .rma-content-subnavigation .list { display:flex; width:100%; } .recc-members-admin .rma-content .rma-content-subnavigation .list > div { border-bottom:1px solid #C0C0C0; padding:10px 20px; color:#005695; font-size:14px; font-weight:500; cursor:pointer; } .recc-members-admin .rma-content .rma-content-subnavigation .list > div:nth-last-child(1) { flex:1; } /** Components **/ .recc-members-admin .rma-component {background-color: #ffffff;border-top: 2px solid #015594; box-shadow: 0px 2px 4px 0px #0057960D; border-radius: 16px;padding: 24px; margin-top: 32px; margin-bottom: 32px;} .recc-members-admin .rma-component:nth-last-child(1) { margin-bottom:0; } .recc-members-admin .rma-component .rc-header .rch-inner {display: grid; grid-template-columns: 3fr 1fr; align-items: center;} .recc-members-admin .rma-component .rc-header .rch-inner :is(.rch-left, .rch-right) {display: flex; align-items: center; gap: 16px;} .rc-status-toggle {background-color: #E0E4E8;padding: 6px; color: #003359; font-weight: 500; line-height: 1em; display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; cursor: pointer; font-size: 13px; line-height: 1em; border-radius: 16px;} .rc-status-toggle > div {padding: 6px 21px; transition: background-color 0.3s ease;} .rc-status-toggle > div.active {cursor: default;} .rc-status-toggle > div:is(.active,:hover) {background-color: #ffffff;} .rc-status-toggle > div:first-of-type {border-top-left-radius: 8px; border-bottom-left-radius: 8px;} .rc-status-toggle > div:last-of-type {border-top-right-radius: 8px; border-bottom-right-radius: 8px;} .recc-members-admin .rma-component .rc-header .rch-inner .rch-heading {font-size: 20px; line-height: 1em; font-weight: 600; color: var(--primary-color);} .recc-members-admin .rma-component .rc-body .rct-row-headings {display: grid; grid-template-columns: var(--rct-columns); gap: 16px; margin-bottom: 8px; margin-top: 24px;} .recc-members-admin .rma-component .rc-body .table-two-column .rct-row-headings {grid-template-columns: 1fr 1fr} .recc-members-admin .rma-component .rc-body .rct-column-heading {font-size: 12px; line-height: 1em; font-weight: 600; color: var(--primary-color);} .recc-members-admin .rma-component .rc-body .table-two-column .rct-column-heading {font-size: 18px; font-weight: 700;} .recc-members-admin .rma-component .rc-body .rct-row-body .rct-row {display: grid; grid-template-columns: var(--rct-columns); gap: 16px; margin-bottom: 8px; margin-top: 8px; border: 1px solid #D4DAE1; border-radius: 8px; padding: 19px 16px;} .recc-members-admin .rma-component.dashboard-component-announcements .rc-body .rct-row-body .rct-row {grid-template-columns: 100px 1fr 1fr;} .recc-members-admin .rma-component .rc-body .table-two-column .rct-row-body .rct-row {grid-template-columns: 1fr 1fr; border: none;padding-left:0; padding-right: 0;} .recc-members-admin .rma-component .rc-body .rct-row-body .rct-row .rct-column-content { display: grid; grid-template-columns: 1fr 1fr; gap: 16px;} .recc-members-admin .rma-component.dashboard-component-announcements .rc-body .rct-row-body .rct-row .rct-column-content {grid-template-columns: 1fr;} .recc-members-admin .rma-component .rc-body .rct-row-body .rct-row .rct-column-content.flex {display: flex;} .recc-members-admin .rma-component .rc-body .rct-row-body .rct-row .rct-column-content.flex-right {justify-content: flex-end} .recc-members-admin .rma-component .rc-body .rct-row-body .rct-row .rct-column-content.layout-icon {grid-template-columns: 35px 1fr;} .recc-members-admin .rma-component .rc-body .table-two-column .rct-row-body .rct-row .rct-column-content {border-bottom: 1px solid #D4DAE1; padding: 16px 0;} .recc-members-admin .rma-component .rc-body .table-two-column .rct-row-body .rct-row .rct-column-content:first-of-type {border-top: 1px solid #D4DAE1;} .recc-members-admin .rma-component .rc-body .rct-row-body .rct-row .rct-column-content .rcc-heading {font-size: 14px; line-height: 1.5em; font-weight: 600; color: var(--primary-color);} .recc-members-admin .rma-component .rc-body .rct-row-body .rct-row .rct-column-content .rcc-description {font-size: 13px; line-height: 1.5em; font-weight: 400; color: var(--secondary-color);} .recc-members-admin .rma-component .rcc-pill {font-size: 12px; line-height: 1.1em; font-weight: 600; padding: 6px 16px; border-radius: 16px; text-align: center; flex-grow: 1;} .recc-members-admin .rma-component .rcc-pill:is(.status-active, .status-paid) {color: #2CA24D; background-color: #F4FAF6;} .recc-members-admin .rma-component .rcc-pill.status-verified {color: #1B5E9B; background-color: #EAF5FF;} .recc-members-admin .rma-component .rcc-pill.status-payment {color: #A22C2C; background-color: #A22C2C0D;} .recc-members-admin .rma-component .rc-body .rct-row-body .rct-flex { display:flex; gap:20px; } .recc-members-admin .rma-component .rc-body .rct-row-body .rct-flex > div { flex:1; } /* Round score */ .recc-members-admin .score-container { position: relative; width: 150px; height: 150px; } .recc-members-admin .score-container svg { width: 100%; height: 100%; transform: rotate(-90deg); } .recc-members-admin .score-container circle { fill: none; stroke-width: 8; } .recc-members-admin .score-container .track { stroke: #e6e6e6; } .recc-members-admin .score-container .bar { stroke: #119d76; stroke-linecap: round; stroke-dasharray: 282.74; stroke-dashoffset: calc((100 - var(--percent)) / 100 * 282.74); transition: stroke-dashoffset 0.5s ease-out; } .recc-members-admin .score-container .score-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .recc-members-admin .score-container .percent { font-size: 1.5rem; font-weight: bold; color: #119d76; } .recc-members-admin .score-container .fraction { font-size: 0.85rem; color: #119d76; margin-top: 4px; } .recc-members-admin .score-container.failed .bar { stroke: #A21010; } .recc-members-admin .score-container.failed .percent { color: #A21010; } .recc-members-admin .score-container.failed .fraction { color: #A21010; } /* input */ .recc-members-admin .row-input { margin-bottom:10px; color:#003359; font-size:14px; } .recc-members-admin input[type='text'], select { background: rgba(245, 246, 247, 0.75); border: 1px solid #E0E4E8; border-radius: 8px; width:100%; padding: 4px 16px; font-weight: 400; font-size: 14px; color: #003359; } .recc-members-admin input[type='text']:focus { outline: none; border-color: #E0E4E8; background-color: rgba(245, 246, 247, 0.75); } .recc-members-admin .textbox .helper { display:none; font-weight: 400; font-size: 11px; color: #A21010; text-transform:uppercase; } .recc-members-admin .textbox.error input[type='text'] { border-color: #A21010; background-color: rgba(162, 16, 16, 0.05); } .recc-members-admin .textbox.error .helper { display:block; } .recc-members-admin .switch { border: 1px solid #C6CCD1; background-color: #FFF; display: inline-block; width: 50px; display: flex; cursor: pointer; border-radius: 22px; padding: 3px; } .recc-members-admin .switch div { background-color: #F0F0F0; height:16px; width:16px; display:inline-block; text-align: center; border-radius:50%; } .recc-members-admin .switch.on { justify-content: right; background-color:#005695; } .recc-members-admin .switch.on div { background-color: #FFF; } .recc-members-admin .contextmenu { position:relative; } .recc-members-admin .contextmenu .trigger { cursor:pointer; } .recc-members-admin .contextmenu .items.hide { display:none; } .recc-members-admin .contextmenu .items.show { z-index:100; } .recc-members-admin .contextmenu .items { position:absolute; top:25px; right:10px; width: max-content; white-space: nowrap; padding:16px; background-color:#FFF; border:1px solid #D4DAE1; border-radius:8px; } .recc-members-admin .contextmenu .items ul, .contextmenu .items li { list-style: none; padding: 0; margin: 0; } .recc-members-admin .contextmenu .items ul { display:flex; gap:5px; flex-direction:column; } .recc-members-admin .contextmenu .items li { display:flex; gap:10px; align-items:center; color:#003359; font-size:14px; font-weight: 500; cursor:pointer; isolation: isolate; } .recc-members-admin .contextmenu .items li > div:nth-last-child(1) { flex: 1; } .recc-members-admin .contextmenu .items li .icon { width:28px; height:28px; border-radius:8px; display:flex; align-items:center; justify-content:center; } .recc-members-admin .contextmenu .items li .icon svg path { fill: #005695; } .recc-members-admin .contextmenu .items li:hover .icon { background-color:#005695; } .recc-members-admin .contextmenu .items li:hover .icon svg path { fill: #FFF; } .recc-members-admin .dragndrop .dropcontainer { border:2px dashed #005695; border-radius:8px; padding:20px; text-align:center; color: #003359; font-size:14px; font-weight:600;} .recc-members-admin .dragndrop .dropcontainer .small { font-weight:300; font-size:13px; } .recc-members-admin .dragndrop .filelist { margin-top:10px; display:flex; flex-direction:column; gap:5px; } .recc-members-admin .dragndrop .filelist .btn { text-align:left; } .recc-members-admin .dragndrop .filelist .btn label { display:block; padding:4px 0; } .recc-members-admin .dragndrop .buttonlist { margin-top:10px; } /* Notifications */ .recc-members-admin .notification { position:fixed; bottom:10px; right: 10px; background-color:#119d7620; border:1px solid #119d76; padding:16px 30px 16px 16px; border-radius:8px; font-size:13px; } .recc-members-admin .notification.error { border:1px solid #A21010; background-color: rgba(162, 16, 16, 0.05); } .recc-members-admin .notification .btn.close { position:absolute; top:0; right:0; background-color:transparent; } .recc-members-admin .inline-error { display:flex; gap:20px; align-items:center; border-radius:8px; overflow:hidden; color:#A82424; background-color: #FAFAFA; } .recc-members-admin .inline-error > div:nth-last-child(1) { flex:1; } /* Dialogs */ .rc_dlg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: #00000080; z-index: 10000; } .rc_dlg .dialog { background-color: #fff; border-radius: 8px; min-width: 400px; max-width: 80%; min-height:30px; } .rc_dlg .dialog .title { display:flex; align-items:center; padding:10px; background-color:#005695; color:#FFF; border-top-left-radius:8px; border-top-right-radius:8px; } .rc_dlg .dialog .title .text { flex:1; } .rc_dlg .dialog .content { padding: 24px; } .rc_dlg .dialog .content label { display:block; } /* dashboard */ .dashboard-component-notifications .rct-table .rct-row { display:grid; grid-template-columns:1fr 3fr 1fr; align-items:center; border-bottom:1px solid #D4DAE1; cursor:pointer; } .dashboard-component-notifications .rct-table .rct-row .rct-column { padding: 8px 0; } /* Company */ .buttonlist { display: flex; gap: 10px; } /* company profile */ .rma-companyprofile .rct-row-full { margin-bottom: 8px; margin-top: 8px; border: 1px solid #D4DAE1; border-radius: 8px; padding: 19px 16px; } .rma-companyprofile .rct-row-full .rct-flex { margin-bottom:20px; } .rma-companyprofile .rct-row-full .rct-flex:nth-last-child(1) { margin-bottom:0; } .rma-companyprofile label { font-style: normal; font-weight: 400; font-size: 13px; display:block; color:#8B8A98; } .rma-companyprofile .contact-item-view { display:flex; align-items:center; width:100%; height:100%; } .rma-companyprofile .txt { font-style: normal; font-weight: 600; font-size: 14px; color: #003359;} .rma-companyprofile .contact-item-view div:not(.icon) { flex: 1; margin-bottom:auto; } .rma-companyprofile .contact-item-view .icon, .rma-companyprofile .contact-item-edit .icon { cursor:pointer; } .rma-companyprofile .contact-item-edit .contact-item-edit-title { display: flex; align-items: center; width: 100%; padding-bottom:10px; } .rma-companyprofile .contact-item-edit .contact-item-edit-title div:not(.options) { flex: 1; margin-bottom:auto; } .rma-companyprofile .contact-item-edit .options { height:32px; display:flex; gap:5px; } .rma-companyprofile .contact-item-edit .options .icon { width:32px; height:32px; border-radius:8px; display:flex; justify-content:center; align-items:center; } .rma-companyprofile .contact-item-edit .options .icon.cancel { background-color:rgba(162, 16, 16, 0.05); } .rma-companyprofile .contact-item-edit .options .icon.confirm { background-color:rgba(44, 162, 77, 0.05); } .rma-companyprofile .contactcard { display:flex; flex-direction:column; gap:10px; align-items:center; } .rma-companyprofile .contactcard .avatar { width:36px; height:36px; } .rma-companyprofile .contactcard .name, .rma-companyprofile .contactcard .email { font-weight: 600; color: #003359; font-size: 16px; text-align:center; } .rma-companyprofile .contactcard .type { font-weight: 400; color: #8B8A98; font-size: 13px; } .rma-companyprofile .contactcard .position { font-weight: 400; color: #003359; font-size: 14px; } .rma-companyprofile .rc-header { padding-bottom:20px; } .rma-companyprofile .rma-component .rc-body .rct-row-body .rct-row .rct-column-content { align-items:center; } .rma-companyprofile .rma-component.dashboard-component-companyinsurance .rc-body .rct-column-heading { display:flex; } .rma-companyprofile .rma-component.dashboard-component-companyinsurance .rc-body .rct-column-heading > div:nth-child(1) { flex:1; } .rma-companyprofile .rma-component.dashboard-component-companytechnologies .rc-body .rct-row-headings { grid-template-columns:3fr 2fr 2fr 1fr; } .rma-companyprofile .rma-component.dashboard-component-companytechnologies .rc-body .rct-row-body .rct-row { grid-template-columns:3fr 2fr 2fr 1fr; } .rma-companyprofile .rct-column-heading.fr { padding-right:30px; } /* company users */ .rma-companyusers .rma-component .rc-body .rct-row-body .rct-flex.rct-filters > div:nth-child(1) { flex:3; } .rma-companyusers .rma-component .rc-body .rct-row-body .rct-flex.rct-filters > div:nth-last-child(1) { flex:unset; } .rma-companyusers .rct-flex.rct-filters .buttonlist { justify-content: flex-end; } .rma-companyusers .rct-flex.rct-filters .buttonlist button { padding:8px 16px; } .rma-companyusers .rma-component .rc-body { font-size:14px; } .rma-companyusers .rma-component .rc-body .rct-row-headings { grid-template-columns: 1fr 3fr 2fr 1fr 1fr 2fr; } .rma-companyusers .rma-component .rc-body .rct-row-body .rct-row { grid-template-columns: 1fr 3fr 2fr 1fr 1fr 2fr; } .rma-companyusers .rma-component .rc-body .rct-row-body .rct-row { align-items:center; } /* company invoices */ .rma-companypayments .rma-component .rc-body .rct-row-body .rct-flex.rct-filters > div:nth-child(1) { flex:3; } .rma-companypayments .rc-status-toggle > div { padding:3px 6px; } .rma-companypayments .paymentgrid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap:16px; } .rma-companypayments .rct-row-full { margin-bottom: 8px; margin-top: 8px; border: 1px solid #D4DAE1; border-radius: 8px; padding: 19px 16px; } .rma-companypayments .payment-item { color:#003359; font-size: 14px; font-weight: 600;} .rma-companypayments .payment-item.rct-row-full { display:flex; flex-direction:column; gap:10px; } .rma-companypayments .payment-item.rct-row-full > div { flex:1 } .rma-companypayments .payment-item .amount-row .amount { color: #003359; font-size: 22px; font-weight: 700;} .rma-companypayments .payment-item .amount-row .status { background-color:rgba(162, 44, 44, 0.05); padding: 8px 16px; border-radius: 100px; color: #A22C2C; display:inline-block; font-size:12px; } .rma-companypayments .payment-item .amount-row .status.success { color:#2CA24D; background-color:#F4FAF6; } .rma-companypayments .payment-item .amount-row > div:nth-last-child(1) { text-align:right; } .rma-companypayments .payment-item .invno-row .dte { font-weight:normal; text-align:right; } .rma-companypayments .payment-item .buttonlist > button { flex:1; } .rma-companydocuments .rc-status-toggle { grid-template-columns:1fr 1fr 1fr 1fr 1fr; } .rma-companydocuments .documentitemlist { display:grid; grid-template-columns: 1fr 1fr 1fr; gap:16px; } .rma-companydocuments .documentitemlist .rma-component { margin-top:0; color: #003359; font-size:14px; font-weight:600; display:flex; flex-direction:column; gap:7px; justify-content:center; align-items:center; height:100%; } .rma-companydocuments .documentitemlist .rma-component .small { font-weight:300; font-size:13px; } .rma-companydocuments .documentitemlist .rma-component .img { flex:1; } .rma-companydocuments .documentitemlist .rma-component img { max-width:100%; border: 1px solid #D4DAE1; border-radius: 8px; overflow:hidden; } .rma-companydocuments .mainoptions { margin-top:10px; display:flex; justify-content:right; } .rma-trainingwebinar .rma-component .rc-body .rct-row-body .rct-row.rct-trainingmodule { display:flex; flex-direction:column; gap:0; } .rma-trainingwebinar .rct-trainingmodule .code { text-transform:uppercase; font-size:13px; } .rma-trainingwebinar .rct-trainingmodule .title { color: #003359; font-size:14px; font-weight:600; } .rma-trainingwebinar .rct-trainingmodule .description { padding:20px; } .rma-trainingexam .rct-row-full { margin-bottom: 8px; margin-top: 8px; border: 1px solid #D4DAE1; border-radius: 8px; padding: 19px 16px; font-size:14px; } .rma-trainingexam .rct-row-full .question { display:flex; gap:30px; } .rma-trainingexam .rct-row-full .question > div:nth-child(1) { flex:1; } .rma-trainingexam .rct-row-full .answer { display:flex; gap:30px; } .rma-trainingexam .rct-row-full .answer > div:nth-child(1) { flex:3; } .rma-trainingexam .rct-row-full .answer > div:nth-child(2) {flex:1; } .rma-trainingexam .rct-row-full .answer > div:nth-child(2) img { max-width:100%;} .rma-trainingexam ul.answerlist, .rma-trainingexam ul.answerlist li { margin:0; padding:0; list-style:none; } .rma-trainingexam ul.answerlist { display:flex; flex-direction:column; gap:10px; margin-top:10px; } .rma-trainingexam ul.answerlist li { display:flex; gap:20px; align-items:center; } .rma-trainingexam .results .textresult { color:#119d76; font-weight:500; } .rma-trainingexam .results .textresult.red {color: #A21010; } .rma-trainingexam .finalresult { border:2px solid #01A780; background-color:#119d76; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:30px; font-weight:800; padding:30px; position:relative; } .rma-trainingexam .finalresult.red { background-color: rgba(162, 16, 16, 0.05); border-color: rgba(162, 16, 16, 0.8); } .rma-practicetests .rch-heading-primary .small { text-transform:uppercase; font-size:12px; } .rma-practicetests .progress-container { width: 100%; background-color: #e0e0de; border-radius: 8px; overflow: hidden; } .rma-practicetests .progress-bar { height: 24px; width: 0%; background-color: #005695; color: white; text-align: center; line-height: 24px; transition: width 1s ease-in-out; } .rma-practicetests .testlist { display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; } .rma-practicetests .rct-row-full { margin-bottom: 8px; margin-top: 8px; border: 1px solid #D4DAE1; border-radius: 8px; padding: 19px 16px; } .rma-practicetests .rma-component .rc-body .rct-row-body .rct-flex.title-row { display:flex; gap:10px; align-items:center} .rma-practicetests .rma-component .rc-body .rct-row-body .rct-flex.title-row > div:nth-last-child(1) { flex:unset;} .rma-practicetests .rma-component .rc-body .rct-row-body .rct-row.rct-testitem { display:flex; flex-direction:column; gap:0; } .rma-practicetests .rct-testitem .code { text-transform:uppercase; font-size:13px; } .rma-practicetests .rct-testitem .title { color: #003359; font-size:14px; font-weight:600; } .rma-practicetests .rct-testitem .description { padding:20px; } .rma-practicetests .rct-testitem .achieved { color: #01A780; font-size:15px; font-weight:600; } .rma-practicetests .rct-testitem .achieved.failed { color: #A21010; } .rma-finalexam .rct-lastattempt .rct-flex { align-items:center; } .rma-finalexam .rma-component .rc-body .rct-row-body .rct-lastattempt .rct-flex > div:nth-child(1) { flex:unset; } .rma-finalexam .score-container { width:100px; height:100px; } .rma-finalexam .score-container circle { stroke-width:14; } .rma-finalexam .score-container .percent { font-size: 14px; line-height:14px; } .rma-finalexam .score-container .bar { stroke-dasharray: 219.91; stroke-dashoffset: calc((100 - var(--percent)) / 100 * 219.91); } .rma-finalexam .rma-component .rc-body .rct-row-body .rct-row { grid-template-columns:3fr 1fr 1fr 1fr; font-size:15px; align-items:center; text-align:right; } .rma-finalexam .rma-component .rc-body .rct-row-body .rct-row > div:nth-child(1) { text-align:left; } .rma-publicawards .rma-wrap { max-width:1100px; } .public-component-awards .awardslist { display:grid; gap:16px; grid-template-columns:1fr 1fr 1fr 1fr; justify-content:center; } .public-component-awards .awardslist .awardcard { display:flex; flex-direction:column; gap:6px; align-items:center; } .public-component-awards .awardslist .awardcard .img { width:60%; aspect-ratio:1/1; background-color: #e0e0de; border-radius: 8px;} .public-component-awards .awardslist .awardcard .name { font-weight: 600; color: #003359; font-size: 16px; text-align: center; } .public-component-survey .questioncount { color: #8B8A98; font-weight: 400; font-size: 13px; margin-bottom:16px; } .public-component-survey .questionlist ul.answerlist, .public-component-survey .questionlist ul.answerlist li { margin:0; padding:0; list-style:none; } .public-component-survey .questionlist .question .text { color:#003359; font-weight: 600; font-size: 14px; } .public-component-survey .questionlist ul.answerlist { display:flex; flex-direction:column; gap:10px; margin-top:10px; } .public-component-survey .questionlist ul.answerlist li { display:flex; gap:20px; align-items:center; } /* AWARDS PAGE */ .recc-public { font-family: var(--primary-font); font-size:15px; min-height:100vh; } .recc-public .page-wrap { max-width: unset; margin: 0 auto; } .recc-public .page-layout { display:flex; flex-direction:column; min-height:100vh; } .recc-public .content-wrap {max-width: var(--page-content-wrap); margin: 0 auto; padding:0 20px; } .recc-public .logos { padding:15px 20px; display:flex; justify-content:space-between; width:100%; } .recc-public .logos .logo { background:no-repeat center center; background-size:contain; height:52px; } .recc-public .logos .logo-recc { background-image:url(../images/logo-recc.png); width:150px; } .recc-public .logos .logo-evcc { background-image:url(../images/logo-evcc.png); width:180px; } .recc-public:not(.recc) .logos .logo-recc { display:none; } .recc-public:not(.evcc) .logos .logo-evcc { display:none; } .recc-public .header { padding:50px 0; color:#FFF; } @property --recc-color-start { syntax: ''; inherits: false; initial-value: #0A5896; } @property --recc-color-middle { syntax: ''; inherits: false; initial-value: #0A5896; } @property --recc-color-end { syntax: ''; inherits: false; initial-value: #0A5896; } @property --evcc-color-start { syntax: ''; inherits: false; initial-value: #98AB4A; } @property --evcc-color-middle { syntax: ''; inherits: false; initial-value: #98AB4A; } @property --evcc-color-end { syntax: ''; inherits: false; initial-value: #98AB4A; } @keyframes reccHeaderAnimation { to { --recc-color-start: #0A5896; --recc-color-middle: #518270; --recc-color-end: #98AB4A; } } @keyframes evccHeaderAnimation { to { --evcc-color-start: #98AB4A; --evcc-color-middle: #518270; --evcc-color-end: #0A5896; } } .recc-public:is(.recc):is(.evcc) .header { background: linear-gradient(90deg, var(--recc-color-start) 0%, var(--recc-color-end) 100%); backdrop-filter: blur(5px); animation: reccHeaderAnimation 1.5s ease-in-out forwards; } .recc-public:is(.recc):not(.evcc) .header { background: linear-gradient(90deg, var(--recc-color-start) 50%, var(--recc-color-middle) 75%, var(--recc-color-end) 100%); backdrop-filter: blur(5px); animation: reccHeaderAnimation 1.5s ease-in-out forwards; } .recc-public:not(.recc):is(.evcc) .header { background: linear-gradient(90deg, var(--evcc-color-start) 0%, var(--evcc-color-middle) 75%, var(--evcc-color-end) 100%); backdrop-filter: blur(5px); animation: evccHeaderAnimation 1.5s ease-in-out forwards; } .recc-public .header .hrow:nth-child(1) { display:flex; justify-content:space-between; } .recc-public .header .hrow .name { font-weight: 600; font-size: 32px; } .recc-public .header .hrow .share .button { display: flex; justify-content: center; align-items: center; padding: 6px; border: 1px solid #FFFFFF; border-radius: 8px; font-size: 14px; font-weight: 700; cursor:pointer; } .recc-public .header .hrow:nth-child(2) { display:flex; justify-content: center; align-items: center; padding:20px 0; } .recc-public .header .hrow .line { width:100%; height:1px; background-color:rgba(255, 255, 255, 0.25); } .recc-public .header .hrow:nth-child(3) { display:flex; gap:20px; font-size: 13px; } .recc-public .header .hrow:nth-child(3) > div { flex: 1; } .recc-public .header .hrow .label { color: rgba(255, 255, 255, 0.6); } .recc-public .page { flex:1; padding:40px 0; color: #003359; background-color: #F3F4F6; } .recc-public .page .heading { font-size: 26px; font-weight: 600; } .recc-public .page .intro { font-weight: 400; font-size: 14px; padding-top:16px; } .recc-public .page .box { background-color: #ffffff; border-top: 2px solid #015594; box-shadow: 0px 2px 4px 0px #0057960D; border-radius: 16px;padding: 24px; margin-top: 32px; margin-bottom: 32px; color: #003359; } .recc-public:not(.recc):is(.evcc) .page .box { border-top: 2px solid #9EB143; box-shadow: 0px 2px 4px 0px #0057960D; } .recc-public .page .box:nth-last-child(1) { margin-bottom:0; } .recc-public .page .box .title { display:flex; align-items:center; gap:16px; margin-bottom:20px; } .recc-public .page .box .title .name { flex: 1; font-size: 20px; font-weight: 600; } .recc-public .page .box .content { padding: 16px 24px; } .recc-public .page .box .content.border { border: 1px solid #D4DAE1; backdrop-filter: blur(2px); border-radius: 12px; } .recc-public .box.awards .title .buttons { display:flex; gap:5px; } .recc-public .box.awards .title .buttons .button { border: 1px solid #D4DAE1; border-radius: 8px; width: 32px; height: 32px; display:flex; justify-content:center; align-items:center; cursor:pointer; } .recc-public .box.awards .content.awards { padding:16px 24px; width:100%; overflow:hidden; } .recc-public .awards .award { border:1px solid #F0F0F0; border-radius:8px; height:200px; background:no-repeat center center; background-size:contain; } .recc-public .embla { max-width: 70rem; margin: auto; } .recc-public .embla__viewport { overflow: hidden; } .recc-public .embla__container { display: flex; touch-action: pan-y pinch-zoom; margin-left: calc(1rem * -1); gap:20px; } .recc-public .embla__slide { min-width: 0; flex: 0 0 220px; padding-left: 1rem; } .recc-public .content .hrow { display:flex; gap:16px; } .recc-public .content .hrow .label { color: #8B8A98; font-size: 13px; line-height: 150%; } .recc-public .content .hrow > div { flex: 1; } .recc-public .content.address .hrow > div:nth-child(1) { flex:2; } .recc-public .box.company .seperator { margin:32px 0; height:1px; background-color:#D4DAE1; } .recc-public .box.company .tech .heading { font-size: 16px; font-weight: 600; padding-bottom:16px; } .recc-public .box.company .tech .items { display:flex; flex-wrap:wrap; gap: 10px; } .recc-public .box.company .tech .items .item { background: #005695; border-radius: 1000px; padding: 8px 16px; font-size: 13px; color: #FFFFFF; } .recc-public:not(.recc):is(.evcc) .tech .items .item { background: #9EB143; } .recc-public .footer { } .recc-public .footer .border { height:10px; } .recc-public:is(.recc):is(.evcc) .footer .border { background: linear-gradient(90deg, #0A5896 0%, #98AB4A 100%); backdrop-filter: blur(5px); } .recc-public:is(.recc):not(.evcc) .footer .border { background: linear-gradient(90deg, #0A5896 50%, #518270 75%, #98AB4A 100%); backdrop-filter: blur(5px); } .recc-public:not(.recc):is(.evcc) .footer .border { background: linear-gradient(90deg, #98AB4A 0%, #518270 75%, #0A5896 100%); backdrop-filter: blur(5px); } .recc-public .footer .strap { font-size: 14px; color: #003359; text-align:center; padding:10px 0; font-weight: 600; } .recc-public .footer .logos { justify-content:center; gap:10px; padding-top:0; } .recc-public .footer .logos .logo-recc { width:100px; } .recc-public .footer .logos .logo-evcc { width:120px; } .recc-public .footer .logos .line { margin:0 5px; width:2px; background-color:#00569530; } .recc-public .surveybutton { position:fixed; right:50px; top:50%; background: #FFCA28; border-radius: 8px 8px 0px 0px; transform: rotate(-90deg); padding:12px; transform-origin: top right; cursor:pointer; font-size:1.1rem; font-weight:600; } .recc-public .surveyfixed { position:fixed; top:0; right:0; left:0; bottom:0; background-color:#00000040; } .recc-public .box.survey { position:absolute; right:0; top:calc(50% - 200px); min-width:500px; max-width:80%; } .recc-public .box.survey .questioncount { color: #8B8A98; font-size: 13px; font-weight: 400; margin-bottom:16px; } .recc-public .box.survey .answerlist { margin:0; padding:0; margin-top:10px; list-style:none; } .recc-public .box.survey .answerlist li label { padding-left:16px; } .recc-public .box.error { display:flex; justify-content:center; align-items:center; color: #003359; font-size: 20px; font-weight: 600; flex-direction:column; gap:30px; text-align:center; padding:80px 0; } .recc-public:not(.recc):is(.evcc) .icon svg rect { fill:#9EB143 } @media all and (min-width: 901px) { .recc-members-admin .rma-menu-toggle {display: none;} } @media all and (max-width: 900px) { .recc-members-admin .rma-page-content {grid-template-columns: 1fr;} /** Mobile menu **/ .recc-members-admin .rma-sidebar {display: none; } .recc-members-admin .rma-sidebar.active {display: block;} .public-component-awards .awardslist { grid-template-columns:1fr 1fr 1fr; } .buttonlist { flex-wrap:wrap; } } @media all and (max-width: 650px) { .recc-members-admin .smallscreen { display:unset; } .recc-members-admin .rma-content .rma-content-header .rch-section {flex-wrap: wrap; gap: 16px;} .recc-members-admin .rma-content .rma-content-header .rch-section .rch-info {flex-basis: 45%;} .recc-members-admin .rma-component .rc-header .rch-inner {grid-template-columns: 2fr 1fr;} /* Dashboard - Memberships component */ .recc-members-admin .rma-component.dashboard-component-memberships .rc-body .rct-row-headings .rct-column-heading:nth-of-type(3) {display: none;} .recc-members-admin .rma-component.dashboard-component-memberships .rc-body .rct-row-headings, .recc-members-admin .rma-component.dashboard-component-memberships .rc-body .rct-row-body .rct-row {grid-template-columns: 1fr 1fr;} .recc-members-admin .rma-component.dashboard-component-memberships .rc-header .rch-inner {grid-template-columns: 1fr; gap: 16px;} /* Dashboard - Insurance component */ .recc-members-admin .rma-component.dashboard-component-insurance .rc-body .table-two-column .rct-row-headings {grid-template-columns: 1fr;} .recc-members-admin .rma-component.dashboard-component-insurance .rc-body .table-two-column .rct-row-body .rct-row {grid-template-columns: 1fr;} /* Dashboard - Annoucements component */ .recc-members-admin .rma-component.dashboard-component-announcements .rc-body .rct-row-body .rct-row {grid-template-columns: 1fr 1fr;} .recc-members-admin .rma-component.dashboard-component-announcements .rc-body .rct-row-body .rct-row .rct-column-content.flex-right > div {width:100%;} /* Sub navigation */ .recc-members-admin .rma-content .rma-content-subnavigation .list { display:flex; width:100%; flex-wrap:wrap; border-bottom:1px solid #C0C0C0; } .recc-members-admin .rma-content .rma-content-subnavigation .list > div { border-bottom:none; padding:2px 10px; } .rct-flex.rct-filters { gap:6px; flex-direction:column; } .public-component-awards .awardslist { grid-template-columns:1fr 1fr; } .public-component-companyinfo .rct-flex { flex-wrap: wrap; } .public-component-companyinfo .rct-flex > div { flex: 0 0 calc(50% - 10px)!important; } .rma-companyusers .rma-component.dashboard-component-userslist .rc-body .rct-row-headings { display:none; } .rma-companyusers .rma-component.dashboard-component-userslist .rc-body .rct-row-body .rct-row { display:flex; flex-direction:column; gap:6px; position:relative; align-items:start; } .rma-companyusers .rma-component.dashboard-component-userslist .rc-body .rct-row-body .rct-row .rct-column { display:flex; gap:16px; width:100%; } .rma-companyusers .rma-component.dashboard-component-userslist .rc-body .rct-row-body .rct-row .rct-column > span:first-child { flex:1; } .rma-companyusers .rma-component.dashboard-component-userslist .rc-body .rct-row-body .rct-row .rct-column > span:last-child { flex:3; } .rma-companyusers .rma-component.dashboard-component-userslist .rc-body .rct-row-body .rct-row .rct-column label { font-weight:600; } .rma-companyusers .rma-component.dashboard-component-userslist .rc-body .rct-row-body .rct-row .rct-column:last-child { position:absolute; top:10px; right:10px; width:unset; } .rma-companypayments .paymentgrid { grid-template-columns:1fr 1fr; } .rma-companydocuments .documentitemlist { grid-template-columns:1fr 1fr; } .recc-public .header .hrow:nth-child(3) { flex-wrap:wrap; } .recc-public .header .hrow:nth-child(3) > div { flex-basis:calc(50% - 30px); } .recc-public .content .hrow { flex-wrap:wrap; } .recc-public .content .hrow > div { flex-basis:calc(50% - 30px); } } @media all and (max-width: 550px) { .recc-members-admin .rma-header .rmh-left img {height: 25px;} /* Dashboard - Memberships component */ .recc-members-admin .rma-component.dashboard-component-memberships .rc-body .rct-row-body .rct-row { grid-template-columns: 2fr 1fr;} .public-component-awards .awardslist { grid-template-columns:1fr; } .rma-companypayments .paymentgrid { grid-template-columns:1fr; } .rma-companydocuments .documentitemlist { grid-template-columns:1fr; } } @media all and (max-width: 500px) { .recc-public .header .hrow:nth-child(3) > div { flex-basis:100%; } .recc-public .content .hrow > div { flex-basis:100%; } }