:root {
--ui-color: #1477f1;
--ui-color2: #bebebe;
--warning: red;
--primary-color:#685dd8;
--secondary-color:#1da1f2;
}
.moods {
width: fit-content;
background: #ffefef;
padding: 5px 10px;
margin-bottom: 5px;
font-size: .85em;
border-radius: 10px;
font-weight: 300;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
color: #aa0000;
transition: all 100ms;
}
.moods:hover{
transform:scale(1.01);
cursor:pointer;
}
.personality_selector {
padding: 10px;
border: 1px solid whitesmoke;
margin-bottom: 5px;
margin-top: 5px;
border-radius: 10px;
}
.personality_selector h1{
font-weight: 500;
font-size: 1rem;
margin-top:10px!important;
margin:0;
padding:0;
}
.personality_selector p{
font-weight:300;
font-size: .85rem;
margin-top:5px;
padding: 0!important;
}
.positive_contact {
background: #a8ff78; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #78ffd6, #a8ff78); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #78ffd6, #a8ff78); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
color: #158635;
}
.neutral_contact {
background: #FDC830; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #F37335, #FDC830); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #F37335, #FDC830); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
color: #793c05;
}
.negative_contact {
background: #cb2d3e; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #ef473a, #cb2d3e); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #ef473a, #cb2d3e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
color: #6c0202;
}
.folder img {
width: 75px;
}
h2.QuickLookIntro {
font-size: 1rem;
color: black;
margin-bottom: 20px;
display: block;
font-weight: 400;
}
.heading_quickview {
display: flex;
align-items: center;
gap: 15px;
}
.numericquickperiodtext {
margin-left: 40px;
margin-top: 5px;
font-size: 2rem;
font-weight: 500;
letter-spacing: -.05rem;
color: black;
}
span.washedaway {
color: black;
}
span.color_icon {
background: #f46919;
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
color: white;
border-radius: 50%;
}
.heading_quickview .supporting_text {
color: #636060;
font-size: 14px;
font-weight: 300;
white-space: nowrap;
}
button.menu_icon {
border: none;
font-size: 14px;
background: none;
display: flex;
gap: 10px;
padding: 0.6rem 0.7rem;
border-radius: 10px!important;
transition: all 100ms;
font-weight:300!important;
align-items:center;
}
div#QuickPeriodReview {
background: white;
border: none;
margin-top: 0;
min-width: 1000px;
}
div.QuickPeriodClass {
background: transparent;
border: none;
margin-top: 0;
min-width: 700px;
}
.dropdown-card {
background: rgb(255 255 255 / 95%);
padding: 25px;
border: 1px solid #eff1f0;
border-radius: 20px;
backdrop-filter: blur(4px);
display: block;
box-shadow: rgb(149 157 165 / 14%) 0px 8px 24px 3px;
}
button.menu_icon:hover {
color: rgba(0, 0, 0, .85);
background-color: #f3f5f9;
margin-left:2px;
}
.blurred{
filter:blur(2px);
transition: all 100ms;
}
span.lower__icon {
font-size: .8rem;
line-height: 130%;
display: block;
padding: 0;
margin: 0;
margin-top: 5px;
opacity: .7;
}
.col-xl-3.folder {
display: flex;
cursor:pointer;
gap: 10px;
vertical-align: middle;
align-items: center;
margin-bottom:20px;
}
.specialspan {
background: #f0f0f0;
color: black;
padding: 15px 20px;
display: flex;
font-weight: 300;
gap: 10px;
line-height: 1.3rem;
font-size: .875rem;
margin-top: 10px;
border-radius: 10px;
}
.feature a {
transition: all 100ms;
color: black;
text-decoration: none;
}
.feature a:hover{
color:var(--primary-color);
}
.whats_new_row {
display: flex;
width: 100%;
background: white;
padding: 0.7rem 2rem;
gap: 40px;
font-size: .77rem;
border-bottom: 1px solid #eff1f0;
font-weight: 300;
}
.flex_style_new {
display: flex !important;
background: transparent;
width: fit-content;
padding: 0px;
gap: 20px;
}
a.navlinkvariable {
background: none!important;
text-decoration: none;
color: black!important;
font-weight: 300;
}
span.whats-new-badge {
background: var(--primary-color);
color: white;
padding: 7px 10px;
font-size: .7rem;
border-radius: 10px;
}
.tox-promotion{
display:none;
}
th{
background:#dddddd!Important;
color:#323232!important;
font-size: .8rem!important;
}
span.welcome_text_milestones {
font-weight: 600;
font-size: 50px;
line-height: 55px;
padding-bottom: 50px;
display: block;
letter-spacing: -0.05rem;
}
.menu-bar2 {
width: 100%;
line-height: 14px;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
@keyframes moving {
50% {
width: 100%;
}
100% {
width: 0;
right: 0;
left: unset;
}
}
.sidebar-main {
border-right: none!important;
max-width: 350px;
height: 100vh;
width: 288px;
background: light-dark(#fdfdfd, black) !important;
overflow-y: scroll;
}
h1.WelcomeBack {
font-size: 2rem;
font-weight: 300;
letter-spacing: -0.05rem;
opacity: 1;
padding: 0;
margin: 0;
}
h2.WelcomeBack {
font-size: .9rem;
opacity: .7;
color: grey;
font-weight: 300;
margin: 0;
padding: 0;
}
.PriorityCard {
background: light-dark(#fdfdfd, #141414);
border: 1px solid light-dark(whitesmoke, #171717);
padding: 30px 20px;
border-radius: 20px;
transition: all 100ms;
}
.PriorityCard:hover{
transform:scale(1.01);
cursor:pointer;
}
.PriorityCard h1 {
font-weight: 400;
margin: 0;
padding: 0;
}
.PriorityCard p {
font-weight: 300;
font-size: .8rem;
padding: 0;
margin: 0;
padding-top: 5px;
}
.PriorityCard h2 {
font-size: 1.25rem;
margin: 0;
}
.PriorityCard .split {
padding-top: 20px;
display: flex;
}
.row.PriorityDataCards {
margin-top: 40px;
}
.sidebar-main::-webkit-scrollbar {
width: .1em;
height: .1em
}
.sidebar-main::-webkit-scrollbar-button {
background: #ccc
}
.sidebar-main::-webkit-scrollbar-track-piece {
background: transparent;
}
.sidebar-main::-webkit-scrollbar-thumb {
background: #ccc;
}
h3.next_level_achievement {
font-weight: 400;
font-size: 1rem;
margin-top: 10px !important;
margin: 0;
padding: 0;
color: white;
opacity: .6;
}
.flex_style {
display: flex !important;
background: transparent;
width: fit-content;
padding: 5px 20px;
border-radius: 20px;
}
.analytics-value {
margin-top: 0px !important;
font-size: 1.5rem;
font-weight: 600;
letter-spacing: -0.05rem;
}
smaller {
font-size: .875rem;
margin-left: 10px;
font-weight: 300;
opacity: .8;
letter-spacing: 0;
}
.table {
--bs-table-bg: transparent;
--bs-table-accent-bg: transparent;
--bs-table-striped-color: #212529;
--bs-table-striped-bg: rgb(238 241 240 / 45%);
--bs-table-active-color: #212529;
--bs-table-active-bg: rgba(0, 0, 0, 0.1);
--bs-table-hover-color: #212529;
--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
width: 100%;
margin-bottom: 1rem;
color: #212529;
vertical-align: top;
border-color: #dee2e6;
}
.to_do_avatar {
width: 30px;
height: 30px;
object-fit: cover;
border-radius: 50%;
}
.over {
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
background: white;
}
span.too_do_created {
font-size: .7rem;
color: black;
opacity: .5;
display: block;
margin: 0;
padding: 0;
}
img.ico:first-child {
margin-top: 1rem;
}
h2.big_n_bold {
font-weight: 500;
font-size: 300%;
padding: 0;
margin: 0;
color: white;
}
.bg-gradient-x {
background: linear-gradient(118deg, #7367F0, rgba(115, 103, 240, .7))!important;
}
h2.hall_of_fame_Desc {
font-size: .9rem;
margin-top: 10px;
margin: 0;
text-align: center;
font-weight: 300;
opacity: .6;
}
.bg-gradient-achieve {
background: #00F260;
/* fallback for old browsers */
background: -webkit-linear-gradient(to right, #0575E6, #00F260);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #0575E6, #00F260);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
img.ico {
width: 50px;
margin: auto;
height: 50px;
text-align: center;
box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 6%) 0px 2px 4px -1px;
border-radius: 12px;
background: white !important;
margin-bottom: 1rem;
transition: all 200ms;
}
img.ico:hover {
transform: scale(1.06);
}
.roles-table {
margin-top: 10px;
}
span.candidate_avatar {
background: hwb(210deg 27% 1% / 17%);
padding: 20px;
height: 70px;
width: 70px;
line-height: 70px;
font-size: 1.5rem;
text-align: center;
border-radius: 50%;
color: #44a1fc;
}
.left-bar {
background-color: white !important;
border-right: 1px solid #eef1f0;
}
.page-content {
background-color: #F8F8F8 !important;
}
.modal-content {
border: none !important;
border-radius: .8rem !important;
box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
border: 1px solid #cccccc !important;
}
.green_override {
background: #58ae582b !important;
color: #4caf50 !important;
}
.small-btns {
padding: 5px 10px !important;
margin: 0 !important;
font-size: .7rem !important;
text-transform: uppercase;
font-weight: 500 !important;
}
span.todo_description {
font-size: 1rem;
font-weight: 400;
opacity: .8;
}
.space_free {
color: #91d445;
font-size: 1.2rem;
}
.space_used {
color: #f44336;
font-size: 1.2rem;
}
span.contributor_text {
font-size: .8rem;
line-height: 1.2rem;
font-weight: 400;
opacity: .6;
color: white;
text-align: left;
display: block;
}
.alt_contributor_text {
text-align: center;
font-weight: 600;
font-size: 4rem;
background: #f12711;
/* fallback for old browsers */
background: -webkit-linear-gradient(to right, #f5af19, #f12711);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #f5af19, #f12711);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin: 0;
}
h1.rank_position {
text-align: center;
font-weight: 600;
font-size:2rem!important;
margin: 0;
}
.team-table {
margin-top: 25px;
}
.role-action {
margin-left: auto;
color: #2196f3;
white-space: nowrap;
font-size: 1.5rem;
}
.roles-table tr {
display: flex;
padding-top: 12px;
gap: 20px;
width: 100%;
padding-bottom: 12px;
border-bottom: 1px solid #eff1f0;
}
.roles-table tr:last-child {
border-bottom: none;
padding-bottom: none;
}
.roles-table tr:first-child {
padding-top: 0px;
}
.warning_override {
background: #f443364a !important;
color: #f44336 !important;
}
.team-kpx-type .type {
display: block;
font-weight: 400;
font-size: 1rem;
}
.team-kpx-type span.value {
font-size: .875rem;
font-weight: 400;
opacity: .7;
}
.role-action .far {
font-size: 150%;
}
td span.company {
display: block;
margin: 0;
line-height: 120%;
font-weight: 500;
}
td span.role {
opacity: .8;
}
td.team-kpx-type {
padding-left: 10px;
line-height: 150%;
}
.team-table tr {
display: flex;
padding-top: 10px;
gap: 10px;
width: 100%;
padding-bottom: 10px;
}
.icon-box {
width: 30px;
height: 30px;
border-radius:10px !Important;
line-height: 30px !Important;
display: flex;
align-items: center;
padding: 15px !important;
justify-content: center;
background: rgb(76 175 80 / 27%);
color: #4caf50;
}
.icon-box-team {
width: 40px;
height: 40px;
border-radius: 15px !Important;
line-height: 40px !Important;
display: flex;
font-size: 15px;
align-items: center;
padding: 20px !important;
justify-content: center;
}
.space-saver {
text-transform: uppercase;
font-size: .8rem !important;
opacity: .4;
}
ul.team_icons {
padding-left: 0;
display: flex;
margin-top: 25px;
list-style-type: none;
}
.os_btn_outline {
background: #0b91ff;
display: block;
width: fit-content;
font-size: .8rem;
text-decoration: none;
transition: all 100ms;
height: fit-content;
padding: 0.75rem 1rem;
border-radius: 20px;
color: white;
font-weight: 400;
border: none !important;
}
.os_btn_outline:hover {
filter: brightness(120%);
color: white;
margin-left: 5px;
}
img {
text-indent: -10000px
}
.team_icons img {
width: 40px;
height: 40px;
object-fit: cover;
border: 2px solid white;
}
.team_icons li {
margin-left: -10px;
}
.team_icons li:first-child {
margin-left: 0;
}
body {
font-family: 'Inter', sans-serif !important;
overflow-x: hidden!important;
overflow-y: visible;
background-attachment: fixed, scroll;
background-size: cover;
max-width: 100vw;
color: light-dark(#212529, white);
}
h1.dashboard-title-main {
margin-top: 0;
margin-bottom: 5px;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
text-align:left;
font-size: 1rem;
color: #212529;
}
.bordered-rounded-card {
border: none;
background: rgb(255 255 255 / 70%);
backdrop-filter: blur(20px);
border-radius: 0.7rem;
display: flex;
box-shadow: rgb(0 0 0 / 5%) 0px 1px 4px;
margin-bottom: 2rem;
}
.basic-padding-level {
padding: 1.5rem;
}
li .active {
font-weight: 500 !important;
color: light-dark(black, white)!important;
background-color: light-dark(#f3f5f9, #141414);
}
button.primary_button {
border: none;
background-color: var(--ui-color);
padding: 10px 30px;
color: white;
border-radius: 16px;
font-size: .9rem;
font-weight: 400;
margin: 0;
}
button.secondary_button {
border: none;
background-color: var(--ui-color2);
padding: 10px 30px;
color: white;
border-radius: 16px;
font-size: .9rem;
font-weight: 400;
margin: 0;
}
.btn-toggle .far {
font-size: 1.1rem !important;
margin-right: 12px;
margin-top: -2px;
}
th {
border: none !important;
font-weight: 500 !important;
font-size: .875rem;
}
.btn-toggle .fas {
font-size: 1.1rem !important;
margin-right: 12px;
margin-top: -2px;
}
.user_avatar_sidebar {
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
margin-left: 10px;
}
td {
font-size: .875rem!important;
}
.table>thead {
vertical-align: bottom;
background: var(--primary-color);
color: white;
border-bottom: none !important;
}
img.user_icon {border-radius: 10px;width: 40px;height: 40px;line-height: 50px;text-align: center;/* box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; */}
span.user_name {
font-weight: 500;
font-size: 14px;
color: black;
display: block;
}
.user_info {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
line-height: 130%;
}
span.user_market {
font-weight: 300;
opacity: .7;
}
li.breadcrumb-item {
font-size: 1rem;
font-weight: 300;
}
.top_navigation_bar {
background: white !important;
/* border: 1px solid #eef1f0; */
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
box-shadow: rgb(0 0 0 / 10%) 0px 20px 25px -5px, rgb(0 0 0 / 4%) 0px 10px 10px -5px;
padding: 15px 20px;
max-width: 100%;
}
.breadcrumb {
margin-bottom: 0;
}
li.breadcrumb-item a {
color: var(--ui-color) !important;
font-weight: 400;
text-decoration: none;
}
.breadcrumb-item .active {
opacity: .7;
}
li.breadcrumb-item:first-child {
margin-left: 0 !important;
}
.search-control {
border-radius: 20px;
padding: 7px 20px;
font-size: .875rem;
border-color: #eff1f0;
font-weight: 300;
}
.breadcrumb-item+.breadcrumb-item::before {
float: left;
padding-left: 20px;
padding-right: 20px;
color: #6c757d;
content: var(--bs-breadcrumb-divider, "/");
}
h2.date_name {
text-transform: uppercase;
font-size: .9rem;
font-weight: 400;
opacity: .7;
padding: 0;
margin: 0;
}
h2.date_date {
font-size: 1.5rem;
padding: 0;
margin: 0;
}
.date-section {
line-height: 100%;
text-align: center;
display: inline-block;
width: 50px;
margin-right: 20px;
border-radius: 0.5rem;
overflow: hidden;
}
.title-section {
display: inline-block;
}
.title-section2 {
display: inline-block;
}
h2.title_name {
font-size: 1.25rem;
padding: 0;
margin: 0;
}
h2.title_location {
font-size: .8rem;
font-weight: 400;
opacity: .7;
}
.apexcharts-menu-icon,
.apexcharts-reset-icon,
.apexcharts-zoom-icon {
transform: scale(.85);
position: absolute;
top: -25px;
right: 5px;
}
span.lined_title {
display: block;
font-size: 1rem;
margin-bottom: 5px;
opacity: .7;
}
img.card-img-top {
height: 150px;
object-fit: cover;
}
span.lined_text {
font-size: 1.25rem;
color: black;
font-weight: 500;
}
.row.lined {
margin-top: 15px;
border-top: 1px solid #eef1f0;
padding-top: 15px;
text-align: center;
}
.row.lined .col-6:first-child {
border-right: 1px solid #eef1f0;
}
tbody,
td,
tfoot,
th,
thead,
tr {
border-color: inherit;
border-style: none;
border-width: 0;
}
tbody tr a {
text-decoration: none !important;
font-weight: 400;
opacity: 1;
}
tbody tr {
font-weight: 300;
}
.progress {
margin-top: 5px !important;
margin-bottom: 1.5rem;
height: 1.25rem;
background-color: #f8f8f8;
border-radius: 30px;
}
.progress:last-child {
margin-bottom: 0;
}
.dataTables_length {
display: none;
}
h1.num_fig {
font-size: 250%;
font-weight: 400;
line-height: 100%;
}
h2.overview_title {
font-weight: 400;
opacity: .7;
font-size: .875rem;
margin: 0;
padding: 0;
}
.section_head_card_title {
margin-top: 40px;
margin-bottom: 20px;
font-size: 2rem;
font-weight: 600;
opacity: 1;
letter-spacing: -0.05rem;
padding-bottom: 10px;
}
li.nav-item {
font-size: .875rem;
}
.nodecor {
text-decoration: none !important;
color: inherit;
}
span.company_find_crm {
display: block;
margin: 0 !important;
white-space: normal;
font-weight: 300;
opacity: .7 !important;
font-size: .8rem;
}
span.feature_fig {
font-weight: 600;
display: block;
margin-top: 5px;
padding-bottom: 6px;
font-size: 1.3rem;
}
span.feature_icon_indicators {
width: 60px;
height: 60px;
border-radius: 20px !Important;
line-height: 60px !Important;
display: flex;
font-size: 20px;
align-items: center;
padding: 20px !important;
justify-content: center;
margin: auto;
}
.icon-box.orange_overrider {
color: orange;
background: #ffefd1;
}
.ytd_gradient {
background: #667db6;
/* fallback for old browsers */
background: -webkit-linear-gradient(to right, #667db6, #0082c8, #0082c8, #667db6);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #667db6, #0082c8, #0082c8, #667db6);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
span.feature_info {
opacity: .7;
font-weight: 300;
font-size: .875rem;
display: block;
margin-top: -5px;
margin-bottom: 20px;
}
.orange_overrider_icon {
color: orange !important;
}
img.company {
width: 60px;
height: 60px;
object-fit: cover;
padding: 0px;
text-align: center;
box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 6%) 0px 2px 4px -1px;
border-radius: 12px;
background-size: cover;
background-image: url(https://www.accountancyage.com/wp-content/themes/accountancy-age/img/company-placeholder.png);
margin-bottom: 0.5rem;
transition: all 200ms;
}
img.company:hover {
margin-top: -5px !important;
}
.gradient-pink {
background: linear-gradient(to right, #f13cab, #ea0d95) !important;
}
.gradient-orange {
background: linear-gradient(to right, #f5af19, #ff9800) !important;
}
.gradient-sky {
background: linear-gradient(to right, #36d1dc, #5b86e5) !important;
}
.gradient-purple {
background:linear-gradient(to right, #e17ef7, #9c27b0) !important;
}
.gradient-green {
background: linear-gradient(to left, #4caf50, #32dc72) !important;
}
@media screen and (max-width:1200px) {
.hidesmall {
display: none !important;
margin-bottom: 10px !important;
}
}
@media screen and (min-width:2500px) {
.holder_col {
width: calc(100% - 320px) !important;
}
}
@media screen and (min-width:1750px) {
.menu_hider{
display:none!important;
}
}
.menu_hider{
display:flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width:1750px) {
.holder_col {
width: 100%!important;
margin: auto;
}
.autohide_function {
position: fixed;
left: -290px;
opacity: 0;
transition: all 100ms;
z-index: 9998;
}
.alt_contributor_text {
font-size: 3rem !important;
}
.rank_position {
font-size: 3rem !important;
}
.activ_navi {
left: 0;
opacity: 1;
z-index:9998!important;
}
}
.holder_col {
width: calc(100% - 300px);
margin-left: auto;
margin-right: auto;
}
.top_navgiation {
vertical-align: middle;
align-items: center;
margin-top: 0px;
background: rgb(255 255 255 / 90%);
backdrop-filter: blur(20px);
padding: 0.7rem 2rem;
border-radius: 0;
display: flex;
border-bottom: 1px solid #eff1f0;
}
.header_icons {
font-size: 17px;
color: black;
width: 40px;
height: 40px;
border-radius: 50%;
transition:all 200ms;
}
.header_icons:hover {background: #f3f5f9!important;}
.user_info_header {
margin-left: auto;
vertical-align: middle;
display: flex;
align-items: center;
gap: 15px;
}
.event_integration {
font-size: .875rem;
vertical-align: middle;
opacity: .5;
margin-left: 10px;
}
tr.even {
background: #fbfbfb;
}
.avatar_home {
width: 40px;
height: 40px;
object-fit: cover;
border-radius: 50%;
box-shadow: 0 4px 8px 0 rgb(34 41 47 / 12%), 0 2px 4px 0 rgb(34 41 47 / 8%);
}
.avatar_support_text {
display: inline;
}
.avatar_support_text {
line-height: 100%;
text-align: right;
margin-right: 15px;
margin-top: 3px;
}
span.avatar_name {
display: block;
margin: 0;
padding: 0;
font-weight: 500;
}
span.avatar_support {
display: block;
font-size: 80%;
opacity: .7;
}
.alert.alert-primary.ui_banner_top {
text-align: center;
padding: 4px;
font-size: .85rem;
background: linear-gradient(to right, #B06AB3, #4568DC);
border: none;
color: #ffffffb3;
margin: 0;
z-index: 9998;
}
.nav-pills .nav-link {
background: 0 0;
border: 0;
border-radius: 0.5rem;
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
color: #fff !important;
background: #0a6efd;
border-radius: 1rem;
}
.nav-link {
color: rgb(0 0 0 / 62%) !important
}
span.ellipsis {
padding-right: 5px;
}
.paginate_button {
padding: 7.5px 15px;
margin-right: 5px;
border-radius: 14px;
font-size: .8rem;
background: #f9f9f9;
color: #212529 !important;
font-weight: 300;
cursor: pointer;
}
a.paginate_button.current {
background: #000000 !important;
color: #f7c7c7 !important;
}
div.dataTables_wrapper div.dataTables_filter {
text-align: left;
}
div.dataTables_wrapper div.dataTables_filter input::placeholder {
color:#5e5e5e!important;
}
div.dataTables_wrapper div.dataTables_filter input {
margin-left: 0.5em;
display: inline-block;
width: auto;
padding: 12px 18px;
width: 400px;
border-radius: 10px;
border: 0;
font-weight: 300;
background: #f6f6f6a8;
font-size: .8rem;
margin: 0;
}
table.dataTable thead {
background: var(--primary-color);
color: white;
}
div.dataTables_wrapper div.dataTables_paginate {
margin: 0;
white-space: nowrap;
text-align: right;
padding-bottom: 20px;
padding-top: 20px;
}
h5.modal-title {
font-size: .8rem;
font-weight: 300;
opacity: 1;
color: black!important;
}
button.btn-close {
position: absolute;
background: white url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
padding: 2rem;
box-shadow: 0 5px 20px 0 rgb(34 41 47 / 10%);
border-radius: 0.357rem;
top: -2px;
right: -2px;
opacity: 1;
}
.icon_menu_box {
margin: auto;
display: flex;
height: 70px;
width: 70px;
border-radius: 20px;
align-items: center;
justify-content: center;
transition: all 100ms;
}
.icon_menu_box:hover {
margin-top: -5px;
}
.green {
background: #8bc34a1c;
color: #3bd53b;
}
.green:hover {
background: #3bd53b!important;
color:white!important;
text-decoration:none!important;
cursor:pointer;
}
.purple {
background: #9c27b017;
color: #e765e7;
}
.purple:hover {
background: #e765e7!important;
color:white!important;
text-decoration:none!important;
cursor:pointer;
}
.orange {
background: #ffcdcd;
color: #801c1c;
font-weight: 300;
}
.orange:hover {
background: #faa200!important;
color:white!important;
text-decoration:none!important;
cursor:pointer;
}
.blue {
background: #d0e7fa4d;
color: #45a8f7!important;
}
.blue:hover {
background: #45a8f7!important;
color:white!important;
text-decoration:none!important;
cursor:pointer;
}
.pink {
background: #ffdce84d;
color: #f65fbf;
}
.pink:hover {
background: #f65fbf!important;
color:white!important;
text-decoration:none!important;
cursor:pointer;
}
.nonemover:hover{
margin:0!important;
}
.menu_items {
font-size: 2rem;
}
p.menu_support_text {
margin-top: 7.5px;
font-weight: 300;
opacity: .7;
font-size: .875rem;
margin-bottom: 0;
}
.col-xl-12.line-break {
border-top: 1px solid #eef1f0;
margin-bottom: 20px;
margin-top: 20px;
}
.icon_menu_box_alt {
display: flex;
height: 50px;
width: 50px;
border-radius: 12px;
align-items: center;
justify-content: center;
transition: all 100ms;
}
.design_menu_list{
display: flex;
gap: 20px;
border-bottom: 1px solid #eef1f0;
padding-top: 15px;
padding-bottom: 10px;
align-items: top;
}
.design_menu_list:last-child{
border-bottom: none;
padding-bottom:none;
}
p.setting_header {
font-weight: 500;
text-align: left;
padding: 0;
margin: 0;
}
p.settings_description {
font-size: .8rem;
font-weight: 400;
opacity: .6;
text-align: left;
padding: 0;
margin: 0;
}
.modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: none;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
background: #f3f5f9de;
backdrop-filter: blur(20px);
}
h1.new_text_menu {
text-align: center;
font-weight: 500;
font-size: 2rem !important;
margin: 0;
}
a.tabinbound {
text-decoration: none;
color: black;
font-size: 1rem;
font-weight: 400;
}
li.inboundtabs {
border-radius: 10px !important;
padding: 0.25rem 0rem;
margin-top: .4rem;
margin-left: 0px;
font-size: .9rem;
text-decoration: none;
font-weight: 400;
}
h2.dashboard-title-secondary {
font-size: .87rem;
font-weight: 300;
color: #a7a7a7;
}
label.form-label {
font-weight: 400;
font-size: .775rem;
opacity: .8;
margin: 0;
padding: 0;
margin-top: 20px;
display: block;
}
.form-control {
border: 1px transparent solid;
background-clip: padding-box;
border-radius: 5px;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 0.9285714286em 0.7857142857em;
word-break: normal;
line-height: inherit;
background-color: white;
color: #333333;
border-color: #d9d9d9;
font-size:13px;
height:auto;
}
.form-control::placeholder{
color:#737373!important;
}
table.dataTable td, table.dataTable th {
box-sizing: content-box;
white-space: nowrap;
/* text-overflow: ellipsis; */
/* word-break: break-all; */
overflow: hidden;
padding: 12px;
font-size: 13px!important;
}
h1.kaban-title {
font-size: 1rem;
font-weight: 500;
}
.dataTable td {
white-space: nowrap;
}
h2.candidate_name {
font-size: 1rem;
font-weight: 500;
}
input.apple-switch {
position: relative;
-webkit-appearance: none;
outline: none;
width: 50px;
height: 30px;
background-color: #fff;
border: 1px solid #d9dadc;
border-radius: 50px;
box-shadow: inset -20px 0 0 0 #d9dadc;
transition: all 200ms;
}
input.apple-switch:checked {
box-shadow: inset 20px 0 0 0 #7acf18;
border-color: #7acf18;
transition: all 200ms;
}
input.apple-switch-small {
position: relative;
-webkit-appearance: none;
outline: none;
width: 30px;
height: 20px;
background-color: #fff;
border: 1px solid #d9dadc;
border-radius: 50px;
box-shadow: inset -10px 0 0 0 #fff;
transition: all 200ms;
}
input.apple-switch-small:checked {
box-shadow: inset 10px 0 0 0 #7acf18;
border-color: #7acf18;
transition: all 200ms;
}
.field_autofill {
background: #8bc34a1c;
color: #25af25;
}
.soruce_badge {
border-radius: 20px!important;
width: fit-content;
margin-bottom: 10px!important;
font-weight: 300!important;
text-decoration: none;
padding: 5px 10px!important;
margin: 0;
font-size: .6rem;
}
.card_candidate {
background: #fff;
border: 1px solid #e9e9e9;
padding: 10px;
margin-bottom: 1rem;
cursor: pointer;
border-radius: 8px!important;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1), background 0s, color 0s, border 0s;
width: 100%;
}
p.candidate_name {
font-size: .9rem;
opacity: .9;
}
.icons_candidate {
font-size: .7rem;
opacity: .5;
margin-top: 0;
padding-top: 9px;
}
.card.style1.box {
border: none;
background: transparent;
}
p.candidate_name {
padding: 0;
margin: 0;
font-size: .8rem;
font-weight: 300;
}
.mycandidates_icon {
display: flex;
width: 100%;
background: white;
padding: 13px 10px;
margin: 2px;
border-radius: 15px;
font-size: .8rem;
font-weight: 300!important;
color: #ffc9d3;
background: #1c1c1c;
cursor: pointer;
align-items: center;
transition: all 100ms;
}
.mycandidates_icon:hover{
background: #ff91a5;
color:white;
}
.notification_toast_title {
font-size: .875rem;
color: black;
font-weight: 400;
}
.notification_toast_body {
opacity: .7;
line-height: 120%;
font-size: .8rem;
}
.round {
position: relative;
}
.round label {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 50%;
cursor: pointer;
height: 28px;
left: 0;
position: absolute;
top: 0;
width: 28px;
}
.round label:after {
border: 2px solid #fff;
border-top: none;
border-right: none;
content: "";
height: 6px;
left: 7px;
opacity: 0;
position: absolute;
top: 8px;
transform: rotate(-45deg);
width: 12px;
}
.round input[type="checkbox"] {
visibility: hidden;
}
.round input[type="checkbox"]:checked + label {
background-color: #66bb6a;
border-color: #66bb6a;
}
.round input[type="checkbox"]:checked + label:after {
opacity: 1;
}
.form-label-checklist{
font-size: 1rem;
line-height: 100%;
margin-left: 30px!important;
font-weight: 400;
opacity: .5;
margin-bottom:0;
}
.candview_modal_Open{
transition: all 100ms;
}
.candview_modal_Open:hover{
font-weight:500;
color:#03A9F4!important;
cursor:pointer;
}
.comment_ui {
border: none;
padding: 10px;
border-radius: 15px;
margin-top: 20px;
box-shadow: rgb(0 0 0 / 7%) 1.95px 1.95px 2.6px;
}
p.comment_ui_text {
font-size: .875rem;
padding-top: 10px;
font-weight: 400;
opacity: .8;
}
.comment_ui_info {
margin-top: 10px;
font-size: .77rem;
display: flex;
gap: 20px;
opacity: .4;
}
.avatar_hover{
transition: all 100ms;
}
.avatar_hover:hover{
transform:scale(1.05);
cursor:pointer;
}
.central_moods {
height: 100vh;
display: flex;
align-items: center;
padding: 50px;
justify-content: center;
}
h1.mood_opener {
font-size: 5rem;
font-weight: 300;
margin-bottom: 100px;
}
.dont_ask_again {
margin-top: 50px;
color: #e83629!important;
border: 1px solid #e83629;
padding: 10px 20px;
border-radius: 15px;
width: fit-content;
cursor: pointer;
position: absolute;
bottom: 30px;
transition: all 100ms;
}
.dont_ask_again:hover {
background:#e83629!important;
color:white!important;
}
span.revenue_total {
margin-top: 20px;
display: block;
font-weight: 300;
opacity: .5;
}
img.avatar_teams {
width: 70px;
height: 70px;
object-fit: cover;
border-radius: 50%;
box-shadow: 0 4px 8px 0 rgb(34 41 47 / 12%), 0 2px 4px 0 rgb(34 41 47 / 8%);
}
span.avatar_name_teams {
display: block;
font-size: 1.5rem;
font-weight: 500;
color: black;
line-height: 100%;
margin-bottom: 3px;
}
span.avatar_support_teams {
opacity: .5;
}
p.team_sub_text {
font-weight: 400;
opacity: .8;
}
.col-3.disc_box {
border-top: 1px solid #eef1f0;
padding: 10px;
}
i.disc {
color: white;
margin-bottom: 20px;
font-size:40px;
}
.team_sub_text b {
color: #9f35b1;
font-weight: 500;
}
ul.bare_list {
margin-top: 20px;
margin-left: 20px;
}
ul.bare_list li{
font-size:1rem;
padding-bottom:3px;
font-weight:400;
}
ul.bare_list li a{
text-decoration:none;
transition: all 200ms;
}
ul.bare_list li a:hover{
font-weight:500;
}
.holiday_box {
background: linear-gradient(to right, #B06AB3, #4568DC);
height: fit-content;
margin-bottom: 1.5rem;
border-radius: 0.5rem;
padding: 20px!important;
color: white!important;
transition: all 200ms;
}
.holiday_box:hover {
background: linear-gradient(to right, #4568DC, #B06AB3);
cursor:pointer;
transform:scale(1.05);
}
.swal-wide-holidays {
padding: 50px 10px;
border-radius:.5rem;
}
.swal-wide-holidays h2{
color:black!important;
font-weight:500;
font-size:25px;
}
button.swal2-confirm.swal2-styled {
background: #212529;
border-radius: 1rem;
color: pink;
font-weight:400;
font-size: .875remrem!important;
}
button.swal2-cancel.swal2-styled {
background:#F44336;
border-radius:30px;
font-weight:400;
font-size:1rem!important;
}
span.prosearch_avatar {
width: 70px;
height: 70px;
line-height: 100px;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: white!important;
background-color: orange;
}
.person_card {
padding: 5px;
margin-bottom: 10px;
border-bottom: 1px solid #eef1f0;
}
a.prosearch_name_link {
color: #6154de;
font-size: 1.2rem;
font-weight: 500;
text-decoration: none;
}
span.current_job {
display: block;
opacity: .8;
margin-bottom: 10px;
}
span.card_headline.mt-3.mb-0.pb-0 {
font-weight: 500;
margin-top: 10px!important;
display: block;
}
.save_to_last {
border: 2px solid #ac6ab4;
padding: 10px 20px;
display: block;
margin-top: 20px!important;
width: fit-content;
margin: auto;
border-radius: 50px;
color: #7a4b82!important;
transition: all 100ms;
}
.save_to_last:hover {
background:#ac6ab4;
cursor:pointer;
color:white!important;
}
div.dataTables_wrapper div.dataTables_info {
padding-top: 0.85em;
font-size: .8rem;
opacity: .5;
}
.select-all-button {
margin: 0px;
width: fit-content;
padding: 8px 12px;
margin-right: 5px;
border-radius: 8px;
font-size: .8rem;
background: #f9f9f9;
color: #5e5e5e !important;
cursor: pointer;
font-weight: 300;
margin-bottom: 5px!important;
display: block;
}
.xxx {
background: #3190ff;
color: white!important;
display: inline-block;
gap: 10px;
width: fit-content;
font-size: .9rem;
align-items: center;
justify-content: center;
border-radius: 50px;
}
.xxx2 {
background: #f6edf8;
color: #e765e7!important;
display: inline-block;
}
img.contact_image {
width: 150px;
height: 150px;
margin: auto;
border-radius: 20px;
margin-top: 10px;
}
h1.contact_title {
font-size: 1.3rem;
margin-top: 25px;
text-align: center;
font-weight: 500;
margin-bottom: 0;
padding-bottom: 0;
}
h2.contact_subtitle {
font-weight: 300;
font-size: 1rem;
text-align: center;
opacity: .6;
}
.contact_indicators {
display: flex;
justify-content: center;
margin-top: 20px;
gap: 70px;
}
.contact_indiciator_holder {
display: flex;
vertical-align: middle;
align-items: center;
align-content: center;
gap: 10px;
}
span.type {
display: block;
font-weight: 300;
font-size: .8rem;
margin:0;
}
.label_details{
display: block;
font-weight: 400;
font-size: .9rem;
margin:0;
}
span.value {
font-size: .775rem;
font-weight: 400;
opacity: .7;
}
hr.contact_hr {
border-top: 1px solid rgb(238 241 240);
margin-top: 40px;
opacity: .9;
margin-bottom: 20px;
background-color: transparent;
}
.individual_border tr {
border-bottom: 1px solid #eef1f0;
padding-bottom: 20px;
padding-top: 20px;
}
.individual_border tr:first-child {
padding-top:0!important;
}
.individual_border tr:last-child {
border-bottom:none!important;
}
input.form_primary_contact {
border: none;
padding: 0;
margin: 0;
font-size: .875rem;
font-weight: 400;
opacity: .6;
width:300px;
}
.crm_restriction {
margin-top: 20px;
margin-bottom: 0;
font-size: .875rem;
line-height: 130%;
padding: 7px;
color: #aa2319;
background: #ffd0d0;
border: none;
text-align: center;
}
input.form_primary_contact:disabled {
background: transparent;
}
.nav-pills_alt .nav-link.active {
color: white!important;
background: #0b91ff!important;
border-radius: 20px;
}
.nav-pills_alt {
font-size: .95rem;
font-weight: 300!important;
}
.red {
background: #ffc5c5;
color: #f44336;
}
.qm_card {
height: 100px!important;
display: flex!important;
justify-content: center;
align-items: center;
width: 200px!important;
background: #45a8f7!important;
color: white!important;
border: none!important;
}
.contact_buttons {
display: flex;
gap: 30px;
justify-content: left;
margin-top: 20px;
margin-bottom: 15px;
margin-top: 15px;
}
.contact_options_btns {
background: #ecf6fe;
color: #0b91ff;
width: 50px;
font-size: 1.2rem;
height: 50px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border-radius: 15px;
transition: all 100ms;
text-decoration:none!important;
}
.contact_options_btns:hover{
background: #0b91ff;
color:white;
}
h2.candidate_white_focus {
font-size: 1.2rem;
font-weight: 400;
margin: 0;
}
h3.candidate_white_detail {
font-weight: 300;
font-size: .875rem;
opacity: .5;
}
.candidate-record-textarea {
display: block;
width: 100%;
margin-top: 5px;
margin-bottom: 15px;
border-radius: 10px;
padding: 15px;
font-size: .8rem;
font-weight: 300;
color: black;
resize: vertical;
border: 1px solid #d8d8d8;
background: #ffffff61;
/* resize: none; */
}
.crm_badge_set {
font-weight: 500;
border-radius: 15px;
padding: 7px 14px;
}
.call_woner {
display: block;
opacity: .6;
font-size: 13px;
font-weight: 300;
}
#vax_select_option{
display:none;
width:100%;
}
.modal{
margin: 0;
padding: 0;
}
.modal-fullscreen .modal-content {
height: fit-content;
border: 0;
border-radius: 0!important;
}
.bigger_sizing {
font-size: 17px;
}
.smaller_contact_image{
width:70px!important;
height:70px!important;
}
.details_contact {
display: flex;
align-items: center;
align-content: center;
justify-content: flex-start;
float: left;
gap: 15px;
}
h2.send_card_title {
font-weight: 300;
font-size: 1.5rem;
opacity: .7;
}
h2.send_card_title {
font-weight: 300;
font-size: 1.5rem;
opacity: .7;
}
.special_card_feature h1 {
font-size: 1rem;
font-weight: 400;
padding-top: 5px!important;
display: block;
}
.special_card_feature p {
font-size: .8rem;
font-weight: 300;
opacity: .6;
overflow: hidden;
}
.special_card_feature {
box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
width: 300px;
border-radius: 20px;
height: 300px;
margin-top: 20px;
padding: 20px;
overflow: hidden;
display: inline-block;
margin-right: 15px;
border: 1px solid #eff1f069;
transition: all 200ms;
}
.custom_height_feature{
height: 400px!important;
overflow-y:scroll;
}
/* ===== Scrollbar CSS ===== */
/* Firefox */
.scrolling-wrapper {
scrollbar-width: auto;
scrollbar-color: #8f54a0 #ffffff;
}
/* Chrome, Edge, and Safari */
.scrolling-wrapper::-webkit-scrollbar {
}
.scrolling-wrapper::-webkit-scrollbar-track {
background: #ffffff;
}
.scrolling-wrapper::-webkit-scrollbar-thumb {
background-color: #dadada;
border-radius: 10px;
border: 3px solid #ffffff;
}
.custom_height_feature::-webkit-scrollbar {
width: 3px!important;
height: 4px!important;
}
.custom_height_feature::-webkit-scrollbar-track {
background: #ffffff;
}
.custom_height_feature::-webkit-scrollbar-thumb {
background-color: #dadada;
border-radius: 10px;
border: 3px solid #ffffff;
}
span.percentages {
background: #d6eff7;
color: #2b85a1;
padding: 5px 10px;
border-radius: 50px;
font-size: .7rem;
margin: 0;
font-weight: 600;
}
p.template_position {
margin: 0;
padding-bottom: 2px;
opacity: 1;
padding: 5px 10px;
border-radius: 50px;
width: fit-content;
font-size: .7rem;
margin-bottom: 5px;
font-weight: 500;
}
.message_spanner p {
font-size: .75rem!important;
font-weight: 300!important;
margin-top: 10px!important;
color:black!important;
font-family: 'Roboto', sans-serif!important;
}
.message_spanner span {
font-size: .75rem!important;
font-weight: 300!important;
margin-top: 10px!important;
color:black!important;
font-family: 'Roboto', sans-serif!important;
}
span.nova_user_tag_msg {
text-transform: lowercase;
margin-left: 5px;
font-weight: 300;
opacity: .8;
}
.special_card_feature:hover{
transform:scale(1.01);
cursor:pointer;
}
.dropdown-menu {
position: absolute;
z-index: 1000;
display: none;
min-width: 10rem;
border-radius: 10px!important;
padding: 20px 10px;
margin: 0;
font-size: .9rem;
font-weight: 300!important;
color: #404145;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgb(238 241 240);
}
.dropdown-item:focus, .dropdown-item:hover {
color: #1e2125;
font-weight: 500!important;
background-color: #f3f5f9;
border-radius: 5px;
}
.btn-primary-alt {
background: var(--primary-color);
color: white!important;
border-radius: 0.5rem;
transition:all 100ms;
border-radius: 1rem;
}
.btn-primary-alt:hover {
filter: brightness(120%);
transform:scale(1.02);
}
.btn-secondary-alt {
background: var(--secondary-color);
color: white!important;
border-radius: 0.5rem;
transition:all 100ms;
border-radius: 1rem;
}
.btn-secondary-alt:hover {
filter: brightness(120%);
transform:scale(1.02);
}
img.owner_avatar_list {
width: 30px;
height: 30px;
object-fit: cover;
border-radius: 50%;
}
.owner_holder_list {
display: inline-block;
margin-right: 10px;
}
.delete_forever{
margin-top: 50px;
display: inline-block;
color: #ffffff!important;
border: 3px solid #ffffff;
padding: 10px 20px;
border-radius: 15px;
width: fit-content;
cursor: pointer;
transition: all 100ms;
}
.subtle_alert {
background: #0a6efd;
color: white;
border-radius: 20px;
font-weight: 300;
font-size: .8rem;
opacity: .9;
border:none!important;
padding: 10px 15px;
}
.subtle_success {
background: rgb(40 167 69 / 12%);
color: var(--success);
border-radius: 5px;
font-weight: 300;
font-size: .875rem;
opacity: .9;
border: none!important;
}
.warning_barrier {
background: #cb2d3e; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #ef473a, #cb2d3e); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #ef473a, #cb2d3e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
padding: 20px;
margin-top: 20px;
text-align: left;
font-size: .9rem;
color: white;
border-radius: 20px;
}
.background_dark{
background: #252525!important;
width:45%;
overflow:hidden;
}
.background_dark:hover{
transform:none!important;
}
span.nova_user_tag_msg.alt {
margin: 0;
font-size: .8rem;
}
.message_spanner_white.text-white {
font-size: .8rem;
}
.dotted_message_box {
border: 2px dashed #cc2f3f;
border-radius: 20px;
padding: 20px;
color: #cc2d3f;
font-size: .9rem;
}
.pending_approval {
background: #ffa09952;
color: #cb0e00;
border-radius: 5px;
font-weight: 300;
font-size: .875rem;
opacity: .9;
border: none!important;
}
p.final-text {
font-weight: 400;
font-size: .875rem;
opacity: .7;
}
.avatar_placeholder {
background: var(--primary-color);
color: white;
display: flex;
width: 35px;
height: 35px;
align-items: center;
justify-content: center;
border-radius: 50%;
object-fit:cover;
cursor:pointer;
transition: all 100ms;
}
.avatar_placeholder:hover {
transform:scale(1.05);
}
.searchUI {
width: 600px;
height: 60px;
border-radius: 20px;
background: #ffffffab;
backdrop-filter: blur(5px);
color: var(--primary-color)!important;
font-size: 1rem;
padding: 20px 20px;
border: none!important;
font-weight: 300;
}
.searchUIB {
width: 600px;
height: 60px;
border-radius: 20px;
background: #ffffffab;
backdrop-filter: blur(5px);
color: var(--primary-color)!important;
font-size: 1rem;
padding: 20px 20px;
border: none!important;
font-weight: 300;
}
span.todo_description.task_label {
font-size: .875rem;
font-weight: 300;
opacity: 1;
}
.searchUI:focus {
background: #ffffffab!important;
}
.searchUIB:focus {
background: #ffffffab!important;
}
p.recent-text-sorter {
margin: 0;
font-weight: 400;
color: #e1435e;
}
p#counter_list {
font-weight: 600;
font-size: 2rem;
display: inline;
transition: all 100ms;
}
.inspo_random {
font-size: .775rem;
opacity: .4;
font-weight: 300;
letter-spacing: .2px;
}
.the_blurer {
min-width:100%;
min-height:30px;
position:fixed;
left:0;
right:0;
backdrop-filter:blur(2px);
background:#fbfcfd;
z-index:9;
}
.toast {
width: 350px;
max-width: 100%;
font-size: .875rem;
pointer-events: auto;
background-color: rgb(255 255 255 / 40%);
background-clip: padding-box;
border: none;
box-shadow: rgb(0 0 0 / 16%) 0px 1px 3px;
border-radius: 10px;
}
.toast-header {
display: flex;
align-items: center;
padding: 0.5rem 0.75rem;
color: black;
font-weight: 400;
background-color: #cccccc36;
background-clip: padding-box;
border-bottom: 1px solid rgba(0,0,0,.05);
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
ul.nav.nav-pills.flex_style.smaller {
border: none;
padding: 0;
font-size: .875rem;
}
h1.new_rank_text {
font-size: 4rem;
color: white;
font-weight: 700;
margin: 0;
text-align:left;
}
.attention_mode {
font-size: 6rem;
color: #a69df9;
text-align: center;
}
.color-change-2x {
-webkit-animation: color-change-2x 7s linear infinite alternate both;
animation: color-change-2x 7s linear infinite alternate both;
}
.breadcrumbs svg {
width: 20px;
height: 20px;
}
.breadcrumbs{
display:flex;
align-items:center;
justify-content:flex-start;
align-content:center;
font-size:.875rem;
gap: 10px;
margin-top:5px;
font-weight:300;
color:#6e6e6e;
padding:5px 10px;
transition:all 100ms;
border-radius:10px;
width:fit-content;
}
.breadcrumbs:hover {
background: #f4f4f4;
cursor:pointer;
color:black;
};
@-webkit-keyframes color-change-2x {
0% {
background: #7367F0;
}
100% {
background:var(--primary-color)
}
}
@keyframes color-change-2x {
0% {
background: var(--primary-color)
}
100% {
background: #7367F0;
}
}
h1.notification_title {
font-weight: 600;
font-size: 1rem;
padding-bottom: 10px;
border-bottom: 1px solid #eff1f0;
}
.noti_noti{
max-width:400px;
width:400px;
}
.notification_message img {
width: 25px;
height: 25px;
object-fit: cover;
border-radius: 50%;
filter: grayscale(1);
}
.notification_text {display: inline-block;}
p.notification_message {
white-space: break-spaces;
font-weight: 300!important;
line-height: 130%;
color: #565656;
font-size: .8rem;
margin:0;
margin-bottom:3px;
}
h1.notification_name {
font-size: .875rem;
margin-bottom: 3px;
white-space: break-spaces;
display: flex;
align-items: center;
}
p.notification_time {
font-size: .6rem;
opacity: .5;
font-weight: 300;
padding:0;
margin:0;
}
.notification_text {
margin-left: 10px;
}
a.dropdown-item.notification_message {
vertical-align: middle;
display: flex;
border-bottom: 1px solid #eff1f0;
padding-top: 10px;
padding-bottom:10px;
}
.redunreaddot {
background: #ff647f;
width: 5px;
height: 5px;
display: inline-block;
border-radius: 50%;
margin-left: 2px;
margin-bottom: 2px;
}
.notification_message:last-child {
border-bottom:none!important;
}
button.btn.btn-primary.btn-sm.primary_bg_button {
margin-top: 10px;
border-radius: 1rem;
padding: 5px 15px;
font-size: .875rem;
background: #4f44be;
border: none;
}
.wobble-hor-top{-webkit-animation:wobble-hor-top 1.5s infinite both;animation:wobble-hor-top 1.5s infinite both}
@-webkit-keyframes wobble-hor-top{0%,100%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}15%{-webkit-transform:translateX(-30px) rotate(6deg);transform:translateX(-30px) rotate(6deg)}30%{-webkit-transform:translateX(15px) rotate(-6deg);transform:translateX(15px) rotate(-6deg)}45%{-webkit-transform:translateX(-15px) rotate(3.6deg);transform:translateX(-15px) rotate(3.6deg)}60%{-webkit-transform:translateX(9px) rotate(-2.4deg);transform:translateX(9px) rotate(-2.4deg)}75%{-webkit-transform:translateX(-6px) rotate(1.2deg);transform:translateX(-6px) rotate(1.2deg)}}@keyframes wobble-hor-top{0%,100%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}15%{-webkit-transform:translateX(-30px) rotate(6deg);transform:translateX(-30px) rotate(6deg)}30%{-webkit-transform:translateX(15px) rotate(-6deg);transform:translateX(15px) rotate(-6deg)}45%{-webkit-transform:translateX(-15px) rotate(3.6deg);transform:translateX(-15px) rotate(3.6deg)}60%{-webkit-transform:translateX(9px) rotate(-2.4deg);transform:translateX(9px) rotate(-2.4deg)}75%{-webkit-transform:translateX(-6px) rotate(1.2deg);transform:translateX(-6px) rotate(1.2deg)}}
.pinned {
position: absolute;
right: 20px;
top: 20px;
font-size: 1.5rem;
color: var(--primary-color);
}
.novaXname {
font-weight: 600;
}
span.novaXat {
opacity: .8;
font-weight: 300!important;
}
.contentNova {
margin-top: 20px;
color: #373737;
}
.btn-outline-primary {
color: #048eff;
background: #edf2f6;
display: block;
width: fit-content;
font-size: .8rem;
border: none;
font-weight: 300;
border-radius: 1rem;
margin-top: 5px;
}
.btn-outline-primary:hover {
color: #fff;
background-color: #048eff;
border-color: #048eff;
}
p.nothing {
margin-top: 10px;
font-size: .875rem;
font-weight: 300;
}
li.inboundtabs .active {
background: none;
color: var(--primary-color)!important;
font-weight: 600;
}
.swal2-popup {
display: none;
position: relative;
box-sizing: border-box;
flex-direction: column;
justify-content: center;
width: 400px;
max-width: 100%;
padding: 20px 15px;
border-radius: 15px;
background: #fff;
font-family: inherit;
font-size: .8rem;
}
.swal2-title {
position: relative;
max-width: 100%;
margin: 0 0 0.4em;
padding: 0;
color: #000000;
font-size: 1.5rem;
font-weight: 500;
text-align: center;
text-transform: none;
letter-spacing: -0.02rem;
word-wrap: break-word;
}
.swal2-content {
z-index: 1;
justify-content: center;
margin: 0;
padding: 0 1.6em;
color: #717171;
font-size: .85rem;
font-weight: 300;
line-height: normal;
line-height: 140%;
text-align: center;
word-wrap: break-word;
}
.custom_progress {
border-top-left-radius: 0;
border-top-right-radius: 0;
height: 50px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.progress-bar-custom {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #49da4f;
transition: width .6s ease;
}
light {
font-weight: 300;
opacity: .5;
}
div#listreturn {
font-size: 12.5px;
border: 1px solid #f4f4f4;
background: #f4f4f4;
color:#2c2c2c;
display: flex;
align-items:center;
justify-content:center;
gap: 10px;
width:fit-content;
font-weight:300;
border-radius:10px;
padding:5px 18px;
margin-bottom: 20px;
}
div#listreturn:hover{
transform:scale(1.01);
background: #eeebeb;
}
div#listreturn svg{
width:20px;
}
.blink-1{-webkit-animation:blink-1 1.5s infinite alternate-reverse both;animation:blink-1 1.5s infinite alternate-reverse both}
@-webkit-keyframes blink-1{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes blink-1{0%,50%,100%{opacity:1}25%,75%{opacity:0}}
.hover_action{
transition: all 100ms;
}
.hover_action:hover{
transform:scale(1.05);
cursor:pointer;
text-decoration:none!important;
}
.tab-pane{
margin-left:20px;
margin-right:20px;
}
.alert.alert-primary.text-center.secondary_user {
background: white;
border-bottom: 1px solid var(--primary-color) !important;
border-top: 1px solid var(--primary-color)!important;
}
.secondary_user a {
color: var(--primary-color);
font-size: .875rem;
font-weight: 500;
text-decoration: none;
}
tr.highlight.highlight-green {
background: #4CAF50;
color: white;
}
tr.highlight {
background: #f1f1f1;
}
span.user_position {
font-size: 13px;
margin: 0;
line-height: 90%;
padding: 0;
display: block;
opacity: .6;
}
table.ReviewFinanceTable tr:first-child td{
border: none!important;
}
.dashpro-app {
background: rgb(255 255 255 / 90%);
}
table.ReviewFinanceTable tr:last-child td{
border: none!important;
}
.bg_home{
background-image:url('data:image/svg+xml,')!important;
background-size:cover;
background-position: center;
}
.bg_home2{
background-size:cover;
background-position: center;
background-image:url('data:image/svg+xml,');
}
.home_sendouts{
background-size:cover;
background-position: center;
background-image:url('data:image/svg+xml,')!important
}
.home_alt_blue{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='720' viewBox='0 0 720 720'%3E%3Crect width='720' height='720' fill='%23b4cbf9'/%3E%3Cpath d='M989.2850982290176,44.99999999999995C973.6061370196205,101.54249567691203,890.7291776173192,102.84497017156687,856.8640701291628,150.4186911555106C822.9989626410063,197.99241213945433,827.5717983216061,304.87750424035886,786.0944533000791,330.4423259036624C744.617108278552,356.0071475669659,656.667039922642,347.595413320011,608,303.8076211353316C559.332960077358,260.0198289506522,516.7435114701896,126.71915383269649,494.0922137642275,67.71557279558597C471.44091605826543,8.711991758475442,449.63989288357254,-4.731810379443985,472.0922137642275,-50.21386508733157C494.54453464488245,-95.69591979521915,574.7843555103428,-173.97201198235103,628.8061390481572,-205.17675545173952C682.8279225859716,-236.381498921128,742.5342986015493,-240.16573799462537,796.222914991114,-237.44232590366244C849.9115313806786,-234.7189138126995,918.7608068458946,-235.9100038899056,950.9378373855452,-188.83628290596187C983.1148679251958,-141.76256192201814,1004.9640594384148,-11.542495676912125,989.2850982290176,44.99999999999995C973.6061370196205,101.54249567691203,890.7291776173192,102.84497017156687,856.8640701291628,150.4186911555106' fill='%23558fff'/%3E%3C/svg%3E");
background-size:cover;
background-position: center;
}
span.brand_name {
font-weight: 300;
font-size: 17px;
color: black;
}
.invisible_card {
margin: auto;
width: 100%;
padding-left: 10px;
display: flex;
flex-direction: column;
align-content: center;
}
h1.daytext {
margin-top: 30px;
margin-left: 10px;
font-weight: 500;
font-size: 1.75rem;
display: block;
letter-spacing: -0.04rem;
color: black;
margin-bottom: 30px;
}
.invisible_card.alt_invisible_vert {
flex-direction: row;
justify-content: center;
align-items: center;
vertical-align: middle;
padding: 10px 20px;
}
.card_frosted{
background: rgb(255 255 255 / 42%)!important;
border: 1px solid #e7e7e769!important;
border-radius: 20px!important;
}
a.btn.btn-primary.btn-sm.bizlaunchpad {
height: fit-content;
padding: 0.75rem 1rem;
border-radius: 20px;
color: black;
background: #f3f5f9;
border: none;
font-weight:300;
}
.circliful {
margin:auto;
position: relative;
}
.circle-text, .circle-info, .circle-text-half, .circle-info-half {
width: 100%;
position: absolute;
text-align: center;
display: inline-block;
}
.circle-info, .circle-info-half {
color: #999;
}
.circliful .fa {
margin: -10px 3px 0 3px;
position: relative;
bottom: 4px;
}
.role_card {
cursor: pointer;
transition: all 100ms;
height: 100px;
display:flex;
vertical-align:middle;
justify-content: center;
}
.role_card:hover {
margin-left:2px;
background-color:#548eff!important;
}
.role_card:hover span{
color:white;
}
span.\31 00kbadge {
border: 1px solid #8BC34A;
padding: 5px 10px;
border-radius: 20px;
font-size: .875rem;
color: #8BC34A;
margin-right: 10px;
}
span.\32 50kbadge {
border: 1px solid #2196F3;
padding: 5px 10px;
border-radius: 20px;
font-size: .875rem;
color: #2196F3;
margin-right: 10px;
}
span.\35 00kbadge {
border: 1px solid #8d68ce;
padding: 5px 10px;
border-radius: 20px;
font-size: .875rem;
color: #8d68ce;
margin-right: 10px;
}
.mix-cards {
border-radius: 20px;
height: 100px;
margin-bottom: 10px;
padding: 10px;
align-items: center;
justify-content: center;
display: flex;
flex-direction: column;
}
span.main {
font-size: 2.5rem;
font-weight: 600;
padding: 0;
line-height: 100%;
color: black;
}
span.secondary {
font-size: .9rem;
font-weight: 300;
margin-top: 5px;
}
.bg_77{
background-color: #09B1FF!important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg fill-opacity='0.15'%3E%3Cpath fill='%2308a2ff' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%230893ff' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%230785ff' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%230776ff' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%230667FF' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%230571ff' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23047aff' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%230284ff' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23018dff' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%230097FF' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E")!important;
background-attachment: fixed;
background-size: cover!important;
}
.bg_78{
background-color: #1EC939!important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg fill-opacity='0.34'%3E%3Cpath fill='%2322d742' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%232ddd4f' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%233dde60' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%234cdf6f' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%235CE17E' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%2359e780' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%2355ee82' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%2352f485' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%2350f988' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%234DFF8C' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E")!important;
background-attachment: fixed!important;
background-size: cover!important;
}
h1.group_lb_text {
color: white;
font-size: 1.5rem;
margin-top: 50px;
letter-spacing: -0.02rem;
}
p.sub_group_text {
font-size: 14px;
margin-top: 15px;
color: white;
font-weight: 300;
}
img.mymanager {
width: 150px;
height: 150px;
object-fit: cover;
border-radius: 20px;
display: block;
}
.card-central {
height: 300px;
justify-content: center;
display: flex;
align-items: center;
flex-direction: column;
}
.btn-toggle {
display: flex;
align-items: center;
padding: 0.6rem;
font-weight: 300!important;
color: light-dark(#171717, white)!important;
font-size: .85rem;
background-color: transparent;
border: 0;
width: 100%;
border-radius: 0.375rem!important;
line-height: 100%;
vertical-align: middle;
transition:all 200ms;
margin-bottom: 3px;
gap: 12px;
}
.team_members_quick-View {
padding: 0;
margin: 0;
border: none;
background: none;
border: 1px solid #e9e9e9;
display: flex;
align-items: center;
vertical-align: middle;
padding: 10px;
border-radius: 20px;
gap: 10px;
margin-bottom: 10px;
}
a.btn.btn-primary.btn-sm.bizlaunchpad:hover {
background: #e9eef6;
}
th {
background: white!important;
}
.SideBarUser {
position: fixed;
top: 0px;
right: 0px;
z-index: 9999;
width: 400px;
display: none;
float: right;
background: #fffffff5;
backdrop-filter: blur(10px);
min-width: 400px;
border-left: 1px solid white;
bottom: 0;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
padding: 20px;
transition: all 100ms;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
}
.VisibleSidebar{
display:block!important;
}
.sidebar__image_holder {
display: flex;
align-items: center;
justify-content: center;
padding-top: 30px;
flex-direction: column;
}
.sidebar__image_holder img.avatar_placeholder {
width: 150px;
height: 150px;
padding: 5px;
background: white;
border: 1px solid #0b91ff;
transform: scale(1.0)!important;
}
h1.sidebar__title_name {
color: black;
font-size: 1.75rem;
margin-top: 20px;
letter-spacing: -0.02rem;
margin-bottom: 5px;
font-weight: 400;
}
h2.sidebar__title_title {
font-size: .875rem;
font-weight: 300;
display: block;
opacity: .7;
}
.sidebar__logout_area {
display: flex;
vertical-align: middle;
align-items: center;
flex-direction: row;
justify-content: space-between;
}
a {
color: #0b91ff;
}
.sidebar__logout_area a {
text-decoration: none;
font-size: .875rem;
color: #8a8a8a;
}
.sidebar__logout_area i {
text-decoration: none;
font-size: .875rem;
color: #8a8a8a;
}
.sidebar__user_quicklauncher {
display: flex;
justify-content: space-evenly;
vertical-align: middle;
align-items: center;
padding: 15px 0px 10px 0px;
}
button.header_icons.active {
background: black!important;
color: pink;
}
.sidebar__cal_entry:first-child {
margin-top: 10px;
margin-bottom: 10px;
display: block;
background: #0b8dff17;
border: 1px solid #058dff42;
padding: 10px 17px;
border-radius: 15px;
backdrop-filter: blur(20px);
font-size: .87rem;
color: #094f8d;
}
.sidebar__cal_entry {
margin-top: 10px;
margin-bottom: 10px;
display: block;
background: #fafafa;
border: 1px solid whitesmoke;
padding: 10px 17px;
border-radius: 15px;
backdrop-filter: blur(20px);
font-size: .87rem;
color: #2f2f2f;
}
span.cal__subject {
font-weight: 500;
display: block;
}
span.cal__time {
font-size: .775rem;
font-weight: 300;
opacity: .8;
}
.sidebar__calls_entry {
margin-top: 10px;
cursor:pointer;
margin-bottom: 10px;
display: block;
background: #2fb4451f;
border: 1px solid #b9efbc;
padding: 10px 15px;
border-radius: 10px;
backdrop-filter: blur(20px);
font-size: .87rem;
color: #38703b;
}
.mix-cards.sidebar_sales {
background: #ecf5ff;
color: #067cde;
}
.sidebar_sales span.main{
color: #067cde!important;
font-size:2rem;
}
div#activeLoaderSidebar {
overflow-y: scroll;
height: 600px;
padding-bottom: 150px;
overflow-x: hidden;
padding: 0px 5px 0px 5px;
}
div#frosty {
min-height: 100vh;
padding-left:20px;
padding-right:20px;
background: light-dark(white, #050505);
}
span.badge.badge-secondary.system_new_badge {
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
vertical-align: middle;
font-weight: 400;
text-transform: uppercase;
font-size: .5rem;
padding: 5px 7px;
color: #1b4fb6;
margin-left: 5px;
background: #b4cbf9;
}
.folder__icons {
background: white;
padding: 20px;
}
.folder__icons.card_frosted {
display: flex;
vertical-align: middle;
justify-content: center;
align-items: center;
gap: 20px;
transition: all 100ms;
}
.folder__icons.card_frosted i {
color:#0b91ff;
font-size:2rem;
}
span.folder_label {
font-weight: 300;
font-size: .9rem;
}
.folder__icons.card_frosted:hover {
background: #f7f7f7!important;
cursor:pointer;
}
table.hall_table tr:first-child {
border-bottom:1px solid #ededed;
}
table.hall_table td {
padding:5px;
font-size:.8rem!important;
opacity:.7;
}
table.hall_table{
width:100%;
margin-top:20px;
}
.table td, .table th {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #f3f3f3
}
.modal-backdrop.show {
opacity: .1;
}
h1.modal_24_title {
font-size: 1.2rem;
margin: 0;
padding: 0;
}
span.modal_24_subtitle {
color: grey;
font-size: .875rem;
margin: 0;
padding: 0;
font-weight: 300;
}
.modal-body {
padding-top: 30px;
padding-left: 25px;
padding-right: 25px;
}
.os_btn_full_body {
background: #141414;
text-align: center;
width: 100%;
color: white;
padding: 12px;
border-radius: 10px;
border: none;
font-size: .875rem;
font-weight: 400;
text-decoration: none;
transition: ease-in-out .3s;
}
.os_btn_full_body:hover {
background: #000000; /* fallback for old browsers */
/* Chrome 10-25, Safari 5.1-6 */
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
color: #ffb4b4;
}
button.os_btn_full_trans {
background: transparent;
width: 100%;
color: #878787;
padding: 12px;
border-radius: 10px;
border: none;
font-size: .8rem;
font-weight: 300;
}
.form-control {
background: #fbfbfb;
border: 1px solid #e5e5e5;
border-radius: 7px;
}
.os_btn_full_body_outlined_version:hover{
background:#f0f0f0;
color:#2b2b2b;
}
span.category {
background: #636363;
width: fit-content;
color: white;
padding: 5px 10px;
border-radius: 8px;
font-size: .8rem;
font-weight: 300;
margin-bottom: 3px;
}
input#cat_name {
background: white;
border: none;
border-radius: 8px;
box-shadow:none;
outline:none;
}
ul.quick_links.bigger_menu .main svg {
width: 40px;
}
span.quick_links_desc_text {
font-size: .7rem;
display: list-item;
opacity: .6;
}
.system_warning {
background: black;
border: none;
font-size: .7rem;
border-radius: 7px;
color: #ffcdcd;
font-weight: 400;
text-align: center;
padding: 12px 0px;
margin: 0;
}
.analytics_container {
display: flex;
width: 100%;
flex-direction: row;
justify-content: flex-start;
border: 1px solid #ededed;
border-radius: 9px;
}
.analytics_box {
padding: 38px 32px;
border-right: 1px solid #ededed;
display: flex;
flex-direction: column;
align-items: left;
width: 25%;
justify-content: flex-start;
}
.analytics_box:last-child {
border:none!important;
}
.analytics_box_title {
color: #9aa1ad;
font-size: 14px;
font-weight: 400;
display: flex;
justify-content: space-between;
}
.analytics_box_number {
font-size: 35px;
color: black;
font-weight: 400;
line-height: 170%;
}
span.goneup{
color:#28df28;
}
span.gonedown{
color:#e03c3c;
}
.analytics_container_home {
border: 1px solid #ededed;
padding: 20px 5px;
border-radius: 9px;
}
ul.quick_links.EshotLeaders li:first-child {
background: #343434 !important;
border-radius: 10px;
color: white !important;
cursor: pointer;
}
ul.quick_links.EshotLeaders li:first-child .main {
color: white !important;
}
ul.quick_links.EshotLeaders li:first-child .right {
color: white !important;
}
.backgroundloader {
width: 30px;
padding: 5px;
aspect-ratio: 1;
border-radius: 50%;
background: #909090;
--_m:
conic-gradient(#0000 10%,#000),
linear-gradient(#000 0 0) content-box;
-webkit-mask: var(--_m);
mask: var(--_m);
-webkit-mask-composite: source-out;
mask-composite: subtract;
animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}
.ajax_holder {
display: flex;
align-items: center;
justify-content: center;
}
span.badge.badge-dark.system_new_icon {
border-radius: 7px;
background: black;
color: #ffcdcd;
font-weight: 300;
padding: 5px 8px;
font-size: .6rem;
}
span.list_contains_ab {
font-weight: 500;
font-size: 1.5rem;
}
.alert.alert-dark.system_warning.switchBackMessage {
border: none;
border-radius: inherit;
text-align: left !important;
padding: 10px;
padding-left: 30px;
cursor: pointer;
}
span.badge.badge-dark.nostate {
border-radius: 7px;
background: #ffe7e7;
color: black;
font-weight: 300;
padding: 5px 8px;
font-size: .6rem;
}
.alert.alert-dark.system_warning.StepComplete {
background: #fdeaea;
color: #c66969;
text-align: left;
padding-left: 10px;
margin-top: 10px;
}
.WiderWidth{
width:350px!important;
padding:5px;
}
.WiderWidth .dropdown-card {
padding: 20px 0px !important;
}
table.table.results_ab_table tr th {
color:#a5a5a5!important;
font-weight:300!important;
}
table.table.results_ab_table tr{
transition: all 100ms;
}
table.table.results_ab_table tr td {
color:#282828;
font-size:.8rem!important;
white-space:nowrap;
}
table.table.results_ab_table tr td a{
color:#ab5a5a;
cursor:pointer;
}
.results_ab_table tr:hover td {
color: white!important;
cursor:pointer;
}
.results_ab_table tr:hover td a{
color: #ffcdcd!important;
}
.results_ab_table tr:hover {
background: black !important;
}
.results_ab_table tr:hover td a{
color:pink!important;
}
table.table.results_ab_table {
padding:0;
margin:0;
}
p#viralcount {
display: inline-block;
}
.owner_icons_list {
display: flex;
gap:5px;
margin-right:10px;
align-items: center;
flex-direction: row;
}
a.shareListModalOpenButton {
width: 35px;
height: 35px;
background: #f4f4f4;
transition:all 100ms;
border-radius:50%;
padding:10px;
display:flex;
align-items:center;
color:black;
cursor:pointer;
}
a.shareListModalOpenButton:hover {
background: black;
color: #ffcdcd;
}
.distro_progress .active {
background: black ! Important;
border-radius: 8px;
color: #ffcdcd !important;
font-weight: 300!important;
}
.distro_progress a {
padding: 5px 8px;
color: grey!important;
transition: all 300ms;
}
span.candidate_not_found_home {
display: block;
margin-top: 8px;
font-size: .8rem;
font-weight: 300;
opacity: .7;
}
.QuickDistroButtonsActions {
display: flex;
align-items: center;
justify-content: flex-start;
}
.select-all-button svg {
width: 15px;
height: 15px;
}
#changedetect{
display: flex;
flex-direction: row;
align-content: space-between;
vertical-align: middle;
align-items: center;
margin-top: 15px;
}
critical {
background: black;
padding: 5px 8px;
color: #f7c7c7;
border-radius: 6px;
font-size: .7rem;
}
tr.hot {
background: #ffcdcd4d;
}
a.navlinkvariable.active svg {
width: 10px;
height: 10px;
}
a.navlinkvariable.active svg {
width: 10px;
height: 10px;
}
.resolve_error_big .error_icon svg {width: 50px;height: 50px;}
.resolve_error_big {
background: black;
border: none;
border-radius: 12px;
display: flex;
gap: 30px;
color: #ffcdcd;
padding: 20px 30px;
}
.resolve_error_big
h4.alert-heading {
font-weight: 500;
font-size: 1rem;
}
.resolve_error_big p {
font-weight: 300;
font-size: .8rem;
padding-bottom: 0;
margin-bottom: 0;
color: #ffcdcd!important;
}
.dropdown-menu.dropdown-menu-left.settingsDropdown {
border: none;
padding-top: 5px!important;
}
.settingsDropdown .dropdown-card {
padding: 10px 0px;
}
a#actions-btn {
background: black;
text-decoration: none;
color: #ffcdcd !important;
}
.compose_button_array {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
}
.card.eshot_approval_action_card {
background: transparent;
margin-top: 70px;
margin-bottom: 50px;
border-radius: 20px;
border: none;
padding: 5px 20px;
-webkit-box-shadow: 0px 0px 120px 4px rgba(222, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 105px 9px rgba(222,0,0,0.5);
box-shadow: 0px 0px 40px 5px rgba(222, 0, 0, 0.5);
}
verysmall {
font-size: .6rem;
display: block;
font-weight: 300;
opacity: .6;
margin-top: 5px;
}
input#approve-list:disabled {
opacity: .2;
}
img.approver_img {
width: 40px;
height: 40px;
object-fit: cover;
border-radius: 50%;
}
div#user__feedback_eshot_holder {
display: flex;
align-items: center;
gap: 10px;
}
input#send-schedule:disabled {
opacity: .5;
}
.modal-dialog.custom_RevealNotes_Modal {
position: absolute;
right: 0;
top: 0;
margin: 0;
width: 400px;
height: 100vh;
}
.custom_RevealNotes_Modal .modal-content {
height: fit-content;
min-height: 100vh;
border-top-right-radius: 0px!important;
border-bottom-right-radius: 0px!important;
background: white;
border: none!important;
}
#menu svg {
width: 1.45rem;
height: 1.45rem;
color: #171717;
}
.hover_close_notes {
position: sticky;
bottom: 0px;
background: #ffffffad;
backdrop-filter: blur(5px);
}
.analyticsqm_container {
display: flex;
width: 100%;
flex-direction: row;
justify-content: flex-start;
border: 1px solid #ededed;
border-radius: 9px;
}
.analyticsqm_box {
padding: 28px 22px;
border-right: 1px solid #ededed;
display: flex;
flex-direction: column;
align-items: left;
width: 33%;
justify-content: flex-start;
}
.card.darker_card_2024.candidate_pipeline_card:hover {
transition: all 100ms;
background: black;
cursor:pointer;
}
.card.darker_card_2024.candidate_pipeline_card:hover span{
background:#2e2e2e!important;
color:pink!important;
}
.card.darker_card_2024.candidate_pipeline_card:hover h1{
color:#f4f4f4!important;
}
.card.darker_card_2024.candidate_pipeline_card:hover p{
color:#d0d0d0!important;
}
.analyticsqm_box:last-child {
border:none!important;
}
.analyticsqm_box_title {
color: #9aa1ad;
font-size: 13px;
font-weight: 400;
display: flex;
justify-content: space-between;
}
.analyticsqm_box_number {
font-size: 25px;
color: black;
font-weight: 400;
line-height: 170%;
}
h2.smallTitleExplainerLabel {
color: #787878;
font-size: .8rem;
font-weight: 300;
margin: 0;
margin-top: 15px;
text-align: center;
}
span.hue1 {
position: absolute;
top: 10px;
right: 10px;
width: 400px;
height: 400px;
background: #e6f5f7;
border-radius: 50%;
filter: blur(60px);
}
span.hue2 {
position: absolute;
top: 90px;
right: 400px;
width: 100px;
height: 100px;
background: #459fff;
border-radius: 50%;
filter: blur(60px);
}
span.hue3 {
position: absolute;
top: 300px;
right: 00px;
width: 200px;
height: 100px;
background: #ffd2f6;
border-radius: 50%;
filter: blur(60px);
}
.frosty_effect_new{background: #ffffffa1;backdrop-filter: blur( 4.5px );-webkit-backdrop-filter: blur( 4.5px );opacity:.6;border: 1px solid rgb(252 252 252);}
span.hue4 {
position: absolute;
top: 300px;
right: 150px;
width: 50px;
height: 50px;
background: #90ffa9;
border-radius: 50%;
filter: blur(60px);
}
.lead_form{
height: 26px;
padding: 3px 10px;
font-size: 13px;
line-height: 20px;
border-radius: 10px!important;
width: fit-content;
color: grey;
}
.notification_holder {
max-height: 350px;
overflow-y: scroll;
}
.notif_card_header_master {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0px 0px;
border-bottom: 1px solid #d5d5d5;
font-weight: 500;
color: black;
text-align: left;
font-size: .9rem;
padding-bottom:10px;
vertical-align:middle;
align-items:center;
margin-bottom:15px;
}
.notif_card_header_master button {
background: none;
border: none;
width: 20px;
height: 20px;
margin: 0;
padding: 0;
transition: all 100ms;
}
.notif_card_header_master button:hover {
color:#ee7b8f;
}
.blobA {
position: absolute;
width: 120px;
height: 70px;
background: #36e5ff;
top: 0;
left: 5px;
filter: blur(20px);
z-index: -1;
opacity: .3;
}
.blobB {
position: absolute;
width: 100px;
height: 70px;
background: #ffcdcd;
top: -20px;
left: 90px;
filter: blur(20px);
z-index: -1;
opacity: .4;
}
.blobC {
position: absolute;
width: 100px;
height: 70px;
background: #fcb3ff;
top: 0px;
left: 190px;
filter: blur(20px);
z-index: -1;
opacity: .4;
}
.card.new_card_style_2024 {
border-radius: 20px;
border: 1px solid whitesmoke;
padding: 0;
margin: 0;
}
.card.darker_card_2024 {
border-radius: 20px;
border: 1px solid whitesmoke;
overflow: hidden;
padding: 20px;
}
.btn-toggle-nav a {
display: inline-flex;
border-radius: 10px !important;
padding: 0.25rem 0.5rem;
margin-top: 0.125rem;
margin-left: 2.3rem;
font-size: .85rem;
text-decoration: none;
font-weight: 300;
color: light-dark(black, white);
}
.accordion-item {
border: none;
padding: 0;
margin: 0;
}
button.accordion-button {
padding: 0;
margin: 0;
text-transform: uppercase;
font-size: .8rem;
border-bottom: 1px solid #eeeeee;
border-radius: 0!important;
padding-bottom: 10px;
margin-bottom: 25px;
font-weight: 300;
color: light-dark(#717171, white);
background: transparent;
}
.card.darker_card_2024.candidate_pipeline_card {
border: 1px solid #e9e9e9;
padding: 10px;
display:flex;
flex-direction: row;
align-items: center;
gap: 10px;
margin-bottom: 12px;
}
span.badge.badge-danger.notif_toolkit {
margin-left: 5px;
display: flex;
border-radius: 50%;
width: 20px;
height: 20px;
align-items: center;
justify-content: center;
}
.special_AI_item {
background: linear-gradient(to right, #eecf40, #f28afe);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: left;
width: fit-content;
padding: 4px;
margin-bottom: 8px;
gap: 3px;
}
h1#word_count_copilot {
margin: 0;
color: white;
padding: 0;
font-size: .775rem;
}
smaller.AISmaller {
margin-left: 0;
color: white;
opacity: 1;
font-size: .775rem;
}
copilot {
font-weight: 600;
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #eecf40, #f28afe); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.card.darker_card_2024.candidate_pipeline_card span{background: #ffe8ec;width:fit-content;padding: 9px;border-radius:50%;font-size:12px;color: #e97388;font-weight:300;width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;}
.card.darker_card_2024.candidate_pipeline_card h1{font-size: 1rem;font-weight: 400;margin: 0;}
img.market_img {
height: 300px;
width: 100%;
object-fit: cover;
margin-top: 20px;
border-radius: 20px;
}
span.thin_linke {
width: 100px;
border: 1px solid #acacac;
display: block;
margin-top: 30px;
margin-bottom: 30px;
}
.accordion-item {
background: transparent;
}
.accordion-button:not(.collapsed) {
color: light-dark(black, white);
background-color: transparent;
box-shadow: none;
font-weight: 400;
}
.accordion-button:focus {
z-index: 3;
border-color: inherit;
outline: 0;
box-shadow: none !important;
}
.card.darker_card_2024.candidate_pipeline_card p {
padding: 0;
margin: 0;
font-size: .7rem;
font-weight: 300;
opacity: .7;
}
.team_members_quick-View p {
margin: 0;
font-size: .875rem;
font-weight: 300;
}
a.showMoreLink {
font-size: .8rem;
text-decoration: none;
font-weight: 300;
}
.ai_checker_container {
background: #ffffffe0;
border-radius: 15px;
min-height: 350px;
display: flex;
flex-direction: column;
min-width: 270px;
padding: 10px;
border: 2px solid #eeeeee;
backdrop-filter: blur(2px);
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.ai_checker_container h1 {
font-size: .9rem;
padding: 7px 10px;
text-align: left;
font-weight: 400;
color: #343434;
display: flex;
align-items: center;
gap: 5px;
margin-bottom: 10px;
}
.ai_checker_container .primary_icon_row {
display: flex;
align-content: space-between;
width: 100%;
justify-content: space-between;
gap: 10px;
}
.primary_AI_item {
width: 100%;
text-align: center;
background: #ebebeb7d;
font-size: .8rem;
font-weight: 300;
padding: 15px 20px;
border-radius: 8px;
display: flex;
flex-direction: column;
align-items: center;
gap: 2px;
transition: all 100ms;
}
.primary_AI_item:hover {
background:#ffe8ec;
color:#d17c8b;
cursor:pointer;
}
.primary_AI_item:hover svg {
color:#d17c8b;
}
.primary_AI_item svg {
width: 30px;
}
ul.secondary_icon_row {
margin: 0;
padding:0;
display:flex;
flex-direction:column;
gap: 10px;
margin-top: 17px;
}
.secondary_icon_row li {
list-style-type: none;
margin-left:0;
padding-left:0;
font-size: .9rem;
display: flex;
align-items: center;
gap: 10px;
color: #323232;
padding: 5px;
width: 100%;
border-radius: 7px;
transition:all 100ms;
}
.secondary_icon_row li:hover{
background:#f3f3f3;
cursor:pointer;
}
.secondary_icon_row li svg {
width:20px;
}
.AIWizardBorder {
padding: 4px;
text-align: center;
font-size: 1.5em;
color: #fff;
background: #000;
position: relative;
border:none;
}
ul.eshot_send_checklist {
margin:0;
padding:0;
margin-top:10px;
display:flex;
flex-direction:column;
gap:5px;
}
ul.eshot_send_checklist li{
list-style-type:none;
font-size: .85rem;
}
.default_info_holder {
padding: 1rem;
display: flex;
flex-direction: column;
}
defaultbadge {
background: #f6f6f6;
width: fit-content;
color: #898989;
padding: 5px 10px;
margin-bottom: 7.5px;
border-radius: 5px;
font-size: .85rem;
font-weight: 300;
}
headermsg {
font-weight: 500;
color: dimgrey;
font-size: .8rem;
margin-bottom: 20px;
}
span.list_check_bad {
color: #f65656;
}
span.list_check_good {
color: #10a710;
}
.AIWizardBorder:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
right: -5px;
bottom: 0px;
z-index: 0;
background: linear-gradient(90deg, rgba(255,187,54,1) 0%, rgba(255,131,253,1) 25%, rgba(95,214,255,1) 50%, rgba(95,151,255,1) 75%, rgba(255,138,116,1) 100%);
background-size: 300% 300%;
animation: moveGradient 3s linear infinite;
}
h1.modal_24_title .backgroundloader {
width: 10px;
padding: 2px;
}
textarea#generatedMessage {
border: 1px solid whitesmoke;
padding: 20px 20px;
margin-top: 10px;
font-weight: 300;
font-size: .85rem;
border-radius: 20px;
background: whitesmoke;
width: 100%;
height: 300px!important;
}
@keyframes moveGradient {
0% {
background-position: 0% 50%;
}
100% {
background-position: 100% 50%;
}
}
.primary_icon_row.EditedFinalAttemptRow {
display: flex;
gap: 10px;
margin-top: 15px;
}
label.form-check-label {
display: flex;
flex-direction: column;
font-size: .9rem;
padding: 0;
margin: 0;
font-weight: 300;
margin-bottom: 20px;
}
label.form-check-label b{
font-weight:500;
}
.DataModelCGENHolder {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 300px;
background: linear-gradient(180deg, #ededed 60%, #ffffff1c);
z-index: 9999;
padding: 20px;
font-weight: 300;
text-align: center;
font-size: 1.25rem;
color: gray;
line-height: 200%;
padding-top: 50px;
}
.history_buttons_pipelineX {
display: flex;
flex-direction: row;
gap: 5px;
width: 200px;
}
.candidate_white_info {
padding: 10px;
border-radius: 10px;
background: #fcfcfc;
border: 1px solid whitesmoke;
margin-top: 15px;
}
span.notes_badge {
background: #383838;
padding: 3px 7px;
border-radius: 5px;
color: white;
font-weight: 300;
}
p.note-content.pt-4 {
font-style: italic;
font-weight: 300;
font-size: .8rem;
}
.history_buttons_pipelineX button.os_btn_full_body_outlined_version.smaller_btn_text {
font-size:.7rem!important;
padding:10px 5px;
width:75px;
}
.card.notes_card {
padding: 10px;
background: #fcfcfc;
border-radius: 0;
border: 1px solid #e6f0ff;
margin-bottom: 10px;
}
.form-check.generatePDFForm {
display: flex;
flex-direction: row;
padding: 0;
gap: 15px;
border-bottom: 1px solid #e7e7e7;
padding: 10px 6px;
margin-bottom: 5px;
}
.form-check.generatePDFForm:last-of-type {
border-bottom:none!important;
}
.form-check.generatePDFForm label {
width: 80%;
padding:0;
margin:0;
padding-bottom:8px;
font-size:.8rem;
}
.form-check.generatePDFForm label b{
width: 80%;
padding:0;
margin:0;
font-size:.9rem;
}
.candidate_holder_previous_spoken {
background: #f6f6f6;
border: 1px solid #e6e6e6;
border-radius: 20px;
padding: 10px;
display: flex;
flex-direction: column;
height: 500px;
overflow-x: scroll;
}
span.candidate_holder_previous_spoken_description {
font-size: .7rem;
font-weight: 300;
padding: 10px 5px;
color: #656565;
}
button.os_btn_full_body_outlined_version.smaller_btn_text.warning_btn {
background: transparent;
border: 1px solid #b63939;
color: #b63939;
transition: all 100ms;
}
button.os_btn_full_body_outlined_version.smaller_btn_text.warning_btn:hover {
background:#b63939;
color:white;
}
button#EnhanceExperienceNotes {
border: 1px solid whitesmoke;
margin-top: 10px;
width: 100%;
padding: 8px;
border-radius: 10px;
background: black;
color: white;
font-size: .8rem;
display: flex;
align-items: center;
gap: 5px;
justify-content: center;
transition: all 100ms;
}
button#EnhanceExperienceNotes:hover {
background:#333333;
}
button#EnhanceExperienceNotesEdit {
border: 1px solid whitesmoke;
margin-top: 10px;
width: 100%;
padding: 8px;
border-radius: 10px;
background: black;
color: white;
font-size: .8rem;
display: flex;
align-items: center;
gap: 5px;
justify-content: center;
transition: all 100ms;
}
button#EnhanceExperienceNotesEdit:hover {
background:#333333;
}
span.badge.badge-dark.system_new_icon.notif_icon {
background: #ffcdcd;
color: #d56868;
}
.contact_core_info {
padding: 10px;
border-radius: 10px;
background: #fcfcfc;
border: 1px solid whitesmoke;
}
span.contact_icons_info {
width: 20px;
height: 20px;
display: block;
border-radius: 5px;
background: #f0f0f0;
padding: 2px;
margin-bottom: 10px;
}
.moods svg {
width: 25px;
height: 25px;
}
.BDHoldingContainer {
height: 550px;
overflow-y: scroll;
margin-bottom: 10px;
display: block;
}
.BDChecklistCardInfo {
width: 450px;
}
.swing-in-right-bck{-webkit-animation:swing-in-right-bck .6s cubic-bezier(.175,.885,.32,1.275) both;animation:swing-in-right-bck .6s cubic-bezier(.175,.885,.32,1.275) both}
@-webkit-keyframes swing-in-right-bck{0%{-webkit-transform:rotateY(70deg);transform:rotateY(70deg);-webkit-transform-origin:right;transform-origin:right;opacity:0}100%{-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-transform-origin:right;transform-origin:right;opacity:1}}@keyframes swing-in-right-bck{0%{-webkit-transform:rotateY(70deg);transform:rotateY(70deg);-webkit-transform-origin:right;transform-origin:right;opacity:0}100%{-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-transform-origin:right;transform-origin:right;opacity:1}}
.slide-out-bck-right{-webkit-animation:slide-out-bck-right .5s cubic-bezier(.55,.085,.68,.53) both;animation:slide-out-bck-right .5s cubic-bezier(.55,.085,.68,.53) both}
@-webkit-keyframes slide-out-bck-right{0%{-webkit-transform:translateZ(0) translateX(0);transform:translateZ(0) translateX(0);opacity:1}100%{-webkit-transform:translateZ(-1100px) translateX(1000px);transform:translateZ(-1100px) translateX(1000px);opacity:0}}@keyframes slide-out-bck-right{0%{-webkit-transform:translateZ(0) translateX(0);transform:translateZ(0) translateX(0);opacity:1}100%{-webkit-transform:translateZ(-1100px) translateX(1000px);transform:translateZ(-1100px) transla