html {
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow: scroll;
overflow-x: hidden;
scroll-behavior: smooth;
}
:root {
--loading-gray: #ededed;
}
.form-control {
font-size: 14px;
}
::-webkit-scrollbar {
width: 0;
background: transparent;
position: absolute;
}
::-webkit-scrollbar-thumb {
background: transparent;
}
body {
font-family: 'Mulish', sans-serif;
font-weight: 400;
min-height: 100%;
background-color: #f6f8f9;
color: #3d465a;
}
main {
transition: .5s ease-in-out;
width: 100%;
}
.mt-5 {
margin-top: 5px !important;
}
.mt-10 {
margin-top: 10px !important;
}
.mt-15 {
margin-top: 15px !important;
}
.mt-20 {
margin-top: 20px !important;
}
.mt-25 {
margin-top: 25px !important;
}
.mt-30 {
margin-top: 30px !important;
}
.mt-50 {
margin-top: 50px !important;
}
.mb-5 {
margin-bottom: 5px !important;
}
.mb-10 {
margin-bottom: 10px !important;
}
.mb-15 {
margin-bottom: 15px !important;
}
.mb-20 {
margin-bottom: 20px !important;
}
.mb-25 {
margin-bottom: 25px !important;
}
.mb-30 {
margin-bottom: 30px !important;
}
.mb-50 {
margin-bottom: 50px !important;
}
h1, h2, h3, h4, h5, p {
margin: 0;
padding: 0;
}
*:focus {
outline: 0;
outline: none;
}
a {
color: #3d465a;
transition: .3s;
}
a.link:hover {
opacity: 0.8;
}
button {
outline: none !Important;
}
button:focus, button:active {
outline: none !important;
box-shadow: none;
}
button:hover {
cursor: pointer;
}
a:hover {
text-decoration: none !important;
}
a:visited {
text-decoration: none;
}
img:focus {
outline:none !important;
}
.btn.focus, .btn:focus {
box-shadow: none;
}
h2 {
font-size: 24px;
font-weight: 700;
margin-bottom: 30px;
}
label {
font-size: 14px;
font-weight: 700;
}
input {
height: 37px;
border-radius: 3px;
background-color: #f6f7f8;
width: 100%;
border: none;
padding: 0 16px;
font-size: 14px;
}
select {
border-radius: 2px;
border: solid 1px #e9eaf3;
width: 100%;
height: 38px;
background: none;
}
textarea {
resize: none;
width: 100%;
min-height: 125px;
border-radius: 2px;
border: solid 1px #e9eaf3;
padding: 15px;
}
#Loader {
width: 100%;
height: 100%;
z-index: 99999;
background-color: rgba(255, 255, 255, 0.3);
position: absolute;
left: 0;
top: 0;
display: none;
}
#Loader > img {
position: relative;
top: calc(50% - 100px);
left: calc(50% - 100px);
}
/*DASHBOARD PAGE*/
.dashboard-wrapper {
padding: 30px 80px;
}
.dashboard-card {
width: 100%;
padding: 15px 30px;
border-radius: 4px;
background-color: #f1f3f5;
margin-bottom: 10px;
color: #1d1e37;
opacity: .95;
display: block;
position: relative;
}
.dashboard-card .dashboard_img {
position: absolute;
top: -5px;
right: 20px;
height: 100%;
}
.dashboard-card h3 {
font-weight: 600;
font-size: 16px;
margin-bottom: 5px;
}
.dashboard-card h5 {
font-size: 14px;
font-weight: 600;
color: #3d465a;
margin-bottom: 3px;
}
.dashboard-card h5 span {
font-weight: 400;
}
.dashboard-card p {
font-size: 14px;
color: #3d465a;
}
.dashboard-card p span.dashboard_date {
color: #009d5f;
font-weight: 600;
}
.dashboard-project-card {
width: 100%;
padding: 15px 20px;
border-radius: 4px;
background-color: #f1f3f5f0;
margin-bottom: 15px;
color: #1d1e37;
display: block;
position: relative;
}
.dashboard-project-card:hover {
opacity: 0.9;
}
.dashboard-project-card .card_more {
position: absolute;
top: -5px;
right: 5px;
border: none;
background-color: #f1f3f5f0;
cursor: pointer;
z-index: 1;
border-radius: 2px;
}
.dashboard-project-card .card_more:hover {
background-color: #fff;
}
.dashboard-project-card .actions_dropdown {
margin-top: 25px;
margin-right: 5px;
}
.dashboard-project-card .more_users {
flex: 100%;
}
.dashboard-project-card .users {
list-style: none;
padding: 0;
margin: 0;
}
.dashboard-project-card .users li {
background-color: #929eb8;
color: #ffffff;
width: 23px;
height: 23px;
font-size: 10px;
font-weight: 700;
text-align: center;
padding-top: 5px;
display: inline-block;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
margin-bottom: 5px;
}
.user_my_card {
background-color: #fe8578 !important;
}
.dashboard-project-card .customer_title {
color: #9fa0a8;
font-size: 11px;
}
.dashboard-project-card .project_title {
color: #1d1e37;
font-size: 16px;
font-weight: 600;
}
.group_item .project-title a,
.group_item .customer-title a {
color: #9fa0a8;
font-size: 11px;
}
/* LOGIN PAGE */
.landing_page {
padding-top: 20vh;
}
.login_card {
width: 300px;
margin: 0 auto;
}
.login_card .title {
font-size: 24px;
font-weight: 700;
color: #3d465a;
border-radius: 11px;
background-color: #fbfbfd;
padding: 15px;
margin-bottom: -10px;
text-align: center;
padding-bottom: 25px;
max-width: 100%;
}
.login_card .body {
background: #ffffff;
padding: 20px;
max-width: 100%;
}
.login_card.otp_card {
width: 500px;
}
.login_card button {
width: 192px;
height: 42px;
border: none;
border-radius: 25px;
box-shadow: 0 1px 16px 0 rgb(197 197 197 / 50%);
background-image: linear-gradient(to bottom, #151b26, #151b26 99%);
font-size: 14px;
font-weight: 600;
transition: .3s;
color: #ffffff;
max-width: 100%;
}
.login_card button:hover {
opacity: 0.8;
}
.landing_page .logo {
max-width: 100px;
margin: 0 auto;
display: table;
}
/* END OF LOGIN PAGE */
/*.select2 {
width: 100%;
}*/
.dropzone .dz-preview .dz-image img {
display: block;
height: 120px;
width: auto;
max-width: 100%;
margin: 0 auto;
}
/* BUTTONS */
/* ------- */
/* JODIT CUSTOM */
.jodit_toolbar {
position: relative;
left: 0;
top: 0;
margin: 0!important;
padding: 0!important;
list-style: none!important;
font-size: 0;
background: #ffffff !Important;
box-shadow: none !Important;
z-index: 5;
min-height: 15px !important;
border: none !important;
}
.jodit .jodit_workflow {
margin-top: 15px;
}
.jodit_statusbar {
display: none !Important;
}
.daterangepicker.dropdown-menu {
z-index: 10000;
}
.dropzone {
min-height: 150px;
border: 2px solid #f6f7f8;
background: white;
padding: 20px 20px;
}
.dropzone.dz-clickable .dz-message {
cursor: pointer;
background-image: url(../images/icons/upload.svg) !Important;
background-position: center;
background-repeat: no-repeat;
padding-top: 122px;
margin-top: -45px;
padding-bottom: 27px;
background-size: 60px;
}
.page_container {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: fixed;
width: 100%;
height: 100%;
overflow-y: auto;
}
/* KANBAN */
.wrap {
padding: 10px 80px 10px 100px;
}
.kanban_wrap {
padding: 0 70px 0 90px;
transition: opacity 0.3s ease-in-out;
}
.group-wrap {
font-size: 0;
width: 100%;
}
.group-wrap > div {
display: inline-block;
/* width: 25%;*/
/*width: 239px; */
width: 20%;
vertical-align: top;
/*max-height: 85vh;
overflow-y: scroll; */
}
.task-group {
display: inline-block;
width: 25%;
vertical-align: top;
max-height: 70vh;
overflow-y: scroll;
padding-bottom: 10px;
}
.dashboard-wrap > div {
width: 20%;
}
.group_box {
max-height: calc(100vh - 273px); /* 273px = header above the kanban board +/
/*overflow-x: scroll; */
background-color: #f0f3f5;
margin-left: 10px;
margin-right: 10px;
overflow-x: auto;
}
.group-wrap h3 {
font-weight: 700;
padding: 14px 10px;
background-color: #f1f3f5;
color: #3d465a;
min-height: 40px;
font-size: 13px;
margin: 0px 10px;
opacity: 0.92;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.group {
list-style: none;
vertical-align: top;
min-height: 79px;
transition: all 200ms ease-in-out;
padding: 10px;
padding-bottom: 8px;
/*margin: 0px 10px; */
opacity: 1;
background-color: #f1f3f5;
}
.group.adding {
background-color: #239ed0;
border-style: dashed;
}
.group#group2 .remove, .group#group3 .remove {
display: none;
}
.group_item {
padding: 10px;
background-color: #ffffff;
color: #3d465a;
font-size: 14px;
border-radius: 2px;
box-shadow: 0 1px 2px 0 rgba(173, 173, 173, 0.5);
background-color: #fdfdfd;
/*display: flex; */
justify-content: space-between;
transition: .3s;
}
.group_item:not(:last-child) {
margin-bottom: 6px;
}
.group_item.overdue_card {
border: solid 2px #fe8578;
}
.group_item .content_box {
margin-top: 5px;
display: flex;
flex-flow: row wrap;
place-content: space-between;
}
.group_item .content_box .mRight10 {
display: flex;
}
.group_item .content_box .left {
flex: 65%;
}
.group_item .content_box .right {
flex: 35%;
text-align: right;
}
.group_item .content_box .right.more_users {
flex: 100%;
}
.group_item .users, .group_item .tags {
list-style: none;
padding: 0px;
margin: 0px;
}
.group_item .users li {
background-color: #929eb8;
color: #ffffff;
width: 23px;
height: 23px;
font-size: 10px;
font-weight: 700;
text-align: center;
padding-top: 5px;
display: inline-block;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
margin-bottom: 5px;
}
.group_item .tags li {
background-color: #929eb8;
color: #ffffff;
height: 23px;
font-size: 10px;
font-weight: 700;
text-align: center;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
display: inline-block;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
margin-right: 3px;
}
.custom_user_m {
margin-right: 4px;
}
.group_item:before {
content: '';
display: none;
position: absolute;
/*background: url("http://www.pvhc.net/img64/lqtofjtphgiehblrwtie.png") no-repeat center; */
background-size: cover;
width: 24px;
height: 24px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 16px;
}
.group_item .date {
font-size: 12px;
margin-top: 5px;
}
.sortable-ghost {
opacity: 0.6;
background-color: transparent;
border: 1px dashed white;
}
.sortable-drag {
opacity: 1;
border: 1px solid white;
box-shadow: 0 0 10px black;
}
.group_item {
cursor: pointer;
/*cursor: -webkit-grab;
cursor: grab; */
position: static;
transition: background-color 200ms ease-in-out;
}
.group_item .popup-wrapper {
position: absolute;
}
.group_item.active {
background-color: yellow;
}
.group_item.active .remove {
display: none;
}
.group_item.active:before {
display: block;
}
.group_item:active {
/*cursor: -webkit-grabbing;*/
cursor: grabbing;
}
.group_item .remove:hover:before {
-webkit-transform: scale(0.9);
transform: scale(0.9);
background-color: red;
}
.group_item .remove:before {
content: 'x';
position: absolute;
right: 6px;
top: 6px;
line-height: 21px;
text-align: center;
cursor: pointer;
border: 1px solid white;
width: 24px;
height: 24px;
padding-left: 1px;
transition: all 150ms ease-in-out;
font-size: 14px;
}
.group-wrap button.cta {
background: none;
border: none;
float: right;
transition: .3s;
}
.group-wrap button.cta:hover {
opacity: 0.8;
}
.group_item .more {
display: none;
border: none;
background-color: #f6f8f9;
cursor: pointer;
z-index: 1;
position: absolute;
right: 0px;
width: 30px;
}
.group_item:hover .more {
background: #dadada !important;
border-radius: 2px;
}
.group_footer {
font-weight: 700;
padding: 10px 10px;
background-color: #f1f3f5;
color: #3d465a;
min-height: 40px;
font-size: 13px;
margin: 0px 10px;
opacity: 0.92;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
/*margin-top: -21px; */
}
.group_footer button {
border: none;
background: none;
color: #929eb8;
font-size: 13px;
cursor: pointer;
transition: .3s;
}
.group_footer button:hover {
opacity: 0.8;
}
.group_footer button img {
margin-right: 5px;
margin-top: -3px;
}
/* END OF KANBAN */
/*NAV START*/
nav {
display: inline-table;
bottom: 0;
/*box-shadow: 0 0 5px #666;*/
/*max-height: 100%;*/
max-height: fit-content;
/*left: -17rem;*/
left: 0;
width: 80px;
padding-top: 60px;
position: absolute;
/*position: fixed;*/
top: 0;
/*transition: .5s ease-in-out;*/
transition: 0.3s ease-in-out;
/*width: 17rem;*/
/*width: 15rem;*/
user-select: none;
z-index: 1100;
/*background-image: linear-gradient(to bottom, #151b26, #151b26 99%);*/
background: #233446;
background: radial-gradient(circle at 100% 38.5px, transparent 14px, #233446 0px);
}
.nav-logo {
margin-top: 30px;
}
.nav-logo img {
object-fit: contain;
width: calc(100% - 40px);
margin: 0px 20px;
height: 28px;
padding-left: 2rem;
}
#nav-collapse {
padding: 8px 12px;
position: absolute;
/*left: 3rem;*/
left: 1rem;
top: 1rem;
}
#nav-expand {
display: block;
left: 0;
/*padding: 30px 25px;*/
margin: 30px 25px;
position: absolute;
text-decoration: none;
transition: .5s linear;
user-select: none;
-webkit-user-drag: none;
z-index: 1;
}
#nav-expand img {
width: 24px;
}
#nav-expand:focus {
opacity: 0;
}
/*#nav-expand:focus ~ main {
margin-left: 15rem;
transition-delay: .25s;
}
#nav-expand:focus ~ nav {
left: 0;
transition-delay: .25s;
}*/
/*#nav-expand:hover {
opacity: 0.8;
}*/
.expandNav {
position: fixed;
max-height: 100vh;
height: 100vh;
overflow: scroll;
/*left: -2rem;*/
left: 0;
width: 15rem;
/*transition-timing-function: cubic-bezier(.47,1.64,.41,.8);*/
transition: ease-in-out 0.3s;
/*transition-delay: .05s;*/
}
.expandMain {
/*margin-left: 15rem;*/
transition-timing-function: ease-in-out;
transition-delay: .05s;
}
nav{
max-height: 100vh;
overflow-x: scroll;
}
nav ul.main_nav_list {
list-style: none;
margin: 0px;
padding-top: 30px;
/*padding: 30px;*/
/*max-height: calc(100% - 100px);*/
max-height: calc(100vh - 150px);
overflow-x: scroll;
/*max-height: 100vh;*/
/*padding-left: 3.9rem;*/
/*padding-left: 1.9rem;*/
padding-left: 0;
padding-bottom: 40px;
}
nav ul.main_nav_list>li {
/*margin-bottom: 25px;*/
padding: 12px;
width: 100%;
}
nav ul.main_nav_list>li:hover {
background-color: #323e51;
}
nav ul li {
border-radius: 3px;
}
nav ul li a {
/*color: #ffffff;*/
color: #c4cdd5;
font-size: 14px;
align-items: center;
}
nav ul li a/*, nav:not(.expandNav) ul li a:not(.SubNav)*/ {
display: inline-flex;
}
nav ul li.hasSubNav {
position: relative;
/*display: -webkit-inline-box;*/
white-space: nowrap;
}
/*nav:not(.expandNav) ul li.hasSubNav:hover div{*/
/* margin-top: -10px;*/
/*}*/
/*nav:not(.expandNav) ul li div {*/
/* !*opacity: 0;*!*/
/*}*/
nav ul li div.main {
display: flex;
align-items: center;
/*display: inline;*/
/*display: table-caption;*/
/*visibility: visible;*/
/*opacity: 1;*/
/*padding-left: 10px;*/
}
/*nav.expandNav ul li a {*/
/* align-items: center;*/
/*}*/
/*nav.expandNav ul li div.expandedSubNavList {*/
/* display: inline;*/
/*}*/
nav ul li a img {
vertical-align: top;
margin-top: 0px;
/*margin-right: 13px;*/
width: 16px;
height: 16px;
}
nav ul li.hasSubNav div.main > img {
vertical-align: top;
margin-top: 0px;
/*margin-right: 13px;*/
width: 16px;
height: 16px;
}
/*nav ul li a span {*/
/* white-space: nowrap;*/
/* opacity: 0;*/
/* transition: opacity 200ms;*/
/*}*/
.dropdown-chevron {
display: none;
/*position: absolute;*/
/*right: 10px;*/
/*top: 7px;*/
/*width: 6px;*/
position: absolute;
right: 20px;
top: 19px;
width: 6px;
}
nav .dropdown-chevron {
display: block;
}
.rotate_chevron {
transform:rotate(90deg);
transition: 0.3s;
}
.rotate_menu_chevron_left {
transform:rotate(180deg);
transition: 0.3s;
}
.rotate_menu_chevron_right {
transform:rotate(0deg);
transition: 0.3s;
}
/*nav:not(.expandNav) ul li a div span, nav:not(.expandNav) ul li a div a span {*/
/* white-space: nowrap;*/
/* opacity: 0;*/
/* !*transition: 0.3s;*!*/
/*}*/
nav ul li a div span, nav ul li a div a span {
white-space: nowrap;
/*opacity: 1;*/
}
/*nav:not(.expandNav) ul li div {*/
/* display: none;*/
/* !*transition-delay: 500ms;*!*/
/* !*transition: 0.5s;*!*/
/* padding-left: 10px;*/
/* !*display: table-caption;*!*/
/* visibility: visible;*/
/* position: absolute;*/
/*}*/
.subnav-list-collapsed {
padding-left: 20px;
}
.subnav-list {
padding-left: 40px;
list-style-type: disc;
}
nav ul li div ul.subnav-list-collapsed {
display: none;
}
/*nav:not(.expandNav) ul li:hover div ul.subnav-list-collapsed {*/
/* padding: 0;*/
/* margin-left: 0px;*/
/* margin-top: 10px;*/
/* display: block;*/
/*}*/
/*nav:not(.expandNav) ul li:hover div ul.subnav-list-collapsed li {*/
/* padding: 0;*/
/*}*/
/*nav:not(.expandNav) ul li:hover div {*/
/* !*display: block;*!*/
/* !*transition: 0ms;*!*/
/* width: 190px;*/
/* background-color: #151b26;*/
/* left: 80px;*/
/* margin-top: -15px;*/
/* padding: 11px 20px;*/
/* position: absolute;*/
/* !*display: -webkit-box;*!*/
/* display: inline;*/
/* white-space: nowrap;*/
/* opacity: 1;*/
/*}*/
/*nav:not(.expandNav) ul li:hover div span {*/
/* opacity: 1;*/
/*}*/
nav ul li div ul li {
margin-bottom: 0px;
}
nav .bottomExpand {
display: none;
visibility: hidden;
font-size: 10px;
color: #84888d;
position: absolute;
bottom: 0px;
width: 100%;
padding: 30px;
/*padding-left: 3.9rem;*/
padding-left: 1.9rem;
/*transition-delay: 0s !important;*/
}
nav .bottomExpand a {
/*transition: none !important;*/
}
nav .bottomExpand {
display: block;
visibility: visible;
transition: visibility;
transition-delay: 0.2s !important;
}
nav .bottom {
padding-left: 30px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
}
nav .bottom {
display: none;
}
nav .bottom img {
width: 16px;
}
nav .bottom a {
margin-bottom: 10px;
}
nav .bottomExpand img {
margin-right: 5px;
}
nav .bottomExpand a {
color: #ffffff;
}
nav img:hover {
opacity: 0.8;
}
nav a:hover {
color: #5d606f;
}
/*NAV END*/
.main_logo {
position: absolute;
left: 50%;
z-index: 10;
top: 30px;
margin-left: -100px;
}
.main_logo img {
object-fit: contain;
}
.breadcrumbs {
margin-top: 30px;
margin-bottom: 15px;
margin-left: 100px;
color: #ffffff;
}
.breadcrumbs.light_breadcrumbs ul li {
color: #ccd0da;
}
.breadcrumbs.light_breadcrumbs ul li a {
color: #ccd0da;
}
.breadcrumbs ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.breadcrumbs ul li {
display: inline-block;
color: #929eb8;
font-weight: 700;
font-size: 10px;
text-transform: uppercase;
}
.breadcrumbs ul li a {
color: #929eb8;
margin-right: 15px;
}
.breadcrumbs ul li a:after {
content: '';
background-image: url(../images/icons/chevron-right.svg);
position: absolute;
height: 20px;
width: 20px;
background-position: center;
background-repeat: no-repeat;
margin-top: -2px;
background-size: 4px;
filter: invert(88%) sepia(9%) saturate(216%) hue-rotate(185deg) brightness(97%) contrast(87%);
}
.breadcrumbs.light_breadcrumbs ul li a:after {
}
.breadcrumbs h3 {
font-size: 24px;
font-weight: 700;
}
.textarea_new_task,
.textarea_new_opportunity,
.textarea_new_request {
font-size: 14px;
}
.textarea_new_request input {
background-color: #fff;
margin-bottom: 3px;
}
.box_confirm_new_task,
.box_confirm_new_opportunity,
.box_confirm_new_request {
display: none;
}
.box_confirm_new_task img,
.box_confirm_new_opportunity img,
.box_confirm_new_request img{
width: 16px;
}
.box_confirm_new_project {
display: none;
}
.box_confirm_new_project img {
width: 16px;
}
.group_footer button.cta_confirm_new_task,
.group_footer button.cta_confirm_new_opportunity,
.group_footer button.cta_confirm_new_request {
border-radius: 3px;
background-color: #3d465a;
color: #ffffff;
margin-top: -15px;
height: 30px;
padding: 0px 10px;
}
/* SELECT */
.select2-container {
z-index: 999; /* THIS WAS 10000, AGAIN ISSUE WHEN IT DRAWS OVER A MODAL DIALOG */
/* AGAIN LOWERED FROM 2000 TO 1000 BECAUSE IT WAS NOT FADED DURING MODALS */
/*margin-left: 10px !important;*/ /* WHY WAS THIS HERE? IT OFFETS SELECT ON ADD PROJECT DIALOG AND IT LOOKS WEIRD... REMOVE EVENTUALLY */
}
.modal_content .select2-container{
width: 100%!important;
}
.CalendarUserSelect .select2-container {
z-index: 1040;
}
.select2-container--default .select2-selection--single {
/*border-radius: 2px !Important;*/
height: 37px !important;
border-radius: 3px !important;
/*border: solid 1px #979797 !important;*/
border: solid #e9eaf3 1px !Important
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 37px !Important;
/*font-size: 12px;*/
font-family: 'Mulish';
font-size: 12px;
font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 37px !important;
background-image: url("../images/icons/chevron-down.svg");
background-repeat: no-repeat;
background-position-y: center;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none !important;
}
/*.select2-container--default .select2-selection--single {*/
/* border: 1px solid #ebecf4 !Important;*/
/* border-radius: 4px;*/
/*}*/
.select2-container--default .select2-selection--multiple {
border: solid #e9eaf3 1px !Important;
outline: 0;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid #e9eaf3 1px !Important;
outline: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #d9dde6 !important;
padding: 5px 10px !Important;
border: none !Important;
font-size: 12px;
}
.select2-results__option {
font-size: 12px;
}
/* END OF SELECT */
.moon_img {
position: absolute;
right: 20px;
top: 20px;
z-index: 1;
width: 20px;
}
/* MODAL */
.modal_z-index {
z-index: 999999;
}
.modal_wrapper {
padding: 30px 60px 30px 43px;
}
.modal_wrapper h5 {
font-size: 18px;
font-weight: 700;
color: #3d465a;
}
.modal-dialog {
max-width: 750px;
margin: 1.75rem auto;
}
.modal-dialog-wide {
max-width: 1000px !important;
}
.modal_wrapper h5 img {
margin-right: 10px;
vertical-align: baseline;
}
.modal_section {
margin-bottom: 15px;
}
button.close {
position: absolute;
top: 20px;
right: 20px;
}
.modal_wrapper label {
font-size: 14px;
color: #3d465a;
font-weight: 400;
display: block;
}
.modal_content {
margin-left: 30px;
margin-top: 20px;
}
.modal_content .text_view,
.modal_content .text_view_note,
.modal-content .text_view_motivational_letter {
/*padding: 10px 15px;*/
border-radius: 3px;
/*background-color: #f6f7f8;*/
font-size: 14px;
/*color: #828a9d;*/
min-height: 50px;
position: relative;
}
.modal_content .text_edit,
.modal_content .text_edit_note {
display: none;
}
.dashboard-wrapper #todos-list .text_edit {
display: none;
}
.modal_content .text_view:hover,
.modal_content .text_view_note:hover {
cursor: pointer;
background-color: #eceeef;
}
.modal_content .text_view img,
.modal_content .text_view_note img {
position: absolute;
right: 10px;
top: 10px;
display: none;
}
.modal_content .text_view_motivational_letter img {
display: block;
}
.modal_content .text_view #ViewBody, .modal_content .text_view_motivational_letter #ViewMotivationalLetter {
overflow-wrap: break-word;
}
.modal_content .text_view:hover img,
.modal_content .text_view_note:hover img {
display: block;
}
.modal_content .text_edit textarea,
.modal_content .text_edit_note textarea {
margin-bottom: 5px;
}
.cta_save {
border-radius: 3px;
background-color: #3d465a;
color: #ffffff;
margin-top: -15px;
height: 30px;
padding: 0px 10px;
border: none;
font-size: 13px;
cursor: pointer;
transition: .3s;
}
.cta_save:hover {
opacity: 0.8;
}
.cta_cancel {
margin-right: 5px;
margin-top: -3px;
border: none;
background: none;
}
.cta_cancel.colored {
border-radius: 3px;
background-color: #d9dde6;
color: #3d465a;
margin-top: -15px;
height: 30px;
padding: 0px 10px;
border: none;
font-size: 13px;
cursor: pointer;
transition: .3s;
}
.cta_cancel.colored img {
margin-bottom: 2px;
}
.cta_save.colored:hover {
opacity: 0.8;
}
.cta_cancel img {
width: 10px;
}
.cta_cancel:hover {
opacity: 0.8;
cursor: pointer;
}
.documents_lists {
padding: 0px;
margin: 0px;
list-style: none;
}
.documents_lists li {
display: block;
margin-bottom: 8px;
position: relative;
background-color: #f6f7f8;
padding: 10px 13px;
}
.documents_lists li a {
display: inline;
border-radius: 3px;
transition: .3s;
font-size: 14px;
color: #000000;
max-width: 100%;
overflow-x: scroll;
}
.documents_lists li a:hover {
opacity: 0.8;
}
.documents_lists li a img.folder {
margin-right: 10px;
margin-top: -5px;
}
.cta_delete {
margin-right: 5px;
margin-top: -3px;
border: none;
background: none;
cursor: pointer;
}
.cta_delete:hover {
opacity: 0.8;
}
.cta_extract:hover {
opacity: 0.8;
}
.documents_lists .cta_delete {
position: absolute;
top: 10px;
right: 2px;
display: none;
}
.cta_new_element {
border: none;
background: none;
color: #929eb8;
font-size: 13px;
cursor: pointer;
transition: .3s;
}
.cta_new_element img {
margin-right: 5px;
margin-top: -3px;
}
.box_confirm_new_element {
display: none;
}
.worklog-list {
list-style: none;
padding: 0px;
margin: 0px;
max-height: 200px;
overflow-y: auto;
}
.timekeeping-list {
list-style: none;
padding: 0px;
margin: 0px;
max-height: 200px;
overflow-y: auto;
}
.activity_log {
list-style: none;
padding: 0px;
margin: 0px;
/*max-height: 400px;*/
/*overflow-y: auto;*/
}
.activity_log::-webkit-scrollbar {
width: 11px;
}
.activity_log::-webkit-scrollbar-track {
background: #f6f7f8;
}
.activity_log::-webkit-scrollbar-thumb {
background-color: #3d465a;
border-radius: 8px;
border: 3px solid #f6f7f8;
}
.dashboard-wrapper .last-activity .content::-webkit-scrollbar {
width: 11px;
}
.dashboard-wrapper .last-activity .content::-webkit-scrollbar-track {
background: #f6f7f8;
}
.dashboard-wrapper .last-activity .content::-webkit-scrollbar-thumb {
background-color: #3d465a;
border-radius: 8px;
border: 3px solid #f6f7f8;
}
.activity_log li {
margin-bottom: 8px;
display: block;
}
.activity_log .mentions-input-box {
width: calc(100% - 45px);
display: inline-block;
}
.activity_log .comment-footer {
width: calc(100% - 45px);
display: flex;
margin-left: 35px;
flex-direction: row;
justify-content: space-between;
}
.activity_log .comment-footer .tooltip.info {
font-size: 17px;
display: inline-block;
vertical-align: middle;
}
.activity_log textarea.comment {
/*width: calc(100% - 45px);*/
background-color: #f6f7f8;
padding: 15px;
border-radius: 4px;
border: 0;
min-height: initial;
}
.checkbox_list .username .circle,
.checkbox_list_opportunity_contacts .username .circle,
.checkbox_list_opportunity_events .username .circle,
.activity_log .comment .username .circle,
.checkbox_list_todo .username .circle {
margin: 0 0 0 3px !important;
}
.checkbox_list .username,
.checkbox_list_opportunity_contacts .username,
.checkbox_list_opportunity_events .username,
.activity_log .comment .username,
.checkbox_list_todo .username {
color: #0052cc;
/*font-weight: 600;*/
display: inline-block;
font-size: 14px;
margin: initial;
}
.activity_log .cta_save {
margin-top: 0px;
float: right;
margin-right: 10px;
display: none;
}
.activity_log div.comment {
background-color: #f6f7f8;
padding: 15px;
border-radius: 4px;
margin-top: 8px;
margin-bottom: 5px;
line-height: 1.2;
position: relative;
}
.activity_log div.comment h1,
.activity_log div.comment h2,
.activity_log div.comment h3,
.activity_log div.comment h4,
.activity_log div.comment h5,
.activity_log div.comment h6 {
margin-top: 15px;
}
.activity_log div.comment ul,
.activity_log div.comment ol {
padding-left: 15px;
margin-bottom: 15px;
margin-top: 15px;
}
.activity_log div.comment li {
display: list-item;
}
.activity_log div.comment a {
color: #588def !important;
transition: .3s ease-in-out;
}
.activity_log div.comment a:hover {
opacity: 0.6;
}
.activity_log div.comment table {
border: 1px solid black;
margin-top: 5px;
}
.activity_log div.comment td,
.activity_log div.comment th {
border-left: 1px solid black;
border-top: 1px solid black;
padding: 7px;
}
.activity_log div.comment th {
background-color: #929eb8;
color: #fff;
}
.checkbox_list li .circle,
.checkbox_list_opportunity_contacts li .circle,
.checkbox_list_opportunity_events li .circle,
.activity_log li .circle,
.worklog-list .circle,
.timekeeping-list .circle,
.checkbox_list_todo li .circle {
background-color: #929eb8;
color: #ffffff;
width: 23px;
height: 23px;
font-size: 10px;
font-weight: 700;
text-align: center;
padding-top: 5px;
display: inline-block;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
margin-bottom: 5px;
margin-right: 8px;
vertical-align: top;
}
.activity_log li .text {
width: calc(100% - 45px);
}
/*#fe8578*/
/*#009d5f*/
.modal_content .activity_log li .text {
display: inline-block;
}
.revision_content {
max-height: 300px;
overflow: scroll;
}
.revision_content .activity_log li .text {
display: inline-block;
}
.activity_log li .text h6 {
color: #000000;
font-size: 14px;
margin: 0px;
margin-bottom: 2px;
overflow-wrap: break-word;
}
.activity_log li .text p.date {
color: #929eb8;
font-size: 10px;
}
.activity_log li .text .comment {
font-size: 14px;
color: #000;
padding-right: 50px;
}
.activity_log .comment .cta_delete {
position: absolute;
top: calc(50% - 14px);
right: 5px;
padding: 8px;
transition: .25s ease-in-out;
}
.activity_log .comment .cta_delete:hover {
opacity: 0.6;
}
.modal_content .date_edit {
display: none;
}
.modal_content .date_view {
font-size: 14px;
transition: .3s;
display: inline-block;
padding: 7px;
padding-bottom: 4px;
border-radius: 4px;
}
.modal_content .date_view:hover {
background-color: #eceeef;
cursor: pointer;
}
.modal_content .users_view:hover, .modal_content .tags_view:hover {
background-color: #eceeef;
cursor: pointer;
}
.modal_content .date_view img {
margin-top: -4px;
margin-right: 5px;
}
.modal_content .date_view .cta_delete {
display: none;
}
.modal_content .users_view .cta_delete, .modal_content .tags_view .cta_delete {
display: none;
}
.modal_content .project-title .cta_delete {
display: none;
}
.modal_content .project-title {
transition: .3s;
padding: 7px;
border-radius: 4px;
display: inline-block;
}
.modal_content .users_view, .modal_content .tags_view {
transition: .3s;
padding: 7px;
border-radius: 4px;
display: inline-block;
}
.modal_content .users_view ul, .modal_content .tags_view ul {
list-style: none;
padding: 0px;
margin: 0px;
display: inline-block;
}
.modal_content .users_view ul li {
background-color: #929eb8;
color: #ffffff;
width: 23px;
height: 23px;
font-size: 10px;
font-weight: 700;
text-align: center;
padding-top: 5px;
display: inline-block;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
/*margin-bottom: 5px;*/
margin-right: 3px;
}
.modal_content .tags_view ul li {
background-color: #929eb8;
color: #ffffff;
/* width: 23px; */
height: 23px;
font-size: 10px;
font-weight: 700;
text-align: center;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
display: inline-block;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
/* margin-bottom: 5px; */
margin-right: 3px;
}
.modal_content .users_view img, .modal_content .tags_view img {
margin-top: -4px;
margin-right: 5px;
}
/* RADIO BUTTONS */
.priority_view .transition,
.lead_view .transition {
transition: all 0.3s ease-out;
}
.priority_view .heading,
.lead_view .heading {
text-align: center;
font-size: 0.8em;
}
.priority_view input[type="radio"],
.lead_view input[type="radio"],
.rating_view input[type="radio"] {
visibility: hidden;
height: 0;
width: 0;
position: absolute;
}
.priority_view label,
.lead_view label,
.rating_view label {
display: inline-block;
text-align: left;
cursor: pointer;
background-color: #ffffff;
color: #3d465a;
border-radius: 3px;
width: 100%;
transition: all 0.3s ease-out;
padding: 5px 15px;
}
.priority_view input[type="radio"]:checked + label,
.lead_view input[type="radio"]:checked + label {
/*background-color: #d9dde6;*/
}
.priority_view .la-check,
.lead_view .la-check {
display: none;
}
.priority_view input[type="radio"]:checked + label .la-check,
.lead_view input[type="radio"]:checked + label .la-check {
display: inline-block;
}
.modal_content .users_view .cta_add_user {
border: none;
background: none;
}
.modal_content .users_view .cta_add_user:hover {
cursor: pointer;
opacity: 0.8;
}
.modal_content .users_view .cta_add_user img {
margin: 0px;
}
.modal_content .users_edit, .modal_content .tags_edit {
display: none;
}
.modal_content .project-title-edit {
display: none;
}
.modal_content .users_edit select, .modal_content .tags_edit select {
margin-bottom: 15px;
}
.modal_section .title_view {
display: inline-block;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 20px;
margin-top: -5px;
width: 94%;
}
.modal_section .title_view:hover {
opacity: 0.8;
}
.modal_section .title_edit {
display: none;
width: 90%;
}
.modal_section .title_edit input {
width: 100%;
border-radius: 2px;
border: solid 1px #ebecf3;
background: none;
padding: 5px 10px;
font-size: 18px;
font-weight: 700;
color: #3d465a;
display: inline-block;
}
.group_item .circle {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #8993ac;
display: inline-block;
}
.group_item .circle.circle_fast {
background-color: #f0ac15;
display: inline-block;
}
.group_item .circle.circle_urgent {
background-color: #fe8578;
display: inline-block;
}
.group_item .circle.circle_normal {
display: none;
}
.modal_content .date_empty {
display: inline-block;
}
.actions_dropdown {
list-style: none;
padding: 0px;
margin: 0px;
position: absolute;
z-index: 100;
display: none;
text-align: left;
right: 0px;
margin-top: 15px;
}
.group5-wrap .actions_dropdown {
margin-left: 8%;
}
.actions_dropdown li {
margin-bottom: 3px;
}
.actions_dropdown li button.cta_dropdown {
border-radius: 3px;
background-color: #3d465a;
height: 26px;
color: #ffffff;
border: none;
font-size: 13px;
padding: 0px 10px;
width: max-content;
}
.actions_dropdown li button.cta_dropdown img {
margin-right: 3px;
margin-top: -3px;
width: 12px;
}
.actions_dropdown .dropdown_box {
background-color: #ffffff;
padding: 10px;
border: 1px solid #e1e2e4;
display: none;
}
.actions_dropdown .dropdown_box h6 {
border-bottom: 1px solid #e1e2e4;
padding-bottom: 5px;
font-size: 14px;
}
.change_priority_wrap .custom-control-label {
margin-bottom: 0;
margin-top: 7px;
font-size: 10px;
cursor: pointer;
}
.change_priority_wrap .change_priority_checkbox {
margin-bottom: 30px;
}
.actions_dropdown .dropdown_box.showDropdown {
display: block;
}
.dropdown_box .cta_cancel {
margin-top: 0px;
vertical-align: top;
}
.delete_box {
font-size: 11px;
position: absolute;
top: 9px;
right: 7px;
display: none;
}
.delete_box button {
border: none;
background-color: #ffffff;
height: 25px;
padding: 0 10px;
}
.delete_box button.confirm {
background-color: #fe8478;
color: #ffffff;
}
/* END OF MODAL */
/* CHECKBOX */
.checkbox_list,
.checkbox_list_opportunity_contacts,
.checkbox_list_opportunity_events,
.checkbox_list_todo {
list-style: none;
padding: 0px;
margin: 0px;
position: relative;
}
.custom-checkbox .custom-control-label::before {
border-radius: 50%;
width: 20px;
height: 20px;
border: 1px solid #909eb8;
background-color: #f6f7f8 !important;
}
.custom-control-label::after {
width: 20px;
height: 20px;
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
background-image: none !important;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
background-image: url('../images/icons/check-mark.svg') !important;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
background: none !important;
border: 1px solid #909eb8 !important;
}
.checkbox_list .custom-checkbox label,
.checkbox_list_opportunity_contacts .custom-checkbox label,
.checkbox_list_opportunity_events .custom-checkbox label,
.checkbox_list_todo .custom-checkbox label {
padding-top: 4px;
color: #000000;
padding-left: 5px;
cursor: pointer;
}
.checkbox_list li,
.checkbox_list_opportunity_contacts li,
.checkbox_list_opportunity_events li {
background-color: #f6f7f8;
padding: 10px 14px;
margin-bottom: 10px;
cursor: pointer;
position: relative;
}
.checkbox_list li:hover,
.checkbox_list_opportunity_contacts li:hover,
.checkbox_list_opportunity_events li:hover,
.checkbox_list_todo li:hover {
background-color: #eceeef;
cursor: pointer;
}
.checkbox_list li .cta_delete,
.checkbox_list_opportunity_contacts li .cta_delete,
.checkbox_list_opportunity_events li .cta_delete,
.checkbox_list_todo li .cta_delete {
position: absolute;
top: 18px;
right: 5px;
display: none;
}
.checkbox_list li .cta_extract,
.checkbox_list_opportunity_contacts li .cta_extract,
.checkbox_list_opportunity_events li .cta_extract,
.checkbox_list_todo li .cta_extract {
position: absolute;
top: 18px;
right: 35px;
display: none;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
background-color: #d9dde6;
border-color: #d9dde6;
color: #fff;
}
/* LOADER */
.loader {
--loader-size: calc(var(--block-size) / 2);
--loader-size-half: calc(var(--loader-size) / 2);
--loader-size-half-neg: calc(var(--loader-size-half) * -1);
--light-color: rgba(255, 255, 255, 0.3);
--dot-size: 5px;
--dot-size-half: calc(var(--dot-size) / 2);
--dot-size-half-neg: calc(var(--dot-size-half) * -1);
display: block;
position: relative;
width: var(--loader-size);
display: grid;
place-items: center;
color: white;
}
.loader::before,
.loader::after {
content: '';
position: absolute;
}
/**
loader--3
**/
.loader--3 {
--loader-size: calc(var(--block-size) / 3);
--anim-duration: 1.2s;
aspect-ratio: 1 / 1;
border: 1px solid #e7e8ea;
border-radius: 50%;
animation: loader-3 calc(var(--anim-duration) * 3) linear infinite;
}
.loader--3::before,
.loader--3::after {
width: var(--dot-size);
aspect-ratio: 1 / 1;
background: #e7e8ea;
border-radius: 50%;
top: var(--dot-size-half-neg);
left: calc(50% - var(--dot-size-half));
animation: loader-3 var(--anim-duration) cubic-bezier(0.27, 0.08, 0.26, 0.7) infinite;
transform-origin: center calc(var(--loader-size-half) + var(--dot-size-half) - 1px);
}
.loader--3::after {
animation-delay: calc(var(--anim-duration) / 3 * -1);
}
@keyframes loader-3 {
100% {
transform: rotate(1turn);
}
}
.loader_container {
--block-size: 18vmin;
display: grid;
grid-template-columns: repeat(3, var(--block-size));
grid-template-rows: repeat(3, var(--block-size));
grid-gap: 1vmin;
}
.loader_item {
background: rgba(255, 255, 255, 0.1);
display: grid;
place-items: center;
border-radius: 4px;
position: absolute;
transition: opacity 0.4s ease;
width: 100%;
top: 10%;
z-index: 1000;
}
.checkbox_new {
display: none;
}
/*.checkbox_list .custom-checkbox label {
cursor: -webkit-grabbing;
cursor: grabbing;
}*/
.checkbox_list .custom-checkbox label:active,
.checkbox_list_opportunity_contacts .custom-checkbox label:active,
.checkbox_list_opportunity_events .custom-checkbox label:active,
.checkbox_list_todo .custom-checkbox label:active {
/*cursor: -webkit-grabbing;*/
cursor: grabbing;
}
.group-wrap .card_action {
background-color: #ffffff;
padding: 10px;
border: 1px solid #e1e2e4;
display: none;
width: 100%;
margin-top: 10px;
position: relative;
}
.group-wrap .card_action h6 {
padding-bottom: 5px;
font-size: 14px;
position: absolute;
right: 10px;
}
.group-wrap .card_action h6 img {
width: 10px;
text-align: right;
float: right;
margin-top: 4px;
margin-right: 5px;
}
.group-wrap .card_action h6 img:hover {
opacity: 0.8;
cursor: pointer;
}
.group-wrap .card_action ul {
list-style: none;
padding: 0px;
margin: 0px;
width: 90%;
}
.group-wrap .card_action ul li button {
background: none;
border: none;
width: 100%;
text-align: left;
padding: 5px 5px;
}
.group-wrap .card_action ul li button:hover {
background-color: #eceeef;
}
.priority_view .circle,
.lead_view .circle {
left: 5px;
border-radius: 50%;
width: 10px;
height: 10px;
display: inline-block;
margin-right: 8px;
}
.priority_view .circle.circle_urgent,
.circle_high {
background-color: #fe8578 !important;
}
.priority_view .circle.circle_fast,
.circle_medium {
background-color: #f0ac15 !important;
}
.priority_view .circle.circle_normal,
.circle_low {
background-color: #343434 !important;
}
#CheckboxWrapper {
position: relative;
}
.invert_logo {
filter: invert(1);
}
.subpage_container {
padding: 80px;
padding-top: 0px;
background: none;
height: 100%;
overflow-x: scroll;
position: absolute;
}
.subpage_container .breadcrumbs {
/*margin-left: 20px;*/
margin-left: 80px;
margin-top: 30px;
}
.subpage_container .breadcrumbs h3 {
color: #151b26;
}
.index_content {
padding-top: 30px;
padding-left: 80px;
/*padding-right: 80px;*/
padding-right: 45px;
}
.users_card {
width: 100%;
padding: 10px 10px;
border-radius: 3px;
background-color: #ffffff;
margin-bottom: 7px;
color: #3d465a;
display: block;
position: relative;
}
.users_card:hover {
background-color: #eceeef;
color: #3d465a;
}
.users_card .bg {
width: 46px;
height: 46px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 50%;
margin: 0 auto;
}
.users_card .bg_no {
width: 46px;
height: 46px;
background-color: #929eb8;
color: #ffffff;
font-size: 12px;
font-weight: 700;
text-align: center;
display: block;
margin: 0 auto;
margin-bottom: 5px;
border-radius: 50%;
line-height: 46px;
}
.users_card .title {
font-size: 14px;
font-weight: 700;
margin-top: 3px;
}
.users_card .subtitle {
font-size: 14px;
}
.users_card .text {
font-size: 14px;
margin-top: 13px;
}
/* use with .single_card */
.single_card .card_more {
display: none;
position: absolute;
top: 11px;
right: 20px;
border: none;
background-color: #f6f8f9;
cursor: pointer;
z-index: 1;
}
.single_card .card_more.card_more_small {
top: 0px;
}
.single_card .actions_dropdown {
margin-left: 130px;
position: absolute;
width: auto;
min-width: 200px;
}
.index_content .second_title {
margin-top: 55px;
}
.btn_add {
max-width: 100%;
height: 42px;
border-radius: 3px;
/*background-color: #dfe4ea;*/
font-size: 14px;
font-weight: 700;
border: none;
padding: 0px 24px;
cursor: pointer;
margin-left: auto;
margin-right: 0px;
display: table;
/*color: #3d465a;*/
box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05);
background-image: linear-gradient(to right, #3a416f 9%, #141727 95%);
color: #ffffff;
}
.btn_center {
margin-left: auto;
margin-right: auto;
}
.btn_exp {
max-width: 100%;
height: 42px;
border-radius: 3px;
/*background-color: #dfe4ea;*/
font-size: 14px;
font-weight: 700;
border: none;
padding: 0px 24px;
cursor: pointer;
margin-left: auto;
margin-right: 0px;
/*color: #3d465a;*/
box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05);
background-image: linear-gradient(to right, #3a416f 9%, #141727 95%);
color: #ffffff;
}
.btn_add img {
width: 12px;
height: 12px;
margin-left: -8px;
margin-right: 8px;
vertical-align: top;
margin-top: 4px;
}
.btn_add:hover {
opacity: 0.8;
transition: .3s;
}
.custom_modal .modal-content {
padding: 50px 120px;
}
.custom_modal .main_img {
width: 32px;
height: 26.7px;
margin: 0 auto;
margin-bottom: 15px;
}
.custom_modal h3 {
font-size: 18px;
font-weight: 700;
text-align: center;
}
.custom_modal h4 {
font-size: 14px;
margin-bottom: 35px;
text-align: center;
}
.btn_primary {
height: 42px;
padding: 0px 24px;
border-radius: 3px;
border: solid 0.5px #929eb8;
font-size: 14px;
font-weight: 700;
text-align: center;
border: none;
transition: .3s;
box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05);
background-image: linear-gradient(to right, #3a416f 9%, #141727 95%);
color: #ffffff;
}
.btn_primary:hover {
opacity: 0.8;
}
.btn_primary img {
vertical-align: top;
margin-left: -7px;
margin-right: 10px;
margin-top: 1px;
}
.btn_secondary {
height: 42px;
padding: 0px 24px;
/*border-radius: 3px;*/
/*border: solid 0.5px #929eb8;*/
/*background-color: #7b859b;*/
font-size: 14px;
font-weight: 700;
/*color: #ffffff;*/
text-align: center;
/*border: none;*/
color: #3d465a;
transition: .3s;
border-radius: 3px;
box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05);
border: solid 1px #1d232f;
background-color: #fff;
}
.btn_secondary:hover {
opacity: 0.8;
}
.btn_secondary img {
vertical-align: top;
margin-left: -7px;
margin-right: 10px;
margin-top: 1px;
max-height: 20px;
}
.custom_modal .modal-dialog {
max-width: 745px;
}
.custom_modal.codes_modal .modal-dialog {
max-width: 600px;
}
.custom_modal .btn_primary {
width: fit-content;
margin: 0 auto;
margin-top: 27px;
margin-bottom: 27px;
}
.custom_modal .btn_secondary {
width: fit-content;
margin: 0 auto;
margin-top: 27px;
margin-bottom: 27px;
}
.custom_modal a {
text-align: center;
display: block;
margin: 0 auto;
font-size: 14px;
font-weight: 700;
color: #3d465a;
}
.form_group {
width: 100%;
padding: 35px 48px;
border-radius: 3px;
/*background-color: #e9ecf1;*/
background-color: #ffffff;
margin-bottom: 20px;
}
.input_box {
margin-bottom: 12px;
width: 100%;
}
.form_group .instructions {
text-align: center;
font-size: 14px;
margin-bottom: 20px;
}
.toggle_pass {
width: 15px;
height: 15px;
margin-top: -26px;
margin-right: 14px;
position: relative;
z-index: 1;
float: right;
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url('../images/icons/visibility_none.svg');
}
.toggle_pass_show {
background-image: url('../images/icons/visibility.svg');
}
.requiredInput, .e_requiredInput, .fm_requiredInput, .event_requiredInput {
border-left: 3px solid #ff0000;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
select.requiredInput + span, select.e_requiredInput + span, select.fm_requiredInput + span {
border-left: 3px solid #ff0000;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid\9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.nav_dropdown {
width: 100%;
display: none;
max-height: 100%;
padding-top: 7px;
padding-left: 31px;
}
.nav_dropdown li {
margin: 0px;
}
.nav_dropdown li a {
font-size: 12px;
}
.custom_modal.codes_modal .modal-content {
padding: 40px;
padding-top: 30px;
}
.custom_modal.codes_modal .modal-content .btn_primary {
margin-bottom: 0px;
}
.upload_no_image {
width: 90px;
height: 90px;
border-radius: 50%;
background-color: #929eb8;
position: relative;
text-align: center;
margin: 0 auto;
cursor: pointer;
}
.upload_no_image img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.upload_no_image:hover {
transition: .3s;
opacity: 0.8;
}
.form_group .cta_new_element {
display: table;
margin: 0 auto;
margin-top: 10px;
}
.upload_user_image {
width: 90px;
height: 90px;
border-radius: 50%;
background-color: #929eb8;
position: relative;
text-align: center;
margin: 0 auto;
cursor: pointer;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.upload_user_image:hover {
transition: .3s;
opacity: 0.8;
}
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
font-size: 12px;
}
.upload_cta {
height: 42px;
padding: 0px 24px;
border-radius: 3px;
border: solid 0.5px #929eb8;
background-color: #3d465a;
font-size: 14px;
font-weight: 700;
color: #ffffff;
text-align: center;
border: none;
transition: .3s;
margin-top: 15px;
display: inline-block;
}
.upload_cta:hover {
opacity: 0.8;
}
.upload_cta.upload_cta_edit {
text-align: right;
margin-right: 0px;
margin-left: auto;
background: none;
border: 1px solid #3d4659;
color: #3d4659;
}
.settings_nav .nav-tabs {
border: none;
display: block;
}
.settings_nav .nav-tabs .nav-item {
margin-bottom: -1px;
display: inline-block;
}
.settings_nav .tab-content {
padding-top: 20px;
}
.settings_nav .nav-link {
background: none;
font-size: 14px;
font-weight: 700;
color: #3d465a;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
/*border: 1px solid #dfe4ea;*/
border: none;
/*background-color: #dfe4ea;*/
border-radius: 3px;
box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05);
background: linear-gradient(to left, #d3e1f9 10%, #c7d1e5 91%);
}
.settings_card {
margin-bottom: 20px;
padding: 30px;
border-radius: 3px;
background-color: #ffffff;
}
.settings_card .card_header {
border-bottom: 1px solid #dcdee2;
margin-bottom: 20px;
padding-bottom: 10px;
}
.settings_card h3 {
font-size: 14px;
font-weight: 700;
margin-top: 10px;
}
.settings_card p {
margin-top: 10px;
}
.settings_card .cta_change {
height: 42px;
padding: 0px 24px;
border-radius: 3px;
font-size: 14px;
font-weight: 700;
text-align: center;
border: none;
transition: .3s;
margin-right: 0px;
margin-left: auto;
display: table;
color: #3d465a;
border: 1px solid #3d465a;
background-color: #ffffff;
}
.settings_card .cta_change:hover {
opacity: 0.8;
}
.settings_card .cta_change.cta_close {
display: inline-block;
}
.settings_card .cta_change.cta_close.cta_close_confirm {
margin-right: 100px;
margin-top: -43px;
padding: 0px;
}
.settings_card .cta_change.cta_close.cta_close_confirm img {
margin: 0px;
}
.dataTables_wrapper .dataTables_length {
display: none;
}
div.dataTables_wrapper div.dataTables_filter {
float: left;
}
.codesTable .table thead th {
display: none;
}
table.dataTable tbody tr {
/*background-color: #f7f8f9 !Important;*/
background-color: #ffffff;
color: #3d465a;
border-radius: 4px;
border-top: solid 1px #e9ecef;
}
table.dataTable tbody tr.even {
background-color: #f7f8f9;
}
/*#table1.dataTable tbody tr {*/
/* !*border: none;*!*/
/* border-radius: 4px;*/
/* color: #3d465a;*/
/* background-color: #ffffff !Important;*/
/* border-top: solid 1px #e9ecef;*/
/*}*/
table.dataTable tbody th, table.dataTable tbody td {
min-height: 26px;
border: none;
position: relative;
}
.codesTable table.dataTable tbody th, .codesTable table.dataTable tbody td {
display: inline-block;
}
table.dataTable.table-condensed>thead>tr>th {
padding-left: 20px;
padding-bottom: 10px;
border: none;
padding-top: 10px;
font-family: Mulish;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0.5px;
text-align: left;
color: #929eb8;
}
/*table.dataTable tbody th, table.dataTable tbody td {
padding: 8px 9px;
display: inline-block;
margin-bottom: 10px;
min-height: 25px;
border: none;
}*/
div.dataTables_wrapper div.dataTables_filter label {
font-size: 14px;
font-weight: 700;
color: #3d465a;
}
.addNewCodeBox button {
border: none;
background: none;
color: #929eb8;
font-size: 13px;
cursor: pointer;
transition: .3s;
}
.addNewCodeBox button:hover {
opacity: 0.8;
}
.addNewCodeBox button img {
margin-right: 5px;
margin-top: -3px;
}
.table .card_more {
position: absolute;
display: none;
border: none;
/*background-color: #f6f8f9;*/
background-color: transparent;
cursor: pointer;
z-index: 1;
right: 10px;
top: -2px;
bottom: 0;
margin: auto 0;
}
.card_more_box .actions_dropdown {
width: auto;
position: absolute;
margin: 0px;
/*right: -80px; */
margin-top: -18px;
width: max-content;
left: 20px;
}
.user_box {
font-size: 10px;
color: #929eb8;
}
/* The container */
.container_radio {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-weight: 400;
font-size: 14px;
}
/* Hide the browser's default radio button */
.container_radio input {
position: absolute;
opacity: 0;
cursor: pointer;
}
/* Create a custom radio button */
.checkmark_radio {
position: absolute;
top: -3px;
left: 0;
height: 25px;
width: 25px;
background-color: #ffffff;
border-radius: 50%;
border: 1px solid #49577e;
}
/* On mouse-over, add a grey background color */
.container_radio:hover input ~ .checkmark_radio {
background-color: #ccc;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark_radio:after {
content: "";
position: absolute;
display: none;
}
/* Show the indicator (dot/circle) when checked */
.container_radio input:checked ~ .checkmark_radio:after {
display: block;
}
/* Style the indicator (dot/circle) */
.container_radio .checkmark_radio:after {
top: 5px;
left: 5px;
width: 13px;
height: 13px;
border-radius: 50%;
background: #49577e;
}
.white_radio {
background: white !important;
}
.white_radio:after {
background: black !important;
}
.blue_radio {
background: white !important;
}
.blue_radio:after {
background: #49577e !important;
}
.red_radio {
background: white !important;
}
.red_radio:after {
background: red !important;
}
.yellow_radio {
background: white !important;
}
.yellow_radio:after {
background: yellow !important;
}
.green_radio {
background: white !important;
}
.green_radio:after {
background: green !important;
}
.register_form {
min-height: 100vh;
width: 100%;
background-color: #f6f8f9;
overflow-x: scroll;
padding-bottom: 30px;
}
.register_form .logo {
width: 150px;
margin: 0 auto;
display: table;
margin-top: 50px;
}
/* PROGRESS BAR */
.progressBar {
position: relative;
width: 100%;
margin-top: 50px;
}
.progressBarcontainer {
width: 100%;
height: 5px;
background: #e2e6eb;
border-radius: 0.3em;
border-radius: 100px;
}
.progressBarValue {
height: 15px;
float: left;
border-radius: 100px;
background: #e55d87; /* Old browsers */
/* background: -moz-linear-gradient(-45deg, #e55d87 0%, #5fc3e4 100%);
background: -webkit-linear-gradient(-45deg, #e55d87 0%, #5fc3e4 100%);
background: linear-gradient(135deg, #e55d87 0%, #5fc3e4 100%);*/
background-image: linear-gradient(to right, #003275 21%, #e0577a 100%);
margin-top: -5px;
}
.speech-bubble {
font-size: 0.75em;
line-height: 2em;
position: absolute;
top: -0.60em;
text-align: center;
min-width: 3em;
border-radius: 0.3em;
color: white;
display: none;
}
.speech-bubble:after {
border: 0.5em solid transparent;
content: "";
margin-left: -0.5em;
position: absolute;
bottom: -50%;
left: 50%;
}
.single_step {
margin-top: -25px;
font-size: 16px;
color: #1f2e40;
font-weight: 700;
}
.register_form .top {
text-align: center;
}
.register_form .top h2 {
margin: 0 auto;
margin-top: 60px;
font-size: 24px;
margin-bottom: 12px;
}
.register_form .top h3 {
font-size: 14px;
margin: 0 auto;
margin-bottom: 25px;
}
.register_form .top h3.step2_title {
margin-top: 40px;
}
.register_form input {
background-color: #ffffff;
}
.register_form .btn_primary {
margin: 0 auto;
display: table;
margin-top: 70px;
}
.break {
width: 100%;
height: 1px;
background-color: #929eb8;
margin-top: 20px;
margin-bottom: 30px;
}
.upload_box {
text-align: center;
}
.requiredSelect2 .select2-selection--single {
border-left: 3px solid #ff0000 !Important;
}
.listTaskBox {
display: none;
}
.instructions {
text-align: center;
font-size: 14px;
margin-bottom: 20px;
}
.break_input {
width: 100%;
}
.dataTables_wrapper .dataTables_filter input {
color: #263238;
padding-left: 38px;
font-weight: 300;
font-size: 14px;
border: 1px solid #ddd;
border-radius: 2px;
height: 36px;
width: 226px;
background: url(../images/icons/loupe.svg) no-repeat scroll left 7px center;
background-size: 14px 14px;
background-color: #fff;
margin-left: 0px !important;
}
div.dataTables_wrapper div.dataTables_filter label {
font-size: 0px;
}
.userRightsHeader {
font-size: 14px;
}
.userRightsSingle {
margin-top: 5px;
border: solid 1px #eeeeee;
padding: 15px;
background-color: #ffffff;
font-size: 14px;
}
.userRightsSingle .title {
font-weight: 700;
}
.userRightsSingle .subtitle {
font-size: 13px;
}
.rights_radio {
display: table;
margin: 0 auto;
}
.rights_radio .checkmark_radio {
left: 50%;
margin-left: -12px;
}
.document_upload_status {
font-size: 12px;
margin-top: 5px;
text-align: center;
}
.document_upload_status img {
width: 16px;
filter: invert(56%) sepia(53%) saturate(384%) hue-rotate(
71deg
) brightness(99%) contrast(89%);
margin-right: 3px;
margin-top: -3px;
}
table.dataTable.table_margin {
border-collapse: collapse !Important;
border-spacing: 0 10px !Important;
}
/* The container */
.container_checkbox {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-weight: 400;
font-size: 14px;
}
/* Hide the browser's default checkbox */
.container_checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark_checkbox {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #ffffff;
border: 1px solid #49577e;
margin-top: -3px;
}
/* On mouse-over, add a grey background color */
.container_checkbox:hover input ~ .checkmark_checkbox {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.container_checkbox input:checked ~ .checkmark_checkbox {
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark_checkbox:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.container_checkbox input:checked ~ .checkmark_checkbox:after {
display: block;
}
/* Style the checkmark/indicator */
.container_checkbox .checkmark_checkbox:after {
left: 9px;
top: 3px;
width: 6px;
height: 13px;
border: solid #49577e;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(
45deg
);
-ms-transform: rotate(45deg);
transform: rotate(
45deg
);
}
.calendar_overview_cta {
display: block;
position: absolute;
right: 0px;
z-index: 1;
top: 20px;
right: 55px;
}
.calendar_overview_cta img {
width: 20px;
}
/*.calendar_overview_cta.overview_dash img {*/
/* filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(65deg) brightness(105%) contrast(102%);*/
/*}*/
/*.users_overview_cta img {*/
/* filter: invert(80%) sepia(8%) saturate(1647%) hue-rotate(184deg) brightness(98%) contrast(89%);*/
/*}*/
.users_overview_cta.overview_dash img {
filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(65deg) brightness(200%) contrast(102%);
}
/*.calls_overview_cta img {*/
/* filter: invert(10%) sepia(8%) saturate(1647%) hue-rotate(184deg) brightness(98%) contrast(89%);*/
/*}*/
.calls_overview_cta.overview_dash img {
filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(65deg) brightness(200%) contrast(102%);
}
.project_overview_cta.overview_dash img {
filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(65deg) brightness(200%) contrast(102%);
}
/*.opportunities_overview_cta img {*/
/* filter: invert(58%) sepia(0%) saturate(118%) hue-rotate(94deg) brightness(54%) contrast(100%);*/
/*}*/
/*.opportunities_overview_cta.overview_dash img {*/
/* filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(65deg) brightness(200%) contrast(102%);*/
/*}*/
.opportunities_overview_cta.overview_dash img {
filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(65deg) brightness(200%) contrast(102%);
}
.time_keeping_overview_cta.overview_dash img {
filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(65deg) brightness(200%) contrast(102%);
}
.shortcut_icon.overview_dash img {
filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(65deg) brightness(200%) contrast(102%);
}
label.ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
}
.main_welcome {
position: absolute;
z-index: 1000;
top: 29px;
right: 80px;
color: #929eb8;
font-size: 10px;
font-weight: 400;
display: inline-flex;
align-items: center;
}
.main_welcome a {
color: #ffffff;
}
.main_card {
background-color: #ffffff;
padding: 40px 40px 20px 40px;
margin-bottom: 8px;
border-radius: 6px;
box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05);
}
.main_card .user_img div {
height: 165px;
width: 165px;
display: table;
margin: 0 auto;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 50%;
}
@media (min-width: 992px) and (max-width: 1120px) {
.main_card .user_img div {
height: 100px !important;
width: 100px !important;
line-height: 100px !important;
}
}
@media (min-width: 1200px) and (max-width: 1350px) {
.main_card .user_img div {
height: 100px !important;
width: 100px !important;
line-height: 100px !important;
}
}
.main_card .user_img .bg_no {
background-size: 100px;
background: #929eb8;
text-align: center;
line-height: 155px;
color: #ffffff;
/*font-size: 30px;*/
font-size: 0px;
font-weight: 700;
margin-bottom: 20px;
overflow: hidden;
}
.main_card .edit-icon,
.main_card .map-icon,
.second_card .edit-icon {
position: absolute;
top: 15px;
opacity: 0.3;
transition: ease-in-out 0.5s;
}
.main_card .edit-icon {
right: 35px;
font-size: 14px;
}
.main_card .map-icon {
left: 35px;
font-size: 22px;
color: #000;
}
.second_card .edit-icon {
right: 20px;
}
.main_card .edit-icon:hover,
.main_card .map-icon:hover,
.second_card .edit-icon:hover {
cursor: pointer;
opacity: 1;
}
.main_card .title {
font-weight: 700;
font-size: 24px;
text-align: center;
margin-bottom: 20px;
margin-top: 20px;
}
.main_card ul {
list-style: none;
padding: 0px;
margin: 0px;
font-size: 14px;
}
.main_card ul li {
margin-bottom: 12px;
}
.main_card ul li label {
margin: 0px;
}
.main_card .properties label {
margin: 0;
}
.main_card .properties {
font-size: 14px;
margin-bottom: 10px;
}
.second_card {
background-color: #ffffff;
font-size: 14px;
margin-bottom: 8px;
padding: 15px 30px;
position: relative;
box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05);
border-radius: 4px;
background-color: rgba(255, 255, 255, 0.92);
}
.second_card .header {
font-weight: 700;
}
.second_card label {
margin: 0px;
}
#graph-bar {
border-radius: 6px;
box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05);
}
#graph-pie {
border-radius: 6px;
box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05);
}
.job_box {
margin-top: 60px;
}
.job_box.tasks_view {
margin-top: 0px;
}
.user_documents a {
display: block;
color: #929eb8;
transition: .3s;
text-decoration: underline;
}
.user_documents a:hover {
opacity: 0.8;
}
.job_box .title_box {
margin-left: 20px;
margin-bottom: 15px;
}
.job_box .title_box label {
margin: 0px;
}
.job_box .title_box h3 {
font-size: 24px;
font-weight: 700;
margin: 0px;
}
.job_box label {
margin-bottom: 10px;
}
/*.jodit_wysiwyg {
background-color: #f7f8f9;
}*/
.jodit_container:not(.jodit_inline) .jodit_workplace {
box-shadow: none;
background-color: #f7f8f9;
}
.white_text_bg .jodit_container:not(.jodit_inline) .jodit_workplace {
background-color: #ffffff;
}
.jodit_workplace {
margin: 0px;
}
.jodit_container:not(.jodit_inline) .jodit_workplace {
border: none !Important;
}
.card_more_box .actions_dropdown.single_actions_dropdown {
margin-top: -2px;
}
.nav_switch_container {
position: absolute;
/* right: 94px;*/
z-index: 1;
}
.nav_switch {
position: relative;
margin: 20px auto;
height: 26px;
background: rgba(0, 0, 0, 0.25);
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}
.customer_search {
position: absolute;
left: 50px;
margin-top: 42px;
font-size: 18px;
}
.searchCustomersDatabase {
padding-left: 45px;
}
.switch-label {
position: relative;
z-index: 2;
float: left;
width: 70px;
line-height: 26px;
font-size: 11px;
text-align: center;
cursor: pointer;
color: #ffffff;
}
.switch-label:active {
font-weight: bold;
}
.switch-input {
display: none;
}
.switch-input:checked + .switch-label {
font-weight: bold;
color: #ffffff;
-webkit-transition: 0.15s ease-out;
-moz-transition: 0.15s ease-out;
-o-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.switch-input:checked + .switch-label-on ~ .switch-selection {
/* Note: left: 50% doesn't transition in WebKit */
left: 73px;
}
.switch-selection {
display: block;
position: absolute;
z-index: 1;
top: 2px;
left: 2px;
width: 65px;
height: 22px;
background: #3d465a;
border-radius: 3px;
-webkit-transition: left 0.15s ease-out;
-moz-transition: left 0.15s ease-out;
-o-transition: left 0.15s ease-out;
transition: left 0.15s ease-out;
}
/* RADIO BUTTONS BG*/
.change_bg_image {
max-height: 300px;
overflow-y: scroll;
overflow-x: hidden;
}
.change_bg_image .image {
opacity: 0.5;
width: 100%;
height: 75px;
background-color: gray;
display: inline-block;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.change_bg_image .radio-img {
width: 100%;
}
.change_bg_image .image:hover {
opacity: 1;
}
.change_bg_image .radio-img > input {
display: none;
}
.change_bg_image .radio-img > .image {
cursor: pointer;
}
.change_bg_image .radio-img > input:checked + .image {
opacity: 1;
position: relative;
}
.settings_nav {
margin-bottom: 15px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
background-color: #151b26 !Important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
color: #fff !important;
background-color: #151b26 !Important;
border-radius: 50%;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
color: white !important;
background-color: #151b26 !Important;
border-radius: 50%;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
outline: none;
background-color: #151b26 !Important;
border-radius: 50%;
/* W3C */
box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
font-size: 12px !Important;
min-width: 29px !Important;
height: 30px !Important;
padding: 5px 5px !Important;
}
.change_bg_image .radio-img > input:checked + .image:before {
content: '';
background-image: url(../images/icons/check_img.svg);
width: 100%;
height: 100%;
position: absolute;
background-size: 40px;
background-repeat: no-repeat;
background-position: center;
}
.jodit_container:not(.jodit_inline) {
margin-bottom: 20px;
}
.fc-button-primary {
color: #3d465a;
background: none;
border: none !Important;
font-size: 14px;
font-weight: 700;
}
.fc-button-primary:focus {
border: none;
}
.fc-button-primary:active {
border: none;
}
.fc-button-primary:not(:disabled).fc-button-active, .fc-button-primary:not(:disabled):active {
background-color: #dfe4ea;
color: #3d465a;
border: none;
}
.fc-right .fc-button {
margin-left: 10px !important;
}
.fc-widget-header {
background-color: #dfe4e9;
font-size: 12px;
}
.fc-view-container {
background-color: #ffffff;
}
.fc-time-grid .fc-slats, .fc-time-grid>hr {
font-size: 12px;
}
.fc-event, .fc-event-dot {
background-color: #3d465a;
border: none!important;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
overflow: hidden!important;
}
.fc-time-grid-event-inset{
-webkit-box-shadow: none!important;
}
.fc-time-grid-event {
left: 0 !important;
}
.fc-time-grid-event .fc-content {
color: #ffffff;
margin-top: 5px;
cursor: pointer;
transition: .3s;
}
.fc-time-grid-event.disableModal .fc-content:hover {
cursor: no-drop;
opacity: 1;
}
.fc-time-grid-event .fc-content:hover {
opacity: 0.6;
}
.fc-time-grid-event .fc-time {
font-size: 8px !Important;
}
.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {
font-weight: 700;
text-align: center;
font-size: 10px;
}
.fc-day-grid-event .fc-content {
text-align: center;
}
.fc-day-grid-event .fc-time, .fc-day-grid-event .fc-title {
font-weight: 700;
text-align: center;
font-size: 10px;
}
.fc-title {
color: #ffffff;
}
.fc-day-grid-event .fc-time {
color: #ffffff;
display: none;
}
.fc-today {
background: #FFF !important;
/*border: none !important;*/
border-top: 1px solid #ddd !important;
font-weight: bold;
}
.fc-content-main {
color: white;
padding: 5px 10px 5px 10px;
text-align: center;
font-size: 11px;
}
.user_overview .btn_add img,
.project_overview .btn_add img,
.customer_overview .btn_add img {
filter: invert(22%) sepia(57%) saturate(299%) hue-rotate(183deg) brightness(93%) contrast(83%);
}
.user_overview .btn_add,
.project_overview .btn_add,
.customer_overview .btn_add {
margin-bottom: 10px;
display: block;
z-index: 100;
position: relative;
}
.user_overview .btn_add {
margin-top: -50px;
}
.project_overview .title {
margin-top: 10px;
margin-bottom: 20px;
}
.customer_overview .title {
margin-top: 10px;
margin-bottom: 20px;
}
.table_display_none {
padding: 0px !Important;
font-size: 0px !Important;
width: 0px !Important;
}
#CalendarModal .modal_text {
font-size: 14px;
}
.selectedColors ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.selectedColors ul li {
display: inline-block;
margin-right: 5px;
}
.change_bg_image.selectedColors .image {
width: 34px;
height: 34px;
opacity: 1;
border-radius: 50%;
}
.change_bg_image.selectedColors .radio-img > input:checked + .image:before {
background-size: 20px;
}
.bg_3d465a {
background-color: #3d465a!important;
}
.bg_68bd8e {
background-color: #68bd8e!important;
}
.bg_bd688f {
background-color: #bd688f!important;
}
.bg_e0d879 {
background-color: #e0d879!important;
}
.bg_e0d879 {
background-color: #e0d879!important;
}
.bg_79e081 {
background-color: #79e081!important;
}
.bg_ef9758 {
background-color: #ef9758!important;
}
.bg_9258ef {
background-color: #9258ef!important;
}
.bg_ef5874 {
background-color: #ef5874!important;
}
.bg_588def {
background-color: #588def!important;
}
.bg_38a9af {
background-color: #38a9af!important;
}
.bg_000000 {
background-color: #000000!important;
}
.bg_432dc3 {
background-color: #432dc3!important;
}
.dashboard_h3:hover {
opacity: 0.8;
cursor: pointer;
}
.white_filter {
filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(66deg) brightness(109%) contrast(110%);
}
.card_more_box .actions_dropdown.table_dropdown {
left: auto;
margin-top: 20px;
}
.group_item .unread_changes {
transition: .3s;
font-weight: 700;
}
.joditEditor_editBodyIMG .jodit_container {
min-height: 300px !important;
}
.checkbox-align-left {
text-align: left;
width: 37px;
}
.margin-top-20 {
margin-top: 20px;
}
.no-margin {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.margin-top-40px {
margin-top: 40px;
}
.nav_switch_container.form_switch {
position: relative;
right: 0px;
width: max-content;
}
.nav_switch_container.form_switch .nav_switch {
margin: 0px;
}
.newCustomerBox {
display: none;
}
.tableEditIcon {
text-align: center;
width: 28px;
height: 28px;
padding-top: 5px;
padding-left: 1px;
transition: .3s;
border-radius: 50%;
margin-right: 20px;
background-color: #dfe4ea;
font-size: 17px;
float: left;
}
.tableEditIcon.spanned {
margin-right: 10px;
float: initial;
display: inline-block;
}
.tableEditIcon:has(> i.la-heart) {
padding-left: 0px;
padding-top: 2px;
}
.tooltip {
z-index: 1000;
position: unset;
/*display: unset;*/
opacity: 1;
cursor: pointer;
font-size: 12px;
}
.tooltipster-content {
background-color: #000000;
color: #ffffff;
/*padding: 5px 10px 5px 10px;*/
padding: 2px 4px;
font-size: 12px;
border-radius: 3px;
}
.tooltip-toggle {
cursor: pointer;
position: relative;
}
.hover:hover {
opacity: 0.7;
}
.users_tags {
list-style: none;
padding: 0px;
margin: 0px;
}
.users_tags ul {
padding: 0px 25px;
margin: 0px;
}
.users_tags li {
background-color: #929eb8;
color: #ffffff;
width: 23px;
height: 23px;
font-size: 10px;
font-weight: 700;
text-align: center;
padding-top: 5px;
display: inline-block;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
margin-bottom: 5px;
margin-right: 2px;
cursor: pointer;
}
.leader-color {
background-color: #009d5f !important;
}
.tag-opacity {
display: flex;
padding: 6px 10px 6px 10px;
border-radius: 3px;
background-color: rgba(179, 179, 179, 0.4);
}
.tag-red {
display: flex;
padding: 1px 8px 1px 8px;
border-radius: 3px;
background-color: #f56454;
color: #ffffff;
}
.tag-green {
display: flex;
padding: 2px 8px 2px 8px;
border-radius: 3px;
background-color: #00a771;
color: #ffffff;
}
.green {
background-color: #00a771;
color: #fff;
transition: .5s ease-in-out;
}
.font-green {
color: #00a771;
}
.font-red {
color: #f56454;
}
.green:hover {
opacity: 0.8;
}
.graphBox {
padding: 10px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 5px;
text-align: center;
}
.graphBoxUp {
border-bottom: 2px solid #dddddd;
padding-bottom: 20px;
}
.competencies-row {
height: 40px;
flex-wrap: nowrap;
}
.competencies-text {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.hide {
display: none;
}
.show {
display: table-row;
}
.nav-link.active.show {
display: block;
}
.btn-cursor {
cursor: pointer;
}
h2.no-margin {
margin: 0;
}
.light-text {
color: #929eb8;
}
.kanban_wrap .group_item:hover {
background-color: #e0e3e5 !important;
}
.kanban_wrap .group_item .title {
width: 100%;
margin-right: 40px;
}
.group_item .project-title a:hover {
color: #000;
}
/* TIMER START */
.timer-popup {
z-index: 10001;
bottom: 0;
left: 0;
width: 400px;
overflow: hidden;
position: fixed;
background-color: #fff;
border: 1px solid #b3b3b3;
border-bottom-width: 0;
border-top-right-radius: 5px;
box-shadow: 0 0 10px rgba(0,0,0,.3);
transition: box-shadow .5s;
box-sizing: content-box;
}
.timer-row {
overflow: hidden;
background: #f0f0f0;
height: 23px;
padding: 5px 5px 9px;
cursor: pointer;
transition: background .25s;
border-radius: 0 5px 0 0;
box-sizing: content-box;
}
.timer-container {
position: relative;
float: left;
overflow: hidden;
border-radius: 3px;
}
.timer-container .pause {
display: inline-block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 24px;
z-index: 2;
background: #323945;
border: 0;
border-radius: 3px 0 0 3px;
color: #c2c4c8;
cursor: pointer;
padding: 0;
margin: 0;
font-size: 12px;
font-weight: 400;
text-align: center;
}
.timer-container .pause:hover {
background-color: #111;
}
.timer-container .stop {
position: absolute;
top: 0;
height: 100%;
z-index: 1;
width: 26px;
border: 0;
background-color: #505865;
color: #c2c4c8;
cursor: pointer;
transition: left .25s;
border-radius: 3px 0 0 3px; /*0*/
font-size: 12px;
left: 0; /*23px;*/
text-align: center;
line-height: 27px;
}
.timer-container .stop:hover {
background-color: #006400;
}
.timer-container .stopwatch {
display: inline-block;
background-color: #697280;
color: #fff;
border-radius: 0 3px 3px 0;
padding: 3px 0px 3px 0;
font-size: 14px;
font-weight: 600;
min-width: 85px;
text-align: center;
transition: margin-left .25s;
margin-left: 25px;/* 49px;*/
cursor: text;
}
.timer-task {
position: relative;
display: inline-block;
width: 250px; /*155px;*/
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-left: 10px;
font-family: helvetica,arial,sans-serif;
transition: top .35s,opacity .25s;
top: 3px;
opacity: 1;
font-size: 14px;
}
.timer-arrow {
position: absolute;
top: 6px;
right: 10px;
width: 9px;
height: 100%;
transition: background-position .35s;
color: #888;
}
.timer-detail {
padding: 3px 8px 0px;
margin-bottom: -6px;
}
.timer-popup .timer-arrow .fa-chevron-up {
display: none;
}
.timer-popup.timer-collapsed .timer-detail {
display: none;
}
.timer-popup .timer-arrow .fa-chevron-down {
display: inline-block;
}
.timer-popup.timer-collapsed .timer-arrow .fa-chevron-up {
display: inline-block;
}
.timer-popup.timer-collapsed .timer-arrow .fa-chevron-down {
display: none;
}
/* TIMER END */
form.form-left {
float: left;
}
.float-right {
float: right;
}
.text-gray {
color: #9fa0a8;
}
.text-green {
color: #00a771;
}
#task-documents .document .preview, #request-documents .document .preview {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 8px;
}
#task-documents .document .icon, #request-documents .document .icon {
float: left;
width: 130px;
height: 110px;
}
#task-documents .document .filetype, #request-documents .document .filetype {
height: 40px;
margin-top: 35px;
width: 100%;
filter: brightness(0) saturate(100%) invert(64%) sepia(10%) saturate(654%) hue-rotate(183deg) brightness(98%) contrast(88%);
}
#task-documents .document .title, #request-documents .document .title {
font-weight: 800;
margin-left: 145px;
margin-top: 5px;
}
#task-documents .document .date, #task-documents .document .user, #request-documents .document .date, #request-documents .document .user {
color: #929eb8;
margin-left: 145px;
margin-top: 5px;
}
#task-documents .document .actions, #request-documents .document .actions {
color: #929eb8;
margin-left: 145px;
margin-top: 5px;
}
#task-documents .document .actions img:hover, #request-documents .document .actions img:hover {
filter: brightness(0) saturate(100%) invert(26%) sepia(9%) saturate(1361%) hue-rotate(183deg) brightness(97%) contrast(92%);
}
#project-documents .document {
display: block;
}
#project-documents .document .preview {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 8px;
}
#project-documents .document .icon {
float: left;
width: 90px;
height: 75px;
background-color: #fff;
border-radius: 8px;
}
#project-documents .document .filetype {
height: 40px;
margin-top: 17px;
width: 100%;
filter: brightness(0) saturate(100%) invert(64%) sepia(10%) saturate(654%) hue-rotate(183deg) brightness(98%) contrast(88%);
}
#project-documents .document .title {
font-weight: 800;
margin-left: 105px;
margin-top: 0px;
margin-bottom: 0;
}
#project-documents .document .date, #project-documents .document .user {
color: #929eb8;
margin-left: 105px;
margin-top: 5px;
}
#project-documents .document .actions {
color: #929eb8;
margin-left: 105px;
margin-top: 5px;
}
.document .actions img {
width: 12px;
}
#project-documents .document .actions img:hover {
filter: brightness(0) saturate(100%) invert(26%) sepia(9%) saturate(1361%) hue-rotate(183deg) brightness(97%) contrast(92%);
}
table#project-documents.dataTable tbody td {
padding: 8px 0;
}
#customer-documents .document {
display: block;
}
#customer-documents .document .preview {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 3px;
}
#customer-documents .document .icon {
float: left;
width: 90px;
height: 75px;
background-color: #fff;
border-radius: 3px;
box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05);
}
#customer-documents .document .filetype {
height: 40px;
margin-top: 17px;
width: 100%;
filter: brightness(0) saturate(100%) invert(64%) sepia(10%) saturate(654%) hue-rotate(183deg) brightness(98%) contrast(88%);
}
#customer-documents .document .title {
font-weight: 800;
margin-left: 105px;
margin-top: 0px;
margin-bottom: 0;
}
#customer-documents .document .date, #customer-documents .document .user {
color: #929eb8;
margin-left: 105px;
margin-top: 5px;
}
#customer-documents .document .actions {
color: #929eb8;
margin-left: 105px;
margin-top: 5px;
}
#customer-documents .document .actions img:hover {
filter: brightness(0) saturate(100%) invert(26%) sepia(9%) saturate(1361%) hue-rotate(183deg) brightness(97%) contrast(92%);
}
table#customer-documents.dataTable tbody td {
padding: 8px 0;
}
.filepond--label-action {
color: #009d5f;
}
#EditTaskBody .project-title, #EditRequestBody .job-application-title {
margin-left: 34px;
color: #929eb8;
font-size: 14px;
font-weight: normal;
}
#EditTaskBody .project-title-edit, #EditRequestBody .job-application-title-edit {
margin-left: 34px;
color: #929eb8;
font-size: 14px;
font-weight: normal;
}
#task-project-title, #request-job-application-title {
cursor: pointer;
}
.project-title-edit > .select2-container, .job-application-title-edit > .select2-container {
min-width: 400px;
}
.checkbox_list a,
.checkbox_list_opportunity_contacts a,
.checkbox_list_opportunity_events a,
.checkbox_list_todo a {
color: #0052cc;
}
.checkbox_list a:hover,
.checkbox_list_opportunity_contacts a:hover,
.checkbox_list_opportunity_events a:hover,
.checkbox_list_todo a:hover {
text-decoration: underline !important;
}
.checkbox_list .custom-checkbox,
.checkbox_list_opportunity_contacts .custom-checkbox,
.checkbox_list_opportunity_events .custom-checkbox,
.checkbox_list_todo .custom-checkbox {
margin-right: 50px;
}
.checkbox_list .custom-checkbox .custom-control-input,
.checkbox_list_opportunity_contacts .custom-checkbox .custom-control-input,
.checkbox_list_opportunity_events .custom-checkbox .custom-control-input,
.checkbox_list_todo .custom-checkbox .custom-control-input {
width: 28px;
left: -4px;
height: 28px;
}
.checkbox_list .custom-checkbox .custom-control-label.fake,
.checkbox_list_opportunity_contacts .custom-checkbox .custom-control-label.fake,
.checkbox_list_opportunity_events .custom-checkbox .custom-control-label.fake,
.checkbox_list_todo .custom-checkbox .custom-control-label.fake {
width: 28px;
left: 0;
height: 28px;
position: absolute;
}
.checkbox_list .checklist-label.checked,
.checkbox_list_opportunity_contacts .checklist-label.checked,
.checkbox_list_opportunity_events .checklist-label.checked,
.checkbox_list_todo .checklist-label.checked {
text-decoration: line-through;
}
.checkbox_list .checklist-label .username,
.checkbox_list_opportunity_contacts .checklist-label .username,
.checkbox_list_opportunity_events .checklist-label .username,
.checkbox_list_todo .checklist-label .username {
color: #0052cc;
/*font-weight: 600;*/
}
.viewer-toolbar > ul > li {
height: 40px !important;
width: 40px !important;
}
.viewer-toolbar > ul > li::before {
margin: 10px !important;
}
.viewer-toolbar > ul > .viewer-large::before {
margin: 10px !important;
}
.viewer-toolbar > ul > .viewer-large {
margin-bottom: 0 !important;
margin-top: 0 !important;
}
.viewer-button {
right: 0 !important;
top: 0 !important;
}
.viewer-button::before {
bottom: 10px !important;
left: 30px !important;
}
.viewer-close::before {
background-position: initial !important;
}
.viewer-close::before {
background-image: url(../images/icons/close.svg) !important;
background-size: 24px !important;
height: 40px !important;
width: 40px !important;
}
.clear-fix {
clear: both;
}
button {
border: 0;
}
.btn-action {
margin: 2px 0;
}
.worklog-row .title, .worklog-row span {
font-size: 14px;
}
.worklog-row input {
font-size: 14px;
}
#new-worklog-dialog textarea {
font-size: 14px;
}
.worklog-list,
.timekeeping-list,
.subtasks-list {
font-size: 14px;
}
.btn-gray {
/*color: #3d465a;*/
/*background-color: #d9dde6;*/
}
.btn-gray-hover {
background-color: transparent;
}
.btn-gray-hover:hover {
color: #3d465a;
background-color: #d9dde6;
}
.btn-gray-hover .edit-icon {
display: none;
}
.btn-gray-hover:hover .edit-icon {
display: inline-block;
}
.task-left-side, .request-left-side {
width: calc(100% - 170px);
padding-right: 15px;
margin-left: -15px;
}
.task-menu, .request-menu {
width: 170px;
font-size: 14px;
}
.task-menu .btn-action, .request-menu .btn-action {
width: 100%;
text-align: left;
padding: 5px 8px 5px 15px;
font-size: 14px;
}
.task-menu .btn-action i, .request-menu .btn-action i {
margin-right: 5px;
}
.btn-rating {
display: flex;
}
.request-menu .btn-action img {
width: 18px;
height: 18px;
margin-right: 3px;
}
.task-menu label.title, .request-menu label.title {
font-weight: 800;
margin-top: 15px;
font-size: 16px;
}
.task-menu i.fa {
font-size: 15px;
vertical-align: middle;
}
.task-menu i.la {
font-size: 18px;
vertical-align: middle;
}
.transparent {
background-color: transparent;
}
.task-menu .edit-icon {
float: right;
margin-right: 4px;
margin-top: 2px;
}
.priority_view .la-check,
.lead_view .la-check {
float: right;
}
.modal-dialog #task-image {
background-color: #f6f7f8;
height: 160px;
min-height: 160px;
background-size: contain;
background-origin: content-box;
padding: 0px;
background-repeat: no-repeat;
background-position: center center;
}
.modal-dialog #task-image img {
height: 160px;
min-height: 160px;
object-fit: contain;
margin: auto;
width: 100%;
}
.checkbox-erp.small .title {
padding-left: 22px;
}
.checkbox-erp.small .checkmark {
width: 16px;
height: 16px;
margin-top: 3px;
}
.checkbox-erp.small input:checked ~ .checkmark i.fa {
top: 2px;
left: 2px;
font-size: 10px;
}
.checkbox-erp input:checked ~ .checkmark {
/*background-color: #3c465a;*/
/*border: 1px solid #3c465a;*/
background-color: #3c465a10;
}
.checkbox-erp .checkmark i.fa {
display: none;
}
.checkbox-erp input:checked ~ .checkmark i.fa {
display: block;
position: absolute;
top: 3px;
left: 3px;
font-size: 11px;
}
.checkbox-erp .checkmark {
position: absolute;
height: 18px;
width: 18px;
top: 2px;
/*border: 1px solid #3c465a;*/
border: solid 1px #979797;
transition: 0.5s ease-in-out;
box-shadow: inset 0 1px 2px 0 rgba(63, 53, 53, 0.5);
/*box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 29%);*/
}
.checkbox-erp input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.checkbox-erp {
display: inline-block !important;
width: fit-content;
margin-right: 20px;
position: relative;
cursor: pointer;
font-size: 14px;
font-weight: 400;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkbox-erp .title {
padding-left: 23px;
}
.worklog-row input {
background-color: #f6f7f8;
border: none;
}
textarea#crworklog-description,
textarea#edworklog-description,
textarea#crtimekeeping-description,
textarea#edtimekeeping-description {
background-color: #f6f7f8;
border: none;
width: calc(100% - 36px);
}
.chat-decorated::before {
width: 16px;
height: 16px;
background-image: url(../images/icons/chat_dark.svg);
content: ' ';
display: inline-block;
position: absolute;
margin-top: 7px;
margin-left: 2px;
background-repeat: no-repeat;
}
.worklog-pad {
margin-left: 36px;
}
#worklog-project-title {
color: #828a9d;
}
#notifications-panel {
position: fixed;
top: 0;
height: 100%;
width: 390px;
max-width: 75%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
right: -100%;
background: #ffffff;
-webkit-transition: right 0.3s;
-moz-transition: right 0.3s;
transition: right 0.3s;
z-index: 1060;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
padding: 20px;
}
#notifications-panel .header {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 20px;
cursor: default;
}
#notifications-panel .title {
flex: auto;
padding: 0 12px;
font-weight: 800;
font-size: 18px;
}
#notifications-panel .date {
font-size: 12px;
}
#notifications-panel.open {
right: 0;
}
#notifications-panel .badge {
line-height: 24px;
font-weight: 400;
text-align: left;
white-space: normal;
}
#notifications-panel .notification {
align-items: center;
display: flex;
font-size: 14px;
margin-bottom: 15px;
}
#notifications-panel .notification .icon {
width: 10px;
margin-right: 15px;
}
#notifications-panel .notification .circle {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #8993ac;
display: inline-block;
}
#notifications-panel .notification .circle.circle_unread {
background-color: #fe8578;
}
#notifications-panel .notification .circle.circle_read {
background-color: #929eb8;
}
#notifications-panel .notification .name {
font-weight: 800;
font-size: 14px;
color: #1d1e37;
}
#notifications-panel .notification .task {
font-size: 14px;
font-weight: 600;
color: #009d5f;
}
#notifications-panel .notification .project {
font-size: 14px;
font-weight: 600;
color: #fe877a;
}
@-webkit-keyframes cd-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes cd-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes cd-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#notifications-shadow-layer {
position: fixed;
min-height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(67, 87, 121, 0.6);
cursor: pointer;
z-index: 1000;
display: none;
}
#notifications-shadow-layer.is-visible {
display: block !important;
-webkit-animation: cd-fade-in 0.3s;
-moz-animation: cd-fade-in 0.3s;
animation: cd-fade-in 0.3s;
}
.tox-statusbar__branding {
display: none !important;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.checkbox_list .cta_extract,
.checkbox_list_todo .cta_extract {
position: absolute;
top: 11px;
right: 32px;
margin-right: 5px;
margin-top: -3px;
border: none;
background: none;
cursor: pointer;
}
code {
display: block;
white-space: pre-wrap;
}
.activity_log .comment pre {
color: #e83e8c;
}
/* row flex for same height columns */
.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
.row > [class*='col-'] {
display: flex;
flex-direction: column;
}
.full-height {
height: 100%;
}
/* end of row flex */
.server-green {
color: #00a771;
}
.server-red {
color: #fe8578;
}
.server-gray {
color: #4c5260;
}
.server-orange {
color: #ef9758;
}
.search_wrap {
opacity: 0.75;
}
.search_wrap .search_input {
position: relative;
min-width: 150px;
}
.search_wrap .search_input button {
position: absolute;
right: 2px;
top: 1px;
background: none;
border: none;
font-size: 15px;
}
.project_overview .row.calls table,
.customer_overview .row.calls table {
padding: 20px;
background-color: #fff;
border-radius: 6px;
box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05);
}
.dropdown-item {
cursor: pointer;
}
.project_overview h5 {
font-weight: 700;
}
.customer_overview h5 {
font-weight: 700;
}
.opacity-40 {
opacity: 0.4;
}
.subnav-list li, .subnav-list-collapsed li {
margin: 15px 0;
}
table#report-billing .btn_add {
opacity: 0;
display: inline-block;
}
table#report-billing tr:hover .btn_add {
display: inline-block !important;
opacity: 1;
}
table#report-billing tr:hover .btn_add:hover {
opacity: 0.8
}
.hidden-hover .edit-icon {
display: none;
}
.hidden-hover:hover .edit-icon {
display: inline-block;
}
.customer_overview .projects .users {
list-style: none;
padding: 0px;
margin: 0px;
}
.customer_overview .projects .users li {
background-color: #929eb8;
color: #ffffff;
width: 23px;
height: 23px;
font-size: 10px;
font-weight: 700;
text-align: center;
padding-top: 5px;
display: inline-block;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
margin-bottom: 5px;
}
.customer_overview .projects .second_card:hover {
background-color: #dfe4ea;
}
.customer_overview .projects a:hover {
text-decoration: none;
color: initial;
}
.customer_overview .projects .second_card .title {
margin-bottom: 0;
}
.customer_overview .projects .second_card .subtitle {
margin-top: 20px;
}
.customer_overview .projects .second_card .subtitle div {
align-self: center;
display: inline-block;
}
.customer_overview .projects .second_card .subtitle .progress-text {
text-align: right;
width: 80px;
}
.customer_overview .projects .second_card .subtitle .progress {
width: calc(100% - 85px);
}
.customer_overview .projects .second_card .subtitle .progress,
.customer_overview .projects .second_card .subtitle .progress-bar {
height: 5px;
}
.customer_overview .projects .second_card .subtitle .progress-bar {
display: block;
}
.customer_overview .projects .second_card .subtitle .progress-bar-insurance{
height: 5px;
background-color: #f44336;
display: block;
}
.customer_overview .projects .second_card {
padding: 15px;
}
.customer_overview .projects .second_card .icon .bg {
height: 64px;
width: 64px;
display: table;
margin: 0 auto;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 10px;
position: absolute;
top: 15px;
right: 15px;
}
.customer_overview .projects .second_card .icon .bg_insurance {
width: 100px;
float: right;
margin-top: 10px;
}
.customer_overview .projects .second_card .title h5 {
font-size: 14px;
font-weight: 700;
}
.customer_overview .projects .second_card .title span {
font-size: 12px;
font-weight: 400;
}
.dashboard-wrapper h5.quote {
padding-right: 140px;
}
.worklog-list .properties i.fa,
.timekeeping-list .properties i.fa {
padding: 3px;
cursor: default;
font-size: 14px;
}
.worklog-list .properties .billed-status:hover {
cursor: pointer;
opacity: 0.5;
}
.cta_add_new_project {
display: none;
}
.kanban_wrap.projects .group_footer {
padding: 0;
min-height: 10px;
}
.kanban_wrap.projects .group_box,
.kanban_wrap.opportunities .group_box {
max-height: calc(100vh - 200px);
}
.daterangepicker .daterangepicker_input i {
position: absolute;
left: 7px;
top: 7px;
}
.billing .timestamp-empty,
.deals .timestamp-empty {
width: 250px;
display: inline-block;
vertical-align: middle;
border: 1px solid #ebecf4;
font-size: 12px;
}
.deals .select2-user-absolute .select2-container:nth-child(2) {
left: 260px;
}
.deals .select2-user-absolute .select2-container:nth-child(6) {
left: 740px;
}
.deals .select2-user-absolute .select2-container:nth-child(8) {
left: 955px;
}
.select2-user-absolute .select2-container {
position: absolute;
left: 525px;
}
.monthly-day {
background: #ffffffa9;
box-shadow: 0 0 0 0.5px #aeaeae39;
}
.monthly-day-blank {
background: initial;
box-shadow: 0 0 0 0.5px #aeaeae39;
}
.monthly-day-title-wrap {
background: #ffffffa9;
order: 3;
}
.monthly-header {
background: #ffffffa9;
}
.monthly-day-event > .monthly-day-number {
line-height: 1.8em;
left: 0.5em;
}
.monthly-today .monthly-day-number {
border-radius: 50%;
width: 1.8em;
height: 1.8em;
left: 0.2em;
top: 0.2em;
}
.monthly {
background: #f1f3f5d9;
/*opacity: .85;*/
border-radius: 4px;
padding: 15px;
display: flex;
flex-direction: column;
}
.monthly-header {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
order: 2;
}
.monthly-day-wrap {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
order: 4;
}
.monthly-event-list {
order: 5;
}
.dashboard-wrapper .monthly-indicator-wrap {
margin-top: 30px;
margin-bottom: 8px;
padding-left: 5px;
padding-right: 6px;
}
.dashboard-wrapper .entered-hour {
border-radius: 100px;
background-color: #929eb8;
font-size: 12px;
}
.dashboard-wrapper .entered-hour:hover {
cursor: default;
}
.dashboard-wrapper .calendar .holiday {
background-color: transparent;
font-size: 18px;
}
.monthly-day-event > .monthly-day-number {
font-size: 14px;
}
.dashboard-wrapper .monthly-day-event {
padding-top: 0;
}
.monthly-day-title-wrap {
font-size: 11px;
color: #9fa0a8;
}
.monthly-header-title {
font-size: 14px;
}
.monthly-header-title a:last-of-type {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.monthly-header-title a:first-of-type {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.monthly-day {
height: 56px;
}
.monthly-header-title a:link, .monthly-header-title a:visited {
border: none;
}
.monthly-header-title-date, .monthly-header-title-date:hover {
border: none !important;
background-color: initial !important;
}
.text-center .tableEditIcon {
margin-left: auto;
margin-right: auto;
float: none;
}
.monthly .select2-container {
opacity: 0.7;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
border-bottom: none;
}
.dashboard-wrapper .select2-container {
width: 100% !important;
order: 1;
margin-bottom: 5px;
}
.monthly .vacation-list, .monthly .work-from-home-list {
order: 6;
font-size: 12px;
margin-top: 10px;
color: #868788;
}
.monthly .vacation-list ul, .monthly .work-from-home-list ul{
list-style: none;
padding: 0px;
margin: 0px;
position: relative;
}
.monthly .vacation-list li, .monthly .work-from-home-list li {
padding: 1px 0;
position: relative;
}
.dashboard-wrapper .last-activity {
margin-top: 5px;
}
.dashboard-wrapper .last-activity .content {
margin-top: 15px;
font-size: 14px;
max-height: 340px;
overflow-y: auto;
}
.dashboard-wrapper .last-activity .item {
margin-top: 10px;
}
.dashboard-wrapper .last-activity .item .date {
font-size: 12px;
}
.dashboard-wrapper .last-activity .item .extra {
margin: -2px 0;
}
.dashboard-wrapper .last-activity .item .project,
.dashboard-wrapper .last-activity .item .task {
font-size: 11px;
display: inline-block;
color: #9fa0a8;
}
.dashboard-wrapper .last-activity .item .task:before {
content: " - ";
font-size: 11px;
display: inline-block;
color: #9fa0a8;
}
.dashboard-wrapper .last-activity .item a {
color: #9fa0a8;
}
.dashboard-wrapper .last-activity .item a:hover {
color: #000;
}
.dashboard-wrapper .last-activity .item .user {
font-weight: 700;
}
.dashboard-wrapper .last-activity .dashboard-card,
.dashboard-wrapper .notifications .dashboard-card,
.dashboard-wrapper .todos .dashboard-card {
padding: 15px;
}
.dashboard-wrapper .last-activity .dashboard-card .circle {
background-color: #929eb8;
color: #ffffff;
width: 20px;
height: 20px;
font-size: 10px;
font-weight: 600;
text-align: center;
padding-top: 3px;
display: inline-block;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
/*margin-bottom: 5px;*/
/*margin-right: 8px;*/
vertical-align: top;
}
.dashboard-wrapper .card-list [class*='col-'] {
padding-left: 7px;
padding-right: 7px;
}
.dashboard-wrapper .todos {
margin-top: 15px;
}
.dashboard-wrapper .calendar {
margin-top: 5px;
}
.dashboard-wrapper .taskCalendar {
padding: 15px;
}
.dashboard-wrapper .taskCalendar .fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number{
font-size: 12px;
}
.dashboard-wrapper .notifications .item,
.dashboard-wrapper .todos .item {
font-size: 12px;
margin-top: 10px;
position: relative;
}
.dashboard-wrapper .notifications .item .extra .date,
.dashboard-wrapper .notifications .item .extra .user {
font-size: 11px;
display: inline-block;
color: #9fa0a8;
}
.dashboard-wrapper .notifications .item .extra .user:before {
content: " - ";
font-size: 11px;
display: inline-block;
color: #9fa0a8;
}
.dashboard-wrapper .notifications .item .card_more,
.dashboard-wrapper .todos .item .card_more {
position: absolute;
right: 10px;
top: 10px;
display: none;
border-radius: 2px;
}
.dashboard-wrapper .notifications .item:hover .card_more,
.dashboard-wrapper .todos .item:hover .card_more {
display: block;
}
.dashboard-wrapper .notifications .item .actions_dropdown,
.dashboard-wrapper .todos .item .actions_dropdown {
margin-top: 25px;
margin-right: 10px;
}
.dashboard-wrapper .notifications .group_footer,
.dashboard-wrapper .todos .group_footer {
background: none;
padding: 5px 0 0 0;
min-height: initial;
margin: 0;
}
.dashboard-wrapper #todos-list .custom-control {
margin-right: 35px;
}
.dashboard-wrapper #todos-list label {
font-size: 14px;
color: #3d465a;
font-weight: 400;
display: block;
}
.dashboard-wrapper .todos .dashboard_img,
.dashboard-wrapper .notifications .dashboard_img {
z-index: 2;
}
.dashboard-project-card .progress {
width: 100%;
margin-top: 5px;
background: #fff;
border-radius: 1.5px;
}
.dashboard-project-card .progress,
.dashboard-project-card .progress-bar {
height: 3px;
}
.dashboard-project-card .progress-bar {
display: block;
}
.table .progress {
overflow: visible;
height: 5px;
}
.table .progress-bar {
margin-top: -1px;
height: 7px;
border-radius: 6px;
/*background-color: #f43885;*/
background: linear-gradient(86deg, rgba(33,212,253,1) 9%, rgba(33,82,255,1) 95%);
}
.tox-tinymce-aux {
z-index: 999999!important;
position: absolute !important;
}
.modal .tox .tox-toolbar__group {
padding: 0 6px 0 6px;
}
.modal .tox .tox-tbtn {
font-size: 14px;
font-style: normal;
font-weight: 400;
margin: 6px 1px 5px 0;
width: 27px;
}
.modal .tox .tox-tbtn--bespoke .tox-tbtn__select-label {
width: 5em;
}
.modal .tox .tox-tbtn--select {
width: auto;
}
.markdown pre {
margin-top: 5px;
margin-bottom: 5px;
}
.markdown h3 {
margin-top: 15px;
margin-bottom: 15px;
font-size: 20px;
}
.markdown h2 {
margin-top: 20px;
margin-bottom: 20px;
}
.markdown pre code {
color: #432dc3;
}
.attachment-container {
margin-top: 5px;
cursor: pointer;
font-weight: 400;
font-size: 13px;
border-radius: 5px;
position: relative;
border: 1px dashed #ccc;
padding: 10px 15px;
background: #f6f7f8;
}
.attachment-container.invalid {
border-color: #f56454;
}
.attachment-element {
position: absolute;
top: 0;
left: 0;
opacity: 0;
cursor: pointer;
width: 100%;
height: 100%;
}
.mini-hint {
font-size: 13px;
margin-top: 10px;
color: #868788;
}
table .equipment-thumb {
height: 40px;
}
table .signature {
width: 100px;
}
tr.v-mid td {
vertical-align: middle;
}
table .action {
opacity: 0.6;
transition: .5s ease-in-out;
}
table .action:hover {
opacity: 1;
}
.signatureReloadButton {
cursor: pointer;
}
.daterangepicker .calendar th, .daterangepicker .calendar td {
font-family: 'Mulish';
font-size: 14px;
}
.daterangepicker .calendar th {
font-weight: 600;
}
.calendar-table .fa {
color: #999;
}
.flatpickr-current-month {
padding: 9px 0 0 0;
}
.flatpickr-months .flatpickr-month {
font-size: 12px;
}
.loading .image,
.loading h3,
.loading .group,
.loading .group_footer {
background-color: var(--loading-gray);
background: linear-gradient(
100deg,
rgba(255, 255, 255, 0) 40%,
rgba(255, 255, 255, .5) 50%,
rgba(255, 255, 255, 0) 60%
) var(--loading-gray);
background-size: 200% 100%;
background-position-x: 180%;
animation: 1s loading ease-in-out infinite;
}
@keyframes loading {
to {
background-position-x: -20%;
}
}
.loading h3 {
min-height: 1.6rem;
/*border-radius: 4px;*/
animation-delay: .05s;
}
.loading .group {
/*min-height: 4rem;*/
/*border-radius: 4px;*/
animation-delay: .06s;
}
.loading .group_footer {
/*min-height: 4rem;*/
/*border-radius: 4px;*/
animation-delay: .07s;
}
.kanban_wrap .group {
margin-bottom: 0;
}
#repeat-days-list li {
display: inline-block;
}
#repeat-days-list ul {
list-style: none;
padding: 0px;
margin: 0px;
}
#repeat-task-info-text .preview {
cursor: pointer;
color: #00a771;
}
#repeat-task-info-text .preview:hover {
text-decoration: underline;
}
#repeat-task-info-container span {
color: #00a771;
}
.btn-action.active i {
color: #00a771;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
content: '';
}
#AddSubtasksList .checkbox-erp .checkmark {
top: -6px;
}
.pointer {
cursor: pointer;
}
.font-orange {
color: #ef9758;
}
#notifications-panel ul.tabs {
list-style: none;
padding: 0;
margin: 15px 0;
text-transform: uppercase;
}
#notifications-panel ul.tabs li {
display: inline-block;
margin-right: 10px;
cursor: pointer;
font-size: 14px;
}
#notifications-panel ul.tabs li.active {
border-bottom: 2px solid #f56454;
}
.users_tags button {
background: none;
padding: 3px 7px;
display: inline-block;
}
.users_tags.inline-block ul {
padding-right: 0;
display: inline-block;
}
#EditUsersBody .loader_item {
position: relative;
}
#EditUsersBody .loader_container {
display: block;
}
#EditUsersBody .select2-container {
width: 100% !important;
}
#EditUsersForm .btn_primary {
display: block;
}
.showUploadingTime{
font-size: 13px;
}
.no-padding {
padding: 0 !important;
}
.dashboard-project-card.no-transparency:hover {
opacity: 1;
}
.dashboard-project-card img.tiny {
height: 16px;
}
div.dataTables_wrapper div.dataTables_filter input {
width: 200px;
border: solid 1px #929eb8;
border-radius: 6px;
}
.customer.index_content #map {
width: 100%;
height: 800px;
}
.customer.index_content h2 {
margin-bottom: 10px;
}
.customer.index_content .address {
margin-bottom: 20px;
}
.task-progress {
white-space: nowrap;
}
td.vertical-middle{
vertical-align: middle;
}
td.vertical-middle .progress-col{
margin-top: auto;
margin-bottom: auto;
}
.status-card {
font-size: 10px;
text-transform: uppercase;
text-align: center;
padding: 4px 15px;
opacity: 0.76;
border-radius: 6px;
width: fit-content;
height: auto;
}
.status-card.active {
background-color: #6bd5f4;
color: #1a6f88;
}
.status-card.waiting {
background-color: #929eb8;
color: #ffffff;
}
.status-card.working {
background-color: #cdf59b;
color: #67b100;
}
.status-card.finished {
background-color: #e4e8ed;
color: #5974a2;
}
.status-card.canceled {
background-color: #F73300;
color: #FBC1AC;
}
.status-card.pending {
background-color: #6bd5f4;
color: #ffffff;
}
.status-card.important {
background-color: #f56454;
color: #ffffff;
}
.status-card.done {
background-color: #8BF467;
color: #ffffff;
}
.status-card.archive {
background-color: #E6D37E;
color: #ffffff;
}
.status-card.arrival {
background-color: #6bd5f4;
color: #ffffff;
}
.status-card.work {
background-color: #cdf59b;
color: #67b100;
}
.status-card.departure {
background-color: #f86e5e;
color: #ffffff;
}
.status-card.breakfast {
background-color: #ffc54b;
color: #ffffff;
}
.status-card.break {
background-color: #ee7a1f;
color: #ffffff;
}
.status-card.toilet {
background-color: #84bdbe;
color: #ffffff;
}
.status-card.doctor, .status-card.for_information {
background-color: #3ba88d;
color: #ffffff;
}
.status-card.approved, .status-card.gained {
background-color: #cdf59b;
color: #67b100;
}
.status-card.lost, .status-card.rejected, .status-card.denied, .status-card.deleted {
background-color: #ff1800;
color: #ffffff;
}
.status-card.first_contact {
background-color: #6bd5f4;
color: #ffffff;
}
.status-card.second_contact, .status-card.reviewed {
background-color: #205ab0;
color: #ffffff;
}
.status-card.opportunity {
background-color: #ffc54b;
color: #ffffff;
}
.status-card.created {
background-color: #6bd5f4;
color: #ffffff;
}
.status-card.in_process {
background-color: #fff43b;
color: #5e5e5e;
}
.status-card.archived {
background-color: #e6d37e;
color: #ffffff;
}
tbody {
font-size: 14px;
}
.add_customer_document {
margin-top: 10px;
}
.add_customer_document button {
text-align: left;
padding-left: 0px;
}
.graphs {
margin-bottom: 5px;
}
table.dataTable thead .sorting_desc {
background-image: url("../images/icons/arrow-down.svg");
background-position: left;
}
table.dataTable thead .sorting_asc {
background-image: url("../images/icons/arrow-up.svg");
background-position: left;
}
table.dataTable thead .sorting {
background-image: url("../images/icons/arrow-both.svg");
background-position: left;
background-size: 10px !important;
}
.table_bold {
font-weight: bold;
font-size: 14px;
}
.table_secondary {
font-size: 12px;
}
.tableBody {
overflow: scroll;
}
.tableColumn_nowrap {
white-space: nowrap;
}
.mail_icon {
width: 14px;
}
#customer-documents tr {
background-color: transparent;
}
.SubNav {
cursor: pointer;
color: #c4cdd5 !important;
/*color: #ffffff !important;*/
}
.SubNav:hover {
/*color: #5d606f !important;*/
}
.card_user {
align-items: center;
margin-top: -75px;
margin-bottom: 25px;
height: 100px;
padding: 15px 25px;
border-radius: 6px;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
background-blend-mode: normal, overlay, normal;
background-image: linear-gradient(180deg, rgba(255,255,255,0.64), rgba(255,255,255,0.5));
display: inline-flex;
}
.second_card_user {
margin-bottom: 15px;
padding: 15px 25px;
border-radius: 6px;
box-shadow: 0 20px 27px 11px rgba(0, 0, 0, 0.05);
background-color: #fff;
}
.second_card_user h2 {
font-size: 16px;
text-align: center;
}
.user_settings .second_card_user label, .user_view .second_card_user label {
font-size: 14px;
}
.second_card_user.vacation {
color: #fff;
background-image: url("../images/vacation_background@3x.png");
background-size: cover;
}
.second_card_user.vacation label {
color: #fff;
}
.second_card_user.vacation div.title img {
padding-right: 10px;
}
.second_card_user.vacation div.title {
display: flex;
align-items: baseline;
}
.second_card_user.vacation div.data {
display: flex;
justify-content: space-between;
}
.second_card_user.vacation div.data span {
font-size: 12px;
}
.second_card_user.vacation div.data div.days span {
font-size: 16px;
font-weight: bold;
}
.second_card_user label {
font-size: 20px;
font-weight: bold;
color: #3d465a;
}
.second_card_user label.secondary {
font-size: 16px;
font-weight: bold;
color: #3d465a;
}
.user_overview h5 {
font-weight: 700;
padding: 15px 25px;
}
.work_equipment .image {
display: flex;
align-items: center;
justify-content: space-around;
width: 35px;
height: 35px;
border-radius: 6px;
background-image: linear-gradient(to right, #3a416f 9%, #141727 95%);
}
.document .image, .education_course .image, .legal_document .image, .family_member .image {
display: flex;
align-items: center;
justify-content: space-around;
width: 36px;
height: 36px;
border-radius: 6px;
background-image: linear-gradient(to right, #3a416f 9%, #141727 95%);
}
.work_equipment .data, .document .data, .education_course .data, .legal_document .data, .family_member .data, .allowance .data {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 15px;
}
.work_equipments .work_equipment .second_card_user,
.documents .document .second_card_user,
.education_courses .education_course .second_card_user,
.legal_documents .legal_document .second_card_user {
display: inline-flex;
align-items: center;
padding: 25px 25px;
width: 100%;
}
.family_members .family_member .second_card_user {
display: inline-grid;
align-items: center;
padding: 25px 25px;
width: 100%;
}
.family_members .family_member .second_card_user .working_status, .family_members .family_member .second_card_user .birthday, .family_members .family_member .second_card_user .age, .allowances .allowance .second_card_user .from, .allowances .allowance .second_card_user .to {
font-size: 12px;
font-weight: bold;
}
.legal_documents .legal_document .second_card_user {
justify-content: space-between;
}
.work_equipment .data, .document .data, .education_course .data, .legal_document .data, .legal_document .validity, .family_member .data, .allowance .data {
font-size: 12px;
}
.work_equipment .data .title, .document .data .title, .education_course .data .title, .legal_document .data .title, .legal_document .validity .date, .family_member .data .title, .allowance .data .title {
font-weight: bold;
}
/* {*/
/* font-size: 16px;*/
/*}*/
.legal_document .validity .date {
display: inline-flex;
align-items: center;
}
.legal_document .validity .date img {
width: 14px;
height: 14px;
}
.user_overview .profile_picture, .user_view .profile_picture {
width: 70px;
height: 70px;
border-radius: 15px;
overflow: hidden;
}
.user_overview .profile_picture .bg, .user_view .profile_picture .bg {
background-repeat: no-repeat;
background-size: contain;
height: 100%;
width: 100%;
}
.user_overview .profile_picture .bg_no, .user_view .profile_picture .bg_no{
height: 100%;
width: 100%;
color: #fff;
font-size: 24px;
font-weight: bold;
display: flex;
align-items: center;
justify-content: space-around;
}
.user_overview .profile_data, .user_view .profile_data {
padding-left: 20px;
}
.user_overview .profile_data .name, .user_view .profile_data .name{
font-size: 24px;
color: #3d465a;
font-weight: bold;
}
.user_overview .profile_data .job, .user_view .profile_data .job{
font-size: 14px;
color: #3d465a;
}
/* NEW NAV */
.subpage_container {
position: unset;
padding-left: 0px;
padding-right: 0px;
}
.page-container {
/*min-height: calc(100vh - 70px);*/
min-height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding-left: 0;
padding-right: 0;
}
nav {
position: fixed;
/*position: unset;*/
/*position: absolute;*/
/*position: relative;*/
left: -17rem;
width: 15rem;
min-height: calc(100vh - 70px);
height: 100vh;
/*background: #ffffff;*/
/*font-family: "ubuntu-regular", sans-serif;*/
font-family: Mulish;
padding: 0;
/*width: 260px;*/
z-index: 1001;
/*transition: width 0.25s ease, background 0.25s ease;*/
/*-webkit-transition: width 0.25s ease, background 0.25s ease;*/
}
main {
-webkit-transition: width 0.25s ease, margin 0.25s ease;
transition: width 0.25s ease, margin 0.25s ease;
/*width: calc(100% - 260px);*/
min-height: calc(100vh - 70px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
nav:not(.expandNav) main {
width: 100%;
}
nav ul.main_nav_list {
margin-top: 0px;
margin-right: 20px;
margin-left: 20px;
}
.page_container {
position: unset;
}
.dashboard-wrapper {
padding: 50px 30px;
}
.main_welcome {
right: 45px;
}
.user_card_background {
border-radius: 25px;
width: 100%;
object-fit: contain;
}
.title_edit_header {
justify-content: space-between;
display: flex;
align-items: baseline;
}
.inline_data {
display: flex;
align-items: baseline;
padding-bottom: 10px;
}
.inline_data .title {
padding-right: 10px;
}
.inline_data .title span {
font-size: 14px;
font-weight: bold;
}
.inline_data .title img {
height: 14px;
}
.inline_data .data span {
font-size: 14px;
}
.job_data {
font-size: 14px;
}
.job_data .title {
font-weight: bold;
}
.modal_wrapper h5 img {
max-height: 14px;
max-width: 14px;
}
.work_equipment .image img {
width: 100%;
}
.work_equipment .image img.default {
width: 50%;
}
/*NEW NEW MENU*/
.hover_for_menu {
border-radius: 100%;
position: fixed;
left: -15px;
height: 100vh;
width: 30px;
background: rgba(0,0,0,0.1);
}
.main_text {
padding-left: 10px;
}
.nav_user_card {
display: flex;
position: relative;
margin: 20px;
}
.nav_user_card .avatar {
height: 35px;
width: 35px;
border-radius: 17.5px;
overflow: hidden;
}
.nav_user_card .bg_no {
height: 100%;
width: 100%;
color: #fff;
font-size: 14px;
display: flex;
align-items: center;
justify-content: space-around;
}
.nav_user_card .bg {
background-size: contain;
height: 100%;
width: 100%;
}
.nav_user_card .info {
padding-left: 10px;
height: 35px;
}
.nav_user_card .info .name {
height: 14px;
}
.nav_user_card .info .name span {
font-family: Mulish;
font-size: 14px;
font-weight: bold;
color: #fff;
}
.nav_user_card .info .profile a {
font-family: Mulish;
font-size: 12px;
font-weight: normal;
color: #c4cdd5;
}
.layout-menu-toggle {
position: absolute;
width: 28px;
height: 28px;
border-radius: 50%;
background-color: transparent;
right: -34px;
top: 4.5px;
padding: 4px;
}
.layout-menu-toggle a {
display: flex;
width: 20px;
height: 20px;
border-radius: 50%;
background: linear-gradient(270deg, rgba(20,23,39,1) 9%, rgba(58,65,111,1) 95%);
}
.layout-menu-toggle a img {
align-self: center;
height: 8px;
width: 27px;
}
nav.expandFix + main {
margin-left: 205px;
}
/*END OF NEW NAV*/
.profile_settings {
font-family: Mulish;
position: absolute;
right: 20px;
font-size: 14px;
}
.profile_settings a img {
padding-right: 5px;
}
.profile_settings a {
display: flex;
}
.profile_settings a:hover {
opacity: 0.7;
color: #3d465a;
}
.btn_primary_fit_content {
width: fit-content;
margin-left: auto;
margin-right: auto;
}
.user_edit_icon, .user_delete_icon {
display: none;
}
.second_card_user:hover .user_edit_icon {
display: block;
}
/*SHORTCUT DROPDOWN*/
.shortcut-dropdown-content {
display: none;
position: absolute;
right: 0px;
top: 30px;
background-color: rgba(222,222,222,0.95);
min-width: 245px;
max-height: 260px;
overflow: auto;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1001;
}
.shortcut-dropdown-content.show {
display: block;
}
.shortcut-dropdown-content ul {
list-style: none;
padding-left: 0px;
margin-top: 1rem;
margin-bottom: 0;
}
.shortcut-dropdown-content ul li {
border-radius: 3px;
padding: 10px 16px;
}
.shortcut-dropdown-content ul li:hover {
background-color: rgba(200,200,200,0.75);
}
.shortcut-dropdown-content ul li a {
color: #444A58;
font-size: 12px;
font-weight: bold;
}
.subnav-list li::marker {
color: #c4cdd5;
}
/*CUSTOM SWITCH*/
.switch {
position: relative;
display: inline-block;
width: 50px;
height: 25px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 21px;
width: 21px;
left: 2px;
bottom: 2px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-image: linear-gradient(to right, #3a416f 9%, #141727 95%);
}
input:checked + .slider:before {
-webkit-transform: translateX(25px);
-ms-transform: translateX(25px);
transform: translateX(25px);
}
nav.expandFix + main .page_container .index_content {
padding-right: 235px;
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
/*END OF CUSTOM SWITCH*/
/*BLUR TOP NAV*/
/*.top-nav {*/
/* position: absolute;*/
/* width: 100%;*/
/* height: 60px;*/
/* -webkit-backdrop-filter: blur(4px);*/
/* backdrop-filter: blur(4px);*/
/* border: solid 0.5px #555;*/
/* background-blend-mode: overlay, normal;*/
/*}*/
/*END BLUR TOP NAV*/
.vacation_checkmark {
margin-right: 10px;
height: 14px;
width: 14px;
}
.vacation_times {
margin-right: 10px;
height: 14px;
width: 14px;
}
td .tableEditIcon img {
height: 14px;
width: 14px;
}
td.properties img {
display: inline-flex;
height: 14px;
width: 14px;
}
.search_input img {
width: 14px;
height: 14px;
}
.tableSum {
float: right;
font-size: 14px;
}
/*BUTTONS INLINE*/
.buttons-inline {
display: inline !important;
text-align: right;
}
.buttons-inline button {
margin-left: unset;
display: unset;
}
/*ORG CHART*/
.olivia-f0 {
font-weight: bold;
fill: #fff !important;
font-family: Mulish;
}
.olivia-f1 {
fill: #fff !important;
font-family: Mulish;
}
g.node rect {
fill: #3a416f;
stroke: #3a416f;
stroke-width: 2px;
rx: 10px;
ry: 10px;
}
/*GRAPHS*/
.subcat-list {
padding-inline-start: 0px;
}
.subcat-list .list-group-item:first-child {
border-top-left-radius: 0rem;
border-top-right-radius: 0rem;
}
.list-group-item:last-child {
border-top-left-radius: 0rem;
border-top-right-radius: 0rem;
}
.hasSubCat div span.badge-pill {
margin-right: 5px;
}
.subcat-chevron {
width: 14px;
height: 14px;
}
.subcat-list .list-group-item {
cursor: pointer;
}
.chart {
height: 300px;
}
.graphFilter {
display: inline-flex;
width: auto;
margin: 0px 0px 0px 10px;
}
input.graphFilter{
background-color: #fff;
}
select.graphFilter + span.select2 .select2-selection--single {
margin: 0px 0px 0px 10px;
}
.graphFilters {
display: flex;
justify-content: flex-end;
}
.flex-end {
place-self: flex-end;
}
.education_course_applications {
padding: 0px;
list-style-type: none;
}
.education_course_applications li div.d-flex {
align-items: center;
justify-content: space-between;
}
.education_course_applications li div.d-flex div img {
width: 14px;
height: 14px;
cursor: pointer;
}
.education_course_applications li span {
font-weight: 500;
font-size: 14px;
color: #1d1e37;
}
/*CHECKBOX BUTTON*/
.btn_checkbox{
background-color: #fff;
border-radius: 3px;
border: solid 1px #1d232f;
overflow: hidden;
float: left;
height: 100%;
}
.btn_checkbox label {
float: left;
line-height: 3.0em;
width: 100%;
height: 100%;
margin-bottom: 0px;
cursor: pointer;
}
.btn_checkbox label span {
text-align: center;
display: block;
}
.btn_checkbox label input {
position: absolute;
display: none;
color: #fff !important;
}
.btn_checkbox label input + span{
color: #3d465a;
}
.btn_checkbox input:checked + span {
color: #ffffff;
text-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
}
.btn_checkbox.approve input:checked + span{background-color: #cdf59b;}
.btn_checkbox.deny input:checked + span{background-color: #ff1800;}
.card_details {
font-size: 12px;
color: #929EB8;
}
.request-data {
padding-left: 30px;
font-weight: normal;
font-size: 14px;
color: #929eb8;
}
.request-data-edit {
padding-left: 30px;
}
.request-data-edit input {
width: auto;
margin-bottom: 10px;
}
.request-data .edit-text {
display: flex;
align-items: center;
font-size: 13px;
margin-top: 5px;
}
#VacationButton {
margin-bottom: 15px;
}
.rating-list label div {
display: flex;
}
.rating-list label div img {
width: 18px;
height: 18px;
margin-right: 3px;
}
.rating-list label {
padding: 5px 8px 5px 16px;
}
div.rating {
display: inline-flex;
}
.request div.rating img {
width: 12px;
height: 16px;
}
.kanban_wrap .request .title {
display: flex;
}
.color_box {
height: 20px;
width: 20px;
border-radius: 50%;
}
.add-event {
background: none;
padding: 5px 0 0 0;
min-height: initial;
font-weight: 700;
padding: 10px 0px;
color: #3d465a;
font-size: 13px;
opacity: 0.92;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
/* margin-top: -21px; */
}
.add-event button {
border: none;
background: none;
color: #929eb8;
font-size: 13px;
cursor: pointer;
transition: .3s;
}
.add-event button img {
margin-right: 5px;
margin-top: -3px;
}
.activity_log .message {
display: flex;
flex-flow: row;
text-align: left;
}
.activity_log .reverse_message {
display: flex;
flex-flow: row-reverse;
text-align: right;
}
.activity_log .reverse_message .circle {
margin-left: 8px;
margin-right: 0;
}
.sortable-reviewers {
list-style-type: none;
padding: 0;
}
.sortable-reviewers .item {
display: flex;
place-content: space-between;
padding: 10px 20px;
background-color: #f7f7f7;
border-radius: 5px;
border: dashed 1px #e1e1e1;
margin-bottom: 2px;
}
.sortable-reviewers .item .icon {
height: 14px;
width: 14px;
}
.sortable-reviewers .item.lead-reviewer {
border-color: #4d95e0;
}
/*MAIL ANIMATION*/
.rotate {
animation: rotation 1s infinite linear;
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
.user-otp .step {
margin-top: 20px;
}
.user-otp h5 {
margin-bottom: 15px;
margin-top: 25px;
}
.user-otp h5 .step-num {
font-size: 20px;
color: #3d465a;
background-color: gold;
width: 30px;
height: 30px;
border-radius: 50%;
display: inline-block;
text-align: center;
line-height: 30px;
margin-right: 10px;
}
.user-otp input {
width: 400px;
margin-right: 10px;
}
.user-otp input.small {
width: 200px;
}
.user-otp .backup-codes {
margin: 10px 0;
margin-left: -10px;
}
.user-otp .backup-codes .code {
background-color: #eee;
border-radius: 5px;
margin: 4px 10px;
text-align: center;
padding: 0;
cursor: default;
}
.user-otp .error {
color: red;
margin-top: 10px;
font-size: 12px;
}
.text-small {
font-size: 12px;
color: #888;
}
.reverse {
width: 100%;
display: flex;
flex-flow: row-reverse;
}
#comments .comment {
font-size: 14px;
background-color: #f7f7f7;
border-radius: 5px;
padding: 10px;
margin-bottom: 5px;
}
#comments .comment .comment-header .comment-reference {
font-size: 14px;
font-weight: 600;
}
#comments .comment .comment-content .comment-comment {
font-size: 12px;
}
#comments .comment .comment-footer {
margin-top: 5px;
font-size: 12px;
font-weight: 600;
}
#comments .comment .comment-footer .comment-date {
display: flex;
place-content: space-between;
}
#comments .comment .comment-header {
display: flex;
justify-content: space-between;
}
#comments .comment .comment-header .user_edit_icon img, #comments .comment .comment-header .user_delete_icon img {
width: 12px;
height: 12px;
}
#comments .comment:hover .user_edit_icon, #comments .comment:hover .user_delete_icon {
display: block;
}
#comments .comment .comment-header .icons {
display: flex;
}
#comments .comment .comment-header .icons a {
padding: 0 5px;
cursor: pointer;
}
.dms-original {
font-weight: bold;
height: 37px;
width: 100%;
font-size: 14px;
align-content: space-around;
}
label a .filetype {
float: right;
width: 20px;
height: 20px;
}
#dms-document-versions tbody tr.revision {
background-color: #f7f7f7;
}
.editBodyButtons {
margin-top: 10px;
}
.fc-license-message {
display: none;
}
/*vacations calendar*/
.fc-time-area .fc-event-container {
padding: 0;
top: 0;
}
.fc-event-container {
height: 90% !important;
}
.fc-event {
height: 100%;
}
.fc-ltr .fc-timeline-event {
text-align: center;
}
.small-label {
font-size: 10px;
}
/*------------------*/
.family_member .data {
min-width: 150px;
}
#AddModal .select2-container{
z-index: auto;
}