body {
    margin: 0;
    padding: 0;
    background-color: rgb(248, 246, 246);
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
}
a {
    color: inherit;
    text-decoration: none;
}
input, textarea {
    font-family: "Inter", sans-serif;
    font-size: 10.5pt;
    font-weight: 500;
}
input:focus, textarea:focus {
    outline: none;
}
hr {
    display: block;
    border: none;
    height: 1px;
    background-color: #ECECEC;
}
.d-flex {
    display: flex;
}
.g-30 {
    gap: 30px;
}
.d-fg-1 {
    flex: 1;
}
.d-fg-2 {
    flex: 2;
}
.d-fg-3 {
    flex: 3;
}
.d-fg-4 {
    flex: 4;
}
.d-fg-5 {
    flex: 5;
}
.d-inline-block {
    display: inline-block;
}
.d-none {
    display: none;
}
.mt-5 {
    margin-top: 5px !important;
}
.mt-10 {
    margin-top: 10px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.mb-5 {
    margin-bottom: 5px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.ms-5 {
    margin-left: 5px !important;
}
.me-10 {
    margin-right: 10px !important;
}
.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.w-165px {
    width: 165px;
}

.float-left {
    float: left !important;
}
.float-right {
    float: right !important;
}

.d-mode-1 .d-mode-1, .d-mode-2 .d-mode-2 {
    display: none;
}

.text-left {
    text-align: left !important;
}
.text-center {
    text-align: center !important;
}
.text-right {
    text-align: right !important;
}

/* modal */
.modal {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #00000080;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.modal .modal-box {
    position: relative;
    width: 700px;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: solid 1px #E5E5E5;
    margin-top: -7.5%;
}
.modal .modal-box .modal-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    cursor: pointer;
    z-index: 999;
}
.modal .modal-box .modal-close img {
    width: 16px;
    height: 16px;
    margin: 14px;
}
.modal .modal-box .modal-content {
    padding: 0 30px 0 30px;
    overflow: auto;
    max-height: 75vh;
}
.modal .modal-box .modal-content .modal-title {
    padding-top: 20px;
    margin-bottom: 30px;
    position: sticky;
    top: 0;
    background-color: #FFF;
    z-index: 999;
}
.modal .modal-box .modal-content .modal-title h1 {
    margin: 0;
    padding: 0;
    font-size: 20pt;
    font-weight: 500;
}
.modal .modal-box .modal-content .modal-title p {
    font-size: 10.5pt;
    font-weight: 300;
    margin: 5px 0 5px 0;
    color: #888;
}
.modal .modal-box .modal-content label {
    display: block;
    font-weight: 500;
    font-size: 10.5pt;
}
.modal .modal-box .modal-content input {
    display: block;
    height: 30px;
    line-height: 30px;
    width: calc(100% - 30px);
    border: solid 1px #E5E5E5;
    border-radius: 20px;
    margin: 5px 0 15px 0;
    padding: 0 15px 0 15px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 11pt;
}
.modal .modal-box .modal-content textarea {
    display: block;
    height: 88px;
    width: calc(100% - 30px);
    border: solid 1px #E5E5E5;
    border-radius: 20px;
    margin: 5px 0 15px 0;
    padding: 15px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 11pt;
    resize: none;
}
.modal .modal-box .modal-content .modal-actions {
    text-align: right;
    margin-top: 30px;
    position: sticky;
    bottom: 0;
    background-color: #FFF;;
    padding-bottom: 20px;
    z-index: 999;
}
.modal .modal-box .modal-content .modal-actions button {
    display: inline-block;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    border-radius: 25px;
    border: solid 1px #000;
    padding: 12.5px 20px;
    font-size: 10pt;
    font-weight: 600;
    cursor: pointer;
}
.modal .modal-box .modal-content .modal-actions button.btn-secondary {
    border: solid 1px #000;
    background-color: Transparent;
    color: #000;
}
/* end:modal */

/* sidebar */
div.sidebar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 250px;
}
div.sidebar-profile {
    height: 60px;
    border-radius: 10px;
    margin: 7px;
    z-index: 9;
}
div.sidebar-profile div.sidebar-profile-icon {
    height: 50px;
    width: 50px;
    margin: 5px 5px 5px 5px;
    box-shadow: 0 0 2px #CECECE;
    border-radius: 100%;
    float: left;
}
div.sidebar-profile div.sidebar-profile-icon img {
    height: 50px;
    width: 50px;
    border-radius: 10px;
}
div.sidebar-profile div.sidebar-profile-info {
    height: 50px;
    margin: 5px 5px 5px 5px;
    display: inline-block;
    width: calc(100% - 70px);
}
div.sidebar-profile div.sidebar-profile-info img {
    height: 50px;
    width: 15px;
    float: right;
    object-fit: contain;
    opacity: 0.66;
}
div.sidebar-profile div.sidebar-profile-info-title {
    display: flex;
    align-items: center;
    height: 100%;
}
div.sidebar-profile div.sidebar-profile-info-title div {
    font-size: 11pt;
    font-weight: 600;
    color: #333;
}
div.sidebar-profile div.sidebar-profile-info-title div span {
    font-weight: normal;
    color: #666;
    font-size: 10pt;
}
div.sidebar-menu {
    position: fixed;
    left: 0;
    width: 250px;
    top: 67px;
    bottom: 40px;
    overflow: auto;
    padding: 20px 0 20px 0;
}
div.sidebar-menu-link {
    height: 40px;
    line-height: 40px;
    padding: 0 8px 0 8px;
    margin: 0px 7px 0px 7px;
    cursor: pointer;
    font-size: 10pt;
    font-weight: 400;
    color: #555;
    border-radius: 5px;
}
div.sidebar-menu-link.active {
    color: #000;
    background-color: rgba(0, 0, 0, 0.05);
}
div.sidebar-menu-link.active img {
    opacity: 1;
}
div.sidebar-menu-link img {
    height: 40px;
    width: 24px;
    margin-right: 5px;
    object-fit: contain;
    float: left;
    opacity: 0.5;
}
div.sidebar-menu-link img.dropdown {
    float: right;
    width: 15px;
    margin-right: -3px;
}
div.sidebar-menu-sub {
    margin-left: 28px;
    border-left: solid 1px #CECECE;
}
div.sidebar-menu-sub div.sidebar-menu-link {
    height: 34px;
    line-height: 34px;
    margin: 2.5px 7px 2.5px 16px;
}
div.sidebar-menu-sub div.sidebar-menu-link img {
    height: 34px;
    width: 12px;
}
div.sidebar-menu-group div.sidebar-menu-sub {
    display: none;
}
div.sidebar-menu-group.active img.dropdown {
    transform: scaleY(-1);
}
div.sidebar-menu-group.active div.sidebar-menu-sub {
    display: block;
}
div.sidebar-bottom-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 250px;
    background-color: rgb(248, 246, 246);
    border-top: solid 1px #CECECE;
}
div.sidebar-bottom-menu div.sidebar-menu-link {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 10pt;
}
/* end:sidebar */

/* main-content */
div.main-content {
    position: fixed;
    left: 250px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border-radius: 10px;
    background-color: #FFF;
    box-shadow: 0 0 2px #CFCFCF;
    padding: 30px;
    overflow: auto;
}
div.main-content div.main-content-title {
    min-height: 60px;
}
div.main-content div.main-content-title h1 {
    font-weight: 500;
    margin: 0;
}
div.main-content div.main-content-title p {
    margin: 5px 0 0 0;
    font-size: 10pt;
    color: #AAA;
    font-weight: 400;
}
div.main-content div.main-content-title a.btn {
    float: right;
    background-color: #000;
    color: #FFF;
    border-radius: 25px;
    padding: 12.5px 20px 12.5px 20px;
    font-size: 10pt;
    font-weight: 600;
}
div.main-content div.main-content-dashboard-min-stats {
    border-radius: 10px;
    margin: 30px 0 0 0;
    background-color: rgb(248, 246, 246);
    box-shadow: 0 0 10px #E5E5E5;
}
div.main-content div.main-content-dashboard-min-stats div {
    border-right: solid 1px #ECECEC;
    padding: 10px 20px 10px 20px;
    margin: 20px 0 20px 0;
}
div.main-content div.main-content-dashboard-min-stats div:last-child {
    border-right: none;
}
div.main-content div.main-content-dashboard-min-stats div p {
    color: #AAA;
    font-weight: 400;
    font-size: 10pt;
    margin: 0;
}
div.main-content div.main-content-dashboard-min-stats div h2 {
    margin: 10px 0 10px 0;
    font-weight: 500;
    font-size: 24pt;
}
div.main-content div.main-content-dashboard-graph {
    border-radius: 10px;
    margin: 30px 0 0 0;
    border: solid 1px #ECECEC;
    padding: 20px;
}
div.main-content div.main-content-dashboard-graph h3 {
    margin: 0 0 10px 0;
    font-weight: 500;
}
div.main-content div.main-content-dashboard-graph canvas {
    width: 100% !important;
    height: 250px;
}
div.main-content div.main-content-dashboard-suggestions {
    border-radius: 10px;
    margin: 30px 0 0 0;
    border: solid 1px #ECECEC;
    padding: 20px;
}
div.main-content div.main-content-dashboard-suggestions h3 {
    margin: 0 0 10px 0;
    font-weight: 500;
}
div.main-content div.main-content-dashboard-suggestions-list {

}
div.main-content div.main-content-dashboard-suggestions-item {
    background-color: rgb(248, 246, 246);
    padding: 10px 15px 10px 15px;
    margin-bottom: 7.5px;
    border-radius: 5px;
    font-size: 10.5pt;
}
div.main-content div.main-content-dashboard-suggestions-item p {
    margin: 0;
}
div.main-content div.main-content-dashboard-suggestions-item a {
    border: solid 1px #000;
    padding: 5px 15px 5px 15px;
    border-radius: 5px;
    display: inline-block;
    margin: 5px 0 5px 0;
    background-color: #FFF;
}
div.main-content div.tabs {
    border-bottom: solid 1px #ECECEC;
    height: 40px;
}
div.main-content div.tabs div.tabs-tab {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    padding: 0 15px 0 15px;
    color: #888;
    font-weight: 500;
    font-size: 10.5pt;
    cursor: pointer;
    border-bottom: solid 2px Transparent;
}
div.main-content div.tabs div.tabs-tab.active {
    color: #000;
    border-bottom: solid 2px #000;
}
div.main-content div.tab-panels div.tab-panels-panel {
    display: none;
}
div.main-content div.tab-panels div.tab-panels-panel.active {
    display: inherit;
}
div.main-content div.tab-panels div.tab-panels-panel h2 {
    font-weight: 500;
    font-size: 12pt;
    padding-left: 15px;
}
div.main-content div.tabs div.tabs-tab span {
    font-weight: 400;
    color: #888;
    margin-left: 5px;
}
div.main-content div.searchbox {
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    border: solid 1px #ECECEC;
    width: 250px;
    overflow: hidden;
}
div.main-content div.searchbox input {
    height: 40px;
    line-height: 40px;
    width: calc(100% - 20px);
    padding: 0 10px 0 10px;
}
div.main-content table.table-1 {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
div.main-content table.table-1 tr:first-child th {
    background-color: rgb(248, 246, 246);
    padding: 10px 15px 10px 15px;
    font-weight: 500;
    font-size: 10.5pt;
    text-align: left;
}
div.main-content table.table-1 tr:first-child th:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
div.main-content table.table-1 tr:first-child th:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: right;
}
div.main-content table.table-1 tr td:last-child {
    text-align: right;
}
div.main-content table.table-1 tr th.w20p {
    width: 20%;
}
div.main-content table.table-1 tr td {
    padding: 10px 15px 10px 15px;
    font-weight: 400;
    font-size: 10pt;
    text-align: left;
    border-bottom: solid 1px rgb(248, 246, 246);
}
div.main-content table.table-1 tr td div.profile-badge {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background-color: rgb(248, 246, 246);
    text-align: center;
    line-height: 32px;
    font-size: 9pt;
    font-weight: 600;
    margin-right: 10px;
}
div.main-content table.table-1 tr td span.bold {
    font-weight: 500;
}
div.main-content table.table-1 tr td span.light {
    color: #888;
    font-weight: 400;
}
div.main-content table.table-1 tr td span.small {
    font-size: 9pt;
}
div.main-content table.table-1 tr td div.badge {
    display: inline-block;
    margin: 0 5px 5px 0;
    background-color: rgb(248, 246, 246);
    color: #333;
    padding: 3px 8px 3px 8px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 9pt;
}
div.main-content table.table-1 tr td div.badge:last-child {
    margin: 0;
}
div.main-content table.table-1 tr td a.btn {
    border: solid 1px #000;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    display: inline-block;
    margin: 5px 0 5px 0;
    background-color: #FFF;
}
div.main-content table.table-1 tr td a.btn-sm {
    border: solid 1px #CECECE;
    padding: 2px 10px 2px 10px;
    border-radius: 5px;
    display: inline-block;
    background-color: #FFF;
    color: #888;
    transition: color 0.3s, border-color 0.3s;
    font-size: 9.5pt;
}
div.main-content table.table-1 tr td a.btn-sm:hover {
    border-color: #000;
    color: #000;
}
div.main-content div.empty-state {
    text-align: center;
    color: #888;
    font-size: 10pt;
    padding: 20px 0 20px 0;
}
div.main-content div.navigation a.btn {
    border: solid 1px #CECECE;
    padding: 2px 10px 2px 10px;
    border-radius: 5px;
    display: inline-block;
    background-color: #FFF;
    color: #888;
    transition: color 0.3s, border-color 0.3s;
    font-size: 9.5pt;
    float: none;
    font-weight: 400;
}
div.main-content div.add-item {
    border: dashed 1px rgb(228, 226, 226);
    background-color: #FFF;
    border-radius: 10px;
    text-align: center;
    font-weight: 600;
    font-size: 10pt;
    line-height: 30px;
    margin-top: 10px;
    cursor: pointer;
}
div.main-content div.subscription-item {
    border: dashed 1px rgb(228, 226, 226);
    background-color: #FFF;
    border-radius: 10px;
    padding: 20px 15px 15px 15px;
    margin-bottom: 10px;
    display: flex;
}
div.main-content div.subscription-item.current {
    background-color: rgb(248, 246, 246);
    border-color: Transparent;
}
div.main-content div.subscription-item img {
    height: 40px;
    border-radius: 100%;
    margin-right: 15px;
}
div.main-content div.subscription-item p {
    font-weight: 600;
    margin: 0 0 10px 0;
}
div.main-content div.subscription-item div.badge {
    display: inline-block;
    margin: 0 5px 5px 0;
    background-color: #FFF;
    border: solid 1px #E5E5E5;
    color: #333;
    padding: 3px 8px 3px 8px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 9pt;
}
div.main-content div.subscription-item span {
    display: block;
    font-weight: 400;
    color: #888;
    font-size: 10.5pt;
}
div.main-content div.subscription-item a.btn {
    background-color: #000;
    color: #FFF;
    border-radius: 25px;
    padding: 12.5px 20px 12.5px 20px;
    font-size: 10pt;
    font-weight: 600;
    display: inline-block;
}
/* end:main-content */

/* feed */
div.feed-main {
    position: fixed;
    left: 250px;
    top: 0px;
    right: 250px;
    bottom: 0px;
    border-radius: 10px;
    background-color: #FFF;
    box-shadow: 0 0 2px #CFCFCF;
    padding: 0 30px 30px 30px;
    overflow: auto;
}
div.feed-main div.main-content-title {
    min-height: 60px;
    padding-top: 30px;
    position: sticky;
    top: 0;
    background-color: #FFF;
}
div.feed-main div.main-content-title h1 {
    font-weight: 500;
    margin: 0;
}
div.feed-main div.main-content-title p {
    margin: 5px 0 0 0;
    font-size: 10pt;
    color: #AAA;
    font-weight: 400;
}
div.feed-main div.main-content-title a.btn {
    float: right;
    background-color: #000;
    color: #FFF;
    border-radius: 25px;
    padding: 12.5px 20px 12.5px 20px;
    font-size: 10pt;
    font-weight: 600;
}
div.feed-main div.feed-posts {
    width: 600px;
    margin: auto;
}
div.feed-main div.feed-posts div.feed-posts-item {
    margin: 10px 0 20px 0;
    box-shadow: 0 0 10px #ECECEC;
    width: 100%;
    border-radius: 10px;
}
div.feed-main div.feed-posts div.feed-posts-item div.feed-posts-item-owner {
    padding: 15px 30px 15px 30px;
}
div.feed-main div.feed-posts div.feed-posts-item div.feed-posts-item-owner div.profile-badge {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background-color: rgb(248, 246, 246);
    text-align: center;
    line-height: 32px;
    font-size: 9pt;
    font-weight: 600;
    margin-right: 10px;
    float: left;
}
div.feed-main div.feed-posts div.feed-posts-item div.feed-posts-item-owner p {
    margin: 0;
    font-size: 10pt;
    font-weight: 500;
}
div.feed-main div.feed-posts div.feed-posts-item div.feed-posts-item-owner span {
    font-size: 9pt;
    color: #888;
    font-weight: 400;
}
div.feed-main div.feed-posts div.feed-posts-item div.feed-posts-item-media img {
    aspect-ratio: 16 / 9;
    background-color: rgb(248, 246, 246);
    border: none;
}
div.feed-main div.feed-posts div.feed-posts-item div.feed-posts-item-caption {
    padding: 5px 0 5px 0;
}
div.feed-main div.feed-posts div.feed-posts-item div.feed-posts-item-caption p {
    margin: 10px 30px 10px 30px;
    font-size: 10.5pt;
}
div.feed-main div.feed-posts div.feed-posts-item div.feed-posts-item-bottom {
    border-top: solid 2px rgb(248, 246, 246);
    padding: 5px 30px 5px 30px;
    font-size: 9pt;
    font-weight: 500;;
}
div.feed-main div.feed-posts div.feed-posts-item div.feed-posts-item-bottom div.feed-posts-item-bottom-comments {
    padding: 10px 0 10px 0;
}
div.feed-main div.feed-posts div.feed-posts-item div.feed-posts-item-bottom div.feed-posts-item-bottom-actions {
    text-align: right;
}
div.feed-main div.feed-posts div.feed-posts-item div.feed-posts-item-bottom div.feed-posts-item-bottom-actions a.btn {
    border: solid 1px #000;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    display: inline-block;
    margin: 5px 0 5px 0;
    background-color: #FFF;
}
div.feed-side {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 250px;
}
div.feed-side h3 {
    margin: 30px 15px 10px 15px;
    padding: 0;
    font-size: 11pt;
    font-weight: 600;
}
div.feed-side div.community {
    margin: 7.5px 15px 7.5px 15px;
    border-radius: 5px;
    cursor: pointer;
    transition: padding 0.1s;
}
div.feed-side div.community img {
    height: 24px;
    width: 24px;
    margin-right: 5px;
    object-fit: contain;
    float: left;
    opacity: 0.5;
}
div.feed-side div.community p {
    margin: 0;
    font-size: 10pt;
}
div.feed-side div.community span {
    font-size: 9pt;
    color: #888;
}
div.feed-side div.community.active {
    border-left: solid 2px #000;
    border-radius: 0;
    padding-left: 10px;
}
div.feed-side div.person {
    margin: 7.5px 15px 7.5px 15px;
    border-radius: 5px;
    cursor: pointer;
}
div.feed-side div.profile-badge {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background-color: #FFF;
    text-align: center;
    line-height: 24px;
    font-size: 9pt;
    font-weight: 600;
    margin-right: 5px;
    float: left;
}
div.feed-side div.person p {
    margin: 0;
    font-size: 10pt;
}
div.feed-side div.person span {
    font-size: 9pt;
    color: #888;
}
div.feed-side div.separator {
    height: 1px;
    background-color: #ECECEC;
    margin: 0 15px 0 15px;
}
div.feed-side div.full-separator {
    height: 2px;
    background-color: #ECECEC;
}
div.feed-side div.empty-state {
    text-align: center;
    color: #888;
    font-size: 10pt;
    padding: 10px 0 10px 0;
}
/* end:feed */

/* apply-main */
div.apply-main {
    position: fixed;
    left: 250px;
    top: 0px;
    right: 250px;
    bottom: 0px;
    border-radius: 10px;
    background-color: #FFF;
    box-shadow: 0 0 2px #CFCFCF;
    padding: 0 30px 30px 30px;
    overflow: auto;
}
div.apply-main div.main-content-title {
    min-height: 60px;
    padding-top: 30px;
    margin-bottom: 30px;
    position: sticky;
    top: 0;
    background-color: #FFF;
}
div.apply-main div.main-content-title h1 {
    font-weight: 500;
    margin: 0;
}
div.apply-main div.main-content-title p {
    margin: 5px 0 0 0;
    font-size: 10pt;
    color: #AAA;
    font-weight: 400;
}
div.apply-main div.main-content-title a.btn {
    float: right;
    background-color: #000;
    color: #FFF;
    border-radius: 25px;
    padding: 12.5px 20px 12.5px 20px;
    font-size: 10pt;
    font-weight: 600;
}
div.apply-main div.apply-form-page {
    background-color: rgb(248, 246, 246);
    padding: 20px;
    border-radius: 10px;
    margin: 15px 0 15px 0;
}
div.apply-main div.apply-form-page h1 {
    font-weight: 500;
    margin: 0;
    font-size: 14pt;
}
div.apply-main div.apply-form-page p {
    margin: 5px 0 10px 0;
    font-size: 10pt;
    color: #AAA;
    font-weight: 400;
}
div.apply-main div.apply-form-page label {
    display: block;
    font-weight: 500;
    font-size: 10.5pt;
}
div.apply-main div.apply-form-page input {
    display: block;
    height: 30px;
    line-height: 30px;
    width: calc(100% - 30px);
    background-color: #FFFFFF;
    border: solid 1px #E5E5E5;
    border-radius: 20px;
    margin: 5px 0 15px 0;
    padding: 0 15px 0 15px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 11pt;
}
div.apply-main div.apply-form-page textarea {
    display: block;
    height: 88px;
    width: calc(100% - 30px);
    border: solid 1px #E5E5E5;
    border-radius: 20px;
    margin: 5px 0 15px 0;
    padding: 15px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 11pt;
    resize: none;
}
div.apply-main div.karma-dropdown-selected {
    background-color: #FFFFFF;
    border: solid 1px #E5E5E5;
}
div.apply-main button.btn {
    display: inline-block;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    border-radius: 25px;
    border: solid 1px #000;
    padding: 12.5px 20px;
    font-size: 10pt;
    font-weight: 600;
    cursor: pointer;
}
div.apply-main button.btn-secondary {
    border: solid 1px #000;
    background-color: Transparent;
    color: #000;
}
div.apply-main div.apply-form-actions {
    text-align: right;
}
/* end:apply-main */

/* application-main */
div.application-main {
    background-color: #FFF;
}
div.application-main h2 {
    font-weight: 500;
}
div.application-main div.main-content-title {
    min-height: 60px;
    padding-top: 30px;
    margin-bottom: 30px;
    background-color: #FFF;
}
div.application-main div.main-content-title h1 {
    font-weight: 500;
    margin: 0;
}
div.application-main div.main-content-title p {
    margin: 5px 0 0 0;
    font-size: 10pt;
    color: #AAA;
    font-weight: 400;
}
div.application-main div.main-content-title a.btn {
    float: right;
    background-color: #000;
    color: #FFF;
    border-radius: 25px;
    padding: 12.5px 20px 12.5px 20px;
    font-size: 10pt;
    font-weight: 600;
}
div.application-main div.application-form-page {
    background-color: rgb(248, 246, 246);
    padding: 20px;
    border-radius: 10px;
    margin: 15px 0 15px 0;
}
div.application-main div.application-form-page h1 {
    font-weight: 500;
    margin: 0;
    font-size: 14pt;
}
div.application-main div.application-form-page p {
    margin: 5px 0 10px 0;
    font-size: 10pt;
    color: #AAA;
    font-weight: 400;
}
div.application-main div.application-form-page label {
    display: block;
    font-weight: 500;
    font-size: 10.5pt;
}
div.application-main div.application-form-page input {
    display: block;
    height: 30px;
    line-height: 30px;
    width: calc(100% - 30px);
    background-color: #FFFFFF;
    border: solid 1px #E5E5E5;
    border-radius: 20px;
    margin: 5px 0 15px 0;
    padding: 0 15px 0 15px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 11pt;
}
div.application-main div.application-form-page textarea {
    display: block;
    height: 88px;
    width: calc(100% - 30px);
    border: solid 1px #E5E5E5;
    border-radius: 20px;
    margin: 5px 0 15px 0;
    padding: 15px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 11pt;
    resize: none;
}
div.application-main div.karma-dropdown-selected, div.application-main div.karma-dropdown-multiple {
    background-color: #FFFFFF;
    border: solid 1px #E5E5E5;
}
div.application-main div.application-form-page div.application-answer {
    display: block;
    width: calc(100% - 30px);
    background-color: #FFFFFF;
    border: solid 1px #E5E5E5;
    border-radius: 20px;
    margin: 5px 0 15px 0;
    padding: 5px 15px 5px 15px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 11pt;
}
div.application-main button.btn {
    display: inline-block;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    border-radius: 25px;
    border: solid 1px #000;
    padding: 12.5px 20px;
    font-size: 10pt;
    font-weight: 600;
    cursor: pointer;
}
div.application-main button.btn-secondary {
    border: solid 1px #000;
    background-color: Transparent;
    color: #000;
}
div.application-main div.application-form-actions {
    text-align: right;
}
div.application-main div.badge {
    display: inline-block;
    margin: 0 5px 5px 0;
    background-color: #FFF;
    border: solid 1px #E5E5E5;
    color: #333;
    padding: 3px 8px 3px 8px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 9pt;
}
/* end:application-main */

/* modal-custom-* */
.modal-custom-profile div.profile-badge {
    width: 96px;
    height: 96px;
    border-radius: 100%;
    background-color: rgb(248, 246, 246);
    text-align: center;
    line-height: 96px;
    font-size: 14pt;
    font-weight: 600;
    margin-right: 20px;
    float: left;
}
.modal-custom-profile div.profile-detail {
    height: 86px;
    padding-top: 10px;
}
.modal-custom-profile div.profile-detail div.badge {
    display: inline-block;
    margin: 0 5px 5px 0;
    background-color: rgb(248, 246, 246);
    color: #333;
    padding: 3px 8px 3px 8px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 9pt;
}
.modal-custom-profile div.profile-detail span {
    font-size: 12pt;
}
.modal-custom-profile div.profile-detail span.bold {
    font-weight: 500;
}
.modal-custom-profile div.profile-detail span.light {
    color: #888;
    font-weight: 400;
}
.modal-custom-profile div.profile-detail span.small {
    font-size: 9pt;
}
.modal-custom-profile div.tabs {
    border-bottom: solid 1px #ECECEC;
    height: 40px;
}
.modal-custom-profile div.tabs div.tabs-tab {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    padding: 0 15px 0 15px;
    color: #888;
    font-weight: 500;
    font-size: 10.5pt;
    cursor: pointer;
    border-bottom: solid 2px Transparent;
}
.modal-custom-profile div.tabs div.tabs-tab.active {
    color: #000;
    border-bottom: solid 2px #000;
}
.modal-custom-profile div.tab-panels div.tab-panels-panel {
    display: none;
}
.modal-custom-profile div.tab-panels div.tab-panels-panel.active {
    display: inherit;
}
.modal-custom-profile div.tabs div.tabs-tab span {
    font-weight: 400;
    color: #888;
    margin-left: 5px;
}
div.modal-custom-profile table.table-1 {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
div.modal-custom-profile table.table-1 tr td:first-child {
    width: 25%;
}
div.modal-custom-profile table.table-1 tr td:last-child {
    text-align: right;
}
div.modal-custom-profile table.table-1 tr th.w20p {
    width: 20%;
}
div.modal-custom-profile table.table-1 tr td {
    padding: 10px 15px 10px 15px;
    font-weight: 400;
    font-size: 10pt;
    text-align: left;
    border-bottom: solid 1px rgb(248, 246, 246);
}
div.modal-custom-profile table.table-1 tr td span.bold {
    font-weight: 500;
}
div.modal-custom-profile table.table-1 tr td span.light {
    color: #888;
    font-weight: 400;
}
div.modal-custom-profile table.table-1 tr td span.small {
    font-size: 9pt;
}
div.modal-custom-profile table.table-1 tr td div.badge {
    display: inline-block;
    margin: 0 5px 5px 0;
    background-color: rgb(248, 246, 246);
    color: #333;
    padding: 3px 8px 3px 8px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 9pt;
}
div.modal-custom-profile table.table-1 tr td div.badge:last-child {
    margin: 0;
}
div.modal-custom-profile table.table-1 tr td a.btn {
    border: solid 1px #CECECE;
    padding: 2px 10px 2px 10px;
    border-radius: 5px;
    display: inline-block;
    background-color: #FFF;
    color: #888;
    transition: color 0.3s, border-color 0.3s;
    font-size: 9.5pt;
}
div.modal-custom-profile table.table-1 tr td a.btn:hover {
    border-color: #000;
    color: #000;
}
div.modal-custom-profile input {
    margin: 0 !important;
    height: 30px !important;
    border: none !important;
    background-color: #F5F5F5 !important;
    border-radius: 15px !important;
}
div.modal-custom-profile div.empty-state {
    text-align: center;
    color: #888;
    font-size: 10pt;
    padding: 20px 0 20px 0;
}

div.modal-custom-add-row {
    border: dashed 2px rgb(228, 226, 226);
    background-color: rgb(248, 246, 246);
    border-radius: 10px;
    text-align: center;
    font-weight: 600;
    font-size: 10pt;
    line-height: 50px;
    margin-top: 10px;
    cursor: pointer;
}
div.modal-custom-add-row-simple {
    border: dashed 1px rgb(228, 226, 226);
    background-color: #FFF;
    border-radius: 10px;
    text-align: center;
    font-weight: 600;
    font-size: 10pt;
    line-height: 30px;
    margin-top: 10px;
    cursor: pointer;
}

div.modal-custom-form-page {
    background-color: rgb(248, 246, 246);
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
}
div.modal-custom-form-page a.page-action {
    float: right;
    font-size: 10pt;
}
div.modal-custom-form-page a.danger {
    color: #DD0000;
}
div.modal-custom-form-page input, div.modal-custom-form-page div.karma-dropdown {
    background-color: transparent;
    border-radius: 20px;
    margin-bottom: 15px;
    border: solid 1px #ECECEC !important;
    height: 30px !important;
}
div.modal-custom-form-page div.karma-dropdown-selected {
    background-color: transparent;
}
div.modal-custom-form-page textarea {
    background-color: transparent;
    border-radius: 20px !important;
    height: 50px !important;
}

div.modal-custom-form-question {
    margin: 5px 0 5px 0;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px #ECECEC;
    background-color: #FFF;
}

div.modal-custom-communicate {
    background-color: rgb(248, 246, 246);
    padding: 10px;
    border-radius: 20px;
}
div.modal-custom-communicate table.table-1 {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
div.modal-custom-communicate table.table-1 tr td:last-child {
    text-align: right;
}
div.modal-custom-communicate table.table-1 tr td {
    padding: 5px 15px 5px 15px;
    font-weight: 400;
    font-size: 10pt;
    text-align: left;
    border-bottom: solid 1px rgb(248, 246, 246);
}
div.modal-custom-communicate table.table-1 tr td a.btn {
    border: solid 1px #CECECE;
    padding: 2px 10px 2px 10px;
    border-radius: 5px;
    display: inline-block;
    background-color: #FFF;
    color: #888;
    transition: color 0.3s, border-color 0.3s;
    font-size: 9.5pt;
}
div.modal-custom-communicate table.table-1 tr td a.btn:hover {
    border-color: #000;
    color: #000;
}
/* end:modal-custom-* */

/* karma-dropdown */
.karma-dropdown {
    position: relative;
    width: 100%;
    font-size: 10.5pt;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    cursor: pointer;
    user-select: none;
    text-align: left;
}
.karma-dropdown-selected {
    background-color: #F5F5F5;
    padding: 7.5px 15px;
    border-radius: 15px;
    border: none;
    color: #333;
}
.karma-dropdown-options {
    position: absolute;
    top: 110%;
    left: 0;
    right: 0;
    background-color: #FFF;
    border: 1px solid #E5E5E5;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(200, 200, 200, 0.2);
    z-index: 99;
    display: none;
}
.karma-dropdown.open .karma-dropdown-options {
    display: block;
}
.karma-dropdown.drop-up .karma-dropdown-options {
    top: auto;
    bottom: 110%;
}
.karma-dropdown-option {
    padding: 8px 15px;
    color: #333;
    transition: background-color 0.2s;
}
.karma-dropdown-option:hover {
    background-color: rgb(248, 246, 246);
}
/* end:karma-dropdown */
/* karma-dropdown-multiple */
.karma-dropdown-multiple {
    position: relative;
    background-color: #F5F5F5;
    border-radius: 15px;
    padding: 4.5px 10px;
    font-size: 10.5pt;
    font-family: "Inter", sans-serif;
    cursor: pointer;
    min-height: 20px;
    text-align: left;
}
.karma-dropdown-multiple.open .karma-dropdown-options {
    display: block;
}
.karma-dropdown-multiple .karma-dropdown-header {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    min-height: 20px;
    align-items: center;
}
.karma-dropdown-multiple .karma-dropdown-tags .tag {
    background-color: #FFF;
    color: #333;
    padding: 3px 8px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 9pt;
    margin-right: 5px;
    display: inline-block;
}
.karma-dropdown-multiple .karma-dropdown-tags .tag .remove {
    margin-left: 5px;
    cursor: pointer;
    font-weight: bold;
    opacity: 0.6;
}
.karma-dropdown-multiple.drop-up .karma-dropdown-options {
    bottom: 100%;
    top: auto;
}
.karma-dropdown-multiple .karma-dropdown-options {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    right: 0;
    background-color: #FFF;
    border: 1px solid #E5E5E5;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(200, 200, 200, 0.2);
    z-index: 99;
    display: none;
    max-height: 200px;
    overflow-y: auto;
}
.karma-dropdown-multiple .karma-dropdown-option {
    padding: 10px 15px;
    color: #333;
    transition: background-color 0.2s;
}
.karma-dropdown-multiple .karma-dropdown-option:hover {
    background-color: rgb(248, 246, 246);
}
/* end:karma-dropdown-multiple */
/* karma-confirm */
.karma-confirm-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    font-family: "Inter", sans-serif;
}
.karma-confirm-box {
    background: #FFF;
    color: #111;
    padding: 20px;
    border-radius: 10px;
    width: 320px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    text-align: center;
}
.karma-confirm-box p {
    margin-bottom: 20px;
    margin-top: 0;
    font-size: 12pt;
    font-weight: 400;
}
.karma-confirm-actions {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.karma-confirm-actions button {
    border: solid 1px #000;
    background-color: Transparent;
    color: #000;
    border-radius: 25px;
    padding: 12.5px 20px;
    font-size: 10pt;
    font-weight: 600;
    cursor: pointer;
}
/* end:karma-confirm */
/* karma-alert */
.karma-alert-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    font-family: "Inter", sans-serif;
}
.karma-alert-box {
    background: #FFF;
    color: #111;
    padding: 20px;
    border-radius: 10px;
    width: 320px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    text-align: center;
}
.karma-alert-box p {
    margin-bottom: 20px;
    margin-top: 0;
    font-size: 12pt;
    font-weight: 400;
}
.karma-alert-actions {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.karma-alert-actions button {
    border: solid 1px #000;
    background-color: Transparent;
    color: #000;
    border-radius: 25px;
    padding: 12.5px 20px;
    font-size: 10pt;
    font-weight: 600;
    cursor: pointer;
}
/* end:karma-alert */